@olundot/ui 0.2.0 → 0.4.0

package/dist/index.d.ts

@@ -9,6 +9,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 declare function cn(...inputs: ClassValue[]): string;
 
+type SurfaceLevel = "surface" | "canvas" | "raised";
+
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "destructive" | "outline" | "ghost" | "danger" | "emergency" | "subtle" | "default" | "link" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | "icon-xs" | null | undefined;
@@ -45,6 +47,7 @@ declare const CopyButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "var
 declare const inputVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
+    surface?: SurfaceLevel | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const inputMessageVariants: (props?: ({
     state?: "error" | "success" | "default" | null | undefined;
@@ -78,6 +81,11 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
      * - `false`: `w-fit` — shrinks to the intrinsic content width.
      */
     fullWidth?: boolean;
+    /**
+     * Background level for the normal field surface. State styles such as
+     * disabled, readOnly, error, and success take precedence.
+     */
+    surface?: SurfaceLevel;
     invalid?: boolean;
     label?: React.ReactNode;
     /**
@@ -91,10 +99,11 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
 declare const fileUploadZoneVariants: (props?: ({
-    size?: "default" | "compact" | null | undefined;
+    size?: "compact" | "default" | null | undefined;
+    surface?: SurfaceLevel | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const fileUploadIconVariants: (props?: ({
-    size?: "default" | "compact" | null | undefined;
+    size?: "compact" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface FileUploadZoneProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange">, VariantProps<typeof fileUploadZoneVariants> {
     accept?: string;
@@ -104,6 +113,11 @@ interface FileUploadZoneProps extends Omit<React.LabelHTMLAttributes<HTMLLabelEl
     hint?: React.ReactNode;
     error?: React.ReactNode;
     disabled?: boolean;
+    /**
+     * Background level for the normal drop zone. Dragging, selected-file, error,
+     * focus, hover, and disabled states take precedence.
+     */
+    surface?: SurfaceLevel;
 }
 declare const FileUploadZone: React.ForwardRefExoticComponent<FileUploadZoneProps & React.RefAttributes<HTMLLabelElement>>;
 
@@ -138,6 +152,7 @@ declare const InlineAlert: React.ForwardRefExoticComponent<InlineAlertProps & Re
 declare const textareaVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
+    surface?: SurfaceLevel | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const textareaMessageVariants: (props?: ({
     state?: "error" | "success" | "default" | null | undefined;
@@ -170,6 +185,11 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
      * - `false`: `w-fit` — shrinks to the intrinsic content width.
      */
     fullWidth?: boolean;
+    /**
+     * Background level for the normal field surface. State styles such as
+     * disabled, readOnly, error, and success take precedence.
+     */
+    surface?: SurfaceLevel;
     invalid?: boolean;
     label?: React.ReactNode;
     /**
@@ -187,6 +207,7 @@ declare const selectVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
     appearance?: "inline" | "field" | null | undefined;
+    surface?: SurfaceLevel | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const selectMessageVariants: (props?: ({
     state?: "error" | "success" | "default" | null | undefined;
@@ -249,6 +270,11 @@ interface SelectProps extends Omit<React.ComponentPropsWithoutRef<typeof Select$
      *   Combine with `fullWidth={false}` to replicate the legacy `selectVariant="inline"` behavior.
      */
     appearance?: SelectAppearance;
+    /**
+     * Background level for the normal trigger surface. Disabled and invalid
+     * states take precedence. Dropdown content keeps the overlay surface contract.
+     */
+    surface?: SurfaceLevel;
     /**
      * @deprecated Use `fullWidth={false} + appearance="inline"` instead.
      * - `"inline"` → resolves to `fullWidth=false, appearance="inline"`.
@@ -279,10 +305,10 @@ declare const formFieldVariants: (props?: ({
  * @deprecated Use `<Label>` primitive instead. This className alias is kept for
  * 1 cycle (0.2.0 → 0.3.0 removal) for raw label patterns.
  */
-declare const formFieldLabelClassName = "text-[13px] font-medium leading-[1.35] text-[var(--text-secondary)]";
+declare const formFieldLabelClassName = "pl-[var(--space-0-5)] pb-[var(--space-0-5)] text-body-sm font-medium leading-snug text-text-secondary";
 declare const formFieldRequiredClassName = "ml-[2px] text-[var(--semantic-error,var(--error))]";
-declare const formFieldDescriptionClassName = "text-[12px] leading-[1.4] text-[var(--text-tertiary)]";
-declare const formFieldErrorClassName = "text-[12px] leading-[1.4] text-[var(--semantic-error,var(--error))]";
+declare const formFieldDescriptionClassName = "text-[12px] leading-snug text-text-tertiary";
+declare const formFieldErrorClassName = "text-[12px] leading-snug text-[var(--semantic-error,var(--error))]";
 declare const formFieldControlStackClassName = "flex min-w-0 flex-col gap-[var(--space-0-5)]";
 interface FormFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     label: React.ReactNode;
@@ -324,7 +350,8 @@ interface LabelProps extends React.ComponentPropsWithoutRef<typeof Label$1.Root>
  * required-marker behaviour across form fields.
  *
  * Matches the visual spec of `formFieldLabelClassName` in form-field.tsx:
- * 13 px / medium / 1.35 leading / --text-secondary.
+ * 13 px / medium / 1.35 leading / --text-secondary with 4px
+ * inline-start and block-end rhythm padding.
  *
  * @example
  * <Label htmlFor="email">이메일</Label>
@@ -377,61 +404,24 @@ declare function usePermission(permission: string, scope?: PermissionScope): boo
 declare function evaluatePermission(permission: string, state?: PermissionEvaluator, scope?: PermissionScope): boolean;
 declare function PermissionGuard({ permission, children, fallback, scope, permissions, disabledReason, }: PermissionGuardProps): react_jsx_runtime.JSX.Element | null;
 
-declare const choiceGroupVariants: (props?: ({
-    type?: "single" | "multi" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const choiceRowVariants: (props?: ({
-    interactive?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const choiceMarkerVariants: (props?: ({
-    interactive?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const choiceBodyVariants: (props?: ({
-    disabled?: boolean | null | undefined;
+declare const cardBaseVariants: (props?: ({
+    variant?: "default" | "elevated" | "notice" | "interactive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type ChoiceGroupType = "single" | "multi";
-type ChoiceGroupVariant = "default" | "review-only" | "corrected-answer-display";
-interface ChoiceGroupOption {
-    value: string;
-    body: React.ReactNode;
-    description?: React.ReactNode;
-    disabled?: boolean;
-    correct?: boolean;
-}
-type AccessibleGroupName$1 = {
-    "aria-label": string;
-    "aria-labelledby"?: never;
-} | {
-    "aria-label"?: never;
-    "aria-labelledby": string;
-};
-interface ChoiceGroupBaseProps {
+type CardVariant = NonNullable<VariantProps<typeof cardBaseVariants>["variant"]>;
+interface CardVariantOptions extends VariantProps<typeof cardBaseVariants> {
+    surface?: SurfaceLevel;
     className?: string;
-    options: readonly ChoiceGroupOption[];
-    variant?: ChoiceGroupVariant;
-    type: ChoiceGroupType;
-    name?: string;
 }
-type ChoiceGroupSingleProps = ChoiceGroupBaseProps & AccessibleGroupName$1 & {
-    type: "single";
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-};
-type ChoiceGroupMultiProps = ChoiceGroupBaseProps & AccessibleGroupName$1 & {
-    type: "multi";
-    value?: readonly string[];
-    defaultValue?: readonly string[];
-    onValueChange?: (value: string[]) => void;
-};
-type ChoiceGroupProps = ChoiceGroupSingleProps | ChoiceGroupMultiProps;
-declare const ChoiceGroup: React.ForwardRefExoticComponent<ChoiceGroupProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const cardVariants: (props?: ({
-    variant?: "default" | "interactive" | "elevated" | "notice" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type CardVariant = NonNullable<VariantProps<typeof cardVariants>["variant"]>;
-interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+declare function cardVariants({ variant, surface, className }?: CardVariantOptions): string;
+interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardBaseVariants> {
+    /**
+     * Background level for the card surface. When omitted, `variant` chooses the
+     * default (`elevated` maps to `raised`, all others map to `surface`).
+     * Selected and disabled states take precedence.
+     */
+    surface?: SurfaceLevel;
+    selected?: boolean;
+    disabled?: boolean;
 }
 declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -508,8 +498,17 @@ interface WizardLayoutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "
 }
 declare const WizardLayout: React.ForwardRefExoticComponent<WizardLayoutProps & React.RefAttributes<HTMLDivElement>>;
 
-declare const tabsListVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const tabsTriggerVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const tabsRootVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tabsListVariants: (props?: ({
+    variant?: "line" | "contained" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const tabsTriggerVariants: (props?: ({
+    variant?: "line" | "contained" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const tabsBadgeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 interface TabItem {
     key: string;
@@ -518,10 +517,12 @@ interface TabItem {
     disabled?: boolean;
 }
 type TabsListVariantProps = VariantProps<typeof tabsListVariants>;
-interface TabsProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs$1.Root>, 'value' | 'onValueChange' | 'defaultValue' | 'onChange'>, TabsListVariantProps {
+type TabsVariant = NonNullable<TabsListVariantProps["variant"]>;
+interface TabsProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs$1.Root>, 'value' | 'onValueChange' | 'defaultValue' | 'onChange'> {
     tabs: TabItem[];
     activeKey: string;
     onChange: (key: string) => void;
+    variant?: TabsVariant;
     baseId?: string;
     listClassName?: string;
     triggerClassName?: string;
@@ -576,6 +577,10 @@ interface FormLayoutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ch
     editorSectionId?: string;
     sectionClassName?: string;
     contentClassName?: string;
+    /**
+     * Background level for section containers.
+     */
+    surface?: SurfaceLevel;
 }
 declare const FormLayout: React.ForwardRefExoticComponent<FormLayoutProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -617,6 +622,7 @@ declare const FilterToolbar: React.ForwardRefExoticComponent<FilterToolbarProps
 
 declare const dataTableVariants: (props?: ({
     density?: "compact" | "standard" | null | undefined;
+    surface?: SurfaceLevel | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const dataTableRowVariants: (props?: ({
     interactive?: boolean | null | undefined;
@@ -654,6 +660,11 @@ interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     bulkActions?: DataTableBulkAction[];
     rowHref?: (row: T) => string;
     skeletonRowCount?: number;
+    /**
+     * Background level for the table container. Header, selected rows, active
+     * selection bars, loading, and empty states keep their own state styling.
+     */
+    surface?: SurfaceLevel;
 }
 type DataTableComponent = (<T>(props: DataTableProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null) & {
     displayName?: string;
@@ -704,7 +715,15 @@ declare function Avatar({ className, size, ...props }: React.ComponentProps<type
     size?: "sm" | "md" | "lg";
 }): react_jsx_runtime.JSX.Element;
 declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime.JSX.Element;
+interface AvatarFallbackProps extends React.ComponentProps<typeof Avatar$1.Fallback> {
+    /**
+     * Full display name used to derive a compact fallback glyph.
+     * Korean names render the first visible grapheme, e.g. "이민준" -> "이".
+     * `children` wins when both are provided.
+     */
+    name?: string;
+}
+declare function AvatarFallback({ className, children, name, ...props }: AvatarFallbackProps): react_jsx_runtime.JSX.Element;
 
 declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
@@ -729,12 +748,21 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
 }): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react_jsx_runtime.JSX.Element;
 
+type SheetMotionType = "slide" | "fade";
+type SheetMotionDuration = number | `${number}ms` | `${number}s`;
+type SheetMotionEasing = "standard" | "decel" | "accel" | "sharp" | "bounce";
+type SheetMotionConfig = {
+    type?: SheetMotionType;
+    duration?: SheetMotionDuration;
+    easing?: SheetMotionEasing;
+};
 declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
 declare function SheetTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
 declare function SheetClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
-declare function SheetContent({ className, children, side, mobileSide, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
+declare function SheetContent({ className, children, side, mobileSide, motion, showCloseButton, style, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
     side?: "top" | "right" | "bottom" | "left";
     mobileSide?: "top" | "right" | "bottom" | "left";
+    motion?: SheetMotionConfig | false;
     showCloseButton?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -751,11 +779,15 @@ interface SheetDrawerProps {
     expandHref?: string;
     onExpand?: () => void;
     expandLabel?: string;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    collapseLabel?: string;
     footer?: React.ReactNode;
-    width?: "default" | "wide";
+    width?: "default" | "wide" | "full";
+    motion?: SheetMotionConfig | false;
     closeLabel?: string;
 }
-declare function SheetDrawer({ open, onOpenChange, title, description, children, expandHref, onExpand, expandLabel, footer, width, closeLabel, }: SheetDrawerProps): react_jsx_runtime.JSX.Element;
+declare function SheetDrawer({ open, onOpenChange, title, description, children, expandHref, onExpand, expandLabel, expanded, onExpandedChange, collapseLabel, footer, width, motion, closeLabel, }: SheetDrawerProps): react_jsx_runtime.JSX.Element;
 
 declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
 interface TooltipProps extends React.ComponentProps<typeof Tooltip$1.Root> {
@@ -817,11 +849,11 @@ interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const twoTierBadgeVariants: (props?: ({
-    align?: "end" | "center" | "start" | null | undefined;
+    align?: "end" | "start" | "center" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const twoTierBadgeLineVariants: (props?: ({
     tier?: "primary" | "secondary" | null | undefined;
-    intent?: "muted" | "accent" | "warning" | "success" | "neutral" | "danger" | null | undefined;
+    intent?: "brand" | "muted" | "warning" | "success" | "neutral" | "danger" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TwoTierBadgeIntent = NonNullable<VariantProps<typeof twoTierBadgeLineVariants>["intent"]>;
 interface TwoTierBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof twoTierBadgeVariants> {
@@ -843,9 +875,9 @@ type StatusBadgeStatus = NonNullable<VariantProps<typeof statusBadgeVariants>["s
 interface StatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusBadgeVariants> {
     showDot?: boolean;
     /**
-     * Dot pulse animation — default `true` (status indicator는 "살아있음" 시각 cue 필수,
-     * 플랫 dot는 AI slop 느낌). `motion-reduce` 환경에서는 자동 비활성.
-     * Opt-out 시 `pulse={false}`.
+     * Dot pulse animation. Use the default live cue for current/active states and
+     * `pulse={false}` for historical or static status labels.
+     * `motion-reduce` environments automatically disable the animation.
      */
     pulse?: boolean;
 }
@@ -884,16 +916,27 @@ interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
 }
 declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
 
-declare const emptyStateVariants: (props?: ({
+declare const emptyStateBaseVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    tone?: "raised" | "muted" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+type EmptyStateTone = "neutral" | "muted" | "raised";
+interface EmptyStateVariantOptions extends VariantProps<typeof emptyStateBaseVariants> {
+    tone?: EmptyStateTone;
+    surface?: SurfaceLevel;
+    className?: string;
+}
+declare function emptyStateVariants({ size, tone, surface, className }?: EmptyStateVariantOptions): string;
 declare const emptyStateIconVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type EmptyStateSize = NonNullable<VariantProps<typeof emptyStateVariants>["size"]>;
-type EmptyStateTone = NonNullable<VariantProps<typeof emptyStateVariants>["tone"]>;
-interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof emptyStateVariants> {
+type EmptyStateSize = NonNullable<VariantProps<typeof emptyStateBaseVariants>["size"]>;
+interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof emptyStateBaseVariants> {
+    tone?: EmptyStateTone;
+    /**
+     * Background level for the empty-state container. When provided, this
+     * overrides the legacy `tone` background mapping.
+     */
+    surface?: SurfaceLevel;
     icon?: LucideIcon;
     title: React.ReactNode;
     description?: React.ReactNode;
@@ -904,8 +947,13 @@ declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & Reac
 
 declare const errorStateVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
+    surface?: SurfaceLevel | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ErrorStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof errorStateVariants> {
+    /**
+     * Background level for the error-state container.
+     */
+    surface?: SurfaceLevel;
     title?: React.ReactNode;
     message?: React.ReactNode;
     errorCode?: string;
@@ -935,6 +983,10 @@ interface SkeletonRowColumn {
 interface SkeletonRowProps extends React.HTMLAttributes<HTMLDivElement> {
     columns: SkeletonRowColumn[];
     count?: number;
+    /**
+     * Background level for the row group container. Shimmer bars remain raised.
+     */
+    surface?: SurfaceLevel;
 }
 declare const SkeletonRow: React.ForwardRefExoticComponent<SkeletonRowProps & React.RefAttributes<HTMLDivElement>>;
 interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -1013,6 +1065,7 @@ declare function ModeToggle<T extends string>({ className, itemClassName, option
 
 declare const actionFooterVariants: (props?: ({
     position?: "fixed" | "static" | "sticky" | null | undefined;
+    surface?: SurfaceLevel | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const actionFooterStatusVariants: (props?: ({
     kind?: "error" | "saving" | "saved" | null | undefined;
@@ -1035,6 +1088,10 @@ interface ActionFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     status?: ActionFooterStatus;
     actions: ActionFooterAction[];
     permissions?: readonly string[] | ((permission: string) => boolean);
+    /**
+     * Background level for the footer strip.
+     */
+    surface?: SurfaceLevel;
 }
 declare const ActionFooter: React.ForwardRefExoticComponent<ActionFooterProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -1080,13 +1137,14 @@ interface ToastProviderProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function ToastProvider({ children, maxToasts, className, ...props }: ToastProviderProps): react_jsx_runtime.JSX.Element;
 
 declare const otpFieldVariants: (props?: ({
-    size?: "default" | "compact" | null | undefined;
+    size?: "compact" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const otpFieldGroupVariants: (props?: ({
-    size?: "default" | "compact" | null | undefined;
+    size?: "compact" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const otpCellVariants: (props?: ({
-    size?: "default" | "compact" | null | undefined;
+    size?: "compact" | "default" | null | undefined;
+    surface?: SurfaceLevel | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const otpFieldMessageVariants: (props?: ({
     state?: "error" | "default" | null | undefined;
@@ -1104,6 +1162,11 @@ interface OTPFieldProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetEl
     onValueChange?: (value: string) => void;
     readOnly?: boolean;
     size?: OTPFieldSize;
+    /**
+     * Background level for normal OTP cells. Filled, invalid, disabled, and
+     * readOnly states take precedence.
+     */
+    surface?: SurfaceLevel;
     value?: string;
     required?: boolean;
 }
@@ -1115,90 +1178,128 @@ declare const searchFieldVariants: (props?: ({
 declare const searchFieldInputVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     hasClear?: boolean | null | undefined;
+    surface?: SurfaceLevel | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type SearchFieldSize = NonNullable<VariantProps<typeof searchFieldVariants>["size"]>;
 interface SearchFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type">, VariantProps<typeof searchFieldVariants> {
     clearable?: boolean;
     clearLabel?: string;
     onClear?: () => void;
+    /**
+     * Background level for the normal input surface. Disabled state takes precedence.
+     */
+    surface?: SurfaceLevel;
 }
 declare const SearchField: React.ForwardRefExoticComponent<SearchFieldProps & React.RefAttributes<HTMLInputElement>>;
 
+declare const checkboxFieldVariants: (props?: ({
+    fullWidth?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const checkboxVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const checkboxRootVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 declare const checkboxBoxVariants: (props?: ({
     size?: "sm" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type CheckboxSize = NonNullable<VariantProps<typeof checkboxVariants>["size"]>;
+declare const checkboxGroupItemVariants: (props?: ({
+    appearance?: "card" | "plain" | null | undefined;
+    density?: "compact" | "comfortable" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const checkboxGroupBoxVariants: (props?: ({
+    appearance?: "card" | "plain" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CheckboxSize = NonNullable<VariantProps<typeof checkboxBoxVariants>["size"]>;
 type CheckboxCheckedState = React.ComponentProps<typeof Checkbox$1.Root>["checked"];
-interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof Checkbox$1.Root>, "children" | "color">, VariantProps<typeof checkboxVariants> {
-    label: React.ReactNode;
+type CheckboxGroupAppearance = NonNullable<VariantProps<typeof checkboxGroupItemVariants>["appearance"]>;
+type CheckboxGroupDensity = NonNullable<VariantProps<typeof checkboxGroupItemVariants>["density"]>;
+type CheckboxGroupContextValue = {
+    appearance: CheckboxGroupAppearance;
+    density: CheckboxGroupDensity;
+    disabled?: boolean;
+    name?: string;
+    selectedValues: Set<string>;
+    toggleValue: (value: string, checked: boolean) => void;
+};
+declare const CheckboxGroupContext: React.Context<CheckboxGroupContextValue | null>;
+interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof Checkbox$1.Root>, "children" | "color">, VariantProps<typeof checkboxBoxVariants>, VariantProps<typeof checkboxFieldVariants> {
+    children?: React.ReactNode;
+    label?: React.ReactNode;
     description?: React.ReactNode;
-    /** Marks the field as required and appends `*` to label. */
     required?: boolean;
-    /** Validation error message. Replaces description when present. */
     error?: React.ReactNode;
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
 
-declare const radioCardGroupVariants: (props?: ({
+declare const checkboxGroupVariants: (props?: ({
+    appearance?: "card" | "plain" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
     columns?: "one" | "two" | "three" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const radioCardItemVariants: (props?: ({
-    density?: "compact" | "comfortable" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const radioCardControlVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type RadioCardColumns = NonNullable<VariantProps<typeof radioCardGroupVariants>["columns"]>;
-type RadioCardDensity = NonNullable<VariantProps<typeof radioCardItemVariants>["density"]>;
-interface RadioCardOption {
-    value: string;
-    title: React.ReactNode;
-    description: React.ReactNode;
+type CheckboxGroupColumns = NonNullable<VariantProps<typeof checkboxGroupVariants>["columns"]>;
+type CheckboxGroupOrientation = NonNullable<VariantProps<typeof checkboxGroupVariants>["orientation"]>;
+interface CheckboxGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "defaultValue" | "onChange">, Omit<VariantProps<typeof checkboxGroupVariants>, "appearance" | "orientation"> {
+    children: React.ReactNode;
+    value?: readonly string[];
+    defaultValue?: readonly string[];
+    onValueChange?: (value: string[]) => void;
+    name?: string;
+    orientation?: CheckboxGroupOrientation;
+    appearance?: CheckboxGroupAppearance;
+    columns?: CheckboxGroupColumns;
+    density?: CheckboxGroupDensity;
     disabled?: boolean;
 }
-type AccessibleGroupName = {
-    "aria-label": string;
-    "aria-labelledby"?: never;
-} | {
-    "aria-label"?: never;
-    "aria-labelledby": string;
-};
-type RadioCardGroupRootProps = Omit<React.ComponentPropsWithoutRef<typeof RadioGroup$1.Root>, "children" | "orientation" | "aria-label" | "aria-labelledby">;
-type RadioCardGroupProps = RadioCardGroupRootProps & AccessibleGroupName & VariantProps<typeof radioCardGroupVariants> & {
-    options: readonly RadioCardOption[];
-    density?: RadioCardDensity;
-};
-declare const RadioCardGroup: React.ForwardRefExoticComponent<RadioCardGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
 
-interface RadioOption {
-    value: string;
-    label: React.ReactNode;
-    description?: React.ReactNode;
-    disabled?: boolean;
-}
-interface RadioGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroup$1.Root>, "children"> {
-    options: readonly RadioOption[];
-    orientation?: "vertical" | "horizontal";
-    "aria-label"?: string;
-    "aria-labelledby"?: string;
+declare const radioGroupVariants: (props?: ({
+    appearance?: "card" | "plain" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    columns?: "one" | "two" | "three" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const radioVariants: (props?: ({
+    appearance?: "card" | "plain" | null | undefined;
+    density?: "compact" | "comfortable" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const radioControlVariants: (props?: ({
+    appearance?: "card" | "plain" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type RadioGroupAppearance = NonNullable<VariantProps<typeof radioGroupVariants>["appearance"]>;
+type RadioGroupColumns = NonNullable<VariantProps<typeof radioGroupVariants>["columns"]>;
+type RadioGroupDensity = NonNullable<VariantProps<typeof radioVariants>["density"]>;
+type RadioGroupOrientation = NonNullable<VariantProps<typeof radioGroupVariants>["orientation"]>;
+interface RadioGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroup$1.Root>, "children" | "orientation">, Omit<VariantProps<typeof radioGroupVariants>, "appearance" | "orientation"> {
+    children: React.ReactNode;
+    orientation?: RadioGroupOrientation;
+    appearance?: RadioGroupAppearance;
+    columns?: RadioGroupColumns;
+    density?: RadioGroupDensity;
     required?: boolean;
 }
+interface RadioProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroup$1.Item>, "children"> {
+    children: React.ReactNode;
+    description?: React.ReactNode;
+}
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLButtonElement>>;
 
 declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollArea$1.Root>): react_jsx_runtime.JSX.Element;
 declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
 
+type ProgressStatus = "active" | "success" | "error" | "paused";
 interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** 0~100 진행률 */
+    /** 현재 진행 값. `max`와 함께 percent로 환산된다. */
     value: number;
+    /** 최대 값 (기본 100). */
+    max?: number;
+    /** 막대의 시각 상태. 상태 원인/복구 문구는 wrapper가 소유한다. */
+    status?: ProgressStatus;
     /** 너비 px 또는 CSS 값 (기본 120px) */
     width?: string | number;
     /** 높이 px (기본 4) */
     height?: number;
 }
-declare function Progress({ value, width, height, className, style, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
+declare function Progress({ value, max, status, width, height, className, style, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
 
 /**
  * OLUN 브랜드 로고.
@@ -1240,10 +1341,12 @@ interface ThemeFabProps {
 }
 declare function ThemeFab({ variant }?: ThemeFabProps): react_jsx_runtime.JSX.Element | null;
 
-interface JbnuEmblemProps extends SVGProps<SVGSVGElement> {
-    /** 너비·높이 px (기본 32). `className`으로 오버라이드 가능. */
+type OrganizationLogoId = "jbnu";
+interface OrganizationLogoProps extends Omit<SVGProps<SVGSVGElement>, "width" | "height" | "viewBox"> {
+    organization: OrganizationLogoId;
+    /** Width and height in px. */
     size?: number;
 }
-declare function JbnuEmblem({ size, className, style, ...props }: JbnuEmblemProps): react_jsx_runtime.JSX.Element;
+declare function OrganizationLogo({ organization, size, className, style, role, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }: OrganizationLogoProps): react_jsx_runtime.JSX.Element;
 
-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 CheckboxProps, type CheckboxSize, Chip, type ChipProps, type ChipSize, type ChipTone, type ChipVariant, ChoiceGroup, type ChoiceGroupOption, type ChoiceGroupProps, type ChoiceGroupType, type ChoiceGroupVariant, 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, 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, JbnuEmblem, type JbnuEmblemProps, Label, type LabelProps, ModeToggle, type ModeToggleOption, type ModeToggleProps, NotificationBadge, type NotificationBadgePlacement, type NotificationBadgeProps, type NotificationBadgeSize, OTPField, type OTPFieldProps, type OTPFieldSize, OlunLogo, OlunSymbol, 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 RadioCardColumns, type RadioCardDensity, RadioCardGroup, type RadioCardGroupProps, type RadioCardOption, RadioGroup, type RadioGroupProps, type RadioOption, ScrollArea, ScrollBar, SearchField, type SearchFieldProps, type SearchFieldSize, Select, type SelectAppearance, type SelectOption, type SelectProps, type SelectSize, type SelectState, type SelectVariant, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetDrawer, type SheetDrawerProps, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, SkeletonRow, type SkeletonRowColumn, type SkeletonRowProps, SkeletonText, type SkeletonTextProps, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeProps, type StatusBadgeStatus, Switch, type SwitchProps, type TabItem, Tabs, TabsContent, type TabsProps, 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, WizardLayout, type WizardLayoutProps, type WizardStep, type WizardStepState, actionFooterStatusVariants, actionFooterVariants, alertVariants, badgeDotVariants, badgeVariants, buttonVariants, cardVariants, checkboxBoxVariants, checkboxVariants, chipCountVariants, chipVariants, choiceBodyVariants, choiceGroupVariants, choiceMarkerVariants, choiceRowVariants, cn, dataTableRowVariants, dataTableVariants, emptyStateIconVariants, emptyStateVariants, errorStateVariants, evaluatePermission, fileUploadIconVariants, fileUploadZoneVariants, formFieldControlStackClassName, formFieldDescriptionClassName, formFieldErrorClassName, formFieldLabelClassName, formFieldRequiredClassName, formFieldVariants, getToastDuration, iconButtonBadgeVariants, iconButtonVariants, inlineAlertVariants, inputMessageVariants, inputVariants, limitToasts, modeToggleItemVariants, modeToggleVariants, notificationBadgeVariants, otpCellVariants, otpFieldGroupVariants, otpFieldMessageVariants, otpFieldVariants, paginationControlVariants, paginationVariants, radioCardControlVariants, radioCardGroupVariants, radioCardItemVariants, searchFieldInputVariants, searchFieldVariants, selectMessageVariants, selectVariants, skeletonVariants, spinnerVariants, statusBadgeDotVariants, statusBadgeVariants, tabsBadgeVariants, tabsListVariants, tabsTriggerVariants, textareaMessageVariants, textareaVariants, toast, toastVariants, toastViewportVariants, twoTierBadgeLineVariants, twoTierBadgeVariants, usePermission };
+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, 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, 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, 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, getToastDuration, iconButtonBadgeVariants, iconButtonVariants, inlineAlertVariants, inputMessageVariants, inputVariants, limitToasts, modeToggleItemVariants, modeToggleVariants, notificationBadgeVariants, otpCellVariants, otpFieldGroupVariants, otpFieldMessageVariants, otpFieldVariants, paginationControlVariants, paginationVariants, radioControlVariants, radioGroupVariants, radioVariants, searchFieldInputVariants, searchFieldVariants, selectMessageVariants, selectVariants, skeletonVariants, spinnerVariants, statusBadgeDotVariants, statusBadgeVariants, tabsBadgeVariants, tabsListVariants, tabsRootVariants, tabsTriggerVariants, textareaMessageVariants, textareaVariants, toast, toastVariants, toastViewportVariants, twoTierBadgeLineVariants, twoTierBadgeVariants, usePermission };