@uxuissk/design-system 0.8.5 → 0.8.7

package/dist/sellsuki-ds.js

@@ -42,12 +42,12 @@ const Kn = {
     children: f,
     className: h = "",
     ...v
-  }, x) => {
+  }, y) => {
     const u = s || n;
     return /* @__PURE__ */ e(
       "button",
       {
-        ref: x,
+        ref: y,
         disabled: u,
         className: `inline-flex items-center justify-center rounded-[var(--radius-md)] transition-all duration-150
           ${Kn[r]}
@@ -184,28 +184,28 @@ const Fr = {
     prefix: f,
     suffix: h,
     clearable: v = !1,
-    showPasswordToggle: x = !1,
+    showPasswordToggle: y = !1,
     loading: u = !1,
     fullWidth: p = !0,
     required: b = !1,
-    showCount: g = !1,
+    showCount: x = !1,
     onClear: $,
-    disabled: k,
+    disabled: S,
     type: m = "text",
-    value: y,
+    value: g,
     defaultValue: w,
     onChange: z,
     className: W = "",
     ...M
   }, F) => {
-    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(
+    const [L, E] = j(!1), [C, N] = j(!1), [k, A] = j(w ?? ""), I = g !== void 0 ? g : k, _ = String(I).length, H = M.maxLength, B = Fr[l], q = Wr[i], R = 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 || $();
-    }, [$]), Y = String(E).length > 0;
+    }, [$]), Y = String(I).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,
@@ -217,10 +217,10 @@ const Fr = {
           className: `flex items-center rounded-[var(--radius-md)] transition-all duration-150
             ${B.wrapper}
             ${q.base}
-            ${k ? "" : q.hover}
-            ${L && !k ? q.focus : ""}
-            ${k ? "opacity-50 cursor-not-allowed" : ""}
-            ${Mr[H]}
+            ${S ? "" : q.hover}
+            ${L && !S ? q.focus : ""}
+            ${S ? "opacity-50 cursor-not-allowed" : ""}
+            ${Mr[R]}
           `,
           children: [
             c && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-muted-foreground", children: c }),
@@ -230,18 +230,18 @@ const Fr = {
               {
                 ref: F,
                 type: ae,
-                disabled: k || u,
-                value: E,
+                disabled: S || u,
+                value: I,
                 onChange: G,
-                onFocus: () => I(!0),
-                onBlur: () => I(!1),
+                onFocus: () => E(!0),
+                onBlur: () => E(!1),
                 className: "flex-1 min-w-0 bg-transparent border-none outline-none text-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed",
                 style: B.textStyle,
                 ...M
               }
             ),
             h && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-muted-foreground", style: ot, children: h }),
-            v && Y && !k && /* @__PURE__ */ e(
+            v && Y && !S && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -250,7 +250,7 @@ const Fr = {
                 children: /* @__PURE__ */ e(ie, { size: B.icon - 2 })
               }
             ),
-            K && x && /* @__PURE__ */ e(
+            K && y && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -264,18 +264,18 @@ const Fr = {
           ]
         }
       ),
-      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,
+      x && H && /* @__PURE__ */ a("div", { className: "flex justify-end mt-1", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", color: _ >= H ? "var(--destructive)" : "var(--muted-foreground)" }, children: [
+        _,
         " / ",
-        _
+        H
       ] }),
       (r || n || o) && /* @__PURE__ */ a("div", { className: "mt-1.5 flex items-center gap-1", children: [
-        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" }),
+        R === "error" && /* @__PURE__ */ e(Pe, { size: 12, className: "text-destructive flex-shrink-0" }),
+        R === "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"}`,
+            className: `${R === "error" ? "text-destructive" : R === "success" ? "text-chart-2" : "text-muted-foreground"}`,
             style: ot,
             children: n || o || r
           }
@@ -299,14 +299,14 @@ const Qn = Xe(
     required: f = !1,
     disabled: h,
     value: v,
-    defaultValue: x,
+    defaultValue: y,
     onChange: u,
     className: p = "",
     ...b
-  }, g) => {
-    const [$, k] = j(!1), [m, y] = j(String(x ?? "").length), w = Fr[l], z = Wr[i], W = n ? "error" : d, M = Q(
+  }, x) => {
+    const [$, S] = j(!1), [m, g] = j(String(y ?? "").length), w = Fr[l], z = Wr[i], W = n ? "error" : d, M = Q(
       (F) => {
-        y(F.target.value.length), u == null || u(F);
+        g(F.target.value.length), u == null || u(F);
       },
       [u]
     );
@@ -329,14 +329,14 @@ const Qn = Xe(
             /* @__PURE__ */ e(
               "textarea",
               {
-                ref: g,
+                ref: x,
                 disabled: h,
                 value: v,
-                defaultValue: x,
+                defaultValue: y,
                 maxLength: s,
                 onChange: M,
-                onFocus: () => k(!0),
-                onBlur: () => k(!1),
+                onFocus: () => S(!0),
+                onBlur: () => S(!1),
                 className: "w-full min-h-[100px] px-3 py-2.5 bg-transparent border-none outline-none text-foreground placeholder:text-muted-foreground resize-y disabled:cursor-not-allowed",
                 style: w.textStyle,
                 ...b
@@ -532,10 +532,10 @@ function st({
   className: f = "",
   id: h
 }) {
-  const [v, x] = j(n), u = t ?? v, p = oo[d], b = h ?? `cb-${ge.useId()}`, g = () => {
+  const [v, y] = j(n), u = t ?? v, p = oo[d], b = h ?? `cb-${ge.useId()}`, x = () => {
     if (c) return;
-    const k = !u;
-    t === void 0 && x(k), o == null || o(k);
+    const S = !u;
+    t === void 0 && y(S), o == null || o(S);
   }, $ = u || r;
   return /* @__PURE__ */ a("div", { className: `inline-flex items-start gap-2.5 ${c ? "opacity-50" : ""} ${f}`, children: [
     /* @__PURE__ */ e(
@@ -545,7 +545,7 @@ function st({
         role: "checkbox",
         "aria-checked": r ? "mixed" : u,
         disabled: c,
-        onClick: g,
+        onClick: x,
         className: `${p.box} flex-shrink-0 rounded-[var(--radius-sm)] border-2 transition-all flex items-center justify-center cursor-pointer mt-0.5
           ${$ ? "bg-primary border-primary text-primary-foreground" : s ? "border-destructive bg-card" : "border-border bg-card hover:border-primary/50"}
           ${c ? "!cursor-not-allowed" : ""}
@@ -560,7 +560,7 @@ function st({
           htmlFor: b,
           className: `text-foreground block cursor-pointer ${c ? "!cursor-not-allowed" : ""}`,
           style: p.labelStyle,
-          onClick: g,
+          onClick: x,
           children: l
         }
       ),
@@ -641,8 +641,8 @@ function xi({
   error: f,
   className: h = ""
 }) {
-  const [v, x] = j(n), u = r ?? v, p = (b) => {
-    r === void 0 && x(b), o == null || o(b);
+  const [v, y] = j(n), u = r ?? v, p = (b) => {
+    r === void 0 && y(b), o == null || o(b);
   };
   return /* @__PURE__ */ e(jr.Provider, { value: { value: u, onChange: p, size: i, disabled: d, name: t }, children: /* @__PURE__ */ a("fieldset", { className: h, role: "radiogroup", children: [
     l && /* @__PURE__ */ e("legend", { className: "text-foreground mb-2 block", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-button)" }, children: l }),
@@ -748,32 +748,32 @@ function yi({
   successMessage: f,
   size: h = "md",
   variant: v = "default",
-  state: x = "default",
+  state: y = "default",
   disabled: u = !1,
   required: p = !1,
   clearable: b = !1,
-  showTime: g = !1,
+  showTime: x = !1,
   minDate: $,
-  maxDate: k,
+  maxDate: S,
   disabledDates: m,
-  showToday: y = !0,
+  showToday: g = !0,
   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), [R, _] = j(() => t ? t.getMinutes() : 0), B = V(null), q = V(null), H = V(null), [K, ae] = j(null), G = so[h];
+  const [W, M] = j(!1), [F, L] = j(() => t ?? /* @__PURE__ */ new Date()), [E, C] = j("days"), [N, k] = j(null), [A, I] = j(() => t ? t.getHours() : 0), [_, H] = j(() => t ? t.getMinutes() : 0), B = V(null), q = V(null), R = V(null), [K, ae] = j(null), G = so[h];
   ne(() => {
     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;
+      const ee = q.current.getBoundingClientRect(), ye = l === "range" ? 560 : 300, oe = x ? 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(() => {
+  }, [W, l, x]), 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;
+      const ye = ee.target, oe = ((be = B.current) == null ? void 0 : be.contains(ye)) ?? !1, je = ((De = R.current) == null ? void 0 : De.contains(ye)) ?? !1;
       !oe && !je && (M(!1), C("days"));
     }
     return W && document.addEventListener("mousedown", O), () => document.removeEventListener("mousedown", O);
@@ -783,31 +783,31 @@ function yi({
   );
   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 (!Zt(O, $, S, m))
         if (l === "single") {
           let ee = new Date(O);
-          g && ee.setHours(A, R), n == null || n(ee), g || (M(!1), C("days"));
+          x && ee.setHours(A, _), n == null || n(ee), x || (M(!1), C("days"));
         } else {
           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, R]
+    [l, n, o, r, $, S, m, x, A, _]
   ), 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"));
+      x && ee.setHours(A, _), n == null || n(ee), x || (M(!1), C("days"));
     }
   }, Z = () => {
     if (t) {
       const O = new Date(t);
-      O.setHours(A, R), n == null || n(O);
+      O.setHours(A, _), n == null || n(O);
     }
     M(!1), C("days");
-  }, 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 = {
+  }, Fe = se(() => l === "single" ? et(t, x) : r != null && r.start && (r != null && r.end) ? `${et(r.start)} – ${et(r.end)}` : r != null && r.start ? `${et(r.start)} – ...` : "", [l, t, r, x]), Le = l === "single" ? !!t : !!(r != null && r.start || r != null && r.end), xe = y === "error" ? /* @__PURE__ */ e(Pe, { size: G.icon, className: "text-destructive flex-shrink-0" }) : y === "success" ? /* @__PURE__ */ e($e, { size: G.icon, className: "text-chart-2 flex-shrink-0" }) : null, Te = y === "error" ? s : y === "success" ? f : c, Ve = y === "error" ? "text-destructive" : y === "success" ? "text-chart-2" : "text-muted-foreground", mt = {
     fontFamily: "var(--font-label)",
     fontSize: "var(--text-label)",
     fontWeight: "var(--weight-label)"
@@ -836,7 +836,7 @@ function yi({
           w-full flex items-center gap-2 rounded-[var(--radius-md)] transition-all cursor-pointer
           ${G.trigger}
           ${co[v]}
-          ${uo[x]}
+          ${uo[y]}
           ${u ? "opacity-50 cursor-not-allowed" : "hover:border-primary/50"}
         `,
         style: G.text,
@@ -860,7 +860,7 @@ function yi({
       /* @__PURE__ */ a(
         "div",
         {
-          ref: H,
+          ref: R,
           className: "bg-popover border border-border rounded-[var(--radius-md)] shadow-elevation-sm overflow-hidden",
           style: {
             position: "fixed",
@@ -879,7 +879,7 @@ function yi({
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => C(I === "months" ? "days" : "months"),
+                    onClick: () => C(E === "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()]
@@ -888,7 +888,7 @@ function yi({
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => C(I === "years" ? "days" : "years"),
+                    onClick: () => C(E === "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()
@@ -900,7 +900,7 @@ function yi({
                 /* @__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) => {
+            E === "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: [
@@ -919,7 +919,7 @@ function yi({
                 )) }),
                 /* @__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(
+                  const be = Zt(oe, $, S, 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
@@ -928,7 +928,7 @@ function yi({
                     "button",
                     {
                       onClick: () => ue(oe),
-                      onMouseEnter: () => l === "range" && S(oe),
+                      onMouseEnter: () => l === "range" && k(oe),
                       disabled: be,
                       className: `
                               ${G.cell} flex items-center justify-center rounded-[var(--radius-sm)] transition-all cursor-pointer
@@ -945,7 +945,7 @@ function yi({
                 }) })
               ] }, O);
             }) }),
-            I === "months" && /* @__PURE__ */ e("div", { className: "p-3 grid grid-cols-3 gap-2", children: bt.map((O, ee) => /* @__PURE__ */ e(
+            E === "months" && /* @__PURE__ */ e("div", { className: "p-3 grid grid-cols-3 gap-2", children: bt.map((O, ee) => /* @__PURE__ */ e(
               "button",
               {
                 onClick: () => {
@@ -960,7 +960,7 @@ function yi({
               },
               O
             )) }),
-            I === "years" && /* @__PURE__ */ a("div", { className: "p-3", children: [
+            E === "years" && /* @__PURE__ */ a("div", { className: "p-3", children: [
               /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-3", children: [
                 /* @__PURE__ */ e(
                   "button",
@@ -1001,7 +1001,7 @@ function yi({
                 O
               )) })
             ] }),
-            g && l === "single" && I === "days" && /* @__PURE__ */ a("div", { className: "px-4 py-3 border-t border-border flex items-center gap-3", children: [
+            x && l === "single" && E === "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(
@@ -1011,7 +1011,7 @@ function yi({
                     min: 0,
                     max: 23,
                     value: String(A).padStart(2, "0"),
-                    onChange: (O) => E(Math.max(0, Math.min(23, Number(O.target.value)))),
+                    onChange: (O) => I(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
                   }
@@ -1023,8 +1023,8 @@ function yi({
                     type: "number",
                     min: 0,
                     max: 59,
-                    value: String(R).padStart(2, "0"),
-                    onChange: (O) => _(Math.max(0, Math.min(59, Number(O.target.value)))),
+                    value: String(_).padStart(2, "0"),
+                    onChange: (O) => H(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
                   }
@@ -1041,7 +1041,7 @@ function yi({
               )
             ] }),
             /* @__PURE__ */ a("div", { className: "px-4 py-2.5 border-t border-border bg-card flex items-center justify-between", children: [
-              y ? /* @__PURE__ */ e(
+              g ? /* @__PURE__ */ e(
                 "button",
                 {
                   onClick: Ye,
@@ -1091,8 +1091,8 @@ function mo({
   const h = V(null);
   return ne(() => {
     if (!t) return;
-    const v = (x) => {
-      x.key === "Escape" && r();
+    const v = (y) => {
+      y.key === "Escape" && r();
     };
     return document.addEventListener("keydown", v), document.body.style.overflow = "hidden", () => {
       document.removeEventListener("keydown", v), document.body.style.overflow = "";
@@ -1233,13 +1233,13 @@ function po(t, r, n) {
     const l = Math.max(t - n, 1), i = Math.min(t + n, r), d = l > 2, c = i < r - 1;
     if (!d && c) {
       const f = 3 + 2 * n;
-      return [...Array.from({ length: f }, (v, x) => x + 1), "dots-right", r];
+      return [...Array.from({ length: f }, (v, y) => y + 1), "dots-right", r];
     }
     if (d && !c) {
       const f = 3 + 2 * n;
       return [1, "dots-left", ...Array.from(
         { length: f },
-        (v, x) => r - f + x + 1
+        (v, y) => r - f + y + 1
       )];
     }
     return [1, "dots-left", ...Array.from(
@@ -1261,22 +1261,22 @@ function Ni({
   onPageSizeChange: f,
   totalItems: h,
   size: v = "md",
-  variant: x = "default",
+  variant: y = "default",
   disabled: u = !1,
   showPageInfo: p = !1,
   showItemsInfo: b = !1,
-  prevLabel: g,
+  prevLabel: x,
   nextLabel: $
 }) {
-  const k = po(t, r, o), m = ho[v], y = bo[x], w = Q(
+  const S = po(t, r, o), m = ho[v], g = bo[y], w = Q(
     (L) => {
       !u && L >= 1 && L <= r && n(L);
     },
     [u, r, n]
-  ), z = (L, I) => `inline-flex items-center justify-center rounded-[var(--radius-md)] transition-all cursor-pointer select-none
+  ), z = (L, E) => `inline-flex items-center justify-center rounded-[var(--radius-md)] transition-all cursor-pointer select-none
      ${m.btn}
-     ${I ? "opacity-40 pointer-events-none cursor-default" : ""}
-     ${L ? y.active : `${y.base} ${I ? "" : y.hover}`}`, W = h ? (t - 1) * s + 1 : 0, M = h ? Math.min(t * s, h) : 0, F = {
+     ${E ? "opacity-40 pointer-events-none cursor-default" : ""}
+     ${L ? g.active : `${g.base} ${E ? "" : g.hover}`}`, W = h ? (t - 1) * s + 1 : 0, M = h ? Math.min(t * s, h) : 0, F = {
     fontFamily: "var(--font-label)",
     fontSize: "var(--text-label)",
     fontWeight: "var(--weight-label)"
@@ -1336,10 +1336,10 @@ function Ni({
               className: z(!1, u || t <= 1),
               style: m.text,
               "aria-label": "Previous page",
-              children: g ?? /* @__PURE__ */ e(Me, { size: m.icon })
+              children: x ?? /* @__PURE__ */ e(Me, { size: m.icon })
             }
           ),
-          k.map((L, I) => L === "dots-left" || L === "dots-right" ? /* @__PURE__ */ e(
+          S.map((L, E) => L === "dots-left" || L === "dots-right" ? /* @__PURE__ */ e(
             "span",
             {
               className: `inline-flex items-center justify-center text-muted-foreground ${m.btn}`,
@@ -1416,23 +1416,23 @@ function $i({
   clearable: f = !0,
   disabled: h = !1,
   autoFocus: v = !1,
-  debounce: x = 0,
+  debounce: y = 0,
   className: u = ""
 }) {
-  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);
+  const [p, b] = j(""), [x, $] = j(!1), [S, m] = j(-1), g = 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), y > 0 && (clearTimeout(W.current), W.current = setTimeout(() => n == null ? void 0 : n(N), y));
+  }, [t, r, n, y]), L = (N) => {
+    N.key === "Enter" ? S >= 0 && c[S] ? (s == null || s(c[S]), $(!1)) : n == null || n(g) : N.key === "ArrowDown" ? (N.preventDefault(), m((k) => Math.min(k + 1, c.length - 1))) : N.key === "ArrowUp" ? (N.preventDefault(), m((k) => Math.max(k - 1, -1))) : N.key === "Escape" && $(!1);
   };
   ne(() => {
-    const N = (S) => {
-      z.current && !z.current.contains(S.target) && $(!1);
+    const N = (k) => {
+      z.current && !z.current.contains(k.target) && $(!1);
     };
     return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
   }, []), ne(() => {
-    $(c.length > 0 && y.length > 0), m(-1);
-  }, [c, y]);
-  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)" };
+    $(c.length > 0 && g.length > 0), m(-1);
+  }, [c, g]);
+  const E = { 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(qe, { size: M.icon }) }),
@@ -1441,10 +1441,10 @@ function $i({
         {
           ref: w,
           type: "text",
-          value: y,
+          value: g,
           onChange: (N) => F(N.target.value),
           onKeyDown: L,
-          onFocus: () => c.length > 0 && y.length > 0 && $(!0),
+          onFocus: () => c.length > 0 && g.length > 0 && $(!0),
           placeholder: o,
           disabled: h,
           autoFocus: v,
@@ -1454,7 +1454,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(Ze, { size: M.icon, className: "animate-spin text-muted-foreground" }),
-        f && y && !d && /* @__PURE__ */ e(
+        f && g && !d && /* @__PURE__ */ e(
           "button",
           {
             onClick: () => {
@@ -1467,18 +1467,18 @@ function $i({
         )
       ] })
     ] }),
-    g && c.length > 0 && /* @__PURE__ */ e("div", { className: "absolute top-full left-0 right-0 mt-1 bg-popover border border-border rounded-[var(--radius-md)] shadow-elevation-sm z-50 overflow-hidden max-h-64 overflow-y-auto", style: { padding: "var(--Spacing--Spacing-sm)" }, children: c.map((N, S) => /* @__PURE__ */ a(
+    x && c.length > 0 && /* @__PURE__ */ e("div", { className: "absolute top-full left-0 right-0 mt-1 bg-popover border border-border rounded-[var(--radius-md)] shadow-elevation-sm z-50 overflow-hidden max-h-64 overflow-y-auto", style: { padding: "var(--Spacing--Spacing-sm)" }, children: c.map((N, k) => /* @__PURE__ */ a(
       "button",
       {
         onClick: () => {
           s == null || s(N), $(!1);
         },
-        className: `w-full text-left flex items-center rounded-[var(--radius-sm)] transition-colors cursor-pointer ${S === k ? "bg-[var(--Colors--Background--bg-brand-secondary)]" : "hover:bg-[var(--Colors--Background--bg-primary_hover)]"}`,
+        className: `w-full text-left flex items-center rounded-[var(--radius-sm)] transition-colors cursor-pointer ${k === S ? "bg-[var(--Colors--Background--bg-brand-secondary)]" : "hover:bg-[var(--Colors--Background--bg-primary_hover)]"}`,
         style: { padding: "var(--Spacing--Spacing-md) var(--Spacing--Spacing-2xl)", gap: "var(--Spacing--Spacing-lg)" },
         children: [
           N.icon && /* @__PURE__ */ e("span", { className: "text-muted-foreground flex-shrink-0", children: N.icon }),
           /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ e("span", { className: "text-foreground block truncate", style: I, children: N.label }),
+            /* @__PURE__ */ e("span", { className: "text-foreground block truncate", style: E, children: N.label }),
             N.description && /* @__PURE__ */ e("span", { className: "text-muted-foreground block truncate", style: { marginTop: "var(--Spacing--Spacing-xxs)", ...C }, children: N.description })
           ] })
         ]
@@ -1505,42 +1505,42 @@ function Si({
   loading: f = !1,
   error: h,
   emptyMessage: v = "No data available",
-  stickyHeader: x = !1,
+  stickyHeader: y = !1,
   flush: u = !1,
   className: p = ""
 }) {
-  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 R = A[b], _ = E[b];
-    if (R == null) return 1;
-    if (_ == null) return -1;
-    const B = typeof R == "string" ? R.localeCompare(_) : R - _;
+  const [b, x] = j(null), [$, S] = j("asc"), [m, g] = j(/* @__PURE__ */ new Set()), w = c ?? m, z = (A) => {
+    c || g(A), s == null || s(A);
+  }, W = se(() => b ? [...r].sort((A, I) => {
+    const _ = A[b], H = I[b];
+    if (_ == null) return 1;
+    if (H == null) return -1;
+    const B = typeof _ == "string" ? _.localeCompare(H) : _ - H;
     return $ === "asc" ? B : -B;
   }) : r, [r, b, $]), M = (A) => {
-    b === A ? k((E) => E === "asc" ? "desc" : "asc") : (g(A), k("asc"));
-  }, F = r.length > 0 && w.size === r.length, L = w.size > 0 && !F, I = () => {
-    z(F ? /* @__PURE__ */ new Set() : new Set(r.map((A, E) => E)));
+    b === A ? S((I) => I === "asc" ? "desc" : "asc") : (x(A), S("asc"));
+  }, F = r.length > 0 && w.size === r.length, L = w.size > 0 && !F, E = () => {
+    z(F ? /* @__PURE__ */ new Set() : new Set(r.map((A, I) => I)));
   }, C = (A) => {
-    const E = new Set(w);
-    E.has(A) ? E.delete(A) : E.add(A), z(E);
-  }, 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)" };
+    const I = new Set(w);
+    I.has(A) ? I.delete(A) : I.add(A), z(I);
+  }, N = { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }, k = { 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: [
+    /* @__PURE__ */ e("thead", { className: y ? "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: `${Ee[n]} w-12`, children: /* @__PURE__ */ e(
         st,
         {
           size: "sm",
           checked: F,
           indeterminate: L,
-          onChange: I
+          onChange: E
         }
       ) }),
       t.map((A) => /* @__PURE__ */ e(
         "th",
         {
           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 },
+          style: { ...k, width: A.width },
           onClick: () => A.sortable && M(A.key),
           children: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1", children: [
             A.header,
@@ -1553,33 +1553,33 @@ function Si({
     /* @__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: `${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);
+    ] }) }) }) : 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, I) => {
+      const _ = w.has(I);
       return /* @__PURE__ */ a(
         "tr",
         {
-          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)]" : ""}`,
+          className: `border-b border-border last:border-b-0 transition-colors ${_ ? "bg-primary/5" : o && I % 2 === 1 ? "bg-muted/20" : "bg-card"} ${l ? "hover:bg-[var(--row-hover-bg)]" : ""}`,
           children: [
             d && /* @__PURE__ */ e("td", { className: `${Ee[n]} w-12`, children: /* @__PURE__ */ e(
               st,
               {
                 size: "sm",
-                checked: R,
-                onChange: () => C(E)
+                checked: _,
+                onChange: () => C(I)
               }
             ) }),
-            t.map((_) => /* @__PURE__ */ e(
+            t.map((H) => /* @__PURE__ */ e(
               "td",
               {
-                className: `${Ee[n]} text-${_.align ?? "left"} text-foreground ${i ? "border-x border-border first:border-l-0 last:border-r-0" : ""}`,
+                className: `${Ee[n]} text-${H.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]
+                children: H.render ? H.render(A[H.key], A, I) : A[H.key]
               },
-              _.key
+              H.key
             ))
           ]
         },
-        E
+        I
       );
     }) })
   ] }) }) });
@@ -1590,18 +1590,18 @@ const xo = {
   lg: { fontFamily: "var(--font-label)", fontSize: "var(--text-h4)", fontWeight: "var(--weight-p)", padding: "10px 20px" }
 };
 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 = V(null), [x, u] = j({ left: 0, width: 0 }), p = (y) => {
-    l || f(y), i == null || i(y);
+  var S, m;
+  const [s, f] = j(o ?? ((S = t[0]) == null ? void 0 : S.id) ?? ""), h = l ?? s, v = V(null), [y, u] = j({ left: 0, width: 0 }), p = (g) => {
+    l || f(g), i == null || i(g);
   };
   ne(() => {
     if (r !== "underline" && r !== "default") return;
-    const y = v.current;
-    if (!y) return;
-    const w = y.querySelector(`[data-tab-id="${h}"]`);
+    const g = v.current;
+    if (!g) return;
+    const w = g.querySelector(`[data-tab-id="${h}"]`);
     w && u({ left: w.offsetLeft, width: w.offsetWidth });
   }, [h, r]);
-  const b = (m = t.find((y) => y.id === h)) == null ? void 0 : m.content, g = (() => {
+  const b = (m = t.find((g) => g.id === h)) == null ? void 0 : m.content, x = (() => {
     switch (r) {
       case "bordered":
         return "border border-border rounded-[var(--radius)] bg-muted/30 p-1 gap-1";
@@ -1612,55 +1612,55 @@ function ki({ tabs: t = [], variant: r = "default", size: n = "md", defaultTab:
       default:
         return "border-b border-border relative";
     }
-  })(), $ = (y, w) => {
+  })(), $ = (g, w) => {
     const z = "relative flex items-center gap-1.5 transition-all cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ring whitespace-nowrap";
     if (w) return `${z} opacity-40 !cursor-not-allowed`;
     switch (r) {
       case "bordered":
-        return `${z} rounded-[var(--radius-sm)] ${y ? "bg-card text-foreground shadow-elevation-sm" : "text-muted-foreground hover:text-foreground hover:bg-card/50"}`;
+        return `${z} rounded-[var(--radius-sm)] ${g ? "bg-card text-foreground shadow-elevation-sm" : "text-muted-foreground hover:text-foreground hover:bg-card/50"}`;
       case "pills":
-        return `${z} rounded-[var(--radius)] ${y ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"}`;
+        return `${z} rounded-[var(--radius)] ${g ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"}`;
       case "underline":
-        return `${z} ${y ? "text-primary" : "text-muted-foreground hover:text-foreground"}`;
+        return `${z} ${g ? "text-primary" : "text-muted-foreground hover:text-foreground"}`;
       default:
-        return `${z} ${y ? "text-primary" : "text-muted-foreground hover:text-foreground"}`;
+        return `${z} ${g ? "text-primary" : "text-muted-foreground hover:text-foreground"}`;
     }
   };
   return /* @__PURE__ */ a("div", { className: c, children: [
-    /* @__PURE__ */ a("div", { ref: v, className: `flex ${d ? "" : "inline-flex"} ${g}`, role: "tablist", children: [
+    /* @__PURE__ */ a("div", { ref: v, className: `flex ${d ? "" : "inline-flex"} ${x}`, role: "tablist", children: [
       (r === "default" || r === "underline") && /* @__PURE__ */ e(
         "div",
         {
           className: "absolute bottom-0 h-0.5 bg-primary transition-all duration-200 rounded-full",
-          style: { left: x.left, width: x.width }
+          style: { left: y.left, width: y.width }
         }
       ),
-      t.map((y) => {
-        const w = h === y.id;
+      t.map((g) => {
+        const w = h === g.id;
         return /* @__PURE__ */ a(
           "button",
           {
-            "data-tab-id": y.id,
+            "data-tab-id": g.id,
             role: "tab",
             "aria-selected": w,
-            disabled: y.disabled,
-            onClick: () => !y.disabled && p(y.id),
-            className: `${$(w, !!y.disabled)} ${d ? "flex-1 justify-center" : ""}`,
+            disabled: g.disabled,
+            onClick: () => !g.disabled && p(g.id),
+            className: `${$(w, !!g.disabled)} ${d ? "flex-1 justify-center" : ""}`,
             style: xo[n],
             children: [
-              y.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: y.icon }),
-              /* @__PURE__ */ e("span", { children: y.label }),
-              y.badge !== void 0 && /* @__PURE__ */ e(
+              g.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: g.icon }),
+              /* @__PURE__ */ e("span", { children: g.label }),
+              g.badge !== void 0 && /* @__PURE__ */ e(
                 "span",
                 {
                   className: `ml-1 rounded-full min-w-[18px] text-center inline-flex items-center justify-center ${w && r === "pills" ? "bg-primary-foreground/20 text-primary-foreground" : "bg-muted text-muted-foreground"}`,
                   style: { fontFamily: "var(--font-label)", fontSize: "var(--text-caption)", fontWeight: "var(--weight-caption)", lineHeight: "1", padding: "1px 6px" },
-                  children: y.badge
+                  children: g.badge
                 }
               )
             ]
           },
-          y.id
+          g.id
         );
       })
     ] }),
@@ -1712,12 +1712,12 @@ function No({
     typeof n == "string" ? n : null
   ), [s, f] = j(
     Array.isArray(n) ? new Set(n) : /* @__PURE__ */ new Set()
-  ), h = o !== void 0, v = (u) => h ? t === "single" ? o === u : Array.isArray(o) && o.includes(u) : t === "single" ? d === u : s.has(u), x = (u) => {
+  ), h = o !== void 0, v = (u) => h ? t === "single" ? o === u : Array.isArray(o) && o.includes(u) : t === "single" ? d === u : s.has(u), y = (u) => {
     if (t === "single") {
       const p = (h ? o === u : d === u) ? null : u;
       h || c(p), l == null || l(p);
     } else if (h) {
-      const p = Array.isArray(o) ? o : [], b = p.includes(u) ? p.filter((g) => g !== u) : [...p, u];
+      const p = Array.isArray(o) ? o : [], b = p.includes(u) ? p.filter((x) => x !== u) : [...p, u];
       l == null || l(b);
     } else
       f((p) => {
@@ -1730,7 +1730,7 @@ function No({
     {
       title: u.title,
       open: v(u.id),
-      onToggle: () => x(u.id),
+      onToggle: () => y(u.id),
       icon: u.icon,
       disabled: u.disabled,
       children: u.content
@@ -1957,7 +1957,7 @@ function Fi({
   size: d = "md",
   disabled: c = !1
 }) {
-  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) => {
+  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", y = o || Io, u = (p) => {
     navigator.clipboard.writeText(p).then(() => {
       f(!0), setTimeout(() => f(!1), 1500);
     });
@@ -2011,7 +2011,7 @@ function Fi({
         )
       ] })
     ] }),
-    x.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: x.map((p) => /* @__PURE__ */ e(
+    y.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: y.map((p) => /* @__PURE__ */ e(
       "button",
       {
         onClick: () => r(p),
@@ -2187,33 +2187,33 @@ const Go = {
     size: f = "md",
     variant: h = "default",
     state: v = "default",
-    disabled: x = !1,
+    disabled: y = !1,
     loading: u = !1,
     searchable: p = !1,
     clearable: b = !1,
-    multiple: g = !1,
+    multiple: x = !1,
     maxSelections: $,
-    grouped: k = !1,
+    grouped: S = !1,
     required: m = !1,
-    id: y,
+    id: g,
     className: w = "",
     showSelectAll: z = !1,
     tagLimit: W,
     creatable: M = !1,
     onCreateOption: F,
     createLabel: L = 'Create "{query}"',
-    emptyState: I,
+    emptyState: E,
     footer: C,
     onSearch: N,
-    searchDebounce: S = 300,
+    searchDebounce: k = 300,
     searchLoading: A = !1,
-    renderOption: E
-  }, R) => {
-    const [_, B] = j(!1), [q, H] = j(""), [K, ae] = j(-1), [G, re] = j(
-      n ?? (g ? [] : "")
+    renderOption: I
+  }, _) => {
+    const [H, B] = j(!1), [q, R] = j(""), [K, ae] = j(-1), [G, re] = j(
+      n ?? (x ? [] : "")
     ), 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;
+      if (!H || !T.current) return;
       const D = () => {
         const P = T.current.getBoundingClientRect();
         Ye({ top: P.bottom + 4, left: P.left, width: P.width });
@@ -2221,14 +2221,14 @@ const Go = {
       return D(), window.addEventListener("scroll", D, !0), window.addEventListener("resize", D), () => {
         window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D);
       };
-    }, [_]);
+    }, [H]);
     const Le = Q(
       (D) => {
-        H(D), N && (ue.current && clearTimeout(ue.current), ue.current = setTimeout(() => {
+        R(D), N && (ue.current && clearTimeout(ue.current), ue.current = setTimeout(() => {
           N(D);
-        }, S));
+        }, k));
       },
-      [N, S]
+      [N, k]
     );
     ne(() => () => {
       ue.current && clearTimeout(ue.current);
@@ -2239,24 +2239,24 @@ const Go = {
         return D.label.toLowerCase().includes(q.toLowerCase()) || ((P = D.description) == null ? void 0 : P.toLowerCase().includes(q.toLowerCase()));
       }
     ), [t, q, N]), Te = se(() => {
-      if (!k) return null;
+      if (!S) return null;
       const D = {};
       return xe.forEach((P) => {
         const U = P.group || "Other";
         D[U] || (D[U] = []), D[U].push(P);
       }), D;
-    }, [xe, k]), Ve = se(() => {
+    }, [xe, S]), Ve = se(() => {
       var D;
-      return g && Array.isArray(Y) ? Y.map((P) => {
+      return x && Array.isArray(Y) ? Y.map((P) => {
         var U;
         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]
+    }, [Y, t, x]), mt = Q(
+      (D) => x && Array.isArray(Y) ? Y.includes(D) : Y === D,
+      [Y, x]
     ), Ce = Q(
       (D) => {
-        if (g) {
+        if (x) {
           const P = Array.isArray(Y) ? [...Y] : [], U = P.indexOf(D);
           if (U > -1)
             P.splice(U, 1);
@@ -2267,14 +2267,14 @@ const Go = {
           re(P), o == null || o(P);
         } else
           re(D), o == null || o(D), B(!1);
-        H("");
+        R("");
       },
-      [Y, g, $, o]
+      [Y, x, $, 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)
+    ), he = se(() => !x || !Array.isArray(Y) ? !1 : le.length > 0 && le.every((D) => Y.includes(D)), [x, Y, le]), O = se(() => !x || !Array.isArray(Y) ? !1 : le.some((D) => Y.includes(D)) && !he, [x, Y, le, he]), ee = Q(() => {
+      if (x)
         if (he) {
           const D = Array.isArray(Y) ? Y.filter((P) => !le.includes(P)) : [];
           re(D), o == null || o(D);
@@ -2287,22 +2287,22 @@ const Go = {
             }
           re(D), o == null || o(D);
         }
-    }, [g, he, Y, le, $, o]), ye = Q(() => {
-      q.trim() && (F == null || F(q.trim()), H(""));
+    }, [x, he, Y, le, $, o]), ye = Q(() => {
+      q.trim() && (F == null || F(q.trim()), R(""));
     }, [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 P = g ? [] : "";
+        const P = x ? [] : "";
         re(P), o == null || o(P);
       },
-      [g, o]
-    ), be = k ? Object.values(Te || {}).flat() : xe, De = Q(
+      [x, o]
+    ), be = S ? Object.values(Te || {}).flat() : xe, De = Q(
       (D) => {
         var P;
-        if (!(x || u))
+        if (!(y || u))
           switch (D.key) {
             case "ArrowDown":
-              D.preventDefault(), _ ? ae(
+              D.preventDefault(), H ? ae(
                 (U) => U < be.length - 1 ? U + 1 : 0
               ) : B(!0);
               break;
@@ -2313,7 +2313,7 @@ const Go = {
               break;
             case "Enter":
             case " ":
-              if (D.preventDefault(), _ && K >= 0) {
+              if (D.preventDefault(), H && K >= 0) {
                 const U = be[K];
                 U && !U.disabled && Ce(U.value);
               } else
@@ -2324,21 +2324,21 @@ const Go = {
               break;
           }
       },
-      [x, u, _, K, be, Ce]
+      [y, u, H, K, be, Ce]
     );
     ne(() => {
       const D = (P) => {
         const U = P.target;
-        T.current && !T.current.contains(U) && J.current && !J.current.contains(U) && (B(!1), H(""));
+        T.current && !T.current.contains(U) && J.current && !J.current.contains(U) && (B(!1), R(""));
       };
       return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
     }, []), ne(() => {
-      _ && p && setTimeout(() => {
+      H && p && setTimeout(() => {
         var D;
         return (D = X.current) == null ? void 0 : D.focus();
-      }, 50), _ && ae(-1);
-    }, [_, p]);
-    const Ae = g ? Array.isArray(Y) && Y.length > 0 : !!Y, Be = c ? "error" : v, rn = () => {
+      }, 50), H && ae(-1);
+    }, [H, p]);
+    const Ae = x ? 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((ht) => /* @__PURE__ */ a(
@@ -2379,7 +2379,7 @@ const Go = {
       ] });
     }, Ht = (D, P) => {
       const U = mt(D.value);
-      return E ? /* @__PURE__ */ e(
+      return I ? /* @__PURE__ */ e(
         "button",
         {
           type: "button",
@@ -2394,7 +2394,7 @@ const Go = {
           style: Z.optionStyle,
           onClick: () => !D.disabled && Ce(D.value),
           onMouseEnter: () => ae(P),
-          children: E(D, U)
+          children: I(D, U)
         },
         D.value
       ) : /* @__PURE__ */ a(
@@ -2413,7 +2413,7 @@ const Go = {
           onClick: () => !D.disabled && Ce(D.value),
           onMouseEnter: () => ae(P),
           children: [
-            g && /* @__PURE__ */ e(
+            x && /* @__PURE__ */ e(
               "span",
               {
                 className: `flex-shrink-0 w-4 h-4 rounded-[var(--radius-sm)] border flex items-center justify-center transition-colors
@@ -2443,14 +2443,14 @@ const Go = {
                 }
               )
             ] }),
-            !g && U && /* @__PURE__ */ e(me, { size: Z.icon, className: "text-primary flex-shrink-0" })
+            !x && U && /* @__PURE__ */ e(me, { size: Z.icon, className: "text-primary flex-shrink-0" })
           ]
         },
         D.value
       );
     };
     let Rt = 0;
-    return /* @__PURE__ */ a("div", { ref: R, className: `relative w-full ${w}`, id: y, children: [
+    return /* @__PURE__ */ a("div", { ref: _, className: `relative w-full ${w}`, id: g, children: [
       i && /* @__PURE__ */ a(
         "label",
         {
@@ -2468,24 +2468,24 @@ const Go = {
           ref: T,
           type: "button",
           role: "combobox",
-          "aria-expanded": _,
+          "aria-expanded": H,
           "aria-haspopup": "listbox",
-          disabled: x || u,
-          onClick: () => !x && !u && B(!_),
+          disabled: y || u,
+          onClick: () => !y && !u && B(!H),
           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"}
+            ${!y && !u ? Fe.hover : ""}
+            ${H ? Fe.focus : ""}
+            ${y ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
             ${u ? "opacity-70 cursor-wait" : ""}
             ${Ko[Be]}
           `,
           style: Z.textStyle,
           children: [
             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(
+            /* @__PURE__ */ e("span", { className: `flex-1 text-left min-w-0 ${x ? "" : "truncate"} ${Ae ? "text-foreground" : "text-muted-foreground"}`, children: Ae ? x ? rn() : Ve[0] : l }),
+            b && Ae && !y && /* @__PURE__ */ e(
               ie,
               {
                 size: Z.icon,
@@ -2497,13 +2497,13 @@ const Go = {
               Ie,
               {
                 size: Z.icon,
-                className: `flex-shrink-0 text-muted-foreground transition-transform duration-200 ${_ ? "rotate-180" : ""}`
+                className: `flex-shrink-0 text-muted-foreground transition-transform duration-200 ${H ? "rotate-180" : ""}`
               }
             )
           ]
         }
       ),
-      _ && Qe(
+      H && Qe(
         /* @__PURE__ */ a(
           "div",
           {
@@ -2528,7 +2528,7 @@ const Go = {
                   }
                 )
               ] }) }),
-              g && z && xe.length > 0 && /* @__PURE__ */ a(
+              x && z && xe.length > 0 && /* @__PURE__ */ a(
                 "button",
                 {
                   type: "button",
@@ -2568,10 +2568,10 @@ const Go = {
                 A ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center py-6 gap-2 text-muted-foreground", children: [
                   /* @__PURE__ */ e(Ze, { size: 16, className: "animate-spin" }),
                   /* @__PURE__ */ e("span", { style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)" }, children: "Searching\\u2026" })
-                ] }) : 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: [
+                ] }) : xe.length === 0 && !oe ? E ? /* @__PURE__ */ e("div", { className: "py-4 px-3", children: E }) : /* @__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 && Te ? Object.entries(Te).map(([D, P]) => /* @__PURE__ */ a("div", { children: [
+                ] }) : S && Te ? Object.entries(Te).map(([D, P]) => /* @__PURE__ */ a("div", { children: [
                   /* @__PURE__ */ e(
                     "div",
                     {
@@ -2599,8 +2599,8 @@ const Go = {
                   }
                 )
               ] }),
-              (C || g && $) && /* @__PURE__ */ a("div", { className: "border-t border-border", children: [
-                g && $ && /* @__PURE__ */ a(
+              (C || x && $) && /* @__PURE__ */ a("div", { className: "border-t border-border", children: [
+                x && $ && /* @__PURE__ */ a(
                   "div",
                   {
                     className: "px-3 py-2 text-muted-foreground",
@@ -2767,11 +2767,11 @@ function Mi({
   onUpload: f,
   onRemove: h
 }) {
-  const [v, x] = j([]), [u, p] = j(!1), b = V(null), g = c ?? v, $ = (m) => {
+  const [v, y] = j([]), [u, p] = j(!1), b = V(null), x = c ?? v, $ = (m) => {
     if (!m) return;
-    const y = Array.from(m);
-    if (s && s(y), c === void 0) {
-      const w = y.map((z) => ({
+    const g = Array.from(m);
+    if (s && s(g), c === void 0) {
+      const w = g.map((z) => ({
         id: Math.random().toString(36).slice(2),
         name: z.name,
         size: z.size,
@@ -2779,10 +2779,10 @@ function Mi({
         progress: 0,
         status: "uploading"
       }));
-      x((z) => [...z, ...w]), w.forEach((z) => {
+      y((z) => [...z, ...w]), w.forEach((z) => {
         let W = 0;
         const M = setInterval(() => {
-          W += Math.random() * 30 + 10, W >= 100 && (W = 100, clearInterval(M)), x(
+          W += Math.random() * 30 + 10, W >= 100 && (W = 100, clearInterval(M)), y(
             (F) => F.map(
               (L) => L.id === z.id ? {
                 ...L,
@@ -2794,8 +2794,8 @@ function Mi({
         }, 300);
       });
     }
-  }, k = (m) => {
-    h && h(m), c === void 0 && x((y) => y.filter((w) => w.id !== m));
+  }, S = (m) => {
+    h && h(m), c === void 0 && y((g) => g.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: tt, children: i }),
@@ -2827,7 +2827,7 @@ function Mi({
         onChange: (m) => $(m.target.files)
       }
     ),
-    g.length > 0 && /* @__PURE__ */ e(Vt, { files: g, onRemove: k })
+    x.length > 0 && /* @__PURE__ */ e(Vt, { files: x, onRemove: S })
   ] }) : l === "avatar" ? /* @__PURE__ */ a("div", { className: "space-y-2", children: [
     i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: tt, children: i }),
     /* @__PURE__ */ e(
@@ -2839,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($e, { size: 24, className: "text-chart-2" }) : /* @__PURE__ */ e(nt, { size: 20, className: "text-muted-foreground" })
+        children: x.length > 0 && x[x.length - 1].status === "done" ? /* @__PURE__ */ e($e, { size: 24, className: "text-chart-2" }) : /* @__PURE__ */ e(nt, { size: 20, className: "text-muted-foreground" })
       }
     ),
     /* @__PURE__ */ e(
@@ -2897,7 +2897,7 @@ function Mi({
         onChange: (m) => $(m.target.files)
       }
     ),
-    g.length > 0 && /* @__PURE__ */ e(Vt, { files: g, onRemove: k })
+    x.length > 0 && /* @__PURE__ */ e(Vt, { files: x, onRemove: S })
   ] });
 }
 const Vo = {
@@ -2911,12 +2911,12 @@ const Vo = {
 };
 function Li({ images: t, initialIndex: r = 0 }) {
   const [n, o] = j(!1), [l, i] = j(r), [d, c] = j(1), [s, f] = j(0), h = t[l], v = () => {
-    i((g) => (g - 1 + t.length) % t.length), c(1), f(0);
-  }, x = () => {
-    i((g) => (g + 1) % t.length), c(1), f(0);
-  }, u = () => c((g) => Math.min(g + 0.25, 3)), p = () => c((g) => Math.max(g - 0.25, 0.5)), b = () => f((g) => (g + 90) % 360);
+    i((x) => (x - 1 + t.length) % t.length), c(1), f(0);
+  }, y = () => {
+    i((x) => (x + 1) % t.length), c(1), f(0);
+  }, u = () => c((x) => Math.min(x + 0.25, 3)), p = () => c((x) => Math.max(x - 0.25, 0.5)), b = () => f((x) => (x + 90) % 360);
   return /* @__PURE__ */ a("div", { children: [
-    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: t.map((g, $) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: t.map((x, $) => /* @__PURE__ */ e(
       "button",
       {
         onClick: () => {
@@ -2927,8 +2927,8 @@ function Li({ images: t, initialIndex: r = 0 }) {
         children: /* @__PURE__ */ e("div", { className: "w-20 h-20 bg-muted flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ e(
           "img",
           {
-            src: g.thumbnail || g.src,
-            alt: g.alt,
+            src: x.thumbnail || x.src,
+            alt: x.alt,
             className: "w-full h-full object-cover",
             loading: "lazy"
           }
@@ -3003,8 +3003,8 @@ function Li({ images: t, initialIndex: r = 0 }) {
             "div",
             {
               className: "flex-1 flex items-center justify-center relative overflow-hidden",
-              onClick: (g) => {
-                g.target === g.currentTarget && (o(!1), c(1), f(0));
+              onClick: (x) => {
+                x.target === x.currentTarget && (o(!1), c(1), f(0));
               },
               children: [
                 t.length > 1 && /* @__PURE__ */ e(
@@ -3030,7 +3030,7 @@ function Li({ images: t, initialIndex: r = 0 }) {
                 t.length > 1 && /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: x,
+                    onClick: y,
                     "aria-label": "Next image",
                     className: "absolute right-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 })
@@ -3039,7 +3039,7 @@ function Li({ images: t, initialIndex: r = 0 }) {
               ]
             }
           ),
-          t.length > 1 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center gap-2 py-3 bg-foreground/20", children: t.map((g, $) => /* @__PURE__ */ e(
+          t.length > 1 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center gap-2 py-3 bg-foreground/20", children: t.map((x, $) => /* @__PURE__ */ e(
             "button",
             {
               onClick: () => {
@@ -3050,8 +3050,8 @@ function Li({ images: t, initialIndex: r = 0 }) {
               children: /* @__PURE__ */ e(
                 "img",
                 {
-                  src: g.thumbnail || g.src,
-                  alt: g.alt,
+                  src: x.thumbnail || x.src,
+                  alt: x.alt,
                   className: "w-full h-full object-cover"
                 }
               )
@@ -3261,7 +3261,7 @@ function Ci({
     n && n(), c || d((u) => u.map((p) => ({ ...p, read: !0 })));
   }, v = (u) => {
     o && o(u), c || d((p) => p.filter((b) => b.id !== u));
-  }, x = (u) => {
+  }, y = (u) => {
     r && r(u), c || d(
       (p) => p.map((b) => b.id === u ? { ...b, read: !0 } : b)
     );
@@ -3305,7 +3305,7 @@ function Ci({
       "div",
       {
         className: `px-3 py-2 ${u.read ? "" : "bg-primary/5"}`,
-        onClick: () => !u.read && x(u.id),
+        onClick: () => !u.read && y(u.id),
         children: /* @__PURE__ */ e(
           ia,
           {
@@ -3340,15 +3340,15 @@ function ji({
   open: l,
   onOpenChange: i
 }) {
-  const [d, c] = j(!1), s = l !== void 0 ? l : d, f = (x) => {
-    i == null || i(x), l === void 0 && c(x);
+  const [d, c] = j(!1), s = l !== void 0 ? l : d, f = (y) => {
+    i == null || i(y), l === void 0 && c(y);
   }, h = V(null);
   return ne(() => {
     if (!s) return;
-    const x = (u) => {
+    const y = (u) => {
       h.current && !h.current.contains(u.target) && f(!1);
     };
-    return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
+    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
   }, [s]), /* @__PURE__ */ a("div", { className: "relative inline-block", ref: h, children: [
     /* @__PURE__ */ e("div", { onClick: () => f(!s), className: "cursor-pointer", children: t }),
     s && /* @__PURE__ */ e(
@@ -3445,23 +3445,23 @@ function Di({
   showValue: c,
   label: s
 }) {
-  const [f, h] = j(0), v = o === "sm" ? 16 : o === "lg" ? 28 : 20, x = o === "sm" ? "gap-0.5" : o === "lg" ? "gap-1.5" : "gap-1", u = d === "heart" ? vn : d === "thumb" ? xn : yn, p = d === "heart" ? "text-destructive" : "text-chart-5", b = Array.from({ length: n }, (g, $) => $ + 1);
+  const [f, h] = j(0), v = o === "sm" ? 16 : o === "lg" ? 28 : 20, y = o === "sm" ? "gap-0.5" : o === "lg" ? "gap-1.5" : "gap-1", u = d === "heart" ? vn : d === "thumb" ? xn : yn, p = d === "heart" ? "text-destructive" : "text-chart-5", b = Array.from({ length: n }, (x, $) => $ + 1);
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `inline-flex items-center ${x} ${l ? "opacity-50 pointer-events-none" : ""}`,
+      className: `inline-flex items-center ${y} ${l ? "opacity-50 pointer-events-none" : ""}`,
       children: [
         s && /* @__PURE__ */ e("span", { className: "text-foreground mr-2", style: fa, children: s }),
-        b.map((g) => {
-          const $ = g <= (f || t);
+        b.map((x) => {
+          const $ = x <= (f || t);
           return /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               className: `transition-transform ${i || l ? "" : "cursor-pointer hover:scale-110"} ${$ ? p : "text-muted-foreground/40"}`,
-              onMouseEnter: () => !i && !l && h(g),
+              onMouseEnter: () => !i && !l && h(x),
               onMouseLeave: () => h(0),
-              onClick: () => !i && !l && (r == null ? void 0 : r(g === t ? 0 : g)),
+              onClick: () => !i && !l && (r == null ? void 0 : r(x === t ? 0 : x)),
               disabled: l || i,
               children: /* @__PURE__ */ e(
                 u,
@@ -3471,7 +3471,7 @@ function Di({
                 }
               )
             },
-            g
+            x
           );
         }),
         c && /* @__PURE__ */ a("span", { className: "text-foreground ml-1", style: ma, children: [
@@ -3497,8 +3497,8 @@ function Br({
   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;
-    n === "right" ? (g = p.top + p.height / 2, $ = p.right + b) : n === "left" ? (g = p.top + p.height / 2, $ = p.left - b) : n === "bottom" ? (g = p.bottom + b, $ = p.left + p.width / 2) : (g = p.top - b, $ = p.left + p.width / 2), c({ top: g, left: $ });
+    let x = 0, $ = 0;
+    n === "right" ? (x = p.top + p.height / 2, $ = p.right + b) : n === "left" ? (x = p.top + p.height / 2, $ = p.left - b) : n === "bottom" ? (x = p.bottom + b, $ = p.left + p.width / 2) : (x = p.top - b, $ = p.left + p.width / 2), c({ top: x, left: $ });
   }, h = () => {
     f(), i(!0);
   }, v = () => i(!1);
@@ -3509,7 +3509,7 @@ function Br({
       window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p);
     };
   }, [l]);
-  const x = n === "right" ? { transform: "translateY(-50%)" } : n === "left" ? { transform: "translate(-100%, -50%)" } : n === "bottom" ? { transform: "translateX(-50%)" } : { transform: "translate(-50%, -100%)" }, u = l ? /* @__PURE__ */ e(
+  const y = n === "right" ? { transform: "translateY(-50%)" } : n === "left" ? { transform: "translate(-100%, -50%)" } : n === "bottom" ? { transform: "translateX(-50%)" } : { transform: "translate(-50%, -100%)" }, u = l ? /* @__PURE__ */ e(
     "div",
     {
       style: {
@@ -3518,7 +3518,7 @@ function Br({
         left: d.left,
         zIndex: 9999,
         pointerEvents: "none",
-        ...x
+        ...y
       },
       children: /* @__PURE__ */ e(
         "div",
@@ -3609,16 +3609,16 @@ function _r({
   onProviderChange: s,
   collapsed: f = !1
 }) {
-  const [h, v] = j(!1), x = V(null);
+  const [h, v] = j(!1), y = V(null);
   ne(() => {
     if (!h) return;
-    const g = ($) => {
-      x.current && !x.current.contains($.target) && v(!1);
+    const x = ($) => {
+      y.current && !y.current.contains($.target) && v(!1);
     };
-    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
+    return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
   }, [h]);
-  const u = t, p = (r == null ? void 0 : r.name) ?? (n == null ? void 0 : n.name), b = (g) => {
-    d == null || d(g), v(!1);
+  const u = t, p = (r == null ? void 0 : r.name) ?? (n == null ? void 0 : n.name), b = (x) => {
+    d == null || d(x), v(!1);
   };
   return f ? /* @__PURE__ */ e(
     "button",
@@ -3639,7 +3639,7 @@ function _r({
       },
       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("div", { ref: y, style: { position: "relative", width: "100%" }, children: [
     /* @__PURE__ */ a(
       "button",
       {
@@ -3693,12 +3693,12 @@ function _r({
           boxShadow: "0px 4px 12px 0px rgba(0,0,0,0.08)",
           overflow: "hidden"
         },
-        children: /* @__PURE__ */ e("div", { style: { maxHeight: "240px", overflowY: "auto" }, children: o.map((g) => {
-          const $ = (t == null ? void 0 : t.id) === g.id;
+        children: /* @__PURE__ */ e("div", { style: { maxHeight: "240px", overflowY: "auto" }, children: o.map((x) => {
+          const $ = (t == null ? void 0 : t.id) === x.id;
           return /* @__PURE__ */ a(
             "button",
             {
-              onClick: () => b(g),
+              onClick: () => b(x),
               style: {
                 width: "100%",
                 display: "flex",
@@ -3712,22 +3712,22 @@ function _r({
                 transition: "background 0.15s",
                 minHeight: "48px"
               },
-              onMouseEnter: (k) => {
-                $ || (k.currentTarget.style.background = "var(--accent, #f3f4f6)");
+              onMouseEnter: (S) => {
+                $ || (S.currentTarget.style.background = "var(--accent, #f3f4f6)");
               },
-              onMouseLeave: (k) => {
-                k.currentTarget.style.background = $ ? "rgba(240,249,255,0.6)" : "none";
+              onMouseLeave: (S) => {
+                S.currentTarget.style.background = $ ? "rgba(240,249,255,0.6)" : "none";
               },
               children: [
-                /* @__PURE__ */ e(pt, { item: g, size: 36 }),
+                /* @__PURE__ */ e(pt, { item: x, 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 })
+                  /* @__PURE__ */ e("div", { style: { ...er, color: "var(--foreground, #1f2937)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: x.name }),
+                  x.handle && /* @__PURE__ */ e("div", { style: { ...pa, color: "var(--muted-foreground, #6b7280)", marginTop: "2px" }, children: x.handle })
                 ] }),
                 $ && /* @__PURE__ */ e(me, { size: 16, color: "var(--Base_Color--Sky--500, #32a9ff)", style: { flexShrink: 0 } })
               ]
             },
-            g.id
+            x.id
           );
         }) })
       }
@@ -3766,22 +3766,23 @@ function zt({
   showCollapseToggle: c = !0,
   version: s,
   versionDate: f,
-  className: h = ""
+  width: h,
+  className: v = ""
 }) {
-  const [v, x] = j(/* @__PURE__ */ new Set()), u = (p) => {
-    x((b) => {
-      const g = new Set(b);
-      return g.has(p) ? g.delete(p) : g.add(p), g;
+  const [y, u] = j(/* @__PURE__ */ new Set()), p = (S) => {
+    u((m) => {
+      const g = new Set(m);
+      return g.has(S) ? g.delete(S) : g.add(S), g;
     });
-  };
+  }, $ = i ? "var(--shell-sidebar-collapsed, 64px)" : h ?? "var(--shell-sidebar-width, 240px)";
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `bg-sidebar border-r border-sidebar-border flex flex-col flex-shrink-0 ${h}`,
+      className: `bg-sidebar border-r border-sidebar-border flex flex-col flex-shrink-0 h-full ${v}`,
       style: {
-        width: i ? "64px" : "256px",
-        minWidth: i ? "64px" : "256px",
-        transition: "width 0.25s cubic-bezier(0.4,0,0.2,1), min-width 0.25s cubic-bezier(0.4,0,0.2,1)",
+        width: $,
+        minWidth: $,
+        transition: "width var(--shell-sidebar-transition, 250ms cubic-bezier(0.4,0,0.2,1)), min-width var(--shell-sidebar-transition, 250ms cubic-bezier(0.4,0,0.2,1))",
         overflow: "visible"
       },
       children: [
@@ -3803,24 +3804,24 @@ function zt({
           ),
           !i && /* @__PURE__ */ e("span", { className: "text-sidebar-foreground truncate", style: ga, children: t.name })
         ] }),
-        /* @__PURE__ */ e("nav", { className: `flex-1 overflow-y-auto py-3 ${i ? "px-1.5" : "px-2"}`, children: n.map((p) => {
-          const b = v.has(p.label);
+        /* @__PURE__ */ e("nav", { className: `flex-1 overflow-y-auto py-3 ${i ? "px-1.5" : "px-2"}`, children: n.map((S) => {
+          const m = y.has(S.label);
           return /* @__PURE__ */ a("div", { className: "mb-4", children: [
             !i && /* @__PURE__ */ a(
               "button",
               {
-                onClick: () => u(p.label),
+                onClick: () => p(S.label),
                 className: "w-full flex items-center justify-between px-2 mb-1.5 text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
                 style: ya,
                 children: [
-                  /* @__PURE__ */ e("span", { children: p.label }),
+                  /* @__PURE__ */ e("span", { children: S.label }),
                   /* @__PURE__ */ e(
                     Je,
                     {
                       size: 12,
                       style: {
                         transition: "transform 0.2s ease",
-                        transform: b ? "rotate(180deg)" : "rotate(0deg)"
+                        transform: m ? "rotate(180deg)" : "rotate(0deg)"
                       }
                     }
                   )
@@ -3828,15 +3829,15 @@ function zt({
               }
             ),
             i && /* @__PURE__ */ e("div", { className: "h-px bg-sidebar-border mx-1 mb-2 mt-1" }),
-            !b && /* @__PURE__ */ e("div", { className: "space-y-0.5", children: p.items.map((g) => {
-              const $ = o === g.id, k = /* @__PURE__ */ a(
+            !m && /* @__PURE__ */ e("div", { className: "space-y-0.5", children: S.items.map((g) => {
+              const w = o === g.id, z = /* @__PURE__ */ a(
                 "button",
                 {
                   onClick: () => l == null ? void 0 : l(g),
-                  className: `w-full flex items-center ${i ? "justify-center" : "gap-2"} ${i ? "px-0" : "px-2"} py-2 rounded-[var(--radius-md)] transition-colors cursor-pointer ${$ ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground hover:bg-sidebar-accent/50"}`,
+                  className: `w-full flex items-center ${i ? "justify-center" : "gap-2"} ${i ? "px-0" : "px-2"} py-2 rounded-[var(--radius-md)] transition-colors cursor-pointer ${w ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground hover:bg-sidebar-accent/50"}`,
                   style: va,
                   children: [
-                    /* @__PURE__ */ e("span", { className: `flex-shrink-0 ${$ ? "text-sidebar-primary" : "text-muted-foreground"}`, children: g.icon }),
+                    /* @__PURE__ */ e("span", { className: `flex-shrink-0 ${w ? "text-sidebar-primary" : "text-muted-foreground"}`, children: g.icon }),
                     !i && /* @__PURE__ */ e("span", { className: "truncate flex-1 text-left", children: g.label }),
                     g.badge != null && !i && /* @__PURE__ */ e(
                       "span",
@@ -3860,9 +3861,9 @@ function zt({
                 },
                 g.id
               );
-              return i ? /* @__PURE__ */ e("div", { className: "w-full flex", children: /* @__PURE__ */ e(Br, { content: g.label, placement: "right", className: "flex-1", children: k }) }, g.id) : k;
+              return i ? /* @__PURE__ */ e("div", { className: "w-full flex", children: /* @__PURE__ */ e(Br, { content: g.label, placement: "right", className: "flex-1", children: z }) }, g.id) : z;
             }) })
-          ] }, p.label);
+          ] }, S.label);
         }) }),
         (c && d || s) && /* @__PURE__ */ a("div", { className: `${i ? "px-1.5" : "px-3"} py-3 border-t border-sidebar-border flex flex-col gap-1`, children: [
           c && d && /* @__PURE__ */ a(
@@ -4372,7 +4373,7 @@ function _a({
     const v = c.trim();
     !v || t.includes(v) || l && t.length >= l || (r([...t, v]), s(""));
   }, h = (v) => {
-    r(t.filter((x) => x !== v));
+    r(t.filter((y) => y !== v));
   };
   return /* @__PURE__ */ a(
     "div",
@@ -4533,29 +4534,29 @@ function Pr({
   notificationCount: f,
   onNotificationClick: h,
   onMobileMenuClick: v,
-  onSidebarToggle: x,
+  onSidebarToggle: y,
   onUserClick: u,
   onBreadcrumbClick: p,
   workspaceSwitcher: b,
-  className: g = ""
+  className: x = ""
 }) {
-  const $ = l != null && l.name ? l.name.split(" ").map((k) => k[0]).join("").slice(0, 2).toUpperCase() : "";
+  const $ = l != null && l.name ? l.name.split(" ").map((S) => S[0]).join("").slice(0, 2).toUpperCase() : "";
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `bg-card border-b border-border flex items-center px-5 gap-4 ${g}`,
+      className: `bg-card border-b border-border flex items-center px-5 gap-4 ${x}`,
       style: { height: i },
       children: [
-        x && /* @__PURE__ */ e(
+        y && /* @__PURE__ */ e(
           "button",
           {
             className: "w-9 h-9 flex items-center justify-center rounded-[var(--radius-md)] text-foreground hover:bg-muted/30 transition-colors cursor-pointer",
-            onClick: x,
+            onClick: y,
             title: "Toggle sidebar",
             children: /* @__PURE__ */ e(Gt, { size: 18 })
           }
         ),
-        !x && v && /* @__PURE__ */ e(
+        !y && v && /* @__PURE__ */ e(
           "button",
           {
             className: "lg:hidden w-8 h-8 flex items-center justify-center rounded-[var(--radius-md)] text-foreground hover:bg-muted/30 transition-colors cursor-pointer",
@@ -4580,20 +4581,20 @@ function Pr({
         ) }),
         b && /* @__PURE__ */ e("div", { className: "flex items-center ml-1", children: b }),
         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: [
+        r && r.length > 0 && /* @__PURE__ */ e("nav", { className: "hidden sm:flex items-center gap-1.5 text-muted-foreground", style: Ge, children: r.map((S, m) => /* @__PURE__ */ a(ge.Fragment, { children: [
           m > 0 && /* @__PURE__ */ e(fe, { size: 12 }),
-          k.href || p ? /* @__PURE__ */ e(
+          S.href || p ? /* @__PURE__ */ e(
             "span",
             {
               className: `cursor-pointer ${m === r.length - 1 ? "text-foreground" : "hover:text-foreground"}`,
-              onClick: () => p == null ? void 0 : p(k, m),
-              children: k.label
+              onClick: () => p == null ? void 0 : p(S, m),
+              children: S.label
             }
           ) : /* @__PURE__ */ e(
             "span",
             {
               className: m === r.length - 1 ? "text-foreground" : "",
-              children: k.label
+              children: S.label
             }
           )
         ] }, m)) }),
@@ -4738,43 +4739,43 @@ function Hi({
 }) {
   const [f, h] = j(
     new Set(o)
-  ), v = i !== void 0 ? new Set(i) : f, x = (S) => {
-    d && d(Array.from(S)), i === void 0 && h(S);
+  ), v = i !== void 0 ? new Set(i) : f, y = (k) => {
+    d && d(Array.from(k)), i === void 0 && h(k);
   }, [u, p] = j(
     /* @__PURE__ */ new Set()
-  ), [b, g] = j(
+  ), [b, x] = j(
     /* @__PURE__ */ new Set()
-  ), [$, k] = j(""), [m, y] = j(""), w = n.filter((S) => !v.has(S.id)), z = n.filter((S) => v.has(S.id)), W = $ ? w.filter(
-    (S) => S.label.toLowerCase().includes($.toLowerCase())
+  ), [$, S] = j(""), [m, g] = j(""), w = n.filter((k) => !v.has(k.id)), z = n.filter((k) => v.has(k.id)), W = $ ? w.filter(
+    (k) => k.label.toLowerCase().includes($.toLowerCase())
   ) : w, M = m ? z.filter(
-    (S) => S.label.toLowerCase().includes(m.toLowerCase())
+    (k) => k.label.toLowerCase().includes(m.toLowerCase())
   ) : z, F = () => {
-    const S = new Set(v);
-    u.forEach((A) => S.add(A)), x(S), p(/* @__PURE__ */ new Set());
+    const k = new Set(v);
+    u.forEach((A) => k.add(A)), y(k), p(/* @__PURE__ */ new Set());
   }, L = () => {
-    const S = new Set(v);
-    b.forEach((A) => S.delete(A)), x(S), g(/* @__PURE__ */ new Set());
-  }, I = () => {
-    x(new Set(n.filter((S) => !S.disabled).map((S) => S.id))), p(/* @__PURE__ */ new Set());
+    const k = new Set(v);
+    b.forEach((A) => k.delete(A)), y(k), x(/* @__PURE__ */ new Set());
+  }, E = () => {
+    y(new Set(n.filter((k) => !k.disabled).map((k) => k.id))), p(/* @__PURE__ */ new Set());
   }, C = () => {
-    x(/* @__PURE__ */ new Set()), g(/* @__PURE__ */ new Set());
-  }, N = (S, A, E) => {
-    const R = new Set(A);
-    R.has(S) ? R.delete(S) : R.add(S), E(R);
+    y(/* @__PURE__ */ new Set()), x(/* @__PURE__ */ new Set());
+  }, N = (k, A, I) => {
+    const _ = new Set(A);
+    _.has(k) ? _.delete(k) : _.add(k), I(_);
   };
-  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 }) }),
+  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((k) => /* @__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: k }) }),
     /* @__PURE__ */ e("div", { className: "p-3 flex flex-col gap-2", children: [1, 2, 3, 4].map((A) => /* @__PURE__ */ e("div", { className: "h-8 rounded bg-muted/50 animate-pulse" }, A)) })
-  ] }, S)) }) : /* @__PURE__ */ a("div", { className: "flex items-stretch gap-3 flex-wrap", children: [
+  ] }, k)) }) : /* @__PURE__ */ a("div", { className: "flex items-stretch gap-3 flex-wrap", children: [
     /* @__PURE__ */ e(
       lr,
       {
         title: t,
         items: W,
         selected: u,
-        onToggle: (S) => N(S, u, p),
+        onToggle: (k) => N(k, u, p),
         search: $,
-        onSearch: k,
+        onSearch: S,
         searchable: l
       }
     ),
@@ -4782,7 +4783,7 @@ function Hi({
       /* @__PURE__ */ e(
         "button",
         {
-          onClick: I,
+          onClick: E,
           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(Ct, { size: 14 })
@@ -4822,9 +4823,9 @@ function Hi({
         title: r,
         items: M,
         selected: b,
-        onToggle: (S) => N(S, b, g),
+        onToggle: (k) => N(k, b, x),
         search: m,
-        onSearch: y,
+        onSearch: g,
         searchable: l
       }
     )
@@ -4871,10 +4872,10 @@ function Gr({
         ]
       }
     ),
-    s && f && /* @__PURE__ */ e("div", { className: c ? "border-l border-border ml-[22px]" : "", children: t.children.map((x) => /* @__PURE__ */ e(
+    s && f && /* @__PURE__ */ e("div", { className: c ? "border-l border-border ml-[22px]" : "", children: t.children.map((y) => /* @__PURE__ */ e(
       Gr,
       {
-        node: x,
+        node: y,
         level: r + 1,
         expanded: n,
         selected: o,
@@ -4883,7 +4884,7 @@ function Gr({
         selectable: d,
         showLines: c
       },
-      x.id
+      y.id
     )) })
   ] });
 }
@@ -4900,14 +4901,14 @@ function Ri({
   error: f,
   emptyMessage: h = "No items"
 }) {
-  const [v, x] = j(
+  const [v, y] = j(
     new Set(o || [])
-  ), [u, p] = j(/* @__PURE__ */ new Set()), b = l !== void 0 ? new Set(l) : v, g = d !== void 0 ? new Set(d) : u, $ = (m) => {
-    const y = new Set(b);
-    y.has(m) ? y.delete(m) : y.add(m), i && i(Array.from(y)), l === void 0 && x(y);
-  }, k = (m) => {
-    const y = new Set(g);
-    y.has(m) ? y.delete(m) : y.add(m), c && c(Array.from(y)), d === void 0 && p(y);
+  ), [u, p] = j(/* @__PURE__ */ new Set()), b = l !== void 0 ? new Set(l) : v, x = d !== void 0 ? new Set(d) : u, $ = (m) => {
+    const g = new Set(b);
+    g.has(m) ? g.delete(m) : g.add(m), i && i(Array.from(g)), l === void 0 && y(g);
+  }, S = (m) => {
+    const g = new Set(x);
+    g.has(m) ? g.delete(m) : g.add(m), c && c(Array.from(g)), d === void 0 && p(g);
   };
   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,
@@ -4915,9 +4916,9 @@ function Ri({
       node: m,
       level: 0,
       expanded: b,
-      selected: g,
+      selected: x,
       onToggle: $,
-      onSelect: k,
+      onSelect: S,
       selectable: r,
       showLines: n
     },
@@ -5053,10 +5054,10 @@ function Yi({
   error: h,
   className: v = ""
 }) {
-  const [x, u] = j(r), p = t ?? x, b = (k) => {
-    const m = Math.max(o ?? -1 / 0, Math.min(l ?? 1 / 0, k));
+  const [y, u] = j(r), p = t ?? y, b = (S) => {
+    const m = Math.max(o ?? -1 / 0, Math.min(l ?? 1 / 0, S));
     n && n(m), t === void 0 && u(m);
-  }, g = o === void 0 || p - i >= o, $ = l === void 0 || p + i <= l;
+  }, x = o === void 0 || p - i >= o, $ = l === void 0 || p + i <= l;
   return /* @__PURE__ */ a("div", { className: v, children: [
     s && /* @__PURE__ */ e("label", { className: "block text-foreground mb-1.5", style: Ua, children: s }),
     /* @__PURE__ */ a(
@@ -5069,7 +5070,7 @@ function Yi({
             {
               type: "button",
               onClick: () => b(p - i),
-              disabled: d || !g,
+              disabled: d || !x,
               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(ft, { size: sr[c] })
@@ -5081,8 +5082,8 @@ function Yi({
               type: "number",
               value: p,
               placeholder: f,
-              onChange: (k) => {
-                const m = parseFloat(k.target.value);
+              onChange: (S) => {
+                const m = parseFloat(S.target.value);
                 isNaN(m) || b(m);
               },
               disabled: d,
@@ -5132,42 +5133,42 @@ function Gi({
   masked: s,
   className: f = ""
 }) {
-  const [h, v] = j(() => "".padEnd(t, "")), x = V([]), p = (r ?? h).padEnd(t, "").split("").slice(0, t), b = Q(
+  const [h, v] = j(() => "".padEnd(t, "")), y = 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);
     },
     [n, o, r, t]
-  ), g = (m, y) => {
+  ), x = (m, g) => {
     var W;
-    if (!/^\d$/.test(y)) return;
+    if (!/^\d$/.test(g)) return;
     const w = p.slice();
-    w[m] = y;
+    w[m] = g;
     const z = w.join("");
-    b(z), m < t - 1 && ((W = x.current[m + 1]) == null || W.focus());
-  }, $ = (m, y) => {
+    b(z), m < t - 1 && ((W = y.current[m + 1]) == null || W.focus());
+  }, $ = (m, g) => {
     var w, z, W;
-    if (y.key === "Backspace") {
-      y.preventDefault();
+    if (g.key === "Backspace") {
+      g.preventDefault();
       const M = p.slice();
-      M[m] !== " " && M[m] !== "" ? (M[m] = " ", b(M.join(""))) : m > 0 && (M[m - 1] = " ", b(M.join("")), (w = x.current[m - 1]) == null || w.focus());
-    } else y.key === "ArrowLeft" && m > 0 ? (z = x.current[m - 1]) == null || z.focus() : y.key === "ArrowRight" && m < t - 1 && ((W = x.current[m + 1]) == null || W.focus());
+      M[m] !== " " && M[m] !== "" ? (M[m] = " ", b(M.join(""))) : m > 0 && (M[m - 1] = " ", b(M.join("")), (w = y.current[m - 1]) == null || w.focus());
+    } else g.key === "ArrowLeft" && m > 0 ? (z = y.current[m - 1]) == null || z.focus() : g.key === "ArrowRight" && m < t - 1 && ((W = y.current[m + 1]) == null || W.focus());
   };
   return /* @__PURE__ */ a("div", { className: f, children: [
     c && /* @__PURE__ */ e("label", { className: "block text-foreground mb-2", style: qa, children: c }),
     /* @__PURE__ */ e("div", { className: "flex gap-2", onPaste: (m) => {
       var w;
       m.preventDefault();
-      const y = m.clipboardData.getData("text").replace(/\D/g, "").slice(0, t);
-      if (y) {
-        b(y.padEnd(t, " "));
-        const z = Math.min(y.length, t - 1);
-        (w = x.current[z]) == null || w.focus();
+      const g = m.clipboardData.getData("text").replace(/\D/g, "").slice(0, t);
+      if (g) {
+        b(g.padEnd(t, " "));
+        const z = Math.min(g.length, t - 1);
+        (w = y.current[z]) == null || w.focus();
       }
-    }, children: p.map((m, y) => /* @__PURE__ */ e(
+    }, children: p.map((m, g) => /* @__PURE__ */ e(
       "input",
       {
         ref: (w) => {
-          x.current[y] = w;
+          y.current[g] = w;
         },
         type: s ? "password" : "text",
         inputMode: "numeric",
@@ -5176,9 +5177,9 @@ function Gi({
         disabled: l,
         onChange: (w) => {
           const z = w.target.value;
-          z && g(y, z[z.length - 1]);
+          z && x(g, z[z.length - 1]);
         },
-        onKeyDown: (w) => $(y, w),
+        onKeyDown: (w) => $(g, w),
         onFocus: (w) => w.target.select(),
         className: `${Qa[d]} text-center rounded-[var(--radius-md)] border outline-none transition-all
               ${i ? "border-destructive focus:ring-2 focus:ring-destructive/30" : "border-border focus:border-primary focus:ring-2 focus:ring-primary/20"}
@@ -5186,7 +5187,7 @@ function Gi({
               text-foreground`,
         style: { fontFamily: "var(--font-button)", fontWeight: "var(--weight-button)" }
       },
-      y
+      g
     )) }),
     i && /* @__PURE__ */ e("p", { className: "mt-2 text-destructive", style: Ja, children: i })
   ] });
@@ -5253,7 +5254,7 @@ function nl({ config: t, value: r, onChange: n }) {
         const v = i[0] === h ? null : h;
         n(t.key, v), l(!1);
       } else {
-        const v = i.includes(h) ? i.filter((x) => x !== h) : [...i, h];
+        const v = i.includes(h) ? i.filter((y) => y !== h) : [...i, h];
         n(t.key, v.length ? v : null);
       }
     },
@@ -5352,14 +5353,14 @@ function Ki({
     },
     [s, f]
   ), v = Q(
-    (b, g) => {
+    (b, x) => {
       f({
         ...s,
-        filters: { ...s.filters, [b]: g }
+        filters: { ...s.filters, [b]: x }
       });
     },
     [s, f]
-  ), x = Q(() => {
+  ), y = Q(() => {
     f({ search: "", filters: {} });
   }, [f]), u = Object.values(s.filters).filter(
     (b) => b !== null && (!Array.isArray(b) || b.length > 0)
@@ -5421,7 +5422,7 @@ function Ki({
           "button",
           {
             type: "button",
-            onClick: x,
+            onClick: y,
             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: lt,
             children: [
@@ -5639,15 +5640,15 @@ function Zi({
   selectedRows: f,
   onSelectionChange: h,
   bulkActions: v = [],
-  onRowClick: x,
+  onRowClick: y,
   expandedRowRender: u,
   loading: p = !1,
   loadingRows: b = 5,
-  error: g,
+  error: x,
   emptyMessage: $ = "No data found",
-  emptyDescription: k,
+  emptyDescription: S,
   showColumnToggle: m = !1,
-  size: y = "md",
+  size: g = "md",
   stickyHeader: w = !1,
   className: z = ""
 }) {
@@ -5661,23 +5662,23 @@ function Zi({
   }, []), L = se(
     () => t.filter((T) => !W.has(T.key)),
     [t, W]
-  ), [I, C] = j(/* @__PURE__ */ new Set()), N = f ?? I, S = Q(
+  ), [E, C] = j(/* @__PURE__ */ new Set()), N = f ?? E, k = Q(
     (T) => {
       f || C(T);
       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)), R = N.size > 0 && !E, _ = Q(() => {
-    S(E ? /* @__PURE__ */ new Set() : new Set(A));
-  }, [E, A, S]), B = Q(
+  ), A = se(() => r.map((T) => T[n]), [r, n]), I = A.length > 0 && A.every((T) => N.has(T)), _ = N.size > 0 && !I, H = Q(() => {
+    k(I ? /* @__PURE__ */ new Set() : new Set(A));
+  }, [I, A, k]), B = Q(
     (T) => {
       const J = new Set(N);
-      J.has(T) ? J.delete(T) : J.add(T), S(J);
+      J.has(T) ? J.delete(T) : J.add(T), k(J);
     },
-    [N, S]
-  ), [q, H] = j(/* @__PURE__ */ new Set()), K = Q((T) => {
-    H((J) => {
+    [N, k]
+  ), [q, R] = j(/* @__PURE__ */ new Set()), K = Q((T) => {
+    R((J) => {
       const X = new Set(J);
       return X.has(T) ? X.delete(T) : X.add(T), X;
     });
@@ -5706,19 +5707,19 @@ function Zi({
         count: N.size,
         actions: v,
         selectedKeys: Array.from(N),
-        onClear: () => S(/* @__PURE__ */ new Set())
+        onClear: () => k(/* @__PURE__ */ new Set())
       }
     ),
     /* @__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: `${we[y]} w-10` }),
-        s && /* @__PURE__ */ e("th", { className: `${we[y]} w-12`, children: /* @__PURE__ */ e(
+        u && /* @__PURE__ */ e("th", { className: `${we[g]} w-10` }),
+        s && /* @__PURE__ */ e("th", { className: `${we[g]} w-12`, children: /* @__PURE__ */ e(
           st,
           {
             size: "sm",
-            checked: E,
-            indeterminate: R && !E,
-            onChange: _
+            checked: I,
+            indeterminate: _ && !I,
+            onChange: H
           }
         ) }),
         L.map((T) => {
@@ -5726,7 +5727,7 @@ function Zi({
           return /* @__PURE__ */ e(
             "th",
             {
-              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 : ""}`,
+              className: `${we[g]} 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,
@@ -5744,35 +5745,35 @@ function Zi({
         })
       ] }) }),
       /* @__PURE__ */ a("tbody", { children: [
-        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: [
+        x && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: re, className: `${we[g]} 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 })
+          /* @__PURE__ */ e("span", { className: "text-[var(--destructive)]", style: xt, children: x })
         ] }) }) }),
-        !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: `${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))
+        !x && 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: `${we[g]} w-10` }),
+          s && /* @__PURE__ */ e("td", { className: `${we[g]} w-12`, children: /* @__PURE__ */ e("div", { className: "w-4 h-4 rounded bg-muted animate-pulse" }) }),
+          L.map((X) => /* @__PURE__ */ e("td", { className: `${we[g]}`, 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: `${we[y]} text-center`, children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2 py-12", children: [
+        !x && !p && r.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: re, className: `${we[g]} 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 })
+          S && /* @__PURE__ */ e("span", { className: "text-[var(--muted-foreground)]", style: We, children: S })
         ] }) }) }),
-        !g && !p && r.map((T, J) => {
-          const X = T[n], ue = N.has(X), ze = q.has(X), Ye = !!x || !!u;
+        !x && !p && r.map((T, J) => {
+          const X = T[n], ue = N.has(X), ze = q.has(X), Ye = !!y || !!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)]"} ${Ye ? "cursor-pointer" : ""}`,
                 onClick: () => {
-                  x == null || x(T), u && K(X);
+                  y == null || y(T), u && K(X);
                 },
                 children: [
                   u && /* @__PURE__ */ e(
                     "td",
                     {
-                      className: `${we[y]} w-10 text-center`,
+                      className: `${we[g]} w-10 text-center`,
                       onClick: (Z) => {
                         Z.stopPropagation(), K(X);
                       },
@@ -5788,7 +5789,7 @@ function Zi({
                   s && /* @__PURE__ */ e(
                     "td",
                     {
-                      className: `${we[y]} w-12`,
+                      className: `${we[g]} w-12`,
                       onClick: (Z) => Z.stopPropagation(),
                       children: /* @__PURE__ */ e(
                         st,
@@ -5805,7 +5806,7 @@ function Zi({
                     return /* @__PURE__ */ e(
                       "td",
                       {
-                        className: `${we[y]} text-${Z.align ?? "left"} text-[var(--foreground)] ${Le}`,
+                        className: `${we[g]} text-${Z.align ?? "left"} text-[var(--foreground)] ${Le}`,
                         style: {
                           ...xt,
                           ...Fe ? { left: G[Z.key], boxShadow: "2px 0 4px rgba(0,0,0,0.04)" } : {}
@@ -5823,7 +5824,7 @@ function Zi({
         })
       ] })
     ] }) }),
-    o && d && !p && !g && /* @__PURE__ */ e(sl, { meta: o, onPageChange: d })
+    o && d && !p && !x && /* @__PURE__ */ e(sl, { meta: o, onPageChange: d })
   ] });
 }
 const Re = [
@@ -5901,68 +5902,68 @@ function dl({
   className: h = ""
 }) {
   mr();
-  const v = V(null), [x, u] = j(null);
+  const v = V(null), [y, 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 = 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;
+  const p = t[0].data.map((E) => E.label), b = t.flatMap((E) => E.data.map((C) => C.value)), x = dt(b), $ = 0, S = { top: 12, right: 16, bottom: o ? 36 : 12, left: l ? 48 : 16 }, m = n ?? 600, g = r, w = m - S.left - S.right, z = g - S.top - S.bottom, W = p.length > 1 ? w / (p.length - 1) : w;
+  function M(E) {
+    return S.left + E * W;
   }
-  function F(I) {
-    return k.top + z - (I - $) / (g - $ || 1) * z;
+  function F(E) {
+    return S.top + z - (E - $) / (x - $ || 1) * z;
   }
-  const L = Array.from({ length: 5 }, (I, C) => $ + C / 4 * (g - $));
+  const L = Array.from({ length: 5 }, (E, C) => $ + C / 4 * (x - $));
   return /* @__PURE__ */ a("div", { className: `w-full ${h}`, children: [
     /* @__PURE__ */ a(
       "svg",
       {
         ref: v,
         width: n ? m : "100%",
-        height: y,
-        viewBox: `0 0 ${m} ${y}`,
+        height: g,
+        viewBox: `0 0 ${m} ${g}`,
         onMouseLeave: () => u(null),
         children: [
-          i && L.map((I, C) => /* @__PURE__ */ e(
+          i && L.map((E, C) => /* @__PURE__ */ e(
             "line",
             {
-              x1: k.left,
-              y1: F(I),
-              x2: m - k.right,
-              y2: F(I),
+              x1: S.left,
+              y1: F(E),
+              x2: m - S.right,
+              y2: F(E),
               stroke: "var(--border)",
               strokeWidth: 0.5,
               strokeDasharray: "4 2"
             },
             C
           )),
-          l && L.map((I, C) => /* @__PURE__ */ e(
+          l && L.map((E, C) => /* @__PURE__ */ e(
             "text",
             {
-              x: k.left - 8,
-              y: F(I) + 4,
+              x: S.left - 8,
+              y: F(E) + 4,
               textAnchor: "end",
               fill: "var(--muted-foreground)",
               style: ce,
-              children: I >= 1e3 ? `${(I / 1e3).toFixed(1)}k` : I
+              children: E >= 1e3 ? `${(E / 1e3).toFixed(1)}k` : E
             },
             C
           )),
-          o && p.map((I, C) => {
+          o && p.map((E, C) => {
             const N = Math.max(1, Math.floor(p.length / 8));
             return C % N !== 0 && C !== p.length - 1 ? null : /* @__PURE__ */ e(
               "text",
               {
                 x: M(C),
-                y: y - k.bottom + 16,
+                y: g - S.bottom + 16,
                 textAnchor: "middle",
                 fill: "var(--muted-foreground)",
                 style: ce,
-                children: I
+                children: E
               },
               C
             );
           }),
-          t.map((I, C) => {
-            const N = pe(I, C), S = I.data.map((E, R) => [M(R), F(E.value)]), A = It(S, f);
+          t.map((E, C) => {
+            const N = pe(E, C), k = E.data.map((I, _) => [M(_), F(I.value)]), A = It(k, f);
             return /* @__PURE__ */ a("g", { children: [
               /* @__PURE__ */ e(
                 "path",
@@ -5975,56 +5976,56 @@ function dl({
                   strokeLinejoin: "round"
                 }
               ),
-              s && S.map(([E, R], _) => /* @__PURE__ */ e(
+              s && k.map(([I, _], H) => /* @__PURE__ */ e(
                 "circle",
                 {
-                  cx: E,
-                  cy: R,
+                  cx: I,
+                  cy: _,
                   r: 3,
                   fill: "var(--card)",
                   stroke: N,
                   strokeWidth: 2
                 },
-                _
+                H
               ))
             ] }, C);
           }),
-          c && p.map((I, C) => /* @__PURE__ */ e(
+          c && p.map((E, C) => /* @__PURE__ */ e(
             "rect",
             {
               x: M(C) - W / 2,
-              y: k.top,
+              y: S.top,
               width: W,
               height: z,
               fill: "transparent",
-              onMouseEnter: () => u({ x: M(C), y: k.top, labelIdx: C })
+              onMouseEnter: () => u({ x: M(C), y: S.top, labelIdx: C })
             },
             C
           )),
-          x && /* @__PURE__ */ e(
+          y && /* @__PURE__ */ e(
             "line",
             {
-              x1: M(x.labelIdx),
-              y1: k.top,
-              x2: M(x.labelIdx),
-              y2: k.top + z,
+              x1: M(y.labelIdx),
+              y1: S.top,
+              x2: M(y.labelIdx),
+              y2: S.top + z,
               stroke: "var(--border)",
               strokeWidth: 1,
               strokeDasharray: "4 2"
             }
           ),
-          x && c && /* @__PURE__ */ e(
+          y && c && /* @__PURE__ */ e(
             Tt,
             {
-              x: Et(M(x.labelIdx) + 8, k.left, m - 180),
-              y: k.top,
-              label: p[x.labelIdx],
-              items: t.map((I, C) => {
+              x: Et(M(y.labelIdx) + 8, S.left, m - 180),
+              y: S.top,
+              label: p[y.labelIdx],
+              items: t.map((E, C) => {
                 var N;
                 return {
-                  name: I.name,
-                  value: ((N = I.data[x.labelIdx]) == null ? void 0 : N.value) ?? 0,
-                  color: pe(I, C)
+                  name: E.name,
+                  value: ((N = E.data[y.labelIdx]) == null ? void 0 : N.value) ?? 0,
+                  color: pe(E, C)
                 };
               })
             }
@@ -6032,9 +6033,9 @@ 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: pe(I, C) } }),
-      /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: I.name })
+    d && t.length > 1 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4 mt-2 justify-center", children: t.map((E, 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: pe(E, C) } }),
+      /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: E.name })
     ] }, C)) })
   ] });
 }
@@ -6053,43 +6054,43 @@ function cl({
   fillOpacity: h = 0.15,
   className: v = ""
 }) {
-  const x = mr(), [u, p] = j(null);
+  const y = 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)), $ = 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;
+  const b = t[0].data.map((N) => N.label), x = t.flatMap((N) => N.data.map((k) => k.value)), $ = dt(x), S = 0, m = { top: 12, right: 16, bottom: o ? 36 : 12, left: l ? 48 : 16 }, g = n ?? 600, w = r, z = g - 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;
   }
   function L(N) {
-    return m.top + W - (N - k) / ($ - k || 1) * W;
+    return m.top + W - (N - S) / ($ - S || 1) * W;
   }
-  const I = Array.from({ length: 5 }, (N, S) => k + S / 4 * ($ - k)), C = m.top + W;
+  const E = Array.from({ length: 5 }, (N, k) => S + k / 4 * ($ - S)), C = m.top + W;
   return /* @__PURE__ */ a("div", { className: `w-full ${v}`, children: [
     /* @__PURE__ */ a(
       "svg",
       {
-        width: n ? y : "100%",
+        width: n ? g : "100%",
         height: w,
-        viewBox: `0 0 ${y} ${w}`,
+        viewBox: `0 0 ${g} ${w}`,
         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: 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(
+          /* @__PURE__ */ e("defs", { children: t.map((N, k) => /* @__PURE__ */ a("linearGradient", { id: `${y}-grad-${k}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ e("stop", { offset: "0%", stopColor: pe(N, k), stopOpacity: h * 4 }),
+            /* @__PURE__ */ e("stop", { offset: "100%", stopColor: pe(N, k), stopOpacity: 0 })
+          ] }, k)) }),
+          i && E.map((N, k) => /* @__PURE__ */ e(
             "line",
             {
               x1: m.left,
               y1: L(N),
-              x2: y - m.right,
+              x2: g - m.right,
               y2: L(N),
               stroke: "var(--border)",
               strokeWidth: 0.5,
               strokeDasharray: "4 2"
             },
-            S
+            k
           )),
-          l && I.map((N, S) => /* @__PURE__ */ e(
+          l && E.map((N, k) => /* @__PURE__ */ e(
             "text",
             {
               x: m.left - 8,
@@ -6099,42 +6100,42 @@ function cl({
               style: ce,
               children: N >= 1e3 ? `${(N / 1e3).toFixed(1)}k` : N
             },
-            S
+            k
           )),
-          o && b.map((N, S) => {
+          o && b.map((N, k) => {
             const A = Math.max(1, Math.floor(b.length / 8));
-            return S % A !== 0 && S !== b.length - 1 ? null : /* @__PURE__ */ e(
+            return k % A !== 0 && k !== b.length - 1 ? null : /* @__PURE__ */ e(
               "text",
               {
-                x: F(S),
+                x: F(k),
                 y: w - m.bottom + 16,
                 textAnchor: "middle",
                 fill: "var(--muted-foreground)",
                 style: ce,
                 children: N
               },
-              S
+              k
             );
           }),
-          t.map((N, S) => {
-            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`;
+          t.map((N, k) => {
+            const A = pe(N, k), I = N.data.map((B, q) => [F(q), L(B.value)]), _ = It(I, f), H = _ + ` L${I[I.length - 1][0]},${C} L${I[0][0]},${C} Z`;
             return /* @__PURE__ */ a("g", { children: [
-              /* @__PURE__ */ e("path", { d: _, fill: `url(#${x}-grad-${S})` }),
-              /* @__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);
+              /* @__PURE__ */ e("path", { d: H, fill: `url(#${y}-grad-${k})` }),
+              /* @__PURE__ */ e("path", { d: _, fill: "none", stroke: A, strokeWidth: 2, strokeLinecap: "round" }),
+              s && I.map(([B, q], R) => /* @__PURE__ */ e("circle", { cx: B, cy: q, r: 3, fill: "var(--card)", stroke: A, strokeWidth: 2 }, R))
+            ] }, k);
           }),
-          c && b.map((N, S) => /* @__PURE__ */ e(
+          c && b.map((N, k) => /* @__PURE__ */ e(
             "rect",
             {
-              x: F(S) - M / 2,
+              x: F(k) - M / 2,
               y: m.top,
               width: M,
               height: W,
               fill: "transparent",
-              onMouseEnter: () => p({ x: F(S), y: m.top, labelIdx: S })
+              onMouseEnter: () => p({ x: F(k), y: m.top, labelIdx: k })
             },
-            S
+            k
           )),
           u && /* @__PURE__ */ e(
             "line",
@@ -6151,15 +6152,15 @@ function cl({
           u && /* @__PURE__ */ e(
             Tt,
             {
-              x: Et(F(u.labelIdx) + 8, m.left, y - 180),
+              x: Et(F(u.labelIdx) + 8, m.left, g - 180),
               y: m.top,
               label: b[u.labelIdx],
-              items: t.map((N, S) => {
+              items: t.map((N, k) => {
                 var A;
                 return {
                   name: N.name,
                   value: ((A = N.data[u.labelIdx]) == null ? void 0 : A.value) ?? 0,
-                  color: pe(N, S)
+                  color: pe(N, k)
                 };
               })
             }
@@ -6167,10 +6168,10 @@ 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: pe(N, S) } }),
+    d && t.length > 1 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4 mt-2 justify-center", children: t.map((N, k) => /* @__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: pe(N, k) } }),
       /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: N.name })
-    ] }, S)) })
+    ] }, k)) })
   ] });
 }
 cl.displayName = "AreaChart";
@@ -6187,17 +6188,17 @@ function ul({
   radius: f = 4,
   className: h = ""
 }) {
-  const [v, x] = j(null);
+  const [v, y] = j(null);
   if (!t.length || !t[0].data.length) return null;
   const u = t[0].data.map((C) => C.label);
   let p;
   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);
+    u.map((C, N) => t.reduce((k, A) => {
+      var I;
+      return k + (((I = A.data[N]) == null ? void 0 : I.value) ?? 0);
     }, 0))
   ) : 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;
+  const b = { top: 12, right: 16, bottom: o ? 36 : 12, left: l ? 48 : 16 }, x = n ?? 600, $ = r, S = x - b.left - b.right, m = $ - b.top - b.bottom, g = S / u.length, w = g * 0.2, z = g - w * 2, W = s ? z : z / t.length;
   function M(C) {
     return b.top + m - C / p * m;
   }
@@ -6205,24 +6206,24 @@ function ul({
     return C / p * m;
   }
   function L(C) {
-    return b.left + C * y + w;
+    return b.left + C * g + w;
   }
-  const I = Array.from({ length: 5 }, (C, N) => N / 4 * p);
+  const E = Array.from({ length: 5 }, (C, N) => N / 4 * p);
   return /* @__PURE__ */ a("div", { className: `w-full ${h}`, children: [
     /* @__PURE__ */ a(
       "svg",
       {
-        width: n ? g : "100%",
+        width: n ? x : "100%",
         height: $,
-        viewBox: `0 0 ${g} ${$}`,
-        onMouseLeave: () => x(null),
+        viewBox: `0 0 ${x} ${$}`,
+        onMouseLeave: () => y(null),
         children: [
-          i && I.map((C, N) => /* @__PURE__ */ e(
+          i && E.map((C, N) => /* @__PURE__ */ e(
             "line",
             {
               x1: b.left,
               y1: M(C),
-              x2: g - b.right,
+              x2: x - b.right,
               y2: M(C),
               stroke: "var(--border)",
               strokeWidth: 0.5,
@@ -6230,7 +6231,7 @@ function ul({
             },
             N
           )),
-          l && I.map((C, N) => /* @__PURE__ */ e(
+          l && E.map((C, N) => /* @__PURE__ */ e(
             "text",
             {
               x: b.left - 8,
@@ -6256,22 +6257,22 @@ function ul({
           )),
           u.map((C, N) => {
             if (s) {
-              let S = b.top + m;
-              return /* @__PURE__ */ e("g", { children: t.map((A, E) => {
+              let k = b.top + m;
+              return /* @__PURE__ */ e("g", { children: t.map((A, I) => {
                 var J;
-                const R = ((J = A.data[N]) == null ? void 0 : J.value) ?? 0, _ = F(R), B = S - _;
-                S = B;
-                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);
+                const _ = ((J = A.data[N]) == null ? void 0 : J.value) ?? 0, H = F(_), B = k - H;
+                k = B;
+                const q = pe(A, I), R = I === t.length - 1, K = I === 0, ae = f, G = L(N), re = z, Y = H, T = R && 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` : R ? `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 }, I);
               }) }, N);
             } else
-              return /* @__PURE__ */ e("g", { children: t.map((S, A) => {
+              return /* @__PURE__ */ e("g", { children: t.map((k, A) => {
                 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);
+                const I = ((K = k.data[N]) == null ? void 0 : K.value) ?? 0, _ = F(I), H = L(N) + A * W, B = M(I), q = pe(k, A), R = 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 + R} L${_},${B + R} Z`,
+                    d: `M${H},${B + R} Q${H},${B} ${H + R},${B} L${H + W - R},${B} Q${H + W},${B} ${H + W},${B + R} L${H + W},${B + _} L${H},${B + _} Z`,
                     fill: q
                   },
                   A
@@ -6287,21 +6288,21 @@ function ul({
               height: m,
               fill: "transparent",
               style: { cursor: "default" },
-              onMouseEnter: () => x({ x: L(N) + z / 2, y: b.top, labelIdx: N })
+              onMouseEnter: () => y({ x: L(N) + z / 2, y: b.top, labelIdx: N })
             },
             N
           )),
           v && /* @__PURE__ */ e(
             Tt,
             {
-              x: Et(v.x + 8, b.left, g - 180),
+              x: Et(v.x + 8, b.left, x - 180),
               y: b.top,
               label: u[v.labelIdx],
               items: t.map((C, N) => {
-                var S;
+                var k;
                 return {
                   name: C.name,
-                  value: ((S = C.data[v.labelIdx]) == null ? void 0 : S.value) ?? 0,
+                  value: ((k = C.data[v.labelIdx]) == null ? void 0 : k.value) ?? 0,
                   color: pe(C, N)
                 };
               })
@@ -6327,25 +6328,25 @@ function fl({
   showTooltip: d = !0,
   className: c = ""
 }) {
-  const [s, f] = j(null), h = t.reduce((m, y) => m + y.value, 0);
+  const [s, f] = j(null), h = t.reduce((m, g) => m + g.value, 0);
   if (h === 0 || t.length === 0) return null;
-  const v = r / 2, x = r / 2, u = r / 2 - 4, p = u * n;
+  const v = r / 2, y = r / 2, u = r / 2 - 4, p = u * n;
   let b = -Math.PI / 2;
-  const g = t.map((m, y) => {
+  const x = t.map((m, g) => {
     const w = m.value / h, z = b, W = b + w * 2 * Math.PI;
     b = W;
-    const M = v + u * Math.cos(z), F = x + u * Math.sin(z), L = v + u * Math.cos(W), I = x + u * Math.sin(W), C = v + p * Math.cos(W), N = x + p * Math.sin(W), S = v + p * Math.cos(z), A = x + p * Math.sin(z), E = w > 0.5 ? 1 : 0;
+    const M = v + u * Math.cos(z), F = y + u * Math.sin(z), L = v + u * Math.cos(W), E = y + u * Math.sin(W), C = v + p * Math.cos(W), N = y + p * Math.sin(W), k = v + p * Math.cos(z), A = y + p * Math.sin(z), I = w > 0.5 ? 1 : 0;
     return { path: [
       `M${M},${F}`,
-      `A${u},${u} 0 ${E} 1 ${L},${I}`,
+      `A${u},${u} 0 ${I} 1 ${L},${E}`,
       `L${C},${N}`,
-      `A${p},${p} 0 ${E} 0 ${S},${A}`,
+      `A${p},${p} 0 ${I} 0 ${k},${A}`,
       "Z"
-    ].join(" "), color: m.color ?? Re[y % Re.length], ratio: w, d: m, i: y };
-  }), $ = l ?? h.toLocaleString(), k = s !== null ? t[s] : null;
+    ].join(" "), color: m.color ?? Re[g % Re.length], ratio: w, d: m, i: g };
+  }), $ = l ?? h.toLocaleString(), S = 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: [
-      g.map((m) => /* @__PURE__ */ e(
+      x.map((m) => /* @__PURE__ */ e(
         "path",
         {
           d: m.path,
@@ -6362,39 +6363,39 @@ function fl({
           "text",
           {
             x: v,
-            y: x - 6,
+            y: y - 6,
             textAnchor: "middle",
             fill: "var(--foreground)",
             style: { ...ce, fontWeight: "700", fontSize: "18px" },
-            children: k ? k.value.toLocaleString() : $
+            children: S ? S.value.toLocaleString() : $
           }
         ),
-        (o || k) && /* @__PURE__ */ e(
+        (o || S) && /* @__PURE__ */ e(
           "text",
           {
             x: v,
-            y: x + 12,
+            y: y + 12,
             textAnchor: "middle",
             fill: "var(--muted-foreground)",
             style: { ...ce, fontSize: "var(--text-caption)" },
-            children: k ? k.label : o
+            children: S ? S.label : o
           }
         )
       ] })
     ] }) }),
-    i && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: t.map((m, y) => /* @__PURE__ */ a(
+    i && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: t.map((m, g) => /* @__PURE__ */ a(
       "div",
       {
         className: "flex items-center gap-2 cursor-default",
         style: ce,
-        onMouseEnter: () => f(y),
+        onMouseEnter: () => f(g),
         onMouseLeave: () => f(null),
         children: [
           /* @__PURE__ */ e(
             "div",
             {
               className: "w-2.5 h-2.5 rounded-sm flex-shrink-0",
-              style: { backgroundColor: m.color ?? Re[y % Re.length] }
+              style: { backgroundColor: m.color ?? Re[g % Re.length] }
             }
           ),
           /* @__PURE__ */ e("span", { className: "text-foreground", children: m.label }),
@@ -6404,7 +6405,7 @@ function fl({
           ] })
         ]
       },
-      y
+      g
     )) })
   ] });
 }
@@ -6420,22 +6421,22 @@ function ml({
   className: c = ""
 }) {
   if (!t.length) return null;
-  const s = Math.min(...t), h = Math.max(...t) - s || 1, v = t[t.length - 1] > t[0] ? "up" : t[t.length - 1] < t[0] ? "down" : "neutral", x = d ?? v, p = l ?? (x === "up" ? "var(--chart-1, #22c55e)" : x === "down" ? "var(--chart-4, #ef4444)" : "var(--muted-foreground)"), b = 2, g = n - b * 2, $ = o - b * 2;
-  function k(W) {
-    return b + W / (t.length - 1 || 1) * g;
+  const s = Math.min(...t), h = Math.max(...t) - s || 1, v = t[t.length - 1] > t[0] ? "up" : t[t.length - 1] < t[0] ? "down" : "neutral", y = d ?? v, p = l ?? (y === "up" ? "var(--chart-1, #22c55e)" : y === "down" ? "var(--chart-4, #ef4444)" : "var(--muted-foreground)"), b = 2, x = n - b * 2, $ = o - b * 2;
+  function S(W) {
+    return b + W / (t.length - 1 || 1) * x;
   }
   function m(W) {
     return b + $ - (W - s) / h * $;
   }
   if (r === "bar") {
-    const W = g / t.length - 1;
+    const W = x / t.length - 1;
     return /* @__PURE__ */ a("div", { className: `inline-flex items-center gap-1.5 ${c}`, children: [
       /* @__PURE__ */ e("svg", { width: n, height: o, viewBox: `0 0 ${n} ${o}`, children: t.map((M, F) => {
         const L = (M - s) / h * $;
         return /* @__PURE__ */ e(
           "rect",
           {
-            x: b + F * (g / t.length),
+            x: b + F * (x / t.length),
             y: b + $ - L,
             width: W,
             height: L,
@@ -6449,12 +6450,12 @@ 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 = It(y, !1), z = w + ` L${y[y.length - 1][0]},${b + $} L${y[0][0]},${b + $} Z`;
+  const g = t.map((W, M) => [S(M), m(W)]), w = It(g, !1), z = w + ` L${g[g.length - 1][0]},${b + $} L${g[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 }),
       /* @__PURE__ */ e("path", { d: w, fill: "none", stroke: p, strokeWidth: 1.5, strokeLinecap: "round" }),
-      /* @__PURE__ */ e("circle", { cx: y[y.length - 1][0], cy: y[y.length - 1][1], r: 2, fill: p })
+      /* @__PURE__ */ e("circle", { cx: g[g.length - 1][0], cy: g[g.length - 1][1], r: 2, fill: p })
     ] }),
     i && /* @__PURE__ */ e("span", { style: { ...ce, color: p }, children: t[t.length - 1].toLocaleString() })
   ] });
@@ -6582,10 +6583,10 @@ function cr({
   function v(u) {
     const p = n.from, b = n.to ?? o;
     if (!p || !b) return !1;
-    const [g, $] = p <= b ? [p, b] : [b, p];
-    return u > g && u < $;
+    const [x, $] = p <= b ? [p, b] : [b, p];
+    return u > x && u < $;
   }
-  function x(u) {
+  function y(u) {
     return !!(s && u < Se(s) || f && u > ke(f));
   }
   return /* @__PURE__ */ a("div", { className: "select-none flex-1 min-w-0", children: [
@@ -6616,7 +6617,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 ? Nt(u, n.from) : !1, $ = n.to ? Nt(u, n.to) : o && n.from ? Nt(u, o) : !1, k = v(u), m = x(u);
+      const b = u.getMonth() === t, x = n.from ? Nt(u, n.from) : !1, $ = n.to ? Nt(u, n.to) : o && n.from ? Nt(u, o) : !1, S = v(u), m = y(u);
       return /* @__PURE__ */ e(
         "button",
         {
@@ -6629,7 +6630,7 @@ function cr({
             "h-8 w-full flex items-center justify-center text-center transition-colors",
             m ? "opacity-30 cursor-not-allowed" : "cursor-pointer",
             b ? "" : "text-muted-foreground/40",
-            g || $ ? "bg-primary text-primary-foreground rounded-[var(--radius-md)] font-semibold" : k ? "bg-primary/10 text-primary" : m ? "" : "hover:bg-muted/40 rounded-[var(--radius-md)]"
+            x || $ ? "bg-primary text-primary-foreground rounded-[var(--radius-md)] font-semibold" : S ? "bg-primary/10 text-primary" : m ? "" : "hover:bg-muted/40 rounded-[var(--radius-md)]"
           ].filter(Boolean).join(" "),
           style: dr,
           children: u.getDate()
@@ -6651,52 +6652,52 @@ 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 = V(null), C = V(null), N = t ?? u, S = (m + 1) % 12, A = m === 11 ? w + 1 : w;
+  const h = /* @__PURE__ */ new Date(), [v, y] = j(!1), [u, p] = j({ from: null, to: null }), [b, x] = j(null), [$, S] = j(void 0), [m, g] = j(h.getMonth()), [w, z] = j(h.getFullYear()), [W, M] = j("from"), [F, L] = j({ top: 0, left: 0, width: 0 }), E = V(null), C = V(null), N = t ?? u, k = (m + 1) % 12, A = m === 11 ? w + 1 : w;
   ne(() => {
-    function H(K) {
-      I.current && !I.current.contains(K.target) && x(!1);
+    function R(K) {
+      E.current && !E.current.contains(K.target) && y(!1);
     }
-    return document.addEventListener("mousedown", H), () => document.removeEventListener("mousedown", H);
+    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
   }, []), ne(() => {
     if (!v || !C.current) return;
-    const H = () => {
+    const R = () => {
       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);
+    return R(), window.addEventListener("scroll", R, !0), window.addEventListener("resize", R), () => {
+      window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", R);
     };
   }, [v]);
-  function E(H) {
-    if (H.value === "custom") {
-      k("custom");
+  function I(R) {
+    if (R.value === "custom") {
+      S("custom");
       return;
     }
-    const K = H.range();
-    p(K), r == null || r(K, H.value), k(H.value), x(!1);
+    const K = R.range();
+    p(K), r == null || r(K, R.value), S(R.value), y(!1);
   }
-  function R(H) {
+  function _(R) {
     if (W === "from")
-      p({ from: Se(H), to: null }), M("to");
+      p({ from: Se(R), to: null }), M("to");
     else {
-      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);
+      const K = u.from, [ae, G] = R >= K ? [K, ke(R)] : [Se(R), ke(K)], re = { from: ae, to: G };
+      p(re), r == null || r(re, "custom"), S("custom"), M("from"), y(!1);
     }
   }
-  function _(H) {
-    H.stopPropagation();
+  function H(R) {
+    R.stopPropagation();
     const K = { from: null, to: null };
-    p(K), r == null || r(K, void 0), k(void 0);
+    p(K), r == null || r(K, void 0), S(void 0);
   }
-  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: [
+  const B = N.from && N.to ? `${wt(N.from)} – ${wt(N.to)}` : N.from ? `${wt(N.from)} – ...` : "", q = hl.filter((R) => n.includes(R.value));
+  return /* @__PURE__ */ a("div", { ref: E, className: `relative inline-block ${f}`, children: [
     /* @__PURE__ */ a(
       "button",
       {
         ref: C,
         type: "button",
         disabled: s,
-        onClick: () => !s && x(!v),
+        onClick: () => !s && y(!v),
         className: [
           "flex items-center gap-2 border border-border bg-card text-left rounded-[var(--radius-md)] transition-colors w-full min-w-[260px]",
           xl[l],
@@ -6712,8 +6713,8 @@ function yl({
             {
               role: "button",
               tabIndex: 0,
-              onClick: _,
-              onKeyDown: (H) => H.key === "Enter" && _(H),
+              onClick: H,
+              onKeyDown: (R) => R.key === "Enter" && H(R),
               className: "text-muted-foreground hover:text-foreground transition-colors cursor-pointer flex-shrink-0",
               children: /* @__PURE__ */ e(ie, { size: 12 })
             }
@@ -6728,19 +6729,19 @@ function yl({
           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: q.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((R) => /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => E(H),
+                onClick: () => I(R),
                 className: [
                   "w-full text-left px-3 py-1.5 rounded-none transition-colors",
-                  $ === H.value ? "bg-primary/10 text-primary" : "text-foreground hover:bg-muted/30"
+                  $ === R.value ? "bg-primary/10 text-primary" : "text-foreground hover:bg-muted/30"
                 ].join(" "),
                 style: Zr,
-                children: H.label
+                children: R.label
               },
-              H.value
+              R.value
             )) }),
             /* @__PURE__ */ a("div", { className: "flex gap-4 p-4 flex-1 min-w-0", children: [
               /* @__PURE__ */ e(
@@ -6750,13 +6751,13 @@ function yl({
                   year: w,
                   range: N,
                   hovered: b,
-                  onHover: g,
-                  onSelect: R,
+                  onHover: x,
+                  onSelect: _,
                   onPrevMonth: () => {
-                    m === 0 ? (y(11), z(w - 1)) : y(m - 1);
+                    m === 0 ? (g(11), z(w - 1)) : g(m - 1);
                   },
                   onNextMonth: () => {
-                    m === 11 ? (y(0), z(w + 1)) : y(m + 1);
+                    m === 11 ? (g(0), z(w + 1)) : g(m + 1);
                   },
                   minDate: i,
                   maxDate: d
@@ -6766,17 +6767,17 @@ function yl({
               /* @__PURE__ */ e(
                 cr,
                 {
-                  month: S,
+                  month: k,
                   year: A,
                   range: N,
                   hovered: b,
-                  onHover: g,
-                  onSelect: R,
+                  onHover: x,
+                  onSelect: _,
                   onPrevMonth: () => {
-                    m === 0 ? (y(11), z(w - 1)) : y(m - 1);
+                    m === 0 ? (g(11), z(w - 1)) : g(m - 1);
                   },
                   onNextMonth: () => {
-                    m === 11 ? (y(0), z(w + 1)) : y(m + 1);
+                    m === 11 ? (g(0), z(w + 1)) : g(m + 1);
                   },
                   minDate: i,
                   maxDate: d
@@ -6862,10 +6863,10 @@ function Qr({
   disabled: c = !1,
   className: s = ""
 }) {
-  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(
+  const [f, h] = j(!1), [v, y] = 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), x = Array.from(
     { length: Math.ceil(60 / l) },
     (F, L) => L * l
-  ), $ = Array.from({ length: 60 }, (F, L) => L), k = ["AM", "PM"];
+  ), $ = Array.from({ length: 60 }, (F, L) => L), S = ["AM", "PM"];
   ne(() => {
     function F(L) {
       u.current && !u.current.contains(L.target) && h(!1);
@@ -6874,12 +6875,12 @@ function Qr({
   }, []);
   function m(F) {
     const L = { ...p, ...F };
-    x(L), r == null || r(L);
+    y(L), r == null || r(L);
   }
-  const y = Xr(p, n, o), w = t !== void 0 || v.hours !== 0 || v.minutes !== 0, z = n === "12h" ? p.hours % 12 || 12 : p.hours, W = p.hours < 12;
+  const g = Xr(p, n, o), w = t !== void 0 || v.hours !== 0 || v.minutes !== 0, z = n === "12h" ? p.hours % 12 || 12 : p.hours, W = p.hours < 12;
   function M(F, L) {
-    let I = F % 12;
-    L || (I += 12), m({ hours: I });
+    let E = F % 12;
+    L || (E += 12), m({ hours: E });
   }
   return /* @__PURE__ */ a("div", { ref: u, className: `relative inline-block ${s}`, children: [
     /* @__PURE__ */ a(
@@ -6897,7 +6898,7 @@ function Qr({
         style: qr,
         children: [
           /* @__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 })
+          /* @__PURE__ */ e("span", { className: w ? "text-foreground" : "text-muted-foreground", children: w ? g : i })
         ]
       }
     ),
@@ -6923,7 +6924,7 @@ function Qr({
       /* @__PURE__ */ e(
         rt,
         {
-          options: g,
+          options: x,
           value: p.minutes,
           onChange: (F) => m({ minutes: F }),
           label: "Min"
@@ -6943,7 +6944,7 @@ function Qr({
       ] }),
       n === "12h" && /* @__PURE__ */ a("div", { className: "flex flex-col gap-1 ml-1", children: [
         /* @__PURE__ */ e("div", { className: "h-5" }),
-        k.map((F) => /* @__PURE__ */ e(
+        S.map((F) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -6974,33 +6975,33 @@ function wl({
   disabled: s = !1,
   className: f = ""
 }) {
-  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());
+  const [h, v] = j(!1), [y, u] = j(t ?? /* @__PURE__ */ new Date()), p = V(null), b = t ?? y, x = /* @__PURE__ */ new Date(), [$, S] = j(b.getMonth()), [m, g] = j(b.getFullYear());
   ne(() => {
-    function S(A) {
+    function k(A) {
       p.current && !p.current.contains(A.target) && v(!1);
     }
-    return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
+    return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
   }, []);
-  function w(S) {
-    u(S), r == null || r(S);
+  function w(k) {
+    u(k), r == null || r(k);
   }
-  function z(S) {
-    const A = new Date(S);
+  function z(k) {
+    const A = new Date(k);
     A.setHours(b.getHours(), b.getMinutes(), b.getSeconds(), 0), w(A);
   }
-  function W(S) {
+  function W(k) {
     const A = new Date(b);
-    A.setHours(S.hours, S.minutes, S.seconds ?? 0, 0), w(A);
+    A.setHours(k.hours, k.minutes, k.seconds ?? 0, 0), w(A);
   }
   const M = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], F = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
   function L() {
-    const S = [], A = new Date(m, $, 1), E = new Date(A);
-    E.setDate(E.getDate() - E.getDay());
-    for (let R = 0; R < 42; R++)
-      S.push(new Date(E)), E.setDate(E.getDate() + 1);
-    return S;
+    const k = [], A = new Date(m, $, 1), I = new Date(A);
+    I.setDate(I.getDate() - I.getDay());
+    for (let _ = 0; _ < 42; _++)
+      k.push(new Date(I)), I.setDate(I.getDate() + 1);
+    return k;
   }
-  const I = {
+  const E = {
     fontFamily: "var(--font-label)",
     fontSize: "var(--text-label)",
     fontWeight: "var(--weight-label)"
@@ -7041,7 +7042,7 @@ function wl({
             {
               type: "button",
               onClick: () => {
-                $ === 0 ? (k(11), y(m - 1)) : k($ - 1);
+                $ === 0 ? (S(11), g(m - 1)) : S($ - 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(Me, { size: 14 })
@@ -7057,28 +7058,28 @@ function wl({
             {
               type: "button",
               onClick: () => {
-                $ === 11 ? (k(0), y(m + 1)) : k($ + 1);
+                $ === 11 ? (S(0), g(m + 1)) : S($ + 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 })
             }
           )
         ] }),
-        /* @__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() === $, R = t ? S.toDateString() === t.toDateString() : S.toDateString() === x.toDateString(), _ = S.toDateString() === g.toDateString();
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-7 mb-1", children: F.map((k) => /* @__PURE__ */ e("div", { className: "text-center text-muted-foreground", style: E, children: k }, k)) }),
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-y-0.5", children: L().map((k, A) => {
+          const I = k.getMonth() === $, _ = t ? k.toDateString() === t.toDateString() : k.toDateString() === y.toDateString(), H = k.toDateString() === x.toDateString();
           return /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: () => z(S),
+              onClick: () => z(k),
               className: [
                 "h-7 w-full text-center transition-colors rounded-[var(--radius-md)] cursor-pointer",
-                E ? "" : "text-muted-foreground/40",
-                R ? "bg-primary text-primary-foreground font-semibold" : _ ? "border border-primary text-primary" : "hover:bg-muted/40"
+                I ? "" : "text-muted-foreground/40",
+                _ ? "bg-primary text-primary-foreground font-semibold" : H ? "border border-primary text-primary" : "hover:bg-muted/40"
               ].filter(Boolean).join(" "),
-              style: I,
-              children: S.getDate()
+              style: E,
+              children: k.getDate()
             },
             A
           );
@@ -7086,7 +7087,7 @@ function wl({
       ] }),
       /* @__PURE__ */ e("div", { className: "w-px bg-border" }),
       /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: I, children: "Time" }),
+        /* @__PURE__ */ e("span", { className: "text-muted-foreground", style: E, children: "Time" }),
         /* @__PURE__ */ e(
           Qr,
           {
@@ -7136,7 +7137,7 @@ function Fl({
   size: f = "md",
   layout: h = "horizontal",
   onClick: v,
-  className: x = ""
+  className: y = ""
 }) {
   const u = h === "vertical";
   return /* @__PURE__ */ a(
@@ -7151,7 +7152,7 @@ function Fl({
         u ? "flex flex-col items-center text-center" : "flex items-center",
         i ? "border-primary bg-primary/5 shadow-[0_0_0_1px_var(--primary)]" : "border-border bg-card hover:border-primary/40 hover:bg-muted/20",
         d ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
-        x
+        y
       ].filter(Boolean).join(" "),
       "aria-pressed": i,
       children: [
@@ -7390,22 +7391,22 @@ function _l({
 }) {
   const [h, v] = j(
     () => r ?? []
-  ), x = r ?? h, u = (w) => {
+  ), y = r ?? h, u = (w) => {
     v(w), n == null || n(w);
   }, p = () => {
-    i !== void 0 && x.length >= i || u([...x, Tl(o)]);
+    i !== void 0 && y.length >= i || u([...y, Tl(o)]);
   }, b = (w) => {
-    x.length <= l || u(x.filter((z) => z.id !== w));
-  }, g = (w, z, W) => {
+    y.length <= l || u(y.filter((z) => z.id !== w));
+  }, x = (w, z, W) => {
     u(
-      x.map(
+      y.map(
         (M) => M.id === w ? { ...M, values: { ...M.values, [z]: W } } : M
       )
     );
   }, $ = (w, z) => {
-    const W = [...x], [M] = W.splice(w, 1);
+    const W = [...y], [M] = W.splice(w, 1);
     W.splice(z, 0, M), u(W);
-  }, k = x.length <= l, m = i !== void 0 && x.length >= i, y = ge.useRef(null);
+  }, S = y.length <= l, m = i !== void 0 && y.length >= i, g = ge.useRef(null);
   return /* @__PURE__ */ a("div", { className: `space-y-2 ${f}`, children: [
     /* @__PURE__ */ a(
       "div",
@@ -7428,7 +7429,7 @@ function _l({
         ]
       }
     ),
-    /* @__PURE__ */ e("div", { className: "space-y-2", children: x.map((w, z) => /* @__PURE__ */ a(
+    /* @__PURE__ */ e("div", { className: "space-y-2", children: y.map((w, z) => /* @__PURE__ */ a(
       "div",
       {
         className: [
@@ -7437,13 +7438,13 @@ function _l({
         ].join(" "),
         draggable: c && !s,
         onDragStart: () => {
-          y.current = z;
+          g.current = z;
         },
         onDragOver: (W) => {
           W.preventDefault();
         },
         onDrop: () => {
-          y.current !== null && y.current !== z && ($(y.current, z), y.current = null);
+          g.current !== null && g.current !== z && ($(g.current, z), g.current = null);
         },
         children: [
           c && /* @__PURE__ */ e("div", { className: "cursor-grab text-muted-foreground/50 hover:text-muted-foreground flex-shrink-0", children: /* @__PURE__ */ e(Fn, { size: 14 }) }),
@@ -7454,7 +7455,7 @@ function _l({
               className: "min-w-0",
               children: W.render(
                 w.values[W.key],
-                (M) => g(w.id, W.key, M),
+                (M) => x(w.id, W.key, M),
                 z
               )
             },
@@ -7464,11 +7465,11 @@ function _l({
             "button",
             {
               type: "button",
-              disabled: s || k,
+              disabled: s || S,
               onClick: () => b(w.id),
               className: [
                 "flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-[var(--radius-md)] transition-colors",
-                s || k ? "text-muted-foreground/30 cursor-not-allowed" : "text-muted-foreground hover:text-destructive hover:bg-destructive/10 cursor-pointer"
+                s || S ? "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(St, { size: 14 })
@@ -7478,7 +7479,7 @@ function _l({
       },
       w.id
     )) }),
-    x.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-6 text-muted-foreground rounded-[var(--radius-md)] border border-dashed border-border", children: /* @__PURE__ */ a("span", { style: ur, children: [
+    y.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-6 text-muted-foreground rounded-[var(--radius-md)] border border-dashed border-border", children: /* @__PURE__ */ a("span", { style: ur, children: [
       'No rows yet. Click "',
       d,
       '" to begin.'
@@ -7556,11 +7557,11 @@ function Pl({
   size: f = "md",
   className: h = ""
 }) {
-  const v = V(null), [x, u] = j(!1), [p, b] = j(/* @__PURE__ */ new Set()), [g, $] = j(!t);
+  const v = V(null), [y, u] = j(!1), [p, b] = j(/* @__PURE__ */ new Set()), [x, $] = j(!t);
   ne(() => {
     v.current && t && v.current.innerHTML !== t && (v.current.innerHTML = t, $(!1));
   }, []);
-  const k = Q(() => {
+  const S = Q(() => {
     const M = /* @__PURE__ */ new Set();
     [
       "bold",
@@ -7590,18 +7591,18 @@ function Pl({
         L && document.execCommand("createLink", !1, L);
       } else
         document.execCommand(M, !1);
-      k(), v.current && r && r(v.current.innerHTML);
+      S(), v.current && r && r(v.current.innerHTML);
     }
   }
-  function y() {
+  function g() {
     if (v.current) {
       const M = v.current.innerHTML, F = v.current.innerText.trim();
-      $(!F), r == null || r(M), k();
+      $(!F), r == null || r(M), S();
     }
   }
   const z = o ?? { sm: 120, md: 160, lg: 240 }[f], W = [
     "border border-border rounded-[var(--radius-md)] bg-card overflow-hidden transition-all",
-    x ? "fixed inset-4 z-[var(--z-modal)] flex flex-col shadow-[0_8px_48px_rgba(0,0,0,0.2)]" : "relative",
+    y ? "fixed inset-4 z-[var(--z-modal)] flex flex-col shadow-[0_8px_48px_rgba(0,0,0,0.2)]" : "relative",
     c ? "opacity-60" : "",
     h
   ].filter(Boolean).join(" ");
@@ -7611,16 +7612,16 @@ function Pl({
         const L = Hl[M];
         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);
+          L.map((E) => {
+            const C = E.icon, N = p.has(E.cmd);
             return /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                title: I.title,
+                title: E.title,
                 disabled: c,
-                onMouseDown: (S) => {
-                  S.preventDefault(), m(I.cmd);
+                onMouseDown: (k) => {
+                  k.preventDefault(), m(E.cmd);
                 },
                 className: [
                   "w-7 h-7 flex items-center justify-center rounded-[var(--radius-sm)] transition-colors",
@@ -7629,7 +7630,7 @@ function Pl({
                 ].join(" "),
                 children: /* @__PURE__ */ e(C, { size: 13 })
               },
-              I.cmd
+              E.cmd
             );
           })
         ] }, M);
@@ -7640,16 +7641,16 @@ function Pl({
           "button",
           {
             type: "button",
-            title: x ? "Exit fullscreen" : "Fullscreen",
-            onClick: () => u(!x),
+            title: y ? "Exit fullscreen" : "Fullscreen",
+            onClick: () => u(!y),
             className: "w-7 h-7 flex items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground hover:bg-muted/40 hover:text-foreground transition-colors cursor-pointer",
-            children: x ? /* @__PURE__ */ e(Pn, { size: 13 }) : /* @__PURE__ */ e(Yn, { size: 13 })
+            children: y ? /* @__PURE__ */ e(Pn, { size: 13 }) : /* @__PURE__ */ e(Yn, { size: 13 })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ a("div", { className: "relative flex-1", children: [
-      g && /* @__PURE__ */ e(
+      x && /* @__PURE__ */ e(
         "div",
         {
           className: "absolute top-0 left-0 pointer-events-none p-4 text-muted-foreground",
@@ -7663,9 +7664,9 @@ function Pl({
           ref: v,
           contentEditable: !c && !s,
           suppressContentEditableWarning: !0,
-          onInput: y,
-          onKeyUp: k,
-          onMouseUp: k,
+          onInput: g,
+          onKeyUp: S,
+          onMouseUp: S,
           className: [
             "outline-none p-4 overflow-y-auto",
             "prose-p:my-2 [&_h2]:text-xl [&_h2]:font-bold [&_h2]:my-3",
@@ -7673,12 +7674,12 @@ function Pl({
             "[&_pre]:bg-muted/30 [&_pre]:rounded [&_pre]:p-2 [&_pre]:text-sm",
             "[&_a]:text-primary [&_a]:underline",
             "[&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5",
-            x ? "flex-1" : ""
+            y ? "flex-1" : ""
           ].filter(Boolean).join(" "),
           style: {
             ...Ol,
-            minHeight: x ? void 0 : z,
-            maxHeight: x ? void 0 : l
+            minHeight: y ? void 0 : z,
+            maxHeight: y ? void 0 : l
           },
           "data-placeholder": n
         }
@@ -7823,10 +7824,10 @@ function Ul({
   defaultLayout: f = "grid",
   columns: h = 4,
   disabled: v = !1,
-  className: x = ""
+  className: y = ""
 }) {
-  const [u, p] = j(f), [b, g] = j(null), $ = ge.useRef(null);
-  function k(w) {
+  const [u, p] = j(f), [b, x] = j(null), $ = ge.useRef(null);
+  function S(w) {
     if (v) return;
     if (n.includes(w))
       o == null || o(n.filter((W) => W !== w));
@@ -7836,13 +7837,13 @@ function Ul({
     }
   }
   function m(w, z) {
-    r ? k(z) : i && g(w);
+    r ? S(z) : i && x(w);
   }
-  const y = Q((w) => {
+  const g = Q((w) => {
     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: Mt, 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: y, children: [
     /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-3", children: [
       /* @__PURE__ */ a("span", { className: "text-muted-foreground", style: Oe, children: [
         t.length,
@@ -7860,7 +7861,7 @@ function Ul({
               accept: "image/*",
               multiple: !0,
               className: "hidden",
-              onChange: y
+              onChange: g
             }
           ),
           /* @__PURE__ */ a(
@@ -7979,7 +7980,7 @@ function Ul({
       {
         images: t,
         startIdx: b,
-        onClose: () => g(null)
+        onClose: () => x(null)
       }
     )
   ] });
@@ -7999,30 +8000,30 @@ function en({
   children: d
 }) {
   const c = o !== void 0, [s, f] = j(i), h = c ? o : s, v = Q(
-    (y) => {
-      c || f(y), l == null || l(y);
+    (g) => {
+      c || f(g), l == null || l(g);
     },
     [c, l]
-  ), [x, u] = j([]), p = Q((y) => {
-    u(y);
-  }, []), [b, g] = j({
+  ), [y, u] = j([]), p = Q((g) => {
+    u(g);
+  }, []), [b, x] = j({
     groups: [],
     loading: !1,
     error: null
-  }), $ = V(0), k = Q(async () => {
+  }), $ = V(0), S = Q(async () => {
     if (!n || !t) {
-      g({ groups: [], loading: !1, error: null });
+      x({ groups: [], loading: !1, error: null });
       return;
     }
-    const y = ++$.current;
-    g((w) => ({ ...w, loading: !0, error: null }));
+    const g = ++$.current;
+    x((w) => ({ ...w, loading: !0, error: null }));
     try {
       const w = await n(t);
-      if (y !== $.current) return;
-      g({ groups: w, loading: !1, error: null });
+      if (g !== $.current) return;
+      x({ groups: w, loading: !1, error: null });
     } catch (w) {
-      if (y !== $.current) return;
-      g({
+      if (g !== $.current) return;
+      x({
         groups: [],
         loading: !1,
         error: w instanceof Error ? w.message : "Failed to load navigation"
@@ -8030,12 +8031,12 @@ function en({
     }
   }, [n, t]);
   ne(() => {
-    k();
-  }, [k]), ne(() => {
+    S();
+  }, [S]), ne(() => {
     if (!(r != null && r.product)) return;
-    const y = document.documentElement.getAttribute("data-product");
+    const g = document.documentElement.getAttribute("data-product");
     return document.documentElement.setAttribute("data-product", r.product), () => {
-      y ? document.documentElement.setAttribute("data-product", y) : document.documentElement.removeAttribute("data-product");
+      g ? document.documentElement.setAttribute("data-product", g) : document.documentElement.removeAttribute("data-product");
     };
   }, [r == null ? void 0 : r.product]);
   const m = se(
@@ -8044,24 +8045,24 @@ function en({
       setSidebarOpen: v,
       user: t,
       product: r,
-      breadcrumbs: x,
+      breadcrumbs: y,
       setBreadcrumbs: p,
       navGroups: b.groups,
       navLoading: b.loading,
       navError: b.error,
-      refreshNav: k
+      refreshNav: S
     }),
     [
       h,
       v,
       t,
       r,
-      x,
+      y,
       p,
       b.groups,
       b.loading,
       b.error,
-      k
+      S
     ]
   );
   return /* @__PURE__ */ e(_t.Provider, { value: m, children: /* @__PURE__ */ e(Bt.Provider, { value: m, children: d }) });
@@ -8329,132 +8330,149 @@ function si({
   children: h,
   className: v = ""
 }) {
-  var C, N, S, A;
+  var N, k, A, I;
   const {
-    sidebarOpen: x,
+    sidebarOpen: y,
     setSidebarOpen: u,
     user: p,
     product: b,
-    breadcrumbs: g,
+    breadcrumbs: x,
     navGroups: $,
-    navLoading: k,
+    navLoading: S,
     navError: m,
-    refreshNav: y
+    refreshNav: g
   } = Zl(), [w, z] = j(
-    !(((C = b == null ? void 0 : b.shell) == null ? void 0 : C.sidebarDefaultOpen) ?? !0)
+    !(((N = b == null ? void 0 : b.shell) == null ? void 0 : N.sidebarDefaultOpen) ?? !0)
   ), [W, M] = j(!1);
   ne(() => {
-    function E() {
+    function _() {
       window.innerWidth >= 768 && M(!1);
     }
-    return window.addEventListener("resize", E), () => window.removeEventListener("resize", E);
+    return window.addEventListener("resize", _), () => window.removeEventListener("resize", _);
   }, []);
   const F = ii($), L = Q(
-    (E) => {
-      const R = $.flatMap((_) => _.items).find((_) => _.id === E.id);
-      R && r && r(R), M(!1);
+    (_) => {
+      const H = $.flatMap((B) => B.items).find((B) => B.id === _.id);
+      H && r && r(H), M(!1);
     },
     [$, r]
-  ), I = /* @__PURE__ */ e(
+  ), E = /* @__PURE__ */ e(
     zt,
     {
       brand: b ? { name: b.brand.name } : { name: "Sellsuki" },
-      groups: k ? [{ label: "Loading", items: [] }] : F,
+      groups: S ? [{ label: "Loading", items: [] }] : F,
       activeItem: t,
       onNavigate: L,
       collapsed: w,
       onCollapsedChange: z,
-      showCollapseToggle: ((N = b == null ? void 0 : b.shell) == null ? void 0 : N.sidebarCollapsible) ?? !0,
+      showCollapseToggle: ((k = b == null ? void 0 : b.shell) == null ? void 0 : k.sidebarCollapsible) ?? !0,
       version: c,
       versionDate: s
     }
-  );
+  ), C = w ? "var(--shell-sidebar-collapsed, 64px)" : "var(--shell-sidebar-width, 240px)";
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `min-h-screen bg-[var(--background)] flex flex-col ${v}`,
+      className: `min-h-screen bg-[var(--background)] ${v}`,
       "data-product": b == null ? void 0 : b.product,
       children: [
         /* @__PURE__ */ e(
-          Pr,
+          "div",
           {
-            brand: b ? { name: b.brand.name, logo: b.brand.logo } : { name: "Sellsuki" },
-            breadcrumbs: g.map((E) => ({ label: E.label, href: E.href })),
-            user: p ? { name: p.name, avatar: p.avatar } : void 0,
-            showSearch: d,
-            onSearchClick: i,
-            notificationCount: n,
-            onNotificationClick: o,
-            onUserClick: l,
-            workspaceSwitcher: (S = b == null ? void 0 : b.brand) == null ? void 0 : S.workspaceSwitcher,
-            onSidebarToggle: () => {
-              window.innerWidth < 768 ? M((E) => !E) : z((E) => !E);
+            className: "fixed top-0 left-0 right-0",
+            style: { zIndex: "var(--z-shell-navbar, 100)" },
+            children: /* @__PURE__ */ e(
+              Pr,
+              {
+                brand: b ? { name: b.brand.name, logo: b.brand.logo } : { name: "Sellsuki" },
+                breadcrumbs: x.map((_) => ({ label: _.label, href: _.href })),
+                user: p ? { name: p.name, avatar: p.avatar } : void 0,
+                showSearch: d,
+                onSearchClick: i,
+                notificationCount: n,
+                onNotificationClick: o,
+                onUserClick: l,
+                workspaceSwitcher: (A = b == null ? void 0 : b.brand) == null ? void 0 : A.workspaceSwitcher,
+                onSidebarToggle: () => {
+                  window.innerWidth < 768 ? M((_) => !_) : z((_) => !_);
+                },
+                onMobileMenuClick: () => M((_) => !_)
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          "aside",
+          {
+            className: "hidden md:flex flex-col fixed left-0 bottom-0 overflow-hidden",
+            style: {
+              top: "var(--shell-navbar-height, 56px)",
+              width: C,
+              zIndex: "var(--z-shell-sidebar, 90)",
+              transition: "width var(--shell-sidebar-transition, 250ms cubic-bezier(0.4,0,0.2,1))"
             },
-            onMobileMenuClick: () => M((E) => !E)
+            children: S ? /* @__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-label)" }, children: "Nav load failed" }) }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "mt-2 text-primary cursor-pointer hover:underline",
+                  style: { fontSize: "var(--text-label)" },
+                  onClick: g,
+                  children: "Retry"
+                }
+              )
+            ] }) : E
           }
         ),
-        /* @__PURE__ */ a("div", { className: "flex flex-1 overflow-hidden", children: [
+        W && /* @__PURE__ */ a(ve, { children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: "hidden md:flex flex-shrink-0 sticky top-[56px] h-[calc(100vh-56px)] overflow-y-auto",
-              style: {
-                width: w ? "var(--shell-sidebar-collapsed, 64px)" : "var(--shell-sidebar-width, 240px)",
-                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-label)" }, children: "Nav load failed" }) }),
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    type: "button",
-                    className: "mt-2 text-primary cursor-pointer hover:underline",
-                    style: { fontSize: "var(--text-label)" },
-                    onClick: y,
-                    children: "Retry"
-                  }
-                )
-              ] }) : I
+              className: "fixed inset-0 bg-black/40 md:hidden",
+              style: { zIndex: "var(--z-shell-overlay, 80)" },
+              onClick: () => M(!1)
             }
           ),
-          W && /* @__PURE__ */ a(ve, { children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: "fixed inset-0 z-[var(--z-shell-overlay,80)] bg-black/40 md:hidden",
-                onClick: () => M(!1)
-              }
-            ),
-            /* @__PURE__ */ e(
-              "div",
-              {
-                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(
-                  zt,
-                  {
-                    brand: b ? { name: b.brand.name } : { name: "Sellsuki" },
-                    groups: F,
-                    activeItem: t,
-                    onNavigate: L,
-                    collapsed: !1,
-                    showCollapseToggle: !1,
-                    version: c,
-                    versionDate: s
-                  }
-                )
-              }
-            )
-          ] }),
           /* @__PURE__ */ e(
-            "main",
+            "div",
             {
-              className: `flex-1 min-w-0 overflow-y-auto ${f ? "" : "p-0"}`,
-              style: { maxWidth: (A = b == null ? void 0 : b.shell) == null ? void 0 : A.contentMaxWidth },
-              children: /* @__PURE__ */ e(Xl, { children: h })
+              className: "fixed left-0 bottom-0 bg-card shadow-lg md:hidden overflow-y-auto",
+              style: {
+                top: "var(--shell-navbar-height, 56px)",
+                width: "var(--shell-sidebar-width, 240px)",
+                zIndex: "var(--z-shell-sidebar, 90)"
+              },
+              children: S ? /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(tr, { rows: 6 }) }) : /* @__PURE__ */ e(
+                zt,
+                {
+                  brand: b ? { name: b.brand.name } : { name: "Sellsuki" },
+                  groups: F,
+                  activeItem: t,
+                  onNavigate: L,
+                  collapsed: !1,
+                  showCollapseToggle: !1,
+                  version: c,
+                  versionDate: s
+                }
+              )
             }
           )
         ] }),
+        /* @__PURE__ */ e(
+          "main",
+          {
+            className: `min-h-screen ${f ? "" : "p-0"}`,
+            style: {
+              paddingTop: "var(--shell-navbar-height, 56px)",
+              marginLeft: C,
+              transition: "margin-left var(--shell-sidebar-transition, 250ms cubic-bezier(0.4,0,0.2,1))",
+              maxWidth: (I = b == null ? void 0 : b.shell) == null ? void 0 : I.contentMaxWidth
+            },
+            children: /* @__PURE__ */ e(Xl, { children: h })
+          }
+        ),
         /* @__PURE__ */ e(eo, {})
       ]
     }