@unifiedsoftware/react-ui 2.0.0-alpha.1 → 2.0.0-alpha.10
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 +470 -238
- 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
448
|
type InputColor = 'light' | 'dark' | 'inherit';
|
|
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
641
|
type ButtonColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inherit';
|
|
540
|
-
type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
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
|
-
};
|
|
630
|
-
|
|
631
|
-
type CardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
715
|
+
type CardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
632
716
|
|
|
633
|
-
interface Props$
|
|
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,57 @@ 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
1161
|
type ColorScheme = 'default' | 'light' | 'dark';
|
|
1049
1162
|
|
|
1163
|
+
type MediaQuery = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
1164
|
+
type Responsive<T> = T | {
|
|
1165
|
+
/**
|
|
1166
|
+
* Minimum captured size: 0px
|
|
1167
|
+
*/
|
|
1168
|
+
xs?: T;
|
|
1169
|
+
/**
|
|
1170
|
+
* Minimum captured size: 576px
|
|
1171
|
+
*/
|
|
1172
|
+
sm?: T;
|
|
1173
|
+
/**
|
|
1174
|
+
* Minimum captured size: 768px
|
|
1175
|
+
*/
|
|
1176
|
+
md?: T;
|
|
1177
|
+
/**
|
|
1178
|
+
* Minimum captured size: 992px
|
|
1179
|
+
*/
|
|
1180
|
+
lg?: T;
|
|
1181
|
+
/**
|
|
1182
|
+
* Minimum captured size: 1200px
|
|
1183
|
+
*/
|
|
1184
|
+
xl?: T;
|
|
1185
|
+
/**
|
|
1186
|
+
* Minimum captured size: 1400px
|
|
1187
|
+
*/
|
|
1188
|
+
'2xl'?: T;
|
|
1189
|
+
};
|
|
1190
|
+
|
|
1050
1191
|
type SwitchSize = 'sm' | 'md' | 'lg';
|
|
1051
1192
|
type SwitchLabelPlacement = 'before' | 'after';
|
|
1052
1193
|
|
|
1053
|
-
interface Props$
|
|
1194
|
+
interface Props$k {
|
|
1054
1195
|
size?: SwitchSize;
|
|
1055
1196
|
labelPlacement?: SwitchLabelPlacement;
|
|
1056
1197
|
colorScheme?: ColorScheme;
|
|
1057
1198
|
}
|
|
1058
|
-
type NativeAttrs$
|
|
1059
|
-
type SwitchProps = Props$
|
|
1060
|
-
declare const Switch: react.ForwardRefExoticComponent<Props$
|
|
1199
|
+
type NativeAttrs$m = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof Props$k | 'value' | 'defaultValue'>;
|
|
1200
|
+
type SwitchProps = Props$k & NativeAttrs$m;
|
|
1201
|
+
declare const Switch: react.ForwardRefExoticComponent<Props$k & NativeAttrs$m & react.RefAttributes<HTMLInputElement>>;
|
|
1061
1202
|
|
|
1062
1203
|
type TabsVariant = 'underlined' | 'outlined' | 'pills';
|
|
1063
1204
|
type TabValue = string | number | symbol;
|
|
1064
1205
|
type TabsAlignment = 'start' | 'center' | 'end' | 'stretch';
|
|
1065
1206
|
|
|
1066
|
-
interface Props$
|
|
1207
|
+
interface Props$j<TTabValue extends TabValue = TabValue> {
|
|
1067
1208
|
/**
|
|
1068
1209
|
* The HTML element type or React component to render as the tab.
|
|
1069
1210
|
*/
|
|
@@ -1089,11 +1230,11 @@ interface Props$e<TTabValue extends TabValue = TabValue> {
|
|
|
1089
1230
|
*/
|
|
1090
1231
|
endContent?: React.ReactNode;
|
|
1091
1232
|
}
|
|
1092
|
-
type NativeAttrs$
|
|
1093
|
-
type TabProps<TTabValue extends TabValue = TabValue> = Props$
|
|
1094
|
-
declare const Tab: react.ForwardRefExoticComponent<Props$
|
|
1233
|
+
type NativeAttrs$l = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$j>;
|
|
1234
|
+
type TabProps<TTabValue extends TabValue = TabValue> = Props$j<TTabValue> & NativeAttrs$l;
|
|
1235
|
+
declare const Tab: react.ForwardRefExoticComponent<Props$j<TabValue> & NativeAttrs$l & react.RefAttributes<HTMLDivElement>>;
|
|
1095
1236
|
|
|
1096
|
-
interface Props$
|
|
1237
|
+
interface Props$i<TTabValue extends TabValue = TabValue> {
|
|
1097
1238
|
/**
|
|
1098
1239
|
* The currently selected value of the tabs.
|
|
1099
1240
|
*/
|
|
@@ -1116,11 +1257,11 @@ interface Props$d<TTabValue extends TabValue = TabValue> {
|
|
|
1116
1257
|
*/
|
|
1117
1258
|
onClose?: (value: TTabValue) => void;
|
|
1118
1259
|
}
|
|
1119
|
-
type NativeAttrs$
|
|
1120
|
-
type TabsProps<TTabValue extends TabValue = TabValue> = Props$
|
|
1121
|
-
declare const Tabs: <TTabValue extends TabValue = TabValue>(props: Props$
|
|
1260
|
+
type NativeAttrs$k = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$i>;
|
|
1261
|
+
type TabsProps<TTabValue extends TabValue = TabValue> = Props$i<TTabValue> & NativeAttrs$k;
|
|
1262
|
+
declare const Tabs: <TTabValue extends TabValue = TabValue>(props: Props$i<TTabValue> & NativeAttrs$k & react.RefAttributes<HTMLDivElement>) => ReturnType<React.FunctionComponent>;
|
|
1122
1263
|
|
|
1123
|
-
interface Props$
|
|
1264
|
+
interface Props$h {
|
|
1124
1265
|
inputRef?: React.RefObject<HTMLInputElement>;
|
|
1125
1266
|
variant?: InputVariant;
|
|
1126
1267
|
color?: InputColor;
|
|
@@ -1129,13 +1270,13 @@ interface Props$c {
|
|
|
1129
1270
|
endContent?: React.ReactNode;
|
|
1130
1271
|
css?: BoxCSS;
|
|
1131
1272
|
}
|
|
1132
|
-
type NativeAttrs$
|
|
1133
|
-
type TextInputProps = Props$
|
|
1134
|
-
declare const TextInput: react.ForwardRefExoticComponent<Props$
|
|
1273
|
+
type NativeAttrs$j = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof Props$h>;
|
|
1274
|
+
type TextInputProps = Props$h & NativeAttrs$j;
|
|
1275
|
+
declare const TextInput: react.ForwardRefExoticComponent<Props$h & NativeAttrs$j & react.RefAttributes<HTMLInputElement>>;
|
|
1135
1276
|
|
|
1136
1277
|
type ToolbarSize = 'auto' | 'sm' | 'md' | 'lg';
|
|
1137
1278
|
|
|
1138
|
-
interface Props$
|
|
1279
|
+
interface Props$g {
|
|
1139
1280
|
size?: ToolbarSize;
|
|
1140
1281
|
title?: React.ReactNode;
|
|
1141
1282
|
subtitle?: React.ReactNode;
|
|
@@ -1157,8 +1298,8 @@ interface Props$b {
|
|
|
1157
1298
|
subtitle?: React.HTMLAttributes<HTMLDivElement>;
|
|
1158
1299
|
};
|
|
1159
1300
|
}
|
|
1160
|
-
type NativeAttrs$
|
|
1161
|
-
type ToolbarProps = Props$
|
|
1301
|
+
type NativeAttrs$i = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$g>;
|
|
1302
|
+
type ToolbarProps = Props$g & NativeAttrs$i;
|
|
1162
1303
|
declare const Toolbar: React.FC<ToolbarProps>;
|
|
1163
1304
|
|
|
1164
1305
|
interface TransitionProps extends React.HTMLAttributes<HTMLElement> {
|
|
@@ -1173,22 +1314,22 @@ interface TransitionProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
1173
1314
|
}
|
|
1174
1315
|
declare const Transition: react.ForwardRefExoticComponent<TransitionProps & react.RefAttributes<HTMLElement>>;
|
|
1175
1316
|
|
|
1176
|
-
interface Props$
|
|
1317
|
+
interface Props$f {
|
|
1177
1318
|
/**
|
|
1178
1319
|
* The HTML element type or React component to render as the tab.
|
|
1179
1320
|
*/
|
|
1180
1321
|
as?: React.ElementType;
|
|
1181
1322
|
width?: number;
|
|
1182
1323
|
}
|
|
1183
|
-
type NativeAttrs$
|
|
1184
|
-
type SwipeItemProps = Props$
|
|
1185
|
-
declare const SwipeItem: react.ForwardRefExoticComponent<Props$
|
|
1324
|
+
type NativeAttrs$h = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$f>;
|
|
1325
|
+
type SwipeItemProps = Props$f & NativeAttrs$h;
|
|
1326
|
+
declare const SwipeItem: react.ForwardRefExoticComponent<Props$f & NativeAttrs$h & {
|
|
1186
1327
|
children?: react.ReactNode | undefined;
|
|
1187
1328
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
1188
1329
|
|
|
1189
1330
|
type SwiperAlignmet = 'start' | 'center' | 'end';
|
|
1190
1331
|
|
|
1191
|
-
interface Props$
|
|
1332
|
+
interface Props$e {
|
|
1192
1333
|
gap?: number;
|
|
1193
1334
|
alignment?: SwiperAlignmet;
|
|
1194
1335
|
autoHide?: boolean;
|
|
@@ -1198,8 +1339,8 @@ interface Props$9 {
|
|
|
1198
1339
|
arrowRightButton?: ButtonProps;
|
|
1199
1340
|
};
|
|
1200
1341
|
}
|
|
1201
|
-
type NativeAttrs$
|
|
1202
|
-
type SwipeProps = Props$
|
|
1342
|
+
type NativeAttrs$g = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$e>;
|
|
1343
|
+
type SwipeProps = Props$e & NativeAttrs$g;
|
|
1203
1344
|
declare const Swipe: React.FC<SwipeProps>;
|
|
1204
1345
|
|
|
1205
1346
|
type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
@@ -1211,7 +1352,7 @@ interface ModalClose {
|
|
|
1211
1352
|
type ModalScrollBehavior = 'inside' | 'outside';
|
|
1212
1353
|
type ModalBackdrop = BackdropVariant;
|
|
1213
1354
|
|
|
1214
|
-
interface Props$
|
|
1355
|
+
interface Props$d {
|
|
1215
1356
|
isOpen: boolean;
|
|
1216
1357
|
size?: ModalSize;
|
|
1217
1358
|
backdrop?: ModalBackdrop;
|
|
@@ -1226,9 +1367,9 @@ interface Props$8 {
|
|
|
1226
1367
|
onClose: () => void;
|
|
1227
1368
|
onAfterClose?: () => void;
|
|
1228
1369
|
}
|
|
1229
|
-
type NativeAttrs$
|
|
1230
|
-
type ModalProps = Props$
|
|
1231
|
-
declare const Modal: react.ForwardRefExoticComponent<Props$
|
|
1370
|
+
type NativeAttrs$f = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$d>;
|
|
1371
|
+
type ModalProps = Props$d & NativeAttrs$f;
|
|
1372
|
+
declare const Modal: react.ForwardRefExoticComponent<Props$d & NativeAttrs$f & react.RefAttributes<HTMLDivElement>>;
|
|
1232
1373
|
|
|
1233
1374
|
type ModalBodyProps = React.HTMLAttributes<HTMLDivElement>;
|
|
1234
1375
|
declare const ModalBody: React.FC<ModalBodyProps>;
|
|
@@ -1242,15 +1383,15 @@ interface ModalContextValue {
|
|
|
1242
1383
|
}
|
|
1243
1384
|
declare function useModal(): ModalContextValue;
|
|
1244
1385
|
|
|
1245
|
-
interface Props$
|
|
1386
|
+
interface Props$c {
|
|
1246
1387
|
as?: React.ElementType;
|
|
1247
1388
|
bordered?: boolean;
|
|
1248
1389
|
}
|
|
1249
|
-
type NativeAttrs$
|
|
1250
|
-
type ModalFooterProps = Props$
|
|
1251
|
-
declare const ModalFooter: react.ForwardRefExoticComponent<Props$
|
|
1390
|
+
type NativeAttrs$e = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$c>;
|
|
1391
|
+
type ModalFooterProps = Props$c & NativeAttrs$e;
|
|
1392
|
+
declare const ModalFooter: react.ForwardRefExoticComponent<Props$c & NativeAttrs$e & react.RefAttributes<HTMLDivElement>>;
|
|
1252
1393
|
|
|
1253
|
-
interface Props$
|
|
1394
|
+
interface Props$b {
|
|
1254
1395
|
as?: React.ElementType;
|
|
1255
1396
|
title?: React.ReactNode;
|
|
1256
1397
|
subtitle?: React.ReactNode;
|
|
@@ -1266,9 +1407,9 @@ interface Props$6 {
|
|
|
1266
1407
|
subtitle?: React.HTMLAttributes<HTMLDivElement>;
|
|
1267
1408
|
};
|
|
1268
1409
|
}
|
|
1269
|
-
type NativeAttrs$
|
|
1270
|
-
type ModalHeaderProps = Props$
|
|
1271
|
-
declare const ModalHeader: react.ForwardRefExoticComponent<Props$
|
|
1410
|
+
type NativeAttrs$d = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$b>;
|
|
1411
|
+
type ModalHeaderProps = Props$b & NativeAttrs$d;
|
|
1412
|
+
declare const ModalHeader: react.ForwardRefExoticComponent<Props$b & NativeAttrs$d & react.RefAttributes<HTMLDivElement>>;
|
|
1272
1413
|
|
|
1273
1414
|
type CheckboxValue = string | number | symbol;
|
|
1274
1415
|
type CheckboxSize = 'sm' | 'md' | 'lg';
|
|
@@ -1276,17 +1417,17 @@ type CheckboxLabelPlacement = 'before' | 'after';
|
|
|
1276
1417
|
type CheckboxGroupDirection = 'row' | 'col';
|
|
1277
1418
|
type CheckboxGroupAlignment = 'start' | 'center' | 'end' | 'stretch';
|
|
1278
1419
|
|
|
1279
|
-
interface Props$
|
|
1420
|
+
interface Props$a<TCheckboxValue extends CheckboxValue = CheckboxValue> {
|
|
1280
1421
|
value?: TCheckboxValue;
|
|
1281
1422
|
size?: CheckboxSize;
|
|
1282
1423
|
labelPlacement?: CheckboxLabelPlacement;
|
|
1283
1424
|
colorScheme?: ColorScheme;
|
|
1284
1425
|
}
|
|
1285
|
-
type NativeAttrs$
|
|
1286
|
-
type CheckboxProps<TCheckboxValue extends CheckboxValue = CheckboxValue> = Props$
|
|
1287
|
-
declare const Checkbox: <TCheckboxValue extends CheckboxValue = CheckboxValue>(props: Props$
|
|
1426
|
+
type NativeAttrs$c = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof Props$a | 'defaultValue'>;
|
|
1427
|
+
type CheckboxProps<TCheckboxValue extends CheckboxValue = CheckboxValue> = Props$a<TCheckboxValue> & NativeAttrs$c;
|
|
1428
|
+
declare const Checkbox: <TCheckboxValue extends CheckboxValue = CheckboxValue>(props: Props$a<TCheckboxValue> & NativeAttrs$c & react.RefAttributes<HTMLInputElement>) => ReturnType<React.FunctionComponent>;
|
|
1288
1429
|
|
|
1289
|
-
interface Props$
|
|
1430
|
+
interface Props$9<TCheckboxValue extends CheckboxValue = CheckboxValue> {
|
|
1290
1431
|
value?: TCheckboxValue[];
|
|
1291
1432
|
defaultValue?: TCheckboxValue[];
|
|
1292
1433
|
disabled?: boolean;
|
|
@@ -1298,9 +1439,9 @@ interface Props$4<TCheckboxValue extends CheckboxValue = CheckboxValue> {
|
|
|
1298
1439
|
colorScheme?: ColorScheme;
|
|
1299
1440
|
onChange?: (value: TCheckboxValue[]) => void;
|
|
1300
1441
|
}
|
|
1301
|
-
type NativeAttrs$
|
|
1302
|
-
type CheckboxGroupProps<TCheckboxValue extends CheckboxValue = CheckboxValue> = Props$
|
|
1303
|
-
declare const CheckboxGroup: <TCheckboxValue extends CheckboxValue = CheckboxValue>(props: Props$
|
|
1442
|
+
type NativeAttrs$b = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$9>;
|
|
1443
|
+
type CheckboxGroupProps<TCheckboxValue extends CheckboxValue = CheckboxValue> = Props$9<TCheckboxValue> & NativeAttrs$b;
|
|
1444
|
+
declare const CheckboxGroup: <TCheckboxValue extends CheckboxValue = CheckboxValue>(props: Props$9<TCheckboxValue> & NativeAttrs$b & react.RefAttributes<HTMLTableElement>) => ReturnType<React.FunctionComponent>;
|
|
1304
1445
|
|
|
1305
1446
|
interface CheckboxGroupContextValue<TCheckboxValue extends CheckboxValue = CheckboxValue> {
|
|
1306
1447
|
value: TCheckboxValue[];
|
|
@@ -1320,7 +1461,7 @@ type RadioLabelPlacement = 'before' | 'after';
|
|
|
1320
1461
|
type RadioGroupDirection = 'row' | 'col';
|
|
1321
1462
|
type RadioGroupAlignment = 'start' | 'center' | 'end' | 'stretch';
|
|
1322
1463
|
|
|
1323
|
-
interface Props$
|
|
1464
|
+
interface Props$8<TRadioValue extends RadioValue = RadioValue> {
|
|
1324
1465
|
value?: TRadioValue;
|
|
1325
1466
|
disabled?: boolean;
|
|
1326
1467
|
readOnly?: boolean;
|
|
@@ -1328,11 +1469,11 @@ interface Props$3<TRadioValue extends RadioValue = RadioValue> {
|
|
|
1328
1469
|
labelPlacement?: RadioLabelPlacement;
|
|
1329
1470
|
colorScheme?: ColorScheme;
|
|
1330
1471
|
}
|
|
1331
|
-
type NativeAttrs$
|
|
1332
|
-
type RadioProps<TRadioValue extends RadioValue = RadioValue> = Props$
|
|
1333
|
-
declare const Radio: <TRadioValue extends RadioValue = RadioValue>(props: Props$
|
|
1472
|
+
type NativeAttrs$a = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof Props$8 | 'defaultValue' | 'checked' | 'defaultChecked' | 'onChange'>;
|
|
1473
|
+
type RadioProps<TRadioValue extends RadioValue = RadioValue> = Props$8<TRadioValue> & NativeAttrs$a;
|
|
1474
|
+
declare const Radio: <TRadioValue extends RadioValue = RadioValue>(props: Props$8<TRadioValue> & NativeAttrs$a & react.RefAttributes<HTMLInputElement>) => ReturnType<React.FunctionComponent>;
|
|
1334
1475
|
|
|
1335
|
-
interface Props$
|
|
1476
|
+
interface Props$7<TRadioValue extends RadioValue = RadioValue> {
|
|
1336
1477
|
name?: string;
|
|
1337
1478
|
value?: TRadioValue;
|
|
1338
1479
|
defaultValue?: TRadioValue;
|
|
@@ -1345,9 +1486,9 @@ interface Props$2<TRadioValue extends RadioValue = RadioValue> {
|
|
|
1345
1486
|
colorScheme?: ColorScheme;
|
|
1346
1487
|
onChange?: (value: TRadioValue) => void;
|
|
1347
1488
|
}
|
|
1348
|
-
type NativeAttrs$
|
|
1349
|
-
type RadioGroupProps<TRadioValue extends RadioValue = RadioValue> = Props$
|
|
1350
|
-
declare const RadioGroup: <TRadioValue extends RadioValue = RadioValue>(props: Props$
|
|
1489
|
+
type NativeAttrs$9 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$7>;
|
|
1490
|
+
type RadioGroupProps<TRadioValue extends RadioValue = RadioValue> = Props$7<TRadioValue> & NativeAttrs$9;
|
|
1491
|
+
declare const RadioGroup: <TRadioValue extends RadioValue = RadioValue>(props: Props$7<TRadioValue> & NativeAttrs$9 & react.RefAttributes<HTMLDivElement>) => ReturnType<React.FunctionComponent>;
|
|
1351
1492
|
|
|
1352
1493
|
interface RadioGroupContextValue {
|
|
1353
1494
|
name: string;
|
|
@@ -1364,85 +1505,174 @@ declare const useRadioGroup: () => RadioGroupContextValue;
|
|
|
1364
1505
|
|
|
1365
1506
|
type NavRailPlacement = 'left' | 'right';
|
|
1366
1507
|
|
|
1367
|
-
interface Props$
|
|
1508
|
+
interface Props$6 {
|
|
1368
1509
|
startContent?: React.ReactNode;
|
|
1369
1510
|
endContent?: React.ReactNode;
|
|
1370
1511
|
placement?: NavRailPlacement;
|
|
1371
1512
|
}
|
|
1372
|
-
type NativeAttrs$
|
|
1373
|
-
type NavRailProps = Props$
|
|
1513
|
+
type NativeAttrs$8 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$6>;
|
|
1514
|
+
type NavRailProps = Props$6 & NativeAttrs$8;
|
|
1374
1515
|
declare const NavRail: React.FC<NavRailProps>;
|
|
1375
1516
|
|
|
1376
|
-
interface Props {
|
|
1517
|
+
interface Props$5 {
|
|
1377
1518
|
as?: React.ElementType;
|
|
1378
1519
|
icon?: React.ReactNode;
|
|
1379
1520
|
media?: React.ReactNode;
|
|
1380
1521
|
label?: React.ReactNode;
|
|
1381
1522
|
selected?: boolean;
|
|
1382
1523
|
}
|
|
1524
|
+
type NativeAttrs$7 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$5>;
|
|
1525
|
+
type NavRailItemProps = Props$5 & NativeAttrs$7;
|
|
1526
|
+
declare const NavRailItem: react.ForwardRefExoticComponent<Props$5 & NativeAttrs$7 & react.RefAttributes<HTMLDivElement>>;
|
|
1527
|
+
|
|
1528
|
+
type Props$4 = {
|
|
1529
|
+
as?: React.ElementType;
|
|
1530
|
+
label: React.ReactNode;
|
|
1531
|
+
span?: Responsive<number>;
|
|
1532
|
+
order?: Responsive<number>;
|
|
1533
|
+
labelStartContent?: React.ReactNode;
|
|
1534
|
+
labelEndContent?: React.ReactNode;
|
|
1535
|
+
valueStartContent?: React.ReactNode;
|
|
1536
|
+
valueEndContent?: React.ReactNode;
|
|
1537
|
+
hoverable?: boolean;
|
|
1538
|
+
render?: (options: {
|
|
1539
|
+
content: React.ReactNode;
|
|
1540
|
+
isEmpty: boolean;
|
|
1541
|
+
mq: ContainerMediaQuery;
|
|
1542
|
+
}) => React.ReactNode;
|
|
1543
|
+
} & FormatOptions;
|
|
1544
|
+
type NativeAttrs$6 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$4 | 'children'>;
|
|
1545
|
+
type DescriptionProps = Props$4 & NativeAttrs$6;
|
|
1546
|
+
declare const Description: react.ForwardRefExoticComponent<DescriptionProps & react.RefAttributes<HTMLDivElement>>;
|
|
1547
|
+
|
|
1548
|
+
type NativeAttrs$5 = React.HTMLAttributes<HTMLDivElement>;
|
|
1549
|
+
type DescriptionEmptyProps = NativeAttrs$5;
|
|
1550
|
+
declare const DescriptionEmpty: react.ForwardRefExoticComponent<NativeAttrs$5 & react.RefAttributes<HTMLDivElement>>;
|
|
1551
|
+
|
|
1552
|
+
type DescriptionsLayout = 'row' | 'col';
|
|
1553
|
+
type DescriptionsSize = 'sm' | 'md' | 'lg';
|
|
1554
|
+
type DescriptionsAlign = React.CSSProperties['textAlign'];
|
|
1555
|
+
|
|
1556
|
+
interface Props$3 {
|
|
1557
|
+
as?: React.ElementType;
|
|
1558
|
+
items?: DescriptionProps[];
|
|
1559
|
+
layout?: Responsive<DescriptionsLayout>;
|
|
1560
|
+
size?: Responsive<DescriptionsSize>;
|
|
1561
|
+
cols?: Responsive<number>;
|
|
1562
|
+
align?: Responsive<DescriptionsAlign>;
|
|
1563
|
+
labelAlign?: Responsive<DescriptionsAlign>;
|
|
1564
|
+
contentAlign?: Responsive<DescriptionsAlign>;
|
|
1565
|
+
}
|
|
1566
|
+
type NativeAttrs$4 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$3 | 'children'>;
|
|
1567
|
+
type DescriptionsProps = Props$3 & NativeAttrs$4;
|
|
1568
|
+
declare const Descriptions: react.ForwardRefExoticComponent<Props$3 & NativeAttrs$4 & react.RefAttributes<HTMLDivElement>>;
|
|
1569
|
+
|
|
1570
|
+
interface DescriptionsContextValue {
|
|
1571
|
+
mq: ContainerMediaQuery;
|
|
1572
|
+
layout: DescriptionsLayout;
|
|
1573
|
+
size: DescriptionsSize;
|
|
1574
|
+
cols: number;
|
|
1575
|
+
labelAlign?: DescriptionsAlign;
|
|
1576
|
+
contentAlign?: DescriptionsAlign;
|
|
1577
|
+
}
|
|
1578
|
+
declare const DescriptionsContext: react.Context<DescriptionsContextValue | null>;
|
|
1579
|
+
declare const useDescriptionsContext: () => DescriptionsContextValue;
|
|
1580
|
+
|
|
1581
|
+
type NativeAttrs$3 = React.HTMLAttributes<HTMLDivElement>;
|
|
1582
|
+
type DescriptionTextProps = NativeAttrs$3;
|
|
1583
|
+
declare const DescriptionText: react.ForwardRefExoticComponent<NativeAttrs$3 & react.RefAttributes<HTMLDivElement>>;
|
|
1584
|
+
|
|
1585
|
+
declare function reactNodeToText(node: React.ReactNode): string;
|
|
1586
|
+
|
|
1587
|
+
interface ResponsiveProps$2 {
|
|
1588
|
+
span?: Responsive<number>;
|
|
1589
|
+
order?: Responsive<number>;
|
|
1590
|
+
p?: Responsive<React.CSSProperties['padding']>;
|
|
1591
|
+
py?: Responsive<React.CSSProperties['paddingBlock']>;
|
|
1592
|
+
px?: Responsive<React.CSSProperties['paddingInline']>;
|
|
1593
|
+
pt?: Responsive<React.CSSProperties['paddingTop']>;
|
|
1594
|
+
pb?: Responsive<React.CSSProperties['paddingBottom']>;
|
|
1595
|
+
pr?: Responsive<React.CSSProperties['paddingRight']>;
|
|
1596
|
+
pl?: Responsive<React.CSSProperties['paddingLeft']>;
|
|
1597
|
+
g?: Responsive<React.CSSProperties['gap']>;
|
|
1598
|
+
gy?: Responsive<React.CSSProperties['rowGap']>;
|
|
1599
|
+
gx?: Responsive<React.CSSProperties['columnGap']>;
|
|
1600
|
+
justifyContent?: Responsive<React.CSSProperties['justifyContent']>;
|
|
1601
|
+
alignItems?: Responsive<React.CSSProperties['alignItems']>;
|
|
1602
|
+
}
|
|
1603
|
+
type Props$2 = {
|
|
1604
|
+
as?: React.ElementType;
|
|
1605
|
+
} & ResponsiveProps$2;
|
|
1606
|
+
type NativeAttrs$2 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$2>;
|
|
1607
|
+
type GridItemProps = Props$2 & NativeAttrs$2;
|
|
1608
|
+
declare const GridItem: react.ForwardRefExoticComponent<{
|
|
1609
|
+
as?: React.ElementType;
|
|
1610
|
+
} & ResponsiveProps$2 & NativeAttrs$2 & react.RefAttributes<HTMLDivElement>>;
|
|
1611
|
+
|
|
1612
|
+
interface ResponsiveProps$1 {
|
|
1613
|
+
cols?: Responsive<number>;
|
|
1614
|
+
span?: Responsive<number>;
|
|
1615
|
+
p?: Responsive<React.CSSProperties['padding']>;
|
|
1616
|
+
py?: Responsive<React.CSSProperties['paddingBlock']>;
|
|
1617
|
+
px?: Responsive<React.CSSProperties['paddingInline']>;
|
|
1618
|
+
pt?: Responsive<React.CSSProperties['paddingTop']>;
|
|
1619
|
+
pb?: Responsive<React.CSSProperties['paddingBottom']>;
|
|
1620
|
+
pr?: Responsive<React.CSSProperties['paddingRight']>;
|
|
1621
|
+
pl?: Responsive<React.CSSProperties['paddingLeft']>;
|
|
1622
|
+
g?: Responsive<React.CSSProperties['gap']>;
|
|
1623
|
+
gy?: Responsive<React.CSSProperties['rowGap']>;
|
|
1624
|
+
gx?: Responsive<React.CSSProperties['columnGap']>;
|
|
1625
|
+
justifyContent?: Responsive<React.CSSProperties['justifyContent']>;
|
|
1626
|
+
alignItems?: Responsive<React.CSSProperties['alignItems']>;
|
|
1627
|
+
}
|
|
1628
|
+
type Props$1 = {
|
|
1629
|
+
items?: GridItemProps[];
|
|
1630
|
+
} & ResponsiveProps$1;
|
|
1631
|
+
type NativeAttrs$1 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$1>;
|
|
1632
|
+
type GridSubProps = Props$1 & NativeAttrs$1;
|
|
1633
|
+
declare const GridSub: react.ForwardRefExoticComponent<{
|
|
1634
|
+
items?: GridItemProps[];
|
|
1635
|
+
} & ResponsiveProps$1 & NativeAttrs$1 & react.RefAttributes<HTMLDivElement>>;
|
|
1636
|
+
|
|
1637
|
+
interface ResponsiveProps {
|
|
1638
|
+
cols?: Responsive<number>;
|
|
1639
|
+
p?: Responsive<React.CSSProperties['padding']>;
|
|
1640
|
+
py?: Responsive<React.CSSProperties['paddingBlock']>;
|
|
1641
|
+
px?: Responsive<React.CSSProperties['paddingInline']>;
|
|
1642
|
+
pt?: Responsive<React.CSSProperties['paddingTop']>;
|
|
1643
|
+
pb?: Responsive<React.CSSProperties['paddingBottom']>;
|
|
1644
|
+
pr?: Responsive<React.CSSProperties['paddingRight']>;
|
|
1645
|
+
pl?: Responsive<React.CSSProperties['paddingLeft']>;
|
|
1646
|
+
g?: Responsive<React.CSSProperties['gap']>;
|
|
1647
|
+
gy?: Responsive<React.CSSProperties['rowGap']>;
|
|
1648
|
+
gx?: Responsive<React.CSSProperties['columnGap']>;
|
|
1649
|
+
justifyContent?: Responsive<React.CSSProperties['justifyContent']>;
|
|
1650
|
+
alignItems?: Responsive<React.CSSProperties['alignItems']>;
|
|
1651
|
+
}
|
|
1652
|
+
type Props = {
|
|
1653
|
+
items?: (GridItemProps | GridSubProps)[];
|
|
1654
|
+
} & ResponsiveProps;
|
|
1383
1655
|
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;
|
|
1656
|
+
type GridProps = Props & NativeAttrs;
|
|
1657
|
+
declare const Grid: react.ForwardRefExoticComponent<{
|
|
1658
|
+
items?: (GridItemProps | GridSubProps)[];
|
|
1659
|
+
} & ResponsiveProps & NativeAttrs & react.RefAttributes<HTMLDivElement>>;
|
|
1660
|
+
|
|
1661
|
+
interface GridContextValue {
|
|
1662
|
+
mq: ContainerMediaQuery;
|
|
1431
1663
|
}
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
span?: number | DescriptionSpan;
|
|
1435
|
-
} & (DescriptionItemString | DescriptionItemNumber | DescriptionItemDate | DescriptionItemBoolean | DescriptionItemCurrency | DescriptionItemPercent);
|
|
1664
|
+
declare const GridContext: react.Context<GridContextValue | null>;
|
|
1665
|
+
declare const useGridContext: () => GridContextValue;
|
|
1436
1666
|
|
|
1437
|
-
interface
|
|
1438
|
-
|
|
1667
|
+
interface IframeProps extends React.IframeHTMLAttributes<HTMLIFrameElement> {
|
|
1668
|
+
anchorTarget?: React.HTMLAttributeAnchorTarget;
|
|
1669
|
+
anchorPreventDefault?: boolean;
|
|
1439
1670
|
}
|
|
1440
|
-
declare const
|
|
1671
|
+
declare const Iframe: React.FC<IframeProps>;
|
|
1441
1672
|
|
|
1442
|
-
interface
|
|
1443
|
-
item: DescriptionItem;
|
|
1673
|
+
interface HtmlProps extends IframeProps {
|
|
1444
1674
|
}
|
|
1445
|
-
declare const
|
|
1675
|
+
declare const Html: React.FC<HtmlProps>;
|
|
1446
1676
|
|
|
1447
1677
|
declare const scrollToItem: (parentElement: Element, currentElement: Element) => void;
|
|
1448
1678
|
|
|
@@ -1455,11 +1685,13 @@ type ReactRef<T> = React.RefCallback<T> | React.MutableRefObject<T>;
|
|
|
1455
1685
|
declare function assignRef<T = any>(ref: ReactRef<T> | null | undefined, value: T): void;
|
|
1456
1686
|
declare function mergeRefs<T>(...refs: (ReactRef<T> | null | undefined)[]): (node: T | null) => void;
|
|
1457
1687
|
|
|
1688
|
+
declare function dateFormat(value: Date | string | number, locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
|
1458
1689
|
declare function formatDate(value: Date | string | number, locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
|
1459
|
-
declare function
|
|
1690
|
+
declare function formatDateTime(value: Date | string | number, locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
|
1460
1691
|
declare function formatShortDateTime(value: Date | string | number, locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
|
1461
|
-
declare function
|
|
1692
|
+
declare function formatTime(value: Date | string | number, locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
|
1462
1693
|
declare function formatCurrency(value: number | bigint | Intl.StringNumericLiteral, currency?: string, locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
|
|
1463
1694
|
declare function formatPercent(value: any, decimals?: number, locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
|
|
1695
|
+
declare function format(options: FormatOptions): string | undefined;
|
|
1464
1696
|
|
|
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
|
|
1697
|
+
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, 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, 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, RadioGroup, type RadioGroupAlignment, type RadioGroupContextValue, type RadioGroupDirection, type RadioGroupProps, 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 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 };
|