@starasia/admin 12.2.0 → 12.3.0

package/dist/index.es.js

@@ -3,16 +3,16 @@ import { Badges as St, Badge as xi } from "@starasia/badges";
 export * from "@starasia/badges";
 import { Box as f } from "@starasia/box";
 export * from "@starasia/box";
-import { Breadcrumb as vi, BreadcrumbItem as tn, BreadcrumbLink as Ci } from "@starasia/breadcrumb";
+import { Breadcrumb as vi, BreadcrumbItem as rn, BreadcrumbLink as Ci } from "@starasia/breadcrumb";
 export * from "@starasia/breadcrumb";
 import { Button as _ } from "@starasia/button";
 export * from "@starasia/button";
 export * from "@starasia/card";
 import { StarasiaDate as Ft } from "@starasia/date";
 export * from "@starasia/date";
-import { Dialog as Fr, DialogTitle as Wn, DialogBody as Er, DialogFooter as Bn } from "@starasia/dialog";
+import { Dialog as Fr, DialogTitle as Bn, DialogBody as Er, DialogFooter as zn } from "@starasia/dialog";
 export * from "@starasia/dialog";
-import { Drawer as zn } from "@starasia/drawer";
+import { Drawer as An } from "@starasia/drawer";
 export * from "@starasia/drawer";
 import { Dropdown as _t } from "@starasia/dropdown";
 export * from "@starasia/dropdown";
@@ -28,12 +28,12 @@ import { Pagination as Mr } from "@starasia/pagination";
 export * from "@starasia/pagination";
 import { storage as ar } from "@starasia/storage";
 export * from "@starasia/storage";
-import { Tr as Ne, Td as Me, Table as Tt, Thead as An, Th as ht, Tbody as wr, useColumnWidths as ki, Tfoot as Si } from "@starasia/table";
+import { Tr as Ne, Td as Me, Table as Tt, Thead as Rn, Th as ht, Tbody as wr, useColumnWidths as ki, Tfoot as Si } from "@starasia/table";
 export * from "@starasia/table";
 export * from "@starasia/tabs";
 import { Textarea as Fi } from "@starasia/textarea";
 export * from "@starasia/textarea";
-import { useTheme as Ei, ThemeProvider as rn, useColor as Li } from "@starasia/theme";
+import { useTheme as Ei, ThemeProvider as nn, useColor as Li } from "@starasia/theme";
 export * from "@starasia/theme";
 export * from "@starasia/toast";
 import { Toggle as Zt } from "@starasia/toggle";
@@ -60,7 +60,7 @@ export * from "@starasia/skeleton";
 export * from "@starasia/progress-stepper";
 import { jsx as e, Fragment as re, jsxs as d } from "react/jsx-runtime";
 import st, { createContext as bt, useState as V, useContext as dt, useCallback as q, useMemo as ge, memo as Xe, useEffect as J, useRef as ce, useLayoutEffect as at, forwardRef as Wr, isValidElement as Dr, Children as Wi, useImperativeHandle as Bi } from "react";
-import zi, { createPortal as Rn } from "react-dom";
+import zi, { createPortal as Br } from "react-dom";
 import Ai from "react-easy-crop";
 const Ri = {
   menus: [],
@@ -212,7 +212,7 @@ const Ri = {
         setUserData: a.setUserData,
         menuBottom: o
       },
-      children: /* @__PURE__ */ e(Oi, { children: /* @__PURE__ */ e(Vi, { children: s ? /* @__PURE__ */ e(rn, { value: s, children: t }) : u ? /* @__PURE__ */ e(rn, { value: u, children: t }) : t }) })
+      children: /* @__PURE__ */ e(Oi, { children: /* @__PURE__ */ e(Vi, { children: s ? /* @__PURE__ */ e(nn, { value: s, children: t }) : u ? /* @__PURE__ */ e(nn, { value: u, children: t }) : t }) })
     }
   ) });
 }, jc = Xe($i);
@@ -253,11 +253,11 @@ function ji({
     }
   );
 }
