@uxuissk/design-system 0.8.5 → 0.8.6

package/dist/sellsuki-ds.js

@@ -198,14 +198,14 @@ const Fr = {
     className: W = "",
     ...M
   }, F) => {
-    const [L, I] = j(!1), [C, N] = j(!1), [S, A] = j(w ?? ""), E = y !== void 0 ? y : S, 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), [S, A] = j(w ?? ""), I = y !== void 0 ? y : S, _ = 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,
@@ -220,7 +220,7 @@ const Fr = {
             ${k ? "" : q.hover}
             ${L && !k ? q.focus : ""}
             ${k ? "opacity-50 cursor-not-allowed" : ""}
-            ${Mr[H]}
+            ${Mr[R]}
           `,
           children: [
             c && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-muted-foreground", children: c }),
@@ -231,10 +231,10 @@ const Fr = {
                 ref: F,
                 type: ae,
                 disabled: k || u,
-                value: E,
+                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
@@ -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,
+      g && 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
           }
@@ -760,7 +760,7 @@ function yi({
   footer: w,
   fullWidth: z = !1
 }) {
-  const [W, M] = j(!1), [F, L] = j(() => t ?? /* @__PURE__ */ new Date()), [I, C] = j("days"), [N, S] = j(null), [A, E] = j(() => t ? t.getHours() : 0), [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, S] = 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 = () => {
@@ -773,7 +773,7 @@ function yi({
   }, [W, l, g]), ne(() => {
     function O(ee) {
       var be, De;
-      const ye = ee.target, oe = ((be = B.current) == null ? void 0 : be.contains(ye)) ?? !1, je = ((De = H.current) == null ? void 0 : De.contains(ye)) ?? !1;
+      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);
@@ -786,25 +786,25 @@ function yi({
       if (!Zt(O, $, k, m))
         if (l === "single") {
           let ee = new Date(O);
-          g && ee.setHours(A, R), n == null || n(ee), g || (M(!1), C("days"));
+          g && ee.setHours(A, _), n == null || n(ee), g || (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, $, k, m, g, 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"));
+      g && ee.setHours(A, _), n == null || n(ee), g || (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 = {
@@ -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: [
@@ -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: [
+            g && 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
                   }
@@ -1273,10 +1273,10 @@ function Ni({
       !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 ? y.active : `${y.base} ${E ? "" : y.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)"
@@ -1339,7 +1339,7 @@ function Ni({
               children: g ?? /* @__PURE__ */ e(Me, { size: m.icon })
             }
           ),
-          k.map((L, I) => L === "dots-left" || L === "dots-right" ? /* @__PURE__ */ e(
+          k.map((L, E) => L === "dots-left" || L === "dots-right" ? /* @__PURE__ */ e(
             "span",
             {
               className: `inline-flex items-center justify-center text-muted-foreground ${m.btn}`,
@@ -1432,7 +1432,7 @@ function $i({
   }, []), 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)" };
+  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 }) }),
@@ -1478,7 +1478,7 @@ function $i({
         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 })
           ] })
         ]
@@ -1511,19 +1511,19 @@ function Si({
 }) {
   const [b, g] = j(null), [$, k] = j("asc"), [m, y] = j(/* @__PURE__ */ new Set()), w = c ?? m, z = (A) => {
     c || y(A), s == null || s(A);
-  }, W = se(() => b ? [...r].sort((A, E) => {
-    const R = A[b], _ = E[b];
-    if (R == null) return 1;
-    if (_ == null) return -1;
-    const B = typeof R == "string" ? R.localeCompare(_) : R - _;
+  }, 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 ? k((I) => I === "asc" ? "desc" : "asc") : (g(A), k("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);
+    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)" }, S = { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-button)" };
   return /* @__PURE__ */ e("div", { className: `${u ? "" : "rounded-[var(--radius-md)] border border-border"} overflow-hidden ${p}`, children: /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ a("table", { className: "w-full border-collapse", children: [
     /* @__PURE__ */ e("thead", { className: x ? "sticky top-0 z-10" : "", children: /* @__PURE__ */ a("tr", { className: "border-b border-border", style: { backgroundColor: "color-mix(in srgb, var(--muted) 30%, var(--background) 70%)" }, children: [
@@ -1533,7 +1533,7 @@ function Si({
           size: "sm",
           checked: F,
           indeterminate: L,
-          onChange: I
+          onChange: E
         }
       ) }),
       t.map((A) => /* @__PURE__ */ e(
@@ -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
       );
     }) })
   ] }) }) });
@@ -2202,18 +2202,18 @@ const Go = {
     creatable: M = !1,
     onCreateOption: F,
     createLabel: L = 'Create "{query}"',
-    emptyState: I,
+    emptyState: E,
     footer: C,
     onSearch: N,
     searchDebounce: S = 300,
     searchLoading: A = !1,
-    renderOption: E
-  }, R) => {
-    const [_, B] = j(!1), [q, H] = j(""), [K, ae] = j(-1), [G, re] = j(
+    renderOption: I
+  }, _) => {
+    const [H, B] = j(!1), [q, R] = j(""), [K, ae] = j(-1), [G, re] = j(
       n ?? (g ? [] : "")
     ), 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,10 +2221,10 @@ 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));
       },
