@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.css +1 -1
- package/dist/index.d.ts +1650 -128
- package/dist/index.js +7388 -4296
- package/package.json +4 -24
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,14 @@
|
|
|
1
|
-
import
|
|
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
|
|
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
|
|
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
|
|
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
|
|
276
|
+
export declare type CardContentProps = {};
|
|
170
277
|
|
|
171
|
-
export declare type
|
|
172
|
-
|
|
173
|
-
|
|
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
|
|
288
|
+
export declare type CardFooterSlots = 'root';
|
|
177
289
|
|
|
178
|
-
declare type
|
|
179
|
-
|
|
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
|
-
|
|
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
|
|
474
|
+
declare function Description_2({ children }: PropsWithChildren<CardDescriptionProps>): JSX.Element;
|
|
196
475
|
|
|
197
|
-
declare function
|
|
476
|
+
declare function Description_3({ children }: PropsWithChildren<SheetDescriptionProps>): JSX.Element;
|
|
198
477
|
|
|
199
|
-
declare
|
|
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
|
|
485
|
+
export declare type DocumentInputConfig = ComponentConfig<object, DocumentInputSlots>;
|
|
202
486
|
|
|
203
|
-
declare
|
|
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
|
|
494
|
+
export declare type DocumentInputSlots = 'root' | 'input' | 'typeSelector' | 'loader';
|
|
206
495
|
|
|
207
|
-
|
|
496
|
+
declare type DocumentType_2 = 'cpf' | 'cnpj' | 'cpf_cnpj';
|
|
497
|
+
export { DocumentType_2 as DocumentType }
|
|
208
498
|
|
|
209
|
-
export declare type
|
|
210
|
-
|
|
499
|
+
export declare type DocumentValue = {
|
|
500
|
+
type: DocumentType_2;
|
|
501
|
+
number: string;
|
|
211
502
|
};
|
|
212
503
|
|
|
213
|
-
export declare
|
|
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
|
|
520
|
+
export declare type DropdownMenuAlign = 'start' | 'center' | 'end';
|
|
216
521
|
|
|
217
|
-
declare type
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
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
|
|
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
|
|
542
|
+
export declare type DropdownMenuContentProps = {
|
|
543
|
+
side?: DropdownMenuSide;
|
|
544
|
+
align?: DropdownMenuAlign;
|
|
545
|
+
sideOffset?: number;
|
|
546
|
+
};
|
|
227
547
|
|
|
228
|
-
declare
|
|
548
|
+
export declare type DropdownMenuContentSlots = 'root';
|
|
229
549
|
|
|
230
|
-
declare
|
|
550
|
+
export declare type DropdownMenuGroupProps = {};
|
|
231
551
|
|
|
232
|
-
declare
|
|
552
|
+
export declare type DropdownMenuGroupSlots = 'root';
|
|
233
553
|
|
|
234
|
-
declare type
|
|
235
|
-
|
|
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
|
-
|
|
238
|
-
collapsible?: boolean;
|
|
239
|
-
onChange?: (value: string) => void;
|
|
578
|
+
onValueChange?: (value: string) => void;
|
|
240
579
|
};
|
|
241
580
|
|
|
242
|
-
export declare
|
|
243
|
-
|
|
244
|
-
|
|
581
|
+
export declare type DropdownMenuRadioGroupSlots = 'root';
|
|
582
|
+
|
|
583
|
+
export declare type DropdownMenuRadioItemProps = {
|
|
584
|
+
value: string;
|
|
585
|
+
disabled?: boolean;
|
|
245
586
|
};
|
|
246
|
-
|
|
247
|
-
'
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
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
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
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
|
-
|
|
264
|
-
|
|
265
|
-
|
|
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
|
-
|
|
268
|
-
'
|
|
269
|
-
|
|
270
|
-
'
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
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
|
-
|
|
276
|
-
|
|
277
|
-
default
|
|
278
|
-
|
|
279
|
-
|
|
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
|
-
|
|
285
|
-
|
|
286
|
-
|
|
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
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
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
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
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
|
|
693
|
+
export declare type FormFieldSetSlots = 'root' | 'legend';
|
|
308
694
|
|
|
309
|
-
declare
|
|
695
|
+
export declare type FormFieldSetTooltip = string | TooltipProps;
|
|
310
696
|
|
|
311
|
-
export declare
|
|
697
|
+
export declare type FormFieldSlots = 'root';
|
|
312
698
|
|
|
313
|
-
export declare type
|
|
314
|
-
|
|
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
|
|
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 { }
|