@starasia/admin 8.4.1 → 8.4.2

package/dist/index.es.js

@@ -1,7 +1,7 @@
 export * from "@starasia/alert";
 import { Badges as ft, Badge as Sn } from "@starasia/badges";
 export * from "@starasia/badges";
-import { Box as m } from "@starasia/box";
+import { Box as f } from "@starasia/box";
 export * from "@starasia/box";
 import { Breadcrumb as Fn, BreadcrumbItem as Fr, BreadcrumbLink as En } from "@starasia/breadcrumb";
 export * from "@starasia/breadcrumb";
@@ -59,7 +59,7 @@ import { Skeleton as ut } from "@starasia/skeleton";
 export * from "@starasia/skeleton";
 export * from "@starasia/progress-stepper";
 import { jsx as e, Fragment as ie, jsxs as u } from "react/jsx-runtime";
-import tt, { createContext as It, useState as R, useContext as at, useCallback as Q, useMemo as fe, memo as qe, useEffect as U, useRef as se, useLayoutEffect as it, forwardRef as ur, isValidElement as nr, Children as Rn, useImperativeHandle as Vn } from "react";
+import tt, { createContext as It, useState as R, useContext as at, useCallback as Q, useMemo as fe, memo as qe, useEffect as U, useRef as ce, useLayoutEffect as it, forwardRef as ur, isValidElement as nr, Children as Rn, useImperativeHandle as Vn } from "react";
 import { useSearchParams as Rt, useNavigate as hr, useLocation as gt, Outlet as Lr, Link as Et, useParams as tn } from "react-router";
 import On, { createPortal as rn } from "react-dom";
 import Hn from "react-easy-crop";
