@starasia/admin 1.3.1 → 1.3.3

package/dist/index.es.js

@@ -1,12 +1,12 @@
 export * from "@starasia/alert";
-import { Badges as PA } from "@starasia/badges";
+import { Badges as VA } from "@starasia/badges";
 export * from "@starasia/badges";
 import { Box as a } from "@starasia/box";
 export * from "@starasia/box";
 import { Button as O } from "@starasia/button";
 export * from "@starasia/button";
 export * from "@starasia/card";
-import { StarasiaDate as VA } from "@starasia/date";
+import { StarasiaDate as XA } from "@starasia/date";
 export * from "@starasia/date";
 import { Dialog as dA, DialogBody as hA, DialogTitle as wA, DialogFooter as yA } from "@starasia/dialog";
 export * from "@starasia/dialog";
@@ -14,7 +14,7 @@ import { Drawer as ce } from "@starasia/drawer";
 export * from "@starasia/drawer";
 import { Dropdown as xA } from "@starasia/dropdown";
 export * from "@starasia/dropdown";
-import { useMediaQuery as X, useConfirmation as XA } from "@starasia/hooks";
+import { useMediaQuery as X, useConfirmation as $A } from "@starasia/hooks";
 export * from "@starasia/hooks";
 import { searchParamsToObject as DA } from "@starasia/http";
 export * from "@starasia/http";
@@ -25,19 +25,19 @@ export * from "@starasia/menu";
 import { Pagination as Be } from "@starasia/pagination";
 export * from "@starasia/pagination";
 export * from "@starasia/storage";
-import { Tr as QA, Td as CA, Table as $A, Thead as we, Th as JA, Tbody as Qe } from "@starasia/table";
+import { Tr as QA, Td as CA, Table as _A, Thead as we, Th as qA, Tbody as Qe } from "@starasia/table";
 export * from "@starasia/table";
 export * from "@starasia/tabs";
 import { Textarea as de } from "@starasia/textarea";
 export * from "@starasia/textarea";
-import { useTheme as he, ThemeProvider as qA, useRadius as De, useColor as zA } from "@starasia/theme";
+import { useTheme as he, ThemeProvider as TA, useRadius as De, useColor as KA } from "@starasia/theme";
 export * from "@starasia/theme";
 export * from "@starasia/toast";
-import { Toggle as _A } from "@starasia/toggle";
+import { Toggle as Ae } from "@starasia/toggle";
 export * from "@starasia/toggle";
 import { Tooltip as rA } from "@starasia/tooltip";
 export * from "@starasia/tooltip";
-import { Checkbox as jA } from "@starasia/checkbox";
+import { Checkbox as NA } from "@starasia/checkbox";
 export * from "@starasia/checkbox";
 import { Radio as Ie } from "@starasia/radio";
 export * from "@starasia/radio";
@@ -54,9 +54,9 @@ export * from "@starasia/story-record";
 import { Skeleton as lA } from "@starasia/skeleton";
 export * from "@starasia/skeleton";
 import { jsx as A, jsxs as s, Fragment as U } from "react/jsx-runtime";
-import gA, { createContext as ue, useState as b, useContext as ke, memo as _, useRef as eA, useEffect as W, useLayoutEffect as NA, useMemo as cA, isValidElement as Ae, forwardRef as KA, useCallback as ZA, Children as Ee, useImperativeHandle as Me } from "react";
+import gA, { createContext as ue, useState as b, useContext as ke, memo as _, useRef as eA, useEffect as W, useLayoutEffect as FA, useMemo as cA, isValidElement as ee, forwardRef as ZA, useCallback as HA, Children as Ee, useImperativeHandle as Me } from "react";
 import "@starasia/css/dist/style.css";
