@uxuissk/design-system 0.8.1 → 0.8.3

package/dist/sellsuki-ds.js

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as a, Fragment as ge } from "react/jsx-runtime";
-import pe, { forwardRef as Pe, useState as j, useCallback as Q, useRef as ee, useContext as lt, createContext as it, useEffect as ne, useMemo as se, useId as mr } from "react";
-import { Loader2 as Re, X as le, EyeOff as an, Eye as ln, AlertCircle as Ie, CheckCircle2 as Ne, XCircle as hr, AlertTriangle as br, Info as pr, Minus as st, Check as me, Calendar as gr, ChevronsLeft as Mt, ChevronLeft as Fe, ChevronRight as fe, ChevronsRight as Lt, Clock as Ct, MoreHorizontal as vr, Search as Ye, ChevronUp as Ge, ChevronDown as Me, ChevronsUpDown as Nt, Slash as sn, Dot as dn, Copy as Pt, Inbox as cn, Plus as jt, Upload as Ve, Image as un, Film as fn, FileText as mn, File as xr, ZoomOut as hn, ZoomIn as yr, RotateCw as bn, ExternalLink as pn, Bell as wr, BellOff as gn, Heart as vn, ThumbsUp as xn, Star as yn, PanelLeftOpen as wn, PanelLeftClose as Nn, ArrowUpRight as Nr, ArrowDownRight as $r, Circle as Yt, Menu as Gt, FolderOpen as $n, Folder as Sn, SlidersHorizontal as kn, Columns3 as zn, GripVertical as Fn, Trash2 as $t, Link as Wn, Unlink as Mn, Heading2 as Ln, Quote as Cn, Code as jn, AlignLeft as Dn, AlignCenter as An, AlignRight as En, List as Sr, ListOrdered as In, Bold as Tn, Italic as Bn, Underline as _n, Strikethrough as Hn, Undo as On, Redo as Rn, Minimize2 as Pn, Maximize2 as Yn, Grid as Gn } from "lucide-react";
-import Un, { createPortal as dt } from "react-dom";
+import { jsx as e, jsxs as a, Fragment as ve } from "react/jsx-runtime";
+import ge, { forwardRef as Xe, useState as j, useCallback as Q, useRef as V, useContext as ct, createContext as ut, useEffect as ne, useMemo as se, useId as mr } from "react";
+import { Loader2 as Ze, X as ie, EyeOff as an, Eye as ln, AlertCircle as Pe, CheckCircle2 as $e, XCircle as hr, AlertTriangle as br, Info as pr, Minus as ft, Check as me, Calendar as gr, ChevronsLeft as Lt, ChevronLeft as Me, ChevronRight as fe, ChevronsRight as Ct, Clock as jt, MoreHorizontal as vr, Search as qe, ChevronUp as Je, ChevronDown as Ie, ChevronsUpDown as $t, Slash as sn, Dot as dn, Copy as Pt, Inbox as cn, Plus as Dt, Upload as nt, Image as un, Film as fn, FileText as mn, File as xr, ZoomOut as hn, ZoomIn as yr, RotateCw as bn, ExternalLink as pn, Bell as wr, BellOff as gn, Heart as vn, ThumbsUp as xn, Star as yn, PanelLeftOpen as wn, PanelLeftClose as Nn, ArrowUpRight as Nr, ArrowDownRight as $r, Circle as Yt, Menu as Gt, FolderOpen as $n, Folder as Sn, SlidersHorizontal as kn, Columns3 as zn, GripVertical as Fn, Trash2 as St, Link as Wn, Unlink as Mn, Heading2 as Ln, Quote as Cn, Code as jn, AlignLeft as Dn, AlignCenter as An, AlignRight as En, List as Sr, ListOrdered as In, Bold as Tn, Italic as Bn, Underline as _n, Strikethrough as Hn, Undo as Rn, Redo as On, Minimize2 as Pn, Maximize2 as Yn, Grid as Gn } from "lucide-react";
+import Un, { createPortal as Qe } from "react-dom";
 const Kn = {
   sm: "h-8 px-3 gap-1.5",
   // 32px
@@ -28,7 +28,7 @@ const Kn = {
   ghost: "bg-transparent text-foreground border border-transparent hover:bg-muted active:bg-muted/80",
   destructive: "bg-destructive text-destructive-foreground border border-destructive hover:bg-destructive/90 active:bg-destructive/80 shadow-elevation-sm",
   link: "bg-transparent text-primary border border-transparent underline-offset-4 hover:underline px-0 h-auto"
-}, Xn = Pe(
+}, Xn = Xe(
   ({
     variant: t = "primary",
     size: r = "md",
@@ -60,10 +60,10 @@ const Kn = {
         `,
         style: Zn[r],
         ...v,
-        children: n ? /* @__PURE__ */ a(ge, { children: [
-          /* @__PURE__ */ e(Re, { size: kr[r], className: "animate-spin flex-shrink-0" }),
+        children: n ? /* @__PURE__ */ a(ve, { children: [
+          /* @__PURE__ */ e(Ze, { size: kr[r], className: "animate-spin flex-shrink-0" }),
           o && /* @__PURE__ */ e("span", { children: o })
-        ] }) : /* @__PURE__ */ a(ge, { children: [
+        ] }) : /* @__PURE__ */ a(ve, { children: [
           l && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: l }),
           f && /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-2", children: f }),
           i && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: i })
@@ -73,7 +73,7 @@ const Kn = {
   }
 );
 Xn.displayName = "DSButton";
-const qn = Pe(
+const qn = Xe(
   ({
     variant: t = "ghost",
     size: r = "md",
@@ -106,7 +106,7 @@ const qn = Pe(
           ${i}
         `,
         ...d,
-        children: n ? /* @__PURE__ */ e(Re, { size: kr[r], className: "animate-spin" }) : o
+        children: n ? /* @__PURE__ */ e(Ze, { size: kr[r], className: "animate-spin" }) : o
       }
     );
   }
@@ -127,7 +127,7 @@ function bi({
 const Fr = {
   sm: {
     wrapper: "h-9 px-2.5 gap-1.5",
-    textStyle: { fontFamily: "var(--font-caption)", fontSize: "var(--text-caption)", fontWeight: "var(--weight-caption)" },
+    textStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
     icon: 14
   },
   md: {
@@ -166,11 +166,11 @@ const Fr = {
   error: "!border-destructive ring-destructive/20",
   success: "!border-chart-2 ring-chart-2/20",
   warning: "!border-chart-5 ring-chart-5/20"
-}, et = {
+}, ot = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
-}, Jn = Pe(
+}, Jn = Xe(
   ({
     label: t,
     helperText: r,
@@ -198,14 +198,14 @@ const Fr = {
     className: W = "",
     ...M
   }, F) => {
-    const [L, I] = j(!1), [C, N] = j(!1), [S, A] = j(w ?? ""), E = y !== void 0 ? y : S, O = String(E).length, _ = M.maxLength, B = Fr[l], K = Wr[i], H = n ? "error" : d, X = m === "password", ae = X && C ? "text" : m, q = Q(
+    const [L, I] = j(!1), [C, N] = j(!1), [S, A] = j(w ?? ""), E = y !== void 0 ? y : S, R = String(E).length, _ = M.maxLength, B = Fr[l], q = Wr[i], H = n ? "error" : d, K = m === "password", ae = K && C ? "text" : m, G = Q(
       (T) => {
         A(T.target.value), z == null || z(T);
       },
       [z]
     ), re = Q(() => {
       A(""), $ == null || $();
-    }, [$]), P = String(E).length > 0;
+    }, [$]), Y = String(E).length > 0;
     return /* @__PURE__ */ a("div", { className: `${p ? "w-full" : "inline-flex flex-col"} ${W}`, children: [
       t && /* @__PURE__ */ a("label", { className: "block mb-1.5 text-foreground", children: [
         t,
@@ -216,15 +216,15 @@ const Fr = {
         {
           className: `flex items-center rounded-[var(--radius-md)] transition-all duration-150
             ${B.wrapper}
-            ${K.base}
-            ${k ? "" : K.hover}
-            ${L && !k ? K.focus : ""}
+            ${q.base}
+            ${k ? "" : q.hover}
+            ${L && !k ? q.focus : ""}
             ${k ? "opacity-50 cursor-not-allowed" : ""}
             ${Mr[H]}
           `,
           children: [
             c && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-muted-foreground", children: c }),
-            f && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-muted-foreground", style: et, children: f }),
+            f && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-muted-foreground", style: ot, children: f }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -232,7 +232,7 @@ const Fr = {
                 type: ae,
                 disabled: k || u,
                 value: E,
-                onChange: q,
+                onChange: G,
                 onFocus: () => I(!0),
                 onBlur: () => I(!1),
                 className: "flex-1 min-w-0 bg-transparent border-none outline-none text-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed",
@@ -240,17 +240,17 @@ const Fr = {
                 ...M
               }
             ),
-            h && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-muted-foreground", style: et, children: h }),
-            v && P && !k && /* @__PURE__ */ e(
+            h && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-muted-foreground", style: ot, children: h }),
+            v && Y && !k && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 onClick: re,
                 className: "flex-shrink-0 text-muted-foreground hover:text-foreground transition-colors cursor-pointer p-0.5",
-                children: /* @__PURE__ */ e(le, { size: B.icon - 2 })
+                children: /* @__PURE__ */ e(ie, { size: B.icon - 2 })
               }
             ),
-            X && x && /* @__PURE__ */ e(
+            K && x && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -259,24 +259,24 @@ const Fr = {
                 children: C ? /* @__PURE__ */ e(an, { size: B.icon }) : /* @__PURE__ */ e(ln, { size: B.icon })
               }
             ),
-            s && !X && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-muted-foreground", children: s }),
+            s && !K && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-muted-foreground", children: s }),
             u && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: /* @__PURE__ */ e("span", { className: "block w-4 h-4 border-2 border-muted-foreground border-t-transparent rounded-full animate-spin" }) })
           ]
         }
       ),
-      g && _ && /* @__PURE__ */ a("div", { className: "flex justify-end mt-1", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-caption)", color: O >= _ ? "var(--destructive)" : "var(--muted-foreground)" }, children: [
-        O,
+      g && _ && /* @__PURE__ */ a("div", { className: "flex justify-end mt-1", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", color: R >= _ ? "var(--destructive)" : "var(--muted-foreground)" }, children: [
+        R,
         " / ",
         _
       ] }),
       (r || n || o) && /* @__PURE__ */ a("div", { className: "mt-1.5 flex items-center gap-1", children: [
-        H === "error" && /* @__PURE__ */ e(Ie, { size: 12, className: "text-destructive flex-shrink-0" }),
-        H === "success" && /* @__PURE__ */ e(Ne, { size: 12, className: "text-chart-2 flex-shrink-0" }),
+        H === "error" && /* @__PURE__ */ e(Pe, { size: 12, className: "text-destructive flex-shrink-0" }),
+        H === "success" && /* @__PURE__ */ e($e, { size: 12, className: "text-chart-2 flex-shrink-0" }),
         /* @__PURE__ */ e(
           "span",
           {
             className: `${H === "error" ? "text-destructive" : H === "success" ? "text-chart-2" : "text-muted-foreground"}`,
-            style: et,
+            style: ot,
             children: n || o || r
           }
         )
@@ -285,7 +285,7 @@ const Fr = {
   }
 );
 Jn.displayName = "DSInput";
-const Qn = Pe(
+const Qn = Xe(
   ({
     label: t,
     helperText: r,
@@ -346,7 +346,7 @@ const Qn = Pe(
               "div",
               {
                 className: "flex justify-end px-3 py-1.5 border-t border-border text-muted-foreground bg-muted/20",
-                style: { fontFamily: "var(--font-label)", fontSize: "var(--text-caption)", fontWeight: "var(--weight-label)" },
+                style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
                 children: [
                   m,
                   s ? ` / ${s}` : "",
@@ -358,13 +358,13 @@ const Qn = Pe(
         }
       ),
       (r || n || o) && /* @__PURE__ */ a("div", { className: "mt-1.5 flex items-center gap-1", children: [
-        W === "error" && /* @__PURE__ */ e(Ie, { size: 12, className: "text-destructive flex-shrink-0" }),
-        W === "success" && /* @__PURE__ */ e(Ne, { size: 12, className: "text-chart-2 flex-shrink-0" }),
+        W === "error" && /* @__PURE__ */ e(Pe, { size: 12, className: "text-destructive flex-shrink-0" }),
+        W === "success" && /* @__PURE__ */ e($e, { size: 12, className: "text-chart-2 flex-shrink-0" }),
         /* @__PURE__ */ e(
           "span",
           {
             className: `${W === "error" ? "text-destructive" : W === "success" ? "text-chart-2" : "text-muted-foreground"}`,
-            style: et,
+            style: ot,
             children: n || o || r
           }
         )
@@ -375,7 +375,7 @@ const Qn = Pe(
 Qn.displayName = "DSTextarea";
 const Vn = {
   info: { bg: "bg-primary/5", border: "border-primary/30", text: "text-primary", icon: /* @__PURE__ */ e(pr, { size: 18 }) },
-  success: { bg: "bg-chart-2/5", border: "border-chart-2/30", text: "text-chart-2", icon: /* @__PURE__ */ e(Ne, { size: 18 }) },
+  success: { bg: "bg-chart-2/5", border: "border-chart-2/30", text: "text-chart-2", icon: /* @__PURE__ */ e($e, { size: 18 }) },
   warning: { bg: "bg-chart-5/5", border: "border-chart-5/30", text: "text-chart-5", icon: /* @__PURE__ */ e(br, { size: 18 }) },
   error: { bg: "bg-destructive/5", border: "border-destructive/30", text: "text-destructive", icon: /* @__PURE__ */ e(hr, { size: 18 }) }
 };
@@ -392,31 +392,31 @@ function Lr({ variant: t = "info", title: r, children: n, dismissible: o = !1, o
       /* @__PURE__ */ e("span", { className: "text-foreground block", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }, children: n }),
       i && /* @__PURE__ */ e("div", { className: "mt-2", children: i })
     ] }),
-    o && /* @__PURE__ */ e("button", { onClick: v, className: "flex-shrink-0 text-muted-foreground hover:text-foreground transition-colors cursor-pointer", "aria-label": "Dismiss", children: /* @__PURE__ */ e(le, { size: 16 }) })
+    o && /* @__PURE__ */ e("button", { onClick: v, className: "flex-shrink-0 text-muted-foreground hover:text-foreground transition-colors cursor-pointer", "aria-label": "Dismiss", children: /* @__PURE__ */ e(ie, { size: 16 }) })
   ] });
 }
-let Cr = [], He = [];
+let Cr = [], Ue = [];
 function Ut() {
-  Cr.forEach((t) => t([...He]));
+  Cr.forEach((t) => t([...Ue]));
 }
-const De = {
+const He = {
   show: (t) => {
     const r = { ...t, id: `toast-${Date.now()}-${Math.random().toString(36).slice(2)}` };
-    He = [...He, r], Ut(), setTimeout(() => {
-      De.dismiss(r.id);
+    Ue = [...Ue, r], Ut(), setTimeout(() => {
+      He.dismiss(r.id);
     }, t.duration ?? 4e3);
   },
-  info: (t, r) => De.show({ variant: "info", message: t, title: r }),
-  success: (t, r) => De.show({ variant: "success", message: t, title: r }),
-  warning: (t, r) => De.show({ variant: "warning", message: t, title: r }),
-  error: (t, r) => De.show({ variant: "error", message: t, title: r }),
+  info: (t, r) => He.show({ variant: "info", message: t, title: r }),
+  success: (t, r) => He.show({ variant: "success", message: t, title: r }),
+  warning: (t, r) => He.show({ variant: "warning", message: t, title: r }),
+  error: (t, r) => He.show({ variant: "error", message: t, title: r }),
   dismiss: (t) => {
-    He = He.filter((r) => r.id !== t), Ut();
+    Ue = Ue.filter((r) => r.id !== t), Ut();
   }
 };
 function eo() {
-  const [t, r] = j([]), n = ee(!1);
-  return n.current || (n.current = !0, Cr.push(r)), t.length === 0 ? null : /* @__PURE__ */ e("div", { className: "fixed bottom-4 right-4 z-[200] flex flex-col gap-2 max-w-sm w-full pointer-events-none", children: t.map((o) => /* @__PURE__ */ e("div", { className: "pointer-events-auto animate-in slide-in-from-right fade-in duration-300", children: /* @__PURE__ */ e(Lr, { variant: o.variant, title: o.title, dismissible: !0, onDismiss: () => De.dismiss(o.id), children: o.message }) }, o.id)) });
+  const [t, r] = j([]), n = V(!1);
+  return n.current || (n.current = !0, Cr.push(r)), t.length === 0 ? null : /* @__PURE__ */ e("div", { className: "fixed bottom-4 right-4 z-[200] flex flex-col gap-2 max-w-sm w-full pointer-events-none", children: t.map((o) => /* @__PURE__ */ e("div", { className: "pointer-events-auto animate-in slide-in-from-right fade-in duration-300", children: /* @__PURE__ */ e(Lr, { variant: o.variant, title: o.title, dismissible: !0, onDismiss: () => He.dismiss(o.id), children: o.message }) }, o.id)) });
 }
 const to = {
   default: "bg-primary text-primary-foreground",
@@ -492,7 +492,7 @@ function pi({
             onClick: d,
             className: "flex-shrink-0 hover:opacity-70 transition-opacity cursor-pointer rounded-full -mr-0.5",
             "aria-label": "Remove",
-            children: /* @__PURE__ */ e(le, { size: s.iconSize })
+            children: /* @__PURE__ */ e(ie, { size: s.iconSize })
           }
         )
       ]
@@ -515,11 +515,11 @@ const oo = {
   lg: {
     box: "w-6 h-6",
     icon: 14,
-    labelStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-caption)", fontWeight: "var(--weight-label)" },
+    labelStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
     descStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }
   }
 };
-function ot({
+function st({
   checked: t,
   indeterminate: r = !1,
   defaultChecked: n = !1,
@@ -532,7 +532,7 @@ function ot({
   className: f = "",
   id: h
 }) {
-  const [v, x] = j(n), u = t ?? v, p = oo[d], b = h ?? `cb-${pe.useId()}`, g = () => {
+  const [v, x] = j(n), u = t ?? v, p = oo[d], b = h ?? `cb-${ge.useId()}`, g = () => {
     if (c) return;
     const k = !u;
     t === void 0 && x(k), o == null || o(k);
@@ -550,7 +550,7 @@ function ot({
           ${$ ? "bg-primary border-primary text-primary-foreground" : s ? "border-destructive bg-card" : "border-border bg-card hover:border-primary/50"}
           ${c ? "!cursor-not-allowed" : ""}
           focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 outline-none`,
-        children: r ? /* @__PURE__ */ e(st, { size: p.icon, strokeWidth: 3 }) : u ? /* @__PURE__ */ e(me, { size: p.icon, strokeWidth: 3 }) : null
+        children: r ? /* @__PURE__ */ e(ft, { size: p.icon, strokeWidth: 3 }) : u ? /* @__PURE__ */ e(me, { size: p.icon, strokeWidth: 3 }) : null
       }
     ),
     (l || i) && /* @__PURE__ */ a("div", { className: "min-w-0", children: [
@@ -575,7 +575,7 @@ function gi({ label: t, children: r, direction: n = "vertical", className: o = "
     /* @__PURE__ */ e("div", { className: `flex ${n === "vertical" ? "flex-col gap-3" : "flex-wrap gap-4"}`, children: r })
   ] });
 }
-const jr = it(null), ao = {
+const jr = ut(null), ao = {
   sm: {
     outer: "w-4 h-4",
     inner: "w-1.5 h-1.5",
@@ -591,12 +591,12 @@ const jr = it(null), ao = {
   lg: {
     outer: "w-6 h-6",
     inner: "w-2.5 h-2.5",
-    labelStyle: { fontFamily: "var(--font-caption)", fontSize: "var(--text-caption)", fontWeight: "var(--weight-label)" },
+    labelStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
     descStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }
   }
 };
 function vi({ value: t, label: r, description: n, disabled: o, size: l, className: i = "" }) {
-  const d = lt(jr), c = d ? d.value === t : !1, s = o ?? (d == null ? void 0 : d.disabled) ?? !1, f = l ?? (d == null ? void 0 : d.size) ?? "md", h = ao[f], v = () => {
+  const d = ct(jr), c = d ? d.value === t : !1, s = o ?? (d == null ? void 0 : d.disabled) ?? !1, f = l ?? (d == null ? void 0 : d.size) ?? "md", h = ao[f], v = () => {
     s || d == null || d.onChange(t);
   };
   return /* @__PURE__ */ a("div", { className: `inline-flex items-start gap-2.5 ${s ? "opacity-50" : ""} ${i}`, children: [
@@ -650,7 +650,7 @@ function xi({
     f && /* @__PURE__ */ e("span", { className: "text-destructive block mt-1.5", style: { fontFamily: "var(--font-button)", fontSize: "var(--text-button)", fontWeight: "var(--weight-label)" }, children: f })
   ] }) });
 }
-const lo = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], ht = [
+const lo = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], bt = [
   "January",
   "February",
   "March",
@@ -664,7 +664,7 @@ const lo = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], ht = [
   "November",
   "December"
 ];
-function Oe(t, r) {
+function Ke(t, r) {
   return t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
 }
 function Kt(t, r, n) {
@@ -673,7 +673,7 @@ function Kt(t, r, n) {
   return o > r.getTime() && o < n.getTime();
 }
 function Zt(t, r, n, o) {
-  return !!(r && t < new Date(r.getFullYear(), r.getMonth(), r.getDate()) || n && t > new Date(n.getFullYear(), n.getMonth(), n.getDate()) || o != null && o.some((l) => Oe(l, t)));
+  return !!(r && t < new Date(r.getFullYear(), r.getMonth(), r.getDate()) || n && t > new Date(n.getFullYear(), n.getMonth(), n.getDate()) || o != null && o.some((l) => Ke(l, t)));
 }
 function io(t, r) {
   return new Date(t, r + 1, 0).getDate();
@@ -684,7 +684,7 @@ function Xt(t, r) {
   for (let i = 1; i <= o; i++) l.push(new Date(t, r, i));
   return l;
 }
-function qe(t, r) {
+function et(t, r) {
   if (!t) return "";
   const n = String(t.getDate()).padStart(2, "0"), o = String(t.getMonth() + 1).padStart(2, "0"), l = t.getFullYear();
   let i = `${n}/${o}/${l}`;
@@ -718,9 +718,9 @@ const so = {
   lg: {
     trigger: "h-12 px-4",
     text: {
-      fontFamily: "var(--font-caption)",
-      fontSize: "var(--text-caption)",
-      fontWeight: "var(--weight-caption)"
+      fontFamily: "var(--font-label)",
+      fontSize: "var(--text-label)",
+      fontWeight: "var(--weight-label)"
     },
     icon: 18,
     cell: "w-10 h-10"
@@ -760,290 +760,312 @@ function yi({
   footer: w,
   fullWidth: z = !1
 }) {
-  const [W, M] = j(!1), [F, L] = j(() => t ?? /* @__PURE__ */ new Date()), [I, C] = j("days"), [N, S] = j(null), [A, E] = j(() => t ? t.getHours() : 0), [O, _] = j(() => t ? t.getMinutes() : 0), B = ee(null), K = so[h];
+  const [W, M] = j(!1), [F, L] = j(() => t ?? /* @__PURE__ */ new Date()), [I, C] = j("days"), [N, S] = j(null), [A, E] = j(() => t ? t.getHours() : 0), [R, _] = j(() => t ? t.getMinutes() : 0), B = V(null), q = V(null), H = V(null), [K, ae] = j(null), G = so[h];
   ne(() => {
-    function Y(te) {
-      B.current && !B.current.contains(te.target) && (M(!1), C("days"));
+    if (!W || !q.current) return;
+    const O = () => {
+      const ee = q.current.getBoundingClientRect(), ye = l === "range" ? 560 : 300, oe = g ? 390 : 360, je = ee.left + ye > window.innerWidth ? Math.max(8, window.innerWidth - ye - 8) : ee.left, be = ee.bottom + 6 + oe > window.innerHeight ? ee.top - oe - 2 : ee.bottom + 6;
+      ae({ top: be, left: je });
+    };
+    return O(), window.addEventListener("scroll", O, !0), window.addEventListener("resize", O), () => {
+      window.removeEventListener("scroll", O, !0), window.removeEventListener("resize", O);
+    };
+  }, [W, l, g]), ne(() => {
+    function O(ee) {
+      var be, De;
+      const ye = ee.target, oe = ((be = B.current) == null ? void 0 : be.contains(ye)) ?? !1, je = ((De = H.current) == null ? void 0 : De.contains(ye)) ?? !1;
+      !oe && !je && (M(!1), C("days"));
     }
-    return W && document.addEventListener("mousedown", Y), () => document.removeEventListener("mousedown", Y);
+    return W && document.addEventListener("mousedown", O), () => document.removeEventListener("mousedown", O);
   }, [W]), se(
     () => Xt(F.getFullYear(), F.getMonth()),
     [F]
   );
-  const H = se(() => /* @__PURE__ */ new Date(), []), X = () => L(new Date(F.getFullYear(), F.getMonth() - 1, 1)), ae = () => L(new Date(F.getFullYear(), F.getMonth() + 1, 1)), q = () => L(new Date(F.getFullYear() - 1, F.getMonth(), 1)), re = () => L(new Date(F.getFullYear() + 1, F.getMonth(), 1)), P = Q(
-    (Y) => {
-      if (!Zt(Y, $, k, m))
+  const re = se(() => /* @__PURE__ */ new Date(), []), Y = () => L(new Date(F.getFullYear(), F.getMonth() - 1, 1)), T = () => L(new Date(F.getFullYear(), F.getMonth() + 1, 1)), J = () => L(new Date(F.getFullYear() - 1, F.getMonth(), 1)), X = () => L(new Date(F.getFullYear() + 1, F.getMonth(), 1)), ue = Q(
+    (O) => {
+      if (!Zt(O, $, k, m))
         if (l === "single") {
-          let te = new Date(Y);
-          g && te.setHours(A, O), n == null || n(te), g || (M(!1), C("days"));
+          let ee = new Date(O);
+          g && ee.setHours(A, R), n == null || n(ee), g || (M(!1), C("days"));
         } else {
-          const te = r == null ? void 0 : r.start, he = r == null ? void 0 : r.end;
-          !te || te && he ? o == null || o({ start: Y, end: null }) : (Y < te ? o == null || o({ start: Y, end: te }) : o == null || o({ start: te, end: Y }), M(!1), C("days"));
+          const ee = r == null ? void 0 : r.start, ye = r == null ? void 0 : r.end;
+          !ee || ee && ye ? o == null || o({ start: O, end: null }) : (O < ee ? o == null || o({ start: O, end: ee }) : o == null || o({ start: ee, end: O }), M(!1), C("days"));
         }
     },
-    [l, n, o, r, $, k, m, g, A, O]
-  ), T = (Y) => {
-    Y.stopPropagation(), l === "single" ? n == null || n(null) : o == null || o({ start: null, end: null });
-  }, J = () => {
-    const Y = /* @__PURE__ */ new Date();
-    if (L(Y), l === "single") {
-      const te = new Date(Y);
-      g && te.setHours(A, O), n == null || n(te), g || (M(!1), C("days"));
+    [l, n, o, r, $, k, m, g, A, R]
+  ), ze = (O) => {
+    O.stopPropagation(), l === "single" ? n == null || n(null) : o == null || o({ start: null, end: null });
+  }, Ye = () => {
+    const O = /* @__PURE__ */ new Date();
+    if (L(O), l === "single") {
+      const ee = new Date(O);
+      g && ee.setHours(A, R), n == null || n(ee), g || (M(!1), C("days"));
     }
   }, Z = () => {
     if (t) {
-      const Y = new Date(t);
-      Y.setHours(A, O), n == null || n(Y);
+      const O = new Date(t);
+      O.setHours(A, R), n == null || n(O);
     }
     M(!1), C("days");
-  }, ue = se(() => l === "single" ? qe(t, g) : r != null && r.start && (r != null && r.end) ? `${qe(r.start)} – ${qe(r.end)}` : r != null && r.start ? `${qe(r.start)} – ...` : "", [l, t, r, g]), we = l === "single" ? !!t : !!(r != null && r.start || r != null && r.end), Te = x === "error" ? /* @__PURE__ */ e(Ie, { size: K.icon, className: "text-destructive flex-shrink-0" }) : x === "success" ? /* @__PURE__ */ e(Ne, { size: K.icon, className: "text-chart-2 flex-shrink-0" }) : null, G = x === "error" ? s : x === "success" ? f : c, ke = x === "error" ? "text-destructive" : x === "success" ? "text-chart-2" : "text-muted-foreground", Be = {
+  }, Fe = se(() => l === "single" ? et(t, g) : r != null && r.start && (r != null && r.end) ? `${et(r.start)} – ${et(r.end)}` : r != null && r.start ? `${et(r.start)} – ...` : "", [l, t, r, g]), Le = l === "single" ? !!t : !!(r != null && r.start || r != null && r.end), xe = x === "error" ? /* @__PURE__ */ e(Pe, { size: G.icon, className: "text-destructive flex-shrink-0" }) : x === "success" ? /* @__PURE__ */ e($e, { size: G.icon, className: "text-chart-2 flex-shrink-0" }) : null, Te = x === "error" ? s : x === "success" ? f : c, Ve = x === "error" ? "text-destructive" : x === "success" ? "text-chart-2" : "text-muted-foreground", mt = {
     fontFamily: "var(--font-label)",
     fontSize: "var(--text-label)",
     fontWeight: "var(--weight-label)"
-  }, ve = {
+  }, Ce = {
     fontFamily: "var(--font-button)",
     fontSize: "var(--text-button)",
     fontWeight: "var(--weight-button)"
-  }, ie = {
+  }, le = {
     fontFamily: "var(--font-button)",
     fontSize: "var(--text-button)",
     fontWeight: "var(--weight-button)"
-  }, Le = Math.floor(F.getFullYear() / 12) * 12;
+  }, he = Math.floor(F.getFullYear() / 12) * 12;
   return /* @__PURE__ */ a("div", { className: `relative ${z ? "w-full" : ""}`, ref: B, children: [
-    i && /* @__PURE__ */ a("label", { className: "block text-foreground mb-1.5", style: Be, children: [
+    i && /* @__PURE__ */ a("label", { className: "block text-foreground mb-1.5", style: mt, children: [
       i,
       p && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", children: "*" })
     ] }),
     /* @__PURE__ */ a(
       "button",
       {
+        ref: q,
         type: "button",
         onClick: () => !u && M(!W),
         disabled: u,
         className: `
           w-full flex items-center gap-2 rounded-[var(--radius-md)] transition-all cursor-pointer
-          ${K.trigger}
+          ${G.trigger}
           ${co[v]}
           ${uo[x]}
           ${u ? "opacity-50 cursor-not-allowed" : "hover:border-primary/50"}
         `,
-        style: K.text,
+        style: G.text,
         children: [
-          /* @__PURE__ */ e(gr, { size: K.icon, className: "text-muted-foreground flex-shrink-0" }),
-          /* @__PURE__ */ e("span", { className: `flex-1 text-left truncate ${we ? "text-foreground" : "text-muted-foreground"}`, children: we ? ue : d || (l === "range" ? "Select date range…" : "Select date…") }),
-          Te,
-          b && we && !u && /* @__PURE__ */ e(
+          /* @__PURE__ */ e(gr, { size: G.icon, className: "text-muted-foreground flex-shrink-0" }),
+          /* @__PURE__ */ e("span", { className: `flex-1 text-left truncate ${Le ? "text-foreground" : "text-muted-foreground"}`, children: Le ? Fe : d || (l === "range" ? "Select date range…" : "Select date…") }),
+          xe,
+          b && Le && !u && /* @__PURE__ */ e(
             "span",
             {
-              onClick: T,
+              onClick: ze,
               className: "text-muted-foreground hover:text-foreground cursor-pointer",
-              children: /* @__PURE__ */ e(le, { size: K.icon - 2 })
+              children: /* @__PURE__ */ e(ie, { size: G.icon - 2 })
             }
           )
         ]
       }
     ),
-    G && /* @__PURE__ */ e("p", { className: `mt-1.5 ${ke}`, style: { fontFamily: "var(--font-button)", fontSize: "var(--text-button)", fontWeight: "var(--weight-label)" }, children: G }),
-    W && /* @__PURE__ */ a(
-      "div",
-      {
-        className: "absolute z-50 mt-1.5 bg-popover border border-border rounded-[var(--radius-md)] shadow-elevation-sm overflow-hidden",
-        style: { minWidth: l === "range" ? "560px" : "300px" },
-        children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border bg-card", children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ e("button", { onClick: q, className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer", title: "Previous year", children: /* @__PURE__ */ e(Mt, { size: 16 }) }),
-              /* @__PURE__ */ e("button", { onClick: X, className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer", title: "Previous month", children: /* @__PURE__ */ e(Fe, { size: 16 }) })
-            ] }),
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  onClick: () => C(I === "months" ? "days" : "months"),
-                  className: "px-2 py-1 rounded-[var(--radius-sm)] hover:bg-muted text-foreground transition-colors cursor-pointer",
-                  style: ie,
-                  children: ht[F.getMonth()]
-                }
-              ),
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  onClick: () => C(I === "years" ? "days" : "years"),
-                  className: "px-2 py-1 rounded-[var(--radius-sm)] hover:bg-muted text-foreground transition-colors cursor-pointer",
-                  style: ie,
-                  children: F.getFullYear()
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ e("button", { onClick: ae, className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer", title: "Next month", children: /* @__PURE__ */ e(fe, { size: 16 }) }),
-              /* @__PURE__ */ e("button", { onClick: re, className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer", title: "Next year", children: /* @__PURE__ */ e(Lt, { size: 16 }) })
-            ] })
-          ] }),
-          I === "days" && /* @__PURE__ */ e("div", { className: `p-3 ${l === "range" ? "flex gap-3" : ""}`, children: (l === "range" ? [0, 1] : [0]).map((Y) => {
-            const te = new Date(F.getFullYear(), F.getMonth() + Y, 1), he = Xt(te.getFullYear(), te.getMonth());
-            return /* @__PURE__ */ a("div", { className: "flex-1", children: [
-              Y > 0 && /* @__PURE__ */ a("div", { className: "text-center mb-2 text-foreground", style: ie, children: [
-                ht[te.getMonth()],
-                " ",
-                te.getFullYear()
+    Te && /* @__PURE__ */ e("p", { className: `mt-1.5 ${Ve}`, style: { fontFamily: "var(--font-button)", fontSize: "var(--text-button)", fontWeight: "var(--weight-label)" }, children: Te }),
+    W && K && Qe(
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: H,
+          className: "bg-popover border border-border rounded-[var(--radius-md)] shadow-elevation-sm overflow-hidden",
+          style: {
+            position: "fixed",
+            zIndex: 9999,
+            top: K.top,
+            left: K.left,
+            minWidth: l === "range" ? "560px" : "300px"
+          },
+          children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border bg-card", children: [
+              /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e("button", { onClick: J, className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer", title: "Previous year", children: /* @__PURE__ */ e(Lt, { size: 16 }) }),
+                /* @__PURE__ */ e("button", { onClick: Y, className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer", title: "Previous month", children: /* @__PURE__ */ e(Me, { size: 16 }) })
               ] }),
-              /* @__PURE__ */ e("div", { className: "grid grid-cols-7 mb-1", children: lo.map((oe) => /* @__PURE__ */ e(
-                "div",
-                {
-                  className: "text-center text-muted-foreground py-1",
-                  style: ve,
-                  children: oe
-                },
-                `${Y}-${oe}`
-              )) }),
-              /* @__PURE__ */ e("div", { className: "grid grid-cols-7", children: he.map((oe, Ue) => {
-                if (!oe) return /* @__PURE__ */ e("div", {}, `empty-${Y}-${Ue}`);
-                const Ke = Zt(oe, $, k, m), ct = Oe(oe, H), Ce = l === "single" ? t && Oe(oe, t) : (r == null ? void 0 : r.start) && Oe(oe, r.start) || (r == null ? void 0 : r.end) && Oe(oe, r.end), ut = l === "range" && (Kt(oe, (r == null ? void 0 : r.start) ?? null, (r == null ? void 0 : r.end) ?? null) || (r == null ? void 0 : r.start) && !(r != null && r.end) && N && Kt(
-                  oe,
-                  r.start,
-                  N > r.start ? N : null
-                ));
-                return /* @__PURE__ */ e(
+              /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => P(oe),
-                    onMouseEnter: () => l === "range" && S(oe),
-                    disabled: Ke,
-                    className: `
-                              ${K.cell} flex items-center justify-center rounded-[var(--radius-sm)] transition-all cursor-pointer
-                              ${Ke ? "opacity-30 cursor-not-allowed" : "hover:bg-muted"}
-                              ${Ce ? "bg-primary text-primary-foreground hover:bg-primary/90" : ""}
-                              ${ut && !Ce ? "bg-accent text-accent-foreground" : ""}
-                              ${ct && !Ce ? "border border-primary text-primary" : ""}
-                            `,
-                    style: ie,
-                    children: oe.getDate()
+                    onClick: () => C(I === "months" ? "days" : "months"),
+                    className: "px-2 py-1 rounded-[var(--radius-sm)] hover:bg-muted text-foreground transition-colors cursor-pointer",
+                    style: le,
+                    children: bt[F.getMonth()]
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    onClick: () => C(I === "years" ? "days" : "years"),
+                    className: "px-2 py-1 rounded-[var(--radius-sm)] hover:bg-muted text-foreground transition-colors cursor-pointer",
+                    style: le,
+                    children: F.getFullYear()
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e("button", { onClick: T, className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer", title: "Next month", children: /* @__PURE__ */ e(fe, { size: 16 }) }),
+                /* @__PURE__ */ e("button", { onClick: X, className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer", title: "Next year", children: /* @__PURE__ */ e(Ct, { size: 16 }) })
+              ] })
+            ] }),
+            I === "days" && /* @__PURE__ */ e("div", { className: `p-3 ${l === "range" ? "flex gap-3" : ""}`, children: (l === "range" ? [0, 1] : [0]).map((O) => {
+              const ee = new Date(F.getFullYear(), F.getMonth() + O, 1), ye = Xt(ee.getFullYear(), ee.getMonth());
+              return /* @__PURE__ */ a("div", { className: "flex-1", children: [
+                O > 0 && /* @__PURE__ */ a("div", { className: "text-center mb-2 text-foreground", style: le, children: [
+                  bt[ee.getMonth()],
+                  " ",
+                  ee.getFullYear()
+                ] }),
+                /* @__PURE__ */ e("div", { className: "grid grid-cols-7 mb-1", children: lo.map((oe) => /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: "text-center text-muted-foreground py-1",
+                    style: Ce,
+                    children: oe
                   },
-                  `${Y}-${oe.getTime()}`
-                );
-              }) })
-            ] }, Y);
-          }) }),
-          I === "months" && /* @__PURE__ */ e("div", { className: "p-3 grid grid-cols-3 gap-2", children: ht.map((Y, te) => /* @__PURE__ */ e(
-            "button",
-            {
-              onClick: () => {
-                L(new Date(F.getFullYear(), te, 1)), C("days");
-              },
-              className: `
+                  `${O}-${oe}`
+                )) }),
+                /* @__PURE__ */ e("div", { className: "grid grid-cols-7", children: ye.map((oe, je) => {
+                  if (!oe) return /* @__PURE__ */ e("div", {}, `empty-${O}-${je}`);
+                  const be = Zt(oe, $, k, m), De = Ke(oe, re), Ae = l === "single" ? t && Ke(oe, t) : (r == null ? void 0 : r.start) && Ke(oe, r.start) || (r == null ? void 0 : r.end) && Ke(oe, r.end), Be = l === "range" && (Kt(oe, (r == null ? void 0 : r.start) ?? null, (r == null ? void 0 : r.end) ?? null) || (r == null ? void 0 : r.start) && !(r != null && r.end) && N && Kt(
+                    oe,
+                    r.start,
+                    N > r.start ? N : null
+                  ));
+                  return /* @__PURE__ */ e(
+                    "button",
+                    {
+                      onClick: () => ue(oe),
+                      onMouseEnter: () => l === "range" && S(oe),
+                      disabled: be,
+                      className: `
+                              ${G.cell} flex items-center justify-center rounded-[var(--radius-sm)] transition-all cursor-pointer
+                              ${be ? "opacity-30 cursor-not-allowed" : "hover:bg-muted"}
+                              ${Ae ? "bg-primary text-primary-foreground hover:bg-primary/90" : ""}
+                              ${Be && !Ae ? "bg-accent text-accent-foreground" : ""}
+                              ${De && !Ae ? "border border-primary text-primary" : ""}
+                            `,
+                      style: le,
+                      children: oe.getDate()
+                    },
+                    `${O}-${oe.getTime()}`
+                  );
+                }) })
+              ] }, O);
+            }) }),
+            I === "months" && /* @__PURE__ */ e("div", { className: "p-3 grid grid-cols-3 gap-2", children: bt.map((O, ee) => /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: () => {
+                  L(new Date(F.getFullYear(), ee, 1)), C("days");
+                },
+                className: `
                     py-2.5 rounded-[var(--radius-md)] transition-all cursor-pointer
-                    ${F.getMonth() === te ? "bg-primary text-primary-foreground" : "text-foreground hover:bg-muted"}
+                    ${F.getMonth() === ee ? "bg-primary text-primary-foreground" : "text-foreground hover:bg-muted"}
                   `,
-              style: ie,
-              children: Y.substring(0, 3)
-            },
-            Y
-          )) }),
-          I === "years" && /* @__PURE__ */ a("div", { className: "p-3", children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-3", children: [
-              /* @__PURE__ */ e(
+                style: le,
+                children: O.substring(0, 3)
+              },
+              O
+            )) }),
+            I === "years" && /* @__PURE__ */ a("div", { className: "p-3", children: [
+              /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-3", children: [
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    onClick: () => L(new Date(F.getFullYear() - 12, F.getMonth(), 1)),
+                    className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground cursor-pointer",
+                    children: /* @__PURE__ */ e(Me, { size: 16 })
+                  }
+                ),
+                /* @__PURE__ */ a("span", { className: "text-foreground", style: le, children: [
+                  he,
+                  " – ",
+                  he + 11
+                ] }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    onClick: () => L(new Date(F.getFullYear() + 12, F.getMonth(), 1)),
+                    className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground cursor-pointer",
+                    children: /* @__PURE__ */ e(fe, { size: 16 })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: Array.from({ length: 12 }, (O, ee) => he + ee).map((O) => /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => L(new Date(F.getFullYear() - 12, F.getMonth(), 1)),
-                  className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground cursor-pointer",
-                  children: /* @__PURE__ */ e(Fe, { size: 16 })
-                }
-              ),
-              /* @__PURE__ */ a("span", { className: "text-foreground", style: ie, children: [
-                Le,
-                " – ",
-                Le + 11
+                  onClick: () => {
+                    L(new Date(O, F.getMonth(), 1)), C("months");
+                  },
+                  className: `
+                      py-2.5 rounded-[var(--radius-md)] transition-all cursor-pointer
+                      ${F.getFullYear() === O ? "bg-primary text-primary-foreground" : "text-foreground hover:bg-muted"}
+                      ${O === re.getFullYear() && F.getFullYear() !== O ? "border border-primary text-primary" : ""}
+                    `,
+                  style: le,
+                  children: O
+                },
+                O
+              )) })
+            ] }),
+            g && l === "single" && I === "days" && /* @__PURE__ */ a("div", { className: "px-4 py-3 border-t border-border flex items-center gap-3", children: [
+              /* @__PURE__ */ e(jt, { size: 14, className: "text-muted-foreground" }),
+              /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "number",
+                    min: 0,
+                    max: 23,
+                    value: String(A).padStart(2, "0"),
+                    onChange: (O) => E(Math.max(0, Math.min(23, Number(O.target.value)))),
+                    className: "w-10 text-center bg-input-background border border-border rounded-[var(--radius-sm)] py-1 text-foreground focus:outline-none focus:ring-1 focus:ring-ring/30",
+                    style: le
+                  }
+                ),
+                /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: le, children: ":" }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "number",
+                    min: 0,
+                    max: 59,
+                    value: String(R).padStart(2, "0"),
+                    onChange: (O) => _(Math.max(0, Math.min(59, Number(O.target.value)))),
+                    className: "w-10 text-center bg-input-background border border-border rounded-[var(--radius-sm)] py-1 text-foreground focus:outline-none focus:ring-1 focus:ring-ring/30",
+                    style: le
+                  }
+                )
               ] }),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => L(new Date(F.getFullYear() + 12, F.getMonth(), 1)),
-                  className: "p-1 rounded-[var(--radius-sm)] hover:bg-muted text-muted-foreground hover:text-foreground cursor-pointer",
-                  children: /* @__PURE__ */ e(fe, { size: 16 })
+                  onClick: Z,
+                  className: "ml-auto px-3 py-1 rounded-[var(--radius-md)] bg-primary text-primary-foreground hover:bg-primary/90 transition-colors cursor-pointer",
+                  style: le,
+                  children: "Apply"
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: Array.from({ length: 12 }, (Y, te) => Le + te).map((Y) => /* @__PURE__ */ e(
-              "button",
-              {
-                onClick: () => {
-                  L(new Date(Y, F.getMonth(), 1)), C("months");
-                },
-                className: `
-                      py-2.5 rounded-[var(--radius-md)] transition-all cursor-pointer
-                      ${F.getFullYear() === Y ? "bg-primary text-primary-foreground" : "text-foreground hover:bg-muted"}
-                      ${Y === H.getFullYear() && F.getFullYear() !== Y ? "border border-primary text-primary" : ""}
-                    `,
-                style: ie,
-                children: Y
-              },
-              Y
-            )) })
-          ] }),
-          g && l === "single" && I === "days" && /* @__PURE__ */ a("div", { className: "px-4 py-3 border-t border-border flex items-center gap-3", children: [
-            /* @__PURE__ */ e(Ct, { size: 14, className: "text-muted-foreground" }),
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ e(
-                "input",
+            /* @__PURE__ */ a("div", { className: "px-4 py-2.5 border-t border-border bg-card flex items-center justify-between", children: [
+              y ? /* @__PURE__ */ e(
+                "button",
                 {
-                  type: "number",
-                  min: 0,
-                  max: 23,
-                  value: String(A).padStart(2, "0"),
-                  onChange: (Y) => E(Math.max(0, Math.min(23, Number(Y.target.value)))),
-                  className: "w-10 text-center bg-input-background border border-border rounded-[var(--radius-sm)] py-1 text-foreground focus:outline-none focus:ring-1 focus:ring-ring/30",
-                  style: ie
+                  onClick: Ye,
+                  className: "text-primary hover:underline cursor-pointer",
+                  style: le,
+                  children: "Today"
                 }
-              ),
-              /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: ie, children: ":" }),
-              /* @__PURE__ */ e(
-                "input",
+              ) : /* @__PURE__ */ e("span", {}),
+              w ?? /* @__PURE__ */ e(
+                "button",
                 {
-                  type: "number",
-                  min: 0,
-                  max: 59,
-                  value: String(O).padStart(2, "0"),
-                  onChange: (Y) => _(Math.max(0, Math.min(59, Number(Y.target.value)))),
-                  className: "w-10 text-center bg-input-background border border-border rounded-[var(--radius-sm)] py-1 text-foreground focus:outline-none focus:ring-1 focus:ring-ring/30",
-                  style: ie
+                  onClick: () => {
+                    M(!1), C("days");
+                  },
+                  className: "text-muted-foreground hover:text-foreground cursor-pointer",
+                  style: le,
+                  children: "Close"
                 }
               )
-            ] }),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                onClick: Z,
-                className: "ml-auto px-3 py-1 rounded-[var(--radius-md)] bg-primary text-primary-foreground hover:bg-primary/90 transition-colors cursor-pointer",
-                style: ie,
-                children: "Apply"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ a("div", { className: "px-4 py-2.5 border-t border-border bg-card flex items-center justify-between", children: [
-            y ? /* @__PURE__ */ e(
-              "button",
-              {
-                onClick: J,
-                className: "text-primary hover:underline cursor-pointer",
-                style: ie,
-                children: "Today"
-              }
-            ) : /* @__PURE__ */ e("span", {}),
-            w ?? /* @__PURE__ */ e(
-              "button",
-              {
-                onClick: () => {
-                  M(!1), C("days");
-                },
-                className: "text-muted-foreground hover:text-foreground cursor-pointer",
-                style: ie,
-                children: "Close"
-              }
-            )
-          ] })
-        ]
-      }
+            ] })
+          ]
+        }
+      ),
+      document.body
     )
   ] });
 }
