@olundot/ui 0.10.2 → 0.13.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { ClassValue } from 'clsx';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
-import { SVGProps } from 'react';
+import { HTMLAttributes, ReactNode, SVGProps } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { LucideIcon } from 'lucide-react';
 import { Select as Select$1, Label as Label$1, Switch as Switch$1, Tabs as Tabs$1, DropdownMenu as DropdownMenu$1, Dialog as Dialog$1, Separator as Separator$1, Avatar as Avatar$1, Tooltip as Tooltip$1, Popover as Popover$1, Checkbox as Checkbox$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1 } from 'radix-ui';
@@ -84,9 +84,9 @@ type InputSizeLegacy = "xs" | "sm" | "md" | "lg" | "default";
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
     /**
      * Field height preset. Replaces `inputSize` (deprecated).
-     * - sm: 32px  (compact toolbar/search)
-     * - md: 38px  (default form field)
-     * - lg: 44px  (prominent / WCAG 2.5.5 touch target)
+     * - sm: 30px  (compact toolbar/search)
+     * - md: 32px  (default form field)
+     * - lg: 36px  (prominent)
      */
     size?: InputSize;
     /**
@@ -141,32 +141,23 @@ interface FileUploadZoneProps extends Omit<React.LabelHTMLAttributes<HTMLLabelEl
 }
 declare const FileUploadZone: React.ForwardRefExoticComponent<FileUploadZoneProps & React.RefAttributes<HTMLLabelElement>>;
 
-declare const alertVariants: (props?: ({
-    variant?: "error" | "warning" | "info" | "success" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const inlineAlertVariants: (props?: ({
-    variant?: "error" | "warning" | "info" | "success" | null | undefined;
-    surface?: "filled" | "plain" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type AlertVariant = NonNullable<VariantProps<typeof alertVariants>['variant']>;
-interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'>, VariantProps<typeof alertVariants> {
-    title?: React.ReactNode;
-    children: React.ReactNode;
-    icon?: React.ReactNode;
+type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+type AlertEmphasis = 'subtle' | 'strong';
+type InlineAlertSurface = 'filled' | 'plain';
+interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children'> {
+    variant?: AlertVariant;
+    emphasis?: AlertEmphasis;
+    title?: ReactNode;
+    children: ReactNode;
     onDismiss?: () => void;
 }
-interface InlineAlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof inlineAlertVariants> {
-    children: React.ReactNode;
-    icon?: React.ReactNode;
-}
 declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * InlineAlert is for inline status text only. Use Alert or Toast when the UI needs dismissal.
- *
- * surface variants:
- *   - `filled` (default): accent tint 배경. table toolbar / 영역 분리가 필요한 위치.
- *   - `plain`: 배경 없음. form field 바로 아래처럼 인접 input과 영역 충돌을 피해야 하는 위치.
- */
+interface InlineAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    variant?: AlertVariant;
+    emphasis?: AlertEmphasis;
+    surface?: InlineAlertSurface;
+    children: ReactNode;
+}
 declare const InlineAlert: React.ForwardRefExoticComponent<InlineAlertProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const textareaVariants: (props?: ({
@@ -267,9 +258,9 @@ interface SelectProps extends Omit<React.ComponentPropsWithoutRef<typeof Select$
     "aria-invalid"?: React.AriaAttributes["aria-invalid"];
     /**
      * Field height preset.
-     * - sm: 32px  (compact toolbar/filter)
-     * - md: 34px  (default, matches Input density)
-     * - lg: 38px  (prominent)
+     * - sm: 30px  (compact toolbar/filter)
+     * - md: 32px  (default, matches Input density)
+     * - lg: 36px  (prominent)
      */
     size?: SelectSize;
     /**
@@ -325,11 +316,11 @@ 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 = "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 formFieldLabelClassName = "pl-[var(--space-1)] pb-[var(--space-1)] text-body-sm font-medium leading-snug text-text-secondary";
+declare const formFieldRequiredClassName = "ml-[2px] font-bold 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)]";
+declare const formFieldControlStackClassName = "flex min-w-0 flex-col gap-[var(--space-1)]";
 interface FormFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     label: React.ReactNode;
     required?: boolean;
@@ -425,14 +416,15 @@ declare function evaluatePermission(permission: string, state?: PermissionEvalua
 declare function PermissionGuard({ permission, children, fallback, scope, permissions, disabledReason, }: PermissionGuardProps): react_jsx_runtime.JSX.Element | null;
 
 declare const cardBaseVariants: (props?: ({
-    variant?: "default" | "elevated" | "notice" | "interactive" | null | undefined;
+    variant?: "default" | "elevated" | "notice" | null | undefined;
+    interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type CardVariant = NonNullable<VariantProps<typeof cardBaseVariants>["variant"]>;
 interface CardVariantOptions extends VariantProps<typeof cardBaseVariants> {
     surface?: SurfaceLevel;
     className?: string;
 }
-declare function cardVariants({ variant, surface, className }?: CardVariantOptions): string;
+declare function cardVariants({ variant, surface, interactive, className }?: CardVariantOptions): string;
 interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardBaseVariants> {
     /**
      * Background level for the card surface. When omitted, `variant` chooses the
@@ -440,6 +432,12 @@ interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<t
      * Selected and disabled states take precedence.
      */
     surface?: SurfaceLevel;
+    /**
+     * Clickable affordance — orthogonal to `variant`. Adds hover lift (shadow +
+     * border-strong), a pointer cursor and the neutral focus-ring. Combine with
+     * any `variant` (default/elevated/notice).
+     */
+    interactive?: boolean;
     selected?: boolean;
     disabled?: boolean;
 }
@@ -493,12 +491,51 @@ interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, "title
     breadcrumb?: React.ReactNode;
     back?: React.ReactNode;
     title: React.ReactNode;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
     subtitle?: React.ReactNode;
     meta?: React.ReactNode;
     actions?: React.ReactNode;
 }
 declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLElement>>;
 
+interface BreadcrumbItem {
+    label: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+    items: BreadcrumbItem[];
+    /** Max items before collapsing to root + ellipsis + tail 2. Default: 4 */
+    maxItems?: number;
+}
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
+
+interface DataLayoutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Top block — typically a PageHeader. Owns the page's single heading and
+     *  page-level actions. */
+    header: React.ReactNode;
+    /** Filter row — typically a FilterToolbar (search · filters · result summary). */
+    toolbar?: React.ReactNode;
+    /** The list body — typically a DataTable or any list/grid. */
+    children: React.ReactNode;
+    /** Footer row — typically a Pagination component. */
+    footer?: React.ReactNode;
+    /** Floating selection bar — typically a BulkActionBar. Rendered as a sticky
+     *  overlay inside the data region so it never displaces the table layout.
+     *  The BulkActionBar itself self-hides at count 0, so this slot can always
+     *  be set. */
+    bulkBar?: React.ReactNode;
+}
+/**
+ * DataLayout — the standard list/table page scaffold. Pure layout, no state.
+ * Arranges: PageHeader → FilterToolbar → DataTable → Pagination, with a
+ * BulkActionBar floating at the bottom of the data region on selection.
+ *
+ * The parent owns all state (query, filters, page, selectedIds); DataLayout
+ * only standardises placement and spacing so every table page feels identical.
+ */
+declare const DataLayout: React.ForwardRefExoticComponent<DataLayoutProps & React.RefAttributes<HTMLDivElement>>;
+
 type WizardStepState = "upcoming" | "current" | "complete";
 interface WizardStep {
     id: string;
@@ -661,11 +698,6 @@ interface DataTableSort {
     key: string;
     dir: 'asc' | 'desc';
 }
-interface DataTableBulkAction {
-    label: React.ReactNode;
-    onClick: (ids: Set<string>) => void;
-    variant?: 'default' | 'destructive';
-}
 interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof dataTableVariants> {
     columns: DataTableColumn<T>[];
     data: T[];
@@ -673,19 +705,17 @@ interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     selectable?: boolean;
     selectedIds?: Set<string>;
     onSelectionChange?: (ids: Set<string>) => void;
-    selectionBar?: 'top' | 'none';
     activeRowId?: string;
     onRowContextMenu?: (rowId: string, event: React.MouseEvent) => void;
     sortBy?: DataTableSort;
     onSortChange?: (key: string, dir: 'asc' | 'desc' | null) => void;
     loading?: boolean;
     emptyState?: React.ReactNode;
-    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.
+     * Background level for the table container. Header, selected rows, loading,
+     * and empty states keep their own state styling.
      */
     surface?: SurfaceLevel;
 }
@@ -749,7 +779,22 @@ interface BulkActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
     onClear: () => void;
     emptyHint?: React.ReactNode;
 }
