@turystack/ui 0.0.19 → 0.0.22

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