@starasia/admin 6.3.4 → 6.5.0

package/dist/index.es.js

@@ -22,12 +22,12 @@ import { searchParamsToObject as Pe } from "@starasia/http";
 export * from "@starasia/http";
 import { Input as gt } from "@starasia/input";
 export * from "@starasia/input";
-import { Menu as jt, MenuButton as Ue, MenuLists as Zt, MenuHeading as cr, MenuBody as $t, MenuFooter as ar } from "@starasia/menu";
+import { Menu as jt, MenuButton as Ge, MenuLists as Zt, MenuHeading as cr, MenuBody as $t, MenuFooter as ar } from "@starasia/menu";
 export * from "@starasia/menu";
 import { Pagination as sr } from "@starasia/pagination";
 export * from "@starasia/pagination";
 export * from "@starasia/storage";
-import { Tr as Ve, Td as Se, Table as Ut, Thead as dr, Th as St, Tbody as ur } from "@starasia/table";
+import { Tr as Re, Td as Se, Table as Gt, Thead as dr, Th as St, Tbody as ur } from "@starasia/table";
 export * from "@starasia/table";
 export * from "@starasia/tabs";
 import { Textarea as hr } from "@starasia/textarea";
@@ -35,7 +35,7 @@ export * from "@starasia/textarea";
 import { useTheme as fr, ThemeProvider as Ft, useColor as gr } from "@starasia/theme";
 export * from "@starasia/theme";
 export * from "@starasia/toast";
-import { Toggle as Gt } from "@starasia/toggle";
+import { Toggle as Ut } from "@starasia/toggle";
 export * from "@starasia/toggle";
 import { Tooltip as me } from "@starasia/tooltip";
 export * from "@starasia/tooltip";
@@ -45,20 +45,20 @@ import { Radio as mr } from "@starasia/radio";
 export * from "@starasia/radio";
 import { Text as v } from "@starasia/text";
 export * from "@starasia/text";
-import { Icon as w } from "@starasia/icon";
+import { Icon as b } from "@starasia/icon";
 export * from "@starasia/icon";
-import { Flex as U } from "@starasia/flex";
+import { Flex as $ } from "@starasia/flex";
 export * from "@starasia/flex";
 export * from "@starasia/progress";
 export * from "@starasia/stepper";
 export * from "@starasia/accordion";
 export * from "@starasia/story-record";
-import { Skeleton as Re } from "@starasia/skeleton";
+import { Skeleton as ze } from "@starasia/skeleton";
 export * from "@starasia/skeleton";
 export * from "@starasia/progress-stepper";
-import { jsx as e, Fragment as G, jsxs as u } from "react/jsx-runtime";
-import Ge, { createContext as Qe, useState as k, useContext as Be, useCallback as ve, useMemo as he, memo as ce, useEffect as Z, useRef as ie, useLayoutEffect as at, isValidElement as st, forwardRef as qt, Children as yr, useImperativeHandle as pr } from "react";
-import { useSearchParams as Ye, useNavigate as mt, useLocation as ze, Outlet as Et, Link as qe, useParams as Jt } from "react-router";
+import { jsx as e, Fragment as U, jsxs as u } from "react/jsx-runtime";
+import Ue, { createContext as Qe, useState as k, useContext as We, useCallback as ve, useMemo as he, memo as ce, useEffect as Z, useRef as ie, useLayoutEffect as at, isValidElement as st, forwardRef as qt, Children as yr, useImperativeHandle as pr } from "react";
+import { useSearchParams as Ye, useNavigate as mt, useLocation as Ve, Outlet as Et, Link as qe, useParams as Jt } from "react-router";
 import xr, { createPortal as Pt } from "react-dom";
 import Cr from "react-easy-crop";
 const vr = {
@@ -69,7 +69,7 @@ const vr = {
   userData: null,
   setUserData: () => {
   }
-}, Qt = Qe(vr), Yt = () => Be(Qt), Dr = (t) => {
+}, Qt = Qe(vr), Yt = () => We(Qt), Dr = (t) => {
   const [r, i] = k(
     (t == null ? void 0 : t.initialUserData) || null
   );
@@ -112,7 +112,7 @@ const vr = {
     [r, n, o, l]
   );
   return /* @__PURE__ */ e(Xt.Provider, { value: s, children: t });
-}, wr = () => Be(Xt), rt = (t, r) => {
+}, wr = () => We(Xt), rt = (t, r) => {
   const i = r !== void 0 ? r : t;
   return i == null ? null : typeof i == "string" || typeof i == "number" ? { value: i } : i;
 }, kr = ({
@@ -139,7 +139,7 @@ const vr = {
       children: /* @__PURE__ */ e(br, { children: s ? /* @__PURE__ */ e(Ft, { value: s, children: t }) : h ? /* @__PURE__ */ e(Ft, { value: h, children: t }) : t })
     }
   );
-}, Rn = ce(kr);
+}, zn = ce(kr);
 function Sr({
   collapsed: t = !1,
   children: r
@@ -198,18 +198,18 @@ function Fr({ children: t }) {
   );
 }
 function Er({ children: t }) {
-  const r = Be(yt);
-  return r ? /* @__PURE__ */ u(G, { children: [
+  const r = We(yt);
+  return r ? /* @__PURE__ */ u(U, { 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" } })
-  ] }) : /* @__PURE__ */ e(G, { children: t });
+  ] }) : /* @__PURE__ */ e(U, { children: t });
 }
