@starasia/admin 3.1.1 → 3.1.3

package/dist/index.es.js

@@ -6,7 +6,7 @@ export * from "@starasia/box";
 import { Button as I } from "@starasia/button";
 export * from "@starasia/button";
 export * from "@starasia/card";
-import { StarasiaDate as mr } from "@starasia/date";
+import { StarasiaDate as pr } from "@starasia/date";
 export * from "@starasia/date";
 import { Dialog as ke, DialogTitle as Ce, DialogBody as Fe, DialogFooter as Re } from "@starasia/dialog";
 export * from "@starasia/dialog";
@@ -20,20 +20,20 @@ import { searchParamsToObject as Ie } from "@starasia/http";
 export * from "@starasia/http";
 import { Input as Te } from "@starasia/input";
 export * from "@starasia/input";
-import { Menu as pr, MenuButton as Be, MenuLists as yr, MenuHeading as Nr, MenuBody as xr, MenuFooter as jr } from "@starasia/menu";
+import { Menu as yr, MenuButton as Be, MenuLists as xr, MenuHeading as Nr, MenuBody as Cr, MenuFooter as jr } from "@starasia/menu";
 export * from "@starasia/menu";
 import { Pagination as Zr } from "@starasia/pagination";
 export * from "@starasia/pagination";
 export * from "@starasia/storage";
-import { Tr as we, Td as xe, Table as Cr, Thead as $r, Th as lr, Tbody as _r } from "@starasia/table";
+import { Tr as we, Td as xe, Table as br, Thead as $r, Th as or, Tbody as _r } from "@starasia/table";
 export * from "@starasia/table";
 export * from "@starasia/tabs";
 import { Textarea as Pr } from "@starasia/textarea";
 export * from "@starasia/textarea";
-import { useTheme as Jr, ThemeProvider as or, useRadius as Ur, useColor as Ge } from "@starasia/theme";
+import { useTheme as Jr, ThemeProvider as cr, useRadius as Ur, useColor as Qe } from "@starasia/theme";
 export * from "@starasia/theme";
 export * from "@starasia/toast";
-import { Toggle as br } from "@starasia/toggle";
+import { Toggle as Dr } from "@starasia/toggle";
 export * from "@starasia/toggle";
 import { Tooltip as ce } from "@starasia/tooltip";
 export * from "@starasia/tooltip";
@@ -45,7 +45,7 @@ import { Text as x } from "@starasia/text";
 export * from "@starasia/text";
 import { Icon as E } from "@starasia/icon";
 export * from "@starasia/icon";
-import { Flex as U } from "@starasia/flex";
+import { Flex as q } from "@starasia/flex";
 export * from "@starasia/flex";
 export * from "@starasia/progress";
 export * from "@starasia/stepper";
@@ -54,8 +54,8 @@ export * from "@starasia/story-record";
 import { Skeleton as De } from "@starasia/skeleton";
 export * from "@starasia/skeleton";
 import { jsx as e, jsxs as d, Fragment as X } from "react/jsx-runtime";
