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