@olundot/ui 0.20.0-next.4 → 0.20.0-next.6
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/CHANGELOG.md +87 -0
- package/dist/index.d.ts +255 -198
- package/dist/index.js +1126 -857
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -3,9 +3,9 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { HTMLAttributes, ReactNode, SVGProps } from 'react';
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
6
|
-
import { LucideIcon } from 'lucide-react';
|
|
7
6
|
import { Select as Select$1, Label as Label$1, Switch as Switch$1, Tabs as Tabs$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Separator as Separator$1, Avatar as Avatar$1, Tooltip as Tooltip$1, Popover as Popover$1, Checkbox as Checkbox$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1 } from 'radix-ui';
|
|
8
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
|
+
import { LucideIcon } from 'lucide-react';
|
|
9
9
|
|
|
10
10
|
declare function cn(...inputs: ClassValue[]): string;
|
|
11
11
|
|
|
@@ -31,89 +31,83 @@ declare function useOlunTheme(): UseOlunThemeValue;
|
|
|
31
31
|
|
|
32
32
|
type SurfaceLevel = "surface" | "canvas" | "raised";
|
|
33
33
|
|
|
34
|
-
type ActionAppearance = 'filled' | 'outline' | 'ghost';
|
|
35
34
|
type ActionTone = 'primary' | 'neutral' | 'danger';
|
|
36
35
|
type FilledDefaultActionStyle = {
|
|
37
36
|
appearance?: 'filled';
|
|
38
37
|
tone?: ActionTone;
|
|
39
38
|
} | {
|
|
40
|
-
appearance: 'outline'
|
|
39
|
+
appearance: 'outline';
|
|
40
|
+
tone?: 'neutral' | 'danger';
|
|
41
|
+
} | {
|
|
42
|
+
appearance: 'ghost';
|
|
41
43
|
tone?: 'neutral';
|
|
42
44
|
};
|
|
43
|
-
type
|
|
45
|
+
type OutlineDefaultActionStyle = {
|
|
44
46
|
appearance: 'filled';
|
|
45
47
|
tone?: ActionTone;
|
|
46
48
|
} | {
|
|
47
|
-
appearance
|
|
49
|
+
appearance?: 'outline';
|
|
50
|
+
tone?: 'neutral' | 'danger';
|
|
51
|
+
} | {
|
|
52
|
+
appearance: 'ghost';
|
|
48
53
|
tone?: 'neutral';
|
|
54
|
+
};
|
|
55
|
+
type GhostDefaultActionStyle = {
|
|
56
|
+
appearance: 'filled';
|
|
57
|
+
tone?: ActionTone;
|
|
49
58
|
} | {
|
|
50
|
-
appearance
|
|
51
|
-
tone
|
|
59
|
+
appearance: 'outline';
|
|
60
|
+
tone?: 'neutral' | 'danger';
|
|
61
|
+
} | {
|
|
62
|
+
appearance?: 'ghost';
|
|
63
|
+
tone?: 'neutral';
|
|
52
64
|
};
|
|
53
65
|
|
|
54
66
|
declare const buttonCva: (props?: ({
|
|
55
|
-
|
|
56
|
-
appearance?: "filled" | "outline" | "ghost" | null | undefined;
|
|
67
|
+
appearance?: "filled" | "outline" | "ghost" | "link" | null | undefined;
|
|
57
68
|
tone?: "primary" | "neutral" | "danger" | null | undefined;
|
|
58
|
-
|
|
69
|
+
size?: "default" | "md" | "xs" | "sm" | "lg" | "xl" | null | undefined;
|
|
59
70
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
60
71
|
type ButtonVariantsOptions = Parameters<typeof buttonCva>[0];
|
|
61
72
|
declare function buttonVariants(options?: ButtonVariantsOptions): string;
|
|
62
|
-
type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>['variant']>;
|
|
63
73
|
type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>['size']>;
|
|
64
|
-
type ButtonStyleProps =
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
*/
|
|
68
|
-
variant?: never;
|
|
69
|
-
}) | {
|
|
70
|
-
/**
|
|
71
|
-
* @deprecated Use `appearance` × `tone`: `primary`/`default` → filled + primary ·
|
|
72
|
-
* `secondary`/`outline`/`subtle` → outline + neutral · `ghost` → ghost + neutral ·
|
|
73
|
-
* `danger`/`destructive`/`emergency` → filled + danger · `link` → no Button replacement
|
|
74
|
-
* (a link component is planned). Removed in 0.20.
|
|
75
|
-
*/
|
|
76
|
-
variant?: ButtonVariant | null;
|
|
74
|
+
type ButtonStyleProps = FilledDefaultActionStyle | {
|
|
75
|
+
appearance: 'link';
|
|
76
|
+
tone?: 'primary' | 'danger';
|
|
77
77
|
};
|
|
78
78
|
type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & ButtonStyleProps & {
|
|
79
|
-
/** `icon`·`icon-xs` are deprecated — use IconButton (`lg`·`md`). */
|
|
80
79
|
size?: ButtonSize | null;
|
|
80
|
+
/**
|
|
81
|
+
* Renders the single child element (e.g. Next `Link`) instead of a `<button>`. Ref, `href` and
|
|
82
|
+
* anchor-typed events belong on that child; Button's own ref and handlers stay typed for
|
|
83
|
+
* `HTMLButtonElement`. Disabled or loading, the child stays in place with its `href` but takes
|
|
84
|
+
* `aria-disabled`, leaves the tab order and swallows clicks.
|
|
85
|
+
*/
|
|
81
86
|
asChild?: boolean;
|
|
82
|
-
/** @deprecated Use IconButton with `label` (or children). Removed in 0.20. */
|
|
83
|
-
leadingIcon?: LucideIcon;
|
|
84
|
-
/** @deprecated Use IconButton with `label` and `iconPosition="end"`. Removed in 0.20. */
|
|
85
|
-
trailingIcon?: LucideIcon;
|
|
86
87
|
loading?: boolean;
|
|
88
|
+
/** Trailing ▾ for a menu trigger. The trigger (DropdownMenu etc.) supplies `aria-haspopup`. */
|
|
89
|
+
menuIndicator?: boolean;
|
|
87
90
|
};
|
|
88
91
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
89
92
|
|
|
90
|
-
type CopyButtonProps = Omit<ButtonProps, '
|
|
93
|
+
type CopyButtonProps = Omit<ButtonProps, 'appearance' | 'children' | 'loading' | 'size' | 'tone' | 'variant'> & OutlineDefaultActionStyle & {
|
|
91
94
|
value: string;
|
|
92
95
|
label?: React.ReactNode;
|
|
93
96
|
copiedLabel?: React.ReactNode;
|
|
94
97
|
onCopied?: () => void;
|
|
95
98
|
size?: ButtonSize;
|
|
96
|
-
variant?: ButtonVariant;
|
|
97
99
|
duration?: number;
|
|
98
100
|
};
|
|
99
|
-
declare const CopyButton: React.ForwardRefExoticComponent<
|
|
100
|
-
value: string;
|
|
101
|
-
label?: React.ReactNode;
|
|
102
|
-
copiedLabel?: React.ReactNode;
|
|
103
|
-
onCopied?: () => void;
|
|
104
|
-
size?: ButtonSize;
|
|
105
|
-
variant?: ButtonVariant;
|
|
106
|
-
duration?: number;
|
|
107
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
|
101
|
+
declare const CopyButton: React.ForwardRefExoticComponent<CopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
108
102
|
|
|
109
103
|
declare const inputVariants: (props?: ({
|
|
110
|
-
size?: "
|
|
104
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
111
105
|
fullWidth?: boolean | null | undefined;
|
|
112
106
|
surface?: SurfaceLevel | null | undefined;
|
|
113
107
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
114
108
|
declare const inputMessageVariants: (props?: ({
|
|
115
|
-
state?: "
|
|
116
|
-
size?: "
|
|
109
|
+
state?: "default" | "error" | "success" | null | undefined;
|
|
110
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
117
111
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
118
112
|
type InputState = NonNullable<VariantProps<typeof inputMessageVariants>["state"]>;
|
|
119
113
|
/** Canonical size type (0.2.0+). Use `size` prop with these values. */
|
|
@@ -161,11 +155,11 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
|
161
155
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
162
156
|
|
|
163
157
|
declare const fileUploadZoneVariants: (props?: ({
|
|
164
|
-
size?: "
|
|
158
|
+
size?: "default" | "compact" | null | undefined;
|
|
165
159
|
surface?: SurfaceLevel | null | undefined;
|
|
166
160
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
167
161
|
declare const fileUploadIconVariants: (props?: ({
|
|
168
|
-
size?: "
|
|
162
|
+
size?: "default" | "compact" | null | undefined;
|
|
169
163
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
170
164
|
interface FileUploadZoneProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange">, VariantProps<typeof fileUploadZoneVariants> {
|
|
171
165
|
accept?: string;
|
|
@@ -203,12 +197,12 @@ interface InlineAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'childre
|
|
|
203
197
|
declare const InlineAlert: React.ForwardRefExoticComponent<InlineAlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
204
198
|
|
|
205
199
|
declare const textareaVariants: (props?: ({
|
|
206
|
-
size?: "
|
|
200
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
207
201
|
fullWidth?: boolean | null | undefined;
|
|
208
202
|
surface?: SurfaceLevel | null | undefined;
|
|
209
203
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
210
204
|
declare const textareaMessageVariants: (props?: ({
|
|
211
|
-
state?: "
|
|
205
|
+
state?: "default" | "error" | "success" | null | undefined;
|
|
212
206
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
213
207
|
type TextareaState = NonNullable<VariantProps<typeof textareaMessageVariants>["state"]>;
|
|
214
208
|
/** Canonical size type (0.2.0+). Use `size` prop with these values. */
|
|
@@ -257,14 +251,14 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
|
|
|
257
251
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
258
252
|
|
|
259
253
|
declare const selectVariants: (props?: ({
|
|
260
|
-
size?: "
|
|
254
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
261
255
|
fullWidth?: boolean | null | undefined;
|
|
262
256
|
appearance?: "inline" | "field" | null | undefined;
|
|
263
257
|
surface?: SurfaceLevel | null | undefined;
|
|
264
258
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
265
259
|
declare const selectMessageVariants: (props?: ({
|
|
266
|
-
state?: "
|
|
267
|
-
size?: "
|
|
260
|
+
state?: "default" | "error" | "success" | null | undefined;
|
|
261
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
268
262
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
269
263
|
type SelectState = NonNullable<VariantProps<typeof selectMessageVariants>["state"]>;
|
|
270
264
|
/** Canonical size type (0.2.0+). Use `size` prop with these values. */
|
|
@@ -422,6 +416,13 @@ interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch$
|
|
|
422
416
|
* Use for pending async preference changes (e.g., saving remote setting).
|
|
423
417
|
*/
|
|
424
418
|
loading?: boolean;
|
|
419
|
+
/**
|
|
420
|
+
* Where the label sits relative to the track. `end` (default) puts the track first,
|
|
421
|
+
* `start` puts the label first and pushes the track to the row's right edge.
|
|
422
|
+
*/
|
|
423
|
+
labelPlacement?: "end" | "start";
|
|
424
|
+
/** Fills the parent's width. With `labelPlacement="start"` the track ends at the right edge. */
|
|
425
|
+
fullWidth?: boolean;
|
|
425
426
|
}
|
|
426
427
|
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
|
|
427
428
|
|
|
@@ -612,6 +613,7 @@ declare const tabsBadgeVariants: (props?: class_variance_authority_types.ClassPr
|
|
|
612
613
|
interface TabItem {
|
|
613
614
|
key: string;
|
|
614
615
|
label: string;
|
|
616
|
+
/** 라벨 뒤 건수 알약입니다. 0도 보이고, 1000부터는 `999+`로 보입니다. 접근 이름에는 실제 수가 들어갑니다. */
|
|
615
617
|
badge?: number;
|
|
616
618
|
disabled?: boolean;
|
|
617
619
|
}
|
|
@@ -856,6 +858,95 @@ interface FilterToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
856
858
|
}
|
|
857
859
|
declare const FilterToolbar: React.ForwardRefExoticComponent<FilterToolbarProps & React.RefAttributes<HTMLDivElement>>;
|
|
858
860
|
|
|
861
|
+
/** Props an item icon receives: a Lucide icon or any component taking `size` and `strokeWidth`. */
|
|
862
|
+
type ActionMenuIconProps = {
|
|
863
|
+
size?: number | string;
|
|
864
|
+
strokeWidth?: number | string;
|
|
865
|
+
className?: string;
|
|
866
|
+
"aria-hidden"?: boolean;
|
|
867
|
+
};
|
|
868
|
+
interface ActionMenuItem {
|
|
869
|
+
id: string;
|
|
870
|
+
label: string;
|
|
871
|
+
/** Leading icon. */
|
|
872
|
+
icon?: React.ComponentType<ActionMenuIconProps>;
|
|
873
|
+
/** Secondary line under the label (menu sheet only). */
|
|
874
|
+
description?: string;
|
|
875
|
+
/** Danger color (DropdownMenuItem `variant="destructive"`, the sheet row's error color). */
|
|
876
|
+
destructive?: boolean;
|
|
877
|
+
disabled?: boolean;
|
|
878
|
+
/** Runs after the menu has closed and focus is back on the trigger. */
|
|
879
|
+
onSelect: () => void;
|
|
880
|
+
}
|
|
881
|
+
interface ActionMenuGroup {
|
|
882
|
+
id: string;
|
|
883
|
+
/** Group heading. */
|
|
884
|
+
label?: string;
|
|
885
|
+
items: ActionMenuItem[];
|
|
886
|
+
}
|
|
887
|
+
interface ActionMenuBaseProps {
|
|
888
|
+
/** The button that opens the menu, e.g. an IconButton with an `aria-label`. */
|
|
889
|
+
trigger: React.ReactElement;
|
|
890
|
+
/** Heading of the menu sheet below 1024px (also its accessible name). The dropdown shows none. */
|
|
891
|
+
title?: string;
|
|
892
|
+
/** Line under the heading, menu sheet only (from ActionSheet). */
|
|
893
|
+
description?: string;
|
|
894
|
+
/** Controlled open state (optional). */
|
|
895
|
+
open?: boolean;
|
|
896
|
+
onOpenChange?: (open: boolean) => void;
|
|
897
|
+
/** Accessible name of the menu sheet's screen-reader-only close button. Default '닫기'. */
|
|
898
|
+
closeLabel?: string;
|
|
899
|
+
}
|
|
900
|
+
type ActionMenuProps = ActionMenuBaseProps & ({
|
|
901
|
+
items: ActionMenuItem[];
|
|
902
|
+
groups?: never;
|
|
903
|
+
} | {
|
|
904
|
+
/** Items in groups, with a separator between groups. Use instead of `items`. */
|
|
905
|
+
groups: ActionMenuGroup[];
|
|
906
|
+
items?: never;
|
|
907
|
+
});
|
|
908
|
+
declare function ActionMenu({ trigger, title, description, open: openProp, onOpenChange, closeLabel, items, groups, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
|
|
909
|
+
|
|
910
|
+
/** The card's ⋮ menu: the same items as the desktop row menu. */
|
|
911
|
+
interface ListCardActions {
|
|
912
|
+
items: readonly ActionMenuItem[];
|
|
913
|
+
/** Accessible name of the ⋮ button, e.g. the desktop ⋮ label. */
|
|
914
|
+
label: string;
|
|
915
|
+
}
|
|
916
|
+
interface ListCardProps {
|
|
917
|
+
title: React.ReactNode;
|
|
918
|
+
/**
|
|
919
|
+
* Up to two meta groups; each is one node or a list of values. A group is one line with its
|
|
920
|
+
* values 12px apart; values wrap to the next line whole.
|
|
921
|
+
*/
|
|
922
|
+
meta?: readonly [React.ReactNode, React.ReactNode?];
|
|
923
|
+
/** One status badge at the bottom row's left. */
|
|
924
|
+
status?: React.ReactNode;
|
|
925
|
+
/** On the bottom row, after `status` or alone at its left. */
|
|
926
|
+
caption?: React.ReactNode;
|
|
927
|
+
leading?: React.ReactNode;
|
|
928
|
+
/** Optional value (score, count) at the right of the top line, before the ⋮ or the chevron. */
|
|
929
|
+
value?: React.ReactNode;
|
|
930
|
+
/**
|
|
931
|
+
* The icon at the top right. With `actions` it moves to the bottom right and the card is at
|
|
932
|
+
* least 84px tall, so the two 44px hit areas do not overlap.
|
|
933
|
+
*/
|
|
934
|
+
trailing?: 'chevron' | 'none' | React.ReactNode;
|
|
935
|
+
/**
|
|
936
|
+
* ⋮ menu at the top right. With `href` or `onClick` the title becomes the link or button and
|
|
937
|
+
* its ::after covers the card, so the ⋮ button is never inside it.
|
|
938
|
+
*/
|
|
939
|
+
actions?: ListCardActions;
|
|
940
|
+
href?: string;
|
|
941
|
+
linkComponent?: React.ElementType;
|
|
942
|
+
linkProps?: Record<string, unknown>;
|
|
943
|
+
onClick?: () => void;
|
|
944
|
+
/** Prefix for the `data-slot` of each part (`<slot>-title`, `<slot>-meta1`, …). */
|
|
945
|
+
slot?: string;
|
|
946
|
+
className?: string;
|
|
947
|
+
}
|
|
948
|
+
declare function ListCard({ title, meta, status, caption, leading, value, trailing, actions, href, linkComponent, linkProps, onClick, slot, className, }: ListCardProps): react_jsx_runtime.JSX.Element;
|
|
949
|
+
|
|
859
950
|
declare const dataTableVariants: (props?: ({
|
|
860
951
|
density?: "compact" | "standard" | null | undefined;
|
|
861
952
|
surface?: SurfaceLevel | null | undefined;
|
|
@@ -908,30 +999,43 @@ interface DataTableSort {
|
|
|
908
999
|
key: string;
|
|
909
1000
|
dir: 'asc' | 'desc';
|
|
910
1001
|
}
|
|
911
|
-
/** One card meta
|
|
1002
|
+
/** One card meta group: up to two values on one line, 12px apart. */
|
|
912
1003
|
type DataTableMobileMetaLine = readonly [React.ReactNode, React.ReactNode?];
|
|
913
|
-
|
|
914
|
-
|
|
1004
|
+
type DataTableMobileCardName = {
|
|
1005
|
+
title: string | number;
|
|
1006
|
+
/** Accessible name of the card (`listitem`). Defaults to the title text. */
|
|
1007
|
+
ariaLabel?: string;
|
|
1008
|
+
} | {
|
|
915
1009
|
title: React.ReactNode;
|
|
916
1010
|
/** Accessible name of the card (`listitem`). */
|
|
917
1011
|
ariaLabel: string;
|
|
1012
|
+
};
|
|
1013
|
+
/** What one row shows as a card below the table breakpoint. */
|
|
1014
|
+
type DataTableMobileCardContent = DataTableMobileCardName & {
|
|
918
1015
|
leading?: React.ReactNode;
|
|
919
|
-
/** Up to two meta
|
|
1016
|
+
/** Up to two meta groups under the title, one line each. */
|
|
920
1017
|
meta?: readonly [DataTableMobileMetaLine, DataTableMobileMetaLine?];
|
|
921
|
-
/** One status badge
|
|
1018
|
+
/** One status badge at the bottom row's left. */
|
|
922
1019
|
status?: React.ReactNode;
|
|
923
|
-
/**
|
|
1020
|
+
/** On the bottom row, after `status` or alone at its left. */
|
|
924
1021
|
date?: React.ReactNode;
|
|
925
|
-
/**
|
|
1022
|
+
/** Optional value at the right of the card's top line, before the ⋮ or the chevron. */
|
|
926
1023
|
value?: React.ReactNode;
|
|
927
|
-
|
|
928
|
-
|
|
1024
|
+
/**
|
|
1025
|
+
* ⋮ menu at the card's top right (a menu sheet below 1024px). `label` names the ⋮ button —
|
|
1026
|
+
* pass the desktop ⋮ label. On a navigating card the chevron moves to the bottom right.
|
|
1027
|
+
*/
|
|
1028
|
+
actions?: ListCardActions;
|
|
1029
|
+
};
|
|
1030
|
+
interface DataTableBaseProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof dataTableVariants> {
|
|
929
1031
|
columns: DataTableColumn<T>[];
|
|
930
1032
|
data: T[];
|
|
931
1033
|
keyField: keyof T;
|
|
932
1034
|
/**
|
|
933
|
-
* Maps a row to its card below the table breakpoint. Navigation, selection and
|
|
934
|
-
* chevron come from the table (`rowHref`, `linkComponent`, `onRowClick`,
|
|
1035
|
+
* Maps a row to its card below the table breakpoint. Navigation, expanding, selection and
|
|
1036
|
+
* the chevron come from the table (`rowHref`, `linkComponent`, `onRowClick`,
|
|
1037
|
+
* `renderExpanded`, `selectable`): the card title becomes the link or button and its ::after
|
|
1038
|
+
* covers the card, so the checkbox and the ⋮ stay beside it, never inside.
|
|
935
1039
|
* With `virtual`, keep it stable (module function or `useCallback`) like `columns`.
|
|
936
1040
|
*/
|
|
937
1041
|
getMobileCardContent: (row: T) => DataTableMobileCardContent;
|
|
@@ -953,6 +1057,15 @@ interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, '
|
|
|
953
1057
|
onSortChange?: (key: string, dir: 'asc' | 'desc' | null) => void;
|
|
954
1058
|
loading?: boolean;
|
|
955
1059
|
emptyState?: React.ReactNode;
|
|
1060
|
+
skeletonRowCount?: number;
|
|
1061
|
+
/**
|
|
1062
|
+
* Background level for the table container. Header, selected rows, loading,
|
|
1063
|
+
* and empty states keep their own state styling.
|
|
1064
|
+
*/
|
|
1065
|
+
surface?: SurfaceLevel;
|
|
1066
|
+
}
|
|
1067
|
+
/** Rows that navigate, or a long virtual list. No expanded rows. */
|
|
1068
|
+
interface DataTableNavigationProps<T> {
|
|
956
1069
|
rowHref?: (row: T) => string;
|
|
957
1070
|
/**
|
|
958
1071
|
* Renders `rowHref` as a real link — e.g. Next `Link` — instead of
|
|
@@ -967,7 +1080,6 @@ interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, '
|
|
|
967
1080
|
* `rowHref` full-page `window.location.assign` — e.g. `router.push`.
|
|
968
1081
|
*/
|
|
969
1082
|
onRowClick?: (row: T, event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
|
|
970
|
-
skeletonRowCount?: number;
|
|
971
1083
|
/**
|
|
972
1084
|
* Virtual scrolling for long, continuously loaded lists (opt-in). Table rows must
|
|
973
1085
|
* share one fixed height (measured from the first rendered row); cards are
|
|
@@ -978,39 +1090,38 @@ interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, '
|
|
|
978
1090
|
* loaded row. Browser find (Ctrl+F) cannot see rows outside the window.
|
|
979
1091
|
*/
|
|
980
1092
|
virtual?: boolean | DataTableVirtualOptions;
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
surface?: SurfaceLevel;
|
|
1093
|
+
renderExpanded?: never;
|
|
1094
|
+
getExpandLabel?: never;
|
|
1095
|
+
expandedIds?: never;
|
|
1096
|
+
onExpandedChange?: never;
|
|
986
1097
|
}
|
|
1098
|
+
/**
|
|
1099
|
+
* Rows that expand in place. Not with navigation (`rowHref`, `linkComponent`, `onRowClick`) or
|
|
1100
|
+
* `virtual`: virtual rows share one fixed height.
|
|
1101
|
+
*/
|
|
1102
|
+
interface DataTableExpandProps<T> {
|
|
1103
|
+
/**
|
|
1104
|
+
* Content drawn under the row, full width — below the row from 1024px, inside the card below
|
|
1105
|
+
* it. Giving it turns on expanding: a 32px button column at the table's end, and the card
|
|
1106
|
+
* title as the toggle. Rendered on first open and kept, so closing animates.
|
|
1107
|
+
*/
|
|
1108
|
+
renderExpanded: (row: T) => React.ReactNode;
|
|
1109
|
+
/** Accessible name of the expand button and of the card title button, e.g. `3번 펼치기`. */
|
|
1110
|
+
getExpandLabel: (row: T) => string;
|
|
1111
|
+
/** Expanded row ids (`keyField` values), several at once. Without it the table keeps the state. */
|
|
1112
|
+
expandedIds?: Set<string>;
|
|
1113
|
+
onExpandedChange?: (ids: Set<string>) => void;
|
|
1114
|
+
rowHref?: never;
|
|
1115
|
+
linkComponent?: never;
|
|
1116
|
+
onRowClick?: never;
|
|
1117
|
+
virtual?: never;
|
|
1118
|
+
}
|
|
1119
|
+
type DataTableProps<T> = DataTableBaseProps<T> & (DataTableNavigationProps<T> | DataTableExpandProps<T>);
|
|
987
1120
|
type DataTableComponent = (<T>(props: DataTableProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null) & {
|
|
988
1121
|
displayName?: string;
|
|
989
1122
|
};
|
|
990
1123
|
declare const DataTable: DataTableComponent;
|
|
991
1124
|
|
|
992
|
-
interface ListCardProps {
|
|
993
|
-
title: React.ReactNode;
|
|
994
|
-
/** Up to two meta lines; each line is one node or a list of tokens joined with ` · `. */
|
|
995
|
-
meta?: readonly [React.ReactNode, React.ReactNode?];
|
|
996
|
-
/** One status badge. With it, a bottom row shows the badge and `caption`. */
|
|
997
|
-
status?: React.ReactNode;
|
|
998
|
-
/** Shown after `status` on the bottom row. Without `status` it is not shown. */
|
|
999
|
-
caption?: React.ReactNode;
|
|
1000
|
-
leading?: React.ReactNode;
|
|
1001
|
-
/** Right-side main value (score, count). Sits before `trailing`. */
|
|
1002
|
-
value?: React.ReactNode;
|
|
1003
|
-
trailing?: 'chevron' | 'none' | React.ReactNode;
|
|
1004
|
-
href?: string;
|
|
1005
|
-
linkComponent?: React.ElementType;
|
|
1006
|
-
linkProps?: Record<string, unknown>;
|
|
1007
|
-
onClick?: () => void;
|
|
1008
|
-
/** Prefix for the `data-slot` of each part (`<slot>-title`, `<slot>-meta1`, …). */
|
|
1009
|
-
slot?: string;
|
|
1010
|
-
className?: string;
|
|
1011
|
-
}
|
|
1012
|
-
declare function ListCard({ title, meta, status, caption, leading, value, trailing, href, linkComponent, linkProps, onClick, slot, className, }: ListCardProps): react_jsx_runtime.JSX.Element;
|
|
1013
|
-
|
|
1014
1125
|
declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
|
|
1015
1126
|
declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
1016
1127
|
declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
@@ -1351,55 +1462,6 @@ interface ActionSheetProps {
|
|
|
1351
1462
|
*/
|
|
1352
1463
|
declare function ActionSheet({ open, onOpenChange, title, description, items, closeLabel, }: ActionSheetProps): react_jsx_runtime.JSX.Element;
|
|
1353
1464
|
|
|
1354
|
-
/** Props an item icon receives: a Lucide icon or any component taking `size` and `strokeWidth`. */
|
|
1355
|
-
type ActionMenuIconProps = {
|
|
1356
|
-
size?: number | string;
|
|
1357
|
-
strokeWidth?: number | string;
|
|
1358
|
-
className?: string;
|
|
1359
|
-
"aria-hidden"?: boolean;
|
|
1360
|
-
};
|
|
1361
|
-
interface ActionMenuItem {
|
|
1362
|
-
id: string;
|
|
1363
|
-
label: string;
|
|
1364
|
-
/** Leading icon. */
|
|
1365
|
-
icon?: React.ComponentType<ActionMenuIconProps>;
|
|
1366
|
-
/** Secondary line under the label (menu sheet only). */
|
|
1367
|
-
description?: string;
|
|
1368
|
-
/** Danger color (DropdownMenuItem `variant="destructive"`, the sheet row's error color). */
|
|
1369
|
-
destructive?: boolean;
|
|
1370
|
-
disabled?: boolean;
|
|
1371
|
-
/** Runs after the menu has closed and focus is back on the trigger. */
|
|
1372
|
-
onSelect: () => void;
|
|
1373
|
-
}
|
|
1374
|
-
interface ActionMenuGroup {
|
|
1375
|
-
id: string;
|
|
1376
|
-
/** Group heading. */
|
|
1377
|
-
label?: string;
|
|
1378
|
-
items: ActionMenuItem[];
|
|
1379
|
-
}
|
|
1380
|
-
interface ActionMenuBaseProps {
|
|
1381
|
-
/** The button that opens the menu, e.g. an IconButton with an `aria-label`. */
|
|
1382
|
-
trigger: React.ReactElement;
|
|
1383
|
-
/** Heading of the menu sheet below 1024px (also its accessible name). The dropdown shows none. */
|
|
1384
|
-
title?: string;
|
|
1385
|
-
/** Line under the heading, menu sheet only (from ActionSheet). */
|
|
1386
|
-
description?: string;
|
|
1387
|
-
/** Controlled open state (optional). */
|
|
1388
|
-
open?: boolean;
|
|
1389
|
-
onOpenChange?: (open: boolean) => void;
|
|
1390
|
-
/** Accessible name of the menu sheet's screen-reader-only close button. Default '닫기'. */
|
|
1391
|
-
closeLabel?: string;
|
|
1392
|
-
}
|
|
1393
|
-
type ActionMenuProps = ActionMenuBaseProps & ({
|
|
1394
|
-
items: ActionMenuItem[];
|
|
1395
|
-
groups?: never;
|
|
1396
|
-
} | {
|
|
1397
|
-
/** Items in groups, with a separator between groups. Use instead of `items`. */
|
|
1398
|
-
groups: ActionMenuGroup[];
|
|
1399
|
-
items?: never;
|
|
1400
|
-
});
|
|
1401
|
-
declare function ActionMenu({ trigger, title, description, open: openProp, onOpenChange, closeLabel, items, groups, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
|
|
1402
|
-
|
|
1403
1465
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
1404
1466
|
interface TooltipProps extends React.ComponentProps<typeof Tooltip$1.Root> {
|
|
1405
1467
|
/**
|
|
@@ -1521,7 +1583,7 @@ interface StatusDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'ch
|
|
|
1521
1583
|
declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLSpanElement>>;
|
|
1522
1584
|
|
|
1523
1585
|
declare const notificationBadgeVariants: (props?: ({
|
|
1524
|
-
size?: "
|
|
1586
|
+
size?: "md" | "sm" | null | undefined;
|
|
1525
1587
|
placement?: "none" | "inline" | "corner" | null | undefined;
|
|
1526
1588
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1527
1589
|
type NotificationBadgeSize = NonNullable<VariantProps<typeof notificationBadgeVariants>['size']>;
|
|
@@ -1534,13 +1596,13 @@ declare const NotificationBadge: React.ForwardRefExoticComponent<NotificationBad
|
|
|
1534
1596
|
|
|
1535
1597
|
declare const chipVariants: (props?: ({
|
|
1536
1598
|
variant?: "filter" | "choice" | "removable" | "status-filter" | null | undefined;
|
|
1537
|
-
tone?: "
|
|
1538
|
-
size?: "
|
|
1599
|
+
tone?: "accent" | "neutral" | "danger" | "success" | "warning" | "muted" | null | undefined;
|
|
1600
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1539
1601
|
pressed?: boolean | null | undefined;
|
|
1540
1602
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1541
1603
|
declare const chipCountVariants: (props?: ({
|
|
1542
|
-
tone?: "
|
|
1543
|
-
size?: "
|
|
1604
|
+
tone?: "accent" | "neutral" | "danger" | "success" | "warning" | "muted" | null | undefined;
|
|
1605
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1544
1606
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1545
1607
|
type ChipVariant = NonNullable<VariantProps<typeof chipVariants>["variant"]>;
|
|
1546
1608
|
type ChipTone = NonNullable<VariantProps<typeof chipVariants>["tone"]>;
|
|
@@ -1554,10 +1616,11 @@ interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
|
1554
1616
|
declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1555
1617
|
|
|
1556
1618
|
declare const emptyStateBaseVariants: (props?: ({
|
|
1557
|
-
size?: "
|
|
1619
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1558
1620
|
bordered?: boolean | null | undefined;
|
|
1559
1621
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1560
1622
|
type EmptyStateTone = "neutral" | "muted" | "raised";
|
|
1623
|
+
type EmptyStateLayout = "inline" | "page";
|
|
1561
1624
|
interface EmptyStateVariantOptions extends VariantProps<typeof emptyStateBaseVariants> {
|
|
1562
1625
|
tone?: EmptyStateTone;
|
|
1563
1626
|
surface?: SurfaceLevel;
|
|
@@ -1565,11 +1628,18 @@ interface EmptyStateVariantOptions extends VariantProps<typeof emptyStateBaseVar
|
|
|
1565
1628
|
}
|
|
1566
1629
|
declare function emptyStateVariants({ size, tone, surface, bordered, className, }?: EmptyStateVariantOptions): string;
|
|
1567
1630
|
declare const emptyStateIconVariants: (props?: ({
|
|
1568
|
-
size?: "
|
|
1631
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1569
1632
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1570
1633
|
type EmptyStateSize = NonNullable<VariantProps<typeof emptyStateBaseVariants>["size"]>;
|
|
1571
1634
|
interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof emptyStateBaseVariants> {
|
|
1572
1635
|
tone?: EmptyStateTone;
|
|
1636
|
+
/**
|
|
1637
|
+
* `inline` (default) takes its content height. `page` stands in for a whole page body: it
|
|
1638
|
+
* fills the parent's width, and at >= 768px grows to the free height of the nearest scroll
|
|
1639
|
+
* container and centers its content there. Below 768px it stays top-aligned with a
|
|
1640
|
+
* `--space-12` top gap.
|
|
1641
|
+
*/
|
|
1642
|
+
layout?: EmptyStateLayout;
|
|
1573
1643
|
/**
|
|
1574
1644
|
* Background level for the empty-state container. When provided, this
|
|
1575
1645
|
* overrides the legacy `tone` background mapping.
|
|
@@ -1584,7 +1654,7 @@ interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ti
|
|
|
1584
1654
|
declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
|
|
1585
1655
|
|
|
1586
1656
|
declare const errorStateVariants: (props?: ({
|
|
1587
|
-
size?: "
|
|
1657
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1588
1658
|
surface?: SurfaceLevel | null | undefined;
|
|
1589
1659
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1590
1660
|
interface ErrorStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof errorStateVariants> {
|
|
@@ -1604,7 +1674,7 @@ declare const skeletonVariants: (props?: ({
|
|
|
1604
1674
|
shape?: "text" | "block" | "circle" | null | undefined;
|
|
1605
1675
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1606
1676
|
declare const spinnerVariants: (props?: ({
|
|
1607
|
-
size?: "
|
|
1677
|
+
size?: "md" | "sm" | "lg" | 16 | 24 | 32 | null | undefined;
|
|
1608
1678
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1609
1679
|
interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
|
|
1610
1680
|
}
|
|
@@ -1637,28 +1707,17 @@ interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
|
1637
1707
|
declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
|
|
1638
1708
|
|
|
1639
1709
|
declare const iconButtonCva: (props?: ({
|
|
1640
|
-
size?: "
|
|
1710
|
+
size?: "md" | "xs" | "sm" | "lg" | "xl" | null | undefined;
|
|
1641
1711
|
pressed?: boolean | null | undefined;
|
|
1642
1712
|
appearance?: "filled" | "outline" | "ghost" | null | undefined;
|
|
1643
1713
|
tone?: "primary" | "neutral" | "danger" | null | undefined;
|
|
1644
|
-
variant?: "outline" | "ghost" | "danger" | "subtle" | null | undefined;
|
|
1645
1714
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1646
|
-
type
|
|
1647
|
-
type
|
|
1648
|
-
type IconButtonVariantsOptions = (IconButtonCvaOptions & {
|
|
1649
|
-
appearance?: null;
|
|
1650
|
-
tone?: null;
|
|
1651
|
-
}) | (Omit<IconButtonCvaOptions, "size"> & {
|
|
1652
|
-
appearance?: ActionAppearance | null;
|
|
1653
|
-
tone?: ActionTone | null;
|
|
1654
|
-
size?: IconButtonAxisSize | null;
|
|
1655
|
-
});
|
|
1715
|
+
type IconButtonSize = NonNullable<VariantProps<typeof iconButtonCva>["size"]>;
|
|
1716
|
+
type IconButtonVariantsOptions = NonNullable<Parameters<typeof iconButtonCva>[0]>;
|
|
1656
1717
|
declare function iconButtonVariants(options?: IconButtonVariantsOptions): string;
|
|
1657
1718
|
declare const iconButtonBadgeVariants: (props?: ({
|
|
1658
1719
|
tone?: "error" | "info" | null | undefined;
|
|
1659
1720
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1660
|
-
type IconButtonVariant = NonNullable<VariantProps<typeof iconButtonCva>["variant"]>;
|
|
1661
|
-
type IconButtonSize = NonNullable<VariantProps<typeof iconButtonCva>["size"]>;
|
|
1662
1721
|
type IconButtonBadgeTone = NonNullable<VariantProps<typeof iconButtonBadgeVariants>["tone"]>;
|
|
1663
1722
|
type IconButtonIcon = React.ComponentType<React.SVGProps<SVGSVGElement> & {
|
|
1664
1723
|
size?: number | string;
|
|
@@ -1675,34 +1734,26 @@ type IconButtonOptionalName = {
|
|
|
1675
1734
|
"aria-label"?: string;
|
|
1676
1735
|
"aria-labelledby"?: string;
|
|
1677
1736
|
};
|
|
1737
|
+
type IconButtonTextEnd = {
|
|
1738
|
+
iconPosition?: "start" | "end";
|
|
1739
|
+
menuIndicator?: false;
|
|
1740
|
+
} | {
|
|
1741
|
+
iconPosition?: "start";
|
|
1742
|
+
menuIndicator: true;
|
|
1743
|
+
};
|
|
1678
1744
|
type IconButtonContent = (IconButtonAccessibleName & {
|
|
1679
1745
|
label?: never;
|
|
1680
1746
|
children?: never;
|
|
1747
|
+
menuIndicator?: never;
|
|
1681
1748
|
}) | (IconButtonOptionalName & {
|
|
1682
1749
|
label: React.ReactNode;
|
|
1683
1750
|
children?: never;
|
|
1684
|
-
}) | (IconButtonOptionalName & {
|
|
1751
|
+
} & IconButtonTextEnd) | (IconButtonOptionalName & {
|
|
1685
1752
|
children: React.ReactNode;
|
|
1686
1753
|
label?: never;
|
|
1687
|
-
});
|
|
1688
|
-
type IconButtonStyleProps =
|
|
1689
|
-
/**
|
|
1690
|
-
* @deprecated Use `appearance` × `tone` instead. Removed in 0.20.
|
|
1691
|
-
*/
|
|
1692
|
-
variant?: never;
|
|
1754
|
+
} & IconButtonTextEnd);
|
|
1755
|
+
type IconButtonStyleProps = GhostDefaultActionStyle & {
|
|
1693
1756
|
/** Button's scale: `xs` 28 · `sm` 30 · `md` 32 · `lg` 36 · `xl` 40. */
|
|
1694
|
-
size?: IconButtonAxisSize | null;
|
|
1695
|
-
}) | {
|
|
1696
|
-
/**
|
|
1697
|
-
* @deprecated Use `appearance` × `tone`: `ghost` → ghost + neutral · `outline` →
|
|
1698
|
-
* outline + neutral · `subtle` → filled + neutral · `danger` → filled + danger
|
|
1699
|
-
* (solid red; `danger` keeps its light red until removal). When moving to the new axes,
|
|
1700
|
-
* `size` follows Button's scale: `sm` → `xs`, `lg` → `xl` (`md` stays). Removed in 0.20.
|
|
1701
|
-
*/
|
|
1702
|
-
variant?: IconButtonVariant | null;
|
|
1703
|
-
appearance?: never;
|
|
1704
|
-
tone?: never;
|
|
1705
|
-
/** Legacy scale without `appearance`/`tone`: `sm` 28 · `md` 32 · `lg` 40. */
|
|
1706
1757
|
size?: IconButtonSize | null;
|
|
1707
1758
|
};
|
|
1708
1759
|
type IconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "aria-labelledby" | "children" | "color"> & IconButtonStyleProps & IconButtonContent & {
|
|
@@ -1712,6 +1763,13 @@ type IconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria
|
|
|
1712
1763
|
badgeTone?: IconButtonBadgeTone;
|
|
1713
1764
|
/** Icon side when the button has text. */
|
|
1714
1765
|
iconPosition?: "start" | "end";
|
|
1766
|
+
/** Like Button: the spinner takes the icon's place and the button is disabled. */
|
|
1767
|
+
loading?: boolean;
|
|
1768
|
+
/**
|
|
1769
|
+
* Trailing ▾ for a menu trigger, with text and a start icon only. The trigger (DropdownMenu
|
|
1770
|
+
* etc.) supplies `aria-haspopup`.
|
|
1771
|
+
*/
|
|
1772
|
+
menuIndicator?: boolean;
|
|
1715
1773
|
};
|
|
1716
1774
|
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1717
1775
|
|
|
@@ -1805,16 +1863,15 @@ interface ActionFooterStatus {
|
|
|
1805
1863
|
kind: 'saving' | 'saved' | 'error';
|
|
1806
1864
|
lastSavedAt?: Date;
|
|
1807
1865
|
}
|
|
1808
|
-
|
|
1866
|
+
type ActionFooterAction = FilledDefaultActionStyle & {
|
|
1809
1867
|
id?: string;
|
|
1810
1868
|
label: string;
|
|
1811
|
-
variant?: ButtonVariant;
|
|
1812
1869
|
onClick: () => void;
|
|
1813
1870
|
disabled?: boolean;
|
|
1814
1871
|
loading?: boolean;
|
|
1815
1872
|
permission?: string;
|
|
1816
1873
|
leadingIcon?: LucideIcon;
|
|
1817
|
-
}
|
|
1874
|
+
};
|
|
1818
1875
|
interface ActionFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof actionFooterVariants> {
|
|
1819
1876
|
status?: ActionFooterStatus;
|
|
1820
1877
|
actions: ActionFooterAction[];
|
|
@@ -1827,7 +1884,7 @@ interface ActionFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
|
|
|
1827
1884
|
declare const ActionFooter: React.ForwardRefExoticComponent<ActionFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
1828
1885
|
|
|
1829
1886
|
declare const toastVariants: (props?: ({
|
|
1830
|
-
variant?: "
|
|
1887
|
+
variant?: "default" | "error" | "success" | "info" | "warning" | null | undefined;
|
|
1831
1888
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1832
1889
|
declare const toastViewportVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
1833
1890
|
type ToastVariant = NonNullable<VariantProps<typeof toastVariants>['variant']>;
|
|
@@ -1881,19 +1938,19 @@ interface ToastProviderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
1881
1938
|
declare function ToastProvider({ children, maxToasts, className, ...props }: ToastProviderProps): react_jsx_runtime.JSX.Element;
|
|
1882
1939
|
|
|
1883
1940
|
declare const otpFieldVariants: (props?: ({
|
|
1884
|
-
size?: "
|
|
1941
|
+
size?: "default" | "compact" | null | undefined;
|
|
1885
1942
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1886
1943
|
declare const otpFieldGroupVariants: (props?: ({
|
|
1887
|
-
size?: "
|
|
1944
|
+
size?: "default" | "compact" | null | undefined;
|
|
1888
1945
|
fluid?: boolean | null | undefined;
|
|
1889
1946
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1890
1947
|
declare const otpCellVariants: (props?: ({
|
|
1891
|
-
size?: "
|
|
1948
|
+
size?: "default" | "compact" | null | undefined;
|
|
1892
1949
|
fluid?: boolean | null | undefined;
|
|
1893
1950
|
surface?: SurfaceLevel | null | undefined;
|
|
1894
1951
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1895
1952
|
declare const otpFieldMessageVariants: (props?: ({
|
|
1896
|
-
state?: "
|
|
1953
|
+
state?: "default" | "error" | null | undefined;
|
|
1897
1954
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1898
1955
|
type OTPFieldSize = NonNullable<VariantProps<typeof otpCellVariants>["size"]>;
|
|
1899
1956
|
interface OTPFieldProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "onChange" | "children" | "defaultValue" | "value">, VariantProps<typeof otpFieldVariants> {
|
|
@@ -1920,10 +1977,10 @@ interface OTPFieldProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetEl
|
|
|
1920
1977
|
declare const OTPField: React.ForwardRefExoticComponent<OTPFieldProps & React.RefAttributes<HTMLFieldSetElement>>;
|
|
1921
1978
|
|
|
1922
1979
|
declare const searchFieldVariants: (props?: ({
|
|
1923
|
-
size?: "
|
|
1980
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1924
1981
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1925
1982
|
declare const searchFieldInputVariants: (props?: ({
|
|
1926
|
-
size?: "
|
|
1983
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1927
1984
|
hasClear?: boolean | null | undefined;
|
|
1928
1985
|
surface?: SurfaceLevel | null | undefined;
|
|
1929
1986
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -1947,14 +2004,14 @@ declare const checkboxVariants: (props?: ({
|
|
|
1947
2004
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1948
2005
|
declare const checkboxRootVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
1949
2006
|
declare const checkboxBoxVariants: (props?: ({
|
|
1950
|
-
size?: "
|
|
2007
|
+
size?: "md" | "sm" | null | undefined;
|
|
1951
2008
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1952
2009
|
declare const checkboxGroupItemVariants: (props?: ({
|
|
1953
|
-
appearance?: "
|
|
2010
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
1954
2011
|
density?: "compact" | "comfortable" | null | undefined;
|
|
1955
2012
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1956
2013
|
declare const checkboxGroupBoxVariants: (props?: ({
|
|
1957
|
-
appearance?: "
|
|
2014
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
1958
2015
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1959
2016
|
type CheckboxSize = NonNullable<VariantProps<typeof checkboxBoxVariants>["size"]>;
|
|
1960
2017
|
type CheckboxCheckedState = React.ComponentProps<typeof Checkbox$1.Root>["checked"];
|
|
@@ -1979,7 +2036,7 @@ interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof Check
|
|
|
1979
2036
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1980
2037
|
|
|
1981
2038
|
declare const checkboxGroupVariants: (props?: ({
|
|
1982
|
-
appearance?: "
|
|
2039
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
1983
2040
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
1984
2041
|
columns?: "one" | "two" | "three" | null | undefined;
|
|
1985
2042
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -2000,16 +2057,16 @@ interface CheckboxGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
|
2000
2057
|
declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
2001
2058
|
|
|
2002
2059
|
declare const radioGroupVariants: (props?: ({
|
|
2003
|
-
appearance?: "
|
|
2060
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
2004
2061
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
2005
2062
|
columns?: "one" | "two" | "three" | null | undefined;
|
|
2006
2063
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2007
2064
|
declare const radioVariants: (props?: ({
|
|
2008
|
-
appearance?: "
|
|
2065
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
2009
2066
|
density?: "compact" | "comfortable" | null | undefined;
|
|
2010
2067
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2011
2068
|
declare const radioControlVariants: (props?: ({
|
|
2012
|
-
appearance?: "
|
|
2069
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
2013
2070
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2014
2071
|
type RadioGroupAppearance = NonNullable<VariantProps<typeof radioGroupVariants>["appearance"]>;
|
|
2015
2072
|
type RadioGroupColumns = NonNullable<VariantProps<typeof radioGroupVariants>["columns"]>;
|
|
@@ -2153,4 +2210,4 @@ interface OrganizationLogoProps extends Omit<SVGProps<SVGSVGElement>, "width" |
|
|
|
2153
2210
|
}
|
|
2154
2211
|
declare function OrganizationLogo({ organization, size, className, style, role, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }: OrganizationLogoProps): react_jsx_runtime.JSX.Element;
|
|
2155
2212
|
|
|
2156
|
-
export { ActionFooter, type ActionFooterAction, type ActionFooterProps, type ActionFooterStatus, ActionMenu, type ActionMenuGroup, type ActionMenuItem, type ActionMenuProps, ActionSheet, type ActionSheetIconProps, type ActionSheetItem, type ActionSheetProps, Alert, AlertDialog, type AlertDialogProps, type AlertDialogTone, type AlertEmphasis, type AlertProps, type AlertVariant, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BulkActionBar, type BulkActionBarAction, type BulkActionBarProps, Button, type ButtonProps, type ButtonSize,
|
|
2213
|
+
export { ActionFooter, type ActionFooterAction, type ActionFooterProps, type ActionFooterStatus, ActionMenu, type ActionMenuGroup, type ActionMenuItem, type ActionMenuProps, ActionSheet, type ActionSheetIconProps, type ActionSheetItem, type ActionSheetProps, Alert, AlertDialog, type AlertDialogProps, type AlertDialogTone, type AlertEmphasis, type AlertProps, type AlertVariant, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BulkActionBar, type BulkActionBarAction, type BulkActionBarProps, Button, type ButtonProps, type ButtonSize, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardProse, CardTitle, type CardVariant, type CardVariantOptions, Checkbox, type CheckboxCheckedState, CheckboxGroup, type CheckboxGroupAppearance, type CheckboxGroupColumns, CheckboxGroupContext, type CheckboxGroupContextValue, type CheckboxGroupDensity, type CheckboxGroupOrientation, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, Chip, type ChipProps, type ChipSize, type ChipTone, type ChipVariant, ConfirmDialog, type ConfirmDialogProps, ContextMenu, type ContextMenuPosition, type ContextMenuProps, CopyButton, type CopyButtonProps, DataLayout, type DataLayoutProps, DataTable, type DataTableColumn, type DataTableLinkProps, type DataTableMobileCardContent, type DataTableMobileMetaLine, type DataTableProps, type DataTableSort, type DataTableVirtualHandle, type DataTableVirtualOptions, type DataTableVirtualRange, DetailLayout, type DetailLayoutProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogEyebrow, DialogFooter, DialogHeader, type DialogMobilePresentation, DialogOverlay, DialogPortal, type DialogProps, DialogRawContent, type DialogSize, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateLayout, type EmptyStateProps, type EmptyStateSize, type EmptyStateTone, type EmptyStateVariantOptions, ErrorState, type ErrorStateProps, FileUploadZone, type FileUploadZoneProps, FilterToolbar, type FilterToolbarCollapseBelow, type FilterToolbarProps, FormField, type FormFieldProps, type FormFieldRenderProps, FormLayout, type FormLayoutProps, type FormLayoutSection, FormModal, type FormModalProps, IconButton, type IconButtonBadgeTone, type IconButtonProps, type IconButtonSize, InfoModal, type InfoModalProps, InlineAlert, type InlineAlertProps, type InlineAlertSurface, Input, type InputProps, type InputSize, type InputSizeLegacy, type InputState, Label, type LabelProps, ListCard, type ListCardActions, type ListCardProps, ModeToggle, type ModeToggleOption, type ModeToggleProps, NotificationBadge, type NotificationBadgePlacement, type NotificationBadgeProps, type NotificationBadgeSize, OTPField, type OTPFieldProps, type OTPFieldSize, OlunLogo, OlunSymbol, type OlunTheme, type OlunThemeDuration, type OlunThemeState, OrganizationLogo, type OrganizationLogoId, type OrganizationLogoProps, type OverlayScrim, PageHeader, type PageHeaderProps, PageSizeSelect, type PageSizeSelectProps, type PageSizeSelectSize, Pagination, type PaginationProps, type PaginationSize, PermissionContext, type PermissionEvaluator, type PermissionFallback, PermissionGuard, type PermissionGuardProps, PermissionProvider, type PermissionProviderProps, type PermissionScope, type PermissionState, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressStatus, Radio, RadioGroup, type RadioGroupAppearance, type RadioGroupColumns, type RadioGroupDensity, type RadioGroupOrientation, type RadioGroupProps, type RadioProps, ScrollArea, ScrollBar, SearchField, type SearchFieldProps, type SearchFieldSize, Select, type SelectAppearance, type SelectOption, type SelectProps, type SelectSize, type SelectState, type SelectVariant, type SemanticRole, Separator, type SetOlunThemeOptions, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetDrawer, type SheetDrawerProps, SheetFooter, SheetHeader, type SheetMotionConfig, type SheetMotionDuration, type SheetMotionEasing, type SheetMotionType, type SheetProps, type SheetSize, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, SkeletonRow, type SkeletonRowColumn, type SkeletonRowProps, SkeletonText, type SkeletonTextProps, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeEmphasis, type StatusBadgeProps, type StatusBadgeSize, type StatusBadgeStatus, StatusDot, type StatusDotProps, type StatusDotTone, type SurfaceLevel, Switch, type SwitchProps, type TabItem, Tabs, TabsContent, type TabsProps, type TabsVariant, Textarea, type TextareaProps, type TextareaSize, type TextareaSizeLegacy, type TextareaState, ThemeFab, type ThemeFabProps, ThemeToggle, Toast, type ToastAction, type ToastItem, type ToastOptions, ToastProvider, ToastRoot, type ToastVariant, ToastViewport, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TreeItemRowVariantProps, type TreeItemState, type TreeNode, TreeView, type TreeViewProps, TwoTierBadge, type TwoTierBadgeEmphasis, type TwoTierBadgeProps, type TwoTierBadgeSize, type TwoTierBadgeTone, type UseOlunThemeValue, WizardLayout, type WizardLayoutProps, type WizardStep, type WizardStepState, actionFooterStatusVariants, actionFooterVariants, buttonVariants, cardVariants, checkboxBoxVariants, checkboxFieldVariants, checkboxGroupBoxVariants, checkboxGroupItemVariants, checkboxGroupVariants, checkboxRootVariants, checkboxVariants, chipCountVariants, chipVariants, cn, dataTableRowVariants, dataTableVariants, emptyStateIconVariants, emptyStateVariants, errorStateVariants, evaluatePermission, fileUploadIconVariants, fileUploadZoneVariants, formFieldControlStackClassName, formFieldDescriptionClassName, formFieldErrorClassName, formFieldLabelClassName, formFieldRequiredClassName, formFieldVariants, getOlunThemeState, getToastDuration, iconButtonBadgeVariants, iconButtonVariants, inputMessageVariants, inputVariants, limitToasts, modeToggleItemVariants, modeToggleVariants, notificationBadgeVariants, otpCellVariants, otpFieldGroupVariants, otpFieldMessageVariants, otpFieldVariants, paginationControlVariants, paginationVariants, radioControlVariants, radioGroupVariants, radioVariants, searchFieldInputVariants, searchFieldVariants, selectMessageVariants, selectVariants, setOlunTheme, skeletonVariants, spinnerVariants, tabsBadgeVariants, tabsListVariants, tabsRootVariants, tabsTriggerVariants, textareaMessageVariants, textareaVariants, toast, toastVariants, toastViewportVariants, treeItemRowVariants, treeViewVariants, useOlunTheme, usePermission };
|