@olundot/ui 0.20.0-next.4 → 0.20.0-next.5
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 +38 -0
- package/dist/index.d.ts +202 -190
- package/dist/index.js +621 -599
- package/package.json +1 -1
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. */
|
|
@@ -856,6 +850,95 @@ interface FilterToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
856
850
|
}
|
|
857
851
|
declare const FilterToolbar: React.ForwardRefExoticComponent<FilterToolbarProps & React.RefAttributes<HTMLDivElement>>;
|
|
858
852
|
|
|
853
|
+
/** Props an item icon receives: a Lucide icon or any component taking `size` and `strokeWidth`. */
|
|
854
|
+
type ActionMenuIconProps = {
|
|
855
|
+
size?: number | string;
|
|
856
|
+
strokeWidth?: number | string;
|
|
857
|
+
className?: string;
|
|
858
|
+
"aria-hidden"?: boolean;
|
|
859
|
+
};
|
|
860
|
+
interface ActionMenuItem {
|
|
861
|
+
id: string;
|
|
862
|
+
label: string;
|
|
863
|
+
/** Leading icon. */
|
|
864
|
+
icon?: React.ComponentType<ActionMenuIconProps>;
|
|
865
|
+
/** Secondary line under the label (menu sheet only). */
|
|
866
|
+
description?: string;
|
|
867
|
+
/** Danger color (DropdownMenuItem `variant="destructive"`, the sheet row's error color). */
|
|
868
|
+
destructive?: boolean;
|
|
869
|
+
disabled?: boolean;
|
|
870
|
+
/** Runs after the menu has closed and focus is back on the trigger. */
|
|
871
|
+
onSelect: () => void;
|
|
872
|
+
}
|
|
873
|
+
interface ActionMenuGroup {
|
|
874
|
+
id: string;
|
|
875
|
+
/** Group heading. */
|
|
876
|
+
label?: string;
|
|
877
|
+
items: ActionMenuItem[];
|
|
878
|
+
}
|
|
879
|
+
interface ActionMenuBaseProps {
|
|
880
|
+
/** The button that opens the menu, e.g. an IconButton with an `aria-label`. */
|
|
881
|
+
trigger: React.ReactElement;
|
|
882
|
+
/** Heading of the menu sheet below 1024px (also its accessible name). The dropdown shows none. */
|
|
883
|
+
title?: string;
|
|
884
|
+
/** Line under the heading, menu sheet only (from ActionSheet). */
|
|
885
|
+
description?: string;
|
|
886
|
+
/** Controlled open state (optional). */
|
|
887
|
+
open?: boolean;
|
|
888
|
+
onOpenChange?: (open: boolean) => void;
|
|
889
|
+
/** Accessible name of the menu sheet's screen-reader-only close button. Default '닫기'. */
|
|
890
|
+
closeLabel?: string;
|
|
891
|
+
}
|
|
892
|
+
type ActionMenuProps = ActionMenuBaseProps & ({
|
|
893
|
+
items: ActionMenuItem[];
|
|
894
|
+
groups?: never;
|
|
895
|
+
} | {
|
|
896
|
+
/** Items in groups, with a separator between groups. Use instead of `items`. */
|
|
897
|
+
groups: ActionMenuGroup[];
|
|
898
|
+
items?: never;
|
|
899
|
+
});
|
|
900
|
+
declare function ActionMenu({ trigger, title, description, open: openProp, onOpenChange, closeLabel, items, groups, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
|
|
901
|
+
|
|
902
|
+
/** The card's ⋮ menu: the same items as the desktop row menu. */
|
|
903
|
+
interface ListCardActions {
|
|
904
|
+
items: readonly ActionMenuItem[];
|
|
905
|
+
/** Accessible name of the ⋮ button, e.g. the desktop ⋮ label. */
|
|
906
|
+
label: string;
|
|
907
|
+
}
|
|
908
|
+
interface ListCardProps {
|
|
909
|
+
title: React.ReactNode;
|
|
910
|
+
/**
|
|
911
|
+
* Up to two meta groups; each is one node or a list of values. A group is one line with its
|
|
912
|
+
* values 12px apart; values wrap to the next line whole.
|
|
913
|
+
*/
|
|
914
|
+
meta?: readonly [React.ReactNode, React.ReactNode?];
|
|
915
|
+
/** One status badge at the bottom row's left. */
|
|
916
|
+
status?: React.ReactNode;
|
|
917
|
+
/** On the bottom row, after `status` or alone at its left. */
|
|
918
|
+
caption?: React.ReactNode;
|
|
919
|
+
leading?: React.ReactNode;
|
|
920
|
+
/** Optional value (score, count) at the right of the top line, before the ⋮ or the chevron. */
|
|
921
|
+
value?: React.ReactNode;
|
|
922
|
+
/**
|
|
923
|
+
* The icon at the top right. With `actions` it moves to the bottom right and the card is at
|
|
924
|
+
* least 84px tall, so the two 44px hit areas do not overlap.
|
|
925
|
+
*/
|
|
926
|
+
trailing?: 'chevron' | 'none' | React.ReactNode;
|
|
927
|
+
/**
|
|
928
|
+
* ⋮ menu at the top right. With `href` or `onClick` the title becomes the link or button and
|
|
929
|
+
* its ::after covers the card, so the ⋮ button is never inside it.
|
|
930
|
+
*/
|
|
931
|
+
actions?: ListCardActions;
|
|
932
|
+
href?: string;
|
|
933
|
+
linkComponent?: React.ElementType;
|
|
934
|
+
linkProps?: Record<string, unknown>;
|
|
935
|
+
onClick?: () => void;
|
|
936
|
+
/** Prefix for the `data-slot` of each part (`<slot>-title`, `<slot>-meta1`, …). */
|
|
937
|
+
slot?: string;
|
|
938
|
+
className?: string;
|
|
939
|
+
}
|
|
940
|
+
declare function ListCard({ title, meta, status, caption, leading, value, trailing, actions, href, linkComponent, linkProps, onClick, slot, className, }: ListCardProps): react_jsx_runtime.JSX.Element;
|
|
941
|
+
|
|
859
942
|
declare const dataTableVariants: (props?: ({
|
|
860
943
|
density?: "compact" | "standard" | null | undefined;
|
|
861
944
|
surface?: SurfaceLevel | null | undefined;
|
|
@@ -908,30 +991,43 @@ interface DataTableSort {
|
|
|
908
991
|
key: string;
|
|
909
992
|
dir: 'asc' | 'desc';
|
|
910
993
|
}
|
|
911
|
-
/** One card meta
|
|
994
|
+
/** One card meta group: up to two values on one line, 12px apart. */
|
|
912
995
|
type DataTableMobileMetaLine = readonly [React.ReactNode, React.ReactNode?];
|
|
913
|
-
|
|
914
|
-
|
|
996
|
+
type DataTableMobileCardName = {
|
|
997
|
+
title: string | number;
|
|
998
|
+
/** Accessible name of the card (`listitem`). Defaults to the title text. */
|
|
999
|
+
ariaLabel?: string;
|
|
1000
|
+
} | {
|
|
915
1001
|
title: React.ReactNode;
|
|
916
1002
|
/** Accessible name of the card (`listitem`). */
|
|
917
1003
|
ariaLabel: string;
|
|
1004
|
+
};
|
|
1005
|
+
/** What one row shows as a card below the table breakpoint. */
|
|
1006
|
+
type DataTableMobileCardContent = DataTableMobileCardName & {
|
|
918
1007
|
leading?: React.ReactNode;
|
|
919
|
-
/** Up to two meta
|
|
1008
|
+
/** Up to two meta groups under the title, one line each. */
|
|
920
1009
|
meta?: readonly [DataTableMobileMetaLine, DataTableMobileMetaLine?];
|
|
921
|
-
/** One status badge
|
|
1010
|
+
/** One status badge at the bottom row's left. */
|
|
922
1011
|
status?: React.ReactNode;
|
|
923
|
-
/**
|
|
1012
|
+
/** On the bottom row, after `status` or alone at its left. */
|
|
924
1013
|
date?: React.ReactNode;
|
|
925
|
-
/**
|
|
1014
|
+
/** Optional value at the right of the card's top line, before the ⋮ or the chevron. */
|
|
926
1015
|
value?: React.ReactNode;
|
|
927
|
-
|
|
1016
|
+
/**
|
|
1017
|
+
* ⋮ menu at the card's top right (a menu sheet below 1024px). `label` names the ⋮ button —
|
|
1018
|
+
* pass the desktop ⋮ label. On a navigating card the chevron moves to the bottom right.
|
|
1019
|
+
*/
|
|
1020
|
+
actions?: ListCardActions;
|
|
1021
|
+
};
|
|
928
1022
|
interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof dataTableVariants> {
|
|
929
1023
|
columns: DataTableColumn<T>[];
|
|
930
1024
|
data: T[];
|
|
931
1025
|
keyField: keyof T;
|
|
932
1026
|
/**
|
|
933
1027
|
* Maps a row to its card below the table breakpoint. Navigation, selection and the
|
|
934
|
-
* chevron come from the table (`rowHref`, `linkComponent`, `onRowClick`, `selectable`)
|
|
1028
|
+
* chevron come from the table (`rowHref`, `linkComponent`, `onRowClick`, `selectable`):
|
|
1029
|
+
* the card title becomes the link or button and its ::after covers the card, so the
|
|
1030
|
+
* checkbox and the ⋮ stay beside it, never inside.
|
|
935
1031
|
* With `virtual`, keep it stable (module function or `useCallback`) like `columns`.
|
|
936
1032
|
*/
|
|
937
1033
|
getMobileCardContent: (row: T) => DataTableMobileCardContent;
|
|
@@ -989,28 +1085,6 @@ type DataTableComponent = (<T>(props: DataTableProps<T> & React.RefAttributes<HT
|
|
|
989
1085
|
};
|
|
990
1086
|
declare const DataTable: DataTableComponent;
|
|
991
1087
|
|
|
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
1088
|
declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
|
|
1015
1089
|
declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
1016
1090
|
declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
@@ -1351,55 +1425,6 @@ interface ActionSheetProps {
|
|
|
1351
1425
|
*/
|
|
1352
1426
|
declare function ActionSheet({ open, onOpenChange, title, description, items, closeLabel, }: ActionSheetProps): react_jsx_runtime.JSX.Element;
|
|
1353
1427
|
|
|
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
1428
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
1404
1429
|
interface TooltipProps extends React.ComponentProps<typeof Tooltip$1.Root> {
|
|
1405
1430
|
/**
|
|
@@ -1521,7 +1546,7 @@ interface StatusDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'ch
|
|
|
1521
1546
|
declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLSpanElement>>;
|
|
1522
1547
|
|
|
1523
1548
|
declare const notificationBadgeVariants: (props?: ({
|
|
1524
|
-
size?: "
|
|
1549
|
+
size?: "md" | "sm" | null | undefined;
|
|
1525
1550
|
placement?: "none" | "inline" | "corner" | null | undefined;
|
|
1526
1551
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1527
1552
|
type NotificationBadgeSize = NonNullable<VariantProps<typeof notificationBadgeVariants>['size']>;
|
|
@@ -1534,13 +1559,13 @@ declare const NotificationBadge: React.ForwardRefExoticComponent<NotificationBad
|
|
|
1534
1559
|
|
|
1535
1560
|
declare const chipVariants: (props?: ({
|
|
1536
1561
|
variant?: "filter" | "choice" | "removable" | "status-filter" | null | undefined;
|
|
1537
|
-
tone?: "
|
|
1538
|
-
size?: "
|
|
1562
|
+
tone?: "accent" | "neutral" | "danger" | "success" | "warning" | "muted" | null | undefined;
|
|
1563
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1539
1564
|
pressed?: boolean | null | undefined;
|
|
1540
1565
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1541
1566
|
declare const chipCountVariants: (props?: ({
|
|
1542
|
-
tone?: "
|
|
1543
|
-
size?: "
|
|
1567
|
+
tone?: "accent" | "neutral" | "danger" | "success" | "warning" | "muted" | null | undefined;
|
|
1568
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1544
1569
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1545
1570
|
type ChipVariant = NonNullable<VariantProps<typeof chipVariants>["variant"]>;
|
|
1546
1571
|
type ChipTone = NonNullable<VariantProps<typeof chipVariants>["tone"]>;
|
|
@@ -1554,7 +1579,7 @@ interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
|
1554
1579
|
declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1555
1580
|
|
|
1556
1581
|
declare const emptyStateBaseVariants: (props?: ({
|
|
1557
|
-
size?: "
|
|
1582
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1558
1583
|
bordered?: boolean | null | undefined;
|
|
1559
1584
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1560
1585
|
type EmptyStateTone = "neutral" | "muted" | "raised";
|
|
@@ -1565,7 +1590,7 @@ interface EmptyStateVariantOptions extends VariantProps<typeof emptyStateBaseVar
|
|
|
1565
1590
|
}
|
|
1566
1591
|
declare function emptyStateVariants({ size, tone, surface, bordered, className, }?: EmptyStateVariantOptions): string;
|
|
1567
1592
|
declare const emptyStateIconVariants: (props?: ({
|
|
1568
|
-
size?: "
|
|
1593
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1569
1594
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1570
1595
|
type EmptyStateSize = NonNullable<VariantProps<typeof emptyStateBaseVariants>["size"]>;
|
|
1571
1596
|
interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof emptyStateBaseVariants> {
|
|
@@ -1584,7 +1609,7 @@ interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ti
|
|
|
1584
1609
|
declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
|
|
1585
1610
|
|
|
1586
1611
|
declare const errorStateVariants: (props?: ({
|
|
1587
|
-
size?: "
|
|
1612
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1588
1613
|
surface?: SurfaceLevel | null | undefined;
|
|
1589
1614
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1590
1615
|
interface ErrorStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof errorStateVariants> {
|
|
@@ -1604,7 +1629,7 @@ declare const skeletonVariants: (props?: ({
|
|
|
1604
1629
|
shape?: "text" | "block" | "circle" | null | undefined;
|
|
1605
1630
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1606
1631
|
declare const spinnerVariants: (props?: ({
|
|
1607
|
-
size?: "
|
|
1632
|
+
size?: "md" | "sm" | "lg" | 16 | 24 | 32 | null | undefined;
|
|
1608
1633
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1609
1634
|
interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
|
|
1610
1635
|
}
|
|
@@ -1637,28 +1662,17 @@ interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
|
1637
1662
|
declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
|
|
1638
1663
|
|
|
1639
1664
|
declare const iconButtonCva: (props?: ({
|
|
1640
|
-
size?: "
|
|
1665
|
+
size?: "md" | "xs" | "sm" | "lg" | "xl" | null | undefined;
|
|
1641
1666
|
pressed?: boolean | null | undefined;
|
|
1642
1667
|
appearance?: "filled" | "outline" | "ghost" | null | undefined;
|
|
1643
1668
|
tone?: "primary" | "neutral" | "danger" | null | undefined;
|
|
1644
|
-
variant?: "outline" | "ghost" | "danger" | "subtle" | null | undefined;
|
|
1645
1669
|
} & 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
|
-
});
|
|
1670
|
+
type IconButtonSize = NonNullable<VariantProps<typeof iconButtonCva>["size"]>;
|
|
1671
|
+
type IconButtonVariantsOptions = NonNullable<Parameters<typeof iconButtonCva>[0]>;
|
|
1656
1672
|
declare function iconButtonVariants(options?: IconButtonVariantsOptions): string;
|
|
1657
1673
|
declare const iconButtonBadgeVariants: (props?: ({
|
|
1658
1674
|
tone?: "error" | "info" | null | undefined;
|
|
1659
1675
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1660
|
-
type IconButtonVariant = NonNullable<VariantProps<typeof iconButtonCva>["variant"]>;
|
|
1661
|
-
type IconButtonSize = NonNullable<VariantProps<typeof iconButtonCva>["size"]>;
|
|
1662
1676
|
type IconButtonBadgeTone = NonNullable<VariantProps<typeof iconButtonBadgeVariants>["tone"]>;
|
|
1663
1677
|
type IconButtonIcon = React.ComponentType<React.SVGProps<SVGSVGElement> & {
|
|
1664
1678
|
size?: number | string;
|
|
@@ -1675,34 +1689,26 @@ type IconButtonOptionalName = {
|
|
|
1675
1689
|
"aria-label"?: string;
|
|
1676
1690
|
"aria-labelledby"?: string;
|
|
1677
1691
|
};
|
|
1692
|
+
type IconButtonTextEnd = {
|
|
1693
|
+
iconPosition?: "start" | "end";
|
|
1694
|
+
menuIndicator?: false;
|
|
1695
|
+
} | {
|
|
1696
|
+
iconPosition?: "start";
|
|
1697
|
+
menuIndicator: true;
|
|
1698
|
+
};
|
|
1678
1699
|
type IconButtonContent = (IconButtonAccessibleName & {
|
|
1679
1700
|
label?: never;
|
|
1680
1701
|
children?: never;
|
|
1702
|
+
menuIndicator?: never;
|
|
1681
1703
|
}) | (IconButtonOptionalName & {
|
|
1682
1704
|
label: React.ReactNode;
|
|
1683
1705
|
children?: never;
|
|
1684
|
-
}) | (IconButtonOptionalName & {
|
|
1706
|
+
} & IconButtonTextEnd) | (IconButtonOptionalName & {
|
|
1685
1707
|
children: React.ReactNode;
|
|
1686
1708
|
label?: never;
|
|
1687
|
-
});
|
|
1688
|
-
type IconButtonStyleProps =
|
|
1689
|
-
/**
|
|
1690
|
-
* @deprecated Use `appearance` × `tone` instead. Removed in 0.20.
|
|
1691
|
-
*/
|
|
1692
|
-
variant?: never;
|
|
1709
|
+
} & IconButtonTextEnd);
|
|
1710
|
+
type IconButtonStyleProps = GhostDefaultActionStyle & {
|
|
1693
1711
|
/** 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
1712
|
size?: IconButtonSize | null;
|
|
1707
1713
|
};
|
|
1708
1714
|
type IconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "aria-labelledby" | "children" | "color"> & IconButtonStyleProps & IconButtonContent & {
|
|
@@ -1712,6 +1718,13 @@ type IconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria
|
|
|
1712
1718
|
badgeTone?: IconButtonBadgeTone;
|
|
1713
1719
|
/** Icon side when the button has text. */
|
|
1714
1720
|
iconPosition?: "start" | "end";
|
|
1721
|
+
/** Like Button: the spinner takes the icon's place and the button is disabled. */
|
|
1722
|
+
loading?: boolean;
|
|
1723
|
+
/**
|
|
1724
|
+
* Trailing ▾ for a menu trigger, with text and a start icon only. The trigger (DropdownMenu
|
|
1725
|
+
* etc.) supplies `aria-haspopup`.
|
|
1726
|
+
*/
|
|
1727
|
+
menuIndicator?: boolean;
|
|
1715
1728
|
};
|
|
1716
1729
|
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1717
1730
|
|
|
@@ -1805,16 +1818,15 @@ interface ActionFooterStatus {
|
|
|
1805
1818
|
kind: 'saving' | 'saved' | 'error';
|
|
1806
1819
|
lastSavedAt?: Date;
|
|
1807
1820
|
}
|
|
1808
|
-
|
|
1821
|
+
type ActionFooterAction = FilledDefaultActionStyle & {
|
|
1809
1822
|
id?: string;
|
|
1810
1823
|
label: string;
|
|
1811
|
-
variant?: ButtonVariant;
|
|
1812
1824
|
onClick: () => void;
|
|
1813
1825
|
disabled?: boolean;
|
|
1814
1826
|
loading?: boolean;
|
|
1815
1827
|
permission?: string;
|
|
1816
1828
|
leadingIcon?: LucideIcon;
|
|
1817
|
-
}
|
|
1829
|
+
};
|
|
1818
1830
|
interface ActionFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof actionFooterVariants> {
|
|
1819
1831
|
status?: ActionFooterStatus;
|
|
1820
1832
|
actions: ActionFooterAction[];
|
|
@@ -1827,7 +1839,7 @@ interface ActionFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
|
|
|
1827
1839
|
declare const ActionFooter: React.ForwardRefExoticComponent<ActionFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
1828
1840
|
|
|
1829
1841
|
declare const toastVariants: (props?: ({
|
|
1830
|
-
variant?: "
|
|
1842
|
+
variant?: "default" | "error" | "success" | "info" | "warning" | null | undefined;
|
|
1831
1843
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1832
1844
|
declare const toastViewportVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
1833
1845
|
type ToastVariant = NonNullable<VariantProps<typeof toastVariants>['variant']>;
|
|
@@ -1881,19 +1893,19 @@ interface ToastProviderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
1881
1893
|
declare function ToastProvider({ children, maxToasts, className, ...props }: ToastProviderProps): react_jsx_runtime.JSX.Element;
|
|
1882
1894
|
|
|
1883
1895
|
declare const otpFieldVariants: (props?: ({
|
|
1884
|
-
size?: "
|
|
1896
|
+
size?: "default" | "compact" | null | undefined;
|
|
1885
1897
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1886
1898
|
declare const otpFieldGroupVariants: (props?: ({
|
|
1887
|
-
size?: "
|
|
1899
|
+
size?: "default" | "compact" | null | undefined;
|
|
1888
1900
|
fluid?: boolean | null | undefined;
|
|
1889
1901
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1890
1902
|
declare const otpCellVariants: (props?: ({
|
|
1891
|
-
size?: "
|
|
1903
|
+
size?: "default" | "compact" | null | undefined;
|
|
1892
1904
|
fluid?: boolean | null | undefined;
|
|
1893
1905
|
surface?: SurfaceLevel | null | undefined;
|
|
1894
1906
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1895
1907
|
declare const otpFieldMessageVariants: (props?: ({
|
|
1896
|
-
state?: "
|
|
1908
|
+
state?: "default" | "error" | null | undefined;
|
|
1897
1909
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1898
1910
|
type OTPFieldSize = NonNullable<VariantProps<typeof otpCellVariants>["size"]>;
|
|
1899
1911
|
interface OTPFieldProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "onChange" | "children" | "defaultValue" | "value">, VariantProps<typeof otpFieldVariants> {
|
|
@@ -1920,10 +1932,10 @@ interface OTPFieldProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetEl
|
|
|
1920
1932
|
declare const OTPField: React.ForwardRefExoticComponent<OTPFieldProps & React.RefAttributes<HTMLFieldSetElement>>;
|
|
1921
1933
|
|
|
1922
1934
|
declare const searchFieldVariants: (props?: ({
|
|
1923
|
-
size?: "
|
|
1935
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1924
1936
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1925
1937
|
declare const searchFieldInputVariants: (props?: ({
|
|
1926
|
-
size?: "
|
|
1938
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
1927
1939
|
hasClear?: boolean | null | undefined;
|
|
1928
1940
|
surface?: SurfaceLevel | null | undefined;
|
|
1929
1941
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -1947,14 +1959,14 @@ declare const checkboxVariants: (props?: ({
|
|
|
1947
1959
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1948
1960
|
declare const checkboxRootVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
1949
1961
|
declare const checkboxBoxVariants: (props?: ({
|
|
1950
|
-
size?: "
|
|
1962
|
+
size?: "md" | "sm" | null | undefined;
|
|
1951
1963
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1952
1964
|
declare const checkboxGroupItemVariants: (props?: ({
|
|
1953
|
-
appearance?: "
|
|
1965
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
1954
1966
|
density?: "compact" | "comfortable" | null | undefined;
|
|
1955
1967
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1956
1968
|
declare const checkboxGroupBoxVariants: (props?: ({
|
|
1957
|
-
appearance?: "
|
|
1969
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
1958
1970
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1959
1971
|
type CheckboxSize = NonNullable<VariantProps<typeof checkboxBoxVariants>["size"]>;
|
|
1960
1972
|
type CheckboxCheckedState = React.ComponentProps<typeof Checkbox$1.Root>["checked"];
|
|
@@ -1979,7 +1991,7 @@ interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof Check
|
|
|
1979
1991
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1980
1992
|
|
|
1981
1993
|
declare const checkboxGroupVariants: (props?: ({
|
|
1982
|
-
appearance?: "
|
|
1994
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
1983
1995
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
1984
1996
|
columns?: "one" | "two" | "three" | null | undefined;
|
|
1985
1997
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -2000,16 +2012,16 @@ interface CheckboxGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
|
2000
2012
|
declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
2001
2013
|
|
|
2002
2014
|
declare const radioGroupVariants: (props?: ({
|
|
2003
|
-
appearance?: "
|
|
2015
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
2004
2016
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
2005
2017
|
columns?: "one" | "two" | "three" | null | undefined;
|
|
2006
2018
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2007
2019
|
declare const radioVariants: (props?: ({
|
|
2008
|
-
appearance?: "
|
|
2020
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
2009
2021
|
density?: "compact" | "comfortable" | null | undefined;
|
|
2010
2022
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2011
2023
|
declare const radioControlVariants: (props?: ({
|
|
2012
|
-
appearance?: "
|
|
2024
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
2013
2025
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2014
2026
|
type RadioGroupAppearance = NonNullable<VariantProps<typeof radioGroupVariants>["appearance"]>;
|
|
2015
2027
|
type RadioGroupColumns = NonNullable<VariantProps<typeof radioGroupVariants>["columns"]>;
|
|
@@ -2153,4 +2165,4 @@ interface OrganizationLogoProps extends Omit<SVGProps<SVGSVGElement>, "width" |
|
|
|
2153
2165
|
}
|
|
2154
2166
|
declare function OrganizationLogo({ organization, size, className, style, role, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }: OrganizationLogoProps): react_jsx_runtime.JSX.Element;
|
|
2155
2167
|
|
|
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,
|
|
2168
|
+
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 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 };
|