@olundot/ui 0.20.0-next.9 → 0.20.0
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 +377 -0
- package/dist/index.d.ts +97 -58
- package/dist/index.js +640 -198
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -66,7 +66,7 @@ type GhostDefaultActionStyle = {
|
|
|
66
66
|
declare const buttonCva: (props?: ({
|
|
67
67
|
appearance?: "filled" | "outline" | "ghost" | "link" | null | undefined;
|
|
68
68
|
tone?: "primary" | "neutral" | "danger" | null | undefined;
|
|
69
|
-
size?: "
|
|
69
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | null | undefined;
|
|
70
70
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
71
71
|
type ButtonVariantsOptions = Parameters<typeof buttonCva>[0];
|
|
72
72
|
declare function buttonVariants(options?: ButtonVariantsOptions): string;
|
|
@@ -101,13 +101,13 @@ type CopyButtonProps = Omit<ButtonProps, 'appearance' | 'children' | 'loading' |
|
|
|
101
101
|
declare const CopyButton: React.ForwardRefExoticComponent<CopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
102
102
|
|
|
103
103
|
declare const inputVariants: (props?: ({
|
|
104
|
-
size?: "
|
|
104
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
105
105
|
fullWidth?: boolean | null | undefined;
|
|
106
106
|
surface?: SurfaceLevel | null | undefined;
|
|
107
107
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
108
108
|
declare const inputMessageVariants: (props?: ({
|
|
109
|
-
state?: "
|
|
110
|
-
size?: "
|
|
109
|
+
state?: "error" | "success" | "default" | null | undefined;
|
|
110
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
111
111
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
112
112
|
type InputState = NonNullable<VariantProps<typeof inputMessageVariants>["state"]>;
|
|
113
113
|
/** Canonical size type (0.2.0+). Use `size` prop with these values. */
|
|
@@ -155,11 +155,11 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
|
155
155
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
156
156
|
|
|
157
157
|
declare const fileUploadZoneVariants: (props?: ({
|
|
158
|
-
size?: "
|
|
158
|
+
size?: "compact" | "default" | null | undefined;
|
|
159
159
|
surface?: SurfaceLevel | null | undefined;
|
|
160
160
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
161
161
|
declare const fileUploadIconVariants: (props?: ({
|
|
162
|
-
size?: "
|
|
162
|
+
size?: "compact" | "default" | null | undefined;
|
|
163
163
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
164
164
|
interface FileUploadZoneProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange">, VariantProps<typeof fileUploadZoneVariants> {
|
|
165
165
|
accept?: string;
|
|
@@ -182,11 +182,15 @@ type AlertEmphasis = 'subtle' | 'strong';
|
|
|
182
182
|
type AlertMarker = 'icon' | 'dot';
|
|
183
183
|
interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children'> {
|
|
184
184
|
variant?: AlertVariant;
|
|
185
|
+
/** `subtle` (default) or `strong` (status-colored surface). */
|
|
185
186
|
emphasis?: AlertEmphasis;
|
|
186
187
|
/** Status mark before the title. `icon` (default) is the status icon, `dot` a small status dot. */
|
|
187
188
|
marker?: AlertMarker;
|
|
188
189
|
title: ReactNode;
|
|
189
|
-
|
|
190
|
+
/** Description under the title. Without it the alert is one line, centered. */
|
|
191
|
+
children?: ReactNode;
|
|
192
|
+
/** Control at the end of the title line, before the dismiss button. Narrow alerts put it under the text. */
|
|
193
|
+
action?: ReactNode;
|
|
190
194
|
onDismiss?: () => void;
|
|
191
195
|
}
|
|
192
196
|
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -199,12 +203,12 @@ interface InlineAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'childre
|
|
|
199
203
|
declare const InlineAlert: React.ForwardRefExoticComponent<InlineAlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
200
204
|
|
|
201
205
|
declare const textareaVariants: (props?: ({
|
|
202
|
-
size?: "
|
|
206
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
203
207
|
fullWidth?: boolean | null | undefined;
|
|
204
208
|
surface?: SurfaceLevel | null | undefined;
|
|
205
209
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
206
210
|
declare const textareaMessageVariants: (props?: ({
|
|
207
|
-
state?: "
|
|
211
|
+
state?: "error" | "success" | "default" | null | undefined;
|
|
208
212
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
209
213
|
type TextareaState = NonNullable<VariantProps<typeof textareaMessageVariants>["state"]>;
|
|
210
214
|
/** Canonical size type (0.2.0+). Use `size` prop with these values. */
|
|
@@ -253,14 +257,14 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
|
|
|
253
257
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
254
258
|
|
|
255
259
|
declare const selectVariants: (props?: ({
|
|
256
|
-
size?: "
|
|
260
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
257
261
|
fullWidth?: boolean | null | undefined;
|
|
258
262
|
appearance?: "inline" | "field" | null | undefined;
|
|
259
263
|
surface?: SurfaceLevel | null | undefined;
|
|
260
264
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
261
265
|
declare const selectMessageVariants: (props?: ({
|
|
262
|
-
state?: "
|
|
263
|
-
size?: "
|
|
266
|
+
state?: "error" | "success" | "default" | null | undefined;
|
|
267
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
264
268
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
265
269
|
type SelectState = NonNullable<VariantProps<typeof selectMessageVariants>["state"]>;
|
|
266
270
|
/** Canonical size type (0.2.0+). Use `size` prop with these values. */
|
|
@@ -707,8 +711,8 @@ type OverlayScrim = "blur" | "dim";
|
|
|
707
711
|
* Pure CSS, so SSR and hydration render the same tree at every width (no matchMedia swap).
|
|
708
712
|
*/
|
|
709
713
|
type DialogMobilePresentation = "center" | "sheet";
|
|
710
|
-
/** Structured Dialog width: 420 · 560 · 720. */
|
|
711
|
-
type DialogSize = "sm" | "md" | "lg";
|
|
714
|
+
/** Structured Dialog width: 420 · 560 · 720 · 960. */
|
|
715
|
+
type DialogSize = "sm" | "md" | "lg" | "xl";
|
|
712
716
|
/**
|
|
713
717
|
* Structured Dialog (spec §3.2): a center window for forms, pickers and long content. X + footer,
|
|
714
718
|
* outside click does not close, Escape does (not while submitting), the body scrolls inside the max
|
|
@@ -721,7 +725,10 @@ interface DialogProps {
|
|
|
721
725
|
title: string;
|
|
722
726
|
/** Line under the title, also the accessible description. */
|
|
723
727
|
description?: string;
|
|
724
|
-
/**
|
|
728
|
+
/**
|
|
729
|
+
* Box width: 420 · 560 · 720 · 960. Default `"md"`. `"xl"` is for content 720 cannot hold, such as
|
|
730
|
+
* two columns. Other widths are not supported.
|
|
731
|
+
*/
|
|
725
732
|
size?: DialogSize;
|
|
726
733
|
/** Body. Scrolls inside the box's max height. */
|
|
727
734
|
children: React.ReactNode;
|
|
@@ -850,6 +857,12 @@ interface InfoModalProps {
|
|
|
850
857
|
declare function InfoModal({ open, onOpenChange, title, description, children, closeLabel, footer, }: InfoModalProps): react_jsx_runtime.JSX.Element;
|
|
851
858
|
|
|
852
859
|
type FilterToolbarCollapseBelow = "sm" | "md" | "lg" | "never";
|
|
860
|
+
type FilterToolbarLayout = "flow" | "grid";
|
|
861
|
+
interface FilterToolbarAppliedFilter {
|
|
862
|
+
key: string;
|
|
863
|
+
label: string;
|
|
864
|
+
onRemove: () => void;
|
|
865
|
+
}
|
|
853
866
|
interface FilterToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
854
867
|
search?: React.ReactNode;
|
|
855
868
|
filters?: React.ReactNode;
|
|
@@ -861,6 +874,8 @@ interface FilterToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
861
874
|
resultSummary?: React.ReactNode;
|
|
862
875
|
clearAction?: React.ReactNode;
|
|
863
876
|
actions?: React.ReactNode;
|
|
877
|
+
layout?: FilterToolbarLayout;
|
|
878
|
+
appliedFilters?: FilterToolbarAppliedFilter[];
|
|
864
879
|
}
|
|
865
880
|
declare const FilterToolbar: React.ForwardRefExoticComponent<FilterToolbarProps & React.RefAttributes<HTMLDivElement>>;
|
|
866
881
|
|
|
@@ -880,7 +895,15 @@ interface ActionMenuItem {
|
|
|
880
895
|
description?: string;
|
|
881
896
|
/** Danger color (DropdownMenuItem `variant="destructive"`, the sheet row's error color). */
|
|
882
897
|
destructive?: boolean;
|
|
898
|
+
/** Not focusable and runs nothing. */
|
|
883
899
|
disabled?: boolean;
|
|
900
|
+
/**
|
|
901
|
+
* Why the item cannot run now. The item shows faded but stays in the focus order like the other
|
|
902
|
+
* items, named by its label alone; this line sits under the label at every width as its
|
|
903
|
+
* description (`aria-describedby`), and choosing the item runs nothing and leaves the menu open.
|
|
904
|
+
* Shown instead of `description`; wins over `disabled`.
|
|
905
|
+
*/
|
|
906
|
+
disabledReason?: string;
|
|
884
907
|
/** Runs after the menu has closed and focus is back on the trigger. */
|
|
885
908
|
onSelect: () => void;
|
|
886
909
|
}
|
|
@@ -1226,21 +1249,17 @@ interface BulkActionBarAction {
|
|
|
1226
1249
|
/** Disabled reason tooltip. */
|
|
1227
1250
|
title?: string;
|
|
1228
1251
|
}
|
|
1229
|
-
interface
|
|
1252
|
+
interface BulkActionBarBaseProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1230
1253
|
count: number;
|
|
1231
1254
|
actions: BulkActionBarAction[];
|
|
1232
1255
|
onClear: () => void;
|
|
1233
1256
|
emptyHint?: React.ReactNode;
|
|
1234
|
-
/**
|
|
1235
|
-
* `floating` (default) — pill stuck to the bottom of the list.
|
|
1236
|
-
* `inline` — full-width band stuck to the top, placed where the status line sits
|
|
1237
|
-
* under the toolbar. Render it BEFORE the list so it comes first in tab order.
|
|
1238
|
-
* Deprecated: `inline` is removed in the next minor.
|
|
1239
|
-
*/
|
|
1240
|
-
placement?: "floating" | "inline";
|
|
1241
1257
|
/** Count unit — `12명 선택됨`. Defaults to `개`. */
|
|
1242
1258
|
unit?: string;
|
|
1243
|
-
/**
|
|
1259
|
+
/**
|
|
1260
|
+
* Under the count in the floating card, next to it inline — e.g. an "이 조건의 3,214명
|
|
1261
|
+
* 모두 선택" link or a cap notice. The card wraps it at full width, never clips it.
|
|
1262
|
+
*/
|
|
1244
1263
|
summary?: React.ReactNode;
|
|
1245
1264
|
/**
|
|
1246
1265
|
* Inline only: a shorter `summary` (e.g. "모두 선택") swapped in when the band is too
|
|
@@ -1254,28 +1273,44 @@ interface BulkActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
1254
1273
|
* Takes precedence over `emptyHint`; with neither, the bar hides at count 0.
|
|
1255
1274
|
*/
|
|
1256
1275
|
idleContent?: React.ReactNode;
|
|
1276
|
+
}
|
|
1277
|
+
type BulkActionBarProps = BulkActionBarBaseProps & ({
|
|
1278
|
+
/** `floating` (default) — card stuck to the bottom of the list. */
|
|
1279
|
+
placement?: "floating";
|
|
1280
|
+
/** Not taken by the floating card: edit-mode controls go at the right end of the toolbar. */
|
|
1281
|
+
trailing?: never;
|
|
1282
|
+
} | {
|
|
1257
1283
|
/**
|
|
1258
|
-
*
|
|
1259
|
-
*
|
|
1260
|
-
*
|
|
1284
|
+
* `inline` — full-width band stuck to the top, placed where the status line sits
|
|
1285
|
+
* under the toolbar. Render it BEFORE the list so it comes first in tab order.
|
|
1286
|
+
* Deprecated: `inline` is removed in the next minor.
|
|
1287
|
+
*/
|
|
1288
|
+
placement: "inline";
|
|
1289
|
+
/**
|
|
1290
|
+
* Inline only: after the clear (✕) button — e.g. an edit-mode "완료" button. On the
|
|
1291
|
+
* idle line it sits at the right end, outside the `role="status"` region, so it is
|
|
1292
|
+
* not re-read whenever `idleContent` changes.
|
|
1261
1293
|
*/
|
|
1262
1294
|
trailing?: React.ReactNode;
|
|
1263
|
-
}
|
|
1295
|
+
});
|
|
1264
1296
|
/**
|
|
1265
1297
|
* OLUN BulkActionBar — multi-select table/list actions.
|
|
1266
1298
|
*
|
|
1267
|
-
* placement="floating" (default) is the bottom
|
|
1268
|
-
*
|
|
1269
|
-
*
|
|
1270
|
-
*
|
|
1271
|
-
*
|
|
1272
|
-
*
|
|
1273
|
-
*
|
|
1299
|
+
* placement="floating" (default) is a card at the bottom of the list: the count
|
|
1300
|
+
* with the clear (✕) button on its right, `summary` under it at full width, then
|
|
1301
|
+
* the actions as outline sm Buttons aligned right, wrapping onto more lines when
|
|
1302
|
+
* they do not fit. `variant: "destructive"` is outline danger. The card is
|
|
1303
|
+
* min(360px, its slot − 32px) wide; while it is near the viewport bottom the document root
|
|
1304
|
+
* carries `--olun-bulk-bar-offset` (viewport bottom → card top) for toasts to clear it.
|
|
1305
|
+
* DOM order stays count → actions → ✕. It takes no `trailing`.
|
|
1306
|
+
*
|
|
1307
|
+
* placement="inline" (deprecated) is a top-sticky band that replaces the status
|
|
1308
|
+
* line under the toolbar, so it comes before the rows in tab order. The band and
|
|
1309
|
+
* the idle line are one 40px line: a long `summary` is clipped or swapped for
|
|
1310
|
+
* `compactSummary`, never wrapped. Its actions are borderless text/icon buttons
|
|
1311
|
+
* between hairline dividers; `trailing` follows the clear button.
|
|
1274
1312
|
*
|
|
1275
|
-
*
|
|
1276
|
-
* hairline dividers — not filled Button components. Destructive actions read as
|
|
1277
|
-
* error-toned text (var(--error)), not a red filled button. Two dividers are
|
|
1278
|
-
* always rendered: count↔actions and actions↔clear.
|
|
1313
|
+
* `unit` sets the count unit, `idleContent` shows while nothing is selected.
|
|
1279
1314
|
*
|
|
1280
1315
|
* @example
|
|
1281
1316
|
* <BulkActionBar count={sel.size} onClear={clear}
|
|
@@ -1503,6 +1538,8 @@ interface ActionSheetItem {
|
|
|
1503
1538
|
onSelect: () => void;
|
|
1504
1539
|
destructive?: boolean;
|
|
1505
1540
|
disabled?: boolean;
|
|
1541
|
+
/** Why the row cannot run now: focusable, runs nothing, keeps the sheet open (see ActionMenuItem). */
|
|
1542
|
+
disabledReason?: string;
|
|
1506
1543
|
}
|
|
1507
1544
|
interface ActionSheetProps {
|
|
1508
1545
|
open: boolean;
|
|
@@ -1641,7 +1678,7 @@ interface StatusDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'ch
|
|
|
1641
1678
|
declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLSpanElement>>;
|
|
1642
1679
|
|
|
1643
1680
|
declare const notificationBadgeVariants: (props?: ({
|
|
1644
|
-
size?: "
|
|
1681
|
+
size?: "sm" | "md" | null | undefined;
|
|
1645
1682
|
placement?: "none" | "inline" | "corner" | null | undefined;
|
|
1646
1683
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1647
1684
|
type NotificationBadgeSize = NonNullable<VariantProps<typeof notificationBadgeVariants>['size']>;
|
|
@@ -1654,13 +1691,13 @@ declare const NotificationBadge: React.ForwardRefExoticComponent<NotificationBad
|
|
|
1654
1691
|
|
|
1655
1692
|
declare const chipVariants: (props?: ({
|
|
1656
1693
|
variant?: "filter" | "choice" | "removable" | "status-filter" | null | undefined;
|
|
1657
|
-
tone?: "
|
|
1658
|
-
size?: "
|
|
1694
|
+
tone?: "muted" | "accent" | "warning" | "success" | "neutral" | "danger" | null | undefined;
|
|
1695
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1659
1696
|
pressed?: boolean | null | undefined;
|
|
1660
1697
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1661
1698
|
declare const chipCountVariants: (props?: ({
|
|
1662
|
-
tone?: "
|
|
1663
|
-
size?: "
|
|
1699
|
+
tone?: "muted" | "accent" | "warning" | "success" | "neutral" | "danger" | null | undefined;
|
|
1700
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1664
1701
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1665
1702
|
type ChipVariant = NonNullable<VariantProps<typeof chipVariants>["variant"]>;
|
|
1666
1703
|
type ChipTone = NonNullable<VariantProps<typeof chipVariants>["tone"]>;
|
|
@@ -1674,7 +1711,7 @@ interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
|
1674
1711
|
declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1675
1712
|
|
|
1676
1713
|
declare const emptyStateBaseVariants: (props?: ({
|
|
1677
|
-
size?: "
|
|
1714
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1678
1715
|
bordered?: boolean | null | undefined;
|
|
1679
1716
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1680
1717
|
type EmptyStateTone = "neutral" | "muted" | "raised";
|
|
@@ -1686,7 +1723,7 @@ interface EmptyStateVariantOptions extends VariantProps<typeof emptyStateBaseVar
|
|
|
1686
1723
|
}
|
|
1687
1724
|
declare function emptyStateVariants({ size, tone, surface, bordered, className, }?: EmptyStateVariantOptions): string;
|
|
1688
1725
|
declare const emptyStateIconVariants: (props?: ({
|
|
1689
|
-
size?: "
|
|
1726
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1690
1727
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1691
1728
|
type EmptyStateSize = NonNullable<VariantProps<typeof emptyStateBaseVariants>["size"]>;
|
|
1692
1729
|
interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof emptyStateBaseVariants> {
|
|
@@ -1712,7 +1749,7 @@ interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ti
|
|
|
1712
1749
|
declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
|
|
1713
1750
|
|
|
1714
1751
|
declare const errorStateVariants: (props?: ({
|
|
1715
|
-
size?: "
|
|
1752
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1716
1753
|
surface?: SurfaceLevel | null | undefined;
|
|
1717
1754
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1718
1755
|
interface ErrorStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof errorStateVariants> {
|
|
@@ -1732,7 +1769,7 @@ declare const skeletonVariants: (props?: ({
|
|
|
1732
1769
|
shape?: "text" | "block" | "circle" | null | undefined;
|
|
1733
1770
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1734
1771
|
declare const spinnerVariants: (props?: ({
|
|
1735
|
-
size?: "
|
|
1772
|
+
size?: "sm" | "md" | "lg" | 16 | 24 | 32 | null | undefined;
|
|
1736
1773
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1737
1774
|
interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
|
|
1738
1775
|
}
|
|
@@ -1765,7 +1802,7 @@ interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
|
1765
1802
|
declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
|
|
1766
1803
|
|
|
1767
1804
|
declare const iconButtonCva: (props?: ({
|
|
1768
|
-
size?: "
|
|
1805
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
1769
1806
|
pressed?: boolean | null | undefined;
|
|
1770
1807
|
appearance?: "filled" | "outline" | "ghost" | null | undefined;
|
|
1771
1808
|
tone?: "primary" | "neutral" | "danger" | null | undefined;
|
|
@@ -1937,6 +1974,8 @@ interface ModeToggleOption<T extends string> {
|
|
|
1937
1974
|
value: T;
|
|
1938
1975
|
label: string;
|
|
1939
1976
|
icon?: LucideIcon;
|
|
1977
|
+
/** 라벨 뒤 개수 알약입니다. 0 이상의 정수만 보이고, 100부터는 `99+`로 보입니다. 접근 이름에는 실제 수가 들어갑니다. */
|
|
1978
|
+
count?: number;
|
|
1940
1979
|
disabled?: boolean;
|
|
1941
1980
|
}
|
|
1942
1981
|
interface ModeToggleProps<T extends string> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
@@ -1979,7 +2018,7 @@ interface ActionFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
|
|
|
1979
2018
|
declare const ActionFooter: React.ForwardRefExoticComponent<ActionFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
1980
2019
|
|
|
1981
2020
|
declare const toastVariants: (props?: ({
|
|
1982
|
-
variant?: "
|
|
2021
|
+
variant?: "error" | "warning" | "info" | "success" | "default" | null | undefined;
|
|
1983
2022
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1984
2023
|
declare const toastViewportVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
1985
2024
|
type ToastVariant = NonNullable<VariantProps<typeof toastVariants>['variant']>;
|
|
@@ -2033,19 +2072,19 @@ interface ToastProviderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
2033
2072
|
declare function ToastProvider({ children, maxToasts, className, ...props }: ToastProviderProps): react_jsx_runtime.JSX.Element;
|
|
2034
2073
|
|
|
2035
2074
|
declare const otpFieldVariants: (props?: ({
|
|
2036
|
-
size?: "
|
|
2075
|
+
size?: "compact" | "default" | null | undefined;
|
|
2037
2076
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2038
2077
|
declare const otpFieldGroupVariants: (props?: ({
|
|
2039
|
-
size?: "
|
|
2078
|
+
size?: "compact" | "default" | null | undefined;
|
|
2040
2079
|
fluid?: boolean | null | undefined;
|
|
2041
2080
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2042
2081
|
declare const otpCellVariants: (props?: ({
|
|
2043
|
-
size?: "
|
|
2082
|
+
size?: "compact" | "default" | null | undefined;
|
|
2044
2083
|
fluid?: boolean | null | undefined;
|
|
2045
2084
|
surface?: SurfaceLevel | null | undefined;
|
|
2046
2085
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2047
2086
|
declare const otpFieldMessageVariants: (props?: ({
|
|
2048
|
-
state?: "
|
|
2087
|
+
state?: "error" | "default" | null | undefined;
|
|
2049
2088
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2050
2089
|
type OTPFieldSize = NonNullable<VariantProps<typeof otpCellVariants>["size"]>;
|
|
2051
2090
|
interface OTPFieldProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "onChange" | "children" | "defaultValue" | "value">, VariantProps<typeof otpFieldVariants> {
|
|
@@ -2072,10 +2111,10 @@ interface OTPFieldProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetEl
|
|
|
2072
2111
|
declare const OTPField: React.ForwardRefExoticComponent<OTPFieldProps & React.RefAttributes<HTMLFieldSetElement>>;
|
|
2073
2112
|
|
|
2074
2113
|
declare const searchFieldVariants: (props?: ({
|
|
2075
|
-
size?: "
|
|
2114
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
2076
2115
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2077
2116
|
declare const searchFieldInputVariants: (props?: ({
|
|
2078
|
-
size?: "
|
|
2117
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
2079
2118
|
hasClear?: boolean | null | undefined;
|
|
2080
2119
|
surface?: SurfaceLevel | null | undefined;
|
|
2081
2120
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -2099,7 +2138,7 @@ declare const checkboxVariants: (props?: ({
|
|
|
2099
2138
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2100
2139
|
declare const checkboxRootVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
2101
2140
|
declare const checkboxBoxVariants: (props?: ({
|
|
2102
|
-
size?: "
|
|
2141
|
+
size?: "sm" | "md" | null | undefined;
|
|
2103
2142
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2104
2143
|
declare const checkboxGroupItemVariants: (props?: ({
|
|
2105
2144
|
appearance?: "card" | "plain" | null | undefined;
|
|
@@ -2306,4 +2345,4 @@ interface OrganizationLogoProps extends Omit<SVGProps<SVGSVGElement>, "width" |
|
|
|
2306
2345
|
}
|
|
2307
2346
|
declare function OrganizationLogo({ organization, size, className, style, role, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }: OrganizationLogoProps): react_jsx_runtime.JSX.Element;
|
|
2308
2347
|
|
|
2309
|
-
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 AlertMarker, 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 DataTableRowActions, 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, 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, TABLE_PAGE_SIZE_OPTIONS, type TabItem, TablePagination, type TablePaginationProps, type TablePaginationVisibility, 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, shouldHideTablePagination, skeletonVariants, spinnerVariants, tabsBadgeVariants, tabsListVariants, tabsRootVariants, tabsTriggerVariants, textareaMessageVariants, textareaVariants, toast, toastVariants, toastViewportVariants, treeItemRowVariants, treeViewVariants, useOlunTheme, usePermission };
|
|
2348
|
+
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 AlertMarker, 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 DataTableRowActions, 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 FilterToolbarAppliedFilter, type FilterToolbarCollapseBelow, type FilterToolbarLayout, 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, 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, TABLE_PAGE_SIZE_OPTIONS, type TabItem, TablePagination, type TablePaginationProps, type TablePaginationVisibility, 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, shouldHideTablePagination, skeletonVariants, spinnerVariants, tabsBadgeVariants, tabsListVariants, tabsRootVariants, tabsTriggerVariants, textareaMessageVariants, textareaVariants, toast, toastVariants, toastViewportVariants, treeItemRowVariants, treeViewVariants, useOlunTheme, usePermission };
|