@starasia/admin 4.5.0 → 4.5.2

package/dist/index.es.js

@@ -16,7 +16,7 @@ import { Drawer as Xt } from "@starasia/drawer";
 export * from "@starasia/drawer";
 import { Dropdown as dt } from "@starasia/dropdown";
 export * from "@starasia/dropdown";
-import { useMediaQuery as te } from "@starasia/hooks";
+import { useMediaQuery as re } from "@starasia/hooks";
 export * from "@starasia/hooks";
 import { searchParamsToObject as Qe } from "@starasia/http";
 export * from "@starasia/http";
@@ -56,8 +56,8 @@ export * from "@starasia/story-record";
 import { Skeleton as Re } from "@starasia/skeleton";
 export * from "@starasia/skeleton";
 export * from "@starasia/progress-stepper";
-import { jsx as e, Fragment as G, jsxs as d } from "react/jsx-runtime";
-import Tt, { createContext as Pe, useState as S, useContext as We, useCallback as Ce, useMemo as ve, memo as re, useEffect as $, useRef as le, useLayoutEffect as lt, isValidElement as ct, forwardRef as Ot, Children as ar, useImperativeHandle as sr } from "react";
+import { jsx as e, Fragment as G, jsxs as h } from "react/jsx-runtime";
+import Tt, { createContext as Pe, useState as S, useContext as We, useCallback as Ce, useMemo as De, memo as ie, useEffect as $, useRef as ee, useLayoutEffect as lt, isValidElement as ct, forwardRef as Ot, Children as ar, useImperativeHandle as sr } from "react";
 import { useSearchParams as Ye, useNavigate as ut, useLocation as ze, Outlet as Dt, Link as Ue, useParams as Nt } from "react-router";
 import dr, { createPortal as Zt } from "react-dom";
 import hr from "react-easy-crop";