@@ -91,23 +91,23 @@ const Tn = {
   const [r, n] = R({}), o = Q(
     (c) => {
       n(
-        (a) => typeof c == "function" ? c(a) : c
+        (d) => typeof c == "function" ? c(d) : c
       );
     },
     []
   ), i = Q(
-    (c, a) => {
-      n((d) => {
-        const f = typeof a == "function" ? a(d[c]) : a;
-        return { ...d, [c]: f };
+    (c, d) => {
+      n((a) => {
+        const m = typeof d == "function" ? d(a[c]) : d;
+        return { ...a, [c]: m };
       });
     },
     []
   ), l = Q((c) => {
-    n((a) => {
-      if (!(c in a)) return a;
-      const d = { ...a };
-      return delete d[c], d;
+    n((d) => {
+      if (!(c in d)) return d;
+      const a = { ...d };
+      return delete a[c], a;
     });
   }, []), s = fe(
     () => ({ badges: r, setBadge: i, setBadges: o, clearBadge: l }),
@@ -126,7 +126,7 @@ const Tn = {
   initialUserData: l,
   theme: s
 }) => {
-  const c = Nn({ initialUserData: l }), { theme: a } = zn();
+  const c = Nn({ initialUserData: l }), { theme: d } = zn();
   return /* @__PURE__ */ e(
     nn.Provider,
     {
@@ -138,7 +138,7 @@ const Tn = {
         setUserData: c.setUserData,
         menuBottom: n
       },
-      children: /* @__PURE__ */ e($n, { children: s ? /* @__PURE__ */ e(Er, { value: s, children: t }) : a ? /* @__PURE__ */ e(Er, { value: a, children: t }) : t })
+      children: /* @__PURE__ */ e($n, { children: s ? /* @__PURE__ */ e(Er, { value: s, children: t }) : d ? /* @__PURE__ */ e(Er, { value: d, children: t }) : t })
     }
   );
 }, Hl = qe(Pn);
@@ -181,7 +181,7 @@ function _n({
 }
 const fr = It(null);
 function Zn({ children: t }) {
-  const [r, n] = R(null), [o, i] = R(null), [l, s] = R(null), [c, a] = R(0), d = Q(() => (a((f) => f + 1), () => a((f) => f - 1)), []);
+  const [r, n] = R(null), [o, i] = R(null), [l, s] = R(null), [c, d] = R(0), a = Q(() => (d((m) => m + 1), () => d((m) => m - 1)), []);
   return /* @__PURE__ */ e(
     fr.Provider,
     {
@@ -193,7 +193,7 @@ function Zn({ children: t }) {
         setAppendNode: i,
         setReplaceNode: s,
         replaceCount: c,
-        registerReplace: d
+        registerReplace: a
       },
       children: t
     }
@@ -224,11 +224,11 @@ function Tl({
 }
 const mr = It(null);
 function qn({ children: t }) {
-  const [r, n] = R({}), [o, i] = R({}), l = Q((a, d) => {
-    n((f) => f[a] === d ? f : { ...f, [a]: d });
-  }, []), s = Q((a) => (i((d) => ({ ...d, [a]: (d[a] ?? 0) + 1 })), () => i((d) => ({
-    ...d,
-    [a]: Math.max(0, (d[a] ?? 0) - 1)
+  const [r, n] = R({}), [o, i] = R({}), l = Q((d, a) => {
+    n((m) => m[d] === a ? m : { ...m, [d]: a });
+  }, []), s = Q((d) => (i((a) => ({ ...a, [d]: (a[d] ?? 0) + 1 })), () => i((a) => ({
+    ...a,
+    [d]: Math.max(0, (a[d] ?? 0) - 1)
   }))), []), c = fe(
     () => ({ outletNodes: r, setOutletNode: l, slotCounts: o, registerSlot: s }),
     [r, l, o, s]
@@ -236,7 +236,7 @@ function qn({ children: t }) {
   return /* @__PURE__ */ e(mr.Provider, { value: c, children: t });
 }
 function Un({ slotKey: t, fallback: r }) {
-  const n = at(mr), o = n ? (n.slotCounts[t] ?? 0) > 0 : !1, i = se(n == null ? void 0 : n.setOutletNode);
+  const n = at(mr), 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(
     (s) => {
@@ -249,7 +249,7 @@ function Un({ slotKey: t, fallback: r }) {
   return /* @__PURE__ */ e(ie, { children: o ? /* @__PURE__ */ e("div", { ref: l, style: { display: "contents" } }) : r });
 }
 function Nl({ slotKey: t, children: r }) {
-  const n = at(mr), o = se(n == null ? void 0 : n.registerSlot);
+  const n = at(mr), o = ce(n == null ? void 0 : n.registerSlot);
   if (o.current = n == null ? void 0 : n.registerSlot, U(() => {
     var l;
     return (l = o.current) == null ? void 0 : l.call(o, t);
@@ -335,11 +335,11 @@ function jl({
   isLoggingOut: l,
   loadingComponent: s,
   sidebarHeaderContent: c,
-  headerActions: a,
-  profileRole: d,
-  profileMenuButtons: f,
-  profileMenuItems: g,
-  logoutButton: p
+  headerActions: d,
+  profileRole: a,
+  profileMenuButtons: m,
+  profileMenuItems: p,
+  logoutButton: g
 }) {
   var Ke, ot;
   const [x] = Rt(), W = x.get("embed") === "true", y = on(), { badges: k } = jn(), E = hr(), w = gt(), v = !ke("md"), [A, z] = R(!1), [C, B] = R(!1), [j, G] = R(!1), [_, X] = R(!1), [te, me] = R(
@@ -348,7 +348,7 @@ function jl({
   U(() => {
     Wr = te;
   }, [te]);
-  const ne = se(null), ye = se(null);
+  const ne = ce(null), ye = ce(null);
   U(() => {
     const S = ne.current;
     if (!S) return;
@@ -1053,7 +1053,7 @@ function jl({
                     /* @__PURE__ */ e(Gn, { children: r })
                   ] }),
                   /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
-                    a,
+                    d,
                     /* @__PURE__ */ u(We, { position: "bottom-right", children: [
                       /* @__PURE__ */ e(De, { children: /* @__PURE__ */ u(
                         "div",
@@ -1200,7 +1200,7 @@ function jl({
                                       children: (n == null ? void 0 : n.email) || "unknown"
                                     }
                                   ),
-                                  d && /* @__PURE__ */ e(
+                                  a && /* @__PURE__ */ e(
                                     "p",
                                     {
                                       style: {
@@ -1212,14 +1212,14 @@ function jl({
                                         overflow: "hidden",
                                         textOverflow: "ellipsis"
                                       },
-                                      children: d
+                                      children: a
                                     }
                                   )
                                 ]
                               }
                             ) }),
-                            (f && f.length > 0 || g) && /* @__PURE__ */ u(ze, { children: [
-                              f == null ? void 0 : f.map((S, $) => /* @__PURE__ */ e(De, { children: /* @__PURE__ */ u(
+                            (m && m.length > 0 || p) && /* @__PURE__ */ u(ze, { children: [
+                              m == null ? void 0 : m.map((S, $) => /* @__PURE__ */ e(De, { children: /* @__PURE__ */ u(
                                 "button",
                                 {
                                   type: "button",
@@ -1237,9 +1237,9 @@ function jl({
                                   ]
                                 }
                               ) }, `${S.label}-${$}`)),
-                              g
+                              p
                             ] }),
-                            p ?? /* @__PURE__ */ e(sr, { children: /* @__PURE__ */ e(De, { children: /* @__PURE__ */ u(
+                            g ?? /* @__PURE__ */ e(sr, { children: /* @__PURE__ */ e(De, { children: /* @__PURE__ */ u(
                               "button",
                               {
                                 type: "button",
@@ -1311,9 +1311,9 @@ function jl({
     /* @__PURE__ */ u(lr, { isShow: A, onHide: Ee, children: [
       /* @__PURE__ */ e(Qr, { children: "Confirmation Logout" }),
       /* @__PURE__ */ e(cr, { children: "Are you sure you want to end the session and exit the page?" }),
-      /* @__PURE__ */ e(Yr, { children: /* @__PURE__ */ e(m, { direction: "column", display: "flex", align: "flex-end", justify: "center", children: /* @__PURE__ */ u(le, { direction: "row", gap: "sm", align: "center", children: [
-        /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(T, { secondary: !0, onClick: Ee, children: "Cancel" }) }),
-        /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(T, { primary: !0, onClick: Ne, children: "Yes, Sure" }) })
+      /* @__PURE__ */ e(Yr, { children: /* @__PURE__ */ e(f, { direction: "column", display: "flex", align: "flex-end", justify: "center", children: /* @__PURE__ */ u(le, { direction: "row", gap: "sm", align: "center", children: [
+        /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(T, { secondary: !0, onClick: Ee, children: "Cancel" }) }),
+        /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(T, { primary: !0, onClick: Ne, children: "Yes, Sure" }) })
       ] }) }) })
     ] }),
     ae && /* @__PURE__ */ u(ie, { children: [
@@ -1429,7 +1429,7 @@ function jl({
 }
 const gr = ur(
   ({ children: t, ...r }, n) => /* @__PURE__ */ e(
-    m,
+    f,
     {
       ref: n,
       role: "button",
@@ -1451,7 +1451,7 @@ const gr = ur(
 }) => {
   const [s, c] = R(!1);
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "row",
       gap: "xs",
@@ -1492,22 +1492,22 @@ const gr = ur(
   iconColor: o,
   hoverIconColor: i
 }) => {
-  const [l, s] = R(!1), c = o ?? "var(--sa-text-subtle, #8c8f97)", a = i ?? "var(--sa-text-subtle, #8c8f97)", d = t.length > 1 ? t[0] : void 0, f = !!(d != null && d.to || d != null && d.onClick), g = /* @__PURE__ */ e(
+  const [l, s] = R(!1), c = o ?? "var(--sa-text-subtle, #8c8f97)", d = i ?? "var(--sa-text-subtle, #8c8f97)", a = t.length > 1 ? t[0] : void 0, m = !!(a != null && a.to || a != null && a.onClick), p = /* @__PURE__ */ e(
     F,
     {
       name: n || "ChevronLeft",
       size: "xs",
-      onMouseEnter: f ? () => s(!0) : void 0,
-      onMouseLeave: f ? () => s(!1) : void 0,
+      onMouseEnter: m ? () => s(!0) : void 0,
+      onMouseLeave: m ? () => s(!1) : void 0,
       style: {
-        color: f && l ? a : c,
+        color: m && l ? d : c,
         transition: "color 0.15s ease",
-        cursor: f ? "pointer" : void 0
+        cursor: m ? "pointer" : void 0
       }
     }
-  ), p = d != null && d.to ? /* @__PURE__ */ e(Et, { to: d.to, replace: !0, style: { textDecoration: "none" }, children: g }) : d != null && d.onClick ? /* @__PURE__ */ e(gr, { onClick: d.onClick, children: g }) : g;
-  return /* @__PURE__ */ u(m, { direction: "row", gap: "xs", align: "center", children: [
-    p,
+  ), g = a != null && a.to ? /* @__PURE__ */ e(Et, { to: a.to, replace: !0, style: { textDecoration: "none" }, children: p }) : a != null && a.onClick ? /* @__PURE__ */ e(gr, { onClick: a.onClick, children: p }) : p;
+  return /* @__PURE__ */ u(f, { direction: "row", gap: "xs", align: "center", children: [
+    g,
     /* @__PURE__ */ e(Fn, { separator: r, size: "md", children: t.map((x, W) => {
       const y = W === t.length - 1;
       return x.to && !y ? /* @__PURE__ */ e(Fr, { children: /* @__PURE__ */ e(Et, { to: x.to, children: x.label }) }, W) : /* @__PURE__ */ e(Fr, { currentPage: y, children: /* @__PURE__ */ e(En, { onClick: y ? void 0 : x.onClick, children: x.label }) }, W);
@@ -1524,7 +1524,7 @@ const gr = ur(
       iconColor: l.iconColor,
       hoverIconColor: l.hoverIconColor
     }
-  ) : i ? /* @__PURE__ */ e(m, { direction: "row", children: /* @__PURE__ */ e(Et, { to: i, replace: !0, style: { textDecoration: "none" }, children: /* @__PURE__ */ e(Ar, { ...l }) }) }) : /* @__PURE__ */ e(m, { direction: "row", children: /* @__PURE__ */ e(gr, { onClick: o, children: /* @__PURE__ */ e(Ar, { ...l }) }) });
+  ) : i ? /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(Et, { to: i, replace: !0, style: { textDecoration: "none" }, children: /* @__PURE__ */ e(Ar, { ...l }) }) }) : /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(gr, { onClick: o, children: /* @__PURE__ */ e(Ar, { ...l }) }) });
 }, Gt = [
   // brand (blue)
   {
@@ -1611,9 +1611,9 @@ function Qn({
   selectedGroupId: o,
   onSelect: i
 }) {
-  const [l, s] = R(void 0), c = (d) => {
-    i(d), r();
-  }, a = Gt[0];
+  const [l, s] = R(void 0), c = (a) => {
+    i(a), r();
+  }, d = Gt[0];
   return /* @__PURE__ */ e(
     lr,
     {
@@ -1642,27 +1642,27 @@ function Qn({
                 onMouseLeave: () => s(void 0),
                 style: Vr,
                 children: [
-                  /* @__PURE__ */ e("div", { style: Ir(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: Ir(o === null, l === "all", d), children: /* @__PURE__ */ e("div", { style: { color: d.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(F, { name: "Grid", size: "lg", style: { width: 32, height: 32 } }) }) }),
                   /* @__PURE__ */ e("span", { style: Rr, children: "Semua" })
                 ]
               }
             ),
-            n.map((d, f) => {
+            n.map((a, m) => {
               var y;
-              const g = o === d.id, p = l === d.id, x = ((y = d.items[0]) == null ? void 0 : y.icon) ?? "Grid", W = Gt[(f + 1) % Gt.length];
+              const p = o === a.id, g = l === a.id, x = ((y = a.items[0]) == null ? void 0 : y.icon) ?? "Grid", W = Gt[(m + 1) % Gt.length];
               return /* @__PURE__ */ u(
                 "button",
                 {
-                  onClick: () => c(d.id),
-                  onMouseEnter: () => s(d.id),
+                  onClick: () => c(a.id),
+                  onMouseEnter: () => s(a.id),
                   onMouseLeave: () => s(void 0),
                   style: Vr,
                   children: [
-                    /* @__PURE__ */ e("div", { style: Ir(g, p, W), children: /* @__PURE__ */ e("div", { style: { color: W.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(F, { name: x, size: "lg", style: { width: 32, height: 32 } }) }) }),
-                    /* @__PURE__ */ e("span", { style: Rr, children: d.name })
+                    /* @__PURE__ */ e("div", { style: Ir(p, g, W), children: /* @__PURE__ */ e("div", { style: { color: W.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(F, { name: x, size: "lg", style: { width: 32, height: 32 } }) }) }),
+                    /* @__PURE__ */ e("span", { style: Rr, children: a.name })
                   ]
                 },
-                d.id
+                a.id
               );
             })
           ]
@@ -1675,13 +1675,13 @@ function _l({
   onSelect: t,
   "aria-label": r = "Pilih module"
 } = {}) {
-  const n = on(), o = hr(), { selectedGroupId: i, setSelectedGroupId: l } = sn(), [s, c] = R(!1), a = (d) => {
-    var f;
-    if (l(d), d !== null) {
-      const g = n.menus.find((x) => x.id === d), p = (f = g == null ? void 0 : g.items[0]) == null ? void 0 : f.to;
-      p && o(p);
+  const n = on(), o = hr(), { selectedGroupId: i, setSelectedGroupId: l } = sn(), [s, c] = R(!1), d = (a) => {
+    var m;
+    if (l(a), a !== null) {
+      const p = n.menus.find((x) => x.id === a), g = (m = p == null ? void 0 : p.items[0]) == null ? void 0 : m.to;
+      g && o(g);
     }
-    t == null || t(d);
+    t == null || t(a);
   };
   return /* @__PURE__ */ u(ie, { children: [
     /* @__PURE__ */ u("div", { style: { position: "relative" }, children: [
@@ -1702,11 +1702,11 @@ function _l({
             cursor: "pointer"
           },
           "aria-label": r,
-          onMouseEnter: (d) => {
-            d.currentTarget.style.backgroundColor = "var(--sa-background-primary-inverse, #f8f8f8)";
+          onMouseEnter: (a) => {
+            a.currentTarget.style.backgroundColor = "var(--sa-background-primary-inverse, #f8f8f8)";
           },
-          onMouseLeave: (d) => {
-            d.currentTarget.style.backgroundColor = "transparent";
+          onMouseLeave: (a) => {
+            a.currentTarget.style.backgroundColor = "transparent";
           },
           children: /* @__PURE__ */ e(F, { name: "GridApplication", size: "sm" })
         }
@@ -1732,9 +1732,9 @@ function _l({
       {
         isShow: s,
         onHide: () => c(!1),
-        menus: n.menus.filter((d) => d.parentGroupId === void 0),
+        menus: n.menus.filter((a) => a.parentGroupId === void 0),
         selectedGroupId: i,
-        onSelect: a
+        onSelect: d
       }
     )
   ] });
@@ -1773,11 +1773,11 @@ const Yn = (t, r) => {
         verticalAlign: l
       }),
       [i, l]
-    ), a = () => typeof r == "string" ? /* @__PURE__ */ e(D, { fontWeight: "medium", color: "subtlest", children: r }) : r, d = () => typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ e(D, { color: "primary", fontWeight: "medium", children: t }) : t, f = () => typeof n == "string" || typeof n == "number" ? /* @__PURE__ */ e(D, { fontWeight: "medium", color: "subtlest", children: n }) : n;
+    ), d = () => typeof r == "string" ? /* @__PURE__ */ e(D, { fontWeight: "medium", color: "subtlest", children: r }) : r, a = () => typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ e(D, { color: "primary", fontWeight: "medium", children: t }) : t, m = () => typeof n == "string" || typeof n == "number" ? /* @__PURE__ */ e(D, { fontWeight: "medium", color: "subtlest", children: n }) : n;
     return /* @__PURE__ */ u(He, { children: [
-      /* @__PURE__ */ e(Te, { style: s, width: o, children: a() }),
-      n ? /* @__PURE__ */ e(Te, { style: c, width: 24, children: f() }) : null,
-      /* @__PURE__ */ e(Te, { style: s, children: d() })
+      /* @__PURE__ */ e(Te, { style: s, width: o, children: d() }),
+      n ? /* @__PURE__ */ e(Te, { style: c, width: 24, children: m() }) : null,
+      /* @__PURE__ */ e(Te, { style: s, children: a() })
     ] });
   }
 ), Kn = qe(({ fields: t, separator: r, labelWidth: n }) => /* @__PURE__ */ e(dr, { children: t.map((o, i) => /* @__PURE__ */ e(
@@ -1801,7 +1801,7 @@ const Yn = (t, r) => {
     const s = fe(
       () => Yn(o, t),
       [o, t]
-    ), c = s.length > 2, a = () => {
+    ), c = s.length > 2, d = () => {
       switch (r) {
         case 1:
           return "width-full";
@@ -1816,7 +1816,7 @@ const Yn = (t, r) => {
       }
     };
     return /* @__PURE__ */ e(
-      m,
+      f,
       {
         gap: c ? void 0 : "lg",
         direction: "row",
@@ -1828,23 +1828,23 @@ const Yn = (t, r) => {
         borderWidth: l ? "border" : void 0,
         borderStyle: l ? "border-solid" : void 0,
         borderColor: l ? "border-subtle" : void 0,
-        children: s.map((d, f) => /* @__PURE__ */ e(
-          m,
+        children: s.map((a, m) => /* @__PURE__ */ e(
+          f,
           {
             direction: "column",
             flex: c ? void 0 : "1",
-            width: c ? a() : void 0,
+            width: c ? d() : void 0,
             marginBottom: c ? "lg" : void 0,
             children: /* @__PURE__ */ e(
               Kn,
               {
                 labelWidth: i,
-                fields: d,
+                fields: a,
                 separator: n
               }
             )
           },
-          f
+          m
         ))
       }
     );
@@ -1852,7 +1852,7 @@ const Yn = (t, r) => {
 ), ei = ({ backButton: t }) => {
   const [r, n] = R(!1), o = (t == null ? void 0 : t.iconColor) ?? "var(--sa-text-subtle, #8c8f97)", i = (t == null ? void 0 : t.textColor) ?? "var(--sa-text-subtle, #8c8f97)", l = (t == null ? void 0 : t.hoverIconColor) ?? "var(--sa-text-subtle, #8c8f97)", s = (t == null ? void 0 : t.hoverTextColor) ?? "var(--sa-text-primary, #292a2e)";
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "row",
       gap: "xs",
@@ -1896,24 +1896,24 @@ const Yn = (t, r) => {
   header: l = !0,
   headerBorder: s = !1,
   subHeaders: c,
-  action: a,
-  titleTagProps: d,
-  containerProps: f,
-  headerProps: g
+  action: d,
+  titleTagProps: a,
+  containerProps: m,
+  headerProps: p
 }) => {
-  const p = ke("md"), x = hr(), W = gt(), y = t == null ? void 0 : t.show, k = () => {
+  const g = ke("md"), x = hr(), W = gt(), y = t == null ? void 0 : t.show, k = () => {
     if (typeof (t == null ? void 0 : t.onClick) == "function") {
       t.onClick();
       return;
     }
     x(-1, { replace: !0 });
   }, E = () => {
-    if (!a) return null;
-    if (nr(a)) return a;
-    const C = a.filter(
+    if (!d) return null;
+    if (nr(d)) return d;
+    const C = d.filter(
       (B) => B && (B.title || B.icon)
     );
-    return C.length === 0 ? null : p ? /* @__PURE__ */ e(m, { direction: "row", gap: "md", children: C.map(({ title: B, icon: j, buttonProps: G, onClick: _ }, X) => /* @__PURE__ */ e(
+    return C.length === 0 ? null : g ? /* @__PURE__ */ e(f, { direction: "row", gap: "md", children: C.map(({ title: B, icon: j, buttonProps: G, onClick: _ }, X) => /* @__PURE__ */ e(
       T,
       {
         iconLeft: j ? /* @__PURE__ */ e(F, { name: j, size: "md" }) : void 0,
@@ -1954,7 +1954,7 @@ const Yn = (t, r) => {
     ] });
   }, w = () => {
     const C = /* @__PURE__ */ e(ei, { backButton: t });
-    return t != null && t.navigateTo ? /* @__PURE__ */ e(m, { direction: "row", children: /* @__PURE__ */ e(
+    return t != null && t.navigateTo ? /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(
       Et,
       {
         to: t.navigateTo,
@@ -1962,35 +1962,35 @@ const Yn = (t, r) => {
         style: { textDecoration: "none" },
         children: C
       }
-    ) }) : /* @__PURE__ */ e(m, { direction: "row", children: /* @__PURE__ */ e(gr, { onClick: k, children: C }) });
+    ) }) : /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(gr, { onClick: k, children: C }) });
   }, V = () => {
-    const C = !!r, B = Array.isArray(a) && a.length > 0, j = nr(a) ? !0 : B;
+    const C = !!r, B = Array.isArray(d) && d.length > 0, j = nr(d) ? !0 : B;
     if (!C && !j && !y) return null;
-    const _ = p || !p && B;
+    const _ = g || !g && B;
     return /* @__PURE__ */ u(
-      m,
+      f,
       {
         direction: "column",
         gap: "xs",
-        paddingBlock: (g == null ? void 0 : g.paddingBlock) ?? "sm",
-        paddingInline: (g == null ? void 0 : g.paddingInline) ?? "md",
-        ...g,
+        paddingBlock: (p == null ? void 0 : p.paddingBlock) ?? "sm",
+        paddingInline: (p == null ? void 0 : p.paddingInline) ?? "md",
+        ...p,
         style: {
           ...s ? { borderBottom: "1px solid var(--sa-border-subtle, #0b120e24)" } : {},
-          ...g == null ? void 0 : g.style
+          ...p == null ? void 0 : p.style
         },
         children: [
           y && w(),
           (C || j) && /* @__PURE__ */ u(
-            m,
+            f,
             {
               direction: _ ? "row" : "column",
               gap: "sm",
               justify: "space-between",
               align: _ ? "center" : "flex-start",
               children: [
-                C ? typeof r == "string" ? /* @__PURE__ */ u(m, { direction: "row", gap: "lg", align: "center", children: [
-                  /* @__PURE__ */ u(m, { direction: "row", gap: "sm", align: "center", children: [
+                C ? typeof r == "string" ? /* @__PURE__ */ u(f, { direction: "row", gap: "lg", align: "center", children: [
+                  /* @__PURE__ */ u(f, { direction: "row", gap: "sm", align: "center", children: [
                     n && /* @__PURE__ */ e(F, { name: n, size: "md", color: "primary" }),
                     /* @__PURE__ */ e(
                       D,
@@ -2002,7 +2002,7 @@ const Yn = (t, r) => {
                       }
                     )
                   ] }),
-                  o && /* @__PURE__ */ e(Sn, { border: !0, size: "lg", text: o, ...d })
+                  o && /* @__PURE__ */ e(Sn, { border: !0, size: "lg", text: o, ...a })
                 ] }) : r : null,
                 E()
               ]
@@ -2018,7 +2018,7 @@ const Yn = (t, r) => {
       const _ = j.order ?? 0;
       _ >= B && (B = _, C = G);
     }), c.map(({ content: j, order: G, borderBottom: _ = !0 }, X) => /* @__PURE__ */ e(
-      m,
+      f,
       {
         direction: "column",
         paddingTop: "sm",
@@ -2037,7 +2037,7 @@ const Yn = (t, r) => {
   }, A = () => {
     const C = l ? V() : null, B = v();
     return !C && !B ? null : /* @__PURE__ */ u(
-      m,
+      f,
       {
         direction: "column",
         style: {
@@ -2055,13 +2055,13 @@ const Yn = (t, r) => {
     );
   }, z = () => i;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       as: "main",
-      ...f,
+      ...m,
       style: {
-        ...(f == null ? void 0 : f.style) ?? {},
+        ...(m == null ? void 0 : m.style) ?? {},
         animation: "pageLayoutEnter 320ms cubic-bezier(0.16, 1, 0.3, 1) backwards"
       },
       children: [
@@ -2084,9 +2084,9 @@ const Yn = (t, r) => {
     closeButton: l = ri,
     width: s,
     minWidth: c = "357px",
-    maxWidth: a = "357px"
-  }, d) => {
-    const f = Or(s ?? c), g = Or(s ?? a);
+    maxWidth: d = "357px"
+  }, a) => {
+    const m = Or(s ?? c), p = Or(s ?? d);
     return /* @__PURE__ */ e(
       Xr,
       {
@@ -2094,15 +2094,15 @@ const Yn = (t, r) => {
         isShow: r,
         position: "right",
         onHide: t,
-        ref: d,
+        ref: a,
         style: {
-          minWidth: f,
-          maxWidth: g,
+          minWidth: m,
+          maxWidth: p,
           ...o
         },
-        children: /* @__PURE__ */ u(m, { direction: "column", padding: "lg", children: [
+        children: /* @__PURE__ */ u(f, { direction: "column", padding: "lg", children: [
           l ? /* @__PURE__ */ u(
-            m,
+            f,
             {
               direction: "row",
               align: "center",
@@ -2133,7 +2133,7 @@ const Yn = (t, r) => {
   ({ children: t, borderBottom: r = !0, padding: n = !0 }) => {
     const o = ke("lg");
     return /* @__PURE__ */ e(
-      m,
+      f,
       {
         direction: "column",
         padding: n ? "md" : "spacing-0",
@@ -2150,7 +2150,7 @@ const Yn = (t, r) => {
   ({ children: t, borderTop: r = !0, padding: n = !0 }) => {
     const o = ke("lg");
     return /* @__PURE__ */ e(
-      m,
+      f,
       {
         direction: "column",
         padding: n ? "md" : "spacing-0",
@@ -2165,7 +2165,7 @@ const Yn = (t, r) => {
   }
 ), oi = qe(
   ({ children: t, ...r }) => /* @__PURE__ */ e(
-    m,
+    f,
     {
       direction: "column",
       padding: "md",
@@ -2186,28 +2186,28 @@ const Yn = (t, r) => {
     footer: l,
     actionContainer: s,
     containerProps: c,
-    bodyProps: a,
-    headerProps: d = { borderBottom: !0 },
-    footerProps: f = { borderTop: !0 },
-    variantTag: g = "info"
+    bodyProps: d,
+    headerProps: a = { borderBottom: !0 },
+    footerProps: m = { borderTop: !0 },
+    variantTag: p = "info"
   }) => {
-    const p = ke("lg"), x = () => n ? /* @__PURE__ */ u(m, { direction: "row", gap: "sm", align: "center", children: [
+    const g = ke("lg"), x = () => n ? /* @__PURE__ */ u(f, { direction: "row", gap: "sm", align: "center", children: [
       /* @__PURE__ */ e(D, { fontWeight: "medium", children: r }),
-      /* @__PURE__ */ e(ft, { border: !0, text: n, variant: g })
+      /* @__PURE__ */ e(ft, { border: !0, text: n, variant: p })
     ] }) : /* @__PURE__ */ e(D, { fontWeight: "medium", children: r }), W = () => i || /* @__PURE__ */ u(
-      m,
+      f,
       {
         direction: "row",
         justify: "space-between",
         align: "flex-start",
         gap: "md",
         children: [
-          /* @__PURE__ */ e(m, { direction: "column", children: r ? x() : null }),
+          /* @__PURE__ */ e(f, { direction: "column", children: r ? x() : null }),
           /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
-              style: p ? { width: "100%", maxWidth: "19.313rem" } : { flex: 1 },
+              style: g ? { width: "100%", maxWidth: "19.313rem" } : { flex: 1 },
               ...s,
               children: o ?? null
             }
@@ -2216,7 +2216,7 @@ const Yn = (t, r) => {
       }
     ), y = !!(i || r || o);
     return /* @__PURE__ */ u(
-      m,
+      f,
       {
         direction: "column",
         bg: "white",
@@ -2231,9 +2231,9 @@ const Yn = (t, r) => {
           ...(c == null ? void 0 : c.style) ?? {}
         },
         children: [
-          i !== null && y ? /* @__PURE__ */ e(an, { ...d, children: W() }) : null,
-          /* @__PURE__ */ e(oi, { ...a, children: t }),
-          l ? /* @__PURE__ */ e(dn, { ...f, children: l }) : null
+          i !== null && y ? /* @__PURE__ */ e(an, { ...a, children: W() }) : null,
+          /* @__PURE__ */ e(oi, { ...d, children: t }),
+          l ? /* @__PURE__ */ e(dn, { ...m, children: l }) : null
         ]
       }
     );
@@ -2258,10 +2258,10 @@ const Yn = (t, r) => {
     setSearchParams: r,
     searchParams: t,
     searchQueries: n,
-    isHasQuery: (f, g) => t.has(f) && t.get(f) === g,
-    getQueryParam: (f) => t.get(f),
+    isHasQuery: (m, p) => t.has(m) && t.get(m) === p,
+    getQueryParam: (m) => t.get(m),
     // route params
-    getRouteParam: (f) => o[f],
+    getRouteParam: (m) => o[m],
     params: o,
     // location info
     location: i,
@@ -2278,43 +2278,43 @@ const Yn = (t, r) => {
   searchQueries: l,
   dropdownSearchKey: s,
   filterKey: c = "filter",
-  pageKey: a = "page"
+  pageKey: d = "page"
 }) => {
   if (o) {
-    let d;
+    let a;
     switch (n) {
       case "search":
-        d = wi(t);
+        a = wi(t);
         break;
       case "dropdown":
       case "dropdown-multiple":
-        d = xi(t);
+        a = xi(t);
         break;
       case "radio":
-        d = bi(t);
+        a = bi(t);
         break;
       case "date-range":
-        d = vi(t);
+        a = vi(t);
         break;
       case "advanced-date-range":
-        d = Di(t);
+        a = Di(t);
         break;
       case "date":
-        d = Ci(t);
+        a = Ci(t);
         break;
       default:
-        d = t;
+        a = t;
         break;
     }
-    if (typeof d < "u") {
-      const g = {
+    if (typeof a < "u") {
+      const p = {
         ...l[c] && typeof l[c] == "string" ? JSON.parse(l[c]) : void 0,
-        [r]: d
-      }, p = { ...l };
-      s && typeof s == "string" && delete p[s], delete p[a];
+        [r]: a
+      }, g = { ...l };
+      s && typeof s == "string" && delete g[s], delete g[d];
       const x = {
-        ...p,
-        [c]: JSON.stringify(g)
+        ...g,
+        [c]: JSON.stringify(p)
       }, W = new URLSearchParams(l).toString(), y = new URLSearchParams(
         x
       ).toString();
@@ -2381,44 +2381,44 @@ const Yn = (t, r) => {
   pageKey: o,
   filters: i
 }) => {
-  const { searchParams: l, setSearchParams: s, searchQueries: c } = Ie(), [a, d] = R({}), f = () => {
+  const { searchParams: l, setSearchParams: s, searchQueries: c } = Ie(), [d, a] = R({}), m = () => {
     l.delete(n || "filter"), s(l);
-  }, g = (p, x) => {
-    switch (p.type) {
+  }, p = (g, x) => {
+    switch (g.type) {
       case "radio": {
-        const { show: W = !0 } = p;
-        return W && /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(m, { direction: "column", children: p.title }) }, x);
+        const { show: W = !0 } = g;
+        return W && /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(f, { direction: "column", children: g.title }) }, x);
       }
       case "dropdown": {
-        const { show: W = !0 } = p;
-        return W && /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(m, { direction: "column", children: p.title }) }, x);
+        const { show: W = !0 } = g;
+        return W && /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(f, { direction: "column", children: g.title }) }, x);
       }
       case "date-range":
-        return /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(m, { direction: "column", children: p.title }) }, x);
+        return /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(f, { direction: "column", children: g.title }) }, x);
       case "date":
-        return /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(m, { direction: "column", children: p.title }) }, x);
+        return /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(f, { direction: "column", children: g.title }) }, x);
       case "dropdown-multiple": {
-        const { show: W = !0 } = p;
-        return W && /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(m, { direction: "column", children: p.title }) }, x);
+        const { show: W = !0 } = g;
+        return W && /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(f, { direction: "column", children: g.title }) }, x);
       }
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ e(ii, { onHide: r, show: t || !1, children: /* @__PURE__ */ u(m, { direction: "column", gap: "md", children: [
+  return /* @__PURE__ */ e(ii, { onHide: r, show: t || !1, children: /* @__PURE__ */ u(f, { direction: "column", gap: "md", children: [
     /* @__PURE__ */ u(le, { direction: "row", justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ e(m, { direction: "column", children: "Filter" }),
+      /* @__PURE__ */ e(f, { direction: "column", children: "Filter" }),
       /* @__PURE__ */ e(
-        m,
+        f,
         {
           direction: "column",
           style: { cursor: "pointer" },
-          onClick: f,
+          onClick: m,
           children: "Reset"
         }
       )
     ] }),
-    i == null ? void 0 : i.map((p, x) => g(p, x))
+    i == null ? void 0 : i.map((g, x) => p(g, x))
   ] }) });
 }, Ei = ({
   searchKey: t = "q",
@@ -2429,16 +2429,16 @@ const Yn = (t, r) => {
   showSearchFilter: l = !0,
   showStatusFilter: s = !0,
   filterKey: c = "filter",
-  pageKey: a = "page",
-  customWidthSearch: d,
-  handleOnReset: f,
-  filterConfigs: g,
-  buttonToggleProps: p,
+  pageKey: d = "page",
+  customWidthSearch: a,
+  handleOnReset: m,
+  filterConfigs: p,
+  buttonToggleProps: g,
   position: x = "right",
   titleSearchLabel: W = "Work Order",
   withTitleLabels: y = !1
 }) => {
-  const E = (p == null ? void 0 : p.isShowLabel) ?? !0, [w, V] = R(!1), [v, A] = R(0), z = () => {
+  const E = (g == null ? void 0 : g.isShowLabel) ?? !0, [w, V] = R(!1), [v, A] = R(0), z = () => {
     A((O) => O + 1);
   }, { searchParams: C, setSearchParams: B, getQueryParam: j } = Ie(), G = zt(C.toString()), _ = pr(t, C, c) || "", [X, te] = R(_), me = j(c), de = !!(me && !(() => {
     if (me)
@@ -2463,7 +2463,7 @@ const Yn = (t, r) => {
         searchQueries: G,
         setSearchParams: B,
         filterKey: c,
-        pageKey: a
+        pageKey: d
       });
     }, 350);
     return () => {
@@ -2476,7 +2476,7 @@ const Yn = (t, r) => {
     G,
     B,
     c,
-    a
+    d
   ]), /* @__PURE__ */ u(
     le,
     {
@@ -2486,12 +2486,12 @@ const Yn = (t, r) => {
       },
       align: "flex-end",
       children: [
-        de && /* @__PURE__ */ e(m, { direction: "column", justify: "flex-end", children: /* @__PURE__ */ e(
+        de && /* @__PURE__ */ e(f, { direction: "column", justify: "flex-end", children: /* @__PURE__ */ e(
           T,
           {
             onClick: () => {
               const O = new URLSearchParams(C);
-              O.delete(c), B(O), te(""), z(), f && f();
+              O.delete(c), B(O), te(""), z(), m && m();
             },
             variant: "outline",
             tone: "neutral",
@@ -2499,7 +2499,7 @@ const Yn = (t, r) => {
           }
         ) }),
         i == null ? void 0 : i.map(({ minWidth: O, content: ne, title: ye, onClickContainer: ge }, pe) => /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "column",
             gap: "sm",
@@ -2514,7 +2514,7 @@ const Yn = (t, r) => {
           },
           `extended-filter-${pe}-${v}`
         )),
-        !!(g != null && g.length) && /* @__PURE__ */ e(
+        !!(p != null && p.length) && /* @__PURE__ */ e(
           T,
           {
             primary: de,
@@ -2523,7 +2523,7 @@ const Yn = (t, r) => {
               F,
               {
                 size: "sm",
-                name: (p == null ? void 0 : p.icon) || "FilterHorizontal",
+                name: (g == null ? void 0 : g.icon) || "FilterHorizontal",
                 style: {
                   color: me ? "var(--sa-background-brand, #04254f)" : "var(--sa-text-primary, #292a2e)"
                 }
@@ -2535,7 +2535,7 @@ const Yn = (t, r) => {
           }
         ),
         s && /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "column",
             gap: "sm",
@@ -2594,12 +2594,12 @@ const Yn = (t, r) => {
           }
         ),
         l && /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "column",
             gap: "sm",
             style: {
-              width: d && ee ? d : ee ? "310px" : ""
+              width: a && ee ? a : ee ? "310px" : ""
             },
             children: [
               y && /* @__PURE__ */ u(Ge.SubH3, { children: [
@@ -2626,8 +2626,8 @@ const Yn = (t, r) => {
             isOpen: w,
             onClose: () => V(!1),
             filterKey: c,
-            filters: g,
-            pageKey: a
+            filters: p,
+            pageKey: d
           }
         )
       ]
@@ -2641,10 +2641,10 @@ function yr({
   pageKey: o = "page",
   searchKey: i = "q"
 }) {
-  const { searchParams: l, setSearchParams: s, searchQueries: c } = Ie(), a = fe(
+  const { searchParams: l, setSearchParams: s, searchQueries: c } = Ie(), d = fe(
     () => Object.fromEntries(t.map((v) => [v.key, v])),
     [t]
-  ), d = fe(() => {
+  ), a = fe(() => {
     const v = (l.get(n) || "").split(",").map((z) => z.trim()).filter(Boolean);
     let A = [];
     try {
@@ -2653,10 +2653,10 @@ function yr({
     } catch {
     }
     return t.map((z) => z.key).filter((z) => {
-      const C = a[z];
+      const C = d[z];
       return (C == null ? void 0 : C.locked) || v.includes(z) || A.includes(z);
     });
-  }, [l, n, r, i, t, a]), f = Q(
+  }, [l, n, r, i, t, d]), m = Q(
     (v) => {
       try {
         return v[r] ? JSON.parse(v[r]) : {};
@@ -2665,39 +2665,39 @@ function yr({
       }
     },
     [r]
-  ), g = Q(
+  ), p = Q(
     (v) => {
       const A = { ...c };
       v.length ? A[n] = v.join(",") : delete A[n], s(A);
     },
     [c, n, s]
-  ), p = Q(
+  ), g = Q(
     (v) => {
-      d.includes(v) || g([...d, v]);
+      a.includes(v) || p([...a, v]);
     },
-    [d, g]
+    [a, p]
   ), x = Q(
     (v) => {
       var B;
-      if ((B = a[v]) != null && B.locked) return;
-      const A = { ...c }, z = d.filter((j) => j !== v);
+      if ((B = d[v]) != null && B.locked) return;
+      const A = { ...c }, z = a.filter((j) => j !== v);
       z.length ? A[n] = z.join(",") : delete A[n];
-      const C = f(A);
+      const C = m(A);
       v in C && (delete C[v], Object.keys(C).length ? A[r] = JSON.stringify(C) : delete A[r]), delete A[o], s(A);
     },
     [
       c,
-      d,
+      a,
       n,
       r,
       o,
-      f,
+      m,
       s,
-      a
+      d
     ]
   ), W = Q(
-    (v) => d.includes(v) ? x(v) : p(v),
-    [d, p, x]
+    (v) => a.includes(v) ? x(v) : g(v),
+    [a, g, x]
   ), y = Q(
     (v) => {
       switch (v.type) {
@@ -2720,18 +2720,18 @@ function yr({
           return A ? new Date(A) : void 0;
         }
         case "date-compact": {
-          const z = f(Object.fromEntries(l.entries()))[v.key];
+          const z = m(Object.fromEntries(l.entries()))[v.key];
           return z && typeof z == "object" ? z : void 0;
         }
         default:
           return;
       }
     },
-    [l, r, f]
+    [l, r, m]
   ), k = Q(
     (v, A) => {
       if (v.type === "date-compact") {
-        const z = { ...c }, C = f(z);
+        const z = { ...c }, C = m(z);
         A == null ? delete C[v.key] : C[v.key] = A, Object.keys(C).length ? z[r] = JSON.stringify(C) : delete z[r], delete z[o], s(z);
         return;
       }
@@ -2745,22 +2745,22 @@ function yr({
         pageKey: o
       });
     },
-    [c, s, r, o, f]
+    [c, s, r, o, m]
   ), E = Q(
     (v) => {
-      const A = { ...c }, z = f(A);
+      const A = { ...c }, z = m(A);
       v in z && (delete z[v], Object.keys(z).length ? A[r] = JSON.stringify(z) : delete A[r]), delete A[o], s(A);
     },
-    [c, r, o, f, s]
+    [c, r, o, m, s]
   ), w = Q(() => {
     const v = { ...c };
     delete v[r], delete v[n], delete v[o], s(v);
-  }, [c, r, n, o, s]), V = d.length > 0;
+  }, [c, r, n, o, s]), V = a.length > 0;
   return {
-    activeKeys: d,
-    configByKey: a,
+    activeKeys: a,
+    configByKey: d,
     hasActiveFilter: V,
-    addFilter: p,
+    addFilter: g,
     removeFilter: x,
     toggleFilter: W,
     getValue: y,
@@ -2801,7 +2801,7 @@ function Mi({
   const l = fe(
     () => ({ order: t.map((C) => C.key), hidden: [] }),
     [t]
-  ), s = r ? pt.columns(r) : void 0, c = (C, B) => Ct({ order: C.order ?? B, hidden: C.hidden ?? [] }, t), [a, d] = R(() => {
+  ), s = r ? pt.columns(r) : void 0, c = (C, B) => Ct({ order: C.order ?? B, hidden: C.hidden ?? [] }, t), [d, a] = R(() => {
     if (i && (i.order || i.hidden))
       return c(i, t.map((C) => C.key));
     if (s) {
@@ -2809,56 +2809,56 @@ function Mi({
       if (C && Array.isArray(C.order)) return Ct(C, t);
     }
     return l;
-  }), f = t.map((C) => C.key).join("|");
-  U(() => d((C) => Ct(C, t)), [f]);
-  const g = se(a);
-  g.current = a;
-  const p = i ? `${(i.order ?? []).join("|")}~${(i.hidden ?? []).join("|")}` : null, x = se(p);
+  }), m = t.map((C) => C.key).join("|");
+  U(() => a((C) => Ct(C, t)), [m]);
+  const p = ce(d);
+  p.current = d;
+  const g = i ? `${(i.order ?? []).join("|")}~${(i.hidden ?? []).join("|")}` : null, x = ce(g);
   U(() => {
-    if (p == null || x.current === p) return;
-    x.current = p;
-    const C = g.current, B = c(i, C.order);
-    B.order.join("|") === C.order.join("|") && B.hidden.join("|") === C.hidden.join("|") || (d(B), s && n.set(s, B));
-  }, [p, f]);
-  const W = se(!1);
+    if (g == null || x.current === g) return;
+    x.current = g;
+    const C = p.current, B = c(i, C.order);
+    B.order.join("|") === C.order.join("|") && B.hidden.join("|") === C.hidden.join("|") || (a(B), s && n.set(s, B));
+  }, [g, m]);
+  const W = ce(!1);
   U(() => {
-    W.current || (W.current = !0, o == null || o(a));
+    W.current || (W.current = !0, o == null || o(d));
   }, []);
   const y = Q(
     (C) => {
-      d(C), s && n.set(s, C), o == null || o(C);
+      a(C), s && n.set(s, C), o == null || o(C);
     },
     [s, n, o]
   ), k = fe(() => {
     const C = new Map(t.map((B) => [B.key, B]));
-    return a.order.filter((B) => C.has(B)).map((B) => ({ ...C.get(B), visible: !a.hidden.includes(B) }));
-  }, [a, t]), E = Q(
+    return d.order.filter((B) => C.has(B)).map((B) => ({ ...C.get(B), visible: !d.hidden.includes(B) }));
+  }, [d, t]), E = Q(
     (C) => {
-      const B = a.hidden.includes(C) ? a.hidden.filter((j) => j !== C) : [...a.hidden, C];
-      y({ ...a, hidden: B });
+      const B = d.hidden.includes(C) ? d.hidden.filter((j) => j !== C) : [...d.hidden, C];
+      y({ ...d, hidden: B });
     },
-    [a, y]
+    [d, y]
   ), w = Q(
     (C, B) => {
       if (C === B) return;
-      const j = [...a.order], [G] = j.splice(C, 1);
-      j.splice(B, 0, G), y({ ...a, order: j });
+      const j = [...d.order], [G] = j.splice(C, 1);
+      j.splice(B, 0, G), y({ ...d, order: j });
     },
-    [a, y]
+    [d, y]
   ), V = Q(
     (C) => {
       y({
-        ...a,
+        ...d,
         hidden: C ? t.filter((B) => !B.locked).map((B) => B.key) : []
       });
     },
-    [a, t, y]
+    [d, t, y]
   ), v = Q(() => y(l), [y, l]), A = Q(
     (C) => y(Ct(C, t)),
     [y, t]
-  ), z = a.hidden.length === 0;
+  ), z = d.hidden.length === 0;
   return {
-    state: a,
+    state: d,
     orderedColumns: k,
     allVisible: z,
     toggleVisibility: E,
@@ -2876,15 +2876,15 @@ function Wi({
   getColumns: i,
   applyColumns: l
 }) {
-  const { searchParams: s, setSearchParams: c } = Ie(), a = t ? pt.savedViews(t) : void 0, [d, f] = R(
-    () => a ? r.get(a) || [] : []
-  ), g = Q(
+  const { searchParams: s, setSearchParams: c } = Ie(), d = t ? pt.savedViews(t) : void 0, [a, m] = R(
+    () => d ? r.get(d) || [] : []
+  ), p = Q(
     (y) => {
-      f(y), a && r.set(a, y);
+      m(y), d && r.set(d, y);
     },
-    [a]
+    [d]
     // storage identity is stable (module singleton / caller-provided)
-  ), p = Q(
+  ), g = Q(
     (y) => {
       const k = y.trim();
       if (!k) return;
@@ -2900,12 +2900,12 @@ function Wi({
         columns: i == null ? void 0 : i(),
         createdAt: Date.now()
       };
-      g([...d, w]);
+      p([...a, w]);
     },
-    [n, s, i, g, d]
+    [n, s, i, p, a]
   ), x = Q(
-    (y) => g(d.filter((k) => k.id !== y)),
-    [g, d]
+    (y) => p(a.filter((k) => k.id !== y)),
+    [p, a]
   ), W = Q(
     (y) => {
       const k = Object.fromEntries(s.entries());
@@ -2914,9 +2914,9 @@ function Wi({
     [s, n, o, c, l]
   );
   return {
-    enabled: !!a,
-    views: d,
-    saveView: p,
+    enabled: !!d,
+    views: a,
+    saveView: g,
     deleteView: x,
     applyView: W
   };
@@ -2927,26 +2927,33 @@ function Bi({
   snapshotKeys: n,
   enabled: o = !0
 }) {
-  const { searchParams: i } = Ie(), l = t && o ? pt.lastState(t) : void 0;
+  const { searchParams: i } = Ie(), l = t && o ? pt.lastState(t) : void 0, s = ce(l);
   U(() => {
-    if (!l) return;
+    if (!l) {
+      s.current = l;
+      return;
+    }
+    if (s.current !== l) {
+      s.current = l;
+      return;
+    }
     const a = {};
-    n.forEach((d) => {
-      const f = i.get(d);
-      f != null && (a[d] = f);
+    n.forEach((m) => {
+      const p = i.get(m);
+      p != null && (a[m] = p);
     }), Object.keys(a).length !== 0 && r.set(l, a);
   }, [i, l, n, r]);
-  const s = Q(() => {
+  const c = Q(() => {
     if (!l) return null;
     const a = r.get(l);
     return a && Object.keys(a).length > 0 ? a : null;
-  }, [l, r]), c = Q(() => {
+  }, [l, r]), d = Q(() => {
     l && r.remove(l);
   }, [l, r]);
   return {
     enabled: !!l,
-    read: s,
-    clear: c
+    read: c,
+    clear: d
   };
 }
 function zi({
@@ -2956,27 +2963,34 @@ function zi({
   pageSizeOptions: o,
   enabled: i = !0
 }) {
-  const { searchParams: l } = Ie(), s = t && i ? pt.perPage(t) : void 0, c = l.toString();
+  const { searchParams: l } = Ie(), s = t && i ? pt.perPage(t) : void 0, c = l.toString(), d = ce(s);
   U(() => {
-    if (!s) return;
-    const f = l.get(n);
-    if (!f) return;
-    const g = Number(f);
+    if (!s) {
+      d.current = s;
+      return;
+    }
+    if (d.current !== s) {
+      d.current = s;
+      return;
+    }
+    const p = l.get(n);
+    if (!p) return;
+    const g = Number(p);
     !Number.isFinite(g) || g <= 0 || r.set(s, g);
   }, [c, s, n, r]);
   const a = Q(() => {
     if (!s) return null;
-    const f = r.get(s);
-    if (f == null) return null;
-    const g = Number(f);
+    const p = r.get(s);
+    if (p == null) return null;
+    const g = Number(p);
     return !Number.isFinite(g) || g <= 0 || o && !o.includes(g) ? null : String(g);
-  }, [s, r, o]), d = Q(() => {
+  }, [s, r, o]), m = Q(() => {
     s && r.remove(s);
   }, [s, r]);
   return {
     enabled: !!s,
     read: a,
-    clear: d
+    clear: m
   };
 }
 let Ut = {}, Jt = !1, Qt = null;
@@ -2996,20 +3010,20 @@ function Ii({
   readSnapshot: o,
   readPerPage: i
 }) {
-  const { searchParams: l, setSearchParams: s, location: c } = Ie(), a = se(null);
+  const { searchParams: l, setSearchParams: s, location: c } = Ie(), d = ce(null);
   U(() => {
-    if (!t || a.current === c.pathname) return;
-    a.current = c.pathname;
-    const d = {};
+    if (!t || d.current === c.pathname) return;
+    d.current = c.pathname;
+    const a = {};
     if (!l.has(n)) {
-      const f = i();
-      f && (d[n] = f);
+      const m = i();
+      m && (a[n] = m);
     }
-    if (!r.some((f) => l.has(f))) {
-      const f = o();
-      f && Object.assign(d, f);
+    if (!r.some((m) => l.has(m))) {
+      const m = o();
+      m && Object.assign(a, m);
     }
-    Object.keys(d).length !== 0 && Ai(d, s);
+    Object.keys(a).length !== 0 && Ai(a, s);
   }, [c.pathname, t]);
 }
 const Ri = ({
@@ -3034,7 +3048,7 @@ const Ri = ({
     {
       style: { minWidth: 260 },
       title: /* @__PURE__ */ u(
-        m,
+        f,
         {
           display: "flex",
           direction: "row",
@@ -3197,7 +3211,7 @@ const Ri = ({
       {
         style: { width: 260 },
         title: /* @__PURE__ */ u(
-          m,
+          f,
           {
             display: "flex",
             direction: "row",
@@ -3218,7 +3232,7 @@ const Ri = ({
             clearable: !0,
             filter: t.mode,
             value: r,
-            onChange: (a) => a == null ? o() : n(a),
+            onChange: (d) => d == null ? o() : n(d),
             withPadding: !1
           }
         )
@@ -3255,22 +3269,22 @@ const Ri = ({
   onClear: o,
   onRemove: i
 }) => {
-  const l = (r == null ? void 0 : r.op) ?? "is", s = r ? ji(r) : null, c = !!s, a = c ? /* @__PURE__ */ u(ie, { children: [
+  const l = (r == null ? void 0 : r.op) ?? "is", s = r ? ji(r) : null, c = !!s, d = c ? /* @__PURE__ */ u(ie, { children: [
     /* @__PURE__ */ u("span", { style: { fontWeight: 500 }, children: [
       t.label,
       ":"
     ] }),
     " ",
     /* @__PURE__ */ e("span", { style: { fontWeight: 400 }, children: fn(s) })
-  ] }) : t.label, d = (f) => {
-    if (f !== l) {
-      if (f === "is-empty" || f === "is-not-empty") {
-        n({ op: f });
+  ] }) : t.label, a = (m) => {
+    if (m !== l) {
+      if (m === "is-empty" || m === "is-not-empty") {
+        n({ op: m });
         return;
       }
-      if (f === "is-relative-to-today") {
+      if (m === "is-relative-to-today") {
         n({
-          op: f,
+          op: m,
           relative: (r == null ? void 0 : r.relative) ?? {
             direction: "past",
             count: 1,
@@ -3279,11 +3293,11 @@ const Ri = ({
         });
         return;
       }
-      if (f === "is-between") {
-        n({ op: f, from: r == null ? void 0 : r.from, to: r == null ? void 0 : r.to });
+      if (m === "is-between") {
+        n({ op: m, from: r == null ? void 0 : r.from, to: r == null ? void 0 : r.to });
         return;
       }
-      n({ op: f, date: r == null ? void 0 : r.date });
+      n({ op: m, date: r == null ? void 0 : r.date });
     }
   };
   return /* @__PURE__ */ u(We, { position: "bottom-left", children: [
@@ -3295,7 +3309,7 @@ const Ri = ({
         size: "sm",
         iconLeft: c ? /* @__PURE__ */ e(F, { name: "Calendar", size: "sm" }) : void 0,
         iconRight: /* @__PURE__ */ e(F, { name: "ChevronSmallDown" }),
-        children: a
+        children: d
       }
     ) }),
     /* @__PURE__ */ u(Be, { children: [
@@ -3304,7 +3318,7 @@ const Ri = ({
         {
           style: { width: 320 },
           title: /* @__PURE__ */ u(
-            m,
+            f,
             {
               display: "flex",
               direction: "row",
@@ -3314,7 +3328,7 @@ const Ri = ({
               fullWidth: !0,
               children: [
                 /* @__PURE__ */ u(
-                  m,
+                  f,
                   {
                     display: "flex",
                     direction: "row",
@@ -3323,7 +3337,7 @@ const Ri = ({
                     style: { minWidth: 0 },
                     children: [
                       /* @__PURE__ */ e(D, { fontSize: "sm", fontWeight: "medium", color: "subtlest", children: t.label }),
-                      /* @__PURE__ */ e(_i, { op: l, onChange: d })
+                      /* @__PURE__ */ e(_i, { op: l, onChange: a })
                     ]
                   }
                 ),
@@ -3360,7 +3374,7 @@ const Ri = ({
   )) }) })
 ] }), Zi = ({ value: t, op: r, onChange: n }) => {
   if (r === "is-empty" || r === "is-not-empty")
-    return /* @__PURE__ */ e(m, { paddingBlock: "sm", paddingInline: "sm", children: /* @__PURE__ */ e(D, { fontSize: "xs", color: "subtlest", children: "No further input required." }) });
+    return /* @__PURE__ */ e(f, { paddingBlock: "sm", paddingInline: "sm", children: /* @__PURE__ */ e(D, { fontSize: "xs", color: "subtlest", children: "No further input required." }) });
   if (r === "is-between") {
     const o = t != null && t.from || t != null && t.to ? {
       from: t != null && t.from ? new Date(t.from) : null,
@@ -3428,8 +3442,8 @@ const Ri = ({
   );
 }, Gi = ({ value: t, onChange: r }) => {
   const n = (t == null ? void 0 : t.direction) ?? "past", o = (t == null ? void 0 : t.count) ?? 1, i = (t == null ? void 0 : t.period) ?? "week", l = n !== "this", s = hn({ direction: n, count: o, period: i });
-  return /* @__PURE__ */ u(m, { direction: "column", display: "flex", gap: "sm", children: [
-    /* @__PURE__ */ u(m, { direction: "row", display: "flex", align: "center", gap: "xs", children: [
+  return /* @__PURE__ */ u(f, { direction: "column", display: "flex", gap: "sm", children: [
+    /* @__PURE__ */ u(f, { direction: "row", display: "flex", align: "center", gap: "xs", children: [
       /* @__PURE__ */ u(We, { position: "bottom-left", children: [
         /* @__PURE__ */ e(De, { children: /* @__PURE__ */ e(
           T,
@@ -3463,10 +3477,10 @@ const Ri = ({
           clearable: !1,
           value: o,
           onChange: (c) => {
-            const a = Number(c.target.value);
+            const d = Number(c.target.value);
             r({
               direction: n,
-              count: Number.isFinite(a) && a > 0 ? a : 1,
+              count: Number.isFinite(d) && d > 0 ? d : 1,
               period: i
             });
           },
@@ -3520,21 +3534,21 @@ const Ri = ({
   onClear: o,
   onRemove: i
 }) => {
-  const l = t.type === "dropdown-multiple", s = r.length, [c, a] = R(""), d = t.options, f = typeof t.onSearch == "function", g = (() => {
-    if (f) return d;
+  const l = t.type === "dropdown-multiple", s = r.length, [c, d] = R(""), a = t.options, m = typeof t.onSearch == "function", p = (() => {
+    if (m) return a;
     const k = c.trim().toLowerCase();
-    return k ? d.filter((E) => E.label.toLowerCase().includes(k)) : d;
-  })(), p = (k) => r.some((E) => E.value === k.value), x = (k) => {
+    return k ? a.filter((E) => E.label.toLowerCase().includes(k)) : a;
+  })(), g = (k) => r.some((E) => E.value === k.value), x = (k) => {
     if (!l) {
-      n([{ label: k.label, value: k.value }]), a("");
+      n([{ label: k.label, value: k.value }]), d("");
       return;
     }
     n(
-      p(k) ? r.filter((E) => E.value !== k.value) : [...r, { label: k.label, value: k.value }]
+      g(k) ? r.filter((E) => E.value !== k.value) : [...r, { label: k.label, value: k.value }]
     );
   }, W = (k) => {
     var E;
-    a(k), (E = t.onSearch) == null || E.call(t, k);
+    d(k), (E = t.onSearch) == null || E.call(t, k);
   }, y = s === 0 ? t.label : /* @__PURE__ */ u(ie, { children: [
     /* @__PURE__ */ u("span", { style: { fontWeight: 500 }, children: [
       t.label,
@@ -3560,7 +3574,7 @@ const Ri = ({
       {
         style: { width: 260 },
         title: /* @__PURE__ */ u(
-          m,
+          f,
           {
             display: "flex",
             direction: "row",
@@ -3573,7 +3587,7 @@ const Ri = ({
             ]
           }
         ),
-        children: /* @__PURE__ */ u(m, { direction: "column", gap: "sm", children: [
+        children: /* @__PURE__ */ u(f, { direction: "column", gap: "sm", children: [
           /* @__PURE__ */ e(
             Bt,
             {
@@ -3592,18 +3606,18 @@ const Ri = ({
             }
           ),
           /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               overflow: "overflow-y-auto",
               customMaxHeight: "240px",
-              children: t.isLoading ? /* @__PURE__ */ e(m, { paddingBlock: "sm", paddingInline: "sm", children: /* @__PURE__ */ e(D, { fontSize: "xs", color: "subtlest", children: "Loading…" }) }) : g.length === 0 ? /* @__PURE__ */ e(m, { paddingBlock: "sm", paddingInline: "sm", children: /* @__PURE__ */ e(D, { fontSize: "xs", color: "subtlest", children: "No results" }) }) : g.map((k) => /* @__PURE__ */ e(
+              children: t.isLoading ? /* @__PURE__ */ e(f, { paddingBlock: "sm", paddingInline: "sm", children: /* @__PURE__ */ e(D, { fontSize: "xs", color: "subtlest", children: "Loading…" }) }) : p.length === 0 ? /* @__PURE__ */ e(f, { paddingBlock: "sm", paddingInline: "sm", children: /* @__PURE__ */ e(D, { fontSize: "xs", color: "subtlest", children: "No results" }) }) : p.map((k) => /* @__PURE__ */ e(
                 Ve,
                 {
                   closeOnSelect: !l,
-                  selected: p(k),
+                  selected: g(k),
                   startIcon: k.avatar,
-                  endIcon: p(k) ? /* @__PURE__ */ e(F, { name: "Check" }) : void 0,
+                  endIcon: g(k) ? /* @__PURE__ */ e(F, { name: "Check" }) : void 0,
                   description: k.description,
                   onClick: () => x(k),
                   children: k.label
@@ -3633,15 +3647,15 @@ const Ri = ({
   onClear: o,
   onRemove: i
 }) => {
-  const l = new Set(r.map((p) => p.value)), s = r.length, c = t.options.length > 0 && t.options.every((p) => l.has(p.value)), a = s > 0 && !c, d = (p) => {
+  const l = new Set(r.map((g) => g.value)), s = r.length, c = t.options.length > 0 && t.options.every((g) => l.has(g.value)), d = s > 0 && !c, a = (g) => {
     n(
-      l.has(p.value) ? r.filter((x) => x.value !== p.value) : [...r, { label: p.label, value: p.value }]
+      l.has(g.value) ? r.filter((x) => x.value !== g.value) : [...r, { label: g.label, value: g.value }]
     );
-  }, f = () => {
+  }, m = () => {
     n(
-      c ? [] : t.options.map((p) => ({ label: p.label, value: p.value }))
+      c ? [] : t.options.map((g) => ({ label: g.label, value: g.value }))
     );
-  }, g = s === 0 ? t.label : /* @__PURE__ */ u(ie, { children: [
+  }, p = s === 0 ? t.label : /* @__PURE__ */ u(ie, { children: [
     /* @__PURE__ */ u(D, { as: "span", fontWeight: "semibold", children: [
       t.label,
       ":"
@@ -3658,7 +3672,7 @@ const Ri = ({
         size: "sm",
         iconLeft: s > 0 ? /* @__PURE__ */ e(F, { name: "Tag", size: "sm" }) : void 0,
         iconRight: /* @__PURE__ */ e(F, { name: "ChevronSmallDown" }),
-        children: g
+        children: p
       }
     ) }),
     /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ u(
@@ -3666,7 +3680,7 @@ const Ri = ({
       {
         style: { width: 240 },
         title: /* @__PURE__ */ u(
-          m,
+          f,
           {
             display: "flex",
             direction: "row",
@@ -3685,27 +3699,27 @@ const Ri = ({
             {
               closeOnSelect: !1,
               selected: c,
-              onClick: f,
+              onClick: m,
               startIcon: /* @__PURE__ */ e(
                 jr,
                 {
-                  checked: c || a,
-                  indeterminate: a
+                  checked: c || d,
+                  indeterminate: d
                 }
               ),
               children: "Select All"
             }
           ),
-          t.options.map((p) => /* @__PURE__ */ e(
+          t.options.map((g) => /* @__PURE__ */ e(
             Ve,
             {
               closeOnSelect: !1,
-              selected: l.has(p.value),
-              onClick: () => d(p),
-              startIcon: /* @__PURE__ */ e(jr, { checked: l.has(p.value) }),
-              children: p.label
+              selected: l.has(g.value),
+              onClick: () => a(g),
+              startIcon: /* @__PURE__ */ e(jr, { checked: l.has(g.value) }),
+              children: g.label
             },
-            p.value
+            g.value
           ))
         ]
       }
@@ -3721,35 +3735,35 @@ const Ri = ({
 }) => /* @__PURE__ */ e(ie, { children: t.map((s) => {
   const c = r[s];
   if (!c) return null;
-  const a = n(c), d = c.locked ? void 0 : () => l(s);
+  const d = n(c), a = c.locked ? void 0 : () => l(s);
   return c.type === "date" || c.type === "date-compact" ? /* @__PURE__ */ e(
     Ni,
     {
       field: c,
-      value: a,
-      onChange: (f) => o(c, f),
+      value: d,
+      onChange: (m) => o(c, m),
       onClear: () => i(s),
-      onRemove: d
+      onRemove: a
     },
     s
   ) : c.type === "checkbox-multiple" ? /* @__PURE__ */ e(
     Qi,
     {
       field: c,
-      value: a || [],
-      onChange: (f) => o(c, f),
+      value: d || [],
+      onChange: (m) => o(c, m),
       onClear: () => i(s),
-      onRemove: d
+      onRemove: a
     },
     s
   ) : /* @__PURE__ */ e(
     Ui,
     {
       field: c,
-      value: a || [],
-      onChange: (f) => o(c, f),
+      value: d || [],
+      onChange: (m) => o(c, m),
       onClear: () => i(s),
-      onRemove: d
+      onRemove: a
     },
     s
   );
@@ -3764,11 +3778,11 @@ const Ri = ({
   showPagination: c = !0
 }) => {
   var E;
-  const { searchQueries: a, setSearchParams: d, searchParams: f } = Ie(), g = f.get(n), p = g ? Number(g) : i, x = (w) => {
-    d({ ...a, [r]: String(w) });
+  const { searchQueries: d, setSearchParams: a, searchParams: m } = Ie(), p = m.get(n), g = p ? Number(p) : i, x = (w) => {
+    a({ ...d, [r]: String(w) });
   }, W = (w) => {
-    d({
-      ...a,
+    a({
+      ...d,
       [n]: w,
       [r]: "1"
       // reset to first page when page size changes
@@ -3785,13 +3799,13 @@ const Ri = ({
           size: "xs",
           iconRight: /* @__PURE__ */ e(F, { name: "ChevronSmallDown" }),
           "aria-label": "Rows per page",
-          children: Pr(p)
+          children: Pr(g)
         }
       ) }),
       /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ e(ze, { children: o.map((w) => /* @__PURE__ */ e(
         Ve,
         {
-          selected: w === p,
+          selected: w === g,
           onClick: () => W(String(w)),
           children: Pr(w)
         },
@@ -3799,7 +3813,7 @@ const Ri = ({
       )) }) })
     ] }),
     c && ((t == null ? void 0 : t.totalPage) ?? 0) > 1 && /* @__PURE__ */ e(
-      m,
+      f,
       {
         direction: "column",
         display: "flex",
@@ -3843,13 +3857,13 @@ const Ki = 240, gn = ({
   placeholder: o = "Search",
   shortcut: i = "/"
 }) => {
-  const { searchParams: l, setSearchParams: s, searchQueries: c } = Ie(), a = pr(t, l, r) || "", [d, f] = R(!!a), [g, p] = R(!a), [x, W] = R(a), y = Ln(x, 350), k = se(null);
+  const { searchParams: l, setSearchParams: s, searchQueries: c } = Ie(), d = pr(t, l, r) || "", [a, m] = R(!!d), [p, g] = R(!d), [x, W] = R(d), y = Ln(x, 350), k = ce(null);
   U(() => {
-    W(a), a && f(!0);
-  }, [a]), U(() => {
-    d && p(!1);
+    W(d), d && m(!0);
   }, [d]), U(() => {
-    y !== a && Mt({
+    a && g(!1);
+  }, [a]), U(() => {
+    y !== d && Mt({
       value: y,
       name: t,
       type: "search",
@@ -3860,15 +3874,15 @@ const Ki = 240, gn = ({
     });
   }, [y]);
   const E = Q(() => {
-    f(!0), requestAnimationFrame(() => {
+    m(!0), requestAnimationFrame(() => {
       var A;
       return (A = k.current) == null ? void 0 : A.focus();
     });
   }, []);
   return Xi(i, E), // No internal gap: the trigger and the animated input are never visible at
   // the same time, so spacing to neighbours is handled by the parent cluster.
-  /* @__PURE__ */ u(m, { display: "flex", direction: "row", align: "center", gap: "spacing-0", children: [
-    g && /* @__PURE__ */ e(
+  /* @__PURE__ */ u(f, { display: "flex", direction: "row", align: "center", gap: "spacing-0", children: [
+    p && /* @__PURE__ */ e(
       T,
       {
         variant: "outline",
@@ -3881,14 +3895,14 @@ const Ki = 240, gn = ({
       }
     ),
     /* @__PURE__ */ u(
-      m,
+      f,
       {
         onTransitionEnd: () => {
-          d || p(!0);
+          a || g(!0);
         },
         style: {
           position: "relative",
-          width: d ? Ki : 0,
+          width: a ? Ki : 0,
           overflow: "hidden",
           transition: "width 220ms ease"
         },
@@ -3905,16 +3919,16 @@ const Ki = 240, gn = ({
               onChange: (A) => W(A.target.value),
               onKeyDown: (A) => {
                 var z;
-                A.key === "Escape" && !x && (f(!1), (z = k.current) == null || z.blur());
+                A.key === "Escape" && !x && (m(!1), (z = k.current) == null || z.blur());
               },
               onBlur: () => {
-                x || f(!1);
+                x || m(!1);
               },
-              tabIndex: d ? 0 : -1
+              tabIndex: a ? 0 : -1
             }
           ),
-          d && !x && /* @__PURE__ */ e(
-            m,
+          a && !x && /* @__PURE__ */ e(
+            f,
             {
               align: "center",
               justify: "center",
@@ -3948,11 +3962,11 @@ const Ki = 240, gn = ({
   onReorder: o,
   onSetAllHidden: i
 }) => {
-  const [l, s] = R(null), [c, a] = R(null), d = () => {
-    l !== null && c !== null && l !== c && o(l, c), s(null), a(null);
-  }, f = (g, p) => {
-    const x = g + p;
-    x < 0 || x >= t.length || o(g, x);
+  const [l, s] = R(null), [c, d] = R(null), a = () => {
+    l !== null && c !== null && l !== c && o(l, c), s(null), d(null);
+  }, m = (p, g) => {
+    const x = p + g;
+    x < 0 || x >= t.length || o(p, x);
   };
   return /* @__PURE__ */ u(We, { position: "bottom-right", children: [
     /* @__PURE__ */ e(De, { children: /* @__PURE__ */ e(
@@ -3966,7 +3980,7 @@ const Ki = 240, gn = ({
       }
     ) }),
     /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ u(
-      m,
+      f,
       {
         padding: "sm",
         direction: "column",
@@ -3976,7 +3990,7 @@ const Ki = 240, gn = ({
         children: [
           /* @__PURE__ */ e(D, { fontWeight: "semibold", color: "primary", children: "Customize Column Table" }),
           /* @__PURE__ */ u(
-            m,
+            f,
             {
               direction: "row",
               display: "flex",
@@ -3998,10 +4012,10 @@ const Ki = 240, gn = ({
               ]
             }
           ),
-          /* @__PURE__ */ e(m, { direction: "column", overflow: "overflow-y-auto", children: t.map((g, p) => {
-            const x = !g.locked;
+          /* @__PURE__ */ e(f, { direction: "column", overflow: "overflow-y-auto", children: t.map((p, g) => {
+            const x = !p.locked;
             return /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "row",
                 display: "flex",
@@ -4009,19 +4023,19 @@ const Ki = 240, gn = ({
                 gap: "sm",
                 paddingBlock: "xs",
                 draggable: x,
-                onDragStart: () => x && s(p),
+                onDragStart: () => x && s(g),
                 onDragOver: (y) => {
-                  y.preventDefault(), a(p);
+                  y.preventDefault(), d(g);
                 },
-                onDrop: d,
-                onDragEnd: d,
+                onDrop: a,
+                onDragEnd: a,
                 style: {
                   minHeight: 32,
-                  boxShadow: c === p && l !== null && l !== p ? "inset 0 2px 0 0 var(--sa-background-brand, #04254f)" : void 0
+                  boxShadow: c === g && l !== null && l !== g ? "inset 0 2px 0 0 var(--sa-background-brand, #04254f)" : void 0
                 },
                 children: [
                   /* @__PURE__ */ e(
-                    m,
+                    f,
                     {
                       direction: "column",
                       as: "div",
@@ -4029,11 +4043,11 @@ const Ki = 240, gn = ({
                       justify: "center",
                       role: "button",
                       tabIndex: x ? 0 : -1,
-                      "aria-label": `Reorder ${g.title}`,
+                      "aria-label": `Reorder ${p.title}`,
                       "aria-disabled": !x || void 0,
                       color: "icon-subtlest",
                       onKeyDown: (y) => {
-                        x && (y.key === "ArrowUp" ? (y.preventDefault(), f(p, -1)) : y.key === "ArrowDown" && (y.preventDefault(), f(p, 1)));
+                        x && (y.key === "ArrowUp" ? (y.preventDefault(), m(g, -1)) : y.key === "ArrowDown" && (y.preventDefault(), m(g, 1)));
                       },
                       style: {
                         display: "inline-flex",
@@ -4043,7 +4057,7 @@ const Ki = 240, gn = ({
                       children: /* @__PURE__ */ e(F, { name: "DragVertical", width: 16, height: 16 })
                     }
                   ),
-                  g.icon && /* @__PURE__ */ e(m, { direction: "column", align: "center", color: "icon-subtle", style: { display: "inline-flex" }, children: g.icon }),
+                  p.icon && /* @__PURE__ */ e(f, { direction: "column", align: "center", color: "icon-subtle", style: { display: "inline-flex" }, children: p.icon }),
                   /* @__PURE__ */ e(
                     D,
                     {
@@ -4051,22 +4065,22 @@ const Ki = 240, gn = ({
                       fontWeight: "medium",
                       color: "primary",
                       truncate: !0,
-                      children: g.title
+                      children: p.title
                     }
                   ),
-                  /* @__PURE__ */ e(m, { direction: "column", style: { marginLeft: "auto" }, children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(f, { direction: "column", style: { marginLeft: "auto" }, children: /* @__PURE__ */ e(
                     At,
                     {
                       size: "sm",
-                      checked: g.visible,
-                      disabled: g.locked,
-                      onChange: () => n(g.key),
-                      "aria-label": `Toggle ${g.title} column`
+                      checked: p.visible,
+                      disabled: p.locked,
+                      onChange: () => n(p.key),
+                      "aria-label": `Toggle ${p.title} column`
                     }
                   ) })
                 ]
               },
-              g.key
+              p.key
             );
           }) })
         ]
@@ -4101,14 +4115,14 @@ const Ki = 240, gn = ({
           width: "260px"
         },
         children: [
-          /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ u(m, { direction: "column", padding: "xs", gap: "sm", children: [
+          /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ u(f, { direction: "column", padding: "xs", gap: "sm", children: [
             /* @__PURE__ */ e(D, { fontWeight: "semibold", color: "primary", children: "Saved Views" }),
             /* @__PURE__ */ e(
-              m,
+              f,
               {
                 direction: "column",
                 overflow: "overflow-y-auto",
-                children: t.length === 0 ? /* @__PURE__ */ e(m, { direction: "column", paddingBlock: "sm", children: /* @__PURE__ */ e(D, { fontSize: "sm", color: "subtlest", children: "No saved views yet" }) }) : t.map((c) => /* @__PURE__ */ e(
+                children: t.length === 0 ? /* @__PURE__ */ e(f, { direction: "column", paddingBlock: "sm", children: /* @__PURE__ */ e(D, { fontSize: "sm", color: "subtlest", children: "No saved views yet" }) }) : t.map((c) => /* @__PURE__ */ e(
                   Ve,
                   {
                     startIcon: /* @__PURE__ */ e(F, { name: "Bookmark" }),
@@ -4121,8 +4135,8 @@ const Ki = 240, gn = ({
                         size: "sm",
                         iconLeft: /* @__PURE__ */ e(F, { name: "Trash2" }),
                         "aria-label": `Delete ${c.name}`,
-                        onClick: (a) => {
-                          a.stopPropagation(), n(c.id);
+                        onClick: (d) => {
+                          d.stopPropagation(), n(c.id);
                         }
                       }
                     ),
@@ -4136,8 +4150,8 @@ const Ki = 240, gn = ({
           /* @__PURE__ */ e(
             sr,
             {
-              children: /* @__PURE__ */ u(m, { direction: "row", gap: "xs", children: [
-                /* @__PURE__ */ e(m, { direction: "column", style: { flex: "1 0 0", minWidth: 0 }, children: /* @__PURE__ */ e(
+              children: /* @__PURE__ */ u(f, { direction: "row", gap: "xs", children: [
+                /* @__PURE__ */ e(f, { direction: "column", style: { flex: "1 0 0", minWidth: 0 }, children: /* @__PURE__ */ e(
                   st,
                   {
                     size: "sm",
@@ -4177,21 +4191,21 @@ const Ki = 240, gn = ({
   hasActiveFilter: l,
   onToggle: s,
   onReset: c,
-  getValue: a,
-  setValue: d,
-  clearValue: f,
-  removeFilter: g
+  getValue: d,
+  setValue: a,
+  clearValue: m,
+  removeFilter: p
 }) => {
-  const p = o.length;
+  const g = o.length;
   return /* @__PURE__ */ e(Xr, { position: "bottom", isShow: t, onHide: r, children: /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       customMaxHeight: "85vh",
       style: { minHeight: 280 },
       children: [
         /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "row",
             display: "flex",
@@ -4203,11 +4217,11 @@ const Ki = 240, gn = ({
               borderBottom: "1px solid var(--sa-border-subtle, rgba(11, 18, 14, 0.14))"
             },
             children: [
-              /* @__PURE__ */ u(m, { direction: "row", display: "flex", align: "center", gap: "xs", children: [
+              /* @__PURE__ */ u(f, { direction: "row", display: "flex", align: "center", gap: "xs", children: [
                 /* @__PURE__ */ e(D, { fontWeight: "semibold", color: "primary", children: "Filter" }),
-                p > 0 && /* @__PURE__ */ u(D, { fontSize: "sm", color: "subtle", children: [
+                g > 0 && /* @__PURE__ */ u(D, { fontSize: "sm", color: "subtle", children: [
                   "(",
-                  p,
+                  g,
                   ")"
                 ] })
               ] }),
@@ -4226,7 +4240,7 @@ const Ki = 240, gn = ({
           }
         ),
         /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "column",
             gap: "lg",
@@ -4234,10 +4248,10 @@ const Ki = 240, gn = ({
             overflow: "overflow-y-auto",
             style: { flex: "1 1 auto", minHeight: 0 },
             children: [
-              p > 0 && /* @__PURE__ */ u(m, { direction: "column", gap: "sm", children: [
+              g > 0 && /* @__PURE__ */ u(f, { direction: "column", gap: "sm", children: [
                 /* @__PURE__ */ e(D, { fontSize: "xs", fontWeight: "medium", color: "subtlest", children: "Filter aktif" }),
                 /* @__PURE__ */ e(
-                  m,
+                  f,
                   {
                     direction: "row",
                     display: "flex",
@@ -4249,21 +4263,21 @@ const Ki = 240, gn = ({
                       {
                         activeKeys: o,
                         configByKey: i,
-                        getValue: a,
-                        setValue: d,
-                        clearValue: f,
-                        removeFilter: g
+                        getValue: d,
+                        setValue: a,
+                        clearValue: m,
+                        removeFilter: p
                       }
                     )
                   }
                 )
               ] }),
-              n.length > 0 && /* @__PURE__ */ u(m, { direction: "column", gap: "sm", children: [
+              n.length > 0 && /* @__PURE__ */ u(f, { direction: "column", gap: "sm", children: [
                 /* @__PURE__ */ e(D, { fontSize: "xs", fontWeight: "medium", color: "subtlest", children: "Tambah filter" }),
-                /* @__PURE__ */ e(m, { direction: "column", children: n.map((x) => {
+                /* @__PURE__ */ e(f, { direction: "column", children: n.map((x) => {
                   const W = o.includes(x.key), y = !!x.locked;
                   return /* @__PURE__ */ u(
-                    m,
+                    f,
                     {
                       direction: "row",
                       display: "flex",
@@ -4277,7 +4291,7 @@ const Ki = 240, gn = ({
                       },
                       children: [
                         /* @__PURE__ */ u(
-                          m,
+                          f,
                           {
                             direction: "row",
                             display: "flex",
@@ -4286,7 +4300,7 @@ const Ki = 240, gn = ({
                             style: { minWidth: 0 },
                             children: [
                               x.icon && /* @__PURE__ */ e(
-                                m,
+                                f,
                                 {
                                   direction: "column",
                                   align: "center",
@@ -4319,7 +4333,7 @@ const Ki = 240, gn = ({
           }
         ),
         /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "row",
             display: "flex",
@@ -4330,7 +4344,7 @@ const Ki = 240, gn = ({
               borderTop: "1px solid var(--sa-border-subtle, rgba(11, 18, 14, 0.14))"
             },
             children: [
-              /* @__PURE__ */ e(m, { direction: "column", style: { flex: "1 1 0" }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(f, { direction: "column", style: { flex: "1 1 0" }, children: /* @__PURE__ */ e(
                 T,
                 {
                   variant: "outline",
@@ -4342,7 +4356,7 @@ const Ki = 240, gn = ({
                   children: "Reset"
                 }
               ) }),
-              /* @__PURE__ */ e(m, { direction: "column", style: { flex: "1 1 0" }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(f, { direction: "column", style: { flex: "1 1 0" }, children: /* @__PURE__ */ e(
                 T,
                 {
                   variant: "primary",
@@ -4366,10 +4380,10 @@ const Ki = 240, gn = ({
   defaultPerPage: o = 10,
   showPageSize: i
 }) => {
-  const { searchQueries: l, setSearchParams: s, searchParams: c } = Ie(), a = c.get(t), d = a ? Number(a) : o, f = (g) => {
+  const { searchQueries: l, setSearchParams: s, searchParams: c } = Ie(), d = c.get(t), a = d ? Number(d) : o, m = (p) => {
     s({
       ...l,
-      [t]: g,
+      [t]: p,
       [r]: "1"
     });
   };
@@ -4385,16 +4399,16 @@ const Ki = 240, gn = ({
       }
     ) }),
     /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ u(ze, { style: { minWidth: 200 }, children: [
-      /* @__PURE__ */ e(m, { paddingInline: "sm", paddingBlock: "xs", children: /* @__PURE__ */ e(D, { fontSize: "xs", fontWeight: "medium", color: "subtlest", children: "Rows per page" }) }),
-      n.map((g) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e(f, { paddingInline: "sm", paddingBlock: "xs", children: /* @__PURE__ */ e(D, { fontSize: "xs", fontWeight: "medium", color: "subtlest", children: "Rows per page" }) }),
+      n.map((p) => /* @__PURE__ */ e(
         Ve,
         {
-          selected: g === d,
-          endIcon: g === d ? /* @__PURE__ */ e(F, { name: "Check" }) : void 0,
-          onClick: () => f(String(g)),
-          children: to(g)
+          selected: p === a,
+          endIcon: p === a ? /* @__PURE__ */ e(F, { name: "Check" }) : void 0,
+          onClick: () => m(String(p)),
+          children: to(p)
         },
-        g
+        p
       ))
     ] }) })
   ] }) : null;
@@ -4408,11 +4422,11 @@ const Ki = 240, gn = ({
     hasActiveFilter: l,
     toggleFilter: s,
     removeFilter: c,
-    getValue: a,
-    setValue: d,
-    clearValue: f,
-    onReset: g,
-    searchable: p,
+    getValue: d,
+    setValue: a,
+    clearValue: m,
+    onReset: p,
+    searchable: g,
     searchKey: x,
     filterKey: W,
     pageKey: y,
@@ -4439,10 +4453,10 @@ const Ki = 240, gn = ({
   } = t, [ye, ge] = R(!1), { searchQueries: pe, setSearchParams: Ee } = Ie(), Ne = (w == null ? void 0 : w.rangeStart) ?? (((w == null ? void 0 : w.currentPage) || 0) > 1 ? (((w == null ? void 0 : w.currentPage) || 0) - 1) * ((w == null ? void 0 : w.perPage) || 0) + 1 : 1), Ue = (w == null ? void 0 : w.rangeEnd) ?? ((w == null ? void 0 : w.totalCurrentPage) !== (w == null ? void 0 : w.perPage) ? w == null ? void 0 : w.totalData : ((w == null ? void 0 : w.currentPage) || 1) * ((w == null ? void 0 : w.totalCurrentPage) || 0)), Je = ($e) => {
     Ee({ ...pe, [y]: String($e) });
   }, Ce = C || z && !!(w != null && w.totalPage), we = () => {
-    g(), ge(!1);
+    p(), ge(!1);
   };
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       gap: "sm",
@@ -4455,7 +4469,7 @@ const Ki = 240, gn = ({
       "aria-label": "Filter bar",
       children: [
         /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "row",
             display: "flex",
@@ -4465,7 +4479,7 @@ const Ki = 240, gn = ({
             fullWidth: !0,
             overflow: "overflow-auto",
             children: [
-              p && /* @__PURE__ */ e(
+              g && /* @__PURE__ */ e(
                 gn,
                 {
                   searchKey: x,
@@ -4488,7 +4502,7 @@ const Ki = 240, gn = ({
                 }
               ),
               /* @__PURE__ */ u(
-                m,
+                f,
                 {
                   direction: "row",
                   display: "flex",
@@ -4532,7 +4546,7 @@ const Ki = 240, gn = ({
           }
         ),
         Ce && /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "row",
             display: "flex",
@@ -4541,7 +4555,7 @@ const Ki = 240, gn = ({
             gap: "sm",
             fullWidth: !0,
             children: [
-              C ? /* @__PURE__ */ e(D, { fontSize: "sm", fontWeight: "medium", color: "primary", truncate: !0, children: `${Ne}-${Ue} of ${((Ae = w == null ? void 0 : w.totalData) == null ? void 0 : Ae.toLocaleString()) || 0}` }) : /* @__PURE__ */ e(m, { direction: "column" }),
+              C ? /* @__PURE__ */ e(D, { fontSize: "sm", fontWeight: "medium", color: "primary", truncate: !0, children: `${Ne}-${Ue} of ${((Ae = w == null ? void 0 : w.totalData) == null ? void 0 : Ae.toLocaleString()) || 0}` }) : /* @__PURE__ */ e(f, { direction: "column" }),
               z && !!(w != null && w.totalPage) && /* @__PURE__ */ e(
                 ar,
                 {
@@ -4567,9 +4581,9 @@ const Ki = 240, gn = ({
             hasActiveFilter: l,
             onToggle: s,
             onReset: we,
-            getValue: a,
-            setValue: d,
-            clearValue: f,
+            getValue: d,
+            setValue: a,
+            clearValue: m,
             removeFilter: c
           }
         )
@@ -4585,11 +4599,11 @@ const Ki = 240, gn = ({
   perPageKey: l = "perPage",
   pageSizeOptions: s = [25, 50, 100],
   defaultPerPage: c,
-  showPagination: a = !0,
-  showResultCount: d = !0,
-  showPageSize: f = !0,
-  searchable: g = !1,
-  searchKey: p = "q",
+  showPagination: d = !0,
+  showResultCount: a = !0,
+  showPageSize: m = !0,
+  searchable: p = !1,
+  searchKey: g = "q",
   searchPlaceholder: x = "Search",
   searchShortcut: W = "/",
   pagination: y,
@@ -4617,7 +4631,7 @@ const Ki = 240, gn = ({
     filterKey: n,
     activeFilterKey: o,
     pageKey: i,
-    searchKey: p
+    searchKey: g
   }), O = Mi({
     columns: k,
     scopeId: B,
@@ -4654,7 +4668,7 @@ const Ki = 240, gn = ({
     ee(), ye.clear(), C == null || C();
   };
   return ke("md") ? /* @__PURE__ */ u(
-    m,
+    f,
     {
       display: "flex",
       direction: "row",
@@ -4670,7 +4684,7 @@ const Ki = 240, gn = ({
       "aria-label": "Filter bar",
       children: [
         /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "row",
             display: "flex",
@@ -4689,7 +4703,7 @@ const Ki = 240, gn = ({
                 }
               ),
               /* @__PURE__ */ u(
-                m,
+                f,
                 {
                   direction: "row",
                   display: "flex",
@@ -4725,7 +4739,7 @@ const Ki = 240, gn = ({
             ]
           }
         ),
-        /* @__PURE__ */ u(m, { direction: "row", display: "flex", align: "center", gap: "sm", children: [
+        /* @__PURE__ */ u(f, { direction: "row", display: "flex", align: "center", gap: "sm", children: [
           /* @__PURE__ */ e(
             Yi,
             {
@@ -4734,15 +4748,15 @@ const Ki = 240, gn = ({
               perPageKey: l,
               pageSizeOptions: s,
               defaultPerPage: pe,
-              showPagination: a,
-              showResultCount: d,
-              showPageSize: f
+              showPagination: d,
+              showResultCount: a,
+              showPageSize: m
             }
           ),
-          g && /* @__PURE__ */ e(
+          p && /* @__PURE__ */ e(
             gn,
             {
-              searchKey: p,
+              searchKey: g,
               filterKey: n,
               pageKey: i,
               placeholder: x,
@@ -4785,8 +4799,8 @@ const Ki = 240, gn = ({
       setValue: ae,
       clearValue: de,
       onReset: Ne,
-      searchable: g,
-      searchKey: p,
+      searchable: p,
+      searchKey: g,
       filterKey: n,
       pageKey: i,
       searchPlaceholder: x,
@@ -4795,9 +4809,9 @@ const Ki = 240, gn = ({
       perPageKey: l,
       pageSizeOptions: s,
       defaultPerPage: pe,
-      showPagination: a,
-      showResultCount: d,
-      showPageSize: f,
+      showPagination: d,
+      showResultCount: a,
+      showPageSize: m,
       hasColumns: k.length > 0,
       orderedColumns: O.orderedColumns,
       allVisible: O.allVisible,
@@ -4847,10 +4861,10 @@ const Ki = 240, gn = ({
     perPageKey: l = "perPage",
     searchKey: s = "q",
     defaultPage: c = 1,
-    defaultPerPage: a = 10,
-    paramKeys: d,
-    serialize: f
-  } = t, { activeKeys: g, configByKey: p, hasActiveFilter: x, getValue: W } = yr({
+    defaultPerPage: d = 10,
+    paramKeys: a,
+    serialize: m
+  } = t, { activeKeys: p, configByKey: g, hasActiveFilter: x, getValue: W } = yr({
     configs: r,
     filterKey: n,
     activeFilterKey: o,
@@ -4858,20 +4872,20 @@ const Ki = 240, gn = ({
     searchKey: s
   }), { searchParams: y } = Ie(), k = y.toString();
   return fe(() => {
-    const w = {}, V = {}, v = _r(y.get(i), c), A = _r(y.get(l), a);
-    w[(d == null ? void 0 : d.page) ?? "page"] = v, w[(d == null ? void 0 : d.perPage) ?? "perPage"] = A;
+    const w = {}, V = {}, v = _r(y.get(i), c), A = _r(y.get(l), d);
+    w[(a == null ? void 0 : a.page) ?? "page"] = v, w[(a == null ? void 0 : a.perPage) ?? "perPage"] = A;
     const z = pr(s, y, n) || "";
-    z && (w[(d == null ? void 0 : d.search) ?? "search"] = z);
+    z && (w[(a == null ? void 0 : a.search) ?? "search"] = z);
     let C = !1;
-    for (const B of g) {
-      const j = p[B];
+    for (const B of p) {
+      const j = g[B];
       if (!j) continue;
       const G = W(j);
       V[B] = G;
-      const _ = f == null ? void 0 : f[B], X = _ ? _(G) : lo(j, G);
+      const _ = m == null ? void 0 : m[B], X = _ ? _(G) : lo(j, G);
       if (X == null || Array.isArray(X) && X.length === 0)
         continue;
-      const te = (d == null ? void 0 : d[B]) ?? B;
+      const te = (a == null ? void 0 : a[B]) ?? B;
       w[te] = X, C = !0;
     }
     return {
@@ -4881,17 +4895,17 @@ const Ki = 240, gn = ({
     };
   }, [
     k,
-    g.join("|"),
+    p.join("|"),
     n,
     o,
     i,
     l,
     s,
     c,
-    a,
     d,
-    f,
-    p
+    a,
+    m,
+    g
   ]);
 }, co = [
   "dropdown",
@@ -4905,17 +4919,17 @@ const Ki = 240, gn = ({
   pageKey: o,
   searchKey: i
 }) => {
-  const { configByKey: l, getValue: s, setValue: c, removeFilter: a, clearAll: d, hasActiveFilter: f } = yr({
+  const { configByKey: l, getValue: s, setValue: c, removeFilter: d, clearAll: a, hasActiveFilter: m } = yr({
     configs: t,
     filterKey: r,
     activeFilterKey: n,
     pageKey: o,
     searchKey: i
-  }), g = (E, w) => {
+  }), p = (E, w) => {
     var v;
     const V = E.options;
     return ((v = V == null ? void 0 : V.find((A) => A.value === w)) == null ? void 0 : v.label) ?? w;
-  }, p = Q(
+  }, g = Q(
     (E) => {
       const w = l[E];
       if (!w) return [];
@@ -4929,26 +4943,26 @@ const Ki = 240, gn = ({
       if (!V || !co.includes(V.type)) return;
       const v = Array.isArray(w) ? w : [w];
       if (v.length === 0) {
-        a(E);
+        d(E);
         return;
       }
       c(
         V,
-        v.map((A) => ({ label: g(V, A), value: A }))
+        v.map((A) => ({ label: p(V, A), value: A }))
       );
     },
-    [l, c, a]
+    [l, c, d]
   ), W = Q(
     (E, w) => {
-      const V = p(E);
+      const V = g(E);
       x(E, V.includes(w) ? V.filter((v) => v !== w) : [...V, w]);
     },
-    [p, x]
+    [g, x]
   ), y = Q(
-    (E, w) => p(E).includes(w),
-    [p]
-  ), k = Q((E) => a(E), [a]);
-  return { set: x, toggle: W, clear: k, clearAll: d, isActive: y, values: p, hasActiveFilter: f };
+    (E, w) => g(E).includes(w),
+    [g]
+  ), k = Q((E) => d(E), [d]);
+  return { set: x, toggle: W, clear: k, clearAll: a, isActive: y, values: g, hasActiveFilter: m };
 }, ec = (t, r) => {
   if (!t) return {};
   const { fromKey: n, toKey: o, opKey: i } = r, l = {};
@@ -4973,7 +4987,7 @@ const Ki = 240, gn = ({
       return l;
   }
 }, so = ({ children: t, borderRadius: r, height: n }) => {
-  const o = se(null), [i, l] = R("100vh");
+  const o = ce(null), [i, l] = R("100vh");
   return U(() => {
     if (n) return;
     const s = () => {
@@ -4984,7 +4998,7 @@ const Ki = 240, gn = ({
     };
     return s(), window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
   }, [n]), /* @__PURE__ */ e(
-    m,
+    f,
     {
       ref: o,
       fullWidth: !0,
@@ -5010,7 +5024,7 @@ const Ki = 240, gn = ({
 }) => {
   const s = ke("md"), c = l ? /* @__PURE__ */ e(Ei, { ...i }) : null;
   return /* @__PURE__ */ e(
-    m,
+    f,
     {
       style: {
         display: "flex",
@@ -5029,14 +5043,14 @@ const Ki = 240, gn = ({
         gap: "16px"
       },
       children: o ? o({ filter: c }) : /* @__PURE__ */ u(ie, { children: [
-        /* @__PURE__ */ u(m, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ u(f, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flex: 1, minWidth: 0 }, children: [
           c,
           n
         ] }),
-        /* @__PURE__ */ u(m, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flexShrink: 0 }, children: [
+        /* @__PURE__ */ u(f, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flexShrink: 0 }, children: [
           r,
           t ? nr(t) ? t : /* @__PURE__ */ e(
-            m,
+            f,
             {
               style: {
                 display: "flex",
@@ -5046,14 +5060,14 @@ const Ki = 240, gn = ({
                 textWrap: "nowrap"
               },
               children: t.map(
-                ({ title: d, icon: f, buttonProps: g, onClick: p }, x) => !d && !f ? null : /* @__PURE__ */ e(
+                ({ title: a, icon: m, buttonProps: p, onClick: g }, x) => !a && !m ? null : /* @__PURE__ */ e(
                   T,
                   {
                     fullWidth: !s,
-                    iconLeft: f ? /* @__PURE__ */ e(F, { name: f }) : void 0,
-                    onClick: p,
-                    ...g,
-                    children: d
+                    iconLeft: m ? /* @__PURE__ */ e(F, { name: m }) : void 0,
+                    onClick: g,
+                    ...p,
+                    children: a
                   },
                   `action-${x}`
                 )
@@ -5069,7 +5083,7 @@ const Ki = 240, gn = ({
   withMarginBottom: r = !0,
   withMarginTop: n = !0
 }) => /* @__PURE__ */ u(
-  m,
+  f,
   {
     style: {
       display: "flex",
@@ -5103,17 +5117,17 @@ const Ki = 240, gn = ({
   showPagination: i = !0,
   totalData: l
 }) => {
-  const { searchQueries: s, setSearchParams: c, searchParams: a } = Ie(), d = a.get(n), f = (W) => {
+  const { searchQueries: s, setSearchParams: c, searchParams: d } = Ie(), a = d.get(n), m = (W) => {
     c({ ...s, [r]: String(W) });
-  }, g = (W) => {
+  }, p = (W) => {
     c({
       ...s,
       [n]: W,
       [r]: "1"
     });
-  }, p = (t == null ? void 0 : t.rangeStart) ?? (((t == null ? void 0 : t.currentPage) || 0) > 1 ? (((t == null ? void 0 : t.currentPage) || 0) - 1) * ((t == null ? void 0 : t.perPage) || 0) + 1 : 1), x = (t == null ? void 0 : t.rangeEnd) ?? ((t == null ? void 0 : t.totalCurrentPage) !== (t == null ? void 0 : t.perPage) ? t == null ? void 0 : t.totalData : ((t == null ? void 0 : t.currentPage) || 1) * ((t == null ? void 0 : t.totalCurrentPage) || 0));
+  }, g = (t == null ? void 0 : t.rangeStart) ?? (((t == null ? void 0 : t.currentPage) || 0) > 1 ? (((t == null ? void 0 : t.currentPage) || 0) - 1) * ((t == null ? void 0 : t.perPage) || 0) + 1 : 1), x = (t == null ? void 0 : t.rangeEnd) ?? ((t == null ? void 0 : t.totalCurrentPage) !== (t == null ? void 0 : t.perPage) ? t == null ? void 0 : t.totalData : ((t == null ? void 0 : t.currentPage) || 1) * ((t == null ? void 0 : t.totalCurrentPage) || 0));
   return /* @__PURE__ */ e(
-    m,
+    f,
     {
       style: {
         display: "flex",
@@ -5129,7 +5143,7 @@ const Ki = 240, gn = ({
         flexShrink: 0
       },
       children: i ? /* @__PURE__ */ u(ie, { children: [
-        /* @__PURE__ */ u(m, { style: { display: "flex", flexDirection: "row", gap: "8px", alignItems: "center", textWrap: "nowrap" }, children: [
+        /* @__PURE__ */ u(f, { style: { display: "flex", flexDirection: "row", gap: "8px", alignItems: "center", textWrap: "nowrap" }, children: [
           /* @__PURE__ */ e(D, { children: "Rows Per Page: " }),
           /* @__PURE__ */ e(
             Bt,
@@ -5142,20 +5156,20 @@ const Ki = 240, gn = ({
                 { label: "100", value: "100" }
               ],
               onChange: (W) => {
-                g(W[0].value);
+                p(W[0].value);
               },
-              value: d ? [{ label: `${d} per row`, value: d }] : [{ label: `${o} per row`, value: `${o}` }],
-              defaultValue: d ? [{ label: `${d} per row`, value: d }] : [{ label: `${o} per row`, value: `${o}` }]
+              value: a ? [{ label: `${a} per row`, value: a }] : [{ label: `${o} per row`, value: `${o}` }],
+              defaultValue: a ? [{ label: `${a} per row`, value: a }] : [{ label: `${o} per row`, value: `${o}` }]
             }
           ),
-          /* @__PURE__ */ e(D, { children: `${p}-${x} of ${(t == null ? void 0 : t.totalData) || 0}` })
+          /* @__PURE__ */ e(D, { children: `${g}-${x} of ${(t == null ? void 0 : t.totalData) || 0}` })
         ] }),
         /* @__PURE__ */ e(
           ar,
           {
             currentPage: t != null && t.currentPage ? Number(t == null ? void 0 : t.currentPage) : 1,
             totalPages: t != null && t.totalPage ? Number(t == null ? void 0 : t.totalPage) : 1,
-            onPageChange: f
+            onPageChange: m
           }
         )
       ] }) : /* @__PURE__ */ e(
@@ -5169,7 +5183,7 @@ const Ki = 240, gn = ({
     }
   );
 }, fo = ({ filter: t, columnTitle: r }) => {
-  const [n, o] = R(!1), i = se(null), l = se(null), s = se(null), [c, a] = R(""), [d, f] = R({ top: 0, left: 0 }), g = t.selectedValues, p = fe(() => c ? t.options.filter(
+  const [n, o] = R(!1), i = ce(null), l = ce(null), s = ce(null), [c, d] = R(""), [a, m] = R({ top: 0, left: 0 }), p = t.selectedValues, g = fe(() => c ? t.options.filter(
     (y) => y.label.toLowerCase().includes(c.toLowerCase())
   ) : t.options, [t.options, c]);
   U(() => {
@@ -5177,13 +5191,13 @@ const Ki = 240, gn = ({
       const y = l.current.getBoundingClientRect(), k = 280, E = {
         top: y.bottom + 8
       };
-      t.position === "left" || y.left + k > window.innerWidth ? E.right = window.innerWidth - y.right : E.left = y.left, f(E);
+      t.position === "left" || y.left + k > window.innerWidth ? E.right = window.innerWidth - y.right : E.left = y.left, m(E);
     }
   }, [n, t.position]), U(() => {
     n && s.current ? setTimeout(() => {
       var y;
       return (y = s.current) == null ? void 0 : y.focus();
-    }, 50) : a("");
+    }, 50) : d("");
   }, [n]), U(() => {
     const y = (k) => {
       i.current && !i.current.contains(k.target) && l.current && !l.current.contains(k.target) && o(!1);
@@ -5191,12 +5205,12 @@ const Ki = 240, gn = ({
     return n && document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
   }, [n]);
   const x = (y) => {
-    const k = g.includes(y) ? g.filter((E) => E !== y) : [...g, y];
+    const k = p.includes(y) ? p.filter((E) => E !== y) : [...p, y];
     t.onFilterChange(k);
   }, W = () => t.onFilterChange([]);
-  return /* @__PURE__ */ u(m, { direction: "column", style: { position: "relative" }, children: [
+  return /* @__PURE__ */ u(f, { direction: "column", style: { position: "relative" }, children: [
     /* @__PURE__ */ e(
-      m,
+      f,
       {
         ref: l,
         style: {
@@ -5215,20 +5229,20 @@ const Ki = 240, gn = ({
             name: n ? "ChevronUp" : "ChevronDown",
             size: "sm",
             style: {
-              color: g.length > 0 ? "var(--sa-color-brand-500, #1a4fa0)" : "var(--sa-text-subtle, #8c8f97)"
+              color: p.length > 0 ? "var(--sa-color-brand-500, #1a4fa0)" : "var(--sa-text-subtle, #8c8f97)"
             }
           }
         )
       }
     ),
     n && /* @__PURE__ */ u(
-      m,
+      f,
       {
         ref: i,
         style: {
           position: "fixed",
-          top: `${d.top}px`,
-          ...d.left !== void 0 ? { left: `${d.left}px` } : { right: `${d.right}px` },
+          top: `${a.top}px`,
+          ...a.left !== void 0 ? { left: `${a.left}px` } : { right: `${a.right}px` },
           backgroundColor: "white",
           borderRadius: "4px",
           minWidth: "280px",
@@ -5241,7 +5255,7 @@ const Ki = 240, gn = ({
         },
         children: [
           /* @__PURE__ */ u(
-            m,
+            f,
             {
               style: {
                 display: "flex",
@@ -5259,7 +5273,7 @@ const Ki = 240, gn = ({
                   "Filter ",
                   r
                 ] }),
-                g.length > 0 && /* @__PURE__ */ e(m, { direction: "column", style: { cursor: "pointer" }, children: /* @__PURE__ */ e(
+                p.length > 0 && /* @__PURE__ */ e(f, { direction: "column", style: { cursor: "pointer" }, children: /* @__PURE__ */ e(
                   D,
                   {
                     fontSize: "xs",
@@ -5275,7 +5289,7 @@ const Ki = 240, gn = ({
             }
           ),
           !t.hideSearch && /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               style: {
@@ -5291,14 +5305,14 @@ const Ki = 240, gn = ({
                   placeholder: `Search ${r.toLowerCase()}...`,
                   leftIcon: /* @__PURE__ */ e(F, { name: "Search", size: "sm" }),
                   value: c,
-                  onChange: (y) => a(y.target.value),
+                  onChange: (y) => d(y.target.value),
                   style: { fontSize: "14px" }
                 }
               )
             }
           ),
           /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               className: "ts-filter-dropdown-options",
@@ -5309,7 +5323,7 @@ const Ki = 240, gn = ({
                 paddingRight: "8px"
               },
               children: t.isLoadingOptions ? /* @__PURE__ */ u(
-                m,
+                f,
                 {
                   style: {
                     paddingTop: "40px",
@@ -5342,8 +5356,8 @@ const Ki = 240, gn = ({
                     )
                   ]
                 }
-              ) : p.length > 0 ? /* @__PURE__ */ e(m, { direction: "column", style: { gap: "2px", paddingTop: "4px", paddingBottom: "4px" }, children: p.map((y) => /* @__PURE__ */ u(
-                m,
+              ) : g.length > 0 ? /* @__PURE__ */ e(f, { direction: "column", style: { gap: "2px", paddingTop: "4px", paddingBottom: "4px" }, children: g.map((y) => /* @__PURE__ */ u(
+                f,
                 {
                   style: {
                     display: "flex",
@@ -5357,22 +5371,22 @@ const Ki = 240, gn = ({
                     cursor: "pointer",
                     borderRadius: "8px",
                     transition: "all 0.2s ease",
-                    backgroundColor: g.includes(y.value) ? "var(--sa-color-brand-50, #e6edf6)" : "transparent"
+                    backgroundColor: p.includes(y.value) ? "var(--sa-color-brand-50, #e6edf6)" : "transparent"
                   },
                   onClick: (k) => {
                     k.stopPropagation(), x(y.value);
                   },
                   onMouseEnter: (k) => {
-                    g.includes(y.value) || (k.currentTarget.style.backgroundColor = "var(--sa-background-primary, #ffffff)"), k.currentTarget.style.transform = "translateX(2px)";
+                    p.includes(y.value) || (k.currentTarget.style.backgroundColor = "var(--sa-background-primary, #ffffff)"), k.currentTarget.style.transform = "translateX(2px)";
                   },
                   onMouseLeave: (k) => {
-                    k.currentTarget.style.backgroundColor = g.includes(y.value) ? "var(--sa-color-brand-50, #e6edf6)" : "transparent", k.currentTarget.style.transform = "translateX(0)";
+                    k.currentTarget.style.backgroundColor = p.includes(y.value) ? "var(--sa-color-brand-50, #e6edf6)" : "transparent", k.currentTarget.style.transform = "translateX(0)";
                   },
                   children: [
                     /* @__PURE__ */ e(
                       Ft,
                       {
-                        checked: g.includes(y.value),
+                        checked: p.includes(y.value),
                         onChange: () => {
                         }
                       }
@@ -5381,8 +5395,8 @@ const Ki = 240, gn = ({
                       D,
                       {
                         fontSize: "sm",
-                        fontWeight: g.includes(y.value) ? "medium" : "normal",
-                        color: g.includes(y.value) ? "primary" : "gray-700",
+                        fontWeight: p.includes(y.value) ? "medium" : "normal",
+                        color: p.includes(y.value) ? "primary" : "gray-700",
                         children: y.label
                       }
                     )
@@ -5390,7 +5404,7 @@ const Ki = 240, gn = ({
                 },
                 y.value
               )) }) : /* @__PURE__ */ u(
-                m,
+                f,
                 {
                   style: {
                     paddingTop: "40px",
@@ -5423,8 +5437,8 @@ const Ki = 240, gn = ({
               )
             }
           ),
-          g.length > 0 && /* @__PURE__ */ e(
-            m,
+          p.length > 0 && /* @__PURE__ */ e(
+            f,
             {
               direction: "column",
               style: {
@@ -5436,9 +5450,9 @@ const Ki = 240, gn = ({
                 backgroundColor: "var(--sa-color-brand-50, #e6edf6)",
                 marginTop: "auto"
               },
-              children: /* @__PURE__ */ u(m, { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "4px" }, children: [
+              children: /* @__PURE__ */ u(f, { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "4px" }, children: [
                 /* @__PURE__ */ e(
-                  m,
+                  f,
                   {
                     direction: "column",
                     style: {
@@ -5449,12 +5463,12 @@ const Ki = 240, gn = ({
                       fontWeight: 600,
                       color: "white"
                     },
-                    children: g.length
+                    children: p.length
                   }
                 ),
                 /* @__PURE__ */ u(D, { fontSize: "xs", color: "primary", fontWeight: "medium", children: [
                   "item",
-                  g.length > 1 ? "s" : "",
+                  p.length > 1 ? "s" : "",
                   " selected"
                 ] })
               ] })
@@ -5529,11 +5543,11 @@ const Ki = 240, gn = ({
   isLoading: l,
   visibleHandleDelete: s,
   visibleHandleUpdate: c,
-  visibleHandleDetail: a,
-  showHeadBorder: d = !1,
-  scrollParentRef: f,
-  frozenCount: g = 0,
-  onFrozenCountChange: p,
+  visibleHandleDetail: d,
+  showHeadBorder: a = !1,
+  scrollParentRef: m,
+  frozenCount: p = 0,
+  onFrozenCountChange: g,
   customActions: x,
   actionsOrder: W = ["detail", "update", "delete", "custom"],
   customEmptyState: y,
@@ -5562,15 +5576,15 @@ const Ki = 240, gn = ({
     if (typeof Z == "string") return L[Z];
   }, [Ne, Ue] = R(!1);
   U(() => {
-    if (!(f != null && f.current)) return;
-    const L = f.current;
+    if (!(m != null && m.current)) return;
+    const L = m.current;
     Ue(L.scrollHeight > L.clientHeight);
-  }, [r, f]);
-  const Je = se(null), [Ce, we] = R([]), [Ae, $e] = R(
+  }, [r, m]);
+  const Je = ce(null), [Ce, we] = R([]), [Ae, $e] = R(
     () => E ?? {}
-  ), Ke = se(null);
+  ), Ke = ce(null);
   it(() => {
-    if (!g || !Je.current) {
+    if (!p || !Je.current) {
       we([]);
       return;
     }
@@ -5579,11 +5593,11 @@ const Ki = 240, gn = ({
     ), Z = [];
     let N = 0;
     L.forEach((P, J) => {
-      Z[J] = N, J < g && (N += P.offsetWidth);
+      Z[J] = N, J < p && (N += P.offsetWidth);
     }), we(Z);
-  }, [g, t, r, Ae]);
+  }, [p, t, r, Ae]);
   const ot = (L) => {
-    p && p(L < g ? L : L + 1);
+    g && g(L < p ? L : L + 1);
   }, S = (L, Z) => {
     const N = Ae[L];
     if (N !== void 0) {
@@ -5623,7 +5637,7 @@ const Ki = 240, gn = ({
         children: /* @__PURE__ */ u(He, { children: [
           t.map((L, Z) => {
             var yt, xt;
-            const N = g > 0 && Z < g, P = Ce[Z] ?? 0, J = $(L), Se = Z === t.length - 1 && ee && C, je = X(L), Re = !!L.sortable && !!je, Oe = Re && (_ == null ? void 0 : _.key) === je ? _.direction : null, dt = L.title || ((yt = L.accessor) == null ? void 0 : yt.toString()) || "", Pe = (xt = L.headerTooltip) != null && xt.showIcon ? /* @__PURE__ */ e(
+            const N = p > 0 && Z < p, P = Ce[Z] ?? 0, J = $(L), Se = Z === t.length - 1 && ee && C, je = X(L), Re = !!L.sortable && !!je, Oe = Re && (_ == null ? void 0 : _.key) === je ? _.direction : null, dt = L.title || ((yt = L.accessor) == null ? void 0 : yt.toString()) || "", Pe = (xt = L.headerTooltip) != null && xt.showIcon ? /* @__PURE__ */ e(
               F,
               {
                 name: "InfoCircle",
@@ -5670,9 +5684,9 @@ const Ki = 240, gn = ({
                   left: N ? P : void 0,
                   zIndex: N ? 4 : 2,
                   paddingLeft: Z === 0 ? "12px" : "",
-                  borderRight: d && !Se && !N ? ne : void 0,
-                  borderBottom: d ? ne : void 0,
-                  boxShadow: d && N ? ge : void 0,
+                  borderRight: a && !Se && !N ? ne : void 0,
+                  borderBottom: a ? ne : void 0,
+                  boxShadow: a && N ? ge : void 0,
                   backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)",
                   textAlign: L.textAlign === "text-right" ? "right" : L.textAlign === "text-center" ? "center" : "left",
                   ...S(Z, L.width)
@@ -5697,7 +5711,7 @@ const Ki = 240, gn = ({
                             columnTitle: L.title
                           }
                         ),
-                        p && /* @__PURE__ */ e(
+                        g && /* @__PURE__ */ e(
                           "button",
                           {
                             onClick: () => ot(Z),
@@ -5755,15 +5769,15 @@ const Ki = 240, gn = ({
                 top: 0,
                 right: 0,
                 zIndex: 3,
-                borderBottom: d ? ne : void 0,
-                boxShadow: d && C ? ye : void 0
+                borderBottom: a ? ne : void 0,
+                boxShadow: a && C ? ye : void 0
               }
             }
           ) : null
         ] })
       }
     ),
-    /* @__PURE__ */ e(en, { children: l ? /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(Te, { colSpan: t.length + 1, children: /* @__PURE__ */ u(m, { direction: "column", style: { gap: "16px" }, children: [
+    /* @__PURE__ */ e(en, { children: l ? /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(Te, { colSpan: t.length + 1, children: /* @__PURE__ */ u(f, { direction: "column", style: { gap: "16px" }, children: [
       /* @__PURE__ */ e(ut, { variant: "list" }),
       /* @__PURE__ */ e(ut, { variant: "list" }),
       /* @__PURE__ */ e(ut, { variant: "list" }),
@@ -5791,7 +5805,7 @@ const Ki = 240, gn = ({
         },
         children: [
           t.map((N, P) => {
-            const J = N.render ? N.render(L, Z, r) : Ee(L, N.accessor), xe = g > 0 && P < g, Se = Ce[P] ?? 0, je = Ae[P] !== void 0, Re = xe && P === g - 1;
+            const J = N.render ? N.render(L, Z, r) : Ee(L, N.accessor), xe = p > 0 && P < p, Se = Ce[P] ?? 0, je = Ae[P] !== void 0, Re = xe && P === p - 1;
             return /* @__PURE__ */ e(
               Te,
               {
@@ -5836,7 +5850,7 @@ const Ki = 240, gn = ({
             transition: "background-color 0.3s ease"
           }, children: /* @__PURE__ */ e(le, { direction: "row", align: "center", justify: "center", gap: "sm", children: W.map((N) => {
             const P = Z === r.length - 1 ? "top" : "bottom";
-            return N === "detail" && n && (a == null ? void 0 : a(L)) !== !1 ? /* @__PURE__ */ e(Me, { label: "Detail", position: P, children: /* @__PURE__ */ e(
+            return N === "detail" && n && (d == null ? void 0 : d(L)) !== !1 ? /* @__PURE__ */ e(Me, { label: "Detail", position: P, children: /* @__PURE__ */ e(
               T,
               {
                 size: "xs",
@@ -5876,16 +5890,16 @@ const Ki = 240, gn = ({
   headerProps: n,
   footerProps: o
 }) => {
-  var g;
-  const i = se(null), [l, s] = R(
+  var p;
+  const i = ce(null), [l, s] = R(
     (r == null ? void 0 : r.defaultFrozenCount) ?? 0
-  ), c = (n == null ? void 0 : n.show) ?? !0, a = se(null), d = (g = r == null ? void 0 : r.pagination) == null ? void 0 : g.totalData;
-  typeof d == "number" && (a.current = d);
-  const f = (o == null ? void 0 : o.showFooter) ?? (d === void 0 ? a.current !== 0 : d !== 0);
+  ), c = (n == null ? void 0 : n.show) ?? !0, d = ce(null), a = (p = r == null ? void 0 : r.pagination) == null ? void 0 : p.totalData;
+  typeof a == "number" && (d.current = a);
+  const m = (o == null ? void 0 : o.showFooter) ?? (a === void 0 ? d.current !== 0 : a !== 0);
   return /* @__PURE__ */ u(so, { ...t, children: [
     c && /* @__PURE__ */ e(ao, { ...n }),
     /* @__PURE__ */ e(
-      m,
+      f,
       {
         direction: "column",
         ref: i,
@@ -5905,7 +5919,7 @@ const Ki = 240, gn = ({
         ) : null
       }
     ),
-    f && /* @__PURE__ */ e(
+    m && /* @__PURE__ */ e(
       ho,
       {
         pagination: r == null ? void 0 : r.pagination,
@@ -5967,39 +5981,39 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
   onSort: l,
   onClearSort: s,
   onToggleFreeze: c,
-  onHide: a
+  onHide: d
 }) => {
-  const [d, f] = R(!1), g = se(null), p = se(null), [x, W] = R(
+  const [a, m] = R(!1), p = ce(null), g = ce(null), [x, W] = R(
     { top: 0, left: 0 }
   );
   U(() => {
-    if (d && g.current) {
-      const k = g.current.getBoundingClientRect(), E = k.left + Gr > window.innerWidth;
+    if (a && p.current) {
+      const k = p.current.getBoundingClientRect(), E = k.left + Gr > window.innerWidth;
       W({
         top: k.bottom + 6,
         ...E ? { right: window.innerWidth - k.right } : { left: k.left }
       });
     }
-  }, [d]), U(() => {
-    if (!d) return;
+  }, [a]), U(() => {
+    if (!a) return;
     const k = (E) => {
-      p.current && !p.current.contains(E.target) && g.current && !g.current.contains(E.target) && f(!1);
+      g.current && !g.current.contains(E.target) && p.current && !p.current.contains(E.target) && m(!1);
     };
     return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
-  }, [d]);
+  }, [a]);
   const y = (k) => {
-    k(), f(!1);
+    k(), m(!1);
   };
   return /* @__PURE__ */ u(ie, { children: [
     /* @__PURE__ */ e(
       "button",
       {
-        ref: g,
+        ref: p,
         type: "button",
         className: "sa-tl-menu-trigger",
-        "data-active": t || d ? "true" : "false",
+        "data-active": t || a ? "true" : "false",
         onClick: (k) => {
-          k.stopPropagation(), f((E) => !E);
+          k.stopPropagation(), m((E) => !E);
         },
         title: "Column options",
         style: {
@@ -6018,10 +6032,10 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
         children: /* @__PURE__ */ e(bo, { sortDir: o, frozen: i })
       }
     ),
-    d && /* @__PURE__ */ u(
-      m,
+    a && /* @__PURE__ */ u(
+      f,
       {
-        ref: p,
+        ref: g,
         onClick: (k) => k.stopPropagation(),
         style: {
           position: "fixed",
@@ -6074,7 +6088,7 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
               icon: "EyeClosed",
               label: "Hide column",
               danger: !0,
-              onClick: () => y(a)
+              onClick: () => y(d)
             }
           )
         ]
@@ -6144,11 +6158,11 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
   widthStorageKey: l,
   columnState: s,
   onColumnStateChange: c,
-  columnMenu: a = !1,
-  sort: d,
-  defaultSort: f,
-  onSortChange: g,
-  height: p,
+  columnMenu: d = !1,
+  sort: a,
+  defaultSort: m,
+  onSortChange: p,
+  height: g,
   mobileLayout: x = "cards",
   mobileBreakpoint: W = "md",
   groupSeparator: y,
@@ -6169,10 +6183,10 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
     () => /* @__PURE__ */ new Set()
   ), G = s !== void 0, [_, X] = R({}), te = s ?? _, me = (b) => {
     c == null || c(b), G || X(b);
-  }, ae = d !== void 0, [de, ee] = R(
-    f ?? null
-  ), O = ae ? d ?? null : de, ne = !g, ye = (b) => {
-    g == null || g(b), ae || ee(b);
+  }, ae = a !== void 0, [de, ee] = R(
+    m ?? null
+  ), O = ae ? a ?? null : de, ne = !p, ye = (b) => {
+    p == null || p(b), ae || ee(b);
   }, { headerGroups: ge, leafColumns: pe, hasGroups: Ee } = fe(() => {
     var be;
     const b = new Set(te.hidden ?? []), M = (K, he) => K.key ?? (typeof K.accessor == "string" ? K.accessor : `col-${he}`), I = t.map((K, he) => {
@@ -6211,7 +6225,7 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
     return [...r].sort(
       (I, Y) => ko(Je(b.col, I), Je(b.col, Y)) * M
     );
-  }, [r, ne, O, pe]), Ae = !Ee, $e = !!l && Ae, [Ke, ot] = Wn(l ?? ""), S = $e ? Ke : void 0, $ = se(null), [H, L] = R();
+  }, [r, ne, O, pe]), Ae = !Ee, $e = !!l && Ae, [Ke, ot] = Wn(l ?? ""), S = $e ? Ke : void 0, $ = ce(null), [H, L] = R();
   it(() => {
     L(void 0);
   }, [Ue]), it(() => {
@@ -6234,9 +6248,9 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
     let M = 0;
     for (let I = 0; I < b; I++) M += H[I] ?? 0;
     return M;
-  }, Re = se(null), [Oe, dt] = R("100vh");
+  }, Re = ce(null), [Oe, dt] = R("100vh");
   it(() => {
-    if (p !== void 0) return;
+    if (g !== void 0) return;
     const b = () => {
       if (Re.current) {
         const M = Re.current.getBoundingClientRect().top;
@@ -6244,7 +6258,7 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
       }
     };
     return b(), window.addEventListener("resize", b), () => window.removeEventListener("resize", b);
-  }, [p]);
+  }, [g]);
   const Pe = (b, M) => n ? n(b, M) : M, Ye = (b, M, I) => b.render ? b.render(M, I, we) : Do(M, b.accessor), Qe = pe.length + (A ? 1 : 0), yt = (b, M) => {
     M || me({
       ...te,
@@ -6320,7 +6334,7 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
     const I = et(b);
     return I.length ? /* @__PURE__ */ e("div", { style: { display: "flex", gap: 4, paddingRight: 8, flexShrink: 0 }, children: I.map((Y) => /* @__PURE__ */ e(tt.Fragment, { children: bt(Y, b, M, { showLabel: !1 }) }, Y.key)) }) : null;
   }, Ht = (b, M) => {
-    const { col: I, key: Y } = b, ue = Ne.get(Y) ?? 0, be = Se(ue), K = be && ue === xe, he = (O == null ? void 0 : O.key) === Y ? O.direction : null, Le = a && !I.disableMenu ? /* @__PURE__ */ e(
+    const { col: I, key: Y } = b, ue = Ne.get(Y) ?? 0, be = Se(ue), K = be && ue === xe, he = (O == null ? void 0 : O.key) === Y ? O.direction : null, Le = d && !I.disableMenu ? /* @__PURE__ */ e(
       vo,
       {
         active: !!he || be,
@@ -6444,7 +6458,7 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
   }), Sr = (b, M) => {
     const I = Nt ? Ye(Nt.col, b, M) : null;
     return typeof I == "string" || typeof I == "number" ? /* @__PURE__ */ e(D, { as: "span", style: Dt, children: I }) : /* @__PURE__ */ e("span", { style: Dt, children: I });
-  }, Dn = we.length === 0 ? /* @__PURE__ */ e(m, { style: { padding: 16, textAlign: "center" }, children: E }) : x === "expand" ? /* @__PURE__ */ e(m, { style: { display: "flex", flexDirection: "column" }, children: we.map((b, M) => {
+  }, Dn = we.length === 0 ? /* @__PURE__ */ e(f, { style: { padding: 16, textAlign: "center" }, children: E }) : x === "expand" ? /* @__PURE__ */ e(f, { style: { display: "flex", flexDirection: "column" }, children: we.map((b, M) => {
     const I = Pe(b, M), Y = B.has(I);
     return /* @__PURE__ */ u("div", { style: { borderBottom: Kt }, children: [
       /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center" }, children: [
@@ -6497,11 +6511,11 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
       )
     ] }, I);
   }) }) : /* @__PURE__ */ e(
-    m,
+    f,
     {
       style: { display: "flex", flexDirection: "column", gap: 8, padding: 8 },
       children: we.map((b, M) => /* @__PURE__ */ u(
-        m,
+        f,
         {
           style: {
             border: Kt,
@@ -6657,13 +6671,13 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
   ), $t = z ? we.findIndex((b, M) => Pe(b, M) === z.rowKey) : -1, jt = $t >= 0 ? we[$t] : null;
   return /* @__PURE__ */ u(ie, { children: [
     /* @__PURE__ */ e(
-      m,
+      f,
       {
         ref: Re,
         fullWidth: !0,
         style: {
           overflow: "auto",
-          height: p ?? Oe
+          height: g ?? Oe
         },
         children: v ? Dn : kn
       }
@@ -6687,35 +6701,35 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
     paramKeys: l,
     scopeId: s,
     storage: c = un
-  } = t, { searchParams: a, setSearchParams: d, searchQueries: f } = Ie(), g = a.toString(), p = s ? pt.tableSort(s) : void 0, x = se(!1);
+  } = t, { searchParams: d, setSearchParams: a, searchQueries: m } = Ie(), p = d.toString(), g = s ? pt.tableSort(s) : void 0, x = ce(!1);
   U(() => {
-    if (x.current || (x.current = !0, !p) || a.has(r) || a.has(n))
+    if (x.current || (x.current = !0, !g) || d.has(r) || d.has(n))
       return;
-    const V = c.get(p);
-    !(V != null && V.key) || !tr(V.direction) || d({
-      ...Object.fromEntries(a.entries()),
+    const V = c.get(g);
+    !(V != null && V.key) || !tr(V.direction) || a({
+      ...Object.fromEntries(d.entries()),
       [r]: V.key,
       [n]: V.direction
     });
   }, []);
   const W = fe(() => {
-    const V = a.get(r), v = a.get(n);
+    const V = d.get(r), v = d.get(n);
     return V && tr(v) ? { key: V, direction: v } : i;
-  }, [g, r, n, i]);
+  }, [p, r, n, i]);
   U(() => {
-    if (!p) return;
-    const V = a.get(r), v = a.get(n);
-    V && tr(v) ? c.set(p, { key: V, direction: v }) : c.remove(p);
-  }, [g, p, r, n, c]);
+    if (!g) return;
+    const V = d.get(r), v = d.get(n);
+    V && tr(v) ? c.set(g, { key: V, direction: v }) : c.remove(g);
+  }, [p, g, r, n, c]);
   const y = (l == null ? void 0 : l.sortBy) ?? "sortBy", k = (l == null ? void 0 : l.sortOrder) ?? "sortOrder", E = fe(() => W ? {
     [y]: W.key,
     [k]: W.direction
   } : {}, [W, y, k]), w = Q(
     (V) => {
-      const v = { ...f };
-      V ? (v[r] = V.key, v[n] = V.direction) : (delete v[r], delete v[n]), delete v[o], d(v);
+      const v = { ...m };
+      V ? (v[r] = V.key, v[n] = V.direction) : (delete v[r], delete v[n]), delete v[o], a(v);
     },
-    [f, r, n, o, d]
+    [m, r, n, o, a]
   );
   return { sort: W, setSort: w, params: E };
 }, xr = ({
@@ -6727,7 +6741,7 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
   children: n,
   loading: o,
   isLoading: i
-}) => /* @__PURE__ */ e(ie, { children: i ? o : t ? n : r }), ce = (t) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(ie, { children: i ? o : t ? n : r }), se = (t) => /* @__PURE__ */ e(
   D,
   {
     ...t,
@@ -6744,10 +6758,10 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
   fullWidth: o = !1,
   ...i
 }) => {
-  var c, a, d;
+  var c, d, a;
   const l = i.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -6758,32 +6772,32 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ce, { children: i.title }),
+                  /* @__PURE__ */ e(se, { children: i.title }),
                   /* @__PURE__ */ e(D, { fontSize: t, color: "gray-500", children: i.description })
                 ]
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(le, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ce, { fontSize: t, children: i.title }),
-                    /* @__PURE__ */ e(ce, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(se, { fontSize: t, children: i.title }),
+                    /* @__PURE__ */ e(se, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(oe, { condition: !!((c = i.tooltip) != null && c.label), children: /* @__PURE__ */ e(
                       Me,
                       {
-                        label: (a = i.tooltip) == null ? void 0 : a.label,
-                        arrowPosition: (d = i.tooltip) == null ? void 0 : d.arrowPosition,
+                        label: (d = i.tooltip) == null ? void 0 : d.label,
+                        arrowPosition: (a = i.tooltip) == null ? void 0 : a.arrowPosition,
                         ...i.tooltip,
                         children: /* @__PURE__ */ e(
                           F,
@@ -6805,7 +6819,7 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
             )
           }
         ),
-        /* @__PURE__ */ u(m, { direction: "column", gap: "xs", fullWidth: i.inputProps.fullWidth || !1, children: [
+        /* @__PURE__ */ u(f, { direction: "column", gap: "xs", fullWidth: i.inputProps.fullWidth || !1, children: [
           /* @__PURE__ */ e(
             st,
             {
@@ -6829,10 +6843,10 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
   fullWidth: o = !1,
   ...i
 }) => {
-  var c, a, d;
+  var c, d, a;
   const l = i.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -6843,32 +6857,32 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ce, { children: i.title }),
+                  /* @__PURE__ */ e(se, { children: i.title }),
                   /* @__PURE__ */ e(D, { fontSize: t, color: "gray-500", children: i.description })
                 ]
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(le, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ce, { fontSize: t, children: i.title }),
-                    /* @__PURE__ */ e(ce, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(se, { fontSize: t, children: i.title }),
+                    /* @__PURE__ */ e(se, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(oe, { condition: !!((c = i.tooltip) != null && c.label), children: /* @__PURE__ */ e(
                       Me,
                       {
-                        label: (a = i.tooltip) == null ? void 0 : a.label,
-                        arrowPosition: (d = i.tooltip) == null ? void 0 : d.arrowPosition,
+                        label: (d = i.tooltip) == null ? void 0 : d.label,
+                        arrowPosition: (a = i.tooltip) == null ? void 0 : a.arrowPosition,
                         ...i.tooltip,
                         children: /* @__PURE__ */ e(
                           F,
@@ -6890,9 +6904,9 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
             )
           }
         ),
-        /* @__PURE__ */ u(m, { direction: "column", gap: "xs", fullWidth: i.inputProps.fullWidth || !1, children: [
+        /* @__PURE__ */ u(f, { direction: "column", gap: "xs", fullWidth: i.inputProps.fullWidth || !1, children: [
           /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               style: {
@@ -6916,17 +6930,17 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
   );
 }, Eo = (t, r) => typeof t == "string" && t || r === "error" ? "var(--sa-border-danger)" : "var(--sa-border-subtle)", Lo = (t) => {
   var c;
-  const [r, n] = R(!1), o = (a) => {
-    a.preventDefault(), a.stopPropagation();
-  }, i = (a) => {
-    a.preventDefault(), a.stopPropagation(), a.dataTransfer && t.handleOnFileChange(a.dataTransfer.files.item(0));
-  }, l = (a) => {
-    a.preventDefault(), n(!0);
-  }, s = (a) => {
-    a.preventDefault(), n(!1);
+  const [r, n] = R(!1), o = (d) => {
+    d.preventDefault(), d.stopPropagation();
+  }, i = (d) => {
+    d.preventDefault(), d.stopPropagation(), d.dataTransfer && t.handleOnFileChange(d.dataTransfer.files.item(0));
+  }, l = (d) => {
+    d.preventDefault(), n(!0);
+  }, s = (d) => {
+    d.preventDefault(), n(!1);
   };
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       width: "width-full",
       paddingInline: "md",
@@ -6977,7 +6991,7 @@ const tc = xo(yo), Gr = 200, Xt = "1px solid var(--sa-border-subtle, #0b120e24)"
               }
             )
           ] }),
-          /* @__PURE__ */ e(D, { fontSize: "sm", color: "gray-500", children: (c = t.fileSupports) == null ? void 0 : c.map((a) => a.toLocaleUpperCase()).join(", ") })
+          /* @__PURE__ */ e(D, { fontSize: "sm", color: "gray-500", children: (c = t.fileSupports) == null ? void 0 : c.map((d) => d.toLocaleUpperCase()).join(", ") })
         ] })
       ]
     }
@@ -7156,7 +7170,7 @@ function Ro(t) {
 const Vo = (t) => {
   var r, n;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       width: "width-full",
       paddingInline: "md",
@@ -7233,8 +7247,8 @@ const Vo = (t) => {
   labelPosition: r = "outside-top",
   ...n
 }) => {
-  var p;
-  const o = se(null), i = () => {
+  var g;
+  const o = ce(null), i = () => {
     if (n.defaultFile) {
       window.open(n.defaultFile.url);
       return;
@@ -7255,11 +7269,11 @@ const Vo = (t) => {
       alignItems: "center"
     }, children: "Optional" }),
     n.required && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 500, color: "var(--sa-text-error)" }, children: "*" })
-  ] }) : null, a = n.description ? /* @__PURE__ */ e(D, { style: { fontSize: "12px", fontWeight: 400, color: "var(--sa-text-subtlest, #6b6e76)", lineHeight: "18px" }, children: n.description }) : null, d = /* @__PURE__ */ u(ie, { children: [
+  ] }) : null, d = n.description ? /* @__PURE__ */ e(D, { style: { fontSize: "12px", fontWeight: 400, color: "var(--sa-text-subtlest, #6b6e76)", lineHeight: "18px" }, children: n.description }) : null, a = /* @__PURE__ */ u(ie, { children: [
     n.helperText && /* @__PURE__ */ e(D, { style: { fontSize: "12px", fontWeight: 400, color: "var(--sa-text-subtlest, #6b6e76)", lineHeight: "18px" }, children: n.helperText }),
     n.errorText && t === "error" && /* @__PURE__ */ e(D, { style: { fontSize: "12px", fontWeight: 400, color: "var(--sa-text-error, #a4133c)", lineHeight: "18px" }, children: n.errorText }),
     n.errorMessage && !n.errorText && /* @__PURE__ */ e(D, { style: { fontSize: "12px", fontWeight: 400, color: "var(--sa-text-error, #a4133c)", lineHeight: "18px" }, children: n.errorMessage })
-  ] }), f = /* @__PURE__ */ e(
+  ] }), m = /* @__PURE__ */ e(
     "input",
     {
       type: "file",
@@ -7269,10 +7283,10 @@ const Vo = (t) => {
         var W;
         return n.handleOnChangeFile(((W = x.target.files) == null ? void 0 : W.item(0)) || null);
       },
-      accept: (p = n.fileSupportOption) == null ? void 0 : p.map((x) => "." + (x == null ? void 0 : x.toLowerCase())).join(", ")
+      accept: (g = n.fileSupportOption) == null ? void 0 : g.map((x) => "." + (x == null ? void 0 : x.toLowerCase())).join(", ")
     }
-  ), g = /* @__PURE__ */ u(
-    m,
+  ), p = /* @__PURE__ */ u(
+    f,
     {
       direction: "column",
       fullWidth: !0,
@@ -7285,7 +7299,7 @@ const Vo = (t) => {
       gap: "md",
       ...n.containerProps,
       children: [
-        f,
+        m,
         (n.fileSelected || n.defaultFile) && /* @__PURE__ */ e(
           Vo,
           {
@@ -7312,17 +7326,17 @@ const Vo = (t) => {
   return r === "outside-left" ? /* @__PURE__ */ u(le, { direction: "row", align: "flex-start", gap: "sm", style: { width: "100%" }, children: [
     /* @__PURE__ */ u(le, { direction: "column", gap: "xs", style: { width: "40%", minWidth: "120px", paddingTop: "10px" }, children: [
       c,
-      a
+      d
     ] }),
     /* @__PURE__ */ u(le, { direction: "column", gap: "sm", style: { flex: 1, minWidth: 0 }, children: [
-      g,
-      d
+      p,
+      a
     ] })
   ] }) : /* @__PURE__ */ u(le, { direction: "column", gap: "sm", style: { width: "100%" }, children: [
     c,
-    a,
-    g,
-    d
+    d,
+    p,
+    a
   ] });
 }, Ho = ({
   size: t = "md",
@@ -7331,10 +7345,10 @@ const Vo = (t) => {
   fullWidth: o = !1,
   ...i
 }) => {
-  var c, a, d;
+  var c, d, a;
   const l = i.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -7345,32 +7359,32 @@ const Vo = (t) => {
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ce, { children: i.title }),
+                  /* @__PURE__ */ e(se, { children: i.title }),
                   /* @__PURE__ */ e(D, { fontSize: t, color: "gray-500", children: i.description })
                 ]
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(le, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ce, { fontSize: t, children: i.title }),
-                    /* @__PURE__ */ e(ce, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(se, { fontSize: t, children: i.title }),
+                    /* @__PURE__ */ e(se, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(oe, { condition: !!((c = i.tooltip) != null && c.label), children: /* @__PURE__ */ e(
                       Me,
                       {
-                        label: (a = i.tooltip) == null ? void 0 : a.label,
-                        arrowPosition: (d = i.tooltip) == null ? void 0 : d.arrowPosition,
+                        label: (d = i.tooltip) == null ? void 0 : d.label,
+                        arrowPosition: (a = i.tooltip) == null ? void 0 : a.arrowPosition,
                         ...i.tooltip,
                         children: /* @__PURE__ */ e(
                           F,
@@ -7413,10 +7427,10 @@ const Vo = (t) => {
   required: i = !1,
   ...l
 }) => {
-  var a, d, f, g;
+  var d, a, m, p;
   const s = l.hideMessageError || !1, c = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" || r === "horizontal-inline" ? "spacing-96" : "sm",
       direction: r === "horizontal" || r === "horizontal-inline" ? "row" : "column",
@@ -7427,32 +7441,32 @@ const Vo = (t) => {
           {
             condition: !!i,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: c,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ce, { children: l.title }),
+                  /* @__PURE__ */ e(se, { children: l.title }),
                   /* @__PURE__ */ e(Ge.Body3, { props: { color: "gray-500" }, children: l.description })
                 ]
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: c,
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(le, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ce, { fontSize: t, children: l.title }),
-                    /* @__PURE__ */ e(ce, { color: "error", fontSize: t, children: n }),
-                    /* @__PURE__ */ e(oe, { condition: !!((a = l.tooltip) != null && a.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e(se, { fontSize: t, children: l.title }),
+                    /* @__PURE__ */ e(se, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(oe, { condition: !!((d = l.tooltip) != null && d.label), children: /* @__PURE__ */ e(
                       Me,
                       {
-                        label: (d = l.tooltip) == null ? void 0 : d.label,
-                        arrowPosition: (f = l.tooltip) == null ? void 0 : f.arrowPosition,
+                        label: (a = l.tooltip) == null ? void 0 : a.label,
+                        arrowPosition: (m = l.tooltip) == null ? void 0 : m.arrowPosition,
                         ...l.tooltip,
                         children: /* @__PURE__ */ e(
                           F,
@@ -7475,7 +7489,7 @@ const Vo = (t) => {
           }
         ),
         /* @__PURE__ */ e(
-          m,
+          f,
           {
             gap: r === "horizontal-inline" ? "xl" : "md",
             direction: r === "horizontal-inline" ? "row" : "column",
@@ -7483,12 +7497,12 @@ const Vo = (t) => {
             children: /* @__PURE__ */ e(
               xr,
               {
-                of: (g = l.checkBoxesList) == null ? void 0 : g.map((p) => ({
-                  ...p,
-                  isChecked: l.checkBoxesAreChecked.includes(p.id)
+                of: (p = l.checkBoxesList) == null ? void 0 : p.map((g) => ({
+                  ...g,
+                  isChecked: l.checkBoxesAreChecked.includes(g.id)
                 })),
-                render: (p) => p.renderBadge ? /* @__PURE__ */ u(
-                  m,
+                render: (g) => g.renderBadge ? /* @__PURE__ */ u(
+                  f,
                   {
                     direction: "row",
                     justify: "space-between",
@@ -7498,26 +7512,26 @@ const Vo = (t) => {
                       /* @__PURE__ */ e(
                         Ft,
                         {
-                          name: p.name,
-                          value: p.id,
-                          checked: p.isChecked,
-                          onChange: (x) => l.onChecked(x.target.value, p),
-                          label: p.name,
-                          description: p.description
+                          name: g.name,
+                          value: g.id,
+                          checked: g.isChecked,
+                          onChange: (x) => l.onChecked(x.target.value, g),
+                          label: g.name,
+                          description: g.description
                         }
                       ),
-                      p.renderBadge
+                      g.renderBadge
                     ]
                   }
                 ) : /* @__PURE__ */ e(
                   Ft,
                   {
-                    name: p.name,
-                    value: p.id,
-                    checked: p.isChecked,
-                    onChange: (x) => l.onChecked(x.target.value, p),
-                    label: p.name,
-                    description: p.description
+                    name: g.name,
+                    value: g.id,
+                    checked: g.isChecked,
+                    onChange: (x) => l.onChecked(x.target.value, g),
+                    label: g.name,
+                    description: g.description
                   }
                 )
               }
@@ -7537,25 +7551,25 @@ const Vo = (t) => {
   var l;
   const i = t === "horizontal-inline" || t === "horizontal-block" ? r === "sm" ? 342 : r === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: t === "horizontal-inline" || t === "horizontal-block" ? "spacing-96" : "sm",
       direction: t === "horizontal-inline" || t === "horizontal-block" ? "row" : "column",
       children: [
         /* @__PURE__ */ e(oe, { condition: !!o.description || !!o.title, children: /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "column",
             customMaxWidth: i,
             fullWidth: n,
             children: [
-              o.title && /* @__PURE__ */ e(ce, { children: o.title }),
+              o.title && /* @__PURE__ */ e(se, { children: o.title }),
               /* @__PURE__ */ e(oe, { condition: !!o.description, children: /* @__PURE__ */ e(D, { color: "gray-500", children: o.description }) })
             ]
           }
         ) }),
         /* @__PURE__ */ e(
-          m,
+          f,
           {
             gap: "sm",
             direction: t === "horizontal" || t === "horizontal-inline" ? "row" : "column",
@@ -7568,35 +7582,35 @@ const Vo = (t) => {
                   ...s,
                   isChecked: o.radioIsChecked === s.id
                 })),
-                render: ({ value: s, id: c, isChecked: a, subInput: d, label: f, description: g }) => /* @__PURE__ */ u(m, { direction: "column", gap: "xs", customMaxWidth: i, children: [
+                render: ({ value: s, id: c, isChecked: d, subInput: a, label: m, description: p }) => /* @__PURE__ */ u(f, { direction: "column", gap: "xs", customMaxWidth: i, children: [
                   /* @__PURE__ */ e(
                     In,
                     {
                       id: `${c.toString()}-${s}`,
-                      name: o.groupName || f,
-                      label: f,
+                      name: o.groupName || m,
+                      label: m,
                       value: s,
-                      checked: a,
-                      onChange: (p) => o.onChecked({
+                      checked: d,
+                      onChange: (g) => o.onChecked({
                         id: c,
-                        label: p.target.name,
-                        value: p.target.value
+                        label: g.target.name,
+                        value: g.target.value
                       }),
                       disabled: o.disableAll
                     },
                     c
                   ),
-                  g && /* @__PURE__ */ e(
+                  p && /* @__PURE__ */ e(
                     D,
                     {
                       color: "gray-500",
                       style: {
                         marginLeft: 28
                       },
-                      children: g
+                      children: p
                     }
                   ),
-                  d
+                  a
                 ] })
               }
             )
@@ -7613,10 +7627,10 @@ const Vo = (t) => {
   fullWidth: o = !1,
   ...i
 }) => {
-  var c, a, d;
+  var c, d, a;
   const l = i.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -7627,32 +7641,32 @@ const Vo = (t) => {
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ce, { children: i.title }),
+                  /* @__PURE__ */ e(se, { children: i.title }),
                   /* @__PURE__ */ e(D, { fontSize: t, color: "gray-500", children: i.description })
                 ]
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(le, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ce, { fontSize: t, children: i.title }),
-                    /* @__PURE__ */ e(ce, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(se, { fontSize: t, children: i.title }),
+                    /* @__PURE__ */ e(se, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(oe, { condition: !!((c = i.tooltip) != null && c.label), children: /* @__PURE__ */ e(
                       Me,
                       {
-                        label: (a = i.tooltip) == null ? void 0 : a.label,
-                        arrowPosition: (d = i.tooltip) == null ? void 0 : d.arrowPosition,
+                        label: (d = i.tooltip) == null ? void 0 : d.label,
+                        arrowPosition: (a = i.tooltip) == null ? void 0 : a.arrowPosition,
                         ...i.tooltip,
                         children: /* @__PURE__ */ e(
                           F,
@@ -7697,10 +7711,10 @@ const Vo = (t) => {
   fullWidth: i = !1,
   ...l
 }) => {
-  var c, a, d;
+  var c, d, a;
   const s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -7711,32 +7725,32 @@ const Vo = (t) => {
           {
             condition: o,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: i,
                 children: [
-                  /* @__PURE__ */ e(ce, { children: l.title }),
+                  /* @__PURE__ */ e(se, { children: l.title }),
                   /* @__PURE__ */ e(D, { fontSize: t, color: "gray-500", children: l.titleDescription })
                 ]
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: i,
                 children: [
                   /* @__PURE__ */ u(le, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ce, { fontSize: t, children: l.title }),
-                    /* @__PURE__ */ e(ce, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(se, { fontSize: t, children: l.title }),
+                    /* @__PURE__ */ e(se, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(oe, { condition: !!((c = l.tooltip) != null && c.label), children: /* @__PURE__ */ e(
                       Me,
                       {
-                        label: (a = l.tooltip) == null ? void 0 : a.label,
-                        arrowPosition: (d = l.tooltip) == null ? void 0 : d.arrowPosition,
+                        label: (d = l.tooltip) == null ? void 0 : d.label,
+                        arrowPosition: (a = l.tooltip) == null ? void 0 : a.arrowPosition,
                         ...l.tooltip,
                         children: /* @__PURE__ */ e(
                           F,
@@ -7777,16 +7791,16 @@ const Vo = (t) => {
   ...n
 }) => {
   const o = An(), i = (s) => {
-    var a, d, f, g, p, x;
+    var d, a, m, p, g, x;
     if (!s) return;
-    const c = n.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary" ? "var(--sa-text-subtle, #8c8f97)" : t === "secondary-danger" ? (d = (a = o == null ? void 0 : o.computed) == null ? void 0 : a.red) == null ? void 0 : d[600] : t === "secondary-primary" ? (g = (f = o == null ? void 0 : o.computed) == null ? void 0 : f.blue) == null ? void 0 : g[700] : (x = (p = o == null ? void 0 : o.computed) == null ? void 0 : p.gray) == null ? void 0 : x[50];
+    const c = n.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary" ? "var(--sa-text-subtle, #8c8f97)" : t === "secondary-danger" ? (a = (d = o == null ? void 0 : o.computed) == null ? void 0 : d.red) == null ? void 0 : a[600] : t === "secondary-primary" ? (p = (m = o == null ? void 0 : o.computed) == null ? void 0 : m.blue) == null ? void 0 : p[700] : (x = (g = o == null ? void 0 : o.computed) == null ? void 0 : g.gray) == null ? void 0 : x[50];
     return /* @__PURE__ */ e(F, { name: s, size: r, style: { color: c } });
   }, l = () => {
-    var c, a, d, f;
+    var c, d, a, m;
     if (t !== "secondary-danger" && t !== "secondary-primary")
       return n.title;
     const s = {
-      color: n.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary-danger" ? (a = (c = o == null ? void 0 : o.computed) == null ? void 0 : c.red) == null ? void 0 : a[600] : (f = (d = o == null ? void 0 : o.computed) == null ? void 0 : d.blue) == null ? void 0 : f[700]
+      color: n.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary-danger" ? (d = (c = o == null ? void 0 : o.computed) == null ? void 0 : c.red) == null ? void 0 : d[600] : (m = (a = o == null ? void 0 : o.computed) == null ? void 0 : a.blue) == null ? void 0 : m[700]
     };
     switch (r) {
       case "xs":
@@ -7831,10 +7845,10 @@ const Vo = (t) => {
   fullWidth: o = !1,
   ...i
 }) => {
-  var c, a, d;
+  var c, d, a;
   const l = i.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -7845,32 +7859,32 @@ const Vo = (t) => {
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ce, { children: i.title }),
+                  /* @__PURE__ */ e(se, { children: i.title }),
                   /* @__PURE__ */ e(D, { fontSize: t, color: "gray-500", children: i.description })
                 ]
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(le, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ce, { fontSize: t, children: i.title }),
-                    /* @__PURE__ */ e(ce, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(se, { fontSize: t, children: i.title }),
+                    /* @__PURE__ */ e(se, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(oe, { condition: !!((c = i.tooltip) != null && c.label), children: /* @__PURE__ */ e(
                       Me,
                       {
-                        label: (a = i.tooltip) == null ? void 0 : a.label,
-                        arrowPosition: (d = i.tooltip) == null ? void 0 : d.arrowPosition,
+                        label: (d = i.tooltip) == null ? void 0 : d.label,
+                        arrowPosition: (a = i.tooltip) == null ? void 0 : a.arrowPosition,
                         ...i.tooltip,
                         children: /* @__PURE__ */ e(
                           F,
@@ -7894,7 +7908,7 @@ const Vo = (t) => {
         ),
         /* @__PURE__ */ u(le, { direction: "column", gap: "xs", children: [
           /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               style: {
@@ -7938,8 +7952,8 @@ async function Go(t, r) {
   ), new Promise((l, s) => {
     o.toBlob((c) => {
       if (!c) return s("Canvas is empty");
-      const a = new File([c], "cropped.png", { type: "image/png" });
-      l(a);
+      const d = new File([c], "cropped.png", { type: "image/png" });
+      l(d);
     }, "image/png");
   });
 }
@@ -7962,10 +7976,10 @@ const Jr = {
     size: l = "96",
     aspect: s = "1:1",
     containerProps: c,
-    maxFileSize: a = 2,
-    onError: d
-  }, f) => {
-    const g = ke("md"), [p, x] = R(!1), [W, y] = R(null), [k, E] = R(!1), [w, V] = R({ x: 0, y: 0 }), [v, A] = R(1), [z, C] = R(null);
+    maxFileSize: d = 2,
+    onError: a
+  }, m) => {
+    const p = ke("md"), [g, x] = R(!1), [W, y] = R(null), [k, E] = R(!1), [w, V] = R({ x: 0, y: 0 }), [v, A] = R(1), [z, C] = R(null);
     U(() => {
       r === null && i(null);
     }, [r]);
@@ -7986,20 +8000,20 @@ const Jr = {
       if (!(!W || !z))
         try {
           const ee = await Go(W, z);
-          if (a && ee.size > a * 1024 * 1024) {
-            d == null || d(`Ukuran file maksimal ${a}MB`);
+          if (d && ee.size > d * 1024 * 1024) {
+            a == null || a(`Ukuran file maksimal ${d}MB`);
             return;
           }
           t == null || t(ee);
           const O = URL.createObjectURL(ee);
           i(O, ee), E(!1);
         } catch {
-          d == null || d("Gagal memproses gambar");
+          a == null || a("Gagal memproses gambar");
         }
-    }, _ = se(null), X = () => {
+    }, _ = ce(null), X = () => {
       _.current && _.current.click();
     };
-    Vn(f, () => ({
+    Vn(m, () => ({
       openFileDialog: () => {
         var ee;
         (ee = _.current) == null || ee.click();
@@ -8008,7 +8022,7 @@ const Jr = {
     const te = parseInt(l, 10), me = Jr[s];
     let ae, de;
     return me >= 1 ? (de = te, ae = te * me) : (ae = te, de = te / me), /* @__PURE__ */ u(
-      m,
+      f,
       {
         direction: "column",
         display: "flex",
@@ -8042,7 +8056,7 @@ const Jr = {
               }
             }
           ) : /* @__PURE__ */ e(
-            m,
+            f,
             {
               display: "flex",
               direction: "column",
@@ -8063,7 +8077,7 @@ const Jr = {
             }
           ),
           /* @__PURE__ */ u(
-            m,
+            f,
             {
               direction: "column",
               position: "absolute",
@@ -8074,7 +8088,7 @@ const Jr = {
               style: {
                 inset: 0,
                 backgroundColor: "var(--sa-color-black-alpha-a30, #080f214a)",
-                opacity: p ? 1 : 0,
+                opacity: g ? 1 : 0,
                 transition: "opacity 0.3s ease-in-out"
               },
               onClick: X,
@@ -8090,7 +8104,7 @@ const Jr = {
                     style: { display: "none" }
                   }
                 ),
-                /* @__PURE__ */ u(m, { display: "flex", align: "center", gap: "spacing-2", direction: "row", children: [
+                /* @__PURE__ */ u(f, { display: "flex", align: "center", gap: "spacing-2", direction: "row", children: [
                   /* @__PURE__ */ e(
                     F,
                     {
@@ -8112,7 +8126,7 @@ const Jr = {
             }
           ),
           n && /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               position: "absolute",
@@ -8125,7 +8139,7 @@ const Jr = {
                 backgroundColor: "var(--sa-color-white-alpha-a80, #e5e9f640)"
               },
               children: /* @__PURE__ */ e(
-                m,
+                f,
                 {
                   direction: "column",
                   borderRadius: "rounded-full",
@@ -8162,7 +8176,7 @@ const Jr = {
                       borderRadius: "var(--sa-radii-md)",
                       boxShadow: "0 20px 60px rgba(0,0,0,0.3)",
                       overflow: "hidden",
-                      width: g ? s === "1:1" ? "min(90vw, 480px)" : `min(90vw, ${ae * 2}px)` : "calc(100vw - 2rem)",
+                      width: p ? s === "1:1" ? "min(90vw, 480px)" : `min(90vw, ${ae * 2}px)` : "calc(100vw - 2rem)",
                       display: "flex",
                       flexDirection: "column"
                     },
@@ -8229,10 +8243,10 @@ const Jr = {
   required: i = !1,
   ...l
 }) => {
-  var a, d, f;
+  var d, a, m;
   const s = l.hideMessageError || !1, c = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -8243,32 +8257,32 @@ const Jr = {
           {
             condition: !!i,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: c,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ce, { children: l.title }),
+                  /* @__PURE__ */ e(se, { children: l.title }),
                   /* @__PURE__ */ e(D, { fontSize: t, color: "gray-500", children: l.description })
                 ]
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: c,
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(le, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ce, { fontSize: t, children: l.title }),
-                    /* @__PURE__ */ e(ce, { color: "error", fontSize: t, children: n }),
-                    /* @__PURE__ */ e(oe, { condition: !!((a = l.tooltip) != null && a.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e(se, { fontSize: t, children: l.title }),
+                    /* @__PURE__ */ e(se, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(oe, { condition: !!((d = l.tooltip) != null && d.label), children: /* @__PURE__ */ e(
                       Me,
                       {
-                        label: (d = l.tooltip) == null ? void 0 : d.label,
-                        arrowPosition: (f = l.tooltip) == null ? void 0 : f.arrowPosition,
+                        label: (a = l.tooltip) == null ? void 0 : a.label,
+                        arrowPosition: (m = l.tooltip) == null ? void 0 : m.arrowPosition,
                         ...l.tooltip,
                         children: /* @__PURE__ */ e(
                           F,
@@ -8304,10 +8318,10 @@ const Jr = {
   fullWidth: o = !1,
   ...i
 }) => {
-  var s, c, a;
+  var s, c, d;
   const l = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -8318,32 +8332,32 @@ const Jr = {
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: l,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ce, { children: i.title }),
+                  /* @__PURE__ */ e(se, { children: i.title }),
                   /* @__PURE__ */ e(D, { fontSize: t, color: "gray-500", children: i.description })
                 ]
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: l,
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(le, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ce, { fontSize: t, children: i.title }),
-                    /* @__PURE__ */ e(ce, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(se, { fontSize: t, children: i.title }),
+                    /* @__PURE__ */ e(se, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(oe, { condition: !!((s = i.tooltip) != null && s.label), children: /* @__PURE__ */ e(
                       Me,
                       {
                         label: (c = i.tooltip) == null ? void 0 : c.label,
-                        arrowPosition: (a = i.tooltip) == null ? void 0 : a.arrowPosition,
+                        arrowPosition: (d = i.tooltip) == null ? void 0 : d.arrowPosition,
                         ...i.tooltip,
                         children: /* @__PURE__ */ e(
                           F,
@@ -8377,18 +8391,18 @@ const Jr = {
   toggleShow: i = !0,
   disabled: l = !1
 }) => {
-  var f;
+  var m;
   const [s, c] = R([]);
   U(() => {
-    t && c([...t.map((g) => ({ id: g.id, isActive: g.isActive }))]);
+    t && c([...t.map((p) => ({ id: p.id, isActive: p.isActive }))]);
   }, [t]);
-  const a = (f = s.find((g) => g.id === r)) == null ? void 0 : f.isActive, d = Q(() => {
+  const d = (m = s.find((p) => p.id === r)) == null ? void 0 : m.isActive, a = Q(() => {
     c(
-      (g) => g.map((p) => p.id === r ? { ...p, isActive: !p.isActive } : p)
-    ), n && n(!a);
-  }, [r, n, a]);
+      (p) => p.map((g) => g.id === r ? { ...g, isActive: !g.isActive } : g)
+    ), n && n(!d);
+  }, [r, n, d]);
   return /* @__PURE__ */ e(
-    m,
+    f,
     {
       direction: "row",
       gap: "md",
@@ -8399,9 +8413,9 @@ const Jr = {
         At,
         {
           disabled: l,
-          checked: a,
-          onChange: d,
-          label: a ? "Active" : "Inactive"
+          checked: d,
+          onChange: a,
+          label: d ? "Active" : "Inactive"
         }
       )
     }
@@ -8428,7 +8442,7 @@ const Jr = {
   return U(() => (window.addEventListener("scroll", o), () => {
     window.removeEventListener("scroll", o);
   }), []), /* @__PURE__ */ e(
-    m,
+    f,
     {
       direction: "column",
       style: {
@@ -8437,7 +8451,7 @@ const Jr = {
         right: 0
       },
       children: /* @__PURE__ */ e(
-        m,
+        f,
         {
           direction: "column",
           position: "absolute",
@@ -8474,7 +8488,7 @@ const Jr = {
 }, kc = ({ pageLayout: t, children: r, wrapperProps: n, containerProps: o }) => {
   const i = ke("md"), l = (o == null ? void 0 : o.customWidth) ?? 264;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       display: "block",
       direction: "row",
@@ -8486,7 +8500,7 @@ const Jr = {
       children: [
         t,
         /* @__PURE__ */ e(
-          m,
+          f,
           {
             direction: "column",
             show: "desktop",
@@ -8516,8 +8530,8 @@ const Jr = {
   withScrollToTopButton: r = !1,
   scrollToTopButtonProps: n,
   containerProps: o
-}) => /* @__PURE__ */ e(m, { direction: "column", position: "absolute", width: "width-full", style: { zIndex: "var(--app-footer-zindex, 999)" }, children: /* @__PURE__ */ u(
-  m,
+}) => /* @__PURE__ */ e(f, { direction: "column", position: "absolute", width: "width-full", style: { zIndex: "var(--app-footer-zindex, 999)" }, children: /* @__PURE__ */ u(
+  f,
   {
     position: "fixed",
     bottom: "bottom-0",
@@ -8547,14 +8561,14 @@ const Jr = {
       t
     ]
   }
-) }), Fc = ({ fields: t }) => /* @__PURE__ */ e(m, { display: "flex", direction: "column", gap: "lg", children: /* @__PURE__ */ e(
+) }), Fc = ({ fields: t }) => /* @__PURE__ */ e(f, { display: "flex", direction: "column", gap: "lg", children: /* @__PURE__ */ e(
   xr,
   {
     of: t,
     render: (r, n) => /* @__PURE__ */ e(Yo, { ...r }, n)
   }
-) }), Yo = ({ title: t, value: r, icon: n }) => /* @__PURE__ */ u(m, { display: "flex", direction: "column", gap: "sm", children: [
-  n ? /* @__PURE__ */ u(m, { display: "flex", direction: "row", align: "center", gap: "xs", children: [
+) }), Yo = ({ title: t, value: r, icon: n }) => /* @__PURE__ */ u(f, { display: "flex", direction: "column", gap: "sm", children: [
+  n ? /* @__PURE__ */ u(f, { display: "flex", direction: "row", align: "center", gap: "xs", children: [
     /* @__PURE__ */ e(F, { name: n, color: "subtle" }),
     /* @__PURE__ */ e(D, { color: "gray-500", variant: "sub-h3", children: t })
   ] }) : /* @__PURE__ */ e(D, { color: "gray-500", variant: "sub-h3", children: t }),
@@ -8715,13 +8729,13 @@ const Ec = ({
   leftIcon: l,
   showButton: s = !0,
   customHeight: c,
-  childrenButton: a,
-  customIcon: d
+  childrenButton: d,
+  customIcon: a
 }) => {
-  const f = () => {
+  const m = () => {
     switch (o) {
       case "primary":
-        return /* @__PURE__ */ e(ie, { children: l ? /* @__PURE__ */ e(T, { primary: !0, iconLeft: l, onClick: n, children: a || t }) : /* @__PURE__ */ e(T, { primary: !0, onClick: n, children: a || t }) });
+        return /* @__PURE__ */ e(ie, { children: l ? /* @__PURE__ */ e(T, { primary: !0, iconLeft: l, onClick: n, children: d || t }) : /* @__PURE__ */ e(T, { primary: !0, onClick: n, children: d || t }) });
       case "secondary":
         return /* @__PURE__ */ e(ie, { children: l ? /* @__PURE__ */ e(T, { secondary: !0, iconLeft: l, onClick: n, children: i ? /* @__PURE__ */ e(
           D,
@@ -8730,17 +8744,17 @@ const Ec = ({
             fontSize: "md",
             fontWeight: "medium",
             style: { color: "var(--sa-background-success, #28ac6e)" },
-            children: a || t
+            children: d || t
           }
-        ) : t }) : /* @__PURE__ */ e(T, { secondary: !0, onClick: n, children: a || t }) });
+        ) : t }) : /* @__PURE__ */ e(T, { secondary: !0, onClick: n, children: d || t }) });
       case "success":
-        return /* @__PURE__ */ e(ie, { children: l ? /* @__PURE__ */ e(T, { success: !0, iconLeft: l, onClick: n, children: a || t }) : /* @__PURE__ */ e(T, { success: !0, onClick: n, children: a || t }) });
+        return /* @__PURE__ */ e(ie, { children: l ? /* @__PURE__ */ e(T, { success: !0, iconLeft: l, onClick: n, children: d || t }) : /* @__PURE__ */ e(T, { success: !0, onClick: n, children: d || t }) });
       default:
-        return /* @__PURE__ */ e(ie, { children: l ? /* @__PURE__ */ e(T, { primary: !0, iconLeft: l, onClick: n, children: a || t }) : /* @__PURE__ */ e(T, { primary: !0, onClick: n, children: a || t }) });
+        return /* @__PURE__ */ e(ie, { children: l ? /* @__PURE__ */ e(T, { primary: !0, iconLeft: l, onClick: n, children: d || t }) : /* @__PURE__ */ e(T, { primary: !0, onClick: n, children: d || t }) });
     }
   };
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       height: "height-full",
       display: "flex",
@@ -8751,19 +8765,19 @@ const Ec = ({
       marginBlock: "auto",
       customHeight: c,
       children: [
-        d || /* @__PURE__ */ e(Xo, {}),
-        /* @__PURE__ */ e(m, { direction: "column", children: r.map((g, p) => /* @__PURE__ */ e(
+        a || /* @__PURE__ */ e(Xo, {}),
+        /* @__PURE__ */ e(f, { direction: "column", children: r.map((p, g) => /* @__PURE__ */ e(
           Ge.Body1,
           {
             props: {
               align: "center",
               textAlign: "center"
             },
-            children: p > 2 ? null : g
+            children: g > 2 ? null : p
           },
-          p
+          g
         )) }),
-        s ? f() : null
+        s ? m() : null
       ]
     }
   );
@@ -8983,7 +8997,7 @@ function Ko({ width: t, height: r }) {
 function Lc({ onClick: t }) {
   const r = ke("md");
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       height: "height-screen",
@@ -9256,7 +9270,7 @@ function el({ width: t, height: r }) {
 function Mc({ onClick: t }) {
   const r = ke("md");
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       height: "height-screen",
@@ -9965,7 +9979,7 @@ function tl({ width: t, height: r }) {
 function Wc({ onClick: t }) {
   const r = ke("md");
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       height: "height-screen",
@@ -10019,14 +10033,14 @@ const Bc = (t) => {
         /* @__PURE__ */ e(Qr, { ...t.dialogTitleProps, children: typeof t.title == "string" ? /* @__PURE__ */ e(D, { fontSize: "lg", fontWeight: "medium", children: t.title }) : t.title }),
         /* @__PURE__ */ e(cr, { children: typeof t.description == "string" ? /* @__PURE__ */ e(D, { fontSize: "md", lineHeight: "leading-6", color: "brand", children: t.description }) : t.description }),
         /* @__PURE__ */ e(Yr, { children: /* @__PURE__ */ e(
-          m,
+          f,
           {
             display: "flex",
             direction: ((n = t.containerConfirmBtnProps) == null ? void 0 : n.direction) || "row",
             justify: ((o = t.containerConfirmBtnProps) == null ? void 0 : o.justify) || "flex-end",
             ...t.containerConfirmBtnProps,
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 display: "flex",
                 direction: ((i = t.wrapperConfirmBtnProps) == null ? void 0 : i.direction) || "row",
@@ -10036,7 +10050,7 @@ const Bc = (t) => {
                 children: [
                   t.onCancel && /* @__PURE__ */ e(T, { secondary: !0, onClick: t.onCancel, size: "md", fullWidth: !0, children: t.titleCancelBtn || "Cancel" }),
                   /* @__PURE__ */ e(
-                    m,
+                    f,
                     {
                       direction: "column",
                       fullWidth: !0,
@@ -10074,17 +10088,17 @@ const Bc = (t) => {
     paddingBlock: l = "spacing-0",
     header: s,
     footer: c,
-    title: a,
-    titleTag: d,
-    action: f,
-    actionContainer: g,
-    containerProps: p,
+    title: d,
+    titleTag: a,
+    action: m,
+    actionContainer: p,
+    containerProps: g,
     bodyProps: x,
     headerProps: W = { borderBottom: !0 },
     footerProps: y = { borderTop: !0 },
     variantTag: k = "info"
   }) => {
-    const E = se(null), [w, V] = R("100vh");
+    const E = ce(null), [w, V] = R("100vh");
     U(() => {
       const C = () => {
         if (E.current) {
@@ -10094,24 +10108,24 @@ const Bc = (t) => {
       };
       return C(), window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
     }, []);
-    const v = () => d ? /* @__PURE__ */ u(m, { direction: "row", gap: "sm", align: "center", children: [
-      /* @__PURE__ */ e(D, { fontWeight: "medium", children: a }),
-      /* @__PURE__ */ e(ft, { border: !0, text: d, variant: k })
-    ] }) : /* @__PURE__ */ e(D, { fontWeight: "medium", children: a }), A = () => s || /* @__PURE__ */ u(
-      m,
+    const v = () => a ? /* @__PURE__ */ u(f, { direction: "row", gap: "sm", align: "center", children: [
+      /* @__PURE__ */ e(D, { fontWeight: "medium", children: d }),
+      /* @__PURE__ */ e(ft, { border: !0, text: a, variant: k })
+    ] }) : /* @__PURE__ */ e(D, { fontWeight: "medium", children: d }), A = () => s || /* @__PURE__ */ u(
+      f,
       {
         direction: "row",
         justify: "space-between",
         align: "flex-start",
         gap: "md",
         children: [
-          /* @__PURE__ */ e(m, { direction: "column", children: a ? v() : null }),
-          /* @__PURE__ */ e(m, { direction: "column", ...g, children: f ?? null })
+          /* @__PURE__ */ e(f, { direction: "column", children: d ? v() : null }),
+          /* @__PURE__ */ e(f, { direction: "column", ...p, children: m ?? null })
         ]
       }
-    ), z = !!(s || a || f);
+    ), z = !!(s || d || m);
     return /* @__PURE__ */ u(
-      m,
+      f,
       {
         ref: E,
         height: r,
@@ -10121,17 +10135,17 @@ const Bc = (t) => {
         paddingInline: i,
         bg: "white",
         direction: "column",
-        ...p,
+        ...g,
         style: {
           backgroundColor: "var(--sa-background-primary, #ffffff)",
           display: "flex",
           minHeight: w,
-          ...(p == null ? void 0 : p.style) ?? {}
+          ...(g == null ? void 0 : g.style) ?? {}
         },
         children: [
           s !== null && z ? /* @__PURE__ */ e(an, { ...W, children: A() }) : null,
           /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               padding: "spacing-0",
@@ -10152,18 +10166,18 @@ const Bc = (t) => {
 ), Ac = tt.memo(
   ({ value: t, options: r = [], onChange: n, multiple: o }) => {
     const i = (t == null ? void 0 : t.map((c) => c.value)) || [], l = (r == null ? void 0 : r.filter((c) => i.includes(c.value))) || [], s = (c) => {
-      const a = [...l];
-      let d = [];
-      o ? d = i.includes(c.value) ? a.filter((f) => f.value !== c.value) : [...a, c] : d = [c], n == null || n(d);
+      const d = [...l];
+      let a = [];
+      o ? a = i.includes(c.value) ? d.filter((m) => m.value !== c.value) : [...d, c] : a = [c], n == null || n(a);
     };
-    return /* @__PURE__ */ e(m, { direction: "row", gap: "sm", flexWrap: "wrap", children: r == null ? void 0 : r.map((c, a) => /* @__PURE__ */ e(
+    return /* @__PURE__ */ e(f, { direction: "row", gap: "sm", flexWrap: "wrap", children: r == null ? void 0 : r.map((c, d) => /* @__PURE__ */ e(
       T,
       {
         ...i.includes(c.value) ? { primary: !0 } : { secondary: !0 },
         onClick: () => s(c),
         children: c.label
       },
-      a
+      d
     )) });
   }
 );
@@ -10277,30 +10291,30 @@ function ll(t) {
     onViewModeChange: l,
     showViewModeToggle: s = !0,
     showCloseButton: c = !0,
-    size: a,
-    asideWidth: d,
-    disableEscapeClose: f = !1,
-    disableBackdropClose: g = !1,
-    lockBodyScroll: p = !0,
+    size: d,
+    asideWidth: a,
+    disableEscapeClose: m = !1,
+    disableBackdropClose: p = !1,
+    lockBodyScroll: g = !0,
     children: x
   } = t, [W, y] = R(i), k = o ?? W, w = ke("md") ? k : "fullscreen", V = Q(
     (X) => {
       o === void 0 && y(X), l == null || l(X);
     },
     [o, l]
-  ), v = se(null);
+  ), v = ce(null);
   U(() => {
-    if (!(!r || !p))
+    if (!(!r || !g))
       return v.current = document.body.style.overflow, document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = v.current ?? "";
       };
-  }, [r, p]), U(() => {
-    if (!r || f) return;
+  }, [r, g]), U(() => {
+    if (!r || m) return;
     const X = (te) => {
       te.key === "Escape" && n();
     };
     return window.addEventListener("keydown", X), () => window.removeEventListener("keydown", X);
-  }, [r, f, n]);
+  }, [r, m, n]);
   const A = fe(
     () => kt(x, br),
     [x]
@@ -10321,10 +10335,10 @@ function ll(t) {
     w === "fullscreen" && Fe["lyd-fullscreen"],
     w === "sidebar" && Fe["lyd-sidebar"]
   ].filter(Boolean).join(" "), G = {
-    "--lyd-max-w": ol(a),
-    ...d !== void 0 && { "--lyd-aside-w": d }
+    "--lyd-max-w": ol(d),
+    ...a !== void 0 && { "--lyd-aside-w": a }
   }, _ = () => {
-    g || n();
+    p || n();
   };
   return /* @__PURE__ */ u(
     "div",
@@ -10476,10 +10490,10 @@ const Rc = (t) => {
   const { defaultTab: r = 0, paramKey: n = "tab" } = t || {}, [o, i] = Rt(), l = zt(o.toString());
   return {
     activeTab: l[n] ? parseInt(l[n]) : r,
-    handleTabChange: (a) => {
+    handleTabChange: (d) => {
       i({
         ...l,
-        [n]: a.toString()
+        [n]: d.toString()
       });
     },
     searchQueries: l
@@ -10493,16 +10507,16 @@ function Vc({
   const o = gt();
   U(() => {
     let i = null, l = null;
-    for (const a of r) {
-      const d = a.items.find((f) => f.to ? f.to === "/" ? o.pathname === "/" : !!(f.to === o.pathname || o.pathname.startsWith(f.to + "/")) : !1);
-      if (d) {
-        i = d, l = a;
+    for (const d of r) {
+      const a = d.items.find((m) => m.to ? m.to === "/" ? o.pathname === "/" : !!(m.to === o.pathname || o.pathname.startsWith(m.to + "/")) : !1);
+      if (a) {
+        i = a, l = d;
         break;
       }
     }
     const s = [];
     i != null && i.title && s.push(i.title), l != null && l.name && s.push(l.name.toTitleCase());
-    const c = (a, d) => a.length > 0 ? `${a.join(" - ")} | ${d}` : d;
+    const c = (d, a) => d.length > 0 ? `${d.join(" - ")} | ${a}` : a;
     document.title = (n || c)(s, t);
   }, [o.pathname]);
 }
@@ -10513,10 +10527,10 @@ const Oc = () => {
     setSearchParams: r,
     searchParams: t,
     searchQueries: n,
-    isHasQuery: (f, g) => t.has(f) && t.get(f) === g,
-    getQueryParam: (f) => t.get(f),
+    isHasQuery: (m, p) => t.has(m) && t.get(m) === p,
+    getQueryParam: (m) => t.get(m),
     // route params
-    getRouteParam: (f) => o[f],
+    getRouteParam: (m) => o[m],
     params: o,
     // location info
     location: i,
@@ -10529,23 +10543,23 @@ function Hc(t) {
   var o, i;
   const r = t.decodedAccessToken;
   return fe(() => {
-    var a, d;
-    const l = ((d = (a = r == null ? void 0 : r.access) == null ? void 0 : a.role) == null ? void 0 : d.code) ?? "", s = Object.keys(t.role).reduce(
-      (f, g) => {
-        const p = `is${g.toLowerCase().replace(/(^\w|_\w)/g, (x) => x.replace("_", "").toUpperCase())}`;
-        return { ...f, [p]: !1 };
+    var d, a;
+    const l = ((a = (d = r == null ? void 0 : r.access) == null ? void 0 : d.role) == null ? void 0 : a.code) ?? "", s = Object.keys(t.role).reduce(
+      (m, p) => {
+        const g = `is${p.toLowerCase().replace(/(^\w|_\w)/g, (x) => x.replace("_", "").toUpperCase())}`;
+        return { ...m, [g]: !1 };
       },
       {}
     );
     return {
-      ...Object.keys(t.role).reduce((f, g) => {
-        const p = `is${g.toLowerCase().replace(/(^\w|_\w)/g, (x) => x.replace("_", "").toUpperCase())}`;
+      ...Object.keys(t.role).reduce((m, p) => {
+        const g = `is${p.toLowerCase().replace(/(^\w|_\w)/g, (x) => x.replace("_", "").toUpperCase())}`;
         return {
-          ...f,
-          [p]: l === t.role[g]
+          ...m,
+          [g]: l === t.role[p]
         };
       }, s),
-      hasRole: (f) => l === t.role[f],
+      hasRole: (m) => l === t.role[m],
       getRoleKey: () => l
     };
   }, [(i = (o = r == null ? void 0 : r.access) == null ? void 0 : o.role) == null ? void 0 : i.code, t]);