@hilum/ui 0.1.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 (99) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +42 -0
  3. package/dist/icons.d.ts +1 -0
  4. package/dist/icons.js +3 -0
  5. package/dist/icons.js.map +1 -0
  6. package/dist/index.d.ts +992 -0
  7. package/dist/index.js +4433 -0
  8. package/dist/index.js.map +1 -0
  9. package/dist/tokens.css +265 -0
  10. package/dist/tokens.d.ts +189 -0
  11. package/dist/tokens.js +193 -0
  12. package/dist/tokens.js.map +1 -0
  13. package/package.json +80 -0
  14. package/src/components/__tests__/data.test.tsx +180 -0
  15. package/src/components/__tests__/disclosure.test.tsx +198 -0
  16. package/src/components/__tests__/display.test.tsx +262 -0
  17. package/src/components/__tests__/feedback.test.tsx +138 -0
  18. package/src/components/__tests__/form.test.tsx +297 -0
  19. package/src/components/__tests__/layout.test.tsx +388 -0
  20. package/src/components/__tests__/overlay.test.tsx +90 -0
  21. package/src/components/__tests__/primitives.test.tsx +248 -0
  22. package/src/components/accordion.tsx +68 -0
  23. package/src/components/action-panel.tsx +112 -0
  24. package/src/components/activity-feed.tsx +69 -0
  25. package/src/components/alert-dialog.tsx +132 -0
  26. package/src/components/alert.tsx +44 -0
  27. package/src/components/aspect-ratio.tsx +19 -0
  28. package/src/components/avatar-stack.tsx +70 -0
  29. package/src/components/avatar.tsx +103 -0
  30. package/src/components/badge.tsx +33 -0
  31. package/src/components/breadcrumb.tsx +76 -0
  32. package/src/components/button-group.tsx +45 -0
  33. package/src/components/button.tsx +60 -0
  34. package/src/components/calendar.tsx +61 -0
  35. package/src/components/card-heading.tsx +60 -0
  36. package/src/components/card.tsx +120 -0
  37. package/src/components/carousel.tsx +222 -0
  38. package/src/components/chart.tsx +77 -0
  39. package/src/components/checkbox.tsx +35 -0
  40. package/src/components/collapsible.tsx +9 -0
  41. package/src/components/color-input.tsx +90 -0
  42. package/src/components/color-picker.tsx +111 -0
  43. package/src/components/combobox.tsx +207 -0
  44. package/src/components/command-palette.tsx +137 -0
  45. package/src/components/command.tsx +248 -0
  46. package/src/components/context-menu.tsx +201 -0
  47. package/src/components/data-table.tsx +151 -0
  48. package/src/components/date-picker.tsx +56 -0
  49. package/src/components/description-list.tsx +70 -0
  50. package/src/components/dialog.tsx +97 -0
  51. package/src/components/drawer.tsx +90 -0
  52. package/src/components/dropdown-menu.tsx +202 -0
  53. package/src/components/empty-state.tsx +43 -0
  54. package/src/components/field.tsx +45 -0
  55. package/src/components/grid-list.tsx +159 -0
  56. package/src/components/hover-card.tsx +34 -0
  57. package/src/components/input-group.tsx +134 -0
  58. package/src/components/input-number.tsx +142 -0
  59. package/src/components/input-otp.tsx +68 -0
  60. package/src/components/input.tsx +23 -0
  61. package/src/components/kbd.tsx +18 -0
  62. package/src/components/label.tsx +23 -0
  63. package/src/components/media-object.tsx +49 -0
  64. package/src/components/menubar.tsx +235 -0
  65. package/src/components/native-select.tsx +44 -0
  66. package/src/components/navigation-menu.tsx +158 -0
  67. package/src/components/notification.tsx +109 -0
  68. package/src/components/page-heading.tsx +125 -0
  69. package/src/components/pagination.tsx +89 -0
  70. package/src/components/popover.tsx +35 -0
  71. package/src/components/progress.tsx +23 -0
  72. package/src/components/property-row.tsx +56 -0
  73. package/src/components/radio-card.tsx +105 -0
  74. package/src/components/radio-group.tsx +38 -0
  75. package/src/components/resizable.tsx +74 -0
  76. package/src/components/scroll-area.tsx +42 -0
  77. package/src/components/section-heading.tsx +64 -0
  78. package/src/components/select.tsx +130 -0
  79. package/src/components/separator.tsx +25 -0
  80. package/src/components/sheet.tsx +117 -0
  81. package/src/components/sidebar.tsx +636 -0
  82. package/src/components/skeleton.tsx +14 -0
  83. package/src/components/slider.tsx +24 -0
  84. package/src/components/sonner.tsx +34 -0
  85. package/src/components/spinner.tsx +37 -0
  86. package/src/components/stacked-list.tsx +64 -0
  87. package/src/components/stat-card.tsx +54 -0
  88. package/src/components/steps.tsx +179 -0
  89. package/src/components/switch.tsx +33 -0
  90. package/src/components/table.tsx +101 -0
  91. package/src/components/tabs.tsx +55 -0
  92. package/src/components/textarea.tsx +21 -0
  93. package/src/components/toggle-group.tsx +49 -0
  94. package/src/components/toggle.tsx +66 -0
  95. package/src/components/tooltip.tsx +43 -0
  96. package/src/icons.ts +158 -0
  97. package/src/index.ts +84 -0
  98. package/src/lib/utils.ts +6 -0
  99. package/src/tokens/tokens.ts +194 -0