@@ -2267,7 +2267,7 @@ const Go = {
           re(P), o == null || o(P);
         } else
           re(D), o == null || o(D), B(!1);
-        H("");
+        R("");
       },
       [Y, g, $, o]
     ), le = se(
@@ -2288,7 +2288,7 @@ const Go = {
           re(D), o == null || o(D);
         }
     }, [g, he, Y, le, $, o]), ye = Q(() => {
-      q.trim() && (F == null || F(q.trim()), H(""));
+      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();
@@ -2302,7 +2302,7 @@ const Go = {
         if (!(x || 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,20 +2324,20 @@ const Go = {
               break;
           }
       },
-      [x, u, _, K, be, Ce]
+      [x, 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]);
+      }, 50), H && ae(-1);
+    }, [H, p]);
     const Ae = g ? Array.isArray(Y) && Y.length > 0 : !!Y, Be = c ? "error" : v, rn = () => {
       const D = Ve, P = W && W > 0 ? W : D.length, U = D.slice(0, P), _e = D.length - U.length;
       return /* @__PURE__ */ a("span", { className: "flex flex-wrap gap-1", children: [
@@ -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(
@@ -2450,7 +2450,7 @@ const Go = {
       );
     };
     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: y, children: [
       i && /* @__PURE__ */ a(
         "label",
         {
@@ -2468,15 +2468,15 @@ const Go = {
           ref: T,
           type: "button",
           role: "combobox",
-          "aria-expanded": _,
+          "aria-expanded": H,
           "aria-haspopup": "listbox",
           disabled: x || u,
-          onClick: () => !x && !u && B(!_),
+          onClick: () => !x && !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 : ""}
+            ${H ? Fe.focus : ""}
             ${x ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
             ${u ? "opacity-70 cursor-wait" : ""}
             ${Ko[Be]}
@@ -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",
           {
@@ -2568,7 +2568,7 @@ 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: [
@@ -4754,13 +4754,13 @@ function Hi({
   }, L = () => {
     const S = new Set(v);
     b.forEach((A) => S.delete(A)), x(S), g(/* @__PURE__ */ new Set());
-  }, I = () => {
+  }, E = () => {
     x(new Set(n.filter((S) => !S.disabled).map((S) => S.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);
+  }, N = (S, A, I) => {
+    const _ = new Set(A);
+    _.has(S) ? _.delete(S) : _.add(S), 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 }) }),
@@ -4782,7 +4782,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 })
@@ -5661,23 +5661,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, S = 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(() => {
+    S(I ? /* @__PURE__ */ new Set() : new Set(A));
+  }, [I, A, S]), B = Q(
     (T) => {
       const J = new Set(N);
       J.has(T) ? J.delete(T) : J.add(T), S(J);
     },
     [N, S]
-  ), [q, H] = j(/* @__PURE__ */ new Set()), K = Q((T) => {
-    H((J) => {
+  ), [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;
     });
@@ -5716,9 +5716,9 @@ function Zi({
           st,
           {
             size: "sm",
-            checked: E,
-            indeterminate: R && !E,
-            onChange: _
+            checked: I,
+            indeterminate: _ && !I,
+            onChange: H
           }
         ) }),
         L.map((T) => {
@@ -5903,14 +5903,14 @@ function dl({
   mr();
   const v = V(null), [x, u] = j(null);
   if (!t.length || !t[0].data.length) return null;
-  const p = t[0].data.map((I) => I.label), b = t.flatMap((I) => I.data.map((C) => C.value)), g = 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)), 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(E) {
+    return k.left + E * W;
   }
-  function F(I) {
-    return k.top + z - (I - $) / (g - $ || 1) * z;
+  function F(E) {
+    return k.top + z - (E - $) / (g - $ || 1) * z;
   }
-  const L = Array.from({ length: 5 }, (I, C) => $ + C / 4 * (g - $));
+  const L = Array.from({ length: 5 }, (E, C) => $ + C / 4 * (g - $));
   return /* @__PURE__ */ a("div", { className: `w-full ${h}`, children: [
     /* @__PURE__ */ a(
       "svg",
@@ -5921,32 +5921,32 @@ function dl({
         viewBox: `0 0 ${m} ${y}`,
         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),
+              y1: F(E),
               x2: m - k.right,
-              y2: F(I),
+              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,
+              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",
@@ -5956,13 +5956,13 @@ function dl({
                 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), S = E.data.map((I, _) => [M(_), F(I.value)]), A = It(S, f);
             return /* @__PURE__ */ a("g", { children: [
               /* @__PURE__ */ e(
                 "path",
@@ -5975,21 +5975,21 @@ function dl({
                   strokeLinejoin: "round"
                 }
               ),
-              s && S.map(([E, R], _) => /* @__PURE__ */ e(
+              s && S.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,
@@ -6019,12 +6019,12 @@ function dl({
               x: Et(M(x.labelIdx) + 8, k.left, m - 180),
               y: k.top,
               label: p[x.labelIdx],
-              items: t.map((I, C) => {
+              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[x.labelIdx]) == null ? void 0 : N.value) ?? 0,
+                  color: pe(E, C)
                 };
               })
             }
@@ -6032,9 +6032,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)) })
   ] });
 }
@@ -6062,7 +6062,7 @@ function cl({
   function L(N) {
     return m.top + W - (N - k) / ($ - k || 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, S) => k + S / 4 * ($ - k)), C = m.top + W;
   return /* @__PURE__ */ a("div", { className: `w-full ${v}`, children: [
     /* @__PURE__ */ a(
       "svg",
@@ -6076,7 +6076,7 @@ function cl({
             /* @__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(
+          i && E.map((N, S) => /* @__PURE__ */ e(
             "line",
             {
               x1: m.left,
@@ -6089,7 +6089,7 @@ function cl({
             },
             S
           )),
-          l && I.map((N, S) => /* @__PURE__ */ e(
+          l && E.map((N, S) => /* @__PURE__ */ e(
             "text",
             {
               x: m.left - 8,
@@ -6117,11 +6117,11 @@ function cl({
             );
           }),
           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`;
+            const A = pe(N, S), 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))
+              /* @__PURE__ */ e("path", { d: H, fill: `url(#${x}-grad-${S})` }),
+              /* @__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))
             ] }, S);
           }),
           c && b.map((N, S) => /* @__PURE__ */ e(
@@ -6193,8 +6193,8 @@ function ul({
   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);
+      var I;
+      return S + (((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;
@@ -6207,7 +6207,7 @@ function ul({
   function L(C) {
     return b.left + C * y + 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",
@@ -6217,7 +6217,7 @@ function ul({
         viewBox: `0 0 ${g} ${$}`,
         onMouseLeave: () => x(null),
         children: [
-          i && I.map((C, N) => /* @__PURE__ */ e(
+          i && E.map((C, N) => /* @__PURE__ */ e(
             "line",
             {
               x1: b.left,
@@ -6230,7 +6230,7 @@ function ul({
             },
             N
           )),
-          l && I.map((C, N) => /* @__PURE__ */ e(
+          l && E.map((C, N) => /* @__PURE__ */ e(
             "text",
             {
               x: b.left - 8,
@@ -6257,21 +6257,21 @@ function ul({
           u.map((C, N) => {
             if (s) {
               let S = b.top + m;
-              return /* @__PURE__ */ e("g", { children: t.map((A, E) => {
+              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 - _;
+                const _ = ((J = A.data[N]) == null ? void 0 : J.value) ?? 0, H = F(_), B = S - H;
                 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 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) => {
                 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 = S.data[N]) == null ? void 0 : K.value) ?? 0, _ = F(I), H = L(N) + A * W, B = M(I), q = pe(S, 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
@@ -6334,12 +6334,12 @@ function fl({
   const g = t.map((m, y) => {
     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 = x + u * Math.sin(z), L = v + u * Math.cos(W), E = 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), 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 ${S},${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;
@@ -6651,45 +6651,45 @@ 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, 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 }), E = V(null), C = V(null), N = t ?? u, S = (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) && x(!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") {
+  function I(R) {
+    if (R.value === "custom") {
       k("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), k(R.value), x(!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 };
+      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"), k("custom"), M("from"), x(!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);
   }
-  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",
       {
@@ -6712,8 +6712,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 +6728,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(
@@ -6751,7 +6751,7 @@ function yl({
                   range: N,
                   hovered: b,
                   onHover: g,
-                  onSelect: R,
+                  onSelect: _,
                   onPrevMonth: () => {
                     m === 0 ? (y(11), z(w - 1)) : y(m - 1);
                   },
@@ -6771,7 +6771,7 @@ function yl({
                   range: N,
                   hovered: b,
                   onHover: g,
-                  onSelect: R,
+                  onSelect: _,
                   onPrevMonth: () => {
                     m === 0 ? (y(11), z(w - 1)) : y(m - 1);
                   },
@@ -6878,8 +6878,8 @@ function Qr({
   }
   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;
   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(
@@ -6994,13 +6994,13 @@ function wl({
   }
   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);
+    const S = [], A = new Date(m, $, 1), I = new Date(A);
+    I.setDate(I.getDate() - I.getDay());
+    for (let _ = 0; _ < 42; _++)
+      S.push(new Date(I)), I.setDate(I.getDate() + 1);
     return S;
   }
-  const I = {
+  const E = {
     fontFamily: "var(--font-label)",
     fontSize: "var(--text-label)",
     fontWeight: "var(--weight-label)"
@@ -7064,9 +7064,9 @@ function wl({
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "grid grid-cols-7 mb-1", children: F.map((S) => /* @__PURE__ */ e("div", { className: "text-center text-muted-foreground", style: I, children: S }, S)) }),
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-7 mb-1", children: F.map((S) => /* @__PURE__ */ e("div", { className: "text-center text-muted-foreground", style: E, 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();
+          const I = S.getMonth() === $, _ = t ? S.toDateString() === t.toDateString() : S.toDateString() === x.toDateString(), H = S.toDateString() === g.toDateString();
           return /* @__PURE__ */ e(
             "button",
             {
@@ -7074,10 +7074,10 @@ function wl({
               onClick: () => z(S),
               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,
+              style: E,
               children: S.getDate()
             },
             A
@@ -7086,7 +7086,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,
           {
@@ -7611,16 +7611,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);
+                  S.preventDefault(), m(E.cmd);
                 },
                 className: [
                   "w-7 h-7 flex items-center justify-center rounded-[var(--radius-sm)] transition-colors",
@@ -7629,7 +7629,7 @@ function Pl({
                 ].join(" "),
                 children: /* @__PURE__ */ e(C, { size: 13 })
               },
-              I.cmd
+              E.cmd
             );
           })
         ] }, M);
@@ -8329,7 +8329,7 @@ function si({
   children: h,
   className: v = ""
 }) {
-  var C, N, S, A;
+  var N, S, A, I;
   const {
     sidebarOpen: x,
     setSidebarOpen: u,
@@ -8341,21 +8341,21 @@ function si({
     navError: m,
     refreshNav: y
   } = 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" },
@@ -8364,97 +8364,114 @@ function si({
       onNavigate: L,
       collapsed: w,
       onCollapsedChange: z,
-      showCollapseToggle: ((N = b == null ? void 0 : b.shell) == null ? void 0 : N.sidebarCollapsible) ?? !0,
+      showCollapseToggle: ((S = b == null ? void 0 : b.shell) == null ? void 0 : S.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: g.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-y-auto bg-card border-r border-border",
+            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: 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"
+                }
+              )
+            ] }) : 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: 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",
+          {
+            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, {})
       ]
     }