@unifiedsoftware/react-ui 2.0.0-alpha.1 → 2.0.0-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +488 -251
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -3,15 +3,39 @@ import react__default, { Dispatch, SetStateAction } from 'react';
|
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { VirtualizerOptions as VirtualizerOptions$1, Virtualizer as Virtualizer$1, ListItemProps as ListItemProps$1, ResultProps as ResultProps$1 } from '@unifiedsoftware/react-ui';
|
|
5
5
|
|
|
6
|
+
interface Props$J {
|
|
7
|
+
}
|
|
8
|
+
type NativeAttrs$L = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$J>;
|
|
9
|
+
type DividerProps = Props$J & NativeAttrs$L;
|
|
10
|
+
declare const Divider: react.ForwardRefExoticComponent<Props$J & NativeAttrs$L & react.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
|
|
12
|
+
type BoxShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
13
|
+
type BorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
14
|
+
type TransitionDuration = 0 | 100 | 200 | 300;
|
|
15
|
+
type TransitionProperty = 'none' | 'all' | 'shadow';
|
|
16
|
+
type BoxState = 'base' | 'hover' | 'active';
|
|
17
|
+
type BoxProperties = {
|
|
18
|
+
shadow?: BoxShadow;
|
|
19
|
+
rounded?: BorderRadius;
|
|
20
|
+
transitionProperty?: TransitionProperty;
|
|
21
|
+
transitionDuration?: TransitionDuration;
|
|
22
|
+
};
|
|
23
|
+
type BoxApplyState<T> = T | {
|
|
24
|
+
[K in BoxState]?: T;
|
|
25
|
+
};
|
|
26
|
+
type BoxCSS = {
|
|
27
|
+
[K in keyof BoxProperties]: BoxApplyState<BoxProperties[K]>;
|
|
28
|
+
};
|
|
29
|
+
|
|
6
30
|
type AccordionSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
7
31
|
type AccordionVariant = 'plain' | 'flat' | 'tonal' | 'filled';
|
|
8
|
-
type AccordionColor = 'primary' | 'secondary';
|
|
32
|
+
type AccordionColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
|
|
9
33
|
interface AccordionArrow {
|
|
10
34
|
isVisible?: boolean;
|
|
11
35
|
position?: 'start' | 'end';
|
|
12
36
|
}
|
|
13
37
|
|
|
14
|
-
interface Props$
|
|
38
|
+
interface Props$I {
|
|
15
39
|
value?: any[];
|
|
16
40
|
defaultValue?: any[];
|
|
17
41
|
expandMode?: 'single' | 'multiple';
|
|
@@ -21,39 +45,46 @@ interface Props$A {
|
|
|
21
45
|
color?: AccordionColor;
|
|
22
46
|
splitted?: boolean;
|
|
23
47
|
bordered?: boolean;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
};
|
|
48
|
+
centered?: boolean;
|
|
49
|
+
css?: BoxCSS;
|
|
50
|
+
indicator?: ({ isOpen }: {
|
|
51
|
+
isOpen: boolean;
|
|
52
|
+
}) => React.ReactNode;
|
|
29
53
|
onChange?: (value: any[]) => void;
|
|
30
54
|
}
|
|
31
|
-
type NativeAttrs$
|
|
32
|
-
type AccordionProps = Props$
|
|
33
|
-
declare const Accordion: react.ForwardRefExoticComponent<Props$
|
|
55
|
+
type NativeAttrs$K = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$I>;
|
|
56
|
+
type AccordionProps = Props$I & NativeAttrs$K;
|
|
57
|
+
declare const Accordion: react.ForwardRefExoticComponent<Props$I & NativeAttrs$K & react.RefAttributes<HTMLDivElement>>;
|
|
34
58
|
|
|
35
59
|
interface AccordionItemContextValue {
|
|
36
60
|
value: string;
|
|
61
|
+
indicator?: ({ isOpen }: {
|
|
62
|
+
isOpen: boolean;
|
|
63
|
+
}) => React.ReactNode;
|
|
37
64
|
}
|
|
38
65
|
declare const useAccordionItem: () => AccordionItemContextValue;
|
|
39
|
-
interface Props$
|
|
66
|
+
interface Props$H {
|
|
40
67
|
value?: any;
|
|
68
|
+
variant?: AccordionVariant;
|
|
69
|
+
color?: AccordionColor;
|
|
70
|
+
indicator?: ({ isOpen }: {
|
|
71
|
+
isOpen: boolean;
|
|
72
|
+
}) => React.ReactNode;
|
|
41
73
|
}
|
|
42
|
-
type NativeAttrs$
|
|
43
|
-
type AccordionItemProps = Props$
|
|
44
|
-
declare const AccordionItem: react.ForwardRefExoticComponent<Props$
|
|
74
|
+
type NativeAttrs$J = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$H>;
|
|
75
|
+
type AccordionItemProps = Props$H & NativeAttrs$J;
|
|
76
|
+
declare const AccordionItem: react.ForwardRefExoticComponent<Props$H & NativeAttrs$J & react.RefAttributes<HTMLDivElement>>;
|
|
45
77
|
|
|
46
|
-
interface Props$
|
|
78
|
+
interface Props$G {
|
|
47
79
|
as?: React.ElementType;
|
|
48
80
|
title?: React.ReactNode;
|
|
49
81
|
subtitle?: React.ReactNode;
|
|
50
82
|
startContent?: React.ReactNode;
|
|
51
83
|
endContent?: React.ReactNode;
|
|
52
84
|
bordered?: boolean;
|
|
85
|
+
centered?: boolean;
|
|
53
86
|
collapsible?: boolean;
|
|
54
87
|
arrow?: AccordionArrow;
|
|
55
|
-
variant?: AccordionVariant;
|
|
56
|
-
color?: AccordionColor;
|
|
57
88
|
slotProps?: {
|
|
58
89
|
startContent?: React.HTMLAttributes<HTMLDivElement>;
|
|
59
90
|
content?: React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -62,9 +93,9 @@ interface Props$y {
|
|
|
62
93
|
subtitle?: React.HTMLAttributes<HTMLDivElement>;
|
|
63
94
|
};
|
|
64
95
|
}
|
|
65
|
-
type NativeAttrs$
|
|
66
|
-
type AccordionHeaderProps = Props$
|
|
67
|
-
declare const AccordionHeader: react.ForwardRefExoticComponent<Props$
|
|
96
|
+
type NativeAttrs$I = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$G>;
|
|
97
|
+
type AccordionHeaderProps = Props$G & NativeAttrs$I;
|
|
98
|
+
declare const AccordionHeader: react.ForwardRefExoticComponent<Props$G & NativeAttrs$I & react.RefAttributes<HTMLDivElement>>;
|
|
68
99
|
|
|
69
100
|
type AccordionBodyProps = React.HTMLAttributes<HTMLDivElement>;
|
|
70
101
|
declare const AccordionBody: react.ForwardRefExoticComponent<AccordionBodyProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -83,10 +114,12 @@ interface AccordionContextValue {
|
|
|
83
114
|
arrow: AccordionArrow;
|
|
84
115
|
variant: AccordionVariant;
|
|
85
116
|
color: AccordionColor;
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}
|
|
117
|
+
splitted?: boolean;
|
|
118
|
+
centered?: boolean;
|
|
119
|
+
css?: BoxCSS;
|
|
120
|
+
indicator?: ({ isOpen }: {
|
|
121
|
+
isOpen: boolean;
|
|
122
|
+
}) => React.ReactNode;
|
|
90
123
|
onChange: (value: any[]) => void;
|
|
91
124
|
}
|
|
92
125
|
declare const AccordionContext: react.Context<AccordionContextValue | null>;
|
|
@@ -324,13 +357,32 @@ type SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;
|
|
|
324
357
|
declare function useValueEffect<S>(defaultValue: S | (() => S)): [S, Dispatch<SetValueAction<S>>];
|
|
325
358
|
|
|
326
359
|
declare const defaultBreakpoints: {
|
|
327
|
-
xs:
|
|
328
|
-
sm:
|
|
329
|
-
md:
|
|
330
|
-
lg:
|
|
331
|
-
xl:
|
|
332
|
-
|
|
360
|
+
readonly xs: 0;
|
|
361
|
+
readonly sm: 576;
|
|
362
|
+
readonly md: 768;
|
|
363
|
+
readonly lg: 992;
|
|
364
|
+
readonly xl: 1200;
|
|
365
|
+
readonly '2xl': 1400;
|
|
333
366
|
};
|
|
367
|
+
declare const breakpointsMap: readonly [{
|
|
368
|
+
readonly key: "2xl";
|
|
369
|
+
readonly mq: (typeof ContainerMediaQuery)["2XL"];
|
|
370
|
+
}, {
|
|
371
|
+
readonly key: "xl";
|
|
372
|
+
readonly mq: ContainerMediaQuery.XL;
|
|
373
|
+
}, {
|
|
374
|
+
readonly key: "lg";
|
|
375
|
+
readonly mq: ContainerMediaQuery.LG;
|
|
376
|
+
}, {
|
|
377
|
+
readonly key: "md";
|
|
378
|
+
readonly mq: ContainerMediaQuery.MD;
|
|
379
|
+
}, {
|
|
380
|
+
readonly key: "sm";
|
|
381
|
+
readonly mq: ContainerMediaQuery.SM;
|
|
382
|
+
}, {
|
|
383
|
+
readonly key: "xs";
|
|
384
|
+
readonly mq: ContainerMediaQuery.XS;
|
|
385
|
+
}];
|
|
334
386
|
|
|
335
387
|
declare enum ContainerMediaQuery {
|
|
336
388
|
XS = 0,
|
|
@@ -338,7 +390,7 @@ declare enum ContainerMediaQuery {
|
|
|
338
390
|
MD = 2,
|
|
339
391
|
LG = 3,
|
|
340
392
|
XL = 4,
|
|
341
|
-
|
|
393
|
+
'2XL' = 5
|
|
342
394
|
}
|
|
343
395
|
type ContainerBreakpoints = typeof defaultBreakpoints;
|
|
344
396
|
|
|
@@ -348,10 +400,60 @@ interface UseContainerMediaQueryOptions<TElement extends HTMLElement = HTMLEleme
|
|
|
348
400
|
}
|
|
349
401
|
declare function useContainerMediaQuery<TElement extends HTMLElement = HTMLElement>(options: UseContainerMediaQueryOptions<TElement>): ContainerMediaQuery | undefined;
|
|
350
402
|
|
|
403
|
+
interface FormatStringOptions {
|
|
404
|
+
type?: 'string';
|
|
405
|
+
value?: string | null;
|
|
406
|
+
}
|
|
407
|
+
interface FormatNumberOptions {
|
|
408
|
+
type: 'number';
|
|
409
|
+
value?: number | string | null;
|
|
410
|
+
}
|
|
411
|
+
interface FormatDateOptions {
|
|
412
|
+
type: 'date';
|
|
413
|
+
value?: Date | string | number | null;
|
|
414
|
+
format?: 'datetime' | 'short datetime' | 'date' | 'time';
|
|
415
|
+
locales?: Intl.LocalesArgument;
|
|
416
|
+
options?: Intl.DateTimeFormatOptions;
|
|
417
|
+
}
|
|
418
|
+
interface FormatBooleanOptions {
|
|
419
|
+
type: 'boolean';
|
|
420
|
+
value?: boolean | null;
|
|
421
|
+
labels?: {
|
|
422
|
+
true?: string;
|
|
423
|
+
false?: string;
|
|
424
|
+
};
|
|
425
|
+
}
|
|
426
|
+
interface FormatCurrencyOptions {
|
|
427
|
+
type: 'currency';
|
|
428
|
+
value?: number | bigint | Intl.StringNumericLiteral | null;
|
|
429
|
+
currency?: string;
|
|
430
|
+
locales?: Intl.LocalesArgument;
|
|
431
|
+
options?: Intl.NumberFormatOptions;
|
|
432
|
+
}
|
|
433
|
+
interface FormatPercentOptions {
|
|
434
|
+
type: 'percent';
|
|
435
|
+
value?: number | string | null;
|
|
436
|
+
decimals?: number;
|
|
437
|
+
locales?: Intl.LocalesArgument;
|
|
438
|
+
options?: Intl.NumberFormatOptions;
|
|
439
|
+
}
|
|
440
|
+
type FormatOptions = FormatStringOptions | FormatNumberOptions | FormatDateOptions | FormatBooleanOptions | FormatCurrencyOptions | FormatPercentOptions;
|
|
441
|
+
|
|
442
|
+
declare function useFormat(options: FormatOptions): {
|
|
443
|
+
value: string | undefined;
|
|
444
|
+
getValue: (value: any) => string | undefined;
|
|
445
|
+
};
|
|
446
|
+
|
|
351
447
|
type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
352
|
-
type InputColor = '
|
|
448
|
+
type InputColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'dark' | 'light';
|
|
353
449
|
type InputVariant = 'filled' | 'outlined' | 'flat' | 'text';
|
|
354
450
|
|
|
451
|
+
interface Props$F {
|
|
452
|
+
}
|
|
453
|
+
type NativeAttrs$H = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$F>;
|
|
454
|
+
type InputGroupProps = Props$F & NativeAttrs$H;
|
|
455
|
+
declare const InputGroup: react.ForwardRefExoticComponent<Props$F & NativeAttrs$H & react.RefAttributes<HTMLDivElement>>;
|
|
456
|
+
|
|
355
457
|
type ListSize = 'sm' | 'md' | 'lg';
|
|
356
458
|
|
|
357
459
|
interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -360,7 +462,7 @@ interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
360
462
|
}
|
|
361
463
|
declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLDivElement>>;
|
|
362
464
|
|
|
363
|
-
interface Props$
|
|
465
|
+
interface Props$E {
|
|
364
466
|
as?: react__default.ElementType;
|
|
365
467
|
title?: react__default.ReactNode;
|
|
366
468
|
subtitle?: react__default.ReactNode;
|
|
@@ -378,11 +480,11 @@ interface Props$x {
|
|
|
378
480
|
subtitle?: react__default.HTMLAttributes<HTMLDivElement>;
|
|
379
481
|
};
|
|
380
482
|
}
|
|
381
|
-
type NativeAttrs$
|
|
382
|
-
type ListItemProps = Props$
|
|
383
|
-
declare const ListItem: react__default.ForwardRefExoticComponent<Props$
|
|
483
|
+
type NativeAttrs$G = Omit<react__default.HTMLAttributes<HTMLDivElement>, keyof Props$E>;
|
|
484
|
+
type ListItemProps = Props$E & NativeAttrs$G;
|
|
485
|
+
declare const ListItem: react__default.ForwardRefExoticComponent<Props$E & NativeAttrs$G & react__default.RefAttributes<HTMLDivElement>>;
|
|
384
486
|
|
|
385
|
-
interface Props$
|
|
487
|
+
interface Props$D {
|
|
386
488
|
expandVisible?: boolean;
|
|
387
489
|
expandPosition?: 'start' | 'end';
|
|
388
490
|
isOpen?: boolean;
|
|
@@ -390,9 +492,9 @@ interface Props$w {
|
|
|
390
492
|
onClose?: () => void;
|
|
391
493
|
onToggle?: () => void;
|
|
392
494
|
}
|
|
393
|
-
type NativeAttrs$
|
|
394
|
-
type ListGroupProps = Props$
|
|
395
|
-
declare const ListGroup: react.ForwardRefExoticComponent<Props$
|
|
495
|
+
type NativeAttrs$F = Omit<ListItemProps, keyof Props$D>;
|
|
496
|
+
type ListGroupProps = Props$D & NativeAttrs$F;
|
|
497
|
+
declare const ListGroup: react.ForwardRefExoticComponent<Props$D & NativeAttrs$F & react.RefAttributes<HTMLDivElement>>;
|
|
396
498
|
|
|
397
499
|
interface ListSubheaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
398
500
|
as?: React.ElementType;
|
|
@@ -434,8 +536,8 @@ interface AutocompleteMultipleProps<TAutocompleteItem extends AutocompleteItem,
|
|
|
434
536
|
onChange?: (value: TAutocompleteItem[]) => void;
|
|
435
537
|
onValueChange?: (value: TAutocompleteItem[TAutocompleteKeyField][]) => void;
|
|
436
538
|
}
|
|
437
|
-
type NativeAttrs$
|
|
438
|
-
type Props$
|
|
539
|
+
type NativeAttrs$E<TAutocompleteItem extends AutocompleteItem, TAutocompleteKeyField extends AutocompleteKeyField<TAutocompleteItem> = 'key'> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$C<TAutocompleteItem, TAutocompleteKeyField>>;
|
|
540
|
+
type Props$C<TAutocompleteItem extends AutocompleteItem, TAutocompleteKeyField extends AutocompleteKeyField<TAutocompleteItem> = 'key'> = {
|
|
439
541
|
data: TAutocompleteItem[];
|
|
440
542
|
keyField?: TAutocompleteKeyField;
|
|
441
543
|
textField?: keyof TAutocompleteItem;
|
|
@@ -456,14 +558,14 @@ type Props$v<TAutocompleteItem extends AutocompleteItem, TAutocompleteKeyField e
|
|
|
456
558
|
renderItem?: (item: TAutocompleteItem, props: ListItemProps) => React.ReactNode;
|
|
457
559
|
renderNoData?: (props: ResultProps) => React.ReactNode;
|
|
458
560
|
} & (AutocompleteSingleProps<TAutocompleteItem, TAutocompleteKeyField> | AutocompleteMultipleProps<TAutocompleteItem, TAutocompleteKeyField>);
|
|
459
|
-
type AutocompleteProps<TAutocompleteItem extends AutocompleteItem, TAutocompleteKeyField extends AutocompleteKeyField<TAutocompleteItem> = 'key'> = Props$
|
|
561
|
+
type AutocompleteProps<TAutocompleteItem extends AutocompleteItem, TAutocompleteKeyField extends AutocompleteKeyField<TAutocompleteItem> = 'key'> = Props$C<TAutocompleteItem, TAutocompleteKeyField> & NativeAttrs$E<TAutocompleteItem, TAutocompleteKeyField>;
|
|
460
562
|
|
|
461
563
|
declare const Autocomplete: <TAutocompleteItem extends AutocompleteItem, TAutocompleteKeyField extends AutocompleteKeyField<TAutocompleteItem> = "key">(props: AutocompleteProps<TAutocompleteItem, TAutocompleteKeyField>) => react_jsx_runtime.JSX.Element;
|
|
462
564
|
|
|
463
565
|
type BackdropPlacement = 'top' | 'left' | 'center' | 'right' | 'bottom';
|
|
464
566
|
type BackdropVariant = 'opaque' | 'blur' | 'transparent';
|
|
465
567
|
|
|
466
|
-
interface Props$
|
|
568
|
+
interface Props$B {
|
|
467
569
|
isOpen: boolean;
|
|
468
570
|
closable?: boolean;
|
|
469
571
|
placement?: BackdropPlacement;
|
|
@@ -472,14 +574,14 @@ interface Props$u {
|
|
|
472
574
|
scrollArea?: boolean;
|
|
473
575
|
onClose(): void;
|
|
474
576
|
}
|
|
475
|
-
type NativeAttrs$
|
|
476
|
-
type BackdropProps = Props$
|
|
477
|
-
declare const Backdrop: react.ForwardRefExoticComponent<Props$
|
|
577
|
+
type NativeAttrs$D = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$B>;
|
|
578
|
+
type BackdropProps = Props$B & NativeAttrs$D;
|
|
579
|
+
declare const Backdrop: react.ForwardRefExoticComponent<Props$B & NativeAttrs$D & react.RefAttributes<HTMLDivElement>>;
|
|
478
580
|
|
|
479
581
|
type BadgeColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
|
|
480
582
|
type BadgePlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
|
|
481
583
|
|
|
482
|
-
interface Props$
|
|
584
|
+
interface Props$A {
|
|
483
585
|
/**
|
|
484
586
|
* The placement of the badge relative to its content.
|
|
485
587
|
*/
|
|
@@ -497,8 +599,8 @@ interface Props$t {
|
|
|
497
599
|
wrapper?: React.HTMLAttributes<HTMLDivElement>;
|
|
498
600
|
};
|
|
499
601
|
}
|
|
500
|
-
type NativeAttrs$
|
|
501
|
-
type BadgeProps = Props$
|
|
602
|
+
type NativeAttrs$C = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$A>;
|
|
603
|
+
type BadgeProps = Props$A & NativeAttrs$C;
|
|
502
604
|
declare const Badge: React.FC<BadgeProps>;
|
|
503
605
|
|
|
504
606
|
type DataListItem = Record<string, any>;
|
|
@@ -515,7 +617,7 @@ interface DataListMultipleProps<TDataListItem extends DataListItem, TDataListKey
|
|
|
515
617
|
onChange?: (value: TDataListItem[]) => void;
|
|
516
618
|
onValueChange?: (value: TDataListItem[TDataListKeyField][]) => void;
|
|
517
619
|
}
|
|
518
|
-
type Props$
|
|
620
|
+
type Props$z<TDataListItem extends DataListItem, TDataListKeyField extends DataListKeyField<TDataListItem> = 'key'> = {
|
|
519
621
|
data: TDataListItem[];
|
|
520
622
|
keyField?: TDataListKeyField;
|
|
521
623
|
textField?: keyof DataListItem;
|
|
@@ -530,17 +632,17 @@ type Props$s<TDataListItem extends DataListItem, TDataListKeyField extends DataL
|
|
|
530
632
|
renderItem?: (item: TDataListItem, props: ListItemProps$1) => React.ReactNode;
|
|
531
633
|
renderNoData?: (props: ResultProps$1) => React.ReactNode;
|
|
532
634
|
} & (DataListSingleProps<TDataListItem, TDataListKeyField> | DataListMultipleProps<TDataListItem, TDataListKeyField>);
|
|
533
|
-
type NativeAttrs$
|
|
534
|
-
type DataListProps<TDataListItem extends DataListItem, TDataListKeyField extends DataListKeyField<TDataListItem> = 'key'> = Props$
|
|
635
|
+
type NativeAttrs$B<TDataListItem extends DataListItem, TDataListKeyField extends DataListKeyField<TDataListItem> = 'key'> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$z<TDataListItem, TDataListKeyField>>;
|
|
636
|
+
type DataListProps<TDataListItem extends DataListItem, TDataListKeyField extends DataListKeyField<TDataListItem> = 'key'> = Props$z<TDataListItem, TDataListKeyField> & NativeAttrs$B<TDataListItem, TDataListKeyField>;
|
|
535
637
|
|
|
536
638
|
declare const DataList: <TDataListItem extends DataListItem, TDataListKeyField extends DataListKeyField<TDataListItem> = "key">(props: DataListProps<TDataListItem, TDataListKeyField>) => react_jsx_runtime.JSX.Element;
|
|
537
639
|
|
|
538
640
|
type ButtonVariant = 'filled' | 'outlined' | 'flat' | 'text';
|
|
539
|
-
type ButtonColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | '
|
|
540
|
-
type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
641
|
+
type ButtonColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'dark' | 'light';
|
|
642
|
+
type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
541
643
|
type ButtonGroupDirection = 'row' | 'col';
|
|
542
644
|
|
|
543
|
-
interface Props$
|
|
645
|
+
interface Props$y {
|
|
544
646
|
/**
|
|
545
647
|
* The HTML element type or React component to render as the button.
|
|
546
648
|
*/
|
|
@@ -585,20 +687,20 @@ interface Props$r {
|
|
|
585
687
|
fontStyle?: React.CSSProperties['fontStyle'];
|
|
586
688
|
};
|
|
587
689
|
}
|
|
588
|
-
type NativeAttrs$
|
|
589
|
-
type ButtonProps = Props$
|
|
590
|
-
declare const Button: react.ForwardRefExoticComponent<Props$
|
|
690
|
+
type NativeAttrs$A = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof Props$y>;
|
|
691
|
+
type ButtonProps = Props$y & NativeAttrs$A;
|
|
692
|
+
declare const Button: react.ForwardRefExoticComponent<Props$y & NativeAttrs$A & react.RefAttributes<HTMLButtonElement>>;
|
|
591
693
|
|
|
592
|
-
interface Props$
|
|
694
|
+
interface Props$x {
|
|
593
695
|
direction?: ButtonGroupDirection;
|
|
594
696
|
variant?: ButtonVariant;
|
|
595
697
|
color?: ButtonColor;
|
|
596
698
|
size?: ButtonSize;
|
|
597
699
|
disabled?: boolean;
|
|
598
700
|
}
|
|
599
|
-
type NativeAttrs$
|
|
600
|
-
type ButtonGroupProps = Props$
|
|
601
|
-
declare const ButtonGroup: react.ForwardRefExoticComponent<Props$
|
|
701
|
+
type NativeAttrs$z = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$x>;
|
|
702
|
+
type ButtonGroupProps = Props$x & NativeAttrs$z;
|
|
703
|
+
declare const ButtonGroup: react.ForwardRefExoticComponent<Props$x & NativeAttrs$z & react.RefAttributes<HTMLDivElement>>;
|
|
602
704
|
|
|
603
705
|
interface ButtonGroupContextValue {
|
|
604
706
|
direction: ButtonGroupDirection;
|
|
@@ -610,69 +712,63 @@ interface ButtonGroupContextValue {
|
|
|
610
712
|
declare const ButtonGroupContext: react.Context<ButtonGroupContextValue | null>;
|
|
611
713
|
declare const useButtonGroup: () => ButtonGroupContextValue | null;
|
|
612
714
|
|
|
613
|
-
type
|
|
614
|
-
type BorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
615
|
-
type TransitionDuration = 0 | 100 | 200 | 300;
|
|
616
|
-
type TransitionProperty = 'none' | 'all' | 'shadow';
|
|
617
|
-
type BoxState = 'base' | 'hover' | 'active';
|
|
618
|
-
type BoxProperties = {
|
|
619
|
-
shadow?: BoxShadow;
|
|
620
|
-
rounded?: BorderRadius;
|
|
621
|
-
transitionProperty?: TransitionProperty;
|
|
622
|
-
transitionDuration?: TransitionDuration;
|
|
623
|
-
};
|
|
624
|
-
type BoxApplyState<T> = T | {
|
|
625
|
-
[K in BoxState]?: T;
|
|
626
|
-
};
|
|
627
|
-
type BoxCSS = {
|
|
628
|
-
[K in keyof BoxProperties]: BoxApplyState<BoxProperties[K]>;
|
|
629
|
-
};
|
|
715
|
+
type CardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
630
716
|
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
interface Props$p {
|
|
717
|
+
interface Props$w {
|
|
634
718
|
as?: React.ElementType;
|
|
635
719
|
size?: CardSize;
|
|
636
720
|
hoverable?: boolean;
|
|
637
721
|
selected?: boolean;
|
|
638
722
|
disabled?: boolean;
|
|
639
723
|
bordered?: boolean;
|
|
640
|
-
|
|
724
|
+
divider?: boolean;
|
|
641
725
|
css?: BoxCSS;
|
|
642
726
|
}
|
|
643
|
-
type NativeAttrs$
|
|
644
|
-
type CardProps = Props$
|
|
645
|
-
declare const Card: react.ForwardRefExoticComponent<Props$
|
|
727
|
+
type NativeAttrs$y = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$w>;
|
|
728
|
+
type CardProps = Props$w & NativeAttrs$y;
|
|
729
|
+
declare const Card: react.ForwardRefExoticComponent<Props$w & NativeAttrs$y & react.RefAttributes<HTMLDivElement>>;
|
|
646
730
|
|
|
647
731
|
type CardBodyProps = React.HTMLAttributes<HTMLDivElement>;
|
|
648
732
|
declare const CardBody: react.ForwardRefExoticComponent<CardBodyProps & react.RefAttributes<HTMLDivElement>>;
|
|
649
733
|
|
|
650
|
-
interface Props$
|
|
734
|
+
interface Props$v {
|
|
651
735
|
as?: React.ElementType;
|
|
652
736
|
title?: React.ReactNode;
|
|
653
737
|
subtitle?: React.ReactNode;
|
|
654
738
|
startContent?: React.ReactNode;
|
|
655
739
|
endContent?: React.ReactNode;
|
|
740
|
+
/**
|
|
741
|
+
* @deprecated Use `underlined` instead
|
|
742
|
+
*/
|
|
656
743
|
bordered?: boolean;
|
|
744
|
+
underlined?: boolean;
|
|
745
|
+
centered?: boolean;
|
|
657
746
|
slotProps?: {
|
|
658
747
|
startContent?: React.HTMLAttributes<HTMLDivElement>;
|
|
659
|
-
content?: React.HTMLAttributes<HTMLDivElement
|
|
748
|
+
content?: React.HTMLAttributes<HTMLDivElement> & {
|
|
749
|
+
layout?: 'inline' | 'block';
|
|
750
|
+
gap?: boolean;
|
|
751
|
+
};
|
|
660
752
|
endContent?: React.HTMLAttributes<HTMLDivElement>;
|
|
661
753
|
title?: React.HTMLAttributes<HTMLDivElement>;
|
|
662
754
|
subtitle?: React.HTMLAttributes<HTMLDivElement>;
|
|
663
755
|
};
|
|
664
756
|
}
|
|
665
|
-
type NativeAttrs$
|
|
666
|
-
type CardHeaderProps = Props$
|
|
667
|
-
declare const CardHeader: react.ForwardRefExoticComponent<Props$
|
|
757
|
+
type NativeAttrs$x = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$v>;
|
|
758
|
+
type CardHeaderProps = Props$v & NativeAttrs$x;
|
|
759
|
+
declare const CardHeader: react.ForwardRefExoticComponent<Props$v & NativeAttrs$x & react.RefAttributes<HTMLDivElement>>;
|
|
668
760
|
|
|
669
|
-
interface Props$
|
|
761
|
+
interface Props$u {
|
|
670
762
|
as?: React.ElementType;
|
|
763
|
+
/**
|
|
764
|
+
* @deprecated Use `underlined` instead
|
|
765
|
+
*/
|
|
671
766
|
bordered?: boolean;
|
|
767
|
+
underlined?: boolean;
|
|
672
768
|
}
|
|
673
|
-
type NativeAttrs$
|
|
674
|
-
type CardFooterProps = Props$
|
|
675
|
-
declare const CardFooter: react.ForwardRefExoticComponent<Props$
|
|
769
|
+
type NativeAttrs$w = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$u>;
|
|
770
|
+
type CardFooterProps = Props$u & NativeAttrs$w;
|
|
771
|
+
declare const CardFooter: react.ForwardRefExoticComponent<Props$u & NativeAttrs$w & react.RefAttributes<HTMLDivElement>>;
|
|
676
772
|
|
|
677
773
|
type CardMediaProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
678
774
|
topLeftContent?: React.ReactNode;
|
|
@@ -683,11 +779,28 @@ declare const CardMedia: react.ForwardRefExoticComponent<react.HTMLAttributes<HT
|
|
|
683
779
|
topRightContent?: React.ReactNode;
|
|
684
780
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
685
781
|
|
|
782
|
+
interface Props$t {
|
|
783
|
+
as?: React.ElementType;
|
|
784
|
+
centered?: boolean;
|
|
785
|
+
css?: BoxCSS;
|
|
786
|
+
}
|
|
787
|
+
type NativeAttrs$v = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$t>;
|
|
788
|
+
type CardTitleProps = Props$t & NativeAttrs$v;
|
|
789
|
+
declare const CardTitle: react.ForwardRefExoticComponent<Props$t & NativeAttrs$v & react.RefAttributes<HTMLDivElement>>;
|
|
790
|
+
|
|
791
|
+
interface Props$s {
|
|
792
|
+
as?: React.ElementType;
|
|
793
|
+
css?: BoxCSS;
|
|
794
|
+
}
|
|
795
|
+
type NativeAttrs$u = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$s>;
|
|
796
|
+
type CardSubtitleProps = Props$s & NativeAttrs$u;
|
|
797
|
+
declare const CardSubtitle: react.ForwardRefExoticComponent<Props$s & NativeAttrs$u & react.RefAttributes<HTMLDivElement>>;
|
|
798
|
+
|
|
686
799
|
type ChipVariant = 'filled' | 'outlined' | 'flat' | 'text' | 'plain';
|
|
687
800
|
type ChipColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
|
|
688
801
|
type ChipSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
689
802
|
|
|
690
|
-
interface Props$
|
|
803
|
+
interface Props$r {
|
|
691
804
|
/**
|
|
692
805
|
* The HTML element type or React component to render as the chip.
|
|
693
806
|
*/
|
|
@@ -725,9 +838,9 @@ interface Props$m {
|
|
|
725
838
|
};
|
|
726
839
|
onClose?: () => void;
|
|
727
840
|
}
|
|
728
|
-
type NativeAttrs$
|
|
729
|
-
type ChipProps = Props$
|
|
730
|
-
declare const Chip: react.ForwardRefExoticComponent<Props$
|
|
841
|
+
type NativeAttrs$t = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$r>;
|
|
842
|
+
type ChipProps = Props$r & NativeAttrs$t;
|
|
843
|
+
declare const Chip: react.ForwardRefExoticComponent<Props$r & NativeAttrs$t & react.RefAttributes<HTMLDivElement>>;
|
|
731
844
|
|
|
732
845
|
interface CollapseProps {
|
|
733
846
|
children: React.ReactNode;
|
|
@@ -771,7 +884,7 @@ interface DrawerClose {
|
|
|
771
884
|
}
|
|
772
885
|
type DrawerBackdrop = BackdropVariant;
|
|
773
886
|
|
|
774
|
-
interface Props$
|
|
887
|
+
interface Props$q {
|
|
775
888
|
isOpen: boolean;
|
|
776
889
|
size?: DrawerSize;
|
|
777
890
|
backdrop?: DrawerBackdrop;
|
|
@@ -788,11 +901,11 @@ interface Props$l {
|
|
|
788
901
|
onClose: () => void;
|
|
789
902
|
onAfterClose?: () => void;
|
|
790
903
|
}
|
|
791
|
-
type NativeAttrs$
|
|
792
|
-
type DrawerProps = Props$
|
|
793
|
-
declare const Drawer: react.ForwardRefExoticComponent<Props$
|
|
904
|
+
type NativeAttrs$s = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$q>;
|
|
905
|
+
type DrawerProps = Props$q & NativeAttrs$s;
|
|
906
|
+
declare const Drawer: react.ForwardRefExoticComponent<Props$q & NativeAttrs$s & react.RefAttributes<HTMLDivElement>>;
|
|
794
907
|
|
|
795
|
-
interface Props$
|
|
908
|
+
interface Props$p {
|
|
796
909
|
as?: React.ElementType;
|
|
797
910
|
title?: React.ReactNode;
|
|
798
911
|
subtitle?: React.ReactNode;
|
|
@@ -808,20 +921,20 @@ interface Props$k {
|
|
|
808
921
|
subtitle?: React.HTMLAttributes<HTMLDivElement>;
|
|
809
922
|
};
|
|
810
923
|
}
|
|
811
|
-
type NativeAttrs$
|
|
812
|
-
type DrawerHeaderProps = Props$
|
|
813
|
-
declare const DrawerHeader: react.ForwardRefExoticComponent<Props$
|
|
924
|
+
type NativeAttrs$r = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$p>;
|
|
925
|
+
type DrawerHeaderProps = Props$p & NativeAttrs$r;
|
|
926
|
+
declare const DrawerHeader: react.ForwardRefExoticComponent<Props$p & NativeAttrs$r & react.RefAttributes<HTMLDivElement>>;
|
|
814
927
|
|
|
815
928
|
type DrawerBodyProps = React.HTMLAttributes<HTMLDivElement>;
|
|
816
929
|
declare const DrawerBody: react.ForwardRefExoticComponent<DrawerBodyProps & react.RefAttributes<HTMLDivElement>>;
|
|
817
930
|
|
|
818
|
-
interface Props$
|
|
931
|
+
interface Props$o {
|
|
819
932
|
as?: React.ElementType;
|
|
820
933
|
bordered?: boolean;
|
|
821
934
|
}
|
|
822
|
-
type NativeAttrs$
|
|
823
|
-
type DrawerFooterProps = Props$
|
|
824
|
-
declare const DrawerFooter: react.ForwardRefExoticComponent<Props$
|
|
935
|
+
type NativeAttrs$q = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$o>;
|
|
936
|
+
type DrawerFooterProps = Props$o & NativeAttrs$q;
|
|
937
|
+
declare const DrawerFooter: react.ForwardRefExoticComponent<Props$o & NativeAttrs$q & react.RefAttributes<HTMLDivElement>>;
|
|
825
938
|
|
|
826
939
|
interface DrawerContextValue {
|
|
827
940
|
isOpen: boolean;
|
|
@@ -845,7 +958,7 @@ interface IconProps {
|
|
|
845
958
|
}
|
|
846
959
|
declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<unknown>>;
|
|
847
960
|
|
|
848
|
-
interface Props$
|
|
961
|
+
interface Props$n {
|
|
849
962
|
/**
|
|
850
963
|
* The HTML element type or React component to render as the menu item.
|
|
851
964
|
*/
|
|
@@ -871,9 +984,9 @@ interface Props$i {
|
|
|
871
984
|
*/
|
|
872
985
|
disabled?: boolean;
|
|
873
986
|
}
|
|
874
|
-
type NativeAttrs$
|
|
875
|
-
type MenuItemProps = Props$
|
|
876
|
-
declare const MenuItem: react.ForwardRefExoticComponent<Props$
|
|
987
|
+
type NativeAttrs$p = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$n | 'items'>;
|
|
988
|
+
type MenuItemProps = Props$n & NativeAttrs$p;
|
|
989
|
+
declare const MenuItem: react.ForwardRefExoticComponent<Props$n & NativeAttrs$p & react.RefAttributes<HTMLDivElement>>;
|
|
877
990
|
|
|
878
991
|
type MenuSubmenuProps = Omit<MenuItemProps, 'items'> & {
|
|
879
992
|
items?: MenuItemType[];
|
|
@@ -897,7 +1010,7 @@ type MenuItemType = (MenuGroupProps & {
|
|
|
897
1010
|
}) | (MenuItemProps & {
|
|
898
1011
|
type?: 'item';
|
|
899
1012
|
});
|
|
900
|
-
interface Props$
|
|
1013
|
+
interface Props$m {
|
|
901
1014
|
/**
|
|
902
1015
|
* The currently selected value of the menu.
|
|
903
1016
|
*/
|
|
@@ -933,8 +1046,8 @@ interface Props$h {
|
|
|
933
1046
|
*/
|
|
934
1047
|
onItemSelect?: (props: MenuItemProps) => void;
|
|
935
1048
|
}
|
|
936
|
-
type NativeAttrs$
|
|
937
|
-
type MenuProps = Props$
|
|
1049
|
+
type NativeAttrs$o = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$m | 'items'>;
|
|
1050
|
+
type MenuProps = Props$m & NativeAttrs$o & {
|
|
938
1051
|
items?: MenuItemType[];
|
|
939
1052
|
};
|
|
940
1053
|
declare const Menu: React.FC<MenuProps>;
|
|
@@ -1021,8 +1134,8 @@ interface SelectMultipleProps<TSelectItem extends SelectItem, TSelectKeyField ex
|
|
|
1021
1134
|
onChange?: (value: TSelectItem[]) => void;
|
|
1022
1135
|
onValueChange?: (value: TSelectItem[TSelectKeyField][]) => void;
|
|
1023
1136
|
}
|
|
1024
|
-
type NativeAttrs$
|
|
1025
|
-
type Props$
|
|
1137
|
+
type NativeAttrs$n<TSelectItem extends SelectItem, TSelectKeyField extends SelectKeyField<TSelectItem> = 'key'> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$l<TSelectItem, TSelectKeyField>>;
|
|
1138
|
+
type Props$l<TSelectItem extends SelectItem, TSelectKeyField extends SelectKeyField<TSelectItem> = 'key'> = {
|
|
1026
1139
|
data: TSelectItem[];
|
|
1027
1140
|
keyField?: TSelectKeyField;
|
|
1028
1141
|
textField?: keyof TSelectItem;
|
|
@@ -1041,29 +1154,28 @@ type Props$g<TSelectItem extends SelectItem, TSelectKeyField extends SelectKeyFi
|
|
|
1041
1154
|
renderItem?: (item: TSelectItem, props: ListItemProps) => React.ReactNode;
|
|
1042
1155
|
renderNoData?: (props: ResultProps) => React.ReactNode;
|
|
1043
1156
|
} & (SelectSingleProps<TSelectItem, TSelectKeyField> | SelectMultipleProps<TSelectItem, TSelectKeyField>);
|
|
1044
|
-
type SelectProps<TSelectItem extends SelectItem, TSelectKeyField extends SelectKeyField<TSelectItem> = 'key'> = Props$
|
|
1157
|
+
type SelectProps<TSelectItem extends SelectItem, TSelectKeyField extends SelectKeyField<TSelectItem> = 'key'> = Props$l<TSelectItem, TSelectKeyField> & NativeAttrs$n<TSelectItem, TSelectKeyField>;
|
|
1045
1158
|
|
|
1046
1159
|
declare const Select: <TSelectItem extends SelectItem, TSelectKeyField extends SelectKeyField<TSelectItem> = "key">(props: SelectProps<TSelectItem, TSelectKeyField>) => react_jsx_runtime.JSX.Element;
|
|
1047
1160
|
|
|
1048
|
-
type
|
|
1049
|
-
|
|
1050
|
-
type SwitchSize = 'sm' | 'md' | 'lg';
|
|
1161
|
+
type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
1051
1162
|
type SwitchLabelPlacement = 'before' | 'after';
|
|
1163
|
+
type SwitchColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'dark' | 'light';
|
|
1052
1164
|
|
|
1053
|
-
interface Props$
|
|
1165
|
+
interface Props$k {
|
|
1054
1166
|
size?: SwitchSize;
|
|
1055
1167
|
labelPlacement?: SwitchLabelPlacement;
|
|
1056
|
-
|
|
1168
|
+
color?: SwitchColor;
|
|
1057
1169
|
}
|
|
1058
|
-
type NativeAttrs$
|
|
1059
|
-
type SwitchProps = Props$
|
|
1060
|
-
declare const Switch: react.ForwardRefExoticComponent<Props$
|
|
1170
|
+
type NativeAttrs$m = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof Props$k | 'value' | 'defaultValue'>;
|
|
1171
|
+
type SwitchProps = Props$k & NativeAttrs$m;
|
|
1172
|
+
declare const Switch: react.ForwardRefExoticComponent<Props$k & NativeAttrs$m & react.RefAttributes<HTMLInputElement>>;
|
|
1061
1173
|
|
|
1062
1174
|
type TabsVariant = 'underlined' | 'outlined' | 'pills';
|
|
1063
1175
|
type TabValue = string | number | symbol;
|
|
1064
1176
|
type TabsAlignment = 'start' | 'center' | 'end' | 'stretch';
|
|
1065
1177
|
|
|
1066
|
-
interface Props$
|
|
1178
|
+
interface Props$j<TTabValue extends TabValue = TabValue> {
|
|
1067
1179
|
/**
|
|
1068
1180
|
* The HTML element type or React component to render as the tab.
|
|
1069
1181
|
*/
|
|
@@ -1089,11 +1201,11 @@ interface Props$e<TTabValue extends TabValue = TabValue> {
|
|
|
1089
1201
|
*/
|
|
1090
1202
|
endContent?: React.ReactNode;
|
|
1091
1203
|
}
|
|
1092
|
-
type NativeAttrs$
|
|
1093
|
-
type TabProps<TTabValue extends TabValue = TabValue> = Props$
|
|
1094
|
-
declare const Tab: react.ForwardRefExoticComponent<Props$
|
|
1204
|
+
type NativeAttrs$l = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$j>;
|
|
1205
|
+
type TabProps<TTabValue extends TabValue = TabValue> = Props$j<TTabValue> & NativeAttrs$l;
|
|
1206
|
+
declare const Tab: react.ForwardRefExoticComponent<Props$j<TabValue> & NativeAttrs$l & react.RefAttributes<HTMLDivElement>>;
|
|
1095
1207
|
|
|
1096
|
-
interface Props$
|
|
1208
|
+
interface Props$i<TTabValue extends TabValue = TabValue> {
|
|
1097
1209
|
/**
|
|
1098
1210
|
* The currently selected value of the tabs.
|
|
1099
1211
|
*/
|
|
@@ -1116,11 +1228,11 @@ interface Props$d<TTabValue extends TabValue = TabValue> {
|
|
|
1116
1228
|
*/
|
|
1117
1229
|
onClose?: (value: TTabValue) => void;
|
|
1118
1230
|
}
|
|
1119
|
-
type NativeAttrs$
|
|
1120
|
-
type TabsProps<TTabValue extends TabValue = TabValue> = Props$
|
|
1121
|
-
declare const Tabs: <TTabValue extends TabValue = TabValue>(props: Props$
|
|
1231
|
+
type NativeAttrs$k = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$i>;
|
|
1232
|
+
type TabsProps<TTabValue extends TabValue = TabValue> = Props$i<TTabValue> & NativeAttrs$k;
|
|
1233
|
+
declare const Tabs: <TTabValue extends TabValue = TabValue>(props: Props$i<TTabValue> & NativeAttrs$k & react.RefAttributes<HTMLDivElement>) => ReturnType<React.FunctionComponent>;
|
|
1122
1234
|
|
|
1123
|
-
interface Props$
|
|
1235
|
+
interface Props$h {
|
|
1124
1236
|
inputRef?: React.RefObject<HTMLInputElement>;
|
|
1125
1237
|
variant?: InputVariant;
|
|
1126
1238
|
color?: InputColor;
|
|
@@ -1129,13 +1241,13 @@ interface Props$c {
|
|
|
1129
1241
|
endContent?: React.ReactNode;
|
|
1130
1242
|
css?: BoxCSS;
|
|
1131
1243
|
}
|
|
1132
|
-
type NativeAttrs$
|
|
1133
|
-
type TextInputProps = Props$
|
|
1134
|
-
declare const TextInput: react.ForwardRefExoticComponent<Props$
|
|
1244
|
+
type NativeAttrs$j = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof Props$h>;
|
|
1245
|
+
type TextInputProps = Props$h & NativeAttrs$j;
|
|
1246
|
+
declare const TextInput: react.ForwardRefExoticComponent<Props$h & NativeAttrs$j & react.RefAttributes<HTMLInputElement>>;
|
|
1135
1247
|
|
|
1136
1248
|
type ToolbarSize = 'auto' | 'sm' | 'md' | 'lg';
|
|
1137
1249
|
|
|
1138
|
-
interface Props$
|
|
1250
|
+
interface Props$g {
|
|
1139
1251
|
size?: ToolbarSize;
|
|
1140
1252
|
title?: React.ReactNode;
|
|
1141
1253
|
subtitle?: React.ReactNode;
|
|
@@ -1157,8 +1269,8 @@ interface Props$b {
|
|
|
1157
1269
|
subtitle?: React.HTMLAttributes<HTMLDivElement>;
|
|
1158
1270
|
};
|
|
1159
1271
|
}
|
|
1160
|
-
type NativeAttrs$
|
|
1161
|
-
type ToolbarProps = Props$
|
|
1272
|
+
type NativeAttrs$i = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$g>;
|
|
1273
|
+
type ToolbarProps = Props$g & NativeAttrs$i;
|
|
1162
1274
|
declare const Toolbar: React.FC<ToolbarProps>;
|
|
1163
1275
|
|
|
1164
1276
|
interface TransitionProps extends React.HTMLAttributes<HTMLElement> {
|
|
@@ -1173,22 +1285,22 @@ interface TransitionProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
1173
1285
|
}
|
|
1174
1286
|
declare const Transition: react.ForwardRefExoticComponent<TransitionProps & react.RefAttributes<HTMLElement>>;
|
|
1175
1287
|
|
|
1176
|
-
interface Props$
|
|
1288
|
+
interface Props$f {
|
|
1177
1289
|
/**
|
|
1178
1290
|
* The HTML element type or React component to render as the tab.
|
|
1179
1291
|
*/
|
|
1180
1292
|
as?: React.ElementType;
|
|
1181
1293
|
width?: number;
|
|
1182
1294
|
}
|
|
1183
|
-
type NativeAttrs$
|
|
1184
|
-
type SwipeItemProps = Props$
|
|
1185
|
-
declare const SwipeItem: react.ForwardRefExoticComponent<Props$
|
|
1295
|
+
type NativeAttrs$h = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$f>;
|
|
1296
|
+
type SwipeItemProps = Props$f & NativeAttrs$h;
|
|
1297
|
+
declare const SwipeItem: react.ForwardRefExoticComponent<Props$f & NativeAttrs$h & {
|
|
1186
1298
|
children?: react.ReactNode | undefined;
|
|
1187
1299
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1188
1300
|
|
|
1189
1301
|
type SwiperAlignmet = 'start' | 'center' | 'end';
|
|
1190
1302
|
|
|
1191
|
-
interface Props$
|
|
1303
|
+
interface Props$e {
|
|
1192
1304
|
gap?: number;
|
|
1193
1305
|
alignment?: SwiperAlignmet;
|
|
1194
1306
|
autoHide?: boolean;
|
|
@@ -1198,8 +1310,8 @@ interface Props$9 {
|
|
|
1198
1310
|
arrowRightButton?: ButtonProps;
|
|
1199
1311
|
};
|
|
1200
1312
|
}
|
|
1201
|
-
type NativeAttrs$
|
|
1202
|
-
type SwipeProps = Props$
|
|
1313
|
+
type NativeAttrs$g = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$e>;
|
|
1314
|
+
type SwipeProps = Props$e & NativeAttrs$g;
|
|
1203
1315
|
declare const Swipe: React.FC<SwipeProps>;
|
|
1204
1316
|
|
|
1205
1317
|
type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
@@ -1211,7 +1323,7 @@ interface ModalClose {
|
|
|
1211
1323
|
type ModalScrollBehavior = 'inside' | 'outside';
|
|
1212
1324
|
type ModalBackdrop = BackdropVariant;
|
|
1213
1325
|
|
|
1214
|
-
interface Props$
|
|
1326
|
+
interface Props$d {
|
|
1215
1327
|
isOpen: boolean;
|
|
1216
1328
|
size?: ModalSize;
|
|
1217
1329
|
backdrop?: ModalBackdrop;
|
|
@@ -1226,9 +1338,9 @@ interface Props$8 {
|
|
|
1226
1338
|
onClose: () => void;
|
|
1227
1339
|
onAfterClose?: () => void;
|
|
1228
1340
|
}
|
|
1229
|
-
type NativeAttrs$
|
|
1230
|
-
type ModalProps = Props$
|
|
1231
|
-
declare const Modal: react.ForwardRefExoticComponent<Props$
|
|
1341
|
+
type NativeAttrs$f = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$d>;
|
|
1342
|
+
type ModalProps = Props$d & NativeAttrs$f;
|
|
1343
|
+
declare const Modal: react.ForwardRefExoticComponent<Props$d & NativeAttrs$f & react.RefAttributes<HTMLDivElement>>;
|
|
1232
1344
|
|
|
1233
1345
|
type ModalBodyProps = React.HTMLAttributes<HTMLDivElement>;
|
|
1234
1346
|
declare const ModalBody: React.FC<ModalBodyProps>;
|
|
@@ -1242,15 +1354,15 @@ interface ModalContextValue {
|
|
|
1242
1354
|
}
|
|
1243
1355
|
declare function useModal(): ModalContextValue;
|
|
1244
1356
|
|
|
1245
|
-
interface Props$
|
|
1357
|
+
interface Props$c {
|
|
1246
1358
|
as?: React.ElementType;
|
|
1247
1359
|
bordered?: boolean;
|
|
1248
1360
|
}
|
|
1249
|
-
type NativeAttrs$
|
|
1250
|
-
type ModalFooterProps = Props$
|
|
1251
|
-
declare const ModalFooter: react.ForwardRefExoticComponent<Props$
|
|
1361
|
+
type NativeAttrs$e = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$c>;
|
|
1362
|
+
type ModalFooterProps = Props$c & NativeAttrs$e;
|
|
1363
|
+
declare const ModalFooter: react.ForwardRefExoticComponent<Props$c & NativeAttrs$e & react.RefAttributes<HTMLDivElement>>;
|
|
1252
1364
|
|
|
1253
|
-
interface Props$
|
|
1365
|
+
interface Props$b {
|
|
1254
1366
|
as?: React.ElementType;
|
|
1255
1367
|
title?: React.ReactNode;
|
|
1256
1368
|
subtitle?: React.ReactNode;
|
|
@@ -1266,27 +1378,28 @@ interface Props$6 {
|
|
|
1266
1378
|
subtitle?: React.HTMLAttributes<HTMLDivElement>;
|
|
1267
1379
|
};
|
|
1268
1380
|
}
|
|
1269
|
-
type NativeAttrs$
|
|
1270
|
-
type ModalHeaderProps = Props$
|
|
1271
|
-
declare const ModalHeader: react.ForwardRefExoticComponent<Props$
|
|
1381
|
+
type NativeAttrs$d = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$b>;
|
|
1382
|
+
type ModalHeaderProps = Props$b & NativeAttrs$d;
|
|
1383
|
+
declare const ModalHeader: react.ForwardRefExoticComponent<Props$b & NativeAttrs$d & react.RefAttributes<HTMLDivElement>>;
|
|
1272
1384
|
|
|
1273
1385
|
type CheckboxValue = string | number | symbol;
|
|
1274
|
-
type CheckboxSize = 'sm' | 'md' | 'lg';
|
|
1386
|
+
type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
1275
1387
|
type CheckboxLabelPlacement = 'before' | 'after';
|
|
1276
1388
|
type CheckboxGroupDirection = 'row' | 'col';
|
|
1277
1389
|
type CheckboxGroupAlignment = 'start' | 'center' | 'end' | 'stretch';
|
|
1390
|
+
type CheckboxColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'dark' | 'light';
|
|
1278
1391
|
|
|
1279
|
-
interface Props$
|
|
1392
|
+
interface Props$a<TCheckboxValue extends CheckboxValue = CheckboxValue> {
|
|
1280
1393
|
value?: TCheckboxValue;
|
|
1281
1394
|
size?: CheckboxSize;
|
|
1282
1395
|
labelPlacement?: CheckboxLabelPlacement;
|
|
1283
|
-
|
|
1396
|
+
color?: CheckboxColor;
|
|
1284
1397
|
}
|
|
1285
|
-
type NativeAttrs$
|
|
1286
|
-
type CheckboxProps<TCheckboxValue extends CheckboxValue = CheckboxValue> = Props$
|
|
1287
|
-
declare const Checkbox: <TCheckboxValue extends CheckboxValue = CheckboxValue>(props: Props$
|
|
1398
|
+
type NativeAttrs$c = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof Props$a | 'defaultValue'>;
|
|
1399
|
+
type CheckboxProps<TCheckboxValue extends CheckboxValue = CheckboxValue> = Props$a<TCheckboxValue> & NativeAttrs$c;
|
|
1400
|
+
declare const Checkbox: <TCheckboxValue extends CheckboxValue = CheckboxValue>(props: Props$a<TCheckboxValue> & NativeAttrs$c & react.RefAttributes<HTMLInputElement>) => ReturnType<React.FunctionComponent>;
|
|
1288
1401
|
|
|
1289
|
-
interface Props$
|
|
1402
|
+
interface Props$9<TCheckboxValue extends CheckboxValue = CheckboxValue> {
|
|
1290
1403
|
value?: TCheckboxValue[];
|
|
1291
1404
|
defaultValue?: TCheckboxValue[];
|
|
1292
1405
|
disabled?: boolean;
|
|
@@ -1295,12 +1408,12 @@ interface Props$4<TCheckboxValue extends CheckboxValue = CheckboxValue> {
|
|
|
1295
1408
|
alignment?: CheckboxGroupAlignment;
|
|
1296
1409
|
size?: CheckboxSize;
|
|
1297
1410
|
labelPlacement?: CheckboxLabelPlacement;
|
|
1298
|
-
|
|
1411
|
+
color?: CheckboxColor;
|
|
1299
1412
|
onChange?: (value: TCheckboxValue[]) => void;
|
|
1300
1413
|
}
|
|
1301
|
-
type NativeAttrs$
|
|
1302
|
-
type CheckboxGroupProps<TCheckboxValue extends CheckboxValue = CheckboxValue> = Props$
|
|
1303
|
-
declare const CheckboxGroup: <TCheckboxValue extends CheckboxValue = CheckboxValue>(props: Props$
|
|
1414
|
+
type NativeAttrs$b = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$9>;
|
|
1415
|
+
type CheckboxGroupProps<TCheckboxValue extends CheckboxValue = CheckboxValue> = Props$9<TCheckboxValue> & NativeAttrs$b;
|
|
1416
|
+
declare const CheckboxGroup: <TCheckboxValue extends CheckboxValue = CheckboxValue>(props: Props$9<TCheckboxValue> & NativeAttrs$b & react.RefAttributes<HTMLTableElement>) => ReturnType<React.FunctionComponent>;
|
|
1304
1417
|
|
|
1305
1418
|
interface CheckboxGroupContextValue<TCheckboxValue extends CheckboxValue = CheckboxValue> {
|
|
1306
1419
|
value: TCheckboxValue[];
|
|
@@ -1309,18 +1422,50 @@ interface CheckboxGroupContextValue<TCheckboxValue extends CheckboxValue = Check
|
|
|
1309
1422
|
direction?: CheckboxGroupDirection;
|
|
1310
1423
|
size: CheckboxSize;
|
|
1311
1424
|
labelPlacement: CheckboxLabelPlacement;
|
|
1312
|
-
|
|
1425
|
+
color: CheckboxColor;
|
|
1313
1426
|
onChange: (value: TCheckboxValue[]) => void;
|
|
1314
1427
|
}
|
|
1428
|
+
declare const CheckboxGroupContext: react.Context<CheckboxGroupContextValue<CheckboxValue> | null>;
|
|
1315
1429
|
declare const useCheckboxGroup: () => CheckboxGroupContextValue<CheckboxValue> | null;
|
|
1316
1430
|
|
|
1431
|
+
type ColorScheme = 'default' | 'light' | 'dark';
|
|
1432
|
+
|
|
1433
|
+
type MediaQuery = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
1434
|
+
type Responsive<T> = T | {
|
|
1435
|
+
/**
|
|
1436
|
+
* Minimum captured size: 0px
|
|
1437
|
+
*/
|
|
1438
|
+
xs?: T;
|
|
1439
|
+
/**
|
|
1440
|
+
* Minimum captured size: 576px
|
|
1441
|
+
*/
|
|
1442
|
+
sm?: T;
|
|
1443
|
+
/**
|
|
1444
|
+
* Minimum captured size: 768px
|
|
1445
|
+
*/
|
|
1446
|
+
md?: T;
|
|
1447
|
+
/**
|
|
1448
|
+
* Minimum captured size: 992px
|
|
1449
|
+
*/
|
|
1450
|
+
lg?: T;
|
|
1451
|
+
/**
|
|
1452
|
+
* Minimum captured size: 1200px
|
|
1453
|
+
*/
|
|
1454
|
+
xl?: T;
|
|
1455
|
+
/**
|
|
1456
|
+
* Minimum captured size: 1400px
|
|
1457
|
+
*/
|
|
1458
|
+
'2xl'?: T;
|
|
1459
|
+
};
|
|
1460
|
+
|
|
1317
1461
|
type RadioValue = string | number | symbol;
|
|
1318
|
-
type RadioSize = 'sm' | 'md' | 'lg';
|
|
1462
|
+
type RadioSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
1319
1463
|
type RadioLabelPlacement = 'before' | 'after';
|
|
1320
1464
|
type RadioGroupDirection = 'row' | 'col';
|
|
1321
1465
|
type RadioGroupAlignment = 'start' | 'center' | 'end' | 'stretch';
|
|
1466
|
+
type RadioColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'dark' | 'light';
|
|
1322
1467
|
|
|
1323
|
-
interface Props$
|
|
1468
|
+
interface Props$8<TRadioValue extends RadioValue = RadioValue> {
|
|
1324
1469
|
value?: TRadioValue;
|
|
1325
1470
|
disabled?: boolean;
|
|
1326
1471
|
readOnly?: boolean;
|
|
@@ -1328,11 +1473,11 @@ interface Props$3<TRadioValue extends RadioValue = RadioValue> {
|
|
|
1328
1473
|
labelPlacement?: RadioLabelPlacement;
|
|
1329
1474
|
colorScheme?: ColorScheme;
|
|
1330
1475
|
}
|
|
1331
|
-
type NativeAttrs$
|
|
1332
|
-
type RadioProps<TRadioValue extends RadioValue = RadioValue> = Props$
|
|
1333
|
-
declare const Radio: <TRadioValue extends RadioValue = RadioValue>(props: Props$
|
|
1476
|
+
type NativeAttrs$a = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof Props$8 | 'defaultValue' | 'checked' | 'defaultChecked' | 'onChange'>;
|
|
1477
|
+
type RadioProps<TRadioValue extends RadioValue = RadioValue> = Props$8<TRadioValue> & NativeAttrs$a;
|
|
1478
|
+
declare const Radio: <TRadioValue extends RadioValue = RadioValue>(props: Props$8<TRadioValue> & NativeAttrs$a & react.RefAttributes<HTMLInputElement>) => ReturnType<React.FunctionComponent>;
|
|
1334
1479
|
|
|
1335
|
-
interface Props$
|
|
1480
|
+
interface Props$7<TRadioValue extends RadioValue = RadioValue> {
|
|
1336
1481
|
name?: string;
|
|
1337
1482
|
value?: TRadioValue;
|
|
1338
1483
|
defaultValue?: TRadioValue;
|
|
@@ -1342,12 +1487,12 @@ interface Props$2<TRadioValue extends RadioValue = RadioValue> {
|
|
|
1342
1487
|
alignment?: RadioGroupAlignment;
|
|
1343
1488
|
size?: RadioSize;
|
|
1344
1489
|
labelPlacement?: RadioLabelPlacement;
|
|
1345
|
-
|
|
1490
|
+
color?: RadioColor;
|
|
1346
1491
|
onChange?: (value: TRadioValue) => void;
|
|
1347
1492
|
}
|
|
1348
|
-
type NativeAttrs$
|
|
1349
|
-
type RadioGroupProps<TRadioValue extends RadioValue = RadioValue> = Props$
|
|
1350
|
-
declare const RadioGroup: <TRadioValue extends RadioValue = RadioValue>(props: Props$
|
|
1493
|
+
type NativeAttrs$9 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$7>;
|
|
1494
|
+
type RadioGroupProps<TRadioValue extends RadioValue = RadioValue> = Props$7<TRadioValue> & NativeAttrs$9;
|
|
1495
|
+
declare const RadioGroup: <TRadioValue extends RadioValue = RadioValue>(props: Props$7<TRadioValue> & NativeAttrs$9 & react.RefAttributes<HTMLDivElement>) => ReturnType<React.FunctionComponent>;
|
|
1351
1496
|
|
|
1352
1497
|
interface RadioGroupContextValue {
|
|
1353
1498
|
name: string;
|
|
@@ -1357,92 +1502,182 @@ interface RadioGroupContextValue {
|
|
|
1357
1502
|
direction: RadioGroupDirection;
|
|
1358
1503
|
size: RadioSize;
|
|
1359
1504
|
labelPlacement: RadioLabelPlacement;
|
|
1360
|
-
|
|
1505
|
+
color: RadioColor;
|
|
1361
1506
|
onChange: (value: RadioValue) => void;
|
|
1362
1507
|
}
|
|
1508
|
+
declare const RadioGroupContext: react.Context<RadioGroupContextValue | null>;
|
|
1363
1509
|
declare const useRadioGroup: () => RadioGroupContextValue;
|
|
1364
1510
|
|
|
1365
1511
|
type NavRailPlacement = 'left' | 'right';
|
|
1366
1512
|
|
|
1367
|
-
interface Props$
|
|
1513
|
+
interface Props$6 {
|
|
1368
1514
|
startContent?: React.ReactNode;
|
|
1369
1515
|
endContent?: React.ReactNode;
|
|
1370
1516
|
placement?: NavRailPlacement;
|
|
1371
1517
|
}
|
|
1372
|
-
type NativeAttrs$
|
|
1373
|
-
type NavRailProps = Props$
|
|
1518
|
+
type NativeAttrs$8 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$6>;
|
|
1519
|
+
type NavRailProps = Props$6 & NativeAttrs$8;
|
|
1374
1520
|
declare const NavRail: React.FC<NavRailProps>;
|
|
1375
1521
|
|
|
1376
|
-
interface Props {
|
|
1522
|
+
interface Props$5 {
|
|
1377
1523
|
as?: React.ElementType;
|
|
1378
1524
|
icon?: React.ReactNode;
|
|
1379
1525
|
media?: React.ReactNode;
|
|
1380
1526
|
label?: React.ReactNode;
|
|
1381
1527
|
selected?: boolean;
|
|
1382
1528
|
}
|
|
1529
|
+
type NativeAttrs$7 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$5>;
|
|
1530
|
+
type NavRailItemProps = Props$5 & NativeAttrs$7;
|
|
1531
|
+
declare const NavRailItem: react.ForwardRefExoticComponent<Props$5 & NativeAttrs$7 & react.RefAttributes<HTMLDivElement>>;
|
|
1532
|
+
|
|
1533
|
+
type Props$4 = {
|
|
1534
|
+
as?: React.ElementType;
|
|
1535
|
+
label: React.ReactNode;
|
|
1536
|
+
span?: Responsive<number>;
|
|
1537
|
+
order?: Responsive<number>;
|
|
1538
|
+
labelStartContent?: React.ReactNode;
|
|
1539
|
+
labelEndContent?: React.ReactNode;
|
|
1540
|
+
valueStartContent?: React.ReactNode;
|
|
1541
|
+
valueEndContent?: React.ReactNode;
|
|
1542
|
+
hoverable?: boolean;
|
|
1543
|
+
render?: (options: {
|
|
1544
|
+
content: React.ReactNode;
|
|
1545
|
+
isEmpty: boolean;
|
|
1546
|
+
mq: ContainerMediaQuery;
|
|
1547
|
+
}) => React.ReactNode;
|
|
1548
|
+
} & FormatOptions;
|
|
1549
|
+
type NativeAttrs$6 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$4 | 'children'>;
|
|
1550
|
+
type DescriptionProps = Props$4 & NativeAttrs$6;
|
|
1551
|
+
declare const Description: react.ForwardRefExoticComponent<DescriptionProps & react.RefAttributes<HTMLDivElement>>;
|
|
1552
|
+
|
|
1553
|
+
type NativeAttrs$5 = React.HTMLAttributes<HTMLDivElement>;
|
|
1554
|
+
type DescriptionEmptyProps = NativeAttrs$5;
|
|
1555
|
+
declare const DescriptionEmpty: react.ForwardRefExoticComponent<NativeAttrs$5 & react.RefAttributes<HTMLDivElement>>;
|
|
1556
|
+
|
|
1557
|
+
type DescriptionsLayout = 'row' | 'col';
|
|
1558
|
+
type DescriptionsSize = 'sm' | 'md' | 'lg';
|
|
1559
|
+
type DescriptionsAlign = React.CSSProperties['textAlign'];
|
|
1560
|
+
|
|
1561
|
+
interface Props$3 {
|
|
1562
|
+
as?: React.ElementType;
|
|
1563
|
+
items?: DescriptionProps[];
|
|
1564
|
+
layout?: Responsive<DescriptionsLayout>;
|
|
1565
|
+
size?: Responsive<DescriptionsSize>;
|
|
1566
|
+
cols?: Responsive<number>;
|
|
1567
|
+
align?: Responsive<DescriptionsAlign>;
|
|
1568
|
+
labelAlign?: Responsive<DescriptionsAlign>;
|
|
1569
|
+
contentAlign?: Responsive<DescriptionsAlign>;
|
|
1570
|
+
}
|
|
1571
|
+
type NativeAttrs$4 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$3 | 'children'>;
|
|
1572
|
+
type DescriptionsProps = Props$3 & NativeAttrs$4;
|
|
1573
|
+
declare const Descriptions: react.ForwardRefExoticComponent<Props$3 & NativeAttrs$4 & react.RefAttributes<HTMLDivElement>>;
|
|
1574
|
+
|
|
1575
|
+
interface DescriptionsContextValue {
|
|
1576
|
+
mq: ContainerMediaQuery;
|
|
1577
|
+
layout: DescriptionsLayout;
|
|
1578
|
+
size: DescriptionsSize;
|
|
1579
|
+
cols: number;
|
|
1580
|
+
labelAlign?: DescriptionsAlign;
|
|
1581
|
+
contentAlign?: DescriptionsAlign;
|
|
1582
|
+
}
|
|
1583
|
+
declare const DescriptionsContext: react.Context<DescriptionsContextValue | null>;
|
|
1584
|
+
declare const useDescriptionsContext: () => DescriptionsContextValue;
|
|
1585
|
+
|
|
1586
|
+
type NativeAttrs$3 = React.HTMLAttributes<HTMLDivElement>;
|
|
1587
|
+
type DescriptionTextProps = NativeAttrs$3;
|
|
1588
|
+
declare const DescriptionText: react.ForwardRefExoticComponent<NativeAttrs$3 & react.RefAttributes<HTMLDivElement>>;
|
|
1589
|
+
|
|
1590
|
+
declare function reactNodeToText(node: React.ReactNode): string;
|
|
1591
|
+
|
|
1592
|
+
interface ResponsiveProps$2 {
|
|
1593
|
+
span?: Responsive<number>;
|
|
1594
|
+
order?: Responsive<number>;
|
|
1595
|
+
p?: Responsive<React.CSSProperties['padding']>;
|
|
1596
|
+
py?: Responsive<React.CSSProperties['paddingBlock']>;
|
|
1597
|
+
px?: Responsive<React.CSSProperties['paddingInline']>;
|
|
1598
|
+
pt?: Responsive<React.CSSProperties['paddingTop']>;
|
|
1599
|
+
pb?: Responsive<React.CSSProperties['paddingBottom']>;
|
|
1600
|
+
pr?: Responsive<React.CSSProperties['paddingRight']>;
|
|
1601
|
+
pl?: Responsive<React.CSSProperties['paddingLeft']>;
|
|
1602
|
+
g?: Responsive<React.CSSProperties['gap']>;
|
|
1603
|
+
gy?: Responsive<React.CSSProperties['rowGap']>;
|
|
1604
|
+
gx?: Responsive<React.CSSProperties['columnGap']>;
|
|
1605
|
+
justifyContent?: Responsive<React.CSSProperties['justifyContent']>;
|
|
1606
|
+
alignItems?: Responsive<React.CSSProperties['alignItems']>;
|
|
1607
|
+
}
|
|
1608
|
+
type Props$2 = {
|
|
1609
|
+
as?: React.ElementType;
|
|
1610
|
+
} & ResponsiveProps$2;
|
|
1611
|
+
type NativeAttrs$2 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$2>;
|
|
1612
|
+
type GridItemProps = Props$2 & NativeAttrs$2;
|
|
1613
|
+
declare const GridItem: react.ForwardRefExoticComponent<{
|
|
1614
|
+
as?: React.ElementType;
|
|
1615
|
+
} & ResponsiveProps$2 & NativeAttrs$2 & react.RefAttributes<HTMLDivElement>>;
|
|
1616
|
+
|
|
1617
|
+
interface ResponsiveProps$1 {
|
|
1618
|
+
cols?: Responsive<number>;
|
|
1619
|
+
span?: Responsive<number>;
|
|
1620
|
+
p?: Responsive<React.CSSProperties['padding']>;
|
|
1621
|
+
py?: Responsive<React.CSSProperties['paddingBlock']>;
|
|
1622
|
+
px?: Responsive<React.CSSProperties['paddingInline']>;
|
|
1623
|
+
pt?: Responsive<React.CSSProperties['paddingTop']>;
|
|
1624
|
+
pb?: Responsive<React.CSSProperties['paddingBottom']>;
|
|
1625
|
+
pr?: Responsive<React.CSSProperties['paddingRight']>;
|
|
1626
|
+
pl?: Responsive<React.CSSProperties['paddingLeft']>;
|
|
1627
|
+
g?: Responsive<React.CSSProperties['gap']>;
|
|
1628
|
+
gy?: Responsive<React.CSSProperties['rowGap']>;
|
|
1629
|
+
gx?: Responsive<React.CSSProperties['columnGap']>;
|
|
1630
|
+
justifyContent?: Responsive<React.CSSProperties['justifyContent']>;
|
|
1631
|
+
alignItems?: Responsive<React.CSSProperties['alignItems']>;
|
|
1632
|
+
}
|
|
1633
|
+
type Props$1 = {
|
|
1634
|
+
items?: GridItemProps[];
|
|
1635
|
+
} & ResponsiveProps$1;
|
|
1636
|
+
type NativeAttrs$1 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$1>;
|
|
1637
|
+
type GridSubProps = Props$1 & NativeAttrs$1;
|
|
1638
|
+
declare const GridSub: react.ForwardRefExoticComponent<{
|
|
1639
|
+
items?: GridItemProps[];
|
|
1640
|
+
} & ResponsiveProps$1 & NativeAttrs$1 & react.RefAttributes<HTMLDivElement>>;
|
|
1641
|
+
|
|
1642
|
+
interface ResponsiveProps {
|
|
1643
|
+
cols?: Responsive<number>;
|
|
1644
|
+
p?: Responsive<React.CSSProperties['padding']>;
|
|
1645
|
+
py?: Responsive<React.CSSProperties['paddingBlock']>;
|
|
1646
|
+
px?: Responsive<React.CSSProperties['paddingInline']>;
|
|
1647
|
+
pt?: Responsive<React.CSSProperties['paddingTop']>;
|
|
1648
|
+
pb?: Responsive<React.CSSProperties['paddingBottom']>;
|
|
1649
|
+
pr?: Responsive<React.CSSProperties['paddingRight']>;
|
|
1650
|
+
pl?: Responsive<React.CSSProperties['paddingLeft']>;
|
|
1651
|
+
g?: Responsive<React.CSSProperties['gap']>;
|
|
1652
|
+
gy?: Responsive<React.CSSProperties['rowGap']>;
|
|
1653
|
+
gx?: Responsive<React.CSSProperties['columnGap']>;
|
|
1654
|
+
justifyContent?: Responsive<React.CSSProperties['justifyContent']>;
|
|
1655
|
+
alignItems?: Responsive<React.CSSProperties['alignItems']>;
|
|
1656
|
+
}
|
|
1657
|
+
type Props = {
|
|
1658
|
+
items?: (GridItemProps | GridSubProps)[];
|
|
1659
|
+
} & ResponsiveProps;
|
|
1383
1660
|
type NativeAttrs = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
1384
|
-
type
|
|
1385
|
-
declare const
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
lg?: number;
|
|
1392
|
-
xl?: number;
|
|
1393
|
-
xxl?: number;
|
|
1394
|
-
};
|
|
1395
|
-
interface DescriptionItemString {
|
|
1396
|
-
type: 'string';
|
|
1397
|
-
value?: string;
|
|
1398
|
-
}
|
|
1399
|
-
interface DescriptionItemNumber {
|
|
1400
|
-
type: 'number';
|
|
1401
|
-
value?: number | string;
|
|
1402
|
-
}
|
|
1403
|
-
interface DescriptionItemDate {
|
|
1404
|
-
type: 'date';
|
|
1405
|
-
value?: Date | string | number;
|
|
1406
|
-
format?: 'date' | 'datetime' | 'time';
|
|
1407
|
-
locales?: Intl.LocalesArgument;
|
|
1408
|
-
options?: Intl.DateTimeFormatOptions;
|
|
1409
|
-
}
|
|
1410
|
-
interface DescriptionItemBoolean {
|
|
1411
|
-
type: 'boolean';
|
|
1412
|
-
value?: boolean;
|
|
1413
|
-
labels?: {
|
|
1414
|
-
true?: string;
|
|
1415
|
-
false?: string;
|
|
1416
|
-
};
|
|
1417
|
-
}
|
|
1418
|
-
interface DescriptionItemCurrency {
|
|
1419
|
-
type: 'currency';
|
|
1420
|
-
value?: number | bigint | Intl.StringNumericLiteral;
|
|
1421
|
-
currency?: string;
|
|
1422
|
-
locales?: Intl.LocalesArgument;
|
|
1423
|
-
options?: Intl.NumberFormatOptions;
|
|
1424
|
-
}
|
|
1425
|
-
interface DescriptionItemPercent {
|
|
1426
|
-
type: 'percent';
|
|
1427
|
-
value?: number | string;
|
|
1428
|
-
decimals?: number;
|
|
1429
|
-
locales?: Intl.LocalesArgument;
|
|
1430
|
-
options?: Intl.NumberFormatOptions;
|
|
1661
|
+
type GridProps = Props & NativeAttrs;
|
|
1662
|
+
declare const Grid: react.ForwardRefExoticComponent<{
|
|
1663
|
+
items?: (GridItemProps | GridSubProps)[];
|
|
1664
|
+
} & ResponsiveProps & NativeAttrs & react.RefAttributes<HTMLDivElement>>;
|
|
1665
|
+
|
|
1666
|
+
interface GridContextValue {
|
|
1667
|
+
mq: ContainerMediaQuery;
|
|
1431
1668
|
}
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
span?: number | DescriptionSpan;
|
|
1435
|
-
} & (DescriptionItemString | DescriptionItemNumber | DescriptionItemDate | DescriptionItemBoolean | DescriptionItemCurrency | DescriptionItemPercent);
|
|
1669
|
+
declare const GridContext: react.Context<GridContextValue | null>;
|
|
1670
|
+
declare const useGridContext: () => GridContextValue;
|
|
1436
1671
|
|
|
1437
|
-
interface
|
|
1438
|
-
|
|
1672
|
+
interface IframeProps extends React.IframeHTMLAttributes<HTMLIFrameElement> {
|
|
1673
|
+
anchorTarget?: React.HTMLAttributeAnchorTarget;
|
|
1674
|
+
anchorPreventDefault?: boolean;
|
|
1439
1675
|
}
|
|
1440
|
-
declare const
|
|
1676
|
+
declare const Iframe: React.FC<IframeProps>;
|
|
1441
1677
|
|
|
1442
|
-
interface
|
|
1443
|
-
item: DescriptionItem;
|
|
1678
|
+
interface HtmlProps extends IframeProps {
|
|
1444
1679
|
}
|
|
1445
|
-
declare const
|
|
1680
|
+
declare const Html: React.FC<HtmlProps>;
|
|
1446
1681
|
|
|
1447
1682
|
declare const scrollToItem: (parentElement: Element, currentElement: Element) => void;
|
|
1448
1683
|
|
|
@@ -1455,11 +1690,13 @@ type ReactRef<T> = React.RefCallback<T> | React.MutableRefObject<T>;
|
|
|
1455
1690
|
declare function assignRef<T = any>(ref: ReactRef<T> | null | undefined, value: T): void;
|
|
1456
1691
|
declare function mergeRefs<T>(...refs: (ReactRef<T> | null | undefined)[]): (node: T | null) => void;
|
|
1457
1692
|
|
|
1693
|
+
declare function dateFormat(value: Date | string | number, locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
|
1458
1694
|
declare function formatDate(value: Date | string | number, locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
|
1459
|
-
declare function
|
|
1695
|
+
declare function formatDateTime(value: Date | string | number, locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
|
1460
1696
|
declare function formatShortDateTime(value: Date | string | number, locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
|
1461
|
-
declare function
|
|
1697
|
+
declare function formatTime(value: Date | string | number, locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
|
1462
1698
|
declare function formatCurrency(value: number | bigint | Intl.StringNumericLiteral, currency?: string, locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
|
|
1463
1699
|
declare function formatPercent(value: any, decimals?: number, locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
|
|
1700
|
+
declare function format(options: FormatOptions): string | undefined;
|
|
1464
1701
|
|
|
1465
|
-
export { Accordion, type AccordionArrow, AccordionBody, type AccordionBodyProps, type AccordionColor, AccordionContent, type AccordionContentProps, AccordionContext, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, Autocomplete, type AutocompleteItem, type AutocompleteKeyField, type AutocompleteMultipleProps, type AutocompleteProps, type AutocompleteSingleProps, Backdrop, type BackdropPlacement, type BackdropProps, type BackdropVariant, Badge, type BadgeProps, Button, type ButtonColor, ButtonGroup, ButtonGroupContext, type ButtonGroupContextValue, type ButtonGroupDirection, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, CheckboxGroup, type CheckboxGroupAlignment, type CheckboxGroupContextValue, type CheckboxGroupDirection, type CheckboxGroupProps, type CheckboxLabelPlacement, type CheckboxProps, type CheckboxSize, type CheckboxValue, Chip, type ChipProps, Collapse, CollapseContent, type CollapseContentProps, CollapseContext, type CollapseContextValue, type CollapseProps, CollapseTrigger, type CollapseTriggerProps, type ColorScheme, type ContainerBreakpoints, ContainerMediaQuery, DataList, type DataListItem, type DataListKeyField, type DataListMultipleProps, type DataListProps, type DataListSingleProps, Description, type
|
|
1702
|
+
export { Accordion, type AccordionArrow, AccordionBody, type AccordionBodyProps, type AccordionColor, AccordionContent, type AccordionContentProps, AccordionContext, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, Autocomplete, type AutocompleteItem, type AutocompleteKeyField, type AutocompleteMultipleProps, type AutocompleteProps, type AutocompleteSingleProps, Backdrop, type BackdropPlacement, type BackdropProps, type BackdropVariant, Badge, type BadgeProps, Button, type ButtonColor, ButtonGroup, ButtonGroupContext, type ButtonGroupContextValue, type ButtonGroupDirection, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, CardSubtitle, type CardSubtitleProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxColor, CheckboxGroup, type CheckboxGroupAlignment, CheckboxGroupContext, type CheckboxGroupContextValue, type CheckboxGroupDirection, type CheckboxGroupProps, type CheckboxLabelPlacement, type CheckboxProps, type CheckboxSize, type CheckboxValue, Chip, type ChipProps, Collapse, CollapseContent, type CollapseContentProps, CollapseContext, type CollapseContextValue, type CollapseProps, CollapseTrigger, type CollapseTriggerProps, type ColorScheme, type ContainerBreakpoints, ContainerMediaQuery, DataList, type DataListItem, type DataListKeyField, type DataListMultipleProps, type DataListProps, type DataListSingleProps, Description, DescriptionEmpty, type DescriptionEmptyProps, type DescriptionProps, DescriptionText, type DescriptionTextProps, Descriptions, type DescriptionsAlign, DescriptionsContext, type DescriptionsContextValue, type DescriptionsLayout, type DescriptionsProps, type DescriptionsSize, type Disclosure, Divider, type DividerProps, Drawer, type DrawerBackdrop, DrawerBody, type DrawerBodyProps, type DrawerClose, DrawerContext, type DrawerContextValue, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerPosition, type DrawerProps, type DrawerSize, Field, type FieldProps, type FormatBooleanOptions, type FormatCurrencyOptions, type FormatDateOptions, type FormatNumberOptions, type FormatOptions, type FormatPercentOptions, type FormatStringOptions, Grid, GridContext, type GridContextValue, GridItem, type GridItemProps, type GridProps, GridSub, type GridSubProps, Html, type HtmlProps, Icon, type IconColor, type IconProps, type IconSize, Iframe, type IframeProps, type InfiniteData, type InfiniteQueryFunction, type InfiniteQueryOptions, type InfiniteQueryRefetchOptions, type InputColor, InputGroup, type InputGroupProps, type InputSize, type InputVariant, List, ListGroup, type ListGroupProps, ListItem, type ListItemProps, type ListProps, type ListSize, ListSubheader, type ListSubheaderProps, type MediaQuery, Menu, MenuContext, type MenuContextValue, MenuGroup, type MenuGroupItemType, type MenuGroupProps, MenuItem, type MenuItemProps, type MenuItemType, type MenuProps, MenuSubmenu, type MenuSubmenuProps, MenuValueContext, Modal, type ModalBackdrop, ModalBody, type ModalBodyProps, type ModalClose, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalPlacement, type ModalProps, type ModalScrollBehavior, type ModalSize, type MutationError, type MutationFunction, type MutationOK, type MutationResult, MutationStatus, NavRail, NavRailItem, type NavRailItemProps, type NavRailPlacement, type NavRailProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, type QueryFunction, QueryStatus, Radio, type RadioColor, RadioGroup, type RadioGroupAlignment, RadioGroupContext, type RadioGroupContextValue, type RadioGroupDirection, type RadioGroupProps, type RadioLabelPlacement, type RadioProps, type RadioSize, type RadioValue, type ReactRef, type Resize, type Responsive, Result, type ResultProps, type ResultStatus, type ScrollAlignment, ScrollArea, type ScrollAreaProps, type ScrollBehavior, type ScrollToOptions, Select, type SelectItem, type SelectKeyField, type SelectMultipleProps, type SelectProps, type SelectSingleProps, Swipe, SwipeItem, type SwipeItemProps, type SwipeProps, Switch, type SwitchColor, type SwitchLabelPlacement, type SwitchProps, type SwitchSize, Tab, type TabProps, Tabs, type TabsAlignment, type TabsProps, type TabsVariant, TextInput, type TextInputProps, Toolbar, type ToolbarProps, type ToolbarSize, Transition, type TransitionProps, type UseContainerMediaQueryOptions, type UseInfiniteQueryOptions, type UseInfiniteQueryResult, type UseMutationOptions, type UseMutationResult, type UseQueryOptions, type UseQueryResult, type UseResizeObserverOptions, type VirtualItem, type Virtualizer, type VirtualizerOptions, assignRef, breakpointsMap, clsx, dateFormat, defaultBreakpoints, format, formatCurrency, formatDate, formatDateTime, formatPercent, formatShortDateTime, formatTime, getOpenValuesByPathname, hasResizeObserver, mergeRefs, reactNodeToText, scrollToItem, useAccordion, useAccordionItem, useButtonGroup, useCheckboxGroup, useCollapse, useContainerMediaQuery, useDebounce, useDescriptionsContext, useDisclosure, useDrawer, useEffectEvent, useElementSize, useFormat, useGridContext, useInfiniteQuery, useLocalStorage, useMediaQuery, useMenu, useMenuItemValue, useModal, useMutation, useOnClickOutside, usePopover, usePrevious, useQuery, useRadioGroup, useResizeObserver, useStep, useValueEffect, useVirtualizer };
|