-declare function BulkActionBar({ count, actions, onClear, emptyHint, className, ...props }: BulkActionBarProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * OLUN BulkActionBar — floating pill for multi-select table/list actions.
+ *
+ * Low-chrome by design: actions are borderless text/icon buttons separated by
+ * hairline dividers — not filled Button components. Destructive actions read as
+ * error-toned text (var(--error)), not a red filled button. Two dividers are
+ * always rendered: count↔actions and actions↔clear.
+ *
+ * @example
+ * <BulkActionBar count={sel.size} onClear={clear}
+ *   actions={[
+ *     { key: "archive", label: "보관", icon: Archive, onClick: archive },
+ *     { key: "del", label: "삭제", variant: "destructive", onClick: confirmDelete },
+ *   ]} />
+ */
+declare function BulkActionBar({ count, actions, onClear, emptyHint, className, style, ...props }: BulkActionBarProps): react_jsx_runtime.JSX.Element | null;
 
 declare const Dialog: React.FC<Dialog$1.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -828,6 +873,7 @@ declare function SheetContent({ className, children, side, mobileSide, motion, s
     motion?: SheetMotionConfig | false;
     showCloseButton?: boolean;
 }): react_jsx_runtime.JSX.Element;
+declare function SheetBody({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
@@ -901,54 +947,63 @@ declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProp
  */
 declare const PopoverArrow: React.ForwardRefExoticComponent<Omit<Popover$1.PopoverArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 
-declare const badgeVariants: (props?: ({
-    variant?: "brand" | "neutral" | "status" | "semantic" | "pill" | "vibrant" | null | undefined;
-    tone?: "accent" | "warning" | "info" | "success" | "neutral" | "danger" | null | undefined;
-    size?: "xs" | "sm" | "md" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const badgeDotVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>['variant']>;
-type BadgeTone = NonNullable<VariantProps<typeof badgeVariants>['tone']>;
-type BadgeSize = NonNullable<VariantProps<typeof badgeVariants>['size']>;
-interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
-    showDot?: boolean;
-    disabled?: boolean;
+type BadgeTone = 'error' | 'warning' | 'info' | 'success' | 'neutral' | 'brand';
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    tone?: BadgeTone;
 }
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
-declare const twoTierBadgeVariants: (props?: ({
-    align?: "end" | "start" | "center" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const twoTierBadgeLineVariants: (props?: ({
-    tier?: "primary" | "secondary" | 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> {
+type TwoTierBadgeTone = 'neutral' | 'info' | 'success' | 'warning' | 'error';
+type TwoTierBadgeEmphasis = 'subtle' | 'strong';
+type TwoTierBadgeSize = 'xs' | 'sm' | 'md';
+interface TwoTierBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Lead facet — the headline segment (type, state, label). */
     primary: React.ReactNode;
+    /** Trailing qualifier segment (source, reason, count). Omit for a single-segment badge. */
     secondary?: React.ReactNode;
-    primaryIntent?: TwoTierBadgeIntent;
-    secondaryIntent?: TwoTierBadgeIntent;
-    primaryClassName?: string;
-    secondaryClassName?: string;
+    /** Semantic role — colors the LEAD segment only; the qualifier stays neutral. Brand lime is never used. */
+    tone?: TwoTierBadgeTone;
+    /** Weight axis (mirrors StatusBadge): `subtle` outlined pill, `strong` tinted lead fill. */
+    emphasis?: TwoTierBadgeEmphasis;
+    /** xs · sm (default) · md — padding + text + dot scale. */
+    size?: TwoTierBadgeSize;
+    /** Leading status dot on the lead segment (default false). Hollow ring for neutral. */
+    showDot?: boolean;
 }
-declare const TwoTierBadge: React.ForwardRefExoticComponent<TwoTierBadgeProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * OLUN TwoTierBadge — carries TWO related facets in ONE horizontal pill: a
+ * `primary` lead segment and an optional `secondary` qualifier, split by a
+ * hairline vertical divider (유형│출처, 상태│사유, 완료│312명). Shares the
+ * Badge/StatusBadge/Chip grammar: full-pill shape, `--font-sans`, the same 5
+ * semantic roles (`tone`) and the `subtle`/`strong` emphasis axis. `tone` colors
+ * the lead segment only; the qualifier stays neutral and the brand lime is never
+ * spent here. With no `secondary` it degrades to a plain semantic pill — prefer
+ * StatusBadge for pure state. Forwards its ref.
+ *
+ * @example
+ * <TwoTierBadge primary="객관식" secondary="순환기내과" />
+ * <TwoTierBadge primary="반려" tone="error" emphasis="strong" secondary="중복 문항" />
+ */
+declare const TwoTierBadge: React.ForwardRefExoticComponent<TwoTierBadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
-declare const statusBadgeVariants: (props?: ({
-    status?: "error" | "warning" | "info" | "success" | "active" | "pending" | "archived" | null | undefined;
-    size?: "xs" | "sm" | "md" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const statusBadgeDotVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type StatusBadgeStatus = NonNullable<VariantProps<typeof statusBadgeVariants>["status"]>;
-interface StatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusBadgeVariants> {
+type StatusBadgeStatus = 'active' | 'archived' | 'success' | 'warning' | 'error' | 'info' | 'pending';
+type StatusBadgeEmphasis = 'subtle' | 'strong';
+type StatusBadgeSize = 'xs' | 'sm' | 'md';
+type SemanticRole = 'error' | 'warning' | 'info' | 'success' | 'neutral';
+interface StatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    status?: StatusBadgeStatus;
+    emphasis?: StatusBadgeEmphasis;
+    size?: StatusBadgeSize;
     showDot?: boolean;
-    /**
-     * 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;
 }
+/**
+ * Read-only state indicator. Two independent axes: `status` picks the semantic
+ * ROLE (color), `emphasis` picks the WEIGHT (subtle vs strong). subtle (default)
+ * keeps a neutral surface with only the dot + text in role color; strong adds a
+ * semantic tinted fill — reserve for must-notice cases. The text label is
+ * mandatory (WCAG 1.4.1); terminal/neutral states use a hollow ring dot.
+ */
 declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const notificationBadgeVariants: (props?: ({
@@ -1113,9 +1168,53 @@ interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onCha
     onPageSizeChange?: (pageSize: number) => void;
     totalLabel?: (total: number) => React.ReactNode;
     pageSizeLabel?: string;
+    /**
+     * When false, the page-size picker is omitted from the pagination bar.
+     * Use this when you hoist a `<PageSizeSelect />` into the table's top toolbar.
+     * Default true.
+     */
+    showPageSize?: boolean;
 }
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
 
+type PageSizeSelectSize = 'standard' | 'compact';
+interface PageSizeSelectProps {
+    /** Current items-per-page value. */
+    value: number;
+    onChange: (pageSize: number) => void;
+    /** Available page-size choices. Default [10, 20, 50, 100]. */
+    options?: readonly number[];
+    /**
+     * Leading label rendered before the select. Pass null to hide.
+     * Default "페이지당".
+     */
+    label?: React.ReactNode;
+    /** Unit suffix appended to each option number. Default "개". */
+    unit?: string;
+    /**
+     * Control height preset.
+     * - standard: 32px (default, standalone toolbar)
+     * - compact: 30px (embedded in pagination bar)
+     */
+    size?: PageSizeSelectSize;
+    disabled?: boolean;
+    id?: string;
+    'aria-label'?: string;
+    className?: string;
+}
+/**
+ * Standalone page-size picker for table/list toolbars.
+ * Pair with `<Pagination showPageSize={false} />` to avoid duplication.
+ *
+ * @example
+ * // top toolbar (right side):
+ * <PageSizeSelect value={pageSize} onChange={setPageSize} />
+ * // bottom:
+ * <Pagination total={total} page={page} pageSize={pageSize}
+ *   onPageChange={setPage} showPageSize={false} />
+ */
+declare function PageSizeSelect({ value, onChange, options, label, unit, size, disabled, id, 'aria-label': ariaLabel, className, }: PageSizeSelectProps): react_jsx_runtime.JSX.Element;
+
 declare const modeToggleVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 declare const modeToggleItemVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 interface ModeToggleOption<T extends string> {
@@ -1175,7 +1274,10 @@ interface ToastAction {
 }
 interface ToastOptions {
     message: string;
+    /** Optional secondary description line (muted). */
+    description?: string;
     variant?: ToastVariant;
+    /** Auto-dismiss ms. Default 4000 (7000 for error). Infinity = sticky. */
     duration?: number;
     action?: ToastAction;
 }
@@ -1185,9 +1287,9 @@ interface ToastItem extends ToastOptions {
 interface ToastRootProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'id'>, ToastItem {
     onClose?: () => void;
 }
+declare function getToastDuration(options: ToastOptions): number;
 type ToastListener = (items: ToastItem[]) => void;
 declare function limitToasts(items: ToastItem[], max?: number): ToastItem[];
-declare function getToastDuration(options: ToastOptions): number;
 declare function createToast(options: ToastOptions): string;
 declare const toast: {
     show: typeof createToast;
@@ -1198,6 +1300,16 @@ declare const toast: {
     dismiss(id: string): void;
     subscribe(listener: ToastListener): () => void;
 };
+/** Capitalized alias — the canonical imperative API on the DS namespace (`Toast.success(...)`). */
+declare const Toast: {
+    show: typeof createToast;
+    success(message: string, options?: Omit<ToastOptions, "message" | "variant">): string;
+    error(message: string, options?: Omit<ToastOptions, "message" | "variant">): string;
+    warning(message: string, options?: Omit<ToastOptions, "message" | "variant">): string;
+    info(message: string, options?: Omit<ToastOptions, "message" | "variant">): string;
+    dismiss(id: string): void;
+    subscribe(listener: ToastListener): () => void;
+};
 declare const ToastRoot: React.ForwardRefExoticComponent<ToastRootProps & React.RefAttributes<HTMLDivElement>>;
 declare const ToastViewport: React.ForwardRefExoticComponent<React.OlHTMLAttributes<HTMLOListElement> & React.RefAttributes<HTMLOListElement>>;
 interface ToastProviderProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -1426,8 +1538,8 @@ declare function TreeView<T extends TreeNode>({ nodes, selectedId, selectionAria
 /**
  * OLUN 브랜드 로고.
  *
- * - symbol: O 원형 테두리 + 우하단 accent-solid 작은 circle
- * - wordmark: "OLUN" + 마지막 "." 은 accent-fg 색상
+ * - symbol: O 원형 테두리 + 우하단 accent-pop 작은 circle
+ * - wordmark: "OLUN" + 마지막 "." 은 accent 색상
  *
  * 레퍼런스: apps/web/docs/wireframes/ref/shell-wireframe.html Topbar 브랜드 영역.
  */
@@ -1471,4 +1583,4 @@ interface OrganizationLogoProps extends Omit<SVGProps<SVGSVGElement>, "width" |
 }
 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, type AvatarFallbackProps, AvatarImage, Badge, type BadgeProps, type BadgeSize, type BadgeTone, type BadgeVariant, BulkActionBar, type BulkActionBarAction, type BulkActionBarProps, 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, ContextMenu, type ContextMenuPosition, type ContextMenuProps, CopyButton, type CopyButtonProps, DataTable, type DataTableBulkAction, type DataTableColumn, type DataTableProps, type DataTableSort, DetailLayout, type DetailLayoutProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogEyebrow, 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, type TreeItemRowVariantProps, type TreeItemState, type TreeNode, TreeView, type TreeViewProps, 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, treeItemRowVariants, treeViewVariants, twoTierBadgeLineVariants, twoTierBadgeVariants, useOlunTheme, usePermission };
+export { ActionFooter, type ActionFooterAction, type ActionFooterProps, type ActionFooterStatus, Alert, type AlertEmphasis, type AlertProps, type AlertVariant, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BulkActionBar, type BulkActionBarAction, type BulkActionBarProps, Button, type ButtonProps, type ButtonSize, 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, ContextMenu, type ContextMenuPosition, type ContextMenuProps, CopyButton, type CopyButtonProps, DataLayout, type DataLayoutProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, DetailLayout, type DetailLayoutProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogEyebrow, 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, type InlineAlertSurface, 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, PageSizeSelect, type PageSizeSelectProps, type PageSizeSelectSize, Pagination, type PaginationProps, type PaginationSize, PermissionContext, type PermissionEvaluator, type PermissionFallback, PermissionGuard, type PermissionGuardProps, PermissionProvider, type PermissionProviderProps, type PermissionScope, type PermissionState, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressStatus, Radio, RadioGroup, type RadioGroupAppearance, type RadioGroupColumns, type RadioGroupDensity, type RadioGroupOrientation, type RadioGroupProps, type RadioProps, ScrollArea, ScrollBar, SearchField, type SearchFieldProps, type SearchFieldSize, Select, type SelectAppearance, type SelectOption, type SelectProps, type SelectSize, type SelectState, type SelectVariant, type SemanticRole, Separator, type SetOlunThemeOptions, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetDrawer, type SheetDrawerProps, SheetFooter, SheetHeader, type SheetMotionConfig, type SheetMotionDuration, type SheetMotionEasing, type SheetMotionType, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, SkeletonRow, type SkeletonRowColumn, type SkeletonRowProps, SkeletonText, type SkeletonTextProps, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeEmphasis, type StatusBadgeProps, type StatusBadgeSize, type StatusBadgeStatus, type SurfaceLevel, Switch, type SwitchProps, type TabItem, Tabs, TabsContent, type TabsProps, type TabsVariant, Textarea, type TextareaProps, type TextareaSize, type TextareaSizeLegacy, type TextareaState, ThemeFab, type ThemeFabProps, ThemeToggle, Toast, type ToastAction, type ToastItem, type ToastOptions, ToastProvider, ToastRoot, type ToastVariant, ToastViewport, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TreeItemRowVariantProps, type TreeItemState, type TreeNode, TreeView, type TreeViewProps, TwoTierBadge, type TwoTierBadgeEmphasis, type TwoTierBadgeProps, type TwoTierBadgeSize, type TwoTierBadgeTone, type UseOlunThemeValue, WizardLayout, type WizardLayoutProps, type WizardStep, type WizardStepState, actionFooterStatusVariants, actionFooterVariants, buttonVariants, cardVariants, checkboxBoxVariants, checkboxFieldVariants, checkboxGroupBoxVariants, checkboxGroupItemVariants, checkboxGroupVariants, checkboxRootVariants, checkboxVariants, chipCountVariants, chipVariants, cn, dataTableRowVariants, dataTableVariants, emptyStateIconVariants, emptyStateVariants, errorStateVariants, evaluatePermission, fileUploadIconVariants, fileUploadZoneVariants, formFieldControlStackClassName, formFieldDescriptionClassName, formFieldErrorClassName, formFieldLabelClassName, formFieldRequiredClassName, formFieldVariants, getOlunThemeState, getToastDuration, iconButtonBadgeVariants, iconButtonVariants, inputMessageVariants, inputVariants, limitToasts, modeToggleItemVariants, modeToggleVariants, notificationBadgeVariants, otpCellVariants, otpFieldGroupVariants, otpFieldMessageVariants, otpFieldVariants, paginationControlVariants, paginationVariants, radioControlVariants, radioGroupVariants, radioVariants, searchFieldInputVariants, searchFieldVariants, selectMessageVariants, selectVariants, setOlunTheme, skeletonVariants, spinnerVariants, tabsBadgeVariants, tabsListVariants, tabsRootVariants, tabsTriggerVariants, textareaMessageVariants, textareaVariants, toast, toastVariants, toastViewportVariants, treeItemRowVariants, treeViewVariants, useOlunTheme, usePermission };