@olundot/ui 0.3.0 → 0.5.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 +47 -1
- package/README.md +9 -1
- package/dist/index.d.ts +248 -125
- package/dist/index.js +1811 -1393
- package/dist/tailwind.preset.js +2 -0
- package/dist/tokens.css +59 -23
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -9,8 +9,30 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
9
9
|
|
|
10
10
|
declare function cn(...inputs: ClassValue[]): string;
|
|
11
11
|
|
|
12
|
+
type OlunTheme = "light" | "dark";
|
|
13
|
+
type OlunThemeDuration = "instant" | "fast" | "base" | "slow" | "slower" | "slowest";
|
|
14
|
+
interface OlunThemeState {
|
|
15
|
+
theme: OlunTheme;
|
|
16
|
+
resolvedTheme: OlunTheme;
|
|
17
|
+
storedTheme: OlunTheme | null;
|
|
18
|
+
source: "attribute" | "stored" | "system" | "default";
|
|
19
|
+
}
|
|
20
|
+
interface SetOlunThemeOptions {
|
|
21
|
+
duration?: OlunThemeDuration;
|
|
22
|
+
}
|
|
23
|
+
interface UseOlunThemeValue extends OlunThemeState {
|
|
24
|
+
mounted: boolean;
|
|
25
|
+
setTheme: (nextTheme: OlunTheme, options?: SetOlunThemeOptions) => void;
|
|
26
|
+
toggleTheme: (options?: SetOlunThemeOptions) => void;
|
|
27
|
+
}
|
|
28
|
+
declare function getOlunThemeState(): OlunThemeState;
|
|
29
|
+
declare function setOlunTheme(nextTheme: OlunTheme, options?: SetOlunThemeOptions): void;
|
|
30
|
+
declare function useOlunTheme(): UseOlunThemeValue;
|
|
31
|
+
|
|
32
|
+
type SurfaceLevel = "surface" | "canvas" | "raised";
|
|
33
|
+
|
|
12
34
|
declare const buttonVariants: (props?: ({
|
|
13
|
-
variant?: "primary" | "outline" | "ghost" | "danger" | "emergency" | "subtle" | "
|
|
35
|
+
variant?: "default" | "primary" | "outline" | "ghost" | "danger" | "emergency" | "subtle" | "destructive" | "secondary" | "link" | null | undefined;
|
|
14
36
|
size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "icon-xs" | null | undefined;
|
|
15
37
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
16
38
|
type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>['variant']>;
|
|
@@ -45,9 +67,10 @@ declare const CopyButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "siz
|
|
|
45
67
|
declare const inputVariants: (props?: ({
|
|
46
68
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
47
69
|
fullWidth?: boolean | null | undefined;
|
|
70
|
+
surface?: SurfaceLevel | null | undefined;
|
|
48
71
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
49
72
|
declare const inputMessageVariants: (props?: ({
|
|
50
|
-
state?: "default" | "
|
|
73
|
+
state?: "default" | "error" | "success" | null | undefined;
|
|
51
74
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
52
75
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
53
76
|
type InputState = NonNullable<VariantProps<typeof inputMessageVariants>["state"]>;
|
|
@@ -78,6 +101,11 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
|
78
101
|
* - `false`: `w-fit` — shrinks to the intrinsic content width.
|
|
79
102
|
*/
|
|
80
103
|
fullWidth?: boolean;
|
|
104
|
+
/**
|
|
105
|
+
* Background level for the normal field surface. State styles such as
|
|
106
|
+
* disabled, readOnly, error, and success take precedence.
|
|
107
|
+
*/
|
|
108
|
+
surface?: SurfaceLevel;
|
|
81
109
|
invalid?: boolean;
|
|
82
110
|
label?: React.ReactNode;
|
|
83
111
|
/**
|
|
@@ -92,6 +120,7 @@ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttri
|
|
|
92
120
|
|
|
93
121
|
declare const fileUploadZoneVariants: (props?: ({
|
|
94
122
|
size?: "default" | "compact" | null | undefined;
|
|
123
|
+
surface?: SurfaceLevel | null | undefined;
|
|
95
124
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
96
125
|
declare const fileUploadIconVariants: (props?: ({
|
|
97
126
|
size?: "default" | "compact" | null | undefined;
|
|
@@ -104,14 +133,19 @@ interface FileUploadZoneProps extends Omit<React.LabelHTMLAttributes<HTMLLabelEl
|
|
|
104
133
|
hint?: React.ReactNode;
|
|
105
134
|
error?: React.ReactNode;
|
|
106
135
|
disabled?: boolean;
|
|
136
|
+
/**
|
|
137
|
+
* Background level for the normal drop zone. Dragging, selected-file, error,
|
|
138
|
+
* focus, hover, and disabled states take precedence.
|
|
139
|
+
*/
|
|
140
|
+
surface?: SurfaceLevel;
|
|
107
141
|
}
|
|
108
142
|
declare const FileUploadZone: React.ForwardRefExoticComponent<FileUploadZoneProps & React.RefAttributes<HTMLLabelElement>>;
|
|
109
143
|
|
|
110
144
|
declare const alertVariants: (props?: ({
|
|
111
|
-
variant?: "
|
|
145
|
+
variant?: "error" | "success" | "info" | "warning" | null | undefined;
|
|
112
146
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
113
147
|
declare const inlineAlertVariants: (props?: ({
|
|
114
|
-
variant?: "
|
|
148
|
+
variant?: "error" | "success" | "info" | "warning" | null | undefined;
|
|
115
149
|
surface?: "filled" | "plain" | null | undefined;
|
|
116
150
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
117
151
|
type AlertVariant = NonNullable<VariantProps<typeof alertVariants>['variant']>;
|
|
@@ -138,9 +172,10 @@ declare const InlineAlert: React.ForwardRefExoticComponent<InlineAlertProps & Re
|
|
|
138
172
|
declare const textareaVariants: (props?: ({
|
|
139
173
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
140
174
|
fullWidth?: boolean | null | undefined;
|
|
175
|
+
surface?: SurfaceLevel | null | undefined;
|
|
141
176
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
142
177
|
declare const textareaMessageVariants: (props?: ({
|
|
143
|
-
state?: "default" | "
|
|
178
|
+
state?: "default" | "error" | "success" | null | undefined;
|
|
144
179
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
145
180
|
type TextareaState = NonNullable<VariantProps<typeof textareaMessageVariants>["state"]>;
|
|
146
181
|
/** Canonical size type (0.2.0+). Use `size` prop with these values. */
|
|
@@ -170,6 +205,11 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
|
|
|
170
205
|
* - `false`: `w-fit` — shrinks to the intrinsic content width.
|
|
171
206
|
*/
|
|
172
207
|
fullWidth?: boolean;
|
|
208
|
+
/**
|
|
209
|
+
* Background level for the normal field surface. State styles such as
|
|
210
|
+
* disabled, readOnly, error, and success take precedence.
|
|
211
|
+
*/
|
|
212
|
+
surface?: SurfaceLevel;
|
|
173
213
|
invalid?: boolean;
|
|
174
214
|
label?: React.ReactNode;
|
|
175
215
|
/**
|
|
@@ -187,9 +227,10 @@ declare const selectVariants: (props?: ({
|
|
|
187
227
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
188
228
|
fullWidth?: boolean | null | undefined;
|
|
189
229
|
appearance?: "inline" | "field" | null | undefined;
|
|
230
|
+
surface?: SurfaceLevel | null | undefined;
|
|
190
231
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
191
232
|
declare const selectMessageVariants: (props?: ({
|
|
192
|
-
state?: "default" | "
|
|
233
|
+
state?: "default" | "error" | "success" | null | undefined;
|
|
193
234
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
194
235
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
195
236
|
type SelectState = NonNullable<VariantProps<typeof selectMessageVariants>["state"]>;
|
|
@@ -249,6 +290,11 @@ interface SelectProps extends Omit<React.ComponentPropsWithoutRef<typeof Select$
|
|
|
249
290
|
* Combine with `fullWidth={false}` to replicate the legacy `selectVariant="inline"` behavior.
|
|
250
291
|
*/
|
|
251
292
|
appearance?: SelectAppearance;
|
|
293
|
+
/**
|
|
294
|
+
* Background level for the normal trigger surface. Disabled and invalid
|
|
295
|
+
* states take precedence. Dropdown content keeps the overlay surface contract.
|
|
296
|
+
*/
|
|
297
|
+
surface?: SurfaceLevel;
|
|
252
298
|
/**
|
|
253
299
|
* @deprecated Use `fullWidth={false} + appearance="inline"` instead.
|
|
254
300
|
* - `"inline"` → resolves to `fullWidth=false, appearance="inline"`.
|
|
@@ -279,7 +325,7 @@ declare const formFieldVariants: (props?: ({
|
|
|
279
325
|
* @deprecated Use `<Label>` primitive instead. This className alias is kept for
|
|
280
326
|
* 1 cycle (0.2.0 → 0.3.0 removal) for raw label patterns.
|
|
281
327
|
*/
|
|
282
|
-
declare const formFieldLabelClassName = "text-body-sm font-medium leading-snug text-text-secondary";
|
|
328
|
+
declare const formFieldLabelClassName = "pl-[var(--space-0-5)] pb-[var(--space-0-5)] text-body-sm font-medium leading-snug text-text-secondary";
|
|
283
329
|
declare const formFieldRequiredClassName = "ml-[2px] text-[var(--semantic-error,var(--error))]";
|
|
284
330
|
declare const formFieldDescriptionClassName = "text-[12px] leading-snug text-text-tertiary";
|
|
285
331
|
declare const formFieldErrorClassName = "text-[12px] leading-snug text-[var(--semantic-error,var(--error))]";
|
|
@@ -324,7 +370,8 @@ interface LabelProps extends React.ComponentPropsWithoutRef<typeof Label$1.Root>
|
|
|
324
370
|
* required-marker behaviour across form fields.
|
|
325
371
|
*
|
|
326
372
|
* Matches the visual spec of `formFieldLabelClassName` in form-field.tsx:
|
|
327
|
-
* 13 px / medium / 1.35 leading / --text-secondary
|
|
373
|
+
* 13 px / medium / 1.35 leading / --text-secondary with 4px
|
|
374
|
+
* inline-start and block-end rhythm padding.
|
|
328
375
|
*
|
|
329
376
|
* @example
|
|
330
377
|
* <Label htmlFor="email">이메일</Label>
|
|
@@ -377,61 +424,24 @@ declare function usePermission(permission: string, scope?: PermissionScope): boo
|
|
|
377
424
|
declare function evaluatePermission(permission: string, state?: PermissionEvaluator, scope?: PermissionScope): boolean;
|
|
378
425
|
declare function PermissionGuard({ permission, children, fallback, scope, permissions, disabledReason, }: PermissionGuardProps): react_jsx_runtime.JSX.Element | null;
|
|
379
426
|
|
|
380
|
-
declare const
|
|
381
|
-
|
|
382
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
383
|
-
declare const choiceRowVariants: (props?: ({
|
|
384
|
-
interactive?: boolean | null | undefined;
|
|
385
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
386
|
-
declare const choiceMarkerVariants: (props?: ({
|
|
387
|
-
interactive?: boolean | null | undefined;
|
|
427
|
+
declare const cardBaseVariants: (props?: ({
|
|
428
|
+
variant?: "default" | "elevated" | "notice" | "interactive" | null | undefined;
|
|
388
429
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
type ChoiceGroupType = "single" | "multi";
|
|
393
|
-
type ChoiceGroupVariant = "default" | "review-only" | "corrected-answer-display";
|
|
394
|
-
interface ChoiceGroupOption {
|
|
395
|
-
value: string;
|
|
396
|
-
body: React.ReactNode;
|
|
397
|
-
description?: React.ReactNode;
|
|
398
|
-
disabled?: boolean;
|
|
399
|
-
correct?: boolean;
|
|
400
|
-
}
|
|
401
|
-
type AccessibleGroupName$1 = {
|
|
402
|
-
"aria-label": string;
|
|
403
|
-
"aria-labelledby"?: never;
|
|
404
|
-
} | {
|
|
405
|
-
"aria-label"?: never;
|
|
406
|
-
"aria-labelledby": string;
|
|
407
|
-
};
|
|
408
|
-
interface ChoiceGroupBaseProps {
|
|
430
|
+
type CardVariant = NonNullable<VariantProps<typeof cardBaseVariants>["variant"]>;
|
|
431
|
+
interface CardVariantOptions extends VariantProps<typeof cardBaseVariants> {
|
|
432
|
+
surface?: SurfaceLevel;
|
|
409
433
|
className?: string;
|
|
410
|
-
options: readonly ChoiceGroupOption[];
|
|
411
|
-
variant?: ChoiceGroupVariant;
|
|
412
|
-
type: ChoiceGroupType;
|
|
413
|
-
name?: string;
|
|
414
434
|
}
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
onValueChange?: (value: string[]) => void;
|
|
426
|
-
};
|
|
427
|
-
type ChoiceGroupProps = ChoiceGroupSingleProps | ChoiceGroupMultiProps;
|
|
428
|
-
declare const ChoiceGroup: React.ForwardRefExoticComponent<ChoiceGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
429
|
-
|
|
430
|
-
declare const cardVariants: (props?: ({
|
|
431
|
-
variant?: "default" | "interactive" | "elevated" | "notice" | null | undefined;
|
|
432
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
433
|
-
type CardVariant = NonNullable<VariantProps<typeof cardVariants>["variant"]>;
|
|
434
|
-
interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
|
|
435
|
+
declare function cardVariants({ variant, surface, className }?: CardVariantOptions): string;
|
|
436
|
+
interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardBaseVariants> {
|
|
437
|
+
/**
|
|
438
|
+
* Background level for the card surface. When omitted, `variant` chooses the
|
|
439
|
+
* default (`elevated` maps to `raised`, all others map to `surface`).
|
|
440
|
+
* Selected and disabled states take precedence.
|
|
441
|
+
*/
|
|
442
|
+
surface?: SurfaceLevel;
|
|
443
|
+
selected?: boolean;
|
|
444
|
+
disabled?: boolean;
|
|
435
445
|
}
|
|
436
446
|
declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
437
447
|
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -508,8 +518,17 @@ interface WizardLayoutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "
|
|
|
508
518
|
}
|
|
509
519
|
declare const WizardLayout: React.ForwardRefExoticComponent<WizardLayoutProps & React.RefAttributes<HTMLDivElement>>;
|
|
510
520
|
|
|
511
|
-
declare const
|
|
512
|
-
|
|
521
|
+
declare const tabsRootVariants: (props?: ({
|
|
522
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
523
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
524
|
+
declare const tabsListVariants: (props?: ({
|
|
525
|
+
variant?: "line" | "contained" | null | undefined;
|
|
526
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
527
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
528
|
+
declare const tabsTriggerVariants: (props?: ({
|
|
529
|
+
variant?: "line" | "contained" | null | undefined;
|
|
530
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
531
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
513
532
|
declare const tabsBadgeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
514
533
|
interface TabItem {
|
|
515
534
|
key: string;
|
|
@@ -518,10 +537,12 @@ interface TabItem {
|
|
|
518
537
|
disabled?: boolean;
|
|
519
538
|
}
|
|
520
539
|
type TabsListVariantProps = VariantProps<typeof tabsListVariants>;
|
|
521
|
-
|
|
540
|
+
type TabsVariant = NonNullable<TabsListVariantProps["variant"]>;
|
|
541
|
+
interface TabsProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs$1.Root>, 'value' | 'onValueChange' | 'defaultValue' | 'onChange'> {
|
|
522
542
|
tabs: TabItem[];
|
|
523
543
|
activeKey: string;
|
|
524
544
|
onChange: (key: string) => void;
|
|
545
|
+
variant?: TabsVariant;
|
|
525
546
|
baseId?: string;
|
|
526
547
|
listClassName?: string;
|
|
527
548
|
triggerClassName?: string;
|
|
@@ -576,6 +597,10 @@ interface FormLayoutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ch
|
|
|
576
597
|
editorSectionId?: string;
|
|
577
598
|
sectionClassName?: string;
|
|
578
599
|
contentClassName?: string;
|
|
600
|
+
/**
|
|
601
|
+
* Background level for section containers.
|
|
602
|
+
*/
|
|
603
|
+
surface?: SurfaceLevel;
|
|
579
604
|
}
|
|
580
605
|
declare const FormLayout: React.ForwardRefExoticComponent<FormLayoutProps & React.RefAttributes<HTMLDivElement>>;
|
|
581
606
|
|
|
@@ -617,6 +642,7 @@ declare const FilterToolbar: React.ForwardRefExoticComponent<FilterToolbarProps
|
|
|
617
642
|
|
|
618
643
|
declare const dataTableVariants: (props?: ({
|
|
619
644
|
density?: "compact" | "standard" | null | undefined;
|
|
645
|
+
surface?: SurfaceLevel | null | undefined;
|
|
620
646
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
621
647
|
declare const dataTableRowVariants: (props?: ({
|
|
622
648
|
interactive?: boolean | null | undefined;
|
|
@@ -654,6 +680,11 @@ interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, '
|
|
|
654
680
|
bulkActions?: DataTableBulkAction[];
|
|
655
681
|
rowHref?: (row: T) => string;
|
|
656
682
|
skeletonRowCount?: number;
|
|
683
|
+
/**
|
|
684
|
+
* Background level for the table container. Header, selected rows, active
|
|
685
|
+
* selection bars, loading, and empty states keep their own state styling.
|
|
686
|
+
*/
|
|
687
|
+
surface?: SurfaceLevel;
|
|
657
688
|
}
|
|
658
689
|
type DataTableComponent = (<T>(props: DataTableProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null) & {
|
|
659
690
|
displayName?: string;
|
|
@@ -704,7 +735,15 @@ declare function Avatar({ className, size, ...props }: React.ComponentProps<type
|
|
|
704
735
|
size?: "sm" | "md" | "lg";
|
|
705
736
|
}): react_jsx_runtime.JSX.Element;
|
|
706
737
|
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
|
|
707
|
-
|
|
738
|
+
interface AvatarFallbackProps extends React.ComponentProps<typeof Avatar$1.Fallback> {
|
|
739
|
+
/**
|
|
740
|
+
* Full display name used to derive a compact fallback glyph.
|
|
741
|
+
* Korean names render the first visible grapheme, e.g. "이민준" -> "이".
|
|
742
|
+
* `children` wins when both are provided.
|
|
743
|
+
*/
|
|
744
|
+
name?: string;
|
|
745
|
+
}
|
|
746
|
+
declare function AvatarFallback({ className, children, name, ...props }: AvatarFallbackProps): react_jsx_runtime.JSX.Element;
|
|
708
747
|
|
|
709
748
|
declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
|
|
710
749
|
declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
@@ -729,12 +768,21 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
|
|
|
729
768
|
}): react_jsx_runtime.JSX.Element;
|
|
730
769
|
declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react_jsx_runtime.JSX.Element;
|
|
731
770
|
|
|
771
|
+
type SheetMotionType = "slide" | "fade";
|
|
772
|
+
type SheetMotionDuration = number | `${number}ms` | `${number}s`;
|
|
773
|
+
type SheetMotionEasing = "standard" | "decel" | "accel" | "sharp" | "bounce";
|
|
774
|
+
type SheetMotionConfig = {
|
|
775
|
+
type?: SheetMotionType;
|
|
776
|
+
duration?: SheetMotionDuration;
|
|
777
|
+
easing?: SheetMotionEasing;
|
|
778
|
+
};
|
|
732
779
|
declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
|
|
733
780
|
declare function SheetTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
734
781
|
declare function SheetClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
|
|
735
|
-
declare function SheetContent({ className, children, side, mobileSide, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
|
|
782
|
+
declare function SheetContent({ className, children, side, mobileSide, motion, showCloseButton, style, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
|
|
736
783
|
side?: "top" | "right" | "bottom" | "left";
|
|
737
784
|
mobileSide?: "top" | "right" | "bottom" | "left";
|
|
785
|
+
motion?: SheetMotionConfig | false;
|
|
738
786
|
showCloseButton?: boolean;
|
|
739
787
|
}): react_jsx_runtime.JSX.Element;
|
|
740
788
|
declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
@@ -751,11 +799,15 @@ interface SheetDrawerProps {
|
|
|
751
799
|
expandHref?: string;
|
|
752
800
|
onExpand?: () => void;
|
|
753
801
|
expandLabel?: string;
|
|
802
|
+
expanded?: boolean;
|
|
803
|
+
onExpandedChange?: (expanded: boolean) => void;
|
|
804
|
+
collapseLabel?: string;
|
|
754
805
|
footer?: React.ReactNode;
|
|
755
|
-
width?: "default" | "wide";
|
|
806
|
+
width?: "default" | "wide" | "full";
|
|
807
|
+
motion?: SheetMotionConfig | false;
|
|
756
808
|
closeLabel?: string;
|
|
757
809
|
}
|
|
758
|
-
declare function SheetDrawer({ open, onOpenChange, title, description, children, expandHref, onExpand, expandLabel, footer, width, closeLabel, }: SheetDrawerProps): react_jsx_runtime.JSX.Element;
|
|
810
|
+
declare function SheetDrawer({ open, onOpenChange, title, description, children, expandHref, onExpand, expandLabel, expanded, onExpandedChange, collapseLabel, footer, width, motion, closeLabel, }: SheetDrawerProps): react_jsx_runtime.JSX.Element;
|
|
759
811
|
|
|
760
812
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
761
813
|
interface TooltipProps extends React.ComponentProps<typeof Tooltip$1.Root> {
|
|
@@ -821,7 +873,7 @@ declare const twoTierBadgeVariants: (props?: ({
|
|
|
821
873
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
822
874
|
declare const twoTierBadgeLineVariants: (props?: ({
|
|
823
875
|
tier?: "primary" | "secondary" | null | undefined;
|
|
824
|
-
intent?: "
|
|
876
|
+
intent?: "danger" | "success" | "warning" | "neutral" | "brand" | "muted" | null | undefined;
|
|
825
877
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
826
878
|
type TwoTierBadgeIntent = NonNullable<VariantProps<typeof twoTierBadgeLineVariants>["intent"]>;
|
|
827
879
|
interface TwoTierBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof twoTierBadgeVariants> {
|
|
@@ -835,7 +887,7 @@ interface TwoTierBadgeProps extends React.HTMLAttributes<HTMLDivElement>, Varian
|
|
|
835
887
|
declare const TwoTierBadge: React.ForwardRefExoticComponent<TwoTierBadgeProps & React.RefAttributes<HTMLDivElement>>;
|
|
836
888
|
|
|
837
889
|
declare const statusBadgeVariants: (props?: ({
|
|
838
|
-
status?: "
|
|
890
|
+
status?: "error" | "success" | "info" | "warning" | "active" | "pending" | "archived" | null | undefined;
|
|
839
891
|
size?: "xs" | "sm" | "md" | null | undefined;
|
|
840
892
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
841
893
|
declare const statusBadgeDotVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
@@ -843,9 +895,9 @@ type StatusBadgeStatus = NonNullable<VariantProps<typeof statusBadgeVariants>["s
|
|
|
843
895
|
interface StatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusBadgeVariants> {
|
|
844
896
|
showDot?: boolean;
|
|
845
897
|
/**
|
|
846
|
-
* Dot pulse animation
|
|
847
|
-
*
|
|
848
|
-
*
|
|
898
|
+
* Dot pulse animation. Use the default live cue for current/active states and
|
|
899
|
+
* `pulse={false}` for historical or static status labels.
|
|
900
|
+
* `motion-reduce` environments automatically disable the animation.
|
|
849
901
|
*/
|
|
850
902
|
pulse?: boolean;
|
|
851
903
|
}
|
|
@@ -884,16 +936,27 @@ interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
|
884
936
|
}
|
|
885
937
|
declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
|
|
886
938
|
|
|
887
|
-
declare const
|
|
939
|
+
declare const emptyStateBaseVariants: (props?: ({
|
|
888
940
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
889
|
-
tone?: "neutral" | "muted" | "raised" | null | undefined;
|
|
890
941
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
942
|
+
type EmptyStateTone = "neutral" | "muted" | "raised";
|
|
943
|
+
interface EmptyStateVariantOptions extends VariantProps<typeof emptyStateBaseVariants> {
|
|
944
|
+
tone?: EmptyStateTone;
|
|
945
|
+
surface?: SurfaceLevel;
|
|
946
|
+
className?: string;
|
|
947
|
+
}
|
|
948
|
+
declare function emptyStateVariants({ size, tone, surface, className }?: EmptyStateVariantOptions): string;
|
|
891
949
|
declare const emptyStateIconVariants: (props?: ({
|
|
892
950
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
893
951
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
894
|
-
type EmptyStateSize = NonNullable<VariantProps<typeof
|
|
895
|
-
|
|
896
|
-
|
|
952
|
+
type EmptyStateSize = NonNullable<VariantProps<typeof emptyStateBaseVariants>["size"]>;
|
|
953
|
+
interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof emptyStateBaseVariants> {
|
|
954
|
+
tone?: EmptyStateTone;
|
|
955
|
+
/**
|
|
956
|
+
* Background level for the empty-state container. When provided, this
|
|
957
|
+
* overrides the legacy `tone` background mapping.
|
|
958
|
+
*/
|
|
959
|
+
surface?: SurfaceLevel;
|
|
897
960
|
icon?: LucideIcon;
|
|
898
961
|
title: React.ReactNode;
|
|
899
962
|
description?: React.ReactNode;
|
|
@@ -904,8 +967,13 @@ declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & Reac
|
|
|
904
967
|
|
|
905
968
|
declare const errorStateVariants: (props?: ({
|
|
906
969
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
970
|
+
surface?: SurfaceLevel | null | undefined;
|
|
907
971
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
908
972
|
interface ErrorStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof errorStateVariants> {
|
|
973
|
+
/**
|
|
974
|
+
* Background level for the error-state container.
|
|
975
|
+
*/
|
|
976
|
+
surface?: SurfaceLevel;
|
|
909
977
|
title?: React.ReactNode;
|
|
910
978
|
message?: React.ReactNode;
|
|
911
979
|
errorCode?: string;
|
|
@@ -935,6 +1003,10 @@ interface SkeletonRowColumn {
|
|
|
935
1003
|
interface SkeletonRowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
936
1004
|
columns: SkeletonRowColumn[];
|
|
937
1005
|
count?: number;
|
|
1006
|
+
/**
|
|
1007
|
+
* Background level for the row group container. Shimmer bars remain raised.
|
|
1008
|
+
*/
|
|
1009
|
+
surface?: SurfaceLevel;
|
|
938
1010
|
}
|
|
939
1011
|
declare const SkeletonRow: React.ForwardRefExoticComponent<SkeletonRowProps & React.RefAttributes<HTMLDivElement>>;
|
|
940
1012
|
interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
@@ -1013,6 +1085,7 @@ declare function ModeToggle<T extends string>({ className, itemClassName, option
|
|
|
1013
1085
|
|
|
1014
1086
|
declare const actionFooterVariants: (props?: ({
|
|
1015
1087
|
position?: "fixed" | "static" | "sticky" | null | undefined;
|
|
1088
|
+
surface?: SurfaceLevel | null | undefined;
|
|
1016
1089
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1017
1090
|
declare const actionFooterStatusVariants: (props?: ({
|
|
1018
1091
|
kind?: "error" | "saving" | "saved" | null | undefined;
|
|
@@ -1035,11 +1108,15 @@ interface ActionFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
|
|
|
1035
1108
|
status?: ActionFooterStatus;
|
|
1036
1109
|
actions: ActionFooterAction[];
|
|
1037
1110
|
permissions?: readonly string[] | ((permission: string) => boolean);
|
|
1111
|
+
/**
|
|
1112
|
+
* Background level for the footer strip.
|
|
1113
|
+
*/
|
|
1114
|
+
surface?: SurfaceLevel;
|
|
1038
1115
|
}
|
|
1039
1116
|
declare const ActionFooter: React.ForwardRefExoticComponent<ActionFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
1040
1117
|
|
|
1041
1118
|
declare const toastVariants: (props?: ({
|
|
1042
|
-
variant?: "default" | "
|
|
1119
|
+
variant?: "default" | "error" | "success" | "info" | "warning" | null | undefined;
|
|
1043
1120
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1044
1121
|
declare const toastViewportVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
1045
1122
|
type ToastVariant = NonNullable<VariantProps<typeof toastVariants>['variant']>;
|
|
@@ -1087,6 +1164,7 @@ declare const otpFieldGroupVariants: (props?: ({
|
|
|
1087
1164
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1088
1165
|
declare const otpCellVariants: (props?: ({
|
|
1089
1166
|
size?: "default" | "compact" | null | undefined;
|
|
1167
|
+
surface?: SurfaceLevel | null | undefined;
|
|
1090
1168
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1091
1169
|
declare const otpFieldMessageVariants: (props?: ({
|
|
1092
1170
|
state?: "default" | "error" | null | undefined;
|
|
@@ -1104,6 +1182,11 @@ interface OTPFieldProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetEl
|
|
|
1104
1182
|
onValueChange?: (value: string) => void;
|
|
1105
1183
|
readOnly?: boolean;
|
|
1106
1184
|
size?: OTPFieldSize;
|
|
1185
|
+
/**
|
|
1186
|
+
* Background level for normal OTP cells. Filled, invalid, disabled, and
|
|
1187
|
+
* readOnly states take precedence.
|
|
1188
|
+
*/
|
|
1189
|
+
surface?: SurfaceLevel;
|
|
1107
1190
|
value?: string;
|
|
1108
1191
|
required?: boolean;
|
|
1109
1192
|
}
|
|
@@ -1115,90 +1198,128 @@ declare const searchFieldVariants: (props?: ({
|
|
|
1115
1198
|
declare const searchFieldInputVariants: (props?: ({
|
|
1116
1199
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1117
1200
|
hasClear?: boolean | null | undefined;
|
|
1201
|
+
surface?: SurfaceLevel | null | undefined;
|
|
1118
1202
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1119
1203
|
type SearchFieldSize = NonNullable<VariantProps<typeof searchFieldVariants>["size"]>;
|
|
1120
1204
|
interface SearchFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type">, VariantProps<typeof searchFieldVariants> {
|
|
1121
1205
|
clearable?: boolean;
|
|
1122
1206
|
clearLabel?: string;
|
|
1123
1207
|
onClear?: () => void;
|
|
1208
|
+
/**
|
|
1209
|
+
* Background level for the normal input surface. Disabled state takes precedence.
|
|
1210
|
+
*/
|
|
1211
|
+
surface?: SurfaceLevel;
|
|
1124
1212
|
}
|
|
1125
1213
|
declare const SearchField: React.ForwardRefExoticComponent<SearchFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
1126
1214
|
|
|
1215
|
+
declare const checkboxFieldVariants: (props?: ({
|
|
1216
|
+
fullWidth?: boolean | null | undefined;
|
|
1217
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1127
1218
|
declare const checkboxVariants: (props?: ({
|
|
1128
|
-
size?: "sm" | "md" | null | undefined;
|
|
1129
1219
|
fullWidth?: boolean | null | undefined;
|
|
1130
1220
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1221
|
+
declare const checkboxRootVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
1131
1222
|
declare const checkboxBoxVariants: (props?: ({
|
|
1132
1223
|
size?: "sm" | "md" | null | undefined;
|
|
1133
1224
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1134
|
-
|
|
1225
|
+
declare const checkboxGroupItemVariants: (props?: ({
|
|
1226
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
1227
|
+
density?: "compact" | "comfortable" | null | undefined;
|
|
1228
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1229
|
+
declare const checkboxGroupBoxVariants: (props?: ({
|
|
1230
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
1231
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1232
|
+
type CheckboxSize = NonNullable<VariantProps<typeof checkboxBoxVariants>["size"]>;
|
|
1135
1233
|
type CheckboxCheckedState = React.ComponentProps<typeof Checkbox$1.Root>["checked"];
|
|
1136
|
-
|
|
1137
|
-
|
|
1234
|
+
type CheckboxGroupAppearance = NonNullable<VariantProps<typeof checkboxGroupItemVariants>["appearance"]>;
|
|
1235
|
+
type CheckboxGroupDensity = NonNullable<VariantProps<typeof checkboxGroupItemVariants>["density"]>;
|
|
1236
|
+
type CheckboxGroupContextValue = {
|
|
1237
|
+
appearance: CheckboxGroupAppearance;
|
|
1238
|
+
density: CheckboxGroupDensity;
|
|
1239
|
+
disabled?: boolean;
|
|
1240
|
+
name?: string;
|
|
1241
|
+
selectedValues: Set<string>;
|
|
1242
|
+
toggleValue: (value: string, checked: boolean) => void;
|
|
1243
|
+
};
|
|
1244
|
+
declare const CheckboxGroupContext: React.Context<CheckboxGroupContextValue | null>;
|
|
1245
|
+
interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof Checkbox$1.Root>, "children" | "color">, VariantProps<typeof checkboxBoxVariants>, VariantProps<typeof checkboxFieldVariants> {
|
|
1246
|
+
children?: React.ReactNode;
|
|
1247
|
+
label?: React.ReactNode;
|
|
1138
1248
|
description?: React.ReactNode;
|
|
1139
|
-
/** Marks the field as required and appends `*` to label. */
|
|
1140
1249
|
required?: boolean;
|
|
1141
|
-
/** Validation error message. Replaces description when present. */
|
|
1142
1250
|
error?: React.ReactNode;
|
|
1143
1251
|
}
|
|
1144
1252
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1145
1253
|
|
|
1146
|
-
declare const
|
|
1254
|
+
declare const checkboxGroupVariants: (props?: ({
|
|
1255
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
1256
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
1147
1257
|
columns?: "one" | "two" | "three" | null | undefined;
|
|
1148
1258
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1259
|
+
type CheckboxGroupColumns = NonNullable<VariantProps<typeof checkboxGroupVariants>["columns"]>;
|
|
1260
|
+
type CheckboxGroupOrientation = NonNullable<VariantProps<typeof checkboxGroupVariants>["orientation"]>;
|
|
1261
|
+
interface CheckboxGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "defaultValue" | "onChange">, Omit<VariantProps<typeof checkboxGroupVariants>, "appearance" | "orientation"> {
|
|
1262
|
+
children: React.ReactNode;
|
|
1263
|
+
value?: readonly string[];
|
|
1264
|
+
defaultValue?: readonly string[];
|
|
1265
|
+
onValueChange?: (value: string[]) => void;
|
|
1266
|
+
name?: string;
|
|
1267
|
+
orientation?: CheckboxGroupOrientation;
|
|
1268
|
+
appearance?: CheckboxGroupAppearance;
|
|
1269
|
+
columns?: CheckboxGroupColumns;
|
|
1270
|
+
density?: CheckboxGroupDensity;
|
|
1159
1271
|
disabled?: boolean;
|
|
1160
1272
|
}
|
|
1161
|
-
|
|
1162
|
-
"aria-label": string;
|
|
1163
|
-
"aria-labelledby"?: never;
|
|
1164
|
-
} | {
|
|
1165
|
-
"aria-label"?: never;
|
|
1166
|
-
"aria-labelledby": string;
|
|
1167
|
-
};
|
|
1168
|
-
type RadioCardGroupRootProps = Omit<React.ComponentPropsWithoutRef<typeof RadioGroup$1.Root>, "children" | "orientation" | "aria-label" | "aria-labelledby">;
|
|
1169
|
-
type RadioCardGroupProps = RadioCardGroupRootProps & AccessibleGroupName & VariantProps<typeof radioCardGroupVariants> & {
|
|
1170
|
-
options: readonly RadioCardOption[];
|
|
1171
|
-
density?: RadioCardDensity;
|
|
1172
|
-
};
|
|
1173
|
-
declare const RadioCardGroup: React.ForwardRefExoticComponent<RadioCardGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
1273
|
+
declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
1174
1274
|
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
"
|
|
1275
|
+
declare const radioGroupVariants: (props?: ({
|
|
1276
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
1277
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
1278
|
+
columns?: "one" | "two" | "three" | null | undefined;
|
|
1279
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1280
|
+
declare const radioVariants: (props?: ({
|
|
1281
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
1282
|
+
density?: "compact" | "comfortable" | null | undefined;
|
|
1283
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1284
|
+
declare const radioControlVariants: (props?: ({
|
|
1285
|
+
appearance?: "plain" | "card" | null | undefined;
|
|
1286
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1287
|
+
type RadioGroupAppearance = NonNullable<VariantProps<typeof radioGroupVariants>["appearance"]>;
|
|
1288
|
+
type RadioGroupColumns = NonNullable<VariantProps<typeof radioGroupVariants>["columns"]>;
|
|
1289
|
+
type RadioGroupDensity = NonNullable<VariantProps<typeof radioVariants>["density"]>;
|
|
1290
|
+
type RadioGroupOrientation = NonNullable<VariantProps<typeof radioGroupVariants>["orientation"]>;
|
|
1291
|
+
interface RadioGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroup$1.Root>, "children" | "orientation">, Omit<VariantProps<typeof radioGroupVariants>, "appearance" | "orientation"> {
|
|
1292
|
+
children: React.ReactNode;
|
|
1293
|
+
orientation?: RadioGroupOrientation;
|
|
1294
|
+
appearance?: RadioGroupAppearance;
|
|
1295
|
+
columns?: RadioGroupColumns;
|
|
1296
|
+
density?: RadioGroupDensity;
|
|
1186
1297
|
required?: boolean;
|
|
1187
1298
|
}
|
|
1299
|
+
interface RadioProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroup$1.Item>, "children"> {
|
|
1300
|
+
children: React.ReactNode;
|
|
1301
|
+
description?: React.ReactNode;
|
|
1302
|
+
}
|
|
1188
1303
|
declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
1304
|
+
declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1189
1305
|
|
|
1190
1306
|
declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollArea$1.Root>): react_jsx_runtime.JSX.Element;
|
|
1191
1307
|
declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
|
|
1192
1308
|
|
|
1309
|
+
type ProgressStatus = "active" | "success" | "error" | "paused";
|
|
1193
1310
|
interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1194
|
-
/**
|
|
1311
|
+
/** 현재 진행 값. `max`와 함께 percent로 환산된다. */
|
|
1195
1312
|
value: number;
|
|
1313
|
+
/** 최대 값 (기본 100). */
|
|
1314
|
+
max?: number;
|
|
1315
|
+
/** 막대의 시각 상태. 상태 원인/복구 문구는 wrapper가 소유한다. */
|
|
1316
|
+
status?: ProgressStatus;
|
|
1196
1317
|
/** 너비 px 또는 CSS 값 (기본 120px) */
|
|
1197
1318
|
width?: string | number;
|
|
1198
1319
|
/** 높이 px (기본 4) */
|
|
1199
1320
|
height?: number;
|
|
1200
1321
|
}
|
|
1201
|
-
declare function Progress({ value, width, height, className, style, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
|
|
1322
|
+
declare function Progress({ value, max, status, width, height, className, style, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
|
|
1202
1323
|
|
|
1203
1324
|
/**
|
|
1204
1325
|
* OLUN 브랜드 로고.
|
|
@@ -1240,10 +1361,12 @@ interface ThemeFabProps {
|
|
|
1240
1361
|
}
|
|
1241
1362
|
declare function ThemeFab({ variant }?: ThemeFabProps): react_jsx_runtime.JSX.Element | null;
|
|
1242
1363
|
|
|
1243
|
-
|
|
1244
|
-
|
|
1364
|
+
type OrganizationLogoId = "jbnu";
|
|
1365
|
+
interface OrganizationLogoProps extends Omit<SVGProps<SVGSVGElement>, "width" | "height" | "viewBox"> {
|
|
1366
|
+
organization: OrganizationLogoId;
|
|
1367
|
+
/** Width and height in px. */
|
|
1245
1368
|
size?: number;
|
|
1246
1369
|
}
|
|
1247
|
-
declare function
|
|
1370
|
+
declare function OrganizationLogo({ organization, size, className, style, role, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }: OrganizationLogoProps): react_jsx_runtime.JSX.Element;
|
|
1248
1371
|
|
|
1249
|
-
export { ActionFooter, type ActionFooterAction, type ActionFooterProps, type ActionFooterStatus, Alert, type AlertProps, type AlertVariant, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BadgeSize, type BadgeTone, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardProse, CardTitle, type CardVariant, Checkbox, type CheckboxCheckedState, type
|
|
1372
|
+
export { ActionFooter, type ActionFooterAction, type ActionFooterProps, type ActionFooterStatus, Alert, type AlertProps, type AlertVariant, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, Badge, type BadgeProps, type BadgeSize, type BadgeTone, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, 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, CopyButton, type CopyButtonProps, DataTable, type DataTableBulkAction, type DataTableColumn, type DataTableProps, type DataTableSort, DetailLayout, type DetailLayoutProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRawContent, 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 FilterToolbarProps, FormField, type FormFieldProps, type FormFieldRenderProps, FormLayout, type FormLayoutProps, type FormLayoutSection, FormModal, type FormModalProps, IconButton, type IconButtonBadgeTone, type IconButtonProps, type IconButtonSize, type IconButtonVariant, InfoModal, type InfoModalProps, InlineAlert, type InlineAlertProps, Input, type InputProps, type InputSize, type InputSizeLegacy, type InputState, Label, type LabelProps, 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, PageHeader, type PageHeaderProps, 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, Separator, type SetOlunThemeOptions, Sheet, SheetClose, SheetContent, SheetDescription, SheetDrawer, type SheetDrawerProps, SheetFooter, SheetHeader, type SheetMotionConfig, type SheetMotionDuration, type SheetMotionEasing, type SheetMotionType, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, SkeletonRow, type SkeletonRowColumn, type SkeletonRowProps, SkeletonText, type SkeletonTextProps, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeProps, type StatusBadgeStatus, 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, type ToastAction, type ToastItem, type ToastOptions, ToastProvider, ToastRoot, type ToastVariant, ToastViewport, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TwoTierBadge, type TwoTierBadgeIntent, type TwoTierBadgeProps, type UseOlunThemeValue, WizardLayout, type WizardLayoutProps, type WizardStep, type WizardStepState, actionFooterStatusVariants, actionFooterVariants, alertVariants, badgeDotVariants, badgeVariants, 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, inlineAlertVariants, inputMessageVariants, inputVariants, limitToasts, modeToggleItemVariants, modeToggleVariants, notificationBadgeVariants, otpCellVariants, otpFieldGroupVariants, otpFieldMessageVariants, otpFieldVariants, paginationControlVariants, paginationVariants, radioControlVariants, radioGroupVariants, radioVariants, searchFieldInputVariants, searchFieldVariants, selectMessageVariants, selectVariants, setOlunTheme, skeletonVariants, spinnerVariants, statusBadgeDotVariants, statusBadgeVariants, tabsBadgeVariants, tabsListVariants, tabsRootVariants, tabsTriggerVariants, textareaMessageVariants, textareaVariants, toast, toastVariants, toastViewportVariants, twoTierBadgeLineVariants, twoTierBadgeVariants, useOlunTheme, usePermission };
|