-import pe, { createContext as Dr, useState as V, useContext as wr, useCallback as ve, useMemo as ge, memo as ne, useEffect as q, useRef as oe, useLayoutEffect as Je, isValidElement as vr, forwardRef as Qe, Children as Gr, useImperativeHandle as Qr } from "react";
-import { useSearchParams as Oe, useNavigate as Ye, useLocation as Se, Outlet as cr, Link as Yr, useParams as kr } from "react-router";
+import pe, { createContext as wr, useState as V, useContext as vr, useCallback as ve, useMemo as ge, memo as ne, useEffect as G, useRef as oe, useLayoutEffect as Je, isValidElement as Ue, forwardRef as Ye, Children as Gr, useImperativeHandle as Qr } from "react";
+import { useSearchParams as Oe, useNavigate as Xe, useLocation as Se, Outlet as ar, Link as Yr, useParams as kr } from "react-router";
 import Xr from "react-easy-crop";
 const Kr = {
   menus: [],
@@ -65,7 +65,7 @@ const Kr = {
   userData: null,
   setUserData: () => {
   }
-}, Fr = Dr(Kr), Sr = () => wr(Fr), et = (r) => {
+}, Fr = wr(Kr), Sr = () => vr(Fr), et = (r) => {
   const [t, l] = V(
     (r == null ? void 0 : r.initialUserData) || null
   );
@@ -73,7 +73,7 @@ const Kr = {
     userData: t,
     setUserData: l
   };
-}, Er = Dr({
+}, Er = wr({
   badges: {},
   setBadge: () => {
   },
@@ -108,7 +108,7 @@ const Kr = {
     [t, i, n, o]
   );
   return /* @__PURE__ */ e(Er.Provider, { value: s, children: r });
-}, tt = () => wr(Er), $e = (r, t) => {
+}, tt = () => vr(Er), $e = (r, t) => {
   const l = t !== void 0 ? t : r;
   return l == null ? null : typeof l == "string" || typeof l == "number" ? { value: l } : l;
 }, it = ({
@@ -132,7 +132,7 @@ const Kr = {
         setUserData: a.setUserData,
         menuBottom: l
       },
-      children: /* @__PURE__ */ e(rt, { children: s ? /* @__PURE__ */ e(or, { value: s, children: r }) : h ? /* @__PURE__ */ e(or, { value: h, children: r }) : r })
+      children: /* @__PURE__ */ e(rt, { children: s ? /* @__PURE__ */ e(cr, { value: s, children: r }) : h ? /* @__PURE__ */ e(cr, { value: h, children: r }) : r })
     }
   );
 }, cn = ne(it);
@@ -173,8 +173,8 @@ function nt({
     }
   );
 }
-const He = "moduleSwitcherGroupId", Ue = "sa-module-switcher-change";
-function ar() {
+const He = "moduleSwitcherGroupId", qe = "sa-module-switcher-change";
+function sr() {
   if (typeof window > "u") return null;
   const r = window.localStorage.getItem(He);
   if (r === null) return null;
@@ -182,30 +182,30 @@ function ar() {
   return Number.isFinite(t) ? t : null;
 }
 function Mr(r) {
-  typeof window > "u" || (r === null ? window.localStorage.removeItem(He) : window.localStorage.setItem(He, String(r)), window.dispatchEvent(new CustomEvent(Ue, { detail: r })));
+  typeof window > "u" || (r === null ? window.localStorage.removeItem(He) : window.localStorage.setItem(He, String(r)), window.dispatchEvent(new CustomEvent(qe, { detail: r })));
 }
 function an() {
   Mr(null);
 }
 function Lr() {
   const [r, t] = V(
-    () => ar()
+    () => sr()
   );
-  return q(() => {
+  return G(() => {
     const n = () => {
-      t(ar());
+      t(sr());
     }, i = (o) => {
       o.key === He && n();
     };
-    return window.addEventListener(Ue, n), window.addEventListener("storage", i), () => {
-      window.removeEventListener(Ue, n), window.removeEventListener("storage", i);
+    return window.addEventListener(qe, n), window.addEventListener("storage", i), () => {
+      window.removeEventListener(qe, n), window.removeEventListener("storage", i);
     };
   }, []), { selectedGroupId: r, setSelectedGroupId: (n) => {
     Mr(n), t(n);
   } };
 }
 let Le = 0, ye = !1;
-const sr = () => /* @__PURE__ */ d(
+const dr = () => /* @__PURE__ */ d(
   "svg",
   {
     width: "100%",
@@ -222,7 +222,7 @@ const sr = () => /* @__PURE__ */ d(
       /* @__PURE__ */ e("line", { x1: "6", y1: "1.667", x2: "6", y2: "14.333" })
     ]
   }
-), dr = {
+), hr = {
   width: "100%",
   display: "flex",
   alignItems: "center",
@@ -254,9 +254,9 @@ function sn({
   profileMenuItems: p,
   logoutButton: g
 }) {
-  var ir, nr;
-  const [w] = Oe(), A = w.get("embed") === "true", C = Sr(), { badges: T } = tt(), O = Ye(), $ = Se(), v = !ie("md"), [D, J] = V(!1), [M, Q] = V(!1), [re, j] = V(!1), [k, z] = V(!1), [F, b] = V(/* @__PURE__ */ new Set()), [H, P] = V(null), { selectedGroupId: N, setSelectedGroupId: S } = Lr(), te = oe(null), le = oe(null);
-  q(() => {
+  var nr, lr;
+  const [w] = Oe(), A = w.get("embed") === "true", C = Sr(), { badges: T } = tt(), O = Xe(), j = Se(), v = !ie("md"), [D, U] = V(!1), [M, Q] = V(!1), [re, Z] = V(!1), [k, z] = V(!1), [F, b] = V(/* @__PURE__ */ new Set()), [H, P] = V(null), { selectedGroupId: N, setSelectedGroupId: S } = Lr(), te = oe(null), le = oe(null);
+  G(() => {
     const y = te.current;
     if (!y) return;
     const W = () => {
@@ -284,7 +284,7 @@ function sn({
       );
       y && y.scrollIntoView({ block: "center", behavior: "instant" });
     }));
-  }, [C.menus]), q(() => {
+  }, [C.menus]), G(() => {
     ye = !0, ae();
     const y = setTimeout(ae, 0), W = setTimeout(ae, 50), B = setTimeout(ae, 100), K = setTimeout(ae, 200), ue = setTimeout(() => {
       ye = !1;
@@ -292,35 +292,35 @@ function sn({
     return () => {
       clearTimeout(y), clearTimeout(W), clearTimeout(B), clearTimeout(K), clearTimeout(ue);
     };
-  }, [$.pathname]), q(() => {
+  }, [j.pathname]), G(() => {
     le.current && (le.current.scrollTop = 0);
-  }, [$.pathname]), q(() => {
-    v && j(!1);
-  }, [$.pathname, v]), q(() => {
+  }, [j.pathname]), G(() => {
+    v && Z(!1);
+  }, [j.pathname, v]), G(() => {
     v && Q(!0);
   }, [v]);
   const Ne = () => {
-    J(!0);
-  }, er = () => {
-    J(!1);
+    U(!0);
+  }, rr = () => {
+    U(!1);
   }, Rr = () => {
-    J(!1), i();
-  }, rr = (y) => {
+    U(!1), i();
+  }, tr = (y) => {
     const W = [y.to];
     return y.children && W.push(...y.children.map((B) => B.to)), W;
   }, zr = [
-    ...C.menus.flatMap((y) => y.items.flatMap(rr)),
-    ...((ir = C.menuBottom) == null ? void 0 : ir.flatMap(rr)) ?? []
+    ...C.menus.flatMap((y) => y.items.flatMap(tr)),
+    ...((nr = C.menuBottom) == null ? void 0 : nr.flatMap(tr)) ?? []
   ], he = (y) => {
-    if (!$.pathname.startsWith(y)) return !1;
-    const W = zr.filter((B) => $.pathname.startsWith(B)).sort((B, K) => K.length - B.length)[0];
+    if (!j.pathname.startsWith(y)) return !1;
+    const W = zr.filter((B) => j.pathname.startsWith(B)).sort((B, K) => K.length - B.length)[0];
     return y === W;
   };
-  q(() => {
+  G(() => {
     var W;
     const y = (B) => {
       var K;
-      (K = B.children) != null && K.some((ue) => $.pathname.startsWith(ue.to)) && b((ue) => {
+      (K = B.children) != null && K.some((ue) => j.pathname.startsWith(ue.to)) && b((ue) => {
         const Me = new Set(ue);
         return Me.add(B.id), Me;
       });
@@ -328,14 +328,14 @@ function sn({
     C.menus.forEach((B) => {
       B.items.forEach(y);
     }), (W = C.menuBottom) == null || W.forEach(y);
-  }, [$.pathname, C.menus, C.menuBottom]);
+  }, [j.pathname, C.menus, C.menuBottom]);
   const Ir = (y) => {
     b((W) => {
       const B = new Set(W);
       return B.has(y) ? B.delete(y) : B.add(y), B;
     });
   };
-  q(() => {
+  G(() => {
     C.menus.length !== 0 && N !== null && !C.menus.some((y) => y.id === N) && S(null);
   }, [C.menus, N, S]);
   const Tr = ge(() => {
@@ -350,8 +350,8 @@ function sn({
     ];
   }, [C.menus, N]);
   if (A)
-    return /* @__PURE__ */ e("main", { style: { height: "100vh", overflowY: "auto", backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)" }, children: r || /* @__PURE__ */ e(cr, {}) });
-  const tr = (y) => {
+    return /* @__PURE__ */ e("main", { style: { height: "100vh", overflowY: "auto", backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)" }, children: r || /* @__PURE__ */ e(ar, {}) });
+  const ir = (y) => {
     const W = y.children && y.children.length > 0, B = F.has(y.id), K = W ? y.children.some((fe) => he(fe.to)) : he(y.to), ue = $e(y.badge, T[y.id]), Me = !!ue && M && !v;
     return /* @__PURE__ */ d("div", { "data-menu-active": K || void 0, children: [
       /* @__PURE__ */ d(
@@ -631,7 +631,7 @@ function sn({
                 pointerEvents: re ? "auto" : "none",
                 transition: "opacity 0.3s"
               },
-              onClick: () => j(!1)
+              onClick: () => Z(!1)
             }
           ),
           /* @__PURE__ */ d(
@@ -731,7 +731,7 @@ function sn({
                               cursor: "pointer",
                               flexShrink: 0
                             },
-                            children: /* @__PURE__ */ e(sr, {})
+                            children: /* @__PURE__ */ e(dr, {})
                           }
                         ),
                         y && /* @__PURE__ */ e(
@@ -768,7 +768,7 @@ function sn({
                                   height: "1rem",
                                   display: "inline-flex"
                                 },
-                                children: /* @__PURE__ */ e(sr, {})
+                                children: /* @__PURE__ */ e(dr, {})
                               }
                             )
                           }
@@ -776,7 +776,7 @@ function sn({
                         v && /* @__PURE__ */ e(
                           "button",
                           {
-                            onClick: () => j(!1),
+                            onClick: () => Z(!1),
                             "aria-label": "Close menu",
                             style: {
                               padding: "0.375rem",
@@ -871,7 +871,7 @@ function sn({
                           )
                         }
                       ),
-                      /* @__PURE__ */ e("div", { style: { paddingLeft: "1rem", paddingRight: "1rem", display: "flex", flexDirection: "column", gap: "var(--sa-spacing-xs, 0.25rem)" }, children: y.items.map((W) => tr(W)) })
+                      /* @__PURE__ */ e("div", { style: { paddingLeft: "1rem", paddingRight: "1rem", display: "flex", flexDirection: "column", gap: "var(--sa-spacing-xs, 0.25rem)" }, children: y.items.map((W) => ir(W)) })
                     ] }, y.id))
                   }
                 ),
@@ -890,7 +890,7 @@ function sn({
                       gap: "var(--sa-spacing-xs, 0.25rem)",
                       flexShrink: 0
                     },
-                    children: C.menuBottom.map((y) => tr(y))
+                    children: C.menuBottom.map((y) => ir(y))
                   }
                 )
               ]
@@ -916,7 +916,7 @@ function sn({
                     v && /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => j(!0),
+                        onClick: () => Z(!0),
                         style: {
                           padding: "0.375rem",
                           borderRadius: "0.5rem",
@@ -949,7 +949,7 @@ function sn({
                   ] }),
                   /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
                     h,
-                    /* @__PURE__ */ d(pr, { position: "bottom-right", children: [
+                    /* @__PURE__ */ d(yr, { position: "bottom-right", children: [
                       /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ d(
                         "div",
                         {
@@ -1023,7 +1023,7 @@ function sn({
                         }
                       ) }),
                       /* @__PURE__ */ d(
-                        yr,
+                        xr,
                         {
                           style: {
                             width: "280px",
@@ -1113,13 +1113,13 @@ function sn({
                                 ]
                               }
                             ) }),
-                            (m && m.length > 0 || p) && /* @__PURE__ */ d(xr, { children: [
+                            (m && m.length > 0 || p) && /* @__PURE__ */ d(Cr, { children: [
                               m == null ? void 0 : m.map((y, W) => /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ d(
                                 "button",
                                 {
                                   type: "button",
                                   onClick: y.onClick,
-                                  style: dr,
+                                  style: hr,
                                   onMouseEnter: (B) => {
                                     B.currentTarget.style.backgroundColor = "var(--sa-background-neutral, #f0f1f2)";
                                   },
@@ -1140,7 +1140,7 @@ function sn({
                                 type: "button",
                                 onClick: Ne,
                                 style: {
-                                  ...dr,
+                                  ...hr,
                                   color: "var(--sa-background-error, #c9184a)",
                                   fontWeight: 500
                                 },
@@ -1181,7 +1181,7 @@ function sn({
                   flex: 1,
                   overflowY: "auto"
                 },
-                children: r || /* @__PURE__ */ e(cr, {})
+                children: r || /* @__PURE__ */ e(ar, {})
               }
             )
           ] })
@@ -1203,11 +1203,11 @@ function sn({
         children: s
       }
     ),
-    /* @__PURE__ */ d(ke, { isShow: D, onHide: er, children: [
+    /* @__PURE__ */ d(ke, { isShow: D, onHide: rr, children: [
       /* @__PURE__ */ e(Ce, { children: "Confirmation Logout" }),
       /* @__PURE__ */ e(Fe, { children: "Are you sure you want to end the session and exit the page?" }),
-      /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(u, { display: "flex", align: "flex-end", justify: "center", children: /* @__PURE__ */ d(U, { direction: "row", gap: "sm", align: "center", children: [
-        /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(I, { secondary: !0, onClick: er, children: "Cancel" }) }),
+      /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(u, { display: "flex", align: "flex-end", justify: "center", children: /* @__PURE__ */ d(q, { direction: "row", gap: "sm", align: "center", children: [
+        /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(I, { secondary: !0, onClick: rr, children: "Cancel" }) }),
         /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(I, { primary: !0, onClick: Rr, children: "Yes, Sure" }) })
       ] }) }) })
     ] }),
@@ -1260,7 +1260,7 @@ function sn({
                 children: H.item.title
               }
             ),
-            (nr = H.item.children) == null ? void 0 : nr.map((y) => {
+            (lr = H.item.children) == null ? void 0 : lr.map((y) => {
               const W = he(y.to), B = $e(
                 y.badge,
                 T[y.id]
@@ -1471,7 +1471,7 @@ function dn({
   onSelect: r,
   "aria-label": t = "Pilih module"
 } = {}) {
-  const l = Sr(), n = Ye(), { selectedGroupId: i, setSelectedGroupId: o } = Lr(), [s, a] = V(!1), h = (f) => {
+  const l = Sr(), n = Xe(), { selectedGroupId: i, setSelectedGroupId: o } = Lr(), [s, a] = V(!1), h = (f) => {
     var m;
     if (o(f), f !== null) {
       const p = l.menus.find((w) => w.id === f), g = (m = p == null ? void 0 : p.items[0]) == null ? void 0 : m.to;
@@ -1664,7 +1664,7 @@ const hn = ne(
       /* @__PURE__ */ e(xe, { style: s, children: f() })
     ] });
   }
-), at = ne(({ fields: r, separator: t, labelWidth: l }) => /* @__PURE__ */ e(Cr, { children: r.map((n, i) => /* @__PURE__ */ e(
+), at = ne(({ fields: r, separator: t, labelWidth: l }) => /* @__PURE__ */ e(br, { children: r.map((n, i) => /* @__PURE__ */ e(
   ct,
   {
     separator: t,
@@ -1830,63 +1830,66 @@ const hn = ne(
   containerProps: a,
   headerProps: h
 }) => {
-  const f = ie("lg"), m = Ye(), p = Se(), g = r == null ? void 0 : r.show, w = () => {
+  const f = ie("lg"), m = Xe(), p = Se(), g = r == null ? void 0 : r.show, w = () => {
     if (typeof (r == null ? void 0 : r.onClick) == "function") {
       r.onClick();
       return;
     }
     m(-1, { replace: !0 });
-  }, A = () => o ? vr(o) ? o : /* @__PURE__ */ e(u, { direction: "row", gap: "lg", children: o.map(
-    ({ title: $, icon: G, buttonProps: v, onClick: D }, J) => !$ && !G ? null : /* @__PURE__ */ e(
+  }, A = () => o ? Ue(o) ? o : /* @__PURE__ */ e(u, { direction: "row", gap: "lg", children: o.map(
+    ({ title: j, icon: J, buttonProps: v, onClick: D }, U) => !j && !J ? null : /* @__PURE__ */ e(
       I,
       {
         fullWidth: !f,
-        iconLeft: G ? /* @__PURE__ */ e(E, { name: G, size: "md" }) : void 0,
+        iconLeft: J ? /* @__PURE__ */ e(E, { name: J, size: "md" }) : void 0,
         onClick: D,
         ...v,
-        children: $
+        children: j
       },
-      `action-${J}`
+      `action-${U}`
     )
   ) }) : null, C = () => {
-    const $ = /* @__PURE__ */ e(dt, { backButton: r });
+    const j = /* @__PURE__ */ e(dt, { backButton: r });
     return r != null && r.navigateTo ? /* @__PURE__ */ e(u, { direction: "row", children: /* @__PURE__ */ e(
       Yr,
       {
         to: r.navigateTo,
         replace: !0,
         style: { textDecoration: "none" },
-        children: $
+        children: j
       }
-    ) }) : /* @__PURE__ */ e(u, { direction: "row", children: /* @__PURE__ */ e(Ee, { onClick: w, children: $ }) });
-  }, T = () => /* @__PURE__ */ d(
-    u,
-    {
-      gap: "xs",
-      paddingTop: h == null ? void 0 : h.paddingTop,
-      paddingInline: h == null ? void 0 : h.paddingInline,
-      ...h,
-      children: [
-        g && C(),
-        /* @__PURE__ */ d(
-          u,
-          {
-            direction: f ? "row" : "column",
-            gap: "lg",
-            justify: "space-between",
-            align: "center",
-            children: [
-              typeof t == "string" ? /* @__PURE__ */ d(u, { direction: "row", gap: "lg", align: "center", children: [
-                /* @__PURE__ */ e(x, { variant: "h2", fontWeight: "semibold", fontFamily: "Poppins", children: t }),
-                l && /* @__PURE__ */ e(be, { border: !0, size: "lg", text: l, ...s })
-              ] }) : t,
-              A()
-            ]
-          }
-        )
-      ]
-    }
-  ), O = () => n;
+    ) }) : /* @__PURE__ */ e(u, { direction: "row", children: /* @__PURE__ */ e(Ee, { onClick: w, children: j }) });
+  }, T = () => {
+    const j = !!t, J = Ue(o) ? !0 : Array.isArray(o) && o.length > 0;
+    return !j && !J && !g ? null : /* @__PURE__ */ d(
+      u,
+      {
+        gap: "xs",
+        paddingTop: h == null ? void 0 : h.paddingTop,
+        paddingInline: h == null ? void 0 : h.paddingInline,
+        ...h,
+        children: [
+          g && C(),
+          (j || J) && /* @__PURE__ */ d(
+            u,
+            {
+              direction: f ? "row" : "column",
+              gap: "lg",
+              justify: "space-between",
+              align: "center",
+              children: [
+                j ? typeof t == "string" ? /* @__PURE__ */ d(u, { direction: "row", gap: "lg", align: "center", children: [
+                  /* @__PURE__ */ e(x, { variant: "h2", fontWeight: "semibold", fontFamily: "Poppins", children: t }),
+                  l && /* @__PURE__ */ e(be, { border: !0, size: "lg", text: l, ...s })
+                ] }) : t : null,
+                A()
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }, O = () => n;
   return /* @__PURE__ */ d(
     u,
     {
@@ -1908,7 +1911,7 @@ const hn = ne(
 }, gn = ne(ht), ut = {
   icon: "Cross",
   title: ""
-}, Wr = Qe(
+}, Wr = Ye(
   ({
     onHide: r,
     show: t,
@@ -2118,9 +2121,9 @@ const hn = ne(
     }),
     [i]
   );
-  return /* @__PURE__ */ d(pr, { position: o, style: l, children: [
+  return /* @__PURE__ */ d(yr, { position: o, style: l, children: [
     /* @__PURE__ */ e(Be, { style: n, children: /* @__PURE__ */ e(I, { size: "sm", secondary: !0, ...s, children: /* @__PURE__ */ e(E, { name: r, ...a }) }) }),
-    /* @__PURE__ */ e(yr, { style: f, children: t.map((m, p) => h === "outline-button" ? /* @__PURE__ */ e(xr, { children: /* @__PURE__ */ d(
+    /* @__PURE__ */ e(xr, { style: f, children: t.map((m, p) => h === "outline-button" ? /* @__PURE__ */ e(Cr, { children: /* @__PURE__ */ d(
       I,
       {
         size: "sm",
@@ -2148,7 +2151,7 @@ const hn = ne(
   ] });
 }, pn = ne(yt), Vr = pe.memo(({ text: r, onClose: t }) => {
   var n, i;
-  const l = Ge();
+  const l = Qe();
   return /* @__PURE__ */ d(
     u,
     {
@@ -2196,10 +2199,10 @@ const hn = ne(
     style: { minWidth: "max-content" },
     children: r == null ? void 0 : r.map((l, n) => l.valueText ? /* @__PURE__ */ e(Vr, { text: l.valueText, onClose: () => t == null ? void 0 : t(l) }, n) : null)
   }
-)), hr = (r) => JSON.stringify(r), Ct = (r) => {
+)), ur = (r) => JSON.stringify(r), Ct = (r) => {
   const t = r;
   return t.hasOwnProperty("from") && t.hasOwnProperty("to") ? !t.from || !t.to ? void 0 : JSON.stringify(r) : r.toISOString();
-}, ur = (r, t) => [], bt = (r, t) => {
+}, fr = (r, t) => [], bt = (r, t) => {
   if (!r)
     return t ? { from: /* @__PURE__ */ new Date(), to: /* @__PURE__ */ new Date() } : void 0;
   if (t)
@@ -2238,7 +2241,7 @@ const hn = ne(
     )) });
   }
 ), Hr = pe.memo(
-  Qe(
+  Ye(
     ({
       label: r,
       type: t,
@@ -2259,11 +2262,11 @@ const hn = ne(
       rangedDate: C,
       disabled: T,
       inputTextType: O = "text",
-      min: $,
-      max: G
+      min: j,
+      max: J
     }, v) => {
       const D = i == null ? void 0 : i.length;
-      let J;
+      let U;
       const M = () => {
         switch (t) {
           case "dropdown":
@@ -2274,19 +2277,19 @@ const hn = ne(
                 multiSelect: h,
                 searchAble: f,
                 placeholder: o,
-                onChange: (j) => n == null ? void 0 : n({ value: j, name: a, type: t }),
+                onChange: (Z) => n == null ? void 0 : n({ value: Z, name: a, type: t }),
                 dropdownLists: l || [],
-                defaultValue: p || ur()
+                defaultValue: p || fr()
               }
             );
           case "date":
             return /* @__PURE__ */ e(
-              mr,
+              pr,
               {
                 input: w,
                 filter: g,
-                value: bt(p || J, C),
-                onChange: (j) => n == null ? void 0 : n({ value: j, name: a, type: t }),
+                value: bt(p || U, C),
+                onChange: (Z) => n == null ? void 0 : n({ value: Z, name: a, type: t }),
                 rangedDate: C,
                 ref: v
               }
@@ -2296,8 +2299,8 @@ const hn = ne(
               wt,
               {
                 multiple: h,
-                value: p || ur(),
-                onChange: (j) => n == null ? void 0 : n({ value: j, name: a, type: t }),
+                value: p || fr(),
+                onChange: (Z) => n == null ? void 0 : n({ value: Z, name: a, type: t }),
                 options: l
               }
             );
@@ -2305,46 +2308,46 @@ const hn = ne(
             return /* @__PURE__ */ e(
               Te,
               {
-                onChange: ({ target: { value: j } }) => n == null ? void 0 : n({ value: j, name: a, type: t }),
-                value: p || J,
+                onChange: ({ target: { value: Z } }) => n == null ? void 0 : n({ value: Z, name: a, type: t }),
+                value: p || U,
                 placeholder: o,
                 disabled: T,
                 type: O,
                 name: a,
-                ...O === "number" && { min: $, max: G },
+                ...O === "number" && { min: j, max: J },
                 ...(!O || O === "text") && {
-                  minLength: $,
-                  maxLength: G
+                  minLength: j,
+                  maxLength: J
                 }
               }
             );
           case "checkbox":
-            return /* @__PURE__ */ e(u, { children: l == null ? void 0 : l.map((j) => {
-              const k = Array.isArray(p) && p.includes(j.value);
+            return /* @__PURE__ */ e(u, { children: l == null ? void 0 : l.map((Z) => {
+              const k = Array.isArray(p) && p.includes(Z.value);
               return /* @__PURE__ */ e(
                 Ve,
                 {
-                  label: j.label,
+                  label: Z.label,
                   checked: k,
                   sizes: "sm",
                   onChange: (z) => {
-                    const F = Array.isArray(p) ? p : [], b = z.target.checked ? [...F, j.value] : F.filter((H) => H !== j.value);
+                    const F = Array.isArray(p) ? p : [], b = z.target.checked ? [...F, Z.value] : F.filter((H) => H !== Z.value);
                     n == null || n({ value: b, name: a, type: t });
                   }
                 },
-                j.value
+                Z.value
               );
             }) });
           default:
             return null;
         }
       };
-      return D ? /* @__PURE__ */ e(u, { marginBottom: "lg", children: i == null ? void 0 : i.map((j, k) => /* @__PURE__ */ e(
+      return D ? /* @__PURE__ */ e(u, { marginBottom: "lg", children: i == null ? void 0 : i.map((Z, k) => /* @__PURE__ */ e(
         Hr,
         {
           ref: v,
           onChange: n,
-          ...j,
+          ...Z,
           withSearchParam: A
         },
         k
@@ -2372,16 +2375,16 @@ const hn = ne(
             Ct(g);
             break;
           case "dropdown":
-            hr(g);
+            ur(g);
             break;
           case "select-button":
-            hr(g);
+            ur(g);
             break;
         }
     }, p = () => {
       h(!0), i == null || i(!0);
     };
-    return q(() => {
+    return G(() => {
       (a || s) && (h(!1), i == null || i(!1));
     }, [a, s]), /* @__PURE__ */ e(X, { children: /* @__PURE__ */ d(
       Wr,
@@ -2411,7 +2414,7 @@ const hn = ne(
   }
 ), kt = pe.memo(({ active: r, onClick: t }) => {
   var n, i;
-  const l = Ge();
+  const l = Qe();
   return /* @__PURE__ */ e(
     Ee,
     {
@@ -2609,29 +2612,29 @@ const Vn = (r) => {
       t[l] = r[l];
     }
   }), t;
-}, qe = (r, t) => {
+}, Ge = (r, t) => {
   let l;
   return t == null || t.forEach((n) => {
     var i;
     if ((i = n == null ? void 0 : n.fields) != null && i.length) {
-      const o = qe(r, n == null ? void 0 : n.fields);
+      const o = Ge(r, n == null ? void 0 : n.fields);
       o && (l = o);
     } else (n == null ? void 0 : n.name) === r && (l = n);
   }), l;
 }, Rn = (r) => {
-  var G;
+  var J;
   const t = ge(() => ({ ...Lt, ...r }), [r]), [l, n] = V(!1), [i, o] = V(!1), [s] = V(void 0), a = () => o(!0), h = () => o(!1), f = i ? h : a, m = () => {
     n(!0);
   }, p = (v) => {
     n(v);
-  }, g = s ? Wt(s) : void 0, w = !!(g && ((G = Object.values(g)) == null ? void 0 : G.length) > 0), A = () => g ? Object.keys(g).map((v) => {
-    var j, k, z;
-    const D = qe(v, t.fields), J = [];
+  }, g = s ? Wt(s) : void 0, w = !!(g && ((J = Object.values(g)) == null ? void 0 : J.length) > 0), A = () => g ? Object.keys(g).map((v) => {
+    var Z, k, z;
+    const D = Ge(v, t.fields), U = [];
     let M = "";
-    const Q = (j = D == null ? void 0 : D.childrenKey) == null ? void 0 : j.length, re = D == null ? void 0 : D.parentKey;
+    const Q = (Z = D == null ? void 0 : D.childrenKey) == null ? void 0 : Z.length, re = D == null ? void 0 : D.parentKey;
     switch (Q && ((k = D == null ? void 0 : D.childrenKey) == null || k.forEach((F) => {
-      const b = qe(F, t.fields);
-      b && J.push({
+      const b = Ge(F, t.fields);
+      b && U.push({
         name: b == null ? void 0 : b.name,
         label: b == null ? void 0 : b.label,
         value: g[b == null ? void 0 : b.name]
@@ -2664,8 +2667,8 @@ const Vn = (r) => {
         M = `${D == null ? void 0 : D.label}: ${g[v]}`;
         break;
     }
-    if (Q && J.length > 0) {
-      let F = J.map((b) => {
+    if (Q && U.length > 0) {
+      let F = U.map((b) => {
         var H, P;
         return b != null && b.value && typeof b.value != "string" ? (P = (H = b == null ? void 0 : b.value) == null ? void 0 : H.map((N) => N == null ? void 0 : N.label)) == null ? void 0 : P.join(",") : b.value;
       });
@@ -2678,7 +2681,7 @@ const Vn = (r) => {
       label: D == null ? void 0 : D.label,
       value: g[v],
       valueText: M,
-      children: J
+      children: U
     };
   }) : [], C = (v) => {
     v != null && v.name && n(!0);
@@ -2724,7 +2727,7 @@ const Vn = (r) => {
   Body1: Nt,
   Body2: jt,
   Body3: Zt
-}, Xe = () => {
+}, Ke = () => {
   const [r, t] = Oe(), l = Ie(r.toString()), n = kr(), i = Se(), o = n.id;
   return {
     // query params
@@ -2742,7 +2745,7 @@ const Vn = (r) => {
     id: o,
     hasId: !!o
   };
-}, $t = (r) => JSON.stringify(r), _t = (r) => JSON.stringify(r), Pt = (r) => JSON.stringify(r), Jt = (r) => JSON.stringify(r), Ut = (r) => r, qt = (r) => JSON.stringify(r), fr = ({
+}, $t = (r) => JSON.stringify(r), _t = (r) => JSON.stringify(r), Pt = (r) => JSON.stringify(r), Jt = (r) => JSON.stringify(r), Ut = (r) => r, qt = (r) => JSON.stringify(r), gr = ({
   value: r,
   name: t,
   type: l,
@@ -2854,7 +2857,7 @@ const Vn = (r) => {
   pageKey: n,
   filters: i
 }) => {
-  const { searchParams: o, setSearchParams: s, searchQueries: a } = Xe(), [h, f] = V({}), m = () => {
+  const { searchParams: o, setSearchParams: s, searchQueries: a } = Ke(), [h, f] = V({}), m = () => {
     o.delete(l || "filter"), s(o);
   }, p = (g, w) => {
     switch (g.type) {
@@ -2879,7 +2882,7 @@ const Vn = (r) => {
     }
   };
   return /* @__PURE__ */ e(Wr, { onHide: t, show: r || !1, children: /* @__PURE__ */ d(u, { direction: "column", gap: "md", children: [
-    /* @__PURE__ */ d(U, { direction: "row", justify: "space-between", align: "center", children: [
+    /* @__PURE__ */ d(q, { direction: "row", justify: "space-between", align: "center", children: [
       /* @__PURE__ */ e(u, { children: "Filter" }),
       /* @__PURE__ */ e(
         u,
@@ -2910,9 +2913,9 @@ const Vn = (r) => {
   titleSearchLabel: A = "Work Order",
   withTitleLabels: C = !1
 }) => {
-  const O = (g == null ? void 0 : g.isShowLabel) ?? !0, [$, G] = V(!1), [v, D] = V(0), J = () => {
+  const O = (g == null ? void 0 : g.isShowLabel) ?? !0, [j, J] = V(!1), [v, D] = V(0), U = () => {
     D((S) => S + 1);
-  }, { searchParams: M, setSearchParams: Q, getQueryParam: re } = Xe(), j = Ie(M.toString()), k = Gt(r, M, a) || "", [z, F] = V(k), b = re(a), P = !!(b && !(() => {
+  }, { searchParams: M, setSearchParams: Q, getQueryParam: re } = Ke(), Z = Ie(M.toString()), k = Gt(r, M, a) || "", [z, F] = V(k), b = re(a), P = !!(b && !(() => {
     if (b)
       try {
         const S = JSON.parse(b);
@@ -2922,17 +2925,17 @@ const Vn = (r) => {
       }
     return !1;
   })()), N = ie("md");
-  return q(() => {
+  return G(() => {
     F(k);
-  }, [k]), q(() => {
+  }, [k]), G(() => {
     if (z === k)
       return;
     const S = window.setTimeout(() => {
-      fr({
+      gr({
         value: z,
         name: r,
         type: "search",
-        searchQueries: j,
+        searchQueries: Z,
         setSearchParams: Q,
         filterKey: a,
         pageKey: h
@@ -2945,12 +2948,12 @@ const Vn = (r) => {
     z,
     k,
     r,
-    j,
+    Z,
     Q,
     a,
     h
   ]), /* @__PURE__ */ d(
-    U,
+    q,
     {
       gap: "md",
       style: {
@@ -2963,7 +2966,7 @@ const Vn = (r) => {
           {
             onClick: () => {
               const S = new URLSearchParams(M);
-              S.delete(a), Q(S), F(""), J(), m && m();
+              S.delete(a), Q(S), F(""), U(), m && m();
             },
             secondary: !0,
             children: /* @__PURE__ */ e(x, { color: "error", fontWeight: "semibold", children: "Reset" })
@@ -3000,7 +3003,7 @@ const Vn = (r) => {
               }
             ),
             fullWidth: !N,
-            onClick: () => G(!0),
+            onClick: () => J(!0),
             children: O ? "Filter" : void 0
           }
         ),
@@ -3047,11 +3050,11 @@ const Vn = (r) => {
                       })
                     }
                   ] : [],
-                  onChange: (S) => fr({
+                  onChange: (S) => gr({
                     value: S,
                     name: t,
                     type: "dropdown",
-                    searchQueries: j,
+                    searchQueries: Z,
                     setSearchParams: Q,
                     filterKey: a
                   }),
@@ -3091,8 +3094,8 @@ const Vn = (r) => {
         /* @__PURE__ */ e(
           Qt,
           {
-            isOpen: $,
-            onClose: () => G(!1),
+            isOpen: j,
+            onClose: () => J(!1),
             filterKey: a,
             filters: p,
             pageKey: h
@@ -3103,7 +3106,7 @@ const Vn = (r) => {
   );
 }, Xt = ({ children: r, borderRadius: t }) => {
   const l = oe(null), [n, i] = V("100vh");
-  return q(() => {
+  return G(() => {
     const o = () => {
       if (l.current) {
         const s = l.current.getBoundingClientRect().top;
@@ -3133,7 +3136,7 @@ const Vn = (r) => {
   advanceFilter: t,
   showFilter: l = !0
 }) => {
-  const n = ie("md"), i = () => r ? vr(r) ? r : /* @__PURE__ */ e(
+  const n = ie("md"), i = () => r ? Ue(r) ? r : /* @__PURE__ */ e(
     u,
     {
       style: {
@@ -3223,7 +3226,7 @@ const Vn = (r) => {
   showPagination: i = !0,
   totalData: o
 }) => {
-  const { searchQueries: s, setSearchParams: a, searchParams: h } = Xe(), f = h.get(l), m = (A) => {
+  const { searchQueries: s, setSearchParams: a, searchParams: h } = Ke(), f = h.get(l), m = (A) => {
     a({ ...s, [t]: String(A) });
   }, p = (A) => {
     a({
@@ -3291,19 +3294,19 @@ const Vn = (r) => {
   const [l, n] = V(!1), i = oe(null), o = oe(null), s = oe(null), [a, h] = V(""), [f, m] = V({ top: 0, left: 0 }), p = r.selectedValues, g = ge(() => a ? r.options.filter(
     (C) => C.label.toLowerCase().includes(a.toLowerCase())
   ) : r.options, [r.options, a]);
-  q(() => {
+  G(() => {
     if (l && o.current) {
       const C = o.current.getBoundingClientRect(), T = 280, O = {
         top: C.bottom + 8
       };
       r.position === "left" || C.left + T > window.innerWidth ? O.right = window.innerWidth - C.right : O.left = C.left, m(O);
     }
-  }, [l, r.position]), q(() => {
+  }, [l, r.position]), G(() => {
     l && s.current ? setTimeout(() => {
       var C;
       return (C = s.current) == null ? void 0 : C.focus();
     }, 50) : h("");
-  }, [l]), q(() => {
+  }, [l]), G(() => {
     const C = (T) => {
       i.current && !i.current.contains(T.target) && o.current && !o.current.contains(T.target) && n(!1);
     };
@@ -3613,15 +3616,15 @@ const Vn = (r) => {
   actionsOrder: A = ["detail", "update", "delete", "custom"],
   customEmptyState: C
 }) => {
-  const O = [l, n, i].filter((k) => k !== void 0).length, $ = !!w, G = O === 3 ? $ ? "178px" : "140px" : O === 2 ? $ ? "140px" : "102px" : O === 1 ? $ ? "112px" : "74px" : $ ? "74px" : "", v = (k, z) => {
+  const O = [l, n, i].filter((k) => k !== void 0).length, j = !!w, J = O === 3 ? j ? "178px" : "140px" : O === 2 ? j ? "140px" : "102px" : O === 1 ? j ? "112px" : "74px" : j ? "74px" : "", v = (k, z) => {
     if (!z) return k;
     if (typeof z == "function") return z(k);
     if (typeof z == "string") return k[z];
-  }, [D, J] = V(!1);
-  q(() => {
+  }, [D, U] = V(!1);
+  G(() => {
     if (!(m != null && m.current)) return;
     const k = m.current;
-    J(k.scrollHeight > k.clientHeight);
+    U(k.scrollHeight > k.clientHeight);
   }, [t, m]);
   const M = oe(null), [Q, re] = V([]);
   Je(() => {
@@ -3637,10 +3640,10 @@ const Vn = (r) => {
       z[H] = F, H < p && (F += b.offsetWidth);
     }), re(z);
   }, [p, r, t]);
-  const j = (k) => {
+  const Z = (k) => {
     g && g(k < p ? k : k + 1);
   };
-  return /* @__PURE__ */ e("div", { ref: M, children: /* @__PURE__ */ d(Cr, { fullWidth: !0, children: [
+  return /* @__PURE__ */ e("div", { ref: M, children: /* @__PURE__ */ d(br, { fullWidth: !0, children: [
     /* @__PURE__ */ e(
       $r,
       {
@@ -3653,7 +3656,7 @@ const Vn = (r) => {
             var H;
             const F = p > 0 && z < p, b = Q[z] ?? 0;
             return /* @__PURE__ */ e(
-              lr,
+              or,
               {
                 style: {
                   position: "sticky",
@@ -3689,7 +3692,7 @@ const Vn = (r) => {
                       g && /* @__PURE__ */ e(
                         "button",
                         {
-                          onClick: () => j(z),
+                          onClick: () => Z(z),
                           title: F ? "Unfreeze column" : "Freeze column",
                           style: {
                             background: "none",
@@ -3714,7 +3717,7 @@ const Vn = (r) => {
             );
           }),
           l || n || i || w ? /* @__PURE__ */ e(
-            lr,
+            or,
             {
               style: {
                 backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)",
@@ -3793,12 +3796,12 @@ const Vn = (r) => {
             );
           }),
           l || n || i || w ? /* @__PURE__ */ e(xe, { style: {
-            width: G,
+            width: J,
             position: "sticky",
             right: 0,
             zIndex: 1,
             backgroundColor: We
-          }, children: /* @__PURE__ */ e(U, { direction: "row", align: "center", justify: "center", gap: "sm", children: A.map((F) => {
+          }, children: /* @__PURE__ */ e(q, { direction: "row", align: "center", justify: "center", gap: "sm", children: A.map((F) => {
             const b = z === t.length - 1 ? "top" : "bottom";
             return F === "detail" && l && (h == null ? void 0 : h(k)) !== !1 ? /* @__PURE__ */ e(ce, { label: "Detail", position: b, children: /* @__PURE__ */ e(
               I,
@@ -3883,10 +3886,10 @@ function oi(r) {
     r
   );
 }
-const Zn = oi(li), Ke = ({
+const Zn = oi(li), er = ({
   of: r,
   render: t
-}) => Gr.toArray(r == null ? void 0 : r.map((l, n, i) => t(l, n, i))), Z = ({
+}) => Gr.toArray(r == null ? void 0 : r.map((l, n, i) => t(l, n, i))), $ = ({
   condition: r,
   fallback: t,
   children: l,
@@ -3919,7 +3922,7 @@ const Zn = oi(li), Ke = ({
       ...i.containerProps,
       children: [
         i.title && /* @__PURE__ */ e(
-          Z,
+          $,
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ d(
@@ -3941,10 +3944,10 @@ const Zn = oi(li), Ke = ({
                 customMaxWidth: s,
                 fullWidth: n,
                 children: [
-                  /* @__PURE__ */ d(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ d(q, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: r, children: i.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: r, children: l }),
-                    /* @__PURE__ */ e(Z, { condition: !!((a = i.tooltip) != null && a.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e($, { condition: !!((a = i.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ce,
                       {
                         label: (h = i.tooltip) == null ? void 0 : h.label,
@@ -3964,7 +3967,7 @@ const Zn = oi(li), Ke = ({
                       }
                     ) })
                   ] }),
-                  /* @__PURE__ */ e(Z, { condition: !!i.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: i.description }) })
+                  /* @__PURE__ */ e($, { condition: !!i.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: i.description }) })
                 ]
               }
             )
@@ -4004,7 +4007,7 @@ const Zn = oi(li), Ke = ({
       onClick: i.onClickContainer,
       children: [
         i.title && /* @__PURE__ */ e(
-          Z,
+          $,
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ d(
@@ -4026,10 +4029,10 @@ const Zn = oi(li), Ke = ({
                 customMaxWidth: s,
                 fullWidth: n,
                 children: [
-                  /* @__PURE__ */ d(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ d(q, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: r, children: i.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: r, children: l }),
-                    /* @__PURE__ */ e(Z, { condition: !!((a = i.tooltip) != null && a.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e($, { condition: !!((a = i.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ce,
                       {
                         label: (h = i.tooltip) == null ? void 0 : h.label,
@@ -4049,7 +4052,7 @@ const Zn = oi(li), Ke = ({
                       }
                     ) })
                   ] }),
-                  /* @__PURE__ */ e(Z, { condition: !!i.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: i.description }) })
+                  /* @__PURE__ */ e($, { condition: !!i.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: i.description }) })
                 ]
               }
             )
@@ -4119,8 +4122,8 @@ const Zn = oi(li), Ke = ({
             }
           }
         ),
-        /* @__PURE__ */ d(U, { gap: "xs", children: [
-          /* @__PURE__ */ d(U, { direction: "row", gap: "xs", children: [
+        /* @__PURE__ */ d(q, { gap: "xs", children: [
+          /* @__PURE__ */ d(q, { direction: "row", gap: "xs", children: [
             /* @__PURE__ */ e(
               x,
               {
@@ -4181,7 +4184,7 @@ const fi = (r) => {
         cursor: "pointer"
       },
       children: [
-        /* @__PURE__ */ d(U, { direction: "row", align: "center", gap: "sm", children: [
+        /* @__PURE__ */ d(q, { direction: "row", align: "center", gap: "sm", children: [
           /* @__PURE__ */ e(
             E,
             {
@@ -4194,7 +4197,7 @@ const fi = (r) => {
               }
             }
           ),
-          /* @__PURE__ */ d(U, { children: [
+          /* @__PURE__ */ d(q, { children: [
             /* @__PURE__ */ e(
               x,
               {
@@ -4208,7 +4211,7 @@ const fi = (r) => {
                 children: ui(r.defaultUrl || "") || ((t = r.fileSelected) == null ? void 0 : t.name)
               }
             ),
-            !r.defaultUrl && /* @__PURE__ */ d(U, { direction: "row", gap: "xs", align: "center", children: [
+            !r.defaultUrl && /* @__PURE__ */ d(q, { direction: "row", gap: "xs", align: "center", children: [
               /* @__PURE__ */ e(x, { fontSize: "sm", fontWeight: "medium", children: `${hi(
                 ((l = r.fileSelected) == null ? void 0 : l.size.toString()) || "100000"
               )}` }),
@@ -4329,7 +4332,7 @@ const fi = (r) => {
       ...i.containerProps,
       children: [
         i.title && /* @__PURE__ */ e(
-          Z,
+          $,
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ d(
@@ -4351,10 +4354,10 @@ const fi = (r) => {
                 customMaxWidth: s,
                 fullWidth: n,
                 children: [
-                  /* @__PURE__ */ d(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ d(q, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: r, children: i.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: r, children: l }),
-                    /* @__PURE__ */ e(Z, { condition: !!((a = i.tooltip) != null && a.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e($, { condition: !!((a = i.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ce,
                       {
                         label: (h = i.tooltip) == null ? void 0 : h.label,
@@ -4374,13 +4377,13 @@ const fi = (r) => {
                       }
                     ) })
                   ] }),
-                  /* @__PURE__ */ e(Z, { condition: !!i.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: i.description }) })
+                  /* @__PURE__ */ e($, { condition: !!i.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: i.description }) })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ d(U, { gap: "xs", children: [
+        /* @__PURE__ */ d(q, { gap: "xs", children: [
           /* @__PURE__ */ e(
             gi,
             {
@@ -4411,7 +4414,7 @@ const fi = (r) => {
       ...o.containerProps,
       children: [
         o.title && /* @__PURE__ */ e(
-          Z,
+          $,
           {
             condition: !!i,
             fallback: /* @__PURE__ */ d(
@@ -4433,10 +4436,10 @@ const fi = (r) => {
                 customMaxWidth: a,
                 fullWidth: n,
                 children: [
-                  /* @__PURE__ */ d(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ d(q, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: r, children: o.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: r, children: l }),
-                    /* @__PURE__ */ e(Z, { condition: !!((h = o.tooltip) != null && h.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e($, { condition: !!((h = o.tooltip) != null && h.label), children: /* @__PURE__ */ e(
                       ce,
                       {
                         label: (f = o.tooltip) == null ? void 0 : f.label,
@@ -4456,7 +4459,7 @@ const fi = (r) => {
                       }
                     ) })
                   ] }),
-                  /* @__PURE__ */ e(Z, { condition: !!o.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: o.description }) })
+                  /* @__PURE__ */ e($, { condition: !!o.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: o.description }) })
                 ]
               }
             )
@@ -4469,7 +4472,7 @@ const fi = (r) => {
             direction: t === "horizontal-inline" ? "row" : "column",
             align: "flex-start",
             children: /* @__PURE__ */ e(
-              Ke,
+              er,
               {
                 of: (p = o.checkBoxesList) == null ? void 0 : p.map((g) => ({
                   ...g,
@@ -4530,7 +4533,7 @@ const fi = (r) => {
       gap: r === "horizontal-inline" || r === "horizontal-block" ? "spacing-96" : "sm",
       direction: r === "horizontal-inline" || r === "horizontal-block" ? "row" : "column",
       children: [
-        /* @__PURE__ */ e(Z, { condition: !!n.description || !!n.title, children: /* @__PURE__ */ d(
+        /* @__PURE__ */ e($, { condition: !!n.description || !!n.title, children: /* @__PURE__ */ d(
           u,
           {
             direction: "column",
@@ -4538,7 +4541,7 @@ const fi = (r) => {
             fullWidth: l,
             children: [
               n.title && /* @__PURE__ */ e(_, { children: n.title }),
-              /* @__PURE__ */ e(Z, { condition: !!n.description, children: /* @__PURE__ */ e(x, { color: "gray-500", children: n.description }) })
+              /* @__PURE__ */ e($, { condition: !!n.description, children: /* @__PURE__ */ e(x, { color: "gray-500", children: n.description }) })
             ]
           }
         ) }),
@@ -4550,7 +4553,7 @@ const fi = (r) => {
             align: "flex-start",
             flexWrap: "wrap",
             children: /* @__PURE__ */ e(
-              Ke,
+              er,
               {
                 of: (o = n.radioList) == null ? void 0 : o.map((s) => ({
                   ...s,
@@ -4611,7 +4614,7 @@ const fi = (r) => {
       ...i.containerProps,
       children: [
         i.title && /* @__PURE__ */ e(
-          Z,
+          $,
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ d(
@@ -4633,10 +4636,10 @@ const fi = (r) => {
                 customMaxWidth: s,
                 fullWidth: n,
                 children: [
-                  /* @__PURE__ */ d(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ d(q, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: r, children: i.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: r, children: l }),
-                    /* @__PURE__ */ e(Z, { condition: !!((a = i.tooltip) != null && a.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e($, { condition: !!((a = i.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ce,
                       {
                         label: (h = i.tooltip) == null ? void 0 : h.label,
@@ -4656,13 +4659,13 @@ const fi = (r) => {
                       }
                     ) })
                   ] }),
-                  /* @__PURE__ */ e(Z, { condition: !!i.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: i.description }) })
+                  /* @__PURE__ */ e($, { condition: !!i.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: i.description }) })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ d(U, { gap: "xs", children: [
+        /* @__PURE__ */ d(q, { gap: "xs", children: [
           /* @__PURE__ */ e(
             Pr,
             {
@@ -4695,7 +4698,7 @@ const fi = (r) => {
       ...o.containerProps,
       children: [
         o.title && /* @__PURE__ */ e(
-          Z,
+          $,
           {
             condition: n,
             fallback: /* @__PURE__ */ d(
@@ -4717,10 +4720,10 @@ const fi = (r) => {
                 customMaxWidth: s,
                 fullWidth: i,
                 children: [
-                  /* @__PURE__ */ d(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ d(q, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: r, children: o.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: r, children: l }),
-                    /* @__PURE__ */ e(Z, { condition: !!((a = o.tooltip) != null && a.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e($, { condition: !!((a = o.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ce,
                       {
                         label: (h = o.tooltip) == null ? void 0 : h.label,
@@ -4740,14 +4743,14 @@ const fi = (r) => {
                       }
                     ) })
                   ] }),
-                  /* @__PURE__ */ e(Z, { condition: !!o.titleDescription, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: o.titleDescription }) })
+                  /* @__PURE__ */ e($, { condition: !!o.titleDescription, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: o.titleDescription }) })
                 ]
               }
             )
           }
         ),
         /* @__PURE__ */ e(
-          br,
+          Dr,
           {
             checked: o.checked,
             onChange: o.onChange,
@@ -4764,7 +4767,7 @@ const fi = (r) => {
   size: t = "md",
   ...l
 }) => {
-  const n = Ge(), i = (s) => {
+  const n = Qe(), i = (s) => {
     var h, f, m, p, g, w;
     if (!s) return;
     const a = l.disabled ? "var(--sa-text-disable, #181a198f)" : r === "secondary" ? "var(--sa-text-subtle, #8c8f97)" : r === "secondary-danger" ? (f = (h = n == null ? void 0 : n.computed) == null ? void 0 : h.red) == null ? void 0 : f[600] : r === "secondary-primary" ? (p = (m = n == null ? void 0 : n.computed) == null ? void 0 : m.blue) == null ? void 0 : p[700] : (w = (g = n == null ? void 0 : n.computed) == null ? void 0 : g.gray) == null ? void 0 : w[50];
@@ -4829,7 +4832,7 @@ const fi = (r) => {
       onClick: i.onClickContainer,
       children: [
         i.title && /* @__PURE__ */ e(
-          Z,
+          $,
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ d(
@@ -4851,10 +4854,10 @@ const fi = (r) => {
                 customMaxWidth: s,
                 fullWidth: n,
                 children: [
-                  /* @__PURE__ */ d(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ d(q, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: r, children: i.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: r, children: l }),
-                    /* @__PURE__ */ e(Z, { condition: !!((a = i.tooltip) != null && a.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e($, { condition: !!((a = i.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ce,
                       {
                         label: (h = i.tooltip) == null ? void 0 : h.label,
@@ -4874,13 +4877,13 @@ const fi = (r) => {
                       }
                     ) })
                   ] }),
-                  /* @__PURE__ */ e(Z, { condition: !!i.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: i.description }) })
+                  /* @__PURE__ */ e($, { condition: !!i.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: i.description }) })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ d(U, { gap: "xs", children: [
+        /* @__PURE__ */ d(q, { gap: "xs", children: [
           /* @__PURE__ */ e(
             u,
             {
@@ -4888,7 +4891,7 @@ const fi = (r) => {
                 width: t === "horizontal" && i.customWidth ? i.customWidth : t === "horizontal" ? "343px" : ""
               },
               children: /* @__PURE__ */ e(
-                mr,
+                pr,
                 {
                   size: r,
                   ...i.inputProps,
@@ -4930,7 +4933,7 @@ async function vi(r, t) {
     }, "image/png");
   });
 }
-const gr = {
+const mr = {
   "1:1": 1,
   "4:3": 4 / 3,
   "16:9": 16 / 9,
@@ -4939,7 +4942,7 @@ const gr = {
   "2:3": 2 / 3,
   "3:2": 3 / 2,
   "32:9": 32 / 9
-}, ki = Qe(
+}, ki = Ye(
   ({
     handleUpload: r,
     urlImage: t,
@@ -4952,8 +4955,8 @@ const gr = {
     maxFileSize: h = 2,
     onError: f
   }, m) => {
-    const p = ie("md"), [g, w] = V(!1), [A, C] = V(null), [T, O] = V(!1), [$, G] = V({ x: 0, y: 0 }), [v, D] = V(1), [J, M] = V(null);
-    q(() => {
+    const p = ie("md"), [g, w] = V(!1), [A, C] = V(null), [T, O] = V(!1), [j, J] = V({ x: 0, y: 0 }), [v, D] = V(1), [U, M] = V(null);
+    G(() => {
       t === null && i(null);
     }, [t]);
     const Q = ve(
@@ -4969,10 +4972,10 @@ const gr = {
       te.onload = () => {
         C(te.result), O(!0);
       }, te.readAsDataURL(S);
-    }, j = async () => {
-      if (!(!A || !J))
+    }, Z = async () => {
+      if (!(!A || !U))
         try {
-          const N = await vi(A, J);
+          const N = await vi(A, U);
           if (h && N.size > h * 1024 * 1024) {
             f == null || f(`Ukuran file maksimal ${h}MB`);
             return;
@@ -4992,7 +4995,7 @@ const gr = {
         (N = k.current) == null || N.click();
       }
     }));
-    const F = parseInt(o, 10), b = gr[s];
+    const F = parseInt(o, 10), b = mr[s];
     let H, P;
     return b >= 1 ? (P = F, H = F * b) : (H = F, P = F / b), /* @__PURE__ */ d(
       u,
@@ -5083,7 +5086,7 @@ const gr = {
                       style: { color: "var(--sa-background-primary, #ffffff)" }
                     }
                   ),
-                  /* @__PURE__ */ e(Z, { condition: o.toNumber() > 80, children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e($, { condition: o.toNumber() > 80, children: /* @__PURE__ */ e(
                     x,
                     {
                       color: "gray-50",
@@ -5145,10 +5148,10 @@ const gr = {
                       Xr,
                       {
                         image: A,
-                        crop: $,
+                        crop: j,
                         zoom: v,
-                        aspect: s ? gr[s] : void 0,
-                        onCropChange: G,
+                        aspect: s ? mr[s] : void 0,
+                        onCropChange: J,
                         onZoomChange: D,
                         onCropComplete: Q,
                         objectFit: "contain",
@@ -5160,7 +5163,7 @@ const gr = {
                 ) }),
                 /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ d(u, { justify: "flex-end", direction: "row", gap: "sm", children: [
                   /* @__PURE__ */ e(I, { size: "xs", secondary: !0, onClick: () => O(!1), children: "Cancel" }),
-                  /* @__PURE__ */ e(I, { size: "xs", primary: !0, onClick: j, children: "Crop" })
+                  /* @__PURE__ */ e(I, { size: "xs", primary: !0, onClick: Z, children: "Crop" })
                 ] }) })
               ]
             }
@@ -5187,7 +5190,7 @@ const gr = {
       ...o.containerProps,
       children: [
         o.title && /* @__PURE__ */ e(
-          Z,
+          $,
           {
             condition: !!i,
             fallback: /* @__PURE__ */ d(
@@ -5209,10 +5212,10 @@ const gr = {
                 customMaxWidth: a,
                 fullWidth: n,
                 children: [
-                  /* @__PURE__ */ d(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ d(q, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: r, children: o.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: r, children: l }),
-                    /* @__PURE__ */ e(Z, { condition: !!((h = o.tooltip) != null && h.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e($, { condition: !!((h = o.tooltip) != null && h.label), children: /* @__PURE__ */ e(
                       ce,
                       {
                         label: (f = o.tooltip) == null ? void 0 : f.label,
@@ -5232,13 +5235,13 @@ const gr = {
                       }
                     ) })
                   ] }),
-                  /* @__PURE__ */ e(Z, { condition: !!o.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: o.description }) })
+                  /* @__PURE__ */ e($, { condition: !!o.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: o.description }) })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ d(U, { gap: "xs", children: [
+        /* @__PURE__ */ d(q, { gap: "xs", children: [
           /* @__PURE__ */ e(ki, { ...o.inputProps }),
           !s && o.errorMessage && /* @__PURE__ */ e(me, { message: o.errorMessage })
         ] })
@@ -5262,7 +5265,7 @@ const gr = {
       ...i.containerProps,
       children: [
         i.title && /* @__PURE__ */ e(
-          Z,
+          $,
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ d(
@@ -5284,10 +5287,10 @@ const gr = {
                 customMaxWidth: o,
                 fullWidth: n,
                 children: [
-                  /* @__PURE__ */ d(U, { direction: "row", gap: "xs", align: "center", children: [
+                  /* @__PURE__ */ d(q, { direction: "row", gap: "xs", align: "center", children: [
                     /* @__PURE__ */ e(_, { fontSize: r, children: i.title }),
                     /* @__PURE__ */ e(_, { color: "error", fontSize: r, children: l }),
-                    /* @__PURE__ */ e(Z, { condition: !!((s = i.tooltip) != null && s.label), children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e($, { condition: !!((s = i.tooltip) != null && s.label), children: /* @__PURE__ */ e(
                       ce,
                       {
                         label: (a = i.tooltip) == null ? void 0 : a.label,
@@ -5307,7 +5310,7 @@ const gr = {
                       }
                     ) })
                   ] }),
-                  /* @__PURE__ */ e(Z, { condition: !!i.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: i.description }) })
+                  /* @__PURE__ */ e($, { condition: !!i.description, children: /* @__PURE__ */ e(x, { fontSize: r, color: "gray-500", children: i.description }) })
                 ]
               }
             )
@@ -5327,7 +5330,7 @@ const gr = {
 }) => {
   var m;
   const [s, a] = V([]);
-  q(() => {
+  G(() => {
     r && a([...r.map((p) => ({ id: p.id, isActive: p.isActive }))]);
   }, [r]);
   const h = (m = s.find((p) => p.id === t)) == null ? void 0 : m.isActive, f = ve(() => {
@@ -5344,7 +5347,7 @@ const gr = {
         width: n
       },
       children: i && /* @__PURE__ */ e(
-        br,
+        Dr,
         {
           disabled: o,
           checked: h,
@@ -5373,7 +5376,7 @@ const gr = {
   }, i = () => {
     window.scrollTo({ top: 0, behavior: "smooth" });
   };
-  return q(() => (window.addEventListener("scroll", n), () => {
+  return G(() => (window.addEventListener("scroll", n), () => {
     window.removeEventListener("scroll", n);
   }), []), /* @__PURE__ */ e(
     u,
@@ -5493,7 +5496,7 @@ const gr = {
     ]
   }
 ) }), Un = ({ fields: r }) => /* @__PURE__ */ e(u, { display: "flex", direction: "column", gap: "lg", children: /* @__PURE__ */ e(
-  Ke,
+  er,
   {
     of: r,
     render: (t, l) => /* @__PURE__ */ e(Mi, { ...t }, l)
@@ -7025,12 +7028,12 @@ const Xn = (r) => {
     footerProps: C = { borderTop: !0 },
     variantTag: T = "info"
   }) => {
-    const O = oe(null), [$, G] = V("100vh");
-    q(() => {
+    const O = oe(null), [j, J] = V("100vh");
+    G(() => {
       const M = () => {
         if (O.current) {
           const Q = O.current.getBoundingClientRect().top;
-          G(`calc(100vh - ${Q}px)`);
+          J(`calc(100vh - ${Q}px)`);
         }
       };
       return M(), window.addEventListener("resize", M), () => window.removeEventListener("resize", M);
@@ -7050,7 +7053,7 @@ const Xn = (r) => {
           /* @__PURE__ */ e(u, { ...p, children: m ?? null })
         ]
       }
-    ), J = !!(s || h || m);
+    ), U = !!(s || h || m);
     return /* @__PURE__ */ d(
       u,
       {
@@ -7066,11 +7069,11 @@ const Xn = (r) => {
         style: {
           backgroundColor: "var(--sa-background-primary, #ffffff)",
           display: "flex",
-          minHeight: $,
+          minHeight: j,
           ...(g == null ? void 0 : g.style) ?? {}
         },
         children: [
-          s !== null && J ? /* @__PURE__ */ e(Br, { ...A, children: D() }) : null,
+          s !== null && U ? /* @__PURE__ */ e(Br, { ...A, children: D() }) : null,
           /* @__PURE__ */ e(
             u,
             {
@@ -7108,7 +7111,7 @@ function rl({
   formatTitle: l
 }) {
   const n = Se();
-  q(() => {
+  G(() => {
     let i = null, o = null;
     for (const h of t) {
       const f = h.items.find((m) => m.to ? m.to === "/" ? n.pathname === "/" : !!(m.to === n.pathname || n.pathname.startsWith(m.to + "/")) : !1);
@@ -7180,8 +7183,8 @@ export {
   ti as ColumnFilterDropdown,
   Xn as ConfirmationDialog,
   ni as DataTable,
-  Z as DecisionWrapper,
-  Ke as EachUtils,
+  $ as DecisionWrapper,
+  er as EachUtils,
   qn as EmptyStatePage,
   Qt as FilterDrawer,
   Jn as FloatingFooter,
@@ -7226,7 +7229,7 @@ export {
   Tn as getValueRadioFilter,
   Gt as getValueSearch,
   _e as getValuesFilter,
-  fr as handleChangeFilter,
+  gr as handleChangeFilter,
   Hn as handleOnScroll,
   Bn as isEmail,
   jn as isFilterActive,
@@ -7251,7 +7254,7 @@ export {
   il as useAuthRole,
   rl as useDynamicTitle,
   Lr as useModuleSelection,
-  Xe as useRouteInfo,
+  Ke as useRouteInfo,
   tl as useRouteParams,
   tt as useSidebarBadges,
   el as useTabState