@fictjs/ui-primitives 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +181 -0
- package/dist/index.cjs +5091 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +1123 -0
- package/dist/index.d.ts +1123 -0
- package/dist/index.js +4907 -0
- package/dist/index.js.map +1 -0
- package/docs/README.md +39 -0
- package/docs/accessibility.md +50 -0
- package/docs/api-reference.md +200 -0
- package/docs/architecture.md +113 -0
- package/docs/components/core/accessible-icon.md +23 -0
- package/docs/components/core/id.md +26 -0
- package/docs/components/core/portal.md +30 -0
- package/docs/components/core/presence.md +27 -0
- package/docs/components/core/primitive.md +22 -0
- package/docs/components/core/separator.md +25 -0
- package/docs/components/core/slot.md +25 -0
- package/docs/components/core/visually-hidden.md +21 -0
- package/docs/components/disclosure/accordion.md +33 -0
- package/docs/components/disclosure/collapsible.md +29 -0
- package/docs/components/disclosure/navigation-menu.md +43 -0
- package/docs/components/disclosure/tabs.md +35 -0
- package/docs/components/feedback/toast.md +60 -0
- package/docs/components/form/calendar.md +35 -0
- package/docs/components/form/controls.md +52 -0
- package/docs/components/form/date-picker.md +44 -0
- package/docs/components/form/form-field.md +39 -0
- package/docs/components/form/inputs.md +99 -0
- package/docs/components/interaction/dismissable-layer.md +28 -0
- package/docs/components/interaction/focus-scope.md +27 -0
- package/docs/components/interaction/live-region.md +26 -0
- package/docs/components/interaction/popper.md +30 -0
- package/docs/components/interaction/roving-focus.md +27 -0
- package/docs/components/interaction/scroll-lock.md +22 -0
- package/docs/components/layout/layout.md +61 -0
- package/docs/components/menu/context-menu.md +44 -0
- package/docs/components/menu/dropdown-menu.md +62 -0
- package/docs/components/menu/menubar.md +38 -0
- package/docs/components/overlay/alert-dialog.md +46 -0
- package/docs/components/overlay/command-palette.md +54 -0
- package/docs/components/overlay/dialog.md +69 -0
- package/docs/components/overlay/hover-card.md +25 -0
- package/docs/components/overlay/popover.md +36 -0
- package/docs/components/overlay/tooltip.md +28 -0
- package/docs/examples.md +155 -0
- package/docs/release.md +60 -0
- package/docs/testing.md +36 -0
- package/package.json +89 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,1123 @@
|
|
|
1
|
+
import { FictNode } from '@fictjs/runtime';
|
|
2
|
+
|
|
3
|
+
type PrimitiveTag = string;
|
|
4
|
+
interface PrimitiveProps {
|
|
5
|
+
as?: PrimitiveTag;
|
|
6
|
+
asChild?: boolean;
|
|
7
|
+
children?: FictNode;
|
|
8
|
+
[key: string]: unknown;
|
|
9
|
+
}
|
|
10
|
+
declare function Primitive(props: PrimitiveProps): FictNode;
|
|
11
|
+
declare const PrimitiveElements: {
|
|
12
|
+
readonly div: (props: Omit<PrimitiveProps, "as">) => FictNode;
|
|
13
|
+
readonly span: (props: Omit<PrimitiveProps, "as">) => FictNode;
|
|
14
|
+
readonly button: (props: Omit<PrimitiveProps, "as">) => FictNode;
|
|
15
|
+
readonly input: (props: Omit<PrimitiveProps, "as">) => FictNode;
|
|
16
|
+
readonly label: (props: Omit<PrimitiveProps, "as">) => FictNode;
|
|
17
|
+
readonly form: (props: Omit<PrimitiveProps, "as">) => FictNode;
|
|
18
|
+
readonly ul: (props: Omit<PrimitiveProps, "as">) => FictNode;
|
|
19
|
+
readonly li: (props: Omit<PrimitiveProps, "as">) => FictNode;
|
|
20
|
+
readonly nav: (props: Omit<PrimitiveProps, "as">) => FictNode;
|
|
21
|
+
readonly section: (props: Omit<PrimitiveProps, "as">) => FictNode;
|
|
22
|
+
readonly article: (props: Omit<PrimitiveProps, "as">) => FictNode;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
interface SlotProps {
|
|
26
|
+
children?: FictNode;
|
|
27
|
+
[key: string]: unknown;
|
|
28
|
+
}
|
|
29
|
+
declare function Slot(props: SlotProps): FictNode;
|
|
30
|
+
|
|
31
|
+
type MaybeAccessor<T> = T | (() => T);
|
|
32
|
+
|
|
33
|
+
interface PresenceProps {
|
|
34
|
+
present?: MaybeAccessor<boolean>;
|
|
35
|
+
forceMount?: MaybeAccessor<boolean>;
|
|
36
|
+
children?: FictNode | ((state: {
|
|
37
|
+
present: boolean;
|
|
38
|
+
}) => FictNode);
|
|
39
|
+
}
|
|
40
|
+
declare function Presence(props: PresenceProps): () => FictNode;
|
|
41
|
+
|
|
42
|
+
interface PortalHostProps {
|
|
43
|
+
container?: MaybeAccessor<HTMLElement | null | undefined>;
|
|
44
|
+
children?: FictNode;
|
|
45
|
+
}
|
|
46
|
+
interface PortalProps {
|
|
47
|
+
container?: MaybeAccessor<HTMLElement | null | undefined>;
|
|
48
|
+
disabled?: MaybeAccessor<boolean>;
|
|
49
|
+
children?: FictNode;
|
|
50
|
+
}
|
|
51
|
+
declare function PortalHost(props: PortalHostProps): FictNode;
|
|
52
|
+
declare function Portal(props: PortalProps): FictNode;
|
|
53
|
+
|
|
54
|
+
interface VisuallyHiddenProps {
|
|
55
|
+
as?: string;
|
|
56
|
+
children?: FictNode;
|
|
57
|
+
[key: string]: unknown;
|
|
58
|
+
}
|
|
59
|
+
declare function VisuallyHidden(props: VisuallyHiddenProps): FictNode;
|
|
60
|
+
|
|
61
|
+
interface SeparatorProps {
|
|
62
|
+
orientation?: MaybeAccessor<'horizontal' | 'vertical'>;
|
|
63
|
+
decorative?: MaybeAccessor<boolean>;
|
|
64
|
+
as?: string;
|
|
65
|
+
[key: string]: unknown;
|
|
66
|
+
}
|
|
67
|
+
declare function Separator(props: SeparatorProps): FictNode;
|
|
68
|
+
|
|
69
|
+
interface AccessibleIconProps {
|
|
70
|
+
label: string;
|
|
71
|
+
children?: FictNode;
|
|
72
|
+
[key: string]: unknown;
|
|
73
|
+
}
|
|
74
|
+
declare function AccessibleIcon(props: AccessibleIconProps): FictNode;
|
|
75
|
+
|
|
76
|
+
interface IdProviderProps {
|
|
77
|
+
prefix?: string;
|
|
78
|
+
children?: FictNode;
|
|
79
|
+
}
|
|
80
|
+
declare function useId(id: string | undefined, prefix?: string): string;
|
|
81
|
+
declare function IdProvider(props: IdProviderProps): FictNode;
|
|
82
|
+
|
|
83
|
+
interface CollapsibleRootProps {
|
|
84
|
+
open?: boolean | (() => boolean);
|
|
85
|
+
defaultOpen?: boolean;
|
|
86
|
+
onOpenChange?: (open: boolean) => void;
|
|
87
|
+
disabled?: boolean;
|
|
88
|
+
children?: FictNode;
|
|
89
|
+
}
|
|
90
|
+
interface CollapsibleTriggerProps {
|
|
91
|
+
as?: string;
|
|
92
|
+
asChild?: boolean;
|
|
93
|
+
children?: FictNode;
|
|
94
|
+
[key: string]: unknown;
|
|
95
|
+
}
|
|
96
|
+
interface CollapsibleContentProps {
|
|
97
|
+
forceMount?: boolean;
|
|
98
|
+
children?: FictNode;
|
|
99
|
+
[key: string]: unknown;
|
|
100
|
+
}
|
|
101
|
+
declare function CollapsibleRoot(props: CollapsibleRootProps): FictNode;
|
|
102
|
+
declare function CollapsibleTrigger(props: CollapsibleTriggerProps): FictNode;
|
|
103
|
+
declare function CollapsibleContent(props: CollapsibleContentProps): FictNode;
|
|
104
|
+
|
|
105
|
+
interface AccordionRootProps {
|
|
106
|
+
type?: 'single' | 'multiple';
|
|
107
|
+
value?: string | string[] | (() => string | string[]);
|
|
108
|
+
defaultValue?: string | string[];
|
|
109
|
+
onValueChange?: (value: string | string[]) => void;
|
|
110
|
+
collapsible?: boolean;
|
|
111
|
+
children?: FictNode;
|
|
112
|
+
}
|
|
113
|
+
interface AccordionItemProps {
|
|
114
|
+
value: string;
|
|
115
|
+
as?: string;
|
|
116
|
+
asChild?: boolean;
|
|
117
|
+
children?: FictNode;
|
|
118
|
+
[key: string]: unknown;
|
|
119
|
+
}
|
|
120
|
+
declare function AccordionRoot(props: AccordionRootProps): FictNode;
|
|
121
|
+
declare function AccordionItem(props: AccordionItemProps): FictNode;
|
|
122
|
+
declare function AccordionTrigger(props: CollapsibleTriggerProps): FictNode;
|
|
123
|
+
declare function AccordionContent(props: CollapsibleContentProps): FictNode;
|
|
124
|
+
|
|
125
|
+
interface TabsRootProps {
|
|
126
|
+
id?: string;
|
|
127
|
+
value?: string | (() => string);
|
|
128
|
+
defaultValue?: string;
|
|
129
|
+
onValueChange?: (value: string) => void;
|
|
130
|
+
orientation?: 'horizontal' | 'vertical';
|
|
131
|
+
children?: FictNode;
|
|
132
|
+
}
|
|
133
|
+
interface TabsListProps {
|
|
134
|
+
children?: FictNode;
|
|
135
|
+
[key: string]: unknown;
|
|
136
|
+
}
|
|
137
|
+
interface TabsTriggerProps {
|
|
138
|
+
value: string;
|
|
139
|
+
as?: string;
|
|
140
|
+
asChild?: boolean;
|
|
141
|
+
children?: FictNode;
|
|
142
|
+
[key: string]: unknown;
|
|
143
|
+
}
|
|
144
|
+
interface TabsContentProps {
|
|
145
|
+
value: string;
|
|
146
|
+
forceMount?: boolean;
|
|
147
|
+
children?: FictNode;
|
|
148
|
+
[key: string]: unknown;
|
|
149
|
+
}
|
|
150
|
+
declare function TabsRoot(props: TabsRootProps): FictNode;
|
|
151
|
+
declare function TabsList(props: TabsListProps): FictNode;
|
|
152
|
+
declare function TabsTrigger(props: TabsTriggerProps): FictNode;
|
|
153
|
+
declare function TabsContent(props: TabsContentProps): FictNode;
|
|
154
|
+
|
|
155
|
+
interface NavigationMenuRootProps {
|
|
156
|
+
children?: FictNode;
|
|
157
|
+
[key: string]: unknown;
|
|
158
|
+
}
|
|
159
|
+
interface NavigationMenuListProps {
|
|
160
|
+
children?: FictNode;
|
|
161
|
+
[key: string]: unknown;
|
|
162
|
+
}
|
|
163
|
+
interface NavigationMenuItemProps {
|
|
164
|
+
value?: string;
|
|
165
|
+
as?: string;
|
|
166
|
+
asChild?: boolean;
|
|
167
|
+
children?: FictNode;
|
|
168
|
+
[key: string]: unknown;
|
|
169
|
+
}
|
|
170
|
+
interface NavigationMenuTriggerProps {
|
|
171
|
+
as?: string;
|
|
172
|
+
asChild?: boolean;
|
|
173
|
+
children?: FictNode;
|
|
174
|
+
[key: string]: unknown;
|
|
175
|
+
}
|
|
176
|
+
interface NavigationMenuContentProps {
|
|
177
|
+
forceMount?: boolean;
|
|
178
|
+
children?: FictNode;
|
|
179
|
+
[key: string]: unknown;
|
|
180
|
+
}
|
|
181
|
+
interface NavigationMenuLinkProps {
|
|
182
|
+
as?: string;
|
|
183
|
+
asChild?: boolean;
|
|
184
|
+
children?: FictNode;
|
|
185
|
+
[key: string]: unknown;
|
|
186
|
+
}
|
|
187
|
+
declare function NavigationMenuRoot(props: NavigationMenuRootProps): FictNode;
|
|
188
|
+
declare function NavigationMenuList(props: NavigationMenuListProps): FictNode;
|
|
189
|
+
declare function NavigationMenuItem(props: NavigationMenuItemProps): FictNode;
|
|
190
|
+
declare function NavigationMenuTrigger(props: NavigationMenuTriggerProps): FictNode;
|
|
191
|
+
declare function NavigationMenuContent(props: NavigationMenuContentProps): FictNode;
|
|
192
|
+
declare function NavigationMenuLink(props: NavigationMenuLinkProps): FictNode;
|
|
193
|
+
declare function NavigationMenuIndicator(props: Record<string, unknown> & {
|
|
194
|
+
children?: FictNode;
|
|
195
|
+
}): FictNode;
|
|
196
|
+
declare function NavigationMenuViewport(props: Record<string, unknown> & {
|
|
197
|
+
children?: FictNode;
|
|
198
|
+
}): FictNode;
|
|
199
|
+
|
|
200
|
+
interface LabelProps {
|
|
201
|
+
htmlFor?: string;
|
|
202
|
+
children?: FictNode;
|
|
203
|
+
[key: string]: unknown;
|
|
204
|
+
}
|
|
205
|
+
declare function Label(props: LabelProps): FictNode;
|
|
206
|
+
|
|
207
|
+
interface CheckboxProps {
|
|
208
|
+
checked?: boolean | (() => boolean);
|
|
209
|
+
defaultChecked?: boolean;
|
|
210
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
211
|
+
disabled?: boolean;
|
|
212
|
+
name?: string;
|
|
213
|
+
value?: string;
|
|
214
|
+
required?: boolean;
|
|
215
|
+
children?: FictNode;
|
|
216
|
+
[key: string]: unknown;
|
|
217
|
+
}
|
|
218
|
+
declare function Checkbox(props: CheckboxProps): FictNode;
|
|
219
|
+
|
|
220
|
+
interface RadioGroupProps {
|
|
221
|
+
value?: string | (() => string);
|
|
222
|
+
defaultValue?: string;
|
|
223
|
+
onValueChange?: (value: string) => void;
|
|
224
|
+
name?: string;
|
|
225
|
+
children?: FictNode;
|
|
226
|
+
[key: string]: unknown;
|
|
227
|
+
}
|
|
228
|
+
interface RadioItemProps {
|
|
229
|
+
value: string;
|
|
230
|
+
as?: string;
|
|
231
|
+
asChild?: boolean;
|
|
232
|
+
disabled?: boolean;
|
|
233
|
+
children?: FictNode;
|
|
234
|
+
[key: string]: unknown;
|
|
235
|
+
}
|
|
236
|
+
declare function RadioGroup(props: RadioGroupProps): FictNode;
|
|
237
|
+
declare function RadioItem(props: RadioItemProps): FictNode;
|
|
238
|
+
|
|
239
|
+
interface SwitchProps {
|
|
240
|
+
checked?: boolean | (() => boolean);
|
|
241
|
+
defaultChecked?: boolean;
|
|
242
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
243
|
+
disabled?: boolean;
|
|
244
|
+
name?: string;
|
|
245
|
+
value?: string;
|
|
246
|
+
children?: FictNode;
|
|
247
|
+
[key: string]: unknown;
|
|
248
|
+
}
|
|
249
|
+
interface SwitchThumbProps {
|
|
250
|
+
children?: FictNode;
|
|
251
|
+
[key: string]: unknown;
|
|
252
|
+
}
|
|
253
|
+
declare function Switch(props: SwitchProps): FictNode;
|
|
254
|
+
declare function SwitchThumb(props: SwitchThumbProps): FictNode;
|
|
255
|
+
|
|
256
|
+
interface ToggleProps {
|
|
257
|
+
pressed?: boolean | (() => boolean);
|
|
258
|
+
defaultPressed?: boolean;
|
|
259
|
+
onPressedChange?: (pressed: boolean) => void;
|
|
260
|
+
disabled?: boolean;
|
|
261
|
+
children?: FictNode;
|
|
262
|
+
[key: string]: unknown;
|
|
263
|
+
}
|
|
264
|
+
interface ToggleGroupProps {
|
|
265
|
+
type?: 'single' | 'multiple';
|
|
266
|
+
value?: string | string[] | (() => string | string[]);
|
|
267
|
+
defaultValue?: string | string[];
|
|
268
|
+
onValueChange?: (value: string | string[]) => void;
|
|
269
|
+
children?: FictNode;
|
|
270
|
+
[key: string]: unknown;
|
|
271
|
+
}
|
|
272
|
+
interface ToggleGroupItemProps {
|
|
273
|
+
value: string;
|
|
274
|
+
as?: string;
|
|
275
|
+
asChild?: boolean;
|
|
276
|
+
disabled?: boolean;
|
|
277
|
+
children?: FictNode;
|
|
278
|
+
[key: string]: unknown;
|
|
279
|
+
}
|
|
280
|
+
declare function Toggle(props: ToggleProps): FictNode;
|
|
281
|
+
declare function ToggleGroup(props: ToggleGroupProps): FictNode;
|
|
282
|
+
declare function ToggleGroupItem(props: ToggleGroupItemProps): FictNode;
|
|
283
|
+
|
|
284
|
+
interface SliderProps {
|
|
285
|
+
value?: number | (() => number);
|
|
286
|
+
defaultValue?: number;
|
|
287
|
+
min?: number;
|
|
288
|
+
max?: number;
|
|
289
|
+
step?: number;
|
|
290
|
+
disabled?: boolean;
|
|
291
|
+
onValueChange?: (value: number) => void;
|
|
292
|
+
[key: string]: unknown;
|
|
293
|
+
}
|
|
294
|
+
interface RangeSliderProps {
|
|
295
|
+
value?: [number, number] | (() => [number, number]);
|
|
296
|
+
defaultValue?: [number, number];
|
|
297
|
+
min?: number;
|
|
298
|
+
max?: number;
|
|
299
|
+
step?: number;
|
|
300
|
+
disabled?: boolean;
|
|
301
|
+
onValueChange?: (value: [number, number]) => void;
|
|
302
|
+
[key: string]: unknown;
|
|
303
|
+
}
|
|
304
|
+
declare function Slider(props: SliderProps): FictNode;
|
|
305
|
+
declare function RangeSlider(props: RangeSliderProps): FictNode;
|
|
306
|
+
|
|
307
|
+
type DateLike$1 = Date | string | null | undefined;
|
|
308
|
+
interface CalendarRootProps {
|
|
309
|
+
id?: string;
|
|
310
|
+
value?: MaybeAccessor<DateLike$1>;
|
|
311
|
+
defaultValue?: DateLike$1;
|
|
312
|
+
onValueChange?: (value: Date | null) => void;
|
|
313
|
+
month?: MaybeAccessor<DateLike$1>;
|
|
314
|
+
defaultMonth?: DateLike$1;
|
|
315
|
+
onMonthChange?: (month: Date) => void;
|
|
316
|
+
locale?: MaybeAccessor<string>;
|
|
317
|
+
weekStartsOn?: MaybeAccessor<number>;
|
|
318
|
+
weekdayFormat?: MaybeAccessor<'narrow' | 'short' | 'long'>;
|
|
319
|
+
showOutsideDays?: MaybeAccessor<boolean>;
|
|
320
|
+
disabled?: (date: Date) => boolean;
|
|
321
|
+
children?: FictNode;
|
|
322
|
+
[key: string]: unknown;
|
|
323
|
+
}
|
|
324
|
+
interface CalendarHeaderProps {
|
|
325
|
+
children?: FictNode;
|
|
326
|
+
[key: string]: unknown;
|
|
327
|
+
}
|
|
328
|
+
interface CalendarTitleProps {
|
|
329
|
+
children?: FictNode;
|
|
330
|
+
[key: string]: unknown;
|
|
331
|
+
}
|
|
332
|
+
interface CalendarNavButtonProps {
|
|
333
|
+
as?: string;
|
|
334
|
+
asChild?: boolean;
|
|
335
|
+
children?: FictNode;
|
|
336
|
+
[key: string]: unknown;
|
|
337
|
+
}
|
|
338
|
+
interface CalendarGridProps {
|
|
339
|
+
showOutsideDays?: MaybeAccessor<boolean>;
|
|
340
|
+
onDaySelect?: (day: Date, event: MouseEvent) => void;
|
|
341
|
+
children?: FictNode;
|
|
342
|
+
[key: string]: unknown;
|
|
343
|
+
}
|
|
344
|
+
declare function CalendarRoot(props: CalendarRootProps): FictNode;
|
|
345
|
+
declare const Calendar: typeof CalendarRoot;
|
|
346
|
+
declare function CalendarHeader(props: CalendarHeaderProps): FictNode;
|
|
347
|
+
declare function CalendarTitle(props: CalendarTitleProps): FictNode;
|
|
348
|
+
declare function CalendarPrevButton(props: CalendarNavButtonProps): FictNode;
|
|
349
|
+
declare function CalendarNextButton(props: CalendarNavButtonProps): FictNode;
|
|
350
|
+
declare function CalendarGrid(props: CalendarGridProps): FictNode;
|
|
351
|
+
|
|
352
|
+
type PopperPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
353
|
+
interface PopperRootProps {
|
|
354
|
+
children?: FictNode;
|
|
355
|
+
}
|
|
356
|
+
interface PopperAnchorProps {
|
|
357
|
+
children?: FictNode;
|
|
358
|
+
[key: string]: unknown;
|
|
359
|
+
}
|
|
360
|
+
interface PopperContentProps {
|
|
361
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
362
|
+
align?: 'start' | 'center' | 'end';
|
|
363
|
+
sideOffset?: number;
|
|
364
|
+
alignOffset?: number;
|
|
365
|
+
strategy?: 'absolute' | 'fixed';
|
|
366
|
+
children?: FictNode;
|
|
367
|
+
[key: string]: unknown;
|
|
368
|
+
}
|
|
369
|
+
interface PopperArrowProps {
|
|
370
|
+
size?: number;
|
|
371
|
+
[key: string]: unknown;
|
|
372
|
+
}
|
|
373
|
+
declare function PopperRoot(props: PopperRootProps): FictNode;
|
|
374
|
+
declare function PopperAnchor(props: PopperAnchorProps): FictNode;
|
|
375
|
+
declare function PopperContent(props: PopperContentProps): FictNode;
|
|
376
|
+
declare function PopperArrow(props: PopperArrowProps): FictNode;
|
|
377
|
+
|
|
378
|
+
interface PopoverRootProps {
|
|
379
|
+
id?: string;
|
|
380
|
+
open?: boolean | (() => boolean);
|
|
381
|
+
defaultOpen?: boolean;
|
|
382
|
+
onOpenChange?: (open: boolean) => void;
|
|
383
|
+
children?: FictNode;
|
|
384
|
+
}
|
|
385
|
+
interface PopoverTriggerProps {
|
|
386
|
+
as?: string;
|
|
387
|
+
asChild?: boolean;
|
|
388
|
+
children?: FictNode;
|
|
389
|
+
onClick?: (event: MouseEvent) => void;
|
|
390
|
+
[key: string]: unknown;
|
|
391
|
+
}
|
|
392
|
+
interface PopoverContentPropsExt extends PopperContentProps {
|
|
393
|
+
forceMount?: boolean;
|
|
394
|
+
portal?: boolean;
|
|
395
|
+
onDismiss?: () => void;
|
|
396
|
+
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
397
|
+
onInteractOutside?: (event: PointerEvent | FocusEvent) => void;
|
|
398
|
+
onPointerDownOutside?: (event: PointerEvent) => void;
|
|
399
|
+
onFocusOutside?: (event: FocusEvent) => void;
|
|
400
|
+
children?: FictNode;
|
|
401
|
+
[key: string]: unknown;
|
|
402
|
+
}
|
|
403
|
+
interface PopoverCloseProps {
|
|
404
|
+
as?: string;
|
|
405
|
+
asChild?: boolean;
|
|
406
|
+
children?: FictNode;
|
|
407
|
+
onClick?: (event: MouseEvent) => void;
|
|
408
|
+
[key: string]: unknown;
|
|
409
|
+
}
|
|
410
|
+
declare function PopoverRoot(props: PopoverRootProps): FictNode;
|
|
411
|
+
declare function PopoverTrigger(props: PopoverTriggerProps): FictNode;
|
|
412
|
+
declare function PopoverContent(props: PopoverContentPropsExt): FictNode;
|
|
413
|
+
declare function PopoverClose(props: PopoverCloseProps): FictNode;
|
|
414
|
+
|
|
415
|
+
type DateLike = Date | string | null | undefined;
|
|
416
|
+
interface DatePickerRootProps {
|
|
417
|
+
id?: string;
|
|
418
|
+
value?: MaybeAccessor<DateLike>;
|
|
419
|
+
defaultValue?: DateLike;
|
|
420
|
+
onValueChange?: (value: Date | null) => void;
|
|
421
|
+
open?: boolean | (() => boolean);
|
|
422
|
+
defaultOpen?: boolean;
|
|
423
|
+
onOpenChange?: (open: boolean) => void;
|
|
424
|
+
locale?: MaybeAccessor<string>;
|
|
425
|
+
children?: FictNode;
|
|
426
|
+
}
|
|
427
|
+
interface DatePickerTriggerProps {
|
|
428
|
+
as?: string;
|
|
429
|
+
asChild?: boolean;
|
|
430
|
+
children?: FictNode;
|
|
431
|
+
[key: string]: unknown;
|
|
432
|
+
}
|
|
433
|
+
interface DatePickerValueProps {
|
|
434
|
+
placeholder?: string;
|
|
435
|
+
locale?: string;
|
|
436
|
+
formatOptions?: Intl.DateTimeFormatOptions;
|
|
437
|
+
children?: FictNode;
|
|
438
|
+
[key: string]: unknown;
|
|
439
|
+
}
|
|
440
|
+
interface DatePickerContentProps extends PopoverContentPropsExt {
|
|
441
|
+
closeOnSelect?: boolean;
|
|
442
|
+
children?: FictNode;
|
|
443
|
+
[key: string]: unknown;
|
|
444
|
+
}
|
|
445
|
+
interface DatePickerCalendarProps extends Omit<CalendarRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'locale'> {
|
|
446
|
+
closeOnSelect?: boolean;
|
|
447
|
+
locale?: MaybeAccessor<string>;
|
|
448
|
+
onValueChange?: (value: Date | null) => void;
|
|
449
|
+
children?: FictNode;
|
|
450
|
+
}
|
|
451
|
+
declare function DatePickerRoot(props: DatePickerRootProps): FictNode;
|
|
452
|
+
declare function DatePickerTrigger(props: DatePickerTriggerProps): FictNode;
|
|
453
|
+
declare function DatePickerValue(props: DatePickerValueProps): FictNode;
|
|
454
|
+
declare function DatePickerContent(props: DatePickerContentProps): FictNode;
|
|
455
|
+
declare function DatePickerCalendar(props: DatePickerCalendarProps): FictNode;
|
|
456
|
+
|
|
457
|
+
interface SelectRootProps {
|
|
458
|
+
value?: string | (() => string);
|
|
459
|
+
defaultValue?: string;
|
|
460
|
+
onValueChange?: (value: string) => void;
|
|
461
|
+
open?: boolean | (() => boolean);
|
|
462
|
+
defaultOpen?: boolean;
|
|
463
|
+
onOpenChange?: (open: boolean) => void;
|
|
464
|
+
disabled?: boolean;
|
|
465
|
+
children?: FictNode;
|
|
466
|
+
}
|
|
467
|
+
interface SelectTriggerProps {
|
|
468
|
+
as?: string;
|
|
469
|
+
asChild?: boolean;
|
|
470
|
+
children?: FictNode;
|
|
471
|
+
[key: string]: unknown;
|
|
472
|
+
}
|
|
473
|
+
interface SelectContentProps {
|
|
474
|
+
forceMount?: boolean;
|
|
475
|
+
children?: FictNode;
|
|
476
|
+
[key: string]: unknown;
|
|
477
|
+
}
|
|
478
|
+
interface SelectItemProps {
|
|
479
|
+
value: string;
|
|
480
|
+
as?: string;
|
|
481
|
+
asChild?: boolean;
|
|
482
|
+
children?: FictNode;
|
|
483
|
+
[key: string]: unknown;
|
|
484
|
+
}
|
|
485
|
+
declare function SelectRoot(props: SelectRootProps): FictNode;
|
|
486
|
+
declare function SelectTrigger(props: SelectTriggerProps): FictNode;
|
|
487
|
+
declare function SelectValue(props: Record<string, unknown> & {
|
|
488
|
+
placeholder?: string;
|
|
489
|
+
}): FictNode;
|
|
490
|
+
declare function SelectContent(props: SelectContentProps): FictNode;
|
|
491
|
+
declare function SelectItem(props: SelectItemProps): FictNode;
|
|
492
|
+
|
|
493
|
+
interface ComboboxRootProps {
|
|
494
|
+
value?: string | (() => string);
|
|
495
|
+
defaultValue?: string;
|
|
496
|
+
onValueChange?: (value: string) => void;
|
|
497
|
+
open?: boolean | (() => boolean);
|
|
498
|
+
defaultOpen?: boolean;
|
|
499
|
+
onOpenChange?: (open: boolean) => void;
|
|
500
|
+
children?: FictNode;
|
|
501
|
+
}
|
|
502
|
+
interface ComboboxInputProps {
|
|
503
|
+
placeholder?: string;
|
|
504
|
+
[key: string]: unknown;
|
|
505
|
+
}
|
|
506
|
+
interface ComboboxListProps {
|
|
507
|
+
forceMount?: boolean;
|
|
508
|
+
children?: FictNode;
|
|
509
|
+
[key: string]: unknown;
|
|
510
|
+
}
|
|
511
|
+
interface ComboboxItemProps {
|
|
512
|
+
value: string;
|
|
513
|
+
as?: string;
|
|
514
|
+
asChild?: boolean;
|
|
515
|
+
children?: FictNode;
|
|
516
|
+
[key: string]: unknown;
|
|
517
|
+
}
|
|
518
|
+
declare function ComboboxRoot(props: ComboboxRootProps): FictNode;
|
|
519
|
+
declare function ComboboxInput(props: ComboboxInputProps): FictNode;
|
|
520
|
+
declare function ComboboxList(props: ComboboxListProps): FictNode;
|
|
521
|
+
declare function ComboboxItem(props: ComboboxItemProps): FictNode;
|
|
522
|
+
|
|
523
|
+
interface FormProps {
|
|
524
|
+
children?: FictNode;
|
|
525
|
+
[key: string]: unknown;
|
|
526
|
+
}
|
|
527
|
+
interface FormFieldProps {
|
|
528
|
+
id?: string;
|
|
529
|
+
name?: string;
|
|
530
|
+
children?: FictNode;
|
|
531
|
+
}
|
|
532
|
+
interface FormControlProps {
|
|
533
|
+
as?: string;
|
|
534
|
+
children?: FictNode;
|
|
535
|
+
[key: string]: unknown;
|
|
536
|
+
}
|
|
537
|
+
interface FormDescriptionProps {
|
|
538
|
+
children?: FictNode;
|
|
539
|
+
[key: string]: unknown;
|
|
540
|
+
}
|
|
541
|
+
interface FormMessageProps {
|
|
542
|
+
children?: FictNode;
|
|
543
|
+
[key: string]: unknown;
|
|
544
|
+
}
|
|
545
|
+
declare function Form(props: FormProps): FictNode;
|
|
546
|
+
declare function FormField(props: FormFieldProps): FictNode;
|
|
547
|
+
declare function FormLabel(props: Record<string, unknown> & {
|
|
548
|
+
children?: FictNode;
|
|
549
|
+
}): FictNode;
|
|
550
|
+
declare function FormControl(props: FormControlProps): FictNode;
|
|
551
|
+
declare function FormDescription(props: FormDescriptionProps): FictNode;
|
|
552
|
+
declare function FormMessage(props: FormMessageProps): FictNode;
|
|
553
|
+
|
|
554
|
+
interface FocusScopeProps {
|
|
555
|
+
trapped?: MaybeAccessor<boolean>;
|
|
556
|
+
loop?: MaybeAccessor<boolean>;
|
|
557
|
+
autoFocus?: MaybeAccessor<boolean>;
|
|
558
|
+
restoreFocus?: MaybeAccessor<boolean>;
|
|
559
|
+
onMountAutoFocus?: (event: Event) => void;
|
|
560
|
+
onUnmountAutoFocus?: (event: Event) => void;
|
|
561
|
+
children?: FictNode;
|
|
562
|
+
[key: string]: unknown;
|
|
563
|
+
}
|
|
564
|
+
declare function FocusScope(props: FocusScopeProps): FictNode;
|
|
565
|
+
declare function FocusTrap(props: Omit<FocusScopeProps, 'trapped'>): FictNode;
|
|
566
|
+
|
|
567
|
+
type DismissableLayerOutsideEvent = PointerEvent | FocusEvent;
|
|
568
|
+
interface DismissableLayerProps {
|
|
569
|
+
disabled?: MaybeAccessor<boolean>;
|
|
570
|
+
onDismiss?: () => void;
|
|
571
|
+
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
572
|
+
onInteractOutside?: (event: DismissableLayerOutsideEvent) => void;
|
|
573
|
+
onPointerDownOutside?: (event: PointerEvent) => void;
|
|
574
|
+
onFocusOutside?: (event: FocusEvent) => void;
|
|
575
|
+
children?: FictNode;
|
|
576
|
+
[key: string]: unknown;
|
|
577
|
+
}
|
|
578
|
+
declare function DismissableLayer(props: DismissableLayerProps): FictNode;
|
|
579
|
+
|
|
580
|
+
interface RovingFocusGroupProps {
|
|
581
|
+
orientation?: MaybeAccessor<'horizontal' | 'vertical'>;
|
|
582
|
+
loop?: MaybeAccessor<boolean>;
|
|
583
|
+
children?: FictNode;
|
|
584
|
+
[key: string]: unknown;
|
|
585
|
+
}
|
|
586
|
+
interface RovingFocusItemProps {
|
|
587
|
+
disabled?: MaybeAccessor<boolean>;
|
|
588
|
+
children?: FictNode;
|
|
589
|
+
as?: string;
|
|
590
|
+
asChild?: boolean;
|
|
591
|
+
onFocus?: (event: FocusEvent) => void;
|
|
592
|
+
onKeyDown?: (event: KeyboardEvent) => void;
|
|
593
|
+
[key: string]: unknown;
|
|
594
|
+
}
|
|
595
|
+
declare function RovingFocusGroup(props: RovingFocusGroupProps): FictNode;
|
|
596
|
+
declare function RovingFocusItem(props: RovingFocusItemProps): FictNode;
|
|
597
|
+
|
|
598
|
+
interface ScrollLockProps {
|
|
599
|
+
enabled?: MaybeAccessor<boolean>;
|
|
600
|
+
}
|
|
601
|
+
declare function ScrollLock(props: ScrollLockProps): FictNode;
|
|
602
|
+
|
|
603
|
+
type AnnouncePoliteness = 'polite' | 'assertive';
|
|
604
|
+
interface AnnounceOptions {
|
|
605
|
+
politeness?: AnnouncePoliteness;
|
|
606
|
+
}
|
|
607
|
+
interface LiveRegionProviderProps {
|
|
608
|
+
children?: FictNode;
|
|
609
|
+
}
|
|
610
|
+
interface AnnounceProps extends AnnounceOptions {
|
|
611
|
+
message?: string | null;
|
|
612
|
+
}
|
|
613
|
+
interface AnnouncerContextValue {
|
|
614
|
+
announce: (message: string, options?: AnnounceOptions) => void;
|
|
615
|
+
}
|
|
616
|
+
declare function LiveRegionProvider(props: LiveRegionProviderProps): FictNode;
|
|
617
|
+
declare function useAnnouncer(): AnnouncerContextValue['announce'];
|
|
618
|
+
declare function Announce(props: AnnounceProps): FictNode;
|
|
619
|
+
|
|
620
|
+
interface ScrollAreaProps {
|
|
621
|
+
children?: FictNode;
|
|
622
|
+
[key: string]: unknown;
|
|
623
|
+
}
|
|
624
|
+
interface ScrollAreaViewportProps {
|
|
625
|
+
children?: FictNode;
|
|
626
|
+
[key: string]: unknown;
|
|
627
|
+
}
|
|
628
|
+
interface ScrollAreaScrollbarProps {
|
|
629
|
+
orientation?: 'vertical' | 'horizontal';
|
|
630
|
+
children?: FictNode;
|
|
631
|
+
[key: string]: unknown;
|
|
632
|
+
}
|
|
633
|
+
interface ScrollAreaThumbProps {
|
|
634
|
+
children?: FictNode;
|
|
635
|
+
[key: string]: unknown;
|
|
636
|
+
}
|
|
637
|
+
declare function ScrollArea(props: ScrollAreaProps): FictNode;
|
|
638
|
+
declare function ScrollAreaViewport(props: ScrollAreaViewportProps): FictNode;
|
|
639
|
+
declare function ScrollAreaScrollbar(props: ScrollAreaScrollbarProps): FictNode;
|
|
640
|
+
declare function ScrollAreaThumb(props: ScrollAreaThumbProps): FictNode;
|
|
641
|
+
|
|
642
|
+
interface ResizablePanelGroupProps {
|
|
643
|
+
direction?: 'horizontal' | 'vertical';
|
|
644
|
+
children?: FictNode;
|
|
645
|
+
[key: string]: unknown;
|
|
646
|
+
}
|
|
647
|
+
interface ResizablePanelProps {
|
|
648
|
+
defaultSize?: number;
|
|
649
|
+
minSize?: number;
|
|
650
|
+
maxSize?: number;
|
|
651
|
+
children?: FictNode;
|
|
652
|
+
[key: string]: unknown;
|
|
653
|
+
}
|
|
654
|
+
interface ResizableHandleProps {
|
|
655
|
+
withHandle?: boolean;
|
|
656
|
+
[key: string]: unknown;
|
|
657
|
+
}
|
|
658
|
+
declare function ResizablePanelGroup(props: ResizablePanelGroupProps): FictNode;
|
|
659
|
+
declare function ResizablePanel(props: ResizablePanelProps): FictNode;
|
|
660
|
+
declare function ResizableHandle(props: ResizableHandleProps): FictNode;
|
|
661
|
+
|
|
662
|
+
interface AspectRatioProps {
|
|
663
|
+
ratio?: number;
|
|
664
|
+
children?: FictNode;
|
|
665
|
+
[key: string]: unknown;
|
|
666
|
+
}
|
|
667
|
+
declare function AspectRatio(props: AspectRatioProps): FictNode;
|
|
668
|
+
|
|
669
|
+
interface ProgressProps {
|
|
670
|
+
value?: number;
|
|
671
|
+
max?: number;
|
|
672
|
+
children?: FictNode;
|
|
673
|
+
[key: string]: unknown;
|
|
674
|
+
}
|
|
675
|
+
interface MeterProps {
|
|
676
|
+
value?: number;
|
|
677
|
+
min?: number;
|
|
678
|
+
max?: number;
|
|
679
|
+
low?: number;
|
|
680
|
+
high?: number;
|
|
681
|
+
optimum?: number;
|
|
682
|
+
children?: FictNode;
|
|
683
|
+
[key: string]: unknown;
|
|
684
|
+
}
|
|
685
|
+
declare function Progress(props: ProgressProps): FictNode;
|
|
686
|
+
declare function Meter(props: MeterProps): FictNode;
|
|
687
|
+
|
|
688
|
+
interface SkeletonProps {
|
|
689
|
+
loading?: boolean;
|
|
690
|
+
children?: FictNode;
|
|
691
|
+
[key: string]: unknown;
|
|
692
|
+
}
|
|
693
|
+
declare function Skeleton(props: SkeletonProps): FictNode;
|
|
694
|
+
|
|
695
|
+
interface KeyboardModeProviderProps {
|
|
696
|
+
children?: FictNode;
|
|
697
|
+
}
|
|
698
|
+
interface FocusVisibleProps {
|
|
699
|
+
as?: string;
|
|
700
|
+
children?: FictNode;
|
|
701
|
+
[key: string]: unknown;
|
|
702
|
+
}
|
|
703
|
+
declare function KeyboardModeProvider(props: KeyboardModeProviderProps): FictNode;
|
|
704
|
+
declare function useKeyboardMode(): () => boolean;
|
|
705
|
+
declare function FocusVisible(props: FocusVisibleProps): FictNode;
|
|
706
|
+
|
|
707
|
+
interface DialogRootProps {
|
|
708
|
+
id?: string;
|
|
709
|
+
open?: boolean | (() => boolean);
|
|
710
|
+
defaultOpen?: boolean;
|
|
711
|
+
onOpenChange?: (open: boolean) => void;
|
|
712
|
+
modal?: boolean;
|
|
713
|
+
children?: FictNode;
|
|
714
|
+
}
|
|
715
|
+
interface DialogPortalProps {
|
|
716
|
+
container?: HTMLElement | null | (() => HTMLElement | null);
|
|
717
|
+
forceMount?: boolean;
|
|
718
|
+
children?: FictNode;
|
|
719
|
+
}
|
|
720
|
+
interface DialogTriggerProps {
|
|
721
|
+
as?: string;
|
|
722
|
+
asChild?: boolean;
|
|
723
|
+
children?: FictNode;
|
|
724
|
+
onClick?: (event: MouseEvent) => void;
|
|
725
|
+
[key: string]: unknown;
|
|
726
|
+
}
|
|
727
|
+
interface DialogOverlayProps {
|
|
728
|
+
forceMount?: boolean;
|
|
729
|
+
children?: FictNode;
|
|
730
|
+
onClick?: (event: MouseEvent) => void;
|
|
731
|
+
[key: string]: unknown;
|
|
732
|
+
}
|
|
733
|
+
interface DialogContentProps {
|
|
734
|
+
forceMount?: boolean;
|
|
735
|
+
portal?: boolean;
|
|
736
|
+
onDismiss?: () => void;
|
|
737
|
+
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
738
|
+
onInteractOutside?: (event: PointerEvent | FocusEvent) => void;
|
|
739
|
+
onPointerDownOutside?: (event: PointerEvent) => void;
|
|
740
|
+
onFocusOutside?: (event: FocusEvent) => void;
|
|
741
|
+
children?: FictNode;
|
|
742
|
+
[key: string]: unknown;
|
|
743
|
+
}
|
|
744
|
+
interface DialogCloseProps {
|
|
745
|
+
as?: string;
|
|
746
|
+
asChild?: boolean;
|
|
747
|
+
children?: FictNode;
|
|
748
|
+
onClick?: (event: MouseEvent) => void;
|
|
749
|
+
[key: string]: unknown;
|
|
750
|
+
}
|
|
751
|
+
declare function DialogRoot(props: DialogRootProps): FictNode;
|
|
752
|
+
declare function DialogPortal(props: DialogPortalProps): FictNode;
|
|
753
|
+
declare function DialogTrigger(props: DialogTriggerProps): FictNode;
|
|
754
|
+
declare function DialogOverlay(props: DialogOverlayProps): FictNode;
|
|
755
|
+
declare function DialogContent(props: DialogContentProps): FictNode;
|
|
756
|
+
declare function DialogClose(props: DialogCloseProps): FictNode;
|
|
757
|
+
declare function DialogTitle(props: Record<string, unknown> & {
|
|
758
|
+
children?: FictNode;
|
|
759
|
+
}): FictNode;
|
|
760
|
+
declare function DialogDescription(props: Record<string, unknown> & {
|
|
761
|
+
children?: FictNode;
|
|
762
|
+
}): FictNode;
|
|
763
|
+
|
|
764
|
+
declare function AlertDialogRoot(props: DialogRootProps): FictNode;
|
|
765
|
+
declare const AlertDialogTrigger: typeof DialogTrigger;
|
|
766
|
+
declare const AlertDialogPortal: typeof DialogPortal;
|
|
767
|
+
declare const AlertDialogOverlay: typeof DialogOverlay;
|
|
768
|
+
declare const AlertDialogTitle: typeof DialogTitle;
|
|
769
|
+
declare const AlertDialogDescription: typeof DialogDescription;
|
|
770
|
+
declare function AlertDialogContent(props: DialogContentProps): FictNode;
|
|
771
|
+
declare function AlertDialogAction(props: Record<string, unknown> & {
|
|
772
|
+
children?: FictNode;
|
|
773
|
+
}): FictNode;
|
|
774
|
+
declare function AlertDialogCancel(props: Record<string, unknown> & {
|
|
775
|
+
children?: FictNode;
|
|
776
|
+
}): FictNode;
|
|
777
|
+
|
|
778
|
+
interface TooltipProviderProps {
|
|
779
|
+
delayDuration?: number;
|
|
780
|
+
children?: FictNode;
|
|
781
|
+
}
|
|
782
|
+
interface TooltipRootProps {
|
|
783
|
+
id?: string;
|
|
784
|
+
open?: boolean | (() => boolean);
|
|
785
|
+
defaultOpen?: boolean;
|
|
786
|
+
onOpenChange?: (open: boolean) => void;
|
|
787
|
+
delayDuration?: number;
|
|
788
|
+
children?: FictNode;
|
|
789
|
+
}
|
|
790
|
+
interface TooltipTriggerProps {
|
|
791
|
+
as?: string;
|
|
792
|
+
asChild?: boolean;
|
|
793
|
+
children?: FictNode;
|
|
794
|
+
onPointerEnter?: (event: PointerEvent) => void;
|
|
795
|
+
onPointerLeave?: (event: PointerEvent) => void;
|
|
796
|
+
onMouseEnter?: (event: MouseEvent) => void;
|
|
797
|
+
onMouseLeave?: (event: MouseEvent) => void;
|
|
798
|
+
onMouseOver?: (event: MouseEvent) => void;
|
|
799
|
+
onMouseOut?: (event: MouseEvent) => void;
|
|
800
|
+
onFocus?: (event: FocusEvent) => void;
|
|
801
|
+
onBlur?: (event: FocusEvent) => void;
|
|
802
|
+
[key: string]: unknown;
|
|
803
|
+
}
|
|
804
|
+
interface TooltipContentProps extends PopperContentProps {
|
|
805
|
+
forceMount?: boolean;
|
|
806
|
+
portal?: boolean;
|
|
807
|
+
children?: FictNode;
|
|
808
|
+
onPointerEnter?: (event: PointerEvent) => void;
|
|
809
|
+
onPointerLeave?: (event: PointerEvent) => void;
|
|
810
|
+
onMouseEnter?: (event: MouseEvent) => void;
|
|
811
|
+
onMouseLeave?: (event: MouseEvent) => void;
|
|
812
|
+
onMouseOver?: (event: MouseEvent) => void;
|
|
813
|
+
onMouseOut?: (event: MouseEvent) => void;
|
|
814
|
+
[key: string]: unknown;
|
|
815
|
+
}
|
|
816
|
+
declare function TooltipProvider(props: TooltipProviderProps): FictNode;
|
|
817
|
+
declare function TooltipRoot(props: TooltipRootProps): FictNode;
|
|
818
|
+
declare function TooltipTrigger(props: TooltipTriggerProps): FictNode;
|
|
819
|
+
declare function TooltipContent(props: TooltipContentProps): FictNode;
|
|
820
|
+
|
|
821
|
+
interface HoverCardRootProps {
|
|
822
|
+
id?: string;
|
|
823
|
+
open?: boolean | (() => boolean);
|
|
824
|
+
defaultOpen?: boolean;
|
|
825
|
+
onOpenChange?: (open: boolean) => void;
|
|
826
|
+
openDelay?: number;
|
|
827
|
+
closeDelay?: number;
|
|
828
|
+
children?: FictNode;
|
|
829
|
+
}
|
|
830
|
+
interface HoverCardTriggerProps {
|
|
831
|
+
as?: string;
|
|
832
|
+
asChild?: boolean;
|
|
833
|
+
children?: FictNode;
|
|
834
|
+
onPointerEnter?: (event: PointerEvent) => void;
|
|
835
|
+
onPointerLeave?: (event: PointerEvent) => void;
|
|
836
|
+
onMouseEnter?: (event: MouseEvent) => void;
|
|
837
|
+
onMouseLeave?: (event: MouseEvent) => void;
|
|
838
|
+
onMouseOver?: (event: MouseEvent) => void;
|
|
839
|
+
onMouseOut?: (event: MouseEvent) => void;
|
|
840
|
+
onFocus?: (event: FocusEvent) => void;
|
|
841
|
+
onBlur?: (event: FocusEvent) => void;
|
|
842
|
+
[key: string]: unknown;
|
|
843
|
+
}
|
|
844
|
+
interface HoverCardContentProps extends PopperContentProps {
|
|
845
|
+
forceMount?: boolean;
|
|
846
|
+
portal?: boolean;
|
|
847
|
+
children?: FictNode;
|
|
848
|
+
onPointerEnter?: (event: PointerEvent) => void;
|
|
849
|
+
onPointerLeave?: (event: PointerEvent) => void;
|
|
850
|
+
onMouseEnter?: (event: MouseEvent) => void;
|
|
851
|
+
onMouseLeave?: (event: MouseEvent) => void;
|
|
852
|
+
onMouseOver?: (event: MouseEvent) => void;
|
|
853
|
+
onMouseOut?: (event: MouseEvent) => void;
|
|
854
|
+
[key: string]: unknown;
|
|
855
|
+
}
|
|
856
|
+
declare function HoverCardRoot(props: HoverCardRootProps): FictNode;
|
|
857
|
+
declare function HoverCardTrigger(props: HoverCardTriggerProps): FictNode;
|
|
858
|
+
declare function HoverCardContent(props: HoverCardContentProps): FictNode;
|
|
859
|
+
|
|
860
|
+
interface CommandPaletteRootProps {
|
|
861
|
+
id?: string;
|
|
862
|
+
open?: MaybeAccessor<boolean>;
|
|
863
|
+
defaultOpen?: boolean;
|
|
864
|
+
onOpenChange?: (open: boolean) => void;
|
|
865
|
+
value?: MaybeAccessor<string | undefined>;
|
|
866
|
+
defaultValue?: string;
|
|
867
|
+
onValueChange?: (value: string) => void;
|
|
868
|
+
query?: MaybeAccessor<string | undefined>;
|
|
869
|
+
defaultQuery?: string;
|
|
870
|
+
onQueryChange?: (query: string) => void;
|
|
871
|
+
resetQueryOnClose?: boolean;
|
|
872
|
+
children?: FictNode;
|
|
873
|
+
}
|
|
874
|
+
interface CommandPaletteTriggerProps {
|
|
875
|
+
as?: string;
|
|
876
|
+
asChild?: boolean;
|
|
877
|
+
children?: FictNode;
|
|
878
|
+
[key: string]: unknown;
|
|
879
|
+
}
|
|
880
|
+
interface CommandPaletteContentProps {
|
|
881
|
+
forceMount?: boolean;
|
|
882
|
+
portal?: boolean;
|
|
883
|
+
children?: FictNode;
|
|
884
|
+
[key: string]: unknown;
|
|
885
|
+
}
|
|
886
|
+
interface CommandPaletteInputProps {
|
|
887
|
+
placeholder?: string;
|
|
888
|
+
[key: string]: unknown;
|
|
889
|
+
}
|
|
890
|
+
interface CommandPaletteListProps {
|
|
891
|
+
children?: FictNode;
|
|
892
|
+
[key: string]: unknown;
|
|
893
|
+
}
|
|
894
|
+
interface CommandPaletteItemProps {
|
|
895
|
+
value: string;
|
|
896
|
+
keywords?: string[];
|
|
897
|
+
keepOpen?: boolean;
|
|
898
|
+
as?: string;
|
|
899
|
+
asChild?: boolean;
|
|
900
|
+
onSelect?: (value: string, event: MouseEvent) => void;
|
|
901
|
+
children?: FictNode;
|
|
902
|
+
[key: string]: unknown;
|
|
903
|
+
}
|
|
904
|
+
interface CommandPaletteEmptyProps {
|
|
905
|
+
children?: FictNode;
|
|
906
|
+
[key: string]: unknown;
|
|
907
|
+
}
|
|
908
|
+
interface CommandPaletteGroupProps {
|
|
909
|
+
heading?: FictNode;
|
|
910
|
+
children?: FictNode;
|
|
911
|
+
[key: string]: unknown;
|
|
912
|
+
}
|
|
913
|
+
declare function CommandPaletteRoot(props: CommandPaletteRootProps): FictNode;
|
|
914
|
+
declare function CommandPaletteTrigger(props: CommandPaletteTriggerProps): FictNode;
|
|
915
|
+
declare function CommandPaletteContent(props: CommandPaletteContentProps): FictNode;
|
|
916
|
+
declare function CommandPaletteInput(props: CommandPaletteInputProps): FictNode;
|
|
917
|
+
declare function CommandPaletteList(props: CommandPaletteListProps): FictNode;
|
|
918
|
+
declare function CommandPaletteItem(props: CommandPaletteItemProps): FictNode;
|
|
919
|
+
declare function CommandPaletteEmpty(props: CommandPaletteEmptyProps): FictNode;
|
|
920
|
+
declare function CommandPaletteGroup(props: CommandPaletteGroupProps): FictNode;
|
|
921
|
+
declare const CommandPaletteSeparator: typeof Separator;
|
|
922
|
+
declare const CommandPaletteClose: typeof DialogClose;
|
|
923
|
+
|
|
924
|
+
interface DropdownMenuRootProps {
|
|
925
|
+
open?: boolean | (() => boolean);
|
|
926
|
+
defaultOpen?: boolean;
|
|
927
|
+
onOpenChange?: (open: boolean) => void;
|
|
928
|
+
children?: FictNode;
|
|
929
|
+
}
|
|
930
|
+
interface DropdownMenuTriggerProps {
|
|
931
|
+
as?: string;
|
|
932
|
+
asChild?: boolean;
|
|
933
|
+
children?: FictNode;
|
|
934
|
+
[key: string]: unknown;
|
|
935
|
+
}
|
|
936
|
+
interface DropdownMenuContentProps extends Omit<PopoverContentPropsExt, 'role'> {
|
|
937
|
+
children?: FictNode;
|
|
938
|
+
}
|
|
939
|
+
interface DropdownMenuItemProps {
|
|
940
|
+
as?: string;
|
|
941
|
+
asChild?: boolean;
|
|
942
|
+
keepOpen?: boolean;
|
|
943
|
+
onSelect?: (event: MouseEvent) => void;
|
|
944
|
+
children?: FictNode;
|
|
945
|
+
[key: string]: unknown;
|
|
946
|
+
}
|
|
947
|
+
interface DropdownMenuCheckboxItemProps extends DropdownMenuItemProps {
|
|
948
|
+
checked?: boolean | (() => boolean);
|
|
949
|
+
defaultChecked?: boolean;
|
|
950
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
951
|
+
}
|
|
952
|
+
interface DropdownMenuRadioGroupProps {
|
|
953
|
+
value?: string | (() => string);
|
|
954
|
+
defaultValue?: string;
|
|
955
|
+
onValueChange?: (value: string) => void;
|
|
956
|
+
children?: FictNode;
|
|
957
|
+
}
|
|
958
|
+
interface DropdownMenuRadioItemProps extends DropdownMenuItemProps {
|
|
959
|
+
value: string;
|
|
960
|
+
}
|
|
961
|
+
interface DropdownMenuSubProps {
|
|
962
|
+
open?: boolean | (() => boolean);
|
|
963
|
+
defaultOpen?: boolean;
|
|
964
|
+
onOpenChange?: (open: boolean) => void;
|
|
965
|
+
children?: FictNode;
|
|
966
|
+
}
|
|
967
|
+
type DropdownMenuSubTriggerProps = Omit<DropdownMenuItemProps, 'keepOpen'>;
|
|
968
|
+
interface DropdownMenuSubContentProps extends Omit<DropdownMenuContentProps, 'role'> {
|
|
969
|
+
children?: FictNode;
|
|
970
|
+
}
|
|
971
|
+
declare function DropdownMenuRoot(props: DropdownMenuRootProps): FictNode;
|
|
972
|
+
declare function DropdownMenuTrigger(props: DropdownMenuTriggerProps): FictNode;
|
|
973
|
+
declare function DropdownMenuContent(props: DropdownMenuContentProps): FictNode;
|
|
974
|
+
declare function DropdownMenuItem(props: DropdownMenuItemProps): FictNode;
|
|
975
|
+
declare function DropdownMenuCheckboxItem(props: DropdownMenuCheckboxItemProps): FictNode;
|
|
976
|
+
declare function DropdownMenuRadioGroup(props: DropdownMenuRadioGroupProps): FictNode;
|
|
977
|
+
declare function DropdownMenuRadioItem(props: DropdownMenuRadioItemProps): FictNode;
|
|
978
|
+
declare function DropdownMenuSub(props: DropdownMenuSubProps): FictNode;
|
|
979
|
+
declare function DropdownMenuSubTrigger(props: DropdownMenuSubTriggerProps): FictNode;
|
|
980
|
+
declare function DropdownMenuSubContent(props: DropdownMenuSubContentProps): FictNode;
|
|
981
|
+
declare function DropdownMenuLabel(props: Record<string, unknown> & {
|
|
982
|
+
children?: FictNode;
|
|
983
|
+
}): FictNode;
|
|
984
|
+
declare const DropdownMenuSeparator: typeof Separator;
|
|
985
|
+
|
|
986
|
+
interface ContextMenuRootProps {
|
|
987
|
+
open?: boolean | (() => boolean);
|
|
988
|
+
defaultOpen?: boolean;
|
|
989
|
+
onOpenChange?: (open: boolean) => void;
|
|
990
|
+
children?: FictNode;
|
|
991
|
+
}
|
|
992
|
+
interface ContextMenuTriggerProps {
|
|
993
|
+
as?: string;
|
|
994
|
+
asChild?: boolean;
|
|
995
|
+
children?: FictNode;
|
|
996
|
+
[key: string]: unknown;
|
|
997
|
+
}
|
|
998
|
+
interface ContextMenuContentProps {
|
|
999
|
+
forceMount?: boolean;
|
|
1000
|
+
portal?: boolean;
|
|
1001
|
+
onDismiss?: () => void;
|
|
1002
|
+
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
1003
|
+
onInteractOutside?: (event: PointerEvent | FocusEvent) => void;
|
|
1004
|
+
onPointerDownOutside?: (event: PointerEvent) => void;
|
|
1005
|
+
onFocusOutside?: (event: FocusEvent) => void;
|
|
1006
|
+
children?: FictNode;
|
|
1007
|
+
[key: string]: unknown;
|
|
1008
|
+
}
|
|
1009
|
+
interface ContextMenuItemProps {
|
|
1010
|
+
as?: string;
|
|
1011
|
+
asChild?: boolean;
|
|
1012
|
+
keepOpen?: boolean;
|
|
1013
|
+
onSelect?: (event: MouseEvent) => void;
|
|
1014
|
+
children?: FictNode;
|
|
1015
|
+
[key: string]: unknown;
|
|
1016
|
+
}
|
|
1017
|
+
interface ContextMenuSubProps {
|
|
1018
|
+
open?: boolean | (() => boolean);
|
|
1019
|
+
defaultOpen?: boolean;
|
|
1020
|
+
onOpenChange?: (open: boolean) => void;
|
|
1021
|
+
children?: FictNode;
|
|
1022
|
+
}
|
|
1023
|
+
type ContextMenuSubTriggerProps = Omit<ContextMenuItemProps, 'keepOpen'>;
|
|
1024
|
+
interface ContextMenuSubContentProps extends Omit<PopoverContentPropsExt, 'role'> {
|
|
1025
|
+
children?: FictNode;
|
|
1026
|
+
}
|
|
1027
|
+
declare function ContextMenuRoot(props: ContextMenuRootProps): FictNode;
|
|
1028
|
+
declare function ContextMenuTrigger(props: ContextMenuTriggerProps): FictNode;
|
|
1029
|
+
declare function ContextMenuContent(props: ContextMenuContentProps): FictNode;
|
|
1030
|
+
declare function ContextMenuItem(props: ContextMenuItemProps): FictNode;
|
|
1031
|
+
declare function ContextMenuSub(props: ContextMenuSubProps): FictNode;
|
|
1032
|
+
declare function ContextMenuSubTrigger(props: ContextMenuSubTriggerProps): FictNode;
|
|
1033
|
+
declare function ContextMenuSubContent(props: ContextMenuSubContentProps): FictNode;
|
|
1034
|
+
|
|
1035
|
+
interface MenubarRootProps {
|
|
1036
|
+
children?: FictNode;
|
|
1037
|
+
[key: string]: unknown;
|
|
1038
|
+
}
|
|
1039
|
+
interface MenubarMenuProps {
|
|
1040
|
+
value?: string;
|
|
1041
|
+
children?: FictNode;
|
|
1042
|
+
}
|
|
1043
|
+
interface MenubarTriggerProps {
|
|
1044
|
+
as?: string;
|
|
1045
|
+
asChild?: boolean;
|
|
1046
|
+
children?: FictNode;
|
|
1047
|
+
[key: string]: unknown;
|
|
1048
|
+
}
|
|
1049
|
+
interface MenubarContentProps {
|
|
1050
|
+
forceMount?: boolean;
|
|
1051
|
+
children?: FictNode;
|
|
1052
|
+
[key: string]: unknown;
|
|
1053
|
+
}
|
|
1054
|
+
interface MenubarItemProps {
|
|
1055
|
+
as?: string;
|
|
1056
|
+
asChild?: boolean;
|
|
1057
|
+
children?: FictNode;
|
|
1058
|
+
onSelect?: (event: MouseEvent) => void;
|
|
1059
|
+
[key: string]: unknown;
|
|
1060
|
+
}
|
|
1061
|
+
declare function MenubarRoot(props: MenubarRootProps): FictNode;
|
|
1062
|
+
declare function MenubarMenu(props: MenubarMenuProps): FictNode;
|
|
1063
|
+
declare function MenubarTrigger(props: MenubarTriggerProps): FictNode;
|
|
1064
|
+
declare function MenubarContent(props: MenubarContentProps): FictNode;
|
|
1065
|
+
declare function MenubarItem(props: MenubarItemProps): FictNode;
|
|
1066
|
+
|
|
1067
|
+
interface ToastProviderProps {
|
|
1068
|
+
duration?: number;
|
|
1069
|
+
children?: FictNode;
|
|
1070
|
+
}
|
|
1071
|
+
interface ToastViewportProps {
|
|
1072
|
+
children?: FictNode;
|
|
1073
|
+
[key: string]: unknown;
|
|
1074
|
+
}
|
|
1075
|
+
interface ToastRootProps {
|
|
1076
|
+
id?: string;
|
|
1077
|
+
title?: string;
|
|
1078
|
+
description?: string;
|
|
1079
|
+
duration?: number;
|
|
1080
|
+
open?: boolean;
|
|
1081
|
+
onOpenChange?: (open: boolean) => void;
|
|
1082
|
+
children?: FictNode;
|
|
1083
|
+
[key: string]: unknown;
|
|
1084
|
+
}
|
|
1085
|
+
interface ToastActionProps {
|
|
1086
|
+
altText: string;
|
|
1087
|
+
onClick?: (event: MouseEvent) => void;
|
|
1088
|
+
children?: FictNode;
|
|
1089
|
+
[key: string]: unknown;
|
|
1090
|
+
}
|
|
1091
|
+
interface ToastCloseProps {
|
|
1092
|
+
as?: string;
|
|
1093
|
+
asChild?: boolean;
|
|
1094
|
+
onClick?: (event: MouseEvent) => void;
|
|
1095
|
+
children?: FictNode;
|
|
1096
|
+
[key: string]: unknown;
|
|
1097
|
+
}
|
|
1098
|
+
interface ToastRecord {
|
|
1099
|
+
id: string;
|
|
1100
|
+
title?: string;
|
|
1101
|
+
description?: string;
|
|
1102
|
+
duration?: number;
|
|
1103
|
+
}
|
|
1104
|
+
declare function ToastProvider(props: ToastProviderProps): FictNode;
|
|
1105
|
+
declare function useToast(): {
|
|
1106
|
+
show: (toast: Omit<ToastRecord, "id"> & {
|
|
1107
|
+
id?: string;
|
|
1108
|
+
}) => string;
|
|
1109
|
+
dismiss: (id: string) => void;
|
|
1110
|
+
toasts: () => ToastRecord[];
|
|
1111
|
+
};
|
|
1112
|
+
declare function ToastViewport(props: ToastViewportProps): FictNode;
|
|
1113
|
+
declare function ToastRoot(props: ToastRootProps): FictNode;
|
|
1114
|
+
declare function ToastTitle(props: Record<string, unknown> & {
|
|
1115
|
+
children?: FictNode;
|
|
1116
|
+
}): FictNode;
|
|
1117
|
+
declare function ToastDescription(props: Record<string, unknown> & {
|
|
1118
|
+
children?: FictNode;
|
|
1119
|
+
}): FictNode;
|
|
1120
|
+
declare function ToastAction(props: ToastActionProps): FictNode;
|
|
1121
|
+
declare function ToastClose(props: ToastCloseProps): FictNode;
|
|
1122
|
+
|
|
1123
|
+
export { AccessibleIcon, type AccessibleIconProps, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Announce, type AnnounceOptions, type AnnouncePoliteness, type AnnounceProps, AspectRatio, type AspectRatioProps, Calendar, CalendarGrid, type CalendarGridProps, CalendarHeader, type CalendarHeaderProps, type CalendarNavButtonProps, CalendarNextButton, CalendarPrevButton, CalendarRoot, type CalendarRootProps, CalendarTitle, type CalendarTitleProps, Checkbox, type CheckboxProps, CollapsibleContent, type CollapsibleContentProps, CollapsibleRoot, type CollapsibleRootProps, CollapsibleTrigger, type CollapsibleTriggerProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxListProps, ComboboxRoot, type ComboboxRootProps, CommandPaletteClose, CommandPaletteContent, type CommandPaletteContentProps, CommandPaletteEmpty, type CommandPaletteEmptyProps, CommandPaletteGroup, type CommandPaletteGroupProps, CommandPaletteInput, type CommandPaletteInputProps, CommandPaletteItem, type CommandPaletteItemProps, CommandPaletteList, type CommandPaletteListProps, CommandPaletteRoot, type CommandPaletteRootProps, CommandPaletteSeparator, CommandPaletteTrigger, type CommandPaletteTriggerProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuRoot, type ContextMenuRootProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DatePickerCalendar, type DatePickerCalendarProps, DatePickerContent, type DatePickerContentProps, DatePickerRoot, type DatePickerRootProps, DatePickerTrigger, type DatePickerTriggerProps, DatePickerValue, type DatePickerValueProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, DialogRoot, type DialogRootProps, DialogTitle, DialogTrigger, type DialogTriggerProps, DismissableLayer, type DismissableLayerOutsideEvent, type DismissableLayerProps, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuRoot, type DropdownMenuRootProps, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, FocusScope, type FocusScopeProps, FocusTrap, FocusVisible, type FocusVisibleProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormLabel, FormMessage, type FormMessageProps, type FormProps, HoverCardContent, type HoverCardContentProps, HoverCardRoot, type HoverCardRootProps, HoverCardTrigger, type HoverCardTriggerProps, IdProvider, type IdProviderProps, KeyboardModeProvider, type KeyboardModeProviderProps, Label, type LabelProps, LiveRegionProvider, type LiveRegionProviderProps, MenubarContent, type MenubarContentProps, MenubarItem, type MenubarItemProps, MenubarMenu, type MenubarMenuProps, MenubarRoot, type MenubarRootProps, MenubarTrigger, type MenubarTriggerProps, Meter, type MeterProps, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, NavigationMenuRoot, type NavigationMenuRootProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentPropsExt, PopoverRoot, type PopoverRootProps, PopoverTrigger, type PopoverTriggerProps, PopperAnchor, type PopperAnchorProps, PopperArrow, type PopperArrowProps, PopperContent, type PopperContentProps, type PopperPlacement, PopperRoot, type PopperRootProps, Portal, PortalHost, type PortalHostProps, type PortalProps, Presence, type PresenceProps, Primitive, PrimitiveElements, type PrimitiveProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, RangeSlider, type RangeSliderProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, RovingFocusGroup, type RovingFocusGroupProps, RovingFocusItem, type RovingFocusItemProps, ScrollArea, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps, ScrollLock, type ScrollLockProps, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, SelectRoot, type SelectRootProps, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Slot, type SlotProps, Switch, type SwitchProps, SwitchThumb, type SwitchThumbProps, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsRoot, type TabsRootProps, TabsTrigger, type TabsTriggerProps, ToastAction, type ToastActionProps, ToastClose, type ToastCloseProps, ToastDescription, ToastProvider, type ToastProviderProps, ToastRoot, type ToastRootProps, ToastTitle, ToastViewport, type ToastViewportProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, TooltipContent, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerProps, VisuallyHidden, type VisuallyHiddenProps, useAnnouncer, useId, useKeyboardMode, useToast };
|