@olundot/ui 0.20.0-next.0 → 0.20.0-next.1

package/dist/index.js

@@ -5026,6 +5026,7 @@ var chipVariants = cva10(
         choice: "cursor-pointer",
         removable: "cursor-pointer",
         // status-filter — 정적 표시 chip (display only, 클릭 affordance 없음).
+        /** @deprecated A read-only label is a Badge: neutral·muted → `neutral`, accent → `brand`, success → `success`, warning → `warning`, danger → `error`. */
         "status-filter": "cursor-default"
       },
       tone: {
@@ -7867,41 +7868,30 @@ function ActionSheet({
 
 // src/components/ui/badge.tsx
 import * as React34 from "react";
-import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
-var DOT = {
-  error: "var(--semantic-error-fg)",
-  warning: "var(--semantic-warning-fg)",
-  info: "var(--semantic-info-fg)",
-  success: "var(--semantic-success-fg)",
-  neutral: "var(--text-tertiary)",
-  brand: "var(--accent-pop)"
+import { jsx as jsx44 } from "react/jsx-runtime";
+var TONE = {
+  neutral: "bg-[var(--semantic-neutral-bg)] text-[var(--semantic-neutral-fg)]",
+  info: "bg-[var(--semantic-info-bg)] text-[var(--semantic-info-fg)]",
+  success: "bg-[var(--semantic-success-bg)] text-[var(--semantic-success-fg)]",
+  warning: "bg-[var(--semantic-warning-bg)] text-[var(--semantic-warning-fg)]",
+  error: "bg-[var(--semantic-error-bg)] text-[var(--semantic-error-fg)]",
+  brand: "bg-[var(--accent-bg-strong)] text-[var(--accent)]"
 };
 var Badge = React34.forwardRef(
-  ({ tone = "neutral", className, children, ...props }, ref) => /* @__PURE__ */ jsxs36(
+  ({ tone = "neutral", className, children, ...props }, ref) => /* @__PURE__ */ jsx44(
     "span",
     {
       ref,
       "data-slot": "badge",
       "data-tone": tone,
       className: cn(
-        "inline-flex h-[24px] items-center gap-[var(--space-2)] rounded-[var(--radius-sm)] px-[var(--space-3)]",
-        "bg-[var(--bg-surface)] border border-[var(--border-subtle)] text-[var(--text-secondary)]",
+        "inline-flex h-[20px] w-fit shrink-0 items-center whitespace-nowrap rounded-[var(--radius-sm)] px-[var(--space-2)]",
         "text-[12px] font-medium",
+        TONE[tone],
         className
       ),
       ...props,
-      children: [
-        /* @__PURE__ */ jsx44(
-          "span",
-          {
-            "aria-hidden": "true",
-            "data-slot": "badge-dot",
-            className: "size-[6px] shrink-0 rounded-full",
-            style: { background: DOT[tone] }
-          }
-        ),
-        children
-      ]
+      children
     }
   )
 );
@@ -7909,7 +7899,7 @@ Badge.displayName = "Badge";
 
 // src/components/ui/two-tier-badge.tsx
 import * as React35 from "react";
-import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
 var FG = {
   neutral: "var(--text-secondary)",
   info: "var(--semantic-info-fg)",
@@ -7929,7 +7919,7 @@ var SEGMENT = {
   sm: "gap-[6px] py-[var(--space-1)] px-[var(--space-2)] text-[12px]",
   md: "gap-[7px] py-[var(--space-1)] px-[var(--space-3)] text-[14px]"
 };
-var DOT2 = { xs: 5, sm: 6, md: 7 };
+var DOT = { xs: 5, sm: 6, md: 7 };
 var TwoTierBadge = React35.forwardRef(
   ({ primary, secondary, tone = "neutral", emphasis = "subtle", size = "sm", showDot = false, className, style, ...props }, ref) => {
     const strong = emphasis === "strong";
@@ -7938,8 +7928,8 @@ var TwoTierBadge = React35.forwardRef(
     const tinted = tone === "neutral" ? "var(--border)" : `color-mix(in srgb, ${fg} 26%, transparent)`;
     const frame = strong ? tinted : "var(--border-subtle)";
     const divider = strong ? tinted : "var(--border)";
-    const dotSize = DOT2[size];
-    return /* @__PURE__ */ jsxs37(
+    const dotSize = DOT[size];
+    return /* @__PURE__ */ jsxs36(
       "span",
       {
         ref,
@@ -7953,7 +7943,7 @@ var TwoTierBadge = React35.forwardRef(
         style: { fontFamily: "var(--font-sans)", borderColor: frame, background: "transparent", ...style },
         ...props,
         children: [
-          /* @__PURE__ */ jsxs37(
+          /* @__PURE__ */ jsxs36(
             "span",
             {
               "data-slot": "two-tier-badge-primary",
@@ -8001,7 +7991,7 @@ TwoTierBadge.displayName = "TwoTierBadge";
 
 // src/components/ui/status-badge.tsx
 import * as React36 from "react";
-import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var ROLE = {
   error: "error",
   warning: "warning",
@@ -8011,79 +8001,58 @@ var ROLE = {
   success: "success",
   archived: "neutral"
 };
-var FG2 = {
-  error: "var(--semantic-error-fg)",
-  warning: "var(--semantic-warning-fg)",
-  info: "var(--semantic-info-fg)",
-  success: "var(--semantic-success-fg)",
-  neutral: "var(--semantic-neutral-fg)"
-};
-var BG2 = {
-  error: "var(--semantic-error-bg)",
-  warning: "var(--semantic-warning-bg)",
-  info: "var(--semantic-info-bg)",
-  success: "var(--semantic-success-bg)",
-  neutral: "var(--semantic-neutral-bg)"
-};
-var SIZE = {
-  xs: { cls: "gap-[5px] py-[2px] px-[var(--space-2)] text-[12px]", dot: 5 },
-  sm: { cls: "gap-[6px] py-[var(--space-1)] px-[var(--space-2)] text-[12px]", dot: 6 },
-  md: { cls: "gap-[var(--space-2)] py-[var(--space-1)] px-[14px] text-[14px]", dot: 7 }
-};
 var StatusBadge = React36.forwardRef(
-  ({ status = "active", emphasis = "subtle", size = "sm", showDot = true, pulse = true, className, children, style, ...props }, ref) => {
-    const role = ROLE[status];
-    const fg = FG2[role];
-    const strong = emphasis === "strong";
-    const ringDot = role === "neutral";
-    return /* @__PURE__ */ jsxs38(
-      "span",
-      {
-        ref,
-        "data-slot": "status-badge",
-        "data-status": status,
-        "data-role": role,
-        "data-emphasis": emphasis,
-        className: cn("inline-flex w-fit shrink-0 items-center whitespace-nowrap rounded-full border font-medium leading-none", SIZE[size].cls, className),
-        style: {
-          fontFamily: "var(--font-sans)",
-          background: strong ? BG2[role] : "transparent",
-          borderColor: strong ? `color-mix(in srgb, ${fg} 26%, transparent)` : "var(--border-subtle)",
-          color: fg,
-          ...style
-        },
-        ...props,
-        children: [
-          showDot ? /* @__PURE__ */ jsx46(
-            "span",
-            {
-              "aria-hidden": "true",
-              "data-slot": "status-badge-dot",
-              "data-ring-dot": ringDot ? "true" : "false",
-              "data-pulse": pulse ? "true" : "false",
-              className: "shrink-0 rounded-full box-border",
-              style: {
-                width: SIZE[size].dot,
-                height: SIZE[size].dot,
-                background: ringDot ? "transparent" : "currentColor",
-                border: ringDot ? "1.5px solid currentColor" : "none",
-                animation: pulse && !ringDot ? "olun-status-pulse 1.8s var(--ease-standard) infinite" : "none"
-              }
-            }
-          ) : null,
-          children,
-          /* @__PURE__ */ jsx46("style", { children: "@keyframes olun-status-pulse{0%,100%{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion: reduce){[data-slot=status-badge-dot]{animation:none!important}}" })
-        ]
-      }
-    );
-  }
+  ({ status = "active", emphasis: _emphasis, size: _size, showDot: _showDot, pulse: _pulse, ...props }, ref) => /* @__PURE__ */ jsx46(Badge, { ref, tone: ROLE[status], ...props })
 );
 StatusBadge.displayName = "StatusBadge";
 
-// src/components/ui/notification-badge.tsx
+// src/components/ui/status-dot.tsx
 import * as React37 from "react";
+import { jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+var DOT2 = {
+  neutral: "bg-[var(--semantic-neutral-fg)]",
+  info: "bg-[var(--semantic-info-fg)]",
+  success: "bg-[var(--semantic-success-fg)]",
+  warning: "bg-[var(--semantic-warning-fg)]",
+  error: "bg-[var(--semantic-error-fg)]"
+};
+var StatusDot = React37.forwardRef(
+  ({ tone, label, pulse = false, className, ...props }, ref) => /* @__PURE__ */ jsxs37(
+    "span",
+    {
+      ref,
+      "data-slot": "status-dot",
+      "data-tone": tone,
+      className: cn(
+        "inline-flex items-center gap-[6px] whitespace-nowrap text-[12px] font-medium text-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx47(
+          "span",
+          {
+            "aria-hidden": "true",
+            "data-slot": "status-dot-indicator",
+            "data-pulse": pulse ? "true" : void 0,
+            className: cn(
+              "size-[6px] shrink-0 rounded-full",
+              DOT2[tone],
+              pulse && "motion-safe:animate-[olun-status-dot-pulse_1.6s_var(--ease-standard)_infinite]"
+            )
+          }
+        ),
+        label
+      ]
+    }
+  )
+);
+StatusDot.displayName = "StatusDot";
+
+// src/components/ui/notification-badge.tsx
+import * as React38 from "react";
 import { cva as cva13 } from "class-variance-authority";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var notificationBadgeVariants = cva13(
   [
     "inline-flex shrink-0 items-center justify-center rounded-[var(--radius-full)]",
@@ -8114,7 +8083,7 @@ function formatNotificationCount(count, max) {
   }
   return String(count);
 }
-var NotificationBadge = React37.forwardRef(
+var NotificationBadge = React38.forwardRef(
   ({
     className,
     count,
@@ -8129,7 +8098,7 @@ var NotificationBadge = React37.forwardRef(
     }
     const normalizedMax = Math.max(1, Math.floor(max));
     const label = ariaLabel ?? (count > normalizedMax ? `\uC77D\uC9C0 \uC54A\uC740 \uC54C\uB9BC ${normalizedMax}\uAC1C \uC774\uC0C1` : `\uC77D\uC9C0 \uC54A\uC740 \uC54C\uB9BC ${count}\uAC1C`);
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       "span",
       {
         ref,
@@ -8147,9 +8116,9 @@ var NotificationBadge = React37.forwardRef(
 NotificationBadge.displayName = "NotificationBadge";
 
 // src/components/ui/empty-state.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 import { cva as cva14 } from "class-variance-authority";
-import { jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
 var emptyStateBaseVariants = cva14(
   [
     "flex flex-col items-center justify-center text-center",
@@ -8221,7 +8190,7 @@ var iconSize3 = {
   md: 20,
   lg: 24
 };
-var EmptyState = React38.forwardRef(
+var EmptyState = React39.forwardRef(
   ({
     className,
     size = "md",
@@ -8236,7 +8205,7 @@ var EmptyState = React38.forwardRef(
     ...props
   }, ref) => {
     const resolvedSize = size ?? "md";
-    return /* @__PURE__ */ jsxs39(
+    return /* @__PURE__ */ jsxs38(
       "div",
       {
         ref,
@@ -8245,17 +8214,17 @@ var EmptyState = React38.forwardRef(
         className: cn(emptyStateVariants({ size, tone, surface, bordered, className })),
         ...props,
         children: [
-          Icon ? /* @__PURE__ */ jsx48(
+          Icon ? /* @__PURE__ */ jsx49(
             "span",
             {
               "aria-hidden": "true",
               "data-slot": "empty-state-icon",
               className: emptyStateIconVariants({ size: resolvedSize }),
-              children: /* @__PURE__ */ jsx48(Icon, { size: iconSize3[resolvedSize], strokeWidth: 1.75 })
+              children: /* @__PURE__ */ jsx49(Icon, { size: iconSize3[resolvedSize], strokeWidth: 1.75 })
             }
           ) : null,
-          /* @__PURE__ */ jsxs39("div", { className: "flex max-w-[420px] flex-col items-center gap-[var(--space-2)]", children: [
-            /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsxs38("div", { className: "flex max-w-[420px] flex-col items-center gap-[var(--space-2)]", children: [
+            /* @__PURE__ */ jsx49(
               "h2",
               {
                 "data-slot": "empty-state-title",
@@ -8263,7 +8232,7 @@ var EmptyState = React38.forwardRef(
                 children: title
               }
             ),
-            description ? /* @__PURE__ */ jsx48(
+            description ? /* @__PURE__ */ jsx49(
               "p",
               {
                 "data-slot": "empty-state-description",
@@ -8271,7 +8240,7 @@ var EmptyState = React38.forwardRef(
                 children: description
               }
             ) : null,
-            hint ? /* @__PURE__ */ jsx48(
+            hint ? /* @__PURE__ */ jsx49(
               "p",
               {
                 "data-slot": "empty-state-hint",
@@ -8280,7 +8249,7 @@ var EmptyState = React38.forwardRef(
               }
             ) : null
           ] }),
-          action ? /* @__PURE__ */ jsx48("div", { "data-slot": "empty-state-action", className: "mt-[var(--space-2)]", children: action }) : null
+          action ? /* @__PURE__ */ jsx49("div", { "data-slot": "empty-state-action", className: "mt-[var(--space-2)]", children: action }) : null
         ]
       }
     );
@@ -8289,10 +8258,10 @@ var EmptyState = React38.forwardRef(
 EmptyState.displayName = "EmptyState";
 
 // src/components/ui/error-state.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import { AlertTriangle } from "lucide-react";
 import { cva as cva15 } from "class-variance-authority";
-import { jsx as jsx49, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs39 } from "react/jsx-runtime";
 var errorStateVariants = cva15(
   [
     "flex flex-col items-center justify-center text-center",
@@ -8314,7 +8283,7 @@ var errorStateVariants = cva15(
     }
   }
 );
-var ErrorState = React39.forwardRef(
+var ErrorState = React40.forwardRef(
   ({
     className,
     size = "md",
@@ -8325,7 +8294,7 @@ var ErrorState = React39.forwardRef(
     onRetry,
     retryLabel = "\uB2E4\uC2DC \uC2DC\uB3C4",
     ...props
-  }, ref) => /* @__PURE__ */ jsxs40(
+  }, ref) => /* @__PURE__ */ jsxs39(
     "div",
     {
       ref,
@@ -8334,17 +8303,17 @@ var ErrorState = React39.forwardRef(
       className: cn(errorStateVariants({ size, surface, className })),
       ...props,
       children: [
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(
           "span",
           {
             "aria-hidden": "true",
             "data-slot": "error-state-icon",
             className: "inline-flex size-[48px] items-center justify-center rounded-[var(--radius-full)] bg-[var(--error-bg)] text-[var(--error)]",
-            children: /* @__PURE__ */ jsx49(AlertTriangle, { size: 24, strokeWidth: 1.75 })
+            children: /* @__PURE__ */ jsx50(AlertTriangle, { size: 24, strokeWidth: 1.75 })
           }
         ),
-        /* @__PURE__ */ jsxs40("div", { className: "flex max-w-[420px] flex-col items-center gap-[var(--space-2)]", children: [
-          /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsxs39("div", { className: "flex max-w-[420px] flex-col items-center gap-[var(--space-2)]", children: [
+          /* @__PURE__ */ jsx50(
             "h2",
             {
               "data-slot": "error-state-title",
@@ -8352,7 +8321,7 @@ var ErrorState = React39.forwardRef(
               children: title
             }
           ),
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx50(
             "p",
             {
               "data-slot": "error-state-message",
@@ -8360,7 +8329,7 @@ var ErrorState = React39.forwardRef(
               children: message
             }
           ),
-          errorCode ? /* @__PURE__ */ jsx49(
+          errorCode ? /* @__PURE__ */ jsx50(
             "p",
             {
               "data-slot": "error-state-code",
@@ -8369,7 +8338,7 @@ var ErrorState = React39.forwardRef(
             }
           ) : null
         ] }),
-        onRetry ? /* @__PURE__ */ jsx49(Button, { size: "sm", variant: "secondary", onClick: onRetry, children: retryLabel }) : null
+        onRetry ? /* @__PURE__ */ jsx50(Button, { size: "sm", variant: "secondary", onClick: onRetry, children: retryLabel }) : null
       ]
     }
   )
@@ -8377,9 +8346,9 @@ var ErrorState = React39.forwardRef(
 ErrorState.displayName = "ErrorState";
 
 // src/components/ui/skeleton.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { cva as cva16 } from "class-variance-authority";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var skeletonVariants = cva16(
   [
     // bg-inset: light #F1F2F4 reads on white surfaces (bg-raised was white = invisible);
@@ -8423,8 +8392,8 @@ var spinnerVariants = cva16(
     }
   }
 );
-var Skeleton = React40.forwardRef(
-  ({ className, shape, style, ...props }, ref) => /* @__PURE__ */ jsx50(
+var Skeleton = React41.forwardRef(
+  ({ className, shape, style, ...props }, ref) => /* @__PURE__ */ jsx51(
     "div",
     {
       ref,
@@ -8437,15 +8406,15 @@ var Skeleton = React40.forwardRef(
 );
 Skeleton.displayName = "Skeleton";
 var defaultTextWidths = ["92%", "84%", "68%", "76%"];
-var SkeletonText = React40.forwardRef(
-  ({ className, lines = 3, widths = defaultTextWidths, ...props }, ref) => /* @__PURE__ */ jsx50(
+var SkeletonText = React41.forwardRef(
+  ({ className, lines = 3, widths = defaultTextWidths, ...props }, ref) => /* @__PURE__ */ jsx51(
     "div",
     {
       ref,
       "data-slot": "skeleton-text",
       className: cn("flex flex-col gap-[var(--space-2)]", className),
       ...props,
-      children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx50(
+      children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx51(
         Skeleton,
         {
           shape: "text",
@@ -8457,7 +8426,7 @@ var SkeletonText = React40.forwardRef(
   )
 );
 SkeletonText.displayName = "SkeletonText";
-var SkeletonRow = React40.forwardRef(
+var SkeletonRow = React41.forwardRef(
   ({
     className,
     columns,
@@ -8468,7 +8437,7 @@ var SkeletonRow = React40.forwardRef(
   }, ref) => {
     const rowCount = Math.max(5, count);
     const gridTemplateColumns = columns.map((column) => column.width ?? "1fr").join(" ");
-    return /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx51(
       "div",
       {
         ref,
@@ -8482,7 +8451,7 @@ var SkeletonRow = React40.forwardRef(
           className
         ),
         ...props,
-        children: Array.from({ length: rowCount }, (_, rowIndex) => /* @__PURE__ */ jsx50(
+        children: Array.from({ length: rowCount }, (_, rowIndex) => /* @__PURE__ */ jsx51(
           "div",
           {
             "data-slot": "skeleton-row",
@@ -8490,11 +8459,11 @@ var SkeletonRow = React40.forwardRef(
               "grid min-h-[48px] items-center border-t border-[var(--border-subtle)] first:border-t-0"
             ),
             style: { gridTemplateColumns },
-            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx50(
+            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx51(
               "div",
               {
                 className: "px-[var(--space-4)] py-[var(--space-2)]",
-                children: /* @__PURE__ */ jsx50(
+                children: /* @__PURE__ */ jsx51(
                   Skeleton,
                   {
                     shape: "text",
@@ -8514,8 +8483,8 @@ var SkeletonRow = React40.forwardRef(
   }
 );
 SkeletonRow.displayName = "SkeletonRow";
-var Spinner = React40.forwardRef(
-  ({ className, size, label = "\uB85C\uB529 \uC911", ...props }, ref) => /* @__PURE__ */ jsx50(
+var Spinner = React41.forwardRef(
+  ({ className, size, label = "\uB85C\uB529 \uC911", ...props }, ref) => /* @__PURE__ */ jsx51(
     "span",
     {
       ref,
@@ -8530,12 +8499,12 @@ var Spinner = React40.forwardRef(
 Spinner.displayName = "Spinner";
 
 // src/components/ui/pagination.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import { ChevronsLeft, ChevronLeft, ChevronRight as ChevronRight2, ChevronsRight } from "lucide-react";
 import { cva as cva17 } from "class-variance-authority";
 
 // src/components/ui/page-size-select.tsx
-import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs40 } from "react/jsx-runtime";
 var DEFAULT_OPTIONS = [10, 20, 50, 100];
 function PageSizeSelect({
   value,
@@ -8554,7 +8523,7 @@ function PageSizeSelect({
     label: `${opt}${unit}`
   }));
   const selectSize = size === "compact" ? "sm" : "md";
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs40(
     "div",
     {
       "data-slot": "page-size-select",
@@ -8563,8 +8532,8 @@ function PageSizeSelect({
         className
       ),
       children: [
-        label != null ? /* @__PURE__ */ jsx51("span", { children: label }) : null,
-        /* @__PURE__ */ jsx51(
+        label != null ? /* @__PURE__ */ jsx52("span", { children: label }) : null,
+        /* @__PURE__ */ jsx52(
           Select,
           {
             id,
@@ -8586,7 +8555,7 @@ function PageSizeSelect({
 }
 
 // src/components/ui/pagination.tsx
-import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs41 } from "react/jsx-runtime";
 var paginationVariants = cva17(
   [
     "flex w-full flex-col gap-[var(--space-3)]",
@@ -8659,7 +8628,7 @@ function NavigationButton({
   icon: Icon,
   onPageChange
 }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "button",
     {
       "aria-label": label,
@@ -8667,11 +8636,11 @@ function NavigationButton({
       className: paginationControlVariants({ size }),
       type: "button",
       onClick: () => onPageChange?.(page),
-      children: /* @__PURE__ */ jsx52(Icon, { "aria-hidden": "true", "data-slot": "pagination-icon" })
+      children: /* @__PURE__ */ jsx53(Icon, { "aria-hidden": "true", "data-slot": "pagination-icon" })
     }
   );
 }
-var Pagination = React41.forwardRef(
+var Pagination = React42.forwardRef(
   ({
     className,
     size = "standard",
@@ -8696,7 +8665,7 @@ var Pagination = React41.forwardRef(
     const items = getPaginationItems(currentPage, pageCount);
     const isFirstPage = currentPage === 1;
     const isLastPage = currentPage === pageCount;
-    return /* @__PURE__ */ jsxs42(
+    return /* @__PURE__ */ jsxs41(
       "nav",
       {
         ref,
@@ -8706,9 +8675,9 @@ var Pagination = React41.forwardRef(
         className: cn(paginationVariants({ size: resolvedSize, className })),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs42("div", { className: "flex flex-wrap items-center gap-[var(--space-3)]", children: [
-            /* @__PURE__ */ jsx52("span", { "data-slot": "pagination-total", className: "font-medium text-text-secondary", children: totalLabel(total) }),
-            showPageSize ? /* @__PURE__ */ jsx52("div", { "data-slot": "pagination-size", children: /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsxs41("div", { className: "flex flex-wrap items-center gap-[var(--space-3)]", children: [
+            /* @__PURE__ */ jsx53("span", { "data-slot": "pagination-total", className: "font-medium text-text-secondary", children: totalLabel(total) }),
+            showPageSize ? /* @__PURE__ */ jsx53("div", { "data-slot": "pagination-size", children: /* @__PURE__ */ jsx53(
               PageSizeSelect,
               {
                 label: pageSizeLabel,
@@ -8720,13 +8689,13 @@ var Pagination = React41.forwardRef(
               }
             ) }) : null
           ] }),
-          /* @__PURE__ */ jsxs42(
+          /* @__PURE__ */ jsxs41(
             "div",
             {
               "data-slot": "pagination-list",
               className: "flex items-center justify-center gap-[var(--space-1)]",
               children: [
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53(
                   NavigationButton,
                   {
                     label: "\uCCAB \uD398\uC774\uC9C0",
@@ -8737,7 +8706,7 @@ var Pagination = React41.forwardRef(
                     onPageChange
                   }
                 ),
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53(
                   NavigationButton,
                   {
                     label: "\uC774\uC804 \uD398\uC774\uC9C0",
@@ -8749,7 +8718,7 @@ var Pagination = React41.forwardRef(
                   }
                 ),
                 items.map(
-                  (item, index) => item === "ellipsis" ? /* @__PURE__ */ jsx52(
+                  (item, index) => item === "ellipsis" ? /* @__PURE__ */ jsx53(
                     "span",
                     {
                       "data-slot": "pagination-ellipsis",
@@ -8761,7 +8730,7 @@ var Pagination = React41.forwardRef(
                       children: "..."
                     },
                     `ellipsis-${index}`
-                  ) : /* @__PURE__ */ jsx52(
+                  ) : /* @__PURE__ */ jsx53(
                     "button",
                     {
                       "aria-label": `${item} \uD398\uC774\uC9C0`,
@@ -8775,7 +8744,7 @@ var Pagination = React41.forwardRef(
                     item
                   )
                 ),
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53(
                   NavigationButton,
                   {
                     label: "\uB2E4\uC74C \uD398\uC774\uC9C0",
@@ -8786,7 +8755,7 @@ var Pagination = React41.forwardRef(
                     onPageChange
                   }
                 ),
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53(
                   NavigationButton,
                   {
                     label: "\uB9C8\uC9C0\uB9C9 \uD398\uC774\uC9C0",
@@ -8809,7 +8778,7 @@ Pagination.displayName = "Pagination";
 
 // src/components/ui/mode-toggle.tsx
 import { cva as cva18 } from "class-variance-authority";
-import { jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs42 } from "react/jsx-runtime";
 var modeToggleVariants = cva18(
   [
     "inline-flex items-center rounded-[var(--radius-md)] border border-[var(--border-subtle)]",
@@ -8839,7 +8808,7 @@ function ModeToggle({
   onChange,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       role: "group",
@@ -8849,7 +8818,7 @@ function ModeToggle({
       children: options.map((option) => {
         const Icon = option.icon;
         const isActive = option.value === value;
-        return /* @__PURE__ */ jsxs43(
+        return /* @__PURE__ */ jsxs42(
           "button",
           {
             type: "button",
@@ -8865,8 +8834,8 @@ function ModeToggle({
               }
             },
             children: [
-              Icon ? /* @__PURE__ */ jsx53(Icon, { "aria-hidden": "true", "data-slot": "mode-toggle-icon" }) : null,
-              /* @__PURE__ */ jsx53("span", { children: option.label })
+              Icon ? /* @__PURE__ */ jsx54(Icon, { "aria-hidden": "true", "data-slot": "mode-toggle-icon" }) : null,
+              /* @__PURE__ */ jsx54("span", { children: option.label })
             ]
           },
           option.value
@@ -8877,9 +8846,9 @@ function ModeToggle({
 }
 
 // src/components/ui/action-footer.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 import { cva as cva19 } from "class-variance-authority";
-import { jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs43 } from "react/jsx-runtime";
 var actionFooterVariants = cva19(
   [
     "flex flex-wrap items-center gap-[var(--space-4)] border-t border-[var(--border-subtle)]",
@@ -8950,7 +8919,7 @@ function getStatusLabel(status) {
   }
 }
 function renderAction(action) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     Button,
     {
       variant: action.variant,
@@ -8965,7 +8934,7 @@ function renderAction(action) {
     action.id ?? action.label
   );
 }
-var ActionFooter = React42.forwardRef(
+var ActionFooter = React43.forwardRef(
   ({
     className,
     status,
@@ -8982,7 +8951,7 @@ var ActionFooter = React42.forwardRef(
     const mainActions = sortMainActions(
       visibleActions.filter((action) => !destructiveVariants.has(action.variant ?? "default"))
     );
-    return /* @__PURE__ */ jsxs44(
+    return /* @__PURE__ */ jsxs43(
       "div",
       {
         ref,
@@ -8991,7 +8960,7 @@ var ActionFooter = React42.forwardRef(
         className: cn(actionFooterVariants({ position, surface, className })),
         ...props,
         children: [
-          destructiveActions.length > 0 ? /* @__PURE__ */ jsx54(
+          destructiveActions.length > 0 ? /* @__PURE__ */ jsx55(
             "div",
             {
               "data-slot": "action-footer-destructive-actions",
@@ -8999,7 +8968,7 @@ var ActionFooter = React42.forwardRef(
               children: destructiveActions.map(renderAction)
             }
           ) : null,
-          status ? /* @__PURE__ */ jsxs44(
+          status ? /* @__PURE__ */ jsxs43(
             "div",
             {
               "data-slot": "action-footer-status",
@@ -9007,7 +8976,7 @@ var ActionFooter = React42.forwardRef(
               "aria-live": "polite",
               className: cn(actionFooterStatusVariants({ kind: status.kind })),
               children: [
-                /* @__PURE__ */ jsx54(
+                /* @__PURE__ */ jsx55(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -9015,11 +8984,11 @@ var ActionFooter = React42.forwardRef(
                     className: "size-[6px] shrink-0 rounded-[var(--radius-full)]"
                   }
                 ),
-                /* @__PURE__ */ jsx54("span", { className: "truncate", children: getStatusLabel(status) })
+                /* @__PURE__ */ jsx55("span", { className: "truncate", children: getStatusLabel(status) })
               ]
             }
           ) : null,
-          /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx55(
             "div",
             {
               "data-slot": "action-footer-main-actions",
@@ -9035,9 +9004,9 @@ var ActionFooter = React42.forwardRef(
 ActionFooter.displayName = "ActionFooter";
 
 // src/components/ui/toast.tsx
-import * as React43 from "react";
+import * as React44 from "react";
 import { cva as cva20 } from "class-variance-authority";
-import { jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
 var DOT3 = {
   default: "var(--neutral)",
   success: "var(--success)",
@@ -9155,7 +9124,7 @@ var toast = {
   }
 };
 var Toast = toast;
-var ToastRoot = React43.forwardRef(
+var ToastRoot = React44.forwardRef(
   ({
     className,
     id,
@@ -9172,10 +9141,10 @@ var ToastRoot = React43.forwardRef(
     ...props
   }, ref) => {
     const durationMs = getToastDuration({ message, variant, duration });
-    const onCloseRef = React43.useRef(onClose);
+    const onCloseRef = React44.useRef(onClose);
     onCloseRef.current = onClose;
-    const timerRef = React43.useRef(null);
-    React43.useEffect(() => {
+    const timerRef = React44.useRef(null);
+    React44.useEffect(() => {
       if (!onCloseRef.current) return void 0;
       const timer = createToastTimer(durationMs, () => onCloseRef.current?.());
       timerRef.current = timer;
@@ -9184,7 +9153,7 @@ var ToastRoot = React43.forwardRef(
         timerRef.current = null;
       };
     }, [durationMs]);
-    return /* @__PURE__ */ jsxs45(
+    return /* @__PURE__ */ jsxs44(
       "div",
       {
         ref,
@@ -9212,7 +9181,7 @@ var ToastRoot = React43.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "span",
             {
               "aria-hidden": "true",
@@ -9221,8 +9190,8 @@ var ToastRoot = React43.forwardRef(
               style: { background: DOT3[variant] ?? DOT3.default }
             }
           ),
-          /* @__PURE__ */ jsxs45("div", { "data-slot": "toast-body", className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsxs44("div", { "data-slot": "toast-body", className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx56(
               "div",
               {
                 "data-slot": "toast-message",
@@ -9230,7 +9199,7 @@ var ToastRoot = React43.forwardRef(
                 children: message
               }
             ),
-            description ? /* @__PURE__ */ jsx55(
+            description ? /* @__PURE__ */ jsx56(
               "div",
               {
                 "data-slot": "toast-description",
@@ -9239,8 +9208,8 @@ var ToastRoot = React43.forwardRef(
               }
             ) : null
           ] }),
-          /* @__PURE__ */ jsxs45("div", { "data-slot": "toast-actions", className: "flex shrink-0 items-center gap-[2px]", children: [
-            action ? /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsxs44("div", { "data-slot": "toast-actions", className: "flex shrink-0 items-center gap-[2px]", children: [
+            action ? /* @__PURE__ */ jsx56(
               Button,
               {
                 "data-slot": "toast-action",
@@ -9250,7 +9219,7 @@ var ToastRoot = React43.forwardRef(
                 children: action.label
               }
             ) : null,
-            /* @__PURE__ */ jsx55(
+            /* @__PURE__ */ jsx56(
               "button",
               {
                 type: "button",
@@ -9272,7 +9241,7 @@ var ToastRoot = React43.forwardRef(
   }
 );
 ToastRoot.displayName = "ToastRoot";
-var ToastViewport = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var ToastViewport = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx56(
   "ol",
   {
     ref,
@@ -9283,24 +9252,24 @@ var ToastViewport = React43.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 ToastViewport.displayName = "ToastViewport";
 function ToastProvider({ children, maxToasts = 3, className, ...props }) {
-  const [items, setItems] = React43.useState([]);
-  React43.useEffect(
+  const [items, setItems] = React44.useState([]);
+  React44.useEffect(
     () => toast.subscribe((nextItems) => {
       setItems(limitToasts(nextItems, maxToasts));
     }),
     [maxToasts]
   );
-  return /* @__PURE__ */ jsxs45("div", { "data-slot": "toast-provider", className, ...props, children: [
+  return /* @__PURE__ */ jsxs44("div", { "data-slot": "toast-provider", className, ...props, children: [
     children,
-    /* @__PURE__ */ jsx55(ToastViewport, { children: items.map((item) => /* @__PURE__ */ jsx55("li", { children: /* @__PURE__ */ jsx55(ToastRoot, { ...item, onClose: () => toast.dismiss(item.id) }) }, item.id)) })
+    /* @__PURE__ */ jsx56(ToastViewport, { children: items.map((item) => /* @__PURE__ */ jsx56("li", { children: /* @__PURE__ */ jsx56(ToastRoot, { ...item, onClose: () => toast.dismiss(item.id) }) }, item.id)) })
   ] });
 }
 
 // src/components/ui/otp-field.tsx
-import * as React44 from "react";
+import * as React45 from "react";
 import { cva as cva21 } from "class-variance-authority";
 import { AlertCircle as AlertCircle4 } from "lucide-react";
-import { Fragment as Fragment12, jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
 var otpFieldVariants = cva21("flex w-full min-w-0 flex-col gap-[var(--space-3)]", {
   variants: {
     size: {
@@ -9427,7 +9396,7 @@ function fillDigitsFromIndex(slots, index, inserted, length) {
     focusIndex: Math.min(cursor, length - 1)
   };
 }
-var OTPField = React44.forwardRef(
+var OTPField = React45.forwardRef(
   ({
     className,
     defaultValue,
@@ -9449,24 +9418,24 @@ var OTPField = React44.forwardRef(
     required,
     ...props
   }, ref) => {
-    const generatedId = React44.useId();
+    const generatedId = React45.useId();
     const fieldId = id ?? generatedId;
     const labelId = `${fieldId}-label`;
     const helperId = helperText ? `${fieldId}-helper` : void 0;
     const errorId = errorText ? `${fieldId}-error` : void 0;
     const resolvedState = invalid || errorText ? "error" : "default";
     const isControlled = value !== void 0;
-    const [uncontrolledSlots, setUncontrolledSlots] = React44.useState(
+    const [uncontrolledSlots, setUncontrolledSlots] = React45.useState(
       () => toDigitsArray(onlyDigits(defaultValue, length), length)
     );
-    const resolvedSlots = React44.useMemo(
+    const resolvedSlots = React45.useMemo(
       () => isControlled ? toDigitsArray(onlyDigits(value, length), length) : uncontrolledSlots,
       [isControlled, length, uncontrolledSlots, value]
     );
     const resolvedValue = joinDigits(resolvedSlots).slice(0, length);
-    const cellsRef = React44.useRef([]);
+    const cellsRef = React45.useRef([]);
     const groupDescribedBy = [helperId, errorId].filter(Boolean).join(" ") || void 0;
-    const setResolvedValue = React44.useCallback(
+    const setResolvedValue = React45.useCallback(
       (nextSlots, focusIndex) => {
         const normalizedSlots = nextSlots.slice(0, length);
         const normalizedValue = joinDigits(normalizedSlots).slice(0, length);
@@ -9485,7 +9454,7 @@ var OTPField = React44.forwardRef(
       },
       [disabled, isControlled, length, onComplete, onValueChange]
     );
-    return /* @__PURE__ */ jsxs46(
+    return /* @__PURE__ */ jsxs45(
       "fieldset",
       {
         ref,
@@ -9498,7 +9467,7 @@ var OTPField = React44.forwardRef(
         className: cn(otpFieldVariants({ size, className })),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs46(
+          /* @__PURE__ */ jsxs45(
             "legend",
             {
               id: labelId,
@@ -9506,11 +9475,11 @@ var OTPField = React44.forwardRef(
               className: "text-sm font-medium leading-snug text-foreground",
               children: [
                 label,
-                required ? /* @__PURE__ */ jsx56("span", { "aria-hidden": "true", className: "ml-1 font-bold text-[var(--error)]", children: "*" }) : null
+                required ? /* @__PURE__ */ jsx57("span", { "aria-hidden": "true", className: "ml-1 font-bold text-[var(--error)]", children: "*" }) : null
               ]
             }
           ),
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(
             "div",
             {
               "data-slot": "otp-field-group",
@@ -9520,7 +9489,7 @@ var OTPField = React44.forwardRef(
               children: Array.from({ length }, (_, index) => {
                 const digit = resolvedSlots[index] ?? "";
                 const inputId = `${fieldId}-cell-${index + 1}`;
-                return /* @__PURE__ */ jsx56(
+                return /* @__PURE__ */ jsx57(
                   "input",
                   {
                     ref: (node) => {
@@ -9615,15 +9584,15 @@ var OTPField = React44.forwardRef(
               })
             }
           ),
-          helperText || errorText ? /* @__PURE__ */ jsx56(
+          helperText || errorText ? /* @__PURE__ */ jsx57(
             "p",
             {
               id: errorText ? errorId : helperId,
               "data-slot": "otp-field-message",
               "data-kind": errorText ? "error" : "helper",
               className: otpFieldMessageVariants({ state: resolvedState }),
-              children: errorText ? /* @__PURE__ */ jsxs46(Fragment12, { children: [
-                /* @__PURE__ */ jsx56(
+              children: errorText ? /* @__PURE__ */ jsxs45(Fragment12, { children: [
+                /* @__PURE__ */ jsx57(
                   AlertCircle4,
                   {
                     "aria-hidden": "true",
@@ -9631,11 +9600,11 @@ var OTPField = React44.forwardRef(
                     strokeWidth: 2
                   }
                 ),
-                /* @__PURE__ */ jsx56("span", { children: errorText })
-              ] }) : /* @__PURE__ */ jsx56("span", { children: helperText })
+                /* @__PURE__ */ jsx57("span", { children: errorText })
+              ] }) : /* @__PURE__ */ jsx57("span", { children: helperText })
             }
           ) : null,
-          name ? /* @__PURE__ */ jsx56(
+          name ? /* @__PURE__ */ jsx57(
             "input",
             {
               "aria-hidden": "true",
@@ -9656,10 +9625,10 @@ var OTPField = React44.forwardRef(
 OTPField.displayName = "OTPField";
 
 // src/components/ui/search-field.tsx
-import * as React45 from "react";
+import * as React46 from "react";
 import { Search, X as X4 } from "lucide-react";
 import { cva as cva22 } from "class-variance-authority";
-import { jsx as jsx57, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 var searchFieldVariants = cva22("relative flex w-full items-center", {
   variants: {
     size: {
@@ -9724,7 +9693,7 @@ var iconSize4 = {
 function hasVisibleValue(value) {
   return typeof value === "string" ? value.length > 0 : value !== void 0;
 }
-var SearchField = React45.forwardRef(
+var SearchField = React46.forwardRef(
   ({
     className,
     inputMode = "search",
@@ -9740,12 +9709,12 @@ var SearchField = React45.forwardRef(
     ...props
   }, ref) => {
     const resolvedSize = size ?? "md";
-    const inputRef = React45.useRef(null);
-    const [hasText, setHasText] = React45.useState(
+    const inputRef = React46.useRef(null);
+    const [hasText, setHasText] = React46.useState(
       () => hasVisibleValue(value ?? defaultValue)
     );
-    React45.useImperativeHandle(ref, () => inputRef.current);
-    React45.useEffect(() => {
+    React46.useImperativeHandle(ref, () => inputRef.current);
+    React46.useEffect(() => {
       if (value !== void 0) {
         setHasText(hasVisibleValue(value));
       }
@@ -9758,14 +9727,14 @@ var SearchField = React45.forwardRef(
       }
       onClear?.();
     };
-    return /* @__PURE__ */ jsxs47(
+    return /* @__PURE__ */ jsxs46(
       "div",
       {
         "data-slot": "search-field",
         "data-size": resolvedSize,
         className: cn(searchFieldVariants({ size, className })),
         children: [
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx58(
             Search,
             {
               "aria-hidden": "true",
@@ -9775,7 +9744,7 @@ var SearchField = React45.forwardRef(
               strokeWidth: resolvedSize === "sm" ? 2 : 1.75
             }
           ),
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx58(
             "input",
             {
               ref: inputRef,
@@ -9796,7 +9765,7 @@ var SearchField = React45.forwardRef(
               ...props
             }
           ),
-          showClear ? /* @__PURE__ */ jsx57(
+          showClear ? /* @__PURE__ */ jsx58(
             "button",
             {
               type: "button",
@@ -9804,7 +9773,7 @@ var SearchField = React45.forwardRef(
               "data-slot": "search-field-clear",
               className: "absolute right-[8px] top-1/2 inline-flex size-[var(--space-4)] -translate-y-1/2 cursor-pointer items-center justify-center rounded-[var(--radius-full)] text-text-tertiary transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]",
               onClick: clearInput,
-              children: /* @__PURE__ */ jsx57(X4, { "aria-hidden": "true", size: 16, strokeWidth: 1.75 })
+              children: /* @__PURE__ */ jsx58(X4, { "aria-hidden": "true", size: 16, strokeWidth: 1.75 })
             }
           ) : null
         ]
@@ -9815,9 +9784,9 @@ var SearchField = React45.forwardRef(
 SearchField.displayName = "SearchField";
 
 // src/components/ui/checkbox-group.tsx
-import * as React46 from "react";
+import * as React47 from "react";
 import { cva as cva23 } from "class-variance-authority";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var checkboxGroupVariants = cva23("gap-[var(--space-2)]", {
   variants: {
     appearance: {
@@ -9843,7 +9812,7 @@ var checkboxGroupVariants = cva23("gap-[var(--space-2)]", {
 function toSelectionSet(value) {
   return new Set(value ?? []);
 }
-var CheckboxGroup = React46.forwardRef(
+var CheckboxGroup = React47.forwardRef(
   ({
     className,
     children,
@@ -9859,14 +9828,14 @@ var CheckboxGroup = React46.forwardRef(
     ...props
   }, ref) => {
     const isControlled = value != null;
-    const [uncontrolledValue, setUncontrolledValue] = React46.useState(
+    const [uncontrolledValue, setUncontrolledValue] = React47.useState(
       () => toSelectionSet(defaultValue)
     );
-    const selectedValues = React46.useMemo(
+    const selectedValues = React47.useMemo(
       () => isControlled ? toSelectionSet(value) : uncontrolledValue,
       [isControlled, uncontrolledValue, value]
     );
-    const toggleValue = React46.useCallback(
+    const toggleValue = React47.useCallback(
       (itemValue, checked) => {
         const nextValues = new Set(selectedValues);
         if (checked) {
@@ -9882,7 +9851,7 @@ var CheckboxGroup = React46.forwardRef(
       },
       [isControlled, onValueChange, selectedValues]
     );
-    const contextValue = React46.useMemo(
+    const contextValue = React47.useMemo(
       () => ({
         appearance,
         density,
@@ -9893,7 +9862,7 @@ var CheckboxGroup = React46.forwardRef(
       }),
       [appearance, density, disabled, name, selectedValues, toggleValue]
     );
-    return /* @__PURE__ */ jsx58(CheckboxGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx59(CheckboxGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx59(
       "div",
       {
         ref,
@@ -9917,11 +9886,11 @@ var CheckboxGroup = React46.forwardRef(
 CheckboxGroup.displayName = "CheckboxGroup";
 
 // src/components/ui/radio-group.tsx
-import * as React47 from "react";
+import * as React48 from "react";
 import { cva as cva24 } from "class-variance-authority";
 import { Circle } from "lucide-react";
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import { jsx as jsx59, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs47 } from "react/jsx-runtime";
 var radioGroupVariants = cva24("gap-[var(--space-2)]", {
   variants: {
     appearance: {
@@ -10010,11 +9979,11 @@ var radioControlVariants = cva24(
     }
   }
 );
-var RadioGroupContext = React47.createContext({
+var RadioGroupContext = React48.createContext({
   appearance: "plain",
   density: "comfortable"
 });
-var RadioGroup = React47.forwardRef(
+var RadioGroup = React48.forwardRef(
   ({
     className,
     children,
@@ -10025,11 +9994,11 @@ var RadioGroup = React47.forwardRef(
     required,
     ...props
   }, ref) => {
-    const contextValue = React47.useMemo(
+    const contextValue = React48.useMemo(
       () => ({ appearance, density }),
       [appearance, density]
     );
-    return /* @__PURE__ */ jsx59(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx60(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx60(
       RadioGroupPrimitive.Root,
       {
         ref,
@@ -10052,13 +10021,13 @@ var RadioGroup = React47.forwardRef(
   }
 );
 RadioGroup.displayName = "RadioGroup";
-var Radio = React47.forwardRef(({ className, children, description, id, ...props }, ref) => {
-  const { appearance, density } = React47.useContext(RadioGroupContext);
-  const generatedId = React47.useId();
+var Radio = React48.forwardRef(({ className, children, description, id, ...props }, ref) => {
+  const { appearance, density } = React48.useContext(RadioGroupContext);
+  const generatedId = React48.useId();
   const radioId = id ?? generatedId;
   const labelId = `${radioId}-label`;
   const descriptionId = description ? `${radioId}-description` : void 0;
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs47(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -10069,24 +10038,24 @@ var Radio = React47.forwardRef(({ className, children, description, id, ...props
       className: cn(radioVariants({ appearance, density }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsx60(
           "span",
           {
             "aria-hidden": "true",
             "data-slot": "radio-control",
             className: radioControlVariants({ appearance }),
-            children: /* @__PURE__ */ jsx59(
+            children: /* @__PURE__ */ jsx60(
               RadioGroupPrimitive.Indicator,
               {
                 "data-slot": "radio-indicator",
                 className: "flex items-center justify-center",
-                children: /* @__PURE__ */ jsx59(Circle, { "aria-hidden": "true", size: 8, fill: "currentColor" })
+                children: /* @__PURE__ */ jsx60(Circle, { "aria-hidden": "true", size: 8, fill: "currentColor" })
               }
             )
           }
         ),
-        /* @__PURE__ */ jsxs48("span", { className: "flex min-w-0 flex-col gap-[var(--space-1)]", children: [
-          /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsxs47("span", { className: "flex min-w-0 flex-col gap-[var(--space-1)]", children: [
+          /* @__PURE__ */ jsx60(
             "span",
             {
               id: labelId,
@@ -10098,7 +10067,7 @@ var Radio = React47.forwardRef(({ className, children, description, id, ...props
               children
             }
           ),
-          description ? /* @__PURE__ */ jsx59(
+          description ? /* @__PURE__ */ jsx60(
             "span",
             {
               id: descriptionId,
@@ -10116,20 +10085,20 @@ Radio.displayName = "Radio";
 
 // src/components/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs48(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx60(
+        /* @__PURE__ */ jsx61(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -10137,8 +10106,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx60(ScrollBar, {}),
-        /* @__PURE__ */ jsx60(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx61(ScrollBar, {}),
+        /* @__PURE__ */ jsx61(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -10148,7 +10117,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -10160,7 +10129,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx60(
+      children: /* @__PURE__ */ jsx61(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -10172,7 +10141,7 @@ function ScrollBar({
 }
 
 // src/components/ui/progress.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var progressFillByStatus = {
   active: "bg-[var(--primary)]",
   success: "bg-[var(--success)]",
@@ -10193,7 +10162,7 @@ function Progress({
   const clamped = Math.max(0, Math.min(safeMax, value));
   const percent = clamped / safeMax * 100;
   const w = typeof width === "number" ? `${width}px` : width;
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     "div",
     {
       role: "progressbar",
@@ -10207,7 +10176,7 @@ function Progress({
       ),
       style: { width: w, height: `${height}px`, ...style },
       ...props,
-      children: /* @__PURE__ */ jsx61(
+      children: /* @__PURE__ */ jsx62(
         "div",
         {
           className: cn(
@@ -10222,10 +10191,10 @@ function Progress({
 }
 
 // src/components/ui/tree-view.tsx
-import * as React48 from "react";
+import * as React49 from "react";
 import { ChevronRight as ChevronRight3 } from "lucide-react";
 import { cva as cva25 } from "class-variance-authority";
-import { jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs49 } from "react/jsx-runtime";
 var treeViewVariants = cva25(
   "m-0 list-none p-[var(--space-1)] text-body-sm text-foreground"
 );
@@ -10328,27 +10297,27 @@ function TreeView({
   ...rest
 }) {
   const isExpandedControlled = expandedIds !== void 0;
-  const [internalExpanded, setInternalExpanded] = React48.useState(
+  const [internalExpanded, setInternalExpanded] = React49.useState(
     () => defaultExpandedIds ?? []
   );
   const expandedList = isExpandedControlled ? expandedIds : internalExpanded;
-  const expandedSet = React48.useMemo(() => new Set(expandedList), [expandedList]);
-  const items = React48.useMemo(
+  const expandedSet = React49.useMemo(() => new Set(expandedList), [expandedList]);
+  const items = React49.useMemo(
     () => flattenVisibleNodes(nodes, getChildren, expandedSet),
     [nodes, getChildren, expandedSet]
   );
-  const [focusedId, setFocusedId] = React48.useState(null);
+  const [focusedId, setFocusedId] = React49.useState(null);
   const visibleIds = items.map((item) => item.id);
   const activeId = focusedId && visibleIds.includes(focusedId) ? focusedId : selectedId && visibleIds.includes(selectedId) ? selectedId : visibleIds[0] ?? null;
-  const itemRefs = React48.useRef(/* @__PURE__ */ new Map());
-  const commitExpanded = React48.useCallback(
+  const itemRefs = React49.useRef(/* @__PURE__ */ new Map());
+  const commitExpanded = React49.useCallback(
     (next) => {
       if (!isExpandedControlled) setInternalExpanded(next);
       onExpandedChange?.(next);
     },
     [isExpandedControlled, onExpandedChange]
   );
-  const setExpanded = React48.useCallback(
+  const setExpanded = React49.useCallback(
     (id, expand) => {
       const has = expandedSet.has(id);
       if (expand && !has) {
@@ -10359,7 +10328,7 @@ function TreeView({
     },
     [commitExpanded, expandedList, expandedSet]
   );
-  const focusItem = React48.useCallback((id) => {
+  const focusItem = React49.useCallback((id) => {
     setFocusedId(id);
     itemRefs.current.get(id)?.focus();
   }, []);
@@ -10395,7 +10364,7 @@ function TreeView({
       const selected = node.id === selectedId;
       const isActive = node.id === activeId;
       const itemState = { expanded, selected, depth, hasChildren };
-      return /* @__PURE__ */ jsxs50(
+      return /* @__PURE__ */ jsxs49(
         "li",
         {
           ref: (element) => {
@@ -10420,7 +10389,7 @@ function TreeView({
             onSelect?.(node.id, node);
           },
           children: [
-            /* @__PURE__ */ jsxs50(
+            /* @__PURE__ */ jsxs49(
               "span",
               {
                 "data-slot": "treeitem-row",
@@ -10429,7 +10398,7 @@ function TreeView({
                 },
                 className: treeItemRowVariants({ selected }),
                 children: [
-                  hasChildren ? /* @__PURE__ */ jsx62(
+                  hasChildren ? /* @__PURE__ */ jsx63(
                     "span",
                     {
                       "data-slot": "treeitem-toggle",
@@ -10439,7 +10408,7 @@ function TreeView({
                         setExpanded(node.id, !expanded);
                       },
                       className: "flex size-[var(--space-4)] shrink-0 items-center justify-center text-text-tertiary",
-                      children: /* @__PURE__ */ jsx62(
+                      children: /* @__PURE__ */ jsx63(
                         ChevronRight3,
                         {
                           "aria-hidden": "true",
@@ -10452,7 +10421,7 @@ function TreeView({
                         }
                       )
                     }
-                  ) : /* @__PURE__ */ jsx62(
+                  ) : /* @__PURE__ */ jsx63(
                     "span",
                     {
                       "data-slot": "treeitem-spacer",
@@ -10460,18 +10429,18 @@ function TreeView({
                       className: "size-[var(--space-4)] shrink-0"
                     }
                   ),
-                  /* @__PURE__ */ jsx62("span", { className: "flex min-w-0 flex-1 items-center gap-[var(--space-2)]", children: renderItem(node, itemState) })
+                  /* @__PURE__ */ jsx63("span", { className: "flex min-w-0 flex-1 items-center gap-[var(--space-2)]", children: renderItem(node, itemState) })
                 ]
               }
             ),
-            hasChildren && expanded && children ? /* @__PURE__ */ jsx62("ul", { role: "group", "data-slot": "tree-group", className: "m-0 list-none p-0", children: renderLevel(children, depth + 1) }) : null
+            hasChildren && expanded && children ? /* @__PURE__ */ jsx63("ul", { role: "group", "data-slot": "tree-group", className: "m-0 list-none p-0", children: renderLevel(children, depth + 1) }) : null
           ]
         },
         node.id
       );
     });
   }
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     "ul",
     {
       role: "tree",
@@ -10487,12 +10456,12 @@ function TreeView({
 }
 
 // src/components/branding/olun-logo.tsx
-import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs50 } from "react/jsx-runtime";
 var SYMBOL_LARGE = { stroke: 24, dotX: 184, dotY: 180, dotR: 13 };
 var SYMBOL_SMALL = { stroke: 18, dotX: 185, dotY: 175, dotR: 22 };
 function OlunSymbol({ size = 28, className }) {
   const g = size > 32 ? SYMBOL_LARGE : SYMBOL_SMALL;
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs50(
     "svg",
     {
       width: size,
@@ -10503,7 +10472,7 @@ function OlunSymbol({ size = 28, className }) {
       className,
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx64(
           "circle",
           {
             cx: "108",
@@ -10515,7 +10484,7 @@ function OlunSymbol({ size = 28, className }) {
             style: { color: "var(--text-primary)" }
           }
         ),
-        /* @__PURE__ */ jsx63("circle", { cx: g.dotX, cy: g.dotY, r: g.dotR, fill: "var(--accent-pop)" })
+        /* @__PURE__ */ jsx64("circle", { cx: g.dotX, cy: g.dotY, r: g.dotR, fill: "var(--accent-pop)" })
       ]
     }
   );
@@ -10526,7 +10495,7 @@ function OlunLogo({
   showSymbol = true,
   className
 }) {
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs50(
     "div",
     {
       className,
@@ -10536,8 +10505,8 @@ function OlunLogo({
         gap: "var(--space-3)"
       },
       children: [
-        showSymbol && /* @__PURE__ */ jsx63(OlunSymbol, { size: symbolSize }),
-        /* @__PURE__ */ jsxs51(
+        showSymbol && /* @__PURE__ */ jsx64(OlunSymbol, { size: symbolSize }),
+        /* @__PURE__ */ jsxs50(
           "span",
           {
             style: {
@@ -10549,7 +10518,7 @@ function OlunLogo({
             },
             children: [
               "OLUN",
-              !showSymbol && /* @__PURE__ */ jsx63("span", { style: { color: "var(--accent)" }, children: "." })
+              !showSymbol && /* @__PURE__ */ jsx64("span", { style: { color: "var(--accent)" }, children: "." })
             ]
           }
         )
@@ -10560,11 +10529,11 @@ function OlunLogo({
 
 // src/components/branding/theme-toggle.tsx
 import { Sun, Moon } from "lucide-react";
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 function ThemeToggle({ className }) {
   const { resolvedTheme, toggleTheme } = useOlunTheme();
   const Icon = resolvedTheme === "dark" ? Moon : Sun;
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     "button",
     {
       onClick: () => toggleTheme(),
@@ -10576,14 +10545,14 @@ function ThemeToggle({ className }) {
       ),
       "aria-label": "\uD14C\uB9C8 \uC804\uD658",
       title: resolvedTheme === "dark" ? "\uB77C\uC774\uD2B8 \uBAA8\uB4DC\uB85C" : "\uB2E4\uD06C \uBAA8\uB4DC\uB85C",
-      children: /* @__PURE__ */ jsx64(Icon, { className: "size-[18px]", strokeWidth: 1.75 })
+      children: /* @__PURE__ */ jsx65(Icon, { className: "size-[18px]", strokeWidth: 1.75 })
     }
   );
 }
 
 // src/components/branding/theme-fab.tsx
 import { Sun as Sun2, Moon as Moon2 } from "lucide-react";
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 function ThemeFab({ variant = "square" } = {}) {
   const { mounted, resolvedTheme, toggleTheme } = useOlunTheme();
   if (!mounted) {
@@ -10623,7 +10592,7 @@ function ThemeFab({ variant = "square" } = {}) {
     WebkitBackdropFilter: "blur(16px)",
     zIndex: 9999
   };
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     "button",
     {
       onClick: () => toggleTheme(),
@@ -10648,7 +10617,7 @@ function ThemeFab({ variant = "square" } = {}) {
           e.currentTarget.style.color = "var(--text-secondary)";
         }
       },
-      children: /* @__PURE__ */ jsx65(
+      children: /* @__PURE__ */ jsx66(
         Icon,
         {
           size: isCircle ? 22 : 16,
@@ -10660,7 +10629,7 @@ function ThemeFab({ variant = "square" } = {}) {
 }
 
 // src/components/logos/organization-logo.tsx
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 var organizationLogoRegistry = {
   jbnu: {
     label: "\uC804\uBD81\uB300\uD559\uAD50 \uC5E0\uBE14\uB7FC",
@@ -10689,7 +10658,7 @@ function OrganizationLogo({
 }) {
   const asset = organizationLogoRegistry[organization];
   const isDecorative = ariaHidden === true || ariaHidden === "true";
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     "svg",
     {
       viewBox: asset.viewBox,
@@ -10707,7 +10676,7 @@ function OrganizationLogo({
         ...style
       },
       ...props,
-      children: asset.paths.map((path) => /* @__PURE__ */ jsx66("path", { d: path }, path))
+      children: asset.paths.map((path) => /* @__PURE__ */ jsx67("path", { d: path }, path))
     }
   );
 }
@@ -10821,6 +10790,7 @@ export {
   SkeletonText,
   Spinner,
   StatusBadge,
+  StatusDot,
   Switch,
   Tabs,
   TabsContent,