@@ -0,0 +1,992 @@
1
+ import { ClassValue } from 'clsx';
2
+ import * as React$1 from 'react';
3
+ import { Accordion, AlertDialog, AspectRatio, Avatar as Avatar$1, Checkbox, Collapsible, ContextMenu, Dialog, DropdownMenu, HoverCard, Label as Label$1, Menubar, NavigationMenu, Popover, Progress, RadioGroup, ScrollArea, Select, Separator as Separator$1, Slider, Switch, Tabs, ToggleGroup, Toggle, Tooltip } from 'radix-ui';
4
+ import * as react_jsx_runtime from 'react/jsx-runtime';
5
+ import * as class_variance_authority_types from 'class-variance-authority/types';
6
+ import { VariantProps } from 'class-variance-authority';
7
+ import { DayPicker } from 'react-day-picker';
8
+ import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
9
+ import { TooltipContentProps } from 'recharts';
10
+ export { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, Legend, Line, LineChart, Pie, PieChart, Tooltip as RechartsTooltip, TooltipProps as RechartsTooltipProps, XAxis, YAxis } from 'recharts';
11
+ import { ColumnDef } from '@tanstack/react-table';
12
+ export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
13
+ import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
14
+ import * as vaul from 'vaul';
15
+ import * as input_otp from 'input-otp';
16
+ import * as _radix_ui_react_context from '@radix-ui/react-context';
17
+ import { SeparatorProps, Panel, GroupProps } from 'react-resizable-panels';
18
+ import { Toaster as Toaster$1 } from 'sonner';
19
+
20
+ declare function cn(...inputs: ClassValue[]): string;
21
+
22
+ declare const AccordionRoot: React$1.ForwardRefExoticComponent<(Omit<Accordion.AccordionSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<Accordion.AccordionMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & React$1.RefAttributes<HTMLDivElement>>;
23
+ declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<Accordion.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
24
+ declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<Accordion.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
25
+ declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<Accordion.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
26
+
27
+ interface ActionPanelAction {
28
+ label: string;
29
+ href?: string;
30
+ onClick?: () => void;
31
+ variant?: "default" | "destructive" | "outline" | "ghost";
32
+ }
33
+ interface ActionPanelLink {
34
+ label: string;
35
+ href?: string;
36
+ onClick?: () => void;
37
+ }
38
+ interface ActionPanelProps {
39
+ title: string;
40
+ description?: string;
41
+ action?: ActionPanelAction;
42
+ actions?: ActionPanelAction[];
43
+ link?: ActionPanelLink;
44
+ variant?: "default" | "muted";
45
+ layout?: "stacked" | "inline";
46
+ children?: React$1.ReactNode;
47
+ className?: string;
48
+ }
49
+ declare function ActionPanel({ title, description, action, actions, link, variant, layout, children, className, }: ActionPanelProps): react_jsx_runtime.JSX.Element;
50
+
51
+ interface FeedEvent {
52
+ id?: string | number;
53
+ content: React$1.ReactNode;
54
+ date?: string;
55
+ datetime?: string;
56
+ icon?: React$1.ReactNode;
57
+ iconBgClass?: string;
58
+ }
59
+ interface ActivityFeedProps {
60
+ events: FeedEvent[];
61
+ className?: string;
62
+ }
63
+ declare function ActivityFeed({ events, className }: ActivityFeedProps): react_jsx_runtime.JSX.Element;
64
+
65
+ declare const AlertDialogRoot: React$1.FC<AlertDialog.AlertDialogProps>;
66
+ declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialog.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
67
+ declare const AlertDialogPortal: React$1.FC<AlertDialog.AlertDialogPortalProps>;
68
+ declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialog.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
69
+ declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialog.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
70
+ declare function AlertDialogHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
71
+ declare namespace AlertDialogHeader {
72
+ var displayName: string;
73
+ }
74
+ declare function AlertDialogFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
75
+ declare namespace AlertDialogFooter {
76
+ var displayName: string;
77
+ }
78
+ declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialog.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
79
+ declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialog.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
80
+ declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialog.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
81
+ declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialog.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
82
+
83
+ declare const alertVariants: (props?: ({
84
+ variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
85
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
86
+ interface AlertProps extends React$1.ComponentProps<"div">, VariantProps<typeof alertVariants> {
87
+ }
88
+ declare const Alert: React$1.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
89
+ declare const AlertTitle: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
90
+ declare const AlertDescription: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
91
+
92
+ declare const AspectRatioRoot: React$1.ForwardRefExoticComponent<Omit<AspectRatio.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
93
+
94
+ interface AvatarStackItem {
95
+ src?: string;
96
+ name: string;
97
+ fallback?: string;
98
+ colorClass?: string;
99
+ }
100
+ interface AvatarStackProps {
101
+ avatars: AvatarStackItem[];
102
+ max?: number;
103
+ size?: "sm" | "md" | "lg";
104
+ className?: string;
105
+ }
106
+ declare function AvatarStack({ avatars, max, size, className }: AvatarStackProps): react_jsx_runtime.JSX.Element;
107
+
108
+ declare const sizeMap: {
109
+ readonly xs: "size-5 caption-xs";
110
+ readonly sm: "size-7 caption";
111
+ readonly md: "size-8 body";
112
+ readonly lg: "size-10 body-lg";
113
+ readonly xl: "size-12 subheading";
114
+ };
115
+ type AvatarSize = keyof typeof sizeMap;
116
+ interface AvatarProps extends React$1.ComponentPropsWithoutRef<typeof Avatar$1.Root> {
117
+ size?: AvatarSize;
118
+ }
119
+ declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLSpanElement>>;
120
+ declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<Avatar$1.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
121
+ declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<Avatar$1.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
122
+ declare const statusColorMap: {
123
+ online: string;
124
+ offline: string;
125
+ busy: string;
126
+ away: string;
127
+ };
128
+ interface AvatarWithStatusProps extends AvatarProps {
129
+ status?: keyof typeof statusColorMap;
130
+ }
131
+ declare const AvatarWithStatus: React$1.ForwardRefExoticComponent<AvatarWithStatusProps & {
132
+ children?: React$1.ReactNode;
133
+ } & React$1.RefAttributes<HTMLSpanElement>>;
134
+
135
+ declare const badgeVariants: (props?: ({
136
+ variant?: "default" | "destructive" | "outline" | "secondary" | "brand" | "success" | "warning" | null | undefined;
137
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
138
+ interface BadgeProps extends React$1.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
139
+ }
140
+ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
141
+
142
+ declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLElement> & React$1.HTMLAttributes<HTMLElement> & {
143
+ separator?: React$1.ReactNode;
144
+ }, "ref"> & React$1.RefAttributes<HTMLElement>>;
145
+ declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
146
+ declare const BreadcrumbItem$1: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
147
+ declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
148
+ declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
149
+ declare const BreadcrumbSeparator: {
150
+ ({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
151
+ displayName: string;
152
+ };
153
+ declare const BreadcrumbEllipsis: {
154
+ ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
155
+ displayName: string;
156
+ };
157
+
158
+ interface ButtonGroupProps {
159
+ children: React$1.ReactNode;
160
+ className?: string;
161
+ }
162
+ declare function ButtonGroup({ children, className }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
163
+ interface ButtonGroupItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
164
+ active?: boolean;
165
+ }
166
+ declare function ButtonGroupItem({ active, className, children, ...props }: ButtonGroupItemProps): react_jsx_runtime.JSX.Element;
167
+
168
+ declare const buttonVariants: (props?: ({
169
+ variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "brand" | "ghost" | null | undefined;
170
+ size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
171
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
172
+ interface ButtonProps extends React$1.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
173
+ asChild?: boolean;
174
+ }
175
+ declare function Button({ className, variant, size, asChild, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
176
+
177
+ type CalendarProps = React$1.ComponentProps<typeof DayPicker>;
178
+ declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
179
+ declare namespace Calendar {
180
+ var displayName: string;
181
+ }
182
+
183
+ interface CardHeadingAction {
184
+ label: string;
185
+ href?: string;
186
+ onClick?: () => void;
187
+ variant?: "default" | "outline" | "ghost" | "destructive";
188
+ }
189
+ interface CardHeadingProps {
190
+ title: string;
191
+ description?: string;
192
+ actions?: CardHeadingAction[];
193
+ children?: React$1.ReactNode;
194
+ className?: string;
195
+ }
196
+ declare function CardHeading({ title, description, actions, children, className }: CardHeadingProps): react_jsx_runtime.JSX.Element;
197
+
198
+ declare const cardVariants: (props?: ({
199
+ variant?: "default" | "ghost" | "muted" | null | undefined;
200
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
201
+ interface CardProps extends React$1.ComponentProps<"div">, VariantProps<typeof cardVariants> {
202
+ }
203
+ declare const Card: React$1.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
204
+ declare const CardHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
205
+ declare const CardTitle: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
206
+ declare const CardDescription: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
207
+ declare const CardContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
208
+ declare const CardFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
209
+ declare const CardMedia: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
210
+
211
+ type CarouselApi = UseEmblaCarouselType[1];
212
+ type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
213
+ type CarouselOptions = UseCarouselParameters[0];
214
+ type CarouselPlugin = UseCarouselParameters[1];
215
+ interface CarouselProps {
216
+ opts?: CarouselOptions;
217
+ plugins?: CarouselPlugin;
218
+ orientation?: "horizontal" | "vertical";
219
+ setApi?: (api: CarouselApi) => void;
220
+ }
221
+ declare function Carousel({ opts, plugins, orientation, setApi, className, children, ...props }: CarouselProps & React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
222
+ declare function CarouselContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
223
+ declare function CarouselItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
224
+ declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
225
+ declare function CarouselNext({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
226
+
227
+ declare const CHART_COLORS: {
228
+ primary: string;
229
+ secondary: string;
230
+ tertiary: string;
231
+ muted: string;
232
+ subtle: string;
233
+ dark: string;
234
+ };
235
+ interface ChartContainerProps {
236
+ children: React$1.ReactNode;
237
+ className?: string;
238
+ height?: number;
239
+ }
240
+ declare function ChartContainer({ children, className, height }: ChartContainerProps): react_jsx_runtime.JSX.Element;
241
+ declare namespace ChartContainer {
242
+ var displayName: string;
243
+ }
244
+ interface ChartTooltipProps extends Partial<TooltipContentProps<number, string>> {
245
+ labelClassName?: string;
246
+ }
247
+ declare function ChartTooltip({ active, payload, label, labelClassName }: ChartTooltipProps): react_jsx_runtime.JSX.Element | null;
248
+ declare namespace ChartTooltip {
249
+ var displayName: string;
250
+ }
251
+
252
+ declare const CheckboxRoot: React$1.ForwardRefExoticComponent<Omit<Checkbox.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
253
+
254
+ declare const CollapsibleRoot: React$1.ForwardRefExoticComponent<Collapsible.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
255
+ declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<Collapsible.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
256
+ declare const CollapsibleContent: React$1.ForwardRefExoticComponent<Collapsible.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
257
+
258
+ interface ColorInputProps {
259
+ value: string;
260
+ onChange: (next: string) => void;
261
+ /** Show an opacity slider (0–100). Pass `opacity` and `onOpacityChange`. */
262
+ opacity?: number;
263
+ onOpacityChange?: (next: number) => void;
264
+ className?: string;
265
+ disabled?: boolean;
266
+ presets?: string[];
267
+ }
268
+ /**
269
+ * Compact, inline color input designed for designer property panels.
270
+ * Combines a swatch trigger (ColorPicker), a hex input, and an optional opacity field.
271
+ */
272
+ declare function ColorInput({ value, onChange, opacity, onOpacityChange, className, disabled, presets, }: ColorInputProps): react_jsx_runtime.JSX.Element;
273
+
274
+ interface ColorPickerProps {
275
+ value: string;
276
+ onChange: (next: string) => void;
277
+ className?: string;
278
+ disabled?: boolean;
279
+ /** Optional preset palette shown above the picker. */
280
+ presets?: string[];
281
+ /** Accessible label for the trigger. */
282
+ ariaLabel?: string;
283
+ }
284
+ declare function ColorPicker({ value, onChange, className, disabled, presets, ariaLabel, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
285
+
286
+ interface ComboboxOption {
287
+ value: string;
288
+ label: string;
289
+ description?: string;
290
+ statusColor?: string;
291
+ avatar?: string;
292
+ }
293
+ interface ComboboxProps {
294
+ options: ComboboxOption[];
295
+ value?: string;
296
+ onValueChange?: (value: string) => void;
297
+ placeholder?: string;
298
+ searchPlaceholder?: string;
299
+ emptyText?: string;
300
+ className?: string;
301
+ }
302
+ declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyText, className, }: ComboboxProps): react_jsx_runtime.JSX.Element;
303
+
304
+ interface CommandPaletteItem {
305
+ id?: string | number;
306
+ label: string;
307
+ description?: string;
308
+ icon?: React$1.ReactNode;
309
+ category?: string;
310
+ href?: string;
311
+ onSelect?: () => void;
312
+ }
313
+ interface CommandPaletteProps {
314
+ open: boolean;
315
+ onClose: () => void;
316
+ items: CommandPaletteItem[];
317
+ placeholder?: string;
318
+ emptyText?: string;
319
+ }
320
+ declare function CommandPalette({ open, onClose, items, placeholder, emptyText, }: CommandPaletteProps): react_jsx_runtime.JSX.Element;
321
+
322
+ interface CommandProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
323
+ onSelect?: (value: string) => void;
324
+ }
325
+ declare function Command({ className, children, onSelect, ...props }: CommandProps): react_jsx_runtime.JSX.Element;
326
+ declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React$1.RefAttributes<HTMLInputElement>>;
327
+ declare const CommandList: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
328
+ declare const CommandEmpty: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
329
+ interface CommandGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
330
+ heading?: string;
331
+ }
332
+ declare const CommandGroup: React$1.ForwardRefExoticComponent<CommandGroupProps & React$1.RefAttributes<HTMLDivElement>>;
333
+ interface CommandItemProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
334
+ value?: string;
335
+ keywords?: string[];
336
+ disabled?: boolean;
337
+ onSelect?: (value: string) => void;
338
+ }
339
+ declare const CommandItem: React$1.ForwardRefExoticComponent<CommandItemProps & React$1.RefAttributes<HTMLDivElement>>;
340
+ declare const CommandSeparator: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
341
+ declare function CommandShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
342
+ declare namespace CommandShortcut {
343
+ var displayName: string;
344
+ }
345
+
346
+ declare const ContextMenuRoot: React$1.FC<ContextMenu.ContextMenuProps>;
347
+ declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenu.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
348
+ declare const ContextMenuGroup: React$1.ForwardRefExoticComponent<ContextMenu.ContextMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
349
+ declare const ContextMenuPortal: React$1.FC<ContextMenu.ContextMenuPortalProps>;
350
+ declare const ContextMenuSub: React$1.FC<ContextMenu.ContextMenuSubProps>;
351
+ declare const ContextMenuRadioGroup: React$1.ForwardRefExoticComponent<ContextMenu.ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
352
+ declare const ContextMenuContent: React$1.ForwardRefExoticComponent<Omit<ContextMenu.ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
353
+ declare const ContextMenuItem: React$1.ForwardRefExoticComponent<Omit<ContextMenu.ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
354
+ inset?: boolean;
355
+ destructive?: boolean;
356
+ } & React$1.RefAttributes<HTMLDivElement>>;
357
+ declare const ContextMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<ContextMenu.ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
358
+ declare const ContextMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<ContextMenu.ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
359
+ declare const ContextMenuLabel: React$1.ForwardRefExoticComponent<Omit<ContextMenu.ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
360
+ inset?: boolean;
361
+ } & React$1.RefAttributes<HTMLDivElement>>;
362
+ declare const ContextMenuSeparator: React$1.ForwardRefExoticComponent<Omit<ContextMenu.ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
363
+ declare const ContextMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<ContextMenu.ContextMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
364
+ inset?: boolean;
365
+ } & React$1.RefAttributes<HTMLDivElement>>;
366
+ declare const ContextMenuSubContent: React$1.ForwardRefExoticComponent<Omit<ContextMenu.ContextMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
367
+ declare function ContextMenuShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
368
+ declare namespace ContextMenuShortcut {
369
+ var displayName: string;
370
+ }
371
+
372
+ interface DataTableProps<TData> {
373
+ columns: ColumnDef<TData, any>[];
374
+ data: TData[];
375
+ searchKey?: string;
376
+ searchPlaceholder?: string;
377
+ pageSize?: number;
378
+ showPagination?: boolean;
379
+ }
380
+ declare function DataTable<TData>({ columns, data, searchKey, searchPlaceholder, pageSize, showPagination, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
381
+
382
+ declare const formatDate: (date: Date) => string;
383
+ interface DatePickerProps {
384
+ value?: Date;
385
+ onChange?: (date: Date | undefined) => void;
386
+ placeholder?: string;
387
+ disabled?: boolean;
388
+ className?: string;
389
+ }
390
+ declare function DatePicker({ value, onChange, placeholder, disabled, className, }: DatePickerProps): react_jsx_runtime.JSX.Element;
391
+ declare namespace DatePicker {
392
+ var displayName: string;
393
+ }
394
+
395
+ interface DescriptionItem {
396
+ term: string;
397
+ details: React$1.ReactNode;
398
+ action?: React$1.ReactNode;
399
+ }
400
+ interface DescriptionListProps {
401
+ title?: string;
402
+ description?: string;
403
+ items: DescriptionItem[];
404
+ columns?: 1 | 2;
405
+ striped?: boolean;
406
+ className?: string;
407
+ }
408
+ declare function DescriptionList({ title, description, items, columns, striped, className, }: DescriptionListProps): react_jsx_runtime.JSX.Element;
409
+
410
+ declare const DialogRoot: React$1.FC<Dialog.DialogProps>;
411
+ declare const DialogTrigger: React$1.ForwardRefExoticComponent<Dialog.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
412
+ declare const DialogClose: React$1.ForwardRefExoticComponent<Dialog.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
413
+ declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<Dialog.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
414
+ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<Dialog.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
415
+ declare function DialogHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
416
+ declare namespace DialogHeader {
417
+ var displayName: string;
418
+ }
419
+ declare function DialogFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
420
+ declare namespace DialogFooter {
421
+ var displayName: string;
422
+ }
423
+ declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<Dialog.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
424
+ declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<Dialog.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
425
+
426
+ declare const DrawerRoot: typeof vaul.Root;
427
+ declare const DrawerTrigger: React$1.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
428
+ declare const DrawerPortal: typeof vaul.Portal;
429
+ declare const DrawerClose: React$1.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
430
+ declare const DrawerOverlay: React$1.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
431
+ declare const DrawerContent: React$1.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
432
+ declare const DrawerHeader: {
433
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
434
+ displayName: string;
435
+ };
436
+ declare const DrawerFooter: {
437
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
438
+ displayName: string;
439
+ };
440
+ declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_dialog.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
441
+ declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_dialog.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
442
+
443
+ declare const DropdownMenuRoot: React$1.FC<DropdownMenu.DropdownMenuProps>;
444
+ declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenu.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
445
+ declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenu.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
446
+ declare const DropdownMenuPortal: React$1.FC<DropdownMenu.DropdownMenuPortalProps>;
447
+ declare const DropdownMenuSub: React$1.FC<DropdownMenu.DropdownMenuSubProps>;
448
+ declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenu.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
449
+ declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
450
+ declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
451
+ inset?: boolean;
452
+ destructive?: boolean;
453
+ } & React$1.RefAttributes<HTMLDivElement>>;
454
+ declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
455
+ declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
456
+ declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
457
+ inset?: boolean;
458
+ } & React$1.RefAttributes<HTMLDivElement>>;
459
+ declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
460
+ declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
461
+ inset?: boolean;
462
+ } & React$1.RefAttributes<HTMLDivElement>>;
463
+ declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
464
+ declare function DropdownMenuShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
465
+ declare namespace DropdownMenuShortcut {
466
+ var displayName: string;
467
+ }
468
+
469
+ interface EmptyStateProps {
470
+ icon?: React$1.ReactNode;
471
+ title: string;
472
+ description?: string;
473
+ action?: {
474
+ label: string;
475
+ href?: string;
476
+ onClick?: () => void;
477
+ };
478
+ className?: string;
479
+ }
480
+ declare function EmptyState({ icon, title, description, action, className }: EmptyStateProps): react_jsx_runtime.JSX.Element;
481
+
482
+ interface FieldProps {
483
+ label: string;
484
+ htmlFor?: string;
485
+ hint?: string;
486
+ error?: string;
487
+ required?: boolean;
488
+ cornerHint?: string;
489
+ className?: string;
490
+ children: React$1.ReactNode;
491
+ }
492
+ declare function Field({ label, htmlFor, hint, error, required, cornerHint, className, children, }: FieldProps): react_jsx_runtime.JSX.Element;
493
+
494
+ interface GridListProps {
495
+ children: React$1.ReactNode;
496
+ columns?: 2 | 3 | 4;
497
+ gap?: "sm" | "md" | "lg";
498
+ className?: string;
499
+ }
500
+ declare function GridList({ children, columns, gap, className }: GridListProps): react_jsx_runtime.JSX.Element;
501
+ interface GridListCardProps {
502
+ title: string;
503
+ description?: string;
504
+ meta?: string;
505
+ href?: string;
506
+ accent?: React$1.ReactNode;
507
+ trailing?: React$1.ReactNode;
508
+ className?: string;
509
+ }
510
+ declare function GridListCard({ title, description, meta, href, accent, trailing, className, }: GridListCardProps): react_jsx_runtime.JSX.Element;
511
+ interface GridListAccentCardProps {
512
+ title: string;
513
+ meta?: string;
514
+ href?: string;
515
+ accentClass?: string;
516
+ initials?: string;
517
+ trailing?: React$1.ReactNode;
518
+ className?: string;
519
+ }
520
+ declare function GridListAccentCard({ title, meta, href, accentClass, initials, trailing, className, }: GridListAccentCardProps): react_jsx_runtime.JSX.Element;
521
+
522
+ declare const HoverCardRoot: React$1.FC<HoverCard.HoverCardProps>;
523
+ declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCard.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
524
+ declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCard.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
525
+
526
+ interface InputGroupProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
527
+ leadingAddon?: React$1.ReactNode;
528
+ trailingAddon?: React$1.ReactNode;
529
+ leadingIcon?: React$1.ReactNode;
530
+ trailingIcon?: React$1.ReactNode;
531
+ trailingButton?: React$1.ReactNode;
532
+ error?: boolean;
533
+ pill?: boolean;
534
+ wrapperClassName?: string;
535
+ }
536
+ declare const InputGroup: React$1.ForwardRefExoticComponent<InputGroupProps & React$1.RefAttributes<HTMLInputElement>>;
537
+
538
+ interface InputNumberProps extends Omit<React$1.ComponentProps<"input">, "type" | "value" | "onChange"> {
539
+ value: number;
540
+ onChange: (next: number) => void;
541
+ min?: number;
542
+ max?: number;
543
+ step?: number;
544
+ /** Suffix shown after the number (e.g. "px", "mm", "°", "%"). */
545
+ unit?: string;
546
+ /** Number of decimals to display. Default: 0. */
547
+ precision?: number;
548
+ /** Hides the up/down stepper buttons. */
549
+ hideSteppers?: boolean;
550
+ }
551
+ /**
552
+ * Numeric input with up/down steppers, unit suffix, and arrow-key step (Shift = 10×).
553
+ * Designed for designer property panels — see PHASE_0_AUDIT.md §P0.2.
554
+ */
555
+ declare const InputNumber: React$1.ForwardRefExoticComponent<Omit<InputNumberProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
556
+
557
+ declare const InputOTP: React$1.ForwardRefExoticComponent<(Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
558
+ value?: string;
559
+ onChange?: (newValue: string) => unknown;
560
+ maxLength: number;
561
+ textAlign?: "left" | "center" | "right";
562
+ onComplete?: (...args: any[]) => unknown;
563
+ pushPasswordManagerStrategy?: "increase-width" | "none";
564
+ pasteTransformer?: (pasted: string) => string;
565
+ containerClassName?: string;
566
+ noScriptCSSFallback?: string | null;
567
+ } & {
568
+ render: (props: input_otp.RenderProps) => React$1.ReactNode;
569
+ children?: never;
570
+ } & React$1.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
571
+ value?: string;
572
+ onChange?: (newValue: string) => unknown;
573
+ maxLength: number;
574
+ textAlign?: "left" | "center" | "right";
575
+ onComplete?: (...args: any[]) => unknown;
576
+ pushPasswordManagerStrategy?: "increase-width" | "none";
577
+ pasteTransformer?: (pasted: string) => string;
578
+ containerClassName?: string;
579
+ noScriptCSSFallback?: string | null;
580
+ } & {
581
+ render?: never;
582
+ children: React$1.ReactNode;
583
+ } & React$1.RefAttributes<HTMLInputElement>, "ref">) & React$1.RefAttributes<HTMLInputElement>>;
584
+ declare const InputOTPGroup: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
585
+ declare const InputOTPSlot: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
586
+ index: number;
587
+ } & React$1.RefAttributes<HTMLDivElement>>;
588
+ declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
589
+
590
+ declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
591
+
592
+ declare const Kbd: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
593
+
594
+ declare const Label: React$1.ForwardRefExoticComponent<Omit<Label$1.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
595
+
596
+ interface MediaObjectProps {
597
+ media: React$1.ReactNode;
598
+ children: React$1.ReactNode;
599
+ mediaPosition?: "left" | "right";
600
+ align?: "top" | "center" | "bottom";
601
+ gap?: "sm" | "md" | "lg";
602
+ className?: string;
603
+ }
604
+ declare function MediaObject({ media, children, mediaPosition, align, gap, className, }: MediaObjectProps): react_jsx_runtime.JSX.Element;
605
+
606
+ declare const MenubarRoot: React$1.ForwardRefExoticComponent<Omit<Menubar.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
607
+ declare const MenubarMenu: {
608
+ (props: Menubar.MenubarMenuProps & {
609
+ __scopeMenubar?: _radix_ui_react_context.Scope;
610
+ }): react_jsx_runtime.JSX.Element;
611
+ displayName: string;
612
+ };
613
+ declare const MenubarGroup: React$1.ForwardRefExoticComponent<Menubar.MenubarGroupProps & React$1.RefAttributes<HTMLDivElement>>;
614
+ declare const MenubarSub: React$1.FC<Menubar.MenubarSubProps>;
615
+ declare const MenubarRadioGroup: React$1.ForwardRefExoticComponent<Menubar.MenubarRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
616
+ declare const MenubarTrigger: React$1.ForwardRefExoticComponent<Omit<Menubar.MenubarTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
617
+ declare const MenubarContent: React$1.ForwardRefExoticComponent<Omit<Menubar.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
618
+ declare const MenubarItem: React$1.ForwardRefExoticComponent<Omit<Menubar.MenubarItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
619
+ inset?: boolean;
620
+ } & React$1.RefAttributes<HTMLDivElement>>;
621
+ declare const MenubarCheckboxItem: React$1.ForwardRefExoticComponent<Omit<Menubar.MenubarCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
622
+ declare const MenubarRadioItem: React$1.ForwardRefExoticComponent<Omit<Menubar.MenubarRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
623
+ declare const MenubarLabel: React$1.ForwardRefExoticComponent<Omit<Menubar.MenubarLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
624
+ inset?: boolean;
625
+ } & React$1.RefAttributes<HTMLDivElement>>;
626
+ declare const MenubarSeparator: React$1.ForwardRefExoticComponent<Omit<Menubar.MenubarSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
627
+ declare const MenubarSubTrigger: React$1.ForwardRefExoticComponent<Omit<Menubar.MenubarSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
628
+ inset?: boolean;
629
+ } & React$1.RefAttributes<HTMLDivElement>>;
630
+ declare const MenubarSubContent: React$1.ForwardRefExoticComponent<Omit<Menubar.MenubarSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
631
+ declare function MenubarShortcut({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
632
+ declare namespace MenubarShortcut {
633
+ var displayName: string;
634
+ }
635
+
636
+ declare const NativeSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLAttributes<HTMLSelectElement> & React$1.RefAttributes<HTMLSelectElement>>;
637
+ declare const NativeSelectOption: React$1.ForwardRefExoticComponent<React$1.OptionHTMLAttributes<HTMLOptionElement> & React$1.RefAttributes<HTMLOptionElement>>;
638
+ declare const NativeSelectOptGroup: React$1.ForwardRefExoticComponent<React$1.OptgroupHTMLAttributes<HTMLOptGroupElement> & React$1.RefAttributes<HTMLOptGroupElement>>;
639
+
640
+ declare const NavigationMenuRoot: React$1.ForwardRefExoticComponent<Omit<NavigationMenu.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
641
+ declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenu.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
642
+ declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenu.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
643
+ declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenu.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
644
+ declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<NavigationMenu.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
645
+ declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<Omit<NavigationMenu.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
646
+ declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenu.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
647
+ declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenu.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
648
+ declare function navigationMenuTriggerStyle(): string;
649
+
650
+ interface NotificationAction {
651
+ label: string;
652
+ onClick?: () => void;
653
+ variant?: "default" | "ghost";
654
+ }
655
+ interface NotificationProps {
656
+ title: string;
657
+ description?: string;
658
+ icon?: React$1.ReactNode;
659
+ variant?: "default" | "success" | "error" | "warning" | "info";
660
+ actions?: NotificationAction[];
661
+ onClose?: () => void;
662
+ className?: string;
663
+ }
664
+ declare function Notification({ title, description, icon, variant, actions, onClose, className, }: NotificationProps): react_jsx_runtime.JSX.Element;
665
+
666
+ interface BreadcrumbItem {
667
+ label: string;
668
+ href?: string;
669
+ }
670
+ interface PageHeadingAction {
671
+ label: string;
672
+ href?: string;
673
+ onClick?: () => void;
674
+ variant?: "default" | "outline" | "ghost";
675
+ primary?: boolean;
676
+ }
677
+ interface PageHeadingMeta {
678
+ icon?: React$1.ReactNode;
679
+ text: string;
680
+ }
681
+ interface PageHeadingProps {
682
+ title: string;
683
+ description?: string;
684
+ breadcrumbs?: BreadcrumbItem[];
685
+ actions?: PageHeadingAction[];
686
+ meta?: PageHeadingMeta[];
687
+ badge?: string | {
688
+ label: string;
689
+ variant?: "default" | "secondary" | "outline" | "destructive";
690
+ };
691
+ className?: string;
692
+ }
693
+ declare function PageHeading({ title, description, breadcrumbs, actions, meta, badge, className, }: PageHeadingProps): react_jsx_runtime.JSX.Element;
694
+
695
+ declare const Pagination: {
696
+ ({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
697
+ displayName: string;
698
+ };
699
+ declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
700
+ declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
701
+ type PaginationLinkProps = React$1.ComponentProps<"a"> & {
702
+ isActive?: boolean;
703
+ };
704
+ declare const PaginationLink: {
705
+ ({ className, isActive, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
706
+ displayName: string;
707
+ };
708
+ declare const PaginationPrevious: {
709
+ ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
710
+ displayName: string;
711
+ };
712
+ declare const PaginationNext: {
713
+ ({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
714
+ displayName: string;
715
+ };
716
+ declare const PaginationEllipsis: {
717
+ ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
718
+ displayName: string;
719
+ };
720
+
721
+ declare const PopoverRoot: React$1.FC<Popover.PopoverProps>;
722
+ declare const PopoverTrigger: React$1.ForwardRefExoticComponent<Popover.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
723
+ declare const PopoverClose: React$1.ForwardRefExoticComponent<Popover.PopoverCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
724
+ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<Popover.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
725
+
726
+ declare const ProgressRoot: React$1.ForwardRefExoticComponent<Omit<Progress.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
727
+
728
+ interface PropertyRowProps extends React$1.ComponentProps<"div"> {
729
+ /** Optional label rendered on the left. Pass a string or any React node (icon + label, etc.). */
730
+ label?: React$1.ReactNode;
731
+ /** Width of the label column. Default: 96px. */
732
+ labelWidth?: number | string;
733
+ /** Aligns label vertically with controls. Default: "center". */
734
+ labelAlign?: "start" | "center";
735
+ }
736
+ /**
737
+ * Horizontal property row used inside designer inspector panels:
738
+ * left-aligned label, right-aligned controls, single visual row.
739
+ * Different from <Field>, which is a vertical form field with hint/error.
740
+ *
741
+ * <PropertyRow label="Opacity">
742
+ * <Slider />
743
+ * <InputNumber />
744
+ * </PropertyRow>
745
+ */
746
+ declare function PropertyRow({ label, labelWidth, labelAlign, className, children, ...rest }: PropertyRowProps): react_jsx_runtime.JSX.Element;
747
+
748
+ interface RadioCardOption {
749
+ value: string;
750
+ label: string;
751
+ description?: string;
752
+ meta?: string;
753
+ icon?: React$1.ReactNode;
754
+ disabled?: boolean;
755
+ }
756
+ interface RadioCardsProps {
757
+ options: RadioCardOption[];
758
+ value?: string;
759
+ onValueChange?: (value: string) => void;
760
+ columns?: 1 | 2 | 3 | 4;
761
+ className?: string;
762
+ }
763
+ declare function RadioCards({ options, value, onValueChange, columns, className }: RadioCardsProps): react_jsx_runtime.JSX.Element;
764
+
765
+ declare const RadioGroupRoot: React$1.ForwardRefExoticComponent<Omit<RadioGroup.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
766
+ declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroup.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
767
+
768
+ type ResizablePanelGroupProps = Omit<GroupProps, "orientation"> & {
769
+ /** Alias for `orientation` — matches the common shadcn/ui API. */
770
+ direction?: "horizontal" | "vertical";
771
+ orientation?: "horizontal" | "vertical";
772
+ };
773
+ declare function ResizablePanelGroup({ className, direction, orientation, ...props }: ResizablePanelGroupProps): react_jsx_runtime.JSX.Element;
774
+ declare namespace ResizablePanelGroup {
775
+ var displayName: string;
776
+ }
777
+ declare const ResizablePanel: typeof Panel;
778
+ type ResizableHandleProps = SeparatorProps & {
779
+ withHandle?: boolean;
780
+ };
781
+ declare function ResizableHandle({ className, withHandle, ...props }: ResizableHandleProps): react_jsx_runtime.JSX.Element;
782
+ declare namespace ResizableHandle {
783
+ var displayName: string;
784
+ }
785
+
786
+ declare const ScrollAreaRoot: React$1.ForwardRefExoticComponent<Omit<ScrollArea.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
787
+
788
+ interface SectionHeadingAction {
789
+ label: string;
790
+ href?: string;
791
+ onClick?: () => void;
792
+ variant?: "default" | "outline" | "ghost";
793
+ }
794
+ interface SectionHeadingProps {
795
+ title: string;
796
+ description?: string;
797
+ actions?: SectionHeadingAction[];
798
+ border?: boolean;
799
+ className?: string;
800
+ }
801
+ declare function SectionHeading({ title, description, actions, border, className, }: SectionHeadingProps): react_jsx_runtime.JSX.Element;
802
+
803
+ declare const SelectRoot: React$1.FC<Select.SelectProps>;
804
+ declare const SelectGroup: React$1.ForwardRefExoticComponent<Select.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
805
+ declare const SelectValue: React$1.ForwardRefExoticComponent<Select.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
806
+ declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<Select.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
807
+ declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<Select.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
808
+ declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<Select.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
809
+ declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<Select.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
810
+ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<Select.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
811
+
812
+ declare const Separator: React$1.ForwardRefExoticComponent<Omit<Separator$1.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
813
+
814
+ declare const SheetRoot: React$1.FC<Dialog.DialogProps>;
815
+ declare const SheetTrigger: React$1.ForwardRefExoticComponent<Dialog.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
816
+ declare const SheetClose: React$1.ForwardRefExoticComponent<Dialog.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
817
+ declare const sheetContentVariants: (props?: ({
818
+ side?: "left" | "right" | "top" | "bottom" | null | undefined;
819
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
820
+ interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof Dialog.Content>, VariantProps<typeof sheetContentVariants> {
821
+ }
822
+ declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
823
+ declare function SheetHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
824
+ declare namespace SheetHeader {
825
+ var displayName: string;
826
+ }
827
+ declare function SheetFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
828
+ declare namespace SheetFooter {
829
+ var displayName: string;
830
+ }
831
+ declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<Dialog.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
832
+ declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<Dialog.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
833
+
834
+ interface SidebarContextValue {
835
+ state: "expanded" | "collapsed";
836
+ open: boolean;
837
+ setOpen: (open: boolean) => void;
838
+ toggleSidebar: () => void;
839
+ }
840
+ declare function useSidebar(): SidebarContextValue;
841
+ interface SidebarProviderProps extends React$1.ComponentProps<"div"> {
842
+ defaultOpen?: boolean;
843
+ open?: boolean;
844
+ onOpenChange?: (open: boolean) => void;
845
+ }
846
+ declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange, className, style, children, ...props }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
847
+ interface SidebarProps extends React$1.ComponentProps<"aside"> {
848
+ side?: "left" | "right";
849
+ variant?: "sidebar" | "floating" | "inset";
850
+ collapsible?: "offcanvas" | "icon" | "none";
851
+ }
852
+ declare function Sidebar({ side, variant, collapsible, className, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
853
+ declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
854
+ declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
855
+ declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
856
+ declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
857
+ declare function SidebarContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
858
+ declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
859
+ declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
860
+ declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
861
+ declare function SidebarGroupLabel({ className, asChild, ...props }: React$1.ComponentProps<"div"> & {
862
+ asChild?: boolean;
863
+ }): react_jsx_runtime.JSX.Element;
864
+ declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
865
+ declare function SidebarGroupAction({ className, asChild, ...props }: React$1.ComponentProps<"button"> & {
866
+ asChild?: boolean;
867
+ }): react_jsx_runtime.JSX.Element;
868
+ declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
869
+ declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
870
+ interface SidebarMenuButtonProps extends React$1.ComponentProps<"button"> {
871
+ asChild?: boolean;
872
+ isActive?: boolean;
873
+ tooltip?: string;
874
+ size?: "default" | "sm" | "lg";
875
+ }
876
+ declare function SidebarMenuButton({ asChild, isActive, tooltip, size, className, children, ...props }: SidebarMenuButtonProps): react_jsx_runtime.JSX.Element;
877
+ interface SidebarMenuActionProps extends React$1.ComponentProps<"button"> {
878
+ asChild?: boolean;
879
+ showOnHover?: boolean;
880
+ }
881
+ declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: SidebarMenuActionProps): react_jsx_runtime.JSX.Element;
882
+ declare function SidebarMenuBadge({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
883
+ declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React$1.ComponentProps<"div"> & {
884
+ showIcon?: boolean;
885
+ }): react_jsx_runtime.JSX.Element;
886
+ declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
887
+ declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
888
+ interface SidebarMenuSubButtonProps extends React$1.ComponentProps<"a"> {
889
+ asChild?: boolean;
890
+ isActive?: boolean;
891
+ }
892
+ declare function SidebarMenuSubButton({ asChild, isActive, className, ...props }: SidebarMenuSubButtonProps): react_jsx_runtime.JSX.Element;
893
+
894
+ declare function Skeleton({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
895
+
896
+ declare const SliderRoot: React$1.ForwardRefExoticComponent<Omit<Slider.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
897
+
898
+ type ToasterProps = React.ComponentProps<typeof Toaster$1>;
899
+ declare function Toaster({ ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
900
+
901
+ declare const spinnerVariants: (props?: ({
902
+ size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
903
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
904
+ interface SpinnerProps extends React$1.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof spinnerVariants> {
905
+ }
906
+ declare function Spinner({ className, size, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
907
+
908
+ interface StackedListProps {
909
+ children: React$1.ReactNode;
910
+ divided?: boolean;
911
+ bordered?: boolean;
912
+ className?: string;
913
+ }
914
+ declare function StackedList({ children, divided, bordered, className }: StackedListProps): react_jsx_runtime.JSX.Element;
915
+ interface StackedListItemProps {
916
+ children: React$1.ReactNode;
917
+ href?: string;
918
+ onClick?: () => void;
919
+ className?: string;
920
+ }
921
+ declare function StackedListItem({ children, href, onClick, className }: StackedListItemProps): react_jsx_runtime.JSX.Element;
922
+
923
+ interface StatCardProps {
924
+ label: string;
925
+ value: string | number;
926
+ trend?: {
927
+ value: string;
928
+ direction: "up" | "down" | "neutral";
929
+ };
930
+ icon?: React$1.ReactNode;
931
+ className?: string;
932
+ }
933
+ declare function StatCard({ label, value, trend, icon, className }: StatCardProps): react_jsx_runtime.JSX.Element;
934
+
935
+ type StepStatus = "complete" | "current" | "upcoming";
936
+ interface Step {
937
+ id?: string | number;
938
+ name: string;
939
+ description?: string;
940
+ status: StepStatus;
941
+ href?: string;
942
+ }
943
+ interface StepsProps {
944
+ steps: Step[];
945
+ variant?: "circles" | "bullets" | "progress";
946
+ className?: string;
947
+ }
948
+ declare function Steps({ steps, variant, className }: StepsProps): react_jsx_runtime.JSX.Element;
949
+
950
+ declare const SwitchRoot: React$1.ForwardRefExoticComponent<Omit<Switch.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
951
+
952
+ declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & {
953
+ containerClassName?: string;
954
+ } & React$1.RefAttributes<HTMLTableElement>>;
955
+ declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
956
+ declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
957
+ declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
958
+ declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
959
+ declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
960
+ declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
961
+ declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
962
+
963
+ declare const TabsRoot: React$1.ForwardRefExoticComponent<Omit<Tabs.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
964
+ declare const TabsList: React$1.ForwardRefExoticComponent<Omit<Tabs.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
965
+ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<Tabs.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
966
+ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<Tabs.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
967
+
968
+ declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
969
+
970
+ declare const ToggleGroupRoot: React$1.ForwardRefExoticComponent<((Omit<ToggleGroup.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroup.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
971
+ variant?: "default" | "outline" | "brand" | null | undefined;
972
+ size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
973
+ } & class_variance_authority_types.ClassProp) | undefined) => string>) & React$1.RefAttributes<HTMLDivElement>>;
974
+ declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroup.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
975
+ variant?: "default" | "outline" | "brand" | null | undefined;
976
+ size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
977
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
978
+
979
+ declare const toggleVariants: (props?: ({
980
+ variant?: "default" | "outline" | "brand" | null | undefined;
981
+ size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
982
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
983
+ interface ToggleProps extends React$1.ComponentPropsWithoutRef<typeof Toggle.Root>, VariantProps<typeof toggleVariants> {
984
+ }
985
+ declare const ToggleRoot: React$1.ForwardRefExoticComponent<ToggleProps & React$1.RefAttributes<HTMLButtonElement>>;
986
+
987
+ declare function TooltipProvider({ children, ...props }: React$1.ComponentPropsWithoutRef<typeof Tooltip.Provider>): react_jsx_runtime.JSX.Element;
988
+ declare const TooltipRoot: React$1.FC<Tooltip.TooltipProps>;
989
+ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<Tooltip.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
990
+ declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<Tooltip.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
991
+
992
+ export { AccordionRoot as Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionPanel, ActivityFeed, Alert, AlertDescription, AlertDialogRoot as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatioRoot as AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, type AvatarStackItem, AvatarWithStatus, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, CHART_COLORS, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardMedia, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartTooltip, CheckboxRoot as Checkbox, CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, ColorInput, type ColorInputProps, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, type CommandPaletteItem, CommandSeparator, CommandShortcut, ContextMenuRoot as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DatePicker, type DescriptionItem, DescriptionList, DialogRoot as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DrawerRoot as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenuRoot as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type FeedEvent, Field, GridList, GridListAccentCard, GridListCard, HoverCardRoot as HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputNumber, type InputNumberProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, MediaObject, MenubarRoot as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenuRoot as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, PageHeading, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PopoverRoot as Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressRoot as Progress, PropertyRow, type PropertyRowProps, type RadioCardOption, RadioCards, RadioGroupRoot as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollAreaRoot as ScrollArea, SectionHeading, SelectRoot as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, SheetRoot as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SliderRoot as Slider, Spinner, StackedList, StackedListItem, StatCard, type Step, type StepStatus, Steps, SwitchRoot as Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TabsRoot as Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, ToggleRoot as Toggle, ToggleGroupRoot as ToggleGroup, ToggleGroupItem, TooltipRoot as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, formatDate, navigationMenuTriggerStyle, spinnerVariants, toggleVariants, useSidebar };