-import { useSearchParams as uA, useNavigate as ee, useLocation as fA, Outlet as TA, Link as me, useParams as ie } from "react-router";
+import { useSearchParams as uA, useNavigate as ie, useLocation as fA, Outlet as UA, Link as me, useParams as te } from "react-router";
 import ye from "react-easy-crop";
 const xe = {
   menus: [],
@@ -66,7 +66,7 @@ const xe = {
   userData: null,
   setUserData: () => {
   }
-}, te = ue(xe), fe = () => ke(te), Se = (e) => {
+}, re = ue(xe), fe = () => ke(re), Se = (e) => {
   const [i, r] = b(
     (e == null ? void 0 : e.initialUserData) || null
   );
@@ -85,7 +85,7 @@ const xe = {
 }) => {
   const c = Se({ initialUserData: n }), { theme: g } = he();
   return /* @__PURE__ */ A(
-    te.Provider,
+    re.Provider,
     {
       value: {
         logo: o,
@@ -95,7 +95,7 @@ const xe = {
         setUserData: c.setUserData,
         menuBottom: r
       },
-      children: l ? /* @__PURE__ */ A(qA, { value: l, children: e }) : g ? /* @__PURE__ */ A(qA, { value: g, children: e }) : e
+      children: l ? /* @__PURE__ */ A(TA, { value: l, children: e }) : g ? /* @__PURE__ */ A(TA, { value: g, children: e }) : e
     }
   );
 }, Nt = _(Le);
@@ -288,7 +288,7 @@ function Ft({
   sidebarHeaderContent: c,
   showModuleSwitcher: g = !0
 }) {
-  const [C] = uA(), Q = C.get("embed") === "true", w = fe(), B = ee(), I = fA(), h = !X("md"), [j, p] = b(!1), [N, R] = b(!1), [x, u] = b(!1), [P, Z] = b(/* @__PURE__ */ new Set()), [V, AA] = b(!1), [H, k] = b(null), G = eA(null), E = eA(null);
+  const [C] = uA(), Q = C.get("embed") === "true", w = fe(), B = ie(), I = fA(), h = !X("md"), [j, p] = b(!1), [N, R] = b(!1), [x, u] = b(!1), [P, Z] = b(/* @__PURE__ */ new Set()), [V, AA] = b(!1), [H, k] = b(null), G = eA(null), E = eA(null);
   W(() => {
     const m = G.current;
     if (!m) return;
@@ -303,13 +303,13 @@ function Ft({
       aA = !1;
     }));
   };
-  NA(() => {
+  FA(() => {
     aA = !0, D();
     const m = setTimeout(() => {
       aA = !1;
     }, 300);
     return () => clearTimeout(m);
-  }, []), NA(() => {
+  }, []), FA(() => {
     w.menus.length > 0 && (EA > 0 ? D() : requestAnimationFrame(() => {
       var y;
       const m = (y = G.current) == null ? void 0 : y.querySelector(
@@ -382,7 +382,7 @@ function Ft({
       const S = w.menus.find((tA) => tA.id === m), v = (y = S == null ? void 0 : S.items[0]) == null ? void 0 : y.to;
       v && B(v);
     }
-  }, le = cA(() => {
+  }, GA = cA(() => {
     if (H !== null)
       return w.menus.filter(
         (S) => S.id === H || S.parentGroupId === H
@@ -395,7 +395,7 @@ function Ft({
   }, [w.menus, H]);
   return W(() => {
     g || AA(!1);
-  }, [g]), Q ? /* @__PURE__ */ A("main", { style: { height: "100vh", overflowY: "auto", backgroundColor: "#f9fafb" }, children: e || /* @__PURE__ */ A(TA, {}) }) : /* @__PURE__ */ s(U, { children: [
+  }, [g]), Q ? /* @__PURE__ */ A("main", { style: { height: "100vh", overflowY: "auto", backgroundColor: "#f9fafb" }, children: e || /* @__PURE__ */ A(UA, {}) }) : /* @__PURE__ */ s(U, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -622,7 +622,7 @@ function Ft({
                       paddingTop: "0.5rem",
                       paddingBottom: "0.5rem"
                     },
-                    children: le.map((m) => /* @__PURE__ */ s("div", { style: { marginBottom: "1rem" }, children: [
+                    children: GA.map((m) => /* @__PURE__ */ s("div", { style: { marginBottom: "1rem" }, children: [
                       (!N || h) && /* @__PURE__ */ A(
                         "div",
                         {
@@ -753,11 +753,11 @@ function Ft({
                                     transition: "all 0.2s",
                                     cursor: "pointer"
                                   },
-                                  onMouseEnter: (GA) => {
-                                    iA($.to) || (GA.currentTarget.style.backgroundColor = "#f3f4f6");
+                                  onMouseEnter: (OA) => {
+                                    iA($.to) || (OA.currentTarget.style.backgroundColor = "#f3f4f6");
                                   },
-                                  onMouseLeave: (GA) => {
-                                    iA($.to) || (GA.currentTarget.style.backgroundColor = "transparent");
+                                  onMouseLeave: (OA) => {
+                                    iA($.to) || (OA.currentTarget.style.backgroundColor = "transparent");
                                   },
                                   children: [
                                     /* @__PURE__ */ A(
@@ -963,7 +963,7 @@ function Ft({
                   flex: 1,
                   overflowY: "auto"
                 },
-                children: e || /* @__PURE__ */ A(TA, {})
+                children: e || /* @__PURE__ */ A(UA, {})
               }
             )
           ] })
@@ -1134,7 +1134,7 @@ const zt = _(
       /* @__PURE__ */ A(CA, { style: l, children: C() })
     ] });
   }
-), pe = _(({ fields: e, separator: i, labelWidth: r }) => /* @__PURE__ */ A($A, { children: e.map((o, t) => /* @__PURE__ */ A(
+), pe = _(({ fields: e, separator: i, labelWidth: r }) => /* @__PURE__ */ A(_A, { children: e.map((o, t) => /* @__PURE__ */ A(
   Ye,
   {
     separator: i,
@@ -1262,13 +1262,13 @@ const zt = _(
   containerProps: c,
   headerProps: g
 }) => {
-  const C = X("lg"), Q = ee(), w = e == null ? void 0 : e.show, B = () => {
+  const C = X("lg"), Q = ie(), w = e == null ? void 0 : e.show, B = () => {
     if (typeof (e == null ? void 0 : e.onClick) == "function") {
       e.onClick();
       return;
     }
     Q(-1, { replace: !0 });
-  }, I = () => n ? Ae(n) ? n : /* @__PURE__ */ A(a, { direction: "row", gap: "lg", children: n.map(
+  }, I = () => n ? ee(n) ? n : /* @__PURE__ */ A(a, { direction: "row", gap: "lg", children: n.map(
     ({ title: p, icon: N, buttonProps: R, onClick: x }, u) => !p && !N ? null : /* @__PURE__ */ A(
       O,
       {
@@ -1353,7 +1353,7 @@ const zt = _(
             children: [
               typeof i == "string" ? /* @__PURE__ */ s(a, { direction: "row", gap: "lg", align: "center", children: [
                 /* @__PURE__ */ A(d, { variant: "h2", fontWeight: "semibold", fontFamily: "Poppins", children: i }),
-                r && /* @__PURE__ */ A(PA, { border: !0, size: "lg", text: r, ...l })
+                r && /* @__PURE__ */ A(VA, { border: !0, size: "lg", text: r, ...l })
               ] }) : i,
               I()
             ]
@@ -1369,7 +1369,7 @@ const zt = _(
 }, Ht = _(Ne), Fe = {
   icon: "Cross",
   title: ""
-}, SA = KA(
+}, SA = ZA(
   ({
     onHide: e,
     show: i,
@@ -1481,7 +1481,7 @@ const zt = _(
     headerProps: I = { borderBottom: !0 },
     variantTag: L = "info"
   }) => {
-    const h = X("lg"), [j, p] = uA(), N = j.get(g), R = DA(j.toString()), x = ZA(
+    const h = X("lg"), [j, p] = uA(), N = j.get(g), R = DA(j.toString()), x = HA(
       ({ target: { value: V } }) => {
         c && c(V), g && p({ ...R, [g]: V });
       },
@@ -1498,7 +1498,7 @@ const zt = _(
       }
     ), P = () => r ? /* @__PURE__ */ s(a, { direction: "row", gap: "sm", align: "center", children: [
       /* @__PURE__ */ A(d, { fontWeight: "medium", children: i }),
-      /* @__PURE__ */ A(PA, { border: !0, text: r, variant: L })
+      /* @__PURE__ */ A(VA, { border: !0, text: r, variant: L })
     ] }) : /* @__PURE__ */ A(d, { fontWeight: "medium", children: i });
     return /* @__PURE__ */ s(
       a,
@@ -1601,9 +1601,9 @@ const zt = _(
       Q.id || w
     )) })
   ] });
-}, qt = _(qe), re = gA.memo(({ text: e, onClose: i }) => {
+}, qt = _(qe), oe = gA.memo(({ text: e, onClose: i }) => {
   var o, t;
-  const r = zA();
+  const r = KA();
   return /* @__PURE__ */ s(
     a,
     {
@@ -1649,12 +1649,12 @@ const zt = _(
     gap: "sm",
     flexWrap: "nowrap",
     style: { minWidth: "max-content" },
-    children: e == null ? void 0 : e.map((r, o) => r.valueText ? /* @__PURE__ */ A(re, { text: r.valueText, onClose: () => i == null ? void 0 : i(r) }, o) : null)
+    children: e == null ? void 0 : e.map((r, o) => r.valueText ? /* @__PURE__ */ A(oe, { text: r.valueText, onClose: () => i == null ? void 0 : i(r) }, o) : null)
   }
-)), UA = (e) => JSON.stringify(e), Ue = (e) => {
+)), WA = (e) => JSON.stringify(e), Ue = (e) => {
   const i = e;
   return i.hasOwnProperty("from") && i.hasOwnProperty("to") ? !i.from || !i.to ? void 0 : JSON.stringify(e) : e.toISOString();
-}, WA = (e, i) => [], We = (e, i) => {
+}, RA = (e, i) => [], We = (e, i) => {
   if (!e)
     return i ? { from: /* @__PURE__ */ new Date(), to: /* @__PURE__ */ new Date() } : void 0;
   if (i)
@@ -1692,8 +1692,8 @@ const zt = _(
       g
     )) });
   }
-), oe = gA.memo(
-  KA(
+), ne = gA.memo(
+  ZA(
     ({
       label: e,
       type: i,
@@ -1731,12 +1731,12 @@ const zt = _(
                 placeholder: n,
                 onChange: (H) => o == null ? void 0 : o({ value: H, name: c, type: i }),
                 dropdownLists: r || [],
-                defaultValue: w || WA()
+                defaultValue: w || RA()
               }
             );
           case "date":
             return /* @__PURE__ */ A(
-              VA,
+              XA,
               {
                 input: I,
                 filter: B,
@@ -1751,7 +1751,7 @@ const zt = _(
               ve,
               {
                 multiple: g,
-                value: w || WA(),
+                value: w || RA(),
                 onChange: (H) => o == null ? void 0 : o({ value: H, name: c, type: i }),
                 options: r
               }
@@ -1778,7 +1778,7 @@ const zt = _(
         }
       };
       return u ? /* @__PURE__ */ A(a, { marginBottom: "lg", children: t == null ? void 0 : t.map((H, k) => /* @__PURE__ */ A(
-        oe,
+        ne,
         {
           ref: x,
           onChange: o,
@@ -1810,10 +1810,10 @@ const zt = _(
             Ue(B);
             break;
           case "dropdown":
-            UA(B);
+            WA(B);
             break;
           case "select-button":
-            UA(B);
+            WA(B);
             break;
         }
     }, w = () => {
@@ -1833,7 +1833,7 @@ const zt = _(
         children: [
           /* @__PURE__ */ A(Re, { title: i, resetButton: { onClick: w } }),
           c || l ? null : /* @__PURE__ */ A(a, { children: r == null ? void 0 : r.map((B, I) => /* @__PURE__ */ A(
-            oe,
+            ne,
             {
               borderBottom: I !== r.length - 1,
               onChange: Q,
@@ -1849,7 +1849,7 @@ const zt = _(
   }
 ), Ve = gA.memo(({ active: e, onClick: i }) => {
   var o, t;
-  const r = zA();
+  const r = KA();
   return /* @__PURE__ */ A(
     BA,
     {
@@ -2047,12 +2047,12 @@ const nr = (e) => {
       i[r] = e[r];
     }
   }), i;
-}, FA = (e, i) => {
+}, zA = (e, i) => {
   let r;
   return i == null || i.forEach((o) => {
     var t;
     if ((t = o == null ? void 0 : o.fields) != null && t.length) {
-      const n = FA(e, o == null ? void 0 : o.fields);
+      const n = zA(e, o == null ? void 0 : o.fields);
       n && (r = n);
     } else (o == null ? void 0 : o.name) === e && (r = o);
   }), r;
@@ -2064,11 +2064,11 @@ const nr = (e) => {
     o(x);
   }, B = l ? ii(l) : void 0, I = !!(B && ((R = Object.values(B)) == null ? void 0 : R.length) > 0), L = () => B ? Object.keys(B).map((x) => {
     var H, k, G;
-    const u = FA(x, i.fields), P = [];
+    const u = zA(x, i.fields), P = [];
     let Z = "";
     const V = (H = u == null ? void 0 : u.childrenKey) == null ? void 0 : H.length, AA = u == null ? void 0 : u.parentKey;
     switch (V && ((k = u == null ? void 0 : u.childrenKey) == null || k.forEach((E) => {
-      const D = FA(E, i.fields);
+      const D = zA(E, i.fields);
       D && P.push({
         name: D == null ? void 0 : D.name,
         label: D == null ? void 0 : D.label,
@@ -2139,7 +2139,7 @@ const nr = (e) => {
   Container: Pe,
   Toggle: Ve,
   Chips: Te,
-  Chip: re
+  Chip: oe
 }, ti = (e) => /* @__PURE__ */ A(d, { variant: "h1", children: e.children, ...e.props }), ri = (e) => /* @__PURE__ */ A(d, { variant: "h2", children: e.children, ...e.props }), oi = (e) => /* @__PURE__ */ A(d, { variant: "h3", children: e.children, ...e.props }), ni = (e) => /* @__PURE__ */ A(d, { variant: "h4", children: e.children, ...e.props }), li = (e) => /* @__PURE__ */ A(d, { variant: "h5", children: e.children, ...e.props }), ci = (e) => /* @__PURE__ */ A(d, { variant: "h6", children: e.children, ...e.props }), gi = (e) => /* @__PURE__ */ A(d, { variant: "sub-h1", children: e.children, ...e.props }), si = (e) => /* @__PURE__ */ A(d, { variant: "sub-h2", children: e.children, ...e.props }), ai = (e) => /* @__PURE__ */ A(d, { variant: "sub-h3", children: e.children, ...e.props }), Ci = (e) => /* @__PURE__ */ A(d, { variant: "body-1", children: e.children, ...e.props }), Bi = (e) => /* @__PURE__ */ A(d, { variant: "body-2", children: e.children, ...e.props }), wi = (e) => /* @__PURE__ */ A(d, { variant: "body-3", children: e.children, ...e.props }), q = {
   H1: ti,
   H2: ri,
@@ -2153,8 +2153,8 @@ const nr = (e) => {
   Body1: Ci,
   Body2: Bi,
   Body3: wi
-}, HA = () => {
-  const [e, i] = uA(), r = DA(e.toString()), o = ie(), t = fA(), n = o.id;
+}, JA = () => {
+  const [e, i] = uA(), r = DA(e.toString()), o = te(), t = fA(), n = o.id;
   return {
     // query params
     setSearchParams: i,
@@ -2171,7 +2171,7 @@ const nr = (e) => {
     id: n,
     hasId: !!n
   };
-}, Qi = (e) => JSON.stringify(e), di = (e) => JSON.stringify(e), hi = (e) => JSON.stringify(e), Di = (e) => JSON.stringify(e), Ii = (e) => e, ui = (e) => JSON.stringify(e), RA = ({
+}, Qi = (e) => JSON.stringify(e), di = (e) => JSON.stringify(e), hi = (e) => JSON.stringify(e), Di = (e) => JSON.stringify(e), Ii = (e) => e, ui = (e) => JSON.stringify(e), vA = ({
   value: e,
   name: i,
   type: r,
@@ -2225,7 +2225,7 @@ const nr = (e) => {
       t(I);
     }
   }
-}, OA = ({
+}, bA = ({
   name: e,
   filterKey: i = "filter",
   searchParams: r,
@@ -2283,7 +2283,7 @@ const nr = (e) => {
   pageKey: o,
   filters: t
 }) => {
-  const { searchParams: n, setSearchParams: l, searchQueries: c } = HA(), [g, C] = b({}), Q = () => {
+  const { searchParams: n, setSearchParams: l, searchQueries: c } = JA(), [g, C] = b({}), Q = () => {
     n.delete(r || "filter"), l(n);
   }, w = (B, I) => {
     switch (B.type) {
@@ -2341,7 +2341,7 @@ const nr = (e) => {
 }) => {
   const p = (B == null ? void 0 : B.isShowLabel) ?? !0, [N, R] = b(!1), [x, u] = b(0), P = () => {
     u((z) => z + 1);
-  }, { searchParams: Z, setSearchParams: V, getQueryParam: AA } = HA(), H = DA(Z.toString()), k = ki(e, Z, c) || "", [G, E] = b(k), D = AA(c), f = !!(D && !(() => {
+  }, { searchParams: Z, setSearchParams: V, getQueryParam: AA } = JA(), H = DA(Z.toString()), k = ki(e, Z, c) || "", [G, E] = b(k), D = AA(c), f = !!(D && !(() => {
     if (D)
       try {
         const z = JSON.parse(D);
@@ -2357,7 +2357,7 @@ const nr = (e) => {
     if (G === k)
       return;
     const z = window.setTimeout(() => {
-      RA({
+      vA({
         value: G,
         name: e,
         type: "search",
@@ -2398,6 +2398,21 @@ const nr = (e) => {
             children: /* @__PURE__ */ A(d, { color: "error", fontWeight: "semibold", children: "Reset" })
           }
         ) }),
+        t == null ? void 0 : t.map(({ minWidth: z, content: iA, title: sA, onClickContainer: LA }, GA) => /* @__PURE__ */ s(
+          a,
+          {
+            gap: "sm",
+            onClick: LA,
+            style: {
+              minWidth: z
+            },
+            children: [
+              sA && /* @__PURE__ */ A(q.SubH3, { children: sA }),
+              iA
+            ]
+          },
+          `extended-filter-${GA}-${x}`
+        )),
         !!(w != null && w.length) && /* @__PURE__ */ A(
           O,
           {
@@ -2440,20 +2455,20 @@ const nr = (e) => {
                       value: "inactive"
                     }
                   ],
-                  defaultValue: OA({
+                  defaultValue: bA({
                     get: "value",
                     name: i,
                     searchParams: Z,
                     filterKey: c
                   }) ? [
                     {
-                      label: OA({
+                      label: bA({
                         get: "value",
                         name: i,
                         searchParams: Z,
                         filterKey: c
                       }) === "active" ? "Active" : "InActive",
-                      value: OA({
+                      value: bA({
                         get: "value",
                         name: i,
                         searchParams: Z,
@@ -2461,7 +2476,7 @@ const nr = (e) => {
                       })
                     }
                   ] : [],
-                  onChange: (z) => RA({
+                  onChange: (z) => vA({
                     value: z,
                     name: i,
                     type: "dropdown",
@@ -2502,21 +2517,6 @@ const nr = (e) => {
             ]
           }
         ),
-        t == null ? void 0 : t.map(({ minWidth: z, content: iA, title: sA, onClickContainer: LA }) => /* @__PURE__ */ s(
-          a,
-          {
-            gap: "sm",
-            onClick: LA,
-            style: {
-              minWidth: z
-            },
-            children: [
-              /* @__PURE__ */ A(q.SubH3, { children: sA }),
-              iA
-            ]
-          },
-          sA + x
-        )),
         /* @__PURE__ */ A(
           Ei,
           {
@@ -2562,7 +2562,7 @@ const nr = (e) => {
   advanceFilter: i,
   showFilter: r = !0
 }) => {
-  const o = X("md"), t = () => e ? Ae(e) ? e : /* @__PURE__ */ A(
+  const o = X("md"), t = () => e ? ee(e) ? e : /* @__PURE__ */ A(
     a,
     {
       style: {
@@ -2601,7 +2601,8 @@ const nr = (e) => {
         paddingBottom: "8px",
         borderBottom: "1px solid var(--starasia-ui-utility-fill-default)",
         flexShrink: 0,
-        zIndex: 2,
+        position: "relative",
+        zIndex: 10,
         flexDirection: o ? "row" : "column-reverse",
         gap: "16px"
       },
@@ -2651,7 +2652,7 @@ const nr = (e) => {
   showPagination: t = !0,
   totalData: n
 }) => {
-  const { searchQueries: l, setSearchParams: c, searchParams: g } = HA(), C = g.get(r), Q = (L) => {
+  const { searchQueries: l, setSearchParams: c, searchParams: g } = JA(), C = g.get(r), Q = (L) => {
     c({ ...l, [i]: String(L) });
   }, w = (L) => {
     c({
@@ -2915,7 +2916,7 @@ const nr = (e) => {
                   },
                   children: [
                     /* @__PURE__ */ A(
-                      jA,
+                      NA,
                       {
                         checked: w.includes(h.value),
                         onChange: () => {
@@ -3023,7 +3024,7 @@ const nr = (e) => {
       /* @__PURE__ */ A("path", { d: e ? "M7 11V7a5 5 0 0 1 10 0v4" : "M7 11V7a5 5 0 0 1 9.9-1" })
     ]
   }
-), MA = "var(--starasia-ui-table-bg-default, #ffffff)", bA = "var(--starasia-ui-color-gray-100)", Gi = ({
+), MA = "var(--starasia-ui-table-bg-default, #ffffff)", YA = "var(--starasia-ui-color-gray-100)", Gi = ({
   columns: e,
   records: i,
   handleDetail: r,
@@ -3052,7 +3053,7 @@ const nr = (e) => {
     P(k.scrollHeight > k.clientHeight);
   }, [i, Q]);
   const Z = eA(null), [V, AA] = b([]);
-  NA(() => {
+  FA(() => {
     if (!w || !Z.current) {
       AA([]);
       return;
@@ -3068,7 +3069,7 @@ const nr = (e) => {
   const H = (k) => {
     B && B(k < w ? k : k + 1);
   };
-  return /* @__PURE__ */ A("div", { ref: Z, children: /* @__PURE__ */ s($A, { fullWidth: !0, children: [
+  return /* @__PURE__ */ A("div", { ref: Z, children: /* @__PURE__ */ s(_A, { fullWidth: !0, children: [
     /* @__PURE__ */ A(
       we,
       {
@@ -3081,7 +3082,7 @@ const nr = (e) => {
             var F;
             const E = w > 0 && G < w, D = V[G] ?? 0;
             return /* @__PURE__ */ A(
-              JA,
+              qA,
               {
                 style: {
                   position: "sticky",
@@ -3142,7 +3143,7 @@ const nr = (e) => {
             );
           }),
           r || o || t || I ? /* @__PURE__ */ A(
-            JA,
+            qA,
             {
               style: {
                 backgroundColor: "var(--starasia-ui-table-bg-header)",
@@ -3173,11 +3174,11 @@ const nr = (e) => {
         },
         onMouseOver: (E) => {
           const D = E.currentTarget;
-          D.style.backgroundColor = bA, D.style.position = "relative", D.style.zIndex = "2", w > 0 && Array.from(D.querySelectorAll("td")).slice(0, w).forEach((f) => {
-            f.style.backgroundColor = bA;
+          D.style.backgroundColor = YA, D.style.position = "relative", D.style.zIndex = "2", w > 0 && Array.from(D.querySelectorAll("td")).slice(0, w).forEach((f) => {
+            f.style.backgroundColor = YA;
           });
           const F = Array.from(D.querySelectorAll("td")).at(-1);
-          F && F.style.position === "sticky" && (F.style.backgroundColor = bA);
+          F && F.style.position === "sticky" && (F.style.backgroundColor = YA);
         },
         onMouseOut: (E) => {
           const D = E.currentTarget;
@@ -3320,7 +3321,7 @@ const Qr = bi(Oi), kA = ({
   children: r,
   loading: o,
   isLoading: t
-}) => /* @__PURE__ */ A(U, { children: t ? o : e ? r : i }), ne = ({
+}) => /* @__PURE__ */ A(U, { children: t ? o : e ? r : i }), le = ({
   item: e,
   handleSwitch: i,
   handleToSelectOrg: r,
@@ -3388,7 +3389,7 @@ const Qr = bi(Oi), kA = ({
       ]
     }
   );
-}, YA = ({
+}, pA = ({
   dataApps: e,
   handleSwitch: i,
   title: r,
@@ -3405,7 +3406,7 @@ const Qr = bi(Oi), kA = ({
     {
       of: e,
       render: (C) => /* @__PURE__ */ A(
-        ne,
+        le,
         {
           item: C,
           showIcon: n,
@@ -3430,7 +3431,7 @@ const Qr = bi(Oi), kA = ({
   setSelectedApp: g
 }) => {
   var Q;
-  const C = XA();
+  const C = $A();
   return /* @__PURE__ */ s(SA, { onHide: e, show: i, closeButton: !1, children: [
     /* @__PURE__ */ s(
       BA,
@@ -3475,7 +3476,7 @@ const Qr = bi(Oi), kA = ({
             /* @__PURE__ */ A(lA, { variant: "list" })
           ] }),
           children: /* @__PURE__ */ A(
-            YA,
+            pA,
             {
               dataApps: o == null ? void 0 : o.map((w) => {
                 var B;
@@ -3512,7 +3513,7 @@ const Qr = bi(Oi), kA = ({
         )
       ] }),
       /* @__PURE__ */ A(
-        YA,
+        pA,
         {
           title: "Organization Apps",
           show: r == null ? void 0 : r.some((w) => w.isTenant),
@@ -3525,7 +3526,7 @@ const Qr = bi(Oi), kA = ({
         }
       ),
       /* @__PURE__ */ A(
-        YA,
+        pA,
         {
           title: "Single Apps",
           show: r == null ? void 0 : r.some((w) => !w.isTenant),
@@ -3536,7 +3537,7 @@ const Qr = bi(Oi), kA = ({
       )
     ] })
   ] });
-}, pA = ({
+}, jA = ({
   dataApps: e,
   handleSwitch: i,
   title: r,
@@ -3553,7 +3554,7 @@ const Qr = bi(Oi), kA = ({
     {
       of: e,
       render: (C) => /* @__PURE__ */ A(
-        ne,
+        le,
         {
           item: C,
           showIcon: n,
@@ -3575,7 +3576,7 @@ const Qr = bi(Oi), kA = ({
   setSelectedApp: n
 }) => {
   var c, g, C, Q, w;
-  const l = XA();
+  const l = $A();
   return /* @__PURE__ */ s(SA, { onHide: e, show: i, closeButton: !1, children: [
     /* @__PURE__ */ s(
       BA,
@@ -3614,7 +3615,7 @@ const Qr = bi(Oi), kA = ({
         {
           condition: !!((C = (g = l.data) == null ? void 0 : g.organizations) != null && C.length),
           children: /* @__PURE__ */ A(
-            pA,
+            jA,
             {
               dataApps: (w = (Q = l.data) == null ? void 0 : Q.organizations) == null ? void 0 : w.map((B) => {
                 var I;
@@ -3651,7 +3652,7 @@ const Qr = bi(Oi), kA = ({
         )
       ] }),
       /* @__PURE__ */ A(
-        pA,
+        jA,
         {
           title: "Organization Apps",
           show: r == null ? void 0 : r.some((B) => B.isTenant),
@@ -3664,7 +3665,7 @@ const Qr = bi(Oi), kA = ({
         }
       ),
       /* @__PURE__ */ A(
-        pA,
+        jA,
         {
           title: "Single Apps",
           show: r == null ? void 0 : r.some((B) => !B.isTenant),
@@ -4407,7 +4408,7 @@ const Ji = (e) => {
                     ...n.badgeContainerProps,
                     children: [
                       /* @__PURE__ */ A(
-                        jA,
+                        NA,
                         {
                           name: B.name,
                           value: B.id,
@@ -4421,7 +4422,7 @@ const Ji = (e) => {
                     ]
                   }
                 ) : /* @__PURE__ */ A(
-                  jA,
+                  NA,
                   {
                     name: B.name,
                     value: B.id,
@@ -4670,7 +4671,7 @@ const Ji = (e) => {
           }
         ),
         /* @__PURE__ */ A(
-          _A,
+          Ae,
           {
             checked: n.checked,
             onChange: n.onChange,
@@ -4687,7 +4688,7 @@ const Ji = (e) => {
   size: i = "md",
   ...r
 }) => {
-  const o = zA(), t = (l) => {
+  const o = KA(), t = (l) => {
     var g, C, Q, w, B, I;
     if (!l) return;
     const c = r.disabled ? "var(--starasia-ui-text-color-primary-disable)" : e === "secondary" ? "var(--starasia-ui-text-color-secondary)" : e === "secondary-danger" ? (C = (g = o == null ? void 0 : o.computed) == null ? void 0 : g.red) == null ? void 0 : C[600] : e === "secondary-primary" ? (w = (Q = o == null ? void 0 : o.computed) == null ? void 0 : Q.blue) == null ? void 0 : w[700] : (I = (B = o == null ? void 0 : o.computed) == null ? void 0 : B.gray) == null ? void 0 : I[50];
@@ -4811,7 +4812,7 @@ const Ji = (e) => {
                 width: i === "horizontal" && t.customWidth ? t.customWidth : i === "horizontal" ? "343px" : ""
               },
               children: /* @__PURE__ */ A(
-                VA,
+                XA,
                 {
                   size: e,
                   ...t.inputProps,
@@ -4853,7 +4854,7 @@ async function $i(e, i) {
     }, "image/png");
   });
 }
-const vA = {
+const PA = {
   "1:1": 1,
   "4:3": 4 / 3,
   "16:9": 16 / 9,
@@ -4862,7 +4863,7 @@ const vA = {
   "2:3": 2 / 3,
   "3:2": 3 / 2,
   "32:9": 32 / 9
-}, _i = KA(
+}, _i = ZA(
   ({
     handleUpload: e,
     urlImage: i,
@@ -4879,7 +4880,7 @@ const vA = {
     W(() => {
       i === null && t(null);
     }, [i]);
-    const V = ZA(
+    const V = HA(
       (J, z) => {
         Z(z);
       },
@@ -4915,7 +4916,7 @@ const vA = {
         (J = k.current) == null || J.click();
       }
     }));
-    const E = parseInt(n, 10), D = vA[l];
+    const E = parseInt(n, 10), D = PA[l];
     let F, f;
     return D >= 1 ? (f = E, F = E * D) : (F = E, f = E / D), /* @__PURE__ */ s(
       a,
@@ -5070,7 +5071,7 @@ const vA = {
                         image: L,
                         crop: N,
                         zoom: x,
-                        aspect: l ? vA[l] : void 0,
+                        aspect: l ? PA[l] : void 0,
                         onCropChange: R,
                         onZoomChange: u,
                         onCropComplete: V,
@@ -5253,7 +5254,7 @@ const vA = {
   W(() => {
     e && c([...e.map((w) => ({ id: w.id, isActive: w.isActive }))]);
   }, [e]);
-  const g = (Q = l.find((w) => w.id === i)) == null ? void 0 : Q.isActive, C = ZA(() => {
+  const g = (Q = l.find((w) => w.id === i)) == null ? void 0 : Q.isActive, C = HA(() => {
     c(
       (w) => w.map((B) => B.id === i ? { ...B, isActive: !B.isActive } : B)
     ), r && r(!g);
@@ -5267,7 +5268,7 @@ const vA = {
         width: o
       },
       children: t && /* @__PURE__ */ A(
-        _A,
+        Ae,
         {
           disabled: n,
           checked: g,
@@ -6947,7 +6948,7 @@ function Lr({
   }, [o.pathname]);
 }
 const Gr = () => {
-  const [e, i] = uA(), r = DA(e.toString()), o = ie(), t = fA(), n = o.id;
+  const [e, i] = uA(), r = DA(e.toString()), o = te(), t = fA(), n = o.id;
   return {
     // query params
     setSearchParams: i,
@@ -6996,7 +6997,7 @@ export {
   Mi as AdvanceFilterBar,
   Nt as App,
   Le as AppComponent,
-  te as AppContext,
+  re as AppContext,
   Ft as AppLayout,
   Ir as AsideBar,
   zt as AuthLayout,
@@ -7044,8 +7045,8 @@ export {
   sr as getValueDropdownMultipleFilter,
   ar as getValueRadioFilter,
   ki as getValueSearch,
-  OA as getValuesFilter,
-  RA as handleChangeFilter,
+  bA as getValuesFilter,
+  vA as handleChangeFilter,
   lr as handleOnScroll,
   rr as isEmail,
   wr as isFilterActive,
@@ -7068,7 +7069,7 @@ export {
   Se as useAppState,
   Or as useAuthRole,
   Lr as useDynamicTitle,
-  HA as useRouteInfo,
+  JA as useRouteInfo,
   Gr as useRouteParams,
   Sr as useTabState
 };