@karakuri-ui/react 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 (8) hide show
  1. package/README.md +77 -0
  2. package/dist/index.d.mts +1796 -0
  3. package/dist/index.d.ts +1796 -0
  4. package/dist/index.js +7828 -0
  5. package/dist/index.js.map +1 -0
  6. package/dist/index.mjs +7571 -0
  7. package/dist/index.mjs.map +1 -0
  8. package/package.json +120 -0
package/dist/index.d.mts ADDED
@@ -0,0 +1,1796 @@
1
+ import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import * as React from 'react';
3
+ import * as AccordionPrimitive from '@radix-ui/react-accordion';
4
+ import { VariantProps } from 'class-variance-authority';
5
+ import * as SeparatorPrimitive from '@radix-ui/react-separator';
6
+ import * as TogglePrimitive from '@radix-ui/react-toggle';
7
+ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
8
+ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
9
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
10
+ import * as SwitchPrimitive from '@radix-ui/react-switch';
11
+ import * as SliderPrimitive from '@radix-ui/react-slider';
12
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
13
+ import * as SelectPrimitive from '@radix-ui/react-select';
14
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
15
+ import * as RechartsPrimitive from 'recharts';
16
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
17
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
18
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
19
+ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
20
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
21
+ import * as ProgressPrimitive from '@radix-ui/react-progress';
22
+
23
+ declare const accordionVariants: (props?: ({
24
+ variant?: "default" | "bordered" | "splitted" | null | undefined;
25
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
26
+ interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
27
+ type?: 'single' | 'multiple';
28
+ variant?: 'default' | 'bordered' | 'splitted';
29
+ size?: 'sm' | 'default' | 'lg';
30
+ iconPosition?: 'left' | 'right';
31
+ collapsible?: boolean;
32
+ defaultValue?: string | string[];
33
+ value?: string | string[];
34
+ onValueChange?: ((value: string) => void) | ((value: string[]) => void);
35
+ disabled?: boolean;
36
+ }
37
+ declare const accordionItemVariants: (props?: ({
38
+ variant?: "default" | "bordered" | "splitted" | null | undefined;
39
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
40
+ interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>, Omit<VariantProps<typeof accordionItemVariants>, 'variant'> {
41
+ }
42
+ declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
43
+ declare const accordionTriggerVariants: (props?: ({
44
+ size?: "default" | "sm" | "lg" | null | undefined;
45
+ iconPosition?: "left" | "right" | null | undefined;
46
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
47
+ interface AccordionTriggerProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
48
+ /** Custom indicator icon (replaces default chevron) */
49
+ icon?: React.ReactNode;
50
+ }
51
+ declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
52
+ interface AccordionContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
53
+ }
54
+ declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
55
+ declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>> & {
56
+ Item: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
57
+ Trigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
58
+ Content: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
59
+ };
60
+ declare namespace Accordion {
61
+ type ItemProps = AccordionItemProps;
62
+ type TriggerProps = AccordionTriggerProps;
63
+ type ContentProps = AccordionContentProps;
64
+ }
65
+
66
+ declare const breadcrumbSizeMap: {
67
+ readonly sm: {
68
+ readonly text: "text-xs";
69
+ readonly icon: "icon-xs";
70
+ readonly gap: "gap-1.5";
71
+ };
72
+ readonly default: {
73
+ readonly text: "text-sm";
74
+ readonly icon: "icon-xs";
75
+ readonly gap: "gap-2";
76
+ };
77
+ readonly lg: {
78
+ readonly text: "text-md";
79
+ readonly icon: "icon-sm";
80
+ readonly gap: "gap-2";
81
+ };
82
+ };
83
+ interface BreadcrumbProps extends React.ComponentPropsWithoutRef<'nav'> {
84
+ /** Separator element between items */
85
+ separator?: React.ReactNode;
86
+ /** Size of the breadcrumb */
87
+ size?: 'sm' | 'default' | 'lg';
88
+ /** Max items before collapsing (undefined = no collapse) */
89
+ maxItems?: number;
90
+ /** Items visible before the ellipsis when collapsed */
91
+ itemsBeforeCollapse?: number;
92
+ /** Items visible after the ellipsis when collapsed */
93
+ itemsAfterCollapse?: number;
94
+ }
95
+ declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
96
+ declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
97
+ interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<'a'> {
98
+ /** Use Radix Slot to compose with custom link components */
99
+ asChild?: boolean;
100
+ }
101
+ declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
102
+ declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
103
+ declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
104
+ interface BreadcrumbEllipsisProps extends React.ComponentPropsWithoutRef<'span'> {
105
+ }
106
+ declare const BreadcrumbEllipsis: React.ForwardRefExoticComponent<BreadcrumbEllipsisProps & React.RefAttributes<HTMLSpanElement>>;
107
+ declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>> & {
108
+ List: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
109
+ Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
110
+ Link: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
111
+ Page: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
112
+ Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
113
+ Ellipsis: React.ForwardRefExoticComponent<BreadcrumbEllipsisProps & React.RefAttributes<HTMLSpanElement>>;
114
+ };
115
+ declare namespace Breadcrumb {
116
+ type LinkProps = BreadcrumbLinkProps;
117
+ type EllipsisProps = BreadcrumbEllipsisProps;
118
+ }
119
+
120
+ declare const dividerVariants: (props?: ({
121
+ orientation?: "horizontal" | "vertical" | null | undefined;
122
+ variant?: "solid" | "dashed" | "dotted" | null | undefined;
123
+ color?: "default" | "strong" | "muted" | null | undefined;
124
+ spacing?: "default" | "sm" | "lg" | "md" | null | undefined;
125
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
126
+ interface DividerProps extends Omit<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, 'children' | 'color' | 'orientation'> {
127
+ /** Direction of the divider */
128
+ orientation?: 'horizontal' | 'vertical';
129
+ /** Line style */
130
+ variant?: 'solid' | 'dashed' | 'dotted';
131
+ /** Line color intensity */
132
+ color?: 'default' | 'muted' | 'strong';
133
+ /** Spacing around the divider */
134
+ spacing?: 'sm' | 'md' | 'default' | 'lg';
135
+ /** Content to display on the divider line (horizontal only) */
136
+ label?: React.ReactNode;
137
+ /** Label position along the line */
138
+ labelPosition?: 'left' | 'center' | 'right';
139
+ }
140
+ declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
141
+
142
+ declare const solidColorMap: {
143
+ readonly default: "bg-foreground text-background hover:bg-foreground/90 active:bg-foreground/80";
144
+ readonly primary: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active";
145
+ readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover active:bg-secondary-active";
146
+ readonly destructive: "bg-error text-error-foreground hover:bg-error-hover active:bg-error-active";
147
+ };
148
+ type ButtonColor = keyof typeof solidColorMap;
149
+ declare const buttonVariants: (props?: ({
150
+ variant?: "link" | "solid" | "outline" | "ghost" | null | undefined;
151
+ size?: "default" | "sm" | "lg" | "icon" | "md" | "xs" | null | undefined;
152
+ radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
153
+ fullWidth?: boolean | null | undefined;
154
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
155
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
156
+ /** Solid variant color */
157
+ color?: ButtonColor;
158
+ asChild?: boolean;
159
+ loading?: boolean;
160
+ leftIcon?: React.ReactNode;
161
+ rightIcon?: React.ReactNode;
162
+ selected?: boolean;
163
+ fontWeight?: 'normal' | 'semibold';
164
+ pressEffect?: boolean;
165
+ }
166
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
167
+
168
+ declare const iconButtonVariants: (props?: ({
169
+ variant?: "solid" | "outline" | "ghost" | "subtle" | null | undefined;
170
+ size?: "default" | "sm" | "lg" | "md" | "xs" | null | undefined;
171
+ radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
172
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
173
+ interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
174
+ /** Solid variant color */
175
+ color?: ButtonColor;
176
+ asChild?: boolean;
177
+ loading?: boolean;
178
+ pressEffect?: boolean;
179
+ }
180
+ declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
181
+
182
+ type ButtonGroupContextValue = {
183
+ variant?: 'outline' | 'ghost';
184
+ size?: 'xs' | 'sm' | 'md' | 'default' | 'lg';
185
+ radius?: 'none' | 'sm' | 'base' | 'default' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
186
+ fontWeight?: 'normal' | 'semibold';
187
+ disabled?: boolean;
188
+ };
189
+ declare function useButtonGroup(): ButtonGroupContextValue | null;
190
+ interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
191
+ orientation?: 'horizontal' | 'vertical';
192
+ attached?: boolean;
193
+ variant?: 'outline' | 'ghost';
194
+ size?: 'xs' | 'sm' | 'md' | 'default' | 'lg';
195
+ radius?: 'none' | 'sm' | 'base' | 'default' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
196
+ fontWeight?: 'normal' | 'semibold';
197
+ disabled?: boolean;
198
+ }
199
+ declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
200
+
201
+ declare const toggleVariants: (props?: ({
202
+ variant?: "default" | "outline" | "ghost" | "outline-ghost" | null | undefined;
203
+ fontWeight?: "normal" | "semibold" | null | undefined;
204
+ size?: "default" | "sm" | "lg" | "md" | "xs" | null | undefined;
205
+ radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
206
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
207
+ interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, Omit<VariantProps<typeof toggleVariants>, 'fontWeight'> {
208
+ iconOnly?: boolean;
209
+ fontWeight?: 'normal' | 'semibold';
210
+ pressEffect?: boolean;
211
+ }
212
+ declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
213
+
214
+ declare const toggleGroupVariants: (props?: ({
215
+ orientation?: "horizontal" | "vertical" | null | undefined;
216
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
217
+ declare const toggleGroupItemVariants: (props?: ({
218
+ variant?: "default" | "outline" | null | undefined;
219
+ fontWeight?: "normal" | "semibold" | null | undefined;
220
+ size?: "default" | "sm" | "lg" | "md" | "xs" | null | undefined;
221
+ radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
222
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
223
+ type ToggleGroupSingleProps = {
224
+ type: 'single';
225
+ value?: string;
226
+ defaultValue?: string;
227
+ onValueChange?: (value: string) => void;
228
+ };
229
+ type ToggleGroupMultipleProps = {
230
+ type: 'multiple';
231
+ value?: string[];
232
+ defaultValue?: string[];
233
+ onValueChange?: (value: string[]) => void;
234
+ };
235
+ type ToggleGroupBaseProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'dir'> & {
236
+ disabled?: boolean;
237
+ rovingFocus?: boolean;
238
+ orientation?: 'horizontal' | 'vertical';
239
+ dir?: 'ltr' | 'rtl';
240
+ loop?: boolean;
241
+ children?: React.ReactNode;
242
+ };
243
+ type ToggleGroupProps = ToggleGroupBaseProps & VariantProps<typeof toggleGroupVariants> & VariantProps<typeof toggleGroupItemVariants> & (ToggleGroupSingleProps | ToggleGroupMultipleProps);
244
+ interface ToggleGroupItemProps extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>, Omit<VariantProps<typeof toggleGroupItemVariants>, 'fontWeight'> {
245
+ fontWeight?: 'normal' | 'semibold';
246
+ }
247
+ declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
248
+ declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>> & {
249
+ Item: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
250
+ };
251
+ declare namespace ToggleGroup {
252
+ type ItemProps = ToggleGroupItemProps;
253
+ }
254
+
255
+ declare const segmentedVariants: (props?: ({
256
+ variant?: "default" | "outline" | "ghost" | "underline" | null | undefined;
257
+ size?: "default" | "sm" | "lg" | "md" | null | undefined;
258
+ radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
259
+ fontWeight?: "normal" | "semibold" | null | undefined;
260
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
261
+ declare const segmentedItemVariants: (props?: ({
262
+ variant?: "default" | "outline" | "ghost" | "underline" | null | undefined;
263
+ size?: "default" | "sm" | "lg" | "md" | null | undefined;
264
+ radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
265
+ contentType?: "text" | "icon" | "icon-text" | null | undefined;
266
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
267
+ interface SegmentedProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, VariantProps<typeof segmentedVariants> {
268
+ }
269
+ interface SegmentedItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, Omit<VariantProps<typeof segmentedItemVariants>, 'variant'> {
270
+ }
271
+ declare const SegmentedItem: React.ForwardRefExoticComponent<SegmentedItemProps & React.RefAttributes<HTMLButtonElement>>;
272
+ declare const Segmented: React.ForwardRefExoticComponent<SegmentedProps & React.RefAttributes<HTMLDivElement>> & {
273
+ Item: React.ForwardRefExoticComponent<SegmentedItemProps & React.RefAttributes<HTMLButtonElement>>;
274
+ };
275
+ declare namespace Segmented {
276
+ type ItemProps = SegmentedItemProps;
277
+ }
278
+
279
+ declare const inputVariants: (props?: ({
280
+ variant?: "default" | "filled" | null | undefined;
281
+ focusRing?: boolean | null | undefined;
282
+ size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
283
+ radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
284
+ state?: "default" | "error" | null | undefined;
285
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
286
+ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
287
+ leftIcon?: React.ReactNode;
288
+ rightIcon?: React.ReactNode;
289
+ error?: boolean;
290
+ focusRing?: boolean;
291
+ }
292
+ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
293
+
294
+ declare const textareaVariants: (props?: ({
295
+ variant?: "default" | "filled" | null | undefined;
296
+ focusRing?: boolean | null | undefined;
297
+ size?: "default" | "compact" | null | undefined;
298
+ radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
299
+ resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
300
+ state?: "default" | "error" | null | undefined;
301
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
302
+ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
303
+ error?: boolean;
304
+ focusRing?: boolean;
305
+ }
306
+ declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
307
+
308
+ interface FieldContextValue {
309
+ id: string;
310
+ error?: boolean;
311
+ disabled?: boolean;
312
+ }
313
+ declare function useFieldContext(): FieldContextValue | null;
314
+ declare const fieldVariants: (props?: ({
315
+ gap?: "default" | "sm" | "lg" | "none" | "xs" | null | undefined;
316
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
317
+ interface FieldProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof fieldVariants> {
318
+ error?: boolean;
319
+ disabled?: boolean;
320
+ }
321
+ interface FieldLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
322
+ required?: boolean;
323
+ }
324
+ declare const FieldLabel: React.ForwardRefExoticComponent<FieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
325
+ declare const FieldError: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
326
+ declare const FieldCharCount: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
327
+ declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>> & {
328
+ Label: React.ForwardRefExoticComponent<FieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
329
+ Error: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
330
+ CharCount: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
331
+ };
332
+ declare namespace Field {
333
+ type LabelProps = FieldLabelProps;
334
+ }
335
+
336
+ declare const checkboxColorMap: {
337
+ readonly default: "data-[state=checked]:bg-foreground data-[state=checked]:border-foreground data-[state=checked]:text-background data-[state=indeterminate]:bg-foreground data-[state=indeterminate]:border-foreground data-[state=indeterminate]:text-background";
338
+ readonly primary: "data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground";
339
+ };
340
+ type CheckboxColor = keyof typeof checkboxColorMap;
341
+ declare const checkboxVariants: (props?: ({
342
+ size?: "default" | "sm" | "lg" | null | undefined;
343
+ radius?: "sm" | "none" | "md" | null | undefined;
344
+ weight?: "bold" | "thin" | null | undefined;
345
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
346
+ interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'children'>, VariantProps<typeof checkboxVariants> {
347
+ /** Checked state color */
348
+ color?: CheckboxColor;
349
+ label?: string;
350
+ radius?: 'none' | 'sm' | 'md';
351
+ }
352
+ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
353
+
354
+ declare const radioColorMap: {
355
+ readonly default: {
356
+ readonly border: "data-[state=checked]:border-foreground";
357
+ readonly dot: "bg-foreground";
358
+ };
359
+ readonly primary: {
360
+ readonly border: "data-[state=checked]:border-primary";
361
+ readonly dot: "bg-primary";
362
+ };
363
+ };
364
+ type RadioColor = keyof typeof radioColorMap;
365
+ declare const radioGroupVariants: (props?: ({
366
+ orientation?: "horizontal" | "vertical" | null | undefined;
367
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
368
+ interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
369
+ size?: 'sm' | 'default' | 'lg';
370
+ weight?: 'thin' | 'bold';
371
+ /** Checked state color */
372
+ color?: RadioColor;
373
+ }
374
+ declare const radioItemVariants: (props?: ({
375
+ size?: "default" | "sm" | "lg" | null | undefined;
376
+ weight?: "bold" | "thin" | null | undefined;
377
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
378
+ interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
379
+ label?: string;
380
+ }
381
+ declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
382
+ declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
383
+ Item: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
384
+ };
385
+ declare namespace RadioGroup {
386
+ type ItemProps = RadioGroupItemProps;
387
+ }
388
+
389
+ declare const switchVariants: (props?: ({
390
+ size?: "default" | "sm" | "lg" | null | undefined;
391
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
392
+ type SwitchLabelPosition = 'start' | 'end' | 'top' | 'bottom';
393
+ type SwitchColor = 'default' | 'primary' | 'success' | 'warning' | 'error';
394
+ interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchVariants> {
395
+ label?: string;
396
+ labelPosition?: SwitchLabelPosition;
397
+ startLabel?: string;
398
+ endLabel?: string;
399
+ checkedIcon?: React.ReactNode;
400
+ uncheckedIcon?: React.ReactNode;
401
+ color?: SwitchColor;
402
+ }
403
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
404
+
405
+ declare const sliderVariants: (props?: ({
406
+ size?: "default" | "sm" | "lg" | null | undefined;
407
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
408
+ declare const sliderColorMap: {
409
+ readonly default: {
410
+ readonly range: "bg-foreground";
411
+ readonly thumb: "bg-background border-foreground";
412
+ readonly thumbHover: "hover:shadow-[0_0_0_4px_color-mix(in_srgb,var(--color-text)_16%,transparent)] hover:border-foreground";
413
+ readonly thumbActive: "active:shadow-[0_0_0_6px_color-mix(in_srgb,var(--color-text)_16%,transparent)]";
414
+ };
415
+ readonly primary: {
416
+ readonly range: "bg-primary";
417
+ readonly thumb: "bg-primary-foreground border-primary";
418
+ readonly thumbHover: "hover:shadow-primary-glow hover:border-primary-hover";
419
+ readonly thumbActive: "active:shadow-[0_0_0_6px_color-mix(in_srgb,var(--color-primary)_16%,transparent)]";
420
+ };
421
+ };
422
+ type SliderColor = keyof typeof sliderColorMap;
423
+ interface SliderProps extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, VariantProps<typeof sliderVariants> {
424
+ /** Track and thumb color */
425
+ color?: SliderColor;
426
+ /** Tooltip display mode: auto (hover/drag), always, never */
427
+ showTooltip?: 'auto' | 'always' | 'never';
428
+ /** Custom formatter for tooltip value */
429
+ formatLabel?: (value: number) => string;
430
+ /** Content to display before the slider (icon, label, etc.) */
431
+ startContent?: React.ReactNode;
432
+ /** Content to display after the slider */
433
+ endContent?: React.ReactNode;
434
+ }
435
+ declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
436
+
437
+ type DropdownMenuRadius = 'md' | 'lg' | 'xl';
438
+ type DropdownMenuSize = 'sm' | 'md' | 'lg';
439
+ declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
440
+ declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
441
+ declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
442
+ declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
443
+ declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
444
+ radius?: DropdownMenuRadius;
445
+ flush?: boolean;
446
+ size?: DropdownMenuSize;
447
+ } & React.RefAttributes<HTMLDivElement>>;
448
+ declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
449
+ inset?: boolean;
450
+ } & React.RefAttributes<HTMLDivElement>>;
451
+ declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
452
+ declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
453
+ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
454
+ inset?: boolean;
455
+ } & React.RefAttributes<HTMLDivElement>>;
456
+ declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
457
+ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
458
+ inset?: boolean;
459
+ } & React.RefAttributes<HTMLDivElement>>;
460
+ declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
461
+ declare function DropdownMenuShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
462
+ declare namespace DropdownMenuShortcut {
463
+ var displayName: string;
464
+ }
465
+
466
+ declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps> & {
467
+ Trigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
468
+ Content: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
469
+ radius?: DropdownMenuRadius;
470
+ flush?: boolean;
471
+ size?: DropdownMenuSize;
472
+ } & React.RefAttributes<HTMLDivElement>>;
473
+ Item: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
474
+ inset?: boolean;
475
+ } & React.RefAttributes<HTMLDivElement>>;
476
+ CheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
477
+ RadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
478
+ RadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
479
+ Label: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
480
+ inset?: boolean;
481
+ } & React.RefAttributes<HTMLDivElement>>;
482
+ Separator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
483
+ Group: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
484
+ Sub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
485
+ SubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
486
+ inset?: boolean;
487
+ } & React.RefAttributes<HTMLDivElement>>;
488
+ SubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
489
+ Shortcut: typeof DropdownMenuShortcut;
490
+ };
491
+
492
+ type SelectRadius = 'none' | 'sm' | 'base' | 'default' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
493
+ type SelectSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';
494
+ declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
495
+ declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
496
+ declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
497
+ declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
498
+ flush?: boolean;
499
+ } & React.RefAttributes<HTMLDivElement>>;
500
+ declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
501
+ declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
502
+ declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
503
+
504
+ declare const Select: (({ size, radius, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & {
505
+ size?: SelectSize;
506
+ radius?: SelectRadius;
507
+ }) => React.JSX.Element) & {
508
+ Trigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
509
+ Value: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
510
+ Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
511
+ flush?: boolean;
512
+ } & React.RefAttributes<HTMLDivElement>>;
513
+ Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
514
+ Group: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
515
+ Label: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
516
+ Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
517
+ };
518
+
519
+ declare const avatarVariants: (props?: ({
520
+ size?: "default" | "sm" | "lg" | "xs" | "xl" | "2xl" | null | undefined;
521
+ shape?: "circle" | "square" | null | undefined;
522
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
523
+ declare const avatarColors: readonly [{
524
+ readonly vivid: {
525
+ readonly bg: "bg-[#DC2626]";
526
+ readonly text: "text-white";
527
+ };
528
+ readonly soft: {
529
+ readonly bg: "bg-[#FEE2E2]";
530
+ readonly text: "text-[#DC2626]";
531
+ };
532
+ }, {
533
+ readonly vivid: {
534
+ readonly bg: "bg-[#EA580C]";
535
+ readonly text: "text-white";
536
+ };
537
+ readonly soft: {
538
+ readonly bg: "bg-[#FFEDD5]";
539
+ readonly text: "text-[#EA580C]";
540
+ };
541
+ }, {
542
+ readonly vivid: {
543
+ readonly bg: "bg-[#D97706]";
544
+ readonly text: "text-white";
545
+ };
546
+ readonly soft: {
547
+ readonly bg: "bg-[#FEF3C7]";
548
+ readonly text: "text-[#B45309]";
549
+ };
550
+ }, {
551
+ readonly vivid: {
552
+ readonly bg: "bg-[#CA8A04]";
553
+ readonly text: "text-white";
554
+ };
555
+ readonly soft: {
556
+ readonly bg: "bg-[#FEF9C3]";
557
+ readonly text: "text-[#A16207]";
558
+ };
559
+ }, {
560
+ readonly vivid: {
561
+ readonly bg: "bg-[#059669]";
562
+ readonly text: "text-white";
563
+ };
564
+ readonly soft: {
565
+ readonly bg: "bg-[#D1FAE5]";
566
+ readonly text: "text-[#047857]";
567
+ };
568
+ }, {
569
+ readonly vivid: {
570
+ readonly bg: "bg-[#0D9488]";
571
+ readonly text: "text-white";
572
+ };
573
+ readonly soft: {
574
+ readonly bg: "bg-[#CCFBF1]";
575
+ readonly text: "text-[#0F766E]";
576
+ };
577
+ }, {
578
+ readonly vivid: {
579
+ readonly bg: "bg-[#0891B2]";
580
+ readonly text: "text-white";
581
+ };
582
+ readonly soft: {
583
+ readonly bg: "bg-[#CFFAFE]";
584
+ readonly text: "text-[#0E7490]";
585
+ };
586
+ }, {
587
+ readonly vivid: {
588
+ readonly bg: "bg-[#2563EB]";
589
+ readonly text: "text-white";
590
+ };
591
+ readonly soft: {
592
+ readonly bg: "bg-[#DBEAFE]";
593
+ readonly text: "text-[#1D4ED8]";
594
+ };
595
+ }, {
596
+ readonly vivid: {
597
+ readonly bg: "bg-[#4F46E5]";
598
+ readonly text: "text-white";
599
+ };
600
+ readonly soft: {
601
+ readonly bg: "bg-[#E0E7FF]";
602
+ readonly text: "text-[#4338CA]";
603
+ };
604
+ }, {
605
+ readonly vivid: {
606
+ readonly bg: "bg-[#7C3AED]";
607
+ readonly text: "text-white";
608
+ };
609
+ readonly soft: {
610
+ readonly bg: "bg-[#EDE9FE]";
611
+ readonly text: "text-[#6D28D9]";
612
+ };
613
+ }, {
614
+ readonly vivid: {
615
+ readonly bg: "bg-[#9333EA]";
616
+ readonly text: "text-white";
617
+ };
618
+ readonly soft: {
619
+ readonly bg: "bg-[#F3E8FF]";
620
+ readonly text: "text-[#7E22CE]";
621
+ };
622
+ }, {
623
+ readonly vivid: {
624
+ readonly bg: "bg-[#DB2777]";
625
+ readonly text: "text-white";
626
+ };
627
+ readonly soft: {
628
+ readonly bg: "bg-[#FCE7F3]";
629
+ readonly text: "text-[#BE185D]";
630
+ };
631
+ }];
632
+ type AvatarColorVariant = 'vivid' | 'soft';
633
+ /** Extract initials from a name string (e.g. "John Doe" → "JD", "김민수" → "김민") */
634
+ declare function getAvatarInitials(name: string, maxChars?: number): string;
635
+ /** Hash a name string to a deterministic avatar color pair (djb2 xor variant) */
636
+ declare function getAvatarColor(name: string, variant?: AvatarColorVariant): {
637
+ readonly bg: "bg-[#DC2626]";
638
+ readonly text: "text-white";
639
+ } | {
640
+ readonly bg: "bg-[#FEE2E2]";
641
+ readonly text: "text-[#DC2626]";
642
+ } | {
643
+ readonly bg: "bg-[#EA580C]";
644
+ readonly text: "text-white";
645
+ } | {
646
+ readonly bg: "bg-[#FFEDD5]";
647
+ readonly text: "text-[#EA580C]";
648
+ } | {
649
+ readonly bg: "bg-[#D97706]";
650
+ readonly text: "text-white";
651
+ } | {
652
+ readonly bg: "bg-[#FEF3C7]";
653
+ readonly text: "text-[#B45309]";
654
+ } | {
655
+ readonly bg: "bg-[#CA8A04]";
656
+ readonly text: "text-white";
657
+ } | {
658
+ readonly bg: "bg-[#FEF9C3]";
659
+ readonly text: "text-[#A16207]";
660
+ } | {
661
+ readonly bg: "bg-[#059669]";
662
+ readonly text: "text-white";
663
+ } | {
664
+ readonly bg: "bg-[#D1FAE5]";
665
+ readonly text: "text-[#047857]";
666
+ } | {
667
+ readonly bg: "bg-[#0D9488]";
668
+ readonly text: "text-white";
669
+ } | {
670
+ readonly bg: "bg-[#CCFBF1]";
671
+ readonly text: "text-[#0F766E]";
672
+ } | {
673
+ readonly bg: "bg-[#0891B2]";
674
+ readonly text: "text-white";
675
+ } | {
676
+ readonly bg: "bg-[#CFFAFE]";
677
+ readonly text: "text-[#0E7490]";
678
+ } | {
679
+ readonly bg: "bg-[#2563EB]";
680
+ readonly text: "text-white";
681
+ } | {
682
+ readonly bg: "bg-[#DBEAFE]";
683
+ readonly text: "text-[#1D4ED8]";
684
+ } | {
685
+ readonly bg: "bg-[#4F46E5]";
686
+ readonly text: "text-white";
687
+ } | {
688
+ readonly bg: "bg-[#E0E7FF]";
689
+ readonly text: "text-[#4338CA]";
690
+ } | {
691
+ readonly bg: "bg-[#7C3AED]";
692
+ readonly text: "text-white";
693
+ } | {
694
+ readonly bg: "bg-[#EDE9FE]";
695
+ readonly text: "text-[#6D28D9]";
696
+ } | {
697
+ readonly bg: "bg-[#9333EA]";
698
+ readonly text: "text-white";
699
+ } | {
700
+ readonly bg: "bg-[#F3E8FF]";
701
+ readonly text: "text-[#7E22CE]";
702
+ } | {
703
+ readonly bg: "bg-[#DB2777]";
704
+ readonly text: "text-white";
705
+ } | {
706
+ readonly bg: "bg-[#FCE7F3]";
707
+ readonly text: "text-[#BE185D]";
708
+ };
709
+ type AvatarSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl' | '2xl';
710
+ type AvatarShape = 'circle' | 'square';
711
+ type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
712
+ interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
713
+ status?: AvatarStatus;
714
+ }
715
+ interface AvatarImageProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> {
716
+ }
717
+ declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
718
+ interface AvatarFallbackProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> {
719
+ size?: AvatarSize;
720
+ /** Shorthand: auto-generates initials + color from a name. Children override auto-initials. */
721
+ name?: string;
722
+ /** Pass a name/key to enable colorized mode. The string is hashed to pick a deterministic color. */
723
+ colorized?: string;
724
+ /** Color style: "vivid" (strong bg + white text) or "soft" (pastel bg + dark text). Default: "vivid" */
725
+ colorVariant?: AvatarColorVariant;
726
+ }
727
+ declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
728
+ interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
729
+ max?: number;
730
+ size?: AvatarSize;
731
+ shape?: AvatarShape;
732
+ }
733
+ declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
734
+ declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>> & {
735
+ Image: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
736
+ Fallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
737
+ Group: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
738
+ };
739
+ declare namespace Avatar {
740
+ type ImageProps = AvatarImageProps;
741
+ type FallbackProps = AvatarFallbackProps;
742
+ type GroupProps = AvatarGroupProps;
743
+ }
744
+
745
+ declare const THEMES: {
746
+ readonly light: "";
747
+ readonly dark: ".dark";
748
+ };
749
+ type ChartConfig = {
750
+ [k in string]: {
751
+ label?: React.ReactNode;
752
+ icon?: React.ComponentType;
753
+ } & ({
754
+ color?: string;
755
+ theme?: never;
756
+ } | {
757
+ color?: never;
758
+ theme: Record<keyof typeof THEMES, string>;
759
+ });
760
+ };
761
+ type ChartContextProps = {
762
+ config: ChartConfig;
763
+ hoverFade: boolean;
764
+ activeIndex: number | null;
765
+ setActiveIndex: (index: number | null) => void;
766
+ activeDataKey: string | null;
767
+ setActiveDataKey: (key: string | null) => void;
768
+ };
769
+ declare function useChart(): ChartContextProps;
770
+ declare function ChartContainer({ id, className, children, config, hoverFade, ...props }: React.ComponentProps<'div'> & {
771
+ config: ChartConfig;
772
+ /** Enable hover-to-highlight: hovered bar group stays full opacity, others fade. */
773
+ hoverFade?: boolean;
774
+ children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
775
+ }): React.JSX.Element;
776
+ declare const ChartStyle: ({ id, config }: {
777
+ id: string;
778
+ config: ChartConfig;
779
+ }) => React.JSX.Element;
780
+ type ChartBarRadius = 'none' | 'sm' | 'base' | 'md' | 'lg';
781
+ type ChartBarVariant = 'solid' | 'outline';
782
+ type ChartBarProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Bar>, 'radius'> & {
783
+ /** Named radius token. Auto-adapts corners based on layout and stack position. */
784
+ radius?: ChartBarRadius;
785
+ /** 'horizontal' rounds the right side (away from Y-axis). Default: 'vertical' */
786
+ layout?: 'vertical' | 'horizontal';
787
+ /** 'bottom' rounds the bottom corners (base of a stack). Default: 'top' */
788
+ stackPosition?: 'top' | 'bottom';
789
+ /** 'outline' renders a thick border with a semi-transparent fill. Default: 'solid' */
790
+ variant?: ChartBarVariant;
791
+ };
792
+ declare function ChartBar({ radius, layout, stackPosition, variant, fill, stackId, ...props }: ChartBarProps): React.JSX.Element;
793
+ declare function ChartTooltip(props: React.ComponentProps<typeof RechartsPrimitive.Tooltip>): React.JSX.Element;
794
+ type TooltipPayloadItem = {
795
+ dataKey?: string | number;
796
+ name?: string;
797
+ value?: number | string;
798
+ type?: string;
799
+ color?: string;
800
+ payload?: Record<string, unknown>;
801
+ fill?: string;
802
+ };
803
+ type ChartTooltipContentProps = React.ComponentProps<'div'> & {
804
+ active?: boolean;
805
+ payload?: TooltipPayloadItem[];
806
+ label?: string;
807
+ labelFormatter?: (value: unknown, payload: TooltipPayloadItem[]) => React.ReactNode;
808
+ labelClassName?: string;
809
+ formatter?: (value: unknown, name: string, item: TooltipPayloadItem, index: number, payload: Record<string, unknown>) => React.ReactNode;
810
+ color?: string;
811
+ hideLabel?: boolean;
812
+ hideIndicator?: boolean;
813
+ indicator?: 'line' | 'dot' | 'dashed';
814
+ nameKey?: string;
815
+ labelKey?: string;
816
+ };
817
+ declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): React.JSX.Element | null;
818
+ declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
819
+ type LegendPayloadItem = {
820
+ value?: string;
821
+ type?: string;
822
+ color?: string;
823
+ dataKey?: string;
824
+ };
825
+ type ChartLegendContentProps = React.ComponentProps<'div'> & {
826
+ payload?: LegendPayloadItem[];
827
+ verticalAlign?: 'top' | 'middle' | 'bottom';
828
+ align?: 'left' | 'center' | 'right';
829
+ /** Recharts passes layout when Legend uses layout prop */
830
+ layout?: 'horizontal' | 'vertical';
831
+ hideIcon?: boolean;
832
+ nameKey?: string;
833
+ };
834
+ declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, align, layout, nameKey, }: ChartLegendContentProps): React.JSX.Element | null;
835
+ type ChartXAxisProps = React.ComponentProps<typeof RechartsPrimitive.XAxis>;
836
+ type ChartYAxisProps = React.ComponentProps<typeof RechartsPrimitive.YAxis>;
837
+ declare function ChartXAxis({ tick, padding, ...props }: ChartXAxisProps): React.JSX.Element;
838
+ declare function ChartYAxis({ tick, width, ...props }: ChartYAxisProps): React.JSX.Element;
839
+ type ChartLineType = 'linear' | 'monotone' | 'step' | 'natural';
840
+ type ChartLineVariant = 'solid' | 'dashed';
841
+ type ChartLineProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Line>, 'type' | 'dot' | 'activeDot'> & {
842
+ /** Curve interpolation type. Default: 'monotone' */
843
+ type?: ChartLineType;
844
+ /** Line style. 'dashed' applies stroke-dasharray. Default: 'solid' */
845
+ variant?: ChartLineVariant;
846
+ /** Show data point dots. Default: true */
847
+ dot?: boolean;
848
+ /** Show highlighted dot on hover. Default: true */
849
+ activeDot?: boolean;
850
+ };
851
+ declare function ChartLine({ type, variant, dot: showDot, activeDot: showActiveDot, stroke, dataKey, ...props }: ChartLineProps): React.JSX.Element;
852
+ type ChartAreaType = 'linear' | 'monotone' | 'step' | 'natural';
853
+ type ChartAreaVariant = 'solid' | 'gradient';
854
+ type ChartAreaProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Area>, 'type' | 'dot' | 'activeDot'> & {
855
+ /** Curve interpolation type. Default: 'monotone' */
856
+ type?: ChartAreaType;
857
+ /** Fill style. 'gradient' auto-generates an SVG linearGradient. Default: 'solid' */
858
+ variant?: ChartAreaVariant;
859
+ /** Show data point dots. Default: true */
860
+ dot?: boolean;
861
+ /** Show highlighted dot on hover. Default: true */
862
+ activeDot?: boolean;
863
+ /** Fill opacity for this area (0–1). Default: 0.4 */
864
+ fillOpacity?: number;
865
+ };
866
+ declare function ChartArea({ type, variant, dot: showDot, activeDot: showActiveDot, fillOpacity, stroke, fill, dataKey, ...props }: ChartAreaProps): React.JSX.Element;
867
+ type ChartPieVariant = 'pie' | 'donut';
868
+ type ChartPieLabel = 'none' | 'outside' | 'inside';
869
+ type ChartPieLabelContent = 'value' | 'percent';
870
+ type ChartPieProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Pie>, 'label' | 'labelLine' | 'activeShape'> & {
871
+ /** 'donut' applies innerRadius automatically. Default: 'pie' */
872
+ variant?: ChartPieVariant;
873
+ /** Label position. Default: 'none' */
874
+ label?: ChartPieLabel;
875
+ /** Label display content. Default: 'value' */
876
+ labelContent?: ChartPieLabelContent;
877
+ /** Hover expand effect. Default: true */
878
+ activeShape?: boolean;
879
+ /** Override inner radius (default: 0 for pie, 60 for donut) */
880
+ innerRadius?: number;
881
+ /** Padding angle between slices (degrees). Default: 0 */
882
+ paddingAngle?: number;
883
+ /** Corner radius for slices. Default: 0 */
884
+ cornerRadius?: number;
885
+ };
886
+ declare function ChartPie({ variant, label: labelMode, labelContent, activeShape: showActiveShape, innerRadius, paddingAngle, cornerRadius, startAngle, endAngle, ...props }: ChartPieProps): React.JSX.Element;
887
+ declare const Chart: typeof ChartContainer & {
888
+ Bar: typeof ChartBar;
889
+ Line: typeof ChartLine;
890
+ Area: typeof ChartArea;
891
+ Pie: typeof ChartPie;
892
+ Tooltip: typeof ChartTooltip;
893
+ TooltipContent: typeof ChartTooltipContent;
894
+ Legend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
895
+ LegendContent: typeof ChartLegendContent;
896
+ XAxis: typeof ChartXAxis;
897
+ YAxis: typeof ChartYAxis;
898
+ Style: ({ id, config }: {
899
+ id: string;
900
+ config: ChartConfig;
901
+ }) => React.JSX.Element;
902
+ };
903
+
904
+ declare const metricCardVariants: (props?: ({
905
+ variant?: "default" | "ghost" | "elevated" | null | undefined;
906
+ size?: "default" | "sm" | "lg" | null | undefined;
907
+ radius?: "default" | "sm" | "lg" | "base" | "none" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
908
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
909
+ type MetricCardVariant = 'default' | 'elevated' | 'ghost';
910
+ type MetricCardSize = 'sm' | 'default' | 'lg';
911
+ type MetricCardRadius = 'none' | 'sm' | 'base' | 'default' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
912
+ type MetricCardTrendDirection = 'up' | 'down' | 'neutral';
913
+ interface MetricCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof metricCardVariants> {
914
+ animated?: boolean;
915
+ }
916
+ interface MetricCardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
917
+ }
918
+ declare const MetricCardHeader: React.ForwardRefExoticComponent<MetricCardHeaderProps & React.RefAttributes<HTMLDivElement>>;
919
+ interface MetricCardTitleProps extends React.HTMLAttributes<HTMLParagraphElement> {
920
+ }
921
+ declare const MetricCardTitle: React.ForwardRefExoticComponent<MetricCardTitleProps & React.RefAttributes<HTMLParagraphElement>>;
922
+ interface MetricCardValueProps extends React.HTMLAttributes<HTMLParagraphElement> {
923
+ }
924
+ declare const MetricCardValue: React.ForwardRefExoticComponent<MetricCardValueProps & React.RefAttributes<HTMLParagraphElement>>;
925
+ interface MetricCardTrendProps extends React.HTMLAttributes<HTMLParagraphElement> {
926
+ direction: MetricCardTrendDirection;
927
+ }
928
+ declare const MetricCardTrend: React.ForwardRefExoticComponent<MetricCardTrendProps & React.RefAttributes<HTMLParagraphElement>>;
929
+ interface MetricCardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
930
+ }
931
+ declare const MetricCardDescription: React.ForwardRefExoticComponent<MetricCardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
932
+ interface MetricCardSymbolProps extends React.HTMLAttributes<HTMLDivElement> {
933
+ }
934
+ declare const MetricCardSymbol: React.ForwardRefExoticComponent<MetricCardSymbolProps & React.RefAttributes<HTMLDivElement>>;
935
+ declare const MetricCard: React.ForwardRefExoticComponent<MetricCardProps & React.RefAttributes<HTMLDivElement>> & {
936
+ Header: React.ForwardRefExoticComponent<MetricCardHeaderProps & React.RefAttributes<HTMLDivElement>>;
937
+ Title: React.ForwardRefExoticComponent<MetricCardTitleProps & React.RefAttributes<HTMLParagraphElement>>;
938
+ Value: React.ForwardRefExoticComponent<MetricCardValueProps & React.RefAttributes<HTMLParagraphElement>>;
939
+ Trend: React.ForwardRefExoticComponent<MetricCardTrendProps & React.RefAttributes<HTMLParagraphElement>>;
940
+ Description: React.ForwardRefExoticComponent<MetricCardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
941
+ Symbol: React.ForwardRefExoticComponent<MetricCardSymbolProps & React.RefAttributes<HTMLDivElement>>;
942
+ };
943
+ declare namespace MetricCard {
944
+ type HeaderProps = MetricCardHeaderProps;
945
+ type TitleProps = MetricCardTitleProps;
946
+ type ValueProps = MetricCardValueProps;
947
+ type TrendProps = MetricCardTrendProps;
948
+ type DescriptionProps = MetricCardDescriptionProps;
949
+ type SymbolProps = MetricCardSymbolProps;
950
+ }
951
+
952
+ declare const badgeVariants: (props?: ({
953
+ size?: "default" | "sm" | "lg" | null | undefined;
954
+ radius?: "sm" | "lg" | "base" | "md" | "full" | null | undefined;
955
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
956
+ type BadgeVariant = 'solid' | 'subtle' | 'outline';
957
+ type BadgeColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
958
+ type BadgeSize = 'sm' | 'default' | 'lg';
959
+ type BadgeRadius = 'sm' | 'base' | 'md' | 'lg' | 'full';
960
+ interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
961
+ /** Visual style */
962
+ variant?: BadgeVariant;
963
+ /** Semantic color */
964
+ color?: BadgeColor;
965
+ /** Leading icon slot */
966
+ icon?: React.ReactNode;
967
+ /** Show a status dot before text */
968
+ dot?: boolean;
969
+ /** Show a remove button */
970
+ removable?: boolean;
971
+ /** Callback when remove button is clicked */
972
+ onRemove?: () => void;
973
+ /** Render as child element (Slot pattern) */
974
+ asChild?: boolean;
975
+ }
976
+ declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
977
+
978
+ type CardSize = 'sm' | 'default' | 'lg';
979
+ type CardDirection = 'vertical' | 'horizontal';
980
+ declare const cardVariants: (props?: ({
981
+ variant?: "default" | "outline" | "ghost" | null | undefined;
982
+ size?: "default" | "sm" | "lg" | null | undefined;
983
+ radius?: "sm" | "lg" | "base" | "md" | "xl" | "2xl" | null | undefined;
984
+ direction?: "horizontal" | "vertical" | null | undefined;
985
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
986
+ type CardVariant = 'default' | 'outline' | 'ghost';
987
+ type CardRadius = 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
988
+ interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
989
+ /** Visual style */
990
+ variant?: CardVariant;
991
+ /** Content padding scale */
992
+ size?: CardSize;
993
+ /** Border radius */
994
+ radius?: CardRadius;
995
+ /** Layout direction */
996
+ direction?: CardDirection;
997
+ /** Enable hover effect for interactive cards */
998
+ interactive?: boolean;
999
+ /** Render as child element (Slot pattern) */
1000
+ asChild?: boolean;
1001
+ }
1002
+ interface CardImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
1003
+ /** Gradient overlay on image */
1004
+ overlay?: boolean;
1005
+ /** Overlay opacity (10–90). Default: 60 */
1006
+ overlayOpacity?: number;
1007
+ /** Custom class for overlay gradient (overrides overlayOpacity) */
1008
+ overlayClassName?: string;
1009
+ }
1010
+ declare const CardImage: React.ForwardRefExoticComponent<CardImageProps & React.RefAttributes<HTMLImageElement>>;
1011
+ interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
1012
+ }
1013
+ declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
1014
+ interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
1015
+ /** Leading icon */
1016
+ icon?: React.ReactNode;
1017
+ }
1018
+ declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
1019
+ interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
1020
+ }
1021
+ declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
1022
+ interface CardActionProps extends React.HTMLAttributes<HTMLDivElement> {
1023
+ }
1024
+ declare const CardAction: React.ForwardRefExoticComponent<CardActionProps & React.RefAttributes<HTMLDivElement>>;
1025
+ interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
1026
+ }
1027
+ declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
1028
+ interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
1029
+ }
1030
+ declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
1031
+ declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
1032
+ Image: React.ForwardRefExoticComponent<CardImageProps & React.RefAttributes<HTMLImageElement>>;
1033
+ Header: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
1034
+ Title: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
1035
+ Description: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
1036
+ Action: React.ForwardRefExoticComponent<CardActionProps & React.RefAttributes<HTMLDivElement>>;
1037
+ Content: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
1038
+ Footer: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
1039
+ };
1040
+ declare namespace Card {
1041
+ type ImageProps = CardImageProps;
1042
+ type HeaderProps = CardHeaderProps;
1043
+ type TitleProps = CardTitleProps;
1044
+ type DescriptionProps = CardDescriptionProps;
1045
+ type ActionProps = CardActionProps;
1046
+ type ContentProps = CardContentProps;
1047
+ type FooterProps = CardFooterProps;
1048
+ }
1049
+
1050
+ type TableSize = 'sm' | 'default' | 'lg';
1051
+ type TableVariant = 'default' | 'bordered' | 'striped';
1052
+ declare const tableVariants: (props?: ({
1053
+ variant?: "default" | "bordered" | "striped" | null | undefined;
1054
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1055
+ interface TableProps extends React.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {
1056
+ /** Table density */
1057
+ size?: TableSize;
1058
+ /** Visual style */
1059
+ variant?: TableVariant;
1060
+ /** Sticky header when scrolling */
1061
+ stickyHeader?: boolean;
1062
+ /** Additional className for the scroll wrapper (e.g. max-h-[400px]) */
1063
+ wrapperClassName?: string;
1064
+ }
1065
+ declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
1066
+ declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
1067
+ declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
1068
+ interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
1069
+ /** Enable hover highlight */
1070
+ interactive?: boolean;
1071
+ /** Selected state background */
1072
+ selected?: boolean;
1073
+ }
1074
+ declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
1075
+ type SortDirection = 'asc' | 'desc' | null;
1076
+ interface SortIconSet {
1077
+ /** Icon for ascending state */
1078
+ asc?: React.ReactNode;
1079
+ /** Icon for descending state */
1080
+ desc?: React.ReactNode;
1081
+ /** Icon for unsorted (default) state */
1082
+ default?: React.ReactNode;
1083
+ }
1084
+ interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
1085
+ /** Text alignment */
1086
+ align?: 'left' | 'center' | 'right';
1087
+ /** Enable sort indicator */
1088
+ sortable?: boolean;
1089
+ /** Current sort direction */
1090
+ sortDirection?: SortDirection;
1091
+ /** Sort click handler */
1092
+ onSort?: () => void;
1093
+ /** Custom sort icons (overrides built-in icons) */
1094
+ sortIcon?: SortIconSet;
1095
+ }
1096
+ declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
1097
+ interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
1098
+ /** Text alignment */
1099
+ align?: 'left' | 'center' | 'right';
1100
+ }
1101
+ declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
1102
+ declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
1103
+
1104
+ declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>> & {
1105
+ Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
1106
+ Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
1107
+ Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
1108
+ Row: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
1109
+ Head: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
1110
+ Cell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
1111
+ Caption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
1112
+ };
1113
+ declare namespace Table {
1114
+ type RowProps = TableRowProps;
1115
+ type HeadProps = TableHeadProps;
1116
+ type CellProps = TableCellProps;
1117
+ }
1118
+
1119
+ declare const tabsListVariants: (props?: ({
1120
+ variant?: "line" | "enclosed" | "pill" | null | undefined;
1121
+ fitted?: boolean | null | undefined;
1122
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1123
+ interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
1124
+ size?: 'sm' | 'md' | 'default' | 'lg';
1125
+ /** Indicator color for line variant */
1126
+ color?: 'default' | 'primary';
1127
+ /** Top border-radius for enclosed variant, container radius for pill variant */
1128
+ radius?: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
1129
+ }
1130
+ declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
1131
+ declare const tabsTriggerVariants: (props?: ({
1132
+ variant?: "line" | "enclosed" | "pill" | null | undefined;
1133
+ size?: "default" | "sm" | "lg" | "md" | null | undefined;
1134
+ fitted?: boolean | null | undefined;
1135
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1136
+ interface TabsTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, Omit<VariantProps<typeof tabsTriggerVariants>, 'variant' | 'size' | 'fitted'> {
1137
+ }
1138
+ declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1139
+ interface TabsContentProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
1140
+ }
1141
+ declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
1142
+ declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>> & {
1143
+ List: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
1144
+ Trigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1145
+ Content: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
1146
+ };
1147
+ declare namespace Tabs {
1148
+ type ListProps = TabsListProps;
1149
+ type TriggerProps = TabsTriggerProps;
1150
+ type ContentProps = TabsContentProps;
1151
+ }
1152
+
1153
+ type NavigationMenuRadius = 'sm' | 'md' | 'lg' | 'xl';
1154
+ declare const navigationMenuSizeMap: {
1155
+ readonly sm: {
1156
+ readonly trigger: "h-8 text-sm px-3 gap-2";
1157
+ readonly link: "h-8 text-sm px-3 gap-2";
1158
+ readonly icon: "icon-xs";
1159
+ readonly collapsedSquare: "size-8";
1160
+ readonly collapsedWidth: 56;
1161
+ readonly dropdownLink: "px-3 py-1.5 text-sm gap-2";
1162
+ readonly subLink: "h-8 text-sm pl-8 pr-3 gap-2";
1163
+ readonly groupLabel: "text-2xs px-3 mb-1";
1164
+ readonly groupMargin: "mt-4 first:mt-0";
1165
+ };
1166
+ readonly md: {
1167
+ readonly trigger: "h-9 text-md px-3.5 gap-2";
1168
+ readonly link: "h-9 text-md px-3.5 gap-2";
1169
+ readonly icon: "icon-sm";
1170
+ readonly collapsedSquare: "size-9";
1171
+ readonly collapsedWidth: 60;
1172
+ readonly dropdownLink: "px-3 py-1.5 text-md gap-2";
1173
+ readonly subLink: "h-9 text-md pl-9 pr-3.5 gap-2";
1174
+ readonly groupLabel: "text-xs px-3.5 mb-1";
1175
+ readonly groupMargin: "mt-4 first:mt-0";
1176
+ };
1177
+ readonly default: {
1178
+ readonly trigger: "h-10 text-md px-4 gap-2";
1179
+ readonly link: "h-10 text-md px-4 gap-2";
1180
+ readonly icon: "icon-sm";
1181
+ readonly collapsedSquare: "size-10";
1182
+ readonly collapsedWidth: 64;
1183
+ readonly dropdownLink: "px-3 py-2 text-md gap-2";
1184
+ readonly subLink: "h-10 text-md pl-10 pr-4 gap-2";
1185
+ readonly groupLabel: "text-xs px-4 mb-1.5";
1186
+ readonly groupMargin: "mt-5 first:mt-0";
1187
+ };
1188
+ readonly lg: {
1189
+ readonly trigger: "h-12 text-base px-6 gap-2";
1190
+ readonly link: "h-12 text-base px-6 gap-2";
1191
+ readonly icon: "icon-sm";
1192
+ readonly collapsedSquare: "size-12";
1193
+ readonly collapsedWidth: 72;
1194
+ readonly dropdownLink: "px-3 py-2.5 text-base gap-2";
1195
+ readonly subLink: "h-12 text-base pl-12 pr-6 gap-2";
1196
+ readonly groupLabel: "text-xs px-4 mb-2";
1197
+ readonly groupMargin: "mt-6 first:mt-0";
1198
+ };
1199
+ };
1200
+ interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {
1201
+ /** Layout orientation */
1202
+ orientation?: 'horizontal' | 'vertical';
1203
+ /** Size of the menu items */
1204
+ size?: 'sm' | 'md' | 'default' | 'lg';
1205
+ /** Vertical only: show icons only (collapsed sidebar) */
1206
+ collapsed?: boolean;
1207
+ /** Vertical only: sidebar width (default: 256px / 16rem) */
1208
+ width?: number | string;
1209
+ /** Vertical only: collapsed sidebar width (default: 64px / 4rem) */
1210
+ collapsedWidth?: number | string;
1211
+ /** Border radius for dropdown content and items */
1212
+ radius?: NavigationMenuRadius;
1213
+ /** Font weight for menu items (default: normal, active items always use semibold) */
1214
+ fontWeight?: 'normal' | 'semibold';
1215
+ /** Horizontal only: delay before hover opens in ms */
1216
+ delayDuration?: number;
1217
+ /** Horizontal only: skip delay when moving between triggers */
1218
+ skipDelayDuration?: number;
1219
+ /** Controlled active menu item value */
1220
+ value?: string;
1221
+ /** Default active menu item value (uncontrolled) */
1222
+ defaultValue?: string;
1223
+ /** Callback when active item changes */
1224
+ onValueChange?: (value: string) => void;
1225
+ }
1226
+ interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {
1227
+ }
1228
+ declare const NavigationMenuList: React.ForwardRefExoticComponent<NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
1229
+ interface NavigationMenuItemProps extends React.HTMLAttributes<HTMLLIElement> {
1230
+ /** Value identifier for Radix (horizontal mode) */
1231
+ value?: string;
1232
+ /** Vertical only: default open state for sub-menu */
1233
+ defaultOpen?: boolean;
1234
+ }
1235
+ declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
1236
+ interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
1237
+ /** Icon displayed before the label */
1238
+ icon?: React.ReactNode;
1239
+ /** Custom chevron icon (default: built-in ChevronDown for horizontal, ChevronRight for vertical) */
1240
+ chevronIcon?: React.ReactNode;
1241
+ }
1242
+ declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1243
+ interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
1244
+ }
1245
+ declare const NavigationMenuContent: React.ForwardRefExoticComponent<NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;
1246
+ interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
1247
+ /** Whether the link represents the current page */
1248
+ active?: boolean;
1249
+ /** Compose with custom link component (Radix Slot) */
1250
+ asChild?: boolean;
1251
+ /** Icon displayed before the label */
1252
+ icon?: React.ReactNode;
1253
+ }
1254
+ declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
1255
+ interface NavigationMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {
1256
+ /** Group header label */
1257
+ label?: string;
1258
+ }
1259
+ declare const NavigationMenuGroup: React.ForwardRefExoticComponent<NavigationMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
1260
+ interface NavigationMenuIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
1261
+ /** Active indicator dot color (default: dark/foreground, primary: brand color) */
1262
+ color?: 'default' | 'primary';
1263
+ }
1264
+ declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>>;
1265
+ interface NavigationMenuViewportProps extends React.HTMLAttributes<HTMLDivElement> {
1266
+ }
1267
+ declare const NavigationMenuViewport: React.ForwardRefExoticComponent<NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>>;
1268
+ declare const NavigationMenu: React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLElement>> & {
1269
+ List: React.ForwardRefExoticComponent<NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
1270
+ Item: React.ForwardRefExoticComponent<NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
1271
+ Trigger: React.ForwardRefExoticComponent<NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1272
+ Content: React.ForwardRefExoticComponent<NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;
1273
+ Link: React.ForwardRefExoticComponent<NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
1274
+ Group: React.ForwardRefExoticComponent<NavigationMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
1275
+ Indicator: React.ForwardRefExoticComponent<NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>>;
1276
+ Viewport: React.ForwardRefExoticComponent<NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>>;
1277
+ };
1278
+ declare namespace NavigationMenu {
1279
+ type ListProps = NavigationMenuListProps;
1280
+ type ItemProps = NavigationMenuItemProps;
1281
+ type TriggerProps = NavigationMenuTriggerProps;
1282
+ type ContentProps = NavigationMenuContentProps;
1283
+ type LinkProps = NavigationMenuLinkProps;
1284
+ type GroupProps = NavigationMenuGroupProps;
1285
+ type IndicatorProps = NavigationMenuIndicatorProps;
1286
+ type ViewportProps = NavigationMenuViewportProps;
1287
+ }
1288
+
1289
+ type PaginationRange = (number | 'dots')[];
1290
+ interface UsePaginationProps {
1291
+ /** Total number of pages */
1292
+ total: number;
1293
+ /** Number of siblings on each side of current page */
1294
+ siblings?: number;
1295
+ /** Number of boundary pages at start/end */
1296
+ boundaries?: number;
1297
+ /** Current active page (1-based) */
1298
+ page: number;
1299
+ }
1300
+ declare function usePagination({ total, siblings, boundaries, page, }: UsePaginationProps): PaginationRange;
1301
+ type PaginationSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl';
1302
+ type PaginationVariant = 'default' | 'outline' | 'ghost';
1303
+ type PaginationColor = 'default' | 'primary';
1304
+ type PaginationRadius = 'sm' | 'base' | 'md' | 'lg' | 'xl' | 'full';
1305
+ declare const paginationSizeMap: {
1306
+ readonly xs: {
1307
+ readonly item: "h-7 min-w-7 text-xs";
1308
+ readonly icon: "icon-xs";
1309
+ readonly gap: "gap-1";
1310
+ };
1311
+ readonly sm: {
1312
+ readonly item: "h-8 min-w-8 text-sm";
1313
+ readonly icon: "icon-xs";
1314
+ readonly gap: "gap-1";
1315
+ };
1316
+ readonly default: {
1317
+ readonly item: "h-9 min-w-9 text-md";
1318
+ readonly icon: "icon-sm";
1319
+ readonly gap: "gap-1";
1320
+ };
1321
+ readonly lg: {
1322
+ readonly item: "h-10 min-w-10 text-md";
1323
+ readonly icon: "icon-sm";
1324
+ readonly gap: "gap-1.5";
1325
+ };
1326
+ readonly xl: {
1327
+ readonly item: "h-12 min-w-12 text-base";
1328
+ readonly icon: "icon-sm";
1329
+ readonly gap: "gap-1.5";
1330
+ };
1331
+ };
1332
+ declare const paginationItemVariants: (props?: ({
1333
+ radius?: "sm" | "lg" | "base" | "md" | "xl" | "full" | null | undefined;
1334
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1335
+ interface PaginationProps extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'> {
1336
+ /** Total number of pages */
1337
+ total?: number;
1338
+ /** Controlled active page (1-based) */
1339
+ value?: number;
1340
+ /** Initial page for uncontrolled mode */
1341
+ defaultValue?: number;
1342
+ /** Page change callback */
1343
+ onChange?: (page: number) => void;
1344
+ /** Number of siblings on each side of current page */
1345
+ siblings?: number;
1346
+ /** Number of boundary pages at start/end */
1347
+ boundaries?: number;
1348
+ /** Component size */
1349
+ size?: PaginationSize;
1350
+ /** Visual variant */
1351
+ variant?: PaginationVariant;
1352
+ /** Active page color */
1353
+ color?: PaginationColor;
1354
+ /** Border radius */
1355
+ radius?: PaginationRadius;
1356
+ /** Disable all interactions */
1357
+ disabled?: boolean;
1358
+ /** Show previous/next controls */
1359
+ withControls?: boolean;
1360
+ /** Show first/last controls */
1361
+ withEdges?: boolean;
1362
+ /** Loop from last to first and vice versa */
1363
+ loop?: boolean;
1364
+ }
1365
+ declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
1366
+ declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
1367
+ interface PaginationLinkProps extends React.ComponentPropsWithoutRef<'button'> {
1368
+ /** Page number this link navigates to */
1369
+ page: number;
1370
+ /** Whether this page is currently active (auto-detected from context if omitted) */
1371
+ isActive?: boolean;
1372
+ }
1373
+ declare const PaginationLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
1374
+ interface PaginationPreviousProps extends React.ComponentPropsWithoutRef<'button'> {
1375
+ /** Custom icon */
1376
+ icon?: React.ReactNode;
1377
+ }
1378
+ declare const PaginationPrevious: React.ForwardRefExoticComponent<PaginationPreviousProps & React.RefAttributes<HTMLButtonElement>>;
1379
+ interface PaginationNextProps extends React.ComponentPropsWithoutRef<'button'> {
1380
+ /** Custom icon */
1381
+ icon?: React.ReactNode;
1382
+ }
1383
+ declare const PaginationNext: React.ForwardRefExoticComponent<PaginationNextProps & React.RefAttributes<HTMLButtonElement>>;
1384
+ interface PaginationFirstProps extends React.ComponentPropsWithoutRef<'button'> {
1385
+ /** Custom icon */
1386
+ icon?: React.ReactNode;
1387
+ }
1388
+ declare const PaginationFirst: React.ForwardRefExoticComponent<PaginationFirstProps & React.RefAttributes<HTMLButtonElement>>;
1389
+ interface PaginationLastProps extends React.ComponentPropsWithoutRef<'button'> {
1390
+ /** Custom icon */
1391
+ icon?: React.ReactNode;
1392
+ }
1393
+ declare const PaginationLast: React.ForwardRefExoticComponent<PaginationLastProps & React.RefAttributes<HTMLButtonElement>>;
1394
+ declare const PaginationEllipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
1395
+ declare const PaginationItems: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1396
+ declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>> & {
1397
+ Content: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
1398
+ Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
1399
+ Link: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
1400
+ Previous: React.ForwardRefExoticComponent<PaginationPreviousProps & React.RefAttributes<HTMLButtonElement>>;
1401
+ Next: React.ForwardRefExoticComponent<PaginationNextProps & React.RefAttributes<HTMLButtonElement>>;
1402
+ First: React.ForwardRefExoticComponent<PaginationFirstProps & React.RefAttributes<HTMLButtonElement>>;
1403
+ Last: React.ForwardRefExoticComponent<PaginationLastProps & React.RefAttributes<HTMLButtonElement>>;
1404
+ Ellipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
1405
+ Items: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1406
+ };
1407
+ declare namespace Pagination {
1408
+ type LinkProps = PaginationLinkProps;
1409
+ type PreviousProps = PaginationPreviousProps;
1410
+ type NextProps = PaginationNextProps;
1411
+ type FirstProps = PaginationFirstProps;
1412
+ type LastProps = PaginationLastProps;
1413
+ }
1414
+
1415
+ declare function ModalRoot(props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>): React.JSX.Element;
1416
+ declare const ModalTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1417
+ declare const ModalPortal: React.FC<DialogPrimitive.DialogPortalProps>;
1418
+ declare const ModalClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
1419
+ declare const ModalOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1420
+ declare const modalContentVariants: (props?: ({
1421
+ size?: "sm" | "lg" | "md" | "xs" | "xl" | "full" | null | undefined;
1422
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1423
+ interface ModalContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof modalContentVariants> {
1424
+ /** Scroll behavior when content overflows */
1425
+ scrollBehavior?: 'inside' | 'outside';
1426
+ /** Show built-in close button */
1427
+ showCloseButton?: boolean;
1428
+ /** Custom close icon (replaces default X) */
1429
+ closeIcon?: React.ReactNode;
1430
+ }
1431
+ declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
1432
+ declare const ModalHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1433
+ declare const ModalTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
1434
+ declare const ModalDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
1435
+ declare const ModalBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1436
+ declare const ModalFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1437
+ declare const AlertModalTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1438
+ declare const AlertModalPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
1439
+ declare const AlertModalOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1440
+ declare const alertModalContentVariants: (props?: ({
1441
+ size?: "sm" | "xs" | null | undefined;
1442
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1443
+ interface AlertModalContentProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>, VariantProps<typeof alertModalContentVariants> {
1444
+ }
1445
+ declare const AlertModalContent: React.ForwardRefExoticComponent<AlertModalContentProps & React.RefAttributes<HTMLDivElement>>;
1446
+ declare const AlertModalHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1447
+ declare const AlertModalTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
1448
+ declare const AlertModalDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
1449
+ declare const AlertModalBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1450
+ declare const AlertModalFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1451
+ declare const AlertModalAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
1452
+ declare const AlertModalCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
1453
+ declare const Modal: typeof ModalRoot & {
1454
+ Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1455
+ Portal: React.FC<DialogPrimitive.DialogPortalProps>;
1456
+ Overlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1457
+ Content: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
1458
+ Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1459
+ Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
1460
+ Description: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
1461
+ Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1462
+ Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1463
+ Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
1464
+ };
1465
+ declare namespace Modal {
1466
+ type ContentProps = ModalContentProps;
1467
+ }
1468
+ declare const AlertModal: React.FC<AlertDialogPrimitive.AlertDialogProps> & {
1469
+ Trigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1470
+ Portal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
1471
+ Overlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1472
+ Content: React.ForwardRefExoticComponent<AlertModalContentProps & React.RefAttributes<HTMLDivElement>>;
1473
+ Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1474
+ Title: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
1475
+ Description: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
1476
+ Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1477
+ Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1478
+ Action: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
1479
+ Cancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
1480
+ };
1481
+ declare namespace AlertModal {
1482
+ type ContentProps = AlertModalContentProps;
1483
+ }
1484
+
1485
+ type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
1486
+ type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
1487
+ declare const drawerSizeHorizontal: (props?: ({
1488
+ size?: "sm" | "lg" | "md" | "xl" | "full" | null | undefined;
1489
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1490
+ declare const drawerSizeVertical: (props?: ({
1491
+ size?: "sm" | "lg" | "md" | "xl" | "full" | null | undefined;
1492
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1493
+ declare function DrawerRoot(props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>): React.JSX.Element;
1494
+ declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1495
+ declare const DrawerPortal: React.FC<DialogPrimitive.DialogPortalProps>;
1496
+ declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
1497
+ declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1498
+ interface DrawerContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, 'children'> {
1499
+ /** Side from which the drawer slides in */
1500
+ side?: DrawerSide;
1501
+ /** Panel size (width for left/right, height for top/bottom) */
1502
+ size?: DrawerSize;
1503
+ /** Show built-in close button */
1504
+ showCloseButton?: boolean;
1505
+ /** Custom close icon (replaces default X) */
1506
+ closeIcon?: React.ReactNode;
1507
+ children?: React.ReactNode;
1508
+ }
1509
+ declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
1510
+ declare const DrawerHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1511
+ declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
1512
+ declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
1513
+ declare const DrawerBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1514
+ declare const DrawerFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1515
+ declare const Drawer: typeof DrawerRoot & {
1516
+ Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1517
+ Portal: React.FC<DialogPrimitive.DialogPortalProps>;
1518
+ Overlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1519
+ Content: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
1520
+ Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1521
+ Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
1522
+ Description: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
1523
+ Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1524
+ Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1525
+ Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
1526
+ };
1527
+ declare namespace Drawer {
1528
+ type ContentProps = DrawerContentProps;
1529
+ }
1530
+
1531
+ type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
1532
+ declare const tooltipContentVariants: (props?: ({
1533
+ variant?: "default" | "inverted" | null | undefined;
1534
+ size?: "default" | "sm" | null | undefined;
1535
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1536
+ declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
1537
+ interface TooltipRootProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
1538
+ /** Delay in ms before tooltip appears */
1539
+ delayDuration?: number;
1540
+ }
1541
+ declare function TooltipRoot({ delayDuration, ...props }: TooltipRootProps): React.JSX.Element;
1542
+ declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1543
+ declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
1544
+ interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
1545
+ /** Show arrow pointing to trigger */
1546
+ showArrow?: boolean;
1547
+ }
1548
+ declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
1549
+ declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
1550
+ declare const Tooltip: typeof TooltipRoot & {
1551
+ Trigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1552
+ Content: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
1553
+ Arrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
1554
+ Portal: React.FC<TooltipPrimitive.TooltipPortalProps>;
1555
+ Provider: React.FC<TooltipPrimitive.TooltipProviderProps>;
1556
+ };
1557
+ declare namespace Tooltip {
1558
+ type ContentProps = TooltipContentProps;
1559
+ type RootProps = TooltipRootProps;
1560
+ }
1561
+
1562
+ type PopoverSide = 'top' | 'right' | 'bottom' | 'left';
1563
+ declare const popoverContentVariants: (props?: ({
1564
+ variant?: "default" | "elevated" | null | undefined;
1565
+ size?: "default" | "sm" | "lg" | null | undefined;
1566
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1567
+ interface PopoverRootProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {
1568
+ }
1569
+ declare function PopoverRoot(props: PopoverRootProps): React.JSX.Element;
1570
+ declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1571
+ declare const PopoverPortal: React.FC<PopoverPrimitive.PopoverPortalProps>;
1572
+ declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
1573
+ declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
1574
+ interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, VariantProps<typeof popoverContentVariants> {
1575
+ /** Show arrow pointing to trigger */
1576
+ showArrow?: boolean;
1577
+ /** Show built-in close button */
1578
+ showClose?: boolean;
1579
+ /** Custom close icon (replaces default X icon) */
1580
+ closeIcon?: React.ReactNode;
1581
+ }
1582
+ declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
1583
+ declare const PopoverArrow: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
1584
+ declare const Popover: typeof PopoverRoot & {
1585
+ Trigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1586
+ Content: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
1587
+ Arrow: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
1588
+ Close: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
1589
+ Anchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
1590
+ Portal: React.FC<PopoverPrimitive.PopoverPortalProps>;
1591
+ };
1592
+ declare namespace Popover {
1593
+ type ContentProps = PopoverContentProps;
1594
+ type RootProps = PopoverRootProps;
1595
+ }
1596
+
1597
+ declare const alertVariants: (props?: ({
1598
+ size?: "default" | "sm" | "lg" | null | undefined;
1599
+ radius?: "sm" | "lg" | "base" | "none" | "md" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
1600
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1601
+ type AlertVariant = 'default' | 'outline' | 'filled';
1602
+ type AlertColor = 'info' | 'success' | 'warning' | 'error';
1603
+ type AlertSize = 'sm' | 'default' | 'lg';
1604
+ interface AlertRootProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
1605
+ /** Visual style */
1606
+ variant?: AlertVariant;
1607
+ /** Semantic color (determines icon, colors, and ARIA role) */
1608
+ color?: AlertColor;
1609
+ /** Size */
1610
+ size?: AlertSize;
1611
+ /** Closable — shows close button */
1612
+ closable?: boolean;
1613
+ /** Close callback */
1614
+ onClose?: () => void;
1615
+ /** Custom close icon */
1616
+ closeIcon?: React.ReactNode;
1617
+ /** Custom status icon (overrides default) */
1618
+ icon?: React.ReactNode;
1619
+ /** Hide the status icon entirely */
1620
+ hideIcon?: boolean;
1621
+ }
1622
+ declare const AlertRoot: React.ForwardRefExoticComponent<AlertRootProps & React.RefAttributes<HTMLDivElement>>;
1623
+ interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
1624
+ }
1625
+ declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
1626
+ interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
1627
+ }
1628
+ declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
1629
+ declare const Alert: React.ForwardRefExoticComponent<AlertRootProps & React.RefAttributes<HTMLDivElement>> & {
1630
+ Title: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
1631
+ Description: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
1632
+ };
1633
+ declare namespace Alert {
1634
+ type RootProps = AlertRootProps;
1635
+ type TitleProps = AlertTitleProps;
1636
+ type DescriptionProps = AlertDescriptionProps;
1637
+ }
1638
+
1639
+ declare const toastVariants: (props?: ({
1640
+ size?: "default" | "sm" | "lg" | null | undefined;
1641
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1642
+ type ToastType = 'default' | 'success' | 'error' | 'warning' | 'info' | 'loading';
1643
+ type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
1644
+ type ToastSize = 'sm' | 'default' | 'lg';
1645
+ interface ToastAction {
1646
+ label: string;
1647
+ onClick: () => void;
1648
+ }
1649
+ interface ToastData {
1650
+ id: string;
1651
+ type: ToastType;
1652
+ message: React.ReactNode;
1653
+ description?: React.ReactNode;
1654
+ duration?: number;
1655
+ dismissible?: boolean;
1656
+ closeButton?: boolean;
1657
+ icon?: React.ReactNode;
1658
+ action?: ToastAction;
1659
+ cancel?: ToastAction;
1660
+ onDismiss?: (toast: ToastData) => void;
1661
+ onAutoClose?: (toast: ToastData) => void;
1662
+ className?: string;
1663
+ /** Promise state — managed internally */
1664
+ _promiseState?: 'loading' | 'success' | 'error';
1665
+ }
1666
+ interface ToastOptions {
1667
+ id?: string;
1668
+ description?: React.ReactNode;
1669
+ duration?: number;
1670
+ dismissible?: boolean;
1671
+ closeButton?: boolean;
1672
+ icon?: React.ReactNode;
1673
+ action?: ToastAction;
1674
+ cancel?: ToastAction;
1675
+ onDismiss?: (toast: ToastData) => void;
1676
+ onAutoClose?: (toast: ToastData) => void;
1677
+ className?: string;
1678
+ }
1679
+ interface PromiseOptions<T> {
1680
+ loading: React.ReactNode;
1681
+ success: React.ReactNode | ((data: T) => React.ReactNode);
1682
+ error: React.ReactNode | ((err: unknown) => React.ReactNode);
1683
+ finally?: () => void;
1684
+ description?: {
1685
+ loading?: React.ReactNode;
1686
+ success?: React.ReactNode | ((data: T) => React.ReactNode);
1687
+ error?: React.ReactNode | ((err: unknown) => React.ReactNode);
1688
+ };
1689
+ }
1690
+ declare function toast(message: React.ReactNode, opts?: ToastOptions): string;
1691
+ declare namespace toast {
1692
+ var success: (message: React.ReactNode, opts?: ToastOptions) => string;
1693
+ var error: (message: React.ReactNode, opts?: ToastOptions) => string;
1694
+ var warning: (message: React.ReactNode, opts?: ToastOptions) => string;
1695
+ var info: (message: React.ReactNode, opts?: ToastOptions) => string;
1696
+ var loading: (message: React.ReactNode, opts?: ToastOptions) => string;
1697
+ var promise: <T>(promise: Promise<T>, opts: PromiseOptions<T>, toastOpts?: ToastOptions) => Promise<T>;
1698
+ var dismiss: (id?: string) => void;
1699
+ var custom: (render: (t: ToastData) => React.ReactNode, opts?: ToastOptions) => string;
1700
+ }
1701
+ interface ToasterProps {
1702
+ /** Position on screen */
1703
+ position?: ToastPosition;
1704
+ /** Default auto-dismiss duration in ms (0 = persistent) */
1705
+ duration?: number;
1706
+ /** Max visible toasts */
1707
+ visibleToasts?: number;
1708
+ /** Show close button on all toasts */
1709
+ closeButton?: boolean;
1710
+ /** Use rich (filled) colors for status toasts — default: true */
1711
+ richColors?: boolean;
1712
+ /** Expand all toasts (no stacking) */
1713
+ expand?: boolean;
1714
+ /** Offset from screen edge in px */
1715
+ offset?: number;
1716
+ /** Gap between toasts in px */
1717
+ gap?: number;
1718
+ /** Toast size */
1719
+ size?: ToastSize;
1720
+ /** Additional className for container */
1721
+ className?: string;
1722
+ }
1723
+ declare function Toaster({ position, duration, visibleToasts, closeButton, richColors, expand, offset, gap, size, className, }: ToasterProps): React.JSX.Element;
1724
+ declare namespace Toaster {
1725
+ var displayName: string;
1726
+ }
1727
+
1728
+ declare const linearTrackVariants: (props?: ({
1729
+ size?: "default" | "sm" | "lg" | null | undefined;
1730
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1731
+ interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'children'>, VariantProps<typeof linearTrackVariants> {
1732
+ /** Progress type */
1733
+ type?: 'linear' | 'circular';
1734
+ /** Current value (0 to max) */
1735
+ value?: number;
1736
+ /** Maximum value */
1737
+ max?: number;
1738
+ /** Visual variant (linear only) */
1739
+ variant?: 'default' | 'striped';
1740
+ /** Indicator color */
1741
+ color?: 'default' | 'primary';
1742
+ /** Custom indicator class (overrides color) */
1743
+ indicatorClassName?: string;
1744
+ /** Show percentage value */
1745
+ showValue?: boolean;
1746
+ /** Custom label formatter */
1747
+ formatLabel?: (value: number, max: number) => string;
1748
+ /** Animate striped variant */
1749
+ animated?: boolean;
1750
+ /** Circular stroke thickness override */
1751
+ thickness?: number;
1752
+ /** Accessibility label */
1753
+ label?: string;
1754
+ }
1755
+ declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
1756
+
1757
+ declare const spinnerVariants: (props?: ({
1758
+ size?: "default" | "sm" | "lg" | null | undefined;
1759
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1760
+ type OrbitStyle = 'ring' | 'dots' | 'cube' | 'flip' | 'morph';
1761
+ interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
1762
+ /** Visual variant */
1763
+ variant?: 'ring' | 'dots' | 'bars' | 'orbit';
1764
+ /** Orbit sub-style (only when variant="orbit") */
1765
+ orbitStyle?: OrbitStyle;
1766
+ /** Spinner color */
1767
+ color?: 'default' | 'primary' | 'current';
1768
+ /** Animation speed */
1769
+ speed?: 'slow' | 'default' | 'fast';
1770
+ /** Accessibility label */
1771
+ label?: string;
1772
+ }
1773
+ declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
1774
+
1775
+ declare const skeletonVariants: (props?: ({
1776
+ variant?: "text" | "circular" | "rectangular" | null | undefined;
1777
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
1778
+ interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
1779
+ /** Animation style */
1780
+ animation?: 'pulse' | 'wave' | false;
1781
+ /** Custom width */
1782
+ width?: string | number;
1783
+ /** Custom height */
1784
+ height?: string | number;
1785
+ /** Custom border radius */
1786
+ radius?: string | number;
1787
+ /** Number of text lines (text variant only, generates stacked lines) */
1788
+ count?: number;
1789
+ /** Conditional loading — true: show skeleton, false: render children */
1790
+ loading?: boolean;
1791
+ /** Children to render when loading=false */
1792
+ children?: React.ReactNode;
1793
+ }
1794
+ declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
1795
+
1796
+ export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertColor, AlertDescription, type AlertDescriptionProps, AlertModal, AlertModalAction, AlertModalBody, AlertModalCancel, AlertModalContent, type AlertModalContentProps, AlertModalDescription, AlertModalFooter, AlertModalHeader, AlertModalOverlay, AlertModalPortal, AlertModalTitle, AlertModalTrigger, AlertRoot, type AlertRootProps, type AlertSize, AlertTitle, type AlertTitleProps, type AlertVariant, Avatar, type AvatarColorVariant, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, Badge, type BadgeColor, type BadgeProps, type BadgeRadius, type BadgeSize, type BadgeVariant, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, type BreadcrumbProps, BreadcrumbSeparator, Button, type ButtonColor, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, type CardProps, type CardRadius, CardTitle, type CardTitleProps, type CardVariant, Chart, ChartArea, type ChartAreaType, type ChartAreaVariant, ChartBar, type ChartBarRadius, type ChartBarVariant, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartLine, type ChartLineType, type ChartLineVariant, ChartPie, type ChartPieLabel, type ChartPieLabelContent, type ChartPieVariant, ChartStyle, ChartTooltip, ChartTooltipContent, ChartXAxis, ChartYAxis, Checkbox, type CheckboxColor, type CheckboxProps, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerRoot, type DrawerSide, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadius, DropdownMenuSeparator, DropdownMenuShortcut, type DropdownMenuSize, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldCharCount, FieldError, FieldLabel, type FieldLabelProps, type FieldProps, IconButton, type IconButtonProps, Input, type InputProps, MetricCard, MetricCardDescription, type MetricCardDescriptionProps, MetricCardHeader, type MetricCardHeaderProps, type MetricCardProps, type MetricCardRadius, type MetricCardSize, MetricCardSymbol, type MetricCardSymbolProps, MetricCardTitle, type MetricCardTitleProps, MetricCardTrend, type MetricCardTrendDirection, type MetricCardTrendProps, MetricCardValue, type MetricCardValueProps, type MetricCardVariant, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuGroup, type NavigationMenuGroupProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, type NavigationMenuRadius, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, type OrbitStyle, Pagination, type PaginationColor, PaginationContent, PaginationEllipsis, PaginationFirst, type PaginationFirstProps, PaginationItem, PaginationItems, PaginationLast, type PaginationLastProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, type PaginationRadius, type PaginationRange, type PaginationSize, type PaginationVariant, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, PopoverPortal, PopoverRoot, type PopoverRootProps, type PopoverSide, PopoverTrigger, Progress, type ProgressProps, type PromiseOptions, type RadioColor, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Segmented, SegmentedItem, type SegmentedItemProps, type SegmentedProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectRadius, SelectSeparator, type SelectSize, SelectTrigger, SelectValue, Skeleton, type SkeletonProps, Slider, type SliderColor, type SliderProps, type SortDirection, type SortIconSet, Spinner, type SpinnerProps, Switch, type SwitchColor, type SwitchLabelPosition, type SwitchProps, Table, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSize, type TableVariant, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type ToastAction, type ToastData, type ToastOptions, type ToastPosition, type ToastSize, type ToastType, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipPortal, TooltipProvider, TooltipRoot, type TooltipRootProps, type TooltipSide, TooltipTrigger, type UsePaginationProps, accordionTriggerVariants, accordionVariants, alertModalContentVariants, alertVariants, avatarColors, avatarVariants, badgeVariants, breadcrumbSizeMap, buttonVariants, cardVariants, checkboxVariants, dividerVariants, drawerSizeHorizontal, drawerSizeVertical, getAvatarColor, getAvatarInitials, iconButtonVariants, inputVariants, linearTrackVariants, metricCardVariants, modalContentVariants, navigationMenuSizeMap, paginationItemVariants, paginationSizeMap, popoverContentVariants, radioGroupVariants, radioItemVariants, segmentedItemVariants, segmentedVariants, skeletonVariants, sliderVariants, spinnerVariants, switchVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toast, toastVariants, toggleGroupItemVariants, toggleGroupVariants, toggleVariants, tooltipContentVariants, useButtonGroup, useChart, useFieldContext, usePagination };