@@ -1066,7 +1088,7 @@ function mo({
   showCloseButton: s = !0,
   className: f = ""
 }) {
-  const h = ee(null);
+  const h = V(null);
   return ne(() => {
     if (!t) return;
     const v = (x) => {
@@ -1106,7 +1128,7 @@ function mo({
                 onClick: r,
                 className: "flex-shrink-0 w-8 h-8 rounded-[var(--radius-sm)] flex items-center justify-center text-muted-foreground hover:text-foreground hover:bg-muted transition-colors cursor-pointer",
                 "aria-label": "Close",
-                children: /* @__PURE__ */ e(le, { size: 16 })
+                children: /* @__PURE__ */ e(ie, { size: 16 })
               }
             )
           ] }),
@@ -1303,7 +1325,7 @@ function Ni({
               style: m.text,
               "aria-label": "First page",
               title: "First page",
-              children: /* @__PURE__ */ e(Mt, { size: m.icon })
+              children: /* @__PURE__ */ e(Lt, { size: m.icon })
             }
           ),
           i && /* @__PURE__ */ e(
@@ -1314,7 +1336,7 @@ function Ni({
               className: z(!1, u || t <= 1),
               style: m.text,
               "aria-label": "Previous page",
-              children: g ?? /* @__PURE__ */ e(Fe, { size: m.icon })
+              children: g ?? /* @__PURE__ */ e(Me, { size: m.icon })
             }
           ),
           k.map((L, I) => L === "dots-left" || L === "dots-right" ? /* @__PURE__ */ e(
@@ -1358,7 +1380,7 @@ function Ni({
               style: m.text,
               "aria-label": "Last page",
               title: "Last page",
-              children: /* @__PURE__ */ e(Lt, { size: m.icon })
+              children: /* @__PURE__ */ e(Ct, { size: m.icon })
             }
           )
         ]
@@ -1397,7 +1419,7 @@ function $i({
   debounce: x = 0,
   className: u = ""
 }) {
-  const [p, b] = j(""), [g, $] = j(!1), [k, m] = j(-1), y = t ?? p, w = ee(null), z = ee(null), W = ee(void 0), M = go[l], F = Q((N) => {
+  const [p, b] = j(""), [g, $] = j(!1), [k, m] = j(-1), y = t ?? p, w = V(null), z = V(null), W = V(void 0), M = go[l], F = Q((N) => {
     t === void 0 && b(N), r == null || r(N), x > 0 && (clearTimeout(W.current), W.current = setTimeout(() => n == null ? void 0 : n(N), x));
   }, [t, r, n, x]), L = (N) => {
     N.key === "Enter" ? k >= 0 && c[k] ? (s == null || s(c[k]), $(!1)) : n == null || n(y) : N.key === "ArrowDown" ? (N.preventDefault(), m((S) => Math.min(S + 1, c.length - 1))) : N.key === "ArrowUp" ? (N.preventDefault(), m((S) => Math.max(S - 1, -1))) : N.key === "Escape" && $(!1);
@@ -1413,7 +1435,7 @@ function $i({
   const I = { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }, C = { fontFamily: "var(--font-label)", fontSize: "var(--text-button)", fontWeight: "var(--weight-button)" };
   return /* @__PURE__ */ a("div", { ref: z, className: `relative ${u}`, children: [
     /* @__PURE__ */ a("div", { className: `relative rounded-[var(--radius-md)] transition-all ${vo[i]} ${h ? "opacity-50 pointer-events-none" : ""}`, children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: /* @__PURE__ */ e(Ye, { size: M.icon }) }),
+      /* @__PURE__ */ e("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: /* @__PURE__ */ e(qe, { size: M.icon }) }),
       /* @__PURE__ */ e(
         "input",
         {
@@ -1431,7 +1453,7 @@ function $i({
         }
       ),
       /* @__PURE__ */ a("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1", children: [
-        d && /* @__PURE__ */ e(Re, { size: M.icon, className: "animate-spin text-muted-foreground" }),
+        d && /* @__PURE__ */ e(Ze, { size: M.icon, className: "animate-spin text-muted-foreground" }),
         f && y && !d && /* @__PURE__ */ e(
           "button",
           {
@@ -1440,7 +1462,7 @@ function $i({
               F(""), (N = w.current) == null || N.focus();
             },
             className: "text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
-            children: /* @__PURE__ */ e(le, { size: M.icon })
+            children: /* @__PURE__ */ e(ie, { size: M.icon })
           }
         )
       ] })
@@ -1465,7 +1487,7 @@ function $i({
     )) })
   ] });
 }
-const We = {
+const Ee = {
   sm: "px-3 py-2",
   md: "px-4 py-3",
   lg: "px-5 py-4"
@@ -1490,10 +1512,10 @@ function Si({
   const [b, g] = j(null), [$, k] = j("asc"), [m, y] = j(/* @__PURE__ */ new Set()), w = c ?? m, z = (A) => {
     c || y(A), s == null || s(A);
   }, W = se(() => b ? [...r].sort((A, E) => {
-    const O = A[b], _ = E[b];
-    if (O == null) return 1;
+    const R = A[b], _ = E[b];
+    if (R == null) return 1;
     if (_ == null) return -1;
-    const B = typeof O == "string" ? O.localeCompare(_) : O - _;
+    const B = typeof R == "string" ? R.localeCompare(_) : R - _;
     return $ === "asc" ? B : -B;
   }) : r, [r, b, $]), M = (A) => {
     b === A ? k((E) => E === "asc" ? "desc" : "asc") : (g(A), k("asc"));
@@ -1505,8 +1527,8 @@ function Si({
   }, N = { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }, S = { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-button)" };
   return /* @__PURE__ */ e("div", { className: `${u ? "" : "rounded-[var(--radius-md)] border border-border"} overflow-hidden ${p}`, children: /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ a("table", { className: "w-full border-collapse", children: [
     /* @__PURE__ */ e("thead", { className: x ? "sticky top-0 z-10" : "", children: /* @__PURE__ */ a("tr", { className: "border-b border-border", style: { backgroundColor: "color-mix(in srgb, var(--muted) 30%, var(--background) 70%)" }, children: [
-      d && /* @__PURE__ */ e("th", { className: `${We[n]} w-12`, children: /* @__PURE__ */ e(
-        ot,
+      d && /* @__PURE__ */ e("th", { className: `${Ee[n]} w-12`, children: /* @__PURE__ */ e(
+        st,
         {
           size: "sm",
           checked: F,
@@ -1517,39 +1539,39 @@ function Si({
       t.map((A) => /* @__PURE__ */ e(
         "th",
         {
-          className: `${We[n]} text-${A.align ?? "left"} text-foreground ${A.sortable ? "cursor-pointer select-none hover:text-primary transition-colors" : ""} ${i ? "border-x border-border first:border-l-0 last:border-r-0" : ""}`,
+          className: `${Ee[n]} text-${A.align ?? "left"} text-foreground ${A.sortable ? "cursor-pointer select-none hover:text-primary transition-colors" : ""} ${i ? "border-x border-border first:border-l-0 last:border-r-0" : ""}`,
           style: { ...S, width: A.width },
           onClick: () => A.sortable && M(A.key),
           children: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1", children: [
             A.header,
-            A.sortable && /* @__PURE__ */ e("span", { className: "text-muted-foreground/50", children: b === A.key ? $ === "asc" ? /* @__PURE__ */ e(Ge, { size: 14 }) : /* @__PURE__ */ e(Me, { size: 14 }) : /* @__PURE__ */ e(Nt, { size: 12 }) })
+            A.sortable && /* @__PURE__ */ e("span", { className: "text-muted-foreground/50", children: b === A.key ? $ === "asc" ? /* @__PURE__ */ e(Je, { size: 14 }) : /* @__PURE__ */ e(Ie, { size: 14 }) : /* @__PURE__ */ e($t, { size: 12 }) })
           ] })
         },
         A.key
       ))
     ] }) }),
-    /* @__PURE__ */ e("tbody", { children: f ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length + (d ? 1 : 0), className: `${We[n]} text-center text-muted-foreground`, children: /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2 py-8", children: [
+    /* @__PURE__ */ e("tbody", { children: f ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length + (d ? 1 : 0), className: `${Ee[n]} text-center text-muted-foreground`, children: /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2 py-8", children: [
       /* @__PURE__ */ e("div", { className: "w-5 h-5 border-2 border-primary border-t-transparent rounded-full animate-spin" }),
       /* @__PURE__ */ e("span", { style: N, children: "Loading..." })
-    ] }) }) }) : h ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length + (d ? 1 : 0), className: `${We[n]} text-center py-12`, children: /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e("span", { style: { ...N, color: "var(--destructive)" }, children: h }) }) }) }) : W.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length + (d ? 1 : 0), className: `${We[n]} text-center text-muted-foreground py-12`, children: /* @__PURE__ */ e("span", { style: N, children: v }) }) }) : W.map((A, E) => {
-      const O = w.has(E);
+    ] }) }) }) : h ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length + (d ? 1 : 0), className: `${Ee[n]} text-center py-12`, children: /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e("span", { style: { ...N, color: "var(--destructive)" }, children: h }) }) }) }) : W.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length + (d ? 1 : 0), className: `${Ee[n]} text-center text-muted-foreground py-12`, children: /* @__PURE__ */ e("span", { style: N, children: v }) }) }) : W.map((A, E) => {
+      const R = w.has(E);
       return /* @__PURE__ */ a(
         "tr",
         {
-          className: `border-b border-border last:border-b-0 transition-colors ${O ? "bg-primary/5" : o && E % 2 === 1 ? "bg-muted/20" : "bg-card"} ${l ? "hover:bg-[var(--row-hover-bg)]" : ""}`,
+          className: `border-b border-border last:border-b-0 transition-colors ${R ? "bg-primary/5" : o && E % 2 === 1 ? "bg-muted/20" : "bg-card"} ${l ? "hover:bg-[var(--row-hover-bg)]" : ""}`,
           children: [
-            d && /* @__PURE__ */ e("td", { className: `${We[n]} w-12`, children: /* @__PURE__ */ e(
-              ot,
+            d && /* @__PURE__ */ e("td", { className: `${Ee[n]} w-12`, children: /* @__PURE__ */ e(
+              st,
               {
                 size: "sm",
-                checked: O,
+                checked: R,
                 onChange: () => C(E)
               }
             ) }),
             t.map((_) => /* @__PURE__ */ e(
               "td",
               {
-                className: `${We[n]} text-${_.align ?? "left"} text-foreground ${i ? "border-x border-border first:border-l-0 last:border-r-0" : ""}`,
+                className: `${Ee[n]} text-${_.align ?? "left"} text-foreground ${i ? "border-x border-border first:border-l-0 last:border-r-0" : ""}`,
                 style: N,
                 children: _.render ? _.render(A[_.key], A, E) : A[_.key]
               },
@@ -1569,7 +1591,7 @@ const xo = {
 };
 function ki({ tabs: t, variant: r = "default", size: n = "md", defaultTab: o, activeTab: l, onChange: i, fullWidth: d = !1, className: c = "" }) {
   var k, m;
-  const [s, f] = j(o ?? ((k = t[0]) == null ? void 0 : k.id) ?? ""), h = l ?? s, v = ee(null), [x, u] = j({ left: 0, width: 0 }), p = (y) => {
+  const [s, f] = j(o ?? ((k = t[0]) == null ? void 0 : k.id) ?? ""), h = l ?? s, v = V(null), [x, u] = j({ left: 0, width: 0 }), p = (y) => {
     l || f(y), i == null || i(y);
   };
   ne(() => {
@@ -1666,7 +1688,7 @@ function Dr({ title: t, children: r, open: n, onToggle: o, icon: l, disabled: i
           l && /* @__PURE__ */ e("span", { className: "text-primary flex-shrink-0", children: l }),
           /* @__PURE__ */ e("span", { className: "flex-1 text-foreground", style: yo, children: t }),
           /* @__PURE__ */ e(
-            Me,
+            Ie,
             {
               size: 16,
               className: `text-muted-foreground transition-transform ${n ? "rotate-180" : ""}`
@@ -1767,7 +1789,7 @@ function Fo({ src: t, name: r, size: n = "md", status: o, className: l = "" }) {
   ] });
 }
 function Wo({ children: t, max: r, className: n = "" }) {
-  const o = pe.Children.toArray(t), l = r ? o.slice(0, r) : o, i = r && o.length > r ? o.length - r : 0;
+  const o = ge.Children.toArray(t), l = r ? o.slice(0, r) : o, i = r && o.length > r ? o.length - r : 0;
   return /* @__PURE__ */ a("div", { className: `flex -space-x-2 ${n}`, children: [
     l.map((d, c) => /* @__PURE__ */ e("div", { className: "relative", style: { zIndex: l.length - c }, children: d }, c)),
     i > 0 && /* @__PURE__ */ a(
@@ -1935,7 +1957,7 @@ function Fi({
   size: d = "md",
   disabled: c = !1
 }) {
-  const [s, f] = j(!1), h = ee(null), v = d === "sm" ? "w-5 h-5" : d === "lg" ? "w-8 h-8" : "w-6 h-6", x = o || Io, u = (p) => {
+  const [s, f] = j(!1), h = V(null), v = d === "sm" ? "w-5 h-5" : d === "lg" ? "w-8 h-8" : "w-6 h-6", x = o || Io, u = (p) => {
     navigator.clipboard.writeText(p).then(() => {
       f(!0), setTimeout(() => f(!1), 1500);
     });
@@ -2018,12 +2040,12 @@ function Fi({
     ] }, p.label)) })
   ] });
 }
-const Oo = {
+const Ro = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-label)"
 };
-function Ro({
+function Oo({
   label: t,
   orientation: r = "horizontal",
   dashed: n,
@@ -2038,11 +2060,11 @@ function Ro({
     }
   ) : t ? /* @__PURE__ */ a("div", { className: `flex items-center gap-3 ${i[o]} ${l}`, children: [
     /* @__PURE__ */ e("div", { className: `flex-1 border-t border-border ${d}` }),
-    /* @__PURE__ */ e("span", { className: "text-muted-foreground flex-shrink-0", style: Oo, children: t }),
+    /* @__PURE__ */ e("span", { className: "text-muted-foreground flex-shrink-0", style: Ro, children: t }),
     /* @__PURE__ */ e("div", { className: `flex-1 border-t border-border ${d}` })
   ] }) : /* @__PURE__ */ e("hr", { className: `border-t border-border ${d} ${i[o]} ${l}` });
 }
-Ro.displayName = "Divider";
+Oo.displayName = "Divider";
 const Po = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
@@ -2079,7 +2101,7 @@ function Yo({
               {
                 onClick: r,
                 className: "text-muted-foreground hover:text-foreground cursor-pointer",
-                children: /* @__PURE__ */ e(le, { size: 18 })
+                children: /* @__PURE__ */ e(ie, { size: 18 })
               }
             )
           ] }),
@@ -2111,7 +2133,7 @@ const Go = {
     trigger: "h-11 px-[var(--Spacing--Spacing-2xl)] gap-[var(--Spacing--Spacing-lg)]",
     option: "rounded-[var(--radius-sm)]",
     optionStyle: { padding: "var(--Spacing--Spacing-md) var(--Spacing--Spacing-2xl)" },
-    textStyle: { fontFamily: "var(--font-caption)", fontSize: "var(--text-caption)", fontWeight: "var(--weight-caption)" },
+    textStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
     descStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
     icon: 16,
     avatarSize: 24
@@ -2121,7 +2143,7 @@ const Go = {
     option: "rounded-[var(--radius-sm)]",
     optionStyle: { padding: "var(--Spacing--Spacing-lg) var(--Spacing--Spacing-3xl)" },
     textStyle: { fontFamily: "var(--font-p)", fontSize: "var(--text-p)", fontWeight: "var(--weight-p)" },
-    descStyle: { fontFamily: "var(--font-caption)", fontSize: "var(--text-caption)", fontWeight: "var(--weight-caption)" },
+    descStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
     icon: 18,
     avatarSize: 28
   }
@@ -2151,7 +2173,7 @@ const Go = {
   error: "!border-destructive ring-destructive/20",
   success: "!border-chart-2 ring-chart-2/20",
   warning: "!border-chart-5 ring-chart-5/20"
-}, Zo = Pe(
+}, Zo = Xe(
   ({
     options: t,
     value: r,
@@ -2186,21 +2208,21 @@ const Go = {
     searchDebounce: S = 300,
     searchLoading: A = !1,
     renderOption: E
-  }, O) => {
-    const [_, B] = j(!1), [K, H] = j(""), [X, ae] = j(-1), [q, re] = j(
+  }, R) => {
+    const [_, B] = j(!1), [q, H] = j(""), [K, ae] = j(-1), [G, re] = j(
       n ?? (g ? [] : "")
-    ), P = r ?? q, T = ee(null), J = ee(null), Z = ee(null), ue = ee(null), [we, Te] = j({ top: 0, left: 0, width: 0 }), G = Go[f], ke = Uo[h];
+    ), Y = r ?? G, T = V(null), J = V(null), X = V(null), ue = V(null), [ze, Ye] = j({ top: 0, left: 0, width: 0 }), Z = Go[f], Fe = Uo[h];
     ne(() => {
       if (!_ || !T.current) return;
       const D = () => {
-        const R = T.current.getBoundingClientRect();
-        Te({ top: R.bottom + 4, left: R.left, width: R.width });
+        const P = T.current.getBoundingClientRect();
+        Ye({ top: P.bottom + 4, left: P.left, width: P.width });
       };
       return D(), window.addEventListener("scroll", D, !0), window.addEventListener("resize", D), () => {
         window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D);
       };
     }, [_]);
-    const Be = Q(
+    const Le = Q(
       (D) => {
         H(D), N && (ue.current && clearTimeout(ue.current), ue.current = setTimeout(() => {
           N(D);
@@ -2211,152 +2233,152 @@ const Go = {
     ne(() => () => {
       ue.current && clearTimeout(ue.current);
     }, []);
-    const ve = se(() => !K || N ? t : t.filter(
+    const xe = se(() => !q || N ? t : t.filter(
       (D) => {
-        var R;
-        return D.label.toLowerCase().includes(K.toLowerCase()) || ((R = D.description) == null ? void 0 : R.toLowerCase().includes(K.toLowerCase()));
+        var P;
+        return D.label.toLowerCase().includes(q.toLowerCase()) || ((P = D.description) == null ? void 0 : P.toLowerCase().includes(q.toLowerCase()));
       }
-    ), [t, K, N]), ie = se(() => {
+    ), [t, q, N]), Te = se(() => {
       if (!k) return null;
       const D = {};
-      return ve.forEach((R) => {
-        const U = R.group || "Other";
-        D[U] || (D[U] = []), D[U].push(R);
+      return xe.forEach((P) => {
+        const U = P.group || "Other";
+        D[U] || (D[U] = []), D[U].push(P);
       }), D;
-    }, [ve, k]), Le = se(() => {
+    }, [xe, k]), Ve = se(() => {
       var D;
-      return g && Array.isArray(P) ? P.map((R) => {
+      return g && Array.isArray(Y) ? Y.map((P) => {
         var U;
-        return (U = t.find((je) => je.value === R)) == null ? void 0 : U.label;
-      }).filter(Boolean) : (D = t.find((R) => R.value === P)) != null && D.label ? [t.find((R) => R.value === P).label] : [];
-    }, [P, t, g]), Y = Q(
-      (D) => g && Array.isArray(P) ? P.includes(D) : P === D,
-      [P, g]
-    ), te = Q(
+        return (U = t.find((_e) => _e.value === P)) == null ? void 0 : U.label;
+      }).filter(Boolean) : (D = t.find((P) => P.value === Y)) != null && D.label ? [t.find((P) => P.value === Y).label] : [];
+    }, [Y, t, g]), mt = Q(
+      (D) => g && Array.isArray(Y) ? Y.includes(D) : Y === D,
+      [Y, g]
+    ), Ce = Q(
       (D) => {
         if (g) {
-          const R = Array.isArray(P) ? [...P] : [], U = R.indexOf(D);
+          const P = Array.isArray(Y) ? [...Y] : [], U = P.indexOf(D);
           if (U > -1)
-            R.splice(U, 1);
+            P.splice(U, 1);
           else {
-            if ($ && R.length >= $) return;
-            R.push(D);
+            if ($ && P.length >= $) return;
+            P.push(D);
           }
-          re(R), o == null || o(R);
+          re(P), o == null || o(P);
         } else
           re(D), o == null || o(D), B(!1);
         H("");
       },
-      [P, g, $, o]
-    ), he = se(
-      () => ve.filter((D) => !D.disabled).map((D) => D.value),
-      [ve]
-    ), oe = se(() => !g || !Array.isArray(P) ? !1 : he.length > 0 && he.every((D) => P.includes(D)), [g, P, he]), Ue = se(() => !g || !Array.isArray(P) ? !1 : he.some((D) => P.includes(D)) && !oe, [g, P, he, oe]), Ke = Q(() => {
+      [Y, g, $, o]
+    ), le = se(
+      () => xe.filter((D) => !D.disabled).map((D) => D.value),
+      [xe]
+    ), he = se(() => !g || !Array.isArray(Y) ? !1 : le.length > 0 && le.every((D) => Y.includes(D)), [g, Y, le]), O = se(() => !g || !Array.isArray(Y) ? !1 : le.some((D) => Y.includes(D)) && !he, [g, Y, le, he]), ee = Q(() => {
       if (g)
-        if (oe) {
-          const D = Array.isArray(P) ? P.filter((R) => !he.includes(R)) : [];
+        if (he) {
+          const D = Array.isArray(Y) ? Y.filter((P) => !le.includes(P)) : [];
           re(D), o == null || o(D);
         } else {
-          const D = Array.isArray(P) ? [...P] : [];
-          for (const R of he)
-            if (!D.includes(R)) {
+          const D = Array.isArray(Y) ? [...Y] : [];
+          for (const P of le)
+            if (!D.includes(P)) {
               if ($ && D.length >= $) break;
-              D.push(R);
+              D.push(P);
             }
           re(D), o == null || o(D);
         }
-    }, [g, oe, P, he, $, o]), ct = Q(() => {
-      K.trim() && (F == null || F(K.trim()), H(""));
-    }, [K, F]), Ce = se(() => !M || !K.trim() ? !1 : !t.some((D) => D.label.toLowerCase() === K.toLowerCase()), [M, K, t]), ut = Q(
+    }, [g, he, Y, le, $, o]), ye = Q(() => {
+      q.trim() && (F == null || F(q.trim()), H(""));
+    }, [q, F]), oe = se(() => !M || !q.trim() ? !1 : !t.some((D) => D.label.toLowerCase() === q.toLowerCase()), [M, q, t]), je = Q(
       (D) => {
         D.stopPropagation();
-        const R = g ? [] : "";
-        re(R), o == null || o(R);
+        const P = g ? [] : "";
+        re(P), o == null || o(P);
       },
       [g, o]
-    ), Ze = k ? Object.values(ie || {}).flat() : ve, _t = Q(
+    ), be = k ? Object.values(Te || {}).flat() : xe, De = Q(
       (D) => {
-        var R;
+        var P;
         if (!(x || u))
           switch (D.key) {
             case "ArrowDown":
               D.preventDefault(), _ ? ae(
-                (U) => U < Ze.length - 1 ? U + 1 : 0
+                (U) => U < be.length - 1 ? U + 1 : 0
               ) : B(!0);
               break;
             case "ArrowUp":
               D.preventDefault(), ae(
-                (U) => U > 0 ? U - 1 : Ze.length - 1
+                (U) => U > 0 ? U - 1 : be.length - 1
               );
               break;
             case "Enter":
             case " ":
-              if (D.preventDefault(), _ && X >= 0) {
-                const U = Ze[X];
-                U && !U.disabled && te(U.value);
+              if (D.preventDefault(), _ && K >= 0) {
+                const U = be[K];
+                U && !U.disabled && Ce(U.value);
               } else
                 B(!0);
               break;
             case "Escape":
-              B(!1), (R = T.current) == null || R.focus();
+              B(!1), (P = T.current) == null || P.focus();
               break;
           }
       },
-      [x, u, _, X, Ze, te]
+      [x, u, _, K, be, Ce]
     );
     ne(() => {
-      const D = (R) => {
-        const U = R.target;
+      const D = (P) => {
+        const U = P.target;
         T.current && !T.current.contains(U) && J.current && !J.current.contains(U) && (B(!1), H(""));
       };
       return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
     }, []), ne(() => {
       _ && p && setTimeout(() => {
         var D;
-        return (D = Z.current) == null ? void 0 : D.focus();
+        return (D = X.current) == null ? void 0 : D.focus();
       }, 50), _ && ae(-1);
     }, [_, p]);
-    const ft = g ? Array.isArray(P) && P.length > 0 : !!P, Xe = c ? "error" : v, rn = () => {
-      const D = Le, R = W && W > 0 ? W : D.length, U = D.slice(0, R), je = D.length - U.length;
+    const Ae = g ? Array.isArray(Y) && Y.length > 0 : !!Y, Be = c ? "error" : v, rn = () => {
+      const D = Ve, P = W && W > 0 ? W : D.length, U = D.slice(0, P), _e = D.length - U.length;
       return /* @__PURE__ */ a("span", { className: "flex flex-wrap gap-1", children: [
-        U.map((mt) => /* @__PURE__ */ a(
+        U.map((ht) => /* @__PURE__ */ a(
           "span",
           {
             className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-[var(--radius-sm)] bg-[var(--Colors--Background--bg-brand-secondary)] text-[var(--Colors--Text--text-brand-primary)]",
             style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
             children: [
-              mt,
+              ht,
               /* @__PURE__ */ e(
-                le,
+                ie,
                 {
                   size: 10,
                   className: "cursor-pointer hover:text-destructive transition-colors",
                   onClick: (nn) => {
                     nn.stopPropagation();
-                    const Rt = t.find((on) => on.label === mt);
-                    Rt && te(Rt.value);
+                    const Ot = t.find((on) => on.label === ht);
+                    Ot && Ce(Ot.value);
                   }
                 }
               )
             ]
           },
-          mt
+          ht
         )),
-        je > 0 && /* @__PURE__ */ a(
+        _e > 0 && /* @__PURE__ */ a(
           "span",
           {
             className: "inline-flex items-center px-2 py-0.5 rounded-[var(--radius-sm)] bg-muted text-muted-foreground",
             style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
             children: [
               "+",
-              je,
+              _e,
               " more"
             ]
           }
         )
       ] });
-    }, Ht = (D, R) => {
-      const U = Y(D.value);
+    }, Ht = (D, P) => {
+      const U = mt(D.value);
       return E ? /* @__PURE__ */ e(
         "button",
         {
@@ -2364,14 +2386,14 @@ const Go = {
           role: "option",
           "aria-selected": U,
           disabled: D.disabled,
-          className: `w-full ${G.option} transition-colors cursor-pointer
+          className: `w-full ${Z.option} transition-colors cursor-pointer
               ${U ? "bg-[var(--Colors--Background--bg-brand-secondary)]" : ""}
-              ${X === R && !U ? "bg-[var(--Colors--Background--bg-primary_hover)]" : ""}
+              ${K === P && !U ? "bg-[var(--Colors--Background--bg-primary_hover)]" : ""}
               ${D.disabled ? "opacity-40 cursor-not-allowed" : "hover:bg-[var(--Colors--Background--bg-primary_hover)]"}
             `,
-          style: G.optionStyle,
-          onClick: () => !D.disabled && te(D.value),
-          onMouseEnter: () => ae(R),
+          style: Z.optionStyle,
+          onClick: () => !D.disabled && Ce(D.value),
+          onMouseEnter: () => ae(P),
           children: E(D, U)
         },
         D.value
@@ -2382,14 +2404,14 @@ const Go = {
           role: "option",
           "aria-selected": U,
           disabled: D.disabled,
-          className: `w-full flex items-center gap-[var(--Spacing--Spacing-lg)] ${G.option} transition-colors cursor-pointer
+          className: `w-full flex items-center gap-[var(--Spacing--Spacing-lg)] ${Z.option} transition-colors cursor-pointer
             ${U ? "bg-[var(--Colors--Background--bg-brand-secondary)] text-[var(--Colors--Text--text-brand-primary)]" : ""}
-            ${X === R && !U ? "bg-[var(--Colors--Background--bg-primary_hover)]" : ""}
+            ${K === P && !U ? "bg-[var(--Colors--Background--bg-primary_hover)]" : ""}
             ${D.disabled ? "opacity-40 cursor-not-allowed" : "hover:bg-[var(--Colors--Background--bg-primary_hover)]"}
           `,
-          style: { ...G.optionStyle, ...G.textStyle },
-          onClick: () => !D.disabled && te(D.value),
-          onMouseEnter: () => ae(R),
+          style: { ...Z.optionStyle, ...Z.textStyle },
+          onClick: () => !D.disabled && Ce(D.value),
+          onMouseEnter: () => ae(P),
           children: [
             g && /* @__PURE__ */ e(
               "span",
@@ -2406,7 +2428,7 @@ const Go = {
                 src: D.avatar,
                 alt: "",
                 className: "flex-shrink-0 rounded-full object-cover",
-                style: { width: G.avatarSize, height: G.avatarSize }
+                style: { width: Z.avatarSize, height: Z.avatarSize }
               }
             ),
             D.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: D.icon }),
@@ -2416,19 +2438,19 @@ const Go = {
                 "span",
                 {
                   className: "block text-muted-foreground",
-                  style: { marginTop: "var(--Spacing--Spacing-xxs)", ...G.descStyle },
+                  style: { marginTop: "var(--Spacing--Spacing-xxs)", ...Z.descStyle },
                   children: D.description
                 }
               )
             ] }),
-            !g && U && /* @__PURE__ */ e(me, { size: G.icon, className: "text-primary flex-shrink-0" })
+            !g && U && /* @__PURE__ */ e(me, { size: Z.icon, className: "text-primary flex-shrink-0" })
           ]
         },
         D.value
       );
     };
-    let Ot = 0;
-    return /* @__PURE__ */ a("div", { ref: O, className: `relative w-full ${w}`, id: y, children: [
+    let Rt = 0;
+    return /* @__PURE__ */ a("div", { ref: R, className: `relative w-full ${w}`, id: y, children: [
       i && /* @__PURE__ */ a(
         "label",
         {
@@ -2450,92 +2472,92 @@ const Go = {
           "aria-haspopup": "listbox",
           disabled: x || u,
           onClick: () => !x && !u && B(!_),
-          onKeyDown: _t,
-          className: `w-full flex items-center rounded-[var(--radius-md)] transition-all duration-150 ${G.trigger}
-            ${ke.base}
-            ${!x && !u ? ke.hover : ""}
-            ${_ ? ke.focus : ""}
+          onKeyDown: De,
+          className: `w-full flex items-center rounded-[var(--radius-md)] transition-all duration-150 ${Z.trigger}
+            ${Fe.base}
+            ${!x && !u ? Fe.hover : ""}
+            ${_ ? Fe.focus : ""}
             ${x ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
             ${u ? "opacity-70 cursor-wait" : ""}
-            ${Ko[Xe]}
+            ${Ko[Be]}
           `,
-          style: G.textStyle,
+          style: Z.textStyle,
           children: [
-            u ? /* @__PURE__ */ e(Re, { size: G.icon, className: "animate-spin text-muted-foreground" }) : null,
-            /* @__PURE__ */ e("span", { className: `flex-1 text-left min-w-0 ${g ? "" : "truncate"} ${ft ? "text-foreground" : "text-muted-foreground"}`, children: ft ? g ? rn() : Le[0] : l }),
-            b && ft && !x && /* @__PURE__ */ e(
-              le,
+            u ? /* @__PURE__ */ e(Ze, { size: Z.icon, className: "animate-spin text-muted-foreground" }) : null,
+            /* @__PURE__ */ e("span", { className: `flex-1 text-left min-w-0 ${g ? "" : "truncate"} ${Ae ? "text-foreground" : "text-muted-foreground"}`, children: Ae ? g ? rn() : Ve[0] : l }),
+            b && Ae && !x && /* @__PURE__ */ e(
+              ie,
               {
-                size: G.icon,
+                size: Z.icon,
                 className: "flex-shrink-0 text-muted-foreground hover:text-foreground cursor-pointer transition-colors",
-                onClick: ut
+                onClick: je
               }
             ),
             /* @__PURE__ */ e(
-              Me,
+              Ie,
               {
-                size: G.icon,
+                size: Z.icon,
                 className: `flex-shrink-0 text-muted-foreground transition-transform duration-200 ${_ ? "rotate-180" : ""}`
               }
             )
           ]
         }
       ),
-      _ && dt(
+      _ && Qe(
         /* @__PURE__ */ a(
           "div",
           {
             ref: J,
             role: "listbox",
             className: "fixed z-[9999] bg-popover border border-border rounded-[var(--radius)] shadow-elevation-sm overflow-hidden",
-            style: { top: we.top, left: we.left, width: we.width || "auto" },
+            style: { top: ze.top, left: ze.left, width: ze.width || "auto" },
             children: [
               p && /* @__PURE__ */ e("div", { className: "p-2 border-b border-border", children: /* @__PURE__ */ a("div", { className: "relative", children: [
-                /* @__PURE__ */ e(Ye, { size: 14, className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground" }),
+                /* @__PURE__ */ e(qe, { size: 14, className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground" }),
                 /* @__PURE__ */ e(
                   "input",
                   {
-                    ref: Z,
+                    ref: X,
                     type: "text",
-                    value: K,
-                    onChange: (D) => Be(D.target.value),
+                    value: q,
+                    onChange: (D) => Le(D.target.value),
                     placeholder: "Search\\u2026",
                     className: "w-full pl-8 pr-3 py-1.5 bg-background border border-border rounded-[var(--radius-sm)] outline-none placeholder:text-muted-foreground focus:border-ring focus:ring-1 focus:ring-ring/20 transition-colors",
                     style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
-                    onKeyDown: _t
+                    onKeyDown: De
                   }
                 )
               ] }) }),
-              g && z && ve.length > 0 && /* @__PURE__ */ a(
+              g && z && xe.length > 0 && /* @__PURE__ */ a(
                 "button",
                 {
                   type: "button",
-                  className: `w-full flex items-center gap-[var(--Spacing--Spacing-lg)] ${G.option} border-b border-border transition-colors hover:bg-[var(--Colors--Background--bg-primary_hover)] cursor-pointer`,
-                  style: { ...G.optionStyle, ...G.textStyle },
-                  onClick: Ke,
+                  className: `w-full flex items-center gap-[var(--Spacing--Spacing-lg)] ${Z.option} border-b border-border transition-colors hover:bg-[var(--Colors--Background--bg-primary_hover)] cursor-pointer`,
+                  style: { ...Z.optionStyle, ...Z.textStyle },
+                  onClick: ee,
                   children: [
                     /* @__PURE__ */ a(
                       "span",
                       {
                         className: `flex-shrink-0 w-4 h-4 rounded-[var(--radius-sm)] border flex items-center justify-center transition-colors
-                      ${oe ? "bg-primary border-primary" : Ue ? "bg-primary/50 border-primary" : "border-border"}
+                      ${he ? "bg-primary border-primary" : O ? "bg-primary/50 border-primary" : "border-border"}
                     `,
                         children: [
-                          oe && /* @__PURE__ */ e(me, { size: 10, className: "text-primary-foreground" }),
-                          Ue && !oe && /* @__PURE__ */ e("span", { className: "w-2 h-0.5 bg-primary-foreground rounded-full" })
+                          he && /* @__PURE__ */ e(me, { size: 10, className: "text-primary-foreground" }),
+                          O && !he && /* @__PURE__ */ e("span", { className: "w-2 h-0.5 bg-primary-foreground rounded-full" })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ e("span", { className: "text-foreground", children: oe ? "Deselect All" : "Select All" }),
+                    /* @__PURE__ */ e("span", { className: "text-foreground", children: he ? "Deselect All" : "Select All" }),
                     /* @__PURE__ */ a(
                       "span",
                       {
                         className: "ml-auto text-muted-foreground",
                         style: { fontFamily: "var(--font-button)", fontSize: "var(--text-button)", fontWeight: "var(--weight-label)" },
                         children: [
-                          Array.isArray(P) ? P.length : 0,
+                          Array.isArray(Y) ? Y.length : 0,
                           "/",
-                          ve.filter((D) => !D.disabled).length
+                          xe.filter((D) => !D.disabled).length
                         ]
                       }
                     )
@@ -2544,12 +2566,12 @@ const Go = {
               ),
               /* @__PURE__ */ a("div", { className: "max-h-60 overflow-y-auto p-1", children: [
                 A ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center py-6 gap-2 text-muted-foreground", children: [
-                  /* @__PURE__ */ e(Re, { size: 16, className: "animate-spin" }),
+                  /* @__PURE__ */ e(Ze, { size: 16, className: "animate-spin" }),
                   /* @__PURE__ */ e("span", { style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)" }, children: "Searching\\u2026" })
-                ] }) : ve.length === 0 && !Ce ? I ? /* @__PURE__ */ e("div", { className: "py-4 px-3", children: I }) : /* @__PURE__ */ a("div", { className: "text-center py-6 text-muted-foreground flex flex-col items-center gap-2", children: [
+                ] }) : xe.length === 0 && !oe ? I ? /* @__PURE__ */ e("div", { className: "py-4 px-3", children: I }) : /* @__PURE__ */ a("div", { className: "text-center py-6 text-muted-foreground flex flex-col items-center gap-2", children: [
                   /* @__PURE__ */ e(cn, { size: 24, className: "opacity-40" }),
                   /* @__PURE__ */ e("span", { style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)" }, children: "No options found" })
-                ] }) : k && ie ? Object.entries(ie).map(([D, R]) => /* @__PURE__ */ a("div", { children: [
+                ] }) : k && Te ? Object.entries(Te).map(([D, P]) => /* @__PURE__ */ a("div", { children: [
                   /* @__PURE__ */ e(
                     "div",
                     {
@@ -2558,21 +2580,21 @@ const Go = {
                       children: D
                     }
                   ),
-                  R.map((U) => {
-                    const je = Ht(U, Ot);
-                    return Ot++, je;
+                  P.map((U) => {
+                    const _e = Ht(U, Rt);
+                    return Rt++, _e;
                   })
-                ] }, D)) : ve.map((D, R) => Ht(D, R)),
-                Ce && /* @__PURE__ */ a(
+                ] }, D)) : xe.map((D, P) => Ht(D, P)),
+                oe && /* @__PURE__ */ a(
                   "button",
                   {
                     type: "button",
-                    className: `w-full flex items-center gap-[var(--Spacing--Spacing-lg)] ${G.option} text-primary transition-colors hover:bg-[var(--Colors--Background--bg-primary_hover)] cursor-pointer`,
-                    style: { ...G.optionStyle, ...G.textStyle },
-                    onClick: ct,
+                    className: `w-full flex items-center gap-[var(--Spacing--Spacing-lg)] ${Z.option} text-primary transition-colors hover:bg-[var(--Colors--Background--bg-primary_hover)] cursor-pointer`,
+                    style: { ...Z.optionStyle, ...Z.textStyle },
+                    onClick: ye,
                     children: [
-                      /* @__PURE__ */ e(jt, { size: G.icon, className: "flex-shrink-0" }),
-                      /* @__PURE__ */ e("span", { children: L.replace("{query}", K.trim()) })
+                      /* @__PURE__ */ e(Dt, { size: Z.icon, className: "flex-shrink-0" }),
+                      /* @__PURE__ */ e("span", { children: L.replace("{query}", q.trim()) })
                     ]
                   }
                 )
@@ -2584,7 +2606,7 @@ const Go = {
                     className: "px-3 py-2 text-muted-foreground",
                     style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
                     children: [
-                      Array.isArray(P) ? P.length : 0,
+                      Array.isArray(Y) ? Y.length : 0,
                       " / ",
                       $,
                       " selected"
@@ -2599,11 +2621,11 @@ const Go = {
         document.body
       ),
       (d || c || s) && /* @__PURE__ */ a("div", { className: "mt-1.5 flex items-center gap-1", children: [
-        Xe === "error" && /* @__PURE__ */ e(Ie, { size: 12, className: "text-destructive flex-shrink-0" }),
+        Be === "error" && /* @__PURE__ */ e(Pe, { size: 12, className: "text-destructive flex-shrink-0" }),
         /* @__PURE__ */ e(
           "span",
           {
-            className: `${Xe === "error" ? "text-destructive" : Xe === "success" ? "text-chart-2" : "text-muted-foreground"}`,
+            className: `${Be === "error" ? "text-destructive" : Be === "success" ? "text-chart-2" : "text-muted-foreground"}`,
             style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" },
             children: c || s || d
           }
@@ -2676,7 +2698,7 @@ const qo = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
-}, Je = {
+}, tt = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
@@ -2716,7 +2738,7 @@ function Vt({
                 style: { width: `${n.progress}%` }
               }
             ) }),
-            n.status === "done" && /* @__PURE__ */ e(Ne, { size: 12, className: "text-chart-2" })
+            n.status === "done" && /* @__PURE__ */ e($e, { size: 12, className: "text-chart-2" })
           ] })
         ] }),
         /* @__PURE__ */ e(
@@ -2724,7 +2746,7 @@ function Vt({
           {
             onClick: () => r(n.id),
             className: "text-muted-foreground hover:text-destructive cursor-pointer",
-            children: /* @__PURE__ */ e(le, { size: 14 })
+            children: /* @__PURE__ */ e(ie, { size: 14 })
           }
         )
       ]
@@ -2745,7 +2767,7 @@ function Mi({
   onUpload: f,
   onRemove: h
 }) {
-  const [v, x] = j([]), [u, p] = j(!1), b = ee(null), g = c ?? v, $ = (m) => {
+  const [v, x] = j([]), [u, p] = j(!1), b = V(null), g = c ?? v, $ = (m) => {
     if (!m) return;
     const y = Array.from(m);
     if (s && s(y), c === void 0) {
@@ -2776,7 +2798,7 @@ function Mi({
     h && h(m), c === void 0 && x((y) => y.filter((w) => w.id !== m));
   };
   return l === "button" ? /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-    i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: Je, children: i }),
+    i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: tt, children: i }),
     /* @__PURE__ */ a(
       "button",
       {
@@ -2788,7 +2810,7 @@ function Mi({
         className: `inline-flex items-center gap-2 px-4 py-2 rounded-[var(--radius-md)] border border-border bg-background text-foreground hover:bg-accent transition-colors cursor-pointer ${o ? "opacity-50 pointer-events-none" : ""}`,
         style: Jo,
         children: [
-          /* @__PURE__ */ e(Ve, { size: 14 }),
+          /* @__PURE__ */ e(nt, { size: 14 }),
           " Choose File",
           n ? "s" : ""
         ]
@@ -2807,7 +2829,7 @@ function Mi({
     ),
     g.length > 0 && /* @__PURE__ */ e(Vt, { files: g, onRemove: k })
   ] }) : l === "avatar" ? /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-    i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: Je, children: i }),
+    i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: tt, children: i }),
     /* @__PURE__ */ e(
       "div",
       {
@@ -2817,7 +2839,7 @@ function Mi({
         },
         className: `w-24 h-24 rounded-full border-2 border-dashed flex items-center justify-center cursor-pointer transition-colors
             ${o ? "opacity-50 pointer-events-none" : ""} ${u ? "border-primary bg-primary/5" : "border-border hover:border-primary/40"}`,
-        children: g.length > 0 && g[g.length - 1].status === "done" ? /* @__PURE__ */ e(Ne, { size: 24, className: "text-chart-2" }) : /* @__PURE__ */ e(Ve, { size: 20, className: "text-muted-foreground" })
+        children: g.length > 0 && g[g.length - 1].status === "done" ? /* @__PURE__ */ e($e, { size: 24, className: "text-chart-2" }) : /* @__PURE__ */ e(nt, { size: 20, className: "text-muted-foreground" })
       }
     ),
     /* @__PURE__ */ e(
@@ -2831,7 +2853,7 @@ function Mi({
       }
     )
   ] }) : /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-    i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: Je, children: i }),
+    i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: tt, children: i }),
     /* @__PURE__ */ a(
       "div",
       {
@@ -2850,9 +2872,9 @@ function Mi({
           ${o ? "opacity-50 pointer-events-none" : ""}
           ${u ? "border-primary bg-primary/5" : "border-border hover:border-primary/40 hover:bg-accent/30"}`,
         children: [
-          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(Ve, { size: 20, className: "text-primary" }) }),
+          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(nt, { size: 20, className: "text-primary" }) }),
           /* @__PURE__ */ a("div", { className: "text-center", children: [
-            /* @__PURE__ */ a("p", { className: "text-foreground", style: Je, children: [
+            /* @__PURE__ */ a("p", { className: "text-foreground", style: tt, children: [
               /* @__PURE__ */ e("span", { className: "text-primary", children: "Click to upload" }),
               " or drag and drop"
             ] }),
@@ -2972,7 +2994,7 @@ function Li({ images: t, initialIndex: r = 0 }) {
                   },
                   "aria-label": "Close preview",
                   className: "w-8 h-8 flex items-center justify-center rounded-[var(--radius-md)] text-primary-foreground/70 hover:text-primary-foreground hover:bg-primary-foreground/10 cursor-pointer",
-                  children: /* @__PURE__ */ e(le, { size: 16 })
+                  children: /* @__PURE__ */ e(ie, { size: 16 })
                 }
               )
             ] })
@@ -2991,7 +3013,7 @@ function Li({ images: t, initialIndex: r = 0 }) {
                     onClick: v,
                     "aria-label": "Previous image",
                     className: "absolute left-4 w-10 h-10 rounded-full bg-foreground/30 text-primary-foreground flex items-center justify-center hover:bg-foreground/50 cursor-pointer z-10",
-                    children: /* @__PURE__ */ e(Fe, { size: 20 })
+                    children: /* @__PURE__ */ e(Me, { size: 20 })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -3055,13 +3077,13 @@ const ta = {
   fontWeight: "var(--weight-button)"
 };
 function oa({ items: t, parentRect: r }) {
-  const n = ee(null), [o, l] = j({ top: r.top, left: r.right + 4 });
+  const n = V(null), [o, l] = j({ top: r.top, left: r.right + 4 });
   return ne(() => {
     if (!n.current) return;
     const d = n.current.getBoundingClientRect();
     let c = r.top, s = r.right + 4;
     s + d.width > window.innerWidth - 8 && (s = r.left - d.width - 4), c + d.height > window.innerHeight - 8 && (c = window.innerHeight - d.height - 8), l({ top: c, left: s });
-  }, [r]), dt(
+  }, [r]), Qe(
     /* @__PURE__ */ e(
       "div",
       {
@@ -3075,7 +3097,7 @@ function oa({ items: t, parentRect: r }) {
   );
 }
 function Ir({ item: t }) {
-  const [r, n] = j(!1), o = ee(null), l = ee(null);
+  const [r, n] = j(!1), o = V(null), l = V(null);
   if (t.divider) return /* @__PURE__ */ e("div", { className: "my-1 border-t border-border" });
   if (t.label)
     return /* @__PURE__ */ e("div", { className: "px-3 py-1.5 text-muted-foreground", style: na, children: t.label });
@@ -3107,7 +3129,7 @@ function Ir({ item: t }) {
   ] });
 }
 function aa({ items: t, open: r, onClose: n, triggerRef: o, className: l = "" }) {
-  const i = ee(null), [d, c] = j({ top: 0, left: 0 });
+  const i = V(null), [d, c] = j({ top: 0, left: 0 });
   return ne(() => {
     if (!r || !o.current) return;
     const s = o.current.getBoundingClientRect();
@@ -3124,7 +3146,7 @@ function aa({ items: t, open: r, onClose: n, triggerRef: o, className: l = "" })
       (h = o.current) != null && h.contains(f.target) || (v = i.current) != null && v.contains(f.target) || n();
     };
     return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
-  }, [r, n, o]), r ? dt(
+  }, [r, n, o]), r ? Qe(
     /* @__PURE__ */ a(
       "div",
       {
@@ -3145,7 +3167,7 @@ const Tr = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
-}, St = {
+}, kt = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
@@ -3153,7 +3175,7 @@ const Tr = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-label)"
-}, tt = {
+}, at = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-button)"
@@ -3171,7 +3193,7 @@ function ia({
 }) {
   const f = {
     info: /* @__PURE__ */ e(pr, { size: 16, className: "text-primary" }),
-    success: /* @__PURE__ */ e(Ne, { size: 16, className: "text-chart-2" }),
+    success: /* @__PURE__ */ e($e, { size: 16, className: "text-chart-2" }),
     warning: /* @__PURE__ */ e(br, { size: 16, className: "text-chart-5" }),
     error: /* @__PURE__ */ e(hr, { size: 16, className: "text-destructive" })
   };
@@ -3189,13 +3211,13 @@ function ia({
           "div",
           {
             className: "w-8 h-8 rounded-full bg-muted flex-shrink-0 flex items-center justify-center overflow-hidden",
-            style: St,
+            style: kt,
             children: /* @__PURE__ */ e("span", { className: "text-primary", children: d.slice(0, 2).toUpperCase() })
           }
         ) : /* @__PURE__ */ e("span", { className: "flex-shrink-0 mt-0.5", children: f[t] }),
         /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ e("span", { className: "text-foreground", style: St, children: r }),
+            /* @__PURE__ */ e("span", { className: "text-foreground", style: kt, children: r }),
             /* @__PURE__ */ a("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
               c && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: la, children: c }),
               s === !1 && /* @__PURE__ */ e("span", { className: "w-2 h-2 rounded-full bg-primary" }),
@@ -3204,7 +3226,7 @@ function ia({
                 {
                   onClick: l,
                   className: "text-muted-foreground hover:text-foreground cursor-pointer",
-                  children: /* @__PURE__ */ e(le, { size: 14 })
+                  children: /* @__PURE__ */ e(ie, { size: 14 })
                 }
               )
             ] })
@@ -3215,7 +3237,7 @@ function ia({
             {
               onClick: i.onClick,
               className: "inline-flex items-center gap-1 text-primary mt-2 hover:underline cursor-pointer",
-              style: tt,
+              style: at,
               children: [
                 i.label,
                 " ",
@@ -3248,12 +3270,12 @@ function Ci({
     /* @__PURE__ */ a("div", { className: "px-4 py-3 border-b border-border flex items-center justify-between", children: [
       /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(wr, { size: 16, className: "text-foreground" }),
-        /* @__PURE__ */ e("span", { className: "text-foreground", style: St, children: "Notifications" }),
+        /* @__PURE__ */ e("span", { className: "text-foreground", style: kt, children: "Notifications" }),
         f > 0 && /* @__PURE__ */ e(
           "span",
           {
             className: "px-1.5 py-0.5 rounded-full bg-primary text-primary-foreground",
-            style: tt,
+            style: at,
             children: f
           }
         )
@@ -3264,7 +3286,7 @@ function Ci({
           {
             onClick: h,
             className: "text-primary cursor-pointer",
-            style: tt,
+            style: at,
             children: "Mark all read"
           }
         ),
@@ -3273,7 +3295,7 @@ function Ci({
           {
             onClick: l,
             className: "text-muted-foreground hover:text-destructive cursor-pointer",
-            style: tt,
+            style: at,
             children: "Clear all"
           }
         )
@@ -3320,7 +3342,7 @@ function ji({
 }) {
   const [d, c] = j(!1), s = l !== void 0 ? l : d, f = (x) => {
     i == null || i(x), l === void 0 && c(x);
-  }, h = ee(null);
+  }, h = V(null);
   return ne(() => {
     if (!s) return;
     const x = (u) => {
@@ -3346,7 +3368,7 @@ function ji({
               {
                 onClick: () => f(!1),
                 className: "text-muted-foreground hover:text-foreground cursor-pointer",
-                children: /* @__PURE__ */ e(le, { size: 14 })
+                children: /* @__PURE__ */ e(ie, { size: 14 })
               }
             )
           ] }),
@@ -3472,7 +3494,7 @@ function Br({
   placement: n = "top",
   className: o = ""
 }) {
-  const [l, i] = j(!1), [d, c] = j({ top: 0, left: 0 }), s = ee(null), f = () => {
+  const [l, i] = j(!1), [d, c] = j({ top: 0, left: 0 }), s = V(null), f = () => {
     if (!s.current) return;
     const p = s.current.getBoundingClientRect(), b = 8;
     let g = 0, $ = 0;
@@ -3509,7 +3531,7 @@ function Br({
       )
     }
   ) : null;
-  return /* @__PURE__ */ a(ge, { children: [
+  return /* @__PURE__ */ a(ve, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -3542,7 +3564,7 @@ const er = {
   fontWeight: "var(--weight-p)",
   lineHeight: "1"
 };
-function bt({ item: t, size: r = 40 }) {
+function pt({ item: t, size: r = 40 }) {
   const n = r + "px", o = r >= 40 ? "var(--text-label)" : "var(--text-caption)";
   if (t.avatarUrl)
     return /* @__PURE__ */ e(
@@ -3587,7 +3609,7 @@ function _r({
   onProviderChange: s,
   collapsed: f = !1
 }) {
-  const [h, v] = j(!1), x = ee(null);
+  const [h, v] = j(!1), x = V(null);
   ne(() => {
     if (!h) return;
     const g = ($) => {
@@ -3615,7 +3637,7 @@ function _r({
         alignItems: "center",
         justifyContent: "center"
       },
-      children: u ? /* @__PURE__ */ e(bt, { item: u, size: 36 }) : /* @__PURE__ */ e("div", { style: { width: 36, height: 36, borderRadius: "50%", background: "var(--primary)", display: "flex", alignItems: "center", justifyContent: "center", color: "#fff", fontFamily: "var(--font-label)", fontSize: "var(--text-caption)", fontWeight: "var(--weight-button)" }, children: "S" })
+      children: u ? /* @__PURE__ */ e(pt, { item: u, size: 36 }) : /* @__PURE__ */ e("div", { style: { width: 36, height: 36, borderRadius: "50%", background: "var(--primary)", display: "flex", alignItems: "center", justifyContent: "center", color: "#fff", fontFamily: "var(--font-label)", fontSize: "var(--text-caption)", fontWeight: "var(--weight-button)" }, children: "S" })
     }
   ) : /* @__PURE__ */ a("div", { ref: x, style: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ a(
@@ -3636,13 +3658,13 @@ function _r({
           minHeight: "56px"
         },
         children: [
-          u ? /* @__PURE__ */ e(bt, { item: u, size: 40 }) : /* @__PURE__ */ e("div", { style: { width: 40, height: 40, borderRadius: "50%", background: "var(--primary)", display: "flex", alignItems: "center", justifyContent: "center", color: "#fff", fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-button)", flexShrink: 0 }, children: "S" }),
+          u ? /* @__PURE__ */ e(pt, { item: u, size: 40 }) : /* @__PURE__ */ e("div", { style: { width: 40, height: 40, borderRadius: "50%", background: "var(--primary)", display: "flex", alignItems: "center", justifyContent: "center", color: "#fff", fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-button)", flexShrink: 0 }, children: "S" }),
           /* @__PURE__ */ a("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: "4px" }, children: [
             /* @__PURE__ */ e("span", { style: { ...er, color: "var(--foreground, #1f2937)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", display: "block" }, children: (u == null ? void 0 : u.name) ?? "Select Company" }),
             p && /* @__PURE__ */ e("span", { style: { ...ba, color: "var(--Base_Color--Sky--500, #32a9ff)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", display: "block" }, children: p })
           ] }),
           /* @__PURE__ */ e(
-            Ge,
+            Je,
             {
               size: 16,
               color: "rgba(50,169,255,1)",
@@ -3697,7 +3719,7 @@ function _r({
                 k.currentTarget.style.background = $ ? "rgba(240,249,255,0.6)" : "none";
               },
               children: [
-                /* @__PURE__ */ e(bt, { item: g, size: 36 }),
+                /* @__PURE__ */ e(pt, { item: g, size: 36 }),
                 /* @__PURE__ */ a("div", { style: { flex: 1, minWidth: 0 }, children: [
                   /* @__PURE__ */ e("div", { style: { ...er, color: "var(--foreground, #1f2937)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: g.name }),
                   g.handle && /* @__PURE__ */ e("div", { style: { ...pa, color: "var(--muted-foreground, #6b7280)", marginTop: "2px" }, children: g.handle })
@@ -3733,7 +3755,7 @@ const ga = {
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-label)"
 };
-function kt({
+function zt({
   brand: t,
   accountSwitcher: r,
   groups: n,
@@ -3793,7 +3815,7 @@ function kt({
                 children: [
                   /* @__PURE__ */ e("span", { children: p.label }),
                   /* @__PURE__ */ e(
-                    Ge,
+                    Je,
                     {
                       size: 12,
                       style: {
@@ -3858,7 +3880,7 @@ function kt({
           ),
           s && !i && /* @__PURE__ */ a("div", { className: "px-2 flex items-center gap-1.5 text-muted-foreground/60", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-caption)", fontWeight: "var(--weight-label)" }, children: [
             /* @__PURE__ */ e("span", { children: s }),
-            f && /* @__PURE__ */ a(ge, { children: [
+            f && /* @__PURE__ */ a(ve, { children: [
               /* @__PURE__ */ e("span", { children: "·" }),
               /* @__PURE__ */ e("span", { children: f })
             ] })
@@ -3869,7 +3891,7 @@ function kt({
     }
   );
 }
-kt.displayName = "Sidebar";
+zt.displayName = "Sidebar";
 function de({
   width: t,
   height: r,
@@ -3981,7 +4003,7 @@ function $a({ size: t = "md", color: r, className: n = "" }) {
   );
 }
 $a.displayName = "Spinner";
-const zt = {
+const Ft = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
@@ -3989,11 +4011,11 @@ const zt = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
-}, Or = {
+}, Rr = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
-}, Rr = {
+}, Or = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
@@ -4025,7 +4047,7 @@ function Ii({
   size: c = "md",
   loading: s
 }) {
-  const f = Sa[c], h = (l == null ? void 0 : l.direction) === "up" ? "text-chart-2" : (l == null ? void 0 : l.direction) === "down" ? "text-destructive" : "text-muted-foreground", v = (l == null ? void 0 : l.direction) === "up" ? Nr : (l == null ? void 0 : l.direction) === "down" ? $r : st;
+  const f = Sa[c], h = (l == null ? void 0 : l.direction) === "up" ? "text-chart-2" : (l == null ? void 0 : l.direction) === "down" ? "text-destructive" : "text-muted-foreground", v = (l == null ? void 0 : l.direction) === "up" ? Nr : (l == null ? void 0 : l.direction) === "down" ? $r : ft;
   return s ? /* @__PURE__ */ a("div", { className: "space-y-2 animate-pulse", children: [
     /* @__PURE__ */ e("div", { className: "h-3 w-20 bg-muted rounded-[var(--radius-sm)]" }),
     /* @__PURE__ */ e("div", { className: "h-8 w-32 bg-muted rounded-[var(--radius-sm)]" }),
@@ -4033,20 +4055,20 @@ function Ii({
   ] }) : /* @__PURE__ */ a("div", { className: "space-y-1", children: [
     /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
       d && /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: d }),
-      /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: zt, children: t })
+      /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: Ft, children: t })
     ] }),
     /* @__PURE__ */ a("div", { className: "flex items-baseline gap-1", children: [
       n && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: Hr, children: n }),
       /* @__PURE__ */ e("span", { className: "text-foreground", style: f, children: typeof r == "number" ? r.toLocaleString() : r }),
-      o && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: zt, children: o })
+      o && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: Ft, children: o })
     ] }),
     l && /* @__PURE__ */ a("div", { className: `flex items-center gap-1 ${h}`, children: [
       /* @__PURE__ */ e(v, { size: 14 }),
-      /* @__PURE__ */ a("span", { style: Rr, children: [
+      /* @__PURE__ */ a("span", { style: Or, children: [
         l.value,
         "%"
       ] }),
-      i && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: Or, children: i })
+      i && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: Rr, children: i })
     ] })
   ] });
 }
@@ -4059,10 +4081,10 @@ function Ti({
   icon: i,
   iconBg: d
 }) {
-  const c = (o == null ? void 0 : o.direction) === "up" ? "text-chart-2" : (o == null ? void 0 : o.direction) === "down" ? "text-destructive" : "text-muted-foreground", s = (o == null ? void 0 : o.direction) === "up" ? Nr : (o == null ? void 0 : o.direction) === "down" ? $r : st;
+  const c = (o == null ? void 0 : o.direction) === "up" ? "text-chart-2" : (o == null ? void 0 : o.direction) === "down" ? "text-destructive" : "text-muted-foreground", s = (o == null ? void 0 : o.direction) === "up" ? Nr : (o == null ? void 0 : o.direction) === "down" ? $r : ft;
   return /* @__PURE__ */ e("div", { className: "rounded-[var(--radius-md)] border border-border bg-card p-5 overflow-hidden", children: /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-3", children: [
     /* @__PURE__ */ a("div", { className: "space-y-1 min-w-0 flex-1", children: [
-      /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: zt, children: t }),
+      /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: Ft, children: t }),
       /* @__PURE__ */ a("div", { className: "flex items-baseline gap-1", children: [
         n && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: Hr, children: n }),
         /* @__PURE__ */ e(
@@ -4080,11 +4102,11 @@ function Ti({
       ] }),
       o && /* @__PURE__ */ a("div", { className: `flex items-center gap-1 ${c}`, children: [
         /* @__PURE__ */ e(s, { size: 12 }),
-        /* @__PURE__ */ a("span", { style: Rr, children: [
+        /* @__PURE__ */ a("span", { style: Or, children: [
           o.value,
           "%"
         ] }),
-        l && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: Or, children: l })
+        l && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: Rr, children: l })
       ] })
     ] }),
     i && /* @__PURE__ */ e(
@@ -4318,7 +4340,7 @@ function Ea({
       children: [
         o && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: o }),
         t,
-        l && /* @__PURE__ */ e("button", { className: "hover:opacity-70 cursor-pointer", onClick: i, children: /* @__PURE__ */ e(le, { size: n === "sm" ? 10 : 12 }) })
+        l && /* @__PURE__ */ e("button", { className: "hover:opacity-70 cursor-pointer", onClick: i, children: /* @__PURE__ */ e(ie, { size: n === "sm" ? 10 : 12 }) })
       ]
     }
   );
@@ -4369,7 +4391,7 @@ function _a({
                 {
                   className: "hover:text-destructive cursor-pointer",
                   onClick: () => h(v),
-                  children: /* @__PURE__ */ e(le, { size: 12 })
+                  children: /* @__PURE__ */ e(ie, { size: 12 })
                 }
               )
             ]
@@ -4403,7 +4425,7 @@ const Ha = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
-}, pt = {
+}, gt = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-label)"
@@ -4422,7 +4444,7 @@ function _i({
           className: `${o} rounded-full flex items-center justify-center flex-shrink-0 ${i(
             d.status
           )}`,
-          children: d.icon || (d.status === "completed" ? /* @__PURE__ */ e(Ne, { size: l }) : /* @__PURE__ */ e(Yt, { size: l }))
+          children: d.icon || (d.status === "completed" ? /* @__PURE__ */ e($e, { size: l }) : /* @__PURE__ */ e(Yt, { size: l }))
         }
       ),
       c < t.length - 1 && /* @__PURE__ */ e("div", { className: "w-0.5 flex-1 min-h-4 bg-border" })
@@ -4430,13 +4452,13 @@ function _i({
     /* @__PURE__ */ a("div", { className: "pb-4 min-w-0", children: [
       /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e("span", { className: "text-foreground", style: ar, children: d.title }),
-        d.time && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: pt, children: d.time })
+        d.time && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: gt, children: d.time })
       ] }),
       d.description && /* @__PURE__ */ e(
         "p",
         {
           className: "text-muted-foreground mt-0.5",
-          style: pt,
+          style: gt,
           children: d.description
         }
       )
@@ -4455,7 +4477,7 @@ function _i({
                 className: `${o} rounded-full flex items-center justify-center ${i(
                   d.status
                 )}`,
-                children: d.icon || (d.status === "completed" ? /* @__PURE__ */ e(Ne, { size: l }) : /* @__PURE__ */ e(Yt, { size: l }))
+                children: d.icon || (d.status === "completed" ? /* @__PURE__ */ e($e, { size: l }) : /* @__PURE__ */ e(Yt, { size: l }))
               }
             ),
             c < t.length - 1 && /* @__PURE__ */ e("div", { className: "w-0.5 flex-1 bg-border mt-1" })
@@ -4471,7 +4493,7 @@ function _i({
                     className: `flex items-center gap-2 ${s ? "justify-end" : ""}`,
                     children: [
                       /* @__PURE__ */ e("span", { className: "text-foreground", style: ar, children: d.title }),
-                      d.time && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: pt, children: d.time })
+                      d.time && /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: gt, children: d.time })
                     ]
                   }
                 ),
@@ -4493,7 +4515,7 @@ function _i({
     );
   }) });
 }
-const _e = {
+const Ge = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
@@ -4541,7 +4563,7 @@ function Pr({
             children: /* @__PURE__ */ e(Gt, { size: 16 })
           }
         ),
-        t && /* @__PURE__ */ e(ge, { children: typeof t.logo == "string" ? /* @__PURE__ */ e(
+        t && /* @__PURE__ */ e(ve, { children: typeof t.logo == "string" ? /* @__PURE__ */ e(
           "img",
           {
             src: t.logo,
@@ -4552,13 +4574,13 @@ function Pr({
           "div",
           {
             className: "w-8 h-8 rounded-[var(--radius-sm)] bg-primary flex items-center justify-center text-primary-foreground flex-shrink-0",
-            style: _e,
+            style: Ge,
             children: t.name.charAt(0).toUpperCase()
           }
         ) }),
         b && /* @__PURE__ */ e("div", { className: "flex items-center ml-1", children: b }),
-        n && /* @__PURE__ */ e("span", { className: "text-foreground hidden sm:block truncate", style: _e, children: n }),
-        r && r.length > 0 && /* @__PURE__ */ e("nav", { className: "hidden sm:flex items-center gap-1.5 text-muted-foreground", style: _e, children: r.map((k, m) => /* @__PURE__ */ a(pe.Fragment, { children: [
+        n && /* @__PURE__ */ e("span", { className: "text-foreground hidden sm:block truncate", style: Ge, children: n }),
+        r && r.length > 0 && /* @__PURE__ */ e("nav", { className: "hidden sm:flex items-center gap-1.5 text-muted-foreground", style: Ge, children: r.map((k, m) => /* @__PURE__ */ a(ge.Fragment, { children: [
           m > 0 && /* @__PURE__ */ e(fe, { size: 12 }),
           k.href || p ? /* @__PURE__ */ e(
             "span",
@@ -4582,8 +4604,8 @@ function Pr({
             className: "hidden md:flex items-center gap-2 px-3 h-8 rounded-[var(--radius)] border border-border bg-muted/20 text-muted-foreground w-56 cursor-pointer hover:border-primary/40 transition-colors",
             onClick: s,
             children: [
-              /* @__PURE__ */ e(Ye, { size: 14 }),
-              /* @__PURE__ */ e("span", { style: _e, children: c })
+              /* @__PURE__ */ e(qe, { size: 14 }),
+              /* @__PURE__ */ e("span", { style: Ge, children: c })
             ]
           }
         ),
@@ -4615,7 +4637,7 @@ function Pr({
               "div",
               {
                 className: "w-8 h-8 rounded-full bg-primary text-primary-foreground flex items-center justify-center",
-                style: _e,
+                style: Ge,
                 children: $
               }
             )
@@ -4626,7 +4648,7 @@ function Pr({
   );
 }
 Pr.displayName = "TopNavbar";
-const Oa = {
+const Ra = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
@@ -4634,7 +4656,7 @@ const Oa = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
-}, gt = {
+}, vt = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-label)"
@@ -4651,13 +4673,13 @@ function lr({
   return /* @__PURE__ */ a("div", { className: "flex-1 min-w-[180px] rounded-[var(--radius-md)] border border-border bg-card overflow-hidden", children: [
     /* @__PURE__ */ a("div", { className: "px-3 py-2.5 border-b border-border bg-muted/30 flex items-center justify-between", children: [
       /* @__PURE__ */ e("span", { className: "text-foreground", style: Yr, children: t }),
-      /* @__PURE__ */ a("span", { className: "text-muted-foreground", style: gt, children: [
+      /* @__PURE__ */ a("span", { className: "text-muted-foreground", style: vt, children: [
         r.length,
         " items"
       ] })
     ] }),
     d && /* @__PURE__ */ a("div", { className: "px-3 py-2 border-b border-border flex items-center gap-2", children: [
-      /* @__PURE__ */ e(Ye, { size: 12, className: "text-muted-foreground" }),
+      /* @__PURE__ */ e(qe, { size: 12, className: "text-muted-foreground" }),
       /* @__PURE__ */ e(
         "input",
         {
@@ -4665,7 +4687,7 @@ function lr({
           onChange: (c) => i(c.target.value),
           placeholder: "Search\\u2026",
           className: "flex-1 bg-transparent outline-none text-foreground placeholder:text-muted-foreground",
-          style: gt
+          style: vt
         }
       )
     ] }),
@@ -4674,7 +4696,7 @@ function lr({
         "div",
         {
           className: "px-3 py-6 text-center text-muted-foreground",
-          style: gt,
+          style: vt,
           children: "No items"
         }
       ),
@@ -4685,7 +4707,7 @@ function lr({
           className: `w-full flex items-center gap-2 px-3 py-1.5 transition-colors cursor-pointer
               ${n.has(c.id) ? "bg-primary/10" : "hover:bg-accent"}
               ${c.disabled ? "opacity-40 pointer-events-none" : ""}`,
-          style: Oa,
+          style: Ra,
           children: [
             /* @__PURE__ */ e(
               "span",
@@ -4737,8 +4759,8 @@ function Hi({
   }, C = () => {
     x(/* @__PURE__ */ new Set()), g(/* @__PURE__ */ new Set());
   }, N = (S, A, E) => {
-    const O = new Set(A);
-    O.has(S) ? O.delete(S) : O.add(S), E(O);
+    const R = new Set(A);
+    R.has(S) ? R.delete(S) : R.add(S), E(R);
   };
   return s ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-border bg-card px-6 py-10 text-center", children: /* @__PURE__ */ e("span", { style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", color: "var(--destructive)" }, children: s }) }) : c ? /* @__PURE__ */ e("div", { className: "flex items-stretch gap-3 flex-wrap opacity-60 pointer-events-none", children: [t, r].map((S) => /* @__PURE__ */ a("div", { className: "flex-1 min-w-[180px] rounded-[var(--radius-md)] border border-border bg-card overflow-hidden", children: [
     /* @__PURE__ */ e("div", { className: "px-3 py-2.5 border-b border-border bg-muted/30", children: /* @__PURE__ */ e("span", { style: Yr, children: S }) }),
@@ -4763,7 +4785,7 @@ function Hi({
           onClick: I,
           disabled: w.length === 0,
           className: "w-8 h-8 flex items-center justify-center rounded-[var(--radius-md)] border border-border text-muted-foreground hover:text-foreground hover:bg-accent disabled:opacity-30 transition-colors cursor-pointer",
-          children: /* @__PURE__ */ e(Lt, { size: 14 })
+          children: /* @__PURE__ */ e(Ct, { size: 14 })
         }
       ),
       /* @__PURE__ */ e(
@@ -4781,7 +4803,7 @@ function Hi({
           onClick: L,
           disabled: b.size === 0,
           className: "w-8 h-8 flex items-center justify-center rounded-[var(--radius-md)] border border-border text-muted-foreground hover:text-foreground hover:bg-accent disabled:opacity-30 transition-colors cursor-pointer",
-          children: /* @__PURE__ */ e(Fe, { size: 14 })
+          children: /* @__PURE__ */ e(Me, { size: 14 })
         }
       ),
       /* @__PURE__ */ e(
@@ -4790,7 +4812,7 @@ function Hi({
           onClick: C,
           disabled: z.length === 0,
           className: "w-8 h-8 flex items-center justify-center rounded-[var(--radius-md)] border border-border text-muted-foreground hover:text-foreground hover:bg-accent disabled:opacity-30 transition-colors cursor-pointer",
-          children: /* @__PURE__ */ e(Mt, { size: 14 })
+          children: /* @__PURE__ */ e(Lt, { size: 14 })
         }
       )
     ] }),
@@ -4808,7 +4830,7 @@ function Hi({
     )
   ] });
 }
-const Ft = {
+const Wt = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
@@ -4831,12 +4853,12 @@ function Gr({
         className: `flex items-center gap-1.5 py-1 px-2 rounded-[var(--radius-sm)] transition-colors
           ${t.disabled ? "opacity-40 pointer-events-none" : "cursor-pointer hover:bg-accent"}
           ${h ? "bg-primary/10 text-primary" : "text-foreground"}`,
-        style: { paddingLeft: `${r * 20 + 8}px`, ...Ft },
+        style: { paddingLeft: `${r * 20 + 8}px`, ...Wt },
         onClick: () => {
           s && l(t.id), d && i(t.id);
         },
         children: [
-          s ? /* @__PURE__ */ e("span", { className: "w-4 h-4 flex items-center justify-center flex-shrink-0", children: f ? /* @__PURE__ */ e(Me, { size: 12 }) : /* @__PURE__ */ e(fe, { size: 12 }) }) : /* @__PURE__ */ e("span", { className: "w-4" }),
+          s ? /* @__PURE__ */ e("span", { className: "w-4 h-4 flex items-center justify-center flex-shrink-0", children: f ? /* @__PURE__ */ e(Ie, { size: 12 }) : /* @__PURE__ */ e(fe, { size: 12 }) }) : /* @__PURE__ */ e("span", { className: "w-4" }),
           d && /* @__PURE__ */ e(
             "span",
             {
@@ -4865,7 +4887,7 @@ function Gr({
     )) })
   ] });
 }
-function Oi({
+function Ri({
   data: t,
   selectable: r,
   showLines: n,
@@ -4887,7 +4909,7 @@ function Oi({
     const y = new Set(g);
     y.has(m) ? y.delete(m) : y.add(m), c && c(Array.from(y)), d === void 0 && p(y);
   };
-  return f ? /* @__PURE__ */ e("div", { className: "rounded-[var(--radius-md)] border border-border bg-card px-4 py-8 text-center", children: /* @__PURE__ */ e("span", { style: { ...Ft, color: "var(--destructive)" }, children: f }) }) : s ? /* @__PURE__ */ e("div", { className: "rounded-[var(--radius-md)] border border-border bg-card py-2 px-3 flex flex-col gap-2", children: [1, 2, 3, 4, 5].map((m) => /* @__PURE__ */ e("div", { className: "h-7 rounded bg-muted/50 animate-pulse", style: { width: `${60 + m % 3 * 15}%` } }, m)) }) : /* @__PURE__ */ e("div", { className: "rounded-[var(--radius-md)] border border-border bg-card py-1", children: t.length === 0 ? /* @__PURE__ */ e("div", { className: "px-4 py-8 text-center text-muted-foreground", style: Ft, children: h }) : t.map((m) => /* @__PURE__ */ e(
+  return f ? /* @__PURE__ */ e("div", { className: "rounded-[var(--radius-md)] border border-border bg-card px-4 py-8 text-center", children: /* @__PURE__ */ e("span", { style: { ...Wt, color: "var(--destructive)" }, children: f }) }) : s ? /* @__PURE__ */ e("div", { className: "rounded-[var(--radius-md)] border border-border bg-card py-2 px-3 flex flex-col gap-2", children: [1, 2, 3, 4, 5].map((m) => /* @__PURE__ */ e("div", { className: "h-7 rounded bg-muted/50 animate-pulse", style: { width: `${60 + m % 3 * 15}%` } }, m)) }) : /* @__PURE__ */ e("div", { className: "rounded-[var(--radius-md)] border border-border bg-card py-1", children: t.length === 0 ? /* @__PURE__ */ e("div", { className: "px-4 py-8 text-center text-muted-foreground", style: Wt, children: h }) : t.map((m) => /* @__PURE__ */ e(
     Gr,
     {
       node: m,
@@ -4902,17 +4924,17 @@ function Oi({
     m.id
   )) });
 }
-const Ra = {
+const Oa = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
-}, Dt = {
+}, At = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-label)"
-}, Ur = it({ name: "" });
-function Ri() {
-  return lt(Ur);
+}, Ur = ut({ name: "" });
+function Oi() {
+  return ct(Ur);
 }
 function ir({
   htmlFor: t,
@@ -4925,7 +4947,7 @@ function ir({
     {
       htmlFor: t,
       className: `block text-foreground mb-1.5 ${o}`,
-      style: Ra,
+      style: Oa,
       children: [
         n,
         r && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", children: "*" })
@@ -4938,10 +4960,10 @@ function Pa({ message: t, className: r = "" }) {
     "div",
     {
       className: `flex items-center gap-1 mt-1.5 text-destructive ${r}`,
-      style: Dt,
+      style: At,
       role: "alert",
       children: [
-        /* @__PURE__ */ e(Ie, { size: 12, className: "flex-shrink-0" }),
+        /* @__PURE__ */ e(Pe, { size: 12, className: "flex-shrink-0" }),
         /* @__PURE__ */ e("span", { children: t })
       ]
     }
@@ -4952,10 +4974,10 @@ function Ya({ message: t, className: r = "" }) {
     "div",
     {
       className: `flex items-center gap-1 mt-1.5 text-chart-2 ${r}`,
-      style: Dt,
+      style: At,
       role: "status",
       children: [
-        /* @__PURE__ */ e(Ne, { size: 12, className: "flex-shrink-0" }),
+        /* @__PURE__ */ e($e, { size: 12, className: "flex-shrink-0" }),
         /* @__PURE__ */ e("span", { children: t })
       ]
     }
@@ -4966,7 +4988,7 @@ function Ga({ children: t, className: r = "" }) {
     "p",
     {
       className: `mt-1.5 text-muted-foreground ${r}`,
-      style: Dt,
+      style: At,
       children: t
     }
   );
@@ -5050,7 +5072,7 @@ function Yi({
               disabled: d || !g,
               className: "flex items-center justify-center px-2.5 border-r border-border text-muted-foreground hover:text-foreground disabled:opacity-30 transition-colors cursor-pointer",
               style: { height: "100%" },
-              children: /* @__PURE__ */ e(st, { size: sr[c] })
+              children: /* @__PURE__ */ e(ft, { size: sr[c] })
             }
           ),
           /* @__PURE__ */ e(
@@ -5076,7 +5098,7 @@ function Yi({
               disabled: d || !$,
               className: "flex items-center justify-center px-2.5 border-l border-border text-muted-foreground hover:text-foreground disabled:opacity-30 transition-colors cursor-pointer",
               style: { height: "100%" },
-              children: /* @__PURE__ */ e(jt, { size: sr[c] })
+              children: /* @__PURE__ */ e(Dt, { size: sr[c] })
             }
           )
         ]
@@ -5110,7 +5132,7 @@ function Gi({
   masked: s,
   className: f = ""
 }) {
-  const [h, v] = j(() => "".padEnd(t, "")), x = ee([]), p = (r ?? h).padEnd(t, "").split("").slice(0, t), b = Q(
+  const [h, v] = j(() => "".padEnd(t, "")), x = V([]), p = (r ?? h).padEnd(t, "").split("").slice(0, t), b = Q(
     (m) => {
       n && n(m), r === void 0 && v(m), m.replace(/ /g, "").length === t && o && o(m);
     },
@@ -5182,8 +5204,8 @@ const Va = {
   color: "var(--muted-foreground)",
   lineHeight: 1.4
 }, tl = {
-  fontFamily: "var(--font-caption, 'DB HeaventRounded', sans-serif)",
-  fontSize: "var(--text-caption, 14px)"
+  fontFamily: "var(--font-label, 'DB HeaventRounded', sans-serif)",
+  fontSize: "var(--text-label)"
 };
 function Ui({
   title: t,
@@ -5218,7 +5240,7 @@ const rl = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-button)"
-}, rt = {
+}, lt = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: 400
@@ -5251,12 +5273,12 @@ function nl({ config: t, value: r, onChange: n }) {
             "span",
             {
               className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-[var(--primary)] text-primary-foreground font-bold",
-              style: { fontSize: "var(--text-caption)", lineHeight: 1 },
+              style: { fontSize: "var(--text-label)", lineHeight: 1 },
               children: i.length
             }
           ),
           /* @__PURE__ */ e(
-            Me,
+            Ie,
             {
               size: 14,
               className: `transition-transform ${o ? "rotate-180" : ""}`
@@ -5265,7 +5287,7 @@ function nl({ config: t, value: r, onChange: n }) {
         ]
       }
     ),
-    o && /* @__PURE__ */ a(ge, { children: [
+    o && /* @__PURE__ */ a(ve, { children: [
       /* @__PURE__ */ e(
         "div",
         {
@@ -5281,7 +5303,7 @@ function nl({ config: t, value: r, onChange: n }) {
             type: "button",
             onClick: () => c(h.value),
             className: `w-full flex items-center gap-2 px-3 py-2 text-left transition-colors cursor-pointer ${v ? "bg-[var(--primary)]/10 text-[var(--primary)]" : "text-[var(--foreground)] hover:bg-[var(--muted)]"}`,
-            style: rt,
+            style: lt,
             children: [
               t.type === "multi" && /* @__PURE__ */ e(
                 "span",
@@ -5349,7 +5371,7 @@ function Ki({
       children: [
         n && /* @__PURE__ */ a("div", { className: "relative flex items-center", children: [
           /* @__PURE__ */ e(
-            Ye,
+            qe,
             {
               size: 14,
               className: "absolute left-2.5 text-[var(--muted-foreground)] pointer-events-none"
@@ -5363,7 +5385,7 @@ function Ki({
               onChange: h,
               placeholder: r,
               className: "h-8 pl-8 pr-3 rounded-md border border-[var(--border)] bg-[var(--background)] text-[var(--foreground)] placeholder:text-[var(--muted-foreground)] focus:outline-none focus:border-[var(--primary)] focus:ring-1 focus:ring-[var(--primary)] transition-colors min-w-[200px]",
-              style: rt
+              style: lt
             }
           )
         ] }),
@@ -5388,7 +5410,7 @@ function Ki({
           "span",
           {
             className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-[var(--primary)]/10 text-[var(--primary)]",
-            style: rt,
+            style: lt,
             children: [
               u,
               " active"
@@ -5401,9 +5423,9 @@ function Ki({
             type: "button",
             onClick: x,
             className: "inline-flex items-center gap-1 h-7 px-2 rounded-md text-[var(--muted-foreground)] hover:text-[var(--foreground)] hover:bg-[var(--muted)] transition-colors cursor-pointer ml-auto",
-            style: rt,
+            style: lt,
             children: [
-              /* @__PURE__ */ e(le, { size: 12 }),
+              /* @__PURE__ */ e(ie, { size: 12 }),
               "Clear all"
             ]
           }
@@ -5416,15 +5438,15 @@ const Kr = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-button)"
-}, vt = {
+}, xt = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
-}, ze = {
+}, We = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: 400
-}, xe = {
+}, we = {
   sm: "px-3 py-2",
   md: "px-4 py-3",
   lg: "px-5 py-4"
@@ -5439,7 +5461,7 @@ function ol({ width: t }) {
   );
 }
 function al({ columns: t, hidden: r, onToggle: n }) {
-  const [o, l] = j(!1), i = ee(null);
+  const [o, l] = j(!1), i = V(null);
   ne(() => {
     function c(s) {
       i.current && !i.current.contains(s.target) && l(!1);
@@ -5454,7 +5476,7 @@ function al({ columns: t, hidden: r, onToggle: n }) {
         type: "button",
         onClick: () => l((c) => !c),
         className: "inline-flex items-center gap-1.5 h-8 px-3 rounded-lg border border-[var(--border)] bg-[var(--background)] text-[var(--muted-foreground)] hover:bg-[var(--muted)] hover:text-[var(--foreground)] transition-colors cursor-pointer",
-        style: ze,
+        style: We,
         children: [
           /* @__PURE__ */ e(zn, { size: 14 }),
           "Columns"
@@ -5469,7 +5491,7 @@ function al({ columns: t, hidden: r, onToggle: n }) {
           type: "button",
           onClick: () => n(c.key),
           className: "w-full flex items-center justify-between gap-2 px-3 py-2 hover:bg-[var(--muted)] text-[var(--foreground)] transition-colors cursor-pointer",
-          style: ze,
+          style: We,
           children: [
             /* @__PURE__ */ e("span", { children: c.header }),
             s && /* @__PURE__ */ e(me, { size: 13, className: "text-[var(--primary)]" })
@@ -5499,7 +5521,7 @@ function ll({ count: t, actions: r, selectedKeys: n, onClear: o }) {
         type: "button",
         onClick: () => l.onClick(n),
         className: `inline-flex items-center gap-1.5 h-7 px-3 rounded-md border transition-colors cursor-pointer ${l.variant === "destructive" ? "border-[var(--destructive)] text-[var(--destructive)] hover:bg-[var(--destructive)]/10" : "border-[var(--primary)] text-[var(--primary)] hover:bg-[var(--primary)]/10"}`,
-        style: { ...ze, fontWeight: 500 },
+        style: { ...We, fontWeight: 500 },
         children: [
           l.icon,
           l.label
@@ -5514,7 +5536,7 @@ function ll({ count: t, actions: r, selectedKeys: n, onClear: o }) {
         onClick: o,
         className: "text-[var(--muted-foreground)] hover:text-[var(--foreground)] transition-colors cursor-pointer p-1 rounded",
         title: "Clear selection",
-        children: /* @__PURE__ */ e(le, { size: 14 })
+        children: /* @__PURE__ */ e(ie, { size: 14 })
       }
     )
   ] });
@@ -5534,7 +5556,7 @@ function sl({ meta: t, onPageChange: r }) {
   }, [n, i]);
   return /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-4 py-3 border-t border-[var(--border)] flex-wrap gap-3", children: [
     /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ a("span", { className: "text-[var(--muted-foreground)] whitespace-nowrap", style: ze, children: [
+      /* @__PURE__ */ a("span", { className: "text-[var(--muted-foreground)] whitespace-nowrap", style: We, children: [
         d,
         "–",
         c,
@@ -5547,7 +5569,7 @@ function sl({ meta: t, onPageChange: r }) {
           value: o,
           onChange: (f) => r(1, Number(f.target.value)),
           className: "h-7 px-2 rounded-md border border-[var(--border)] bg-[var(--background)] text-[var(--foreground)] focus:outline-none focus:border-[var(--primary)] cursor-pointer",
-          style: ze,
+          style: We,
           children: il.map((f) => /* @__PURE__ */ a("option", { value: f, children: [
             f,
             " / page"
@@ -5557,7 +5579,7 @@ function sl({ meta: t, onPageChange: r }) {
     ] }),
     /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ e(
-        xt,
+        yt,
         {
           disabled: n === 1,
           onClick: () => r(n - 1, o),
@@ -5565,8 +5587,8 @@ function sl({ meta: t, onPageChange: r }) {
         }
       ),
       s.map(
-        (f, h) => f === "..." ? /* @__PURE__ */ e("span", { className: "px-2 text-[var(--muted-foreground)]", style: ze, children: "…" }, `ellipsis-${h}`) : /* @__PURE__ */ e(
-          xt,
+        (f, h) => f === "..." ? /* @__PURE__ */ e("span", { className: "px-2 text-[var(--muted-foreground)]", style: We, children: "…" }, `ellipsis-${h}`) : /* @__PURE__ */ e(
+          yt,
           {
             active: f === n,
             onClick: () => r(f, o),
@@ -5576,7 +5598,7 @@ function sl({ meta: t, onPageChange: r }) {
         )
       ),
       /* @__PURE__ */ e(
-        xt,
+        yt,
         {
           disabled: n === i,
           onClick: () => r(n + 1, o),
@@ -5586,7 +5608,7 @@ function sl({ meta: t, onPageChange: r }) {
     ] })
   ] });
 }
-function xt({
+function yt({
   label: t,
   active: r,
   disabled: n,
@@ -5599,7 +5621,7 @@ function xt({
       onClick: o,
       disabled: n,
       className: `min-w-[28px] h-7 px-2 rounded-md border transition-colors cursor-pointer ${r ? "bg-[var(--primary)] border-[var(--primary)] text-primary-foreground" : n ? "border-transparent text-[var(--muted-foreground)] cursor-not-allowed" : "border-[var(--border)] text-[var(--foreground)] hover:bg-[var(--muted)]"}`,
-      style: { ...ze, fontWeight: r ? 600 : 400 },
+      style: { ...We, fontWeight: r ? 600 : 400 },
       children: t
     }
   );
@@ -5633,8 +5655,8 @@ function Zi({
     new Set(t.filter((T) => T.defaultHidden).map((T) => T.key))
   ), F = Q((T) => {
     M((J) => {
-      const Z = new Set(J);
-      return Z.has(T) ? Z.delete(T) : Z.add(T), Z;
+      const X = new Set(J);
+      return X.has(T) ? X.delete(T) : X.add(T), X;
     });
   }, []), L = se(
     () => t.filter((T) => !W.has(T.key)),
@@ -5642,11 +5664,11 @@ function Zi({
   ), [I, C] = j(/* @__PURE__ */ new Set()), N = f ?? I, S = Q(
     (T) => {
       f || C(T);
-      const J = r.filter((Z) => T.has(Z[n]));
+      const J = r.filter((X) => T.has(X[n]));
       h == null || h(T, J);
     },
     [f, r, n, h]
-  ), A = se(() => r.map((T) => T[n]), [r, n]), E = A.length > 0 && A.every((T) => N.has(T)), O = N.size > 0 && !E, _ = Q(() => {
+  ), A = se(() => r.map((T) => T[n]), [r, n]), E = A.length > 0 && A.every((T) => N.has(T)), R = N.size > 0 && !E, _ = Q(() => {
     S(E ? /* @__PURE__ */ new Set() : new Set(A));
   }, [E, A, S]), B = Q(
     (T) => {
@@ -5654,28 +5676,28 @@ function Zi({
       J.has(T) ? J.delete(T) : J.add(T), S(J);
     },
     [N, S]
-  ), [K, H] = j(/* @__PURE__ */ new Set()), X = Q((T) => {
+  ), [q, H] = j(/* @__PURE__ */ new Set()), K = Q((T) => {
     H((J) => {
-      const Z = new Set(J);
-      return Z.has(T) ? Z.delete(T) : Z.add(T), Z;
+      const X = new Set(J);
+      return X.has(T) ? X.delete(T) : X.add(T), X;
     });
   }, []), ae = Q(
     (T) => {
       c && (l === T ? c(T, i === "asc" ? "desc" : "asc") : c(T, "asc"));
     },
     [l, i, c]
-  ), q = se(() => {
+  ), G = se(() => {
     const T = {};
     let J = 0;
     s && (J += 48), u && (J += 40);
-    for (const Z of L)
-      if (Z.frozen) {
-        T[Z.key] = J;
-        const ue = typeof Z.width == "number" ? Z.width : parseInt(Z.width ?? "120");
+    for (const X of L)
+      if (X.frozen) {
+        T[X.key] = J;
+        const ue = typeof X.width == "number" ? X.width : parseInt(X.width ?? "120");
         J += isNaN(ue) ? 120 : ue;
       }
     return T;
-  }, [L, s, u]), re = L.length + (s ? 1 : 0) + (u ? 1 : 0), P = "sticky z-[2] bg-inherit";
+  }, [L, s, u]), re = L.length + (s ? 1 : 0) + (u ? 1 : 0), Y = "sticky z-[2] bg-inherit";
   return /* @__PURE__ */ a("div", { className: `rounded-[var(--radius-md)] border border-[var(--border)] overflow-hidden ${z}`, children: [
     m && /* @__PURE__ */ e("div", { className: "flex items-center justify-end gap-2 px-4 py-2.5 border-b border-[var(--border)] bg-[var(--background)]", children: /* @__PURE__ */ e(al, { columns: t, hidden: W, onToggle: F }) }),
     s && N.size > 0 && v.length > 0 && /* @__PURE__ */ e(
@@ -5689,32 +5711,32 @@ function Zi({
     ),
     /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ a("table", { className: "w-full border-collapse", style: { minWidth: "100%" }, children: [
       /* @__PURE__ */ e("thead", { className: w ? "sticky top-0 z-10" : "", children: /* @__PURE__ */ a("tr", { className: "border-b border-border", style: { backgroundColor: "color-mix(in srgb, var(--muted) 30%, var(--background) 70%)" }, children: [
-        u && /* @__PURE__ */ e("th", { className: `${xe[y]} w-10` }),
-        s && /* @__PURE__ */ e("th", { className: `${xe[y]} w-12`, children: /* @__PURE__ */ e(
-          ot,
+        u && /* @__PURE__ */ e("th", { className: `${we[y]} w-10` }),
+        s && /* @__PURE__ */ e("th", { className: `${we[y]} w-12`, children: /* @__PURE__ */ e(
+          st,
           {
             size: "sm",
             checked: E,
-            indeterminate: O && !E,
+            indeterminate: R && !E,
             onChange: _
           }
         ) }),
         L.map((T) => {
-          const J = T.frozen && T.key in q, Z = l === T.key;
+          const J = T.frozen && T.key in G, X = l === T.key;
           return /* @__PURE__ */ e(
             "th",
             {
-              className: `${xe[y]} text-${T.align ?? "left"} text-[var(--foreground)] whitespace-nowrap select-none ${T.sortable && c ? "cursor-pointer hover:text-[var(--primary)]" : ""} ${J ? P : ""}`,
+              className: `${we[y]} text-${T.align ?? "left"} text-[var(--foreground)] whitespace-nowrap select-none ${T.sortable && c ? "cursor-pointer hover:text-[var(--primary)]" : ""} ${J ? Y : ""}`,
               style: {
                 ...Kr,
                 width: T.width,
                 minWidth: T.minWidth ?? 80,
-                ...J ? { left: q[T.key], boxShadow: "2px 0 4px rgba(0,0,0,0.04)" } : {}
+                ...J ? { left: G[T.key], boxShadow: "2px 0 4px rgba(0,0,0,0.04)" } : {}
               },
               onClick: () => T.sortable && ae(T.key),
               children: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1", children: [
                 T.header,
-                T.sortable && c && /* @__PURE__ */ e("span", { className: Z ? "text-[var(--primary)]" : "text-[var(--muted-foreground)]/60", children: Z ? i === "asc" ? /* @__PURE__ */ e(Ge, { size: 13 }) : /* @__PURE__ */ e(Me, { size: 13 }) : /* @__PURE__ */ e(Nt, { size: 12 }) })
+                T.sortable && c && /* @__PURE__ */ e("span", { className: X ? "text-[var(--primary)]" : "text-[var(--muted-foreground)]/60", children: X ? i === "asc" ? /* @__PURE__ */ e(Je, { size: 13 }) : /* @__PURE__ */ e(Ie, { size: 13 }) : /* @__PURE__ */ e($t, { size: 12 }) })
               ] })
             },
             T.key
@@ -5722,43 +5744,43 @@ function Zi({
         })
       ] }) }),
       /* @__PURE__ */ a("tbody", { children: [
-        g && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: re, className: `${xe[y]} text-center`, children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2 py-10", children: [
-          /* @__PURE__ */ e(Ie, { size: 32, className: "text-[var(--destructive)] opacity-60" }),
-          /* @__PURE__ */ e("span", { className: "text-[var(--destructive)]", style: vt, children: g })
+        g && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: re, className: `${we[y]} text-center`, children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2 py-10", children: [
+          /* @__PURE__ */ e(Pe, { size: 32, className: "text-[var(--destructive)] opacity-60" }),
+          /* @__PURE__ */ e("span", { className: "text-[var(--destructive)]", style: xt, children: g })
         ] }) }) }),
         !g && p && Array.from({ length: b }).map((T, J) => /* @__PURE__ */ a("tr", { className: "border-b border-[var(--border)] last:border-b-0", children: [
-          u && /* @__PURE__ */ e("td", { className: `${xe[y]} w-10` }),
-          s && /* @__PURE__ */ e("td", { className: `${xe[y]} w-12`, children: /* @__PURE__ */ e("div", { className: "w-4 h-4 rounded bg-muted animate-pulse" }) }),
-          L.map((Z) => /* @__PURE__ */ e("td", { className: `${xe[y]}`, children: /* @__PURE__ */ e(ol, { width: Z.align === "right" ? "60%" : Z.align === "center" ? "50%" : "75%" }) }, Z.key))
+          u && /* @__PURE__ */ e("td", { className: `${we[y]} w-10` }),
+          s && /* @__PURE__ */ e("td", { className: `${we[y]} w-12`, children: /* @__PURE__ */ e("div", { className: "w-4 h-4 rounded bg-muted animate-pulse" }) }),
+          L.map((X) => /* @__PURE__ */ e("td", { className: `${we[y]}`, children: /* @__PURE__ */ e(ol, { width: X.align === "right" ? "60%" : X.align === "center" ? "50%" : "75%" }) }, X.key))
         ] }, `skel-${J}`)),
-        !g && !p && r.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: re, className: `${xe[y]} text-center`, children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2 py-12", children: [
-          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-[var(--muted)] flex items-center justify-center text-[var(--muted-foreground)]", children: /* @__PURE__ */ e(Nt, { size: 20 }) }),
-          /* @__PURE__ */ e("span", { className: "text-[var(--foreground)]", style: vt, children: $ }),
-          k && /* @__PURE__ */ e("span", { className: "text-[var(--muted-foreground)]", style: ze, children: k })
+        !g && !p && r.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: re, className: `${we[y]} text-center`, children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2 py-12", children: [
+          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-[var(--muted)] flex items-center justify-center text-[var(--muted-foreground)]", children: /* @__PURE__ */ e($t, { size: 20 }) }),
+          /* @__PURE__ */ e("span", { className: "text-[var(--foreground)]", style: xt, children: $ }),
+          k && /* @__PURE__ */ e("span", { className: "text-[var(--muted-foreground)]", style: We, children: k })
         ] }) }) }),
         !g && !p && r.map((T, J) => {
-          const Z = T[n], ue = N.has(Z), we = K.has(Z), Te = !!x || !!u;
-          return /* @__PURE__ */ a(pe.Fragment, { children: [
+          const X = T[n], ue = N.has(X), ze = q.has(X), Ye = !!x || !!u;
+          return /* @__PURE__ */ a(ge.Fragment, { children: [
             /* @__PURE__ */ a(
               "tr",
               {
-                className: `group/row border-b border-[var(--border)] last:border-b-0 transition-colors ${ue ? "bg-primary/5" : "bg-[var(--card)] hover:bg-[var(--row-hover-bg)]"} ${Te ? "cursor-pointer" : ""}`,
+                className: `group/row border-b border-[var(--border)] last:border-b-0 transition-colors ${ue ? "bg-primary/5" : "bg-[var(--card)] hover:bg-[var(--row-hover-bg)]"} ${Ye ? "cursor-pointer" : ""}`,
                 onClick: () => {
-                  x == null || x(T), u && X(Z);
+                  x == null || x(T), u && K(X);
                 },
                 children: [
                   u && /* @__PURE__ */ e(
                     "td",
                     {
-                      className: `${xe[y]} w-10 text-center`,
-                      onClick: (G) => {
-                        G.stopPropagation(), X(Z);
+                      className: `${we[y]} w-10 text-center`,
+                      onClick: (Z) => {
+                        Z.stopPropagation(), K(X);
                       },
                       children: /* @__PURE__ */ e(
                         fe,
                         {
                           size: 14,
-                          className: `text-[var(--muted-foreground)] transition-transform mx-auto ${we ? "rotate-90" : ""}`
+                          className: `text-[var(--muted-foreground)] transition-transform mx-auto ${ze ? "rotate-90" : ""}`
                         }
                       )
                     }
@@ -5766,45 +5788,45 @@ function Zi({
                   s && /* @__PURE__ */ e(
                     "td",
                     {
-                      className: `${xe[y]} w-12`,
-                      onClick: (G) => G.stopPropagation(),
+                      className: `${we[y]} w-12`,
+                      onClick: (Z) => Z.stopPropagation(),
                       children: /* @__PURE__ */ e(
-                        ot,
+                        st,
                         {
                           size: "sm",
                           checked: ue,
-                          onChange: () => B(Z)
+                          onChange: () => B(X)
                         }
                       )
                     }
                   ),
-                  L.map((G) => {
-                    const ke = G.frozen && G.key in q, Be = ke ? ue ? "sticky z-[1] bg-primary/5" : "sticky z-[1] bg-[var(--card)] group-hover/row:bg-[var(--row-hover-bg)] transition-colors" : "";
+                  L.map((Z) => {
+                    const Fe = Z.frozen && Z.key in G, Le = Fe ? ue ? "sticky z-[1] bg-primary/5" : "sticky z-[1] bg-[var(--card)] group-hover/row:bg-[var(--row-hover-bg)] transition-colors" : "";
                     return /* @__PURE__ */ e(
                       "td",
                       {
-                        className: `${xe[y]} text-${G.align ?? "left"} text-[var(--foreground)] ${Be}`,
+                        className: `${we[y]} text-${Z.align ?? "left"} text-[var(--foreground)] ${Le}`,
                         style: {
-                          ...vt,
-                          ...ke ? { left: q[G.key], boxShadow: "2px 0 4px rgba(0,0,0,0.04)" } : {}
+                          ...xt,
+                          ...Fe ? { left: G[Z.key], boxShadow: "2px 0 4px rgba(0,0,0,0.04)" } : {}
                         },
-                        children: G.render ? G.render(T[G.key], T, J) : T[G.key]
+                        children: Z.render ? Z.render(T[Z.key], T, J) : T[Z.key]
                       },
-                      G.key
+                      Z.key
                     );
                   })
                 ]
               }
             ),
-            u && we && /* @__PURE__ */ e("tr", { className: "bg-[var(--muted)] border-b border-[var(--border)]", children: /* @__PURE__ */ e("td", { colSpan: re, className: "px-6 py-4", children: u(T) }) })
-          ] }, Z ?? J);
+            u && ze && /* @__PURE__ */ e("tr", { className: "bg-[var(--muted)] border-b border-[var(--border)]", children: /* @__PURE__ */ e("td", { colSpan: re, className: "px-6 py-4", children: u(T) }) })
+          ] }, X ?? J);
         })
       ] })
     ] }) }),
     o && d && !p && !g && /* @__PURE__ */ e(sl, { meta: o, onPageChange: d })
   ] });
 }
-const Ae = [
+const Re = [
   "var(--chart-1, #32a9ff)",
   "var(--chart-2, #22c55e)",
   "var(--chart-3, #f59e0b)",
@@ -5812,24 +5834,24 @@ const Ae = [
   "var(--chart-5, #a855f7)",
   "var(--chart-6, #06b6d4)"
 ];
-function be(t, r) {
-  return t.color ?? Ae[r % Ae.length];
+function pe(t, r) {
+  return t.color ?? Re[r % Re.length];
 }
 const ce = {
   fontFamily: "var(--font-label)",
-  fontSize: "var(--text-caption)",
+  fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
 };
-function At(t, r, n) {
+function Et(t, r, n) {
   return Math.max(r, Math.min(n, t));
 }
-function at(t) {
+function dt(t) {
   const r = Math.max(...t, 0);
   if (r === 0) return 10;
   const n = Math.pow(10, Math.floor(Math.log10(r)));
   return Math.ceil(r / n) * n;
 }
-function Et(t, r) {
+function It(t, r) {
   if (t.length === 0) return "";
   if (!r || t.length < 3)
     return t.map((o, l) => `${l === 0 ? "M" : "L"}${o[0]},${o[1]}`).join(" ");
@@ -5840,7 +5862,7 @@ function Et(t, r) {
   }
   return n;
 }
-function It({
+function Tt({
   x: t,
   y: r,
   label: n,
@@ -5879,9 +5901,9 @@ function dl({
   className: h = ""
 }) {
   mr();
-  const v = ee(null), [x, u] = j(null);
+  const v = V(null), [x, u] = j(null);
   if (!t.length || !t[0].data.length) return null;
-  const p = t[0].data.map((I) => I.label), b = t.flatMap((I) => I.data.map((C) => C.value)), g = at(b), $ = 0, k = { top: 12, right: 16, bottom: o ? 36 : 12, left: l ? 48 : 16 }, m = n ?? 600, y = r, w = m - k.left - k.right, z = y - k.top - k.bottom, W = p.length > 1 ? w / (p.length - 1) : w;
+  const p = t[0].data.map((I) => I.label), b = t.flatMap((I) => I.data.map((C) => C.value)), g = dt(b), $ = 0, k = { top: 12, right: 16, bottom: o ? 36 : 12, left: l ? 48 : 16 }, m = n ?? 600, y = r, w = m - k.left - k.right, z = y - k.top - k.bottom, W = p.length > 1 ? w / (p.length - 1) : w;
   function M(I) {
     return k.left + I * W;
   }
@@ -5940,7 +5962,7 @@ function dl({
             );
           }),
           t.map((I, C) => {
-            const N = be(I, C), S = I.data.map((E, O) => [M(O), F(E.value)]), A = Et(S, f);
+            const N = pe(I, C), S = I.data.map((E, R) => [M(R), F(E.value)]), A = It(S, f);
             return /* @__PURE__ */ a("g", { children: [
               /* @__PURE__ */ e(
                 "path",
@@ -5953,11 +5975,11 @@ function dl({
                   strokeLinejoin: "round"
                 }
               ),
-              s && S.map(([E, O], _) => /* @__PURE__ */ e(
+              s && S.map(([E, R], _) => /* @__PURE__ */ e(
                 "circle",
                 {
                   cx: E,
-                  cy: O,
+                  cy: R,
                   r: 3,
                   fill: "var(--card)",
                   stroke: N,
@@ -5992,9 +6014,9 @@ function dl({
             }
           ),
           x && c && /* @__PURE__ */ e(
-            It,
+            Tt,
             {
-              x: At(M(x.labelIdx) + 8, k.left, m - 180),
+              x: Et(M(x.labelIdx) + 8, k.left, m - 180),
               y: k.top,
               label: p[x.labelIdx],
               items: t.map((I, C) => {
@@ -6002,7 +6024,7 @@ function dl({
                 return {
                   name: I.name,
                   value: ((N = I.data[x.labelIdx]) == null ? void 0 : N.value) ?? 0,
-                  color: be(I, C)
+                  color: pe(I, C)
                 };
               })
             }
@@ -6011,7 +6033,7 @@ function dl({
       }
     ),
     d && t.length > 1 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4 mt-2 justify-center", children: t.map((I, C) => /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5", style: ce, children: [
-      /* @__PURE__ */ e("div", { className: "w-3 h-0.5 rounded-full", style: { backgroundColor: be(I, C) } }),
+      /* @__PURE__ */ e("div", { className: "w-3 h-0.5 rounded-full", style: { backgroundColor: pe(I, C) } }),
       /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: I.name })
     ] }, C)) })
   ] });
@@ -6033,7 +6055,7 @@ function cl({
 }) {
   const x = mr(), [u, p] = j(null);
   if (!t.length || !t[0].data.length) return null;
-  const b = t[0].data.map((N) => N.label), g = t.flatMap((N) => N.data.map((S) => S.value)), $ = at(g), k = 0, m = { top: 12, right: 16, bottom: o ? 36 : 12, left: l ? 48 : 16 }, y = n ?? 600, w = r, z = y - m.left - m.right, W = w - m.top - m.bottom, M = b.length > 1 ? z / (b.length - 1) : z;
+  const b = t[0].data.map((N) => N.label), g = t.flatMap((N) => N.data.map((S) => S.value)), $ = dt(g), k = 0, m = { top: 12, right: 16, bottom: o ? 36 : 12, left: l ? 48 : 16 }, y = n ?? 600, w = r, z = y - m.left - m.right, W = w - m.top - m.bottom, M = b.length > 1 ? z / (b.length - 1) : z;
   function F(N) {
     return m.left + N * M;
   }
@@ -6051,8 +6073,8 @@ function cl({
         onMouseLeave: () => p(null),
         children: [
           /* @__PURE__ */ e("defs", { children: t.map((N, S) => /* @__PURE__ */ a("linearGradient", { id: `${x}-grad-${S}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-            /* @__PURE__ */ e("stop", { offset: "0%", stopColor: be(N, S), stopOpacity: h * 4 }),
-            /* @__PURE__ */ e("stop", { offset: "100%", stopColor: be(N, S), stopOpacity: 0 })
+            /* @__PURE__ */ e("stop", { offset: "0%", stopColor: pe(N, S), stopOpacity: h * 4 }),
+            /* @__PURE__ */ e("stop", { offset: "100%", stopColor: pe(N, S), stopOpacity: 0 })
           ] }, S)) }),
           i && I.map((N, S) => /* @__PURE__ */ e(
             "line",
@@ -6095,11 +6117,11 @@ function cl({
             );
           }),
           t.map((N, S) => {
-            const A = be(N, S), E = N.data.map((B, K) => [F(K), L(B.value)]), O = Et(E, f), _ = O + ` L${E[E.length - 1][0]},${C} L${E[0][0]},${C} Z`;
+            const A = pe(N, S), E = N.data.map((B, q) => [F(q), L(B.value)]), R = It(E, f), _ = R + ` L${E[E.length - 1][0]},${C} L${E[0][0]},${C} Z`;
             return /* @__PURE__ */ a("g", { children: [
               /* @__PURE__ */ e("path", { d: _, fill: `url(#${x}-grad-${S})` }),
-              /* @__PURE__ */ e("path", { d: O, fill: "none", stroke: A, strokeWidth: 2, strokeLinecap: "round" }),
-              s && E.map(([B, K], H) => /* @__PURE__ */ e("circle", { cx: B, cy: K, r: 3, fill: "var(--card)", stroke: A, strokeWidth: 2 }, H))
+              /* @__PURE__ */ e("path", { d: R, fill: "none", stroke: A, strokeWidth: 2, strokeLinecap: "round" }),
+              s && E.map(([B, q], H) => /* @__PURE__ */ e("circle", { cx: B, cy: q, r: 3, fill: "var(--card)", stroke: A, strokeWidth: 2 }, H))
             ] }, S);
           }),
           c && b.map((N, S) => /* @__PURE__ */ e(
@@ -6127,9 +6149,9 @@ function cl({
             }
           ),
           u && /* @__PURE__ */ e(
-            It,
+            Tt,
             {
-              x: At(F(u.labelIdx) + 8, m.left, y - 180),
+              x: Et(F(u.labelIdx) + 8, m.left, y - 180),
               y: m.top,
               label: b[u.labelIdx],
               items: t.map((N, S) => {
@@ -6137,7 +6159,7 @@ function cl({
                 return {
                   name: N.name,
                   value: ((A = N.data[u.labelIdx]) == null ? void 0 : A.value) ?? 0,
-                  color: be(N, S)
+                  color: pe(N, S)
                 };
               })
             }
@@ -6146,7 +6168,7 @@ function cl({
       }
     ),
     d && t.length > 1 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4 mt-2 justify-center", children: t.map((N, S) => /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5", style: ce, children: [
-      /* @__PURE__ */ e("div", { className: "w-3 h-0.5 rounded-full", style: { backgroundColor: be(N, S) } }),
+      /* @__PURE__ */ e("div", { className: "w-3 h-0.5 rounded-full", style: { backgroundColor: pe(N, S) } }),
       /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: N.name })
     ] }, S)) })
   ] });
@@ -6169,12 +6191,12 @@ function ul({
   if (!t.length || !t[0].data.length) return null;
   const u = t[0].data.map((C) => C.label);
   let p;
-  s ? p = at(
+  s ? p = dt(
     u.map((C, N) => t.reduce((S, A) => {
       var E;
       return S + (((E = A.data[N]) == null ? void 0 : E.value) ?? 0);
     }, 0))
-  ) : p = at(t.flatMap((C) => C.data.map((N) => N.value)));
+  ) : p = dt(t.flatMap((C) => C.data.map((N) => N.value)));
   const b = { top: 12, right: 16, bottom: o ? 36 : 12, left: l ? 48 : 16 }, g = n ?? 600, $ = r, k = g - b.left - b.right, m = $ - b.top - b.bottom, y = k / u.length, w = y * 0.2, z = y - w * 2, W = s ? z : z / t.length;
   function M(C) {
     return b.top + m - C / p * m;
@@ -6237,20 +6259,20 @@ function ul({
               let S = b.top + m;
               return /* @__PURE__ */ e("g", { children: t.map((A, E) => {
                 var J;
-                const O = ((J = A.data[N]) == null ? void 0 : J.value) ?? 0, _ = F(O), B = S - _;
+                const R = ((J = A.data[N]) == null ? void 0 : J.value) ?? 0, _ = F(R), B = S - _;
                 S = B;
-                const K = be(A, E), H = E === t.length - 1, X = E === 0, ae = f, q = L(N), re = z, P = _, T = H && X ? `M${q},${B + ae} Q${q},${B} ${q + ae},${B} L${q + re - ae},${B} Q${q + re},${B} ${q + re},${B + ae} L${q + re},${B + P} L${q},${B + P} Z` : H ? `M${q},${B + ae} Q${q},${B} ${q + ae},${B} L${q + re - ae},${B} Q${q + re},${B} ${q + re},${B + ae} L${q + re},${B + P} L${q},${B + P} Z` : `M${q},${B} L${q + re},${B} L${q + re},${B + P} L${q},${B + P} Z`;
-                return /* @__PURE__ */ e("path", { d: T, fill: K }, E);
+                const q = pe(A, E), H = E === t.length - 1, K = E === 0, ae = f, G = L(N), re = z, Y = _, T = H && K ? `M${G},${B + ae} Q${G},${B} ${G + ae},${B} L${G + re - ae},${B} Q${G + re},${B} ${G + re},${B + ae} L${G + re},${B + Y} L${G},${B + Y} Z` : H ? `M${G},${B + ae} Q${G},${B} ${G + ae},${B} L${G + re - ae},${B} Q${G + re},${B} ${G + re},${B + ae} L${G + re},${B + Y} L${G},${B + Y} Z` : `M${G},${B} L${G + re},${B} L${G + re},${B + Y} L${G},${B + Y} Z`;
+                return /* @__PURE__ */ e("path", { d: T, fill: q }, E);
               }) }, N);
             } else
               return /* @__PURE__ */ e("g", { children: t.map((S, A) => {
-                var X;
-                const E = ((X = S.data[N]) == null ? void 0 : X.value) ?? 0, O = F(E), _ = L(N) + A * W, B = M(E), K = be(S, A), H = Math.min(f, W / 2);
+                var K;
+                const E = ((K = S.data[N]) == null ? void 0 : K.value) ?? 0, R = F(E), _ = L(N) + A * W, B = M(E), q = pe(S, A), H = Math.min(f, W / 2);
                 return /* @__PURE__ */ e(
                   "path",
                   {
-                    d: `M${_},${B + H} Q${_},${B} ${_ + H},${B} L${_ + W - H},${B} Q${_ + W},${B} ${_ + W},${B + H} L${_ + W},${B + O} L${_},${B + O} Z`,
-                    fill: K
+                    d: `M${_},${B + H} Q${_},${B} ${_ + H},${B} L${_ + W - H},${B} Q${_ + W},${B} ${_ + W},${B + H} L${_ + W},${B + R} L${_},${B + R} Z`,
+                    fill: q
                   },
                   A
                 );
@@ -6270,9 +6292,9 @@ function ul({
             N
           )),
           v && /* @__PURE__ */ e(
-            It,
+            Tt,
             {
-              x: At(v.x + 8, b.left, g - 180),
+              x: Et(v.x + 8, b.left, g - 180),
               y: b.top,
               label: u[v.labelIdx],
               items: t.map((C, N) => {
@@ -6280,7 +6302,7 @@ function ul({
                 return {
                   name: C.name,
                   value: ((S = C.data[v.labelIdx]) == null ? void 0 : S.value) ?? 0,
-                  color: be(C, N)
+                  color: pe(C, N)
                 };
               })
             }
@@ -6289,7 +6311,7 @@ function ul({
       }
     ),
     d && t.length > 1 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4 mt-2 justify-center", children: t.map((C, N) => /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5", style: ce, children: [
-      /* @__PURE__ */ e("div", { className: "w-2.5 h-2.5 rounded-sm", style: { backgroundColor: be(C, N) } }),
+      /* @__PURE__ */ e("div", { className: "w-2.5 h-2.5 rounded-sm", style: { backgroundColor: pe(C, N) } }),
       /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: C.name })
     ] }, N)) })
   ] });
@@ -6319,7 +6341,7 @@ function fl({
       `L${C},${N}`,
       `A${p},${p} 0 ${E} 0 ${S},${A}`,
       "Z"
-    ].join(" "), color: m.color ?? Ae[y % Ae.length], ratio: w, d: m, i: y };
+    ].join(" "), color: m.color ?? Re[y % Re.length], ratio: w, d: m, i: y };
   }), $ = l ?? h.toLocaleString(), k = s !== null ? t[s] : null;
   return /* @__PURE__ */ a("div", { className: `flex items-center gap-6 ${c}`, children: [
     /* @__PURE__ */ e("div", { className: "relative flex-shrink-0", children: /* @__PURE__ */ a("svg", { width: r, height: r, viewBox: `0 0 ${r} ${r}`, children: [
@@ -6335,7 +6357,7 @@ function fl({
         },
         m.i
       )),
-      n > 0 && /* @__PURE__ */ a(ge, { children: [
+      n > 0 && /* @__PURE__ */ a(ve, { children: [
         /* @__PURE__ */ e(
           "text",
           {
@@ -6354,7 +6376,7 @@ function fl({
             y: x + 12,
             textAnchor: "middle",
             fill: "var(--muted-foreground)",
-            style: { ...ce, fontSize: "12px" },
+            style: { ...ce, fontSize: "var(--text-caption)" },
             children: k ? k.label : o
           }
         )
@@ -6372,7 +6394,7 @@ function fl({
             "div",
             {
               className: "w-2.5 h-2.5 rounded-sm flex-shrink-0",
-              style: { backgroundColor: m.color ?? Ae[y % Ae.length] }
+              style: { backgroundColor: m.color ?? Re[y % Re.length] }
             }
           ),
           /* @__PURE__ */ e("span", { className: "text-foreground", children: m.label }),
@@ -6427,7 +6449,7 @@ function ml({
       i && /* @__PURE__ */ e("span", { style: { ...ce, color: p }, children: t[t.length - 1].toLocaleString() })
     ] });
   }
-  const y = t.map((W, M) => [k(M), m(W)]), w = Et(y, !1), z = w + ` L${y[y.length - 1][0]},${b + $} L${y[0][0]},${b + $} Z`;
+  const y = t.map((W, M) => [k(M), m(W)]), w = It(y, !1), z = w + ` L${y[y.length - 1][0]},${b + $} L${y[0][0]},${b + $} Z`;
   return /* @__PURE__ */ a("div", { className: `inline-flex items-center gap-1.5 ${c}`, children: [
     /* @__PURE__ */ a("svg", { width: n, height: o, viewBox: `0 0 ${n} ${o}`, children: [
       r === "area" && /* @__PURE__ */ e("path", { d: z, fill: p, fillOpacity: 0.15 }),
@@ -6438,11 +6460,11 @@ function ml({
   ] });
 }
 ml.displayName = "MiniSparkline";
-function $e(t) {
+function Se(t) {
   const r = new Date(t);
   return r.setHours(0, 0, 0, 0), r;
 }
-function Se(t) {
+function ke(t) {
   const r = new Date(t);
   return r.setHours(23, 59, 59, 999), r;
 }
@@ -6452,7 +6474,7 @@ const hl = [
     value: "today",
     range: () => {
       const t = /* @__PURE__ */ new Date();
-      return { from: $e(t), to: Se(t) };
+      return { from: Se(t), to: ke(t) };
     }
   },
   {
@@ -6460,7 +6482,7 @@ const hl = [
     value: "yesterday",
     range: () => {
       const t = /* @__PURE__ */ new Date();
-      return t.setDate(t.getDate() - 1), { from: $e(t), to: Se(t) };
+      return t.setDate(t.getDate() - 1), { from: Se(t), to: ke(t) };
     }
   },
   {
@@ -6468,7 +6490,7 @@ const hl = [
     value: "last7",
     range: () => {
       const t = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
-      return r.setDate(r.getDate() - 6), { from: $e(r), to: Se(t) };
+      return r.setDate(r.getDate() - 6), { from: Se(r), to: ke(t) };
     }
   },
   {
@@ -6476,7 +6498,7 @@ const hl = [
     value: "last30",
     range: () => {
       const t = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
-      return r.setDate(r.getDate() - 29), { from: $e(r), to: Se(t) };
+      return r.setDate(r.getDate() - 29), { from: Se(r), to: ke(t) };
     }
   },
   {
@@ -6484,7 +6506,7 @@ const hl = [
     value: "thisMonth",
     range: () => {
       const t = /* @__PURE__ */ new Date(), r = new Date(t.getFullYear(), t.getMonth(), 1), n = new Date(t.getFullYear(), t.getMonth() + 1, 0);
-      return { from: $e(r), to: Se(n) };
+      return { from: Se(r), to: ke(n) };
     }
   },
   {
@@ -6492,7 +6514,7 @@ const hl = [
     value: "lastMonth",
     range: () => {
       const t = /* @__PURE__ */ new Date(), r = new Date(t.getFullYear(), t.getMonth() - 1, 1), n = new Date(t.getFullYear(), t.getMonth(), 0);
-      return { from: $e(r), to: Se(n) };
+      return { from: Se(r), to: ke(n) };
     }
   },
   {
@@ -6514,10 +6536,10 @@ const hl = [
   "November",
   "December"
 ], pl = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function yt(t) {
+function wt(t) {
   return t ? t.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }) : "";
 }
-function wt(t, r) {
+function Nt(t, r) {
   return t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
 }
 function gl(t, r) {
@@ -6533,14 +6555,14 @@ const vl = {
   fontWeight: "var(--weight-p)"
 }, dr = {
   fontFamily: "var(--font-label)",
-  fontSize: "var(--text-caption)",
+  fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
 }, Zr = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-button)"
 }, xl = {
-  sm: "h-8 px-3 text-sm",
+  sm: "h-8 px-3",
   md: "h-10 px-3.5",
   lg: "h-11 px-4"
 };
@@ -6564,7 +6586,7 @@ function cr({
     return u > g && u < $;
   }
   function x(u) {
-    return !!(s && u < $e(s) || f && u > Se(f));
+    return !!(s && u < Se(s) || f && u > ke(f));
   }
   return /* @__PURE__ */ a("div", { className: "select-none flex-1 min-w-0", children: [
     /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-3", children: [
@@ -6574,7 +6596,7 @@ function cr({
           type: "button",
           onClick: d,
           className: "w-7 h-7 flex items-center justify-center rounded-[var(--radius-md)] hover:bg-muted/40 text-muted-foreground cursor-pointer",
-          children: /* @__PURE__ */ e(Fe, { size: 14 })
+          children: /* @__PURE__ */ e(Me, { size: 14 })
         }
       ),
       /* @__PURE__ */ a("span", { className: "text-foreground", style: Zr, children: [
@@ -6594,7 +6616,7 @@ function cr({
     ] }),
     /* @__PURE__ */ e("div", { className: "grid grid-cols-7 mb-1", children: pl.map((u) => /* @__PURE__ */ e("div", { className: "h-8 flex items-center justify-center text-muted-foreground", style: dr, children: u }, u)) }),
     /* @__PURE__ */ e("div", { className: "grid grid-cols-7", children: h.map((u, p) => {
-      const b = u.getMonth() === t, g = n.from ? wt(u, n.from) : !1, $ = n.to ? wt(u, n.to) : o && n.from ? wt(u, o) : !1, k = v(u), m = x(u);
+      const b = u.getMonth() === t, g = n.from ? Nt(u, n.from) : !1, $ = n.to ? Nt(u, n.to) : o && n.from ? Nt(u, o) : !1, k = v(u), m = x(u);
       return /* @__PURE__ */ e(
         "button",
         {
@@ -6629,17 +6651,17 @@ function yl({
   disabled: s = !1,
   className: f = ""
 }) {
-  const h = /* @__PURE__ */ new Date(), [v, x] = j(!1), [u, p] = j({ from: null, to: null }), [b, g] = j(null), [$, k] = j(void 0), [m, y] = j(h.getMonth()), [w, z] = j(h.getFullYear()), [W, M] = j("from"), [F, L] = j({ top: 0, left: 0, width: 0 }), I = ee(null), C = ee(null), N = t ?? u, S = (m + 1) % 12, A = m === 11 ? w + 1 : w;
+  const h = /* @__PURE__ */ new Date(), [v, x] = j(!1), [u, p] = j({ from: null, to: null }), [b, g] = j(null), [$, k] = j(void 0), [m, y] = j(h.getMonth()), [w, z] = j(h.getFullYear()), [W, M] = j("from"), [F, L] = j({ top: 0, left: 0, width: 0 }), I = V(null), C = V(null), N = t ?? u, S = (m + 1) % 12, A = m === 11 ? w + 1 : w;
   ne(() => {
-    function H(X) {
-      I.current && !I.current.contains(X.target) && x(!1);
+    function H(K) {
+      I.current && !I.current.contains(K.target) && x(!1);
     }
     return document.addEventListener("mousedown", H), () => document.removeEventListener("mousedown", H);
   }, []), ne(() => {
     if (!v || !C.current) return;
     const H = () => {
-      const X = C.current.getBoundingClientRect();
-      L({ top: X.bottom + 4, left: X.left, width: X.width });
+      const K = C.current.getBoundingClientRect();
+      L({ top: K.bottom + 4, left: K.left, width: K.width });
     };
     return H(), window.addEventListener("scroll", H, !0), window.addEventListener("resize", H), () => {
       window.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H);
@@ -6650,23 +6672,23 @@ function yl({
       k("custom");
       return;
     }
-    const X = H.range();
-    p(X), r == null || r(X, H.value), k(H.value), x(!1);
+    const K = H.range();
+    p(K), r == null || r(K, H.value), k(H.value), x(!1);
   }
-  function O(H) {
+  function R(H) {
     if (W === "from")
-      p({ from: $e(H), to: null }), M("to");
+      p({ from: Se(H), to: null }), M("to");
     else {
-      const X = u.from, [ae, q] = H >= X ? [X, Se(H)] : [$e(H), Se(X)], re = { from: ae, to: q };
+      const K = u.from, [ae, G] = H >= K ? [K, ke(H)] : [Se(H), ke(K)], re = { from: ae, to: G };
       p(re), r == null || r(re, "custom"), k("custom"), M("from"), x(!1);
     }
   }
   function _(H) {
     H.stopPropagation();
-    const X = { from: null, to: null };
-    p(X), r == null || r(X, void 0), k(void 0);
+    const K = { from: null, to: null };
+    p(K), r == null || r(K, void 0), k(void 0);
   }
-  const B = N.from && N.to ? `${yt(N.from)} – ${yt(N.to)}` : N.from ? `${yt(N.from)} – ...` : "", K = hl.filter((H) => n.includes(H.value));
+  const B = N.from && N.to ? `${wt(N.from)} – ${wt(N.to)}` : N.from ? `${wt(N.from)} – ...` : "", q = hl.filter((H) => n.includes(H.value));
   return /* @__PURE__ */ a("div", { ref: I, className: `relative inline-block ${f}`, children: [
     /* @__PURE__ */ a(
       "button",
@@ -6693,20 +6715,20 @@ function yl({
               onClick: _,
               onKeyDown: (H) => H.key === "Enter" && _(H),
               className: "text-muted-foreground hover:text-foreground transition-colors cursor-pointer flex-shrink-0",
-              children: /* @__PURE__ */ e(le, { size: 12 })
+              children: /* @__PURE__ */ e(ie, { size: 12 })
             }
           )
         ]
       }
     ),
-    v && dt(
+    v && Qe(
       /* @__PURE__ */ a(
         "div",
         {
           className: "fixed z-[9999] bg-card border border-border rounded-[var(--radius-md)] shadow-[0_4px_24px_0_rgba(0,0,0,0.1)] flex overflow-y-auto",
           style: { top: F.top, left: F.left, minWidth: "620px", maxHeight: "calc(100vh - 120px)" },
           children: [
-            /* @__PURE__ */ e("div", { className: "w-36 border-r border-border py-2 flex flex-col gap-0.5 flex-shrink-0", children: K.map((H) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "w-36 border-r border-border py-2 flex flex-col gap-0.5 flex-shrink-0", children: q.map((H) => /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -6729,7 +6751,7 @@ function yl({
                   range: N,
                   hovered: b,
                   onHover: g,
-                  onSelect: O,
+                  onSelect: R,
                   onPrevMonth: () => {
                     m === 0 ? (y(11), z(w - 1)) : y(m - 1);
                   },
@@ -6749,7 +6771,7 @@ function yl({
                   range: N,
                   hovered: b,
                   onHover: g,
-                  onSelect: O,
+                  onSelect: R,
                   onPrevMonth: () => {
                     m === 0 ? (y(11), z(w - 1)) : y(m - 1);
                   },
@@ -6769,21 +6791,21 @@ function yl({
   ] });
 }
 yl.displayName = "DateRangePicker";
-function ye(t) {
+function Ne(t) {
   return String(t).padStart(2, "0");
 }
 function Xr(t, r, n) {
   if (r === "12h") {
     const o = t.hours % 12 || 12, l = t.hours < 12 ? "AM" : "PM";
-    return n ? `${ye(o)}:${ye(t.minutes)}:${ye(t.seconds ?? 0)} ${l}` : `${ye(o)}:${ye(t.minutes)} ${l}`;
+    return n ? `${Ne(o)}:${Ne(t.minutes)}:${Ne(t.seconds ?? 0)} ${l}` : `${Ne(o)}:${Ne(t.minutes)} ${l}`;
   }
-  return n ? `${ye(t.hours)}:${ye(t.minutes)}:${ye(t.seconds ?? 0)}` : `${ye(t.hours)}:${ye(t.minutes)}`;
+  return n ? `${Ne(t.hours)}:${Ne(t.minutes)}:${Ne(t.seconds ?? 0)}` : `${Ne(t.hours)}:${Ne(t.minutes)}`;
 }
 const qr = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-p)"
-}, nt = {
+}, it = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-button)",
@@ -6793,7 +6815,7 @@ const qr = {
   md: "h-10 px-3.5",
   lg: "h-11 px-4"
 };
-function Qe({
+function rt({
   options: t,
   value: r,
   onChange: n,
@@ -6810,10 +6832,10 @@ function Qe({
           n(i);
         },
         className: "text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
-        children: /* @__PURE__ */ e(Ge, { size: 14 })
+        children: /* @__PURE__ */ e(Je, { size: 14 })
       }
     ),
-    /* @__PURE__ */ e("div", { className: "text-foreground w-full text-center px-1 py-1 rounded-[var(--radius-md)] bg-muted/20", style: nt, children: ye(r) }),
+    /* @__PURE__ */ e("div", { className: "text-foreground w-full text-center px-1 py-1 rounded-[var(--radius-md)] bg-muted/20", style: it, children: Ne(r) }),
     /* @__PURE__ */ e(
       "button",
       {
@@ -6823,10 +6845,10 @@ function Qe({
           n(i);
         },
         className: "text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
-        children: /* @__PURE__ */ e(Me, { size: 14 })
+        children: /* @__PURE__ */ e(Ie, { size: 14 })
       }
     ),
-    /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-caption)" }, children: o })
+    /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)" }, children: o })
   ] });
 }
 function Qr({
@@ -6840,7 +6862,7 @@ function Qr({
   disabled: c = !1,
   className: s = ""
 }) {
-  const [f, h] = j(!1), [v, x] = j({ hours: 0, minutes: 0, seconds: 0 }), u = ee(null), p = t ?? v, b = n === "12h" ? Array.from({ length: 12 }, (F, L) => L + 1) : Array.from({ length: 24 }, (F, L) => L), g = Array.from(
+  const [f, h] = j(!1), [v, x] = j({ hours: 0, minutes: 0, seconds: 0 }), u = V(null), p = t ?? v, b = n === "12h" ? Array.from({ length: 12 }, (F, L) => L + 1) : Array.from({ length: 24 }, (F, L) => L), g = Array.from(
     { length: Math.ceil(60 / l) },
     (F, L) => L * l
   ), $ = Array.from({ length: 60 }, (F, L) => L), k = ["AM", "PM"];
@@ -6874,14 +6896,14 @@ function Qr({
         ].join(" "),
         style: qr,
         children: [
-          /* @__PURE__ */ e(Ct, { size: 14, className: "text-muted-foreground flex-shrink-0" }),
+          /* @__PURE__ */ e(jt, { size: 14, className: "text-muted-foreground flex-shrink-0" }),
           /* @__PURE__ */ e("span", { className: w ? "text-foreground" : "text-muted-foreground", children: w ? y : i })
         ]
       }
     ),
     f && /* @__PURE__ */ e("div", { className: "absolute top-full mt-1 z-50 bg-card border border-border rounded-[var(--radius-md)] shadow-[0_4px_24px_0_rgba(0,0,0,0.1)] p-4", children: /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
       n === "12h" ? /* @__PURE__ */ e(
-        Qe,
+        rt,
         {
           options: b,
           value: z,
@@ -6889,7 +6911,7 @@ function Qr({
           label: "Hour"
         }
       ) : /* @__PURE__ */ e(
-        Qe,
+        rt,
         {
           options: b,
           value: p.hours,
@@ -6897,9 +6919,9 @@ function Qr({
           label: "Hour"
         }
       ),
-      /* @__PURE__ */ e("div", { className: "text-muted-foreground text-lg mt-3", style: nt, children: ":" }),
+      /* @__PURE__ */ e("div", { className: "text-muted-foreground text-lg mt-3", style: it, children: ":" }),
       /* @__PURE__ */ e(
-        Qe,
+        rt,
         {
           options: g,
           value: p.minutes,
@@ -6907,10 +6929,10 @@ function Qr({
           label: "Min"
         }
       ),
-      o && /* @__PURE__ */ a(ge, { children: [
-        /* @__PURE__ */ e("div", { className: "text-muted-foreground text-lg mt-3", style: nt, children: ":" }),
+      o && /* @__PURE__ */ a(ve, { children: [
+        /* @__PURE__ */ e("div", { className: "text-muted-foreground text-lg mt-3", style: it, children: ":" }),
         /* @__PURE__ */ e(
-          Qe,
+          rt,
           {
             options: $,
             value: p.seconds ?? 0,
@@ -6930,7 +6952,7 @@ function Qr({
               "px-2 py-1 rounded-[var(--radius-md)] transition-colors",
               F === "AM" === W ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted/30 cursor-pointer"
             ].join(" "),
-            style: nt,
+            style: it,
             children: F
           },
           F
@@ -6952,7 +6974,7 @@ function wl({
   disabled: s = !1,
   className: f = ""
 }) {
-  const [h, v] = j(!1), [x, u] = j(t ?? /* @__PURE__ */ new Date()), p = ee(null), b = t ?? x, g = /* @__PURE__ */ new Date(), [$, k] = j(b.getMonth()), [m, y] = j(b.getFullYear());
+  const [h, v] = j(!1), [x, u] = j(t ?? /* @__PURE__ */ new Date()), p = V(null), b = t ?? x, g = /* @__PURE__ */ new Date(), [$, k] = j(b.getMonth()), [m, y] = j(b.getFullYear());
   ne(() => {
     function S(A) {
       p.current && !p.current.contains(A.target) && v(!1);
@@ -6974,13 +6996,13 @@ function wl({
   function L() {
     const S = [], A = new Date(m, $, 1), E = new Date(A);
     E.setDate(E.getDate() - E.getDay());
-    for (let O = 0; O < 42; O++)
+    for (let R = 0; R < 42; R++)
       S.push(new Date(E)), E.setDate(E.getDate() + 1);
     return S;
   }
   const I = {
     fontFamily: "var(--font-label)",
-    fontSize: "var(--text-caption)",
+    fontSize: "var(--text-label)",
     fontWeight: "var(--weight-label)"
   }, C = {
     fontFamily: "var(--font-label)",
@@ -7006,7 +7028,7 @@ function wl({
         ].join(" "),
         style: qr,
         children: [
-          /* @__PURE__ */ e(Ct, { size: 14, className: "text-muted-foreground flex-shrink-0" }),
+          /* @__PURE__ */ e(jt, { size: 14, className: "text-muted-foreground flex-shrink-0" }),
           /* @__PURE__ */ e("span", { className: "text-foreground", children: N })
         ]
       }
@@ -7022,7 +7044,7 @@ function wl({
                 $ === 0 ? (k(11), y(m - 1)) : k($ - 1);
               },
               className: "w-7 h-7 flex items-center justify-center rounded-[var(--radius-md)] hover:bg-muted/40 text-muted-foreground cursor-pointer",
-              children: /* @__PURE__ */ e(Fe, { size: 14 })
+              children: /* @__PURE__ */ e(Me, { size: 14 })
             }
           ),
           /* @__PURE__ */ a("span", { style: C, children: [
@@ -7044,7 +7066,7 @@ function wl({
         ] }),
         /* @__PURE__ */ e("div", { className: "grid grid-cols-7 mb-1", children: F.map((S) => /* @__PURE__ */ e("div", { className: "text-center text-muted-foreground", style: I, children: S }, S)) }),
         /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-y-0.5", children: L().map((S, A) => {
-          const E = S.getMonth() === $, O = t ? S.toDateString() === t.toDateString() : S.toDateString() === x.toDateString(), _ = S.toDateString() === g.toDateString();
+          const E = S.getMonth() === $, R = t ? S.toDateString() === t.toDateString() : S.toDateString() === x.toDateString(), _ = S.toDateString() === g.toDateString();
           return /* @__PURE__ */ e(
             "button",
             {
@@ -7053,7 +7075,7 @@ function wl({
               className: [
                 "h-7 w-full text-center transition-colors rounded-[var(--radius-md)] cursor-pointer",
                 E ? "" : "text-muted-foreground/40",
-                O ? "bg-primary text-primary-foreground font-semibold" : _ ? "border border-primary text-primary" : "hover:bg-muted/40"
+                R ? "bg-primary text-primary-foreground font-semibold" : _ ? "border border-primary text-primary" : "hover:bg-muted/40"
               ].filter(Boolean).join(" "),
               style: I,
               children: S.getDate()
@@ -7090,15 +7112,15 @@ const Nl = {
   fontWeight: "var(--weight-p)"
 }, Sl = {
   fontFamily: "var(--font-label)",
-  fontSize: "var(--text-caption)",
+  fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
 }, kl = {
   sm: "p-3 gap-2.5 rounded-[var(--radius-md)]",
   md: "p-4 gap-3 rounded-[var(--radius-md)]",
   lg: "p-5 gap-4 rounded-[var(--radius-md)]"
 }, zl = {
-  sm: "w-8 h-8 rounded-[var(--radius-sm)] text-sm",
-  md: "w-10 h-10 rounded-[var(--radius-md)] text-base",
+  sm: "w-8 h-8 rounded-[var(--radius-sm)]",
+  md: "w-10 h-10 rounded-[var(--radius-md)]",
   lg: "w-12 h-12 rounded-[var(--radius-md)] text-lg"
 };
 function Fl({
@@ -7202,7 +7224,7 @@ function Wl({
         i
       ].join(" "),
       role: "group",
-      children: pe.Children.map(l, (d) => pe.isValidElement(d) ? pe.cloneElement(d, {
+      children: ge.Children.map(l, (d) => ge.isValidElement(d) ? ge.cloneElement(d, {
         selected: t === d.props.value,
         onClick: (c) => r == null ? void 0 : r(c),
         layout: n,
@@ -7222,7 +7244,7 @@ const Ml = {
   fontWeight: "var(--weight-p)"
 }, Cl = {
   fontFamily: "var(--font-label)",
-  fontSize: "var(--text-caption)",
+  fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
 }, jl = {
   sm: "p-3",
@@ -7383,7 +7405,7 @@ function _l({
   }, $ = (w, z) => {
     const W = [...x], [M] = W.splice(w, 1);
     W.splice(z, 0, M), u(W);
-  }, k = x.length <= l, m = i !== void 0 && x.length >= i, y = pe.useRef(null);
+  }, k = x.length <= l, m = i !== void 0 && x.length >= i, y = ge.useRef(null);
   return /* @__PURE__ */ a("div", { className: `space-y-2 ${f}`, children: [
     /* @__PURE__ */ a(
       "div",
@@ -7449,7 +7471,7 @@ function _l({
                 s || k ? "text-muted-foreground/30 cursor-not-allowed" : "text-muted-foreground hover:text-destructive hover:bg-destructive/10 cursor-pointer"
               ].join(" "),
               "aria-label": "Remove row",
-              children: /* @__PURE__ */ e($t, { size: 14 })
+              children: /* @__PURE__ */ e(St, { size: 14 })
             }
           )
         ]
@@ -7473,7 +7495,7 @@ function _l({
         ].join(" "),
         style: ur,
         children: [
-          /* @__PURE__ */ e(jt, { size: 14 }),
+          /* @__PURE__ */ e(Dt, { size: 14 }),
           d
         ]
       }
@@ -7483,8 +7505,8 @@ function _l({
 _l.displayName = "RepeatableFieldList";
 const Hl = {
   history: [
-    { cmd: "undo", icon: On, title: "Undo" },
-    { cmd: "redo", icon: Rn, title: "Redo" }
+    { cmd: "undo", icon: Rn, title: "Undo" },
+    { cmd: "redo", icon: On, title: "Redo" }
   ],
   format: [
     { cmd: "bold", icon: Tn, title: "Bold" },
@@ -7510,11 +7532,11 @@ const Hl = {
     { cmd: "createLink", icon: Wn, title: "Insert link" },
     { cmd: "unlink", icon: Mn, title: "Remove link" }
   ]
-}, Ol = {
+}, Rl = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-p)"
-}, Rl = {
+}, Ol = {
   fontFamily: "var(--font-p)",
   fontSize: "var(--text-p)",
   fontWeight: "var(--weight-p)",
@@ -7534,7 +7556,7 @@ function Pl({
   size: f = "md",
   className: h = ""
 }) {
-  const v = ee(null), [x, u] = j(!1), [p, b] = j(/* @__PURE__ */ new Set()), [g, $] = j(!t);
+  const v = V(null), [x, u] = j(!1), [p, b] = j(/* @__PURE__ */ new Set()), [g, $] = j(!t);
   ne(() => {
     v.current && t && v.current.innerHTML !== t && (v.current.innerHTML = t, $(!1));
   }, []);
@@ -7587,7 +7609,7 @@ function Pl({
     !s && /* @__PURE__ */ a("div", { className: "flex items-center gap-0.5 flex-wrap px-2 py-1.5 border-b border-border bg-muted/10", children: [
       i.map((M, F) => {
         const L = Hl[M];
-        return /* @__PURE__ */ a(pe.Fragment, { children: [
+        return /* @__PURE__ */ a(ge.Fragment, { children: [
           F > 0 && /* @__PURE__ */ e("div", { className: "w-px h-5 bg-border mx-1" }),
           L.map((I) => {
             const C = I.icon, N = p.has(I.cmd);
@@ -7612,7 +7634,7 @@ function Pl({
           })
         ] }, M);
       }),
-      d && /* @__PURE__ */ a(ge, { children: [
+      d && /* @__PURE__ */ a(ve, { children: [
         /* @__PURE__ */ e("div", { className: "ml-auto w-px h-5 bg-border mx-1" }),
         /* @__PURE__ */ e(
           "button",
@@ -7631,7 +7653,7 @@ function Pl({
         "div",
         {
           className: "absolute top-0 left-0 pointer-events-none p-4 text-muted-foreground",
-          style: Ol,
+          style: Rl,
           children: n
         }
       ),
@@ -7654,7 +7676,7 @@ function Pl({
             x ? "flex-1" : ""
           ].filter(Boolean).join(" "),
           style: {
-            ...Rl,
+            ...Ol,
             minHeight: x ? void 0 : z,
             maxHeight: x ? void 0 : l
           },
@@ -7665,13 +7687,13 @@ function Pl({
   ] });
 }
 Pl.displayName = "RichTextEditor";
-const Wt = {
+const Mt = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
-}, Ee = {
+}, Oe = {
   fontFamily: "var(--font-label)",
-  fontSize: "var(--text-caption)",
+  fontSize: "var(--text-label)",
   fontWeight: "var(--weight-p)"
 }, Yl = {
   2: "grid-cols-2",
@@ -7686,7 +7708,7 @@ function Gl({
   onClose: n
 }) {
   const [o, l] = j(r), i = t[o], d = () => l((s) => (s - 1 + t.length) % t.length), c = () => l((s) => (s + 1) % t.length);
-  return pe.useEffect(() => {
+  return ge.useEffect(() => {
     function s(f) {
       f.key === "Escape" && n(), f.key === "ArrowLeft" && d(), f.key === "ArrowRight" && c();
     }
@@ -7703,7 +7725,7 @@ function Gl({
             type: "button",
             onClick: n,
             className: "absolute top-4 right-4 w-9 h-9 flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 text-white transition-colors cursor-pointer",
-            children: /* @__PURE__ */ e(le, { size: 16 })
+            children: /* @__PURE__ */ e(ie, { size: 16 })
           }
         ),
         t.length > 1 && /* @__PURE__ */ e(
@@ -7714,7 +7736,7 @@ function Gl({
               s.stopPropagation(), d();
             },
             className: "absolute left-4 w-10 h-10 flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 text-white transition-colors cursor-pointer",
-            children: /* @__PURE__ */ e(Fe, { size: 20 })
+            children: /* @__PURE__ */ e(Me, { size: 20 })
           }
         ),
         /* @__PURE__ */ a("div", { className: "max-w-4xl max-h-[80vh] px-16", onClick: (s) => s.stopPropagation(), children: [
@@ -7726,12 +7748,12 @@ function Gl({
               className: "max-w-full max-h-[70vh] object-contain rounded-[var(--radius-md)]"
             }
           ),
-          i.name && /* @__PURE__ */ a("p", { className: "text-center text-white/70 mt-3", style: Ee, children: [
+          i.name && /* @__PURE__ */ a("p", { className: "text-center text-white/70 mt-3", style: Oe, children: [
             i.name,
             " ",
             i.size ? `· ${i.size}` : ""
           ] }),
-          t.length > 1 && /* @__PURE__ */ a("p", { className: "text-center text-white/40 mt-1", style: Ee, children: [
+          t.length > 1 && /* @__PURE__ */ a("p", { className: "text-center text-white/40 mt-1", style: Oe, children: [
             o + 1,
             " / ",
             t.length
@@ -7780,8 +7802,8 @@ function Vr({
           }
         ) }),
         (n || o) && /* @__PURE__ */ a("div", { className: "min-w-0", children: [
-          n && /* @__PURE__ */ e("div", { className: "truncate text-foreground", style: Wt, children: n }),
-          o && /* @__PURE__ */ e("div", { className: "truncate text-muted-foreground", style: Ee, children: o })
+          n && /* @__PURE__ */ e("div", { className: "truncate text-foreground", style: Mt, children: n }),
+          o && /* @__PURE__ */ e("div", { className: "truncate text-muted-foreground", style: Oe, children: o })
         ] })
       ]
     }
@@ -7803,7 +7825,7 @@ function Ul({
   disabled: v = !1,
   className: x = ""
 }) {
-  const [u, p] = j(f), [b, g] = j(null), $ = pe.useRef(null);
+  const [u, p] = j(f), [b, g] = j(null), $ = ge.useRef(null);
   function k(w) {
     if (v) return;
     if (n.includes(w))
@@ -7820,16 +7842,16 @@ function Ul({
     var z;
     (z = w.target.files) != null && z.length && (c == null || c(w.target.files), w.target.value = "");
   }, [c]);
-  return t.length === 0 && !d ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground border border-dashed border-border rounded-[var(--radius-md)]", children: /* @__PURE__ */ e("span", { style: Wt, children: "No images yet" }) }) : /* @__PURE__ */ a("div", { className: x, children: [
+  return t.length === 0 && !d ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground border border-dashed border-border rounded-[var(--radius-md)]", children: /* @__PURE__ */ e("span", { style: Mt, children: "No images yet" }) }) : /* @__PURE__ */ a("div", { className: x, children: [
     /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-3", children: [
-      /* @__PURE__ */ a("span", { className: "text-muted-foreground", style: Ee, children: [
+      /* @__PURE__ */ a("span", { className: "text-muted-foreground", style: Oe, children: [
         t.length,
         " image",
         t.length !== 1 ? "s" : "",
         r && n.length > 0 && ` · ${n.length} selected`
       ] }),
       /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
-        d && /* @__PURE__ */ a(ge, { children: [
+        d && /* @__PURE__ */ a(ve, { children: [
           /* @__PURE__ */ e(
             "input",
             {
@@ -7851,9 +7873,9 @@ function Ul({
                 return (w = $.current) == null ? void 0 : w.click();
               },
               className: "flex items-center gap-1.5 px-2.5 py-1.5 rounded-[var(--radius-md)] border border-border bg-card hover:bg-muted/20 text-foreground transition-colors cursor-pointer",
-              style: Ee,
+              style: Oe,
               children: [
-                /* @__PURE__ */ e(Ve, { size: 12 }),
+                /* @__PURE__ */ e(nt, { size: 12 }),
                 "Upload"
               ]
             }
@@ -7911,7 +7933,7 @@ function Ul({
                   M.stopPropagation(), s(w.id);
                 },
                 className: "absolute top-1.5 right-1.5 w-6 h-6 flex items-center justify-center rounded-full bg-black/60 text-white opacity-0 group-hover:opacity-100 transition-opacity hover:bg-destructive cursor-pointer",
-                children: /* @__PURE__ */ e($t, { size: 10 })
+                children: /* @__PURE__ */ e(St, { size: 10 })
               }
             )
           ]
@@ -7932,8 +7954,8 @@ function Ul({
           children: [
             /* @__PURE__ */ e(Vr, { src: w.src, alt: w.alt, size: "sm" }),
             /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ e("div", { className: "truncate text-foreground", style: Wt, children: w.name ?? w.alt ?? `Image ${z + 1}` }),
-              w.size && /* @__PURE__ */ e("div", { className: "text-muted-foreground", style: Ee, children: w.size })
+              /* @__PURE__ */ e("div", { className: "truncate text-foreground", style: Mt, children: w.name ?? w.alt ?? `Image ${z + 1}` }),
+              w.size && /* @__PURE__ */ e("div", { className: "text-muted-foreground", style: Oe, children: w.size })
             ] }),
             r && W && /* @__PURE__ */ e("div", { className: "w-5 h-5 rounded-full bg-primary flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(me, { size: 10, className: "text-primary-foreground" }) }),
             s && /* @__PURE__ */ e(
@@ -7944,7 +7966,7 @@ function Ul({
                   M.stopPropagation(), s(w.id);
                 },
                 className: "w-7 h-7 flex items-center justify-center rounded-[var(--radius-md)] text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors cursor-pointer flex-shrink-0",
-                children: /* @__PURE__ */ e($t, { size: 13 })
+                children: /* @__PURE__ */ e(St, { size: 13 })
               }
             )
           ]
@@ -7963,10 +7985,10 @@ function Ul({
   ] });
 }
 Ul.displayName = "ImageGallery";
-const Tt = it(null);
-Tt.displayName = "AppShellContext";
-const Bt = it(null);
-Bt.displayName = "AppShellFullContext";
+const Bt = ut(null);
+Bt.displayName = "AppShellContext";
+const _t = ut(null);
+_t.displayName = "AppShellFullContext";
 function en({
   user: t = null,
   product: r = null,
@@ -7987,7 +8009,7 @@ function en({
     groups: [],
     loading: !1,
     error: null
-  }), $ = ee(0), k = Q(async () => {
+  }), $ = V(0), k = Q(async () => {
     if (!n || !t) {
       g({ groups: [], loading: !1, error: null });
       return;
@@ -8042,11 +8064,11 @@ function en({
       k
     ]
   );
-  return /* @__PURE__ */ e(Bt.Provider, { value: m, children: /* @__PURE__ */ e(Tt.Provider, { value: m, children: d }) });
+  return /* @__PURE__ */ e(_t.Provider, { value: m, children: /* @__PURE__ */ e(Bt.Provider, { value: m, children: d }) });
 }
 en.displayName = "AppShellProvider";
 function Kl() {
-  const t = lt(Tt);
+  const t = ct(Bt);
   if (!t)
     throw new Error(
       "[useAppShell] must be used inside <AppShellProvider>. Wrap your app root with <AppShellProvider user={...} product={...}>."
@@ -8054,7 +8076,7 @@ function Kl() {
   return t;
 }
 function Zl() {
-  const t = lt(Bt);
+  const t = ct(_t);
   if (!t)
     throw new Error(
       "[useAppShellFull] must be used inside <AppShellProvider>."
@@ -8070,7 +8092,7 @@ function qi(t, r) {
     groups: [],
     loading: !1,
     error: null
-  }), l = ee(0), i = Q(async () => {
+  }), l = V(0), i = Q(async () => {
     if (!t || !r) {
       o({ groups: [], loading: !1, error: null });
       return;
@@ -8094,7 +8116,7 @@ function qi(t, r) {
     i();
   }, [i]), { ...n, refresh: i };
 }
-class Xl extends pe.Component {
+class Xl extends ge.Component {
   constructor(r) {
     super(r), this.state = { hasError: !1 };
   }
@@ -8137,7 +8159,7 @@ class Xl extends pe.Component {
     ) : this.props.children;
   }
 }
-function V({ children: t, className: r = "" }) {
+function te({ children: t, className: r = "" }) {
   return t ? /* @__PURE__ */ e("div", { className: r, children: t }) : null;
 }
 function tn({ children: t }) {
@@ -8146,19 +8168,19 @@ function tn({ children: t }) {
 function fr({ p: t }) {
   const r = t.gap ?? "gap-5";
   return /* @__PURE__ */ a("div", { className: `flex flex-col ${r}`, children: [
-    /* @__PURE__ */ e(V, { children: t.header }),
-    /* @__PURE__ */ e(V, { children: t.banner }),
-    /* @__PURE__ */ e(V, { children: t.stats }),
-    /* @__PURE__ */ e(V, { children: t.filters }),
-    /* @__PURE__ */ e(V, { className: "min-h-0", children: t.content }),
-    /* @__PURE__ */ e(V, { children: t.footer })
+    /* @__PURE__ */ e(te, { children: t.header }),
+    /* @__PURE__ */ e(te, { children: t.banner }),
+    /* @__PURE__ */ e(te, { children: t.stats }),
+    /* @__PURE__ */ e(te, { children: t.filters }),
+    /* @__PURE__ */ e(te, { className: "min-h-0", children: t.content }),
+    /* @__PURE__ */ e(te, { children: t.footer })
   ] });
 }
 function ql({ p: t }) {
   const r = t.gap ?? "gap-6", n = t.asideWidth ?? "w-80";
   return /* @__PURE__ */ a("div", { className: `flex flex-col ${r}`, children: [
-    /* @__PURE__ */ e(V, { children: t.header }),
-    /* @__PURE__ */ e(V, { children: t.banner }),
+    /* @__PURE__ */ e(te, { children: t.header }),
+    /* @__PURE__ */ e(te, { children: t.banner }),
     /* @__PURE__ */ a("div", { className: `flex flex-col lg:flex-row ${r} min-h-0`, children: [
       t.asideLeft && /* @__PURE__ */ e("div", { className: `flex-shrink-0 ${n} lg:sticky lg:top-4 lg:max-h-[calc(100vh-5rem)] lg:overflow-y-auto`, children: t.aside }),
       /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 flex flex-col gap-5", children: t.main ?? t.content }),
@@ -8169,19 +8191,19 @@ function ql({ p: t }) {
 function Jl({ p: t }) {
   const r = t.gap ?? "gap-8";
   return /* @__PURE__ */ a("div", { className: `flex flex-col ${r} max-w-3xl`, children: [
-    /* @__PURE__ */ e(V, { children: t.header }),
-    /* @__PURE__ */ e(V, { children: t.banner }),
-    /* @__PURE__ */ e(V, { className: `flex flex-col ${r}`, children: t.sections ?? t.content })
+    /* @__PURE__ */ e(te, { children: t.header }),
+    /* @__PURE__ */ e(te, { children: t.banner }),
+    /* @__PURE__ */ e(te, { className: `flex flex-col ${r}`, children: t.sections ?? t.content })
   ] });
 }
 function Ql({ p: t }) {
   const r = t.gap ?? "gap-6";
   return /* @__PURE__ */ a("div", { className: "flex flex-col min-h-screen", children: [
     /* @__PURE__ */ a("div", { className: `flex flex-col ${r} flex-1 pb-24`, children: [
-      /* @__PURE__ */ e(V, { children: t.header }),
-      /* @__PURE__ */ e(V, { children: t.banner }),
-      /* @__PURE__ */ e(V, { children: t.stepper }),
-      /* @__PURE__ */ e(V, { className: "flex-1", children: t.form ?? t.content })
+      /* @__PURE__ */ e(te, { children: t.header }),
+      /* @__PURE__ */ e(te, { children: t.banner }),
+      /* @__PURE__ */ e(te, { children: t.stepper }),
+      /* @__PURE__ */ e(te, { className: "flex-1", children: t.form ?? t.content })
     ] }),
     /* @__PURE__ */ e(tn, { children: t.actions })
   ] });
@@ -8189,27 +8211,27 @@ function Ql({ p: t }) {
 function Vl({ p: t }) {
   const r = t.gap ?? "gap-6", n = t.primaryChart && t.secondaryCharts;
   return /* @__PURE__ */ a("div", { className: `flex flex-col ${r}`, children: [
-    /* @__PURE__ */ e(V, { children: t.header }),
-    /* @__PURE__ */ e(V, { children: t.banner }),
-    /* @__PURE__ */ e(V, { children: t.kpis ?? t.stats }),
+    /* @__PURE__ */ e(te, { children: t.header }),
+    /* @__PURE__ */ e(te, { children: t.banner }),
+    /* @__PURE__ */ e(te, { children: t.kpis ?? t.stats }),
     n ? /* @__PURE__ */ a("div", { className: `grid grid-cols-1 lg:grid-cols-3 ${r}`, children: [
       /* @__PURE__ */ e("div", { className: "lg:col-span-2", children: t.primaryChart }),
       /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: t.secondaryCharts })
-    ] }) : /* @__PURE__ */ a(ge, { children: [
-      /* @__PURE__ */ e(V, { children: t.primaryChart ?? t.charts }),
-      /* @__PURE__ */ e(V, { children: t.secondaryCharts })
+    ] }) : /* @__PURE__ */ a(ve, { children: [
+      /* @__PURE__ */ e(te, { children: t.primaryChart ?? t.charts }),
+      /* @__PURE__ */ e(te, { children: t.secondaryCharts })
     ] }),
-    /* @__PURE__ */ e(V, { children: t.content ?? t.table }),
-    /* @__PURE__ */ e(V, { children: t.footer })
+    /* @__PURE__ */ e(te, { children: t.content ?? t.table }),
+    /* @__PURE__ */ e(te, { children: t.footer })
   ] });
 }
 function ei({ p: t }) {
   const r = t.gap ?? "gap-6";
   return /* @__PURE__ */ a("div", { className: "flex flex-col min-h-screen", children: [
     /* @__PURE__ */ a("div", { className: `flex flex-col ${r} flex-1 pb-24`, children: [
-      /* @__PURE__ */ e(V, { children: t.header }),
-      /* @__PURE__ */ e(V, { children: t.banner }),
-      /* @__PURE__ */ e(V, { className: "flex-1 max-w-2xl", children: t.form ?? t.content })
+      /* @__PURE__ */ e(te, { children: t.header }),
+      /* @__PURE__ */ e(te, { children: t.banner }),
+      /* @__PURE__ */ e(te, { className: "flex-1 max-w-2xl", children: t.form ?? t.content })
     ] }),
     /* @__PURE__ */ e(tn, { children: t.actions })
   ] });
@@ -8217,17 +8239,17 @@ function ei({ p: t }) {
 function ti({ p: t }) {
   const r = t.gap ?? "gap-6";
   return /* @__PURE__ */ a("div", { className: `flex flex-col ${r}`, children: [
-    /* @__PURE__ */ e(V, { children: t.header }),
-    /* @__PURE__ */ e(V, { children: t.banner }),
+    /* @__PURE__ */ e(te, { children: t.header }),
+    /* @__PURE__ */ e(te, { children: t.banner }),
     /* @__PURE__ */ a("div", { className: "flex items-center justify-between flex-wrap gap-3", children: [
       t.stats && /* @__PURE__ */ e("div", { className: "flex-1", children: t.stats }),
       t.dateRange && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: t.dateRange })
     ] }),
-    /* @__PURE__ */ e(V, { children: t.filters }),
-    /* @__PURE__ */ e(V, { children: t.charts ?? t.primaryChart }),
+    /* @__PURE__ */ e(te, { children: t.filters }),
+    /* @__PURE__ */ e(te, { children: t.charts ?? t.primaryChart }),
     t.secondaryCharts && /* @__PURE__ */ e("div", { className: `grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 ${r}`, children: t.secondaryCharts }),
-    /* @__PURE__ */ e(V, { children: t.table ?? t.content }),
-    /* @__PURE__ */ e(V, { children: t.footer })
+    /* @__PURE__ */ e(te, { children: t.table ?? t.content }),
+    /* @__PURE__ */ e(te, { children: t.footer })
   ] });
 }
 function ri(t) {
@@ -8329,12 +8351,12 @@ function si({
   }, []);
   const F = ii($), L = Q(
     (E) => {
-      const O = $.flatMap((_) => _.items).find((_) => _.id === E.id);
-      O && r && r(O), M(!1);
+      const R = $.flatMap((_) => _.items).find((_) => _.id === E.id);
+      R && r && r(R), M(!1);
     },
     [$, r]
   ), I = /* @__PURE__ */ e(
-    kt,
+    zt,
     {
       brand: b ? { name: b.brand.name } : { name: "Sellsuki" },
       groups: k ? [{ label: "Loading", items: [] }] : F,
@@ -8381,12 +8403,13 @@ function si({
                 transition: "width var(--duration-sidebar, 250ms) var(--easing-default, cubic-bezier(0.4,0,0.2,1))"
               },
               children: k ? /* @__PURE__ */ e("div", { className: "p-4 w-full", children: /* @__PURE__ */ e(tr, { rows: 6 }) }) : m ? /* @__PURE__ */ a("div", { className: "p-3", children: [
-                /* @__PURE__ */ e(Lr, { variant: "error", children: /* @__PURE__ */ e("span", { style: { fontSize: "var(--text-caption)" }, children: "Nav load failed" }) }),
+                /* @__PURE__ */ e(Lr, { variant: "error", children: /* @__PURE__ */ e("span", { style: { fontSize: "var(--text-label)" }, children: "Nav load failed" }) }),
                 /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    className: "mt-2 text-xs text-primary cursor-pointer hover:underline",
+                    className: "mt-2 text-primary cursor-pointer hover:underline",
+                    style: { fontSize: "var(--text-label)" },
                     onClick: y,
                     children: "Retry"
                   }
@@ -8394,7 +8417,7 @@ function si({
               ] }) : I
             }
           ),
-          W && /* @__PURE__ */ a(ge, { children: [
+          W && /* @__PURE__ */ a(ve, { children: [
             /* @__PURE__ */ e(
               "div",
               {
@@ -8408,7 +8431,7 @@ function si({
                 className: "fixed left-0 top-[56px] bottom-0 z-[var(--z-shell-sidebar,90)] w-[240px] bg-card shadow-lg md:hidden overflow-y-auto",
                 style: { transition: "transform var(--duration-sidebar, 250ms) var(--easing-default)" },
                 children: k ? /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(tr, { rows: 6 }) }) : /* @__PURE__ */ e(
-                  kt,
+                  zt,
                   {
                     brand: b ? { name: b.brand.name } : { name: "Sellsuki" },
                     groups: F,
@@ -8544,14 +8567,14 @@ export {
   Ao as CardBody,
   Eo as CardFooter,
   Do as CardHeader,
-  ot as Checkbox,
+  st as Checkbox,
   gi as CheckboxGroup,
   Fl as ChoiceCard,
   Wl as ChoiceCardGroup,
   Fi as ColorPicker,
   wi as ConfirmDialog,
   Xn as DSButton,
-  ot as DSCheckbox,
+  st as DSCheckbox,
   Jn as DSInput,
   vi as DSRadio,
   Si as DSTable,
@@ -8559,7 +8582,7 @@ export {
   yi as DatePicker,
   yl as DateRangePicker,
   wl as DateTimePicker,
-  Ro as Divider,
+  Oo as Divider,
   fl as DonutChart,
   Yo as Drawer,
   Zo as Dropdown,
@@ -8597,7 +8620,7 @@ export {
   li as ScaffoldKPIRow,
   ai as ScaffoldSection,
   $i as SearchField,
-  kt as Sidebar,
+  zt as Sidebar,
   _r as SidebarAccountSwitcher,
   de as Skeleton,
   Ai as SkeletonCard,
@@ -8620,17 +8643,17 @@ export {
   Br as Tooltip,
   Pr as TopNavbar,
   Hi as TransferList,
-  Oi as Tree,
+  Ri as Tree,
   ts as akitaBrandConfig,
   Qi as patonaBrandConfig,
   Ji as sellsukiBrandConfig,
   es as shipmunkBrandConfig,
   Vi as sukispaceBrandConfig,
-  De as toast,
+  He as toast,
   Kl as useAppShell,
   Zl as useAppShellFull,
   Xi as useBreadcrumbs,
-  Ri as useFormField,
+  Oi as useFormField,
   qi as useNavResolver
 };
 //# sourceMappingURL=sellsuki-ds.js.map