@nextlyhq/ui 0.0.2-alpha.51 → 0.0.2-alpha.52
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/README.md +4 -2
- package/dist/index.cjs +244 -16
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +312 -8
- package/dist/index.d.ts +312 -8
- package/dist/index.mjs +227 -16
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.scoped.css +1 -1
- package/dist/tailwind-preset.cjs +7 -0
- package/dist/tailwind-preset.cjs.map +1 -1
- package/dist/tailwind-preset.d.cts +4 -0
- package/dist/tailwind-preset.d.ts +4 -0
- package/dist/tailwind-preset.mjs +7 -0
- package/dist/tailwind-preset.mjs.map +1 -1
- package/dist/theme.css +26 -0
- package/dist/utils.cjs.map +1 -1
- package/dist/utils.d.cts +2 -0
- package/dist/utils.d.ts +2 -0
- package/dist/utils.mjs.map +1 -1
- package/package.json +6 -4
package/dist/index.d.cts
CHANGED
|
@@ -24,7 +24,10 @@ import { Command as Command$1 } from 'cmdk';
|
|
|
24
24
|
import { LucideProps } from 'lucide-react';
|
|
25
25
|
import { ToasterProps } from 'sonner';
|
|
26
26
|
export { ToasterProps, toast } from 'sonner';
|
|
27
|
+
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
28
|
+
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
27
29
|
|
|
30
|
+
/** @public */
|
|
28
31
|
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
29
32
|
asChild?: boolean;
|
|
30
33
|
}
|
|
@@ -44,11 +47,13 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantPr
|
|
|
44
47
|
* - link: Link-style button (underlined text)
|
|
45
48
|
*
|
|
46
49
|
* Note: 'primary' is a semantic alias for 'default' variant for better code readability
|
|
50
|
+
* @experimental
|
|
47
51
|
*/
|
|
48
52
|
declare const buttonVariants: (props?: ({
|
|
49
53
|
variant?: "default" | "primary" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
50
54
|
size?: "default" | "sm" | "md" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
51
55
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
56
|
+
/** @public */
|
|
52
57
|
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
53
58
|
|
|
54
59
|
/**
|
|
@@ -85,18 +90,24 @@ declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAtt
|
|
|
85
90
|
* - tel: Phone number input
|
|
86
91
|
* - url: URL validation
|
|
87
92
|
* - search: Search input with clear button
|
|
93
|
+
* @experimental
|
|
88
94
|
*/
|
|
89
95
|
declare const inputVariants: (props?: ({
|
|
90
96
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
91
97
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
98
|
+
/** @public */
|
|
92
99
|
interface InputProps extends Omit<ComponentProps<"input">, "size">, VariantProps<typeof inputVariants> {
|
|
93
100
|
}
|
|
101
|
+
/** @public */
|
|
94
102
|
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
|
95
103
|
|
|
104
|
+
/** @public */
|
|
96
105
|
declare const Textarea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
|
|
97
106
|
|
|
107
|
+
/** @public */
|
|
98
108
|
declare function Label({ className, ...props }: ComponentProps<typeof Root>): react_jsx_runtime.JSX.Element;
|
|
99
109
|
|
|
110
|
+
/** @public */
|
|
100
111
|
interface FormLabelWithTooltipProps extends react.ComponentPropsWithoutRef<typeof Label> {
|
|
101
112
|
label: react.ReactNode;
|
|
102
113
|
description?: react.ReactNode;
|
|
@@ -104,6 +115,7 @@ interface FormLabelWithTooltipProps extends react.ComponentPropsWithoutRef<typeo
|
|
|
104
115
|
labelClassName?: string;
|
|
105
116
|
tooltipClassName?: string;
|
|
106
117
|
}
|
|
118
|
+
/** @public */
|
|
107
119
|
declare const FormLabelWithTooltip: react.ForwardRefExoticComponent<FormLabelWithTooltipProps & react.RefAttributes<HTMLLabelElement>>;
|
|
108
120
|
|
|
109
121
|
/**
|
|
@@ -133,12 +145,15 @@ declare const FormLabelWithTooltip: react.ForwardRefExoticComponent<FormLabelWit
|
|
|
133
145
|
* - warning: Light amber background
|
|
134
146
|
* - destructive: Light red background
|
|
135
147
|
* - outline: Transparent background with border border-border
|
|
148
|
+
* @experimental
|
|
136
149
|
*/
|
|
137
150
|
declare const badgeVariants: (props?: ({
|
|
138
151
|
variant?: "default" | "primary" | "destructive" | "outline" | "success" | "warning" | null | undefined;
|
|
139
152
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
153
|
+
/** @public */
|
|
140
154
|
interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
141
155
|
}
|
|
156
|
+
/** @public */
|
|
142
157
|
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
143
158
|
|
|
144
159
|
/**
|
|
@@ -190,14 +205,18 @@ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_
|
|
|
190
205
|
* - Interactive cards MUST have role, tabIndex, and keyboard handlers (see above)
|
|
191
206
|
* - Ensure sufficient color contrast for all text (WCAG 2.2 AA minimum)
|
|
192
207
|
* - Use aria-label or aria-labelledby for cards without visible text labels
|
|
208
|
+
* @experimental
|
|
193
209
|
*/
|
|
194
210
|
declare const cardVariants: (props?: ({
|
|
195
211
|
variant?: "default" | "interactive" | "elevated" | null | undefined;
|
|
196
212
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
213
|
+
/** @experimental */
|
|
197
214
|
type CardProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants>;
|
|
215
|
+
/** @experimental */
|
|
198
216
|
declare const Card: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
199
217
|
variant?: "default" | "interactive" | "elevated" | null | undefined;
|
|
200
218
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLDivElement>>;
|
|
219
|
+
/** @experimental */
|
|
201
220
|
interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
|
|
202
221
|
/**
|
|
203
222
|
* Whether to hide the bottom border border-border separator between header and content.
|
|
@@ -205,43 +224,63 @@ interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
205
224
|
*/
|
|
206
225
|
noBorder?: boolean;
|
|
207
226
|
}
|
|
227
|
+
/** @experimental */
|
|
208
228
|
declare const CardHeader: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
|
|
229
|
+
/** @experimental */
|
|
209
230
|
type CardTitleProps = HTMLAttributes<HTMLHeadingElement>;
|
|
231
|
+
/** @experimental */
|
|
210
232
|
declare const CardTitle: react.ForwardRefExoticComponent<CardTitleProps & react.RefAttributes<HTMLHeadingElement>>;
|
|
233
|
+
/** @experimental */
|
|
211
234
|
type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
|
|
235
|
+
/** @experimental */
|
|
212
236
|
declare const CardDescription: react.ForwardRefExoticComponent<CardDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
|
|
237
|
+
/** @experimental */
|
|
213
238
|
type CardActionProps = HTMLAttributes<HTMLDivElement>;
|
|
239
|
+
/** @experimental */
|
|
214
240
|
declare const CardAction: react.ForwardRefExoticComponent<CardActionProps & react.RefAttributes<HTMLDivElement>>;
|
|
241
|
+
/** @experimental */
|
|
215
242
|
type CardContentProps = HTMLAttributes<HTMLDivElement>;
|
|
243
|
+
/** @experimental */
|
|
216
244
|
declare const CardContent: react.ForwardRefExoticComponent<CardContentProps & react.RefAttributes<HTMLDivElement>>;
|
|
245
|
+
/** @experimental */
|
|
217
246
|
type CardFooterProps = HTMLAttributes<HTMLDivElement>;
|
|
247
|
+
/** @experimental */
|
|
218
248
|
declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
|
|
219
249
|
|
|
220
250
|
type Gap = 0 | 1 | 2 | 3 | 4 | 6 | 8;
|
|
221
251
|
type Cols = 1 | 2 | 3 | 4 | 6;
|
|
252
|
+
/** @experimental */
|
|
222
253
|
interface StackProps extends HTMLAttributes<HTMLDivElement> {
|
|
223
254
|
/** Main-axis direction. Default `col`. */
|
|
224
255
|
direction?: "col" | "row";
|
|
225
256
|
/** Gap between children (Tailwind spacing step). Default `4`. */
|
|
226
257
|
gap?: Gap;
|
|
227
258
|
}
|
|
228
|
-
/** Flex stack: vertical by default, horizontal with `direction="row"`.
|
|
259
|
+
/** Flex stack: vertical by default, horizontal with `direction="row"`.
|
|
260
|
+
* @experimental
|
|
261
|
+
*/
|
|
229
262
|
declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLDivElement>>;
|
|
263
|
+
/** @experimental */
|
|
230
264
|
interface GridProps extends HTMLAttributes<HTMLDivElement> {
|
|
231
265
|
/** Column count. Default `2`. */
|
|
232
266
|
cols?: Cols;
|
|
233
267
|
/** Gap between cells. Default `4`. */
|
|
234
268
|
gap?: Gap;
|
|
235
269
|
}
|
|
236
|
-
/** Simple fixed-column grid.
|
|
270
|
+
/** Simple fixed-column grid.
|
|
271
|
+
* @experimental
|
|
272
|
+
*/
|
|
237
273
|
declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLDivElement>>;
|
|
274
|
+
/** @experimental */
|
|
238
275
|
interface StatProps extends HTMLAttributes<HTMLDivElement> {
|
|
239
276
|
/** Muted label above the value. */
|
|
240
277
|
label: string;
|
|
241
278
|
/** The emphasized value (string or node). */
|
|
242
279
|
value: ReactNode;
|
|
243
280
|
}
|
|
244
|
-
/** Labelled metric block for dashboard-style plugin widgets.
|
|
281
|
+
/** Labelled metric block for dashboard-style plugin widgets.
|
|
282
|
+
* @experimental
|
|
283
|
+
*/
|
|
245
284
|
declare const Stat: react.ForwardRefExoticComponent<StatProps & react.RefAttributes<HTMLDivElement>>;
|
|
246
285
|
|
|
247
286
|
/**
|
|
@@ -311,10 +350,12 @@ declare const Stat: react.ForwardRefExoticComponent<StatProps & react.RefAttribu
|
|
|
311
350
|
* - Success: <CheckCircle2 className="h-4 w-4" />
|
|
312
351
|
* - Warning: <AlertTriangle className="h-4 w-4" />
|
|
313
352
|
* - Destructive: <XCircle className="h-4 w-4" />
|
|
353
|
+
* @experimental
|
|
314
354
|
*/
|
|
315
355
|
declare const alertVariants: (props?: ({
|
|
316
356
|
variant?: "destructive" | "success" | "warning" | "info" | null | undefined;
|
|
317
357
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
358
|
+
/** @experimental */
|
|
318
359
|
type AlertProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>;
|
|
319
360
|
/**
|
|
320
361
|
* Alert - Root container for alert messages
|
|
@@ -327,10 +368,12 @@ type AlertProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVari
|
|
|
327
368
|
* <CheckCircle2 className="h-4 w-4" />
|
|
328
369
|
* <AlertDescription>Operation completed successfully</AlertDescription>
|
|
329
370
|
* </Alert>
|
|
371
|
+
* @experimental
|
|
330
372
|
*/
|
|
331
373
|
declare const Alert: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
332
374
|
variant?: "destructive" | "success" | "warning" | "info" | null | undefined;
|
|
333
375
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLDivElement>>;
|
|
376
|
+
/** @experimental */
|
|
334
377
|
type AlertTitleProps = HTMLAttributes<HTMLHeadingElement>;
|
|
335
378
|
/**
|
|
336
379
|
* AlertTitle - Heading text for alert message
|
|
@@ -340,8 +383,10 @@ type AlertTitleProps = HTMLAttributes<HTMLHeadingElement>;
|
|
|
340
383
|
*
|
|
341
384
|
* @example
|
|
342
385
|
* <AlertTitle>Payment Successful</AlertTitle>
|
|
386
|
+
* @experimental
|
|
343
387
|
*/
|
|
344
388
|
declare const AlertTitle: react.ForwardRefExoticComponent<AlertTitleProps & react.RefAttributes<HTMLHeadingElement>>;
|
|
389
|
+
/** @experimental */
|
|
345
390
|
type AlertDescriptionProps = HTMLAttributes<HTMLDivElement>;
|
|
346
391
|
/**
|
|
347
392
|
* AlertDescription - Supporting detail text for alert message
|
|
@@ -353,9 +398,11 @@ type AlertDescriptionProps = HTMLAttributes<HTMLDivElement>;
|
|
|
353
398
|
* <AlertDescription>
|
|
354
399
|
* Your changes have been saved. <a href="/view">View details</a>
|
|
355
400
|
* </AlertDescription>
|
|
401
|
+
* @experimental
|
|
356
402
|
*/
|
|
357
403
|
declare const AlertDescription: react.ForwardRefExoticComponent<AlertDescriptionProps & react.RefAttributes<HTMLDivElement>>;
|
|
358
404
|
|
|
405
|
+
/** @experimental */
|
|
359
406
|
declare function Separator({ className, orientation, decorative, ...props }: react.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
360
407
|
|
|
361
408
|
/**
|
|
@@ -430,20 +477,25 @@ declare function Separator({ className, orientation, decorative, ...props }: rea
|
|
|
430
477
|
*
|
|
431
478
|
* @see {@link https://ui.shadcn.com/docs/components/skeleton shadcn/ui Skeleton}
|
|
432
479
|
* @see {@link https://adrianroselli.com/2020/11/more-accessible-skeletons.html More Accessible Skeletons}
|
|
480
|
+
* @experimental
|
|
433
481
|
*/
|
|
434
482
|
declare const Skeleton: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
483
|
+
/** @experimental */
|
|
435
484
|
type SkeletonProps = react.ComponentProps<"div">;
|
|
436
485
|
|
|
437
486
|
/**
|
|
438
487
|
* Progress variants using CVA
|
|
439
488
|
*
|
|
440
489
|
* Defines color variants for different progress states.
|
|
490
|
+
*
|
|
491
|
+
* @experimental
|
|
441
492
|
*/
|
|
442
493
|
declare const progressVariants: (props?: ({
|
|
443
494
|
variant?: "default" | "success" | "error" | null | undefined;
|
|
444
495
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
445
496
|
/**
|
|
446
497
|
* Progress component props
|
|
498
|
+
* @experimental
|
|
447
499
|
*/
|
|
448
500
|
type ProgressProps = {
|
|
449
501
|
/**
|
|
@@ -511,6 +563,7 @@ type ProgressProps = {
|
|
|
511
563
|
* );
|
|
512
564
|
* }
|
|
513
565
|
* ```
|
|
566
|
+
* @experimental
|
|
514
567
|
*/
|
|
515
568
|
declare const Progress: react.ForwardRefExoticComponent<{
|
|
516
569
|
/**
|
|
@@ -558,6 +611,7 @@ declare const Progress: react.ForwardRefExoticComponent<{
|
|
|
558
611
|
"aria-label"?: string;
|
|
559
612
|
} & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
|
|
560
613
|
|
|
614
|
+
/** @public */
|
|
561
615
|
declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
562
616
|
indeterminate?: boolean;
|
|
563
617
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -589,36 +643,46 @@ declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxPrimitive.C
|
|
|
589
643
|
* - Visual "checked" state achieved via border border-border expansion (border-[5px])
|
|
590
644
|
* - No inner indicator needed - border border-border expansion provides clear visual feedback
|
|
591
645
|
* - Hover state changes border border-border color for better interactivity
|
|
646
|
+
* @public
|
|
592
647
|
*/
|
|
593
648
|
declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
649
|
+
/** @public */
|
|
594
650
|
declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
595
651
|
|
|
596
652
|
/**
|
|
597
653
|
* A pill track carrying a circular thumb is how a toggle is recognised, so both
|
|
598
654
|
* parts use `rounded-full` and stay outside the `--radius` scale: at any theme
|
|
599
655
|
* radius the switch must still read as a switch and not as a small checkbox.
|
|
656
|
+
* @public
|
|
600
657
|
*/
|
|
601
658
|
declare function Switch({ className, ...props }: ComponentProps<typeof Root$1>): react_jsx_runtime.JSX.Element;
|
|
602
659
|
|
|
660
|
+
/** @experimental */
|
|
603
661
|
declare const Collapsible: react.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
|
|
662
|
+
/** @experimental */
|
|
604
663
|
declare const CollapsibleTrigger: react.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
664
|
+
/** @experimental */
|
|
605
665
|
declare const CollapsibleContent: react.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>;
|
|
606
666
|
|
|
607
667
|
/**
|
|
608
668
|
* Props for the Accordion root component
|
|
609
669
|
* @see https://www.radix-ui.com/primitives/docs/components/accordion
|
|
670
|
+
* @experimental
|
|
610
671
|
*/
|
|
611
672
|
type AccordionProps = ComponentPropsWithoutRef<typeof Root$2>;
|
|
612
673
|
/**
|
|
613
674
|
* Props for the AccordionItem component (container for trigger and content)
|
|
675
|
+
* @experimental
|
|
614
676
|
*/
|
|
615
677
|
type AccordionItemProps = ComponentPropsWithoutRef<typeof Item>;
|
|
616
678
|
/**
|
|
617
679
|
* Props for the AccordionTrigger component (clickable header button)
|
|
680
|
+
* @experimental
|
|
618
681
|
*/
|
|
619
682
|
type AccordionTriggerProps = ComponentPropsWithoutRef<typeof Trigger>;
|
|
620
683
|
/**
|
|
621
684
|
* Props for the AccordionContent component (collapsible content panel)
|
|
685
|
+
* @experimental
|
|
622
686
|
*/
|
|
623
687
|
type AccordionContentProps = ComponentPropsWithoutRef<typeof Content>;
|
|
624
688
|
|
|
@@ -714,6 +778,7 @@ type AccordionContentProps = ComponentPropsWithoutRef<typeof Content>;
|
|
|
714
778
|
* ```
|
|
715
779
|
*
|
|
716
780
|
* @see https://www.radix-ui.com/primitives/docs/components/accordion
|
|
781
|
+
* @experimental
|
|
717
782
|
*/
|
|
718
783
|
declare const Accordion: react.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & react.RefAttributes<HTMLDivElement>>;
|
|
719
784
|
/**
|
|
@@ -726,6 +791,7 @@ declare const Accordion: react.ForwardRefExoticComponent<(AccordionPrimitive.Acc
|
|
|
726
791
|
* Accessibility:
|
|
727
792
|
* - Each item requires a unique value prop for identification
|
|
728
793
|
* - Disabled state can be set via disabled prop
|
|
794
|
+
* @experimental
|
|
729
795
|
*/
|
|
730
796
|
declare const AccordionItem: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
731
797
|
/**
|
|
@@ -750,6 +816,7 @@ declare const AccordionItem: react.ForwardRefExoticComponent<Omit<AccordionPrimi
|
|
|
750
816
|
* - The ChevronDown icon is included by default
|
|
751
817
|
* - Icon rotates 180° when item is expanded ([data-state=open])
|
|
752
818
|
* - Trigger includes AccordionPrimitive.Header wrapper for proper semantics
|
|
819
|
+
* @experimental
|
|
753
820
|
*/
|
|
754
821
|
declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
755
822
|
/**
|
|
@@ -771,6 +838,7 @@ declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<AccordionPr
|
|
|
771
838
|
* - data-state="open": animate-accordion-down (Tailwind built-in)
|
|
772
839
|
* - data-state="closed": animate-accordion-up (Tailwind built-in)
|
|
773
840
|
* - Height transitions smoothly from 0 to auto
|
|
841
|
+
* @experimental
|
|
774
842
|
*/
|
|
775
843
|
declare const AccordionContent: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
776
844
|
|
|
@@ -835,6 +903,7 @@ declare const AccordionContent: react.ForwardRefExoticComponent<Omit<AccordionPr
|
|
|
835
903
|
*
|
|
836
904
|
* @see {@link https://www.radix-ui.com/primitives/docs/components/avatar Radix UI Avatar}
|
|
837
905
|
* @see {@link https://github.com/nextlyhq/nextly/blob/main/ui-revamp/04-design-system-specification.md Design System Specification}
|
|
906
|
+
* @experimental
|
|
838
907
|
*/
|
|
839
908
|
declare const avatarVariants: (props?: ({
|
|
840
909
|
size?: "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
@@ -845,6 +914,7 @@ declare const avatarVariants: (props?: ({
|
|
|
845
914
|
* Container element for avatar image and fallback. Provides consistent sizing
|
|
846
915
|
* and styling across the application. Uses React Context to pass size to
|
|
847
916
|
* AvatarFallback for reliable text scaling.
|
|
917
|
+
* @experimental
|
|
848
918
|
*/
|
|
849
919
|
declare const Avatar: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & class_variance_authority.VariantProps<(props?: ({
|
|
850
920
|
size?: "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
|
|
@@ -864,6 +934,7 @@ declare const Avatar: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLPro
|
|
|
864
934
|
*
|
|
865
935
|
* @example
|
|
866
936
|
* <AvatarImage src="/users/john-doe.jpg" alt="John Doe" />
|
|
937
|
+
* @experimental
|
|
867
938
|
*/
|
|
868
939
|
declare const AvatarImage: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & react.RefAttributes<HTMLImageElement>>;
|
|
869
940
|
/**
|
|
@@ -896,6 +967,7 @@ declare const AvatarImage: react.ForwardRefExoticComponent<Omit<react.DetailedHT
|
|
|
896
967
|
* @example
|
|
897
968
|
* // Custom delay before showing fallback
|
|
898
969
|
* <AvatarFallback delayMs={300}>AB</AvatarFallback>
|
|
970
|
+
* @experimental
|
|
899
971
|
*/
|
|
900
972
|
declare const AvatarFallback: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
901
973
|
delayMs?: number;
|
|
@@ -906,6 +978,7 @@ declare const AvatarFallback: react.ForwardRefExoticComponent<Omit<react.Detaile
|
|
|
906
978
|
*
|
|
907
979
|
* Root container for displaying user avatars with image and fallback support.
|
|
908
980
|
* Extends Radix UI Avatar.Root props with size variants.
|
|
981
|
+
* @experimental
|
|
909
982
|
*/
|
|
910
983
|
type AvatarProps = ComponentPropsWithoutRef<"span"> & VariantProps<typeof avatarVariants> & {
|
|
911
984
|
/**
|
|
@@ -927,6 +1000,7 @@ type AvatarProps = ComponentPropsWithoutRef<"span"> & VariantProps<typeof avatar
|
|
|
927
1000
|
*
|
|
928
1001
|
* Note: Both src and alt are optional to support dynamic loading scenarios.
|
|
929
1002
|
* When src is undefined/empty, the AvatarFallback will be displayed instead.
|
|
1003
|
+
* @experimental
|
|
930
1004
|
*/
|
|
931
1005
|
type AvatarImageProps = ComponentPropsWithoutRef<"img">;
|
|
932
1006
|
/**
|
|
@@ -934,6 +1008,7 @@ type AvatarImageProps = ComponentPropsWithoutRef<"img">;
|
|
|
934
1008
|
*
|
|
935
1009
|
* Displays fallback content (typically user initials) when image fails to load.
|
|
936
1010
|
* Extends Radix UI Avatar.Fallback props.
|
|
1011
|
+
* @experimental
|
|
937
1012
|
*/
|
|
938
1013
|
type AvatarFallbackProps = ComponentPropsWithoutRef<"span"> & {
|
|
939
1014
|
/**
|
|
@@ -946,18 +1021,22 @@ type AvatarFallbackProps = ComponentPropsWithoutRef<"span"> & {
|
|
|
946
1021
|
/**
|
|
947
1022
|
* Props for the Tabs root component
|
|
948
1023
|
* @see https://www.radix-ui.com/primitives/docs/components/tabs
|
|
1024
|
+
* @public
|
|
949
1025
|
*/
|
|
950
1026
|
type TabsProps = ComponentPropsWithoutRef<typeof Root$3>;
|
|
951
1027
|
/**
|
|
952
1028
|
* Props for the TabsList component (container for tab triggers)
|
|
1029
|
+
* @public
|
|
953
1030
|
*/
|
|
954
1031
|
type TabsListProps = ComponentPropsWithoutRef<typeof List>;
|
|
955
1032
|
/**
|
|
956
1033
|
* Props for the TabsTrigger component (clickable tab button)
|
|
1034
|
+
* @public
|
|
957
1035
|
*/
|
|
958
1036
|
type TabsTriggerProps = ComponentPropsWithoutRef<typeof Trigger$1>;
|
|
959
1037
|
/**
|
|
960
1038
|
* Props for the TabsContent component (content panel for each tab)
|
|
1039
|
+
* @public
|
|
961
1040
|
*/
|
|
962
1041
|
type TabsContentProps = ComponentPropsWithoutRef<typeof Content$1>;
|
|
963
1042
|
|
|
@@ -1038,6 +1117,7 @@ type TabsContentProps = ComponentPropsWithoutRef<typeof Content$1>;
|
|
|
1038
1117
|
* ```
|
|
1039
1118
|
*
|
|
1040
1119
|
* @see https://www.radix-ui.com/primitives/docs/components/tabs
|
|
1120
|
+
* @public
|
|
1041
1121
|
*/
|
|
1042
1122
|
declare const Tabs: react.ForwardRefExoticComponent<_radix_ui_react_tabs.TabsProps & react.RefAttributes<HTMLDivElement>>;
|
|
1043
1123
|
/**
|
|
@@ -1048,6 +1128,7 @@ declare const Tabs: react.ForwardRefExoticComponent<_radix_ui_react_tabs.TabsPro
|
|
|
1048
1128
|
* - Border-radius: none (for underline style)
|
|
1049
1129
|
* - Background: transparent
|
|
1050
1130
|
* - Layout: inline-flex (horizontal by default, use orientation="vertical" on Tabs root for vertical)
|
|
1131
|
+
* @public
|
|
1051
1132
|
*/
|
|
1052
1133
|
declare const TabsList: react.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1053
1134
|
/**
|
|
@@ -1067,6 +1148,7 @@ declare const TabsList: react.ForwardRefExoticComponent<Omit<_radix_ui_react_tab
|
|
|
1067
1148
|
* - Focus ring: 2px with offset (WCAG 2.2 compliant)
|
|
1068
1149
|
* - Disabled state: pointer-events-none, opacity-50
|
|
1069
1150
|
* - Data attributes: [data-state="active|inactive"], [data-disabled]
|
|
1151
|
+
* @public
|
|
1070
1152
|
*/
|
|
1071
1153
|
declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1072
1154
|
/**
|
|
@@ -1080,17 +1162,26 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<_radix_ui_react_
|
|
|
1080
1162
|
* - Focus indicator when navigating with Tab key
|
|
1081
1163
|
* - Data attributes: [data-state="active|inactive"], [data-orientation]
|
|
1082
1164
|
* - Only active content is visible, inactive content is hidden
|
|
1165
|
+
* @public
|
|
1083
1166
|
*/
|
|
1084
1167
|
declare const TabsContent: react.ForwardRefExoticComponent<Omit<_radix_ui_react_tabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1085
1168
|
|
|
1169
|
+
/** @experimental */
|
|
1086
1170
|
declare const TooltipProvider: react.FC<_radix_ui_react_tooltip.TooltipProviderProps>;
|
|
1171
|
+
/** @public */
|
|
1087
1172
|
declare const Tooltip: react.FC<_radix_ui_react_tooltip.TooltipProps>;
|
|
1173
|
+
/** @public */
|
|
1088
1174
|
declare const TooltipTrigger: react.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1175
|
+
/** @public */
|
|
1089
1176
|
declare const TooltipContent: react.ForwardRefExoticComponent<Omit<_radix_ui_react_tooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1090
1177
|
|
|
1178
|
+
/** @experimental */
|
|
1091
1179
|
declare const Popover: react.FC<PopoverPrimitive.PopoverProps>;
|
|
1180
|
+
/** @experimental */
|
|
1092
1181
|
declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1182
|
+
/** @experimental */
|
|
1093
1183
|
declare const PopoverAnchor: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>>;
|
|
1184
|
+
/** @experimental */
|
|
1094
1185
|
declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1095
1186
|
|
|
1096
1187
|
/**
|
|
@@ -1126,7 +1217,7 @@ declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimit
|
|
|
1126
1217
|
* @design-spec
|
|
1127
1218
|
* - Border-radius: `rounded-lg`, the container step of the `--radius` scale
|
|
1128
1219
|
* - Max-width: 512px (default), responsive sizes available
|
|
1129
|
-
* - Backdrop:
|
|
1220
|
+
* - Backdrop: the `--nx-overlay` scrim with blur effect
|
|
1130
1221
|
* - Padding: 24px (p-6)
|
|
1131
1222
|
* - Shadow: xl for prominence (elevation level 4)
|
|
1132
1223
|
* - Transition: 150ms per design system
|
|
@@ -1139,15 +1230,22 @@ declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimit
|
|
|
1139
1230
|
* - Includes ARIA labels and descriptions
|
|
1140
1231
|
* - Screen reader announcements via role="dialog"
|
|
1141
1232
|
* - Close button has sr-only text for screen readers
|
|
1233
|
+
* @public
|
|
1142
1234
|
*/
|
|
1143
1235
|
declare const Dialog: react.FC<DialogPrimitive.DialogProps>;
|
|
1236
|
+
/** @experimental */
|
|
1144
1237
|
declare const DialogTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1238
|
+
/** @experimental */
|
|
1145
1239
|
declare const DialogPortal: react.FC<DialogPrimitive.DialogPortalProps>;
|
|
1240
|
+
/** @experimental */
|
|
1146
1241
|
declare const DialogClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1242
|
+
/** @experimental */
|
|
1147
1243
|
type DialogOverlayProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
|
|
1148
1244
|
/**
|
|
1149
1245
|
* DialogOverlay - The backdrop overlay behind the dialog content.
|
|
1150
|
-
* Renders
|
|
1246
|
+
* Renders the `--nx-overlay` scrim with a blur effect. The opacity is the
|
|
1247
|
+
* token's, not a literal: it differs by mode and a host can retheme it.
|
|
1248
|
+
* @experimental
|
|
1151
1249
|
*/
|
|
1152
1250
|
declare const DialogOverlay: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1153
1251
|
/**
|
|
@@ -1158,10 +1256,12 @@ declare const DialogOverlay: react.ForwardRefExoticComponent<Omit<DialogPrimitiv
|
|
|
1158
1256
|
* @variant lg - Large dialog (672px / max-w-2xl) - complex forms, data tables
|
|
1159
1257
|
* @variant xl - Extra large dialog (896px / max-w-4xl) - content editors, media galleries
|
|
1160
1258
|
* @variant full - Full width with margin (responsive) - fullscreen on mobile
|
|
1259
|
+
* @experimental
|
|
1161
1260
|
*/
|
|
1162
1261
|
declare const dialogContentVariants: (props?: ({
|
|
1163
1262
|
size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
|
|
1164
1263
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1264
|
+
/** @public */
|
|
1165
1265
|
type DialogContentProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & VariantProps<typeof dialogContentVariants>;
|
|
1166
1266
|
/**
|
|
1167
1267
|
* DialogContent - The main dialog content container.
|
|
@@ -1174,16 +1274,20 @@ type DialogContentProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Conten
|
|
|
1174
1274
|
* Your content here
|
|
1175
1275
|
* </DialogContent>
|
|
1176
1276
|
* ```
|
|
1277
|
+
* @public
|
|
1177
1278
|
*/
|
|
1178
1279
|
declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
|
|
1179
1280
|
size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
|
|
1180
1281
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLDivElement>>;
|
|
1282
|
+
/** @public */
|
|
1181
1283
|
type DialogHeaderProps = HTMLAttributes<HTMLDivElement>;
|
|
1182
1284
|
/**
|
|
1183
1285
|
* DialogHeader - Container for dialog title and description.
|
|
1184
1286
|
* Provides consistent spacing and alignment (centered on mobile, left-aligned on desktop).
|
|
1287
|
+
* @public
|
|
1185
1288
|
*/
|
|
1186
1289
|
declare const DialogHeader: react.ForwardRefExoticComponent<DialogHeaderProps & react.RefAttributes<HTMLDivElement>>;
|
|
1290
|
+
/** @public */
|
|
1187
1291
|
type DialogFooterProps = HTMLAttributes<HTMLDivElement>;
|
|
1188
1292
|
/**
|
|
1189
1293
|
* DialogFooter - Container for dialog action buttons.
|
|
@@ -1196,16 +1300,20 @@ type DialogFooterProps = HTMLAttributes<HTMLDivElement>;
|
|
|
1196
1300
|
* <Button type="submit">Save Changes</Button>
|
|
1197
1301
|
* </DialogFooter>
|
|
1198
1302
|
* ```
|
|
1303
|
+
* @public
|
|
1199
1304
|
*/
|
|
1200
1305
|
declare const DialogFooter: react.ForwardRefExoticComponent<DialogFooterProps & react.RefAttributes<HTMLDivElement>>;
|
|
1306
|
+
/** @public */
|
|
1201
1307
|
type DialogTitleProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
|
|
1202
1308
|
/**
|
|
1203
1309
|
* DialogTitle - The title of the dialog.
|
|
1204
1310
|
* Uses text-lg (18px) with semibold weight per design system.
|
|
1205
1311
|
*
|
|
1206
1312
|
* @accessibility Required for screen readers. Always include a DialogTitle.
|
|
1313
|
+
* @public
|
|
1207
1314
|
*/
|
|
1208
1315
|
declare const DialogTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
1316
|
+
/** @public */
|
|
1209
1317
|
type DialogDescriptionProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
|
|
1210
1318
|
/**
|
|
1211
1319
|
* DialogDescription - The description text of the dialog.
|
|
@@ -1213,52 +1321,72 @@ type DialogDescriptionProps = ComponentPropsWithoutRef<typeof DialogPrimitive.De
|
|
|
1213
1321
|
*
|
|
1214
1322
|
* @accessibility Provides additional context for screen readers.
|
|
1215
1323
|
* If not needed visually, you can use sr-only class.
|
|
1324
|
+
* @public
|
|
1216
1325
|
*/
|
|
1217
1326
|
declare const DialogDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
|
|
1218
1327
|
|
|
1328
|
+
/** @experimental */
|
|
1219
1329
|
declare const AlertDialog: react.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
1330
|
+
/** @experimental */
|
|
1220
1331
|
declare const AlertDialogTrigger: react.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1332
|
+
/** @experimental */
|
|
1221
1333
|
declare const AlertDialogPortal: react.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
1334
|
+
/** @experimental */
|
|
1222
1335
|
type AlertDialogOverlayProps = ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>;
|
|
1223
1336
|
/**
|
|
1224
1337
|
* AlertDialogOverlay - The backdrop overlay behind the dialog content.
|
|
1338
|
+
* @experimental
|
|
1225
1339
|
*/
|
|
1226
1340
|
declare const AlertDialogOverlay: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1341
|
+
/** @experimental */
|
|
1227
1342
|
type AlertDialogContentProps = ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>;
|
|
1228
1343
|
/**
|
|
1229
1344
|
* AlertDialogContent - The main dialog content container.
|
|
1345
|
+
* @experimental
|
|
1230
1346
|
*/
|
|
1231
1347
|
declare const AlertDialogContent: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1348
|
+
/** @experimental */
|
|
1232
1349
|
type AlertDialogHeaderProps = HTMLAttributes<HTMLDivElement>;
|
|
1233
1350
|
/**
|
|
1234
1351
|
* AlertDialogHeader - Container for dialog title and description.
|
|
1352
|
+
* @experimental
|
|
1235
1353
|
*/
|
|
1236
1354
|
declare const AlertDialogHeader: react.ForwardRefExoticComponent<AlertDialogHeaderProps & react.RefAttributes<HTMLDivElement>>;
|
|
1355
|
+
/** @experimental */
|
|
1237
1356
|
type AlertDialogFooterProps = HTMLAttributes<HTMLDivElement>;
|
|
1238
1357
|
/**
|
|
1239
1358
|
* AlertDialogFooter - Container for dialog action buttons.
|
|
1359
|
+
* @experimental
|
|
1240
1360
|
*/
|
|
1241
1361
|
declare const AlertDialogFooter: react.ForwardRefExoticComponent<AlertDialogFooterProps & react.RefAttributes<HTMLDivElement>>;
|
|
1362
|
+
/** @experimental */
|
|
1242
1363
|
type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>;
|
|
1243
1364
|
/**
|
|
1244
1365
|
* AlertDialogTitle - The title of the alert dialog.
|
|
1366
|
+
* @experimental
|
|
1245
1367
|
*/
|
|
1246
1368
|
declare const AlertDialogTitle: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
1369
|
+
/** @experimental */
|
|
1247
1370
|
type AlertDialogDescriptionProps = ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>;
|
|
1248
1371
|
/**
|
|
1249
1372
|
* AlertDialogDescription - The description text of the alert dialog.
|
|
1373
|
+
* @experimental
|
|
1250
1374
|
*/
|
|
1251
1375
|
declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
|
|
1376
|
+
/** @experimental */
|
|
1252
1377
|
type AlertDialogActionProps = ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>;
|
|
1253
1378
|
/**
|
|
1254
1379
|
* AlertDialogAction - The primary action button (e.g., "Delete", "Confirm").
|
|
1255
1380
|
* Styled as destructive by default.
|
|
1381
|
+
* @experimental
|
|
1256
1382
|
*/
|
|
1257
1383
|
declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1384
|
+
/** @experimental */
|
|
1258
1385
|
type AlertDialogCancelProps = ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>;
|
|
1259
1386
|
/**
|
|
1260
1387
|
* AlertDialogCancel - The cancel button.
|
|
1261
1388
|
* Styled as outline variant.
|
|
1389
|
+
* @experimental
|
|
1262
1390
|
*/
|
|
1263
1391
|
declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1264
1392
|
|
|
@@ -1358,30 +1486,46 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<AlertDialo
|
|
|
1358
1486
|
* @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu - Radix UI DropdownMenu
|
|
1359
1487
|
*/
|
|
1360
1488
|
|
|
1489
|
+
/** @public */
|
|
1361
1490
|
declare const DropdownMenu: react.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
1491
|
+
/** @public */
|
|
1362
1492
|
declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1493
|
+
/** @experimental */
|
|
1363
1494
|
declare const DropdownMenuGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
1495
|
+
/** @experimental */
|
|
1364
1496
|
declare const DropdownMenuPortal: react.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
1497
|
+
/** @experimental */
|
|
1365
1498
|
declare const DropdownMenuSub: react.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
1499
|
+
/** @experimental */
|
|
1366
1500
|
declare const DropdownMenuRadioGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
1501
|
+
/** @experimental */
|
|
1367
1502
|
declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1368
1503
|
inset?: boolean;
|
|
1369
1504
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1505
|
+
/** @experimental */
|
|
1370
1506
|
declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1507
|
+
/** @public */
|
|
1371
1508
|
declare const DropdownMenuContent: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1509
|
+
/** @public */
|
|
1372
1510
|
declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1373
1511
|
inset?: boolean;
|
|
1374
1512
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1513
|
+
/** @public */
|
|
1375
1514
|
declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1515
|
+
/** @experimental */
|
|
1376
1516
|
declare const DropdownMenuRadioItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1517
|
+
/** @experimental */
|
|
1377
1518
|
declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1378
1519
|
inset?: boolean;
|
|
1379
1520
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1521
|
+
/** @public */
|
|
1380
1522
|
declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1523
|
+
/** @experimental */
|
|
1381
1524
|
declare const DropdownMenuShortcut: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLSpanElement> & react.RefAttributes<HTMLSpanElement>>;
|
|
1382
1525
|
|
|
1383
1526
|
/**
|
|
1384
1527
|
* Props for the DropdownMenuSubTrigger component
|
|
1528
|
+
* @experimental
|
|
1385
1529
|
*/
|
|
1386
1530
|
type DropdownMenuSubTriggerProps = react.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
1387
1531
|
/**
|
|
@@ -1391,14 +1535,17 @@ type DropdownMenuSubTriggerProps = react.ComponentPropsWithoutRef<typeof Dropdow
|
|
|
1391
1535
|
};
|
|
1392
1536
|
/**
|
|
1393
1537
|
* Props for the DropdownMenuSubContent component
|
|
1538
|
+
* @experimental
|
|
1394
1539
|
*/
|
|
1395
1540
|
type DropdownMenuSubContentProps = react.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>;
|
|
1396
1541
|
/**
|
|
1397
1542
|
* Props for the DropdownMenuContent component
|
|
1543
|
+
* @public
|
|
1398
1544
|
*/
|
|
1399
1545
|
type DropdownMenuContentProps = react.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>;
|
|
1400
1546
|
/**
|
|
1401
1547
|
* Props for the DropdownMenuItem component
|
|
1548
|
+
* @public
|
|
1402
1549
|
*/
|
|
1403
1550
|
type DropdownMenuItemProps = react.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
|
|
1404
1551
|
/**
|
|
@@ -1408,14 +1555,17 @@ type DropdownMenuItemProps = react.ComponentPropsWithoutRef<typeof DropdownMenuP
|
|
|
1408
1555
|
};
|
|
1409
1556
|
/**
|
|
1410
1557
|
* Props for the DropdownMenuCheckboxItem component
|
|
1558
|
+
* @public
|
|
1411
1559
|
*/
|
|
1412
1560
|
type DropdownMenuCheckboxItemProps = react.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>;
|
|
1413
1561
|
/**
|
|
1414
1562
|
* Props for the DropdownMenuRadioItem component
|
|
1563
|
+
* @experimental
|
|
1415
1564
|
*/
|
|
1416
1565
|
type DropdownMenuRadioItemProps = react.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>;
|
|
1417
1566
|
/**
|
|
1418
1567
|
* Props for the DropdownMenuLabel component
|
|
1568
|
+
* @experimental
|
|
1419
1569
|
*/
|
|
1420
1570
|
type DropdownMenuLabelProps = react.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
|
|
1421
1571
|
/**
|
|
@@ -1425,10 +1575,12 @@ type DropdownMenuLabelProps = react.ComponentPropsWithoutRef<typeof DropdownMenu
|
|
|
1425
1575
|
};
|
|
1426
1576
|
/**
|
|
1427
1577
|
* Props for the DropdownMenuSeparator component
|
|
1578
|
+
* @public
|
|
1428
1579
|
*/
|
|
1429
1580
|
type DropdownMenuSeparatorProps = react.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>;
|
|
1430
1581
|
/**
|
|
1431
1582
|
* Props for the DropdownMenuShortcut component
|
|
1583
|
+
* @experimental
|
|
1432
1584
|
*/
|
|
1433
1585
|
type DropdownMenuShortcutProps = react.HTMLAttributes<HTMLSpanElement>;
|
|
1434
1586
|
|
|
@@ -1465,21 +1617,33 @@ type DropdownMenuShortcutProps = react.HTMLAttributes<HTMLSpanElement>;
|
|
|
1465
1617
|
* - Grouping support with labels
|
|
1466
1618
|
* - Placeholder text support
|
|
1467
1619
|
* - Error state via aria-invalid
|
|
1620
|
+
* @public
|
|
1468
1621
|
*/
|
|
1469
1622
|
declare function Select({ ...props }: ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
1623
|
+
/** @experimental */
|
|
1470
1624
|
declare function SelectGroup({ ...props }: ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
|
|
1625
|
+
/** @public */
|
|
1471
1626
|
declare function SelectValue({ ...props }: ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
|
|
1627
|
+
/** @experimental */
|
|
1472
1628
|
declare const selectTriggerVariants: (props?: ({
|
|
1473
1629
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
1474
1630
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1631
|
+
/** @public */
|
|
1475
1632
|
interface SelectTriggerProps extends ComponentProps<typeof SelectPrimitive.Trigger>, VariantProps<typeof selectTriggerVariants> {
|
|
1476
1633
|
}
|
|
1634
|
+
/** @public */
|
|
1477
1635
|
declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1636
|
+
/** @public */
|
|
1478
1637
|
declare function SelectContent({ className, children, position, ...props }: ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
1638
|
+
/** @experimental */
|
|
1479
1639
|
declare function SelectLabel({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
|
|
1640
|
+
/** @public */
|
|
1480
1641
|
declare function SelectItem({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
1642
|
+
/** @experimental */
|
|
1481
1643
|
declare function SelectSeparator({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
|
|
1644
|
+
/** @experimental */
|
|
1482
1645
|
declare function SelectScrollUpButton({ className, ...props }: ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
|
|
1646
|
+
/** @experimental */
|
|
1483
1647
|
declare function SelectScrollDownButton({ className, ...props }: ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
|
|
1484
1648
|
|
|
1485
1649
|
/**
|
|
@@ -1494,7 +1658,7 @@ declare function SelectScrollDownButton({ className, ...props }: ComponentProps<
|
|
|
1494
1658
|
*
|
|
1495
1659
|
* - **Width**: 320px (sm), 400px (default), 512px (lg), 672px (xl), 100% (full)
|
|
1496
1660
|
* - **Animation**: Slide-in from side (150ms duration)
|
|
1497
|
-
* - **Backdrop**:
|
|
1661
|
+
* - **Backdrop**: the `--nx-overlay` scrim, with backdrop blur
|
|
1498
1662
|
* - **z-index**: 50 (both overlay and content - content renders on top via DOM order)
|
|
1499
1663
|
* - **Border-radius**: 0 (full-screen edges)
|
|
1500
1664
|
*
|
|
@@ -1534,29 +1698,36 @@ declare function SelectScrollDownButton({ className, ...props }: ComponentProps<
|
|
|
1534
1698
|
* ```
|
|
1535
1699
|
*
|
|
1536
1700
|
* @see https://www.radix-ui.com/primitives/docs/components/dialog
|
|
1701
|
+
* @public
|
|
1537
1702
|
*/
|
|
1538
1703
|
declare const Sheet: react.FC<DialogPrimitive.DialogProps>;
|
|
1704
|
+
/** @experimental */
|
|
1539
1705
|
declare const SheetTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1706
|
+
/** @experimental */
|
|
1540
1707
|
declare const SheetClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1708
|
+
/** @experimental */
|
|
1541
1709
|
declare const SheetPortal: react.FC<DialogPrimitive.DialogPortalProps>;
|
|
1542
1710
|
/**
|
|
1543
1711
|
* SheetOverlay
|
|
1544
1712
|
*
|
|
1545
1713
|
* Semi-transparent backdrop that appears behind the sheet.
|
|
1546
1714
|
*
|
|
1547
|
-
* - **Background**:
|
|
1715
|
+
* - **Background**: the `--nx-overlay` scrim + backdrop blur
|
|
1548
1716
|
* - **Animation**: Fade in/out (150ms)
|
|
1549
1717
|
* - **z-index**: 50
|
|
1718
|
+
* @experimental
|
|
1550
1719
|
*/
|
|
1551
1720
|
declare const SheetOverlay: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1552
1721
|
/**
|
|
1553
1722
|
* Sheet Content Variants
|
|
1554
1723
|
*
|
|
1555
1724
|
* Defines slide-in animations for each side and size options.
|
|
1725
|
+
* @experimental
|
|
1556
1726
|
*/
|
|
1557
1727
|
declare const sheetVariants: (props?: ({
|
|
1558
1728
|
side?: "top" | "right" | "bottom" | "left" | null | undefined;
|
|
1559
1729
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1730
|
+
/** @public */
|
|
1560
1731
|
interface SheetContentProps extends react.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
1561
1732
|
}
|
|
1562
1733
|
/**
|
|
@@ -1571,6 +1742,7 @@ interface SheetContentProps extends react.ComponentPropsWithoutRef<typeof Dialog
|
|
|
1571
1742
|
* - **Close Button**: Positioned in top-right corner (16px from edges)
|
|
1572
1743
|
*
|
|
1573
1744
|
* @param side - Which edge to slide in from: "left", "right", "top", "bottom"
|
|
1745
|
+
* @public
|
|
1574
1746
|
*/
|
|
1575
1747
|
declare const SheetContent: react.ForwardRefExoticComponent<SheetContentProps & react.RefAttributes<HTMLDivElement>>;
|
|
1576
1748
|
/**
|
|
@@ -1580,6 +1752,7 @@ declare const SheetContent: react.ForwardRefExoticComponent<SheetContentProps &
|
|
|
1580
1752
|
*
|
|
1581
1753
|
* - **Layout**: Flex column with 6px gap
|
|
1582
1754
|
* - **Text Alignment**: Left (default) or center
|
|
1755
|
+
* @public
|
|
1583
1756
|
*/
|
|
1584
1757
|
declare const SheetHeader: {
|
|
1585
1758
|
({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
@@ -1592,6 +1765,7 @@ declare const SheetHeader: {
|
|
|
1592
1765
|
*
|
|
1593
1766
|
* - **Layout**: Flex row on desktop, column on mobile
|
|
1594
1767
|
* - **Alignment**: Right-aligned on desktop, stretched on mobile
|
|
1768
|
+
* @experimental
|
|
1595
1769
|
*/
|
|
1596
1770
|
declare const SheetFooter: {
|
|
1597
1771
|
({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
@@ -1605,6 +1779,7 @@ declare const SheetFooter: {
|
|
|
1605
1779
|
* - **Font**: text-lg font-semibold
|
|
1606
1780
|
* - **Color**: text-foreground
|
|
1607
1781
|
* - **Required**: For accessibility (screen readers)
|
|
1782
|
+
* @public
|
|
1608
1783
|
*/
|
|
1609
1784
|
declare const SheetTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
1610
1785
|
/**
|
|
@@ -1615,6 +1790,7 @@ declare const SheetTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.D
|
|
|
1615
1790
|
* - **Font**: text-sm
|
|
1616
1791
|
* - **Color**: text-muted-foreground
|
|
1617
1792
|
* - **Purpose**: Provide context for screen readers
|
|
1793
|
+
* @public
|
|
1618
1794
|
*/
|
|
1619
1795
|
declare const SheetDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
|
|
1620
1796
|
|
|
@@ -1627,49 +1803,61 @@ declare const SheetDescription: react.ForwardRefExoticComponent<Omit<DialogPrimi
|
|
|
1627
1803
|
/**
|
|
1628
1804
|
* Sheet root component props
|
|
1629
1805
|
* Extends Radix UI Dialog.Root props
|
|
1806
|
+
* @public
|
|
1630
1807
|
*/
|
|
1631
1808
|
type SheetProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
|
|
1632
1809
|
/**
|
|
1633
1810
|
* Sheet trigger component props
|
|
1634
1811
|
* Extends Radix UI Dialog.Trigger props
|
|
1812
|
+
* @experimental
|
|
1635
1813
|
*/
|
|
1636
1814
|
type SheetTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
|
|
1637
1815
|
/**
|
|
1638
1816
|
* Sheet close component props
|
|
1639
1817
|
* Extends Radix UI Dialog.Close props
|
|
1818
|
+
* @experimental
|
|
1640
1819
|
*/
|
|
1641
1820
|
type SheetCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;
|
|
1642
1821
|
/**
|
|
1643
1822
|
* Sheet overlay component props
|
|
1644
1823
|
* Extends Radix UI Dialog.Overlay props
|
|
1824
|
+
* @experimental
|
|
1645
1825
|
*/
|
|
1646
1826
|
type SheetOverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
|
|
1647
1827
|
/**
|
|
1648
1828
|
* Sheet header component props
|
|
1649
1829
|
* Standard div props
|
|
1830
|
+
* @public
|
|
1650
1831
|
*/
|
|
1651
1832
|
type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
1652
1833
|
/**
|
|
1653
1834
|
* Sheet footer component props
|
|
1654
1835
|
* Standard div props
|
|
1836
|
+
* @experimental
|
|
1655
1837
|
*/
|
|
1656
1838
|
type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
1657
1839
|
/**
|
|
1658
1840
|
* Sheet title component props
|
|
1659
1841
|
* Extends Radix UI Dialog.Title props
|
|
1842
|
+
* @public
|
|
1660
1843
|
*/
|
|
1661
1844
|
type SheetTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
|
|
1662
1845
|
/**
|
|
1663
1846
|
* Sheet description component props
|
|
1664
1847
|
* Extends Radix UI Dialog.Description props
|
|
1848
|
+
* @public
|
|
1665
1849
|
*/
|
|
1666
1850
|
type SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
|
|
1667
1851
|
/**
|
|
1668
1852
|
* Sheet component refs
|
|
1853
|
+
* @experimental
|
|
1669
1854
|
*/
|
|
1670
1855
|
type SheetOverlayRef = React.ElementRef<typeof DialogPrimitive.Overlay>;
|
|
1856
|
+
/** @experimental */
|
|
1671
1857
|
type SheetContentRef = React.ElementRef<typeof DialogPrimitive.Content>;
|
|
1858
|
+
/** @experimental */
|
|
1672
1859
|
type SheetTitleRef = React.ElementRef<typeof DialogPrimitive.Title>;
|
|
1860
|
+
/** @experimental */
|
|
1673
1861
|
type SheetDescriptionRef = React.ElementRef<typeof DialogPrimitive.Description>;
|
|
1674
1862
|
|
|
1675
1863
|
/**
|
|
@@ -1707,11 +1895,13 @@ type SheetDescriptionRef = React.ElementRef<typeof DialogPrimitive.Description>;
|
|
|
1707
1895
|
* - Screen reader announcements for results
|
|
1708
1896
|
* - Focus management and visual focus indicators
|
|
1709
1897
|
* - WCAG 2.2 AA compliant (verified contrast ratios)
|
|
1898
|
+
* @experimental
|
|
1710
1899
|
*/
|
|
1711
1900
|
type CommandProps = ComponentPropsWithoutRef<typeof Command$1>;
|
|
1712
1901
|
/**
|
|
1713
1902
|
* Command - Root container for the command palette.
|
|
1714
1903
|
* Handles filtering, keyboard navigation, and accessibility.
|
|
1904
|
+
* @experimental
|
|
1715
1905
|
*/
|
|
1716
1906
|
declare const Command: react.ForwardRefExoticComponent<Omit<{
|
|
1717
1907
|
children?: React.ReactNode;
|
|
@@ -1730,6 +1920,7 @@ declare const Command: react.ForwardRefExoticComponent<Omit<{
|
|
|
1730
1920
|
disablePointerSelection?: boolean;
|
|
1731
1921
|
vimBindings?: boolean;
|
|
1732
1922
|
} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1923
|
+
/** @experimental */
|
|
1733
1924
|
type CommandDialogProps = DialogPrimitive.DialogProps;
|
|
1734
1925
|
/**
|
|
1735
1926
|
* CommandDialog - Command palette in a modal dialog.
|
|
@@ -1757,12 +1948,15 @@ type CommandDialogProps = DialogPrimitive.DialogProps;
|
|
|
1757
1948
|
* </CommandDialog>
|
|
1758
1949
|
* )
|
|
1759
1950
|
* ```
|
|
1951
|
+
* @experimental
|
|
1760
1952
|
*/
|
|
1761
1953
|
declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
|
|
1954
|
+
/** @experimental */
|
|
1762
1955
|
type CommandInputProps = ComponentPropsWithoutRef<typeof Command$1.Input>;
|
|
1763
1956
|
/**
|
|
1764
1957
|
* CommandInput - Search input field for filtering commands.
|
|
1765
1958
|
* Includes search icon and styled per design system.
|
|
1959
|
+
* @experimental
|
|
1766
1960
|
*/
|
|
1767
1961
|
declare const CommandInput: react.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof react.InputHTMLAttributes<HTMLInputElement>> & {
|
|
1768
1962
|
ref?: React.Ref<HTMLInputElement>;
|
|
@@ -1772,10 +1966,12 @@ declare const CommandInput: react.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
|
|
|
1772
1966
|
value?: string;
|
|
1773
1967
|
onValueChange?: (search: string) => void;
|
|
1774
1968
|
} & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
|
1969
|
+
/** @experimental */
|
|
1775
1970
|
type CommandListProps = ComponentPropsWithoutRef<typeof Command$1.List>;
|
|
1776
1971
|
/**
|
|
1777
1972
|
* CommandList - Scrollable container for command results.
|
|
1778
1973
|
* Max height 400px per design spec to prevent tall dialogs.
|
|
1974
|
+
* @experimental
|
|
1779
1975
|
*/
|
|
1780
1976
|
declare const CommandList: react.ForwardRefExoticComponent<Omit<{
|
|
1781
1977
|
children?: React.ReactNode;
|
|
@@ -1786,10 +1982,12 @@ declare const CommandList: react.ForwardRefExoticComponent<Omit<{
|
|
|
1786
1982
|
}, "asChild" | "key" | keyof HTMLAttributes<HTMLDivElement>> & {
|
|
1787
1983
|
label?: string;
|
|
1788
1984
|
} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1985
|
+
/** @experimental */
|
|
1789
1986
|
type CommandEmptyProps = ComponentPropsWithoutRef<typeof Command$1.Empty>;
|
|
1790
1987
|
/**
|
|
1791
1988
|
* CommandEmpty - Empty state message when no results found.
|
|
1792
1989
|
* Centered text with muted color per design spec.
|
|
1990
|
+
* @experimental
|
|
1793
1991
|
*/
|
|
1794
1992
|
declare const CommandEmpty: react.ForwardRefExoticComponent<Omit<{
|
|
1795
1993
|
children?: React.ReactNode;
|
|
@@ -1798,10 +1996,12 @@ declare const CommandEmpty: react.ForwardRefExoticComponent<Omit<{
|
|
|
1798
1996
|
} & {
|
|
1799
1997
|
asChild?: boolean;
|
|
1800
1998
|
}, "asChild" | "key" | keyof HTMLAttributes<HTMLDivElement>> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1999
|
+
/** @experimental */
|
|
1801
2000
|
type CommandGroupProps = ComponentPropsWithoutRef<typeof Command$1.Group>;
|
|
1802
2001
|
/**
|
|
1803
2002
|
* CommandGroup - Grouped section of commands with optional heading.
|
|
1804
2003
|
* Heading styled as uppercase, small, semibold per design spec.
|
|
2004
|
+
* @experimental
|
|
1805
2005
|
*/
|
|
1806
2006
|
declare const CommandGroup: react.ForwardRefExoticComponent<Omit<{
|
|
1807
2007
|
children?: React.ReactNode;
|
|
@@ -1814,10 +2014,12 @@ declare const CommandGroup: react.ForwardRefExoticComponent<Omit<{
|
|
|
1814
2014
|
value?: string;
|
|
1815
2015
|
forceMount?: boolean;
|
|
1816
2016
|
} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
2017
|
+
/** @experimental */
|
|
1817
2018
|
type CommandSeparatorProps = ComponentPropsWithoutRef<typeof Command$1.Separator>;
|
|
1818
2019
|
/**
|
|
1819
2020
|
* CommandSeparator - Visual divider between command groups.
|
|
1820
2021
|
* 1px line with border border-border color, 8px margin top/bottom.
|
|
2022
|
+
* @experimental
|
|
1821
2023
|
*/
|
|
1822
2024
|
declare const CommandSeparator: react.ForwardRefExoticComponent<Omit<Pick<Pick<react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
|
|
1823
2025
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -1826,11 +2028,13 @@ declare const CommandSeparator: react.ForwardRefExoticComponent<Omit<Pick<Pick<r
|
|
|
1826
2028
|
}, "asChild" | "key" | keyof HTMLAttributes<HTMLDivElement>> & {
|
|
1827
2029
|
alwaysRender?: boolean;
|
|
1828
2030
|
} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
2031
|
+
/** @experimental */
|
|
1829
2032
|
type CommandItemProps = ComponentPropsWithoutRef<typeof Command$1.Item>;
|
|
1830
2033
|
/**
|
|
1831
2034
|
* CommandItem - Individual selectable command item.
|
|
1832
2035
|
* Height: 36px desktop, 44px mobile per design spec.
|
|
1833
2036
|
* Includes hover, focus, and selected states.
|
|
2037
|
+
* @experimental
|
|
1834
2038
|
*/
|
|
1835
2039
|
declare const CommandItem: react.ForwardRefExoticComponent<Omit<{
|
|
1836
2040
|
children?: React.ReactNode;
|
|
@@ -1845,10 +2049,12 @@ declare const CommandItem: react.ForwardRefExoticComponent<Omit<{
|
|
|
1845
2049
|
keywords?: string[];
|
|
1846
2050
|
forceMount?: boolean;
|
|
1847
2051
|
} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
2052
|
+
/** @experimental */
|
|
1848
2053
|
type CommandShortcutProps = HTMLAttributes<HTMLSpanElement>;
|
|
1849
2054
|
/**
|
|
1850
2055
|
* CommandShortcut - Keyboard shortcut display (e.g., "⌘K", "↵ Enter").
|
|
1851
2056
|
* Monospace font, subtle background, right-aligned per design spec.
|
|
2057
|
+
* @experimental
|
|
1852
2058
|
*/
|
|
1853
2059
|
declare const CommandShortcut: react.ForwardRefExoticComponent<CommandShortcutProps & react.RefAttributes<HTMLSpanElement>>;
|
|
1854
2060
|
|
|
@@ -1895,6 +2101,7 @@ declare const CommandShortcut: react.ForwardRefExoticComponent<CommandShortcutPr
|
|
|
1895
2101
|
* @example
|
|
1896
2102
|
* // Custom color
|
|
1897
2103
|
* <Spinner className="text-primary" />
|
|
2104
|
+
* @experimental
|
|
1898
2105
|
*/
|
|
1899
2106
|
declare const spinnerVariants: (props?: ({
|
|
1900
2107
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
@@ -1904,6 +2111,7 @@ declare const spinnerVariants: (props?: ({
|
|
|
1904
2111
|
*
|
|
1905
2112
|
* Extends LucideProps to support all standard SVG attributes (data-*, id, etc.)
|
|
1906
2113
|
* while providing size variants and accessibility features.
|
|
2114
|
+
* @experimental
|
|
1907
2115
|
*/
|
|
1908
2116
|
type SpinnerProps = Omit<LucideProps, "size"> & VariantProps<typeof spinnerVariants> & {
|
|
1909
2117
|
/**
|
|
@@ -1914,6 +2122,7 @@ type SpinnerProps = Omit<LucideProps, "size"> & VariantProps<typeof spinnerVaria
|
|
|
1914
2122
|
};
|
|
1915
2123
|
/**
|
|
1916
2124
|
* Spinner component for loading states
|
|
2125
|
+
* @experimental
|
|
1917
2126
|
*/
|
|
1918
2127
|
declare const Spinner: react.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
|
|
1919
2128
|
|
|
@@ -2006,20 +2215,30 @@ declare const Spinner: react.ForwardRefExoticComponent<Omit<SpinnerProps, "ref">
|
|
|
2006
2215
|
*
|
|
2007
2216
|
* @see https://sonner.emilkowal.ski/ - Sonner documentation
|
|
2008
2217
|
* @see https://ui.shadcn.com/docs/components/sonner - shadcn/ui integration guide
|
|
2218
|
+
* @experimental
|
|
2009
2219
|
*/
|
|
2010
2220
|
declare function Toaster({ theme, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
|
|
2011
2221
|
|
|
2222
|
+
/** @experimental */
|
|
2012
2223
|
declare const Table: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
|
|
2224
|
+
/** @experimental */
|
|
2013
2225
|
declare const TableHeader: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
|
|
2226
|
+
/** @experimental */
|
|
2014
2227
|
declare const TableBody: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
|
|
2228
|
+
/** @experimental */
|
|
2015
2229
|
declare const TableFooter: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
|
|
2230
|
+
/** @experimental */
|
|
2016
2231
|
declare const TableRow: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
|
|
2232
|
+
/** @experimental */
|
|
2017
2233
|
declare const TableHead: react.ForwardRefExoticComponent<react.ThHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
|
|
2234
|
+
/** @experimental */
|
|
2018
2235
|
declare const TableCell: react.ForwardRefExoticComponent<react.TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
|
|
2236
|
+
/** @experimental */
|
|
2019
2237
|
declare const TableCaption: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLTableCaptionElement> & react.RefAttributes<HTMLTableCaptionElement>>;
|
|
2020
2238
|
|
|
2021
2239
|
/**
|
|
2022
2240
|
* Props for TableSearch component
|
|
2241
|
+
* @experimental
|
|
2023
2242
|
*/
|
|
2024
2243
|
interface TableSearchProps {
|
|
2025
2244
|
/** Current search value */
|
|
@@ -2054,11 +2273,13 @@ interface TableSearchProps {
|
|
|
2054
2273
|
* isLoading={loading}
|
|
2055
2274
|
* />
|
|
2056
2275
|
* ```
|
|
2276
|
+
* @experimental
|
|
2057
2277
|
*/
|
|
2058
2278
|
declare function TableSearch({ value, onChange, onClear, placeholder, isLoading, inputRef, }: TableSearchProps): react_jsx_runtime.JSX.Element;
|
|
2059
2279
|
|
|
2060
2280
|
/**
|
|
2061
2281
|
* Props for TableError component
|
|
2282
|
+
* @experimental
|
|
2062
2283
|
*/
|
|
2063
2284
|
interface TableErrorProps {
|
|
2064
2285
|
/** Error message to display */
|
|
@@ -2066,14 +2287,17 @@ interface TableErrorProps {
|
|
|
2066
2287
|
}
|
|
2067
2288
|
/**
|
|
2068
2289
|
* Error state component for tables
|
|
2290
|
+
* @experimental
|
|
2069
2291
|
*/
|
|
2070
2292
|
declare function TableError({ message, }: TableErrorProps): react_jsx_runtime.JSX.Element;
|
|
2071
2293
|
/**
|
|
2072
2294
|
* Loading state component for tables
|
|
2295
|
+
* @experimental
|
|
2073
2296
|
*/
|
|
2074
2297
|
declare function TableLoading(): react_jsx_runtime.JSX.Element;
|
|
2075
2298
|
/**
|
|
2076
2299
|
* Props for TableEmpty component
|
|
2300
|
+
* @experimental
|
|
2077
2301
|
*/
|
|
2078
2302
|
interface TableEmptyProps {
|
|
2079
2303
|
/** Custom message to display when no data */
|
|
@@ -2081,6 +2305,7 @@ interface TableEmptyProps {
|
|
|
2081
2305
|
}
|
|
2082
2306
|
/**
|
|
2083
2307
|
* Empty state component for tables
|
|
2308
|
+
* @experimental
|
|
2084
2309
|
*/
|
|
2085
2310
|
declare function TableEmpty({ message }: TableEmptyProps): react_jsx_runtime.JSX.Element;
|
|
2086
2311
|
|
|
@@ -2092,14 +2317,17 @@ declare function TableEmpty({ message }: TableEmptyProps): react_jsx_runtime.JSX
|
|
|
2092
2317
|
* Unified with EntryTable skeleton pattern for consistency across all tables.
|
|
2093
2318
|
*/
|
|
2094
2319
|
|
|
2320
|
+
/** @experimental */
|
|
2095
2321
|
interface TableSkeletonProps {
|
|
2096
2322
|
columns?: number;
|
|
2097
2323
|
rowCount?: number;
|
|
2098
2324
|
hideWrapper?: boolean;
|
|
2099
2325
|
hideFooter?: boolean;
|
|
2100
2326
|
}
|
|
2327
|
+
/** @experimental */
|
|
2101
2328
|
declare const TableSkeleton: react.FC<TableSkeletonProps>;
|
|
2102
2329
|
|
|
2330
|
+
/** @experimental */
|
|
2103
2331
|
interface PaginationMeta {
|
|
2104
2332
|
total: number;
|
|
2105
2333
|
page: number;
|
|
@@ -2108,14 +2336,17 @@ interface PaginationMeta {
|
|
|
2108
2336
|
hasNext: boolean;
|
|
2109
2337
|
hasPrev: boolean;
|
|
2110
2338
|
}
|
|
2339
|
+
/** @experimental */
|
|
2111
2340
|
interface SortInfo {
|
|
2112
2341
|
field: string;
|
|
2113
2342
|
direction: "asc" | "desc";
|
|
2114
2343
|
}
|
|
2344
|
+
/** @experimental */
|
|
2115
2345
|
interface FilterInfo {
|
|
2116
2346
|
search?: string;
|
|
2117
2347
|
filters?: Record<string, unknown>;
|
|
2118
2348
|
}
|
|
2349
|
+
/** @experimental */
|
|
2119
2350
|
interface TableParams {
|
|
2120
2351
|
pagination: {
|
|
2121
2352
|
page: number;
|
|
@@ -2124,21 +2355,25 @@ interface TableParams {
|
|
|
2124
2355
|
sorting?: SortInfo[];
|
|
2125
2356
|
filters?: FilterInfo;
|
|
2126
2357
|
}
|
|
2358
|
+
/** @experimental */
|
|
2127
2359
|
interface ListResponse<TData> {
|
|
2128
2360
|
items: TData[];
|
|
2129
2361
|
meta: PaginationMeta;
|
|
2130
2362
|
}
|
|
2363
|
+
/** @experimental */
|
|
2131
2364
|
interface PaginationConfig {
|
|
2132
2365
|
pageSize?: number;
|
|
2133
2366
|
pageSizeOptions?: number[];
|
|
2134
2367
|
showPageSizeSelector?: boolean;
|
|
2135
2368
|
maxVisiblePages?: number;
|
|
2136
2369
|
}
|
|
2370
|
+
/** @experimental */
|
|
2137
2371
|
interface ActionCallbacks<TData = unknown> {
|
|
2138
2372
|
onEdit?: (item: TData) => void;
|
|
2139
2373
|
onDelete?: (item: TData) => void;
|
|
2140
2374
|
onView?: (item: TData) => void;
|
|
2141
2375
|
}
|
|
2376
|
+
/** @experimental */
|
|
2142
2377
|
type DataFetcher<TData> = (params: TableParams) => Promise<ListResponse<TData>>;
|
|
2143
2378
|
|
|
2144
2379
|
interface PortalProviderProps {
|
|
@@ -2146,7 +2381,76 @@ interface PortalProviderProps {
|
|
|
2146
2381
|
container: HTMLElement | null;
|
|
2147
2382
|
children: ReactNode;
|
|
2148
2383
|
}
|
|
2384
|
+
/** @public */
|
|
2149
2385
|
declare function PortalProvider({ container, children }: PortalProviderProps): react_jsx_runtime.JSX.Element;
|
|
2386
|
+
/** @public */
|
|
2150
2387
|
declare function usePortalContainer(): HTMLElement | undefined;
|
|
2151
2388
|
|
|
2152
|
-
|
|
2389
|
+
/** @experimental */
|
|
2390
|
+
declare const ContextMenu: react.FC<ContextMenuPrimitive.ContextMenuProps>;
|
|
2391
|
+
/** @experimental */
|
|
2392
|
+
declare const ContextMenuTrigger: react.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & react.RefAttributes<HTMLSpanElement>>;
|
|
2393
|
+
/** @experimental */
|
|
2394
|
+
declare const ContextMenuGroup: react.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
2395
|
+
/** @experimental */
|
|
2396
|
+
declare const ContextMenuSub: react.FC<ContextMenuPrimitive.ContextMenuSubProps>;
|
|
2397
|
+
/** @experimental */
|
|
2398
|
+
declare const ContextMenuRadioGroup: react.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
2399
|
+
/** @experimental */
|
|
2400
|
+
declare const ContextMenuSubTrigger: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
2401
|
+
inset?: boolean;
|
|
2402
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2403
|
+
/** @experimental */
|
|
2404
|
+
declare const ContextMenuSubContent: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
2405
|
+
/** @experimental */
|
|
2406
|
+
declare const ContextMenuContent: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
2407
|
+
/** @experimental */
|
|
2408
|
+
declare const ContextMenuItem: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
2409
|
+
inset?: boolean;
|
|
2410
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2411
|
+
/** @experimental */
|
|
2412
|
+
declare const ContextMenuCheckboxItem: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
2413
|
+
/** @experimental */
|
|
2414
|
+
declare const ContextMenuRadioItem: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
2415
|
+
/** @experimental */
|
|
2416
|
+
declare const ContextMenuLabel: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
2417
|
+
inset?: boolean;
|
|
2418
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
2419
|
+
/** @experimental */
|
|
2420
|
+
declare const ContextMenuSeparator: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
2421
|
+
/**
|
|
2422
|
+
* A keyboard shortcut hint, right-aligned in the item.
|
|
2423
|
+
*
|
|
2424
|
+
* @experimental
|
|
2425
|
+
*/
|
|
2426
|
+
declare const ContextMenuShortcut: {
|
|
2427
|
+
({ className, ...props }: react.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
2428
|
+
displayName: string;
|
|
2429
|
+
};
|
|
2430
|
+
|
|
2431
|
+
/**
|
|
2432
|
+
* A group of resizable panels, laid out horizontally or vertically.
|
|
2433
|
+
*
|
|
2434
|
+
* @experimental
|
|
2435
|
+
*/
|
|
2436
|
+
declare const ResizablePanelGroup: ({ className, ...props }: react.ComponentProps<typeof ResizablePrimitive.Group>) => react_jsx_runtime.JSX.Element;
|
|
2437
|
+
/**
|
|
2438
|
+
* One region of a panel group.
|
|
2439
|
+
*
|
|
2440
|
+
* @experimental
|
|
2441
|
+
*/
|
|
2442
|
+
declare const ResizablePanel: typeof ResizablePrimitive.Panel;
|
|
2443
|
+
/**
|
|
2444
|
+
* The draggable divider between two panels.
|
|
2445
|
+
*
|
|
2446
|
+
* The visible line is 1px; the element around it is wider and transparent, so the pointer target
|
|
2447
|
+
* is comfortably larger than the line it appears to grab. `withGrip` adds a visible handle, which
|
|
2448
|
+
* is worth it on a divider people are meant to discover rather than one they already expect.
|
|
2449
|
+
*
|
|
2450
|
+
* @experimental
|
|
2451
|
+
*/
|
|
2452
|
+
declare const ResizableHandle: ({ withGrip, className, children, ...props }: react.ComponentProps<typeof ResizablePrimitive.Separator> & {
|
|
2453
|
+
withGrip?: boolean;
|
|
2454
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
2455
|
+
|
|
2456
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type ActionCallbacks, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type DataFetcher, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type FilterInfo, FormLabelWithTooltip, type FormLabelWithTooltipProps, Grid, type GridProps, Input, type InputProps, Label, type ListResponse, type PaginationConfig, type PaginationMeta, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalProvider, Progress, type ProgressProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, type SheetContentRef, SheetDescription, type SheetDescriptionProps, type SheetDescriptionRef, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, SheetOverlay, type SheetOverlayProps, type SheetOverlayRef, SheetPortal, type SheetProps, SheetTitle, type SheetTitleProps, type SheetTitleRef, SheetTrigger, type SheetTriggerProps, Skeleton, type SkeletonProps, type SortInfo, Spinner, type SpinnerProps, Stack, type StackProps, Stat, type StatProps, Switch, Table, TableBody, TableCaption, TableCell, TableEmpty, type TableEmptyProps, TableError, type TableErrorProps, TableFooter, TableHead, TableHeader, TableLoading, type TableParams, TableRow, TableSearch, type TableSearchProps, TableSkeleton, type TableSkeletonProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, dialogContentVariants, inputVariants, progressVariants, selectTriggerVariants, sheetVariants, spinnerVariants, usePortalContainer };
|