@djangocfg/ui-core 2.1.103 → 2.1.104

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.
@@ -1,1536 +0,0 @@
1
- import * as class_variance_authority_types from 'class-variance-authority/types';
2
- import { VariantProps } from 'class-variance-authority';
3
- import * as React$1 from 'react';
4
- import React__default, { ReactNode } from 'react';
5
- import * as react_jsx_runtime from 'react/jsx-runtime';
6
- import * as LabelPrimitive from '@radix-ui/react-label';
7
- import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
8
- import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
9
- import * as SelectPrimitive from '@radix-ui/react-select';
10
- import * as SwitchPrimitives from '@radix-ui/react-switch';
11
- import * as SliderPrimitive from '@radix-ui/react-slider';
12
- import * as SeparatorPrimitive from '@radix-ui/react-separator';
13
- import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
14
- import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
15
- import * as ResizablePrimitive from 'react-resizable-panels';
16
- export { ImperativePanelHandle } from 'react-resizable-panels';
17
- import * as DialogPrimitive from '@radix-ui/react-dialog';
18
- import { DialogProps } from '@radix-ui/react-dialog';
19
- import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
20
- import * as PopoverPrimitive from '@radix-ui/react-popover';
21
- import { Drawer as Drawer$1 } from 'vaul';
22
- import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
23
- import * as TooltipPrimitive from '@radix-ui/react-tooltip';
24
- import * as TabsPrimitive from '@radix-ui/react-tabs';
25
- import * as AccordionPrimitive from '@radix-ui/react-accordion';
26
- import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
27
- import * as ProgressPrimitive from '@radix-ui/react-progress';
28
- import * as AvatarPrimitive from '@radix-ui/react-avatar';
29
- import { DayPicker, DayButton, DateRange as DateRange$1 } from 'react-day-picker';
30
- import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
31
- import * as recharts_types_util_payload_getUniqPayload from 'recharts/types/util/payload/getUniqPayload';
32
- import * as recharts_types_component_Tooltip from 'recharts/types/component/Tooltip';
33
- import * as recharts_types_util_types from 'recharts/types/util/types';
34
- import * as recharts_types_component_DefaultTooltipContent from 'recharts/types/component/DefaultTooltipContent';
35
- import * as RechartsPrimitive from 'recharts';
36
- import * as TogglePrimitive from '@radix-ui/react-toggle';
37
- import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
38
- import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
39
- import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
40
- import * as _radix_ui_react_slot from '@radix-ui/react-slot';
41
- import * as react_hook_form from 'react-hook-form';
42
- import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
43
- import { Toaster as Toaster$1 } from 'sonner';
44
- import { CountryCode } from 'libphonenumber-js';
45
- import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
46
- import * as MenubarPrimitive from '@radix-ui/react-menubar';
47
-
48
- declare const buttonVariants: (props?: {
49
- variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
50
- size?: "default" | "sm" | "xs" | "lg" | "huge" | "icon";
51
- } & class_variance_authority_types.ClassProp) => string;
52
- interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
53
- asChild?: boolean;
54
- loading?: boolean;
55
- }
56
- declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
57
- interface ButtonLinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof buttonVariants> {
58
- href: string;
59
- }
60
- declare const ButtonLink: React$1.ForwardRefExoticComponent<ButtonLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
61
-
62
- declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
63
- declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
64
- declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
65
- declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
66
- declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
67
- declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
68
-
69
- declare const badgeVariants: (props?: {
70
- variant?: "default" | "destructive" | "outline" | "secondary";
71
- } & class_variance_authority_types.ClassProp) => string;
72
- interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
73
- }
74
- declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
75
-
76
- declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
77
-
78
- declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
79
-
80
- declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp) => string> & React$1.RefAttributes<HTMLLabelElement>>;
81
-
82
- interface SectionProps {
83
- children: ReactNode;
84
- className?: string;
85
- variant?: "default" | "dark" | "gradient" | "card";
86
- size?: "sm" | "md" | "lg" | "xl";
87
- }
88
- declare const Section: ({ children, className, variant, size }: SectionProps) => react_jsx_runtime.JSX.Element;
89
- interface SectionHeaderProps {
90
- title: string;
91
- subtitle?: string;
92
- className?: string;
93
- }
94
- declare const SectionHeader: ({ title, subtitle, className }: SectionHeaderProps) => react_jsx_runtime.JSX.Element;
95
-
96
- /**
97
- * Enhanced Image with Fallback Component
98
- *
99
- * Advanced image component with loading states, error handling, and customizable fallbacks
100
- */
101
-
102
- interface ImageWithFallbackProps extends Omit<React__default.ImgHTMLAttributes<HTMLImageElement>, 'onLoad' | 'onError'> {
103
- src?: string;
104
- alt?: string;
105
- className?: string;
106
- fallbackIcon?: 'car' | 'image' | 'user' | 'package' | 'location';
107
- fallbackContent?: React__default.ReactNode;
108
- showLoadingState?: boolean;
109
- placeholder?: string;
110
- blurDataURL?: string;
111
- onLoad?: (event: React__default.SyntheticEvent<HTMLImageElement>) => void;
112
- onError?: (event: React__default.SyntheticEvent<HTMLImageElement>) => void;
113
- onLoadStart?: () => void;
114
- priority?: boolean;
115
- unoptimized?: boolean;
116
- }
117
- declare const ImageWithFallback: React__default.ForwardRefExoticComponent<ImageWithFallbackProps & React__default.RefAttributes<HTMLImageElement>>;
118
-
119
- declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
120
-
121
- declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
122
- declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
123
- key?: React$1.Key;
124
- } & React$1.RefAttributes<HTMLButtonElement>>;
125
-
126
- declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
127
- declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
128
- declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
129
- declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
130
- declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
131
- key?: React$1.Key;
132
- } & React$1.RefAttributes<HTMLDivElement>>;
133
-
134
- interface ComboboxOption {
135
- value: string;
136
- label: string;
137
- description?: string;
138
- disabled?: boolean;
139
- }
140
- interface ComboboxProps {
141
- options: ComboboxOption[];
142
- value?: string;
143
- onValueChange?: (value: string) => void;
144
- placeholder?: string;
145
- searchPlaceholder?: string;
146
- emptyText?: string;
147
- className?: string;
148
- disabled?: boolean;
149
- renderOption?: (option: ComboboxOption) => React$1.ReactNode;
150
- renderValue?: (option: ComboboxOption | undefined) => React$1.ReactNode;
151
- }
152
- declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, renderOption, renderValue, }: ComboboxProps): react_jsx_runtime.JSX.Element;
153
-
154
- interface MultiSelectOption {
155
- value: string;
156
- label: string;
157
- description?: string;
158
- disabled?: boolean;
159
- }
160
- interface MultiSelectProps {
161
- options: MultiSelectOption[];
162
- value?: string[];
163
- onChange?: (value: string[]) => void;
164
- placeholder?: string;
165
- searchPlaceholder?: string;
166
- emptyText?: string;
167
- className?: string;
168
- disabled?: boolean;
169
- maxDisplay?: number;
170
- }
171
- declare function MultiSelect({ options, value, onChange, placeholder, searchPlaceholder, emptyText, className, disabled, maxDisplay, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
172
-
173
- interface MultiSelectProOption {
174
- label: string;
175
- value: string;
176
- description?: string;
177
- icon?: React$1.ComponentType<{
178
- className?: string;
179
- }>;
180
- disabled?: boolean;
181
- style?: {
182
- badgeColor?: string;
183
- iconColor?: string;
184
- gradient?: string;
185
- };
186
- }
187
- interface MultiSelectProGroup {
188
- heading: string;
189
- options: MultiSelectProOption[];
190
- }
191
- interface AnimationConfig$1 {
192
- badgeAnimation?: "bounce" | "pulse" | "wiggle" | "fade" | "slide" | "none";
193
- popoverAnimation?: "scale" | "slide" | "fade" | "flip" | "none";
194
- optionHoverAnimation?: "highlight" | "scale" | "glow" | "none";
195
- duration?: number;
196
- delay?: number;
197
- }
198
- interface ResponsiveConfig {
199
- mobile?: {
200
- maxDisplay?: number;
201
- compact?: boolean;
202
- };
203
- tablet?: {
204
- maxDisplay?: number;
205
- compact?: boolean;
206
- };
207
- desktop?: {
208
- maxDisplay?: number;
209
- compact?: boolean;
210
- };
211
- }
212
- interface MultiSelectProRef {
213
- reset: () => void;
214
- getSelectedValues: () => string[];
215
- setSelectedValues: (values: string[]) => void;
216
- clear: () => void;
217
- focus: () => void;
218
- }
219
- declare const multiSelectVariants: (props?: {
220
- variant?: "default" | "destructive" | "secondary" | "inverted";
221
- } & class_variance_authority_types.ClassProp) => string;
222
- interface MultiSelectProProps extends VariantProps<typeof multiSelectVariants> {
223
- options: MultiSelectProOption[] | MultiSelectProGroup[];
224
- onValueChange?: (value: string[]) => void;
225
- defaultValue?: string[];
226
- placeholder?: string;
227
- variant?: "default" | "secondary" | "destructive" | "inverted";
228
- animation?: number;
229
- animationConfig?: AnimationConfig$1;
230
- maxCount?: number;
231
- modalPopover?: boolean;
232
- asChild?: boolean;
233
- className?: string;
234
- hideSelectAll?: boolean;
235
- searchable?: boolean;
236
- emptyIndicator?: React$1.ReactNode;
237
- autoSize?: boolean;
238
- singleLine?: boolean;
239
- popoverClassName?: string;
240
- disabled?: boolean;
241
- responsive?: boolean | ResponsiveConfig;
242
- minWidth?: string;
243
- maxWidth?: string;
244
- deduplicateOptions?: boolean;
245
- resetOnDefaultValueChange?: boolean;
246
- closeOnSelect?: boolean;
247
- }
248
- declare const MultiSelectPro: React$1.ForwardRefExoticComponent<MultiSelectProProps & React$1.RefAttributes<MultiSelectProRef>>;
249
-
250
- /**
251
- * MultiSelectProAsync - Extended MultiSelectPro with async search support
252
- *
253
- * Based on MultiSelectPro with added features:
254
- * - Async search through external API
255
- * - Debounced search queries
256
- * - Loading states
257
- * - Controlled search value from parent
258
- *
259
- * All original MultiSelectPro features preserved:
260
- * - Animations, variants, responsive, groups, etc.
261
- */
262
-
263
- interface MultiSelectProAsyncOption {
264
- label: string;
265
- value: string;
266
- description?: string;
267
- icon?: React$1.ComponentType<{
268
- className?: string;
269
- }>;
270
- disabled?: boolean;
271
- style?: {
272
- badgeColor?: string;
273
- iconColor?: string;
274
- gradient?: string;
275
- };
276
- }
277
- interface MultiSelectProAsyncGroup {
278
- heading: string;
279
- options: MultiSelectProAsyncOption[];
280
- }
281
- interface AnimationConfig {
282
- badgeAnimation?: "bounce" | "pulse" | "wiggle" | "fade" | "slide" | "none";
283
- popoverAnimation?: "scale" | "slide" | "fade" | "flip" | "none";
284
- optionHoverAnimation?: "highlight" | "scale" | "glow" | "none";
285
- duration?: number;
286
- delay?: number;
287
- }
288
- interface MultiSelectProAsyncRef {
289
- reset: () => void;
290
- getSelectedValues: () => string[];
291
- setSelectedValues: (values: string[]) => void;
292
- clear: () => void;
293
- focus: () => void;
294
- }
295
- interface MultiSelectProAsyncProps {
296
- options: MultiSelectProAsyncOption[] | MultiSelectProAsyncGroup[];
297
- onValueChange?: (value: string[]) => void;
298
- defaultValue?: string[];
299
- searchValue: string;
300
- onSearchChange: (value: string) => void;
301
- isLoading?: boolean;
302
- placeholder?: string;
303
- searchPlaceholder?: string;
304
- emptyText?: string;
305
- loadingText?: string;
306
- variant?: "default" | "secondary" | "destructive" | "inverted";
307
- animation?: number;
308
- animationConfig?: AnimationConfig;
309
- maxCount?: number;
310
- modalPopover?: boolean;
311
- className?: string;
312
- popoverClassName?: string;
313
- disabled?: boolean;
314
- hideSelectAll?: boolean;
315
- searchable?: boolean;
316
- closeOnSelect?: boolean;
317
- resetOnDefaultValueChange?: boolean;
318
- autoSize?: boolean;
319
- singleLine?: boolean;
320
- minWidth?: string;
321
- maxWidth?: string;
322
- deduplicateOptions?: boolean;
323
- }
324
- declare const MultiSelectProAsync: React$1.ForwardRefExoticComponent<MultiSelectProAsyncProps & React$1.RefAttributes<MultiSelectProAsyncRef>>;
325
-
326
- declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
327
-
328
- declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
329
-
330
- declare const InputOTP: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
331
- value?: string;
332
- onChange?: (newValue: string) => unknown;
333
- maxLength: number;
334
- textAlign?: "left" | "center" | "right";
335
- onComplete?: (...args: any[]) => unknown;
336
- pushPasswordManagerStrategy?: "increase-width" | "none";
337
- pasteTransformer?: (pasted: string) => string;
338
- containerClassName?: string;
339
- noScriptCSSFallback?: string | null;
340
- } & {
341
- render?: never;
342
- children: React$1.ReactNode;
343
- }, "className" | "containerClassName"> & {
344
- className?: string;
345
- containerClassName?: string;
346
- } & {
347
- children: React$1.ReactNode;
348
- } & React$1.RefAttributes<HTMLInputElement>>;
349
- declare const InputOTPGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
350
- declare const InputOTPSlot: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
351
- index: number;
352
- } & React$1.RefAttributes<HTMLDivElement>>;
353
-
354
- /**
355
- * OTP Input validation modes
356
- */
357
- type OTPValidationMode = 'numeric' | 'alphanumeric' | 'alpha' | 'custom';
358
- /**
359
- * OTP Input paste behavior
360
- */
361
- type OTPPasteBehavior = 'clean' | 'strict' | 'lenient';
362
- /**
363
- * Custom validator function
364
- */
365
- type OTPValidator = (value: string) => boolean;
366
- /**
367
- * Props for the smart OTP component
368
- */
369
- interface SmartOTPProps {
370
- /**
371
- * Number of OTP slots
372
- * @default 6
373
- */
374
- length?: number;
375
- /**
376
- * Current OTP value
377
- */
378
- value?: string;
379
- /**
380
- * Callback when value changes
381
- */
382
- onChange?: (value: string) => void;
383
- /**
384
- * Callback when OTP is complete
385
- */
386
- onComplete?: (value: string) => void;
387
- /**
388
- * Validation mode
389
- * @default 'numeric'
390
- */
391
- validationMode?: OTPValidationMode;
392
- /**
393
- * Custom validator function (used when validationMode is 'custom')
394
- */
395
- customValidator?: OTPValidator;
396
- /**
397
- * Paste behavior
398
- * - clean: Remove all non-valid characters
399
- * - strict: Only accept paste if all characters are valid
400
- * - lenient: Accept paste and keep valid characters only
401
- * @default 'clean'
402
- */
403
- pasteBehavior?: OTPPasteBehavior;
404
- /**
405
- * Auto-submit when complete
406
- * @default false
407
- */
408
- autoSubmit?: boolean;
409
- /**
410
- * Disabled state
411
- */
412
- disabled?: boolean;
413
- /**
414
- * Show separator between slots
415
- * @default false
416
- */
417
- showSeparator?: boolean;
418
- /**
419
- * Separator position (0-based index, appears after this index)
420
- */
421
- separatorIndex?: number;
422
- /**
423
- * Custom class name for container
424
- */
425
- containerClassName?: string;
426
- /**
427
- * Custom class name for slots
428
- */
429
- slotClassName?: string;
430
- /**
431
- * Custom class name for separator
432
- */
433
- separatorClassName?: string;
434
- /**
435
- * Auto-focus first slot on mount
436
- * @default true
437
- */
438
- autoFocus?: boolean;
439
- /**
440
- * Slot size variant
441
- * @default 'default'
442
- */
443
- size?: 'sm' | 'default' | 'lg';
444
- /**
445
- * Error state
446
- */
447
- error?: boolean;
448
- /**
449
- * Success state
450
- */
451
- success?: boolean;
452
- }
453
- /**
454
- * Return type for useSmartOTP hook
455
- */
456
- interface UseSmartOTPReturn {
457
- value: string;
458
- handleChange: (newValue: string) => void;
459
- handleComplete: (completedValue: string) => void;
460
- isComplete: boolean;
461
- isValid: boolean;
462
- clear: () => void;
463
- }
464
-
465
- /**
466
- * Smart OTP Input Hook
467
- * Handles validation, paste behavior, and state management
468
- */
469
- declare function useSmartOTP({ length, value: controlledValue, onChange, onComplete, validationMode, customValidator, autoSubmit, }: Pick<SmartOTPProps, 'length' | 'value' | 'onChange' | 'onComplete' | 'validationMode' | 'customValidator' | 'autoSubmit'>): UseSmartOTPReturn;
470
-
471
- /**
472
- * OTP Separator Component
473
- */
474
- declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
475
- /**
476
- * Smart OTP Input Component
477
- *
478
- * Features:
479
- * - Automatic paste handling with cleaning
480
- * - Validation (numeric, alphanumeric, alpha, custom)
481
- * - Auto-submit on completion
482
- * - Customizable appearance
483
- * - Error/success states
484
- * - Optional separator
485
- *
486
- * @example
487
- * ```tsx
488
- * <OTPInput
489
- * length={6}
490
- * value={code}
491
- * onChange={setCode}
492
- * onComplete={(value) => console.log('Complete:', value)}
493
- * />
494
- * ```
495
- *
496
- * @example With custom validation
497
- * ```tsx
498
- * <OTPInput
499
- * length={4}
500
- * validationMode="custom"
501
- * customValidator={(char) => /[A-F0-9]/i.test(char)}
502
- * value={hexCode}
503
- * onChange={setHexCode}
504
- * />
505
- * ```
506
- */
507
- declare const OTPInput: React$1.ForwardRefExoticComponent<SmartOTPProps & React$1.RefAttributes<HTMLInputElement>>;
508
-
509
- declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
510
-
511
- declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
512
-
513
- declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
514
-
515
- /**
516
- * ScrollArea imperative handle for programmatic control
517
- */
518
- interface ScrollAreaHandle {
519
- /** Scroll to bottom of the content */
520
- scrollToBottom: (behavior?: ScrollBehavior) => void;
521
- /** Scroll to top of the content */
522
- scrollToTop: (behavior?: ScrollBehavior) => void;
523
- /** Scroll to a specific position */
524
- scrollTo: (options: ScrollToOptions) => void;
525
- /** Get the viewport element */
526
- getViewport: () => HTMLDivElement | null;
527
- }
528
- interface ScrollAreaProps extends React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
529
- /** Ref to access the viewport element directly */
530
- viewportRef?: React$1.RefObject<HTMLDivElement>;
531
- /** Additional className for the viewport */
532
- viewportClassName?: string;
533
- }
534
- declare const ScrollArea: React$1.ForwardRefExoticComponent<ScrollAreaProps & React$1.RefAttributes<ScrollAreaHandle>>;
535
- declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
536
-
537
- declare const useResizableDragging: () => {
538
- isDragging: boolean;
539
- setIsDragging: (value: boolean) => void;
540
- };
541
- declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
542
- declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLAnchorElement | HTMLDivElement | HTMLInputElement | HTMLTextAreaElement | HTMLLabelElement | HTMLObjectElement | HTMLLinkElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLMapElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
543
- className?: string;
544
- collapsedSize?: number | undefined;
545
- collapsible?: boolean | undefined;
546
- defaultSize?: number | undefined;
547
- id?: string;
548
- maxSize?: number | undefined;
549
- minSize?: number | undefined;
550
- onCollapse?: ResizablePrimitive.PanelOnCollapse;
551
- onExpand?: ResizablePrimitive.PanelOnExpand;
552
- onResize?: ResizablePrimitive.PanelOnResize;
553
- order?: number;
554
- style?: object;
555
- tagName?: keyof HTMLElementTagNameMap | undefined;
556
- } & {
557
- children?: React$1.ReactNode | undefined;
558
- } & React$1.RefAttributes<ResizablePrimitive.ImperativePanelHandle>, "ref"> & React$1.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
559
- interface ResizableHandleProps extends React$1.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> {
560
- withHandle?: boolean;
561
- size?: 'sm' | 'md' | 'lg';
562
- showIndicator?: boolean;
563
- indicatorHeight?: number;
564
- }
565
- declare const ResizableHandle: ({ withHandle, className, size, showIndicator, indicatorHeight, onDragging, ...props }: ResizableHandleProps) => react_jsx_runtime.JSX.Element;
566
-
567
- interface StickyProps extends React$1.HTMLAttributes<HTMLDivElement> {
568
- /** Stick to bottom instead of top */
569
- bottom?: boolean;
570
- /** Top offset in pixels */
571
- offsetTop?: number;
572
- /** Bottom offset in pixels */
573
- offsetBottom?: number;
574
- /** Disable sticking */
575
- disabled?: boolean;
576
- /** Disable sticky on mobile devices (default: true) */
577
- disableOnMobile?: boolean;
578
- /** Use native CSS sticky instead of react-sticky-box */
579
- useNativeSticky?: boolean;
580
- /** Enable debug logging (default: false) */
581
- debug?: boolean;
582
- /** Z-index value (default: 10) */
583
- zIndex?: number;
584
- }
585
- declare const Sticky: React$1.FC<StickyProps>;
586
-
587
- interface PortalProps {
588
- /**
589
- * The content to be rendered inside the portal.
590
- */
591
- children: React$1.ReactNode;
592
- /**
593
- * The container element to render the portal into.
594
- * Defaults to document.body.
595
- * Can be a DOM element, a function returning a DOM element, or a ref.
596
- */
597
- container?: Element | (() => Element | null) | React$1.RefObject<Element | null> | null;
598
- /**
599
- * Disable the portal behavior.
600
- * The children stay within the normal DOM hierarchy.
601
- * @default false
602
- */
603
- disablePortal?: boolean;
604
- }
605
- /**
606
- * Portal component renders children into a different part of the DOM.
607
- * Similar to MUI Portal - useful for modals, tooltips, floating elements.
608
- *
609
- * @example
610
- * ```tsx
611
- * // Render to document.body (default)
612
- * <Portal>
613
- * <div className="fixed inset-0 z-50">Modal content</div>
614
- * </Portal>
615
- *
616
- * // Render to custom container
617
- * <Portal container={document.getElementById('modal-root')}>
618
- * <div>Custom container content</div>
619
- * </Portal>
620
- *
621
- * // Disable portal (render in place)
622
- * <Portal disablePortal>
623
- * <div>Rendered normally</div>
624
- * </Portal>
625
- *
626
- * // With ref container
627
- * const containerRef = useRef<HTMLDivElement>(null);
628
- * <div ref={containerRef} />
629
- * <Portal container={containerRef}>
630
- * <div>Content in ref container</div>
631
- * </Portal>
632
- * ```
633
- */
634
- declare const Portal: React$1.ForwardRefExoticComponent<PortalProps & React$1.RefAttributes<HTMLDivElement>>;
635
-
636
- declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
637
- declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
638
- declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
639
- declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
640
- declare const DialogHeader: {
641
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
642
- displayName: string;
643
- };
644
- declare const DialogFooter: {
645
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
646
- displayName: string;
647
- };
648
- declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
649
- declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
650
-
651
- declare const AlertDialog: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
652
- declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
653
- declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
654
- declare const AlertDialogHeader: {
655
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
656
- displayName: string;
657
- };
658
- declare const AlertDialogFooter: {
659
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
660
- displayName: string;
661
- };
662
- declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
663
- declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
664
- declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
665
- declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
666
-
667
- declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
668
- declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
669
- declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
670
-
671
- declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
672
- declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
673
- declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
674
- declare const sheetVariants: (props?: {
675
- side?: "top" | "right" | "bottom" | "left";
676
- } & class_variance_authority_types.ClassProp) => string;
677
- interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
678
- }
679
- declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
680
- declare const SheetHeader: {
681
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
682
- displayName: string;
683
- };
684
- declare const SheetFooter: {
685
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
686
- displayName: string;
687
- };
688
- declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
689
- declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
690
-
691
- declare const Drawer: {
692
- ({ shouldScaleBackground, direction, ...props }: React$1.ComponentProps<typeof Drawer$1.Root> & {
693
- direction?: "bottom" | "right" | "left" | "top";
694
- }): react_jsx_runtime.JSX.Element;
695
- displayName: string;
696
- };
697
- declare const DrawerTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
698
- declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
699
- declare const DrawerContent: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
700
- direction?: "bottom" | "right" | "left" | "top";
701
- } & React$1.RefAttributes<HTMLDivElement>>;
702
- declare const DrawerHeader: {
703
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
704
- displayName: string;
705
- };
706
- declare const DrawerFooter: {
707
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
708
- displayName: string;
709
- };
710
- declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
711
- declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
712
-
713
- declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
714
- declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
715
- declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
716
-
717
- declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
718
- declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
719
- declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
720
- declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
721
-
722
- declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
723
- declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
724
- declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
725
- declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & {
726
- key?: React$1.Key;
727
- } & React$1.RefAttributes<HTMLTableRowElement>>;
728
- declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & {
729
- key?: React$1.Key;
730
- } & React$1.RefAttributes<HTMLTableCellElement>>;
731
- declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & {
732
- key?: React$1.Key;
733
- } & React$1.RefAttributes<HTMLTableCellElement>>;
734
- declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
735
-
736
- interface TabsProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
737
- /**
738
- * Enable mobile sheet mode (automatically shows Sheet on mobile devices)
739
- * @default false
740
- */
741
- mobileSheet?: boolean;
742
- /**
743
- * Title for mobile sheet header
744
- * @default "Navigation"
745
- */
746
- mobileSheetTitle?: string;
747
- /**
748
- * Title to display next to burger menu on mobile
749
- */
750
- mobileTitleText?: string;
751
- /**
752
- * Enable sticky positioning (stays at top on scroll)
753
- * @default false
754
- */
755
- sticky?: boolean;
756
- }
757
- declare const Tabs: React$1.ForwardRefExoticComponent<TabsProps & React$1.RefAttributes<HTMLDivElement>>;
758
- declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
759
- /**
760
- * Full width mode - tabs will stretch equally to fill the container
761
- * @default false
762
- */
763
- fullWidth?: boolean;
764
- /**
765
- * Enable horizontal scrolling when tabs overflow
766
- * @default false
767
- */
768
- scrollable?: boolean;
769
- } & React$1.RefAttributes<HTMLDivElement>>;
770
- declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
771
- /**
772
- * Makes the trigger take equal space (use with fullWidth TabsList)
773
- * @default false
774
- */
775
- flexEqual?: boolean;
776
- key?: React$1.Key;
777
- } & React$1.RefAttributes<HTMLButtonElement>>;
778
- declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
779
- key?: React$1.Key;
780
- } & React$1.RefAttributes<HTMLDivElement>>;
781
-
782
- declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
783
- declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
784
- key?: React$1.Key;
785
- } & React$1.RefAttributes<HTMLDivElement>>;
786
- declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
787
- declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
788
-
789
- declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
790
- declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
791
- declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
792
-
793
- declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
794
-
795
- declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
796
- declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
797
- declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
798
-
799
- declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
800
- buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
801
- }): react_jsx_runtime.JSX.Element;
802
- declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
803
-
804
- interface DatePickerProps {
805
- /** Selected date */
806
- value?: Date;
807
- /** Callback when date changes */
808
- onChange?: (date: Date | undefined) => void;
809
- /** Placeholder text when no date selected */
810
- placeholder?: string;
811
- /** Date format string (date-fns format) */
812
- dateFormat?: string;
813
- /** Disable the picker */
814
- disabled?: boolean;
815
- /** Minimum selectable date */
816
- fromDate?: Date;
817
- /** Maximum selectable date */
818
- toDate?: Date;
819
- /** Additional class names for the trigger button */
820
- className?: string;
821
- /** Button variant */
822
- variant?: 'default' | 'outline' | 'ghost';
823
- /** Align popover */
824
- align?: 'start' | 'center' | 'end';
825
- }
826
- declare const DatePicker: React$1.ForwardRefExoticComponent<DatePickerProps & React$1.RefAttributes<HTMLButtonElement>>;
827
- /** Date range type - re-exported from react-day-picker for convenience */
828
- type DateRange = DateRange$1;
829
- interface DateRangePickerProps {
830
- /** Selected date range */
831
- value?: DateRange;
832
- /** Callback when range changes */
833
- onChange?: (range: DateRange | undefined) => void;
834
- /** Placeholder text when no range selected */
835
- placeholder?: string;
836
- /** Date format string (date-fns format) */
837
- dateFormat?: string;
838
- /** Disable the picker */
839
- disabled?: boolean;
840
- /** Minimum selectable date */
841
- fromDate?: Date;
842
- /** Maximum selectable date */
843
- toDate?: Date;
844
- /** Number of months to display */
845
- numberOfMonths?: number;
846
- /** Additional class names for the trigger button */
847
- className?: string;
848
- /** Button variant */
849
- variant?: 'default' | 'outline' | 'ghost';
850
- /** Align popover */
851
- align?: 'start' | 'center' | 'end';
852
- }
853
- declare const DateRangePicker: React$1.ForwardRefExoticComponent<DateRangePickerProps & React$1.RefAttributes<HTMLButtonElement>>;
854
-
855
- type CarouselApi = UseEmblaCarouselType[1];
856
- type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
857
- type CarouselOptions = UseCarouselParameters[0];
858
- type CarouselPlugin = UseCarouselParameters[1];
859
- type CarouselProps = {
860
- opts?: CarouselOptions;
861
- plugins?: CarouselPlugin;
862
- orientation?: "horizontal" | "vertical";
863
- setApi?: (api: CarouselApi) => void;
864
- };
865
- declare const Carousel: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & React$1.RefAttributes<HTMLDivElement>>;
866
- declare const CarouselContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
867
- declare const CarouselItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
868
- declare const CarouselPrevious: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
869
- declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
870
-
871
- interface TokenIconProps extends React$1.HTMLAttributes<HTMLDivElement> {
872
- symbol: string;
873
- variant?: 'branded' | 'mono';
874
- size?: number;
875
- network?: string;
876
- address?: string;
877
- }
878
- /**
879
- * Get all available token symbols from @web3icons/react
880
- * Uses dynamic import to avoid bundling all icons
881
- */
882
- declare function getAllTokenSymbols(): Promise<string[]>;
883
- /**
884
- * Search tokens by symbol
885
- */
886
- declare function searchTokens(query: string): Promise<string[]>;
887
- /**
888
- * Get popular tokens grouped by category
889
- */
890
- interface TokenCategory {
891
- name: string;
892
- tokens: string[];
893
- }
894
- declare function getTokensByCategory(): Promise<TokenCategory[]>;
895
- type TokenSymbol = string;
896
- declare function TokenIcon({ symbol, variant, size, className, network, address, ...props }: TokenIconProps): react_jsx_runtime.JSX.Element;
897
-
898
- declare const THEMES: {
899
- readonly light: "";
900
- readonly dark: ".dark";
901
- };
902
- type ChartConfig = {
903
- [k in string]: {
904
- label?: React$1.ReactNode;
905
- icon?: React$1.ComponentType;
906
- } & ({
907
- color?: string;
908
- theme?: never;
909
- } | {
910
- color?: never;
911
- theme: Record<keyof typeof THEMES, string>;
912
- });
913
- };
914
- declare const ChartContainer: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
915
- config: ChartConfig;
916
- children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
917
- }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
918
- declare const ChartStyle: ({ id, config }: {
919
- id: string;
920
- config: ChartConfig;
921
- }) => react_jsx_runtime.JSX.Element;
922
- declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
923
- declare const ChartTooltipContent: React$1.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType> & {
924
- accessibilityLayer?: boolean;
925
- active?: boolean | undefined;
926
- includeHidden?: boolean | undefined;
927
- allowEscapeViewBox?: recharts_types_util_types.AllowInDimension;
928
- animationDuration?: recharts_types_util_types.AnimationDuration;
929
- animationEasing?: recharts_types_util_types.AnimationTiming;
930
- content?: recharts_types_component_Tooltip.ContentType<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType>;
931
- coordinate?: Partial<recharts_types_util_types.Coordinate>;
932
- cursor?: boolean | React$1.ReactElement | React$1.SVGProps<SVGElement>;
933
- filterNull?: boolean;
934
- defaultIndex?: number;
935
- isAnimationActive?: boolean;
936
- offset?: number;
937
- payloadUniqBy?: recharts_types_util_payload_getUniqPayload.UniqueOption<recharts_types_component_DefaultTooltipContent.Payload<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType>>;
938
- position?: Partial<recharts_types_util_types.Coordinate>;
939
- reverseDirection?: recharts_types_util_types.AllowInDimension;
940
- shared?: boolean;
941
- trigger?: "hover" | "click";
942
- useTranslate3d?: boolean;
943
- viewBox?: recharts_types_util_types.CartesianViewBox;
944
- wrapperStyle?: React$1.CSSProperties;
945
- } & React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
946
- hideLabel?: boolean;
947
- hideIndicator?: boolean;
948
- indicator?: "line" | "dot" | "dashed";
949
- nameKey?: string;
950
- labelKey?: string;
951
- }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
952
- declare const ChartLegend: typeof RechartsPrimitive.Legend;
953
- declare const ChartLegendContent: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
954
- hideIcon?: boolean;
955
- nameKey?: string;
956
- }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
957
-
958
- declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: {
959
- variant?: "default" | "outline";
960
- size?: "default" | "sm" | "lg";
961
- } & class_variance_authority_types.ClassProp) => string> & React$1.RefAttributes<HTMLButtonElement>>;
962
-
963
- declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: {
964
- variant?: "default" | "outline";
965
- size?: "default" | "sm" | "lg";
966
- } & class_variance_authority_types.ClassProp) => string>) & React$1.RefAttributes<HTMLDivElement>>;
967
- declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: {
968
- variant?: "default" | "outline";
969
- size?: "default" | "sm" | "lg";
970
- } & class_variance_authority_types.ClassProp) => string> & {
971
- key?: React$1.Key;
972
- } & React$1.RefAttributes<HTMLButtonElement>>;
973
-
974
- declare const Command: React$1.ForwardRefExoticComponent<Omit<{
975
- children?: React$1.ReactNode;
976
- } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
977
- ref?: React$1.Ref<HTMLDivElement>;
978
- } & {
979
- asChild?: boolean;
980
- }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
981
- label?: string;
982
- shouldFilter?: boolean;
983
- filter?: (value: string, search: string, keywords?: string[]) => number;
984
- defaultValue?: string;
985
- value?: string;
986
- onValueChange?: (value: string) => void;
987
- loop?: boolean;
988
- disablePointerSelection?: boolean;
989
- vimBindings?: boolean;
990
- } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
991
- declare const CommandDialog: ({ children, ...props }: DialogProps) => react_jsx_runtime.JSX.Element;
992
- declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
993
- ref?: React$1.Ref<HTMLInputElement>;
994
- } & {
995
- asChild?: boolean;
996
- }, "asChild" | "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
997
- value?: string;
998
- onValueChange?: (search: string) => void;
999
- } & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
1000
- declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
1001
- children?: React$1.ReactNode;
1002
- } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
1003
- ref?: React$1.Ref<HTMLDivElement>;
1004
- } & {
1005
- asChild?: boolean;
1006
- }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
1007
- label?: string;
1008
- } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1009
- declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
1010
- children?: React$1.ReactNode;
1011
- } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
1012
- ref?: React$1.Ref<HTMLDivElement>;
1013
- } & {
1014
- asChild?: boolean;
1015
- }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1016
- declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
1017
- children?: React$1.ReactNode;
1018
- } & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
1019
- ref?: React$1.Ref<HTMLDivElement>;
1020
- } & {
1021
- asChild?: boolean;
1022
- }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
1023
- heading?: React$1.ReactNode;
1024
- value?: string;
1025
- forceMount?: boolean;
1026
- } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1027
- declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
1028
- ref?: React$1.Ref<HTMLDivElement>;
1029
- } & {
1030
- asChild?: boolean;
1031
- }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
1032
- alwaysRender?: boolean;
1033
- } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1034
- declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
1035
- children?: React$1.ReactNode;
1036
- } & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
1037
- ref?: React$1.Ref<HTMLDivElement>;
1038
- } & {
1039
- asChild?: boolean;
1040
- }, "asChild" | "key" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
1041
- disabled?: boolean;
1042
- onSelect?: (value: string) => void;
1043
- value?: string;
1044
- keywords?: string[];
1045
- forceMount?: boolean;
1046
- } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1047
- declare const CommandShortcut: {
1048
- ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
1049
- displayName: string;
1050
- };
1051
-
1052
- declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
1053
- declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
1054
- declare const ContextMenuSub: React$1.FC<ContextMenuPrimitive.ContextMenuSubProps>;
1055
- declare const ContextMenuRadioGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
1056
- declare const ContextMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1057
- inset?: boolean;
1058
- } & React$1.RefAttributes<HTMLDivElement>>;
1059
- declare const ContextMenuSubContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1060
- declare const ContextMenuContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1061
- declare const ContextMenuItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1062
- inset?: boolean;
1063
- key?: React$1.Key;
1064
- } & React$1.RefAttributes<HTMLDivElement>>;
1065
- declare const ContextMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1066
- key?: React$1.Key;
1067
- } & React$1.RefAttributes<HTMLDivElement>>;
1068
- declare const ContextMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1069
- key?: React$1.Key;
1070
- } & React$1.RefAttributes<HTMLDivElement>>;
1071
- declare const ContextMenuLabel: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1072
- inset?: boolean;
1073
- } & React$1.RefAttributes<HTMLDivElement>>;
1074
- declare const ContextMenuSeparator: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1075
- declare const ContextMenuShortcut: {
1076
- ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
1077
- displayName: string;
1078
- };
1079
-
1080
- declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
1081
- declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1082
- declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
1083
- declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
1084
- declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
1085
- declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
1086
- declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1087
- inset?: boolean;
1088
- } & React$1.RefAttributes<HTMLDivElement>>;
1089
- declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1090
- declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1091
- declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1092
- inset?: boolean;
1093
- href?: string;
1094
- key?: React$1.Key;
1095
- } & React$1.RefAttributes<HTMLDivElement>>;
1096
- declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1097
- key?: React$1.Key;
1098
- } & React$1.RefAttributes<HTMLDivElement>>;
1099
- declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1100
- key?: React$1.Key;
1101
- } & React$1.RefAttributes<HTMLDivElement>>;
1102
- declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1103
- inset?: boolean;
1104
- } & React$1.RefAttributes<HTMLDivElement>>;
1105
- declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1106
- declare const DropdownMenuShortcut: {
1107
- ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
1108
- displayName: string;
1109
- };
1110
-
1111
- declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
1112
- variant?: "default" | "destructive";
1113
- } & class_variance_authority_types.ClassProp) => string> & React$1.RefAttributes<HTMLDivElement>>;
1114
- declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
1115
- declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
1116
-
1117
- declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
1118
- declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
1119
- declare const useFormField: () => {
1120
- invalid: boolean;
1121
- isDirty: boolean;
1122
- isTouched: boolean;
1123
- isValidating: boolean;
1124
- error?: react_hook_form.FieldError;
1125
- id: string;
1126
- name: string;
1127
- formItemId: string;
1128
- formDescriptionId: string;
1129
- formMessageId: string;
1130
- };
1131
- declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
1132
- declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
1133
- declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
1134
- declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
1135
- declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
1136
-
1137
- declare const buttonGroupVariants: (props?: {
1138
- orientation?: "horizontal" | "vertical";
1139
- } & class_variance_authority_types.ClassProp) => string;
1140
- declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime.JSX.Element;
1141
-
1142
- declare function Empty({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1143
- declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1144
- declare const emptyMediaVariants: (props?: {
1145
- variant?: "default" | "icon";
1146
- } & class_variance_authority_types.ClassProp) => string;
1147
- declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
1148
- declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1149
- declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
1150
- declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1151
-
1152
- declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
1153
-
1154
- /**
1155
- * Preloader Component
1156
- *
1157
- * Universal loading indicator component with multiple variants
1158
- * Supports inline, fullscreen, and custom layouts
1159
- */
1160
- interface PreloaderProps {
1161
- /**
1162
- * Loading text to display
1163
- * @default undefined (no text)
1164
- */
1165
- text?: string;
1166
- /**
1167
- * Additional description/subtitle text
1168
- */
1169
- description?: string;
1170
- /**
1171
- * Size variant
1172
- * @default 'md'
1173
- */
1174
- size?: 'sm' | 'md' | 'lg' | 'xl';
1175
- /**
1176
- * Variant: inline (fits container) or fullscreen (fixed overlay)
1177
- * @default 'inline'
1178
- */
1179
- variant?: 'inline' | 'fullscreen';
1180
- /**
1181
- * Show backdrop (only for fullscreen variant)
1182
- * @default true
1183
- */
1184
- backdrop?: boolean;
1185
- /**
1186
- * Backdrop opacity (0-100, only for fullscreen with backdrop)
1187
- * @default 80
1188
- */
1189
- backdropOpacity?: number;
1190
- /**
1191
- * Additional CSS classes
1192
- */
1193
- className?: string;
1194
- /**
1195
- * Spinner className override
1196
- */
1197
- spinnerClassName?: string;
1198
- }
1199
- /**
1200
- * Preloader - Universal loading indicator
1201
- *
1202
- * Features:
1203
- * - Multiple size variants (sm, md, lg, xl)
1204
- * - Inline or fullscreen variants
1205
- * - Optional text and description
1206
- * - Optional backdrop for fullscreen
1207
- * - Accessible (ARIA labels)
1208
- *
1209
- * @example
1210
- * ```tsx
1211
- * // Inline loading
1212
- * <Preloader text="Loading..." />
1213
- *
1214
- * // Fullscreen with backdrop
1215
- * <Preloader variant="fullscreen" text="Loading data..." />
1216
- *
1217
- * // Custom size
1218
- * <Preloader size="lg" text="Processing..." />
1219
- *
1220
- * // Without text
1221
- * <Preloader />
1222
- * ```
1223
- */
1224
- declare function Preloader({ text, description, size, variant, backdrop, backdropOpacity, className, spinnerClassName, }: PreloaderProps): react_jsx_runtime.JSX.Element;
1225
- /**
1226
- * PreloaderSkeleton - Loading skeleton variant
1227
- * Useful for content placeholders
1228
- */
1229
- interface PreloaderSkeletonProps {
1230
- /**
1231
- * Number of skeleton lines
1232
- * @default 3
1233
- */
1234
- lines?: number;
1235
- /**
1236
- * Show avatar skeleton
1237
- * @default false
1238
- */
1239
- showAvatar?: boolean;
1240
- /**
1241
- * Additional CSS classes
1242
- */
1243
- className?: string;
1244
- }
1245
- declare function PreloaderSkeleton({ lines, showAvatar, className, }: PreloaderSkeletonProps): react_jsx_runtime.JSX.Element;
1246
-
1247
- type KbdSize = "xs" | "sm" | "default" | "lg";
1248
- interface KbdProps extends React.ComponentProps<"kbd"> {
1249
- size?: KbdSize;
1250
- }
1251
- declare function Kbd({ className, size, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
1252
- declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1253
-
1254
- declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1255
- declare const inputGroupAddonVariants: (props?: {
1256
- align?: "block-end" | "block-start" | "inline-end" | "inline-start";
1257
- } & class_variance_authority_types.ClassProp) => string;
1258
- declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
1259
- declare const inputGroupButtonVariants: (props?: {
1260
- size?: "sm" | "xs" | "icon-xs" | "icon-sm";
1261
- } & class_variance_authority_types.ClassProp) => string;
1262
- declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
1263
- declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
1264
- declare function InputGroupInput({ className, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
1265
- declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
1266
-
1267
- declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1268
- declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
1269
- declare const itemVariants: (props?: {
1270
- variant?: "default" | "outline" | "muted";
1271
- size?: "default" | "sm";
1272
- } & class_variance_authority_types.ClassProp) => string;
1273
- declare function Item({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
1274
- asChild?: boolean;
1275
- }): react_jsx_runtime.JSX.Element;
1276
- declare const itemMediaVariants: (props?: {
1277
- variant?: "default" | "icon" | "image";
1278
- } & class_variance_authority_types.ClassProp) => string;
1279
- declare function ItemMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
1280
- declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1281
- declare function ItemTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1282
- declare function ItemDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
1283
- declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1284
- declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1285
- declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1286
-
1287
- declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
1288
- declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
1289
- variant?: "legend" | "label";
1290
- }): react_jsx_runtime.JSX.Element;
1291
- declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1292
- declare const fieldVariants: (props?: {
1293
- orientation?: "horizontal" | "vertical" | "responsive";
1294
- } & class_variance_authority_types.ClassProp) => string;
1295
- declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
1296
- declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1297
- declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
1298
- declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1299
- declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
1300
- declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
1301
- children?: React.ReactNode;
1302
- }): react_jsx_runtime.JSX.Element;
1303
- declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
1304
- errors?: Array<{
1305
- message?: string;
1306
- } | undefined>;
1307
- }): react_jsx_runtime.JSX.Element;
1308
-
1309
- interface CopyButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onCopy'> {
1310
- /** Text to copy to clipboard */
1311
- value: string;
1312
- /** Duration in ms to show success state (default: 2000) */
1313
- successDuration?: number;
1314
- /** Callback after successful copy */
1315
- onCopy?: (value: string) => void;
1316
- /** Button size variant */
1317
- size?: 'default' | 'sm' | 'icon';
1318
- /** Button style variant */
1319
- variant?: 'default' | 'ghost' | 'outline';
1320
- /** Optional label text (if provided, shows text next to icon) */
1321
- children?: React$1.ReactNode;
1322
- /** Icon size class (default: "h-4 w-4") */
1323
- iconClassName?: string;
1324
- }
1325
- declare const CopyButton: React$1.ForwardRefExoticComponent<CopyButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
1326
- interface CopyFieldProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'children' | 'onCopy'> {
1327
- /** Label text (optional) */
1328
- label?: string;
1329
- /** Text to display and copy */
1330
- value: string;
1331
- /** Duration in ms to show success state */
1332
- successDuration?: number;
1333
- /** Callback after successful copy */
1334
- onCopy?: (value: string) => void;
1335
- /** Show as monospace font */
1336
- mono?: boolean;
1337
- /** Truncate long text (default: true). Set to false to allow wrapping */
1338
- truncate?: boolean;
1339
- /** Break long words to prevent overflow (use with truncate={false}) */
1340
- breakAll?: boolean;
1341
- }
1342
- declare const CopyField: React$1.ForwardRefExoticComponent<CopyFieldProps & React$1.RefAttributes<HTMLDivElement>>;
1343
-
1344
- interface DownloadButtonProps extends Omit<ButtonProps, 'onClick'> {
1345
- /**
1346
- * URL to download from
1347
- */
1348
- url: string;
1349
- /**
1350
- * Optional filename override. If not provided, will try to extract from Content-Disposition header
1351
- */
1352
- filename?: string;
1353
- /**
1354
- * Optional callback when download starts
1355
- */
1356
- onDownloadStart?: () => void;
1357
- /**
1358
- * Optional callback when download completes
1359
- */
1360
- onDownloadComplete?: (filename: string) => void;
1361
- /**
1362
- * Optional callback when download fails
1363
- */
1364
- onDownloadError?: (error: Error) => void;
1365
- /**
1366
- * Use fetch API for download (allows progress tracking and auth headers)
1367
- * Default: true
1368
- */
1369
- useFetch?: boolean;
1370
- /**
1371
- * Show download status icons (loading, success, error)
1372
- * Default: true
1373
- */
1374
- showStatus?: boolean;
1375
- /**
1376
- * Auto-reset status after success/error (in ms)
1377
- * Default: 2000
1378
- */
1379
- statusResetDelay?: number;
1380
- /**
1381
- * Method for download (GET or POST)
1382
- * Default: GET
1383
- */
1384
- method?: 'GET' | 'POST';
1385
- /**
1386
- * Optional request body for POST requests
1387
- */
1388
- body?: any;
1389
- }
1390
- declare const DownloadButton: React$1.ForwardRefExoticComponent<DownloadButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
1391
-
1392
- /**
1393
- * OG Image URL Generation Utilities
1394
- *
1395
- * Client-side utilities for generating OG image URLs.
1396
- */
1397
- /**
1398
- * OG Image URL parameters
1399
- */
1400
- interface OgImageUrlParams {
1401
- /** Page title */
1402
- title: string;
1403
- /** Page description (optional) */
1404
- description?: string;
1405
- /** Site name (optional) */
1406
- siteName?: string;
1407
- /** Logo URL (optional) */
1408
- logo?: string;
1409
- /** Background type: 'gradient' or 'solid' */
1410
- backgroundType?: 'gradient' | 'solid';
1411
- /** Gradient start color (hex) */
1412
- gradientStart?: string;
1413
- /** Gradient end color (hex) */
1414
- gradientEnd?: string;
1415
- /** Background color (for solid type) */
1416
- backgroundColor?: string;
1417
- /** Title font size (px) */
1418
- titleSize?: number;
1419
- /** Title font weight */
1420
- titleWeight?: number;
1421
- /** Title text color */
1422
- titleColor?: string;
1423
- /** Description font size (px) */
1424
- descriptionSize?: number;
1425
- /** Description text color */
1426
- descriptionColor?: string;
1427
- /** Site name font size (px) */
1428
- siteNameSize?: number;
1429
- /** Site name text color */
1430
- siteNameColor?: string;
1431
- /** Padding (px) */
1432
- padding?: number;
1433
- /** Logo size (px) */
1434
- logoSize?: number;
1435
- /** Show logo flag */
1436
- showLogo?: boolean;
1437
- /** Show site name flag */
1438
- showSiteName?: boolean;
1439
- /** Additional custom parameters */
1440
- [key: string]: string | number | boolean | undefined;
1441
- }
1442
- /**
1443
- * Options for generating OG image URL
1444
- */
1445
- interface GenerateOgImageUrlOptions {
1446
- /**
1447
- * Base URL of the OG image API route
1448
- * @default 'https://djangocfg.com/api/og'
1449
- */
1450
- baseUrl?: string;
1451
- /**
1452
- * If true, encode params as base64 for safer URLs
1453
- * @default true
1454
- */
1455
- useBase64?: boolean;
1456
- }
1457
-
1458
- interface OgImageProps extends React$1.ImgHTMLAttributes<HTMLImageElement> {
1459
- /** OG Image parameters */
1460
- params: OgImageUrlParams;
1461
- /** Generation options (baseUrl, useBase64) */
1462
- options?: GenerateOgImageUrlOptions;
1463
- }
1464
- /**
1465
- * OgImage Component
1466
- *
1467
- * Renders an image using the OG Image API with auto-generated URL.
1468
- *
1469
- * @example
1470
- * ```tsx
1471
- * <OgImage
1472
- * params={{ title: 'My Page', description: 'Description' }}
1473
- * className="rounded-lg"
1474
- * />
1475
- * ```
1476
- */
1477
- declare const OgImage: React$1.ForwardRefExoticComponent<OgImageProps & React$1.RefAttributes<HTMLImageElement>>;
1478
-
1479
- type ToasterProps = React.ComponentProps<typeof Toaster$1>;
1480
- declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
1481
-
1482
- interface PhoneInputProps {
1483
- value?: string;
1484
- onChange?: (value: string | undefined) => void;
1485
- defaultCountry?: CountryCode;
1486
- className?: string;
1487
- placeholder?: string;
1488
- disabled?: boolean;
1489
- }
1490
- declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<HTMLInputElement>>;
1491
-
1492
- declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
1493
- declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
1494
- declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
1495
- declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp) => string;
1496
- declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1497
- declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1498
- declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>, "ref"> & {
1499
- href?: string;
1500
- } & React$1.RefAttributes<HTMLAnchorElement>>;
1501
- declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1502
- declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1503
-
1504
- declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
1505
- declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element;
1506
- declare function MenubarPortal({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element;
1507
- declare function MenubarRadioGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
1508
- declare function MenubarSub({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
1509
- declare const Menubar: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1510
- declare const MenubarTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1511
- declare const MenubarSubTrigger: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1512
- inset?: boolean;
1513
- } & React$1.RefAttributes<HTMLDivElement>>;
1514
- declare const MenubarSubContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1515
- declare const MenubarContent: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1516
- declare const MenubarItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1517
- inset?: boolean;
1518
- href?: string;
1519
- key?: React$1.Key;
1520
- } & React$1.RefAttributes<HTMLDivElement>>;
1521
- declare const MenubarCheckboxItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1522
- key?: React$1.Key;
1523
- } & React$1.RefAttributes<HTMLDivElement>>;
1524
- declare const MenubarRadioItem: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1525
- key?: React$1.Key;
1526
- } & React$1.RefAttributes<HTMLDivElement>>;
1527
- declare const MenubarLabel: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
1528
- inset?: boolean;
1529
- } & React$1.RefAttributes<HTMLDivElement>>;
1530
- declare const MenubarSeparator: React$1.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1531
- declare const MenubarShortcut: {
1532
- ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
1533
- displayname: string;
1534
- };
1535
-
1536
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationConfig$1 as AnimationConfig, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonLink, type ButtonLinkProps, type ButtonProps, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, CopyField, type CopyFieldProps, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DownloadButton, type DownloadButtonProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, ImageWithFallback, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, type KbdProps, type KbdSize, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MultiSelect, type MultiSelectOption, MultiSelectPro, MultiSelectProAsync, type MultiSelectProAsyncProps, type MultiSelectProGroup, type MultiSelectProOption, type MultiSelectProProps, type MultiSelectProRef, type MultiSelectProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, OTPInput, type SmartOTPProps as OTPInputProps, type OTPPasteBehavior, type OTPValidationMode, type OTPValidator, OgImage, type OgImageProps, PhoneInput, type PhoneInputProps, Popover, PopoverContent, PopoverTrigger, Portal, type PortalProps, Preloader, type PreloaderProps, PreloaderSkeleton, type PreloaderSkeletonProps, Progress, RadioGroup, RadioGroupItem, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResponsiveConfig, ScrollArea, type ScrollAreaHandle, type ScrollAreaProps, ScrollBar, Section, SectionHeader, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, Sticky, Switch, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type TokenCategory, TokenIcon, type TokenIconProps, type TokenSymbol, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, getAllTokenSymbols, getTokensByCategory, navigationMenuTriggerStyle, searchTokens, useFormField, useResizableDragging, useSmartOTP };