-const Br = bt(null);
+const zr = bt(null);
 function _i({ children: t }) {
   const [r, n] = V(null), [o, i] = V(null), [l, c] = V(null), [s, a] = V(0), u = q(() => (a((m) => m + 1), () => a((m) => m - 1)), []);
   return /* @__PURE__ */ e(
-    Br.Provider,
+    zr.Provider,
     {
       value: {
         prependNode: r,
@@ -274,7 +274,7 @@ function _i({ children: t }) {
   );
 }
 function Pi({ children: t }) {
-  const r = dt(Br);
+  const r = dt(zr);
   return r ? /* @__PURE__ */ d(re, { children: [
     /* @__PURE__ */ e("div", { ref: r.setPrependNode, style: { display: "contents" } }),
     r.replaceCount > 0 ? /* @__PURE__ */ e("div", { ref: r.setReplaceNode, style: { display: "contents" } }) : t,
@@ -285,7 +285,7 @@ function _c({
   children: t,
   mode: r = "append"
 }) {
-  const n = dt(Br);
+  const n = dt(zr);
   if (J(() => {
     if (!(r !== "replace" || !n))
       return n.registerReplace();
@@ -294,9 +294,9 @@ function _c({
       "[HeaderLeftSlot] used outside AppLayout — content not rendered"
     ), null;
   const o = r === "prepend" ? n.prependNode : r === "replace" ? n.replaceNode : n.appendNode;
-  return o ? Rn(t, o) : null;
+  return o ? Br(t, o) : null;
 }
-const zr = bt(null);
+const Ar = bt(null);
 function Zi({ children: t }) {
   const [r, n] = V({}), [o, i] = V({}), l = q((a, u) => {
     n((m) => m[a] === u ? m : { ...m, [a]: u });
@@ -307,10 +307,10 @@ function Zi({ children: t }) {
     () => ({ outletNodes: r, setOutletNode: l, slotCounts: o, registerSlot: c }),
     [r, l, o, c]
   );
-  return /* @__PURE__ */ e(zr.Provider, { value: s, children: t });
+  return /* @__PURE__ */ e(Ar.Provider, { value: s, children: t });
 }
 function Gi({ slotKey: t, fallback: r }) {
-  const n = dt(zr), o = n ? (n.slotCounts[t] ?? 0) > 0 : !1, i = ce(n == null ? void 0 : n.setOutletNode);
+  const n = dt(Ar), o = n ? (n.slotCounts[t] ?? 0) > 0 : !1, i = ce(n == null ? void 0 : n.setOutletNode);
   i.current = n == null ? void 0 : n.setOutletNode;
   const l = q(
     (c) => {
@@ -323,7 +323,7 @@ function Gi({ slotKey: t, fallback: r }) {
   return /* @__PURE__ */ e(re, { children: o ? /* @__PURE__ */ e("div", { ref: l, style: { display: "contents" } }) : r });
 }
 function Pc({ slotKey: t, children: r }) {
-  const n = dt(zr), o = ce(n == null ? void 0 : n.registerSlot);
+  const n = dt(Ar), o = ce(n == null ? void 0 : n.registerSlot);
   if (o.current = n == null ? void 0 : n.registerSlot, J(() => {
     var l;
     return (l = o.current) == null ? void 0 : l.call(o, t);
@@ -332,10 +332,10 @@ function Pc({ slotKey: t, children: r }) {
       "[SidebarGroupSlot] used outside AppLayout — content not rendered"
     ), null;
   const i = n.outletNodes[t];
-  return i ? Rn(r, i) : null;
+  return i ? Br(r, i) : null;
 }
 const Nt = "moduleSwitcherGroupId", kr = "sa-module-switcher-change";
-function nn() {
+function on() {
   if (typeof window > "u") return null;
   const t = window.localStorage.getItem(Nt);
   if (t === null) return null;
@@ -350,11 +350,11 @@ function Zc() {
 }
 function $n() {
   const [t, r] = V(
-    () => nn()
+    () => on()
   );
   return J(() => {
     const o = () => {
-      r(nn());
+      r(on());
     }, i = (l) => {
       l.key === Nt && o();
     };
@@ -365,8 +365,8 @@ function $n() {
     Nn(o), r(o);
   } };
 }
-let zt = 0, ut = !1, on = /* @__PURE__ */ new Set();
-const ln = () => /* @__PURE__ */ d(
+let zt = 0, ut = !1, ln = /* @__PURE__ */ new Set();
+const cn = () => /* @__PURE__ */ d(
   "svg",
   {
     width: "100%",
@@ -383,7 +383,7 @@ const ln = () => /* @__PURE__ */ d(
       /* @__PURE__ */ e("line", { x1: "6", y1: "1.667", x2: "6", y2: "14.333" })
     ]
   }
-), cn = {
+), sn = {
   width: "100%",
   display: "flex",
   alignItems: "center",
@@ -422,10 +422,10 @@ function Gc({
     mobileOpen: N,
     setMobileOpen: Y
   } = Ti(), [ne, $] = V(!1), [T, j] = V(
-    () => new Set(on)
+    () => new Set(ln)
   ), [oe, ve] = V(null), { selectedGroupId: Ce, setSelectedGroupId: fe } = $n();
   J(() => {
-    on = T;
+    ln = T;
   }, [T]);
   const pe = ce(null), we = ce(null);
   J(() => {
@@ -909,7 +909,7 @@ function Gc({
                               cursor: "pointer",
                               flexShrink: 0
                             },
-                            children: /* @__PURE__ */ e(ln, {})
+                            children: /* @__PURE__ */ e(cn, {})
                           }
                         ),
                         w && /* @__PURE__ */ e(
@@ -946,7 +946,7 @@ function Gc({
                                   height: "1rem",
                                   display: "inline-flex"
                                 },
-                                children: /* @__PURE__ */ e(ln, {})
+                                children: /* @__PURE__ */ e(cn, {})
                               }
                             )
                           }
@@ -1303,7 +1303,7 @@ function Gc({
                                 {
                                   type: "button",
                                   onClick: w.onClick,
-                                  style: cn,
+                                  style: sn,
                                   onMouseEnter: (O) => {
                                     O.currentTarget.style.backgroundColor = "var(--sa-background-neutral, #f0f1f2)";
                                   },
@@ -1324,7 +1324,7 @@ function Gc({
                                 type: "button",
                                 onClick: je,
                                 style: {
-                                  ...cn,
+                                  ...sn,
                                   color: "var(--sa-background-error, #c9184a)",
                                   fontWeight: 500
                                 },
@@ -1388,9 +1388,9 @@ function Gc({
       }
     ),
     /* @__PURE__ */ d(Fr, { isShow: Z, onHide: Ze, children: [
-      /* @__PURE__ */ e(Wn, { children: "Confirmation Logout" }),
+      /* @__PURE__ */ e(Bn, { children: "Confirmation Logout" }),
       /* @__PURE__ */ e(Er, { children: "Are you sure you want to end the session and exit the page?" }),
-      /* @__PURE__ */ e(Bn, { children: /* @__PURE__ */ e(f, { direction: "column", display: "flex", align: "flex-end", justify: "center", children: /* @__PURE__ */ d(de, { direction: "row", gap: "sm", align: "center", children: [
+      /* @__PURE__ */ e(zn, { children: /* @__PURE__ */ e(f, { direction: "column", display: "flex", align: "flex-end", justify: "center", children: /* @__PURE__ */ d(de, { direction: "row", gap: "sm", align: "center", children: [
         /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(_, { secondary: !0, onClick: Ze, children: "Cancel" }) }),
         /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(_, { primary: !0, onClick: Ge, children: "Yes, Sure" }) })
       ] }) }) })
@@ -1520,7 +1520,7 @@ const Gt = Wr(
       children: t
     }
   )
-), sn = ({
+), an = ({
   title: t,
   iconName: r,
   textColor: n,
@@ -1589,7 +1589,7 @@ const Gt = Wr(
     b,
     /* @__PURE__ */ e(vi, { separator: r, size: "md", children: t.map((k, x) => {
       const M = x === t.length - 1;
-      return k.to && !M ? /* @__PURE__ */ e(tn, { children: /* @__PURE__ */ e(l, { to: k.to, children: k.label }) }, x) : /* @__PURE__ */ e(tn, { currentPage: M, children: /* @__PURE__ */ e(Ci, { onClick: M ? void 0 : k.onClick, children: k.label }) }, x);
+      return k.to && !M ? /* @__PURE__ */ e(rn, { children: /* @__PURE__ */ e(l, { to: k.to, children: k.label }) }, x) : /* @__PURE__ */ e(rn, { currentPage: M, children: /* @__PURE__ */ e(Ci, { onClick: M ? void 0 : k.onClick, children: k.label }) }, x);
     }) })
   ] });
 }, qc = (t) => {
@@ -1603,7 +1603,7 @@ const Gt = Wr(
       iconColor: c.iconColor,
       hoverIconColor: c.hoverIconColor
     }
-  ) : l ? /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(r, { to: l, replace: !0, style: { textDecoration: "none" }, children: /* @__PURE__ */ e(sn, { ...c }) }) }) : /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(Gt, { onClick: i, children: /* @__PURE__ */ e(sn, { ...c }) }) });
+  ) : l ? /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(r, { to: l, replace: !0, style: { textDecoration: "none" }, children: /* @__PURE__ */ e(an, { ...c }) }) }) : /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(Gt, { onClick: i, children: /* @__PURE__ */ e(an, { ...c }) }) });
 }, ur = [
   // brand (blue)
   {
@@ -1648,7 +1648,7 @@ const Gt = Wr(
     activeShadow: "rgba(255, 117, 143, 0.25)"
   }
 ];
-function an(t, r, n) {
+function dn(t, r, n) {
   return {
     display: "flex",
     alignItems: "center",
@@ -1664,7 +1664,7 @@ function an(t, r, n) {
     transition: "box-shadow 0.2s ease, transform 0.2s ease, background-color 0.15s ease, border-color 0.15s ease"
   };
 }
-const dn = {
+const un = {
   fontSize: "11px",
   fontWeight: 500,
   textAlign: "center",
@@ -1673,7 +1673,7 @@ const dn = {
   color: "var(--sa-background-primary, #ffffff)",
   lineHeight: "1.3",
   maxWidth: "80px"
-}, un = {
+}, hn = {
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
@@ -1719,10 +1719,10 @@ function Ui({
                 onClick: () => s(null),
                 onMouseEnter: () => c("all"),
                 onMouseLeave: () => c(void 0),
-                style: un,
+                style: hn,
                 children: [
-                  /* @__PURE__ */ e("div", { style: an(o === null, l === "all", a), children: /* @__PURE__ */ e("div", { style: { color: a.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(B, { name: "Grid", size: "lg", style: { width: 32, height: 32 } }) }) }),
-                  /* @__PURE__ */ e("span", { style: dn, children: "Semua" })
+                  /* @__PURE__ */ e("div", { style: dn(o === null, l === "all", a), children: /* @__PURE__ */ e("div", { style: { color: a.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(B, { name: "Grid", size: "lg", style: { width: 32, height: 32 } }) }) }),
+                  /* @__PURE__ */ e("span", { style: un, children: "Semua" })
                 ]
               }
             ),
@@ -1735,10 +1735,10 @@ function Ui({
                   onClick: () => s(u.id),
                   onMouseEnter: () => c(u.id),
                   onMouseLeave: () => c(void 0),
-                  style: un,
+                  style: hn,
                   children: [
-                    /* @__PURE__ */ e("div", { style: an(p, g, k), children: /* @__PURE__ */ e("div", { style: { color: k.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(B, { name: b, size: "lg", style: { width: 32, height: 32 } }) }) }),
-                    /* @__PURE__ */ e("span", { style: dn, children: u.name })
+                    /* @__PURE__ */ e("div", { style: dn(p, g, k), children: /* @__PURE__ */ e("div", { style: { color: k.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(B, { name: b, size: "lg", style: { width: 32, height: 32 } }) }) }),
+                    /* @__PURE__ */ e("span", { style: un, children: u.name })
                   ]
                 },
                 u.id
@@ -2185,7 +2185,7 @@ const Ji = (t, r) => {
 }, Qc = Xe(Ki), eo = {
   icon: "Cross",
   title: ""
-}, to = "calc(100vw - 16px)", hn = (t) => t == null ? void 0 : `min(${typeof t == "number" ? `${t}px` : t}, ${to})`, ro = Wr(
+}, to = "calc(100vw - 16px)", fn = (t) => t == null ? void 0 : `min(${typeof t == "number" ? `${t}px` : t}, ${to})`, ro = Wr(
   ({
     onHide: t,
     show: r,
@@ -2197,9 +2197,9 @@ const Ji = (t, r) => {
     minWidth: s = "357px",
     maxWidth: a = "357px"
   }, u) => {
-    const m = hn(c ?? s), p = hn(c ?? a);
+    const m = fn(c ?? s), p = fn(c ?? a);
     return /* @__PURE__ */ e(
-      zn,
+      An,
       {
         blur: n,
         isShow: r,
@@ -2458,7 +2458,7 @@ const Ji = (t, r) => {
 }) => {
   const i = n.get(r) || void 0, l = i && typeof i == "string" ? JSON.parse(i) : void 0, c = l ? l[t] : void 0;
   return o === "id" && c ? JSON.parse(c).id : o === "label" && c ? JSON.parse(c).label : o === "value" && c ? JSON.parse(c).value : c;
-}, Ar = (t, r, n) => {
+}, Rr = (t, r, n) => {
   const o = r.get(n || "filter") || void 0, i = o && typeof o == "string" ? JSON.parse(o) : void 0;
   return i ? i[t] : void 0;
 }, Kc = ({
@@ -2551,7 +2551,7 @@ const Ji = (t, r) => {
 }) => {
   const S = (g == null ? void 0 : g.isShowLabel) ?? !0, [A, C] = V(!1), [F, I] = V(0), R = () => {
     I((j) => j + 1);
-  }, { searchParams: W, setSearchParams: E, getQueryParam: Z } = $e(), Q = Pt(W.toString()), P = Ar(t, W, s) || "", [K, N] = V(P), Y = Z(s), $ = !!(Y && !(() => {
+  }, { searchParams: W, setSearchParams: E, getQueryParam: Z } = $e(), Q = Pt(W.toString()), P = Rr(t, W, s) || "", [K, N] = V(P), Y = Z(s), $ = !!(Y && !(() => {
     if (Y)
       try {
         const j = JSON.parse(Y);
@@ -2745,7 +2745,7 @@ const Ji = (t, r) => {
     }
   );
 }, Eo = (t) => t === "checkbox-multiple" ? "dropdown-multiple" : t === "radio" ? "dropdown" : t === "date-compact" ? "date" : t;
-function Rr({
+function Ir({
   configs: t,
   filterKey: r = "filter",
   activeFilterKey: n = "filters",
@@ -3041,7 +3041,7 @@ function Wo(t, r) {
   }
   return !n || typeof n != "object" ? t : (delete n[r], Object.keys(n).length > 0 ? JSON.stringify(n) : void 0);
 }
-function fn(t, r, n) {
+function mn(t, r, n) {
   const o = t[r];
   if (o == null) return;
   const i = Wo(o, n);
@@ -3070,7 +3070,7 @@ function Bo({
     if (n.forEach((k) => {
       const x = s.get(k);
       x != null && (b[k] = x);
-    }), c || fn(b, i, l), Object.keys(b).length === 0) {
+    }), c || mn(b, i, l), Object.keys(b).length === 0) {
       m.current && r.remove(a);
       return;
     }
@@ -3087,7 +3087,7 @@ function Bo({
   const p = q(() => {
     if (!a) return null;
     const b = r.get(a);
-    return !b || Object.keys(b).length === 0 || !c && (fn(b, i, l), Object.keys(b).length === 0) ? null : b;
+    return !b || Object.keys(b).length === 0 || !c && (mn(b, i, l), Object.keys(b).length === 0) ? null : b;
   }, [a, r, c, i, l]), g = q(() => {
     a && r.remove(a);
   }, [a, r]);
@@ -3263,7 +3263,7 @@ const Io = ({
 ] }), Oo = (t) => {
   const r = new Date(t);
   return r.setHours(0, 0, 0, 0), r;
-}, mn = (t, r, n) => {
+}, gn = (t, r, n) => {
   const o = new Date(t);
   return n === "day" ? o.setDate(o.getDate() + r) : n === "week" ? o.setDate(o.getDate() + r * 7) : n === "month" ? o.setMonth(o.getMonth() + r) : o.setFullYear(o.getFullYear() + r), o;
 }, Zn = (t) => {
@@ -3273,8 +3273,8 @@ const Io = ({
     return t.period === "week" ? (o.setDate(r.getDate() - r.getDay()), i.setDate(o.getDate() + 6)) : t.period === "month" ? (o.setDate(1), i.setMonth(i.getMonth() + 1, 0)) : t.period === "year" && (o.setMonth(0, 1), i.setMonth(11, 31)), { from: o, to: i };
   }
   const n = t.count ?? 1;
-  return t.direction === "past" ? { from: mn(r, -n, t.period), to: r } : { from: r, to: mn(r, n, t.period) };
-}, gn = 24, Gn = (t) => t.length > gn ? `${t.slice(0, gn)}...` : t, Vt = (t) => t.toLocaleDateString(void 0, {
+  return t.direction === "past" ? { from: gn(r, -n, t.period), to: r } : { from: r, to: gn(r, n, t.period) };
+}, pn = 24, Gn = (t) => t.length > pn ? `${t.slice(0, pn)}...` : t, Vt = (t) => t.toLocaleDateString(void 0, {
   day: "2-digit",
   month: "short",
   year: "numeric"
@@ -3668,7 +3668,7 @@ const Io = ({
       "relative-preview"
     )
   ] });
-}, pn = 18, qo = (t) => t.length > pn ? `${t.slice(0, pn)}...` : t, Uo = ({
+}, yn = 18, qo = (t) => t.length > yn ? `${t.slice(0, yn)}...` : t, Uo = ({
   field: t,
   value: r,
   onChange: n,
@@ -3771,7 +3771,7 @@ const Io = ({
       }
     ) })
   ] });
-}, yn = 18, Jo = (t) => t.length > yn ? `${t.slice(0, yn)}...` : t, bn = ({ checked: t, indeterminate: r }) => /* @__PURE__ */ e("span", { style: { pointerEvents: "none", display: "inline-flex" }, children: /* @__PURE__ */ e(
+}, bn = 18, Jo = (t) => t.length > bn ? `${t.slice(0, bn)}...` : t, xn = ({ checked: t, indeterminate: r }) => /* @__PURE__ */ e("span", { style: { pointerEvents: "none", display: "inline-flex" }, children: /* @__PURE__ */ e(
   ct,
   {
     size: "sm",
@@ -3842,7 +3842,7 @@ const Io = ({
               selected: s,
               onClick: m,
               startIcon: /* @__PURE__ */ e(
-                bn,
+                xn,
                 {
                   checked: s || a,
                   indeterminate: a
@@ -3857,7 +3857,7 @@ const Io = ({
               closeOnSelect: !1,
               selected: l.has(g.value),
               onClick: () => u(g),
-              startIcon: /* @__PURE__ */ e(bn, { checked: l.has(g.value) }),
+              startIcon: /* @__PURE__ */ e(xn, { checked: l.has(g.value) }),
               children: g.label
             },
             g.value
@@ -3908,7 +3908,7 @@ const Io = ({
     },
     c
   );
-}) }), xn = (t) => `${t} Rows`, Yo = ({
+}) }), vn = (t) => `${t} Rows`, Yo = ({
   pagination: t,
   pageKey: r = "page",
   perPageKey: n = "perPage",
@@ -3940,7 +3940,7 @@ const Io = ({
           size: "sm",
           iconRight: /* @__PURE__ */ e(B, { name: "ChevronSmallDown" }),
           "aria-label": "Rows per page",
-          children: xn(g)
+          children: vn(g)
         }
       ) }),
       /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(Ve, { children: o.map((A) => /* @__PURE__ */ e(
@@ -3948,7 +3948,7 @@ const Io = ({
         {
           selected: A === g,
           onClick: () => k(String(A)),
-          children: xn(A)
+          children: vn(A)
         },
         A
       )) }) })
@@ -3999,7 +3999,7 @@ const Ko = 240, Un = ({
   shortcut: i = "/",
   collapsible: l = !0
 }) => {
-  const { searchParams: c, setSearchParams: s, searchQueries: a } = $e(), u = Ar(t, c, r) || "", [m, p] = V(!l || !!u), [g, b] = V(l && !u), [k, x] = V(u), M = wi(k, 350), S = ce(null);
+  const { searchParams: c, setSearchParams: s, searchQueries: a } = $e(), u = Rr(t, c, r) || "", [m, p] = V(!l || !!u), [g, b] = V(l && !u), [k, x] = V(u), M = wi(k, 350), S = ce(null);
   J(() => {
     x(u), u && p(!0);
   }, [u]), J(() => {
@@ -4339,7 +4339,7 @@ const Ko = 240, Un = ({
   removeFilter: p
 }) => {
   const g = o.length;
-  return /* @__PURE__ */ e(zn, { position: "bottom", isShow: t, onHide: r, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(An, { position: "bottom", isShow: t, onHide: r, children: /* @__PURE__ */ d(
     f,
     {
       direction: "column",
@@ -4776,7 +4776,7 @@ const Ko = 240, Un = ({
     setValue: oe,
     clearValue: ve,
     clearAll: Ce
-  } = Rr({
+  } = Ir({
     configs: r,
     filterKey: n,
     activeFilterKey: o,
@@ -5006,7 +5006,7 @@ const Ko = 240, Un = ({
     default:
       return;
   }
-}, vn = (t, r) => {
+}, Cn = (t, r) => {
   if (t == null || t === "") return r;
   const n = Number(t);
   return Number.isFinite(n) && n > 0 ? n : r;
@@ -5022,7 +5022,7 @@ const Ko = 240, Un = ({
     defaultPerPage: a = 10,
     paramKeys: u,
     serialize: m
-  } = t, { activeKeys: p, configByKey: g, hasActiveFilter: b, getValue: k } = Rr({
+  } = t, { activeKeys: p, configByKey: g, hasActiveFilter: b, getValue: k } = Ir({
     configs: r,
     filterKey: n,
     activeFilterKey: o,
@@ -5030,9 +5030,9 @@ const Ko = 240, Un = ({
     searchKey: c
   }), { searchParams: x } = $e(), M = x.toString();
   return ge(() => {
-    const A = {}, C = {}, F = vn(x.get(i), s), I = vn(x.get(l), a);
+    const A = {}, C = {}, F = Cn(x.get(i), s), I = Cn(x.get(l), a);
     A[(u == null ? void 0 : u.page) ?? "page"] = F, A[(u == null ? void 0 : u.perPage) ?? "perPage"] = I;
-    const R = Ar(c, x, n) || "";
+    const R = Rr(c, x, n) || "";
     R && (A[(u == null ? void 0 : u.search) ?? "search"] = R);
     let W = !1;
     for (const E of p) {
@@ -5077,7 +5077,7 @@ const Ko = 240, Un = ({
   pageKey: o,
   searchKey: i
 }) => {
-  const { configByKey: l, getValue: c, setValue: s, removeFilter: a, clearAll: u, hasActiveFilter: m } = Rr({
+  const { configByKey: l, getValue: c, setValue: s, removeFilter: a, clearAll: u, hasActiveFilter: m } = Ir({
     configs: t,
     filterKey: r,
     activeFilterKey: n,
@@ -5692,7 +5692,7 @@ const Ko = 240, Un = ({
       /* @__PURE__ */ e("path", { d: t ? "M7 11V7a5 5 0 0 1 10 0v4" : "M7 11V7a5 5 0 0 1 9.9-1" })
     ]
   }
-), pr = "var(--sa-background-primary, #ffffff)", Cn = "var(--sa-background-primary-inverse, #f8f8f8)", gl = ({
+), pr = "var(--sa-background-primary, #ffffff)", wn = "var(--sa-background-primary-inverse, #f8f8f8)", gl = ({
   columns: t,
   records: r,
   handleDetail: n,
@@ -5786,7 +5786,7 @@ const Ko = 240, Un = ({
   };
   return /* @__PURE__ */ e("div", { ref: je, children: /* @__PURE__ */ d(Tt, { fullWidth: !0, children: [
     /* @__PURE__ */ e(
-      An,
+      Rn,
       {
         style: {
           height: "40px",
@@ -5951,8 +5951,8 @@ const Ko = 240, Un = ({
         },
         onMouseEnter: (z) => {
           const O = z.currentTarget;
-          O.style.backgroundColor = Cn, Array.from(O.querySelectorAll("td")).forEach((G) => {
-            G.style.position === "sticky" && (G.style.backgroundColor = Cn);
+          O.style.backgroundColor = wn, Array.from(O.querySelectorAll("td")).forEach((G) => {
+            G.style.position === "sticky" && (G.style.backgroundColor = wn);
           });
         },
         onMouseLeave: (z) => {
@@ -6095,7 +6095,7 @@ function yl(t) {
     t
   );
 }
-const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)", bl = ({
+const os = yl(pl), Dn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)", bl = ({
   sortDir: t,
   frozen: r
 }) => t === "asc" ? /* @__PURE__ */ e(B, { name: "ChevronSmallUp" }) : t === "desc" ? /* @__PURE__ */ e(B, { name: "ChevronSmallDown" }) : r ? /* @__PURE__ */ e(B, { name: "LockOn", size: "xs" }) : /* @__PURE__ */ e(B, { name: "Filter", size: "xs" }), Rt = ({ icon: t, label: r, active: n, danger: o, onClick: i }) => {
@@ -6146,7 +6146,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
   );
   J(() => {
     if (u && p.current) {
-      const M = p.current.getBoundingClientRect(), S = M.left + wn > window.innerWidth;
+      const M = p.current.getBoundingClientRect(), S = M.left + Dn > window.innerWidth;
       k({
         top: M.bottom + 6,
         ...S ? { right: window.innerWidth - M.right } : { left: M.left }
@@ -6199,7 +6199,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
           position: "fixed",
           top: `${b.top}px`,
           ...b.left !== void 0 ? { left: `${b.left}px` } : { right: `${b.right}px` },
-          minWidth: wn,
+          minWidth: Dn,
           backgroundColor: "var(--sa-background-primary, #ffffff)",
           border: yr,
           borderRadius: "var(--sa-radii-sm, 6px)",
@@ -6253,15 +6253,15 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
       }
     )
   ] });
-}, wt = "1px solid var(--sa-border-subtle, #0b120e24)", vl = "var(--sa-text-subtle, #8c8f97)", pt = "var(--sa-background-neutral, #f0f1f2)", Dn = "2px 0 4px -2px rgba(0,0,0,0.15)", Dt = 40, br = "var(--sa-background-brand-subtlest)", It = {
+}, wt = "1px solid var(--sa-border-subtle, #0b120e24)", vl = "var(--sa-text-subtle, #8c8f97)", pt = "var(--sa-background-neutral, #f0f1f2)", kn = "2px 0 4px -2px rgba(0,0,0,0.15)", Dt = 40, br = "var(--sa-background-brand-subtlest)", It = {
   display: "block",
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
-}, kn = "sa-table-layout-styles", Cl = () => {
-  if (typeof document > "u" || document.getElementById(kn)) return;
+}, Sn = "sa-table-layout-styles", Cl = () => {
+  if (typeof document > "u" || document.getElementById(Sn)) return;
   const t = document.createElement("style");
-  t.id = kn, t.textContent = `
+  t.id = Sn, t.textContent = `
     .sa-table-layout tbody td {
       transition: background-color 0.15s ease;
       background-color: var(--sa-tl-bg, transparent);
@@ -6426,9 +6426,9 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
     if ((xe == null ? void 0 : xe[v]) != null) return xe[v];
     if (y.width != null) return y.width;
     if ((Se == null ? void 0 : Se[v]) != null) return Se[v];
-  }, xt = (y, v) => typeof y.width == "number" ? y.width : Se == null ? void 0 : Se[v], Jt = we.frozenKey && !Ue && !H ? ke.findIndex((y) => y.key === we.frozenKey) : -1, Nr = (y) => y <= Jt, $r = Z ? Dt : 0, jr = (y) => {
-    if (!Se) return $r;
-    let v = $r;
+  }, xt = (y, v) => typeof y.width == "number" ? y.width : Se == null ? void 0 : Se[v], Jt = we.frozenKey && !Ue && !H ? ke.findIndex((y) => y.key === we.frozenKey) : -1, $r = (y) => y <= Jt, jr = Z ? Dt : 0, _r = (y) => {
+    if (!Se) return jr;
+    let v = jr;
     for (let L = 0; L < y; L++) v += Se[L] ?? 0;
     return v;
   }, Qt = ce(null), [Xn, Kn] = V("100vh");
@@ -6444,35 +6444,35 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
     };
     return y(), window.addEventListener("resize", y), () => window.removeEventListener("resize", y);
   }, [k]);
-  const et = (y, v) => n ? n(y, v) : v, Yt = Q !== void 0, [_r, ei] = V(
+  const et = (y, v) => n ? n(y, v) : v, Yt = Q !== void 0, [Pr, ei] = V(
     () => new Set(P ?? [])
   ), tt = ge(
-    () => Yt ? new Set(Q) : _r,
-    [Yt, Q, _r]
+    () => Yt ? new Set(Q) : Pr,
+    [Yt, Q, Pr]
   );
   J(() => {
     Z && !n && process.env.NODE_ENV !== "production" && console.warn(
       "[@starasia/admin] TableLayout: `selectable` tanpa `getRowKey` — key default (index) membuat seleksi menempel ke POSISI baris, bukan datanya. Beri `getRowKey` yang stabil (mis. r => r.id)."
     );
   }, [Z, !n]);
-  const Pr = (y) => {
+  const Zr = (y) => {
     if (Yt || ei(y), K) {
       const v = G.filter((L, U) => y.has(et(L, U)));
       K(Array.from(y), v);
     }
   }, Xt = (y, v) => Z && (N ? N(y, v) : !0), Kt = (y) => {
     const v = new Set(tt);
-    v.has(y) ? v.delete(y) : v.add(y), Pr(v);
+    v.has(y) ? v.delete(y) : v.add(y), Zr(v);
   }, gt = ge(
     () => Z ? G.map((y, v) => ({ row: y, i: v, key: et(y, v) })).filter(
       ({ row: y, i: v }) => N ? N(y, v) : !0
     ).map(({ key: y }) => y) : [],
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [Z, G, N, n]
-  ), Zr = gt.filter((y) => tt.has(y)), er = gt.length > 0 && Zr.length === gt.length, Gr = Zr.length > 0 && !er, ti = () => {
+  ), Gr = gt.filter((y) => tt.has(y)), er = gt.length > 0 && Gr.length === gt.length, qr = Gr.length > 0 && !er, ti = () => {
     const y = new Set(tt);
-    er ? gt.forEach((v) => y.delete(v)) : gt.forEach((v) => y.add(v)), Pr(y);
-  }, tr = (y, v, L) => y.render ? y.render(v, L, G) : Dl(v, y.accessor), rr = ke.length + (Z ? 1 : 0) + ($ ? 1 : 0), qr = ["80%", "55%", "70%", "45%", "90%", "60%"], ri = (y, v) => qr[(y * 7 + v * 3) % qr.length], ni = (y, v) => /* @__PURE__ */ e(Ke, { height: 14, width: ri(y, v), borderRadius: "rounded-sm" }), ii = Array.from({ length: W }, (y, v) => /* @__PURE__ */ d(Ne, { children: [
+    er ? gt.forEach((v) => y.delete(v)) : gt.forEach((v) => y.add(v)), Zr(y);
+  }, tr = (y, v, L) => y.render ? y.render(v, L, G) : Dl(v, y.accessor), rr = ke.length + (Z ? 1 : 0) + ($ ? 1 : 0), Ur = ["80%", "55%", "70%", "45%", "90%", "60%"], ri = (y, v) => Ur[(y * 7 + v * 3) % Ur.length], ni = (y, v) => /* @__PURE__ */ e(Ke, { height: 14, width: ri(y, v), borderRadius: "rounded-sm" }), ii = Array.from({ length: W }, (y, v) => /* @__PURE__ */ d(Ne, { children: [
     Z && /* @__PURE__ */ e(Me, { style: { width: Dt, padding: 0 }, children: /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(Ke, { height: 14, width: 14, borderRadius: "rounded-sm" }) }) }),
     ke.map(({ col: L, key: U }, te) => /* @__PURE__ */ e(
       Me,
@@ -6494,7 +6494,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
   }), Mt = (y) => (E ?? []).filter((v) => {
     var L;
     return !((L = v.hidden) != null && L.call(v, y));
-  }), Ur = {
+  }), Jr = {
     position: "absolute",
     right: 0,
     top: 0,
@@ -6529,7 +6529,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
         "div",
         {
           className: "sa-tl-row-actions",
-          style: Ur,
+          style: Jr,
           onClick: (le) => le.stopPropagation(),
           children: /* @__PURE__ */ e(Ie, { label: "Aksi lainnya", position: "top", children: /* @__PURE__ */ e(
             _,
@@ -6550,7 +6550,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
         }
       );
     }
-    return /* @__PURE__ */ e("div", { className: "sa-tl-row-actions", style: Ur, children: L.map((te) => /* @__PURE__ */ e(st.Fragment, { children: Wt(te, y, v) }, te.key)) });
+    return /* @__PURE__ */ e("div", { className: "sa-tl-row-actions", style: Jr, children: L.map((te) => /* @__PURE__ */ e(st.Fragment, { children: Wt(te, y, v) }, te.key)) });
   }, si = (y, v) => {
     const L = Mt(y);
     return L.length ? /* @__PURE__ */ e("div", { style: { display: "flex", gap: 6, flexWrap: "wrap", paddingTop: 8, marginTop: 8, borderTop: wt }, children: L.map((U) => /* @__PURE__ */ e(st.Fragment, { children: Wt(U, y, v, { showLabel: !0, size: "sm" }) }, U.key)) }) : null;
@@ -6558,7 +6558,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
     const L = Mt(y);
     return L.length ? /* @__PURE__ */ e("div", { style: { display: "flex", gap: 4, paddingRight: 8, flexShrink: 0 }, children: L.map((U) => /* @__PURE__ */ e(st.Fragment, { children: Wt(U, y, v, { showLabel: !1 }) }, U.key)) }) : null;
   }, nr = (y, v) => {
-    const { col: L, key: U } = y, te = ft.get(U) ?? 0, ae = Nr(te), le = ae && te === Jt, ye = (Fe == null ? void 0 : Fe.key) === U ? Fe.direction : null, be = m && !L.disableMenu ? /* @__PURE__ */ e(
+    const { col: L, key: U } = y, te = ft.get(U) ?? 0, ae = $r(te), le = ae && te === Jt, ye = (Fe == null ? void 0 : Fe.key) === U ? Fe.direction : null, be = m && !L.disableMenu ? /* @__PURE__ */ e(
       xl,
       {
         active: !!ye || ae,
@@ -6603,10 +6603,10 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
           width: mt(L, te),
           position: "sticky",
           top: (v == null ? void 0 : v.top) ?? 0,
-          left: ae ? jr(te) : void 0,
+          left: ae ? _r(te) : void 0,
           zIndex: ae ? 3 : 2,
           backgroundColor: pt,
-          boxShadow: le ? Dn : void 0
+          boxShadow: le ? kn : void 0
         },
         children: /* @__PURE__ */ e(
           "div",
@@ -6636,7 +6636,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
       y.push(nr(L, te > 1 ? { colSpan: te } : void 0)), v += te;
     }
     return y;
-  }, Jr = (y) => /* @__PURE__ */ e(
+  }, Qr = (y) => /* @__PURE__ */ e(
     ht,
     {
       rowSpan: y == null ? void 0 : y.rowSpan,
@@ -6663,8 +6663,8 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
             ct,
             {
               size: "sm",
-              variant: Gr ? "indeterminate" : "select",
-              checked: er || Gr,
+              variant: qr ? "indeterminate" : "select",
+              checked: er || qr,
               disabled: gt.length === 0,
               onChange: ti,
               "aria-label": "Pilih semua baris di halaman ini"
@@ -6715,7 +6715,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
   }, ir = ke.filter((y) => !y.col.hideOnMobile), or = ir.find((y) => y.col.primary) ?? ir[0], hi = ir.filter((y) => y !== or), fi = (y) => ve((v) => {
     const L = new Set(v);
     return L.has(y) ? L.delete(y) : L.add(y), L;
-  }), Qr = (y, v) => hi.map(({ col: L, key: U }) => {
+  }), Yr = (y, v) => hi.map(({ col: L, key: U }) => {
     const te = tr(L, y, v), ae = typeof te == "string" || typeof te == "number" ? /* @__PURE__ */ e(
       D,
       {
@@ -6790,7 +6790,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
         `sa-tl-sk-card-${v}`
       ))
     }
-  ), Yr = /* @__PURE__ */ e(
+  ), Xr = /* @__PURE__ */ e(
     f,
     {
       fullWidth: !0,
@@ -6803,7 +6803,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
       },
       children: I == null ? void 0 : I.content
     }
-  ), gi = R ? mi : G.length === 0 ? Yr : x === "expand" ? /* @__PURE__ */ e(f, { style: { display: "flex", flexDirection: "column" }, children: G.map((y, v) => {
+  ), gi = R ? mi : G.length === 0 ? Xr : x === "expand" ? /* @__PURE__ */ e(f, { style: { display: "flex", flexDirection: "column" }, children: G.map((y, v) => {
     const L = et(y, v), U = oe.has(L), ae = Z && tt.has(L) ? br : Ot(o == null ? void 0 : o(y, v));
     return /* @__PURE__ */ d(
       "div",
@@ -6877,7 +6877,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
                 flexDirection: "column",
                 gap: 6
               },
-              children: Qr(y, v)
+              children: Yr(y, v)
             }
           )
         ]
@@ -6918,7 +6918,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
                 // Baris non-selectable (atau selectable=false): tanpa checkbox.
                 lr(y, v)
               ),
-              Qr(y, v),
+              Yr(y, v),
               $ && si(y, v)
             ]
           },
@@ -6926,7 +6926,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
         );
       })
     }
-  ), pi = l && ue && Se !== void 0, Xr = c === "fixed" && !l && (ue ? Se !== void 0 : !0), yi = Xr && !ue, Bt = C && C.length > 0 ? C.map((y, v) => /* @__PURE__ */ e(Ne, { children: y.cells.map((L, U) => /* @__PURE__ */ e(
+  ), pi = l && ue && Se !== void 0, Kr = c === "fixed" && !l && (ue ? Se !== void 0 : !0), yi = Kr && !ue, Bt = C && C.length > 0 ? C.map((y, v) => /* @__PURE__ */ e(Ne, { children: y.cells.map((L, U) => /* @__PURE__ */ e(
     Me,
     {
       colSpan: L.colSpan,
@@ -6942,7 +6942,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
       fullWidth: !0,
       size: i,
       resizable: pi,
-      style: Xr ? { tableLayout: "fixed" } : void 0,
+      style: Kr ? { tableLayout: "fixed" } : void 0,
       onWidthsChange: ze ? ie : void 0,
       children: [
         yi && /* @__PURE__ */ d("colgroup", { children: [
@@ -6950,9 +6950,9 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
           ke.map(({ col: y, key: v }, L) => /* @__PURE__ */ e("col", { style: { width: mt(y, L) } }, `col-${v}`)),
           $ && /* @__PURE__ */ e("col", { style: { width: 1 } })
         ] }),
-        /* @__PURE__ */ e(An, { ref: Ae, children: Ue ? /* @__PURE__ */ d(re, { children: [
+        /* @__PURE__ */ e(Rn, { ref: Ae, children: Ue ? /* @__PURE__ */ d(re, { children: [
           /* @__PURE__ */ d(Ne, { children: [
-            Z && Jr({ rowSpan: 2 }),
+            Z && Qr({ rowSpan: 2 }),
             it.map(
               (y) => y.isGroup ? /* @__PURE__ */ e(
                 ht,
@@ -6991,7 +6991,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
             (y) => y.isGroup ? y.leaves.map((v) => nr(v, { top: lt })) : []
           ) })
         ] }) : /* @__PURE__ */ d(Ne, { children: [
-          Z && Jr(),
+          Z && Qr(),
           di(),
           $ && /* @__PURE__ */ e(
             ht,
@@ -7009,7 +7009,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
             }
           )
         ] }) }),
-        /* @__PURE__ */ e(wr, { children: R ? ii : G.length === 0 ? /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Me, { colSpan: rr, children: Yr }) }) : /* @__PURE__ */ d(re, { children: [
+        /* @__PURE__ */ e(wr, { children: R ? ii : G.length === 0 ? /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Me, { colSpan: rr, children: Xr }) }) : /* @__PURE__ */ d(re, { children: [
           G.map((y, v) => {
             const L = S == null ? void 0 : S(
               y,
@@ -7021,10 +7021,10 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
               /* @__PURE__ */ d(Ne, { children: [
                 Z && ui(y, v, te),
                 ke.map(({ col: ae, key: le }, ye) => {
-                  var en;
-                  const be = (en = ae.cellProps) == null ? void 0 : en.call(ae, y, v, G);
+                  var tn;
+                  const be = (tn = ae.cellProps) == null ? void 0 : tn.call(ae, y, v, G);
                   if (be != null && be.hidden) return null;
-                  const _e = Nr(ye), vt = _e && ye === Jt, Je = tr(ae, y, v), Ct = typeof ae.bg == "function" ? ae.bg(y, v, G) : ae.bg, Kr = Ot(Ct) ?? te;
+                  const _e = $r(ye), vt = _e && ye === Jt, Je = tr(ae, y, v), Ct = typeof ae.bg == "function" ? ae.bg(y, v, G) : ae.bg, en = Ot(Ct) ?? te;
                   return /* @__PURE__ */ e(
                     Me,
                     {
@@ -7036,10 +7036,10 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
                         width: mt(ae, ye),
                         minWidth: ae.minWidth,
                         position: _e ? "sticky" : void 0,
-                        left: _e ? jr(ye) : void 0,
+                        left: _e ? _r(ye) : void 0,
                         zIndex: _e ? 1 : void 0,
-                        boxShadow: vt ? Dn : void 0,
-                        ...Kr ? { "--sa-tl-bg": Kr } : {}
+                        boxShadow: vt ? kn : void 0,
+                        ...en ? { "--sa-tl-bg": en } : {}
                       },
                       children: typeof Je == "string" ? /* @__PURE__ */ e(
                         D,
@@ -7147,7 +7147,7 @@ const os = yl(pl), wn = 200, yr = "1px solid var(--sa-border-subtle, #0b120e24)"
     [m, r, n, o, u]
   );
   return { sort: k, setSort: A, params: S };
-}, Ir = ({
+}, Or = ({
   of: t,
   render: r
 }) => Wi.toArray(t == null ? void 0 : t.map((n, o, i) => r(n, o, i))), se = ({
@@ -7910,7 +7910,7 @@ const Ol = (t) => {
             direction: r === "horizontal-inline" ? "row" : "column",
             align: "flex-start",
             children: /* @__PURE__ */ e(
-              Ir,
+              Or,
               {
                 of: (p = l.checkBoxesList) == null ? void 0 : p.map((g) => ({
                   ...g,
@@ -7991,7 +7991,7 @@ const Ol = (t) => {
             align: "flex-start",
             flexWrap: "wrap",
             children: /* @__PURE__ */ e(
-              Ir,
+              Or,
               {
                 of: (l = o.radioList) == null ? void 0 : l.map((c) => ({
                   ...c,
@@ -8372,7 +8372,7 @@ async function Gl(t, r) {
     }, "image/png");
   });
 }
-const Sn = {
+const Fn = {
   "1:1": 1,
   "4:3": 4 / 3,
   "16:9": 16 / 9,
@@ -8434,7 +8434,7 @@ const Sn = {
         (T = P.current) == null || T.click();
       }
     }));
-    const N = parseInt(l, 10), Y = Sn[c];
+    const N = parseInt(l, 10), Y = Fn[c];
     let ne, $;
     return Y >= 1 ? ($ = N, ne = N * Y) : (ne = N, $ = N / Y), /* @__PURE__ */ d(
       f,
@@ -8612,7 +8612,7 @@ const Sn = {
                               image: k,
                               crop: A,
                               zoom: F,
-                              aspect: c ? Sn[c] : void 0,
+                              aspect: c ? Fn[c] : void 0,
                               onCropChange: C,
                               onZoomChange: I,
                               onCropComplete: E,
@@ -8900,7 +8900,7 @@ const Sn = {
       )
     }
   );
-}, Te = "sa-sidepanel-item", Fn = "sa-sidepanel-item-styles", Yl = "inset 3.5px 0 0 0 var(--sa-border-focused, #1a4fa0)", Xl = "inset -3.5px 0 0 0 var(--sa-border-focused, #1a4fa0)", Kl = `
+}, Te = "sa-sidepanel-item", En = "sa-sidepanel-item-styles", Yl = "inset 3.5px 0 0 0 var(--sa-border-focused, #1a4fa0)", Xl = "inset -3.5px 0 0 0 var(--sa-border-focused, #1a4fa0)", Kl = `
 .${Te} {
   display: block;
   box-sizing: border-box;
@@ -8953,9 +8953,9 @@ const Sn = {
 }
 `;
 function ec() {
-  if (typeof document > "u" || document.getElementById(Fn)) return;
+  if (typeof document > "u" || document.getElementById(En)) return;
   const t = document.createElement("style");
-  t.id = Fn, t.textContent = Kl, document.head.appendChild(t);
+  t.id = En, t.textContent = Kl, document.head.appendChild(t);
 }
 const Ls = ({
   active: t = !1,
@@ -9041,7 +9041,7 @@ const Ls = ({
       }
     )
   }
-)), vr = 18, tc = 40, En = "280ms cubic-bezier(0.4, 0, 0.2, 1)", Yn = "var(--sa-border-subtle, #0b120e24)", rc = `1px solid ${Yn}`, Ln = "var(--sa-background-white, #ffffff)", Ms = ({
+)), vr = 18, tc = 40, Ln = "280ms cubic-bezier(0.4, 0, 0.2, 1)", Yn = "var(--sa-border-subtle, #0b120e24)", rc = `1px solid ${Yn}`, Mn = "var(--sa-background-white, #ffffff)", Ms = ({
   children: t,
   header: r,
   collapsed: n,
@@ -9072,7 +9072,7 @@ const Ls = ({
     bottom: 0,
     width: l,
     transform: `translateX(${E ? Q ? "-100%" : "100%" : "0"})`,
-    transition: `transform ${En}`,
+    transition: `transform ${Ln}`,
     zIndex: 50,
     ...Q ? { left: 0 } : { right: 0 },
     // boxShadow: isLeft
@@ -9086,7 +9086,7 @@ const Ls = ({
     width: E ? 0 : l,
     flexShrink: 0,
     height: K,
-    transition: `width ${En}`,
+    transition: `width ${Ln}`,
     ...b
   }, j = /* @__PURE__ */ d(
     f,
@@ -9104,7 +9104,7 @@ const Ls = ({
             overflow: "overflow-hidden",
             borderStyle: E ? void 0 : Q ? "border-solid-r" : "border-solid-l",
             borderWidth: E ? void 0 : Q ? "border-r" : "border-l",
-            style: { backgroundColor: Ln, borderColor: Yn },
+            style: { backgroundColor: Mn, borderColor: Yn },
             children: /* @__PURE__ */ d(
               f,
               {
@@ -9145,7 +9145,7 @@ const Ls = ({
             customHeight: tc,
             style: {
               ...Y,
-              backgroundColor: Ln,
+              backgroundColor: Mn,
               border: rc,
               zIndex: 5,
               ...Q ? {
@@ -9254,7 +9254,7 @@ const Ls = ({
       ]
     }
   );
-}, Mn = "--sa-floating-footer-height", Bs = ({
+}, Wn = "--sa-floating-footer-height", Bs = ({
   children: t,
   withScrollToTopButton: r = !1,
   scrollToTopButtonProps: n,
@@ -9265,12 +9265,12 @@ const Ls = ({
     const l = document.documentElement, c = () => {
       var u;
       const a = ((u = i.current) == null ? void 0 : u.getBoundingClientRect().height) ?? 0;
-      l.style.setProperty(Mn, `${a}px`);
+      l.style.setProperty(Wn, `${a}px`);
     };
     c();
     const s = new ResizeObserver(c);
     return i.current && s.observe(i.current), () => {
-      s.disconnect(), l.style.removeProperty(Mn);
+      s.disconnect(), l.style.removeProperty(Wn);
     };
   }, []), /* @__PURE__ */ e(f, { direction: "column", position: "absolute", width: "width-full", style: { zIndex: "var(--app-footer-zindex, 998)" }, children: /* @__PURE__ */ d(
     f,
@@ -9306,7 +9306,7 @@ const Ls = ({
     }
   ) });
 }, zs = ({ fields: t }) => /* @__PURE__ */ e(f, { display: "flex", direction: "column", gap: "lg", children: /* @__PURE__ */ e(
-  Ir,
+  Or,
   {
     of: t,
     render: (r, n) => /* @__PURE__ */ e(nc, { ...r }, n)
@@ -10774,9 +10774,9 @@ const Hs = (t) => {
         }
       },
       children: [
-        /* @__PURE__ */ e(Wn, { ...t.dialogTitleProps, children: typeof t.title == "string" ? /* @__PURE__ */ e(D, { fontSize: "lg", fontWeight: "medium", children: t.title }) : t.title }),
+        /* @__PURE__ */ e(Bn, { ...t.dialogTitleProps, children: typeof t.title == "string" ? /* @__PURE__ */ e(D, { fontSize: "lg", fontWeight: "medium", children: t.title }) : t.title }),
         /* @__PURE__ */ e(Er, { children: typeof t.description == "string" ? /* @__PURE__ */ e(D, { fontSize: "md", lineHeight: "leading-6", color: "brand", children: t.description }) : t.description }),
-        /* @__PURE__ */ e(Bn, { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(zn, { children: /* @__PURE__ */ e(
           f,
           {
             display: "flex",
@@ -10925,39 +10925,39 @@ const Hs = (t) => {
     )) });
   }
 );
-function Or(t) {
-  return null;
-}
-Or.displayName = "LayoutDialog.Header";
 function Hr(t) {
   return null;
 }
-Hr.displayName = "LayoutDialog.Body";
+Hr.displayName = "LayoutDialog.Header";
 function Vr(t) {
   return null;
 }
-Vr.displayName = "LayoutDialog.Aside";
+Vr.displayName = "LayoutDialog.Body";
 function Tr(t) {
   return null;
 }
-Tr.displayName = "LayoutDialog.Footer";
+Tr.displayName = "LayoutDialog.Aside";
+function Nr(t) {
+  return null;
+}
+Nr.displayName = "LayoutDialog.Footer";
 const Re = {
-  "lyd-root": "_lyd-root_14rlp_1",
-  "lyd-backdrop": "_lyd-backdrop_14rlp_34",
-  "lyd-panel": "_lyd-panel_14rlp_43",
-  "lyd-modal": "_lyd-modal_14rlp_54",
-  "lyd-fullscreen": "_lyd-fullscreen_14rlp_64",
-  "lyd-sidebar": "_lyd-sidebar_14rlp_72",
-  "lyd-header": "_lyd-header_14rlp_100",
-  "lyd-header-content": "_lyd-header-content_14rlp_111",
-  "lyd-header-actions": "_lyd-header-actions_14rlp_119",
-  "lyd-main": "_lyd-main_14rlp_126",
-  "lyd-body": "_lyd-body_14rlp_133",
-  "lyd-aside": "_lyd-aside_14rlp_139",
-  "lyd-footer": "_lyd-footer_14rlp_155",
-  "lyd-vm-group": "_lyd-vm-group_14rlp_168",
-  "lyd-vm-btn": "_lyd-vm-btn_14rlp_176",
-  "lyd-close-btn": "_lyd-close-btn_14rlp_199"
+  "lyd-root": "_lyd-root_1g78i_1",
+  "lyd-backdrop": "_lyd-backdrop_1g78i_38",
+  "lyd-panel": "_lyd-panel_1g78i_47",
+  "lyd-modal": "_lyd-modal_1g78i_58",
+  "lyd-fullscreen": "_lyd-fullscreen_1g78i_72",
+  "lyd-sidebar": "_lyd-sidebar_1g78i_80",
+  "lyd-header": "_lyd-header_1g78i_110",
+  "lyd-header-content": "_lyd-header-content_1g78i_121",
+  "lyd-header-actions": "_lyd-header-actions_1g78i_129",
+  "lyd-main": "_lyd-main_1g78i_136",
+  "lyd-body": "_lyd-body_1g78i_143",
+  "lyd-aside": "_lyd-aside_1g78i_149",
+  "lyd-footer": "_lyd-footer_1g78i_165",
+  "lyd-vm-group": "_lyd-vm-group_1g78i_178",
+  "lyd-vm-btn": "_lyd-vm-btn_1g78i_186",
+  "lyd-close-btn": "_lyd-close-btn_1g78i_209"
 }, sc = [
   {
     mode: "sidebar",
@@ -11060,16 +11060,16 @@ function hc(t) {
     return window.addEventListener("keydown", K), () => window.removeEventListener("keydown", K);
   }, [r, m, n]);
   const I = ge(
-    () => Ht(b, Or),
+    () => Ht(b, Hr),
     [b]
   ), R = ge(
-    () => Ht(b, Hr),
+    () => Ht(b, Vr),
     [b]
   ), W = ge(
-    () => Ht(b, Vr),
+    () => Ht(b, Tr),
     [b]
   ), E = ge(
-    () => Ht(b, Tr),
+    () => Ht(b, Nr),
     [b]
   );
   if (!r) return null;
@@ -11084,54 +11084,57 @@ function hc(t) {
   }, P = () => {
     p || n();
   };
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: Re["lyd-root"],
-      style: Q,
-      role: "dialog",
-      "aria-modal": "true",
-      children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: Re["lyd-backdrop"],
-            onClick: P,
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ d("div", { className: Z, children: [
-          /* @__PURE__ */ d("div", { className: Re["lyd-header"], children: [
-            /* @__PURE__ */ e("div", { className: Re["lyd-header-content"], children: I }),
-            /* @__PURE__ */ d("div", { className: Re["lyd-header-actions"], children: [
-              c && /* @__PURE__ */ e(ac, { value: M, onChange: C }),
-              s && /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  className: Re["lyd-close-btn"],
-                  onClick: n,
-                  "aria-label": "Close dialog",
-                  children: /* @__PURE__ */ e(B, { name: "Cross", size: "md" })
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ d("div", { className: Re["lyd-main"], children: [
-            /* @__PURE__ */ e("div", { className: Re["lyd-body"], children: R }),
-            W && /* @__PURE__ */ e("aside", { className: Re["lyd-aside"], children: W })
-          ] }),
-          E && /* @__PURE__ */ e("div", { className: Re["lyd-footer"], children: E })
-        ] })
-      ]
-    }
+  return typeof document > "u" ? null : Br(
+    /* @__PURE__ */ d(
+      "div",
+      {
+        className: Re["lyd-root"],
+        style: Q,
+        role: "dialog",
+        "aria-modal": "true",
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: Re["lyd-backdrop"],
+              onClick: P,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ d("div", { className: Z, children: [
+            /* @__PURE__ */ d("div", { className: Re["lyd-header"], children: [
+              /* @__PURE__ */ e("div", { className: Re["lyd-header-content"], children: I }),
+              /* @__PURE__ */ d("div", { className: Re["lyd-header-actions"], children: [
+                c && /* @__PURE__ */ e(ac, { value: M, onChange: C }),
+                s && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: Re["lyd-close-btn"],
+                    onClick: n,
+                    "aria-label": "Close dialog",
+                    children: /* @__PURE__ */ e(B, { name: "Cross", size: "md" })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ d("div", { className: Re["lyd-main"], children: [
+              /* @__PURE__ */ e("div", { className: Re["lyd-body"], children: R }),
+              W && /* @__PURE__ */ e("aside", { className: Re["lyd-aside"], children: W })
+            ] }),
+            E && /* @__PURE__ */ e("div", { className: Re["lyd-footer"], children: E })
+          ] })
+        ]
+      }
+    ),
+    document.body
   );
 }
 const Ut = hc;
-Ut.Header = Or;
-Ut.Body = Hr;
-Ut.Aside = Vr;
-Ut.Footer = Tr;
+Ut.Header = Hr;
+Ut.Body = Vr;
+Ut.Aside = Tr;
+Ut.Footer = Nr;
 function Ns({ url: t, filename: r, onClose: n }) {
   return J(() => {
     const o = (i) => {
@@ -11321,9 +11324,9 @@ export {
   Hs as ConfirmationDialog,
   gl as DataTable,
   se as DecisionWrapper,
-  Ir as EachUtils,
+  Or as EachUtils,
   As as EmptyStatePage,
-  Mn as FLOATING_FOOTER_HEIGHT_VAR,
+  Wn as FLOATING_FOOTER_HEIGHT_VAR,
   ts as FilterBar,
   So as FilterDrawer,
   Bs as FloatingFooter,
@@ -11338,10 +11341,10 @@ export {
   Hl as InputFile,
   ql as InputImage,
   Ut as LayoutDialog,
-  Vr as LayoutDialogAside,
-  Hr as LayoutDialogBody,
-  Tr as LayoutDialogFooter,
-  Or as LayoutDialogHeader,
+  Tr as LayoutDialogAside,
+  Vr as LayoutDialogBody,
+  Nr as LayoutDialogFooter,
+  Hr as LayoutDialogHeader,
   Uc as ModuleSwitcher,
   Ui as ModuleSwitcherModal,
   Rs as NotFoundPage,
@@ -11384,7 +11387,7 @@ export {
   us as getInitials,
   Do as getValueDropdownMultipleFilter,
   Xc as getValueRadioFilter,
-  Ar as getValueSearch,
+  Rr as getValueSearch,
   hr as getValuesFilter,
   $t as handleChangeFilter,
   Ss as handleOnScroll,