-function Vn({
+function Rn({
   children: t,
   mode: r = "append"
 }) {
-  const i = Be(yt);
+  const i = We(yt);
   if (Z(() => {
     if (!(r !== "replace" || !i))
       return i.registerReplace();
@@ -234,7 +234,7 @@ function Mr({ children: t }) {
   return /* @__PURE__ */ e(pt.Provider, { value: a, children: t });
 }
 function Lr({ slotKey: t, fallback: r }) {
-  const i = Be(pt), o = i ? (i.slotCounts[t] ?? 0) > 0 : !1, n = ie(i == null ? void 0 : i.setOutletNode);
+  const i = We(pt), o = i ? (i.slotCounts[t] ?? 0) > 0 : !1, n = ie(i == null ? void 0 : i.setOutletNode);
   n.current = i == null ? void 0 : i.setOutletNode;
   const l = ve(
     (s) => {
@@ -244,10 +244,10 @@ function Lr({ slotKey: t, fallback: r }) {
     [t]
     // slotKey is a stable string from group config
   );
-  return /* @__PURE__ */ e(G, { children: o ? /* @__PURE__ */ e("div", { ref: l, style: { display: "contents" } }) : r });
+  return /* @__PURE__ */ e(U, { children: o ? /* @__PURE__ */ e("div", { ref: l, style: { display: "contents" } }) : r });
 }
-function zn({ slotKey: t, children: r }) {
-  const i = Be(pt), o = ie(i == null ? void 0 : i.registerSlot);
+function Vn({ slotKey: t, children: r }) {
+  const i = We(pt), o = ie(i == null ? void 0 : i.registerSlot);
   if (o.current = i == null ? void 0 : i.registerSlot, Z(() => {
     var l;
     return (l = o.current) == null ? void 0 : l.call(o, t);
@@ -290,7 +290,7 @@ function er() {
   } };
 }
 let Ze = 0, ke = !1, Lt = /* @__PURE__ */ new Set();
-const Bt = () => /* @__PURE__ */ u(
+const Wt = () => /* @__PURE__ */ u(
   "svg",
   {
     width: "100%",
@@ -307,7 +307,7 @@ const Bt = () => /* @__PURE__ */ u(
       /* @__PURE__ */ e("line", { x1: "6", y1: "1.667", x2: "6", y2: "14.333" })
     ]
   }
-), Wt = {
+), Bt = {
   width: "100%",
   display: "flex",
   alignItems: "center",
@@ -340,9 +340,9 @@ function Tn({
   logoutButton: y
 }) {
   var Ee, _e;
-  const [D] = Ye(), E = D.get("embed") === "true", x = Yt(), { badges: R } = wr(), j = mt(), N = ze(), M = !ne("md"), [ae, J] = k(!1), [I, P] = k(!1), [oe, le] = k(!1), [$, Q] = k(!1), [K, se] = k(
+  const [D] = Ye(), E = D.get("embed") === "true", x = Yt(), { badges: z } = wr(), j = mt(), N = Ve(), M = !ne("md"), [ae, J] = k(!1), [I, P] = k(!1), [oe, le] = k(!1), [G, Q] = k(!1), [K, se] = k(
     () => new Set(Lt)
-  ), [ee, X] = k(null), { selectedGroupId: V, setSelectedGroupId: z } = er();
+  ), [ee, X] = k(null), { selectedGroupId: R, setSelectedGroupId: V } = er();
   Z(() => {
     Lt = K;
   }, [K]);
@@ -390,7 +390,7 @@ function Tn({
   }, [N.pathname, M]), Z(() => {
     M && P(!0);
   }, [M]);
-  const We = () => {
+  const Be = () => {
     J(!0);
   }, Ne = () => {
     J(!1);
@@ -412,8 +412,8 @@ function Tn({
     const p = (L) => {
       var C;
       (C = L.children) != null && C.some((S) => N.pathname.startsWith(S.to)) && se((S) => {
-        const b = new Set(S);
-        return b.add(L.id), b;
+        const w = new Set(S);
+        return w.add(L.id), w;
       });
     };
     x.menus.forEach((L) => {
@@ -427,31 +427,31 @@ function Tn({
     });
   };
   Z(() => {
-    x.menus.length !== 0 && V !== null && !x.menus.some((p) => p.id === V) && z(null);
-  }, [x.menus, V, z]);
+    x.menus.length !== 0 && R !== null && !x.menus.some((p) => p.id === R) && V(null);
+  }, [x.menus, R, V]);
   const Ie = he(() => {
-    if (V !== null)
+    if (R !== null)
       return x.menus.filter(
-        (L) => L.id === V || L.parentGroupId === V
+        (L) => L.id === R || L.parentGroupId === R
       );
     const p = x.menus.filter((L) => L.parentGroupId === void 0), F = x.menus.filter((L) => L.parentGroupId !== void 0).flatMap((L) => L.items);
     return F.length === 0 ? p : [
       ...p,
       { id: 18, name: "Pengaturan", items: F, parentGroupId: void 0 }
     ];
-  }, [x.menus, V]);
+  }, [x.menus, R]);
   if (E)
     return /* @__PURE__ */ e("main", { style: { height: "100vh", overflowY: "auto", backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)" }, children: t || /* @__PURE__ */ e(Et, {}) });
   const Fe = (p) => {
-    const F = p.children && p.children.length > 0, L = K.has(p.id), C = F ? p.children.some((W) => de(W.to)) : de(p.to), S = rt(p.badge, R[p.id]), b = !!S && I && !M;
+    const F = p.children && p.children.length > 0, L = K.has(p.id), C = F ? p.children.some((B) => de(B.to)) : de(p.to), S = rt(p.badge, z[p.id]), w = !!S && I && !M;
     return /* @__PURE__ */ u("div", { "data-menu-active": C || void 0, children: [
       /* @__PURE__ */ u(
         "button",
         {
-          onClick: (W) => {
+          onClick: (B) => {
             if (F)
               if (I && !M) {
-                const H = W.currentTarget.getBoundingClientRect();
+                const H = B.currentTarget.getBoundingClientRect();
                 X({
                   item: p,
                   top: H.top,
@@ -481,11 +481,11 @@ function Tn({
             cursor: "pointer"
           },
           title: I && !M ? p.title : void 0,
-          onMouseEnter: (W) => {
-            C || (W.currentTarget.style.backgroundColor = "var(--sa-background-neutral, #f0f1f2)");
+          onMouseEnter: (B) => {
+            C || (B.currentTarget.style.backgroundColor = "var(--sa-background-neutral, #f0f1f2)");
           },
-          onMouseLeave: (W) => {
-            C || (W.currentTarget.style.backgroundColor = "transparent");
+          onMouseLeave: (B) => {
+            C || (B.currentTarget.style.backgroundColor = "transparent");
           },
           children: [
             /* @__PURE__ */ u(
@@ -497,8 +497,8 @@ function Tn({
                   flexShrink: 0
                 },
                 children: [
-                  /* @__PURE__ */ e(w, { name: p.icon, size: "sm", style: { flexShrink: 0 } }),
-                  b && /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(b, { name: p.icon, size: "sm", style: { flexShrink: 0 } }),
+                  w && /* @__PURE__ */ e(
                     "span",
                     {
                       "aria-hidden": "true",
@@ -517,7 +517,7 @@ function Tn({
                 ]
               }
             ),
-            (!I || M) && /* @__PURE__ */ u(G, { children: [
+            (!I || M) && /* @__PURE__ */ u(U, { children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -572,7 +572,7 @@ function Tn({
         }
       ),
       F && (!I || M) && (() => {
-        const W = p.children.findIndex(
+        const B = p.children.findIndex(
           (H) => de(H.to)
         );
         return /* @__PURE__ */ u(
@@ -604,14 +604,14 @@ function Tn({
                   }
                 }
               ),
-              W >= 0 && /* @__PURE__ */ e(
+              B >= 0 && /* @__PURE__ */ e(
                 "span",
                 {
                   "aria-hidden": "true",
                   style: {
                     position: "absolute",
                     left: 0,
-                    top: `${W * 32}px`,
+                    top: `${B * 32}px`,
                     width: "1.5px",
                     height: "32px",
                     backgroundColor: "var(--sa-text-primary, #292a2e)",
@@ -624,7 +624,7 @@ function Tn({
               p.children.map((H) => {
                 const ue = rt(
                   H.badge,
-                  R[H.id]
+                  z[H.id]
                 );
                 return /* @__PURE__ */ u(
                   "button",
@@ -655,7 +655,7 @@ function Tn({
                     },
                     children: [
                       /* @__PURE__ */ e(
-                        w,
+                        b,
                         {
                           name: H.icon,
                           size: "sm",
@@ -760,8 +760,8 @@ function Tn({
                       position: "relative"
                     },
                     children: (() => {
-                      const p = !M && I && !oe, F = p && $;
-                      return /* @__PURE__ */ u(G, { children: [
+                      const p = !M && I && !oe, F = p && G;
+                      return /* @__PURE__ */ u(U, { children: [
                         /* @__PURE__ */ u(
                           "div",
                           {
@@ -822,7 +822,7 @@ function Tn({
                               cursor: "pointer",
                               flexShrink: 0
                             },
-                            children: /* @__PURE__ */ e(Bt, {})
+                            children: /* @__PURE__ */ e(Wt, {})
                           }
                         ),
                         p && /* @__PURE__ */ e(
@@ -859,7 +859,7 @@ function Tn({
                                   height: "1rem",
                                   display: "inline-flex"
                                 },
-                                children: /* @__PURE__ */ e(Bt, {})
+                                children: /* @__PURE__ */ e(Wt, {})
                               }
                             )
                           }
@@ -1047,7 +1047,7 @@ function Tn({
                   /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
                     h,
                     /* @__PURE__ */ u(jt, { position: "bottom-right", children: [
-                      /* @__PURE__ */ e(Ue, { children: /* @__PURE__ */ u(
+                      /* @__PURE__ */ e(Ge, { children: /* @__PURE__ */ u(
                         "div",
                         {
                           style: {
@@ -1109,7 +1109,7 @@ function Tn({
                               }
                             ),
                             /* @__PURE__ */ e(
-                              w,
+                              b,
                               {
                                 name: "ChevronDown",
                                 size: "sm",
@@ -1211,12 +1211,12 @@ function Tn({
                               }
                             ) }),
                             (g && g.length > 0 || m) && /* @__PURE__ */ u($t, { children: [
-                              g == null ? void 0 : g.map((p, F) => /* @__PURE__ */ e(Ue, { children: /* @__PURE__ */ u(
+                              g == null ? void 0 : g.map((p, F) => /* @__PURE__ */ e(Ge, { children: /* @__PURE__ */ u(
                                 "button",
                                 {
                                   type: "button",
                                   onClick: p.onClick,
-                                  style: Wt,
+                                  style: Bt,
                                   onMouseEnter: (L) => {
                                     L.currentTarget.style.backgroundColor = "var(--sa-background-neutral, #f0f1f2)";
                                   },
@@ -1224,20 +1224,20 @@ function Tn({
                                     L.currentTarget.style.backgroundColor = "transparent";
                                   },
                                   children: [
-                                    /* @__PURE__ */ e(w, { name: p.icon, size: "md" }),
+                                    /* @__PURE__ */ e(b, { name: p.icon, size: "md" }),
                                     /* @__PURE__ */ e("span", { children: p.label })
                                   ]
                                 }
                               ) }, `${p.label}-${F}`)),
                               m
                             ] }),
-                            y ?? /* @__PURE__ */ e(ar, { children: /* @__PURE__ */ e(Ue, { children: /* @__PURE__ */ u(
+                            y ?? /* @__PURE__ */ e(ar, { children: /* @__PURE__ */ e(Ge, { children: /* @__PURE__ */ u(
                               "button",
                               {
                                 type: "button",
-                                onClick: We,
+                                onClick: Be,
                                 style: {
-                                  ...Wt,
+                                  ...Bt,
                                   color: "var(--sa-background-error, #c9184a)",
                                   fontWeight: 500
                                 },
@@ -1249,7 +1249,7 @@ function Tn({
                                 },
                                 children: [
                                   /* @__PURE__ */ e(
-                                    w,
+                                    b,
                                     {
                                       name: "Logout",
                                       size: "md",
@@ -1303,12 +1303,12 @@ function Tn({
     /* @__PURE__ */ u(ut, { isShow: ae, onHide: Ne, children: [
       /* @__PURE__ */ e(Ot, { children: "Confirmation Logout" }),
       /* @__PURE__ */ e(ht, { children: "Are you sure you want to end the session and exit the page?" }),
-      /* @__PURE__ */ e(_t, { children: /* @__PURE__ */ e(f, { display: "flex", align: "flex-end", justify: "center", children: /* @__PURE__ */ u(U, { direction: "row", gap: "sm", align: "center", children: [
+      /* @__PURE__ */ e(_t, { children: /* @__PURE__ */ e(f, { display: "flex", align: "flex-end", justify: "center", children: /* @__PURE__ */ u($, { direction: "row", gap: "sm", align: "center", children: [
         /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(T, { secondary: !0, onClick: Ne, children: "Cancel" }) }),
         /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(T, { primary: !0, onClick: et, children: "Yes, Sure" }) })
       ] }) }) })
     ] }),
-    ee && /* @__PURE__ */ u(G, { children: [
+    ee && /* @__PURE__ */ u(U, { children: [
       /* @__PURE__ */ e(
         "div",
         {
@@ -1360,7 +1360,7 @@ function Tn({
             (_e = ee.item.children) == null ? void 0 : _e.map((p) => {
               const F = de(p.to), L = rt(
                 p.badge,
-                R[p.id]
+                z[p.id]
               );
               return /* @__PURE__ */ u(
                 "button",
@@ -1391,7 +1391,7 @@ function Tn({
                   },
                   children: [
                     p.icon && /* @__PURE__ */ e(
-                      w,
+                      b,
                       {
                         name: p.icon,
                         size: "sm",
@@ -1419,7 +1419,7 @@ function Tn({
     ] })
   ] }) });
 }
-const Br = ({ children: t, ...r }) => /* @__PURE__ */ e(
+const Wr = ({ children: t, ...r }) => /* @__PURE__ */ e(
   f,
   {
     role: "button",
@@ -1430,7 +1430,7 @@ const Br = ({ children: t, ...r }) => /* @__PURE__ */ e(
     ...r,
     children: t
   }
-), Xe = ce(Br), At = ({
+), Xe = ce(Wr), At = ({
   title: t,
   iconName: r,
   textColor: i,
@@ -1450,7 +1450,7 @@ const Br = ({ children: t, ...r }) => /* @__PURE__ */ e(
       style: { cursor: "pointer" },
       children: [
         /* @__PURE__ */ e(
-          w,
+          b,
           {
             name: r || "ChevronLeft",
             size: "xs",
@@ -1474,7 +1474,7 @@ const Br = ({ children: t, ...r }) => /* @__PURE__ */ e(
       ]
     }
   );
-}, Wr = ({
+}, Br = ({
   items: t,
   separator: r = "/",
   iconName: i,
@@ -1482,7 +1482,7 @@ const Br = ({ children: t, ...r }) => /* @__PURE__ */ e(
   hoverIconColor: n
 }) => {
   const [l, s] = k(!1), a = o ?? "var(--sa-text-subtle, #8c8f97)", h = 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,
+    b,
     {
       name: i || "ChevronLeft",
       size: "xs",
@@ -1505,7 +1505,7 @@ const Br = ({ children: t, ...r }) => /* @__PURE__ */ e(
 }, On = (t) => {
   const { items: r, separator: i, onClick: o, navigateTo: n, ...l } = t;
   return r && r.length > 0 ? /* @__PURE__ */ e(
-    Wr,
+    Br,
     {
       items: r,
       separator: i,
@@ -1583,7 +1583,7 @@ const Ht = {
   color: "var(--sa-background-primary, #ffffff)",
   lineHeight: "1.3",
   maxWidth: "80px"
-}, Rt = {
+}, zt = {
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
@@ -1629,9 +1629,9 @@ function Ar({
                 onClick: () => a(null),
                 onMouseEnter: () => s("all"),
                 onMouseLeave: () => s(void 0),
-                style: Rt,
+                style: zt,
                 children: [
-                  /* @__PURE__ */ e("div", { style: It(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: It(o === null, l === "all", h), children: /* @__PURE__ */ e("div", { style: { color: h.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(b, { name: "Grid", size: "lg", style: { width: 32, height: 32 } }) }) }),
                   /* @__PURE__ */ e("span", { style: Ht, children: "Semua" })
                 ]
               }
@@ -1645,9 +1645,9 @@ function Ar({
                   onClick: () => a(d.id),
                   onMouseEnter: () => s(d.id),
                   onMouseLeave: () => s(void 0),
-                  style: Rt,
+                  style: zt,
                   children: [
-                    /* @__PURE__ */ e("div", { style: It(m, y, E), children: /* @__PURE__ */ e("div", { style: { color: E.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(w, { name: D, size: "lg", style: { width: 32, height: 32 } }) }) }),
+                    /* @__PURE__ */ e("div", { style: It(m, y, E), children: /* @__PURE__ */ e("div", { style: { color: E.icon, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(b, { name: D, size: "lg", style: { width: 32, height: 32 } }) }) }),
                     /* @__PURE__ */ e("span", { style: Ht, children: d.name })
                   ]
                 },
@@ -1672,7 +1672,7 @@ function _n({
     }
     t == null || t(d);
   };
-  return /* @__PURE__ */ u(G, { children: [
+  return /* @__PURE__ */ u(U, { children: [
     /* @__PURE__ */ u("div", { style: { position: "relative" }, children: [
       /* @__PURE__ */ e(
         "button",
@@ -1697,7 +1697,7 @@ function _n({
           onMouseLeave: (d) => {
             d.currentTarget.style.backgroundColor = "transparent";
           },
-          children: /* @__PURE__ */ e(w, { name: "GridApplication", size: "sm" })
+          children: /* @__PURE__ */ e(b, { name: "GridApplication", size: "sm" })
         }
       ),
       n !== null && /* @__PURE__ */ e(
@@ -1763,13 +1763,13 @@ const Ir = (t, r) => {
       }),
       [n, l]
     ), h = () => typeof r == "string" ? /* @__PURE__ */ e(v, { fontWeight: "medium", color: "text-muted", children: r }) : r, d = () => typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ e(v, { color: "text", fontWeight: "medium", children: t }) : t, g = () => typeof i == "string" || typeof i == "number" ? /* @__PURE__ */ e(v, { fontWeight: "medium", color: "text-muted", children: i }) : i;
-    return /* @__PURE__ */ u(Ve, { children: [
+    return /* @__PURE__ */ u(Re, { children: [
       /* @__PURE__ */ e(Se, { style: s, width: o, children: h() }),
       i ? /* @__PURE__ */ e(Se, { style: a, width: 24, children: g() }) : null,
       /* @__PURE__ */ e(Se, { style: s, children: d() })
     ] });
   }
-), Rr = ce(({ fields: t, separator: r, labelWidth: i }) => /* @__PURE__ */ e(Ut, { children: t.map((o, n) => /* @__PURE__ */ e(
+), zr = ce(({ fields: t, separator: r, labelWidth: i }) => /* @__PURE__ */ e(Gt, { children: t.map((o, n) => /* @__PURE__ */ e(
   Hr,
   {
     separator: r,
@@ -1824,7 +1824,7 @@ const Ir = (t, r) => {
             width: a ? h() : void 0,
             marginBottom: a ? "lg" : void 0,
             children: /* @__PURE__ */ e(
-              Rr,
+              zr,
               {
                 labelWidth: n,
                 fields: d,
@@ -1837,7 +1837,7 @@ const Ir = (t, r) => {
       }
     );
   }
-), Vr = ({ backButton: t }) => {
+), Rr = ({ backButton: t }) => {
   const [r, i] = k(!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__ */ u(
     f,
@@ -1850,7 +1850,7 @@ const Ir = (t, r) => {
       style: { cursor: "pointer" },
       children: [
         /* @__PURE__ */ e(
-          w,
+          b,
           {
             name: (t == null ? void 0 : t.iconName) || "ChevronLeft",
             size: "xs",
@@ -1875,7 +1875,7 @@ const Ir = (t, r) => {
       ]
     }
   );
-}, zr = ({
+}, Vr = ({
   backButton: t,
   title: r,
   titleTag: i,
@@ -1886,7 +1886,7 @@ const Ir = (t, r) => {
   containerProps: a,
   headerProps: h
 }) => {
-  const d = ne("lg"), g = mt(), m = ze(), y = t == null ? void 0 : t.show, D = () => {
+  const d = ne("lg"), g = mt(), m = Ve(), y = t == null ? void 0 : t.show, D = () => {
     if (typeof (t == null ? void 0 : t.onClick) == "function") {
       t.onClick();
       return;
@@ -1897,7 +1897,7 @@ const Ir = (t, r) => {
       T,
       {
         fullWidth: !d,
-        iconLeft: q ? /* @__PURE__ */ e(w, { name: q, size: "md" }) : void 0,
+        iconLeft: q ? /* @__PURE__ */ e(b, { name: q, size: "md" }) : void 0,
         onClick: ae,
         ...M,
         children: N
@@ -1905,7 +1905,7 @@ const Ir = (t, r) => {
       `action-${J}`
     )
   ) }) : null, x = () => {
-    const N = /* @__PURE__ */ e(Vr, { backButton: t });
+    const N = /* @__PURE__ */ e(Rr, { backButton: t });
     return t != null && t.navigateTo ? /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(
       qe,
       {
@@ -1915,7 +1915,7 @@ const Ir = (t, r) => {
         children: N
       }
     ) }) : /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(Xe, { onClick: D, children: N }) });
-  }, R = () => {
+  }, z = () => {
     const N = !!r, q = st(l) ? !0 : Array.isArray(l) && l.length > 0;
     return !N && !q && !y ? null : /* @__PURE__ */ u(
       f,
@@ -1958,16 +1958,16 @@ const Ir = (t, r) => {
         animation: "pageLayoutEnter 320ms cubic-bezier(0.16, 1, 0.3, 1) backwards"
       },
       children: [
-        n && R(),
+        n && z(),
         j()
       ]
     },
     m.pathname
   );
-}, Zn = ce(zr), Nr = {
+}, Zn = ce(Vr), Nr = {
   icon: "Cross",
   title: ""
-}, Tr = "calc(100vw - 16px)", Vt = (t) => t == null ? void 0 : `min(${typeof t == "number" ? `${t}px` : t}, ${Tr})`, Or = qt(
+}, Tr = "calc(100vw - 16px)", Rt = (t) => t == null ? void 0 : `min(${typeof t == "number" ? `${t}px` : t}, ${Tr})`, Or = qt(
   ({
     onHide: t,
     show: r,
@@ -1979,7 +1979,7 @@ const Ir = (t, r) => {
     minWidth: a = "357px",
     maxWidth: h = "357px"
   }, d) => {
-    const g = Vt(s ?? a), m = Vt(s ?? h);
+    const g = Rt(s ?? a), m = Rt(s ?? h);
     return /* @__PURE__ */ e(
       lr,
       {
@@ -2005,7 +2005,7 @@ const Ir = (t, r) => {
               cursor: "pointer",
               children: [
                 /* @__PURE__ */ e(
-                  w,
+                  b,
                   {
                     name: l.icon,
                     size: "md",
@@ -2148,7 +2148,7 @@ const Ir = (t, r) => {
       children: t
     }
   );
-}, $r = ce(Zr), Ur = ({
+}, $r = ce(Zr), Gr = ({
   icon: t,
   items: r = [],
   style: i,
@@ -2168,7 +2168,7 @@ const Ir = (t, r) => {
     [n]
   );
   return /* @__PURE__ */ u(jt, { position: l, style: i, children: [
-    /* @__PURE__ */ e(Ue, { style: o, children: /* @__PURE__ */ e(T, { size: "sm", secondary: !0, ...s, children: /* @__PURE__ */ e(w, { name: t, ...a }) }) }),
+    /* @__PURE__ */ e(Ge, { style: o, children: /* @__PURE__ */ e(T, { size: "sm", secondary: !0, ...s, children: /* @__PURE__ */ e(b, { name: t, ...a }) }) }),
     /* @__PURE__ */ e(Zt, { style: d, children: r.map((g, m) => h === "outline-button" ? /* @__PURE__ */ e($t, { children: /* @__PURE__ */ u(
       T,
       {
@@ -2178,7 +2178,7 @@ const Ir = (t, r) => {
         onClick: g.onClick,
         ...g.buttonProps,
         children: [
-          /* @__PURE__ */ e(w, { name: g.icon, size: "md", ...g.iconProps }),
+          /* @__PURE__ */ e(b, { name: g.icon, size: "md", ...g.iconProps }),
           /* @__PURE__ */ e(v, { fontSize: "sm", color: "text", ...g.textProps, children: g.label })
         ]
       }
@@ -2188,15 +2188,15 @@ const Ir = (t, r) => {
         onClick: g.onClick,
         ...g.buttonProps,
         children: [
-          /* @__PURE__ */ e(w, { name: g.icon, size: "md", ...g.iconProps }),
+          /* @__PURE__ */ e(b, { name: g.icon, size: "md", ...g.iconProps }),
           /* @__PURE__ */ e(v, { fontSize: "sm", color: "text", ...g.textProps, children: g.label })
         ]
       },
       g.id || m
     )) })
   ] });
-}, Un = ce(Ur), Gr = (t) => /* @__PURE__ */ e(v, { variant: "h1", children: t.children, ...t.props }), qr = (t) => /* @__PURE__ */ e(v, { variant: "h2", children: t.children, ...t.props }), Jr = (t) => /* @__PURE__ */ e(v, { variant: "h3", children: t.children, ...t.props }), Pr = (t) => /* @__PURE__ */ e(v, { variant: "h4", children: t.children, ...t.props }), Qr = (t) => /* @__PURE__ */ e(v, { variant: "h5", children: t.children, ...t.props }), Yr = (t) => /* @__PURE__ */ e(v, { variant: "h6", children: t.children, ...t.props }), Xr = (t) => /* @__PURE__ */ e(v, { variant: "sub-h1", children: t.children, ...t.props }), Kr = (t) => /* @__PURE__ */ e(v, { variant: "sub-h2", children: t.children, ...t.props }), ei = (t) => /* @__PURE__ */ e(v, { variant: "sub-h3", children: t.children, ...t.props }), ti = (t) => /* @__PURE__ */ e(v, { variant: "body-1", children: t.children, ...t.props }), ri = (t) => /* @__PURE__ */ e(v, { variant: "body-2", children: t.children, ...t.props }), ii = (t) => /* @__PURE__ */ e(v, { variant: "body-3", children: t.children, ...t.props }), pe = {
-  H1: Gr,
+}, Gn = ce(Gr), Ur = (t) => /* @__PURE__ */ e(v, { variant: "h1", children: t.children, ...t.props }), qr = (t) => /* @__PURE__ */ e(v, { variant: "h2", children: t.children, ...t.props }), Jr = (t) => /* @__PURE__ */ e(v, { variant: "h3", children: t.children, ...t.props }), Pr = (t) => /* @__PURE__ */ e(v, { variant: "h4", children: t.children, ...t.props }), Qr = (t) => /* @__PURE__ */ e(v, { variant: "h5", children: t.children, ...t.props }), Yr = (t) => /* @__PURE__ */ e(v, { variant: "h6", children: t.children, ...t.props }), Xr = (t) => /* @__PURE__ */ e(v, { variant: "sub-h1", children: t.children, ...t.props }), Kr = (t) => /* @__PURE__ */ e(v, { variant: "sub-h2", children: t.children, ...t.props }), ei = (t) => /* @__PURE__ */ e(v, { variant: "sub-h3", children: t.children, ...t.props }), ti = (t) => /* @__PURE__ */ e(v, { variant: "body-1", children: t.children, ...t.props }), ri = (t) => /* @__PURE__ */ e(v, { variant: "body-2", children: t.children, ...t.props }), ii = (t) => /* @__PURE__ */ e(v, { variant: "body-3", children: t.children, ...t.props }), pe = {
+  H1: Ur,
   H2: qr,
   H3: Jr,
   H4: Pr,
@@ -2209,7 +2209,7 @@ const Ir = (t, r) => {
   Body2: ri,
   Body3: ii
 }, xt = () => {
-  const [t, r] = Ye(), i = Pe(t.toString()), o = Jt(), n = ze(), l = o.id;
+  const [t, r] = Ye(), i = Pe(t.toString()), o = Jt(), n = Ve(), l = o.id;
   return {
     // query params
     setSearchParams: r,
@@ -2226,7 +2226,7 @@ const Ir = (t, r) => {
     id: l,
     hasId: !!l
   };
-}, ni = (t) => JSON.stringify(t), oi = (t) => JSON.stringify(t), li = (t) => JSON.stringify(t), ci = (t) => JSON.stringify(t), ai = (t) => t, si = (t) => JSON.stringify(t), zt = ({
+}, ni = (t) => JSON.stringify(t), oi = (t) => JSON.stringify(t), li = (t) => JSON.stringify(t), ci = (t) => JSON.stringify(t), ai = (t) => t, si = (t) => JSON.stringify(t), Vt = ({
   value: t,
   name: r,
   type: i,
@@ -2288,7 +2288,7 @@ const Ir = (t, r) => {
 }) => {
   const n = i.get(r) || void 0, l = n && typeof n == "string" ? JSON.parse(n) : void 0, s = l ? l[t] : void 0;
   return o === "label" && s ? JSON.parse(s)[0].label : o === "value" && s ? JSON.parse(s)[0].value : s;
-}, Gn = ({
+}, Un = ({
   name: t,
   filterKey: r = "filter",
   searchParams: i,
@@ -2363,7 +2363,7 @@ const Ir = (t, r) => {
     }
   };
   return /* @__PURE__ */ e(Or, { onHide: r, show: t || !1, children: /* @__PURE__ */ u(f, { direction: "column", gap: "md", children: [
-    /* @__PURE__ */ u(U, { direction: "row", justify: "space-between", align: "center", children: [
+    /* @__PURE__ */ u($, { direction: "row", justify: "space-between", align: "center", children: [
       /* @__PURE__ */ e(f, { children: "Filter" }),
       /* @__PURE__ */ e(
         f,
@@ -2395,24 +2395,24 @@ const Ir = (t, r) => {
   withTitleLabels: x = !1
 }) => {
   const j = (y == null ? void 0 : y.isShowLabel) ?? !0, [N, q] = k(!1), [M, ae] = k(0), J = () => {
-    ae((z) => z + 1);
-  }, { searchParams: I, setSearchParams: P, getQueryParam: oe } = xt(), le = Pe(I.toString()), $ = di(t, I, a) || "", [Q, K] = k($), se = oe(a), X = !!(se && !(() => {
+    ae((V) => V + 1);
+  }, { searchParams: I, setSearchParams: P, getQueryParam: oe } = xt(), le = Pe(I.toString()), G = di(t, I, a) || "", [Q, K] = k(G), se = oe(a), X = !!(se && !(() => {
     if (se)
       try {
-        const z = JSON.parse(se);
-        return Object.keys(z).length === 1 && z[t] === "";
-      } catch (z) {
-        console.error("Filter parameter is not a valid JSON:", z);
+        const V = JSON.parse(se);
+        return Object.keys(V).length === 1 && V[t] === "";
+      } catch (V) {
+        console.error("Filter parameter is not a valid JSON:", V);
       }
     return !1;
-  })()), V = ne("md");
+  })()), R = ne("md");
   return Z(() => {
-    K($);
-  }, [$]), Z(() => {
-    if (Q === $)
+    K(G);
+  }, [G]), Z(() => {
+    if (Q === G)
       return;
-    const z = window.setTimeout(() => {
-      zt({
+    const V = window.setTimeout(() => {
+      Vt({
         value: Q,
         name: t,
         type: "search",
@@ -2423,22 +2423,22 @@ const Ir = (t, r) => {
       });
     }, 350);
     return () => {
-      window.clearTimeout(z);
+      window.clearTimeout(V);
     };
   }, [
     Q,
-    $,
+    G,
     t,
     le,
     P,
     a,
     h
   ]), /* @__PURE__ */ u(
-    U,
+    $,
     {
       gap: "md",
       style: {
-        flexDirection: V && D === "left" ? "row" : V && D === "right" ? "row-reverse" : "column"
+        flexDirection: R && D === "left" ? "row" : R && D === "right" ? "row-reverse" : "column"
       },
       align: "flex-end",
       children: [
@@ -2446,28 +2446,28 @@ const Ir = (t, r) => {
           T,
           {
             onClick: () => {
-              const z = new URLSearchParams(I);
-              z.delete(a), P(z), K(""), J(), g && g();
+              const V = new URLSearchParams(I);
+              V.delete(a), P(V), K(""), J(), g && g();
             },
             variant: "outline",
             tone: "neutral",
             children: /* @__PURE__ */ e(v, { color: "error", fontWeight: "semibold", children: "Reset" })
           }
         ) }),
-        n == null ? void 0 : n.map(({ minWidth: z, content: te, title: fe, onClickContainer: ge }, We) => /* @__PURE__ */ u(
+        n == null ? void 0 : n.map(({ minWidth: V, content: te, title: fe, onClickContainer: ge }, Be) => /* @__PURE__ */ u(
           f,
           {
             gap: "sm",
             onClick: ge,
             style: {
-              minWidth: z
+              minWidth: V
             },
             children: [
               fe && /* @__PURE__ */ e(pe.SubH3, { children: fe }),
               te
             ]
           },
-          `extended-filter-${We}-${M}`
+          `extended-filter-${Be}-${M}`
         )),
         !!(m != null && m.length) && /* @__PURE__ */ e(
           T,
@@ -2475,7 +2475,7 @@ const Ir = (t, r) => {
             primary: X,
             secondary: !X,
             iconLeft: /* @__PURE__ */ e(
-              w,
+              b,
               {
                 size: "sm",
                 name: (y == null ? void 0 : y.icon) || "FilterHorizontal",
@@ -2484,7 +2484,7 @@ const Ir = (t, r) => {
                 }
               }
             ),
-            fullWidth: !V,
+            fullWidth: !R,
             onClick: () => q(!0),
             children: j ? "Filter" : void 0
           }
@@ -2532,8 +2532,8 @@ const Ir = (t, r) => {
                       })
                     }
                   ] : [],
-                  onChange: (z) => zt({
-                    value: z,
+                  onChange: (V) => Vt({
+                    value: V,
                     name: r,
                     type: "dropdown",
                     searchQueries: le,
@@ -2552,7 +2552,7 @@ const Ir = (t, r) => {
           {
             gap: "sm",
             style: {
-              width: d && V ? d : V ? "310px" : ""
+              width: d && R ? d : R ? "310px" : ""
             },
             children: [
               x && /* @__PURE__ */ u(pe.SubH3, { children: [
@@ -2563,8 +2563,8 @@ const Ir = (t, r) => {
                 gt,
                 {
                   placeholder: i,
-                  leftIcon: /* @__PURE__ */ e(w, { name: "Search", width: 20, height: 20 }),
-                  onChange: (z) => K(z.target.value),
+                  leftIcon: /* @__PURE__ */ e(b, { name: "Search", width: 20, height: 20 }),
+                  onChange: (V) => K(V.target.value),
                   value: Q,
                   fullWidth: !0
                 },
@@ -2642,7 +2642,7 @@ const Ir = (t, r) => {
         flexDirection: s ? "row" : "column-reverse",
         gap: "16px"
       },
-      children: o ? o({ filter: a }) : /* @__PURE__ */ u(G, { children: [
+      children: o ? o({ filter: a }) : /* @__PURE__ */ u(U, { children: [
         /* @__PURE__ */ u(f, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flex: 1, minWidth: 0 }, children: [
           a,
           i
@@ -2664,7 +2664,7 @@ const Ir = (t, r) => {
                   T,
                   {
                     fullWidth: !s,
-                    iconLeft: g ? /* @__PURE__ */ e(w, { name: g }) : void 0,
+                    iconLeft: g ? /* @__PURE__ */ e(b, { name: g }) : void 0,
                     onClick: y,
                     ...m,
                     children: d
@@ -2742,7 +2742,7 @@ const Ir = (t, r) => {
         borderTop: "1px solid var(--sa-border-subtle, #0b120e24)",
         flexShrink: 0
       },
-      children: n ? /* @__PURE__ */ u(G, { children: [
+      children: n ? /* @__PURE__ */ u(U, { children: [
         /* @__PURE__ */ u(f, { style: { display: "flex", flexDirection: "row", gap: "8px", alignItems: "center", textWrap: "nowrap" }, children: [
           /* @__PURE__ */ e(v, { children: "Rows Per Page: " }),
           /* @__PURE__ */ e(
@@ -2788,10 +2788,10 @@ const Ir = (t, r) => {
   ) : t.options, [t.options, a]);
   Z(() => {
     if (i && l.current) {
-      const x = l.current.getBoundingClientRect(), R = 280, j = {
+      const x = l.current.getBoundingClientRect(), z = 280, j = {
         top: x.bottom + 8
       };
-      t.position === "left" || x.left + R > window.innerWidth ? j.right = window.innerWidth - x.right : j.left = x.left, g(j);
+      t.position === "left" || x.left + z > window.innerWidth ? j.right = window.innerWidth - x.right : j.left = x.left, g(j);
     }
   }, [i, t.position]), Z(() => {
     i && s.current ? setTimeout(() => {
@@ -2799,14 +2799,14 @@ const Ir = (t, r) => {
       return (x = s.current) == null ? void 0 : x.focus();
     }, 50) : h("");
   }, [i]), Z(() => {
-    const x = (R) => {
-      n.current && !n.current.contains(R.target) && l.current && !l.current.contains(R.target) && o(!1);
+    const x = (z) => {
+      n.current && !n.current.contains(z.target) && l.current && !l.current.contains(z.target) && o(!1);
     };
     return i && document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
   }, [i]);
   const D = (x) => {
-    const R = m.includes(x) ? m.filter((j) => j !== x) : [...m, x];
-    t.onFilterChange(R);
+    const z = m.includes(x) ? m.filter((j) => j !== x) : [...m, x];
+    t.onFilterChange(z);
   }, E = () => t.onFilterChange([]);
   return /* @__PURE__ */ u(f, { style: { position: "relative" }, children: [
     /* @__PURE__ */ e(
@@ -2820,11 +2820,11 @@ const Ir = (t, r) => {
           cursor: "pointer"
         },
         onClick: (x) => {
-          var R;
-          x.stopPropagation(), i || (R = t.onOpen) == null || R.call(t), o((j) => !j);
+          var z;
+          x.stopPropagation(), i || (z = t.onOpen) == null || z.call(t), o((j) => !j);
         },
         children: /* @__PURE__ */ e(
-          w,
+          b,
           {
             name: i ? "ChevronUp" : "ChevronDown",
             size: "sm",
@@ -2902,7 +2902,7 @@ const Ir = (t, r) => {
                 {
                   ref: s,
                   placeholder: `Search ${r.toLowerCase()}...`,
-                  leftIcon: /* @__PURE__ */ e(w, { name: "Search", size: "sm" }),
+                  leftIcon: /* @__PURE__ */ e(b, { name: "Search", size: "sm" }),
                   value: a,
                   onChange: (x) => h(x.target.value),
                   style: { fontSize: "14px" }
@@ -2933,7 +2933,7 @@ const Ir = (t, r) => {
                   },
                   children: [
                     /* @__PURE__ */ e(
-                      w,
+                      b,
                       {
                         name: "Loading",
                         size: "lg",
@@ -2971,14 +2971,14 @@ const Ir = (t, r) => {
                     transition: "all 0.2s ease",
                     backgroundColor: m.includes(x.value) ? "var(--sa-color-brand-50, #e6edf6)" : "transparent"
                   },
-                  onClick: (R) => {
-                    R.stopPropagation(), D(x.value);
+                  onClick: (z) => {
+                    z.stopPropagation(), D(x.value);
                   },
-                  onMouseEnter: (R) => {
-                    m.includes(x.value) || (R.currentTarget.style.backgroundColor = "var(--sa-background-primary, #ffffff)"), R.currentTarget.style.transform = "translateX(2px)";
+                  onMouseEnter: (z) => {
+                    m.includes(x.value) || (z.currentTarget.style.backgroundColor = "var(--sa-background-primary, #ffffff)"), z.currentTarget.style.transform = "translateX(2px)";
                   },
-                  onMouseLeave: (R) => {
-                    R.currentTarget.style.backgroundColor = m.includes(x.value) ? "var(--sa-color-brand-50, #e6edf6)" : "transparent", R.currentTarget.style.transform = "translateX(0)";
+                  onMouseLeave: (z) => {
+                    z.currentTarget.style.backgroundColor = m.includes(x.value) ? "var(--sa-color-brand-50, #e6edf6)" : "transparent", z.currentTarget.style.transform = "translateX(0)";
                   },
                   children: [
                     /* @__PURE__ */ e(
@@ -3014,7 +3014,7 @@ const Ir = (t, r) => {
                   },
                   children: [
                     /* @__PURE__ */ e(
-                      w,
+                      b,
                       {
                         name: "Search",
                         size: "lg",
@@ -3147,7 +3147,7 @@ const Ir = (t, r) => {
   customActions: D,
   actionsOrder: E = ["detail", "update", "delete", "custom"],
   customEmptyState: x,
-  enableColumnResize: R = !1,
+  enableColumnResize: z = !1,
   defaultColumnWidths: j,
   onColumnWidthsChange: N,
   defaultMinColumnWidth: q = 60,
@@ -3158,15 +3158,15 @@ const Ir = (t, r) => {
 }) => {
   const P = M !== void 0, [oe, le] = k(
     ae ?? null
-  ), $ = P ? M ?? null : oe, Q = (C) => {
+  ), G = P ? M ?? null : oe, Q = (C) => {
     if (C.sortKey) return C.sortKey;
     if (typeof C.accessor == "string") return C.accessor;
   }, K = (C) => {
     const S = Q(C);
     if (!S) return;
-    let b;
-    !$ || $.key !== S ? b = { key: S, direction: "asc" } : $.direction === "asc" ? b = { key: S, direction: "desc" } : b = null, P || le(b), J == null || J(b);
-  }, ee = [i, o, n].filter((C) => C !== void 0).length, X = !!D, V = !!i || !!o || !!n || X, z = "var(--sa-border-subtle, #0b120e24)", te = `1px solid ${z}`, fe = `inset 1px 0 0 ${z}`, ge = `inset -1px 0 0 ${z}`, We = ee === 3 ? X ? "178px" : "140px" : ee === 2 ? X ? "140px" : "102px" : ee === 1 ? X ? "112px" : "74px" : X ? "74px" : "", Ne = (C, S) => {
+    let w;
+    !G || G.key !== S ? w = { key: S, direction: "asc" } : G.direction === "asc" ? w = { key: S, direction: "desc" } : w = null, P || le(w), J == null || J(w);
+  }, ee = [i, o, n].filter((C) => C !== void 0).length, X = !!D, R = !!i || !!o || !!n || X, V = "var(--sa-border-subtle, #0b120e24)", te = `1px solid ${V}`, fe = `inset 1px 0 0 ${V}`, ge = `inset -1px 0 0 ${V}`, Be = ee === 3 ? X ? "178px" : "140px" : ee === 2 ? X ? "140px" : "102px" : ee === 1 ? X ? "112px" : "74px" : X ? "74px" : "", Ne = (C, S) => {
     if (!S) return C;
     if (typeof S == "function") return S(C);
     if (typeof S == "string") return C[S];
@@ -3187,26 +3187,26 @@ const Ir = (t, r) => {
     const C = Array.from(
       Ae.current.querySelectorAll("thead tr th")
     ), S = [];
-    let b = 0;
-    C.forEach((W, H) => {
-      S[H] = b, H < m && (b += W.offsetWidth);
+    let w = 0;
+    C.forEach((B, H) => {
+      S[H] = w, H < m && (w += B.offsetWidth);
     }), Oe(S);
   }, [m, t, r, Ie]);
   const _e = (C) => {
     y && y(C < m ? C : C + 1);
   }, p = (C, S) => {
-    const b = Ie[C];
-    if (b !== void 0) {
-      const W = `${b}px`;
-      return { width: W, minWidth: W, maxWidth: W };
+    const w = Ie[C];
+    if (w !== void 0) {
+      const B = `${w}px`;
+      return { width: B, minWidth: B, maxWidth: B };
     }
     return S ? { width: S } : {};
-  }, F = (C) => R && (C.resizable ?? !0), L = (C, S) => {
+  }, F = (C) => z && (C.resizable ?? !0), L = (C, S) => {
     C.preventDefault(), C.stopPropagation();
-    const b = C.currentTarget.closest("th");
-    if (!b) return;
-    const W = Math.round(b.getBoundingClientRect().width);
-    Ee.current = { colIndex: S, startX: C.clientX, startWidth: W };
+    const w = C.currentTarget.closest("th");
+    if (!w) return;
+    const B = Math.round(w.getBoundingClientRect().width);
+    Ee.current = { colIndex: S, startX: C.clientX, startWidth: B };
     const H = document.body.style.userSelect, ue = document.body.style.cursor;
     document.body.style.userSelect = "none", document.body.style.cursor = "col-resize";
     const xe = (De) => {
@@ -3222,7 +3222,7 @@ const Ir = (t, r) => {
     };
     document.addEventListener("mousemove", xe), document.addEventListener("mouseup", we);
   };
-  return /* @__PURE__ */ e("div", { ref: Ae, children: /* @__PURE__ */ u(Ut, { fullWidth: !0, children: [
+  return /* @__PURE__ */ e("div", { ref: Ae, children: /* @__PURE__ */ u(Gt, { fullWidth: !0, children: [
     /* @__PURE__ */ e(
       dr,
       {
@@ -3230,22 +3230,22 @@ const Ir = (t, r) => {
           height: "40px",
           whiteSpace: "nowrap"
         },
-        children: /* @__PURE__ */ u(Ve, { children: [
+        children: /* @__PURE__ */ u(Re, { children: [
           t.map((C, S) => {
             var je, He;
-            const b = m > 0 && S < m, W = de[S] ?? 0, H = F(C), xe = S === t.length - 1 && V && I, we = Q(C), De = !!C.sortable && !!we, Ce = De && ($ == null ? void 0 : $.key) === we ? $.direction : null;
+            const w = m > 0 && S < m, B = de[S] ?? 0, H = F(C), xe = S === t.length - 1 && R && I, we = Q(C), De = !!C.sortable && !!we, Ce = De && (G == null ? void 0 : G.key) === we ? G.direction : null;
             return /* @__PURE__ */ u(
               St,
               {
                 style: {
                   position: "sticky",
                   top: 0,
-                  left: b ? W : void 0,
-                  zIndex: b ? 4 : 2,
+                  left: w ? B : void 0,
+                  zIndex: w ? 4 : 2,
                   paddingLeft: S === 0 ? "12px" : "",
-                  borderRight: d && !xe && !b ? te : void 0,
+                  borderRight: d && !xe && !w ? te : void 0,
                   borderBottom: d ? te : void 0,
-                  boxShadow: d && b ? ge : void 0,
+                  boxShadow: d && w ? ge : void 0,
                   backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)",
                   textAlign: C.textAlign === "text-right" ? "right" : C.textAlign === "text-center" ? "center" : "left",
                   ...p(S, C.width)
@@ -3324,7 +3324,7 @@ const Ir = (t, r) => {
                           "button",
                           {
                             onClick: () => _e(S),
-                            title: b ? "Unfreeze column" : "Freeze column",
+                            title: w ? "Unfreeze column" : "Freeze column",
                             style: {
                               background: "none",
                               border: "none",
@@ -3333,11 +3333,11 @@ const Ir = (t, r) => {
                               display: "flex",
                               alignItems: "center",
                               flexShrink: 0,
-                              color: b ? "var(--sa-background-brand, #04254f)" : "var(--sa-text-subtle, #8c8f97)",
-                              opacity: b ? 1 : 0.45,
+                              color: w ? "var(--sa-background-brand, #04254f)" : "var(--sa-text-subtle, #8c8f97)",
+                              opacity: w ? 1 : 0.45,
                               transition: "opacity 0.15s"
                             },
-                            children: /* @__PURE__ */ e(Ci, { frozen: b })
+                            children: /* @__PURE__ */ e(Ci, { frozen: w })
                           }
                         )
                       ]
@@ -3369,7 +3369,7 @@ const Ir = (t, r) => {
               `table-head-${S}`
             );
           }),
-          V ? /* @__PURE__ */ e(
+          R ? /* @__PURE__ */ e(
             St,
             {
               style: {
@@ -3386,35 +3386,35 @@ const Ir = (t, r) => {
         ] })
       }
     ),
-    /* @__PURE__ */ e(ur, { children: l ? /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(Se, { colSpan: t.length + 1, children: /* @__PURE__ */ u(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) && x ? /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(Se, { colSpan: t.length + 1, children: x }) }) : r == null ? void 0 : r.map((C, S) => /* @__PURE__ */ u(
-      Ve,
+    /* @__PURE__ */ e(ur, { children: l ? /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(Se, { colSpan: t.length + 1, children: /* @__PURE__ */ u(f, { style: { gap: "16px" }, children: [
+      /* @__PURE__ */ e(ze, { variant: "list" }),
+      /* @__PURE__ */ e(ze, { variant: "list" }),
+      /* @__PURE__ */ e(ze, { variant: "list" }),
+      /* @__PURE__ */ e(ze, { variant: "list" }),
+      /* @__PURE__ */ e(ze, { variant: "list" })
+    ] }) }) }) : !(r != null && r.length) && x ? /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(Se, { colSpan: t.length + 1, children: x }) }) : r == null ? void 0 : r.map((C, S) => /* @__PURE__ */ u(
+      Re,
       {
         style: {
           transition: "background-color 0.3s ease",
           padding: 0,
           borderBottom: S === r.length - 1 && et ? void 0 : "1px solid var(--sa-border-subtle, #0b120e24)"
         },
-        onMouseEnter: (b) => {
-          const W = b.currentTarget;
-          W.style.backgroundColor = Nt, Array.from(W.querySelectorAll("td")).forEach((H) => {
+        onMouseEnter: (w) => {
+          const B = w.currentTarget;
+          B.style.backgroundColor = Nt, Array.from(B.querySelectorAll("td")).forEach((H) => {
             H.style.position === "sticky" && (H.style.backgroundColor = Nt);
           });
         },
-        onMouseLeave: (b) => {
-          const W = b.currentTarget;
-          W.style.backgroundColor = "", Array.from(W.querySelectorAll("td")).forEach((H) => {
+        onMouseLeave: (w) => {
+          const B = w.currentTarget;
+          B.style.backgroundColor = "", Array.from(B.querySelectorAll("td")).forEach((H) => {
             H.style.position === "sticky" && (H.style.backgroundColor = ot);
           });
         },
         children: [
-          t.map((b, W) => {
-            const H = b.render ? b.render(C, S, r) : Ne(C, b.accessor), ue = m > 0 && W < m, xe = de[W] ?? 0, we = Ie[W] !== void 0, De = ue && W === m - 1;
+          t.map((w, B) => {
+            const H = w.render ? w.render(C, S, r) : Ne(C, w.accessor), ue = m > 0 && B < m, xe = de[B] ?? 0, we = Ie[B] !== void 0, De = ue && B === m - 1;
             return /* @__PURE__ */ e(
               Se,
               {
@@ -3424,14 +3424,14 @@ const Ir = (t, r) => {
                   zIndex: ue ? 1 : void 0,
                   backgroundColor: ue ? ot : void 0,
                   transition: ue ? "background-color 0.3s ease" : void 0,
-                  paddingLeft: W === 0 ? "12px" : "",
+                  paddingLeft: B === 0 ? "12px" : "",
                   whiteSpace: "nowrap",
                   overflow: we ? "hidden" : void 0,
-                  borderLeft: b.showBorderLeft ? te : void 0,
-                  borderRight: b.showBorderRight ? te : void 0,
+                  borderLeft: w.showBorderLeft ? te : void 0,
+                  borderRight: w.showBorderRight ? te : void 0,
                   boxShadow: De ? ge : void 0,
-                  textAlign: b.textAlign === "text-right" ? "right" : b.textAlign === "text-center" ? "center" : "left",
-                  ...p(W, b.width)
+                  textAlign: w.textAlign === "text-right" ? "right" : w.textAlign === "text-center" ? "center" : "left",
+                  ...p(B, w.width)
                 },
                 children: typeof H == "string" ? /* @__PURE__ */ e(
                   v,
@@ -3440,53 +3440,53 @@ const Ir = (t, r) => {
                       whiteSpace: "nowrap",
                       overflow: "hidden",
                       textOverflow: "ellipsis",
-                      textAlign: b.textAlign === "text-right" ? "right" : b.textAlign === "text-center" ? "center" : "left"
+                      textAlign: w.textAlign === "text-right" ? "right" : w.textAlign === "text-center" ? "center" : "left"
                     },
                     children: H
                   }
                 ) : H
               },
-              `row-${S}-col-${W}`
+              `row-${S}-col-${B}`
             );
           }),
-          V ? /* @__PURE__ */ e(Se, { style: {
-            width: We,
+          R ? /* @__PURE__ */ e(Se, { style: {
+            width: Be,
             position: "sticky",
             right: 0,
             zIndex: 1,
             backgroundColor: ot,
             boxShadow: I ? fe : void 0,
             transition: "background-color 0.3s ease"
-          }, children: /* @__PURE__ */ e(U, { direction: "row", align: "center", justify: "center", gap: "sm", children: E.map((b) => {
-            const W = S === r.length - 1 ? "top" : "bottom";
-            return b === "detail" && i && (h == null ? void 0 : h(C)) !== !1 ? /* @__PURE__ */ e(me, { label: "Detail", position: W, children: /* @__PURE__ */ e(
+          }, children: /* @__PURE__ */ e($, { direction: "row", align: "center", justify: "center", gap: "sm", children: E.map((w) => {
+            const B = S === r.length - 1 ? "top" : "bottom";
+            return w === "detail" && i && (h == null ? void 0 : h(C)) !== !1 ? /* @__PURE__ */ e(me, { label: "Detail", position: B, children: /* @__PURE__ */ e(
               T,
               {
                 size: "xs",
                 variant: "outline",
                 tone: "neutral",
                 onClick: () => i(C.id, C),
-                iconLeft: /* @__PURE__ */ e(w, { name: "DocumentClean", size: "sm", style: { color: "var(--sa-text-subtle, #8c8f97)" } })
+                iconLeft: /* @__PURE__ */ e(b, { name: "DocumentClean", size: "sm", style: { color: "var(--sa-text-subtle, #8c8f97)" } })
               }
-            ) }, "detail") : b === "update" && o && (a == null ? void 0 : a(C)) !== !1 ? /* @__PURE__ */ e(me, { label: "Update", position: W, children: /* @__PURE__ */ e(
+            ) }, "detail") : w === "update" && o && (a == null ? void 0 : a(C)) !== !1 ? /* @__PURE__ */ e(me, { label: "Update", position: B, children: /* @__PURE__ */ e(
               T,
               {
                 size: "xs",
                 variant: "outline",
                 tone: "neutral",
                 onClick: () => o(C),
-                iconLeft: /* @__PURE__ */ e(w, { name: "Edit1", size: "sm", style: { color: "var(--sa-text-subtle, #8c8f97)" } })
+                iconLeft: /* @__PURE__ */ e(b, { name: "Edit1", size: "sm", style: { color: "var(--sa-text-subtle, #8c8f97)" } })
               }
-            ) }, "update") : b === "delete" && n && (s == null ? void 0 : s(C)) !== !1 ? /* @__PURE__ */ e(me, { label: "Delete", position: W, children: /* @__PURE__ */ e(
+            ) }, "update") : w === "delete" && n && (s == null ? void 0 : s(C)) !== !1 ? /* @__PURE__ */ e(me, { label: "Delete", position: B, children: /* @__PURE__ */ e(
               T,
               {
                 size: "xs",
                 variant: "outline",
                 tone: "neutral",
                 onClick: () => n(C.id, C),
-                iconLeft: /* @__PURE__ */ e(w, { name: "Trash1", size: "sm", style: { color: "var(--sa-color-error-600, #c9184a)" } })
+                iconLeft: /* @__PURE__ */ e(b, { name: "Trash1", size: "sm", style: { color: "var(--sa-color-error-600, #c9184a)" } })
               }
-            ) }, "delete") : b === "custom" ? /* @__PURE__ */ e(Ge.Fragment, { children: D == null ? void 0 : D(C) }, "custom") : null;
+            ) }, "delete") : w === "custom" ? /* @__PURE__ */ e(Ue.Fragment, { children: D == null ? void 0 : D(C) }, "custom") : null;
           }) }) }) : null
         ]
       },
@@ -3554,7 +3554,7 @@ const Yn = bi(Di), Ct = ({
   children: i,
   loading: o,
   isLoading: n
-}) => /* @__PURE__ */ e(G, { children: n ? o : t ? i : r }), _ = (t) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(U, { children: n ? o : t ? i : r }), _ = (t) => /* @__PURE__ */ e(
   v,
   {
     ...t,
@@ -3603,7 +3603,7 @@ const Yn = bi(Di), Ct = ({
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ u(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ u($, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: t, children: n.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((a = n.tooltip) != null && a.label), children: /* @__PURE__ */ e(
@@ -3613,7 +3613,7 @@ const Yn = bi(Di), Ct = ({
                         arrowPosition: (d = n.tooltip) == null ? void 0 : d.arrowPosition,
                         ...n.tooltip,
                         children: /* @__PURE__ */ e(
-                          w,
+                          b,
                           {
                             name: "InfoCircle",
                             size: t === "lg" ? "sm" : "xs",
@@ -3688,7 +3688,7 @@ const Yn = bi(Di), Ct = ({
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ u(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ u($, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: t, children: n.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((a = n.tooltip) != null && a.label), children: /* @__PURE__ */ e(
@@ -3698,7 +3698,7 @@ const Yn = bi(Di), Ct = ({
                         arrowPosition: (d = n.tooltip) == null ? void 0 : d.arrowPosition,
                         ...n.tooltip,
                         children: /* @__PURE__ */ e(
-                          w,
+                          b,
                           {
                             name: "InfoCircle",
                             size: t === "lg" ? "sm" : "xs",
@@ -3771,7 +3771,7 @@ const Yn = bi(Di), Ct = ({
       },
       children: [
         /* @__PURE__ */ e(
-          w,
+          b,
           {
             name: "Upload",
             size: "lg",
@@ -3781,8 +3781,8 @@ const Yn = bi(Di), Ct = ({
             }
           }
         ),
-        /* @__PURE__ */ u(U, { direction: "column", gap: "xs", children: [
-          /* @__PURE__ */ u(U, { direction: "row", gap: "xs", children: [
+        /* @__PURE__ */ u($, { direction: "column", gap: "xs", children: [
+          /* @__PURE__ */ u($, { direction: "row", gap: "xs", children: [
             /* @__PURE__ */ e(
               v,
               {
@@ -3889,7 +3889,7 @@ const Mi = "sa-admin", ye = (t) => `var(--${Mi}-${t})`, io = {
   o.font = r;
   const n = o.measureText(t).width;
   return Number(Math.ceil(n));
-}, Li = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Bi = /--+/, Wi = /-$/;
+}, Li = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Wi = /--+/, Bi = /-$/;
 function lo(t, r) {
   return JSON.stringify(t) !== JSON.stringify(r);
 }
@@ -3937,7 +3937,7 @@ const so = (t) => {
   (t.ctrlKey || t.metaKey) && t.key === "v" || !r.test(t.key) && !i.includes(t.key) && t.preventDefault();
 }, fo = (t) => Li.test(t);
 function go(t) {
-  return !(Bi.test(t) || Wi.test(t));
+  return !(Wi.test(t) || Bi.test(t));
 }
 const mo = (t) => {
   const r = [
@@ -4000,9 +4000,9 @@ const Hi = (t) => {
         cursor: "pointer"
       },
       children: [
-        /* @__PURE__ */ u(U, { direction: "row", align: "center", gap: "sm", children: [
+        /* @__PURE__ */ u($, { direction: "row", align: "center", gap: "sm", children: [
           /* @__PURE__ */ e(
-            w,
+            b,
             {
               name: "DocumentFilled",
               size: "lg",
@@ -4013,7 +4013,7 @@ const Hi = (t) => {
               }
             }
           ),
-          /* @__PURE__ */ u(U, { direction: "column", children: [
+          /* @__PURE__ */ u($, { direction: "column", children: [
             /* @__PURE__ */ e(
               v,
               {
@@ -4024,25 +4024,17 @@ const Hi = (t) => {
                   whiteSpace: "nowrap",
                   overflow: "hidden"
                 },
-                children: Ii(t.defaultUrl || "") || ((r = t.fileSelected) == null ? void 0 : r.name)
+                children: t.defaultFile ? Ii(t.defaultFile.url) : (r = t.fileSelected) == null ? void 0 : r.name
               }
             ),
-            !t.defaultUrl && /* @__PURE__ */ u(U, { direction: "row", gap: "xs", align: "center", children: [
-              /* @__PURE__ */ e(v, { fontSize: "sm", fontWeight: "medium", children: `${Ai(
-                ((i = t.fileSelected) == null ? void 0 : i.size.toString()) || "100000"
-              )}` }),
-              /* @__PURE__ */ e(w, { name: "Dot", size: "xs" }),
-              /* @__PURE__ */ e(
-                v,
-                {
-                  fontSize: "sm",
-                  fontWeight: "medium",
-                  style: {
-                    textWrap: "nowrap"
-                  },
-                  children: t.fileDate ? t.fileDate : Ei(/* @__PURE__ */ new Date())
-                }
-              )
+            t.defaultFile ? (t.defaultFile.size || t.defaultFile.date) && /* @__PURE__ */ u($, { direction: "row", gap: "xs", align: "center", children: [
+              t.defaultFile.size && /* @__PURE__ */ e(v, { fontSize: "sm", fontWeight: "medium", children: t.defaultFile.size }),
+              t.defaultFile.size && t.defaultFile.date && /* @__PURE__ */ e(b, { name: "Dot", size: "xs" }),
+              t.defaultFile.date && /* @__PURE__ */ e(v, { fontSize: "sm", fontWeight: "medium", style: { textWrap: "nowrap" }, children: t.defaultFile.date })
+            ] }) : /* @__PURE__ */ u($, { direction: "row", gap: "xs", align: "center", children: [
+              /* @__PURE__ */ e(v, { fontSize: "sm", fontWeight: "medium", children: Ai(((i = t.fileSelected) == null ? void 0 : i.size.toString()) || "100000") }),
+              /* @__PURE__ */ e(b, { name: "Dot", size: "xs" }),
+              /* @__PURE__ */ e(v, { fontSize: "sm", fontWeight: "medium", style: { textWrap: "nowrap" }, children: Ei(/* @__PURE__ */ new Date()) })
             ] })
           ] })
         ] }),
@@ -4056,22 +4048,22 @@ const Hi = (t) => {
             onClick: (o) => {
               o.stopPropagation(), t.handleOnDeleteFile();
             },
-            iconLeft: /* @__PURE__ */ e(w, { name: "Trash1" })
+            iconLeft: /* @__PURE__ */ e(b, { name: "Trash1" })
           }
         )
       ]
     }
   );
-}, Ri = ({ status: t = "default", ...r }) => {
+}, zi = ({ status: t = "default", ...r }) => {
   var l;
   const i = ie(null), o = () => {
-    if (r.defaultUrl) {
-      window.open(r.defaultUrl);
+    if (r.defaultFile) {
+      window.open(r.defaultFile.url);
       return;
     }
     i.current && i.current.click();
   }, n = ne("md");
-  return /* @__PURE__ */ u(G, { children: [
+  return /* @__PURE__ */ u(U, { children: [
     /* @__PURE__ */ e(
       "input",
       {
@@ -4098,17 +4090,16 @@ const Hi = (t) => {
         gap: "md",
         ...r.containerProps,
         children: [
-          (r.fileSelected || r.defaultUrl) && /* @__PURE__ */ e(
+          (r.fileSelected || r.defaultFile) && /* @__PURE__ */ e(
             Hi,
             {
               fileSelected: r.fileSelected,
-              fileDate: r.fileDate,
+              defaultFile: r.defaultFile,
               handleOnDeleteFile: r.handleOnDeleteFile,
-              handleOnClickFile: o,
-              defaultUrl: r.defaultUrl
+              handleOnClickFile: o
             }
           ),
-          !r.fileSelected && !r.defaultUrl && /* @__PURE__ */ e(
+          !r.fileSelected && !r.defaultFile && /* @__PURE__ */ e(
             Fi,
             {
               fileSupports: r.fileSupportOption,
@@ -4124,7 +4115,7 @@ const Hi = (t) => {
     ),
     typeof r.errorMessage == "string" && r.errorMessage && /* @__PURE__ */ e(v, { color: "error", fontSize: "xs", children: r.errorMessage })
   ] });
-}, Vi = ({
+}, Ri = ({
   size: t = "md",
   direction: r = "vertical",
   requiredTitle: i = "(Required)",
@@ -4163,7 +4154,7 @@ const Hi = (t) => {
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ u(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ u($, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: t, children: n.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((a = n.tooltip) != null && a.label), children: /* @__PURE__ */ e(
@@ -4173,7 +4164,7 @@ const Hi = (t) => {
                         arrowPosition: (d = n.tooltip) == null ? void 0 : d.arrowPosition,
                         ...n.tooltip,
                         children: /* @__PURE__ */ e(
-                          w,
+                          b,
                           {
                             name: "InfoCircle",
                             size: t === "lg" ? "sm" : "xs",
@@ -4192,9 +4183,9 @@ const Hi = (t) => {
             )
           }
         ),
-        /* @__PURE__ */ u(U, { direction: "column", gap: "xs", children: [
+        /* @__PURE__ */ u($, { direction: "column", gap: "xs", children: [
           /* @__PURE__ */ e(
-            Ri,
+            zi,
             {
               ...n.inputProps,
               status: n.errorMessage ? "error" : "default"
@@ -4205,7 +4196,7 @@ const Hi = (t) => {
       ]
     }
   );
-}, zi = ({
+}, Vi = ({
   size: t = "md",
   direction: r = "vertical",
   requiredTitle: i = "(Required)",
@@ -4245,7 +4236,7 @@ const Hi = (t) => {
                 customMaxWidth: a,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ u(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ u($, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: t, children: l.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((h = l.tooltip) != null && h.label), children: /* @__PURE__ */ e(
@@ -4255,7 +4246,7 @@ const Hi = (t) => {
                         arrowPosition: (g = l.tooltip) == null ? void 0 : g.arrowPosition,
                         ...l.tooltip,
                         children: /* @__PURE__ */ e(
-                          w,
+                          b,
                           {
                             name: "InfoCircle",
                             size: t === "lg" ? "sm" : "xs",
@@ -4445,7 +4436,7 @@ const Hi = (t) => {
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ u(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ u($, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: t, children: n.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((a = n.tooltip) != null && a.label), children: /* @__PURE__ */ e(
@@ -4455,7 +4446,7 @@ const Hi = (t) => {
                         arrowPosition: (d = n.tooltip) == null ? void 0 : d.arrowPosition,
                         ...n.tooltip,
                         children: /* @__PURE__ */ e(
-                          w,
+                          b,
                           {
                             name: "InfoCircle",
                             size: t === "lg" ? "sm" : "xs",
@@ -4474,7 +4465,7 @@ const Hi = (t) => {
             )
           }
         ),
-        /* @__PURE__ */ u(U, { direction: "column", gap: "xs", children: [
+        /* @__PURE__ */ u($, { direction: "column", gap: "xs", children: [
           /* @__PURE__ */ e(
             hr,
             {
@@ -4529,7 +4520,7 @@ const Hi = (t) => {
                 customMaxWidth: s,
                 fullWidth: n,
                 children: [
-                  /* @__PURE__ */ u(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ u($, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: t, children: l.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((a = l.tooltip) != null && a.label), children: /* @__PURE__ */ e(
@@ -4539,7 +4530,7 @@ const Hi = (t) => {
                         arrowPosition: (d = l.tooltip) == null ? void 0 : d.arrowPosition,
                         ...l.tooltip,
                         children: /* @__PURE__ */ e(
-                          w,
+                          b,
                           {
                             name: "InfoCircle",
                             size: t === "lg" ? "sm" : "xs",
@@ -4559,7 +4550,7 @@ const Hi = (t) => {
           }
         ),
         /* @__PURE__ */ e(
-          Gt,
+          Ut,
           {
             checked: l.checked,
             onChange: l.onChange,
@@ -4580,7 +4571,7 @@ const Hi = (t) => {
     var h, d, g, m, y, D;
     if (!s) return;
     const a = i.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary" ? "var(--sa-text-subtle, #8c8f97)" : t === "secondary-danger" ? (d = (h = o == null ? void 0 : o.computed) == null ? void 0 : h.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] : (D = (y = o == null ? void 0 : o.computed) == null ? void 0 : y.gray) == null ? void 0 : D[50];
-    return /* @__PURE__ */ e(w, { name: s, size: r, style: { color: a } });
+    return /* @__PURE__ */ e(b, { name: s, size: r, style: { color: a } });
   }, l = () => {
     var a, h, d, g;
     if (t !== "secondary-danger" && t !== "secondary-primary")
@@ -4663,7 +4654,7 @@ const Hi = (t) => {
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ u(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ u($, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: t, children: n.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((a = n.tooltip) != null && a.label), children: /* @__PURE__ */ e(
@@ -4673,7 +4664,7 @@ const Hi = (t) => {
                         arrowPosition: (d = n.tooltip) == null ? void 0 : d.arrowPosition,
                         ...n.tooltip,
                         children: /* @__PURE__ */ e(
-                          w,
+                          b,
                           {
                             name: "InfoCircle",
                             size: t === "lg" ? "sm" : "xs",
@@ -4692,7 +4683,7 @@ const Hi = (t) => {
             )
           }
         ),
-        /* @__PURE__ */ u(U, { direction: "column", gap: "xs", children: [
+        /* @__PURE__ */ u($, { direction: "column", gap: "xs", children: [
           /* @__PURE__ */ e(
             f,
             {
@@ -4751,7 +4742,7 @@ const Tt = {
   "2:3": 2 / 3,
   "3:2": 3 / 2,
   "32:9": 32 / 9
-}, Ui = qt(
+}, Gi = qt(
   ({
     handleUpload: t,
     urlImage: r,
@@ -4764,44 +4755,44 @@ const Tt = {
     maxFileSize: h = 2,
     onError: d
   }, g) => {
-    const m = ne("md"), [y, D] = k(!1), [E, x] = k(null), [R, j] = k(!1), [N, q] = k({ x: 0, y: 0 }), [M, ae] = k(1), [J, I] = k(null);
+    const m = ne("md"), [y, D] = k(!1), [E, x] = k(null), [z, j] = k(!1), [N, q] = k({ x: 0, y: 0 }), [M, ae] = k(1), [J, I] = k(null);
     Z(() => {
       r === null && n(null);
     }, [r]);
     const P = ve(
-      (V, z) => {
-        I(z);
+      (R, V) => {
+        I(V);
       },
       []
-    ), oe = (V) => {
+    ), oe = (R) => {
       var fe;
-      const z = (fe = V.target.files) == null ? void 0 : fe[0];
-      if (!z) return;
+      const V = (fe = R.target.files) == null ? void 0 : fe[0];
+      if (!V) return;
       const te = new FileReader();
       te.onload = () => {
         x(te.result), j(!0);
-      }, te.readAsDataURL(z);
+      }, te.readAsDataURL(V);
     }, le = async () => {
       if (!(!E || !J))
         try {
-          const V = await $i(E, J);
-          if (h && V.size > h * 1024 * 1024) {
+          const R = await $i(E, J);
+          if (h && R.size > h * 1024 * 1024) {
             d == null || d(`Ukuran file maksimal ${h}MB`);
             return;
           }
-          t == null || t(V);
-          const z = URL.createObjectURL(V);
-          n(z, V), j(!1);
+          t == null || t(R);
+          const V = URL.createObjectURL(R);
+          n(V, R), j(!1);
         } catch {
           d == null || d("Gagal memproses gambar");
         }
-    }, $ = ie(null), Q = () => {
-      $.current && $.current.click();
+    }, G = ie(null), Q = () => {
+      G.current && G.current.click();
     };
     pr(g, () => ({
       openFileDialog: () => {
-        var V;
-        (V = $.current) == null || V.click();
+        var R;
+        (R = G.current) == null || R.click();
       }
     }));
     const K = parseInt(l, 10), se = Tt[s];
@@ -4848,7 +4839,7 @@ const Tt = {
               justify: "center",
               padding: "spacing-4",
               children: /* @__PURE__ */ e(
-                w,
+                b,
                 {
                   name: "Image",
                   style: {
@@ -4879,7 +4870,7 @@ const Tt = {
                 /* @__PURE__ */ e(
                   "input",
                   {
-                    ref: $,
+                    ref: G,
                     type: "file",
                     accept: "image/*",
                     onChange: oe,
@@ -4889,7 +4880,7 @@ const Tt = {
                 ),
                 /* @__PURE__ */ u(f, { display: "flex", align: "center", gap: "spacing-2", direction: "row", children: [
                   /* @__PURE__ */ e(
-                    w,
+                    b,
                     {
                       name: "Edit3",
                       style: { color: "var(--sa-background-primary, #ffffff)" }
@@ -4935,7 +4926,7 @@ const Tt = {
               )
             }
           ),
-          R && xr.createPortal(
+          z && xr.createPortal(
             /* @__PURE__ */ e(
               "div",
               {
@@ -4961,7 +4952,7 @@ const Tt = {
                       display: "flex",
                       flexDirection: "column"
                     },
-                    onClick: (V) => V.stopPropagation(),
+                    onClick: (R) => R.stopPropagation(),
                     children: [
                       /* @__PURE__ */ e(
                         "div",
@@ -5016,7 +5007,7 @@ const Tt = {
       }
     );
   }
-), Gi = ({
+), Ui = ({
   size: t = "md",
   direction: r = "vertical",
   requiredTitle: i = "(Required)",
@@ -5056,7 +5047,7 @@ const Tt = {
                 customMaxWidth: a,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ u(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ u($, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: t, children: l.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((h = l.tooltip) != null && h.label), children: /* @__PURE__ */ e(
@@ -5066,7 +5057,7 @@ const Tt = {
                         arrowPosition: (g = l.tooltip) == null ? void 0 : g.arrowPosition,
                         ...l.tooltip,
                         children: /* @__PURE__ */ e(
-                          w,
+                          b,
                           {
                             name: "InfoCircle",
                             size: t === "lg" ? "sm" : "xs",
@@ -5085,8 +5076,8 @@ const Tt = {
             )
           }
         ),
-        /* @__PURE__ */ u(U, { direction: "column", gap: "xs", children: [
-          /* @__PURE__ */ e(Ui, { ...l.inputProps }),
+        /* @__PURE__ */ u($, { direction: "column", gap: "xs", children: [
+          /* @__PURE__ */ e(Gi, { ...l.inputProps }),
           !s && l.errorMessage && /* @__PURE__ */ e(be, { message: l.errorMessage })
         ] })
       ]
@@ -5131,7 +5122,7 @@ const Tt = {
                 customMaxWidth: l,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ u(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ u($, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: t, children: n.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: t, children: i }),
                     /* @__PURE__ */ e(O, { condition: !!((s = n.tooltip) != null && s.label), children: /* @__PURE__ */ e(
@@ -5141,7 +5132,7 @@ const Tt = {
                         arrowPosition: (h = n.tooltip) == null ? void 0 : h.arrowPosition,
                         ...n.tooltip,
                         children: /* @__PURE__ */ e(
-                          w,
+                          b,
                           {
                             name: "InfoCircle",
                             size: t === "lg" ? "sm" : "xs",
@@ -5191,7 +5182,7 @@ const Tt = {
         width: o
       },
       children: n && /* @__PURE__ */ e(
-        Gt,
+        Ut,
         {
           disabled: l,
           checked: h,
@@ -5204,15 +5195,15 @@ const Tt = {
 }, xo = {
   InputText: wi,
   InputDropdown: ki,
-  InputSingleFile: Vi,
-  CheckBoxOptions: zi,
+  InputSingleFile: Ri,
+  CheckBoxOptions: Vi,
   RadioOptions: Ni,
   InputTextArea: Ti,
   ToggleForm: Oi,
   ActionButton: _i,
   FormTitle: ji,
   InputDate: Zi,
-  InputImgFile: Gi,
+  InputImgFile: Ui,
   Custom: qi
 }, Ji = ({ customBottom: t }) => {
   const [r, i] = k(!1), o = () => {
@@ -5248,7 +5239,7 @@ const Tt = {
               onClick: n,
               type: "button",
               iconLeft: /* @__PURE__ */ e(
-                w,
+                b,
                 {
                   width: 16,
                   size: "xs",
@@ -5347,7 +5338,7 @@ const Tt = {
   }
 ) }), Pi = ({ title: t, value: r, icon: i }) => /* @__PURE__ */ u(f, { display: "flex", direction: "column", gap: "sm", children: [
   i ? /* @__PURE__ */ u(f, { display: "flex", direction: "row", align: "center", gap: "xs", children: [
-    /* @__PURE__ */ e(w, { name: i, color: "subtle" }),
+    /* @__PURE__ */ e(b, { name: i, color: "subtle" }),
     /* @__PURE__ */ e(v, { color: "gray-500", variant: "sub-h3", children: t })
   ] }) : /* @__PURE__ */ e(v, { color: "gray-500", variant: "sub-h3", children: t }),
   typeof r == "string" ? /* @__PURE__ */ e(v, { variant: "sub-h3", children: r }) : r
@@ -5356,7 +5347,7 @@ const Tt = {
   accent: "#78867F"
 };
 function Qi({ width: t, height: r }) {
-  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ u(
     "svg",
     {
       width: t || "100",
@@ -5513,9 +5504,9 @@ const bo = ({
   const g = () => {
     switch (o) {
       case "primary":
-        return /* @__PURE__ */ e(G, { children: l ? /* @__PURE__ */ e(T, { primary: !0, iconLeft: l, onClick: i, children: h || t }) : /* @__PURE__ */ e(T, { primary: !0, onClick: i, children: h || t }) });
+        return /* @__PURE__ */ e(U, { children: l ? /* @__PURE__ */ e(T, { primary: !0, iconLeft: l, onClick: i, children: h || t }) : /* @__PURE__ */ e(T, { primary: !0, onClick: i, children: h || t }) });
       case "secondary":
-        return /* @__PURE__ */ e(G, { children: l ? /* @__PURE__ */ e(T, { secondary: !0, iconLeft: l, onClick: i, children: n ? /* @__PURE__ */ e(
+        return /* @__PURE__ */ e(U, { children: l ? /* @__PURE__ */ e(T, { secondary: !0, iconLeft: l, onClick: i, children: n ? /* @__PURE__ */ e(
           v,
           {
             fontFamily: "Poppins",
@@ -5526,9 +5517,9 @@ const bo = ({
           }
         ) : t }) : /* @__PURE__ */ e(T, { secondary: !0, onClick: i, children: h || t }) });
       case "success":
-        return /* @__PURE__ */ e(G, { children: l ? /* @__PURE__ */ e(T, { success: !0, iconLeft: l, onClick: i, children: h || t }) : /* @__PURE__ */ e(T, { success: !0, onClick: i, children: h || t }) });
+        return /* @__PURE__ */ e(U, { children: l ? /* @__PURE__ */ e(T, { success: !0, iconLeft: l, onClick: i, children: h || t }) : /* @__PURE__ */ e(T, { success: !0, onClick: i, children: h || t }) });
       default:
-        return /* @__PURE__ */ e(G, { children: l ? /* @__PURE__ */ e(T, { primary: !0, iconLeft: l, onClick: i, children: h || t }) : /* @__PURE__ */ e(T, { primary: !0, onClick: i, children: h || t }) });
+        return /* @__PURE__ */ e(U, { children: l ? /* @__PURE__ */ e(T, { primary: !0, iconLeft: l, onClick: i, children: h || t }) : /* @__PURE__ */ e(T, { primary: !0, onClick: i, children: h || t }) });
     }
   };
   return /* @__PURE__ */ u(
@@ -5559,7 +5550,7 @@ const bo = ({
       ]
     }
   );
-}, B = {
+}, W = {
   c001A72: "#001A72",
   c64B5F6: "#64B5F6",
   c98B4CB: "#98B4CB",
@@ -5570,7 +5561,7 @@ const bo = ({
   cFFFFFF: "#FFFFFF"
 };
 function Yi({ width: t, height: r }) {
-  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ u(
     "svg",
     {
       width: t,
@@ -5583,23 +5574,23 @@ function Yi({ width: t, height: r }) {
           "path",
           {
             d: "M32.4375 254.5H612.437",
-            stroke: B.c64B5F6,
+            stroke: W.c64B5F6,
             strokeWidth: "5",
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ e("rect", { x: "216.562", y: "45.5605", width: "55", height: "20", fill: B.cD6EBFD }),
-        /* @__PURE__ */ e("rect", { x: "14.4375", y: "89.7803", width: "46", height: "20", fill: B.cD6EBFD }),
-        /* @__PURE__ */ e("rect", { x: "0.4375", y: "111.78", width: "46", height: "20", fill: B.cD6EBFD }),
-        /* @__PURE__ */ e("rect", { x: "0.4375", y: "67.7803", width: "46", height: "20", fill: B.cD6EBFD }),
-        /* @__PURE__ */ e("rect", { x: "344.312", y: "0.5", width: "55", height: "20", fill: B.cD6EBFD }),
-        /* @__PURE__ */ e("rect", { x: "549.562", y: "86.7803", width: "55", height: "20", fill: B.cD6EBFD }),
-        /* @__PURE__ */ e("rect", { x: "566.562", y: "64.7803", width: "55", height: "20", fill: B.cD6EBFD }),
+        /* @__PURE__ */ e("rect", { x: "216.562", y: "45.5605", width: "55", height: "20", fill: W.cD6EBFD }),
+        /* @__PURE__ */ e("rect", { x: "14.4375", y: "89.7803", width: "46", height: "20", fill: W.cD6EBFD }),
+        /* @__PURE__ */ e("rect", { x: "0.4375", y: "111.78", width: "46", height: "20", fill: W.cD6EBFD }),
+        /* @__PURE__ */ e("rect", { x: "0.4375", y: "67.7803", width: "46", height: "20", fill: W.cD6EBFD }),
+        /* @__PURE__ */ e("rect", { x: "344.312", y: "0.5", width: "55", height: "20", fill: W.cD6EBFD }),
+        /* @__PURE__ */ e("rect", { x: "549.562", y: "86.7803", width: "55", height: "20", fill: W.cD6EBFD }),
+        /* @__PURE__ */ e("rect", { x: "566.562", y: "64.7803", width: "55", height: "20", fill: W.cD6EBFD }),
         /* @__PURE__ */ e(
           "path",
           {
             d: "M233.438 165.217C233.438 132.764 239.035 107.198 250.231 88.5189C261.596 69.8396 279.832 60.5 304.938 60.5C330.043 60.5 348.194 69.8396 359.389 88.5189C370.755 107.198 376.438 132.764 376.438 165.217C376.438 198.047 370.755 223.802 359.389 242.481C348.194 261.16 330.043 270.5 304.938 270.5C279.832 270.5 261.596 261.16 250.231 242.481C239.035 223.802 233.438 198.047 233.438 165.217ZM333.69 165.217C333.69 146.16 331.824 131.538 328.092 121.349C324.36 110.972 316.642 105.783 304.938 105.783C293.233 105.783 285.515 110.972 281.783 121.349C278.051 131.538 276.185 146.16 276.185 165.217C276.185 178.047 276.863 188.708 278.22 197.198C279.577 205.5 282.292 212.292 286.363 217.575C290.604 222.67 296.795 225.217 304.938 225.217C313.08 225.217 319.187 222.67 323.258 217.575C327.499 212.292 330.298 205.5 331.655 197.198C333.012 188.708 333.69 178.047 333.69 165.217Z",
-            fill: B.cD0E5F7
+            fill: W.cD0E5F7
           }
         ),
         /* @__PURE__ */ e(
@@ -5608,7 +5599,7 @@ function Yi({ width: t, height: r }) {
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M50.4375 235.124V194.28L138.96 60.5H192.466V191.32H215.438V235.124H192.466V249.5H144.563V235.124H50.4375ZM100.862 191.32L147.925 116.143V191.32H100.862Z",
-            fill: B.cBBDEFB,
+            fill: W.cBBDEFB,
             fillOpacity: "0.6"
           }
         ),
@@ -5618,41 +5609,41 @@ function Yi({ width: t, height: r }) {
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M394.438 235.124V194.28L482.96 60.5H536.466V191.32H559.438V235.124H536.466V249.5H488.563V235.124H394.438ZM444.862 191.32L491.925 116.143V191.32H444.862Z",
-            fill: B.cBBDEFB,
+            fill: W.cBBDEFB,
             fillOpacity: "0.6"
           }
         ),
-        /* @__PURE__ */ e("path", { d: "M349.472 171.5H261.64V186.396H349.472V171.5Z", fill: B.c98B4CB }),
-        /* @__PURE__ */ e("path", { d: "M261.64 171.5L244.719 186.396H261.64V171.5Z", fill: B.c98B4CB }),
+        /* @__PURE__ */ e("path", { d: "M349.472 171.5H261.64V186.396H349.472V171.5Z", fill: W.c98B4CB }),
+        /* @__PURE__ */ e("path", { d: "M261.64 171.5L244.719 186.396H261.64V171.5Z", fill: W.c98B4CB }),
         /* @__PURE__ */ e(
           "path",
           {
             d: "M363.574 186.396L349.472 171.5V186.396H363.574Z",
-            fill: B.c98B4CB
+            fill: W.c98B4CB
           }
         ),
         /* @__PURE__ */ e(
           "path",
           {
             d: "M244.719 200.89V264.5H363.574V200.89M244.719 200.89H233.438L244.719 186.396M244.719 200.89H363.574M363.574 200.89H372.437L363.574 186.396M244.719 186.396L261.64 171.5M244.719 186.396H261.64M363.574 186.396L349.472 171.5M363.574 186.396H349.472M261.64 171.5H349.472M261.64 171.5V186.396M349.472 171.5V186.396M349.472 186.396H261.64",
-            stroke: B.c000000,
+            stroke: W.c000000,
             strokeWidth: "2"
           }
         ),
-        /* @__PURE__ */ e("rect", { x: "246.438", y: "202.5", width: "116", height: "60", fill: B.cFFFFFF }),
+        /* @__PURE__ */ e("rect", { x: "246.438", y: "202.5", width: "116", height: "60", fill: W.cFFFFFF }),
         /* @__PURE__ */ e(
           "path",
           {
             d: "M245.536 187.5H362.959L369.438 198.5H237.438L245.536 187.5Z",
-            fill: B.cFFFFFF
+            fill: W.cFFFFFF
           }
         ),
         /* @__PURE__ */ e(
           "path",
           {
             d: "M332.438 129.846C332.438 141.175 329.183 152.403 323.949 160.772C318.699 169.168 311.592 174.5 303.938 174.5C296.283 174.5 289.176 169.168 283.926 160.772C278.692 152.403 275.438 141.175 275.438 129.846C275.438 118.458 277.838 109.628 282.543 103.663C287.216 97.7387 294.274 94.5 303.938 94.5C313.601 94.5 320.659 97.7387 325.332 103.663C330.037 109.628 332.438 118.458 332.438 129.846Z",
-            fill: B.cFFFFFF,
-            stroke: B.c000000,
+            fill: W.cFFFFFF,
+            stroke: W.c000000,
             strokeWidth: "2"
           }
         ),
@@ -5660,7 +5651,7 @@ function Yi({ width: t, height: r }) {
           "path",
           {
             d: "M281.438 145.5C284.032 154.136 285.762 158.682 290.951 164.591M292.681 166.409C293.624 167.647 295.708 169.591 297.438 170.5",
-            stroke: B.c000000,
+            stroke: W.c000000,
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -5670,7 +5661,7 @@ function Yi({ width: t, height: r }) {
           "path",
           {
             d: "M304.438 175C299.54 176.339 297.208 177.876 293.938 182.5M304.438 175C301.183 178.041 299.537 178.883 299.438 182.5M304.438 175C308.173 177.107 309.635 178.834 311.438 182.5",
-            stroke: B.c000000,
+            stroke: W.c000000,
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -5680,7 +5671,7 @@ function Yi({ width: t, height: r }) {
           "path",
           {
             d: "M304.936 175.5C303.438 180 302.529 181.628 304.936 186.5",
-            stroke: B.c000000,
+            stroke: W.c000000,
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -5690,30 +5681,30 @@ function Yi({ width: t, height: r }) {
           "path",
           {
             d: "M288.178 120.981C289.969 120.93 290.921 121.313 292.167 122.754",
-            stroke: B.c000000,
+            stroke: W.c000000,
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ e("circle", { cx: "291.724", cy: "118.765", r: "3.1027", fill: B.c000000 }),
+        /* @__PURE__ */ e("circle", { cx: "291.724", cy: "118.765", r: "3.1027", fill: W.c000000 }),
         /* @__PURE__ */ e(
           "path",
           {
             d: "M308.128 122.463C309.123 120.973 309.987 120.418 311.883 120.237",
-            stroke: B.c000000,
+            stroke: W.c000000,
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ e("circle", { cx: "307.681", cy: "118.765", r: "3.1027", fill: B.c000000 }),
-        /* @__PURE__ */ e("ellipse", { cx: "297.938", cy: "134.5", rx: "2.5", ry: "2", fill: B.c000000 }),
+        /* @__PURE__ */ e("circle", { cx: "307.681", cy: "118.765", r: "3.1027", fill: W.c000000 }),
+        /* @__PURE__ */ e("ellipse", { cx: "297.938", cy: "134.5", rx: "2.5", ry: "2", fill: W.c000000 }),
         /* @__PURE__ */ e(
           "path",
           {
             d: "M340.437 97.5L333.438 104.5M333.438 97.5L340.438 104.5",
-            stroke: B.c001A72,
+            stroke: W.c001A72,
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -5723,7 +5714,7 @@ function Yi({ width: t, height: r }) {
           "path",
           {
             d: "M265.437 115.5L260.438 120.5M260.438 115.5L265.438 120.5",
-            stroke: B.c001A72,
+            stroke: W.c001A72,
             strokeWidth: "1.2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -5733,7 +5724,7 @@ function Yi({ width: t, height: r }) {
           "path",
           {
             d: "M288.437 87.5L283.438 92.5M283.438 87.5L288.438 92.5",
-            stroke: B.c001A72,
+            stroke: W.c001A72,
             strokeWidth: "1.2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -5743,7 +5734,7 @@ function Yi({ width: t, height: r }) {
           "path",
           {
             d: "M305.437 83.5L298.438 90.5M298.438 83.5L305.438 90.5",
-            stroke: B.c001A72,
+            stroke: W.c001A72,
             strokeWidth: "1.5",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -5753,21 +5744,21 @@ function Yi({ width: t, height: r }) {
           "path",
           {
             d: "M342.437 145.5L337.438 150.5M337.438 145.5L342.438 150.5",
-            stroke: B.c001A72,
+            stroke: W.c001A72,
             strokeWidth: "1.2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ e("circle", { cx: "339.938", cy: "111", r: "2.5", fill: B.c001A72 }),
-        /* @__PURE__ */ e("circle", { cx: "336.438", cy: "94.5", r: "1", fill: B.c001A72 }),
-        /* @__PURE__ */ e("circle", { cx: "347.438", cy: "99.5", r: "1", fill: B.c001A72 }),
-        /* @__PURE__ */ e("circle", { cx: "267.438", cy: "109.5", r: "2", fill: B.c001A72 }),
-        /* @__PURE__ */ e("circle", { cx: "293.438", cy: "85.5", r: "2", fill: B.c001A72 }),
-        /* @__PURE__ */ e("circle", { cx: "339.438", cy: "138.5", r: "2", fill: B.c001A72 }),
-        /* @__PURE__ */ e("circle", { cx: "267.438", cy: "150.5", r: "2", fill: B.c001A72 }),
-        /* @__PURE__ */ e("circle", { cx: "268.438", cy: "118.5", r: "1", fill: B.c001A72 }),
-        /* @__PURE__ */ e("circle", { cx: "260.438", cy: "124.5", r: "1", fill: B.c001A72 })
+        /* @__PURE__ */ e("circle", { cx: "339.938", cy: "111", r: "2.5", fill: W.c001A72 }),
+        /* @__PURE__ */ e("circle", { cx: "336.438", cy: "94.5", r: "1", fill: W.c001A72 }),
+        /* @__PURE__ */ e("circle", { cx: "347.438", cy: "99.5", r: "1", fill: W.c001A72 }),
+        /* @__PURE__ */ e("circle", { cx: "267.438", cy: "109.5", r: "2", fill: W.c001A72 }),
+        /* @__PURE__ */ e("circle", { cx: "293.438", cy: "85.5", r: "2", fill: W.c001A72 }),
+        /* @__PURE__ */ e("circle", { cx: "339.438", cy: "138.5", r: "2", fill: W.c001A72 }),
+        /* @__PURE__ */ e("circle", { cx: "267.438", cy: "150.5", r: "2", fill: W.c001A72 }),
+        /* @__PURE__ */ e("circle", { cx: "268.438", cy: "118.5", r: "1", fill: W.c001A72 }),
+        /* @__PURE__ */ e("circle", { cx: "260.438", cy: "124.5", r: "1", fill: W.c001A72 })
       ]
     }
   ) });
@@ -5830,7 +5821,7 @@ const A = {
   cFFFFFF: "#FFFFFF"
 };
 function Xi({ width: t, height: r }) {
-  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ u(
     "svg",
     {
       width: t,
@@ -6081,7 +6072,7 @@ const c = {
   cFFFFFF: "#FFFFFF"
 };
 function Ki({ width: t, height: r }) {
-  return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ u(
     "svg",
     {
       width: t,
@@ -6870,7 +6861,7 @@ const Fo = (t) => {
     bodyProps: D,
     headerProps: E = { borderBottom: !0 },
     footerProps: x = { borderTop: !0 },
-    variantTag: R = "info"
+    variantTag: z = "info"
   }) => {
     const j = ie(null), [N, q] = k("100vh");
     Z(() => {
@@ -6884,7 +6875,7 @@ const Fo = (t) => {
     }, []);
     const M = () => d ? /* @__PURE__ */ u(f, { direction: "row", gap: "sm", align: "center", children: [
       /* @__PURE__ */ e(v, { fontWeight: "medium", children: h }),
-      /* @__PURE__ */ e(Le, { border: !0, text: d, variant: R })
+      /* @__PURE__ */ e(Le, { border: !0, text: d, variant: z })
     ] }) : /* @__PURE__ */ e(v, { fontWeight: "medium", children: h }), ae = () => s || /* @__PURE__ */ u(
       f,
       {
@@ -6936,7 +6927,7 @@ const Fo = (t) => {
       }
     );
   }
-), Mo = Ge.memo(
+), Mo = Ue.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];
@@ -6996,12 +6987,12 @@ const re = {
   {
     mode: "modal",
     label: "Modal",
-    icon: /* @__PURE__ */ e(w, { name: "Newscreen", size: "sm" })
+    icon: /* @__PURE__ */ e(b, { name: "Newscreen", size: "sm" })
   },
   {
     mode: "fullscreen",
     label: "Fullscreen",
-    icon: /* @__PURE__ */ e(w, { name: "Fullscreen", size: "sm" })
+    icon: /* @__PURE__ */ e(b, { name: "Fullscreen", size: "sm" })
   }
 ];
 function tn({ value: t, onChange: r }) {
@@ -7051,8 +7042,8 @@ function nn(t) {
 }
 function $e(t, r) {
   let i = null;
-  return Ge.Children.forEach(t, (o) => {
-    Ge.isValidElement(o) && o.type === r && (i = o.props.children ?? null);
+  return Ue.Children.forEach(t, (o) => {
+    Ue.isValidElement(o) && o.type === r && (i = o.props.children ?? null);
   }), i;
 }
 function on(t) {
@@ -7070,7 +7061,7 @@ function on(t) {
     disableBackdropClose: m = !1,
     lockBodyScroll: y = !0,
     children: D
-  } = t, [E, x] = k(n), R = o ?? E, N = ne("md") ? R : "fullscreen", q = ve(
+  } = t, [E, x] = k(n), z = o ?? E, N = ne("md") ? z : "fullscreen", q = ve(
     (Q) => {
       o === void 0 && x(Q), l == null || l(Q);
     },
@@ -7110,7 +7101,7 @@ function on(t) {
   ].filter(Boolean).join(" "), le = {
     "--lyd-max-w": nn(h),
     ...d !== void 0 && { "--lyd-aside-w": d }
-  }, $ = () => {
+  }, G = () => {
     m || i();
   };
   return /* @__PURE__ */ u(
@@ -7125,7 +7116,7 @@ function on(t) {
           "div",
           {
             className: re["lyd-backdrop"],
-            onClick: $,
+            onClick: G,
             "aria-hidden": "true"
           }
         ),
@@ -7133,7 +7124,7 @@ function on(t) {
           /* @__PURE__ */ u("div", { className: re["lyd-header"], children: [
             /* @__PURE__ */ e("div", { className: re["lyd-header-content"], children: ae }),
             /* @__PURE__ */ u("div", { className: re["lyd-header-actions"], children: [
-              s && /* @__PURE__ */ e(tn, { value: R, onChange: q }),
+              s && /* @__PURE__ */ e(tn, { value: z, onChange: q }),
               a && /* @__PURE__ */ e(
                 "button",
                 {
@@ -7141,7 +7132,7 @@ function on(t) {
                   className: re["lyd-close-btn"],
                   onClick: i,
                   "aria-label": "Close dialog",
-                  children: /* @__PURE__ */ e(w, { name: "Cross", size: "md" })
+                  children: /* @__PURE__ */ e(b, { name: "Cross", size: "md" })
                 }
               )
             ] })
@@ -7259,7 +7250,7 @@ function Lo({ url: t, filename: r, onClose: i }) {
     }
   );
 }
-const Bo = (t) => {
+const Wo = (t) => {
   const { defaultTab: r = 0, paramKey: i = "tab" } = t || {}, [o, n] = Ye(), l = Pe(o.toString());
   return {
     activeTab: l[i] ? parseInt(l[i]) : r,
@@ -7272,12 +7263,12 @@ const Bo = (t) => {
     searchQueries: l
   };
 };
-function Wo({
+function Bo({
   appName: t,
   menuConfig: r,
   formatTitle: i
 }) {
-  const o = ze();
+  const o = Ve();
   Z(() => {
     let n = null, l = null;
     for (const h of r) {
@@ -7294,7 +7285,7 @@ function Wo({
   }, [o.pathname]);
 }
 const Ao = () => {
-  const [t, r] = Ye(), i = Pe(t.toString()), o = Jt(), n = ze(), l = o.id;
+  const [t, r] = Ye(), i = Pe(t.toString()), o = Jt(), n = Ve(), l = o.id;
   return {
     // query params
     setSearchParams: r,
@@ -7338,9 +7329,9 @@ function Io(t) {
   }, [(n = (o = r == null ? void 0 : r.access) == null ? void 0 : o.role) == null ? void 0 : n.code, t]);
 }
 export {
-  Un as ActionMenu,
+  Gn as ActionMenu,
   hi as AdvanceFilterBar,
-  Rn as App,
+  zn as App,
   kr as AppComponent,
   Qt as AppContext,
   Tn as AppLayout,
@@ -7357,13 +7348,13 @@ export {
   ko as ForbiddenPage,
   xo as Form,
   Eo as FullSection,
-  Vn as HeaderLeftSlot,
+  Rn as HeaderLeftSlot,
   Er as HeaderLeftSlotOutlet,
   Fr as HeaderLeftSlotProvider,
   jn as HorizontalField,
   Lo as ImagePreview,
-  Ri as InputFile,
-  Ui as InputImage,
+  zi as InputFile,
+  Gi as InputImage,
   Ke as LayoutDialog,
   bt as LayoutDialogAside,
   Dt as LayoutDialogBody,
@@ -7382,7 +7373,7 @@ export {
   Mo as SelectButton,
   So as ServerErrorPage,
   br as SidebarBadgesProvider,
-  zn as SidebarGroupSlot,
+  Vn as SidebarGroupSlot,
   Lr as SidebarGroupSlotOutlet,
   Mr as SidebarGroupSlotProvider,
   Sr as SidebarHeaderSlot,
@@ -7403,11 +7394,11 @@ export {
   Pn as getDateFilterValue,
   Jn as getDateRangeFilterValue,
   to as getInitials,
-  Gn as getValueDropdownMultipleFilter,
+  Un as getValueDropdownMultipleFilter,
   qn as getValueRadioFilter,
   di as getValueSearch,
   nt as getValuesFilter,
-  zt as handleChangeFilter,
+  Vt as handleChangeFilter,
   yo as handleOnScroll,
   fo as isEmail,
   Qn as isFilterActive,
@@ -7429,10 +7420,10 @@ export {
   Yt as useApp,
   Dr as useAppState,
   Io as useAuthRole,
-  Wo as useDynamicTitle,
+  Bo as useDynamicTitle,
   er as useModuleSelection,
   xt as useRouteInfo,
   Ao as useRouteParams,
   wr as useSidebarBadges,
-  Bo as useTabState
+  Wo as useTabState
 };