@starasia/admin 14.50.1 → 14.51.1

package/dist/index.es.js

@@ -62,7 +62,7 @@ import { Skeleton as Ct } from "@starasia/skeleton";
 export * from "@starasia/skeleton";
 export * from "@starasia/progress-stepper";
 import { jsx as e, Fragment as ne, jsxs as u } from "react/jsx-runtime";
-import Dt, { createContext as _t, useState as B, useContext as At, useCallback as P, useMemo as Fe, memo as bt, useEffect as Q, useRef as le, useLayoutEffect as mt, forwardRef as an, isValidElement as Jr, useSyncExternalStore as Eo, Children as Fo, useImperativeHandle as Lo } from "react";
+import Dt, { createContext as _t, useState as B, useContext as At, useCallback as j, useMemo as Fe, memo as bt, useEffect as Q, useRef as le, useLayoutEffect as mt, forwardRef as an, isValidElement as Jr, useSyncExternalStore as Eo, Children as Fo, useImperativeHandle as Lo } from "react";
 import Wo, { createPortal as dn } from "react-dom";
 import Ro from "react-easy-crop";
 const Mo = {
@@ -90,14 +90,14 @@ const Mo = {
   clearBadge: () => {
   }
 }), zo = ({ children: t }) => {
-  const [r, n] = B({}), o = P(
+  const [r, n] = B({}), o = j(
     (s) => {
       n(
         (a) => typeof s == "function" ? s(a) : s
       );
     },
     []
-  ), i = P(
+  ), i = j(
     (s, a) => {
       n((d) => {
         const f = typeof a == "function" ? a(d[s]) : a;
@@ -105,7 +105,7 @@ const Mo = {
       });
     },
     []
-  ), l = P((s) => {
+  ), l = j((s) => {
     n((a) => {
       if (!(s in a)) return a;
       const d = { ...a };
@@ -171,14 +171,14 @@ const Mo = {
 }) => {
   const [c, s] = B(r), [a, d] = B(!1), [f, p] = B(
     () => Ho(l, n, o, i)
-  ), g = P(
+  ), g = j(
     (k) => {
       s(
         (M) => typeof k == "function" ? k(M) : k
       );
     },
     []
-  ), b = P(() => s((k) => !k), []), D = P(() => s(!0), []), C = P(() => s(!1), []), I = P(
+  ), b = j(() => s((k) => !k), []), D = j(() => s(!0), []), C = j(() => s(!1), []), I = j(
     (k) => {
       p((M) => {
         const G = typeof k == "function" ? k(M) : k, O = Kr(Math.round(G), o, i);
@@ -186,17 +186,17 @@ const Mo = {
       });
     },
     [o, i, l]
-  ), z = P(() => {
+  ), z = j(() => {
     const k = Kr(n, o, i);
     In(l, k), p(k);
-  }, [n, o, i, l]), A = P(
+  }, [n, o, i, l]), A = j(
     (k) => {
       d(
         (M) => typeof k == "function" ? k(M) : k
       );
     },
     []
-  ), x = P(() => d(!0), []), S = P(() => d(!1), []), L = P(() => d((k) => !k), []), R = Fe(
+  ), x = j(() => d(!0), []), S = j(() => d(!1), []), L = j(() => d((k) => !k), []), R = Fe(
     () => ({
       collapsed: c,
       setCollapsed: g,
@@ -310,7 +310,7 @@ function $o({
 }
 const un = _t(null);
 function _o({ children: t }) {
-  const [r, n] = B(null), [o, i] = B(null), [l, c] = B(null), [s, a] = B(0), d = P(() => (a((f) => f + 1), () => a((f) => f - 1)), []);
+  const [r, n] = B(null), [o, i] = B(null), [l, c] = B(null), [s, a] = B(0), d = j(() => (a((f) => f + 1), () => a((f) => f - 1)), []);
   return /* @__PURE__ */ e(
     un.Provider,
     {
@@ -328,7 +328,7 @@ function _o({ children: t }) {
     }
   );
 }
-function Po({ children: t }) {
+function jo({ children: t }) {
   const r = At(un);
   return r ? /* @__PURE__ */ u(ne, { children: [
     /* @__PURE__ */ e("div", { ref: r.setPrependNode, style: { display: "contents" } }),
@@ -352,10 +352,10 @@ function Ea({
   return o ? dn(t, o) : null;
 }
 const hn = _t(null);
-function jo({ children: t }) {
-  const [r, n] = B({}), [o, i] = B({}), l = P((a, d) => {
+function Po({ children: t }) {
+  const [r, n] = B({}), [o, i] = B({}), l = j((a, d) => {
     n((f) => f[a] === d ? f : { ...f, [a]: d });
-  }, []), c = P((a) => (i((d) => ({ ...d, [a]: (d[a] ?? 0) + 1 })), () => i((d) => ({
+  }, []), c = j((a) => (i((d) => ({ ...d, [a]: (d[a] ?? 0) + 1 })), () => i((d) => ({
     ...d,
     [a]: Math.max(0, (d[a] ?? 0) - 1)
   }))), []), s = Fe(
@@ -367,7 +367,7 @@ function jo({ children: t }) {
 function Bn({ slotKey: t, fallback: r }) {
   const n = At(hn), o = n ? (n.slotCounts[t] ?? 0) > 0 : !1, i = le(n == null ? void 0 : n.setOutletNode);
   i.current = n == null ? void 0 : n.setOutletNode;
-  const l = P(
+  const l = j(
     (c) => {
       var s;
       return (s = i.current) == null ? void 0 : s.call(i, t, c);
@@ -785,7 +785,7 @@ function Wa({
     width: re,
     setWidth: J,
     resetWidth: me,
-    minWidth: j,
+    minWidth: P,
     maxWidth: K,
     mobileOpen: se,
     setMobileOpen: ke
@@ -795,12 +795,12 @@ function Wa({
   Q(() => {
     On = xe;
   }, [xe]);
-  const Me = le(null), st = le(null), at = le(null), [T, X] = B(!1), [q, fe] = B(null), We = b && !O && !Z, Ce = (E) => Math.min(Math.max(E, j), K), Ne = q ?? re, dt = (E) => {
-    var tt, je, ot;
+  const Me = le(null), st = le(null), at = le(null), [T, X] = B(!1), [q, fe] = B(null), We = b && !O && !Z, Ce = (E) => Math.min(Math.max(E, P), K), Ne = q ?? re, dt = (E) => {
+    var tt, Pe, ot;
     if (!We) return;
     E.preventDefault();
     const _ = E.clientX, U = ((tt = at.current) == null ? void 0 : tt.getBoundingClientRect().width) ?? re;
-    (ot = (je = E.currentTarget).setPointerCapture) == null || ot.call(je, E.pointerId), X(!0), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize";
+    (ot = (Pe = E.currentTarget).setPointerCapture) == null || ot.call(Pe, E.pointerId), X(!0), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize";
     let ce = 0, ge = U;
     const ze = (Xe) => {
       ge = U + (Xe.clientX - _), ce || (ce = requestAnimationFrame(() => {
@@ -811,7 +811,7 @@ function Wa({
     };
     window.addEventListener("pointermove", ze), window.addEventListener("pointerup", ue);
   }, et = (E) => {
-    We && (E.key === "ArrowLeft" ? (E.preventDefault(), J((_) => _ - _n)) : E.key === "ArrowRight" ? (E.preventDefault(), J((_) => _ + _n)) : E.key === "Home" ? (E.preventDefault(), J(j)) : E.key === "End" && (E.preventDefault(), J(K)));
+    We && (E.key === "ArrowLeft" ? (E.preventDefault(), J((_) => _ - _n)) : E.key === "ArrowRight" ? (E.preventDefault(), J((_) => _ + _n)) : E.key === "Home" ? (E.preventDefault(), J(P)) : E.key === "End" && (E.preventDefault(), J(K)));
   };
   Q(() => {
     const E = Me.current;
@@ -848,8 +848,8 @@ function Wa({
     }, 300), ze = setTimeout(() => {
       const ue = Me.current, tt = ue == null ? void 0 : ue.querySelector("[data-menu-active='true']");
       if (ue && tt) {
-        const je = ue.getBoundingClientRect(), ot = tt.getBoundingClientRect();
-        ot.top >= je.top && ot.bottom <= je.bottom || tt.scrollIntoView({ block: "center", behavior: "smooth" });
+        const Pe = ue.getBoundingClientRect(), ot = tt.getBoundingClientRect();
+        ot.top >= Pe.top && ot.bottom <= Pe.bottom || tt.scrollIntoView({ block: "center", behavior: "smooth" });
       }
     }, 250);
     return () => {
@@ -895,14 +895,14 @@ function Wa({
     if (ce && Br(ce, ge)) return ce.key;
     const ze = _.items.find((ue) => ue.groupIds && Br(ue, ge)) ?? _.items.find((ue) => !ue.groupIds);
     return (ze == null ? void 0 : ze.key) ?? (ce == null ? void 0 : ce.key) ?? U;
-  }, [Lt, Pe] = B(
+  }, [Lt, je] = B(
     () => Ft(null)
   );
   Q(() => {
-    Pe((E) => Ft(E));
+    je((E) => Ft(E));
   }, [M.pathname, L.menus]);
   const Ye = he ? D.items.find((E) => E.key === Lt) ?? D.items[0] : void 0, Yt = (E) => {
-    Pe(E), De && Y(!1);
+    je(E), De && Y(!1);
   }, Xt = (E) => {
     E.onClick ? E.onClick() : E.to && k(E.to);
   };
@@ -955,7 +955,7 @@ function Wa({
       }
     );
   const It = (E) => {
-    const _ = E.children && E.children.length > 0, U = !!E.slotKey, ce = _ || U, ge = xe.has(E.id), ze = _ ? E.children.some((je) => ut(je.to)) : U ? !1 : ut(E.to), ue = Ir(E.badge, R[E.id]), tt = !!ue && ye;
+    const _ = E.children && E.children.length > 0, U = !!E.slotKey, ce = _ || U, ge = xe.has(E.id), ze = _ ? E.children.some((Pe) => ut(Pe.to)) : U ? !1 : ut(E.to), ue = Ir(E.badge, R[E.id]), tt = !!ue && ye;
     return /* @__PURE__ */ u(
       h,
       {
@@ -966,12 +966,12 @@ function Wa({
             h,
             {
               as: "button",
-              onClick: (je) => {
+              onClick: (Pe) => {
                 if (U && ye)
                   k(E.to);
                 else if (ce)
                   if (ye) {
-                    const ot = je.currentTarget.getBoundingClientRect();
+                    const ot = Pe.currentTarget.getBoundingClientRect();
                     Ke({
                       item: E,
                       top: ot.top,
@@ -1077,7 +1077,7 @@ function Wa({
             }
           ),
           ce && !ye && (() => {
-            const je = E.children ?? [], ot = U ? -1 : je.findIndex((ct) => ut(ct.to)), Xe = je.map((ct) => {
+            const Pe = E.children ?? [], ot = U ? -1 : Pe.findIndex((ct) => ut(ct.to)), Xe = Pe.map((ct) => {
               const Bt = Ir(
                 ct.badge,
                 R[ct.id]
@@ -1148,7 +1148,7 @@ function Wa({
                   paddingLeft: "0.75rem",
                   transition: "all 0.3s ease-in-out",
                   // Konten slot panjangnya dinamis → tanpa batas tinggi saat terbuka.
-                  maxHeight: ge ? U ? "none" : `${je.length * 36}px` : "0px",
+                  maxHeight: ge ? U ? "none" : `${Pe.length * 36}px` : "0px",
                   opacity: ge ? 1 : 0,
                   marginTop: ge ? "0.25rem" : "0px"
                 },
@@ -1201,7 +1201,7 @@ function Wa({
       E.id
     );
   };
-  return /* @__PURE__ */ e(jo, { children: /* @__PURE__ */ u(_o, { children: [
+  return /* @__PURE__ */ e(Po, { children: /* @__PURE__ */ u(_o, { children: [
     /* @__PURE__ */ u(
       h,
       {
@@ -1516,7 +1516,7 @@ function Wa({
                     "aria-orientation": "vertical",
                     "aria-label": "Resize sidebar",
                     "aria-valuenow": re,
-                    "aria-valuemin": j,
+                    "aria-valuemin": P,
                     "aria-valuemax": K,
                     tabIndex: 0,
                     onPointerDown: dt,
@@ -1585,7 +1585,7 @@ function Wa({
                             children: /* @__PURE__ */ e(F, { name: "MenuBurger", size: "lg" })
                           }
                         ),
-                        /* @__PURE__ */ e(Po, { children: r })
+                        /* @__PURE__ */ e(jo, { children: r })
                       ]
                     }
                   ),
@@ -1915,7 +1915,7 @@ const vr = an(
       children: t
     }
   )
-), Pn = ({
+), jn = ({
   title: t,
   iconName: r,
   textColor: n,
@@ -1998,7 +1998,7 @@ const vr = an(
       iconColor: c.iconColor,
       hoverIconColor: c.hoverIconColor
     }
-  ) : l ? /* @__PURE__ */ e(h, { direction: "row", children: /* @__PURE__ */ e(r, { to: l, replace: !0, style: { textDecoration: "none" }, children: /* @__PURE__ */ e(Pn, { ...c }) }) }) : /* @__PURE__ */ e(h, { direction: "row", children: /* @__PURE__ */ e(vr, { onClick: i, children: /* @__PURE__ */ e(Pn, { ...c }) }) });
+  ) : l ? /* @__PURE__ */ e(h, { direction: "row", children: /* @__PURE__ */ e(r, { to: l, replace: !0, style: { textDecoration: "none" }, children: /* @__PURE__ */ e(jn, { ...c }) }) }) : /* @__PURE__ */ e(h, { direction: "row", children: /* @__PURE__ */ e(vr, { onClick: i, children: /* @__PURE__ */ e(jn, { ...c }) }) });
 }, Tr = [
   // brand (blue)
   {
@@ -2043,7 +2043,7 @@ const vr = an(
     activeShadow: "rgba(255, 117, 143, 0.25)"
   }
 ];
-function jn(t, r, n) {
+function Pn(t, r, n) {
   return {
     display: "flex",
     alignItems: "center",
@@ -2116,7 +2116,7 @@ function Jo({
                 onMouseLeave: () => c(void 0),
                 style: Gn,
                 children: [
-                  /* @__PURE__ */ e("div", { style: jn(o === null, l === "all", a), children: /* @__PURE__ */ e("div", { style: { color: a.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(F, { name: "Grid", size: "lg", style: { width: 32, height: 32 } }) }) }),
+                  /* @__PURE__ */ e("div", { style: Pn(o === null, l === "all", a), children: /* @__PURE__ */ e("div", { style: { color: a.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(F, { name: "Grid", size: "lg", style: { width: 32, height: 32 } }) }) }),
                   /* @__PURE__ */ e("span", { style: Zn, children: "Semua" })
                 ]
               }
@@ -2132,7 +2132,7 @@ function Jo({
                   onMouseLeave: () => c(void 0),
                   style: Gn,
                   children: [
-                    /* @__PURE__ */ e("div", { style: jn(p, g, D), children: /* @__PURE__ */ e("div", { style: { color: D.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(F, { name: b, size: "lg", style: { width: 32, height: 32 } }) }) }),
+                    /* @__PURE__ */ e("div", { style: Pn(p, g, D), children: /* @__PURE__ */ e("div", { style: { color: D.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(F, { name: b, size: "lg", style: { width: 32, height: 32 } }) }) }),
                     /* @__PURE__ */ e("span", { style: Zn, children: d.name })
                   ]
                 },
@@ -2502,13 +2502,13 @@ const Ko = (t, r) => {
     return H.forEach((Y, re) => {
       const J = Y.order ?? 0;
       J >= Z && (Z = J, N = re);
-    }), H.map(({ content: Y, order: re, borderBottom: J = !0, keepBottomPadding: me = !1, paddingInline: j = !0, paddingBlock: K = !0 }, se) => /* @__PURE__ */ e(
+    }), H.map(({ content: Y, order: re, borderBottom: J = !0, keepBottomPadding: me = !1, paddingInline: P = !0, paddingBlock: K = !0 }, se) => /* @__PURE__ */ e(
       h,
       {
         direction: "column",
         paddingTop: K ? "sm" : "spacing-0",
         paddingBottom: K && (J || me || se === N) ? "sm" : "spacing-0",
-        paddingInline: j ? "md" : "spacing-0",
+        paddingInline: P ? "md" : "spacing-0",
         style: {
           // Inset box-shadow (not a real border) so the divider line doesn't
           // add 1px to the row height — keeps the sub-header stack from shifting
@@ -2606,12 +2606,12 @@ const Ko = (t, r) => {
     const L = !Ie("md"), R = s ?? d ?? a ?? "357px", k = D ?? [], M = k.length > 1, [G, O] = B(() => {
       const de = k.indexOf(R);
       return de >= 0 ? de : 0;
-    }), [H, N] = B(null), [Z, Y] = B(!1), [re, J] = B(!1), me = le(null), j = (de) => {
+    }), [H, N] = B(null), [Z, Y] = B(!1), [re, J] = B(!1), me = le(null), P = (de) => {
       me.current = de, typeof x == "function" ? x(de) : x && (x.current = de);
     }, K = M ? k[G] : R, se = H != null ? `${H}px` : K, ke = C && !L, Be = G === k.length - 1, Le = () => {
       const de = (G + 1) % k.length;
       N(null), O(de), A == null || A(k[de]);
-    }, xe = P(
+    }, xe = j(
       (de) => {
         const he = z ?? window.innerWidth;
         return Math.min(Math.max(de, I), he);
@@ -2625,7 +2625,7 @@ const Ko = (t, r) => {
         isShow: r,
         position: "right",
         onHide: t,
-        ref: j,
+        ref: P,
         size: se,
         style: o,
         flush: !0,
@@ -3090,14 +3090,14 @@ const Ko = (t, r) => {
   withTitleLabels: C = !1
 }) => {
   const z = (g == null ? void 0 : g.isShowLabel) ?? !0, [A, x] = B(!1), [S, L] = B(0), R = () => {
-    L((j) => j + 1);
+    L((P) => P + 1);
   }, { searchParams: k, setSearchParams: M, getQueryParam: G } = it(), O = br(k.toString()), H = fn(t, k, s) || "", [N, Z] = B(H), Y = G(s), J = !!(Y && !(() => {
     if (Y)
       try {
-        const j = JSON.parse(Y);
-        return Object.keys(j).length === 1 && j[t] === "";
-      } catch (j) {
-        console.error("Filter parameter is not a valid JSON:", j);
+        const P = JSON.parse(Y);
+        return Object.keys(P).length === 1 && P[t] === "";
+      } catch (P) {
+        console.error("Filter parameter is not a valid JSON:", P);
       }
     return !1;
   })()), me = Ie("md");
@@ -3106,7 +3106,7 @@ const Ko = (t, r) => {
   }, [H]), Q(() => {
     if (N === H)
       return;
-    const j = window.setTimeout(() => {
+    const P = window.setTimeout(() => {
       fr({
         value: N,
         name: t,
@@ -3118,7 +3118,7 @@ const Ko = (t, r) => {
       });
     }, 350);
     return () => {
-      window.clearTimeout(j);
+      window.clearTimeout(P);
     };
   }, [
     N,
@@ -3141,22 +3141,22 @@ const Ko = (t, r) => {
           V,
           {
             onClick: () => {
-              const j = new URLSearchParams(k);
-              j.delete(s), M(j), Z(""), R(), f && f();
+              const P = new URLSearchParams(k);
+              P.delete(s), M(P), Z(""), R(), f && f();
             },
             variant: "outline",
             tone: "neutral",
             children: /* @__PURE__ */ e(w, { color: "error", fontWeight: "semibold", children: "Reset" })
           }
         ) }),
-        i == null ? void 0 : i.map(({ minWidth: j, content: K, title: se, onClickContainer: ke }, Be) => /* @__PURE__ */ u(
+        i == null ? void 0 : i.map(({ minWidth: P, content: K, title: se, onClickContainer: ke }, Be) => /* @__PURE__ */ u(
           h,
           {
             direction: "column",
             gap: "sm",
             onClick: ke,
             style: {
-              minWidth: j
+              minWidth: P
             },
             children: [
               se && /* @__PURE__ */ e(gt.SubH3, { children: se }),
@@ -3229,8 +3229,8 @@ const Ko = (t, r) => {
                       })
                     }
                   ] : [],
-                  onChange: (j) => fr({
-                    value: j,
+                  onChange: (P) => fr({
+                    value: P,
                     name: r,
                     type: "dropdown",
                     searchQueries: O,
@@ -3262,7 +3262,7 @@ const Ko = (t, r) => {
                 {
                   placeholder: n,
                   leftIcon: /* @__PURE__ */ e(F, { name: "Search", width: 20, height: 20 }),
-                  onChange: (j) => Z(j.target.value),
+                  onChange: (P) => Z(P.target.value),
                   value: N,
                   fullWidth: !0
                 },
@@ -3303,21 +3303,21 @@ function mn({
       const k = a[R];
       return (k == null ? void 0 : k.locked) || S.includes(R) || L.includes(R);
     });
-  }, [l, n, r, i, t, a]), f = P(
+  }, [l, n, r, i, t, a]), f = j(
     (S) => yt(S[r]),
     [r]
-  ), p = P(
+  ), p = j(
     (S) => {
       const L = { ...s };
       S.length ? L[n] = S.join(",") : delete L[n], c(L);
     },
     [s, n, c]
-  ), g = P(
+  ), g = j(
     (S) => {
       d.includes(S) || p([...d, S]);
     },
     [d, p]
-  ), b = P(
+  ), b = j(
     (S) => {
       var M;
       if ((M = a[S]) != null && M.locked) return;
@@ -3336,10 +3336,10 @@ function mn({
       c,
       a
     ]
-  ), D = P(
+  ), D = j(
     (S) => d.includes(S) ? b(S) : g(S),
     [d, g, b]
-  ), C = P(
+  ), C = j(
     (S) => {
       switch (S.type) {
         case "dropdown":
@@ -3373,7 +3373,7 @@ function mn({
       }
     },
     [l, r, f]
-  ), I = P(
+  ), I = j(
     (S, L) => {
       if (S.type === "date-compact" || S.type === "text") {
         const R = { ...s }, k = f(R);
@@ -3391,13 +3391,13 @@ function mn({
       });
     },
     [s, c, r, o, f]
-  ), z = P(
+  ), z = j(
     (S) => {
       const L = { ...s }, R = f(L);
       S in R && (delete R[S], Object.keys(R).length ? L[r] = JSON.stringify(R) : delete L[r]), delete L[o], c(L);
     },
     [s, r, o, f, c]
-  ), A = P(() => {
+  ), A = j(() => {
     const S = { ...s };
     delete S[r], delete S[n], delete S[o], c(S);
   }, [s, r, n, o, c]), x = d.length > 0;
@@ -3469,7 +3469,7 @@ function zl({
   Q(() => {
     D.current || (D.current = !0, o == null || o(a));
   }, []);
-  const C = P(
+  const C = j(
     (k) => {
       d(k), c && n.set(c, k), o == null || o(k);
     },
@@ -3477,20 +3477,20 @@ function zl({
   ), I = Fe(() => {
     const k = new Map(t.map((M) => [M.key, M]));
     return a.order.filter((M) => k.has(M)).map((M) => ({ ...k.get(M), visible: !a.hidden.includes(M) }));
-  }, [a, t]), z = P(
+  }, [a, t]), z = j(
     (k) => {
       const M = a.hidden.includes(k) ? a.hidden.filter((G) => G !== k) : [...a.hidden, k];
       C({ ...a, hidden: M });
     },
     [a, C]
-  ), A = P(
+  ), A = j(
     (k, M) => {
       if (k === M) return;
       const G = [...a.order], [O] = G.splice(k, 1);
       G.splice(M, 0, O), C({ ...a, order: G });
     },
     [a, C]
-  ), x = P(
+  ), x = j(
     (k) => {
       C({
         ...a,
@@ -3498,7 +3498,7 @@ function zl({
       });
     },
     [a, t, C]
-  ), S = P(() => C(l), [C, l]), L = P(
+  ), S = j(() => C(l), [C, l]), L = j(
     (k) => C(ir(k, t)),
     [C, t]
   ), R = a.hidden.length === 0;
@@ -3523,13 +3523,13 @@ function Il({
 }) {
   const { searchParams: c, setSearchParams: s } = it(), a = t ? Ut.savedViews(t) : void 0, [d, f] = B(
     () => a ? r.get(a) || [] : []
-  ), p = P(
+  ), p = j(
     (C) => {
       f(C), a && r.set(a, C);
     },
     [a]
     // storage identity is stable (module singleton / caller-provided)
-  ), g = P(
+  ), g = j(
     (C) => {
       const I = C.trim();
       if (!I) return;
@@ -3548,10 +3548,10 @@ function Il({
       p([...d, A]);
     },
     [n, c, i, p, d]
-  ), b = P(
+  ), b = j(
     (C) => p(d.filter((I) => I.id !== C)),
     [p, d]
-  ), D = P(
+  ), D = j(
     (C) => {
       const I = Object.fromEntries(c.entries());
       n.forEach((z) => delete I[z]), Object.assign(I, C.query), delete I[o], s(I), C.columns && (l == null || l(C.columns));
@@ -3613,13 +3613,13 @@ function Hl({
     i,
     l
   ]);
-  const p = P(() => {
+  const p = j(() => {
     if (!a) return null;
     const b = r.get(a);
     if (!b || typeof b != "object" || Array.isArray(b) || Object.keys(b).length === 0) return null;
     const D = b[i];
     return D != null && Object.keys(yt(D)).length === 0 && delete b[i], c || Qn(b, i, l), Object.keys(b).length > 0 ? b : null;
-  }, [a, r, c, i, l]), g = P(() => {
+  }, [a, r, c, i, l]), g = j(() => {
     a && r.remove(a);
   }, [a, r]);
   return {
@@ -3650,13 +3650,13 @@ function Tl({
     const g = Number(p);
     !Number.isFinite(g) || g <= 0 || r.set(c, g);
   }, [s, c, n, r]);
-  const d = P(() => {
+  const d = j(() => {
     if (!c) return null;
     const p = r.get(c);
     if (p == null) return null;
     const g = Number(p);
     return !Number.isFinite(g) || g <= 0 || o && !o.includes(g) ? null : String(g);
-  }, [c, r, o]), f = P(() => {
+  }, [c, r, o]), f = j(() => {
     c && r.remove(c);
   }, [c, r]);
   return {
@@ -3836,7 +3836,7 @@ const Nl = ({
   past: "Past",
   next: "Next",
   this: "This"
-}, _l = ["day", "week", "month", "year"], Pl = ["past", "next", "this"], jl = (t) => t.field.type === "date-compact" ? /* @__PURE__ */ e(
+}, _l = ["day", "week", "month", "year"], jl = ["past", "next", "this"], Pl = (t) => t.field.type === "date-compact" ? /* @__PURE__ */ e(
   ql,
   {
     field: t.field,
@@ -4132,7 +4132,7 @@ const Nl = ({
             children: rn[n]
           }
         ) }),
-        /* @__PURE__ */ e(Ue, { children: /* @__PURE__ */ e(Qe, { style: { width: 140 }, children: Pl.map((s) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Ue, { children: /* @__PURE__ */ e(Qe, { style: { width: 140 }, children: jl.map((s) => /* @__PURE__ */ e(
           Je,
           {
             selected: n === s,
@@ -4467,7 +4467,7 @@ const Nl = ({
       }
     ) })
   ] });
-}, Pi = ({
+}, ji = ({
   activeKeys: t,
   configByKey: r,
   getValue: n,
@@ -4479,7 +4479,7 @@ const Nl = ({
   if (!s) return null;
   const a = n(s), d = s.locked ? void 0 : () => l(c);
   return s.type === "date" || s.type === "date-compact" ? /* @__PURE__ */ e(
-    jl,
+    Pl,
     {
       field: s,
       value: a,
@@ -4602,7 +4602,7 @@ function rc(t, r, n = !0) {
     return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
   }, [t, r, n]);
 }
-const nc = 240, ji = ({
+const nc = 240, Pi = ({
   searchKey: t = "q",
   filterKey: r = "filter",
   pageKey: n = "page",
@@ -4626,7 +4626,7 @@ const nc = 240, ji = ({
       pageKey: n
     });
   }, [I]);
-  const A = P(() => {
+  const A = j(() => {
     p(!0), requestAnimationFrame(() => {
       var R;
       return (R = z.current) == null ? void 0 : R.focus();
@@ -5012,7 +5012,7 @@ const nc = 240, ji = ({
                     gap: "sm",
                     align: "center",
                     children: /* @__PURE__ */ e(
-                      Pi,
+                      ji,
                       {
                         activeKeys: o,
                         configByKey: i,
@@ -5201,7 +5201,7 @@ const nc = 240, ji = ({
     onSetAllHidden: re,
     showSavedViews: J,
     savedViews: me,
-    onApplyView: j,
+    onApplyView: P,
     onDeleteView: K,
     onSaveView: se,
     leadingActions: ke,
@@ -5236,7 +5236,7 @@ const nc = 240, ji = ({
             overflow: "overflow-auto",
             children: [
               g && /* @__PURE__ */ e(
-                ji,
+                Pi,
                 {
                   searchKey: b,
                   filterKey: D,
@@ -5272,7 +5272,7 @@ const nc = 240, ji = ({
                       Gi,
                       {
                         views: me,
-                        onApply: j,
+                        onApply: P,
                         onDelete: K,
                         onSave: se
                       }
@@ -5385,7 +5385,7 @@ const nc = 240, ji = ({
     configByKey: re,
     hasActiveFilter: J,
     toggleFilter: me,
-    removeFilter: j,
+    removeFilter: P,
     getValue: K,
     setValue: se,
     clearValue: ke,
@@ -5434,7 +5434,7 @@ const nc = 240, ji = ({
   const Ke = s ?? c[0] ?? 25, _e = !!(R != null && R.enabled) && xe.enabled, de = () => {
     Be(), ve.clear(), O == null || O();
   }, he = Ie("md"), ye = p ? /* @__PURE__ */ e(
-    ji,
+    Pi,
     {
       searchKey: g,
       filterKey: n,
@@ -5491,14 +5491,14 @@ const nc = 240, ji = ({
                   style: { flex: "1 1 0", minWidth: 0 },
                   children: [
                     /* @__PURE__ */ e(
-                      Pi,
+                      ji,
                       {
                         activeKeys: Y,
                         configByKey: re,
                         getValue: K,
                         setValue: se,
                         clearValue: ke,
-                        removeFilter: j
+                        removeFilter: P
                       }
                     ),
                     J && /* @__PURE__ */ e(
@@ -5565,7 +5565,7 @@ const nc = 240, ji = ({
       configByKey: re,
       hasActiveFilter: J,
       toggleFilter: me,
-      removeFilter: j,
+      removeFilter: P,
       getValue: K,
       setValue: se,
       clearValue: ke,
@@ -5705,7 +5705,7 @@ const nc = 240, ji = ({
     var R;
     const L = x.options;
     return ((R = L == null ? void 0 : L.find((k) => k.value === S)) == null ? void 0 : R.label) ?? S;
-  }, g = P(
+  }, g = j(
     (x) => {
       const S = l[x];
       if (!S) return [];
@@ -5713,7 +5713,7 @@ const nc = 240, ji = ({
       return Array.isArray(L) ? L.map((R) => String(R.value)) : [];
     },
     [l, c]
-  ), b = P(
+  ), b = j(
     (x, S) => {
       const L = l[x];
       if (!L || !uc.includes(L.type)) return;
@@ -5728,22 +5728,22 @@ const nc = 240, ji = ({
       );
     },
     [l, s, a]
-  ), D = P(
+  ), D = j(
     (x, S) => {
       const L = g(x);
       b(x, L.includes(S) ? L.filter((R) => R !== S) : [...L, S]);
     },
     [g, b]
-  ), C = P(
+  ), C = j(
     (x, S) => g(x).includes(S),
     [g]
-  ), I = P((x) => a(x), [a]), z = P(
+  ), I = j((x) => a(x), [a]), z = j(
     (x) => {
       const S = l[x];
       return S ? c(S) : void 0;
     },
     [l, c]
-  ), A = P(
+  ), A = j(
     (x, S) => {
       const L = l[x];
       if (L) {
@@ -5767,7 +5767,7 @@ const nc = 240, ji = ({
     setRaw: A,
     hasActiveFilter: f
   };
-}, Pr = "var(--sa-background-brand, #04254f)", hc = "var(--sa-text-brand, #031f43)", fc = {
+}, jr = "var(--sa-background-brand, #04254f)", hc = "var(--sa-text-brand, #031f43)", fc = {
   padding: "6px 8px",
   border: "1px solid var(--sa-border-subtle, #0b120e24)",
   borderRadius: "var(--sa-radii-xs, 4px)",
@@ -5857,13 +5857,13 @@ const nc = 240, ji = ({
                         display: "inline-flex",
                         alignItems: "center",
                         justifyContent: "center",
-                        border: `1px solid ${f ? Pr : "var(--sa-border-subtle, #0b120e24)"}`,
-                        background: f && !i ? Pr : "transparent"
+                        border: `1px solid ${f ? jr : "var(--sa-border-subtle, #0b120e24)"}`,
+                        background: f && !i ? jr : "transparent"
                       },
                       children: f && (i ? /* @__PURE__ */ e(
                         "span",
                         {
-                          style: { width: 8, height: 8, borderRadius: "50%", background: Pr }
+                          style: { width: 8, height: 8, borderRadius: "50%", background: jr }
                         }
                       ) : /* @__PURE__ */ e(F, { name: "Check", size: "xs", style: { color: "#fff" } }))
                     }
@@ -6530,7 +6530,7 @@ const nc = 240, ji = ({
       /* @__PURE__ */ e("path", { d: t ? "M7 11V7a5 5 0 0 1 10 0v4" : "M7 11V7a5 5 0 0 1 9.9-1" })
     ]
   }
-), jr = "var(--sa-background-primary, #ffffff)", ii = "var(--sa-background-primary-inverse, #f8f8f8)", Ec = ({
+), Pr = "var(--sa-background-primary, #ffffff)", ii = "var(--sa-background-primary-inverse, #f8f8f8)", Ec = ({
   columns: t,
   records: r,
   handleDetail: n,
@@ -6566,7 +6566,7 @@ const nc = 240, ji = ({
     if (!X) return;
     let q;
     !H || H.key !== X ? q = { key: X, direction: "asc" } : H.direction === "asc" ? q = { key: X, direction: "desc" } : q = null, M || O(q), R == null || R(q);
-  }, re = [n, o, i].filter((T) => T !== void 0).length, J = !!b, me = !!n || !!o || !!i || J, j = "var(--sa-border-subtle, #0b120e24)", K = `1px solid ${j}`, se = `inset 1px 0 0 ${j}`, ke = `inset -1px 0 0 ${j}`, Be = re === 3 ? J ? "178px" : "140px" : re === 2 ? J ? "140px" : "102px" : re === 1 ? J ? "112px" : "74px" : J ? "74px" : "", Le = (T, X) => {
+  }, re = [n, o, i].filter((T) => T !== void 0).length, J = !!b, me = !!n || !!o || !!i || J, P = "var(--sa-border-subtle, #0b120e24)", K = `1px solid ${P}`, se = `inset 1px 0 0 ${P}`, ke = `inset -1px 0 0 ${P}`, Be = re === 3 ? J ? "178px" : "140px" : re === 2 ? J ? "140px" : "102px" : re === 1 ? J ? "112px" : "74px" : J ? "74px" : "", Le = (T, X) => {
     if (!X) return T;
     if (typeof X == "function") return X(T);
     if (typeof X == "string") return T[X];
@@ -6796,7 +6796,7 @@ const nc = 240, ji = ({
         onMouseLeave: (q) => {
           const fe = q.currentTarget;
           fe.style.backgroundColor = "", Array.from(fe.querySelectorAll("td")).forEach((We) => {
-            We.style.position === "sticky" && (We.style.backgroundColor = jr);
+            We.style.position === "sticky" && (We.style.backgroundColor = Pr);
           });
         },
         children: [
@@ -6809,7 +6809,7 @@ const nc = 240, ji = ({
                   position: Ce ? "sticky" : void 0,
                   left: Ce ? Ne : void 0,
                   zIndex: Ce ? 1 : void 0,
-                  backgroundColor: Ce ? jr : void 0,
+                  backgroundColor: Ce ? Pr : void 0,
                   transition: Ce ? "background-color 0.3s ease" : void 0,
                   paddingLeft: fe === 0 ? "12px" : "",
                   whiteSpace: "nowrap",
@@ -6841,7 +6841,7 @@ const nc = 240, ji = ({
             position: "sticky",
             right: 0,
             zIndex: 1,
-            backgroundColor: jr,
+            backgroundColor: Pr,
             boxShadow: k ? se : void 0,
             transition: "background-color 0.3s ease"
           }, children: /* @__PURE__ */ e(pe, { direction: "row", align: "center", justify: "center", gap: "sm", children: D.map((q) => {
@@ -6938,7 +6938,7 @@ function Lc(t) {
     t
   );
 }
-const Pa = Lc(Fc), qi = "(any-pointer: coarse)", Wc = (t) => {
+const ja = Lc(Fc), qi = "(any-pointer: coarse)", Wc = (t) => {
   if (typeof window > "u" || !window.matchMedia) return () => {
   };
   const r = window.matchMedia(qi);
@@ -7014,7 +7014,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
 }) => {
   const [p, g] = B(!1), b = le(null), D = le(null), [C, I] = B(
     { top: 0, left: 0 }
-  ), z = P(() => {
+  ), z = j(() => {
     var H;
     const x = b.current;
     if (!x) return;
@@ -7164,7 +7164,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
   return /* @__PURE__ */ e(ne, { children: s.map(
     (a, d) => a && l.has(a.toLowerCase()) ? /* @__PURE__ */ e("mark", { style: { ...Tc, ...n }, children: a }, d) : /* @__PURE__ */ e(Dt.Fragment, { children: a }, d)
   ) });
-}, jt = "1px solid var(--sa-border-subtle, #0b120e24)", Vc = "var(--sa-text-subtle, #8c8f97)", Nt = "var(--sa-background-neutral, #f0f1f2)", ci = "2px 0 4px -2px var(--sa-border-subtle, #0b120e24)", Zt = 40, Zr = 5, Nc = 28, Gr = 4, cr = 16, qr = "var(--sa-background-brand-subtlest)", sr = {
+}, Pt = "1px solid var(--sa-border-subtle, #0b120e24)", Vc = "var(--sa-text-subtle, #8c8f97)", Nt = "var(--sa-background-neutral, #f0f1f2)", ci = "2px 0 4px -2px var(--sa-border-subtle, #0b120e24)", Zt = 40, Zr = 5, Nc = 28, Gr = 4, cr = 16, qr = "var(--sa-background-brand-subtlest)", sr = {
   display: "block",
   overflow: "hidden",
   textOverflow: "ellipsis",
@@ -7172,7 +7172,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
 }, si = "sa-table-layout-styles", $c = () => {
   if (typeof document > "u" || document.getElementById(si)) return;
   const t = document.createElement("style");
-  t.id = si, t.textContent = `
+  t.id = si, t.textContent = `@layer starasia.components {
     .sa-table-layout tbody td {
       transition: background-color 0.15s ease;
       background-color: var(--sa-tl-bg, transparent);
@@ -7223,11 +7223,11 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
     .sa-table-layout tfoot.sa-tl-sticky-foot > tr:first-child > th {
       box-shadow: 0 -2px 4px -2px var(--sa-border-subtle, #0b120e24);
     }
-  `, document.head.appendChild(t);
-}, Gt = (t) => t === "right" ? "right" : t === "center" ? "center" : "left", _c = /^(#|rgb|hsl|var\()/, ar = (t) => t ? _c.test(t) ? t : `var(--sa-background-${t})` : void 0, Pc = (t, r) => {
+  }`, document.head.appendChild(t);
+}, Gt = (t) => t === "right" ? "right" : t === "center" ? "center" : "left", _c = /^(#|rgb|hsl|var\()/, ar = (t) => t ? _c.test(t) ? t : `var(--sa-background-${t})` : void 0, jc = (t, r) => {
   if (r)
     return t[r];
-}, jc = (t, r) => t == null && r == null ? 0 : t == null ? -1 : r == null ? 1 : typeof t == "number" && typeof r == "number" ? t - r : String(t).localeCompare(String(r)), ja = ({
+}, Pc = (t, r) => t == null && r == null ? 0 : t == null ? -1 : r == null ? 1 : typeof t == "number" && typeof r == "number" ? t - r : String(t).localeCompare(String(r)), Pa = ({
   columns: t,
   data: r,
   getRowKey: n,
@@ -7262,7 +7262,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
   isRowSelectable: re
 }) => {
   $c();
-  const me = !Ie(z) && I !== "scroll", j = !!(G != null && G.length), K = Ac(), se = j && (O === "column" || O === "auto" && K), ke = Math.min((G == null ? void 0 : G.length) ?? 0, Zr + 1), Be = ke > Zr ? 1 : ke, Le = cr * 2 + Be * Nc + Math.max(0, Be - 1) * Gr, xe = se ? Le : 1, [ve, He] = B(null);
+  const me = !Ie(z) && I !== "scroll", P = !!(G != null && G.length), K = Ac(), se = P && (O === "column" || O === "auto" && K), ke = Math.min((G == null ? void 0 : G.length) ?? 0, Zr + 1), Be = ke > Zr ? 1 : ke, Le = cr * 2 + Be * Nc + Math.max(0, Be - 1) * Gr, xe = se ? Le : 1, [ve, He] = B(null);
   Q(() => {
     if (!ve) return;
     const y = () => He(null), v = setTimeout(() => document.addEventListener("click", y), 0);
@@ -7283,8 +7283,8 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
     const y = new Set(De.hidden ?? []), v = (ie, Se) => ie.key ?? (typeof ie.accessor == "string" ? ie.accessor : `col-${Se}`), W = t.map((ie, Se) => {
       var lt;
       if ((lt = ie.children) != null && lt.length) {
-        const Pt = ie.children.map((ht, Vt) => ({ col: ht, key: v(ht, `${Se}-${Vt}`) })).filter((ht) => !y.has(ht.key));
-        return { col: ie, key: ie.key ?? `group-${Se}`, isGroup: !0, leaves: Pt };
+        const jt = ie.children.map((ht, Vt) => ({ col: ht, key: v(ht, `${Se}-${Vt}`) })).filter((ht) => !y.has(ht.key));
+        return { col: ie, key: ie.key ?? `group-${Se}`, isGroup: !0, leaves: jt };
       }
       const Ee = { col: ie, key: v(ie, `${Se}`) };
       return {
@@ -7314,16 +7314,16 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
     if (!y) return r;
     const v = X.direction === "asc" ? 1 : -1;
     return [...r].sort(
-      (W, $) => jc(St(y.col, W), St(y.col, $)) * v
+      (W, $) => Pc(St(y.col, W), St(y.col, $)) * v
     );
-  }, [r, q, X, Ce]), Te = !Ne && !et, zt = !!s && Te, [ut, Et] = vo(s ?? ""), Ft = zt ? ut : void 0, Lt = le(null), [Pe, Ye] = B();
+  }, [r, q, X, Ce]), Te = !Ne && !et, zt = !!s && Te, [ut, Et] = vo(s ?? ""), Ft = zt ? ut : void 0, Lt = le(null), [je, Ye] = B();
   mt(() => {
     Ye(void 0);
   }, [Ae]), mt(() => {
-    if (!Te || Pe || !Lt.current) return;
+    if (!Te || je || !Lt.current) return;
     const y = Lt.current.querySelectorAll("th.sa-tl-leaf");
     Ye(Array.from(y).map((v) => v.offsetWidth));
-  }, [Pe, Te]);
+  }, [je, Te]);
   const [Yt, Xt] = B(), [wr, Dr] = B(0);
   mt(() => {
     if (!Ne || !Lt.current) return;
@@ -7333,9 +7333,9 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
   const It = (y, v) => {
     if ((Ft == null ? void 0 : Ft[v]) != null) return Ft[v];
     if (y.width != null) return y.width;
-    if ((Pe == null ? void 0 : Pe[v]) != null) return Pe[v];
-  }, Jt = (y, v) => typeof y.width == "number" ? y.width : Pe == null ? void 0 : Pe[v], Wt = De.frozenKey && !Ne && !et ? Ce.findIndex((y) => y.key === De.frozenKey) : -1, E = (y) => y <= Wt, _ = H ? Zt : 0, U = (y) => {
-    const v = Yt ?? Pe;
+    if ((je == null ? void 0 : je[v]) != null) return je[v];
+  }, Jt = (y, v) => typeof y.width == "number" ? y.width : je == null ? void 0 : je[v], Wt = De.frozenKey && !Ne && !et ? Ce.findIndex((y) => y.key === De.frozenKey) : -1, E = (y) => y <= Wt, _ = H ? Zt : 0, U = (y) => {
+    const v = Yt ?? je;
     if (!v) return _;
     let W = _;
     for (let $ = 0; $ < y; $++) W += v[$] ?? 0;
@@ -7362,7 +7362,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
     return $.observe(y), y.querySelectorAll("th.sa-tl-leaf").forEach((ee) => $.observe(ee)), W(), () => {
       v && cancelAnimationFrame(v), $.disconnect();
     };
-  }, [Ae, Wt, H, Pe, Ft]);
+  }, [Ae, Wt, H, je, Ft]);
   const ce = le(null), [ge, ze] = B("100vh");
   mt(() => {
     if (C !== void 0) return;
@@ -7376,11 +7376,11 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
     };
     return y(), window.addEventListener("resize", y), () => window.removeEventListener("resize", y);
   }, [C]);
-  const ue = (y, v) => n ? n(y, v) : v, tt = N !== void 0, [je, ot] = B(
+  const ue = (y, v) => n ? n(y, v) : v, tt = N !== void 0, [Pe, ot] = B(
     () => new Set(Z ?? [])
   ), Xe = Fe(
-    () => tt ? new Set(N) : je,
-    [tt, N, je]
+    () => tt ? new Set(N) : Pe,
+    [tt, N, Pe]
   );
   Q(() => {
     H && !n && process.env.NODE_ENV !== "production" && console.warn(
@@ -7405,13 +7405,13 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
     const y = new Set(Xe);
     kr ? Ot.forEach((v) => y.delete(v)) : Ot.forEach((v) => y.add(v)), ct(y);
   }, Sr = (y, v, W) => {
-    const $ = y.render ? y.render(v, W, Re) : Pc(v, y.accessor);
+    const $ = y.render ? y.render(v, W, Re) : jc(v, y.accessor);
     if (p && !y.render && typeof $ == "string") {
       const ee = y.key ?? (typeof y.accessor == "string" ? y.accessor : void 0), oe = ee ? p[ee] : void 0;
       if (oe) return /* @__PURE__ */ e(Oc, { text: $, query: oe });
     }
     return $;
-  }, Er = Ce.length + (H ? 1 : 0) + (j ? 1 : 0), kn = ["80%", "55%", "70%", "45%", "90%", "60%"], Xi = (y, v) => kn[(y * 7 + v * 3) % kn.length], Ji = (y, v) => /* @__PURE__ */ e(Ct, { height: 14, width: Xi(y, v), borderRadius: "rounded-sm" }), Ki = Array.from({ length: M }, (y, v) => /* @__PURE__ */ u(nt, { children: [
+  }, Er = Ce.length + (H ? 1 : 0) + (P ? 1 : 0), kn = ["80%", "55%", "70%", "45%", "90%", "60%"], Xi = (y, v) => kn[(y * 7 + v * 3) % kn.length], Ji = (y, v) => /* @__PURE__ */ e(Ct, { height: 14, width: Xi(y, v), borderRadius: "rounded-sm" }), Ki = Array.from({ length: M }, (y, v) => /* @__PURE__ */ u(nt, { children: [
     H && /* @__PURE__ */ e($e, { style: { width: Zt, padding: 0 }, children: /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(Ct, { height: 14, width: 14, borderRadius: "rounded-sm" }) }) }),
     Ce.map(({ col: W, key: $ }, ee) => /* @__PURE__ */ e(
       $e,
@@ -7421,7 +7421,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
       },
       `sa-tl-sk-${v}-${$}`
     )),
-    j && /* @__PURE__ */ e($e, { style: { width: xe, padding: 0, border: "none" } })
+    P && /* @__PURE__ */ e($e, { style: { width: xe, padding: 0, border: "none" } })
   ] }, `sa-tl-sk-${v}`)), eo = (y, v) => {
     v || Me({
       ...De,
@@ -7509,7 +7509,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
     );
   }, no = (y, v) => {
     const W = Kt(y);
-    return W.length ? /* @__PURE__ */ e("div", { style: { display: "flex", gap: 6, flexWrap: "wrap", paddingTop: 8, marginTop: 8, borderTop: jt }, children: W.map(($) => /* @__PURE__ */ e(Dt.Fragment, { children: er($, y, v, { showLabel: !0, size: "sm" }) }, $.key)) }) : null;
+    return W.length ? /* @__PURE__ */ e("div", { style: { display: "flex", gap: 6, flexWrap: "wrap", paddingTop: 8, marginTop: 8, borderTop: Pt }, children: W.map(($) => /* @__PURE__ */ e(Dt.Fragment, { children: er($, y, v, { showLabel: !0, size: "sm" }) }, $.key)) }) : null;
   }, io = (y, v) => {
     const W = Kt(y);
     return W.length ? /* @__PURE__ */ e("div", { style: { display: "flex", gap: 4, paddingRight: 8, flexShrink: 0 }, children: W.map(($) => /* @__PURE__ */ e(Dt.Fragment, { children: er($, y, v, { showLabel: !1 }) }, $.key)) }) : null;
@@ -7530,7 +7530,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
         filterSlot: (Vt = W.renderFilter) == null ? void 0 : Vt.call(W),
         filterActive: W.filterActive
       }
-    ) : null, lt = W.align === "right", Pt = W.align === "right" ? "flex-end" : W.align === "center" ? "center" : "flex-start", ht = /* @__PURE__ */ u(
+    ) : null, lt = W.align === "right", jt = W.align === "right" ? "flex-end" : W.align === "center" ? "center" : "flex-start", ht = /* @__PURE__ */ u(
       "span",
       {
         style: {
@@ -7539,7 +7539,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
           display: "flex",
           alignItems: "center",
           gap: 6,
-          justifyContent: Pt,
+          justifyContent: jt,
           overflow: "hidden"
         },
         children: [
@@ -7718,7 +7718,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
         h,
         {
           style: {
-            border: jt,
+            border: Pt,
             borderRadius: "var(--sa-radii-sm, 6px)",
             padding: 12,
             display: "flex",
@@ -7752,7 +7752,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
     return /* @__PURE__ */ u(
       "div",
       {
-        style: { borderBottom: jt, backgroundColor: oe },
+        style: { borderBottom: Pt, backgroundColor: oe },
         children: [
           /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center" }, children: [
             Bt(y, v) && // Sibling dari tombol expand — tap checkbox tidak memuai baris.
@@ -7810,7 +7810,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
                 ]
               }
             ),
-            j && io(y, v)
+            P && io(y, v)
           ] }),
           $ && /* @__PURE__ */ e(
             "div",
@@ -7838,7 +7838,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
           h,
           {
             style: {
-              border: jt,
+              border: Pt,
               borderRadius: "var(--sa-radii-sm, 6px)",
               padding: 12,
               display: "flex",
@@ -7863,14 +7863,14 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
                 Rr(y, v)
               ),
               Fn(y, v),
-              j && no(y, v)
+              P && no(y, v)
             ]
           },
           W
         );
       })
     }
-  ), ho = l && Te && Pe !== void 0, Wn = c === "fixed" && !l && (Te ? Pe !== void 0 : !0), fo = Wn && !Te, tr = S && S.length > 0 ? S.map((y, v) => /* @__PURE__ */ e(nt, { children: y.cells.map((W, $) => /* @__PURE__ */ e(
+  ), ho = l && Te && je !== void 0, Wn = c === "fixed" && !l && (Te ? je !== void 0 : !0), fo = Wn && !Te, tr = S && S.length > 0 ? S.map((y, v) => /* @__PURE__ */ e(nt, { children: y.cells.map((W, $) => /* @__PURE__ */ e(
     $e,
     {
       colSpan: W.colSpan,
@@ -7893,7 +7893,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
         fo && /* @__PURE__ */ u("colgroup", { children: [
           H && /* @__PURE__ */ e("col", { style: { width: Zt } }),
           Ce.map(({ col: y, key: v }, W) => /* @__PURE__ */ e("col", { style: { width: It(y, W) } }, `col-${v}`)),
-          j && /* @__PURE__ */ e("col", { style: { width: xe } })
+          P && /* @__PURE__ */ e("col", { style: { width: xe } })
         ] }),
         /* @__PURE__ */ e(Ci, { ref: Lt, children: Ne ? /* @__PURE__ */ u(ne, { children: [
           /* @__PURE__ */ u(nt, { children: [
@@ -7915,7 +7915,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
                 `grp-${y.key}`
               ) : Fr(y.leaves[0], { rowSpan: 2 })
             ),
-            j && /* @__PURE__ */ e(
+            P && /* @__PURE__ */ e(
               Tt,
               {
                 rowSpan: 2,
@@ -7938,7 +7938,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
         ] }) : /* @__PURE__ */ u(nt, { children: [
           H && En(),
           oo(),
-          j && /* @__PURE__ */ e(
+          P && /* @__PURE__ */ e(
             Tt,
             {
               style: {
@@ -7969,7 +7969,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
                   var Rn;
                   const Ee = (Rn = oe.cellProps) == null ? void 0 : Rn.call(oe, y, v, Re);
                   if (Ee != null && Ee.hidden) return null;
-                  const lt = E(Se), Pt = lt && Se === Wt, ht = Sr(oe, y, v), Vt = typeof oe.bg == "function" ? oe.bg(y, v, Re) : oe.bg, rr = ar(Vt) ?? ee;
+                  const lt = E(Se), jt = lt && Se === Wt, ht = Sr(oe, y, v), Vt = typeof oe.bg == "function" ? oe.bg(y, v, Re) : oe.bg, rr = ar(Vt) ?? ee;
                   return /* @__PURE__ */ e(
                     $e,
                     {
@@ -7984,7 +7984,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
                         position: lt ? "sticky" : void 0,
                         left: lt ? U(Se) : void 0,
                         zIndex: lt ? 1 : void 0,
-                        boxShadow: Pt ? ci : void 0,
+                        boxShadow: jt ? ci : void 0,
                         ...rr ? { "--sa-tl-bg": rr } : {}
                       },
                       children: typeof ht == "string" ? /* @__PURE__ */ e(
@@ -8003,7 +8003,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
                     `tl-cell-${v}-${ie}`
                   );
                 }),
-                j && /* @__PURE__ */ e(
+                P && /* @__PURE__ */ e(
                   $e,
                   {
                     className: se ? "sa-tl-frozen" : void 0,
@@ -8043,7 +8043,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
         },
         children: me ? /* @__PURE__ */ u(ne, { children: [
           uo,
-          tr && !k && Re.length > 0 && /* @__PURE__ */ e(h, { style: { borderTop: jt }, children: /* @__PURE__ */ e(ur, { fullWidth: !0, size: i, className: "sa-table-layout", children: /* @__PURE__ */ e(Xr, { children: tr }) }) })
+          tr && !k && Re.length > 0 && /* @__PURE__ */ e(h, { style: { borderTop: Pt }, children: /* @__PURE__ */ e(ur, { fullWidth: !0, size: i, className: "sa-table-layout", children: /* @__PURE__ */ e(Xr, { children: tr }) }) })
         ] }) : mo
       }
     ),
@@ -8092,7 +8092,7 @@ const li = 200, or = "1px solid var(--sa-border-subtle, #0b120e24)", zc = ({
   const C = (l == null ? void 0 : l.sortBy) ?? "sortBy", I = (l == null ? void 0 : l.sortOrder) ?? "sortOrder", z = Fe(() => D ? {
     [C]: D.key,
     [I]: D.direction
-  } : {}, [D, C, I]), A = P(
+  } : {}, [D, C, I]), A = j(
     (x) => {
       const S = { ...f };
       x ? (S[r] = x.key, S[n] = x.direction) : (delete S[r], delete S[n]), delete S[o], d(S);
@@ -9357,7 +9357,7 @@ const ai = {
     Q(() => {
       r === null && i(null);
     }, [r]);
-    const O = P(
+    const O = j(
       (K, se) => {
         k(se);
       },
@@ -9398,8 +9398,8 @@ const ai = {
       }
     }));
     const re = parseInt(l, 10), J = ai[c];
-    let me, j;
-    return J >= 1 ? (j = re, me = re * J) : (me = re, j = re / J), /* @__PURE__ */ u(
+    let me, P;
+    return J >= 1 ? (P = re, me = re * J) : (me = re, P = re / J), /* @__PURE__ */ u(
       h,
       {
         direction: "column",
@@ -9415,7 +9415,7 @@ const ai = {
         justify: "center",
         style: {
           width: s != null && s.fullWidth ? "100%" : `${me}px`,
-          height: s != null && s.fullWidth ? "auto" : `${j}px`,
+          height: s != null && s.fullWidth ? "auto" : `${P}px`,
           aspectRatio: J,
           flexShrink: 0
         },
@@ -9796,7 +9796,7 @@ const ai = {
   Q(() => {
     t && s([...t.map((p) => ({ id: p.id, isActive: p.isActive }))]);
   }, [t]);
-  const a = (f = c.find((p) => p.id === r)) == null ? void 0 : f.isActive, d = P(() => {
+  const a = (f = c.find((p) => p.id === r)) == null ? void 0 : f.isActive, d = j(() => {
     s(
       (p) => p.map((g) => g.id === r ? { ...g, isActive: !g.isActive } : g)
     ), n && n(!a);
@@ -9885,7 +9885,7 @@ const ai = {
       )
     }
   );
-}, rt = "sa-sidepanel-item", di = "sa-sidepanel-item-styles", ys = "inset 3.5px 0 0 0 var(--sa-border-focused, #1a4fa0)", bs = "inset -3.5px 0 0 0 var(--sa-border-focused, #1a4fa0)", xs = `
+}, rt = "sa-sidepanel-item", di = "sa-sidepanel-item-styles", ys = "inset 3.5px 0 0 0 var(--sa-border-focused, #1a4fa0)", bs = "inset -3.5px 0 0 0 var(--sa-border-focused, #1a4fa0)", xs = `@layer starasia.components {
 .${rt} {
   display: block;
   box-sizing: border-box;
@@ -9936,7 +9936,7 @@ const ai = {
   cursor: not-allowed;
   opacity: 0.55;
 }
-`;
+}`;
 function vs() {
   if (typeof document > "u" || document.getElementById(di)) return;
   const t = document.createElement("style");
@@ -10073,7 +10073,7 @@ const hd = ({
     height: N,
     transition: `width ${ui}`,
     ...b
-  }, j = /* @__PURE__ */ u(
+  }, P = /* @__PURE__ */ u(
     h,
     {
       className: C,
@@ -10151,7 +10151,7 @@ const hd = ({
       ]
     }
   );
-  return I === void 0 ? j : /* @__PURE__ */ u(
+  return I === void 0 ? P : /* @__PURE__ */ u(
     h,
     {
       direction: "row",
@@ -10163,7 +10163,7 @@ const hd = ({
         ...(A == null ? void 0 : A.style) ?? {}
       },
       children: [
-        !J && O ? j : null,
+        !J && O ? P : null,
         /* @__PURE__ */ e(
           h,
           {
@@ -10179,7 +10179,7 @@ const hd = ({
             children: I
           }
         ),
-        !J && !O ? j : null,
+        !J && !O ? P : null,
         J && /* @__PURE__ */ u(ne, { children: [
           !M && /* @__PURE__ */ e(
             "div",
@@ -10194,7 +10194,7 @@ const hd = ({
               }
             }
           ),
-          j
+          P
         ] })
       ]
     }
@@ -11934,22 +11934,22 @@ function vn(t) {
 }
 vn.displayName = "LayoutDialog.Footer";
 const Ze = {
-  "lyd-root": "_lyd-root_8mm4b_1",
-  "lyd-backdrop": "_lyd-backdrop_8mm4b_38",
-  "lyd-panel": "_lyd-panel_8mm4b_47",
-  "lyd-modal": "_lyd-modal_8mm4b_58",
-  "lyd-fullscreen": "_lyd-fullscreen_8mm4b_72",
-  "lyd-sidebar": "_lyd-sidebar_8mm4b_80",
-  "lyd-header": "_lyd-header_8mm4b_110",
-  "lyd-header-content": "_lyd-header-content_8mm4b_121",
-  "lyd-header-actions": "_lyd-header-actions_8mm4b_129",
-  "lyd-main": "_lyd-main_8mm4b_136",
-  "lyd-body": "_lyd-body_8mm4b_143",
-  "lyd-aside": "_lyd-aside_8mm4b_149",
-  "lyd-footer": "_lyd-footer_8mm4b_165",
-  "lyd-vm-group": "_lyd-vm-group_8mm4b_178",
-  "lyd-vm-btn": "_lyd-vm-btn_8mm4b_186",
-  "lyd-close-btn": "_lyd-close-btn_8mm4b_209"
+  "lyd-root": "_lyd-root_jyp0m_6",
+  "lyd-backdrop": "_lyd-backdrop_jyp0m_43",
+  "lyd-panel": "_lyd-panel_jyp0m_52",
+  "lyd-modal": "_lyd-modal_jyp0m_63",
+  "lyd-fullscreen": "_lyd-fullscreen_jyp0m_77",
+  "lyd-sidebar": "_lyd-sidebar_jyp0m_85",
+  "lyd-header": "_lyd-header_jyp0m_115",
+  "lyd-header-content": "_lyd-header-content_jyp0m_126",
+  "lyd-header-actions": "_lyd-header-actions_jyp0m_134",
+  "lyd-main": "_lyd-main_jyp0m_141",
+  "lyd-body": "_lyd-body_jyp0m_148",
+  "lyd-aside": "_lyd-aside_jyp0m_154",
+  "lyd-footer": "_lyd-footer_jyp0m_170",
+  "lyd-vm-group": "_lyd-vm-group_jyp0m_183",
+  "lyd-vm-btn": "_lyd-vm-btn_jyp0m_191",
+  "lyd-close-btn": "_lyd-close-btn_jyp0m_214"
 }, Rs = [
   {
     mode: "sidebar",
@@ -12033,7 +12033,7 @@ function Is(t) {
     disableBackdropClose: p = !1,
     lockBodyScroll: g = !0,
     children: b
-  } = t, [D, C] = B(i), I = o ?? D, A = Ie("md") ? I : "fullscreen", x = P(
+  } = t, [D, C] = B(i), I = o ?? D, A = Ie("md") ? I : "fullscreen", x = j(
     (Z) => {
       o === void 0 && C(Z), l == null || l(Z);
     },
@@ -12354,7 +12354,7 @@ const Sd = ({
     ) })
   ] });
 }, Qi = "var(--sa-border-subtle, #e5e7eb)", nn = () => /* @__PURE__ */ e(h, { style: { width: 1, height: 22, backgroundColor: Qi } }), _s = (t) => typeof t == "number" ? `${t}px` : t;
-function Ps({
+function js({
   count: t,
   children: r,
   label: n,
@@ -12437,7 +12437,7 @@ function Ps({
     )
   );
 }
-Ps.Divider = nn;
+js.Divider = nn;
 const Cn = (t) => {
   const { variant: r = "outlined", overflow: n = "hidden", style: o, children: i, ...l } = t;
   return /* @__PURE__ */ e(
@@ -12450,7 +12450,7 @@ const Cn = (t) => {
       children: i
     }
   );
-}, js = (t) => t == null ? void 0 : typeof t == "number" ? `${t}px` : t, Zs = ({
+}, Ps = (t) => t == null ? void 0 : typeof t == "number" ? `${t}px` : t, Zs = ({
   src: t,
   alt: r = "",
   height: n = 140,
@@ -12470,7 +12470,7 @@ const Cn = (t) => {
         h,
         {
           style: {
-            height: js(n),
+            height: Ps(n),
             background: t ? void 0 : o,
             overflow: "hidden"
           },
@@ -12652,7 +12652,7 @@ export {
   ud as Form,
   wd as FullSection,
   Ea as HeaderLeftSlot,
-  Po as HeaderLeftSlotOutlet,
+  jo as HeaderLeftSlotOutlet,
   _o as HeaderLeftSlotProvider,
   Oc as Highlight,
   Aa as HorizontalField,
@@ -12678,7 +12678,7 @@ export {
   Bi as SectionFooter,
   Ii as SectionHeader,
   Dd as SelectButton,
-  Ps as SelectionActionBar,
+  js as SelectionActionBar,
   nn as SelectionActionBarDivider,
   vd as ServerErrorPage,
   fd as SidePanel,
@@ -12686,14 +12686,14 @@ export {
   zo as SidebarBadgesProvider,
   Fa as SidebarGroupSlot,
   Bn as SidebarGroupSlotOutlet,
-  jo as SidebarGroupSlotProvider,
+  Po as SidebarGroupSlotProvider,
   $o as SidebarHeaderSlot,
   To as SidebarProvider,
   Vo as StarasiaRouterProvider,
   wc as TableFooter,
   vc as TableHeader,
-  ja as TableLayout,
-  Pa as TableSection,
+  Pa as TableLayout,
+  ja as TableSection,
   xc as TableWrapper,
   dd as ToggleStatus,
   gt as Typography,