index.d.mts
5.86 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
import * as _radix_ui_react_context from '@radix-ui/react-context';
import * as React from 'react';
import { Primitive } from '@radix-ui/react-primitive';
type Direction = 'ltr' | 'rtl';
type Sizes = {
content: number;
viewport: number;
scrollbar: {
size: number;
paddingStart: number;
paddingEnd: number;
};
};
declare const createScrollAreaScope: _radix_ui_react_context.CreateScope;
type ScrollAreaContextValue = {
type: 'auto' | 'always' | 'scroll' | 'hover';
dir: Direction;
scrollHideDelay: number;
scrollArea: ScrollAreaElement | null;
viewport: ScrollAreaViewportElement | null;
onViewportChange(viewport: ScrollAreaViewportElement | null): void;
content: HTMLDivElement | null;
onContentChange(content: HTMLDivElement): void;
scrollbarX: ScrollAreaScrollbarElement | null;
onScrollbarXChange(scrollbar: ScrollAreaScrollbarElement | null): void;
scrollbarXEnabled: boolean;
onScrollbarXEnabledChange(rendered: boolean): void;
scrollbarY: ScrollAreaScrollbarElement | null;
onScrollbarYChange(scrollbar: ScrollAreaScrollbarElement | null): void;
scrollbarYEnabled: boolean;
onScrollbarYEnabledChange(rendered: boolean): void;
onCornerWidthChange(width: number): void;
onCornerHeightChange(height: number): void;
};
type ScrollAreaElement = React.ElementRef<typeof Primitive.div>;
type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
interface ScrollAreaProps extends PrimitiveDivProps {
type?: ScrollAreaContextValue['type'];
dir?: ScrollAreaContextValue['dir'];
scrollHideDelay?: number;
}
declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
type ScrollAreaViewportElement = React.ElementRef<typeof Primitive.div>;
interface ScrollAreaViewportProps extends PrimitiveDivProps {
nonce?: string;
}
declare const ScrollAreaViewport: React.ForwardRefExoticComponent<ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>>;
type ScrollAreaScrollbarElement = ScrollAreaScrollbarVisibleElement;
interface ScrollAreaScrollbarProps extends ScrollAreaScrollbarVisibleProps {
forceMount?: true;
}
declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>>;
type ScrollAreaScrollbarVisibleElement = ScrollAreaScrollbarAxisElement;
interface ScrollAreaScrollbarVisibleProps extends Omit<ScrollAreaScrollbarAxisProps, keyof ScrollAreaScrollbarAxisPrivateProps> {
orientation?: 'horizontal' | 'vertical';
}
type ScrollAreaScrollbarAxisPrivateProps = {
hasThumb: boolean;
sizes: Sizes;
onSizesChange(sizes: Sizes): void;
onThumbChange(thumb: ScrollAreaThumbElement | null): void;
onThumbPointerDown(pointerPos: number): void;
onThumbPointerUp(): void;
onThumbPositionChange(): void;
onWheelScroll(scrollPos: number): void;
onDragScroll(pointerPos: number): void;
};
type ScrollAreaScrollbarAxisElement = ScrollAreaScrollbarImplElement;
interface ScrollAreaScrollbarAxisProps extends Omit<ScrollAreaScrollbarImplProps, keyof ScrollAreaScrollbarImplPrivateProps>, ScrollAreaScrollbarAxisPrivateProps {
}
type ScrollbarContext = {
hasThumb: boolean;
scrollbar: ScrollAreaScrollbarElement | null;
onThumbChange(thumb: ScrollAreaThumbElement | null): void;
onThumbPointerUp(): void;
onThumbPointerDown(pointerPos: {
x: number;
y: number;
}): void;
onThumbPositionChange(): void;
};
type ScrollAreaScrollbarImplElement = React.ElementRef<typeof Primitive.div>;
type ScrollAreaScrollbarImplPrivateProps = {
sizes: Sizes;
hasThumb: boolean;
onThumbChange: ScrollbarContext['onThumbChange'];
onThumbPointerUp: ScrollbarContext['onThumbPointerUp'];
onThumbPointerDown: ScrollbarContext['onThumbPointerDown'];
onThumbPositionChange: ScrollbarContext['onThumbPositionChange'];
onWheelScroll(event: WheelEvent, maxScrollPos: number): void;
onDragScroll(pointerPos: {
x: number;
y: number;
}): void;
onResize(): void;
};
interface ScrollAreaScrollbarImplProps extends Omit<PrimitiveDivProps, keyof ScrollAreaScrollbarImplPrivateProps>, ScrollAreaScrollbarImplPrivateProps {
}
type ScrollAreaThumbElement = ScrollAreaThumbImplElement;
interface ScrollAreaThumbProps extends ScrollAreaThumbImplProps {
/**
* Used to force mounting when more control is needed. Useful when
* controlling animation with React animation libraries.
*/
forceMount?: true;
}
declare const ScrollAreaThumb: React.ForwardRefExoticComponent<ScrollAreaThumbProps & React.RefAttributes<HTMLDivElement>>;
type ScrollAreaThumbImplElement = React.ElementRef<typeof Primitive.div>;
interface ScrollAreaThumbImplProps extends PrimitiveDivProps {
}
interface ScrollAreaCornerProps extends ScrollAreaCornerImplProps {
}
declare const ScrollAreaCorner: React.ForwardRefExoticComponent<ScrollAreaCornerProps & React.RefAttributes<HTMLDivElement>>;
interface ScrollAreaCornerImplProps extends PrimitiveDivProps {
}
declare const Root: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
declare const Viewport: React.ForwardRefExoticComponent<ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>>;
declare const Scrollbar: React.ForwardRefExoticComponent<ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>>;
declare const Thumb: React.ForwardRefExoticComponent<ScrollAreaThumbProps & React.RefAttributes<HTMLDivElement>>;
declare const Corner: React.ForwardRefExoticComponent<ScrollAreaCornerProps & React.RefAttributes<HTMLDivElement>>;
export { Corner, Root, ScrollArea, ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps, Scrollbar, Thumb, Viewport, createScrollAreaScope };