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

package/dist/index.js

@@ -3020,12 +3020,12 @@ var tabsListVariants = cva8(
       {
         variant: "line",
         orientation: "horizontal",
-        className: "border-b border-[var(--border-subtle)] gap-[var(--space-6)] overflow-x-auto overflow-y-hidden"
+        className: "group/tabs-list relative border-b border-[var(--border-subtle)] gap-[var(--space-6)] overflow-x-auto overflow-y-hidden"
       },
       {
         variant: "line",
         orientation: "vertical",
-        className: "border-r border-[var(--border-subtle)] gap-[var(--space-2)] pr-[var(--space-4)] max-sm:flex-row max-sm:gap-[var(--space-6)] max-sm:overflow-x-auto max-sm:overflow-y-hidden max-sm:border-r-0 max-sm:border-b max-sm:pr-0"
+        className: "group/tabs-list relative border-r border-[var(--border-subtle)] gap-[var(--space-2)] pr-[var(--space-4)] max-sm:flex-row max-sm:gap-[var(--space-6)] max-sm:overflow-x-auto max-sm:overflow-y-hidden max-sm:border-r-0 max-sm:border-b max-sm:pr-0"
       },
       {
         variant: "contained",
@@ -3080,6 +3080,12 @@ var tabsTriggerVariants = cva8(
         orientation: "horizontal",
         className: "mx-[-2px] px-[2px] first:ml-0 last:mr-0 focus-visible:ring-0 focus-visible:inset-ring-2 focus-visible:inset-ring-[var(--focus-ring)]"
       },
+      // Once the list's indicator has measured the active trigger, it replaces the static ::after
+      // underline. Before hydration (or without the indicator) the ::after stays.
+      {
+        variant: "line",
+        className: "group-data-[indicator=ready]/tabs-list:after:hidden"
+      },
       {
         variant: "line",
         orientation: "vertical",
@@ -3092,6 +3098,35 @@ var tabsTriggerVariants = cva8(
     }
   }
 );
+var tabsIndicatorVariants = cva8(
+  [
+    "pointer-events-none absolute invisible bg-[var(--text-primary)]",
+    // transition-property stays none (duration alone would animate every property, visibility included)
+    // until data-motion turns on the per-orientation transition below.
+    "transition-none duration-[var(--dur-base)] ease-[var(--ease-standard)]",
+    "group-data-[indicator=ready]/tabs-list:visible"
+  ].join(" "),
+  {
+    variants: {
+      orientation: {
+        horizontal: "bottom-[-1px] left-0 h-[2px] w-[var(--tabs-indicator-width)] [transform:translateX(var(--tabs-indicator-left))] motion-safe:data-[motion=on]:transition-[transform,width]",
+        // Below `sm` the vertical list becomes a horizontal row, so the indicator follows the horizontal rule.
+        vertical: [
+          "max-sm:bottom-[-1px] max-sm:left-0 max-sm:h-[2px] max-sm:w-[var(--tabs-indicator-width)] max-sm:[transform:translateX(var(--tabs-indicator-left))] max-sm:motion-safe:data-[motion=on]:transition-[transform,width]",
+          "sm:top-0 sm:right-[-1px] sm:h-[var(--tabs-indicator-height)] sm:w-[2px] sm:[transform:translateY(var(--tabs-indicator-top))] sm:motion-safe:data-[motion=on]:transition-[transform,height]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+var tabsLabelReserveClassName = [
+  "inline-flex flex-col",
+  "before:invisible before:h-0 before:overflow-hidden before:font-medium before:content-[attr(data-label)]",
+  "after:invisible after:h-0 after:overflow-hidden after:font-bold after:content-[attr(data-label)]"
+].join(" ");
 var tabsBadgeVariants = cva8(
   [
     "inline-flex h-[18px] min-w-[18px] items-center justify-center",
@@ -3106,6 +3141,62 @@ var tabsBadgeVariants = cva8(
     "group-data-[state=active]:border-[var(--border-strong)]"
   ].join(" ")
 );
+function useTabsIndicator(enabled, activeKey, tabsKey, listRef, indicatorRef) {
+  const placedRef = React17.useRef(null);
+  const previousKeyRef = React17.useRef(null);
+  const place = React17.useCallback(
+    (animate) => {
+      const list = listRef.current;
+      const indicator = indicatorRef.current;
+      if (!list || !indicator) return;
+      const trigger = list.querySelector(':scope > [data-slot="tabs-trigger"][data-state="active"]');
+      if (!trigger) {
+        delete list.dataset.indicator;
+        placedRef.current = null;
+        return;
+      }
+      const { offsetLeft, offsetWidth, offsetTop, offsetHeight } = trigger;
+      const placed = `${offsetLeft} ${offsetWidth} ${offsetTop} ${offsetHeight}`;
+      if (placed === placedRef.current) return;
+      placedRef.current = placed;
+      if (animate && list.dataset.indicator === "ready") indicator.dataset.motion = "on";
+      else delete indicator.dataset.motion;
+      indicator.style.setProperty("--tabs-indicator-left", `${offsetLeft}px`);
+      indicator.style.setProperty("--tabs-indicator-width", `${offsetWidth}px`);
+      indicator.style.setProperty("--tabs-indicator-top", `${offsetTop}px`);
+      indicator.style.setProperty("--tabs-indicator-height", `${offsetHeight}px`);
+      list.dataset.indicator = "ready";
+    },
+    [listRef, indicatorRef]
+  );
+  React17.useLayoutEffect(() => {
+    if (!enabled) {
+      placedRef.current = null;
+      previousKeyRef.current = null;
+      return;
+    }
+    const previousKey = previousKeyRef.current;
+    previousKeyRef.current = activeKey;
+    place(previousKey !== null && previousKey !== activeKey);
+  }, [enabled, activeKey, tabsKey, place]);
+  React17.useEffect(() => {
+    const list = listRef.current;
+    if (!enabled || !list) return;
+    let cancelled = false;
+    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => place(false));
+    if (observer) {
+      observer.observe(list);
+      list.querySelectorAll(':scope > [data-slot="tabs-trigger"]').forEach((trigger) => observer.observe(trigger));
+    }
+    document.fonts?.ready.then(() => {
+      if (!cancelled) place(false);
+    });
+    return () => {
+      cancelled = true;
+      observer?.disconnect();
+    };
+  }, [enabled, tabsKey, place, listRef]);
+}
 function formatTabBadge(value) {
   return value > 99 ? "99+" : String(value);
 }
@@ -3128,55 +3219,77 @@ var Tabs = React17.forwardRef(
     orientation = "horizontal",
     variant = "line",
     ...props
-  }, ref) => /* @__PURE__ */ jsxs17(
-    TabsPrimitive.Root,
-    {
-      ref,
-      "data-slot": "tabs",
-      value: activeKey,
-      onValueChange: onChange,
-      orientation,
-      className: cn(tabsRootVariants({ orientation }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx18(
-          TabsPrimitive.List,
-          {
-            "data-slot": "tabs-list",
-            "data-variant": variant,
-            className: cn(tabsListVariants({ variant, orientation }), listClassName),
-            children: tabs.map((tab) => /* @__PURE__ */ jsxs17(
-              TabsPrimitive.Trigger,
-              {
-                id: getTabId(baseId, tab.key),
-                value: tab.key,
-                disabled: tab.disabled,
-                "aria-controls": getPanelId(baseId, tab.key),
-                "data-slot": "tabs-trigger",
-                "data-variant": variant,
-                className: cn("group", tabsTriggerVariants({ variant, orientation }), triggerClassName),
-                children: [
-                  /* @__PURE__ */ jsx18("span", { children: tab.label }),
-                  tab.badge !== void 0 && tab.badge > 0 ? /* @__PURE__ */ jsx18("span", { "aria-hidden": "true", "data-slot": "tabs-badge", className: tabsBadgeVariants(), children: formatTabBadge(tab.badge) }) : null,
-                  tab.disabled ? /* @__PURE__ */ jsx18(
-                    Lock,
-                    {
-                      "aria-hidden": "true",
-                      "data-slot": "tabs-disabled-icon",
-                      className: "size-[14px] shrink-0 text-text-disabled",
-                      strokeWidth: 2
+  }, ref) => {
+    const listRef = React17.useRef(null);
+    const indicatorRef = React17.useRef(null);
+    const isLine = variant === "line";
+    const tabsKey = tabs.map((tab) => tab.key).join("\0");
+    useTabsIndicator(isLine, activeKey, tabsKey, listRef, indicatorRef);
+    return /* @__PURE__ */ jsxs17(
+      TabsPrimitive.Root,
+      {
+        ref,
+        "data-slot": "tabs",
+        value: activeKey,
+        onValueChange: onChange,
+        orientation,
+        className: cn(tabsRootVariants({ orientation }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs17(
+            TabsPrimitive.List,
+            {
+              ref: listRef,
+              "data-slot": "tabs-list",
+              "data-variant": variant,
+              className: cn(tabsListVariants({ variant, orientation }), listClassName),
+              children: [
+                tabs.map((tab) => /* @__PURE__ */ jsxs17(
+                  TabsPrimitive.Trigger,
+                  {
+                    id: getTabId(baseId, tab.key),
+                    value: tab.key,
+                    disabled: tab.disabled,
+                    "aria-controls": getPanelId(baseId, tab.key),
+                    "data-slot": "tabs-trigger",
+                    "data-variant": variant,
+                    className: cn("group", tabsTriggerVariants({ variant, orientation }), triggerClassName),
+                    children: [
+                      isLine ? /* @__PURE__ */ jsx18("span", { "data-label": tab.label, className: tabsLabelReserveClassName, children: tab.label }) : /* @__PURE__ */ jsx18("span", { children: tab.label }),
+                      tab.badge !== void 0 && tab.badge > 0 ? /* @__PURE__ */ jsx18("span", { "aria-hidden": "true", "data-slot": "tabs-badge", className: tabsBadgeVariants(), children: formatTabBadge(tab.badge) }) : null,
+                      tab.disabled ? /* @__PURE__ */ jsx18(
+                        Lock,
+                        {
+                          "aria-hidden": "true",
+                          "data-slot": "tabs-disabled-icon",
+                          className: "size-[14px] shrink-0 text-text-disabled",
+                          strokeWidth: 2
+                        }
+                      ) : null
+                    ]
+                  },
+                  tab.key
+                )),
+                isLine ? /* @__PURE__ */ jsx18(
+                  "span",
+                  {
+                    ref: indicatorRef,
+                    "aria-hidden": "true",
+                    "data-slot": "tabs-indicator",
+                    className: tabsIndicatorVariants({ orientation }),
+                    onTransitionEnd: (event) => {
+                      if (event.target === event.currentTarget) delete event.currentTarget.dataset.motion;
                     }
-                  ) : null
-                ]
-              },
-              tab.key
-            ))
-          }
-        ),
-        children
-      ]
-    }
-  )
+                  }
+                ) : null
+              ]
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
 );
 Tabs.displayName = "Tabs";
 var TabsContent = React17.forwardRef(({ className, tabKey, baseId, ...props }, ref) => /* @__PURE__ */ jsx18(
@@ -5026,6 +5139,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 +7981,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 +8012,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 +8032,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 +8041,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 +8056,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 +8104,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 +8114,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 +8196,7 @@ function formatNotificationCount(count, max) {
   }
   return String(count);
 }
-var NotificationBadge = React37.forwardRef(
+var NotificationBadge = React38.forwardRef(
   ({
     className,
     count,
@@ -8129,7 +8211,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 +8229,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 +8303,7 @@ var iconSize3 = {
   md: 20,
   lg: 24
 };
-var EmptyState = React38.forwardRef(
+var EmptyState = React39.forwardRef(
   ({
     className,
     size = "md",
@@ -8236,7 +8318,7 @@ var EmptyState = React38.forwardRef(
     ...props
   }, ref) => {
     const resolvedSize = size ?? "md";
-    return /* @__PURE__ */ jsxs39(
+    return /* @__PURE__ */ jsxs38(
       "div",
       {
         ref,
@@ -8245,17 +8327,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 +8345,7 @@ var EmptyState = React38.forwardRef(
                 children: title
               }
             ),
-            description ? /* @__PURE__ */ jsx48(
+            description ? /* @__PURE__ */ jsx49(
               "p",
               {
                 "data-slot": "empty-state-description",
@@ -8271,7 +8353,7 @@ var EmptyState = React38.forwardRef(
                 children: description
               }
             ) : null,
-            hint ? /* @__PURE__ */ jsx48(
+            hint ? /* @__PURE__ */ jsx49(
               "p",
               {
                 "data-slot": "empty-state-hint",
@@ -8280,7 +8362,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 +8371,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 +8396,7 @@ var errorStateVariants = cva15(
     }
   }
 );
-var ErrorState = React39.forwardRef(
+var ErrorState = React40.forwardRef(
   ({
     className,
     size = "md",
@@ -8325,7 +8407,7 @@ var ErrorState = React39.forwardRef(
     onRetry,
     retryLabel = "\uB2E4\uC2DC \uC2DC\uB3C4",
     ...props
-  }, ref) => /* @__PURE__ */ jsxs40(
+  }, ref) => /* @__PURE__ */ jsxs39(
     "div",
     {
       ref,
@@ -8334,17 +8416,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 +8434,7 @@ var ErrorState = React39.forwardRef(
               children: title
             }
           ),
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx50(
             "p",
             {
               "data-slot": "error-state-message",
@@ -8360,7 +8442,7 @@ var ErrorState = React39.forwardRef(
               children: message
             }
           ),
-          errorCode ? /* @__PURE__ */ jsx49(
+          errorCode ? /* @__PURE__ */ jsx50(
             "p",
             {
               "data-slot": "error-state-code",
@@ -8369,7 +8451,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 +8459,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 +8505,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 +8519,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 +8539,7 @@ var SkeletonText = React40.forwardRef(
   )
 );
 SkeletonText.displayName = "SkeletonText";
-var SkeletonRow = React40.forwardRef(
+var SkeletonRow = React41.forwardRef(
   ({
     className,
     columns,
@@ -8468,7 +8550,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 +8564,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 +8572,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 +8596,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 +8612,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 +8636,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 +8645,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 +8668,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 +8741,7 @@ function NavigationButton({
   icon: Icon,
   onPageChange
 }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "button",
     {
       "aria-label": label,
@@ -8667,11 +8749,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 +8778,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 +8788,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 +8802,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 +8819,7 @@ var Pagination = React41.forwardRef(
                     onPageChange
                   }
                 ),
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53(
                   NavigationButton,
                   {
                     label: "\uC774\uC804 \uD398\uC774\uC9C0",
@@ -8749,7 +8831,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 +8843,7 @@ var Pagination = React41.forwardRef(
                       children: "..."
                     },
                     `ellipsis-${index}`
-                  ) : /* @__PURE__ */ jsx52(
+                  ) : /* @__PURE__ */ jsx53(
                     "button",
                     {
                       "aria-label": `${item} \uD398\uC774\uC9C0`,
@@ -8775,7 +8857,7 @@ var Pagination = React41.forwardRef(
                     item
                   )
                 ),
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53(
                   NavigationButton,
                   {
                     label: "\uB2E4\uC74C \uD398\uC774\uC9C0",
@@ -8786,7 +8868,7 @@ var Pagination = React41.forwardRef(
                     onPageChange
                   }
                 ),
-                /* @__PURE__ */ jsx52(
+                /* @__PURE__ */ jsx53(
                   NavigationButton,
                   {
                     label: "\uB9C8\uC9C0\uB9C9 \uD398\uC774\uC9C0",
@@ -8809,7 +8891,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 +8921,7 @@ function ModeToggle({
   onChange,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       role: "group",
@@ -8849,7 +8931,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 +8947,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 +8959,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 +9032,7 @@ function getStatusLabel(status) {
   }
 }
 function renderAction(action) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     Button,
     {
       variant: action.variant,
@@ -8965,7 +9047,7 @@ function renderAction(action) {
     action.id ?? action.label
   );
 }
-var ActionFooter = React42.forwardRef(
+var ActionFooter = React43.forwardRef(
   ({
     className,
     status,
@@ -8982,7 +9064,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 +9073,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 +9081,7 @@ var ActionFooter = React42.forwardRef(
               children: destructiveActions.map(renderAction)
             }
           ) : null,
-          status ? /* @__PURE__ */ jsxs44(
+          status ? /* @__PURE__ */ jsxs43(
             "div",
             {
               "data-slot": "action-footer-status",
@@ -9007,7 +9089,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 +9097,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 +9117,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 +9237,7 @@ var toast = {
   }
 };
 var Toast = toast;
-var ToastRoot = React43.forwardRef(
+var ToastRoot = React44.forwardRef(
   ({
     className,
     id,
@@ -9172,10 +9254,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 +9266,7 @@ var ToastRoot = React43.forwardRef(
         timerRef.current = null;
       };
     }, [durationMs]);
-    return /* @__PURE__ */ jsxs45(
+    return /* @__PURE__ */ jsxs44(
       "div",
       {
         ref,
@@ -9212,7 +9294,7 @@ var ToastRoot = React43.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "span",
             {
               "aria-hidden": "true",
@@ -9221,8 +9303,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 +9312,7 @@ var ToastRoot = React43.forwardRef(
                 children: message
               }
             ),
-            description ? /* @__PURE__ */ jsx55(
+            description ? /* @__PURE__ */ jsx56(
               "div",
               {
                 "data-slot": "toast-description",
@@ -9239,8 +9321,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 +9332,7 @@ var ToastRoot = React43.forwardRef(
                 children: action.label
               }
             ) : null,
-            /* @__PURE__ */ jsx55(
+            /* @__PURE__ */ jsx56(
               "button",
               {
                 type: "button",
@@ -9272,7 +9354,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 +9365,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 +9509,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 +9531,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 +9567,7 @@ var OTPField = React44.forwardRef(
       },
       [disabled, isControlled, length, onComplete, onValueChange]
     );
-    return /* @__PURE__ */ jsxs46(
+    return /* @__PURE__ */ jsxs45(
       "fieldset",
       {
         ref,
@@ -9498,7 +9580,7 @@ var OTPField = React44.forwardRef(
         className: cn(otpFieldVariants({ size, className })),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs46(
+          /* @__PURE__ */ jsxs45(
             "legend",
             {
               id: labelId,
@@ -9506,11 +9588,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 +9602,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 +9697,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 +9713,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 +9738,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 +9806,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 +9822,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 +9840,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 +9857,7 @@ var SearchField = React45.forwardRef(
               strokeWidth: resolvedSize === "sm" ? 2 : 1.75
             }
           ),
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx58(
             "input",
             {
               ref: inputRef,
@@ -9796,7 +9878,7 @@ var SearchField = React45.forwardRef(
               ...props
             }
           ),
-          showClear ? /* @__PURE__ */ jsx57(
+          showClear ? /* @__PURE__ */ jsx58(
             "button",
             {
               type: "button",
@@ -9804,7 +9886,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 +9897,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 +9925,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 +9941,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 +9964,7 @@ var CheckboxGroup = React46.forwardRef(
       },
       [isControlled, onValueChange, selectedValues]
     );
-    const contextValue = React46.useMemo(
+    const contextValue = React47.useMemo(
       () => ({
         appearance,
         density,
@@ -9893,7 +9975,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 +9999,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 +10092,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 +10107,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 +10134,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 +10151,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 +10180,7 @@ var Radio = React47.forwardRef(({ className, children, description, id, ...props
               children
             }
           ),
-          description ? /* @__PURE__ */ jsx59(
+          description ? /* @__PURE__ */ jsx60(
             "span",
             {
               id: descriptionId,
@@ -10116,20 +10198,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 +10219,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx60(ScrollBar, {}),
-        /* @__PURE__ */ jsx60(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx61(ScrollBar, {}),
+        /* @__PURE__ */ jsx61(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -10148,7 +10230,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -10160,7 +10242,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx60(
+      children: /* @__PURE__ */ jsx61(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -10172,7 +10254,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 +10275,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 +10289,7 @@ function Progress({
       ),
       style: { width: w, height: `${height}px`, ...style },
       ...props,
-      children: /* @__PURE__ */ jsx61(
+      children: /* @__PURE__ */ jsx62(
         "div",
         {
           className: cn(
@@ -10222,10 +10304,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 +10410,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 +10441,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 +10477,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 +10502,7 @@ function TreeView({
             onSelect?.(node.id, node);
           },
           children: [
-            /* @__PURE__ */ jsxs50(
+            /* @__PURE__ */ jsxs49(
               "span",
               {
                 "data-slot": "treeitem-row",
@@ -10429,7 +10511,7 @@ function TreeView({
                 },
                 className: treeItemRowVariants({ selected }),
                 children: [
-                  hasChildren ? /* @__PURE__ */ jsx62(
+                  hasChildren ? /* @__PURE__ */ jsx63(
                     "span",
                     {
                       "data-slot": "treeitem-toggle",
@@ -10439,7 +10521,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 +10534,7 @@ function TreeView({
                         }
                       )
                     }
-                  ) : /* @__PURE__ */ jsx62(
+                  ) : /* @__PURE__ */ jsx63(
                     "span",
                     {
                       "data-slot": "treeitem-spacer",
@@ -10460,18 +10542,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 +10569,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 +10585,7 @@ function OlunSymbol({ size = 28, className }) {
       className,
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx64(
           "circle",
           {
             cx: "108",
@@ -10515,7 +10597,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 +10608,7 @@ function OlunLogo({
   showSymbol = true,
   className
 }) {
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs50(
     "div",
     {
       className,
@@ -10536,8 +10618,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 +10631,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 +10642,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 +10658,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 +10705,7 @@ function ThemeFab({ variant = "square" } = {}) {
     WebkitBackdropFilter: "blur(16px)",
     zIndex: 9999
   };
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     "button",
     {
       onClick: () => toggleTheme(),
@@ -10648,7 +10730,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 +10742,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 +10771,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 +10789,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 +10903,7 @@ export {
   SkeletonText,
   Spinner,
   StatusBadge,
+  StatusDot,
   Switch,
   Tabs,
   TabsContent,