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