@turystack/ui 0.0.19 → 0.0.21

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.ts CHANGED
@@ -1,6 +1,14 @@
1
- import { Context } from 'react';
1
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
2
+ import { ForwardRefExoticComponent } from 'react';
3
+ import { InputHTMLAttributes } from 'react';
2
4
  import { JSX } from 'react/jsx-runtime';
5
+ import { LucideIcon } from 'lucide-react';
3
6
  import { PropsWithChildren } from 'react';
7
+ import { ReactNode } from 'react';
8
+ import { RefAttributes } from 'react';
9
+ import { TextareaHTMLAttributes } from 'react';
10
+ import { toast } from 'sonner';
11
+ import { Toaster } from 'sonner';
4
12
  import { TVReturnType } from 'tailwind-variants';
5
13
 
6
14
  export declare const Accordion: typeof Root & {
@@ -9,6 +17,13 @@ export declare const Accordion: typeof Root & {
9
17
  Trigger: typeof Trigger;
10
18
  };
11
19
 
20
+ export declare type AccordionConfig = {
21
+ default?: ComponentConfig<AccordionProps, AccordionSlots>;
22
+ item?: ComponentConfig<AccordionItem, AccordionItemSlots>;
23
+ trigger?: ComponentConfig<AccordionTrigger, AccordionTriggerSlots>;
24
+ content?: ComponentConfig<AccordionContent, AccordionContentSlots>;
25
+ };
26
+
12
27
  export declare type AccordionContent = {};
13
28
 
14
29
  export declare type AccordionContentSlots = 'root' | 'inner';
@@ -34,6 +49,7 @@ declare function Action({ children }: PropsWithChildren<AlertActionProps>): JSX.
34
49
 
35
50
  export declare const Alert: typeof Root_2 & {
36
51
  Action: typeof Action;
52
+ Content: typeof Content_2;
37
53
  Description: typeof Description;
38
54
  Icon: typeof Icon;
39
55
  Title: typeof Title;
@@ -43,6 +59,14 @@ export declare type AlertActionProps = {};
43
59
 
44
60
  export declare type AlertActionSlots = 'root';
45
61
 
62
+ export declare type AlertConfig = {
63
+ default?: ComponentConfig<AlertProps, AlertSlots>;
64
+ icon?: ComponentConfig<AlertIconProps, AlertIconSlots>;
65
+ title?: ComponentConfig<AlertTitleProps, AlertTitleSlots>;
66
+ description?: ComponentConfig<AlertDescriptionProps, AlertDescriptionSlots>;
67
+ action?: ComponentConfig<AlertActionProps, AlertActionSlots>;
68
+ };
69
+
46
70
  export declare type AlertDescriptionProps = {};
47
71
 
48
72
  export declare type AlertDescriptionSlots = 'root';
@@ -53,9 +77,11 @@ export declare type AlertIconSlots = 'root';
53
77
 
54
78
  export declare type AlertProps = {
55
79
  variant?: AlertVariant;
80
+ closable?: boolean;
81
+ onClose?: () => void;
56
82
  };
57
83
 
58
- export declare type AlertSlots = 'root';
84
+ export declare type AlertSlots = 'root' | 'close';
59
85
 
60
86
  export declare type AlertTitleProps = {};
61
87
 
@@ -63,8 +89,12 @@ export declare type AlertTitleSlots = 'root';
63
89
 
64
90
  export declare type AlertVariant = 'default' | 'destructive';
65
91
 
92
+ export declare function applyTheme(theme: ThemeProps, isDark: boolean): Record<string, string>;
93
+
66
94
  export declare function Avatar({ src, alt, size, variant, children, }: PropsWithChildren<AvatarProps>): JSX.Element;
67
95
 
96
+ export declare type AvatarConfig = ComponentConfig<AvatarProps, AvatarSlots>;
97
+
68
98
  export declare type AvatarProps = {
69
99
  src?: string | null;
70
100
  alt?: string;
@@ -82,6 +112,8 @@ export declare function Badge({ variant, align, block, loading, asChild, onClick
82
112
 
83
113
  export declare type BadgeAlign = 'start' | 'center' | 'end';
84
114
 
115
+ export declare type BadgeConfig = ComponentConfig<BadgeProps, BadgeSlots>;
116
+
85
117
  export declare type BadgeProps = {
86
118
  variant?: BadgeVariant;
87
119
  align?: BadgeAlign;
@@ -100,13 +132,68 @@ declare type BaseAccordionProps = {
100
132
  bordered?: boolean;
101
133
  };
102
134
 
135
+ declare type BaseCurrencyInputProps = Omit<InputProps, 'value' | 'defaultValue' | 'onChange'> & {
136
+ currency?: Currency;
137
+ };
138
+
139
+ declare type BaseNumberInputProps = Omit<InputProps, 'value' | 'defaultValue' | 'onChange'> & {
140
+ step?: number;
141
+ };
142
+
143
+ export declare type BaseSelectProps<T, O> = {
144
+ options: T[];
145
+ optionLabel: keyof T | ((option: T) => string);
146
+ optionValue: keyof T | ((option: T) => O);
147
+ optionGroup?: keyof T | ((option: T) => string);
148
+ renderOption?: (option: T) => React.ReactNode;
149
+ renderValue?: (option: T) => React.ReactNode;
150
+ placeholder?: string;
151
+ searchable?: boolean;
152
+ searchPlaceholder?: string;
153
+ emptySection?: React.ReactNode;
154
+ leftSection?: React.ReactNode;
155
+ rightSection?: React.ReactNode;
156
+ infinite?: SelectInfiniteProps;
157
+ disabled?: boolean;
158
+ loading?: boolean;
159
+ block?: boolean;
160
+ size?: SelectSize;
161
+ };
162
+
163
+ declare type BaseSliderProps = {
164
+ orientation: SliderOrientation;
165
+ size?: SliderSize;
166
+ };
167
+
168
+ declare type BaseUploaderProps = {
169
+ accept?: string;
170
+ maxFiles?: number;
171
+ maxFileSize?: number;
172
+ disabled?: boolean;
173
+ handler: (fileName: string) => Promise<UploaderHandlerResponse>;
174
+ };
175
+
176
+ declare function Body_2({ children }: PropsWithChildren<ModalBodyProps>): JSX.Element;
177
+
178
+ declare function Body_3({ children }: PropsWithChildren<SheetBodyProps>): JSX.Element;
179
+
103
180
  export declare const Breadcrumb: typeof Root_3 & {
104
181
  Ellipsis: typeof Ellipsis;
105
182
  Item: typeof Item_2;
106
183
  Link: typeof Link;
107
184
  List: typeof List;
108
185
  Page: typeof Page;
109
- Separator: typeof Separator;
186
+ Separator: typeof Separator_2;
187
+ };
188
+
189
+ export declare type BreadcrumbConfig = {
190
+ default?: ComponentConfig<BreadcrumbProps, BreadcrumbSlots>;
191
+ list?: ComponentConfig<BreadcrumbListProps, BreadcrumbListSlots>;
192
+ item?: ComponentConfig<BreadcrumbItemProps, BreadcrumbItemSlots>;
193
+ link?: ComponentConfig<BreadcrumbLinkProps, BreadcrumbLinkSlots>;
194
+ page?: ComponentConfig<BreadcrumbPageProps, BreadcrumbPageSlots>;
195
+ separator?: ComponentConfig<BreadcrumbSeparatorProps, BreadcrumbSeparatorSlots>;
196
+ ellipsis?: ComponentConfig<BreadcrumbEllipsisProps, BreadcrumbEllipsisSlots>;
110
197
  };
111
198
 
112
199
  export declare type BreadcrumbEllipsisProps = {};
@@ -140,7 +227,11 @@ export declare type BreadcrumbSeparatorSlots = 'root';
140
227
 
141
228
  export declare type BreadcrumbSlots = 'root';
142
229
 
143
- export declare function Button(props: PropsWithChildren<ButtonProps>): JSX.Element;
230
+ export declare const Button: ForwardRefExoticComponent<ButtonProps & {
231
+ children?: ReactNode | undefined;
232
+ } & RefAttributes<HTMLButtonElement>>;
233
+
234
+ export declare type ButtonConfig = ComponentConfig<ButtonProps, ButtonSlots>;
144
235
 
145
236
  export declare type ButtonProps = {
146
237
  form?: string;
@@ -164,184 +255,1609 @@ export declare type ButtonType = 'button' | 'submit' | 'reset';
164
255
 
165
256
  export declare type ButtonVariant = 'default' | 'destructive' | 'outline' | 'dashed' | 'secondary' | 'ghost' | 'link';
166
257
 
167
- export declare type ColorScheme = 'light' | 'dark' | 'system';
258
+ export declare const Card: typeof Root_4 & {
259
+ Content: typeof Content_3;
260
+ Description: typeof Description_2;
261
+ Footer: typeof Footer;
262
+ Header: typeof Header;
263
+ Separator: typeof Separator_3;
264
+ Title: typeof Title_2;
265
+ };
168
266
 
169
- export declare const ColorSchemeContext: Context<ColorSchemeContextValue | null>;
267
+ export declare type CardConfig = {
268
+ default?: ComponentConfig<CardProps, CardSlots>;
269
+ header?: ComponentConfig<CardHeaderProps, CardHeaderSlots>;
270
+ title?: ComponentConfig<CardTitleProps, CardTitleSlots>;
271
+ description?: ComponentConfig<CardDescriptionProps, CardDescriptionSlots>;
272
+ content?: ComponentConfig<CardContentProps, CardContentSlots>;
273
+ footer?: ComponentConfig<CardFooterProps, CardFooterSlots>;
274
+ separator?: ComponentConfig<CardSeparatorProps, CardSeparatorSlots>;
275
+ };
170
276
 
171
- export declare type ColorSchemeContextValue = {
172
- colorScheme: ColorScheme;
173
- changeColorScheme: (colorScheme: ColorScheme) => void;
277
+ export declare type CardContentProps = {};
278
+
279
+ export declare type CardContentSlots = 'root';
280
+
281
+ export declare type CardDescriptionProps = {};
282
+
283
+ export declare type CardDescriptionSlots = 'root';
284
+
285
+ export declare type CardFooterProps = {
286
+ bordered?: boolean;
174
287
  };
175
288
 
176
- export declare function ColorSchemeProvider({ defaultColorScheme, children }: PropsWithChildren<ColorSchemeProviderProps>): JSX.Element;
289
+ export declare type CardFooterSlots = 'root';
177
290
 
178
- declare type ColorSchemeProviderProps = {
179
- defaultColorScheme?: ColorScheme;
291
+ export declare type CardHeaderProps = {
292
+ bordered?: boolean;
293
+ };
294
+
295
+ export declare type CardHeaderSlots = 'root';
296
+
297
+ export declare type CardProps = {
298
+ onClick?: React.MouseEventHandler<HTMLDivElement>;
299
+ };
300
+
301
+ export declare type CardSeparatorProps = {};
302
+
303
+ export declare type CardSeparatorSlots = 'root';
304
+
305
+ export declare type CardSlots = 'root';
306
+
307
+ export declare type CardTitleProps = {};
308
+
309
+ export declare type CardTitleSlots = 'root';
310
+
311
+ export declare const Checkbox: typeof Root_5 & {
312
+ Group: typeof Group;
313
+ };
314
+
315
+ export declare type CheckboxConfig = {
316
+ default?: ComponentConfig<CheckboxProps, CheckboxSlots>;
317
+ group?: ComponentConfig<CheckboxGroupProps, CheckboxGroupSlots>;
318
+ };
319
+
320
+ export declare type CheckboxGroupProps = {
321
+ items: CheckboxItem[];
322
+ value?: string[];
323
+ defaultValue?: string[];
324
+ disabled?: boolean;
325
+ variant?: CheckboxGroupVariant;
326
+ onChange?: (value: string[]) => void;
327
+ };
328
+
329
+ export declare type CheckboxGroupSlots = 'root' | 'item';
330
+
331
+ export declare type CheckboxGroupVariant = 'vertical' | 'horizontal';
332
+
333
+ export declare type CheckboxItem = {
334
+ label: string;
335
+ value: string;
336
+ disabled?: boolean;
337
+ };
338
+
339
+ declare function CheckboxItem_2({ checked, disabled, onCheckedChange, children, }: PropsWithChildren<DropdownMenuCheckboxItemProps>): JSX.Element;
340
+
341
+ export declare type CheckboxProps = {
342
+ label?: string;
343
+ description?: string;
344
+ value?: string;
345
+ size?: CheckboxSize;
346
+ disabled?: boolean;
347
+ bordered?: boolean;
348
+ checked?: boolean;
349
+ defaultChecked?: boolean;
350
+ onChange?: (checked: boolean) => void;
351
+ };
352
+
353
+ export declare type CheckboxSize = 'sm' | 'md' | 'lg';
354
+
355
+ export declare type CheckboxSlots = 'wrapper' | 'root' | 'indicator' | 'icon' | 'label' | 'description';
356
+
357
+ declare type ColorScheme = 'light' | 'dark' | 'system';
358
+
359
+ declare type ColorSchemeContextValue = {
360
+ colorScheme: ColorScheme;
361
+ changeColorScheme: (colorScheme: ColorScheme) => void;
180
362
  };
181
363
 
182
364
  declare type ComponentClassNameSlots<T extends string> = Partial<Record<T, string>>;
183
365
 
184
- export declare type ComponentConfig<T extends object, S extends string> = {
366
+ declare type ComponentConfig<T extends object, S extends string> = {
185
367
  classNames?: ComponentClassNameSlots<S>;
186
368
  defaultProps?: ComponentDefaultProps<T>;
187
369
  };
188
370
 
189
371
  declare type ComponentDefaultProps<T extends object> = Partial<T>;
190
372
 
373
+ export declare function Confirm({ open, title, description, confirmText, cancelText, confirmProps, cancelProps, onConfirm, onCancel, onClose, }: ConfirmProps): JSX.Element;
374
+
375
+ export declare type ConfirmProps = {
376
+ open?: boolean;
377
+ title: string;
378
+ description: string;
379
+ confirmText?: string;
380
+ cancelText?: string;
381
+ confirmProps?: Omit<ButtonProps, 'loading' | 'onClick'>;
382
+ cancelProps?: Omit<ButtonProps, 'loading' | 'onClick'>;
383
+ onConfirm?: () => void;
384
+ onCancel?: () => void;
385
+ onClose?: () => void;
386
+ };
387
+
388
+ export declare type ConfirmSlots = 'root' | 'overlay' | 'content' | 'title' | 'description' | 'actions';
389
+
191
390
  declare function Content({ children }: PropsWithChildren<AccordionContent>): JSX.Element;
192
391
 
392
+ declare function Content_2({ children }: PropsWithChildren): JSX.Element;
393
+
394
+ declare function Content_3({ children }: PropsWithChildren<CardContentProps>): JSX.Element;
395
+
396
+ declare function Content_4({ side, align, sideOffset, children, }: PropsWithChildren<DropdownMenuContentProps>): JSX.Element;
397
+
398
+ declare function Content_5({ children }: PropsWithChildren): JSX.Element;
399
+
400
+ declare function Content_6({ value, children }: PropsWithChildren<TabsContentProps>): JSX.Element;
401
+
402
+ export declare type Country = {
403
+ code: string;
404
+ ddi: string;
405
+ flag: string;
406
+ mask: string;
407
+ };
408
+
409
+ export declare type Currency = 'brl' | 'usd' | 'eur';
410
+
411
+ export declare const CurrencyInput: ForwardRefExoticComponent<CurrencyInputProps & RefAttributes<HTMLInputElement>>;
412
+
413
+ export declare type CurrencyInputConfig = ComponentConfig<BaseCurrencyInputProps, CurrencyInputSlots>;
414
+
415
+ export declare type CurrencyInputProps = BaseCurrencyInputProps & (SingleCurrencyInputProps | RangeCurrencyInputProps);
416
+
417
+ export declare type CurrencyInputRangeValue = {
418
+ from?: number | null;
419
+ to?: number | null;
420
+ };
421
+
422
+ export declare type CurrencyInputSingleValue = number | null;
423
+
424
+ export declare type CurrencyInputSlots = 'root' | 'input' | 'leftSection' | 'rightSection' | 'loader';
425
+
426
+ declare type CursorPaginationProps = {
427
+ mode: 'cursor';
428
+ rowsPerPage: number;
429
+ hasPreviousPage?: boolean;
430
+ hasNextPage?: boolean;
431
+ onPreviousPage?: () => void;
432
+ onNextPage?: () => void;
433
+ onRowsPerPageChange?: (rowsPerPage: number) => void;
434
+ };
435
+
436
+ export declare const DateInput: ForwardRefExoticComponent<Omit<InputProps, "value" | "onChange" | "defaultValue"> & {
437
+ value?: Date | null;
438
+ defaultValue?: Date | null;
439
+ onChange?: (date: Date | null) => void;
440
+ } & RefAttributes<HTMLButtonElement>>;
441
+
442
+ export declare type DateInputConfig = ComponentConfig<DateInputProps, DateInputSlots>;
443
+
444
+ export declare type DateInputProps = Omit<InputProps, 'value' | 'defaultValue' | 'onChange'> & {
445
+ value?: Date | null;
446
+ defaultValue?: Date | null;
447
+ onChange?: (date: Date | null) => void;
448
+ };
449
+
450
+ export declare type DateInputSlots = 'root' | 'content' | 'calendar';
451
+
452
+ export declare type DateRange = {
453
+ from?: Date;
454
+ to?: Date;
455
+ };
456
+
457
+ export declare const DateRangeInput: ForwardRefExoticComponent<Omit<InputProps, "value" | "onChange" | "defaultValue"> & {
458
+ value?: DateRange | null;
459
+ defaultValue?: DateRange | null;
460
+ onChange?: (range: DateRange | null) => void;
461
+ } & RefAttributes<HTMLButtonElement>>;
462
+
463
+ export declare type DateRangeInputConfig = ComponentConfig<DateRangeInputProps, DateRangeInputSlots>;
464
+
465
+ export declare type DateRangeInputProps = Omit<InputProps, 'value' | 'defaultValue' | 'onChange'> & {
466
+ value?: DateRange | null;
467
+ defaultValue?: DateRange | null;
468
+ onChange?: (range: DateRange | null) => void;
469
+ };
470
+
471
+ export declare type DateRangeInputSlots = 'root' | 'content' | 'calendar';
472
+
193
473
  declare function Description({ children }: PropsWithChildren<AlertDescriptionProps>): JSX.Element;
194
474
 
195
- declare function Ellipsis(_props: BreadcrumbEllipsisProps): JSX.Element;
475
+ declare function Description_2({ children }: PropsWithChildren<CardDescriptionProps>): JSX.Element;
196
476
 
197
- declare function Icon({ children }: PropsWithChildren<AlertIconProps>): JSX.Element;
477
+ declare function Description_3({ children }: PropsWithChildren<SheetDescriptionProps>): JSX.Element;
198
478
 
199
- declare function Item({ value, disabled, children }: PropsWithChildren<AccordionItem>): JSX.Element;
479
+ export declare const DocumentInput: ForwardRefExoticComponent<Omit<MaskInputProps, "value" | "mask" | "onChange" | "defaultValue"> & {
480
+ variant: DocumentType_2;
481
+ value?: DocumentValue | null;
482
+ defaultValue?: DocumentValue | null;
483
+ onChange?: (value: DocumentValue | null) => void;
484
+ } & RefAttributes<HTMLInputElement>>;
200
485
 
201
- declare function Item_2({ children }: PropsWithChildren<BreadcrumbItemProps>): JSX.Element;
486
+ export declare type DocumentInputConfig = ComponentConfig<object, DocumentInputSlots>;
202
487
 
203
- declare function Link({ asChild, href, children, }: PropsWithChildren<BreadcrumbLinkProps>): JSX.Element;
488
+ export declare type DocumentInputProps = Omit<MaskInputProps, 'mask' | 'value' | 'defaultValue' | 'onChange'> & {
489
+ variant: DocumentType_2;
490
+ value?: DocumentValue | null;
491
+ defaultValue?: DocumentValue | null;
492
+ onChange?: (value: DocumentValue | null) => void;
493
+ };
204
494
 
205
- declare function List({ children }: PropsWithChildren<BreadcrumbListProps>): JSX.Element;
495
+ export declare type DocumentInputSlots = 'root' | 'input' | 'typeSelector' | 'loader';
206
496
 
207
- export declare function Loader({ size }: LoaderProps): JSX.Element;
497
+ declare type DocumentType_2 = 'cpf' | 'cnpj' | 'cpf_cnpj';
498
+ export { DocumentType_2 as DocumentType }
208
499
 
209
- export declare type LoaderProps = {
210
- size?: LoaderSize;
500
+ export declare type DocumentValue = {
501
+ type: DocumentType_2;
502
+ number: string;
211
503
  };
212
504
 
213
- export declare type LoaderSize = 'sm' | 'md' | 'lg';
505
+ export declare const DropdownMenu: typeof Root_6 & {
506
+ CheckboxItem: typeof CheckboxItem_2;
507
+ Content: typeof Content_4;
508
+ Group: typeof Group_2;
509
+ Item: typeof Item_3;
510
+ Label: typeof MenuLabel;
511
+ RadioGroup: typeof RadioGroup;
512
+ RadioItem: typeof RadioItem_2;
513
+ Separator: typeof Separator_4;
514
+ Shortcut: typeof Shortcut;
515
+ Sub: typeof Sub;
516
+ SubContent: typeof SubContent;
517
+ SubTrigger: typeof SubTrigger;
518
+ Trigger: typeof Trigger_2;
519
+ };
214
520
 
215
- export declare type LoaderSlots = 'root';
521
+ export declare type DropdownMenuAlign = 'start' | 'center' | 'end';
216
522
 
217
- declare type MultipleAccordionProps = {
218
- type: 'multiple';
219
- value?: string[];
220
- defaultValue?: string[];
221
- onChange?: (value: string[]) => void;
523
+ export declare type DropdownMenuCheckboxItemProps = {
524
+ checked?: boolean;
525
+ disabled?: boolean;
526
+ onCheckedChange?: (checked: boolean) => void;
222
527
  };
223
528
 
224
- declare function Page({ children }: PropsWithChildren<BreadcrumbPageProps>): JSX.Element;
529
+ export declare type DropdownMenuCheckboxItemSlots = 'root' | 'indicator';
530
+
531
+ export declare type DropdownMenuConfig = {
532
+ content?: ComponentConfig<DropdownMenuContentProps, DropdownMenuContentSlots>;
533
+ item?: ComponentConfig<DropdownMenuItemProps, DropdownMenuItemSlots>;
534
+ checkboxItem?: ComponentConfig<DropdownMenuCheckboxItemProps, DropdownMenuCheckboxItemSlots>;
535
+ radioItem?: ComponentConfig<DropdownMenuRadioItemProps, DropdownMenuRadioItemSlots>;
536
+ label?: ComponentConfig<DropdownMenuLabelProps, DropdownMenuLabelSlots>;
537
+ separator?: ComponentConfig<DropdownMenuSeparatorProps, DropdownMenuSeparatorSlots>;
538
+ subTrigger?: ComponentConfig<DropdownMenuSubTriggerProps, DropdownMenuSubTriggerSlots>;
539
+ subContent?: ComponentConfig<DropdownMenuSubContentProps, DropdownMenuSubContentSlots>;
540
+ shortcut?: ComponentConfig<DropdownMenuShortcutProps, DropdownMenuShortcutSlots>;
541
+ };
225
542
 
226
- declare function Root({ children, onChange, ...props }: PropsWithChildren<AccordionProps>): JSX.Element;
543
+ export declare type DropdownMenuContentProps = {
544
+ side?: DropdownMenuSide;
545
+ align?: DropdownMenuAlign;
546
+ sideOffset?: number;
547
+ };
227
548
 
228
- declare function Root_2({ variant, children }: PropsWithChildren<AlertProps>): JSX.Element;
549
+ export declare type DropdownMenuContentSlots = 'root';
229
550
 
230
- declare function Root_3({ children }: PropsWithChildren<BreadcrumbProps>): JSX.Element;
551
+ export declare type DropdownMenuGroupProps = {};
231
552
 
232
- declare function Separator({ children }: PropsWithChildren<BreadcrumbSeparatorProps>): JSX.Element;
553
+ export declare type DropdownMenuGroupSlots = 'root';
233
554
 
234
- declare type SingleAccordionProps = {
235
- type: 'single';
555
+ export declare type DropdownMenuItemProps = {
556
+ variant?: DropdownMenuItemVariant;
557
+ disabled?: boolean;
558
+ asChild?: boolean;
559
+ onClick?: React.MouseEventHandler<HTMLDivElement>;
560
+ };
561
+
562
+ export declare type DropdownMenuItemSlots = 'root' | 'icon';
563
+
564
+ export declare type DropdownMenuItemVariant = 'default' | 'destructive';
565
+
566
+ export declare type DropdownMenuLabelProps = {
567
+ inset?: boolean;
568
+ };
569
+
570
+ export declare type DropdownMenuLabelSlots = 'root';
571
+
572
+ export declare type DropdownMenuProps = {
573
+ open?: boolean;
574
+ onOpenChange?: (open: boolean) => void;
575
+ };
576
+
577
+ export declare type DropdownMenuRadioGroupProps = {
236
578
  value?: string;
237
- defaultValue?: string;
238
- collapsible?: boolean;
239
- onChange?: (value: string) => void;
579
+ onValueChange?: (value: string) => void;
240
580
  };
241
581
 
242
- export declare const styles: TVReturnType< {
243
- block: {
244
- true: string;
582
+ export declare type DropdownMenuRadioGroupSlots = 'root';
583
+
584
+ export declare type DropdownMenuRadioItemProps = {
585
+ value: string;
586
+ disabled?: boolean;
245
587
  };
246
- size: {
247
- 'icon-lg': string;
248
- 'icon-md': string;
249
- 'icon-sm': string;
250
- lg: string;
251
- md: string;
252
- sm: string;
588
+
589
+ export declare type DropdownMenuRadioItemSlots = 'root' | 'indicator';
590
+
591
+ export declare type DropdownMenuSeparatorProps = {};
592
+
593
+ export declare type DropdownMenuSeparatorSlots = 'root';
594
+
595
+ export declare type DropdownMenuShortcutProps = {};
596
+
597
+ export declare type DropdownMenuShortcutSlots = 'root';
598
+
599
+ export declare type DropdownMenuSide = 'top' | 'right' | 'bottom' | 'left';
600
+
601
+ export declare type DropdownMenuSlots = 'root';
602
+
603
+ export declare type DropdownMenuSubContentProps = {};
604
+
605
+ export declare type DropdownMenuSubContentSlots = 'root';
606
+
607
+ export declare type DropdownMenuSubProps = {};
608
+
609
+ export declare type DropdownMenuSubSlots = 'root';
610
+
611
+ export declare type DropdownMenuSubTriggerProps = {
612
+ inset?: boolean;
253
613
  };
254
- variant: {
255
- dashed: string;
256
- default: string;
257
- destructive: string;
258
- ghost: string;
259
- link: string;
260
- outline: string;
261
- secondary: string;
614
+
615
+ export declare type DropdownMenuSubTriggerSlots = 'root' | 'icon';
616
+
617
+ export declare type DropdownMenuTriggerProps = {
618
+ asChild?: boolean;
262
619
  };
263
- }, undefined, "t:inline-flex t:items-center t:justify-center t:gap-2 t:whitespace-nowrap t:rounded-md t:font-medium t:text-sm t:ring-offset-background t:transition-colors t:focus-visible:outline-none t:focus-visible:ring-2 t:focus-visible:ring-ring t:focus-visible:ring-offset-2 t:disabled:pointer-events-none t:disabled:opacity-50 t:[&_svg]:pointer-events-none t:[&_svg]:size-4 t:[&_svg]:shrink-0", {
264
- block: {
265
- true: string;
620
+
621
+ export declare type DropdownMenuTriggerSlots = 'root';
622
+
623
+ declare function Ellipsis(_props: BreadcrumbEllipsisProps): JSX.Element;
624
+
625
+ declare function Field({ children, label, name, description, error, }: PropsWithChildren<FormFieldProps>): JSX.Element;
626
+
627
+ declare function FieldSet({ legend, tooltip, children, }: PropsWithChildren<FormFieldSetProps>): JSX.Element;
628
+
629
+ export declare function Flex({ direction, justify, align, gap, wrap, inline, children, }: PropsWithChildren<FlexProps>): JSX.Element;
630
+
631
+ export declare type FlexAlign = 'start' | 'end' | 'center' | 'baseline' | 'stretch';
632
+
633
+ export declare type FlexDirection = 'row' | 'col' | 'row-reverse' | 'col-reverse';
634
+
635
+ export declare type FlexGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
636
+
637
+ export declare type FlexJustify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
638
+
639
+ export declare type FlexProps = {
640
+ direction?: FlexDirection;
641
+ justify?: FlexJustify;
642
+ align?: FlexAlign;
643
+ gap?: FlexGap;
644
+ wrap?: FlexWrap;
645
+ inline?: boolean;
266
646
  };
267
- size: {
268
- 'icon-lg': string;
269
- 'icon-md': string;
270
- 'icon-sm': string;
271
- lg: string;
272
- md: string;
273
- sm: string;
647
+
648
+ export declare type FlexSlots = 'root';
649
+
650
+ export declare type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
651
+
652
+ declare function Footer({ bordered, children }: PropsWithChildren<CardFooterProps>): JSX.Element;
653
+
654
+ declare function Footer_2({ bordered, children }: PropsWithChildren<ModalFooterProps>): JSX.Element;
655
+
656
+ declare function Footer_3({ bordered, children }: PropsWithChildren<SheetFooterProps>): JSX.Element;
657
+
658
+ export declare const Form: typeof Root_7 & {
659
+ Field: typeof Field;
660
+ FieldSet: typeof FieldSet;
274
661
  };
275
- variant: {
276
- dashed: string;
277
- default: string;
278
- destructive: string;
279
- ghost: string;
280
- link: string;
281
- outline: string;
282
- secondary: string;
662
+
663
+ export declare type FormConfig = {
664
+ default?: ComponentConfig<FormProps, FormSlots>;
665
+ field?: ComponentConfig<FormFieldProps, FormFieldSlots>;
666
+ fieldSet?: ComponentConfig<FormFieldSetProps, FormFieldSetSlots>;
283
667
  };
284
- }, undefined, TVReturnType< {
285
- block: {
286
- true: string;
668
+
669
+ export declare type FormFieldLabelInput = string | (LabelProps & {
670
+ content: string;
671
+ });
672
+
673
+ export declare type FormFieldLabelProps = {
674
+ htmlFor?: string;
675
+ required?: boolean;
676
+ optional?: boolean;
677
+ disabled?: boolean;
678
+ tooltip?: React.ReactNode;
287
679
  };
288
- size: {
289
- 'icon-lg': string;
290
- 'icon-md': string;
291
- 'icon-sm': string;
292
- lg: string;
293
- md: string;
294
- sm: string;
680
+
681
+ export declare type FormFieldProps = {
682
+ label?: FormFieldLabelInput;
683
+ name?: string;
684
+ description?: React.ReactNode;
685
+ error?: React.ReactNode;
295
686
  };
296
- variant: {
297
- dashed: string;
298
- default: string;
299
- destructive: string;
300
- ghost: string;
301
- link: string;
302
- outline: string;
303
- secondary: string;
687
+
688
+ export declare type FormFieldSetProps = {
689
+ legend?: string;
690
+ tooltip?: FormFieldSetTooltip;
304
691
  };
305
- }, undefined, "t:inline-flex t:items-center t:justify-center t:gap-2 t:whitespace-nowrap t:rounded-md t:font-medium t:text-sm t:ring-offset-background t:transition-colors t:focus-visible:outline-none t:focus-visible:ring-2 t:focus-visible:ring-ring t:focus-visible:ring-offset-2 t:disabled:pointer-events-none t:disabled:opacity-50 t:[&_svg]:pointer-events-none t:[&_svg]:size-4 t:[&_svg]:shrink-0", unknown, unknown, undefined>>;
306
692
 
307
- declare function Title({ children }: PropsWithChildren<AlertTitleProps>): JSX.Element;
693
+ export declare type FormFieldSetSlots = 'root' | 'legend';
308
694
 
309
- declare function Trigger({ children }: PropsWithChildren<AccordionTrigger>): JSX.Element;
695
+ export declare type FormFieldSetTooltip = string | TooltipProps;
310
696
 
311
- export declare function TuryStackProvider({ children, defaultColorScheme, ...props }: PropsWithChildren<TuryStackProviderProps>): JSX.Element;
697
+ export declare type FormFieldSlots = 'root';
312
698
 
313
- export declare type TuryStackProviderProps = {
314
- defaultColorScheme?: ColorScheme;
315
- components?: {
316
- accordion?: {
317
- default?: ComponentConfig<AccordionProps, AccordionSlots>;
318
- item?: ComponentConfig<AccordionItem, AccordionItemSlots>;
319
- trigger?: ComponentConfig<AccordionTrigger, AccordionTriggerSlots>;
320
- content?: ComponentConfig<AccordionContent, AccordionContentSlots>;
321
- };
322
- alert?: {
323
- default?: ComponentConfig<AlertProps, AlertSlots>;
324
- icon?: ComponentConfig<AlertIconProps, AlertIconSlots>;
325
- title?: ComponentConfig<AlertTitleProps, AlertTitleSlots>;
326
- description?: ComponentConfig<AlertDescriptionProps, AlertDescriptionSlots>;
327
- action?: ComponentConfig<AlertActionProps, AlertActionSlots>;
328
- };
329
- avatar?: ComponentConfig<AvatarProps, AvatarSlots>;
330
- badge?: ComponentConfig<BadgeProps, BadgeSlots>;
331
- breadcrumb?: {
332
- default?: ComponentConfig<BreadcrumbProps, BreadcrumbSlots>;
333
- list?: ComponentConfig<BreadcrumbListProps, BreadcrumbListSlots>;
334
- item?: ComponentConfig<BreadcrumbItemProps, BreadcrumbItemSlots>;
335
- link?: ComponentConfig<BreadcrumbLinkProps, BreadcrumbLinkSlots>;
336
- page?: ComponentConfig<BreadcrumbPageProps, BreadcrumbPageSlots>;
337
- separator?: ComponentConfig<BreadcrumbSeparatorProps, BreadcrumbSeparatorSlots>;
338
- ellipsis?: ComponentConfig<BreadcrumbEllipsisProps, BreadcrumbEllipsisSlots>;
339
- };
340
- button?: ComponentConfig<ButtonProps, ButtonSlots>;
341
- loader?: ComponentConfig<LoaderProps, LoaderSlots>;
342
- };
699
+ export declare type FormProps = {
700
+ onSubmit?: React.FormEventHandler<HTMLFormElement>;
343
701
  };
344
702
 
345
- export declare const useColorScheme: () => ColorSchemeContextValue;
703
+ export declare type FormSlots = 'root';
704
+
705
+ export declare function getThemeScript(defaultTheme?: ThemeProps): string;
706
+
707
+ export declare const Grid: typeof Root_8 & {
708
+ Item: typeof Item_4;
709
+ };
710
+
711
+ export declare type GridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
712
+
713
+ export declare type GridGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
714
+
715
+ export declare type GridItemProps = {
716
+ span?: GridItemSpan;
717
+ };
718
+
719
+ export declare type GridItemSlots = 'root';
720
+
721
+ export declare type GridItemSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'full';
722
+
723
+ export declare type GridProps = {
724
+ cols?: GridCols;
725
+ gap?: GridGap;
726
+ };
727
+
728
+ export declare type GridSlots = 'root';
729
+
730
+ declare function Group({ items, value, defaultValue, disabled, variant, onChange, }: CheckboxGroupProps): JSX.Element;
731
+
732
+ declare function Group_2({ children }: PropsWithChildren): JSX.Element;
733
+
734
+ declare function Group_3({ items, variant, value, defaultValue, disabled, bordered, onChange, }: RadioGroupProps): JSX.Element;
735
+
736
+ declare function Header({ bordered, children }: PropsWithChildren<CardHeaderProps>): JSX.Element;
737
+
738
+ declare function Header_2({ bordered, closable, children, }: PropsWithChildren<SheetHeaderProps>): JSX.Element;
739
+
740
+ export declare function HeaderCenter({ children }: PropsWithChildren): JSX.Element;
741
+
742
+ export declare namespace HeaderCenter {
743
+ var displayName: string;
744
+ }
745
+
746
+ export declare type HeaderConfig = ComponentConfig<LayoutHeaderProps, LayoutHeaderSlots>;
747
+
748
+ declare function HeaderDescription({ children, }: PropsWithChildren<ModalHeaderDescriptionProps>): JSX.Element;
749
+
750
+ export declare function HeaderLeft({ children }: PropsWithChildren): JSX.Element;
751
+
752
+ export declare namespace HeaderLeft {
753
+ var displayName: string;
754
+ }
755
+
756
+ export declare function HeaderRight({ children }: PropsWithChildren): JSX.Element;
757
+
758
+ export declare namespace HeaderRight {
759
+ var displayName: string;
760
+ }
761
+
762
+ declare function HeaderRoot({ children, bordered, sticky, size, }: PropsWithChildren<LayoutHeaderProps>): JSX.Element;
763
+
764
+ declare function HeaderRoot_2({ closable, bordered, children, }: PropsWithChildren<ModalHeaderProps>): JSX.Element;
765
+
766
+ declare function HeaderTitle({ children }: PropsWithChildren<ModalHeaderTitleProps>): JSX.Element;
767
+
768
+ declare type I18nTranslations = {
769
+ select?: {
770
+ empty?: string;
771
+ loadingMore?: string;
772
+ };
773
+ phoneInput?: {
774
+ searchCountry?: string;
775
+ noCountriesFound?: string;
776
+ };
777
+ currencyInput?: {
778
+ from?: string;
779
+ to?: string;
780
+ cancel?: string;
781
+ confirm?: string;
782
+ selectRange?: string;
783
+ };
784
+ };
785
+
786
+ declare function Icon({ children }: PropsWithChildren<AlertIconProps>): JSX.Element;
787
+
788
+ export declare const Input: ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "type" | "onChange" | "defaultValue"> & {
789
+ type?: InputType;
790
+ value?: string | null;
791
+ defaultValue?: string | null;
792
+ size?: InputSize;
793
+ rootClassName?: string;
794
+ leftSection?: React.ReactNode;
795
+ rightSection?: React.ReactNode;
796
+ debounce?: boolean;
797
+ block?: boolean;
798
+ loading?: boolean;
799
+ onChange?: (value: string | null) => void;
800
+ } & RefAttributes<HTMLInputElement>>;
801
+
802
+ export declare type InputConfig = ComponentConfig<InputProps, InputSlots>;
803
+
804
+ export declare type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'value' | 'defaultValue' | 'type'> & {
805
+ type?: InputType;
806
+ value?: string | null;
807
+ defaultValue?: string | null;
808
+ size?: InputSize;
809
+ rootClassName?: string;
810
+ leftSection?: React.ReactNode;
811
+ rightSection?: React.ReactNode;
812
+ debounce?: boolean;
813
+ block?: boolean;
814
+ loading?: boolean;
815
+ onChange?: (value: string | null) => void;
816
+ };
817
+
818
+ export declare type InputSize = 'sm' | 'md' | 'lg';
819
+
820
+ export declare type InputSlots = 'root' | 'input' | 'leftSection' | 'rightSection' | 'loader';
821
+
822
+ export declare type InputType = 'text' | 'password';
823
+
824
+ declare function Item({ value, disabled, children }: PropsWithChildren<AccordionItem>): JSX.Element;
825
+
826
+ declare function Item_2({ children }: PropsWithChildren<BreadcrumbItemProps>): JSX.Element;
827
+
828
+ declare function Item_3({ variant, disabled, asChild, onClick, children, }: PropsWithChildren<DropdownMenuItemProps>): JSX.Element;
829
+
830
+ declare function Item_4({ span, children }: PropsWithChildren<GridItemProps>): JSX.Element;
831
+
832
+ export declare function Label({ htmlFor, required, optional, disabled, tooltip, children, }: PropsWithChildren<LabelProps>): JSX.Element;
833
+
834
+ export declare type LabelProps = {
835
+ htmlFor?: string;
836
+ required?: boolean;
837
+ optional?: boolean;
838
+ disabled?: boolean;
839
+ tooltip?: React.ReactNode;
840
+ };
841
+
842
+ export declare type LabelSlots = 'root' | 'required' | 'optional';
843
+
844
+ export declare const Layout: typeof LayoutRoot & {
845
+ Content: typeof LayoutContent;
846
+ Footer: typeof LayoutFooter;
847
+ Header: (({ children, bordered, sticky, size, }: PropsWithChildren<LayoutHeaderProps>) => JSX.Element) & {
848
+ Center: HeaderCenter;
849
+ Left: HeaderLeft;
850
+ Right: HeaderRight;
851
+ };
852
+ Main: typeof LayoutMain;
853
+ Nav: typeof LayoutNav;
854
+ Sidebar: (({ children, bordered, width, paddingHorizontal, paddingVertical, }: PropsWithChildren<LayoutSidebarProps>) => JSX.Element) & {
855
+ Body: SidebarBody;
856
+ Footer: SidebarFooter;
857
+ Header: SidebarHeader;
858
+ Trigger: SidebarTrigger;
859
+ };
860
+ };
861
+
862
+ export declare type LayoutConfig = {
863
+ default?: ComponentConfig<LayoutProps, LayoutSlots>;
864
+ main?: ComponentConfig<LayoutMainProps, LayoutMainSlots>;
865
+ content?: ComponentConfig<LayoutContentProps, LayoutContentSlots>;
866
+ footer?: ComponentConfig<LayoutFooterProps, LayoutFooterSlots>;
867
+ };
868
+
869
+ export declare function LayoutContent({ children, padding, paddingHorizontal, paddingVertical, maxWidth, }: PropsWithChildren<LayoutContentProps>): JSX.Element;
870
+
871
+ export declare type LayoutContentProps = {
872
+ padding?: 'sm' | 'md' | 'lg';
873
+ paddingHorizontal?: 'sm' | 'md' | 'lg';
874
+ paddingVertical?: 'sm' | 'md' | 'lg';
875
+ maxWidth?: 'sm' | 'md' | 'lg';
876
+ };
877
+
878
+ export declare type LayoutContentSlots = 'root' | 'inner';
879
+
880
+ export declare function LayoutFooter({ children, bordered, sticky, size, }: PropsWithChildren<LayoutFooterProps>): JSX.Element;
881
+
882
+ export declare type LayoutFooterProps = {
883
+ bordered?: boolean;
884
+ sticky?: boolean;
885
+ size?: 'sm' | 'md' | 'lg';
886
+ };
887
+
888
+ export declare type LayoutFooterSlots = 'root';
889
+
890
+ export declare const LayoutHeader: typeof HeaderRoot & {
891
+ Center: typeof HeaderCenter;
892
+ Left: typeof HeaderLeft;
893
+ Right: typeof HeaderRight;
894
+ };
895
+
896
+ export declare type LayoutHeaderProps = {
897
+ bordered?: boolean;
898
+ sticky?: boolean;
899
+ size?: LayoutHeaderSize;
900
+ };
901
+
902
+ export declare type LayoutHeaderSize = 'sm' | 'md' | 'lg';
903
+
904
+ export declare type LayoutHeaderSlots = 'root' | 'left' | 'center' | 'right';
905
+
906
+ export declare function LayoutMain({ children }: PropsWithChildren<LayoutMainProps>): JSX.Element;
907
+
908
+ export declare type LayoutMainProps = {};
909
+
910
+ export declare type LayoutMainSlots = 'root';
911
+
912
+ export declare function LayoutNav({ items }: NavProps): JSX.Element;
913
+
914
+ export declare type LayoutProps = {};
915
+
916
+ declare function LayoutRoot({ children }: PropsWithChildren<LayoutProps>): JSX.Element;
917
+
918
+ export declare const LayoutSidebar: typeof SidebarRoot & {
919
+ Body: typeof SidebarBody;
920
+ Footer: typeof SidebarFooter;
921
+ Header: typeof SidebarHeader;
922
+ Trigger: typeof SidebarTrigger;
923
+ };
924
+
925
+ export declare type LayoutSidebarProps = {
926
+ bordered?: boolean;
927
+ width?: SidebarWidth;
928
+ paddingHorizontal?: SidebarPadding;
929
+ paddingVertical?: SidebarPadding;
930
+ };
931
+
932
+ export declare type LayoutSlots = 'root';
933
+
934
+ declare function Link({ asChild, href, children, }: PropsWithChildren<BreadcrumbLinkProps>): JSX.Element;
935
+
936
+ declare function List({ children }: PropsWithChildren<BreadcrumbListProps>): JSX.Element;
937
+
938
+ declare function List_2({ children, justified }: PropsWithChildren<TabsListProps>): JSX.Element;
939
+
940
+ export declare function Loader({ size }: LoaderProps): JSX.Element;
941
+
942
+ export declare type LoaderConfig = ComponentConfig<LoaderProps, LoaderSlots>;
943
+
944
+ export declare type LoaderProps = {
945
+ size?: LoaderSize;
946
+ };
947
+
948
+ export declare type LoaderSize = 'sm' | 'md' | 'lg';
949
+
950
+ export declare type LoaderSlots = 'root';
951
+
952
+ export declare function LoadingOverlay({ visible }: LoadingOverlayProps): JSX.Element;
953
+
954
+ export declare type LoadingOverlayProps = {
955
+ visible?: boolean;
956
+ };
957
+
958
+ export declare type LoadingOverlaySlots = 'root' | 'loader';
959
+
960
+ export declare const MaskInput: ForwardRefExoticComponent<Omit<InputProps, "type" | "onChange" | "debounce"> & {
961
+ mask: string | string[];
962
+ className?: string;
963
+ onChange?: (value: string | null) => void;
964
+ } & RefAttributes<HTMLInputElement>>;
965
+
966
+ export declare type MaskInputConfig = ComponentConfig<MaskInputProps, MaskInputSlots>;
967
+
968
+ export declare type MaskInputProps = Omit<InputProps, 'type' | 'onChange' | 'debounce'> & {
969
+ mask: string | string[];
970
+ className?: string;
971
+ onChange?: (value: string | null) => void;
972
+ };
973
+
974
+ export declare type MaskInputSlots = 'root' | 'input' | 'leftSection' | 'rightSection' | 'loader';
975
+
976
+ declare function MenuLabel({ inset, children, }: PropsWithChildren<DropdownMenuLabelProps>): JSX.Element;
977
+
978
+ export declare const Modal: typeof Root_9 & {
979
+ Body: typeof Body_2;
980
+ Close: ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & RefAttributes<HTMLButtonElement>>;
981
+ Content: typeof Content_5;
982
+ Footer: typeof Footer_2;
983
+ Header: typeof HeaderRoot_2 & {
984
+ Description: typeof HeaderDescription;
985
+ Title: typeof HeaderTitle;
986
+ };
987
+ Trigger: ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & RefAttributes<HTMLButtonElement>>;
988
+ };
989
+
990
+ export declare type ModalBodyProps = {};
991
+
992
+ export declare type ModalBodySlots = 'root';
993
+
994
+ export declare type ModalConfig = {
995
+ default?: ComponentConfig<ModalProps, ModalSlots>;
996
+ header?: ComponentConfig<ModalHeaderProps, ModalHeaderSlots>;
997
+ headerTitle?: ComponentConfig<ModalHeaderTitleProps, ModalHeaderTitleSlots>;
998
+ headerDescription?: ComponentConfig<ModalHeaderDescriptionProps, ModalHeaderDescriptionSlots>;
999
+ body?: ComponentConfig<ModalBodyProps, ModalBodySlots>;
1000
+ footer?: ComponentConfig<ModalFooterProps, ModalFooterSlots>;
1001
+ };
1002
+
1003
+ export declare type ModalFooterProps = {
1004
+ bordered?: boolean;
1005
+ };
1006
+
1007
+ export declare type ModalFooterSlots = 'root';
1008
+
1009
+ export declare type ModalHeaderDescriptionProps = {};
1010
+
1011
+ export declare type ModalHeaderDescriptionSlots = 'root';
1012
+
1013
+ export declare type ModalHeaderProps = {
1014
+ closable?: boolean;
1015
+ bordered?: boolean;
1016
+ };
1017
+
1018
+ export declare type ModalHeaderSlots = 'root' | 'title' | 'description';
1019
+
1020
+ export declare type ModalHeaderTitleProps = {};
1021
+
1022
+ export declare type ModalHeaderTitleSlots = 'root';
1023
+
1024
+ export declare type ModalProps = {
1025
+ open?: boolean;
1026
+ onChange?: (open: boolean) => void;
1027
+ };
1028
+
1029
+ export declare type ModalSlots = 'root' | 'overlay' | 'content' | 'close';
1030
+
1031
+ declare type MultipleAccordionProps = {
1032
+ type: 'multiple';
1033
+ value?: string[];
1034
+ defaultValue?: string[];
1035
+ onChange?: (value: string[]) => void;
1036
+ };
1037
+
1038
+ declare type MultipleUploaderProps = {
1039
+ onUpload?: (response: UploaderHandlerResponse[], index: number) => void;
1040
+ };
1041
+
1042
+ export declare type NavProps = {
1043
+ items: SidebarNavEntry[];
1044
+ };
1045
+
1046
+ export declare const NumberInput: ForwardRefExoticComponent<NumberInputProps & RefAttributes<HTMLInputElement>>;
1047
+
1048
+ export declare type NumberInputConfig = ComponentConfig<BaseNumberInputProps, NumberInputSlots>;
1049
+
1050
+ export declare type NumberInputMode = 'single' | 'range';
1051
+
1052
+ export declare type NumberInputProps = BaseNumberInputProps & (SingleNumberInputProps | RangeNumberInputProps);
1053
+
1054
+ export declare type NumberInputRangeValue = {
1055
+ from?: number;
1056
+ to?: number;
1057
+ };
1058
+
1059
+ export declare type NumberInputSingleValue = number;
1060
+
1061
+ export declare type NumberInputSlots = 'root' | 'input' | 'increment' | 'decrement';
1062
+
1063
+ declare type OffsetPaginationProps = {
1064
+ mode: 'offset';
1065
+ page: number;
1066
+ rowsPerPage: number;
1067
+ total: number;
1068
+ onPageChange: (page: number) => void;
1069
+ onRowsPerPageChange: (rowsPerPage: number) => void;
1070
+ };
1071
+
1072
+ export declare function OTPInput({ pattern, size, value, defaultValue, onChange, }: OTPInputProps): JSX.Element;
1073
+
1074
+ export declare type OTPInputConfig = ComponentConfig<OTPInputProps, OTPInputSlots>;
1075
+
1076
+ export declare type OTPInputProps = {
1077
+ pattern?: number[];
1078
+ size?: OTPInputSize;
1079
+ value?: string | null;
1080
+ defaultValue?: string | null;
1081
+ onChange?: (value: string | null) => void;
1082
+ };
1083
+
1084
+ export declare type OTPInputSize = 'sm' | 'md' | 'lg';
1085
+
1086
+ export declare type OTPInputSlots = 'root' | 'cell';
1087
+
1088
+ declare function Page({ children }: PropsWithChildren<BreadcrumbPageProps>): JSX.Element;
1089
+
1090
+ export declare function Pagination(props: PaginationProps): JSX.Element;
1091
+
1092
+ export declare type PaginationConfig = ComponentConfig<PaginationProps, PaginationSlots>;
1093
+
1094
+ export declare type PaginationProps = OffsetPaginationProps | CursorPaginationProps;
1095
+
1096
+ export declare type PaginationSlots = 'root' | 'actions' | 'rowsPerPage';
1097
+
1098
+ export declare const PhoneInput: ForwardRefExoticComponent<Omit<MaskInputProps, "value" | "mask" | "onChange" | "defaultValue" | "leftSection"> & {
1099
+ value?: PhoneValue | null;
1100
+ defaultValue?: PhoneValue | null;
1101
+ onChange?: (value: PhoneValue | null) => void;
1102
+ } & RefAttributes<HTMLInputElement>>;
1103
+
1104
+ export declare type PhoneInputConfig = ComponentConfig<PhoneInputProps, PhoneInputSlots>;
1105
+
1106
+ export declare type PhoneInputProps = Omit<MaskInputProps, 'value' | 'defaultValue' | 'mask' | 'onChange' | 'leftSection'> & {
1107
+ value?: PhoneValue | null;
1108
+ defaultValue?: PhoneValue | null;
1109
+ onChange?: (value: PhoneValue | null) => void;
1110
+ };
1111
+
1112
+ export declare type PhoneInputSlots = 'root' | 'input' | 'countrySelector' | 'rightSection' | 'loader';
1113
+
1114
+ export declare type PhoneValue = {
1115
+ iso: string;
1116
+ number: string;
1117
+ ddi?: string;
1118
+ };
1119
+
1120
+ export declare function Popover({ content, side, sideOffset, align, children, }: PropsWithChildren<PopoverProps>): JSX.Element;
1121
+
1122
+ export declare type PopoverAlign = 'start' | 'center' | 'end';
1123
+
1124
+ export declare type PopoverProps = {
1125
+ content: React.ReactNode;
1126
+ side?: PopoverSide;
1127
+ sideOffset?: number;
1128
+ align?: PopoverAlign;
1129
+ };
1130
+
1131
+ export declare type PopoverSide = 'top' | 'right' | 'bottom' | 'left';
1132
+
1133
+ export declare type PopoverSlots = 'root' | 'trigger' | 'content';
1134
+
1135
+ export declare function Progress({ label, value, defaultValue, size }: ProgressProps): JSX.Element;
1136
+
1137
+ export declare type ProgressProps = WithLabelProps<{
1138
+ value?: number;
1139
+ defaultValue?: number;
1140
+ size?: ProgressSize;
1141
+ }>;
1142
+
1143
+ export declare type ProgressSize = 'sm' | 'md' | 'lg';
1144
+
1145
+ export declare type ProgressSlots = 'root' | 'label';
1146
+
1147
+ export declare function Provider({ children, defaultColorScheme, theme, ...props }: PropsWithChildren<ProviderProps>): JSX.Element;
1148
+
1149
+ export declare type ProviderProps = {
1150
+ defaultColorScheme?: ColorScheme;
1151
+ theme?: ThemeProps;
1152
+ translations?: I18nTranslations;
1153
+ components?: {
1154
+ accordion?: AccordionConfig;
1155
+ alert?: AlertConfig;
1156
+ avatar?: AvatarConfig;
1157
+ badge?: BadgeConfig;
1158
+ breadcrumb?: BreadcrumbConfig;
1159
+ button?: ButtonConfig;
1160
+ card?: CardConfig;
1161
+ checkbox?: CheckboxConfig;
1162
+ currencyInput?: CurrencyInputConfig;
1163
+ dateInput?: DateInputConfig;
1164
+ dateRangeInput?: DateRangeInputConfig;
1165
+ documentInput?: DocumentInputConfig;
1166
+ dropdownMenu?: DropdownMenuConfig;
1167
+ form?: FormConfig;
1168
+ input?: InputConfig;
1169
+ loader?: LoaderConfig;
1170
+ numberInput?: NumberInputConfig;
1171
+ maskInput?: MaskInputConfig;
1172
+ modal?: ModalConfig;
1173
+ otpInput?: OTPInputConfig;
1174
+ pagination?: PaginationConfig;
1175
+ phoneInput?: PhoneInputConfig;
1176
+ select?: SelectConfig;
1177
+ separator?: SeparatorConfig;
1178
+ sheet?: SheetConfig;
1179
+ skeleton?: SkeletonConfig;
1180
+ table?: TableConfig;
1181
+ tabs?: TabsConfig;
1182
+ tagsInput?: TagsInputConfig;
1183
+ textarea?: TextareaConfig;
1184
+ tooltip?: TooltipConfig;
1185
+ layout?: LayoutConfig & {
1186
+ sidebar?: SidebarConfig;
1187
+ header?: HeaderConfig;
1188
+ };
1189
+ };
1190
+ };
1191
+
1192
+ export declare const Radio: typeof Root_10 & {
1193
+ Group: typeof Group_3;
1194
+ };
1195
+
1196
+ declare function RadioGroup({ value, onValueChange, children, }: PropsWithChildren<DropdownMenuRadioGroupProps>): JSX.Element;
1197
+
1198
+ export declare type RadioGroupProps = {
1199
+ items: RadioItem[];
1200
+ variant?: RadioGroupVariant;
1201
+ value?: string;
1202
+ defaultValue?: string;
1203
+ disabled?: boolean;
1204
+ bordered?: boolean;
1205
+ onChange?: (value: string) => void;
1206
+ };
1207
+
1208
+ export declare type RadioGroupSlots = 'root' | 'item';
1209
+
1210
+ export declare type RadioGroupVariant = 'vertical' | 'horizontal';
1211
+
1212
+ export declare type RadioItem = {
1213
+ label: string;
1214
+ value: string;
1215
+ description?: string;
1216
+ disabled?: boolean;
1217
+ };
1218
+
1219
+ declare function RadioItem_2({ value, disabled, children, }: PropsWithChildren<DropdownMenuRadioItemProps>): JSX.Element;
1220
+
1221
+ export declare type RadioProps = {
1222
+ label?: string;
1223
+ description?: string;
1224
+ value?: string;
1225
+ disabled?: boolean;
1226
+ bordered?: boolean;
1227
+ checked?: boolean;
1228
+ defaultChecked?: boolean;
1229
+ onChange?: (checked: boolean) => void;
1230
+ };
1231
+
1232
+ export declare type RadioSlots = 'root' | 'indicator' | 'label' | 'description';
1233
+
1234
+ declare type RangeCurrencyInputProps = {
1235
+ mode: 'range';
1236
+ value?: CurrencyInputRangeValue;
1237
+ defaultValue?: CurrencyInputRangeValue;
1238
+ onChange?: (v: CurrencyInputRangeValue) => void;
1239
+ };
1240
+
1241
+ declare type RangeNumberInputProps = {
1242
+ mode: 'range';
1243
+ value?: NumberInputRangeValue;
1244
+ defaultValue?: NumberInputRangeValue;
1245
+ onChange?: (value: NumberInputRangeValue) => void;
1246
+ };
1247
+
1248
+ export declare function resolveTheme(theme: ThemeProps): Omit<ThemeProps, 'style'>;
1249
+
1250
+ declare function Root({ children, onChange, ...props }: PropsWithChildren<AccordionProps>): JSX.Element;
1251
+
1252
+ declare function Root_10({ label, description, value: radioValue, disabled, bordered, checked, defaultChecked, onChange, }: RadioProps): JSX.Element;
1253
+
1254
+ declare function Root_11({ open, side, onChange, children, }: PropsWithChildren<SheetProps>): JSX.Element;
1255
+
1256
+ declare function Root_12({ children, onChange, value, defaultValue, orientation, }: PropsWithChildren<TabsProps>): JSX.Element;
1257
+
1258
+ declare function Root_2({ variant, closable, onClose, children, }: PropsWithChildren<AlertProps>): JSX.Element | null;
1259
+
1260
+ declare function Root_3({ children }: PropsWithChildren<BreadcrumbProps>): JSX.Element;
1261
+
1262
+ declare function Root_4({ onClick, children }: PropsWithChildren<CardProps>): JSX.Element;
1263
+
1264
+ declare function Root_5({ label, description, value, size, disabled, bordered, checked, defaultChecked, onChange, }: CheckboxProps): JSX.Element;
1265
+
1266
+ declare function Root_6({ open, onOpenChange, children, }: PropsWithChildren<DropdownMenuProps>): JSX.Element;
1267
+
1268
+ declare function Root_7({ onSubmit, children }: PropsWithChildren<FormProps>): JSX.Element;
1269
+
1270
+ declare function Root_8({ cols, gap, children }: PropsWithChildren<GridProps>): JSX.Element;
1271
+
1272
+ declare function Root_9({ open, onChange, children }: PropsWithChildren<ModalProps>): JSX.Element;
1273
+
1274
+ export declare const Select: <T, I = string, O = I>(props: SelectProps<T, I, O, "single"> | SelectProps<T, I, O, "multiple">) => JSX.Element;
1275
+
1276
+ export declare type SelectConfig = ComponentConfig<object, SelectSlots>;
1277
+
1278
+ export declare type SelectInfiniteProps = {
1279
+ loadingMoreText?: string;
1280
+ hasMore?: boolean;
1281
+ loadingMore?: boolean;
1282
+ onLoadMore?: () => void;
1283
+ };
1284
+
1285
+ export declare type SelectMode = 'single' | 'multiple';
1286
+
1287
+ export declare type SelectMultipleProps<T, I = string, O = I> = BaseSelectProps<T, O> & {
1288
+ mode: 'multiple';
1289
+ value?: I[];
1290
+ defaultValue?: I[];
1291
+ onChange?: (value: O[]) => void;
1292
+ };
1293
+
1294
+ export declare type SelectProps<T, I = string, O = I, K extends SelectMode = SelectMode> = K extends 'single' ? SelectSingleProps<T, I, O> : K extends 'multiple' ? SelectMultipleProps<T, I, O> : never;
1295
+
1296
+ export declare type SelectSingleProps<T, I = string, O = I> = BaseSelectProps<T, O> & {
1297
+ mode: 'single';
1298
+ value?: I | null;
1299
+ defaultValue?: I | null;
1300
+ onChange?: (value: O | null) => void;
1301
+ };
1302
+
1303
+ export declare type SelectSize = 'sm' | 'md' | 'lg';
1304
+
1305
+ export declare type SelectSlots = 'root' | 'content' | 'option' | 'value' | 'search' | 'empty' | 'loader' | 'leftSection' | 'rightSection';
1306
+
1307
+ export declare function Separator({ orientation, decorative }: SeparatorProps): JSX.Element;
1308
+
1309
+ declare function Separator_2({ children }: PropsWithChildren<BreadcrumbSeparatorProps>): JSX.Element;
1310
+
1311
+ declare function Separator_3({ children }: PropsWithChildren<CardSeparatorProps>): JSX.Element;
1312
+
1313
+ declare function Separator_4(): JSX.Element;
1314
+
1315
+ export declare type SeparatorConfig = ComponentConfig<SeparatorProps, SeparatorSlots>;
1316
+
1317
+ export declare type SeparatorOrientation = 'horizontal' | 'vertical';
1318
+
1319
+ export declare type SeparatorProps = {
1320
+ orientation?: SeparatorOrientation;
1321
+ decorative?: boolean;
1322
+ };
1323
+
1324
+ export declare type SeparatorSlots = 'root';
1325
+
1326
+ export declare const Sheet: typeof Root_11 & {
1327
+ Body: typeof Body_3;
1328
+ Close: ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & RefAttributes<HTMLButtonElement>>;
1329
+ Description: typeof Description_3;
1330
+ Footer: typeof Footer_3;
1331
+ Header: typeof Header_2;
1332
+ Title: typeof Title_3;
1333
+ Trigger: ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & RefAttributes<HTMLButtonElement>>;
1334
+ };
1335
+
1336
+ export declare type SheetBodyProps = {};
1337
+
1338
+ export declare type SheetBodySlots = 'root';
1339
+
1340
+ export declare type SheetConfig = {
1341
+ default?: ComponentConfig<SheetProps, SheetSlots>;
1342
+ header?: ComponentConfig<SheetHeaderProps, SheetHeaderSlots>;
1343
+ body?: ComponentConfig<SheetBodyProps, SheetBodySlots>;
1344
+ footer?: ComponentConfig<SheetFooterProps, SheetFooterSlots>;
1345
+ title?: ComponentConfig<SheetTitleProps, SheetTitleSlots>;
1346
+ description?: ComponentConfig<SheetDescriptionProps, SheetDescriptionSlots>;
1347
+ };
1348
+
1349
+ export declare type SheetDescriptionProps = {};
1350
+
1351
+ export declare type SheetDescriptionSlots = 'root';
1352
+
1353
+ export declare type SheetFooterProps = {
1354
+ bordered?: boolean;
1355
+ };
1356
+
1357
+ export declare type SheetFooterSlots = 'root';
1358
+
1359
+ export declare type SheetHeaderProps = {
1360
+ closable?: boolean;
1361
+ bordered?: boolean;
1362
+ };
1363
+
1364
+ export declare type SheetHeaderSlots = 'root';
1365
+
1366
+ export declare type SheetProps = {
1367
+ open?: boolean;
1368
+ side?: SheetSide;
1369
+ onChange?: (open: boolean) => void;
1370
+ };
1371
+
1372
+ export declare type SheetSide = 'top' | 'right' | 'bottom' | 'left';
1373
+
1374
+ export declare type SheetSlots = 'root' | 'overlay' | 'content' | 'close';
1375
+
1376
+ export declare type SheetTitleProps = {};
1377
+
1378
+ export declare type SheetTitleSlots = 'root';
1379
+
1380
+ declare function Shortcut({ children }: PropsWithChildren): JSX.Element;
1381
+
1382
+ export declare function SidebarBody({ children }: PropsWithChildren<SidebarBodyProps>): JSX.Element;
1383
+
1384
+ export declare namespace SidebarBody {
1385
+ var displayName: string;
1386
+ }
1387
+
1388
+ export declare type SidebarBodyProps = {};
1389
+
1390
+ export declare type SidebarBodySlots = 'root';
1391
+
1392
+ export declare type SidebarConfig = {
1393
+ default?: ComponentConfig<LayoutSidebarProps, SidebarSlots>;
1394
+ header?: ComponentConfig<SidebarHeaderProps, SidebarHeaderSlots>;
1395
+ body?: ComponentConfig<SidebarBodyProps, SidebarBodySlots>;
1396
+ footer?: ComponentConfig<SidebarFooterProps, SidebarFooterSlots>;
1397
+ };
1398
+
1399
+ declare type SidebarContextValue = {
1400
+ collapsed: boolean;
1401
+ setCollapsed: (v: boolean) => void;
1402
+ toggle: () => void;
1403
+ };
1404
+
1405
+ export declare function SidebarFooter({ children, bordered, size, }: PropsWithChildren<SidebarFooterProps>): JSX.Element;
1406
+
1407
+ export declare namespace SidebarFooter {
1408
+ var displayName: string;
1409
+ }
1410
+
1411
+ export declare type SidebarFooterProps = {
1412
+ bordered?: boolean;
1413
+ size?: SidebarSize;
1414
+ };
1415
+
1416
+ export declare type SidebarFooterSlots = 'root';
1417
+
1418
+ export declare function SidebarHeader({ children, bordered, size, }: PropsWithChildren<SidebarHeaderProps>): JSX.Element;
1419
+
1420
+ export declare namespace SidebarHeader {
1421
+ var displayName: string;
1422
+ }
1423
+
1424
+ export declare type SidebarHeaderProps = {
1425
+ bordered?: boolean;
1426
+ size?: SidebarSize;
1427
+ };
1428
+
1429
+ export declare type SidebarHeaderSlots = 'root';
1430
+
1431
+ export declare type SidebarNavEntry = {
1432
+ type: 'item';
1433
+ item: SidebarNavItem;
1434
+ } | {
1435
+ type: 'divider';
1436
+ };
1437
+
1438
+ export declare interface SidebarNavItem {
1439
+ label: string;
1440
+ icon?: LucideIcon;
1441
+ href?: string;
1442
+ active?: boolean;
1443
+ children?: SidebarNavSubItem[];
1444
+ }
1445
+
1446
+ export declare interface SidebarNavSubItem {
1447
+ label: string;
1448
+ icon?: LucideIcon;
1449
+ href?: string;
1450
+ active?: boolean;
1451
+ }
1452
+
1453
+ export declare type SidebarPadding = 'sm' | 'md' | 'lg';
1454
+
1455
+ declare function SidebarRoot({ children, bordered, width, paddingHorizontal, paddingVertical, }: PropsWithChildren<LayoutSidebarProps>): JSX.Element;
1456
+
1457
+ export declare type SidebarSize = 'sm' | 'md' | 'lg';
1458
+
1459
+ export declare type SidebarSlots = 'root';
1460
+
1461
+ export declare function SidebarTrigger(): JSX.Element;
1462
+
1463
+ export declare namespace SidebarTrigger {
1464
+ var displayName: string;
1465
+ }
1466
+
1467
+ export declare type SidebarTriggerSlots = 'root';
1468
+
1469
+ export declare type SidebarWidth = 'default' | 'wide';
1470
+
1471
+ declare type SingleAccordionProps = {
1472
+ type: 'single';
1473
+ value?: string;
1474
+ defaultValue?: string;
1475
+ collapsible?: boolean;
1476
+ onChange?: (value: string) => void;
1477
+ };
1478
+
1479
+ declare type SingleCurrencyInputProps = {
1480
+ mode?: 'single';
1481
+ value?: number | null;
1482
+ defaultValue?: number | null;
1483
+ onChange?: (value: number | null) => void;
1484
+ };
1485
+
1486
+ declare type SingleNumberInputProps = {
1487
+ mode: 'single';
1488
+ value?: NumberInputSingleValue;
1489
+ defaultValue?: NumberInputSingleValue;
1490
+ onChange?: (value: NumberInputSingleValue) => void;
1491
+ };
1492
+
1493
+ declare type SingleUploaderProps = {
1494
+ onUpload?: (response: UploaderHandlerResponse, index: number) => void;
1495
+ };
1496
+
1497
+ export declare function Skeleton({ children, className, }: PropsWithChildren<SkeletonProps>): JSX.Element;
1498
+
1499
+ export declare type SkeletonConfig = ComponentConfig<SkeletonProps, SkeletonSlots>;
1500
+
1501
+ export declare type SkeletonProps = {
1502
+ className?: string;
1503
+ };
1504
+
1505
+ export declare type SkeletonSlots = 'root';
1506
+
1507
+ export declare function Slider(props: SliderProps): JSX.Element;
1508
+
1509
+ export declare type SliderOrientation = 'horizontal' | 'vertical';
1510
+
1511
+ export declare type SliderProps = BaseSliderProps & (SliderSingleProps | SliderRangeProps);
1512
+
1513
+ declare type SliderRangeProps = {
1514
+ mode: 'range';
1515
+ value?: [
1516
+ number,
1517
+ number
1518
+ ];
1519
+ defaultValue?: [
1520
+ number,
1521
+ number
1522
+ ];
1523
+ onValueChange?: (value: [
1524
+ number,
1525
+ number
1526
+ ]) => void;
1527
+ };
1528
+
1529
+ declare type SliderSingleProps = {
1530
+ mode: 'single';
1531
+ value?: number;
1532
+ defaultValue?: number;
1533
+ onValueChange?: (value: number) => void;
1534
+ };
1535
+
1536
+ export declare type SliderSize = 'sm' | 'md' | 'lg';
1537
+
1538
+ export declare type SliderSlots = 'root';
1539
+
1540
+ export declare const styles: TVReturnType< {
1541
+ block: {
1542
+ true: string;
1543
+ };
1544
+ size: {
1545
+ 'icon-lg': string;
1546
+ 'icon-md': string;
1547
+ 'icon-sm': string;
1548
+ lg: string;
1549
+ md: string;
1550
+ sm: string;
1551
+ };
1552
+ variant: {
1553
+ dashed: string;
1554
+ default: string;
1555
+ destructive: string;
1556
+ ghost: string;
1557
+ link: string;
1558
+ outline: string;
1559
+ secondary: string;
1560
+ };
1561
+ }, undefined, "t:relative t:inline-flex t:cursor-pointer t:items-center t:justify-center t:gap-2 t:whitespace-nowrap t:rounded-md t:font-medium t:text-sm t:ring-offset-background t:transition-colors t:focus-visible:outline-none t:focus-visible:ring-2 t:focus-visible:ring-ring t:focus-visible:ring-offset-2 t:disabled:pointer-events-none t:disabled:opacity-50 t:[&_svg]:pointer-events-none t:[&_svg]:size-4 t:[&_svg]:shrink-0", {
1562
+ block: {
1563
+ true: string;
1564
+ };
1565
+ size: {
1566
+ 'icon-lg': string;
1567
+ 'icon-md': string;
1568
+ 'icon-sm': string;
1569
+ lg: string;
1570
+ md: string;
1571
+ sm: string;
1572
+ };
1573
+ variant: {
1574
+ dashed: string;
1575
+ default: string;
1576
+ destructive: string;
1577
+ ghost: string;
1578
+ link: string;
1579
+ outline: string;
1580
+ secondary: string;
1581
+ };
1582
+ }, undefined, TVReturnType< {
1583
+ block: {
1584
+ true: string;
1585
+ };
1586
+ size: {
1587
+ 'icon-lg': string;
1588
+ 'icon-md': string;
1589
+ 'icon-sm': string;
1590
+ lg: string;
1591
+ md: string;
1592
+ sm: string;
1593
+ };
1594
+ variant: {
1595
+ dashed: string;
1596
+ default: string;
1597
+ destructive: string;
1598
+ ghost: string;
1599
+ link: string;
1600
+ outline: string;
1601
+ secondary: string;
1602
+ };
1603
+ }, undefined, "t:relative t:inline-flex t:cursor-pointer t:items-center t:justify-center t:gap-2 t:whitespace-nowrap t:rounded-md t:font-medium t:text-sm t:ring-offset-background t:transition-colors t:focus-visible:outline-none t:focus-visible:ring-2 t:focus-visible:ring-ring t:focus-visible:ring-offset-2 t:disabled:pointer-events-none t:disabled:opacity-50 t:[&_svg]:pointer-events-none t:[&_svg]:size-4 t:[&_svg]:shrink-0", unknown, unknown, undefined>>;
1604
+
1605
+ declare function Sub({ children }: PropsWithChildren): JSX.Element;
1606
+
1607
+ declare function SubContent({ children }: PropsWithChildren): JSX.Element;
1608
+
1609
+ declare function SubTrigger({ inset, children, }: PropsWithChildren<DropdownMenuSubTriggerProps>): JSX.Element;
1610
+
1611
+ export declare function Switch({ label, value, size, description, checked, defaultChecked, disabled, bordered, onCheckedChange, }: SwitchProps): JSX.Element;
1612
+
1613
+ export declare type SwitchProps = WithLabelProps<{
1614
+ value?: string;
1615
+ size?: SwitchSize;
1616
+ description?: string;
1617
+ checked?: boolean;
1618
+ defaultChecked?: boolean;
1619
+ disabled?: boolean;
1620
+ bordered?: boolean;
1621
+ onCheckedChange?: (checked: boolean) => void;
1622
+ }>;
1623
+
1624
+ export declare type SwitchSize = 'sm' | 'md' | 'lg';
1625
+
1626
+ export declare type SwitchSlots = 'root' | 'thumb' | 'label';
1627
+
1628
+ export declare function Table<T extends object>({ columns, items, itemKey, selection, selectedKeys: selectedKeysProp, defaultSelectedKeys, pagination, sort, hidePagination, loading, emptySection, onRowClick, onSelectionChange, onSortChange, }: TableProps<T>): JSX.Element;
1629
+
1630
+ export declare type TableColumnAlign = 'left' | 'center' | 'right';
1631
+
1632
+ export declare type TableColumns<T> = Array<{
1633
+ key: string;
1634
+ label?: string;
1635
+ selector?: (row: T, index: number) => React.ReactNode;
1636
+ align?: TableColumnAlign;
1637
+ width?: number;
1638
+ sorter?: boolean;
1639
+ hide?: boolean;
1640
+ }>;
1641
+
1642
+ export declare type TableConfig = ComponentConfig<object, TableSlots>;
1643
+
1644
+ export declare type TableItems<T> = Array<T>;
1645
+
1646
+ export declare type TableProps<T> = {
1647
+ columns: TableColumns<T>;
1648
+ items?: TableItems<T>;
1649
+ itemKey: keyof T;
1650
+ selection?: TableSelection;
1651
+ selectedKeys?: string[];
1652
+ defaultSelectedKeys?: string[];
1653
+ pagination?: PaginationProps;
1654
+ sort?: string;
1655
+ hidePagination?: boolean;
1656
+ loading?: boolean;
1657
+ emptySection?: React.ReactNode;
1658
+ onRowClick?: (row: T) => void;
1659
+ onSelectionChange?: (value: string[]) => void;
1660
+ onSortChange?: (sort?: string) => void;
1661
+ };
1662
+
1663
+ export declare type TableSelection = 'none' | 'multiple';
1664
+
1665
+ export declare type TableSlots = 'root' | 'header' | 'headerCell' | 'body' | 'row' | 'cell' | 'empty' | 'loader' | 'selection';
1666
+
1667
+ export declare const Tabs: typeof Root_12 & {
1668
+ Content: typeof Content_6;
1669
+ List: typeof List_2;
1670
+ Trigger: typeof Trigger_3;
1671
+ };
1672
+
1673
+ export declare type TabsConfig = {
1674
+ default?: ComponentConfig<TabsProps, TabsSlots>;
1675
+ list?: ComponentConfig<TabsListProps, TabsListSlots>;
1676
+ trigger?: ComponentConfig<TabsTriggerProps, TabsTriggerSlots>;
1677
+ content?: ComponentConfig<TabsContentProps, TabsContentSlots>;
1678
+ };
1679
+
1680
+ export declare type TabsContentProps = {
1681
+ value: string;
1682
+ };
1683
+
1684
+ export declare type TabsContentSlots = 'root';
1685
+
1686
+ export declare type TabsListProps = {
1687
+ justified?: boolean;
1688
+ };
1689
+
1690
+ export declare type TabsListSlots = 'root';
1691
+
1692
+ export declare type TabsOrientation = 'horizontal' | 'vertical';
1693
+
1694
+ export declare type TabsProps = {
1695
+ orientation?: TabsOrientation;
1696
+ value?: string;
1697
+ defaultValue?: string;
1698
+ onChange?: (value: string) => void;
1699
+ };
1700
+
1701
+ export declare type TabsSlots = 'root';
1702
+
1703
+ export declare type TabsTriggerProps = {
1704
+ value: string;
1705
+ icon?: React.ReactNode;
1706
+ };
1707
+
1708
+ export declare type TabsTriggerSlots = 'root';
1709
+
1710
+ export declare const TagsInput: ForwardRefExoticComponent<Omit<InputProps, "value" | "onChange" | "defaultValue"> & {
1711
+ value?: string[];
1712
+ defaultValue?: string[];
1713
+ maxTags?: number;
1714
+ allowDuplicates?: boolean;
1715
+ onChange?: (value: string[]) => void;
1716
+ } & RefAttributes<HTMLInputElement>>;
1717
+
1718
+ export declare type TagsInputConfig = ComponentConfig<TagsInputProps, TagsInputSlots>;
1719
+
1720
+ export declare type TagsInputProps = Omit<InputProps, 'value' | 'defaultValue' | 'onChange'> & {
1721
+ value?: string[];
1722
+ defaultValue?: string[];
1723
+ maxTags?: number;
1724
+ allowDuplicates?: boolean;
1725
+ onChange?: (value: string[]) => void;
1726
+ };
1727
+
1728
+ export declare type TagsInputSlots = 'root' | 'input' | 'tag' | 'tagRemove';
1729
+
1730
+ export declare const Textarea: ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "value" | "onChange" | "defaultValue"> & {
1731
+ value?: string | null;
1732
+ defaultValue?: string | null;
1733
+ size?: InputSize;
1734
+ rootClassName?: string;
1735
+ leftSection?: React.ReactNode;
1736
+ rightSection?: React.ReactNode;
1737
+ block?: boolean;
1738
+ onChange?: (value: string | null) => void;
1739
+ maxLength?: number;
1740
+ } & RefAttributes<HTMLTextAreaElement>>;
1741
+
1742
+ export declare type TextareaConfig = ComponentConfig<TextareaProps, TextareaSlots>;
1743
+
1744
+ export declare type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'size' | 'value' | 'defaultValue'> & {
1745
+ value?: string | null;
1746
+ defaultValue?: string | null;
1747
+ size?: InputSize;
1748
+ rootClassName?: string;
1749
+ leftSection?: React.ReactNode;
1750
+ rightSection?: React.ReactNode;
1751
+ block?: boolean;
1752
+ onChange?: (value: string | null) => void;
1753
+ maxLength?: number;
1754
+ };
1755
+
1756
+ export declare type TextareaSlots = 'root' | 'counter';
1757
+
1758
+ export declare type ThemeBaseColor = 'neutral' | 'stone' | 'zinc' | 'gray';
1759
+
1760
+ declare type ThemeContextValue = {
1761
+ theme: ThemeProps;
1762
+ changeTheme: (theme: Partial<ThemeProps>) => void;
1763
+ };
1764
+
1765
+ export declare type ThemeFont = 'sans' | 'serif' | 'mono';
1766
+
1767
+ export declare type ThemePrimaryColor = 'cyan' | 'green' | 'orange' | 'pink' | 'yellow' | 'purple' | 'red' | 'blue' | 'indigo' | 'violet' | 'fuchsia' | 'rose';
1768
+
1769
+ export declare type ThemeProps = {
1770
+ style?: ThemeStyle;
1771
+ baseColor?: ThemeBaseColor;
1772
+ primaryColor?: ThemePrimaryColor;
1773
+ font?: ThemeFont;
1774
+ radius?: ThemeRadius;
1775
+ };
1776
+
1777
+ export declare type ThemeRadius = 'none' | 'lg' | 'md' | 'sm';
1778
+
1779
+ export declare type ThemeStyle = 'vega' | 'nova' | 'maia' | 'lyra' | 'mira';
1780
+
1781
+ declare function Title({ children }: PropsWithChildren<AlertTitleProps>): JSX.Element;
1782
+
1783
+ declare function Title_2({ children }: PropsWithChildren<CardTitleProps>): JSX.Element;
1784
+
1785
+ declare function Title_3({ children }: PropsWithChildren<SheetTitleProps>): JSX.Element;
1786
+
1787
+ export { toast }
1788
+
1789
+ export declare function ToastContainer({ theme, ...props }: ToasterProps): JSX.Element;
1790
+
1791
+ declare type ToasterProps = React.ComponentProps<typeof Toaster>;
1792
+
1793
+ export declare type ToastProps = {};
1794
+
1795
+ export declare type ToastSlots = 'root' | 'title' | 'description' | 'action' | 'close';
1796
+
1797
+ export declare function Tooltip({ content, side, sideOffset, delayDuration, children, }: PropsWithChildren<TooltipProps>): JSX.Element;
1798
+
1799
+ export declare type TooltipConfig = ComponentConfig<TooltipProps, TooltipSlots>;
1800
+
1801
+ export declare type TooltipProps = {
1802
+ content: React.ReactNode;
1803
+ side?: TooltipSide;
1804
+ sideOffset?: number;
1805
+ delayDuration?: number;
1806
+ };
1807
+
1808
+ export declare type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
1809
+
1810
+ export declare type TooltipSlots = 'root' | 'content';
1811
+
1812
+ declare function Trigger({ children }: PropsWithChildren<AccordionTrigger>): JSX.Element;
1813
+
1814
+ declare function Trigger_2({ asChild, children, }: PropsWithChildren<{
1815
+ asChild?: boolean;
1816
+ }>): JSX.Element;
1817
+
1818
+ declare function Trigger_3({ value, children }: PropsWithChildren<TabsTriggerProps>): JSX.Element;
1819
+
1820
+ export declare function Typography({ component, size, variant, weight, truncate, children, }: PropsWithChildren<TypographyProps>): JSX.Element;
1821
+
1822
+ export declare type TypographyComponent = 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
1823
+
1824
+ export declare type TypographyProps = {
1825
+ component?: TypographyComponent;
1826
+ size?: TypographySize;
1827
+ variant?: TypographyVariant;
1828
+ weight?: TypographyWeight;
1829
+ truncate?: boolean;
1830
+ };
1831
+
1832
+ export declare type TypographySize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
1833
+
1834
+ export declare type TypographySlots = 'root';
1835
+
1836
+ export declare type TypographyVariant = 'default' | 'muted';
1837
+
1838
+ export declare type TypographyWeight = 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
1839
+
1840
+ export declare function Uploader({ accept, maxFiles, maxFileSize, disabled, handler, onUpload, }: UploaderProps): JSX.Element;
1841
+
1842
+ export declare type UploaderHandlerResponse = {
1843
+ fileName: string;
1844
+ fileNameSigned: string;
1845
+ };
1846
+
1847
+ export declare type UploaderProps = BaseUploaderProps & (SingleUploaderProps | MultipleUploaderProps);
1848
+
1849
+ export declare type UploaderSlots = 'root' | 'fileList' | 'fileItem' | 'fileName' | 'progress' | 'remove' | 'icon';
1850
+
1851
+ export declare const useColorScheme: () => ColorSchemeContextValue;
1852
+
1853
+ export declare function useSidebar(): SidebarContextValue;
1854
+
1855
+ export declare const useTheme: () => ThemeContextValue;
1856
+
1857
+ export declare type WithLabelProps<T> = T & {
1858
+ label?: string | (LabelProps & {
1859
+ content?: string;
1860
+ });
1861
+ };
346
1862
 
347
1863
  export { }