@hex-core/components 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +50 -0
  3. package/dist/index.d.ts +1023 -0
  4. package/dist/index.js +6385 -0
  5. package/dist/index.js.map +1 -0
  6. package/package.json +99 -0
package/dist/index.d.ts ADDED
@@ -0,0 +1,1023 @@
1
+ import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ import * as React$1 from 'react';
4
+ import * as LabelPrimitive from '@radix-ui/react-label';
5
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
6
+ import * as SwitchPrimitive from '@radix-ui/react-switch';
7
+ import * as react_jsx_runtime from 'react/jsx-runtime';
8
+ import * as SeparatorPrimitive from '@radix-ui/react-separator';
9
+ import * as SelectPrimitive from '@radix-ui/react-select';
10
+ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
11
+ import * as SliderPrimitive from '@radix-ui/react-slider';
12
+ import * as TogglePrimitive from '@radix-ui/react-toggle';
13
+ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
14
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
15
+ import * as ProgressPrimitive from '@radix-ui/react-progress';
16
+ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
17
+ import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
18
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
19
+ import * as AccordionPrimitive from '@radix-ui/react-accordion';
20
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
21
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
22
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
23
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
24
+ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
25
+ import * as _radix_ui_react_slot from '@radix-ui/react-slot';
26
+ import * as react_hook_form from 'react-hook-form';
27
+ import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
28
+ import { Toaster as Toaster$1 } from 'sonner';
29
+ export { toast } from 'sonner';
30
+ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
31
+ import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
32
+ import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
33
+ import * as MenubarPrimitive from '@radix-ui/react-menubar';
34
+ import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
35
+ import { ColumnDef } from '@tanstack/react-table';
36
+ import { DayPicker } from 'react-day-picker';
37
+ import { OTPInput } from 'input-otp';
38
+ import * as vaul from 'vaul';
39
+ import { Drawer as Drawer$1 } from 'vaul';
40
+ import { Separator as Separator$1, Panel, Group } from 'react-resizable-panels';
41
+ import { ComponentSchemaDefinition } from '@hex-core/registry';
42
+ import { ClassValue } from 'clsx';
43
+
44
+ declare const buttonVariants: (props?: ({
45
+ variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
46
+ size?: "default" | "sm" | "lg" | "icon" | null | undefined;
47
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
48
+ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
49
+ asChild?: boolean;
50
+ loading?: boolean;
51
+ }
52
+ declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
53
+
54
+ type InputProps = React$1.InputHTMLAttributes<HTMLInputElement>;
55
+ declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
56
+
57
+ declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
58
+ interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
59
+ }
60
+ declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
61
+
62
+ /**
63
+ * A styled multi-line text input with smooth focus transitions and shadow effects.
64
+ * Extends the native HTML textarea element with Hex UI styling.
65
+ */
66
+ type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement>;
67
+ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
68
+
69
+ /**
70
+ * An accessible checkbox component built on Radix UI.
71
+ * Supports checked, unchecked, and indeterminate states with smooth animations.
72
+ */
73
+ type CheckboxProps = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
74
+ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
75
+
76
+ /**
77
+ * An accessible toggle switch built on Radix UI.
78
+ * Use for instant on/off settings that take effect immediately.
79
+ */
80
+ type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>;
81
+ declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
82
+
83
+ declare const badgeVariants: (props?: ({
84
+ variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
85
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
86
+ /**
87
+ * A small status indicator badge with multiple style variants.
88
+ * Used for tags, statuses, counts, and categorization.
89
+ */
90
+ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
91
+ }
92
+ /**
93
+ * Renders an inline badge element with variant-based styling.
94
+ * @param props - Badge props including variant and className
95
+ * @returns A styled div element
96
+ */
97
+ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
98
+
99
+ /**
100
+ * A visual divider between content sections.
101
+ * Built on Radix UI Separator for proper accessibility semantics.
102
+ */
103
+ type SeparatorProps = React$1.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
104
+ declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
105
+
106
+ /** Root container controlling the select's state. */
107
+ declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
108
+ /** Groups a set of related SelectItem elements. */
109
+ declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
110
+ /** Renders the selected value (or placeholder) inside the trigger. */
111
+ declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
112
+ /** The button users click to open the dropdown. */
113
+ declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
114
+ /** The dropdown panel containing selectable options. */
115
+ declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
116
+ /** A non-interactive label within a SelectGroup. */
117
+ declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
118
+ /** A selectable option. */
119
+ declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
120
+ /** Horizontal divider between groups inside SelectContent. */
121
+ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
122
+
123
+ /** Root container for a radio group. Pair with one or more RadioGroupItem. */
124
+ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
125
+ /** A single radio option within a RadioGroup. */
126
+ declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
127
+
128
+ /**
129
+ * A range input with one or more draggable thumbs.
130
+ * Built on Radix UI Slider with keyboard controls (arrows, Home, End, PageUp/Down).
131
+ */
132
+ declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
133
+
134
+ declare const toggleVariants: (props?: ({
135
+ variant?: "default" | "outline" | null | undefined;
136
+ size?: "default" | "sm" | "lg" | null | undefined;
137
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
138
+ /**
139
+ * A two-state button. Stays pressed when toggled on.
140
+ * @returns A styled Radix Toggle root
141
+ */
142
+ declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
143
+ variant?: "default" | "outline" | null | undefined;
144
+ size?: "default" | "sm" | "lg" | null | undefined;
145
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
146
+
147
+ /** Root container for a set of toggles (single-select or multi-select). */
148
+ declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
149
+ variant?: "default" | "outline" | null | undefined;
150
+ size?: "default" | "sm" | "lg" | null | undefined;
151
+ } & class_variance_authority_types.ClassProp) | undefined) => string>) & React$1.RefAttributes<HTMLDivElement>>;
152
+ /** A single toggle option within a ToggleGroup. Inherits variant/size from context. */
153
+ declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
154
+ variant?: "default" | "outline" | null | undefined;
155
+ size?: "default" | "sm" | "lg" | null | undefined;
156
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
157
+
158
+ /** Root container for an avatar (image + fallback). */
159
+ declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
160
+ /** Avatar image. AvatarFallback renders in its place when the image is missing or errors. */
161
+ declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
162
+ /** Fallback content (usually initials or an icon) shown when the image is missing or fails. Supports delayMs to avoid flashing for fast-loading images. */
163
+ declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
164
+
165
+ /**
166
+ * A placeholder shimmer element shown while content is loading.
167
+ * Pair with explicit width/height via className.
168
+ * @returns A div with pulsing muted background
169
+ */
170
+ declare function Skeleton({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
171
+
172
+ /**
173
+ * A horizontal progress bar from 0–100%.
174
+ * Built on Radix UI Progress for aria-valuenow/max wiring.
175
+ */
176
+ declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
177
+
178
+ /** A scrollable area with custom-styled scrollbars. Content must be explicitly sized. */
179
+ declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
180
+ /** Styled scrollbar track + thumb. Rendered inside ScrollArea automatically. */
181
+ declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
182
+
183
+ /** A container that maintains a specified width-to-height ratio for its children. */
184
+ declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
185
+
186
+ /** A container card with subtle shadow and border. */
187
+ declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
188
+ /** The header section of a Card. */
189
+ declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
190
+ /** The title element inside a CardHeader. */
191
+ declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
192
+ /** A description element inside a CardHeader. */
193
+ declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
194
+ /** The main content area of a Card. */
195
+ declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
196
+ /** The footer section of a Card. */
197
+ declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
198
+
199
+ /** Root container for a tabbed interface. */
200
+ declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
201
+ /** A horizontal list of tab triggers. */
202
+ declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
203
+ /** A clickable tab trigger that activates its associated content panel. */
204
+ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
205
+ /** The content panel associated with a tab trigger. */
206
+ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
207
+
208
+ /** Root container for accordion items. Supports single or multiple open items. */
209
+ declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
210
+ /** A single collapsible item within an Accordion. */
211
+ declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
212
+ /** The clickable header that toggles an AccordionItem open/closed. */
213
+ declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
214
+ /** The collapsible content panel of an AccordionItem. */
215
+ declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
216
+
217
+ /** Root container controlling open state of a modal dialog. */
218
+ declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
219
+ /** The element (usually a button) that opens the dialog when clicked. */
220
+ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
221
+ /** Portals the dialog overlay and content into the body. */
222
+ declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
223
+ /** Closes the dialog when rendered inside DialogContent. */
224
+ declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
225
+ /** Dimmed backdrop rendered behind the dialog content. */
226
+ declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
227
+ /** The dialog content panel, centered on the overlay. Includes a close button by default. */
228
+ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
229
+ /**
230
+ * Header container inside DialogContent; stacks title and description.
231
+ * @returns A div wrapping title/description with vertical rhythm
232
+ */
233
+ declare function DialogHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
234
+ /**
235
+ * Footer container inside DialogContent; aligns action buttons.
236
+ * @returns A div that stacks buttons on mobile and right-aligns on desktop
237
+ */
238
+ declare function DialogFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
239
+ /** Accessible dialog title; Radix wires it to aria-labelledby automatically. */
240
+ declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
241
+ /** Accessible dialog description; Radix wires it to aria-describedby automatically. */
242
+ declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
243
+
244
+ /** Root container for a destructive-action confirmation dialog. */
245
+ declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
246
+ /** The element that opens the alert dialog. */
247
+ declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
248
+ /** Portals alert dialog content into the body. */
249
+ declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
250
+ /** Dimmed backdrop behind the alert dialog. */
251
+ declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
252
+ /** Content panel for the alert dialog. No close button — user must choose action or cancel. */
253
+ declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
254
+ /**
255
+ * Header container for title + description.
256
+ * @returns A div wrapping title/description with vertical rhythm
257
+ */
258
+ declare function AlertDialogHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
259
+ /**
260
+ * Footer container for Cancel/Action buttons.
261
+ * @returns A div stacking buttons on mobile and right-aligning on desktop
262
+ */
263
+ declare function AlertDialogFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
264
+ /** Accessible title for the alert dialog. */
265
+ declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
266
+ /** Accessible description for the alert dialog. */
267
+ declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
268
+ /** The destructive action button (e.g. Delete). Receives focus by default. */
269
+ declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
270
+ /** The cancel button. Closes the dialog. */
271
+ declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
272
+
273
+ /** Root container for a dropdown menu. */
274
+ declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
275
+ /** The element (button) that opens the dropdown. */
276
+ declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
277
+ /** Groups related menu items for a11y. */
278
+ declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
279
+ /** Portals dropdown content into the body. */
280
+ declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
281
+ /** Nested submenu root. */
282
+ declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
283
+ /** Group for checkable radio items (one selected at a time). */
284
+ declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
285
+ /** The visible dropdown panel. */
286
+ declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
287
+ /** A clickable menu item. */
288
+ declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
289
+ inset?: boolean;
290
+ } & React$1.RefAttributes<HTMLDivElement>>;
291
+ /** A menu item with a checkbox state. */
292
+ declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
293
+ /** A menu item in a radio group. */
294
+ declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
295
+ /** A non-interactive section heading inside the menu. */
296
+ declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
297
+ inset?: boolean;
298
+ } & React$1.RefAttributes<HTMLDivElement>>;
299
+ /** Horizontal divider between menu items. */
300
+ declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
301
+ /**
302
+ * Right-aligned shortcut text (e.g. ⌘K) shown next to a menu item.
303
+ * @returns A span with muted, tracked typography
304
+ */
305
+ declare function DropdownMenuShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
306
+
307
+ /** Root container for a popover. */
308
+ declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
309
+ /** The element that anchors and opens the popover. */
310
+ declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
311
+ /** Helper to explicitly anchor the popover to a different element. */
312
+ declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
313
+ /** The floating popover content panel. */
314
+ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
315
+
316
+ /** Provider required at the root of the app or tree where tooltips are used. */
317
+ declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
318
+ /** Root container for a single tooltip. */
319
+ declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
320
+ /** The element that shows the tooltip on hover/focus. */
321
+ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
322
+ /** The floating tooltip content (small, hover-reveal info). */
323
+ declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
324
+
325
+ /** Root form provider. Wraps react-hook-form's FormProvider. */
326
+ declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
327
+ /**
328
+ * Binds a field name to a react-hook-form Controller.
329
+ * Provides context so FormItem children can access field state.
330
+ * @param props - Controller props including name, control, render
331
+ * @returns A Controller with FormFieldContext
332
+ */
333
+ declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
334
+ /**
335
+ * Hook that returns the current field's id, name, error, and derived aria ids.
336
+ * Must be called inside a FormField + FormItem subtree.
337
+ * @returns Field state + aria descriptors
338
+ */
339
+ declare function useFormField(): {
340
+ invalid: boolean;
341
+ isDirty: boolean;
342
+ isTouched: boolean;
343
+ isValidating: boolean;
344
+ error?: react_hook_form.FieldError;
345
+ id: string;
346
+ name: string;
347
+ formItemId: string;
348
+ formDescriptionId: string;
349
+ formMessageId: string;
350
+ };
351
+ /** Wraps a single form field (label + control + description + message). */
352
+ declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
353
+ /** Accessible label wired to the FormItem's control. Turns red on error. */
354
+ declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
355
+ /** Wraps the form control and wires id + aria-describedby + aria-invalid. */
356
+ declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
357
+ /** Optional helper text below the control. */
358
+ declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
359
+ /** Validation error message. Renders the error string when the field is invalid. */
360
+ declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
361
+
362
+ declare const alertVariants: (props?: ({
363
+ variant?: "default" | "destructive" | null | undefined;
364
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
365
+ /** An inline notification banner for important messages. */
366
+ declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
367
+ variant?: "default" | "destructive" | null | undefined;
368
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
369
+ /** The alert title heading. */
370
+ declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
371
+ /** The alert description. Renders a div so paragraph children can be styled via [&_p]. */
372
+ declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
373
+
374
+ type ToasterProps = React.ComponentProps<typeof Toaster$1>;
375
+ /**
376
+ * The global toast container. Render once in your app root.
377
+ * Re-export of Sonner's Toaster styled to use Hex UI theme tokens.
378
+ * @param props - Sonner Toaster props (position, richColors, etc.)
379
+ * @returns A styled portal container for toast notifications
380
+ */
381
+ declare function Toaster({ ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
382
+
383
+ /** Root container controlling the expanded state of the content. */
384
+ declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
385
+ /** The element that toggles the Collapsible open/closed. */
386
+ declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
387
+ /** The collapsible content shown/hidden by the trigger. */
388
+ declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
389
+
390
+ /** Root container for a hover-card. */
391
+ declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
392
+ /** The element that reveals the card on hover/focus. */
393
+ declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
394
+ /** The floating hover-card content panel. Richer than a tooltip. */
395
+ declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
396
+
397
+ /** Root container for a context menu (right-click menu). */
398
+ declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
399
+ /** The element that triggers the context menu on right-click. */
400
+ declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
401
+ /** Groups related items for a11y. */
402
+ declare const ContextMenuGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
403
+ /** Portals content into the body. */
404
+ declare const ContextMenuPortal: React$1.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
405
+ /** Group for checkable radio items. */
406
+ declare const ContextMenuRadioGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
407
+ /** The menu panel shown when the trigger is right-clicked. */
408
+ declare const ContextMenuContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
409
+ /** A clickable menu item. */
410
+ declare const ContextMenuItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
411
+ inset?: boolean;
412
+ } & React$1.RefAttributes<HTMLDivElement>>;
413
+ /** A checkable menu item. */
414
+ declare const ContextMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
415
+ /** A radio menu item. */
416
+ declare const ContextMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
417
+ /** A non-interactive heading label. */
418
+ declare const ContextMenuLabel: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
419
+ inset?: boolean;
420
+ } & React$1.RefAttributes<HTMLDivElement>>;
421
+ /** Horizontal divider. */
422
+ declare const ContextMenuSeparator: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
423
+ /**
424
+ * Right-aligned shortcut text (e.g. ⌘⇧N).
425
+ * @returns A span with muted typography
426
+ */
427
+ declare function ContextMenuShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
428
+
429
+ /** Top-level menu bar (File / Edit / View style). */
430
+ declare const Menubar: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
431
+ /** A top-level menu in the bar (e.g. "File"). */
432
+ declare const MenubarMenu: typeof MenubarPrimitive.Menu;
433
+ /** Groups related items inside a menu content. */
434
+ declare const MenubarGroup: typeof MenubarPrimitive.Group;
435
+ /** Portals menu content into the body. */
436
+ declare const MenubarPortal: typeof MenubarPrimitive.Portal;
437
+ /** Group for checkable radio items. */
438
+ declare const MenubarRadioGroup: typeof MenubarPrimitive.RadioGroup;
439
+ /** The clickable menu label in the bar. */
440
+ declare const MenubarTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
441
+ /** The menu panel shown when a trigger opens. */
442
+ declare const MenubarContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
443
+ /** A clickable menu item. */
444
+ declare const MenubarItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
445
+ inset?: boolean;
446
+ } & React$1.RefAttributes<HTMLDivElement>>;
447
+ /** A non-interactive heading label. */
448
+ declare const MenubarLabel: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
449
+ inset?: boolean;
450
+ } & React$1.RefAttributes<HTMLDivElement>>;
451
+ /** Horizontal divider. */
452
+ declare const MenubarSeparator: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
453
+ /**
454
+ * Right-aligned keyboard shortcut text.
455
+ * @returns A span with muted typography
456
+ */
457
+ declare function MenubarShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
458
+
459
+ /** Root container for a navigation menu. Renders a viewport for content panels. */
460
+ declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
461
+ /** List of top-level NavigationMenu items. */
462
+ declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
463
+ /** A single top-level item (wraps trigger + content). */
464
+ declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
465
+ declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
466
+ /** The clickable trigger that opens a nav-menu content panel. */
467
+ declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
468
+ /** The content panel (e.g. mega-menu). */
469
+ declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
470
+ /** A direct link (no content panel). */
471
+ declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
472
+ /** The viewport that hosts the active content panel. Rendered inside NavigationMenu. */
473
+ declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
474
+ /** Visual indicator (arrow) pointing at the active trigger. */
475
+ declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
476
+
477
+ /** Root nav landmark for breadcrumb navigation. */
478
+ declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
479
+ /** Ordered list of breadcrumb items. */
480
+ declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
481
+ /** A single breadcrumb list item. */
482
+ declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
483
+ /** A link inside a breadcrumb item. Use asChild to render e.g. Next.js Link. */
484
+ declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
485
+ asChild?: boolean;
486
+ } & React$1.RefAttributes<HTMLAnchorElement>>;
487
+ /** The final breadcrumb (current page). Not interactive. */
488
+ declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
489
+ /**
490
+ * Visual separator between breadcrumb items (chevron by default).
491
+ * @returns An li rendering a decorative chevron icon
492
+ */
493
+ declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
494
+ /**
495
+ * Ellipsis for truncated breadcrumb trails.
496
+ * @returns A span containing a decorative SVG (aria-hidden) plus a sr-only "More pages" label for AT.
497
+ */
498
+ declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
499
+
500
+ /** A responsive container + styled HTML table. */
501
+ declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
502
+ /** `<thead>` wrapper with bottom border. */
503
+ declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
504
+ /** `<tbody>` wrapper removing bottom border on last row. */
505
+ declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
506
+ /** `<tfoot>` wrapper with muted background. */
507
+ declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
508
+ /** `<tr>` with hover + selected states. */
509
+ declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
510
+ /** `<th>` with left-aligned muted text. */
511
+ declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
512
+ /** `<td>` with consistent padding. */
513
+ declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
514
+ /** `<caption>` positioned below the table. */
515
+ declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
516
+
517
+ /**
518
+ * Generic DataTable wrapper that renders a TanStack Table model using Hex UI's
519
+ * Table primitives. Pass columns + data; use TanStack hooks for sorting,
520
+ * filtering, pagination, row-selection as needed.
521
+ * @template TData - Row data type. Cell value types are inferred per column by TanStack.
522
+ */
523
+ interface DataTableProps<TData> {
524
+ columns: ColumnDef<TData, unknown>[];
525
+ data: TData[];
526
+ }
527
+ /**
528
+ * Render a data-driven table from TanStack column definitions.
529
+ * @param props - Columns and data
530
+ * @returns A styled Table rendered from the TanStack row model
531
+ */
532
+ declare function DataTable<TData>({ columns, data }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
533
+
534
+ /**
535
+ * Root nav landmark for pagination controls.
536
+ * @returns A centered nav element with aria-label='pagination'
537
+ */
538
+ declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
539
+ /** Ordered list wrapper for pagination links. */
540
+ declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
541
+ /** A pagination list item wrapper. */
542
+ declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
543
+ type PaginationLinkProps = {
544
+ isActive?: boolean;
545
+ } & Pick<ButtonProps, "size"> & React$1.ComponentProps<"a">;
546
+ /**
547
+ * A pagination link styled as a button. Mark the current page with isActive.
548
+ * @returns An anchor element styled via buttonVariants
549
+ */
550
+ declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
551
+ /**
552
+ * Previous-page link with chevron-left icon.
553
+ * @returns A PaginationLink with aria-label='Go to previous page'
554
+ */
555
+ declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
556
+ /**
557
+ * Next-page link with chevron-right icon.
558
+ * @returns A PaginationLink with aria-label='Go to next page'
559
+ */
560
+ declare function PaginationNext({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
561
+ /**
562
+ * Ellipsis placeholder for truncated page ranges (e.g. 1 … 5 6 7 … 99).
563
+ * @returns A span containing a decorative SVG (aria-hidden) plus a sr-only "More pages" label for AT.
564
+ */
565
+ declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
566
+
567
+ /**
568
+ * Calendar date grid built on react-day-picker v9. Forwards all DayPicker props.
569
+ *
570
+ * Pass `mode="single" | "multiple" | "range"` and bind `selected` / `onSelect`
571
+ * to control date selection. Style tokens follow the project palette; individual
572
+ * parts can be overridden via the `classNames` prop.
573
+ * @returns A themed react-day-picker DayPicker instance.
574
+ */
575
+ declare function Calendar({ className, classNames, showOutsideDays, ...props }: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
576
+ declare namespace Calendar {
577
+ var displayName: string;
578
+ }
579
+
580
+ interface DatePickerProps {
581
+ /** Controlled selected date. */
582
+ value?: Date;
583
+ /** Fired when the user picks a date in the calendar. */
584
+ onChange?: (date: Date | undefined) => void;
585
+ /** Placeholder shown when no date is selected. */
586
+ placeholder?: string;
587
+ /** date-fns format string for the trigger label. */
588
+ dateFormat?: string;
589
+ /** Disable the trigger. */
590
+ disabled?: boolean;
591
+ /** Extra class names on the trigger button. */
592
+ className?: string;
593
+ /** Accessible label for the trigger (required when no visible label is adjacent). */
594
+ "aria-label"?: string;
595
+ }
596
+ /**
597
+ * Date picker composed from Popover + Calendar + a styled trigger button.
598
+ *
599
+ * This is a minimal single-date picker. For multi/range, compose Calendar + Popover yourself.
600
+ * @returns A button that opens a single-date calendar popover.
601
+ */
602
+ declare function DatePicker({ value, onChange, placeholder, dateFormat, disabled, className, "aria-label": ariaLabel, }: DatePickerProps): react_jsx_runtime.JSX.Element;
603
+ declare namespace DatePicker {
604
+ var displayName: string;
605
+ }
606
+
607
+ /** Props for the root InputOTP component (mirrors input-otp's OTPInput). */
608
+ type InputOTPProps = React$1.ComponentPropsWithoutRef<typeof OTPInput>;
609
+ /** Root OTP input. Wraps input-otp's OTPInput and exposes slot context to children. */
610
+ declare const InputOTP: React$1.ForwardRefExoticComponent<InputOTPProps & React$1.RefAttributes<HTMLInputElement>>;
611
+ /** Groups slots together; place between runs of slots to add visual dividers. */
612
+ declare const InputOTPGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
613
+ interface InputOTPSlotProps extends React$1.ComponentPropsWithoutRef<"div"> {
614
+ /** Index of the slot in the underlying OTP value. */
615
+ index: number;
616
+ }
617
+ /** A single character slot. Reads its state from OTPInputContext. */
618
+ declare const InputOTPSlot: React$1.ForwardRefExoticComponent<InputOTPSlotProps & React$1.RefAttributes<HTMLDivElement>>;
619
+ /** Visual separator between slot groups (a bullet by default). */
620
+ declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
621
+
622
+ /** Root Command container — drives search, filtering, and keyboard navigation over items. */
623
+ declare const Command: React$1.ForwardRefExoticComponent<Omit<{
624
+ children?: React$1.ReactNode;
625
+ } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
626
+ ref?: React$1.Ref<HTMLDivElement>;
627
+ } & {
628
+ asChild?: boolean;
629
+ }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
630
+ label?: string;
631
+ shouldFilter?: boolean;
632
+ filter?: (value: string, search: string, keywords?: string[]) => number;
633
+ defaultValue?: string;
634
+ value?: string;
635
+ onValueChange?: (value: string) => void;
636
+ loop?: boolean;
637
+ disablePointerSelection?: boolean;
638
+ vimBindings?: boolean;
639
+ } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
640
+ interface CommandDialogProps extends React$1.ComponentPropsWithoutRef<typeof Dialog> {
641
+ /** Command children (CommandInput + CommandList + CommandItem, etc.) */
642
+ children: React$1.ReactNode;
643
+ /** Accessible title for the dialog (screen-reader only by default). */
644
+ title?: string;
645
+ /** Accessible description for the dialog (screen-reader only by default). */
646
+ description?: string;
647
+ }
648
+ /**
649
+ * Command menu rendered inside a Dialog — a ⌘K-style launcher.
650
+ * @param props - Forwarded to the underlying Dialog (open, onOpenChange, etc.)
651
+ * @returns A Dialog containing a Command menu.
652
+ */
653
+ declare function CommandDialog({ title, description, children, ...props }: CommandDialogProps): react_jsx_runtime.JSX.Element;
654
+ /** Search input for the Command menu. Fires onValueChange as the user types. */
655
+ declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
656
+ ref?: React$1.Ref<HTMLInputElement>;
657
+ } & {
658
+ asChild?: boolean;
659
+ }, "asChild" | "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
660
+ value?: string;
661
+ onValueChange?: (search: string) => void;
662
+ } & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
663
+ /** Scrollable list that contains CommandGroup / CommandItem / CommandEmpty. */
664
+ declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
665
+ children?: React$1.ReactNode;
666
+ } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
667
+ ref?: React$1.Ref<HTMLDivElement>;
668
+ } & {
669
+ asChild?: boolean;
670
+ }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
671
+ label?: string;
672
+ } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
673
+ /** Rendered when no items match the current search. */
674
+ declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
675
+ children?: React$1.ReactNode;
676
+ } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
677
+ ref?: React$1.Ref<HTMLDivElement>;
678
+ } & {
679
+ asChild?: boolean;
680
+ }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
681
+ /** Logical group of items — renders a heading and filters as a unit. */
682
+ declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
683
+ children?: React$1.ReactNode;
684
+ } & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
685
+ ref?: React$1.Ref<HTMLDivElement>;
686
+ } & {
687
+ asChild?: boolean;
688
+ }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
689
+ heading?: React$1.ReactNode;
690
+ value?: string;
691
+ forceMount?: boolean;
692
+ } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
693
+ /** Horizontal rule between groups. */
694
+ declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
695
+ ref?: React$1.Ref<HTMLDivElement>;
696
+ } & {
697
+ asChild?: boolean;
698
+ }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
699
+ alwaysRender?: boolean;
700
+ } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
701
+ /** Selectable item. onSelect fires on Enter or click. */
702
+ declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
703
+ children?: React$1.ReactNode;
704
+ } & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
705
+ ref?: React$1.Ref<HTMLDivElement>;
706
+ } & {
707
+ asChild?: boolean;
708
+ }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
709
+ disabled?: boolean;
710
+ onSelect?: (value: string) => void;
711
+ value?: string;
712
+ keywords?: string[];
713
+ forceMount?: boolean;
714
+ } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
715
+ /**
716
+ * Keyboard shortcut hint (e.g. '⌘K') aligned to the right of an item.
717
+ * @returns A muted inline span rendered at the end of a CommandItem.
718
+ */
719
+ declare function CommandShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
720
+ declare namespace CommandShortcut {
721
+ var displayName: string;
722
+ }
723
+
724
+ interface ComboboxOption {
725
+ /** The value returned from onChange (stable, unique). */
726
+ value: string;
727
+ /** The display label shown in the list and the trigger. */
728
+ label: string;
729
+ /** Mark as non-selectable. */
730
+ disabled?: boolean;
731
+ }
732
+ interface ComboboxProps {
733
+ /** The list of selectable options. */
734
+ options: ComboboxOption[];
735
+ /** Controlled selected value. */
736
+ value?: string;
737
+ /** Fired when the user picks an option: (value: string) => void */
738
+ onChange?: (value: string) => void;
739
+ /** Text shown on the trigger when nothing is selected. */
740
+ placeholder?: string;
741
+ /** Input placeholder inside the popover list. */
742
+ searchPlaceholder?: string;
743
+ /** Text shown when no options match the search. */
744
+ emptyText?: string;
745
+ /** Disable the trigger. */
746
+ disabled?: boolean;
747
+ /** Extra class names on the trigger button. */
748
+ className?: string;
749
+ /** Accessible label for the trigger (required when no adjacent visible <label>). */
750
+ "aria-label"?: string;
751
+ }
752
+ /**
753
+ * Searchable select input built on Command + Popover.
754
+ *
755
+ * Pass `options` with `{ value, label }` shape. The selected label is shown on
756
+ * the trigger; the popover contains a CommandInput and filtered CommandList.
757
+ * @returns A trigger button that opens a filtered option list.
758
+ */
759
+ declare function Combobox({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, className, "aria-label": ariaLabel, }: ComboboxProps): react_jsx_runtime.JSX.Element;
760
+ declare namespace Combobox {
761
+ var displayName: string;
762
+ }
763
+
764
+ /** Root container controlling open state of a side sheet. */
765
+ declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
766
+ /** The element (usually a button) that opens the sheet. */
767
+ declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
768
+ /** Closes the sheet when rendered inside SheetContent. */
769
+ declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
770
+ /** Portals the sheet overlay and content into the body. */
771
+ declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
772
+ /** Dimmed backdrop rendered behind the sheet content. */
773
+ declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
774
+ declare const sheetVariants: (props?: ({
775
+ side?: "top" | "right" | "bottom" | "left" | null | undefined;
776
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
777
+ interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
778
+ }
779
+ /** The sheet content panel that slides in from a side of the viewport. */
780
+ declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
781
+ /**
782
+ * Header container inside SheetContent; stacks title and description.
783
+ * @returns A div with vertical rhythm.
784
+ */
785
+ declare function SheetHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
786
+ /**
787
+ * Footer container inside SheetContent; aligns action buttons.
788
+ * @returns A div that stacks buttons on mobile and right-aligns on desktop.
789
+ */
790
+ declare function SheetFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
791
+ /** Accessible sheet title; Radix wires it to aria-labelledby automatically. */
792
+ declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
793
+ /** Accessible sheet description; Radix wires it to aria-describedby automatically. */
794
+ declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
795
+
796
+ type DrawerRootProps = React$1.ComponentPropsWithoutRef<typeof Drawer$1.Root>;
797
+ /**
798
+ * Root container for a bottom drawer (vaul). Manages open state, drag, and snap points.
799
+ * @returns A drawer root that coordinates overlay, content, and dismiss behavior.
800
+ */
801
+ declare function Drawer({ shouldScaleBackground, ...props }: DrawerRootProps): react_jsx_runtime.JSX.Element;
802
+ declare namespace Drawer {
803
+ var displayName: string;
804
+ }
805
+ /** The element that opens the drawer when clicked. */
806
+ declare const DrawerTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
807
+ /** Portals drawer overlay and content into the body. */
808
+ declare const DrawerPortal: typeof vaul.Portal;
809
+ /** Closes the drawer when rendered inside DrawerContent. */
810
+ declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
811
+ /** Dimmed backdrop behind the drawer content. */
812
+ declare const DrawerOverlay: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
813
+ /** The drawer content panel. Slides up from the bottom and can be dragged down to dismiss. */
814
+ declare const DrawerContent: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
815
+ /**
816
+ * Header container inside DrawerContent; stacks title and description.
817
+ * @returns A div with vertical rhythm.
818
+ */
819
+ declare function DrawerHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
820
+ /**
821
+ * Footer container inside DrawerContent; stacks action buttons.
822
+ * @returns A div that stacks buttons vertically with consistent gutters.
823
+ */
824
+ declare function DrawerFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
825
+ /** Accessible drawer title; vaul wires it to aria-labelledby automatically. */
826
+ declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
827
+ /** Accessible drawer description; vaul wires it to aria-describedby automatically. */
828
+ declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
829
+
830
+ /**
831
+ * Root container for a group of resizable panels.
832
+ * @returns A flex container that coordinates panel sizing.
833
+ */
834
+ declare function ResizablePanelGroup({ className, ...props }: React$1.ComponentPropsWithoutRef<typeof Group>): react_jsx_runtime.JSX.Element;
835
+ declare namespace ResizablePanelGroup {
836
+ var displayName: string;
837
+ }
838
+ /** A single resizable panel. Configure via defaultSize, minSize, maxSize. */
839
+ declare const ResizablePanel: typeof Panel;
840
+ interface ResizableHandleProps extends React$1.ComponentPropsWithoutRef<typeof Separator$1> {
841
+ /** Show a grab-grip on the handle for affordance. */
842
+ withHandle?: boolean;
843
+ }
844
+ /**
845
+ * Draggable separator between panels. Optionally renders a grab-grip dot.
846
+ * @returns A slim, focusable resize handle.
847
+ */
848
+ declare function ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps): react_jsx_runtime.JSX.Element;
849
+ declare namespace ResizableHandle {
850
+ var displayName: string;
851
+ }
852
+
853
+ interface SidebarContextValue {
854
+ /** Current open/collapsed state. */
855
+ open: boolean;
856
+ /** Toggle or set open state. */
857
+ setOpen: (open: boolean) => void;
858
+ }
859
+ /**
860
+ * Reads sidebar state from context. Throws if used outside SidebarProvider.
861
+ * @returns `{ open, setOpen }` bound to the nearest SidebarProvider.
862
+ */
863
+ declare function useSidebar(): SidebarContextValue;
864
+ interface SidebarProviderProps {
865
+ /** Controlled open state. */
866
+ open?: boolean;
867
+ /** Uncontrolled initial open state (defaults to true). */
868
+ defaultOpen?: boolean;
869
+ /** Callback fired when open state changes. */
870
+ onOpenChange?: (open: boolean) => void;
871
+ /** Children — typically a Sidebar + app content sibling. */
872
+ children: React$1.ReactNode;
873
+ /** Extra class names on the provider wrapper. */
874
+ className?: string;
875
+ }
876
+ /**
877
+ * Hosts sidebar state. Wrap your app shell (Sidebar + main content) in this.
878
+ * @returns A flex container with a SidebarContext provider.
879
+ */
880
+ declare function SidebarProvider({ open: openProp, defaultOpen, onOpenChange, children, className, }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
881
+ declare namespace SidebarProvider {
882
+ var displayName: string;
883
+ }
884
+ declare const sidebarVariants: (props?: ({
885
+ side?: "right" | "left" | null | undefined;
886
+ state?: "closed" | "open" | null | undefined;
887
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
888
+ interface SidebarProps extends React$1.HTMLAttributes<HTMLElement>, Pick<VariantProps<typeof sidebarVariants>, "side"> {
889
+ }
890
+ /**
891
+ * App-shell sidebar. Reads open state from SidebarProvider and animates width.
892
+ * @returns An aside element that expands/collapses.
893
+ */
894
+ declare const Sidebar: React$1.ForwardRefExoticComponent<SidebarProps & React$1.RefAttributes<HTMLElement>>;
895
+ interface SidebarTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
896
+ /** Render as the child element (Button, etc.) using Radix Slot. */
897
+ asChild?: boolean;
898
+ }
899
+ /**
900
+ * Toggles the sidebar open/closed. Renders a button by default; use asChild to style.
901
+ * @returns A button that flips SidebarProvider state.
902
+ */
903
+ declare const SidebarTrigger: React$1.ForwardRefExoticComponent<SidebarTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
904
+ /** Header container at the top of the sidebar. */
905
+ declare const SidebarHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
906
+ /** Scrollable main area of the sidebar. */
907
+ declare const SidebarContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
908
+ /** Footer container at the bottom of the sidebar. */
909
+ declare const SidebarFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
910
+ interface SidebarItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
911
+ /** Render as the child element (next/link, etc.) via Slot. */
912
+ asChild?: boolean;
913
+ /** Mark as the current/selected item. */
914
+ active?: boolean;
915
+ }
916
+ /**
917
+ * Single selectable row inside SidebarContent. Compose icon + label in children.
918
+ * @returns An accessible button (or Slot) styled as a sidebar row.
919
+ */
920
+ declare const SidebarItem: React$1.ForwardRefExoticComponent<SidebarItemProps & React$1.RefAttributes<HTMLButtonElement>>;
921
+
922
+ declare const buttonSchema: ComponentSchemaDefinition;
923
+
924
+ declare const inputSchema: ComponentSchemaDefinition;
925
+
926
+ declare const labelSchema: ComponentSchemaDefinition;
927
+
928
+ declare const textareaSchema: ComponentSchemaDefinition;
929
+
930
+ declare const checkboxSchema: ComponentSchemaDefinition;
931
+
932
+ declare const switchSchema: ComponentSchemaDefinition;
933
+
934
+ declare const badgeSchema: ComponentSchemaDefinition;
935
+
936
+ declare const separatorSchema: ComponentSchemaDefinition;
937
+
938
+ declare const cardSchema: ComponentSchemaDefinition;
939
+
940
+ declare const tabsSchema: ComponentSchemaDefinition;
941
+
942
+ declare const accordionSchema: ComponentSchemaDefinition;
943
+
944
+ declare const dialogSchema: ComponentSchemaDefinition;
945
+
946
+ declare const alertDialogSchema: ComponentSchemaDefinition;
947
+
948
+ declare const dropdownMenuSchema: ComponentSchemaDefinition;
949
+
950
+ declare const popoverSchema: ComponentSchemaDefinition;
951
+
952
+ declare const tooltipSchema: ComponentSchemaDefinition;
953
+
954
+ declare const selectSchema: ComponentSchemaDefinition;
955
+
956
+ declare const radioGroupSchema: ComponentSchemaDefinition;
957
+
958
+ declare const sliderSchema: ComponentSchemaDefinition;
959
+
960
+ declare const toggleSchema: ComponentSchemaDefinition;
961
+
962
+ declare const toggleGroupSchema: ComponentSchemaDefinition;
963
+
964
+ declare const formSchema: ComponentSchemaDefinition;
965
+
966
+ declare const avatarSchema: ComponentSchemaDefinition;
967
+
968
+ declare const skeletonSchema: ComponentSchemaDefinition;
969
+
970
+ declare const progressSchema: ComponentSchemaDefinition;
971
+
972
+ declare const scrollAreaSchema: ComponentSchemaDefinition;
973
+
974
+ declare const aspectRatioSchema: ComponentSchemaDefinition;
975
+
976
+ declare const collapsibleSchema: ComponentSchemaDefinition;
977
+
978
+ declare const hoverCardSchema: ComponentSchemaDefinition;
979
+
980
+ declare const contextMenuSchema: ComponentSchemaDefinition;
981
+
982
+ declare const menubarSchema: ComponentSchemaDefinition;
983
+
984
+ declare const navigationMenuSchema: ComponentSchemaDefinition;
985
+
986
+ declare const breadcrumbSchema: ComponentSchemaDefinition;
987
+
988
+ declare const alertSchema: ComponentSchemaDefinition;
989
+
990
+ declare const sonnerSchema: ComponentSchemaDefinition;
991
+
992
+ declare const tableSchema: ComponentSchemaDefinition;
993
+
994
+ declare const dataTableSchema: ComponentSchemaDefinition;
995
+
996
+ declare const paginationSchema: ComponentSchemaDefinition;
997
+
998
+ declare const calendarSchema: ComponentSchemaDefinition;
999
+
1000
+ declare const datePickerSchema: ComponentSchemaDefinition;
1001
+
1002
+ declare const inputOTPSchema: ComponentSchemaDefinition;
1003
+
1004
+ declare const commandSchema: ComponentSchemaDefinition;
1005
+
1006
+ declare const comboboxSchema: ComponentSchemaDefinition;
1007
+
1008
+ declare const sheetSchema: ComponentSchemaDefinition;
1009
+
1010
+ declare const drawerSchema: ComponentSchemaDefinition;
1011
+
1012
+ declare const resizableSchema: ComponentSchemaDefinition;
1013
+
1014
+ declare const sidebarSchema: ComponentSchemaDefinition;
1015
+
1016
+ /**
1017
+ * Merge class names with Tailwind CSS conflict resolution.
1018
+ * @param inputs - Class values (strings, arrays, objects) to merge
1019
+ * @returns A single merged class string with Tailwind conflicts resolved
1020
+ */
1021
+ declare function cn(...inputs: ClassValue[]): string;
1022
+
1023
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, DataTable, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarSeparator, MenubarShortcut, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarProvider, SidebarTrigger, Skeleton, Slider, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, accordionSchema, alertDialogSchema, alertSchema, alertVariants, aspectRatioSchema, avatarSchema, badgeSchema, badgeVariants, breadcrumbSchema, buttonSchema, buttonVariants, calendarSchema, cardSchema, checkboxSchema, cn, collapsibleSchema, comboboxSchema, commandSchema, contextMenuSchema, dataTableSchema, datePickerSchema, dialogSchema, drawerSchema, dropdownMenuSchema, formSchema, hoverCardSchema, inputOTPSchema, inputSchema, labelSchema, menubarSchema, navigationMenuSchema, navigationMenuTriggerStyle, paginationSchema, popoverSchema, progressSchema, radioGroupSchema, resizableSchema, scrollAreaSchema, selectSchema, separatorSchema, sheetSchema, sidebarSchema, skeletonSchema, sliderSchema, sonnerSchema, switchSchema, tableSchema, tabsSchema, textareaSchema, toggleGroupSchema, toggleSchema, toggleVariants, tooltipSchema, useFormField, useSidebar };