@@ -89,25 +89,25 @@ const ur = {
   const [r, i] = S({}), o = Ce(
     (a) => {
       i(
-        (h) => typeof a == "function" ? a(h) : a
+        (u) => typeof a == "function" ? a(u) : a
       );
     },
     []
   ), n = Ce(
-    (a, h) => {
-      i((u) => {
-        const g = typeof h == "function" ? h(u[a]) : h;
-        return { ...u, [a]: g };
+    (a, u) => {
+      i((d) => {
+        const g = typeof u == "function" ? u(d[a]) : u;
+        return { ...d, [a]: g };
       });
     },
     []
   ), l = Ce((a) => {
-    i((h) => {
-      if (!(a in h)) return h;
-      const u = { ...h };
-      return delete u[a], u;
+    i((u) => {
+      if (!(a in u)) return u;
+      const d = { ...u };
+      return delete d[a], d;
     });
-  }, []), s = ve(
+  }, []), s = De(
     () => ({ badges: r, setBadge: n, setBadges: o, clearBadge: l }),
     [r, n, o, l]
   );
@@ -124,7 +124,7 @@ const ur = {
   initialUserData: l,
   theme: s
 }) => {
-  const a = fr({ initialUserData: l }), { theme: h } = or();
+  const a = fr({ initialUserData: l }), { theme: u } = or();
   return /* @__PURE__ */ e(
     jt.Provider,
     {
@@ -136,10 +136,10 @@ const ur = {
         setUserData: a.setUserData,
         menuBottom: i
       },
-      children: /* @__PURE__ */ e(gr, { children: s ? /* @__PURE__ */ e(Ct, { value: s, children: t }) : h ? /* @__PURE__ */ e(Ct, { value: h, children: t }) : t })
+      children: /* @__PURE__ */ e(gr, { children: s ? /* @__PURE__ */ e(Ct, { value: s, children: t }) : u ? /* @__PURE__ */ e(Ct, { value: u, children: t }) : t })
     }
   );
-}, bn = re(yr);
+}, bn = ie(yr);
 function pr({
   collapsed: t = !1,
   children: r
@@ -179,7 +179,7 @@ function pr({
 }
 const ft = Pe(null);
 function xr({ children: t }) {
-  const [r, i] = S(null), [o, n] = S(null), [l, s] = S(null), [a, h] = S(0), u = Ce(() => (h((g) => g + 1), () => h((g) => g - 1)), []);
+  const [r, i] = S(null), [o, n] = S(null), [l, s] = S(null), [a, u] = S(0), d = Ce(() => (u((g) => g + 1), () => u((g) => g - 1)), []);
   return /* @__PURE__ */ e(
     ft.Provider,
     {
@@ -191,7 +191,7 @@ function xr({ children: t }) {
         setAppendNode: n,
         setReplaceNode: s,
         replaceCount: a,
-        registerReplace: u
+        registerReplace: d
       },
       children: t
     }
@@ -199,7 +199,7 @@ function xr({ children: t }) {
 }
 function Cr({ children: t }) {
   const r = We(ft);
-  return r ? /* @__PURE__ */ d(G, { children: [
+  return r ? /* @__PURE__ */ h(G, { children: [
     /* @__PURE__ */ e("div", { ref: r.setPrependNode, style: { display: "contents" } }),
     r.replaceCount > 0 ? /* @__PURE__ */ e("div", { ref: r.setReplaceNode, style: { display: "contents" } }) : t,
     /* @__PURE__ */ e("div", { ref: r.setAppendNode, style: { display: "contents" } })
@@ -222,39 +222,41 @@ function wn({
 }
 const gt = Pe(null);
 function Dr({ children: t }) {
-  const [r, i] = S({}), [o, n] = S({}), l = Ce((a, h) => {
-    i((u) => ({ ...u, [a]: h }));
-  }, []), s = Ce((a) => (n((h) => ({ ...h, [a]: (h[a] ?? 0) + 1 })), () => n((h) => ({
-    ...h,
-    [a]: Math.max(0, (h[a] ?? 0) - 1)
-  }))), []);
-  return /* @__PURE__ */ e(
-    gt.Provider,
-    {
-      value: { outletNodes: r, setOutletNode: l, slotCounts: o, registerSlot: s },
-      children: t
-    }
+  const [r, i] = S({}), [o, n] = S({}), l = Ce((u, d) => {
+    i((g) => g[u] === d ? g : { ...g, [u]: d });
+  }, []), s = Ce((u) => (n((d) => ({ ...d, [u]: (d[u] ?? 0) + 1 })), () => n((d) => ({
+    ...d,
+    [u]: Math.max(0, (d[u] ?? 0) - 1)
+  }))), []), a = De(
+    () => ({ outletNodes: r, setOutletNode: l, slotCounts: o, registerSlot: s }),
+    [r, l, o, s]
   );
+  return /* @__PURE__ */ e(gt.Provider, { value: a, children: t });
 }
 function vr({ slotKey: t, fallback: r }) {
-  const i = We(gt), o = i ? (i.slotCounts[t] ?? 0) > 0 : !1, n = Ce(
-    (l) => i == null ? void 0 : i.setOutletNode(t, l),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [i, t]
+  const i = We(gt), o = i ? (i.slotCounts[t] ?? 0) > 0 : !1, n = ee(i == null ? void 0 : i.setOutletNode);
+  n.current = i == null ? void 0 : i.setOutletNode;
+  const l = Ce(
+    (s) => {
+      var a;
+      return (a = n.current) == null ? void 0 : a.call(n, t, s);
+    },
+    [t]
+    // slotKey is a stable string from group config
   );
-  return /* @__PURE__ */ e(G, { children: o ? /* @__PURE__ */ e("div", { ref: n, style: { display: "contents" } }) : r });
+  return /* @__PURE__ */ e(G, { children: o ? /* @__PURE__ */ e("div", { ref: l, style: { display: "contents" } }) : r });
 }
 function kn({ slotKey: t, children: r }) {
-  const i = We(gt);
-  if ($(() => {
-    if (i)
-      return i.registerSlot(t);
-  }, [i, t]), !i)
+  const i = We(gt), o = ee(i == null ? void 0 : i.registerSlot);
+  if (o.current = i == null ? void 0 : i.registerSlot, $(() => {
+    var l;
+    return (l = o.current) == null ? void 0 : l.call(o, t);
+  }, [t]), !i)
     return process.env.NODE_ENV !== "production" && console.warn(
       "[SidebarGroupSlot] used outside AppLayout — content not rendered"
     ), null;
-  const o = i.outletNodes[t];
-  return o ? Zt(r, o) : null;
+  const n = i.outletNodes[t];
+  return n ? Zt(r, n) : null;
 }
 const Ge = "moduleSwitcherGroupId", at = "sa-module-switcher-change";
 function vt() {
@@ -288,7 +290,7 @@ function Gt() {
   } };
 }
 let $e = 0, we = !1, bt = /* @__PURE__ */ new Set();
-const wt = () => /* @__PURE__ */ d(
+const wt = () => /* @__PURE__ */ h(
   "svg",
   {
     width: "100%",
@@ -331,20 +333,20 @@ function Fn({
   isLoggingOut: l,
   loadingComponent: s,
   sidebarHeaderContent: a,
-  headerActions: h,
-  profileRole: u,
+  headerActions: u,
+  profileRole: d,
   profileMenuButtons: g,
   profileMenuItems: m,
   logoutButton: p
 }) {
   var Fe, Ze;
-  const [v] = Ye(), L = v.get("embed") === "true", C = $t(), { badges: T } = mr(), Z = ut(), j = ze(), W = !te("md"), [fe, P] = S(!1), [R, K] = S(!1), [ce, ae] = S(!1), [U, se] = S(!1), [ee, ie] = S(
+  const [v] = Ye(), L = v.get("embed") === "true", C = $t(), { badges: T } = mr(), Z = ut(), j = ze(), W = !re("md"), [fe, P] = S(!1), [R, K] = S(!1), [ce, ae] = S(!1), [U, se] = S(!1), [te, ne] = S(
     () => new Set(bt)
   ), [Y, J] = S(null), { selectedGroupId: V, setSelectedGroupId: z } = Gt();
   $(() => {
-    bt = ee;
-  }, [ee]);
-  const X = le(null), de = le(null);
+    bt = te;
+  }, [te]);
+  const X = ee(null), de = ee(null);
   $(() => {
     const y = X.current;
     if (!y) return;
@@ -400,7 +402,7 @@ function Fn({
   }, Ae = [
     ...C.menus.flatMap((y) => y.items.flatMap(Oe)),
     ...((Fe = C.menuBottom) == null ? void 0 : Fe.flatMap(Oe)) ?? []
-  ], ne = (y) => {
+  ], oe = (y) => {
     if (!j.pathname.startsWith(y)) return !1;
     const F = Ae.filter((E) => j.pathname.startsWith(E)).sort((E, x) => x.length - E.length)[0];
     return y === F;
@@ -409,7 +411,7 @@ function Fn({
     var F;
     const y = (E) => {
       var x;
-      (x = E.children) != null && x.some((k) => j.pathname.startsWith(k.to)) && ie((k) => {
+      (x = E.children) != null && x.some((k) => j.pathname.startsWith(k.to)) && ne((k) => {
         const b = new Set(k);
         return b.add(E.id), b;
       });
@@ -419,7 +421,7 @@ function Fn({
     }), (F = C.menuBottom) == null || F.forEach(y);
   }, [j.pathname, C.menus, C.menuBottom]);
   const Ne = (y) => {
-    ie((F) => {
+    ne((F) => {
       const E = new Set(F);
       return E.has(y) ? E.delete(y) : E.add(y), E;
     });
@@ -427,7 +429,7 @@ function Fn({
   $(() => {
     C.menus.length !== 0 && V !== null && !C.menus.some((y) => y.id === V) && z(null);
   }, [C.menus, V, z]);
-  const He = ve(() => {
+  const He = De(() => {
     if (V !== null)
       return C.menus.filter(
         (E) => E.id === V || E.parentGroupId === V
@@ -441,9 +443,9 @@ function Fn({
   if (L)
     return /* @__PURE__ */ e("main", { style: { height: "100vh", overflowY: "auto", backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)" }, children: t || /* @__PURE__ */ e(Dt, {}) });
   const Se = (y) => {
-    const F = y.children && y.children.length > 0, E = ee.has(y.id), x = F ? y.children.some((B) => ne(B.to)) : ne(y.to), k = tt(y.badge, T[y.id]), b = !!k && R && !W;
-    return /* @__PURE__ */ d("div", { "data-menu-active": x || void 0, children: [
-      /* @__PURE__ */ d(
+    const F = y.children && y.children.length > 0, E = te.has(y.id), x = F ? y.children.some((B) => oe(B.to)) : oe(y.to), k = tt(y.badge, T[y.id]), b = !!k && R && !W;
+    return /* @__PURE__ */ h("div", { "data-menu-active": x || void 0, children: [
+      /* @__PURE__ */ h(
         "button",
         {
           onClick: (B) => {
@@ -486,7 +488,7 @@ function Fn({
             x || (B.currentTarget.style.backgroundColor = "transparent");
           },
           children: [
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ h(
               "span",
               {
                 style: {
@@ -515,7 +517,7 @@ function Fn({
                 ]
               }
             ),
-            (!R || W) && /* @__PURE__ */ d(G, { children: [
+            (!R || W) && /* @__PURE__ */ h(G, { children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -571,9 +573,9 @@ function Fn({
       ),
       F && (!R || W) && (() => {
         const B = y.children.findIndex(
-          (I) => ne(I.to)
+          (I) => oe(I.to)
         );
-        return /* @__PURE__ */ d(
+        return /* @__PURE__ */ h(
           "div",
           {
             style: {
@@ -620,11 +622,11 @@ function Fn({
                 }
               ),
               y.children.map((I) => {
-                const oe = tt(
+                const le = tt(
                   I.badge,
                   T[I.id]
                 );
-                return /* @__PURE__ */ d(
+                return /* @__PURE__ */ h(
                   "button",
                   {
                     onClick: () => Z(I.to),
@@ -638,18 +640,18 @@ function Fn({
                       paddingTop: "0.25rem",
                       paddingBottom: "0.25rem",
                       height: "2rem",
-                      borderRadius: ne(I.to) ? "var(--sa-radii-sm, 0.375rem)" : "var(--sa-radii-md, 0.5rem)",
+                      borderRadius: oe(I.to) ? "var(--sa-radii-sm, 0.375rem)" : "var(--sa-radii-md, 0.5rem)",
                       textAlign: "left",
-                      backgroundColor: ne(I.to) ? "var(--sa-background-primary, #ffffff)" : "transparent",
-                      color: ne(I.to) ? "var(--sa-text-primary, #292a2e)" : "var(--sa-text-subtle, #505258)",
+                      backgroundColor: oe(I.to) ? "var(--sa-background-primary, #ffffff)" : "transparent",
+                      color: oe(I.to) ? "var(--sa-text-primary, #292a2e)" : "var(--sa-text-subtle, #505258)",
                       cursor: "pointer",
-                      border: ne(I.to) ? "1px solid var(--sa-border-subtle, #0b120e24)" : "1px solid transparent"
+                      border: oe(I.to) ? "1px solid var(--sa-border-subtle, #0b120e24)" : "1px solid transparent"
                     },
                     onMouseEnter: (ye) => {
-                      ne(I.to) || (ye.currentTarget.style.backgroundColor = "var(--sa-background-neutral, #f0f1f2)");
+                      oe(I.to) || (ye.currentTarget.style.backgroundColor = "var(--sa-background-neutral, #f0f1f2)");
                     },
                     onMouseLeave: (ye) => {
-                      ne(I.to) || (ye.currentTarget.style.backgroundColor = "transparent");
+                      oe(I.to) || (ye.currentTarget.style.backgroundColor = "transparent");
                     },
                     children: [
                       /* @__PURE__ */ e(
@@ -675,11 +677,11 @@ function Fn({
                           children: I.title
                         }
                       ),
-                      oe && /* @__PURE__ */ e(
+                      le && /* @__PURE__ */ e(
                         Le,
                         {
-                          text: String(oe.value),
-                          variant: oe.variant ?? "info",
+                          text: String(le.value),
+                          variant: le.variant ?? "info",
                           size: "xs",
                           border: !0
                         }
@@ -695,8 +697,8 @@ function Fn({
       })()
     ] }, y.id);
   };
-  return /* @__PURE__ */ e(Dr, { children: /* @__PURE__ */ d(xr, { children: [
-    /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(Dr, { children: /* @__PURE__ */ h(xr, { children: [
+    /* @__PURE__ */ h(
       "div",
       {
         style: {
@@ -723,7 +725,7 @@ function Fn({
               onClick: () => ae(!1)
             }
           ),
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ h(
             "aside",
             {
               style: {
@@ -759,8 +761,8 @@ function Fn({
                     },
                     children: (() => {
                       const y = !W && R && !ce, F = y && U;
-                      return /* @__PURE__ */ d(G, { children: [
-                        /* @__PURE__ */ d(
+                      return /* @__PURE__ */ h(G, { children: [
+                        /* @__PURE__ */ h(
                           "div",
                           {
                             style: {
@@ -916,7 +918,7 @@ function Fn({
                       paddingTop: "1rem",
                       paddingBottom: "1rem"
                     },
-                    children: He.map((y) => /* @__PURE__ */ d("div", { style: { marginBottom: "1rem" }, children: [
+                    children: He.map((y) => /* @__PURE__ */ h("div", { style: { marginBottom: "1rem" }, children: [
                       !R || W ? y.name && /* @__PURE__ */ e(
                         "div",
                         {
@@ -991,8 +993,8 @@ function Fn({
               ]
             }
           ),
-          /* @__PURE__ */ d("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: [
-            /* @__PURE__ */ d(
+          /* @__PURE__ */ h("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: [
+            /* @__PURE__ */ h(
               "header",
               {
                 style: {
@@ -1007,7 +1009,7 @@ function Fn({
                   flexShrink: 0
                 },
                 children: [
-                  /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center", gap: "1rem" }, children: [
+                  /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "center", gap: "1rem" }, children: [
                     W && /* @__PURE__ */ e(
                       "button",
                       {
@@ -1042,10 +1044,10 @@ function Fn({
                     ),
                     /* @__PURE__ */ e(Cr, { children: r })
                   ] }),
-                  /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
-                    h,
-                    /* @__PURE__ */ d(Ht, { position: "bottom-right", children: [
-                      /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ d(
+                  /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+                    u,
+                    /* @__PURE__ */ h(Ht, { position: "bottom-right", children: [
+                      /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ h(
                         "div",
                         {
                           style: {
@@ -1055,7 +1057,7 @@ function Fn({
                             cursor: "pointer"
                           },
                           children: [
-                            /* @__PURE__ */ d("div", { style: { textAlign: "right", maxWidth: "12.5rem" }, children: [
+                            /* @__PURE__ */ h("div", { style: { textAlign: "right", maxWidth: "12.5rem" }, children: [
                               /* @__PURE__ */ e(
                                 "p",
                                 {
@@ -1117,7 +1119,7 @@ function Fn({
                           ]
                         }
                       ) }),
-                      /* @__PURE__ */ d(
+                      /* @__PURE__ */ h(
                         It,
                         {
                           style: {
@@ -1128,7 +1130,7 @@ function Fn({
                             marginTop: "16px"
                           },
                           children: [
-                            /* @__PURE__ */ e(Kt, { children: /* @__PURE__ */ d(
+                            /* @__PURE__ */ e(Kt, { children: /* @__PURE__ */ h(
                               "div",
                               {
                                 style: {
@@ -1190,7 +1192,7 @@ function Fn({
                                       children: (i == null ? void 0 : i.email) || "unknown"
                                     }
                                   ),
-                                  u && /* @__PURE__ */ e(
+                                  d && /* @__PURE__ */ e(
                                     "p",
                                     {
                                       style: {
@@ -1202,14 +1204,14 @@ function Fn({
                                         overflow: "hidden",
                                         textOverflow: "ellipsis"
                                       },
-                                      children: u
+                                      children: d
                                     }
                                   )
                                 ]
                               }
                             ) }),
-                            (g && g.length > 0 || m) && /* @__PURE__ */ d(Rt, { children: [
-                              g == null ? void 0 : g.map((y, F) => /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ d(
+                            (g && g.length > 0 || m) && /* @__PURE__ */ h(Rt, { children: [
+                              g == null ? void 0 : g.map((y, F) => /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ h(
                                 "button",
                                 {
                                   type: "button",
@@ -1229,7 +1231,7 @@ function Fn({
                               ) }, `${y.label}-${F}`)),
                               m
                             ] }),
-                            p ?? /* @__PURE__ */ e(er, { children: /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ d(
+                            p ?? /* @__PURE__ */ e(er, { children: /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ h(
                               "button",
                               {
                                 type: "button",
@@ -1298,15 +1300,15 @@ function Fn({
         children: s
       }
     ),
-    /* @__PURE__ */ d(qe, { isShow: fe, onHide: Te, children: [
+    /* @__PURE__ */ h(qe, { isShow: fe, onHide: Te, children: [
       /* @__PURE__ */ e(Me, { children: "Confirmation Logout" }),
       /* @__PURE__ */ e(Je, { children: "Are you sure you want to end the session and exit the page?" }),
-      /* @__PURE__ */ e(st, { children: /* @__PURE__ */ e(f, { display: "flex", align: "flex-end", justify: "center", children: /* @__PURE__ */ d(_, { direction: "row", gap: "sm", align: "center", children: [
+      /* @__PURE__ */ e(st, { children: /* @__PURE__ */ e(f, { display: "flex", align: "flex-end", justify: "center", children: /* @__PURE__ */ h(_, { direction: "row", gap: "sm", align: "center", children: [
         /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(H, { secondary: !0, onClick: Te, children: "Cancel" }) }),
         /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(H, { primary: !0, onClick: Ke, children: "Yes, Sure" }) })
       ] }) }) })
     ] }),
-    Y && /* @__PURE__ */ d(G, { children: [
+    Y && /* @__PURE__ */ h(G, { children: [
       /* @__PURE__ */ e(
         "div",
         {
@@ -1319,7 +1321,7 @@ function Fn({
           }
         }
       ),
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ h(
         "div",
         {
           role: "dialog",
@@ -1356,11 +1358,11 @@ function Fn({
               }
             ),
             (Ze = Y.item.children) == null ? void 0 : Ze.map((y) => {
-              const F = ne(y.to), E = tt(
+              const F = oe(y.to), E = tt(
                 y.badge,
                 T[y.id]
               );
-              return /* @__PURE__ */ d(
+              return /* @__PURE__ */ h(
                 "button",
                 {
                   onClick: () => {
@@ -1428,7 +1430,7 @@ const br = ({ children: t, ...r }) => /* @__PURE__ */ e(
     ...r,
     children: t
   }
-), Xe = re(br), St = ({
+), Xe = ie(br), St = ({
   title: t,
   iconName: r,
   textColor: i,
@@ -1437,7 +1439,7 @@ const br = ({ children: t, ...r }) => /* @__PURE__ */ e(
   hoverIconColor: l
 }) => {
   const [s, a] = S(!1);
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       direction: "row",
@@ -1479,7 +1481,7 @@ const br = ({ children: t, ...r }) => /* @__PURE__ */ e(
   iconColor: o,
   hoverIconColor: n
 }) => {
-  const [l, s] = S(!1), a = o ?? "var(--sa-text-subtle, #8c8f97)", h = n ?? "var(--sa-text-subtle, #8c8f97)", u = t.length > 1 ? t[0] : void 0, g = !!(u != null && u.to || u != null && u.onClick), m = /* @__PURE__ */ e(
+  const [l, s] = S(!1), a = o ?? "var(--sa-text-subtle, #8c8f97)", u = n ?? "var(--sa-text-subtle, #8c8f97)", d = t.length > 1 ? t[0] : void 0, g = !!(d != null && d.to || d != null && d.onClick), m = /* @__PURE__ */ e(
     w,
     {
       name: i || "ChevronLeft",
@@ -1487,13 +1489,13 @@ const br = ({ children: t, ...r }) => /* @__PURE__ */ e(
       onMouseEnter: g ? () => s(!0) : void 0,
       onMouseLeave: g ? () => s(!1) : void 0,
       style: {
-        color: g && l ? h : a,
+        color: g && l ? u : a,
         transition: "color 0.15s ease",
         cursor: g ? "pointer" : void 0
       }
     }
-  ), p = u != null && u.to ? /* @__PURE__ */ e(Ue, { to: u.to, replace: !0, style: { textDecoration: "none" }, children: m }) : u != null && u.onClick ? /* @__PURE__ */ e(Xe, { onClick: u.onClick, children: m }) : m;
-  return /* @__PURE__ */ d(f, { direction: "row", gap: "xs", align: "center", children: [
+  ), p = d != null && d.to ? /* @__PURE__ */ e(Ue, { to: d.to, replace: !0, style: { textDecoration: "none" }, children: m }) : d != null && d.onClick ? /* @__PURE__ */ e(Xe, { onClick: d.onClick, children: m }) : m;
+  return /* @__PURE__ */ h(f, { direction: "row", gap: "xs", align: "center", children: [
     p,
     /* @__PURE__ */ e(Qt, { separator: r, size: "md", children: t.map((v, L) => {
       const C = L === t.length - 1;
@@ -1598,9 +1600,9 @@ function kr({
   selectedGroupId: o,
   onSelect: n
 }) {
-  const [l, s] = S(void 0), a = (u) => {
-    n(u), r();
-  }, h = rt[0];
+  const [l, s] = S(void 0), a = (d) => {
+    n(d), r();
+  }, u = rt[0];
   return /* @__PURE__ */ e(
     qe,
     {
@@ -1612,7 +1614,7 @@ function kr({
         boxShadow: "none",
         border: "none"
       },
-      children: /* @__PURE__ */ e(Je, { children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ e(Je, { children: /* @__PURE__ */ h(
         "div",
         {
           style: {
@@ -1621,7 +1623,7 @@ function kr({
             gap: "16px"
           },
           children: [
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ h(
               "button",
               {
                 onClick: () => a(null),
@@ -1629,27 +1631,27 @@ function kr({
                 onMouseLeave: () => s(void 0),
                 style: Mt,
                 children: [
-                  /* @__PURE__ */ e("div", { style: Ft(o === null, l === "all", h), children: /* @__PURE__ */ e("div", { style: { color: h.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(w, { name: "Grid", size: "lg", style: { width: 32, height: 32 } }) }) }),
+                  /* @__PURE__ */ e("div", { style: Ft(o === null, l === "all", u), children: /* @__PURE__ */ e("div", { style: { color: u.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(w, { name: "Grid", size: "lg", style: { width: 32, height: 32 } }) }) }),
                   /* @__PURE__ */ e("span", { style: Et, children: "Semua" })
                 ]
               }
             ),
-            i.map((u, g) => {
+            i.map((d, g) => {
               var C;
-              const m = o === u.id, p = l === u.id, v = ((C = u.items[0]) == null ? void 0 : C.icon) ?? "Grid", L = rt[(g + 1) % rt.length];
-              return /* @__PURE__ */ d(
+              const m = o === d.id, p = l === d.id, v = ((C = d.items[0]) == null ? void 0 : C.icon) ?? "Grid", L = rt[(g + 1) % rt.length];
+              return /* @__PURE__ */ h(
                 "button",
                 {
-                  onClick: () => a(u.id),
-                  onMouseEnter: () => s(u.id),
+                  onClick: () => a(d.id),
+                  onMouseEnter: () => s(d.id),
                   onMouseLeave: () => s(void 0),
                   style: Mt,
                   children: [
                     /* @__PURE__ */ e("div", { style: Ft(m, p, L), children: /* @__PURE__ */ e("div", { style: { color: L.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(w, { name: v, size: "lg", style: { width: 32, height: 32 } }) }) }),
-                    /* @__PURE__ */ e("span", { style: Et, children: u.name })
+                    /* @__PURE__ */ e("span", { style: Et, children: d.name })
                   ]
                 },
-                u.id
+                d.id
               );
             })
           ]
@@ -1662,16 +1664,16 @@ function Mn({
   onSelect: t,
   "aria-label": r = "Pilih module"
 } = {}) {
-  const i = $t(), o = ut(), { selectedGroupId: n, setSelectedGroupId: l } = Gt(), [s, a] = S(!1), h = (u) => {
+  const i = $t(), o = ut(), { selectedGroupId: n, setSelectedGroupId: l } = Gt(), [s, a] = S(!1), u = (d) => {
     var g;
-    if (l(u), u !== null) {
-      const m = i.menus.find((v) => v.id === u), p = (g = m == null ? void 0 : m.items[0]) == null ? void 0 : g.to;
+    if (l(d), d !== null) {
+      const m = i.menus.find((v) => v.id === d), p = (g = m == null ? void 0 : m.items[0]) == null ? void 0 : g.to;
       p && o(p);
     }
-    t == null || t(u);
+    t == null || t(d);
   };
-  return /* @__PURE__ */ d(G, { children: [
-    /* @__PURE__ */ d("div", { style: { position: "relative" }, children: [
+  return /* @__PURE__ */ h(G, { children: [
+    /* @__PURE__ */ h("div", { style: { position: "relative" }, children: [
       /* @__PURE__ */ e(
         "button",
         {
@@ -1689,11 +1691,11 @@ function Mn({
             cursor: "pointer"
           },
           "aria-label": r,
-          onMouseEnter: (u) => {
-            u.currentTarget.style.backgroundColor = "var(--sa-background-primary-inverse, #f8f8f8)";
+          onMouseEnter: (d) => {
+            d.currentTarget.style.backgroundColor = "var(--sa-background-primary-inverse, #f8f8f8)";
           },
-          onMouseLeave: (u) => {
-            u.currentTarget.style.backgroundColor = "transparent";
+          onMouseLeave: (d) => {
+            d.currentTarget.style.backgroundColor = "transparent";
           },
           children: /* @__PURE__ */ e(w, { name: "GridApplication", size: "sm" })
         }
@@ -1719,9 +1721,9 @@ function Mn({
       {
         isShow: s,
         onHide: () => a(!1),
-        menus: i.menus.filter((u) => u.parentGroupId === void 0),
+        menus: i.menus.filter((d) => d.parentGroupId === void 0),
         selectedGroupId: n,
-        onSelect: h
+        onSelect: u
       }
     )
   ] });
@@ -1735,7 +1737,7 @@ const Sr = (t, r) => {
     i.push(n);
   }
   return i;
-}, Fr = re(
+}, Fr = ie(
   ({
     value: t,
     label: r,
@@ -1744,14 +1746,14 @@ const Sr = (t, r) => {
     lastIndex: n,
     labelAlign: l = "top"
   }) => {
-    const s = ve(
+    const s = De(
       () => ({
         padding: 0,
         paddingBottom: n ? 0 : 12,
         verticalAlign: l
       }),
       [n, l]
-    ), a = ve(
+    ), a = De(
       () => ({
         padding: 0,
         paddingRight: 12,
@@ -1760,14 +1762,14 @@ const Sr = (t, r) => {
         verticalAlign: l
       }),
       [n, l]
-    ), h = () => typeof r == "string" ? /* @__PURE__ */ e(D, { fontWeight: "medium", color: "text-muted", children: r }) : r, u = () => typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ e(D, { color: "text", fontWeight: "medium", children: t }) : t, g = () => typeof i == "string" || typeof i == "number" ? /* @__PURE__ */ e(D, { fontWeight: "medium", color: "text-muted", children: i }) : i;
-    return /* @__PURE__ */ d(Ve, { children: [
-      /* @__PURE__ */ e(ke, { style: s, width: o, children: h() }),
+    ), u = () => typeof r == "string" ? /* @__PURE__ */ e(D, { fontWeight: "medium", color: "text-muted", children: r }) : r, d = () => typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ e(D, { color: "text", fontWeight: "medium", children: t }) : t, g = () => typeof i == "string" || typeof i == "number" ? /* @__PURE__ */ e(D, { fontWeight: "medium", color: "text-muted", children: i }) : i;
+    return /* @__PURE__ */ h(Ve, { children: [
+      /* @__PURE__ */ e(ke, { style: s, width: o, children: u() }),
       i ? /* @__PURE__ */ e(ke, { style: a, width: 24, children: g() }) : null,
-      /* @__PURE__ */ e(ke, { style: s, children: u() })
+      /* @__PURE__ */ e(ke, { style: s, children: d() })
     ] });
   }
-), Er = re(({ fields: t, separator: r, labelWidth: i }) => /* @__PURE__ */ e(Vt, { children: t.map((o, n) => /* @__PURE__ */ e(
+), Er = ie(({ fields: t, separator: r, labelWidth: i }) => /* @__PURE__ */ e(Vt, { children: t.map((o, n) => /* @__PURE__ */ e(
   Fr,
   {
     separator: r,
@@ -1776,7 +1778,7 @@ const Sr = (t, r) => {
     ...o
   },
   `field-group-field-${n}`
-)) })), Ln = re(
+)) })), Ln = ie(
   ({
     maxRow: t = 0,
     maxColumn: r = 2,
@@ -1785,10 +1787,10 @@ const Sr = (t, r) => {
     labelWidth: n = 150,
     bordered: l = !1
   }) => {
-    const s = ve(
+    const s = De(
       () => Sr(o, t),
       [o, t]
-    ), a = s.length > 2, h = () => {
+    ), a = s.length > 2, u = () => {
       switch (r) {
         case 1:
           return "width-full";
@@ -1815,17 +1817,17 @@ const Sr = (t, r) => {
         borderWidth: l ? "border" : void 0,
         borderStyle: l ? "border-solid" : void 0,
         borderColor: l ? "border-subtle" : void 0,
-        children: s.map((u, g) => /* @__PURE__ */ e(
+        children: s.map((d, g) => /* @__PURE__ */ e(
           f,
           {
             flex: a ? void 0 : "1",
-            width: a ? h() : void 0,
+            width: a ? u() : void 0,
             marginBottom: a ? "lg" : void 0,
             children: /* @__PURE__ */ e(
               Er,
               {
                 labelWidth: n,
-                fields: u,
+                fields: d,
                 separator: i
               }
             )
@@ -1855,7 +1857,7 @@ const Sr = (t, r) => {
       default:
         return /* @__PURE__ */ e(Me, { success: !0, children: t });
     }
-  }, h = () => {
+  }, u = () => {
     switch (s) {
       case "info":
         return /* @__PURE__ */ e(H, { primary: !0, onClick: o, children: l });
@@ -1867,17 +1869,17 @@ const Sr = (t, r) => {
         return /* @__PURE__ */ e(H, { primary: !0, onClick: o, children: l });
     }
   };
-  return /* @__PURE__ */ d(qe, { isShow: n, onHide: i, children: [
+  return /* @__PURE__ */ h(qe, { isShow: n, onHide: i, children: [
     a(),
     /* @__PURE__ */ e(Je, { children: /* @__PURE__ */ e(D, { children: r }) }),
-    /* @__PURE__ */ e(st, { children: /* @__PURE__ */ d(f, { justify: "flex-end", direction: "row", gap: "sm", children: [
+    /* @__PURE__ */ e(st, { children: /* @__PURE__ */ h(f, { justify: "flex-end", direction: "row", gap: "sm", children: [
       /* @__PURE__ */ e(H, { secondary: !0, onClick: i, children: "Cancel" }),
-      h()
+      u()
     ] }) })
   ] });
 }, Mr = ({ backButton: t }) => {
   const [r, i] = S(!1), o = (t == null ? void 0 : t.iconColor) ?? "var(--sa-text-subtle, #8c8f97)", n = (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__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       direction: "row",
@@ -1922,9 +1924,9 @@ const Sr = (t, r) => {
   action: l,
   titleTagProps: s,
   containerProps: a,
-  headerProps: h
+  headerProps: u
 }) => {
-  const u = te("lg"), g = ut(), m = ze(), p = t == null ? void 0 : t.show, v = () => {
+  const d = re("lg"), g = ut(), m = ze(), p = t == null ? void 0 : t.show, v = () => {
     if (typeof (t == null ? void 0 : t.onClick) == "function") {
       t.onClick();
       return;
@@ -1934,7 +1936,7 @@ const Sr = (t, r) => {
     ({ title: j, icon: Q, buttonProps: W, onClick: fe }, P) => !j && !Q ? null : /* @__PURE__ */ e(
       H,
       {
-        fullWidth: !u,
+        fullWidth: !d,
         iconLeft: Q ? /* @__PURE__ */ e(w, { name: Q, size: "md" }) : void 0,
         onClick: fe,
         ...W,
@@ -1955,24 +1957,24 @@ const Sr = (t, r) => {
     ) }) : /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(Xe, { onClick: v, children: j }) });
   }, T = () => {
     const j = !!r, Q = ct(l) ? !0 : Array.isArray(l) && l.length > 0;
-    return !j && !Q && !p ? null : /* @__PURE__ */ d(
+    return !j && !Q && !p ? null : /* @__PURE__ */ h(
       f,
       {
         gap: "xs",
-        paddingTop: h == null ? void 0 : h.paddingTop,
-        paddingInline: h == null ? void 0 : h.paddingInline,
-        ...h,
+        paddingTop: u == null ? void 0 : u.paddingTop,
+        paddingInline: u == null ? void 0 : u.paddingInline,
+        ...u,
         children: [
           p && C(),
-          (j || Q) && /* @__PURE__ */ d(
+          (j || Q) && /* @__PURE__ */ h(
             f,
             {
-              direction: u ? "row" : "column",
+              direction: d ? "row" : "column",
               gap: "lg",
               justify: "space-between",
               align: "center",
               children: [
-                j ? typeof r == "string" ? /* @__PURE__ */ d(f, { direction: "row", gap: "lg", align: "center", children: [
+                j ? typeof r == "string" ? /* @__PURE__ */ h(f, { direction: "row", gap: "lg", align: "center", children: [
                   /* @__PURE__ */ e(D, { variant: "h2", fontWeight: "semibold", fontFamily: "Poppins", children: r }),
                   i && /* @__PURE__ */ e(Le, { border: !0, size: "lg", text: i, ...s })
                 ] }) : r : null,
@@ -1984,7 +1986,7 @@ const Sr = (t, r) => {
       }
     );
   }, Z = () => o;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       gap: "md",
@@ -2002,7 +2004,7 @@ const Sr = (t, r) => {
     },
     m.pathname
   );
-}, Bn = re(Lr), Wr = {
+}, Bn = ie(Lr), Wr = {
   icon: "Cross",
   title: ""
 }, Br = "calc(100vw - 16px)", Lt = (t) => t == null ? void 0 : `min(${typeof t == "number" ? `${t}px` : t}, ${Br})`, Ar = Ot(
@@ -2015,9 +2017,9 @@ const Sr = (t, r) => {
     closeButton: l = Wr,
     width: s,
     minWidth: a = "357px",
-    maxWidth: h = "357px"
-  }, u) => {
-    const g = Lt(s ?? a), m = Lt(s ?? h);
+    maxWidth: u = "357px"
+  }, d) => {
+    const g = Lt(s ?? a), m = Lt(s ?? u);
     return /* @__PURE__ */ e(
       Xt,
       {
@@ -2025,14 +2027,14 @@ const Sr = (t, r) => {
         isShow: r,
         position: "right",
         onHide: t,
-        ref: u,
+        ref: d,
         style: {
           minWidth: g,
           maxWidth: m,
           ...o
         },
-        children: /* @__PURE__ */ d(f, { padding: "lg", children: [
-          l ? /* @__PURE__ */ d(
+        children: /* @__PURE__ */ h(f, { padding: "lg", children: [
+          l ? /* @__PURE__ */ h(
             f,
             {
               direction: "row",
@@ -2060,9 +2062,9 @@ const Sr = (t, r) => {
       }
     );
   }
-), qt = re(
+), qt = ie(
   ({ children: t, borderBottom: r = !0, padding: i = !0 }) => {
-    const o = te("lg");
+    const o = re("lg");
     return /* @__PURE__ */ e(
       f,
       {
@@ -2076,9 +2078,9 @@ const Sr = (t, r) => {
       }
     );
   }
-), Jt = re(
+), Jt = ie(
   ({ children: t, borderTop: r = !0, padding: i = !0 }) => {
-    const o = te("lg");
+    const o = re("lg");
     return /* @__PURE__ */ e(
       f,
       {
@@ -2092,7 +2094,7 @@ const Sr = (t, r) => {
       }
     );
   }
-), Hr = re(
+), Hr = ie(
   ({ children: t, ...r }) => /* @__PURE__ */ e(
     f,
     {
@@ -2104,7 +2106,7 @@ const Sr = (t, r) => {
       children: t
     }
   )
-), An = re(
+), An = ie(
   ({
     children: t,
     title: r,
@@ -2114,15 +2116,15 @@ const Sr = (t, r) => {
     footer: l,
     actionContainer: s,
     containerProps: a,
-    bodyProps: h,
-    headerProps: u = { borderBottom: !0 },
+    bodyProps: u,
+    headerProps: d = { borderBottom: !0 },
     footerProps: g = { borderTop: !0 },
     variantTag: m = "info"
   }) => {
-    const p = te("lg"), v = () => i ? /* @__PURE__ */ d(f, { direction: "row", gap: "sm", align: "center", children: [
+    const p = re("lg"), v = () => i ? /* @__PURE__ */ h(f, { direction: "row", gap: "sm", align: "center", children: [
       /* @__PURE__ */ e(D, { fontWeight: "medium", children: r }),
       /* @__PURE__ */ e(Le, { border: !0, text: i, variant: m })
-    ] }) : /* @__PURE__ */ e(D, { fontWeight: "medium", children: r }), L = () => n || /* @__PURE__ */ d(
+    ] }) : /* @__PURE__ */ e(D, { fontWeight: "medium", children: r }), L = () => n || /* @__PURE__ */ h(
       f,
       {
         direction: "row",
@@ -2142,7 +2144,7 @@ const Sr = (t, r) => {
         ]
       }
     ), C = !!(n || r || o);
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ h(
       f,
       {
         bg: "white",
@@ -2157,8 +2159,8 @@ const Sr = (t, r) => {
           ...(a == null ? void 0 : a.style) ?? {}
         },
         children: [
-          n !== null && C ? /* @__PURE__ */ e(qt, { ...u, children: L() }) : null,
-          /* @__PURE__ */ e(Hr, { ...h, children: t }),
+          n !== null && C ? /* @__PURE__ */ e(qt, { ...d, children: L() }) : null,
+          /* @__PURE__ */ e(Hr, { ...u, children: t }),
           l ? /* @__PURE__ */ e(Jt, { ...g, children: l }) : null
         ]
       }
@@ -2186,7 +2188,7 @@ const Sr = (t, r) => {
       children: t
     }
   );
-}, Vr = re(Rr), zr = ({
+}, Vr = ie(Rr), zr = ({
   icon: t,
   items: r = [],
   style: i,
@@ -2195,9 +2197,9 @@ const Sr = (t, r) => {
   position: l = "bottom-right",
   buttonProps: s,
   iconProps: a,
-  variant: h = "default"
+  variant: u = "default"
 }) => {
-  const u = ve(
+  const d = De(
     () => ({
       zIndex: 10,
       width: "150px",
@@ -2205,9 +2207,9 @@ const Sr = (t, r) => {
     }),
     [n]
   );
-  return /* @__PURE__ */ d(Ht, { position: l, style: i, children: [
+  return /* @__PURE__ */ h(Ht, { position: l, style: i, children: [
     /* @__PURE__ */ e(_e, { style: o, children: /* @__PURE__ */ e(H, { size: "sm", secondary: !0, ...s, children: /* @__PURE__ */ e(w, { name: t, ...a }) }) }),
-    /* @__PURE__ */ e(It, { style: u, children: r.map((g, m) => h === "outline-button" ? /* @__PURE__ */ e(Rt, { children: /* @__PURE__ */ d(
+    /* @__PURE__ */ e(It, { style: d, children: r.map((g, m) => u === "outline-button" ? /* @__PURE__ */ e(Rt, { children: /* @__PURE__ */ h(
       H,
       {
         size: "sm",
@@ -2220,7 +2222,7 @@ const Sr = (t, r) => {
           /* @__PURE__ */ e(D, { fontSize: "sm", color: "text", ...g.textProps, children: g.label })
         ]
       }
-    ) }, g.id || m) : /* @__PURE__ */ d(
+    ) }, g.id || m) : /* @__PURE__ */ h(
       Vr,
       {
         onClick: g.onClick,
@@ -2233,7 +2235,7 @@ const Sr = (t, r) => {
       g.id || m
     )) })
   ] });
-}, Hn = re(zr), Tr = (t) => /* @__PURE__ */ e(D, { variant: "h1", children: t.children, ...t.props }), Or = (t) => /* @__PURE__ */ e(D, { variant: "h2", children: t.children, ...t.props }), Nr = (t) => /* @__PURE__ */ e(D, { variant: "h3", children: t.children, ...t.props }), Zr = (t) => /* @__PURE__ */ e(D, { variant: "h4", children: t.children, ...t.props }), jr = (t) => /* @__PURE__ */ e(D, { variant: "h5", children: t.children, ...t.props }), $r = (t) => /* @__PURE__ */ e(D, { variant: "h6", children: t.children, ...t.props }), _r = (t) => /* @__PURE__ */ e(D, { variant: "sub-h1", children: t.children, ...t.props }), Ur = (t) => /* @__PURE__ */ e(D, { variant: "sub-h2", children: t.children, ...t.props }), Gr = (t) => /* @__PURE__ */ e(D, { variant: "sub-h3", children: t.children, ...t.props }), qr = (t) => /* @__PURE__ */ e(D, { variant: "body-1", children: t.children, ...t.props }), Jr = (t) => /* @__PURE__ */ e(D, { variant: "body-2", children: t.children, ...t.props }), Qr = (t) => /* @__PURE__ */ e(D, { variant: "body-3", children: t.children, ...t.props }), me = {
+}, Hn = ie(zr), Tr = (t) => /* @__PURE__ */ e(D, { variant: "h1", children: t.children, ...t.props }), Or = (t) => /* @__PURE__ */ e(D, { variant: "h2", children: t.children, ...t.props }), Nr = (t) => /* @__PURE__ */ e(D, { variant: "h3", children: t.children, ...t.props }), Zr = (t) => /* @__PURE__ */ e(D, { variant: "h4", children: t.children, ...t.props }), jr = (t) => /* @__PURE__ */ e(D, { variant: "h5", children: t.children, ...t.props }), $r = (t) => /* @__PURE__ */ e(D, { variant: "h6", children: t.children, ...t.props }), _r = (t) => /* @__PURE__ */ e(D, { variant: "sub-h1", children: t.children, ...t.props }), Ur = (t) => /* @__PURE__ */ e(D, { variant: "sub-h2", children: t.children, ...t.props }), Gr = (t) => /* @__PURE__ */ e(D, { variant: "sub-h3", children: t.children, ...t.props }), qr = (t) => /* @__PURE__ */ e(D, { variant: "body-1", children: t.children, ...t.props }), Jr = (t) => /* @__PURE__ */ e(D, { variant: "body-2", children: t.children, ...t.props }), Qr = (t) => /* @__PURE__ */ e(D, { variant: "body-3", children: t.children, ...t.props }), me = {
   H1: Tr,
   H2: Or,
   H3: Nr,
@@ -2273,40 +2275,40 @@ const Sr = (t, r) => {
   searchQueries: l,
   dropdownSearchKey: s,
   filterKey: a = "filter",
-  pageKey: h = "page"
+  pageKey: u = "page"
 }) => {
   if (o) {
-    let u;
+    let d;
     switch (i) {
       case "search":
-        u = ei(t);
+        d = ei(t);
         break;
       case "dropdown":
       case "dropdown-multiple":
-        u = Pr(t);
+        d = Pr(t);
         break;
       case "radio":
-        u = Yr(t);
+        d = Yr(t);
         break;
       case "date-range":
-        u = Xr(t);
+        d = Xr(t);
         break;
       case "advanced-date-range":
-        u = ti(t);
+        d = ti(t);
         break;
       case "date":
-        u = Kr(t);
+        d = Kr(t);
         break;
       default:
-        u = t;
+        d = t;
         break;
     }
-    if (typeof u < "u") {
+    if (typeof d < "u") {
       const m = {
         ...l[a] && typeof l[a] == "string" ? JSON.parse(l[a]) : void 0,
-        [r]: u
+        [r]: d
       }, p = { ...l };
-      s && typeof s == "string" && delete p[s], delete p[h];
+      s && typeof s == "string" && delete p[s], delete p[u];
       const v = {
         ...p,
         [a]: JSON.stringify(m)
@@ -2376,7 +2378,7 @@ const Sr = (t, r) => {
   pageKey: o,
   filters: n
 }) => {
-  const { searchParams: l, setSearchParams: s, searchQueries: a } = mt(), [h, u] = S({}), g = () => {
+  const { searchParams: l, setSearchParams: s, searchQueries: a } = mt(), [u, d] = S({}), g = () => {
     l.delete(i || "filter"), s(l);
   }, m = (p, v) => {
     switch (p.type) {
@@ -2400,8 +2402,8 @@ const Sr = (t, r) => {
         return null;
     }
   };
-  return /* @__PURE__ */ e(Ar, { onHide: r, show: t || !1, children: /* @__PURE__ */ d(f, { direction: "column", gap: "md", children: [
-    /* @__PURE__ */ d(_, { direction: "row", justify: "space-between", align: "center", children: [
+  return /* @__PURE__ */ e(Ar, { onHide: r, show: t || !1, children: /* @__PURE__ */ h(f, { direction: "column", gap: "md", children: [
+    /* @__PURE__ */ h(_, { direction: "row", justify: "space-between", align: "center", children: [
       /* @__PURE__ */ e(f, { children: "Filter" }),
       /* @__PURE__ */ e(
         f,
@@ -2423,8 +2425,8 @@ const Sr = (t, r) => {
   showSearchFilter: l = !0,
   showStatusFilter: s = !0,
   filterKey: a = "filter",
-  pageKey: h = "page",
-  customWidthSearch: u,
+  pageKey: u = "page",
+  customWidthSearch: d,
   handleOnReset: g,
   filterConfigs: m,
   buttonToggleProps: p,
@@ -2434,18 +2436,18 @@ const Sr = (t, r) => {
 }) => {
   const Z = (p == null ? void 0 : p.isShowLabel) ?? !0, [j, Q] = S(!1), [W, fe] = S(0), P = () => {
     fe((z) => z + 1);
-  }, { searchParams: R, setSearchParams: K, getQueryParam: ce } = mt(), ae = Qe(R.toString()), U = ri(t, R, a) || "", [se, ee] = S(U), ie = ce(a), J = !!(ie && !(() => {
-    if (ie)
+  }, { searchParams: R, setSearchParams: K, getQueryParam: ce } = mt(), ae = Qe(R.toString()), U = ri(t, R, a) || "", [se, te] = S(U), ne = ce(a), J = !!(ne && !(() => {
+    if (ne)
       try {
-        const z = JSON.parse(ie);
+        const z = JSON.parse(ne);
         return Object.keys(z).length === 1 && z[t] === "";
       } catch (z) {
         console.error("Filter parameter is not a valid JSON:", z);
       }
     return !1;
-  })()), V = te("md");
+  })()), V = re("md");
   return $(() => {
-    ee(U);
+    te(U);
   }, [U]), $(() => {
     if (se === U)
       return;
@@ -2457,7 +2459,7 @@ const Sr = (t, r) => {
         searchQueries: ae,
         setSearchParams: K,
         filterKey: a,
-        pageKey: h
+        pageKey: u
       });
     }, 350);
     return () => {
@@ -2470,8 +2472,8 @@ const Sr = (t, r) => {
     ae,
     K,
     a,
-    h
-  ]), /* @__PURE__ */ d(
+    u
+  ]), /* @__PURE__ */ h(
     _,
     {
       gap: "md",
@@ -2485,14 +2487,14 @@ const Sr = (t, r) => {
           {
             onClick: () => {
               const z = new URLSearchParams(R);
-              z.delete(a), K(z), ee(""), P(), g && g();
+              z.delete(a), K(z), te(""), P(), g && g();
             },
             variant: "outline",
             tone: "neutral",
             children: /* @__PURE__ */ e(D, { color: "error", fontWeight: "semibold", children: "Reset" })
           }
         ) }),
-        n == null ? void 0 : n.map(({ minWidth: z, content: X, title: de, onClickContainer: he }, Be) => /* @__PURE__ */ d(
+        n == null ? void 0 : n.map(({ minWidth: z, content: X, title: de, onClickContainer: he }, Be) => /* @__PURE__ */ h(
           f,
           {
             gap: "sm",
@@ -2518,7 +2520,7 @@ const Sr = (t, r) => {
                 size: "sm",
                 name: (p == null ? void 0 : p.icon) || "FilterHorizontal",
                 style: {
-                  color: ie ? "var(--sa-background-brand, #04254f)" : "var(--sa-text-primary, #292a2e)"
+                  color: ne ? "var(--sa-background-brand, #04254f)" : "var(--sa-text-primary, #292a2e)"
                 }
               }
             ),
@@ -2527,7 +2529,7 @@ const Sr = (t, r) => {
             children: Z ? "Filter" : void 0
           }
         ),
-        s && /* @__PURE__ */ d(
+        s && /* @__PURE__ */ h(
           f,
           {
             gap: "sm",
@@ -2585,15 +2587,15 @@ const Sr = (t, r) => {
             ]
           }
         ),
-        l && /* @__PURE__ */ d(
+        l && /* @__PURE__ */ h(
           f,
           {
             gap: "sm",
             style: {
-              width: u && V ? u : V ? "310px" : ""
+              width: d && V ? d : V ? "310px" : ""
             },
             children: [
-              C && /* @__PURE__ */ d(me.SubH3, { children: [
+              C && /* @__PURE__ */ h(me.SubH3, { children: [
                 "Search for ",
                 L
               ] }),
@@ -2602,7 +2604,7 @@ const Sr = (t, r) => {
                 {
                   placeholder: i,
                   leftIcon: /* @__PURE__ */ e(w, { name: "Search", width: 20, height: 20 }),
-                  onChange: (z) => ee(z.target.value),
+                  onChange: (z) => te(z.target.value),
                   value: se,
                   fullWidth: !0
                 },
@@ -2618,14 +2620,14 @@ const Sr = (t, r) => {
             onClose: () => Q(!1),
             filterKey: a,
             filters: m,
-            pageKey: h
+            pageKey: u
           }
         )
       ]
     }
   );
 }, oi = ({ children: t, borderRadius: r, height: i }) => {
-  const o = le(null), [n, l] = S("100vh");
+  const o = ee(null), [n, l] = S("100vh");
   return $(() => {
     if (i) return;
     const s = () => {
@@ -2660,7 +2662,7 @@ const Sr = (t, r) => {
   advanceFilter: n,
   showFilter: l = !0
 }) => {
-  const s = te("md"), a = l ? /* @__PURE__ */ e(ni, { ...n }) : null;
+  const s = re("md"), a = l ? /* @__PURE__ */ e(ni, { ...n }) : null;
   return /* @__PURE__ */ e(
     f,
     {
@@ -2680,12 +2682,12 @@ const Sr = (t, r) => {
         flexDirection: s ? "row" : "column-reverse",
         gap: "16px"
       },
-      children: o ? o({ filter: a }) : /* @__PURE__ */ d(G, { children: [
-        /* @__PURE__ */ d(f, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flex: 1, minWidth: 0 }, children: [
+      children: o ? o({ filter: a }) : /* @__PURE__ */ h(G, { children: [
+        /* @__PURE__ */ h(f, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flex: 1, minWidth: 0 }, children: [
           a,
           i
         ] }),
-        /* @__PURE__ */ d(f, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flexShrink: 0 }, children: [
+        /* @__PURE__ */ h(f, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flexShrink: 0 }, children: [
           r,
           t ? ct(t) ? t : /* @__PURE__ */ e(
             f,
@@ -2698,14 +2700,14 @@ const Sr = (t, r) => {
                 textWrap: "nowrap"
               },
               children: t.map(
-                ({ title: u, icon: g, buttonProps: m, onClick: p }, v) => !u && !g ? null : /* @__PURE__ */ e(
+                ({ title: d, icon: g, buttonProps: m, onClick: p }, v) => !d && !g ? null : /* @__PURE__ */ e(
                   H,
                   {
                     fullWidth: !s,
                     iconLeft: g ? /* @__PURE__ */ e(w, { name: g }) : void 0,
                     onClick: p,
                     ...m,
-                    children: u
+                    children: d
                   },
                   `action-${v}`
                 )
@@ -2720,7 +2722,7 @@ const Sr = (t, r) => {
   totalData: t,
   withMarginBottom: r = !0,
   withMarginTop: i = !0
-}) => /* @__PURE__ */ d(
+}) => /* @__PURE__ */ h(
   f,
   {
     style: {
@@ -2732,7 +2734,7 @@ const Sr = (t, r) => {
       marginTop: i ? "16px" : void 0
     },
     children: [
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ h(
         me.Body1,
         {
           props: {
@@ -2755,7 +2757,7 @@ const Sr = (t, r) => {
   showPagination: n = !0,
   totalData: l
 }) => {
-  const { searchQueries: s, setSearchParams: a, searchParams: h } = mt(), u = h.get(i), g = (L) => {
+  const { searchQueries: s, setSearchParams: a, searchParams: u } = mt(), d = u.get(i), g = (L) => {
     a({ ...s, [r]: String(L) });
   }, m = (L) => {
     a({
@@ -2780,8 +2782,8 @@ const Sr = (t, r) => {
         borderTop: "1px solid var(--sa-border-subtle, #0b120e24)",
         flexShrink: 0
       },
-      children: n ? /* @__PURE__ */ d(G, { children: [
-        /* @__PURE__ */ d(f, { style: { display: "flex", flexDirection: "row", gap: "8px", alignItems: "center", textWrap: "nowrap" }, children: [
+      children: n ? /* @__PURE__ */ h(G, { children: [
+        /* @__PURE__ */ h(f, { style: { display: "flex", flexDirection: "row", gap: "8px", alignItems: "center", textWrap: "nowrap" }, children: [
           /* @__PURE__ */ e(D, { children: "Rows Per Page: " }),
           /* @__PURE__ */ e(
             dt,
@@ -2796,8 +2798,8 @@ const Sr = (t, r) => {
               onChange: (L) => {
                 m(L[0].value);
               },
-              value: u ? [{ label: `${u} per row`, value: u }] : [{ label: `${o} per row`, value: `${o}` }],
-              defaultValue: u ? [{ label: `${u} per row`, value: u }] : [{ label: `${o} per row`, value: `${o}` }]
+              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}` }]
             }
           ),
           /* @__PURE__ */ e(D, { children: `${p}-${v} of ${(t == null ? void 0 : t.totalData) || 0}` })
@@ -2821,7 +2823,7 @@ const Sr = (t, r) => {
     }
   );
 }, si = ({ filter: t, columnTitle: r }) => {
-  const [i, o] = S(!1), n = le(null), l = le(null), s = le(null), [a, h] = S(""), [u, g] = S({ top: 0, left: 0 }), m = t.selectedValues, p = ve(() => a ? t.options.filter(
+  const [i, o] = S(!1), n = ee(null), l = ee(null), s = ee(null), [a, u] = S(""), [d, g] = S({ top: 0, left: 0 }), m = t.selectedValues, p = De(() => a ? t.options.filter(
     (C) => C.label.toLowerCase().includes(a.toLowerCase())
   ) : t.options, [t.options, a]);
   $(() => {
@@ -2835,7 +2837,7 @@ const Sr = (t, r) => {
     i && s.current ? setTimeout(() => {
       var C;
       return (C = s.current) == null ? void 0 : C.focus();
-    }, 50) : h("");
+    }, 50) : u("");
   }, [i]), $(() => {
     const C = (T) => {
       n.current && !n.current.contains(T.target) && l.current && !l.current.contains(T.target) && o(!1);
@@ -2846,7 +2848,7 @@ const Sr = (t, r) => {
     const T = m.includes(C) ? m.filter((Z) => Z !== C) : [...m, C];
     t.onFilterChange(T);
   }, L = () => t.onFilterChange([]);
-  return /* @__PURE__ */ d(f, { style: { position: "relative" }, children: [
+  return /* @__PURE__ */ h(f, { style: { position: "relative" }, children: [
     /* @__PURE__ */ e(
       f,
       {
@@ -2873,14 +2875,14 @@ const Sr = (t, r) => {
         )
       }
     ),
-    i && /* @__PURE__ */ d(
+    i && /* @__PURE__ */ h(
       f,
       {
         ref: n,
         style: {
           position: "fixed",
-          top: `${u.top}px`,
-          ...u.left !== void 0 ? { left: `${u.left}px` } : { right: `${u.right}px` },
+          top: `${d.top}px`,
+          ...d.left !== void 0 ? { left: `${d.left}px` } : { right: `${d.right}px` },
           backgroundColor: "white",
           borderRadius: "4px",
           minWidth: "280px",
@@ -2892,7 +2894,7 @@ const Sr = (t, r) => {
           border: "1px solid var(--sa-border-subtle, #0b120e24)"
         },
         children: [
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ h(
             f,
             {
               style: {
@@ -2907,7 +2909,7 @@ const Sr = (t, r) => {
                 borderBottom: "1px solid var(--sa-border-subtle, #0b120e24)"
               },
               children: [
-                /* @__PURE__ */ d(D, { fontSize: "sm", fontWeight: "semibold", color: "gray-700", children: [
+                /* @__PURE__ */ h(D, { fontSize: "sm", fontWeight: "semibold", color: "gray-700", children: [
                   "Filter ",
                   r
                 ] }),
@@ -2942,7 +2944,7 @@ const Sr = (t, r) => {
                   placeholder: `Search ${r.toLowerCase()}...`,
                   leftIcon: /* @__PURE__ */ e(w, { name: "Search", size: "sm" }),
                   value: a,
-                  onChange: (C) => h(C.target.value),
+                  onChange: (C) => u(C.target.value),
                   style: { fontSize: "14px" }
                 }
               )
@@ -2958,7 +2960,7 @@ const Sr = (t, r) => {
                 paddingLeft: "8px",
                 paddingRight: "8px"
               },
-              children: t.isLoadingOptions ? /* @__PURE__ */ d(
+              children: t.isLoadingOptions ? /* @__PURE__ */ h(
                 f,
                 {
                   style: {
@@ -2992,7 +2994,7 @@ const Sr = (t, r) => {
                     )
                   ]
                 }
-              ) : p.length > 0 ? /* @__PURE__ */ e(f, { style: { gap: "2px", paddingTop: "4px", paddingBottom: "4px" }, children: p.map((C) => /* @__PURE__ */ d(
+              ) : p.length > 0 ? /* @__PURE__ */ e(f, { style: { gap: "2px", paddingTop: "4px", paddingBottom: "4px" }, children: p.map((C) => /* @__PURE__ */ h(
                 f,
                 {
                   style: {
@@ -3039,7 +3041,7 @@ const Sr = (t, r) => {
                   ]
                 },
                 C.value
-              )) }) : /* @__PURE__ */ d(
+              )) }) : /* @__PURE__ */ h(
                 f,
                 {
                   style: {
@@ -3085,7 +3087,7 @@ const Sr = (t, r) => {
                 backgroundColor: "var(--sa-color-brand-50, #e6edf6)",
                 marginTop: "auto"
               },
-              children: /* @__PURE__ */ d(f, { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "4px" }, children: [
+              children: /* @__PURE__ */ h(f, { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "4px" }, children: [
                 /* @__PURE__ */ e(
                   f,
                   {
@@ -3100,7 +3102,7 @@ const Sr = (t, r) => {
                     children: m.length
                   }
                 ),
-                /* @__PURE__ */ d(D, { fontSize: "xs", color: "primary", fontWeight: "medium", children: [
+                /* @__PURE__ */ h(D, { fontSize: "xs", color: "primary", fontWeight: "medium", children: [
                   "item",
                   m.length > 1 ? "s" : "",
                   " selected"
@@ -3116,7 +3118,7 @@ const Sr = (t, r) => {
   direction: t
 }) => {
   const r = "var(--sa-text-primary, #292a2e)", i = "var(--sa-text-subtle, #8c8f97)";
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     "span",
     {
       style: {
@@ -3152,7 +3154,7 @@ const Sr = (t, r) => {
       ]
     }
   );
-}, hi = ({ frozen: t }) => /* @__PURE__ */ d(
+}, hi = ({ frozen: t }) => /* @__PURE__ */ h(
   "svg",
   {
     width: "11",
@@ -3177,8 +3179,8 @@ const Sr = (t, r) => {
   isLoading: l,
   visibleHandleDelete: s,
   visibleHandleUpdate: a,
-  visibleHandleDetail: h,
-  showHeadBorder: u = !1,
+  visibleHandleDetail: u,
+  showHeadBorder: d = !1,
   scrollParentRef: g,
   frozenCount: m = 0,
   onFrozenCountChange: p,
@@ -3199,7 +3201,7 @@ const Sr = (t, r) => {
   ), U = K ? W ?? null : ce, se = (x) => {
     if (x.sortKey) return x.sortKey;
     if (typeof x.accessor == "string") return x.accessor;
-  }, ee = (x) => {
+  }, te = (x) => {
     const k = se(x);
     if (!k) return;
     let b;
@@ -3214,9 +3216,9 @@ const Sr = (t, r) => {
     const x = g.current;
     Oe(x.scrollHeight > x.clientHeight);
   }, [r, g]);
-  const Ae = le(null), [ne, Ne] = S([]), [He, Se] = S(
+  const Ae = ee(null), [oe, Ne] = S([]), [He, Se] = S(
     () => Z ?? {}
-  ), Fe = le(null);
+  ), Fe = ee(null);
   lt(() => {
     if (!m || !Ae.current) {
       Ne([]);
@@ -3245,7 +3247,7 @@ const Sr = (t, r) => {
     if (!b) return;
     const B = Math.round(b.getBoundingClientRect().width);
     Fe.current = { colIndex: k, startX: x.clientX, startWidth: B };
-    const I = document.body.style.userSelect, oe = document.body.style.cursor;
+    const I = document.body.style.userSelect, le = document.body.style.cursor;
     document.body.style.userSelect = "none", document.body.style.cursor = "col-resize";
     const ye = (xe) => {
       var Ee;
@@ -3256,11 +3258,11 @@ const Sr = (t, r) => {
         (et) => et[pe.colIndex] === Ie ? et : { ...et, [pe.colIndex]: Ie }
       );
     }, be = () => {
-      document.removeEventListener("mousemove", ye), document.removeEventListener("mouseup", be), document.body.style.userSelect = I, document.body.style.cursor = oe, Fe.current = null, j && Se((xe) => (j(xe), xe));
+      document.removeEventListener("mousemove", ye), document.removeEventListener("mouseup", be), document.body.style.userSelect = I, document.body.style.cursor = le, Fe.current = null, j && Se((xe) => (j(xe), xe));
     };
     document.addEventListener("mousemove", ye), document.addEventListener("mouseup", be);
   };
-  return /* @__PURE__ */ e("div", { ref: Ae, children: /* @__PURE__ */ d(Vt, { fullWidth: !0, children: [
+  return /* @__PURE__ */ e("div", { ref: Ae, children: /* @__PURE__ */ h(Vt, { fullWidth: !0, children: [
     /* @__PURE__ */ e(
       rr,
       {
@@ -3268,11 +3270,11 @@ const Sr = (t, r) => {
           height: "40px",
           whiteSpace: "nowrap"
         },
-        children: /* @__PURE__ */ d(Ve, { children: [
+        children: /* @__PURE__ */ h(Ve, { children: [
           t.map((x, k) => {
             var je, Ie;
-            const b = m > 0 && k < m, B = ne[k] ?? 0, I = F(x), ye = k === t.length - 1 && V && R, be = se(x), xe = !!x.sortable && !!be, pe = xe && (U == null ? void 0 : U.key) === be ? U.direction : null;
-            return /* @__PURE__ */ d(
+            const b = m > 0 && k < m, B = oe[k] ?? 0, I = F(x), ye = k === t.length - 1 && V && R, be = se(x), xe = !!x.sortable && !!be, pe = xe && (U == null ? void 0 : U.key) === be ? U.direction : null;
+            return /* @__PURE__ */ h(
               xt,
               {
                 style: {
@@ -3281,15 +3283,15 @@ const Sr = (t, r) => {
                   left: b ? B : void 0,
                   zIndex: b ? 4 : 2,
                   paddingLeft: k === 0 ? "12px" : "",
-                  borderRight: u && !ye && !b ? X : void 0,
-                  borderBottom: u ? X : void 0,
-                  boxShadow: u && b ? he : void 0,
+                  borderRight: d && !ye && !b ? X : void 0,
+                  borderBottom: d ? X : void 0,
+                  boxShadow: d && b ? he : void 0,
                   backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)",
                   textAlign: x.textAlign === "text-right" ? "right" : x.textAlign === "text-center" ? "center" : "left",
                   ...y(k, x.width)
                 },
                 children: [
-                  /* @__PURE__ */ d(
+                  /* @__PURE__ */ h(
                     "div",
                     {
                       style: {
@@ -3300,11 +3302,11 @@ const Sr = (t, r) => {
                         minWidth: 0
                       },
                       children: [
-                        xe ? /* @__PURE__ */ d(
+                        xe ? /* @__PURE__ */ h(
                           "button",
                           {
                             type: "button",
-                            onClick: () => ee(x),
+                            onClick: () => te(x),
                             title: pe === "asc" ? "Sorted ascending — click to sort descending" : pe === "desc" ? "Sorted descending — click to clear" : "Click to sort ascending",
                             style: {
                               flex: 1,
@@ -3416,21 +3418,21 @@ const Sr = (t, r) => {
                 top: 0,
                 right: 0,
                 zIndex: 3,
-                borderBottom: u ? X : void 0,
-                boxShadow: u && R ? de : void 0
+                borderBottom: d ? X : void 0,
+                boxShadow: d && R ? de : void 0
               }
             }
           ) : null
         ] })
       }
     ),
-    /* @__PURE__ */ e(ir, { children: l ? /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(ke, { colSpan: t.length + 1, children: /* @__PURE__ */ d(f, { style: { gap: "16px" }, children: [
+    /* @__PURE__ */ e(ir, { children: l ? /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(ke, { colSpan: t.length + 1, children: /* @__PURE__ */ h(f, { style: { gap: "16px" }, children: [
       /* @__PURE__ */ e(Re, { variant: "list" }),
       /* @__PURE__ */ e(Re, { variant: "list" }),
       /* @__PURE__ */ e(Re, { variant: "list" }),
       /* @__PURE__ */ e(Re, { variant: "list" }),
       /* @__PURE__ */ e(Re, { variant: "list" })
-    ] }) }) }) : !(r != null && r.length) && C ? /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(ke, { colSpan: t.length + 1, children: C }) }) : r == null ? void 0 : r.map((x, k) => /* @__PURE__ */ d(
+    ] }) }) }) : !(r != null && r.length) && C ? /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(ke, { colSpan: t.length + 1, children: C }) }) : r == null ? void 0 : r.map((x, k) => /* @__PURE__ */ h(
       Ve,
       {
         style: {
@@ -3452,16 +3454,16 @@ const Sr = (t, r) => {
         },
         children: [
           t.map((b, B) => {
-            const I = b.render ? b.render(x, k, r) : Te(x, b.accessor), oe = m > 0 && B < m, ye = ne[B] ?? 0, be = He[B] !== void 0, xe = oe && B === m - 1;
+            const I = b.render ? b.render(x, k, r) : Te(x, b.accessor), le = m > 0 && B < m, ye = oe[B] ?? 0, be = He[B] !== void 0, xe = le && B === m - 1;
             return /* @__PURE__ */ e(
               ke,
               {
                 style: {
-                  position: oe ? "sticky" : void 0,
-                  left: oe ? ye : void 0,
-                  zIndex: oe ? 1 : void 0,
-                  backgroundColor: oe ? nt : void 0,
-                  transition: oe ? "background-color 0.3s ease" : void 0,
+                  position: le ? "sticky" : void 0,
+                  left: le ? ye : void 0,
+                  zIndex: le ? 1 : void 0,
+                  backgroundColor: le ? nt : void 0,
+                  transition: le ? "background-color 0.3s ease" : void 0,
                   paddingLeft: B === 0 ? "12px" : "",
                   whiteSpace: "nowrap",
                   overflow: be ? "hidden" : void 0,
@@ -3497,7 +3499,7 @@ const Sr = (t, r) => {
             transition: "background-color 0.3s ease"
           }, children: /* @__PURE__ */ e(_, { direction: "row", align: "center", justify: "center", gap: "sm", children: L.map((b) => {
             const B = k === r.length - 1 ? "top" : "bottom";
-            return b === "detail" && i && (h == null ? void 0 : h(x)) !== !1 ? /* @__PURE__ */ e(ue, { label: "Detail", position: B, children: /* @__PURE__ */ e(
+            return b === "detail" && i && (u == null ? void 0 : u(x)) !== !1 ? /* @__PURE__ */ e(ue, { label: "Detail", position: B, children: /* @__PURE__ */ e(
               H,
               {
                 size: "xs",
@@ -3538,12 +3540,12 @@ const Sr = (t, r) => {
   footerProps: o
 }) => {
   var m;
-  const n = le(null), [l, s] = S(
+  const n = ee(null), [l, s] = S(
     (r == null ? void 0 : r.defaultFrozenCount) ?? 0
-  ), a = (i == null ? void 0 : i.show) ?? !0, h = le(null), u = (m = r == null ? void 0 : r.pagination) == null ? void 0 : m.totalData;
-  typeof u == "number" && (h.current = u);
-  const g = (o == null ? void 0 : o.showFooter) ?? (u === void 0 ? h.current !== 0 : u !== 0);
-  return /* @__PURE__ */ d(oi, { ...t, children: [
+  ), a = (i == null ? void 0 : i.show) ?? !0, u = ee(null), d = (m = r == null ? void 0 : r.pagination) == null ? void 0 : m.totalData;
+  typeof d == "number" && (u.current = d);
+  const g = (o == null ? void 0 : o.showFooter) ?? (d === void 0 ? u.current !== 0 : d !== 0);
+  return /* @__PURE__ */ h(oi, { ...t, children: [
     a && /* @__PURE__ */ e(li, { ...i }),
     /* @__PURE__ */ e(
       f,
@@ -3579,7 +3581,7 @@ const Sr = (t, r) => {
   ] });
 };
 function gi(t) {
-  return re(
+  return ie(
     t
   );
 }
@@ -3602,16 +3604,16 @@ const On = gi(fi), yt = ({
     color: t.color || "gray-700",
     children: t.children
   }
-), De = (t) => /* @__PURE__ */ e(D, { color: "red-600", fontSize: "sm", children: t.message }), mi = ({
+), ve = (t) => /* @__PURE__ */ e(D, { color: "red-600", fontSize: "sm", children: t.message }), mi = ({
   size: t = "md",
   direction: r = "vertical",
   requiredTitle: i = "(Required)",
   fullWidth: o = !1,
   ...n
 }) => {
-  var a, h, u;
+  var a, u, d;
   const l = n.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
@@ -3622,7 +3624,7 @@ const On = gi(fi), yt = ({
           O,
           {
             condition: !!n.inputProps.required,
-            fallback: /* @__PURE__ */ d(
+            fallback: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
@@ -3634,21 +3636,21 @@ const On = gi(fi), yt = ({
                 ]
               }
             ),
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ d(_, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ h(_, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(N, { fontSize: t, children: n.title }),
                     /* @__PURE__ */ e(N, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((a = n.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ue,
                       {
-                        label: (h = n.tooltip) == null ? void 0 : h.label,
-                        arrowPosition: (u = n.tooltip) == null ? void 0 : u.arrowPosition,
+                        label: (u = n.tooltip) == null ? void 0 : u.label,
+                        arrowPosition: (d = n.tooltip) == null ? void 0 : d.arrowPosition,
                         ...n.tooltip,
                         children: /* @__PURE__ */ e(
                           w,
@@ -3670,7 +3672,7 @@ const On = gi(fi), yt = ({
             )
           }
         ),
-        /* @__PURE__ */ d(f, { gap: "xs", fullWidth: n.inputProps.fullWidth || !1, children: [
+        /* @__PURE__ */ h(f, { gap: "xs", fullWidth: n.inputProps.fullWidth || !1, children: [
           /* @__PURE__ */ e(
             ht,
             {
@@ -3681,7 +3683,7 @@ const On = gi(fi), yt = ({
               fullWidth: !0
             }
           ),
-          !l && n.errorMessage && /* @__PURE__ */ e(De, { message: n.errorMessage }),
+          !l && n.errorMessage && /* @__PURE__ */ e(ve, { message: n.errorMessage }),
           n.inputProps.extended && n.inputProps.extended
         ] })
       ]
@@ -3694,9 +3696,9 @@ const On = gi(fi), yt = ({
   fullWidth: o = !1,
   ...n
 }) => {
-  var a, h, u;
+  var a, u, d;
   const l = n.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
@@ -3707,7 +3709,7 @@ const On = gi(fi), yt = ({
           O,
           {
             condition: !!n.inputProps.required,
-            fallback: /* @__PURE__ */ d(
+            fallback: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
@@ -3719,21 +3721,21 @@ const On = gi(fi), yt = ({
                 ]
               }
             ),
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ d(_, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ h(_, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(N, { fontSize: t, children: n.title }),
                     /* @__PURE__ */ e(N, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((a = n.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ue,
                       {
-                        label: (h = n.tooltip) == null ? void 0 : h.label,
-                        arrowPosition: (u = n.tooltip) == null ? void 0 : u.arrowPosition,
+                        label: (u = n.tooltip) == null ? void 0 : u.label,
+                        arrowPosition: (d = n.tooltip) == null ? void 0 : d.arrowPosition,
                         ...n.tooltip,
                         children: /* @__PURE__ */ e(
                           w,
@@ -3755,7 +3757,7 @@ const On = gi(fi), yt = ({
             )
           }
         ),
-        /* @__PURE__ */ d(f, { gap: "xs", fullWidth: n.inputProps.fullWidth || !1, children: [
+        /* @__PURE__ */ h(f, { gap: "xs", fullWidth: n.inputProps.fullWidth || !1, children: [
           /* @__PURE__ */ e(
             f,
             {
@@ -3772,7 +3774,7 @@ const On = gi(fi), yt = ({
               )
             }
           ),
-          !l && n.errorMessage && /* @__PURE__ */ e(De, { message: n.errorMessage }),
+          !l && n.errorMessage && /* @__PURE__ */ e(ve, { message: n.errorMessage }),
           n.inputProps.extended && n.inputProps.extended
         ] })
       ]
@@ -3780,16 +3782,16 @@ const On = gi(fi), yt = ({
   );
 }, pi = (t, r) => typeof t == "string" && t || r === "error" ? "var(--sa-text-error, #a4133c)" : "var(--sa-text-disable, #181a198f)", xi = (t) => {
   var a;
-  const [r, i] = S(!1), o = (h) => {
-    h.preventDefault(), h.stopPropagation();
-  }, n = (h) => {
-    h.preventDefault(), h.stopPropagation(), h.dataTransfer && t.handleOnFileChange(h.dataTransfer.files.item(0));
-  }, l = (h) => {
-    h.preventDefault(), i(!0);
-  }, s = (h) => {
-    h.preventDefault(), i(!1);
+  const [r, i] = S(!1), o = (u) => {
+    u.preventDefault(), u.stopPropagation();
+  }, n = (u) => {
+    u.preventDefault(), u.stopPropagation(), u.dataTransfer && t.handleOnFileChange(u.dataTransfer.files.item(0));
+  }, l = (u) => {
+    u.preventDefault(), i(!0);
+  }, s = (u) => {
+    u.preventDefault(), i(!1);
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       width: "width-full",
@@ -3819,8 +3821,8 @@ const On = gi(fi), yt = ({
             }
           }
         ),
-        /* @__PURE__ */ d(_, { gap: "xs", children: [
-          /* @__PURE__ */ d(_, { direction: "row", gap: "xs", children: [
+        /* @__PURE__ */ h(_, { gap: "xs", children: [
+          /* @__PURE__ */ h(_, { direction: "row", gap: "xs", children: [
             /* @__PURE__ */ e(
               D,
               {
@@ -3841,7 +3843,7 @@ const On = gi(fi), yt = ({
               }
             )
           ] }),
-          /* @__PURE__ */ e(D, { fontSize: "sm", color: "gray-500", children: (a = t.fileSupports) == null ? void 0 : a.map((h) => h.toLocaleUpperCase()).join(", ") })
+          /* @__PURE__ */ e(D, { fontSize: "sm", color: "gray-500", children: (a = t.fileSupports) == null ? void 0 : a.map((u) => u.toLocaleUpperCase()).join(", ") })
         ] })
       ]
     }
@@ -4019,7 +4021,7 @@ function Si(t) {
 }
 const Fi = (t) => {
   var r, i;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       width: "width-full",
@@ -4038,7 +4040,7 @@ const Fi = (t) => {
         cursor: "pointer"
       },
       children: [
-        /* @__PURE__ */ d(_, { direction: "row", align: "center", gap: "sm", children: [
+        /* @__PURE__ */ h(_, { direction: "row", align: "center", gap: "sm", children: [
           /* @__PURE__ */ e(
             w,
             {
@@ -4051,7 +4053,7 @@ const Fi = (t) => {
               }
             }
           ),
-          /* @__PURE__ */ d(_, { children: [
+          /* @__PURE__ */ h(_, { children: [
             /* @__PURE__ */ e(
               D,
               {
@@ -4065,7 +4067,7 @@ const Fi = (t) => {
                 children: Si(t.defaultUrl || "") || ((r = t.fileSelected) == null ? void 0 : r.name)
               }
             ),
-            !t.defaultUrl && /* @__PURE__ */ d(_, { direction: "row", gap: "xs", align: "center", children: [
+            !t.defaultUrl && /* @__PURE__ */ h(_, { direction: "row", gap: "xs", align: "center", children: [
               /* @__PURE__ */ e(D, { fontSize: "sm", fontWeight: "medium", children: `${ki(
                 ((i = t.fileSelected) == null ? void 0 : i.size.toString()) || "100000"
               )}` }),
@@ -4109,14 +4111,14 @@ const Fi = (t) => {
   );
 }, Ei = ({ status: t = "default", ...r }) => {
   var l;
-  const i = le(null), o = () => {
+  const i = ee(null), o = () => {
     if (r.defaultUrl) {
       window.open(r.defaultUrl);
       return;
     }
     i.current && i.current.click();
-  }, n = te("md");
-  return /* @__PURE__ */ d(G, { children: [
+  }, n = re("md");
+  return /* @__PURE__ */ h(G, { children: [
     /* @__PURE__ */ e(
       "input",
       {
@@ -4130,7 +4132,7 @@ const Fi = (t) => {
         accept: (l = r.fileSupportOption) == null ? void 0 : l.map((s) => "." + (s == null ? void 0 : s.toLowerCase())).join(", ")
       }
     ),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ h(
       f,
       {
         fullWidth: !0,
@@ -4176,9 +4178,9 @@ const Fi = (t) => {
   fullWidth: o = !1,
   ...n
 }) => {
-  var a, h, u;
+  var a, u, d;
   const l = n.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
@@ -4189,7 +4191,7 @@ const Fi = (t) => {
           O,
           {
             condition: !!n.inputProps.required,
-            fallback: /* @__PURE__ */ d(
+            fallback: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
@@ -4201,21 +4203,21 @@ const Fi = (t) => {
                 ]
               }
             ),
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ d(_, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ h(_, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(N, { fontSize: t, children: n.title }),
                     /* @__PURE__ */ e(N, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((a = n.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ue,
                       {
-                        label: (h = n.tooltip) == null ? void 0 : h.label,
-                        arrowPosition: (u = n.tooltip) == null ? void 0 : u.arrowPosition,
+                        label: (u = n.tooltip) == null ? void 0 : u.label,
+                        arrowPosition: (d = n.tooltip) == null ? void 0 : d.arrowPosition,
                         ...n.tooltip,
                         children: /* @__PURE__ */ e(
                           w,
@@ -4237,7 +4239,7 @@ const Fi = (t) => {
             )
           }
         ),
-        /* @__PURE__ */ d(_, { gap: "xs", children: [
+        /* @__PURE__ */ h(_, { gap: "xs", children: [
           /* @__PURE__ */ e(
             Ei,
             {
@@ -4245,7 +4247,7 @@ const Fi = (t) => {
               status: n.errorMessage ? "error" : "default"
             }
           ),
-          !l && n.errorMessage && /* @__PURE__ */ e(De, { message: n.errorMessage })
+          !l && n.errorMessage && /* @__PURE__ */ e(ve, { message: n.errorMessage })
         ] })
       ]
     }
@@ -4258,9 +4260,9 @@ const Fi = (t) => {
   required: n = !1,
   ...l
 }) => {
-  var h, u, g, m;
+  var u, d, g, m;
   const s = l.hideMessageError || !1, a = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       gap: r === "horizontal" || r === "horizontal-inline" ? "spacing-96" : "sm",
@@ -4271,7 +4273,7 @@ const Fi = (t) => {
           O,
           {
             condition: !!n,
-            fallback: /* @__PURE__ */ d(
+            fallback: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
@@ -4283,20 +4285,20 @@ const Fi = (t) => {
                 ]
               }
             ),
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
                 customMaxWidth: a,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ d(_, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ h(_, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(N, { fontSize: t, children: l.title }),
                     /* @__PURE__ */ e(N, { color: "error", fontSize: t, children: i }),
-                    /* @__PURE__ */ e(O, { condition: !!((h = l.tooltip) != null && h.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e(O, { condition: !!((u = l.tooltip) != null && u.label), children: /* @__PURE__ */ e(
                       ue,
                       {
-                        label: (u = l.tooltip) == null ? void 0 : u.label,
+                        label: (d = l.tooltip) == null ? void 0 : d.label,
                         arrowPosition: (g = l.tooltip) == null ? void 0 : g.arrowPosition,
                         ...l.tooltip,
                         children: /* @__PURE__ */ e(
@@ -4332,7 +4334,7 @@ const Fi = (t) => {
                   ...p,
                   isChecked: l.checkBoxesAreChecked.includes(p.id)
                 })),
-                render: (p) => p.renderBadge ? /* @__PURE__ */ d(
+                render: (p) => p.renderBadge ? /* @__PURE__ */ h(
                   f,
                   {
                     direction: "row",
@@ -4369,7 +4371,7 @@ const Fi = (t) => {
             )
           }
         ),
-        !s && l.errorMessage && /* @__PURE__ */ e(De, { message: l.errorMessage })
+        !s && l.errorMessage && /* @__PURE__ */ e(ve, { message: l.errorMessage })
       ]
     }
   );
@@ -4381,13 +4383,13 @@ const Fi = (t) => {
 }) => {
   var l;
   const n = t === "horizontal-inline" || t === "horizontal-block" ? r === "sm" ? 342 : r === "lg" ? 400 : 342 : void 0;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       gap: t === "horizontal-inline" || t === "horizontal-block" ? "spacing-96" : "sm",
       direction: t === "horizontal-inline" || t === "horizontal-block" ? "row" : "column",
       children: [
-        /* @__PURE__ */ e(O, { condition: !!o.description || !!o.title, children: /* @__PURE__ */ d(
+        /* @__PURE__ */ e(O, { condition: !!o.description || !!o.title, children: /* @__PURE__ */ h(
           f,
           {
             direction: "column",
@@ -4413,7 +4415,7 @@ const Fi = (t) => {
                   ...s,
                   isChecked: o.radioIsChecked === s.id
                 })),
-                render: ({ value: s, id: a, isChecked: h, subInput: u, label: g, description: m }) => /* @__PURE__ */ d(f, { gap: "xs", customMaxWidth: n, children: [
+                render: ({ value: s, id: a, isChecked: u, subInput: d, label: g, description: m }) => /* @__PURE__ */ h(f, { gap: "xs", customMaxWidth: n, children: [
                   /* @__PURE__ */ e(
                     cr,
                     {
@@ -4421,7 +4423,7 @@ const Fi = (t) => {
                       name: o.groupName || g,
                       label: g,
                       value: s,
-                      checked: h,
+                      checked: u,
                       onChange: (p) => o.onChecked({
                         id: a,
                         label: p.target.name,
@@ -4441,13 +4443,13 @@ const Fi = (t) => {
                       children: m
                     }
                   ),
-                  u
+                  d
                 ] })
               }
             )
           }
         ),
-        o.errorMessage && /* @__PURE__ */ e(De, { message: o.errorMessage })
+        o.errorMessage && /* @__PURE__ */ e(ve, { message: o.errorMessage })
       ]
     }
   );
@@ -4458,9 +4460,9 @@ const Fi = (t) => {
   fullWidth: o = !1,
   ...n
 }) => {
-  var a, h, u;
+  var a, u, d;
   const l = n.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
@@ -4471,7 +4473,7 @@ const Fi = (t) => {
           O,
           {
             condition: !!n.inputProps.required,
-            fallback: /* @__PURE__ */ d(
+            fallback: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
@@ -4483,21 +4485,21 @@ const Fi = (t) => {
                 ]
               }
             ),
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ d(_, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ h(_, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(N, { fontSize: t, children: n.title }),
                     /* @__PURE__ */ e(N, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((a = n.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ue,
                       {
-                        label: (h = n.tooltip) == null ? void 0 : h.label,
-                        arrowPosition: (u = n.tooltip) == null ? void 0 : u.arrowPosition,
+                        label: (u = n.tooltip) == null ? void 0 : u.label,
+                        arrowPosition: (d = n.tooltip) == null ? void 0 : d.arrowPosition,
                         ...n.tooltip,
                         children: /* @__PURE__ */ e(
                           w,
@@ -4519,7 +4521,7 @@ const Fi = (t) => {
             )
           }
         ),
-        /* @__PURE__ */ d(_, { gap: "xs", children: [
+        /* @__PURE__ */ h(_, { gap: "xs", children: [
           /* @__PURE__ */ e(
             nr,
             {
@@ -4529,7 +4531,7 @@ const Fi = (t) => {
               status: n.errorMessage ? "error" : "default"
             }
           ),
-          !l && n.errorMessage && /* @__PURE__ */ e(De, { message: n.errorMessage })
+          !l && n.errorMessage && /* @__PURE__ */ e(ve, { message: n.errorMessage })
         ] })
       ]
     }
@@ -4542,9 +4544,9 @@ const Fi = (t) => {
   fullWidth: n = !1,
   ...l
 }) => {
-  var a, h, u;
+  var a, u, d;
   const s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
@@ -4555,7 +4557,7 @@ const Fi = (t) => {
           O,
           {
             condition: o,
-            fallback: /* @__PURE__ */ d(
+            fallback: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
@@ -4567,21 +4569,21 @@ const Fi = (t) => {
                 ]
               }
             ),
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: n,
                 children: [
-                  /* @__PURE__ */ d(_, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ h(_, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(N, { fontSize: t, children: l.title }),
                     /* @__PURE__ */ e(N, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((a = l.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ue,
                       {
-                        label: (h = l.tooltip) == null ? void 0 : h.label,
-                        arrowPosition: (u = l.tooltip) == null ? void 0 : u.arrowPosition,
+                        label: (u = l.tooltip) == null ? void 0 : u.label,
+                        arrowPosition: (d = l.tooltip) == null ? void 0 : d.arrowPosition,
                         ...l.tooltip,
                         children: /* @__PURE__ */ e(
                           w,
@@ -4612,7 +4614,7 @@ const Fi = (t) => {
             description: l.description
           }
         ),
-        l.errorMessage && /* @__PURE__ */ e(De, { message: l.errorMessage })
+        l.errorMessage && /* @__PURE__ */ e(ve, { message: l.errorMessage })
       ]
     }
   );
@@ -4622,16 +4624,16 @@ const Fi = (t) => {
   ...i
 }) => {
   const o = lr(), n = (s) => {
-    var h, u, g, m, p, v;
+    var u, d, g, m, p, v;
     if (!s) return;
-    const a = i.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary" ? "var(--sa-text-subtle, #8c8f97)" : t === "secondary-danger" ? (u = (h = o == null ? void 0 : o.computed) == null ? void 0 : h.red) == null ? void 0 : u[600] : t === "secondary-primary" ? (m = (g = o == null ? void 0 : o.computed) == null ? void 0 : g.blue) == null ? void 0 : m[700] : (v = (p = o == null ? void 0 : o.computed) == null ? void 0 : p.gray) == null ? void 0 : v[50];
+    const a = i.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary" ? "var(--sa-text-subtle, #8c8f97)" : t === "secondary-danger" ? (d = (u = o == null ? void 0 : o.computed) == null ? void 0 : u.red) == null ? void 0 : d[600] : t === "secondary-primary" ? (m = (g = o == null ? void 0 : o.computed) == null ? void 0 : g.blue) == null ? void 0 : m[700] : (v = (p = o == null ? void 0 : o.computed) == null ? void 0 : p.gray) == null ? void 0 : v[50];
     return /* @__PURE__ */ e(w, { name: s, size: r, style: { color: a } });
   }, l = () => {
-    var a, h, u, g;
+    var a, u, d, g;
     if (t !== "secondary-danger" && t !== "secondary-primary")
       return i.title;
     const s = {
-      color: i.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary-danger" ? (h = (a = o == null ? void 0 : o.computed) == null ? void 0 : a.red) == null ? void 0 : h[600] : (g = (u = o == null ? void 0 : o.computed) == null ? void 0 : u.blue) == null ? void 0 : g[700]
+      color: i.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary-danger" ? (u = (a = o == null ? void 0 : o.computed) == null ? void 0 : a.red) == null ? void 0 : u[600] : (g = (d = o == null ? void 0 : o.computed) == null ? void 0 : d.blue) == null ? void 0 : g[700]
     };
     switch (r) {
       case "xs":
@@ -4676,9 +4678,9 @@ const Fi = (t) => {
   fullWidth: o = !1,
   ...n
 }) => {
-  var a, h, u;
+  var a, u, d;
   const l = n.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
@@ -4689,7 +4691,7 @@ const Fi = (t) => {
           O,
           {
             condition: !!n.inputProps.required,
-            fallback: /* @__PURE__ */ d(
+            fallback: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
@@ -4701,21 +4703,21 @@ const Fi = (t) => {
                 ]
               }
             ),
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ d(_, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ h(_, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(N, { fontSize: t, children: n.title }),
                     /* @__PURE__ */ e(N, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((a = n.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ue,
                       {
-                        label: (h = n.tooltip) == null ? void 0 : h.label,
-                        arrowPosition: (u = n.tooltip) == null ? void 0 : u.arrowPosition,
+                        label: (u = n.tooltip) == null ? void 0 : u.label,
+                        arrowPosition: (d = n.tooltip) == null ? void 0 : d.arrowPosition,
                         ...n.tooltip,
                         children: /* @__PURE__ */ e(
                           w,
@@ -4737,7 +4739,7 @@ const Fi = (t) => {
             )
           }
         ),
-        /* @__PURE__ */ d(_, { gap: "xs", children: [
+        /* @__PURE__ */ h(_, { gap: "xs", children: [
           /* @__PURE__ */ e(
             f,
             {
@@ -4754,7 +4756,7 @@ const Fi = (t) => {
               )
             }
           ),
-          !l && n.errorMessage && /* @__PURE__ */ e(De, { message: n.errorMessage })
+          !l && n.errorMessage && /* @__PURE__ */ e(ve, { message: n.errorMessage })
         ] })
       ]
     }
@@ -4782,8 +4784,8 @@ async function Vi(t, r) {
   ), new Promise((l, s) => {
     o.toBlob((a) => {
       if (!a) return s("Canvas is empty");
-      const h = new File([a], "cropped.png", { type: "image/png" });
-      l(h);
+      const u = new File([a], "cropped.png", { type: "image/png" });
+      l(u);
     }, "image/png");
   });
 }
@@ -4806,10 +4808,10 @@ const At = {
     size: l = "96",
     aspect: s = "1:1",
     containerProps: a,
-    maxFileSize: h = 2,
-    onError: u
+    maxFileSize: u = 2,
+    onError: d
   }, g) => {
-    const m = te("md"), [p, v] = S(!1), [L, C] = S(null), [T, Z] = S(!1), [j, Q] = S({ x: 0, y: 0 }), [W, fe] = S(1), [P, R] = S(null);
+    const m = re("md"), [p, v] = S(!1), [L, C] = S(null), [T, Z] = S(!1), [j, Q] = S({ x: 0, y: 0 }), [W, fe] = S(1), [P, R] = S(null);
     $(() => {
       r === null && n(null);
     }, [r]);
@@ -4830,17 +4832,17 @@ const At = {
       if (!(!L || !P))
         try {
           const V = await Vi(L, P);
-          if (h && V.size > h * 1024 * 1024) {
-            u == null || u(`Ukuran file maksimal ${h}MB`);
+          if (u && V.size > u * 1024 * 1024) {
+            d == null || d(`Ukuran file maksimal ${u}MB`);
             return;
           }
           t == null || t(V);
           const z = URL.createObjectURL(V);
           n(z, V), Z(!1);
         } catch {
-          u == null || u("Gagal memproses gambar");
+          d == null || d("Gagal memproses gambar");
         }
-    }, U = le(null), se = () => {
+    }, U = ee(null), se = () => {
       U.current && U.current.click();
     };
     sr(g, () => ({
@@ -4849,9 +4851,9 @@ const At = {
         (V = U.current) == null || V.click();
       }
     }));
-    const ee = parseInt(l, 10), ie = At[s];
+    const te = parseInt(l, 10), ne = At[s];
     let Y, J;
-    return ie >= 1 ? (J = ee, Y = ee * ie) : (Y = ee, J = ee / ie), /* @__PURE__ */ d(
+    return ne >= 1 ? (J = te, Y = te * ne) : (Y = te, J = te / ne), /* @__PURE__ */ h(
       f,
       {
         display: "flex",
@@ -4867,7 +4869,7 @@ const At = {
         style: {
           width: a != null && a.fullWidth ? "100%" : `${Y}px`,
           height: a != null && a.fullWidth ? "auto" : `${J}px`,
-          aspectRatio: ie,
+          aspectRatio: ne,
           flexShrink: 0
         },
         onMouseEnter: () => v(!0),
@@ -4905,7 +4907,7 @@ const At = {
               )
             }
           ),
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ h(
             f,
             {
               position: "absolute",
@@ -4932,7 +4934,7 @@ const At = {
                     style: { display: "none" }
                   }
                 ),
-                /* @__PURE__ */ d(f, { display: "flex", align: "center", gap: "spacing-2", direction: "row", children: [
+                /* @__PURE__ */ h(f, { display: "flex", align: "center", gap: "spacing-2", direction: "row", children: [
                   /* @__PURE__ */ e(
                     w,
                     {
@@ -4994,7 +4996,7 @@ const At = {
                   backgroundColor: "rgba(0,0,0,0.6)"
                 },
                 onClick: () => Z(!1),
-                children: /* @__PURE__ */ d(
+                children: /* @__PURE__ */ h(
                   "div",
                   {
                     style: {
@@ -5034,7 +5036,7 @@ const At = {
                           )
                         }
                       ),
-                      /* @__PURE__ */ d(
+                      /* @__PURE__ */ h(
                         "div",
                         {
                           style: {
@@ -5069,9 +5071,9 @@ const At = {
   required: n = !1,
   ...l
 }) => {
-  var h, u, g;
+  var u, d, g;
   const s = l.hideMessageError || !1, a = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
@@ -5082,7 +5084,7 @@ const At = {
           O,
           {
             condition: !!n,
-            fallback: /* @__PURE__ */ d(
+            fallback: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
@@ -5094,20 +5096,20 @@ const At = {
                 ]
               }
             ),
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
                 customMaxWidth: a,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ d(_, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ h(_, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(N, { fontSize: t, children: l.title }),
                     /* @__PURE__ */ e(N, { color: "error", fontSize: t, children: i }),
-                    /* @__PURE__ */ e(O, { condition: !!((h = l.tooltip) != null && h.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e(O, { condition: !!((u = l.tooltip) != null && u.label), children: /* @__PURE__ */ e(
                       ue,
                       {
-                        label: (u = l.tooltip) == null ? void 0 : u.label,
+                        label: (d = l.tooltip) == null ? void 0 : d.label,
                         arrowPosition: (g = l.tooltip) == null ? void 0 : g.arrowPosition,
                         ...l.tooltip,
                         children: /* @__PURE__ */ e(
@@ -5130,9 +5132,9 @@ const At = {
             )
           }
         ),
-        /* @__PURE__ */ d(_, { gap: "xs", children: [
+        /* @__PURE__ */ h(_, { gap: "xs", children: [
           /* @__PURE__ */ e(zi, { ...l.inputProps }),
-          !s && l.errorMessage && /* @__PURE__ */ e(De, { message: l.errorMessage })
+          !s && l.errorMessage && /* @__PURE__ */ e(ve, { message: l.errorMessage })
         ] })
       ]
     }
@@ -5144,9 +5146,9 @@ const At = {
   fullWidth: o = !1,
   ...n
 }) => {
-  var s, a, h;
+  var s, a, u;
   const l = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
@@ -5157,7 +5159,7 @@ const At = {
           O,
           {
             condition: !!n.inputProps.required,
-            fallback: /* @__PURE__ */ d(
+            fallback: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
@@ -5169,21 +5171,21 @@ const At = {
                 ]
               }
             ),
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ h(
               f,
               {
                 direction: "column",
                 customMaxWidth: l,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ d(_, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ h(_, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(N, { fontSize: t, children: n.title }),
                     /* @__PURE__ */ e(N, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((s = n.tooltip) != null && s.label), children: /* @__PURE__ */ e(
                       ue,
                       {
                         label: (a = n.tooltip) == null ? void 0 : a.label,
-                        arrowPosition: (h = n.tooltip) == null ? void 0 : h.arrowPosition,
+                        arrowPosition: (u = n.tooltip) == null ? void 0 : u.arrowPosition,
                         ...n.tooltip,
                         children: /* @__PURE__ */ e(
                           w,
@@ -5222,11 +5224,11 @@ const At = {
   $(() => {
     t && a([...t.map((m) => ({ id: m.id, isActive: m.isActive }))]);
   }, [t]);
-  const h = (g = s.find((m) => m.id === r)) == null ? void 0 : g.isActive, u = Ce(() => {
+  const u = (g = s.find((m) => m.id === r)) == null ? void 0 : g.isActive, d = Ce(() => {
     a(
       (m) => m.map((p) => p.id === r ? { ...p, isActive: !p.isActive } : p)
-    ), i && i(!h);
-  }, [r, i, h]);
+    ), i && i(!u);
+  }, [r, i, u]);
   return /* @__PURE__ */ e(
     f,
     {
@@ -5239,9 +5241,9 @@ const At = {
         zt,
         {
           disabled: l,
-          checked: h,
-          onChange: u,
-          label: h ? "Active" : "Inactive"
+          checked: u,
+          onChange: d,
+          label: u ? "Active" : "Inactive"
         }
       )
     }
@@ -5310,8 +5312,8 @@ const At = {
     }
   );
 }, lo = ({ pageLayout: t, children: r, wrapperProps: i, containerProps: o }) => {
-  const n = te("md"), l = (o == null ? void 0 : o.customWidth) ?? 264;
-  return /* @__PURE__ */ d(
+  const n = re("md"), l = (o == null ? void 0 : o.customWidth) ?? 264;
+  return /* @__PURE__ */ h(
     f,
     {
       display: "block",
@@ -5353,7 +5355,7 @@ const At = {
   withScrollToTopButton: r = !1,
   scrollToTopButtonProps: i,
   containerProps: o
-}) => /* @__PURE__ */ e(f, { position: "absolute", width: "width-full", style: { zIndex: "var(--app-footer-zindex, 999)" }, children: /* @__PURE__ */ d(
+}) => /* @__PURE__ */ e(f, { position: "absolute", width: "width-full", style: { zIndex: "var(--app-footer-zindex, 999)" }, children: /* @__PURE__ */ h(
   f,
   {
     position: "fixed",
@@ -5390,8 +5392,8 @@ const At = {
     of: t,
     render: (r, i) => /* @__PURE__ */ e(Zi, { ...r }, i)
   }
-) }), Zi = ({ title: t, value: r, icon: i }) => /* @__PURE__ */ d(f, { display: "flex", direction: "column", gap: "sm", children: [
-  i ? /* @__PURE__ */ d(f, { display: "flex", direction: "row", align: "center", gap: "xs", children: [
+) }), Zi = ({ title: t, value: r, icon: i }) => /* @__PURE__ */ h(f, { display: "flex", direction: "column", gap: "sm", children: [
+  i ? /* @__PURE__ */ h(f, { display: "flex", direction: "row", align: "center", gap: "xs", children: [
     /* @__PURE__ */ e(w, { name: i, color: "subtle" }),
     /* @__PURE__ */ e(D, { color: "gray-500", variant: "sub-h3", children: t })
   ] }) : /* @__PURE__ */ e(D, { color: "gray-500", variant: "sub-h3", children: t }),
@@ -5401,7 +5403,7 @@ const At = {
   accent: "#78867F"
 };
 function ji({ width: t, height: r }) {
-  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h(
     "svg",
     {
       width: t || "100",
@@ -5552,13 +5554,13 @@ const so = ({
   leftIcon: l,
   showButton: s = !0,
   customHeight: a,
-  childrenButton: h,
-  customIcon: u
+  childrenButton: u,
+  customIcon: d
 }) => {
   const g = () => {
     switch (o) {
       case "primary":
-        return /* @__PURE__ */ e(G, { children: l ? /* @__PURE__ */ e(H, { primary: !0, iconLeft: l, onClick: i, children: h || t }) : /* @__PURE__ */ e(H, { primary: !0, onClick: i, children: h || t }) });
+        return /* @__PURE__ */ e(G, { children: l ? /* @__PURE__ */ e(H, { primary: !0, iconLeft: l, onClick: i, children: u || t }) : /* @__PURE__ */ e(H, { primary: !0, onClick: i, children: u || t }) });
       case "secondary":
         return /* @__PURE__ */ e(G, { children: l ? /* @__PURE__ */ e(H, { secondary: !0, iconLeft: l, onClick: i, children: n ? /* @__PURE__ */ e(
           D,
@@ -5567,16 +5569,16 @@ const so = ({
             fontSize: "md",
             fontWeight: "medium",
             style: { color: "var(--sa-background-success, #28ac6e)" },
-            children: h || t
+            children: u || t
           }
-        ) : t }) : /* @__PURE__ */ e(H, { secondary: !0, onClick: i, children: h || t }) });
+        ) : t }) : /* @__PURE__ */ e(H, { secondary: !0, onClick: i, children: u || t }) });
       case "success":
-        return /* @__PURE__ */ e(G, { children: l ? /* @__PURE__ */ e(H, { success: !0, iconLeft: l, onClick: i, children: h || t }) : /* @__PURE__ */ e(H, { success: !0, onClick: i, children: h || t }) });
+        return /* @__PURE__ */ e(G, { children: l ? /* @__PURE__ */ e(H, { success: !0, iconLeft: l, onClick: i, children: u || t }) : /* @__PURE__ */ e(H, { success: !0, onClick: i, children: u || t }) });
       default:
-        return /* @__PURE__ */ e(G, { children: l ? /* @__PURE__ */ e(H, { primary: !0, iconLeft: l, onClick: i, children: h || t }) : /* @__PURE__ */ e(H, { primary: !0, onClick: i, children: h || t }) });
+        return /* @__PURE__ */ e(G, { children: l ? /* @__PURE__ */ e(H, { primary: !0, iconLeft: l, onClick: i, children: u || t }) : /* @__PURE__ */ e(H, { primary: !0, onClick: i, children: u || t }) });
     }
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     f,
     {
       height: "height-full",
@@ -5588,7 +5590,7 @@ const so = ({
       marginBlock: "auto",
       customHeight: a,
       children: [
-        u || /* @__PURE__ */ e(ji, {}),
+        d || /* @__PURE__ */ e(ji, {}),
         /* @__PURE__ */ e(f, { children: r.map((m, p) => /* @__PURE__ */ e(
           me.Body1,
           {
@@ -5615,7 +5617,7 @@ const so = ({
   cFFFFFF: "#FFFFFF"
 };
 function $i({ width: t, height: r }) {
-  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h(
     "svg",
     {
       width: t,
@@ -5818,8 +5820,8 @@ function $i({ width: t, height: r }) {
   ) });
 }
 function ho({ onClick: t }) {
-  const r = te("md");
-  return /* @__PURE__ */ d(
+  const r = re("md");
+  return /* @__PURE__ */ h(
     f,
     {
       height: "height-screen",
@@ -5875,7 +5877,7 @@ const A = {
   cFFFFFF: "#FFFFFF"
 };
 function _i({ width: t, height: r }) {
-  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h(
     "svg",
     {
       width: t,
@@ -5895,7 +5897,7 @@ function _i({ width: t, height: r }) {
             fillOpacity: "0.6"
           }
         ),
-        /* @__PURE__ */ d("g", { clipPath: "url(#clip0_2949_9690)", children: [
+        /* @__PURE__ */ h("g", { clipPath: "url(#clip0_2949_9690)", children: [
           /* @__PURE__ */ e(
             "path",
             {
@@ -5992,7 +5994,7 @@ function _i({ width: t, height: r }) {
               )
             }
           ),
-          /* @__PURE__ */ d("g", { mask: "url(#mask0_2949_9690)", children: [
+          /* @__PURE__ */ h("g", { mask: "url(#mask0_2949_9690)", children: [
             /* @__PURE__ */ e(
               "path",
               {
@@ -6090,8 +6092,8 @@ function _i({ width: t, height: r }) {
   ) });
 }
 function uo({ onClick: t }) {
-  const r = te("md");
-  return /* @__PURE__ */ d(
+  const r = re("md");
+  return /* @__PURE__ */ h(
     f,
     {
       height: "height-screen",
@@ -6126,7 +6128,7 @@ const c = {
   cFFFFFF: "#FFFFFF"
 };
 function Ui({ width: t, height: r }) {
-  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h(
     "svg",
     {
       width: t,
@@ -6798,8 +6800,8 @@ function Ui({ width: t, height: r }) {
   ) });
 }
 function fo({ onClick: t }) {
-  const r = te("md");
-  return /* @__PURE__ */ d(
+  const r = re("md");
+  return /* @__PURE__ */ h(
     f,
     {
       height: "height-screen",
@@ -6836,8 +6838,8 @@ function fo({ onClick: t }) {
 }
 const go = (t) => {
   var i, o, n, l, s;
-  const r = te("md");
-  return /* @__PURE__ */ d(
+  const r = re("md");
+  return /* @__PURE__ */ h(
     qe,
     {
       isShow: t.isShow,
@@ -6859,7 +6861,7 @@ const go = (t) => {
             direction: ((i = t.containerConfirmBtnProps) == null ? void 0 : i.direction) || "row",
             justify: ((o = t.containerConfirmBtnProps) == null ? void 0 : o.justify) || "flex-end",
             ...t.containerConfirmBtnProps,
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ h(
               f,
               {
                 display: "flex",
@@ -6897,7 +6899,7 @@ const go = (t) => {
     },
     t.key
   );
-}, mo = re(
+}, mo = ie(
   ({
     children: t,
     height: r,
@@ -6907,8 +6909,8 @@ const go = (t) => {
     paddingBlock: l = "spacing-0",
     header: s,
     footer: a,
-    title: h,
-    titleTag: u,
+    title: u,
+    titleTag: d,
     action: g,
     actionContainer: m,
     containerProps: p,
@@ -6917,7 +6919,7 @@ const go = (t) => {
     footerProps: C = { borderTop: !0 },
     variantTag: T = "info"
   }) => {
-    const Z = le(null), [j, Q] = S("100vh");
+    const Z = ee(null), [j, Q] = S("100vh");
     $(() => {
       const R = () => {
         if (Z.current) {
@@ -6927,10 +6929,10 @@ const go = (t) => {
       };
       return R(), window.addEventListener("resize", R), () => window.removeEventListener("resize", R);
     }, []);
-    const W = () => u ? /* @__PURE__ */ d(f, { direction: "row", gap: "sm", align: "center", children: [
-      /* @__PURE__ */ e(D, { fontWeight: "medium", children: h }),
-      /* @__PURE__ */ e(Le, { border: !0, text: u, variant: T })
-    ] }) : /* @__PURE__ */ e(D, { fontWeight: "medium", children: h }), fe = () => s || /* @__PURE__ */ d(
+    const W = () => d ? /* @__PURE__ */ h(f, { direction: "row", gap: "sm", align: "center", children: [
+      /* @__PURE__ */ e(D, { fontWeight: "medium", children: u }),
+      /* @__PURE__ */ e(Le, { border: !0, text: d, variant: T })
+    ] }) : /* @__PURE__ */ e(D, { fontWeight: "medium", children: u }), fe = () => s || /* @__PURE__ */ h(
       f,
       {
         direction: "row",
@@ -6938,12 +6940,12 @@ const go = (t) => {
         align: "flex-start",
         gap: "md",
         children: [
-          /* @__PURE__ */ e(f, { children: h ? W() : null }),
+          /* @__PURE__ */ e(f, { children: u ? W() : null }),
           /* @__PURE__ */ e(f, { ...m, children: g ?? null })
         ]
       }
-    ), P = !!(s || h || g);
-    return /* @__PURE__ */ d(
+    ), P = !!(s || u || g);
+    return /* @__PURE__ */ h(
       f,
       {
         ref: Z,
@@ -6984,28 +6986,28 @@ const go = (t) => {
 ), yo = Tt.memo(
   ({ value: t, options: r = [], onChange: i, multiple: o }) => {
     const n = (t == null ? void 0 : t.map((a) => a.value)) || [], l = (r == null ? void 0 : r.filter((a) => n.includes(a.value))) || [], s = (a) => {
-      const h = [...l];
-      let u = [];
-      o ? u = n.includes(a.value) ? h.filter((g) => g.value !== a.value) : [...h, a] : u = [a], i == null || i(u);
+      const u = [...l];
+      let d = [];
+      o ? d = n.includes(a.value) ? u.filter((g) => g.value !== a.value) : [...u, a] : d = [a], i == null || i(d);
     };
-    return /* @__PURE__ */ e(f, { direction: "row", gap: "sm", flexWrap: "wrap", children: r == null ? void 0 : r.map((a, h) => /* @__PURE__ */ e(
+    return /* @__PURE__ */ e(f, { direction: "row", gap: "sm", flexWrap: "wrap", children: r == null ? void 0 : r.map((a, u) => /* @__PURE__ */ e(
       H,
       {
         ...n.includes(a.value) ? { primary: !0 } : { secondary: !0 },
         onClick: () => s(a),
         children: a.label
       },
-      h
+      u
     )) });
   }
 ), po = (t) => {
   const { defaultTab: r = 0, paramKey: i = "tab" } = t || {}, [o, n] = Ye(), l = Qe(o.toString());
   return {
     activeTab: l[i] ? parseInt(l[i]) : r,
-    handleTabChange: (h) => {
+    handleTabChange: (u) => {
       n({
         ...l,
-        [i]: h.toString()
+        [i]: u.toString()
       });
     },
     searchQueries: l
@@ -7019,16 +7021,16 @@ function xo({
   const o = ze();
   $(() => {
     let n = null, l = null;
-    for (const h of r) {
-      const u = h.items.find((g) => g.to ? g.to === "/" ? o.pathname === "/" : !!(g.to === o.pathname || o.pathname.startsWith(g.to + "/")) : !1);
-      if (u) {
-        n = u, l = h;
+    for (const u of r) {
+      const d = u.items.find((g) => g.to ? g.to === "/" ? o.pathname === "/" : !!(g.to === o.pathname || o.pathname.startsWith(g.to + "/")) : !1);
+      if (d) {
+        n = d, l = u;
         break;
       }
     }
     const s = [];
     n != null && n.title && s.push(n.title), l != null && l.name && s.push(l.name.toTitleCase());
-    const a = (h, u) => h.length > 0 ? `${h.join(" - ")} | ${u}` : u;
+    const a = (u, d) => u.length > 0 ? `${u.join(" - ")} | ${d}` : d;
     document.title = (i || a)(s, t);
   }, [o.pathname]);
 }
@@ -7054,9 +7056,9 @@ const Co = () => {
 function Do(t) {
   var o, n;
   const r = t.decodedAccessToken;
-  return ve(() => {
-    var h, u;
-    const l = ((u = (h = r == null ? void 0 : r.access) == null ? void 0 : h.role) == null ? void 0 : u.code) ?? "", s = Object.keys(t.role).reduce(
+  return De(() => {
+    var u, d;
+    const l = ((d = (u = r == null ? void 0 : r.access) == null ? void 0 : u.role) == null ? void 0 : d.code) ?? "", s = Object.keys(t.role).reduce(
       (g, m) => {
         const p = `is${m.toLowerCase().replace(/(^\w|_\w)/g, (v) => v.replace("_", "").toUpperCase())}`;
         return { ...g, [p]: !1 };