@deriv-ds/design-intelligence-layer 0.3.0 → 0.4.1

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.
Files changed (9) hide show
  1. package/README.md +11 -4
  2. package/dist/index.cjs +2554 -1791
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +289 -102
  5. package/dist/index.d.ts +289 -102
  6. package/dist/index.js +2466 -1699
  7. package/dist/index.js.map +1 -1
  8. package/package.json +10 -4
  9. package/src/styles.css +131 -21
package/dist/index.d.cts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React$1 from 'react';
3
- import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, Direction, DropdownMenu as DropdownMenu$1, Label as Label$1, Slot, HoverCard as HoverCard$1, Separator as Separator$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Tooltip as Tooltip$1, Slider as Slider$1, Switch as Switch$1, Tabs, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
3
+ import { Accordion as Accordion$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Separator as Separator$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, Direction, DropdownMenu as DropdownMenu$1, Label as Label$1, Slot, HoverCard as HoverCard$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Tooltip as Tooltip$1, Slider as Slider$1, Switch as Switch$1, Tabs, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
4
4
  import * as class_variance_authority_types from 'class-variance-authority/types';
5
5
  import { VariantProps } from 'class-variance-authority';
6
6
  import { DayPicker, DayButton } from 'react-day-picker';
@@ -16,9 +16,93 @@ import * as ResizablePrimitive from 'react-resizable-panels';
16
16
  import { ToasterProps } from 'sonner';
17
17
  import { ClassValue } from 'clsx';
18
18
 
19
- declare function Accordion({ ...props }: React$1.ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime.JSX.Element;
19
+ type AccordionVariant = "fill" | "elevate" | "outline" | "flush";
20
+ type AccordionSize = "xs" | "sm" | "md" | "lg";
21
+ /**
22
+ * Root accordion container. Sets variant and size for all child items.
23
+ *
24
+ * @example
25
+ * // Fill accordion (default), medium size
26
+ * <Accordion type="single" collapsible>
27
+ * <AccordionItem value="item-1">
28
+ * <AccordionTrigger title="Title" subtitle="Subtitle" />
29
+ * <AccordionContent>Content here</AccordionContent>
30
+ * </AccordionItem>
31
+ * </Accordion>
32
+ *
33
+ * @example
34
+ * // Elevate accordion (fill + shadow), medium size
35
+ * <Accordion type="single" collapsible variant="elevate">…</Accordion>
36
+ *
37
+ * @example
38
+ * // Outline accordion, small size
39
+ * <Accordion type="multiple" variant="outline" size="sm">…</Accordion>
40
+ *
41
+ * @example
42
+ * // Flush accordion with custom trigger content
43
+ * <Accordion type="single" collapsible variant="flush">
44
+ * <AccordionItem value="item-1">
45
+ * <AccordionTrigger><MyCustomHeader /></AccordionTrigger>
46
+ * <AccordionContent>Content</AccordionContent>
47
+ * </AccordionItem>
48
+ * </Accordion>
49
+ */
50
+ declare function Accordion({ variant, size, className, ...props }: React$1.ComponentProps<typeof Accordion$1.Root> & {
51
+ /** Visual style of each accordion card. @default "fill" */
52
+ variant?: AccordionVariant;
53
+ /** Controls padding, font size, and trigger height. @default "md" */
54
+ size?: AccordionSize;
55
+ }): react_jsx_runtime.JSX.Element;
56
+ /**
57
+ * Individual accordion item. Styling is derived from the parent `Accordion`
58
+ * variant — no extra props required.
59
+ */
20
60
  declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof Accordion$1.Item>): react_jsx_runtime.JSX.Element;
21
- declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime.JSX.Element;
61
+ /**
62
+ * Clickable trigger row that expands/collapses the accordion item.
63
+ *
64
+ * **Default layout** (when `title` prop is supplied):
65
+ * Three-column structure — `[icon] [title + subtitle] [chevron]`
66
+ *
67
+ * **Custom layout** (when `title` is omitted):
68
+ * Pass arbitrary `children`; the chevron is always appended automatically.
69
+ *
70
+ * @example
71
+ * // Default — structured header
72
+ * <AccordionTrigger
73
+ * icon={<UserIcon />}
74
+ * title="Account settings"
75
+ * subtitle="Manage your profile"
76
+ * />
77
+ *
78
+ * @example
79
+ * // Default — no icon, no subtitle
80
+ * <AccordionTrigger title="Frequently asked questions" />
81
+ *
82
+ * @example
83
+ * // Custom — free-form header slot
84
+ * <AccordionTrigger><MyBadge /><MyTag /></AccordionTrigger>
85
+ */
86
+ declare function AccordionTrigger({ className, children, icon, title, subtitle, titleBold, ...props }: React$1.ComponentProps<typeof Accordion$1.Trigger> & {
87
+ /**
88
+ * Optional leading icon (default layout only).
89
+ * Pass any React node — typically a 24 × 24 icon from lucide-react.
90
+ */
91
+ icon?: React$1.ReactNode;
92
+ /**
93
+ * Title text. When provided the trigger uses the **default three-column layout**.
94
+ * Omit to render `children` in a custom layout.
95
+ */
96
+ title?: string;
97
+ /** Secondary line below the title (default layout only). */
98
+ subtitle?: string;
99
+ /** Render title in semibold weight. @default false */
100
+ titleBold?: boolean;
101
+ }): react_jsx_runtime.JSX.Element;
102
+ /**
103
+ * Collapsible content area. Accepts any React children as the body slot.
104
+ * Padding automatically matches the parent accordion's size.
105
+ */
22
106
  declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime.JSX.Element;
23
107
 
24
108
  declare function Badge({ count, className, ...props }: React$1.ComponentProps<"span"> & {
@@ -37,17 +121,27 @@ declare function BadgeDot({ size, color, className, ...props }: React$1.Componen
37
121
 
38
122
  type NotificationVariant = "information" | "success" | "warning" | "danger";
39
123
  interface NotificationBannerProps {
40
- title: string;
41
- description?: string;
124
+ title: React$1.ReactNode;
125
+ description?: React$1.ReactNode;
126
+ /** Optional content before the default Info icon (e.g. anatomy markers). */
127
+ slotBeforeIcon?: React$1.ReactNode;
128
+ /** Optional content before the close button when onClose is set (e.g. anatomy markers). */
129
+ slotBeforeClose?: React$1.ReactNode;
42
130
  onClose?: () => void;
43
131
  className?: string;
44
132
  }
45
- declare function NotificationBanner({ title, description, onClose, className, }: NotificationBannerProps): react_jsx_runtime.JSX.Element;
133
+ declare function NotificationBanner({ title, description, slotBeforeIcon, slotBeforeClose, onClose, className, }: NotificationBannerProps): react_jsx_runtime.JSX.Element;
46
134
  interface NotificationItemProps {
47
135
  variant?: NotificationVariant;
48
- title: string;
49
- description?: string;
50
- dateTime?: string;
136
+ title: React$1.ReactNode;
137
+ description?: React$1.ReactNode;
138
+ dateTime?: React$1.ReactNode;
139
+ /** Optional content before the variant icon column (e.g. anatomy markers). */
140
+ slotBeforeIcon?: React$1.ReactNode;
141
+ /** Optional content after the icon + badge cell (e.g. anatomy markers for the unread dot). */
142
+ slotAfterIcon?: React$1.ReactNode;
143
+ /** Optional content before the desktop action buttons (e.g. anatomy markers). */
144
+ slotBeforeActions?: React$1.ReactNode;
51
145
  isRead: boolean;
52
146
  /** desktop=true → hover reveals icon-only actions (no swipe). default false = mobile swipe mode. */
53
147
  desktop?: boolean;
@@ -69,30 +163,6 @@ declare function SectionMessage({ className, variant, size, ...props }: React$1.
69
163
  declare function SectionMessageTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
70
164
  declare function SectionMessageDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
71
165
 
72
- declare const buttonVariants: (props?: ({
73
- variant?: "primary" | "secondary" | "tertiary" | "ghost" | null | undefined;
74
- size?: "sm" | "md" | "lg" | "xs" | "icon" | "icon-lg" | "icon-md" | "icon-sm" | "icon-xs" | null | undefined;
75
- } & class_variance_authority_types.ClassProp) | undefined) => string;
76
- declare function Button({ className, variant, size, asChild, loading, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
77
- asChild?: boolean;
78
- loading?: boolean;
79
- }): react_jsx_runtime.JSX.Element;
80
-
81
- declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
82
- declare function AlertDialogTrigger({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
83
- declare function AlertDialogPortal({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
84
- declare function AlertDialogOverlay({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime.JSX.Element;
85
- declare function AlertDialogContent({ className, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Content> & {
86
- size?: "default" | "sm";
87
- }): react_jsx_runtime.JSX.Element;
88
- declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
89
- declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
90
- declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
91
- declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
92
- declare function AlertDialogMedia({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
93
- declare function AlertDialogAction({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Action> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
94
- declare function AlertDialogCancel({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Cancel> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
95
-
96
166
  declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime.JSX.Element;
97
167
 
98
168
  declare function Avatar({ className, size, ...props }: React$1.ComponentProps<typeof Avatar$1.Root> & {
@@ -112,16 +182,54 @@ declare function Tag({ className, variant, size, asChild, ...props }: React$1.Co
112
182
  asChild?: boolean;
113
183
  }): react_jsx_runtime.JSX.Element;
114
184
 
115
- declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
185
+ type BreadcrumbSize = "sm" | "md";
186
+ /**
187
+ * Breadcrumb navigation container.
188
+ *
189
+ * @param size - "sm" (14px) | "md" (16px). Default: "md"
190
+ *
191
+ * @example
192
+ * <Breadcrumb size="sm">
193
+ * <BreadcrumbList>
194
+ * <BreadcrumbItem>
195
+ * <BreadcrumbLink href="/">Home</BreadcrumbLink>
196
+ * </BreadcrumbItem>
197
+ * <BreadcrumbSeparator />
198
+ * <BreadcrumbItem>
199
+ * <BreadcrumbPage>Current</BreadcrumbPage>
200
+ * </BreadcrumbItem>
201
+ * </BreadcrumbList>
202
+ * </Breadcrumb>
203
+ */
204
+ declare function Breadcrumb({ size, ...props }: React$1.ComponentProps<"nav"> & {
205
+ size?: BreadcrumbSize;
206
+ }): react_jsx_runtime.JSX.Element;
116
207
  declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
117
208
  declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
209
+ /**
210
+ * Navigable breadcrumb link — "default" state in Figma.
211
+ * Uses `text-breadcrumb-default` (72% opacity) with hover lift to `text-prominent`.
212
+ */
118
213
  declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
119
214
  asChild?: boolean;
120
215
  }): react_jsx_runtime.JSX.Element;
216
+ /**
217
+ * Current / active page — "selected" state in Figma.
218
+ * Renders muted (48% opacity), non-interactive, aria-current="page".
219
+ */
121
220
  declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
122
221
  declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
123
222
  declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
124
223
 
224
+ declare const buttonVariants: (props?: ({
225
+ variant?: "primary" | "secondary" | "tertiary" | "ghost" | null | undefined;
226
+ size?: "xs" | "sm" | "md" | "lg" | "icon" | "icon-lg" | "icon-md" | "icon-sm" | "icon-xs" | null | undefined;
227
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
228
+ declare function Button({ className, variant, size, asChild, loading, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
229
+ asChild?: boolean;
230
+ loading?: boolean;
231
+ }): react_jsx_runtime.JSX.Element;
232
+
125
233
  declare const chipVariants: (props?: ({
126
234
  size?: "sm" | "md" | "lg" | null | undefined;
127
235
  } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -129,12 +237,13 @@ declare function Chip({ className, size, selected, ...props }: React$1.Component
129
237
  selected?: boolean;
130
238
  }): react_jsx_runtime.JSX.Element;
131
239
 
132
- declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
133
- buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
134
- }): react_jsx_runtime.JSX.Element;
240
+ declare function Calendar({ className, classNames, showOutsideDays, captionLayout, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
135
241
  declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
136
242
 
137
- declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
243
+ declare const cardVariants: (props?: ({
244
+ variant?: "elevate" | "outline" | null | undefined;
245
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
246
+ declare function Card({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof cardVariants>): react_jsx_runtime.JSX.Element;
138
247
  declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
139
248
  declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
140
249
  declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -196,10 +305,53 @@ declare function ChartLegendContent({ className, hideIcon, payload, verticalAlig
196
305
  }): react_jsx_runtime.JSX.Element | null;
197
306
 
198
307
  declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
308
+ type CheckboxFieldProps = Omit<React$1.ComponentProps<typeof Checkbox$1.Root>, "children"> & {
309
+ /**
310
+ * Visual size variant.
311
+ * - `sm` → 14 px label, 14 px info icon
312
+ * - `md` → 16 px label, 16 px info icon (default)
313
+ */
314
+ size?: "sm" | "md";
315
+ /** Label text rendered next to the checkbox. */
316
+ label?: React$1.ReactNode;
317
+ /** When `true`, renders a Lucide `InfoIcon` after the label text. */
318
+ info?: boolean;
319
+ };
320
+ declare function CheckboxField({ id, label, info, size, disabled, className, ...props }: CheckboxFieldProps): react_jsx_runtime.JSX.Element;
199
321
 
200
- declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime.JSX.Element;
201
- declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
202
- declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime.JSX.Element;
322
+ declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime.JSX.Element;
323
+
324
+ declare function ListItemGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
325
+ declare function ListItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
326
+ declare const listItemVariants: (props?: ({
327
+ type?: "primary" | "secondary" | null | undefined;
328
+ size?: "sm" | "md" | null | undefined;
329
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
330
+ declare function ListItem({ className, type, size, selected, disabled, asChild, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof listItemVariants> & {
331
+ asChild?: boolean;
332
+ selected?: boolean;
333
+ disabled?: boolean;
334
+ }): react_jsx_runtime.JSX.Element;
335
+ declare function ListItemIcon({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
336
+ declare function ListItemFlag({ src, alt, className, ...props }: Omit<React$1.ComponentProps<"div">, "children"> & {
337
+ src?: string;
338
+ alt?: string;
339
+ }): react_jsx_runtime.JSX.Element;
340
+ declare const listItemMediaVariants: (props?: ({
341
+ variant?: "image" | "icon" | "default" | null | undefined;
342
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
343
+ declare function ListItemMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof listItemMediaVariants>): react_jsx_runtime.JSX.Element;
344
+ declare function ListItemContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
345
+ declare function ListItemTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
346
+ declare function ListItemDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
347
+ declare function ListItemActions({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
348
+ declare function ListItemHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
349
+ declare function ListItemFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
350
+
351
+ declare function Collapsible({ ...props }: React$1.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime.JSX.Element;
352
+ declare function CollapsibleTrigger({ ...props }: React$1.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
353
+ declare function CollapsibleContent({ className, ...props }: React$1.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime.JSX.Element;
354
+ declare function CollapsibleItem({ className, ...props }: Omit<React$1.ComponentProps<typeof ListItem>, "type" | "size">): react_jsx_runtime.JSX.Element;
203
355
 
204
356
  declare const Combobox: typeof Combobox$1.Root;
205
357
  declare function ComboboxValue({ ...props }: Combobox$1.Value.Props): react_jsx_runtime.JSX.Element;
@@ -220,7 +372,7 @@ declare function ComboboxChips({ className, ...props }: React$1.ComponentPropsWi
220
372
  declare function ComboboxChip({ className, children, showRemove, ...props }: Combobox$1.Chip.Props & {
221
373
  showRemove?: boolean;
222
374
  }): react_jsx_runtime.JSX.Element;
223
- declare function ComboboxChipsInput({ className, children, ...props }: Combobox$1.Input.Props): react_jsx_runtime.JSX.Element;
375
+ declare function ComboboxChipsInput({ className, children: _children, ...props }: Combobox$1.Input.Props): react_jsx_runtime.JSX.Element;
224
376
  declare function useComboboxAnchor(): React$1.RefObject<HTMLDivElement | null>;
225
377
 
226
378
  declare function Dialog({ ...props }: React$1.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
@@ -228,8 +380,10 @@ declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof Dialo
228
380
  declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
229
381
  declare function DialogClose({ ...props }: React$1.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
230
382
  declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
231
- declare function DialogContent({ className, children, showCloseButton, ...props }: React$1.ComponentProps<typeof Dialog$1.Content> & {
383
+ declare function DialogContent({ className, children, showCloseButton, type, icon, ...props }: React$1.ComponentProps<typeof Dialog$1.Content> & {
232
384
  showCloseButton?: boolean;
385
+ type?: "text" | "icon-and-text";
386
+ icon?: React$1.ReactNode;
233
387
  }): react_jsx_runtime.JSX.Element;
234
388
  declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
235
389
  declare function DialogFooter({ className, showCloseButton, children, ...props }: React$1.ComponentProps<"div"> & {
@@ -318,7 +472,7 @@ declare function DropdownMenuSubContent({ className, ...props }: React$1.Compone
318
472
  declare function Empty({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
319
473
  declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
320
474
  declare const emptyMediaVariants: (props?: ({
321
- variant?: "default" | "icon" | null | undefined;
475
+ variant?: "icon" | "default" | null | undefined;
322
476
  } & class_variance_authority_types.ClassProp) | undefined) => string;
323
477
  declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
324
478
  declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -390,13 +544,18 @@ interface InputProps extends Omit<React$1.ComponentProps<"input">, "size">, Vari
390
544
  }
391
545
  declare const Input: React$1.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
392
546
 
393
- declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
547
+ declare const inputGroupVariants: (props?: ({
548
+ size?: "sm" | "md" | null | undefined;
549
+ variant?: "fill" | "outline" | null | undefined;
550
+ status?: "success" | "default" | "error" | null | undefined;
551
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
552
+ declare function InputGroup({ className, size, variant, status, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupVariants>): react_jsx_runtime.JSX.Element;
394
553
  declare const inputGroupAddonVariants: (props?: ({
395
554
  align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
396
555
  } & class_variance_authority_types.ClassProp) | undefined) => string;
397
556
  declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
398
557
  declare const inputGroupButtonVariants: (props?: ({
399
- size?: "sm" | "xs" | "icon-sm" | "icon-xs" | null | undefined;
558
+ size?: "xs" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
400
559
  } & class_variance_authority_types.ClassProp) | undefined) => string;
401
560
  declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
402
561
  declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
@@ -442,28 +601,6 @@ declare function CodeInputSlot({ index, className, size, status, ...props }: Rea
442
601
  } & VariantProps<typeof codeInputSlotVariants>): react_jsx_runtime.JSX.Element;
443
602
  declare function CodeInputSeparator({ ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
444
603
 
445
- declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime.JSX.Element;
446
-
447
- declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
448
- declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
449
- declare const itemVariants: (props?: ({
450
- variant?: "disabled" | "selected" | "default" | "outline" | "muted" | null | undefined;
451
- size?: "sm" | "md" | "default" | null | undefined;
452
- } & class_variance_authority_types.ClassProp) | undefined) => string;
453
- declare function Item({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
454
- asChild?: boolean;
455
- }): react_jsx_runtime.JSX.Element;
456
- declare const itemMediaVariants: (props?: ({
457
- variant?: "image" | "default" | "icon" | null | undefined;
458
- } & class_variance_authority_types.ClassProp) | undefined) => string;
459
- declare function ItemMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
460
- declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
461
- declare function ItemTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
462
- declare function ItemDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
463
- declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
464
- declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
465
- declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
466
-
467
604
  declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): react_jsx_runtime.JSX.Element;
468
605
  declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
469
606
 
@@ -487,10 +624,28 @@ declare function PaginationItem({ ...props }: React$1.ComponentProps<"li">): rea
487
624
  type PaginationLinkProps = {
488
625
  isActive?: boolean;
489
626
  } & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
490
- declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
627
+ declare function PaginationLink({ className, isActive, size: _size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
491
628
  declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
492
629
  declare function PaginationNext({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
493
- declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
630
+ type PaginationEllipsisProps = {
631
+ /** Hidden page numbers this ellipsis represents. Makes the ellipsis interactive. */
632
+ pages?: number[];
633
+ /** Called with the selected page number when the user picks one from the dropdown. */
634
+ onPageSelect?: (page: number) => void;
635
+ } & Omit<React$1.ComponentProps<"span">, "onClick">;
636
+ declare function PaginationEllipsis({ className, pages, onPageSelect, ...props }: PaginationEllipsisProps): react_jsx_runtime.JSX.Element;
637
+ type PaginationBulletsProps = {
638
+ /** Total number of pages (= number of dots). */
639
+ count: number;
640
+ /** Currently active page (1-based). */
641
+ page: number;
642
+ /** Called with the new page number when a dot or nav button is clicked. */
643
+ onPageChange?: (page: number) => void;
644
+ /** Show prev/next chevron buttons. Default: true. */
645
+ showNavigation?: boolean;
646
+ className?: string;
647
+ };
648
+ declare function PaginationBullets({ count, page, onPageChange, showNavigation, className, }: PaginationBulletsProps): react_jsx_runtime.JSX.Element;
494
649
 
495
650
  declare function Popover({ ...props }: React$1.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
496
651
  declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
@@ -509,6 +664,19 @@ declare function Progress({ className, value, size, variant, color, ...props }:
509
664
 
510
665
  declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime.JSX.Element;
511
666
  declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime.JSX.Element;
667
+ type RadioGroupFieldProps = React$1.ComponentProps<typeof RadioGroup$1.Item> & {
668
+ /**
669
+ * Visual size variant.
670
+ * - `sm` → 14 px label, 14 px info icon
671
+ * - `md` → 16 px label, 16 px info icon (default)
672
+ */
673
+ size?: "sm" | "md";
674
+ /** Label text rendered next to the radio button. */
675
+ label?: React$1.ReactNode;
676
+ /** When `true`, renders a Lucide `InfoIcon` after the label text. */
677
+ info?: boolean;
678
+ };
679
+ declare function RadioGroupField({ id, label, info, size, disabled, className, ...props }: RadioGroupFieldProps): react_jsx_runtime.JSX.Element;
512
680
 
513
681
  declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): react_jsx_runtime.JSX.Element;
514
682
  declare function ResizablePanel({ ...props }: ResizablePrimitive.PanelProps): react_jsx_runtime.JSX.Element;
@@ -522,22 +690,34 @@ declare function ScrollBar({ className, orientation, ...props }: React$1.Compone
522
690
  declare function Select({ ...props }: React$1.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
523
691
  declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
524
692
  declare function SelectValue({ ...props }: React$1.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
525
- declare function SelectTrigger({ className, size, readOnly, children, ...props }: React$1.ComponentProps<typeof Select$1.Trigger> & {
526
- size?: "sm" | "default";
693
+ declare function SelectTrigger({ className, size, readOnly, children, label, labeled, align, required, status, variant, iconLeft, helperText, disabled, onFocus: onFocusProp, onBlur: onBlurProp, ...props }: React$1.ComponentProps<typeof Select$1.Trigger> & {
694
+ size?: "sm" | "md" | "lg" | "default";
527
695
  readOnly?: boolean;
696
+ label?: string;
697
+ /** When false, label and value cross-fade at the same position instead of floating. Default true. */
698
+ labeled?: boolean;
699
+ align?: "left" | "center";
700
+ status?: "default" | "success" | "error";
701
+ variant?: "outline" | "fill";
702
+ iconLeft?: React$1.ReactNode;
703
+ helperText?: string;
704
+ required?: boolean;
528
705
  }): react_jsx_runtime.JSX.Element;
529
- declare function SelectContent({ className, children, position, align, ...props }: React$1.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
706
+ declare function SelectContent({ className, children, position, align, sideOffset, ...props }: React$1.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
530
707
  declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
531
708
  declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
532
709
  declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
533
710
  declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
534
711
  declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
535
712
 
536
- declare function Sheet({ ...props }: React$1.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
713
+ type SheetSide = "top" | "right" | "bottom" | "left";
714
+ declare function Sheet({ side, ...props }: React$1.ComponentProps<typeof Dialog$1.Root> & {
715
+ side?: SheetSide;
716
+ }): react_jsx_runtime.JSX.Element;
537
717
  declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
538
718
  declare function SheetClose({ ...props }: React$1.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
539
- declare function SheetContent({ className, children, side, showCloseButton, ...props }: React$1.ComponentProps<typeof Dialog$1.Content> & {
540
- side?: "top" | "right" | "bottom" | "left";
719
+ declare function SheetContent({ className, children, side: sideProp, showCloseButton, ...props }: React$1.ComponentProps<typeof Dialog$1.Content> & {
720
+ side?: SheetSide;
541
721
  showCloseButton?: boolean;
542
722
  }): react_jsx_runtime.JSX.Element;
543
723
  declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -591,8 +771,8 @@ declare function SidebarGroupContent({ className, ...props }: React$1.ComponentP
591
771
  declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
592
772
  declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
593
773
  declare const sidebarMenuButtonVariants: (props?: ({
594
- variant?: "default" | "outline" | null | undefined;
595
- size?: "sm" | "default" | "lg" | null | undefined;
774
+ variant?: "outline" | "default" | null | undefined;
775
+ size?: "sm" | "lg" | "default" | null | undefined;
596
776
  } & class_variance_authority_types.ClassProp) | undefined) => string;
597
777
  declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
598
778
  asChild?: boolean;
@@ -617,10 +797,13 @@ declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...p
617
797
 
618
798
  declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
619
799
 
620
- declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof Slider$1.Root>): react_jsx_runtime.JSX.Element;
800
+ declare function Slider({ className, defaultValue, value, min, max, size, ...props }: React$1.ComponentProps<typeof Slider$1.Root> & {
801
+ size?: "sm" | "default";
802
+ }): react_jsx_runtime.JSX.Element;
621
803
 
622
804
  declare const Snackbar: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
623
805
 
806
+ type InputGroupVariantProps = VariantProps<typeof inputGroupVariants>;
624
807
  interface StepperProps {
625
808
  value?: number;
626
809
  defaultValue?: number;
@@ -634,8 +817,29 @@ interface StepperProps {
634
817
  id?: string;
635
818
  name?: string;
636
819
  "aria-label"?: string;
820
+ /** "split" — [−] on far left, editable input centered, [+] on far right.
821
+ * "right-aligned" — editable input left-aligned (flex-1), both [−][+] grouped on the right. */
822
+ layout?: "split" | "right-aligned";
823
+ /** When provided, renders the labelled variant: uses Input as the base with a
824
+ * floating label and stepper buttons in the iconRight slot. */
825
+ label?: string;
826
+ /** Short unit/currency label inside the field, right of the decrement button (split only). */
827
+ labelLeft?: string;
828
+ /** Short unit/currency label inside the field, left of the increment button (split only). */
829
+ labelRight?: string;
830
+ /** Helper message shown in the footer row below the field. */
831
+ helperText?: string;
832
+ /** When true, renders a currentValue/max counter on the right of the footer row. Requires a finite `max`. */
833
+ showCounter?: boolean;
834
+ /** Visual style of the field. Defaults to "outline". */
835
+ variant?: InputGroupVariantProps["variant"];
836
+ /** Validation state. Affects border colour and footer text colour. */
837
+ status?: InputGroupVariantProps["status"];
838
+ /** Field height and font size. "md" (default, 56px / 16px) and "sm" (32px / 14px).
839
+ * Applies to the labelless variant only — ignored when `label` is set. */
840
+ size?: "md" | "sm";
637
841
  }
638
- declare function Stepper({ value: controlledValue, defaultValue, onValueChange, min, max, step, disabled, placeholder, className, id, name, "aria-label": ariaLabel, }: StepperProps): react_jsx_runtime.JSX.Element;
842
+ declare function Stepper({ value: controlledValue, defaultValue, onValueChange, min, max, step, disabled, placeholder, className, id, name, "aria-label": ariaLabel, layout, label, labelLeft, labelRight, helperText, showCounter, variant, status, size, }: StepperProps): react_jsx_runtime.JSX.Element;
639
843
 
640
844
  declare function Spinner({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
641
845
 
@@ -696,31 +900,14 @@ interface TextareaProps extends Omit<React$1.ComponentProps<"textarea">, "size">
696
900
  }
697
901
  declare const Textarea: React$1.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
698
902
 
699
- interface TicketCardProps {
700
- icon?: React$1.ReactNode;
701
- label?: string;
702
- value?: string;
703
- stubIcon?: React$1.ReactNode;
704
- stubLabel?: string;
705
- onStubClick?: () => void;
706
- stubDisabled?: boolean;
707
- className?: string;
708
- }
709
- declare function TicketCard({ icon, label, value, stubIcon, stubLabel, onStubClick, stubDisabled, className, }: TicketCardProps): react_jsx_runtime.JSX.Element;
710
-
711
- declare const toggleVariants: (props?: ({
712
- variant?: "default" | "outline" | null | undefined;
713
- size?: "sm" | "default" | "lg" | null | undefined;
714
- } & class_variance_authority_types.ClassProp) | undefined) => string;
715
- declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
903
+ declare const toggleVariants: (props?: ({} & class_variance_authority_types.ClassProp) | undefined) => string;
904
+ declare function Toggle({ className, ...props }: React$1.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
716
905
 
717
- declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants> & {
718
- spacing?: number;
719
- }): react_jsx_runtime.JSX.Element;
720
- declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
906
+ declare function ToggleGroup({ className, children, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Root>): react_jsx_runtime.JSX.Element;
907
+ declare function ToggleGroupItem({ className, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
721
908
 
722
909
  declare function cn(...inputs: ClassValue[]): string;
723
910
 
724
911
  declare function useIsMobile(): boolean;
725
912
 
726
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BadgeDot, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Chip, CodeInput, CodeInputGroup, CodeInputSeparator, CodeInputSlot, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Link, LoadingSpinner, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NotificationBanner, type NotificationBannerProps, NotificationDivider, NotificationItem, type NotificationItemProps, type NotificationVariant, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchField, SectionMessage, SectionMessageDescription, SectionMessageTitle, SegmentedControl, SegmentedControlContent, SegmentedControlList, SegmentedControlTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Snackbar, Spinner, Stepper, type StepperProps, Switch, Tab, TabContent, TabList, TabTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tag, Textarea, TicketCard, type TicketCardProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, chipVariants, cn, codeInputSlotVariants, inputOTPSlotVariants, inputWrapperVariants as inputVariants, linkVariants, progressVariants, searchFieldVariants, segmentedControlListVariants, tabListVariants, tagVariants, textareaWrapperVariants as textareaVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };
913
+ export { Accordion, AccordionContent, AccordionItem, type AccordionSize, AccordionTrigger, type AccordionVariant, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BadgeDot, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxField, Chip, CodeInput, CodeInputGroup, CodeInputSeparator, CodeInputSlot, Collapsible, CollapsibleContent, CollapsibleItem, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, Link, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemFlag, ListItemFooter, ListItemGroup, ListItemHeader, ListItemIcon, ListItemMedia, ListItemSeparator, ListItemTitle, LoadingSpinner, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NotificationBanner, type NotificationBannerProps, NotificationDivider, NotificationItem, type NotificationItemProps, type NotificationVariant, Pagination, PaginationBullets, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupField, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchField, SectionMessage, SectionMessageDescription, SectionMessageTitle, SegmentedControl, SegmentedControlContent, SegmentedControlList, SegmentedControlTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Snackbar, Spinner, Stepper, type StepperProps, Switch, Tab, TabContent, TabList, TabTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tag, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cardVariants, chipVariants, cn, codeInputSlotVariants, inputGroupVariants, inputOTPSlotVariants, inputWrapperVariants as inputVariants, linkVariants, progressVariants, searchFieldVariants, segmentedControlListVariants, tabListVariants, tagVariants, textareaWrapperVariants as textareaVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };