@starasia/admin 8.23.0 → 8.24.0

package/dist/index.es.js

@@ -1,7 +1,7 @@
 export * from "@starasia/alert";
 import { Badges as Dt, Badge as Ci } from "@starasia/badges";
 export * from "@starasia/badges";
-import { Box as m } from "@starasia/box";
+import { Box as f } from "@starasia/box";
 export * from "@starasia/box";
 import { Breadcrumb as wi, BreadcrumbItem as on, BreadcrumbLink as Di } from "@starasia/breadcrumb";
 export * from "@starasia/breadcrumb";
@@ -98,8 +98,8 @@ const Oi = {
   ), i = K(
     (c, a) => {
       n((d) => {
-        const f = typeof a == "function" ? a(d[c]) : a;
-        return { ...d, [c]: f };
+        const m = typeof a == "function" ? a(d[c]) : a;
+        return { ...d, [c]: m };
       });
     },
     []
@@ -181,7 +181,7 @@ function $i({
 }
 const Rr = Gt(null);
 function ji({ children: t }) {
-  const [r, n] = O(null), [o, i] = O(null), [l, s] = O(null), [c, a] = O(0), d = K(() => (a((f) => f + 1), () => a((f) => f - 1)), []);
+  const [r, n] = O(null), [o, i] = O(null), [l, s] = O(null), [c, a] = O(0), d = K(() => (a((m) => m + 1), () => a((m) => m - 1)), []);
   return /* @__PURE__ */ e(
     Rr.Provider,
     {
@@ -225,7 +225,7 @@ function jc({
 const Ir = Gt(null);
 function Pi({ children: t }) {
   const [r, n] = O({}), [o, i] = O({}), l = K((a, d) => {
-    n((f) => f[a] === d ? f : { ...f, [a]: d });
+    n((m) => m[a] === d ? m : { ...m, [a]: d });
   }, []), s = K((a) => (i((d) => ({ ...d, [a]: (d[a] ?? 0) + 1 })), () => i((d) => ({
     ...d,
     [a]: Math.max(0, (d[a] ?? 0) - 1)
@@ -337,7 +337,7 @@ function Zc({
   sidebarHeaderContent: c,
   headerActions: a,
   profileRole: d,
-  profileMenuButtons: f,
+  profileMenuButtons: m,
   profileMenuItems: p,
   logoutButton: g
 }) {
@@ -1218,8 +1218,8 @@ function Zc({
                                 ]
                               }
                             ) }),
-                            (f && f.length > 0 || p) && /* @__PURE__ */ u(Ie, { children: [
-                              f == null ? void 0 : f.map((S, _) => /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ u(
+                            (m && m.length > 0 || p) && /* @__PURE__ */ u(Ie, { children: [
+                              m == null ? void 0 : m.map((S, _) => /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ u(
                                 "button",
                                 {
                                   type: "button",
@@ -1311,9 +1311,9 @@ function Zc({
     /* @__PURE__ */ u(Lr, { isShow: I, onHide: Te, children: [
       /* @__PURE__ */ e(An, { children: "Confirmation Logout" }),
       /* @__PURE__ */ e(Mr, { children: "Are you sure you want to end the session and exit the page?" }),
-      /* @__PURE__ */ e(Rn, { children: /* @__PURE__ */ e(m, { direction: "column", display: "flex", align: "flex-end", justify: "center", children: /* @__PURE__ */ u(de, { direction: "row", gap: "sm", align: "center", children: [
-        /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(N, { secondary: !0, onClick: Te, children: "Cancel" }) }),
-        /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(N, { primary: !0, onClick: ke, children: "Yes, Sure" }) })
+      /* @__PURE__ */ e(Rn, { children: /* @__PURE__ */ e(f, { direction: "column", display: "flex", align: "flex-end", justify: "center", children: /* @__PURE__ */ u(de, { direction: "row", gap: "sm", align: "center", children: [
+        /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(N, { secondary: !0, onClick: Te, children: "Cancel" }) }),
+        /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(N, { primary: !0, onClick: ke, children: "Yes, Sure" }) })
       ] }) }) })
     ] }),
     me && /* @__PURE__ */ u(ie, { children: [
@@ -1429,7 +1429,7 @@ function Zc({
 }
 const Ut = zr(
   ({ children: t, ...r }, n) => /* @__PURE__ */ e(
-    m,
+    f,
     {
       ref: n,
       role: "button",
@@ -1451,7 +1451,7 @@ const Ut = zr(
 }) => {
   const [s, c] = O(!1);
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "row",
       gap: "xs",
@@ -1492,21 +1492,21 @@ const Ut = zr(
   iconColor: o,
   hoverIconColor: i
 }) => {
-  const [l, s] = O(!1), c = o ?? "var(--sa-text-subtle, #8c8f97)", a = i ?? "var(--sa-text-subtle, #8c8f97)", d = t.length > 1 ? t[0] : void 0, f = !!(d != null && d.to || d != null && d.onClick), p = /* @__PURE__ */ e(
+  const [l, s] = O(!1), c = o ?? "var(--sa-text-subtle, #8c8f97)", a = i ?? "var(--sa-text-subtle, #8c8f97)", d = t.length > 1 ? t[0] : void 0, m = !!(d != null && d.to || d != null && d.onClick), p = /* @__PURE__ */ e(
     M,
     {
       name: n || "ChevronLeft",
       size: "xs",
-      onMouseEnter: f ? () => s(!0) : void 0,
-      onMouseLeave: f ? () => s(!1) : void 0,
+      onMouseEnter: m ? () => s(!0) : void 0,
+      onMouseLeave: m ? () => s(!1) : void 0,
       style: {
-        color: f && l ? a : c,
+        color: m && l ? a : c,
         transition: "color 0.15s ease",
-        cursor: f ? "pointer" : void 0
+        cursor: m ? "pointer" : void 0
       }
     }
   ), g = d != null && d.to ? /* @__PURE__ */ e(Tt, { to: d.to, replace: !0, style: { textDecoration: "none" }, children: p }) : d != null && d.onClick ? /* @__PURE__ */ e(Ut, { onClick: d.onClick, children: p }) : p;
-  return /* @__PURE__ */ u(m, { direction: "row", gap: "xs", align: "center", children: [
+  return /* @__PURE__ */ u(f, { direction: "row", gap: "xs", align: "center", children: [
     g,
     /* @__PURE__ */ e(wi, { separator: r, size: "md", children: t.map((x, W) => {
       const b = W === t.length - 1;
@@ -1524,7 +1524,7 @@ const Ut = zr(
       iconColor: l.iconColor,
       hoverIconColor: l.hoverIconColor
     }
-  ) : i ? /* @__PURE__ */ e(m, { direction: "row", children: /* @__PURE__ */ e(Tt, { to: i, replace: !0, style: { textDecoration: "none" }, children: /* @__PURE__ */ e(hn, { ...l }) }) }) : /* @__PURE__ */ e(m, { direction: "row", children: /* @__PURE__ */ e(Ut, { onClick: o, children: /* @__PURE__ */ e(hn, { ...l }) }) });
+  ) : i ? /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(Tt, { to: i, replace: !0, style: { textDecoration: "none" }, children: /* @__PURE__ */ e(hn, { ...l }) }) }) : /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(Ut, { onClick: o, children: /* @__PURE__ */ e(hn, { ...l }) }) });
 }, fr = [
   // brand (blue)
   {
@@ -1647,9 +1647,9 @@ function qi({
                 ]
               }
             ),
-            n.map((d, f) => {
+            n.map((d, m) => {
               var b;
-              const p = o === d.id, g = l === d.id, x = ((b = d.items[0]) == null ? void 0 : b.icon) ?? "Grid", W = fr[(f + 1) % fr.length];
+              const p = o === d.id, g = l === d.id, x = ((b = d.items[0]) == null ? void 0 : b.icon) ?? "Grid", W = fr[(m + 1) % fr.length];
               return /* @__PURE__ */ u(
                 "button",
                 {
@@ -1676,9 +1676,9 @@ function qc({
   "aria-label": r = "Pilih module"
 } = {}) {
   const n = Nn(), o = Ar(), { selectedGroupId: i, setSelectedGroupId: l } = _n(), [s, c] = O(!1), a = (d) => {
-    var f;
+    var m;
     if (l(d), d !== null) {
-      const p = n.menus.find((x) => x.id === d), g = (f = p == null ? void 0 : p.items[0]) == null ? void 0 : f.to;
+      const p = n.menus.find((x) => x.id === d), g = (m = p == null ? void 0 : p.items[0]) == null ? void 0 : m.to;
       g && o(g);
     }
     t == null || t(d);
@@ -1773,10 +1773,10 @@ const Ui = (t, r) => {
         verticalAlign: l
       }),
       [i, l]
-    ), a = () => typeof r == "string" ? /* @__PURE__ */ e(k, { fontWeight: "medium", color: "subtlest", children: r }) : r, d = () => typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ e(k, { color: "primary", fontWeight: "medium", children: t }) : t, f = () => typeof n == "string" || typeof n == "number" ? /* @__PURE__ */ e(k, { fontWeight: "medium", color: "subtlest", children: n }) : n;
+    ), a = () => typeof r == "string" ? /* @__PURE__ */ e(k, { fontWeight: "medium", color: "subtlest", children: r }) : r, d = () => typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ e(k, { color: "primary", fontWeight: "medium", children: t }) : t, m = () => typeof n == "string" || typeof n == "number" ? /* @__PURE__ */ e(k, { fontWeight: "medium", color: "subtlest", children: n }) : n;
     return /* @__PURE__ */ u(He, { children: [
       /* @__PURE__ */ e(Ee, { style: s, width: o, children: a() }),
-      n ? /* @__PURE__ */ e(Ee, { style: c, width: 24, children: f() }) : null,
+      n ? /* @__PURE__ */ e(Ee, { style: c, width: 24, children: m() }) : null,
       /* @__PURE__ */ e(Ee, { style: s, children: d() })
     ] });
   }
@@ -1816,7 +1816,7 @@ const Ui = (t, r) => {
       }
     };
     return /* @__PURE__ */ e(
-      m,
+      f,
       {
         gap: c ? void 0 : "lg",
         direction: "row",
@@ -1828,8 +1828,8 @@ const Ui = (t, r) => {
         borderWidth: l ? "border" : void 0,
         borderStyle: l ? "border-solid" : void 0,
         borderColor: l ? "border-subtle" : void 0,
-        children: s.map((d, f) => /* @__PURE__ */ e(
-          m,
+        children: s.map((d, m) => /* @__PURE__ */ e(
+          f,
           {
             direction: "column",
             flex: c ? void 0 : "1",
@@ -1844,7 +1844,7 @@ const Ui = (t, r) => {
               }
             )
           },
-          f
+          m
         ))
       }
     );
@@ -1852,7 +1852,7 @@ const Ui = (t, r) => {
 ), Yi = ({ backButton: t }) => {
   const [r, n] = O(!1), o = (t == null ? void 0 : t.iconColor) ?? "var(--sa-text-subtle, #8c8f97)", i = (t == null ? void 0 : t.textColor) ?? "var(--sa-text-subtle, #8c8f97)", l = (t == null ? void 0 : t.hoverIconColor) ?? "var(--sa-text-subtle, #8c8f97)", s = (t == null ? void 0 : t.hoverTextColor) ?? "var(--sa-text-primary, #292a2e)";
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "row",
       gap: "xs",
@@ -1898,7 +1898,7 @@ const Ui = (t, r) => {
   subHeaders: c,
   action: a,
   titleTagProps: d,
-  containerProps: f,
+  containerProps: m,
   headerProps: p
 }) => {
   const g = Fe("md"), x = Ar(), W = St(), b = t == null ? void 0 : t.show, B = () => {
@@ -1913,7 +1913,7 @@ const Ui = (t, r) => {
     const C = a.filter(
       (L) => L && (L.title || L.icon)
     );
-    return C.length === 0 ? null : g ? /* @__PURE__ */ e(m, { direction: "row", gap: "md", children: C.map(({ title: L, icon: H, buttonProps: V, onClick: j }, q) => /* @__PURE__ */ e(
+    return C.length === 0 ? null : g ? /* @__PURE__ */ e(f, { direction: "row", gap: "md", children: C.map(({ title: L, icon: H, buttonProps: V, onClick: j }, q) => /* @__PURE__ */ e(
       N,
       {
         iconLeft: H ? /* @__PURE__ */ e(M, { name: H, size: "md" }) : void 0,
@@ -1954,7 +1954,7 @@ const Ui = (t, r) => {
     ] });
   }, z = () => {
     const C = /* @__PURE__ */ e(Yi, { backButton: t });
-    return t != null && t.navigateTo ? /* @__PURE__ */ e(m, { direction: "row", children: /* @__PURE__ */ e(
+    return t != null && t.navigateTo ? /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(
       Tt,
       {
         to: t.navigateTo,
@@ -1962,13 +1962,13 @@ const Ui = (t, r) => {
         style: { textDecoration: "none" },
         children: C
       }
-    ) }) : /* @__PURE__ */ e(m, { direction: "row", children: /* @__PURE__ */ e(Ut, { onClick: B, children: C }) });
+    ) }) : /* @__PURE__ */ e(f, { direction: "row", children: /* @__PURE__ */ e(Ut, { onClick: B, children: C }) });
   }, D = () => {
     const C = !!r, L = Array.isArray(a) && a.length > 0, H = Sr(a) ? !0 : L;
     if (!C && !H && !b) return null;
     const j = g || !g && L;
     return /* @__PURE__ */ u(
-      m,
+      f,
       {
         direction: "column",
         gap: "xs",
@@ -1989,15 +1989,15 @@ const Ui = (t, r) => {
         children: [
           b && z(),
           (C || H) && /* @__PURE__ */ u(
-            m,
+            f,
             {
               direction: j ? "row" : "column",
               gap: "sm",
               justify: "space-between",
               align: j ? "center" : "flex-start",
               children: [
-                C ? typeof r == "string" ? /* @__PURE__ */ u(m, { direction: "row", gap: "lg", align: "center", children: [
-                  /* @__PURE__ */ u(m, { direction: "row", gap: "sm", align: "center", children: [
+                C ? typeof r == "string" ? /* @__PURE__ */ u(f, { direction: "row", gap: "lg", align: "center", children: [
+                  /* @__PURE__ */ u(f, { direction: "row", gap: "sm", align: "center", children: [
                     n && /* @__PURE__ */ e(M, { name: n, size: "md", color: "primary" }),
                     /* @__PURE__ */ e(
                       k,
@@ -2027,7 +2027,7 @@ const Ui = (t, r) => {
       const q = V.order ?? 0;
       q >= H && (H = q, L = j);
     }), C.map(({ content: V, order: j, borderBottom: q = !0, keepBottomPadding: ee = !1 }, fe) => /* @__PURE__ */ e(
-      m,
+      f,
       {
         direction: "column",
         paddingTop: "sm",
@@ -2049,7 +2049,7 @@ const Ui = (t, r) => {
   }, I = () => {
     const C = l ? D() : null, L = w();
     return !C && !L ? null : /* @__PURE__ */ u(
-      m,
+      f,
       {
         direction: "column",
         style: {
@@ -2067,13 +2067,13 @@ const Ui = (t, r) => {
     );
   }, R = () => i;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       as: "main",
-      ...f,
+      ...m,
       style: {
-        ...(f == null ? void 0 : f.style) ?? {},
+        ...(m == null ? void 0 : m.style) ?? {},
         animation: "pageLayoutEnter 320ms cubic-bezier(0.16, 1, 0.3, 1) backwards"
       },
       children: [
@@ -2098,7 +2098,7 @@ const Ui = (t, r) => {
     minWidth: c = "357px",
     maxWidth: a = "357px"
   }, d) => {
-    const f = pn(s ?? c), p = pn(s ?? a);
+    const m = pn(s ?? c), p = pn(s ?? a);
     return /* @__PURE__ */ e(
       In,
       {
@@ -2108,13 +2108,13 @@ const Ui = (t, r) => {
         onHide: t,
         ref: d,
         style: {
-          minWidth: f,
+          minWidth: m,
           maxWidth: p,
           ...o
         },
-        children: /* @__PURE__ */ u(m, { direction: "column", padding: "lg", children: [
+        children: /* @__PURE__ */ u(f, { direction: "column", padding: "lg", children: [
           l ? /* @__PURE__ */ u(
-            m,
+            f,
             {
               direction: "row",
               align: "center",
@@ -2145,7 +2145,7 @@ const Ui = (t, r) => {
   ({ children: t, borderBottom: r = !0, padding: n = !0 }) => {
     const o = Fe("lg");
     return /* @__PURE__ */ e(
-      m,
+      f,
       {
         direction: "column",
         padding: n ? "md" : "spacing-0",
@@ -2162,7 +2162,7 @@ const Ui = (t, r) => {
   ({ children: t, borderTop: r = !0, padding: n = !0 }) => {
     const o = Fe("lg");
     return /* @__PURE__ */ e(
-      m,
+      f,
       {
         direction: "column",
         padding: n ? "md" : "spacing-0",
@@ -2177,7 +2177,7 @@ const Ui = (t, r) => {
   }
 ), ro = Qe(
   ({ children: t, ...r }) => /* @__PURE__ */ e(
-    m,
+    f,
     {
       direction: "column",
       padding: "md",
@@ -2200,23 +2200,23 @@ const Ui = (t, r) => {
     containerProps: c,
     bodyProps: a,
     headerProps: d = { borderBottom: !0 },
-    footerProps: f = { borderTop: !0 },
+    footerProps: m = { borderTop: !0 },
     variantTag: p = "info"
   }) => {
-    const g = Fe("lg"), x = () => n ? /* @__PURE__ */ u(m, { direction: "row", gap: "sm", align: "center", children: [
+    const g = Fe("lg"), x = () => n ? /* @__PURE__ */ u(f, { direction: "row", gap: "sm", align: "center", children: [
       /* @__PURE__ */ e(k, { fontWeight: "medium", children: r }),
       /* @__PURE__ */ e(Dt, { border: !0, text: n, variant: p })
     ] }) : /* @__PURE__ */ e(k, { fontWeight: "medium", children: r }), W = () => i || /* @__PURE__ */ u(
-      m,
+      f,
       {
         direction: "row",
         justify: "space-between",
         align: "flex-start",
         gap: "md",
         children: [
-          /* @__PURE__ */ e(m, { direction: "column", children: r ? x() : null }),
+          /* @__PURE__ */ e(f, { direction: "column", children: r ? x() : null }),
           /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               style: g ? { width: "100%", maxWidth: "19.313rem" } : { flex: 1 },
@@ -2228,7 +2228,7 @@ const Ui = (t, r) => {
       }
     ), b = !!(i || r || o);
     return /* @__PURE__ */ u(
-      m,
+      f,
       {
         direction: "column",
         bg: "white",
@@ -2245,7 +2245,7 @@ const Ui = (t, r) => {
         children: [
           i !== null && b ? /* @__PURE__ */ e(Pn, { ...d, children: W() }) : null,
           /* @__PURE__ */ e(ro, { ...a, children: t }),
-          l ? /* @__PURE__ */ e(Zn, { ...f, children: l }) : null
+          l ? /* @__PURE__ */ e(Zn, { ...m, children: l }) : null
         ]
       }
     );
@@ -2270,10 +2270,10 @@ const Ui = (t, r) => {
     setSearchParams: r,
     searchParams: t,
     searchQueries: n,
-    isHasQuery: (f, p) => t.has(f) && t.get(f) === p,
-    getQueryParam: (f) => t.get(f),
+    isHasQuery: (m, p) => t.has(m) && t.get(m) === p,
+    getQueryParam: (m) => t.get(m),
     // route params
-    getRouteParam: (f) => o[f],
+    getRouteParam: (m) => o[m],
     params: o,
     // location info
     location: i,
@@ -2393,39 +2393,39 @@ const Ui = (t, r) => {
   pageKey: o,
   filters: i
 }) => {
-  const { searchParams: l, setSearchParams: s, searchQueries: c } = Ve(), [a, d] = O({}), f = () => {
+  const { searchParams: l, setSearchParams: s, searchQueries: c } = Ve(), [a, d] = O({}), m = () => {
     l.delete(n || "filter"), s(l);
   }, p = (g, x) => {
     switch (g.type) {
       case "radio": {
         const { show: W = !0 } = g;
-        return W && /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(m, { direction: "column", children: g.title }) }, x);
+        return W && /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(f, { direction: "column", children: g.title }) }, x);
       }
       case "dropdown": {
         const { show: W = !0 } = g;
-        return W && /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(m, { direction: "column", children: g.title }) }, x);
+        return W && /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(f, { direction: "column", children: g.title }) }, x);
       }
       case "date-range":
-        return /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(m, { direction: "column", children: g.title }) }, x);
+        return /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(f, { direction: "column", children: g.title }) }, x);
       case "date":
-        return /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(m, { direction: "column", children: g.title }) }, x);
+        return /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(f, { direction: "column", children: g.title }) }, x);
       case "dropdown-multiple": {
         const { show: W = !0 } = g;
-        return W && /* @__PURE__ */ e(m, { direction: "column", children: /* @__PURE__ */ e(m, { direction: "column", children: g.title }) }, x);
+        return W && /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(f, { direction: "column", children: g.title }) }, x);
       }
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ e(to, { onHide: r, show: t || !1, children: /* @__PURE__ */ u(m, { direction: "column", gap: "md", children: [
+  return /* @__PURE__ */ e(to, { onHide: r, show: t || !1, children: /* @__PURE__ */ u(f, { direction: "column", gap: "md", children: [
     /* @__PURE__ */ u(de, { direction: "row", justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ e(m, { direction: "column", children: "Filter" }),
+      /* @__PURE__ */ e(f, { direction: "column", children: "Filter" }),
       /* @__PURE__ */ e(
-        m,
+        f,
         {
           direction: "column",
           style: { cursor: "pointer" },
-          onClick: f,
+          onClick: m,
           children: "Reset"
         }
       )
@@ -2443,7 +2443,7 @@ const Ui = (t, r) => {
   filterKey: c = "filter",
   pageKey: a = "page",
   customWidthSearch: d,
-  handleOnReset: f,
+  handleOnReset: m,
   filterConfigs: p,
   buttonToggleProps: g,
   position: x = "right",
@@ -2498,12 +2498,12 @@ const Ui = (t, r) => {
       },
       align: "flex-end",
       children: [
-        te && /* @__PURE__ */ e(m, { direction: "column", justify: "flex-end", children: /* @__PURE__ */ e(
+        te && /* @__PURE__ */ e(f, { direction: "column", justify: "flex-end", children: /* @__PURE__ */ e(
           N,
           {
             onClick: () => {
               const U = new URLSearchParams(C);
-              U.delete(c), L(U), ee(""), R(), f && f();
+              U.delete(c), L(U), ee(""), R(), m && m();
             },
             variant: "outline",
             tone: "neutral",
@@ -2511,7 +2511,7 @@ const Ui = (t, r) => {
           }
         ) }),
         i == null ? void 0 : i.map(({ minWidth: U, content: he, title: De, onClickContainer: se }, ve) => /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "column",
             gap: "sm",
@@ -2547,7 +2547,7 @@ const Ui = (t, r) => {
           }
         ),
         s && /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "column",
             gap: "sm",
@@ -2606,7 +2606,7 @@ const Ui = (t, r) => {
           }
         ),
         l && /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "column",
             gap: "sm",
@@ -2668,7 +2668,7 @@ function Hr({
       const C = a[R];
       return (C == null ? void 0 : C.locked) || w.includes(R) || I.includes(R);
     });
-  }, [l, n, r, i, t, a]), f = K(
+  }, [l, n, r, i, t, a]), m = K(
     (w) => {
       try {
         return w[r] ? JSON.parse(w[r]) : {};
@@ -2694,7 +2694,7 @@ function Hr({
       if ((L = a[w]) != null && L.locked) return;
       const I = { ...c }, R = d.filter((H) => H !== w);
       R.length ? I[n] = R.join(",") : delete I[n];
-      const C = f(I);
+      const C = m(I);
       w in C && (delete C[w], Object.keys(C).length ? I[r] = JSON.stringify(C) : delete I[r]), delete I[o], s(I);
     },
     [
@@ -2703,7 +2703,7 @@ function Hr({
       n,
       r,
       o,
-      f,
+      m,
       s,
       a
     ]
@@ -2732,18 +2732,18 @@ function Hr({
           return I ? new Date(I) : void 0;
         }
         case "date-compact": {
-          const R = f(Object.fromEntries(l.entries()))[w.key];
+          const R = m(Object.fromEntries(l.entries()))[w.key];
           return R && typeof R == "object" ? R : void 0;
         }
         default:
           return;
       }
     },
-    [l, r, f]
+    [l, r, m]
   ), B = K(
     (w, I) => {
       if (w.type === "date-compact") {
-        const R = { ...c }, C = f(R);
+        const R = { ...c }, C = m(R);
         I == null ? delete C[w.key] : C[w.key] = I, Object.keys(C).length ? R[r] = JSON.stringify(C) : delete R[r], delete R[o], s(R);
         return;
       }
@@ -2757,13 +2757,13 @@ function Hr({
         pageKey: o
       });
     },
-    [c, s, r, o, f]
+    [c, s, r, o, m]
   ), F = K(
     (w) => {
-      const I = { ...c }, R = f(I);
+      const I = { ...c }, R = m(I);
       w in R && (delete R[w], Object.keys(R).length ? I[r] = JSON.stringify(R) : delete I[r]), delete I[o], s(I);
     },
-    [c, r, o, f, s]
+    [c, r, o, m, s]
   ), z = K(() => {
     const w = { ...c };
     delete w[r], delete w[n], delete w[o], s(w);
@@ -2821,8 +2821,8 @@ function Eo({
       if (C && Array.isArray(C.order)) return zt(C, t);
     }
     return l;
-  }), f = t.map((C) => C.key).join("|");
-  Y(() => d((C) => zt(C, t)), [f]);
+  }), m = t.map((C) => C.key).join("|");
+  Y(() => d((C) => zt(C, t)), [m]);
   const p = le(a);
   p.current = a;
   const g = i ? `${(i.order ?? []).join("|")}~${(i.hidden ?? []).join("|")}` : null, x = le(g);
@@ -2831,7 +2831,7 @@ function Eo({
     x.current = g;
     const C = p.current, L = c(i, C.order);
     L.order.join("|") === C.order.join("|") && L.hidden.join("|") === C.hidden.join("|") || (d(L), s && n.set(s, L));
-  }, [g, f]);
+  }, [g, m]);
   const W = le(!1);
   Y(() => {
     W.current || (W.current = !0, o == null || o(a));
@@ -2888,11 +2888,11 @@ function Lo({
   getColumns: i,
   applyColumns: l
 }) {
-  const { searchParams: s, setSearchParams: c } = Ve(), a = t ? Ft.savedViews(t) : void 0, [d, f] = O(
+  const { searchParams: s, setSearchParams: c } = Ve(), a = t ? Ft.savedViews(t) : void 0, [d, m] = O(
     () => a ? r.get(a) || [] : []
   ), p = K(
     (b) => {
-      f(b), a && r.set(a, b);
+      m(b), a && r.set(a, b);
     },
     [a]
     // storage identity is stable (module singleton / caller-provided)
@@ -2949,20 +2949,20 @@ function Mo({
       s.current = l, c.current = !1;
       return;
     }
-    const f = {};
+    const m = {};
     if (n.forEach((p) => {
       const g = i.get(p);
-      g != null && (f[p] = g);
-    }), Object.keys(f).length === 0) {
+      g != null && (m[p] = g);
+    }), Object.keys(m).length === 0) {
       c.current && r.remove(l);
       return;
     }
-    c.current = !0, r.set(l, f);
+    c.current = !0, r.set(l, m);
   }, [i, l, n, r]);
   const a = K(() => {
     if (!l) return null;
-    const f = r.get(l);
-    return f && Object.keys(f).length > 0 ? f : null;
+    const m = r.get(l);
+    return m && Object.keys(m).length > 0 ? m : null;
   }, [l, r]), d = K(() => {
     l && r.remove(l);
   }, [l, r]);
@@ -3000,13 +3000,13 @@ function Wo({
     if (p == null) return null;
     const g = Number(p);
     return !Number.isFinite(g) || g <= 0 || o && !o.includes(g) ? null : String(g);
-  }, [s, r, o]), f = K(() => {
+  }, [s, r, o]), m = K(() => {
     s && r.remove(s);
   }, [s, r]);
   return {
     enabled: !!s,
     read: d,
-    clear: f
+    clear: m
   };
 }
 let gr = {}, pr = !1, yr = null;
@@ -3032,12 +3032,12 @@ function zo({
     a.current = c.pathname;
     const d = {};
     if (!l.has(n)) {
-      const f = i();
-      f && (d[n] = f);
+      const m = i();
+      m && (d[n] = m);
     }
-    if (!r.some((f) => l.has(f))) {
-      const f = o();
-      f && Object.assign(d, f);
+    if (!r.some((m) => l.has(m))) {
+      const m = o();
+      m && Object.assign(d, m);
     }
     Object.keys(d).length !== 0 && Bo(d, s);
   }, [c.pathname, t]);
@@ -3064,7 +3064,7 @@ const Ao = ({
     {
       style: { minWidth: 260 },
       title: /* @__PURE__ */ u(
-        m,
+        f,
         {
           display: "flex",
           direction: "row",
@@ -3227,7 +3227,7 @@ const Ao = ({
       {
         style: { width: 260 },
         title: /* @__PURE__ */ u(
-          m,
+          f,
           {
             display: "flex",
             direction: "row",
@@ -3285,22 +3285,22 @@ const Ao = ({
   onClear: o,
   onRemove: i
 }) => {
-  const l = (r == null ? void 0 : r.op) ?? "is", s = r ? No(r) : null, c = !!s, a = c ? /* @__PURE__ */ u(ie, { children: [
+  const l = t.ops && t.ops.length > 0 ? t.ops : Io, s = t.defaultOp && l.includes(t.defaultOp) ? t.defaultOp : l[0], c = (r == null ? void 0 : r.op) ?? s, a = r ? No(r) : null, d = !!a, m = d ? /* @__PURE__ */ u(ie, { children: [
     /* @__PURE__ */ u("span", { style: { fontWeight: 500 }, children: [
       t.label,
       ":"
     ] }),
     " ",
-    /* @__PURE__ */ e("span", { style: { fontWeight: 400 }, children: Un(s) })
-  ] }) : t.label, d = (f) => {
-    if (f !== l) {
-      if (f === "is-empty" || f === "is-not-empty") {
-        n({ op: f });
+    /* @__PURE__ */ e("span", { style: { fontWeight: 400 }, children: Un(a) })
+  ] }) : t.label, p = (g) => {
+    if (g !== c) {
+      if (g === "is-empty" || g === "is-not-empty") {
+        n({ op: g });
         return;
       }
-      if (f === "is-relative-to-today") {
+      if (g === "is-relative-to-today") {
         n({
-          op: f,
+          op: g,
           relative: (r == null ? void 0 : r.relative) ?? {
             direction: "past",
             count: 1,
@@ -3309,23 +3309,23 @@ const Ao = ({
         });
         return;
       }
-      if (f === "is-between") {
-        n({ op: f, from: r == null ? void 0 : r.from, to: r == null ? void 0 : r.to });
+      if (g === "is-between") {
+        n({ op: g, from: r == null ? void 0 : r.from, to: r == null ? void 0 : r.to });
         return;
       }
-      n({ op: f, date: r == null ? void 0 : r.date });
+      n({ op: g, date: r == null ? void 0 : r.date });
     }
   };
   return /* @__PURE__ */ u(Ae, { position: "bottom-left", children: [
     /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(
       N,
       {
-        variant: c ? "secondary" : "outline",
+        variant: d ? "secondary" : "outline",
         tone: "neutral",
         size: "sm",
-        iconLeft: c ? /* @__PURE__ */ e(M, { name: "Calendar", size: "sm" }) : void 0,
+        iconLeft: d ? /* @__PURE__ */ e(M, { name: "Calendar", size: "sm" }) : void 0,
         iconRight: /* @__PURE__ */ e(M, { name: "ChevronSmallDown" }),
-        children: a
+        children: m
       }
     ) }),
     /* @__PURE__ */ u(Re, { children: [
@@ -3334,7 +3334,7 @@ const Ao = ({
         {
           style: { width: 320 },
           title: /* @__PURE__ */ u(
-            m,
+            f,
             {
               display: "flex",
               direction: "row",
@@ -3344,7 +3344,7 @@ const Ao = ({
               fullWidth: !0,
               children: [
                 /* @__PURE__ */ u(
-                  m,
+                  f,
                   {
                     display: "flex",
                     direction: "row",
@@ -3353,7 +3353,7 @@ const Ao = ({
                     style: { minWidth: 0 },
                     children: [
                       /* @__PURE__ */ e(k, { fontSize: "sm", fontWeight: "medium", color: "subtlest", children: t.label }),
-                      /* @__PURE__ */ e(jo, { op: l, onChange: d })
+                      /* @__PURE__ */ e(jo, { op: c, ops: l, onChange: p })
                     ]
                   }
                 ),
@@ -3361,13 +3361,13 @@ const Ao = ({
               ]
             }
           ),
-          children: /* @__PURE__ */ e(_o, { value: r, op: l, onChange: n })
+          children: /* @__PURE__ */ e(_o, { value: r, op: c, onChange: n })
         }
       ),
-      l === "is-relative-to-today" && /* @__PURE__ */ e(Wr, { children: /* @__PURE__ */ e(k, { fontSize: "xs", color: "subtlest", children: "Filter will update with the current date" }) })
+      c === "is-relative-to-today" && /* @__PURE__ */ e(Wr, { children: /* @__PURE__ */ e(k, { fontSize: "xs", color: "subtlest", children: "Filter will update with the current date" }) })
     ] })
   ] });
-}, jo = ({ op: t, onChange: r }) => /* @__PURE__ */ u(Ae, { position: "bottom-left", children: [
+}, jo = ({ op: t, ops: r, onChange: n }) => /* @__PURE__ */ u(Ae, { position: "bottom-left", children: [
   /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(
     N,
     {
@@ -3378,19 +3378,19 @@ const Ao = ({
       children: jt[t]
     }
   ) }),
-  /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(Ie, { style: { width: 200 }, children: Io.map((n) => /* @__PURE__ */ e(
+  /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(Ie, { style: { width: 200 }, children: r.map((o) => /* @__PURE__ */ e(
     je,
     {
-      selected: t === n,
-      onClick: () => r(n),
-      endIcon: t === n ? /* @__PURE__ */ e(M, { name: "Check" }) : void 0,
-      children: jt[n]
+      selected: t === o,
+      onClick: () => n(o),
+      endIcon: t === o ? /* @__PURE__ */ e(M, { name: "Check" }) : void 0,
+      children: jt[o]
     },
-    n
+    o
   )) }) })
 ] }), _o = ({ value: t, op: r, onChange: n }) => {
   if (r === "is-empty" || r === "is-not-empty")
-    return /* @__PURE__ */ e(m, { paddingBlock: "sm", paddingInline: "sm", children: /* @__PURE__ */ e(k, { fontSize: "xs", color: "subtlest", children: "No further input required." }) });
+    return /* @__PURE__ */ e(f, { paddingBlock: "sm", paddingInline: "sm", children: /* @__PURE__ */ e(k, { fontSize: "xs", color: "subtlest", children: "No further input required." }) });
   if (r === "is-between") {
     const o = t != null && t.from || t != null && t.to ? {
       from: t != null && t.from ? new Date(t.from) : null,
@@ -3458,8 +3458,8 @@ const Ao = ({
   );
 }, Po = ({ value: t, onChange: r }) => {
   const n = (t == null ? void 0 : t.direction) ?? "past", o = (t == null ? void 0 : t.count) ?? 1, i = (t == null ? void 0 : t.period) ?? "week", l = n !== "this", s = qn({ direction: n, count: o, period: i });
-  return /* @__PURE__ */ u(m, { direction: "column", display: "flex", gap: "sm", children: [
-    /* @__PURE__ */ u(m, { direction: "row", display: "flex", align: "center", gap: "xs", children: [
+  return /* @__PURE__ */ u(f, { direction: "column", display: "flex", gap: "sm", children: [
+    /* @__PURE__ */ u(f, { direction: "row", display: "flex", align: "center", gap: "xs", children: [
       /* @__PURE__ */ u(Ae, { position: "bottom-left", children: [
         /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(
           N,
@@ -3550,10 +3550,10 @@ const Ao = ({
   onClear: o,
   onRemove: i
 }) => {
-  const l = t.type === "dropdown-multiple", s = r.length, c = t.searchable !== !1, [a, d] = O(""), f = t.options, p = typeof t.onSearch == "function", g = (() => {
-    if (p) return f;
+  const l = t.type === "dropdown-multiple", s = r.length, c = t.searchable !== !1, [a, d] = O(""), m = t.options, p = typeof t.onSearch == "function", g = (() => {
+    if (p) return m;
     const F = a.trim().toLowerCase();
-    return F ? f.filter((z) => z.label.toLowerCase().includes(F)) : f;
+    return F ? m.filter((z) => z.label.toLowerCase().includes(F)) : m;
   })(), x = (F) => r.some((z) => z.value === F.value), W = (F) => {
     if (!l) {
       n([{ label: F.label, value: F.value }]), d("");
@@ -3590,7 +3590,7 @@ const Ao = ({
       {
         style: { width: 260 },
         title: /* @__PURE__ */ u(
-          m,
+          f,
           {
             display: "flex",
             direction: "row",
@@ -3603,7 +3603,7 @@ const Ao = ({
             ]
           }
         ),
-        children: /* @__PURE__ */ u(m, { direction: "column", gap: "sm", children: [
+        children: /* @__PURE__ */ u(f, { direction: "column", gap: "sm", children: [
           c && /* @__PURE__ */ e(
             _t,
             {
@@ -3622,12 +3622,12 @@ const Ao = ({
             }
           ),
           /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               overflow: "overflow-y-auto",
               customMaxHeight: "240px",
-              children: t.isLoading ? /* @__PURE__ */ e(m, { paddingBlock: "sm", paddingInline: "sm", children: /* @__PURE__ */ e(k, { fontSize: "xs", color: "subtlest", children: "Loading…" }) }) : g.length === 0 ? /* @__PURE__ */ e(m, { paddingBlock: "sm", paddingInline: "sm", children: /* @__PURE__ */ e(k, { fontSize: "xs", color: "subtlest", children: "No results" }) }) : g.map((F) => /* @__PURE__ */ e(
+              children: t.isLoading ? /* @__PURE__ */ e(f, { paddingBlock: "sm", paddingInline: "sm", children: /* @__PURE__ */ e(k, { fontSize: "xs", color: "subtlest", children: "Loading…" }) }) : g.length === 0 ? /* @__PURE__ */ e(f, { paddingBlock: "sm", paddingInline: "sm", children: /* @__PURE__ */ e(k, { fontSize: "xs", color: "subtlest", children: "No results" }) }) : g.map((F) => /* @__PURE__ */ e(
                 je,
                 {
                   closeOnSelect: !l,
@@ -3667,7 +3667,7 @@ const Ao = ({
     n(
       l.has(g.value) ? r.filter((x) => x.value !== g.value) : [...r, { label: g.label, value: g.value }]
     );
-  }, f = () => {
+  }, m = () => {
     n(
       c ? [] : t.options.map((g) => ({ label: g.label, value: g.value }))
     );
@@ -3696,7 +3696,7 @@ const Ao = ({
       {
         style: { width: 240 },
         title: /* @__PURE__ */ u(
-          m,
+          f,
           {
             display: "flex",
             direction: "row",
@@ -3715,7 +3715,7 @@ const Ao = ({
             {
               closeOnSelect: !1,
               selected: c,
-              onClick: f,
+              onClick: m,
               startIcon: /* @__PURE__ */ e(
                 Cn,
                 {
@@ -3757,7 +3757,7 @@ const Ao = ({
     {
       field: c,
       value: a,
-      onChange: (f) => o(c, f),
+      onChange: (m) => o(c, m),
       onClear: () => i(s),
       onRemove: d
     },
@@ -3767,7 +3767,7 @@ const Ao = ({
     {
       field: c,
       value: a || [],
-      onChange: (f) => o(c, f),
+      onChange: (m) => o(c, m),
       onClear: () => i(s),
       onRemove: d
     },
@@ -3777,7 +3777,7 @@ const Ao = ({
     {
       field: c,
       value: a || [],
-      onChange: (f) => o(c, f),
+      onChange: (m) => o(c, m),
       onClear: () => i(s),
       onRemove: d
     },
@@ -3794,7 +3794,7 @@ const Ao = ({
   showPagination: c = !0
 }) => {
   var F;
-  const { searchQueries: a, setSearchParams: d, searchParams: f } = Ve(), p = f.get(n), g = p ? Number(p) : i, x = (z) => {
+  const { searchQueries: a, setSearchParams: d, searchParams: m } = Ve(), p = m.get(n), g = p ? Number(p) : i, x = (z) => {
     d({ ...a, [r]: String(z) });
   }, W = (z) => {
     d({
@@ -3829,7 +3829,7 @@ const Ao = ({
       )) }) })
     ] }),
     c && ((t == null ? void 0 : t.totalPage) ?? 0) > 1 && /* @__PURE__ */ e(
-      m,
+      f,
       {
         direction: "column",
         display: "flex",
@@ -3874,12 +3874,12 @@ const Yo = 240, Qn = ({
   shortcut: i = "/",
   collapsible: l = !0
 }) => {
-  const { searchParams: s, setSearchParams: c, searchQueries: a } = Ve(), d = Or(t, s, r) || "", [f, p] = O(!l || !!d), [g, x] = O(l && !d), [W, b] = O(d), B = ki(W, 350), F = le(null);
+  const { searchParams: s, setSearchParams: c, searchQueries: a } = Ve(), d = Or(t, s, r) || "", [m, p] = O(!l || !!d), [g, x] = O(l && !d), [W, b] = O(d), B = ki(W, 350), F = le(null);
   Y(() => {
     b(d), d && p(!0);
   }, [d]), Y(() => {
-    f && x(!1);
-  }, [f]), Y(() => {
+    m && x(!1);
+  }, [m]), Y(() => {
     B !== d && $t({
       value: B,
       name: t,
@@ -3898,7 +3898,7 @@ const Yo = 240, Qn = ({
   }, []);
   return Qo(i, z), // No internal gap: the trigger and the animated input are never visible at
   // the same time, so spacing to neighbours is handled by the parent cluster.
-  /* @__PURE__ */ u(m, { display: "flex", direction: "row", align: "center", gap: "spacing-0", children: [
+  /* @__PURE__ */ u(f, { display: "flex", direction: "row", align: "center", gap: "spacing-0", children: [
     g && /* @__PURE__ */ e(
       N,
       {
@@ -3912,14 +3912,14 @@ const Yo = 240, Qn = ({
       }
     ),
     /* @__PURE__ */ u(
-      m,
+      f,
       {
         onTransitionEnd: () => {
-          f || x(!0);
+          m || x(!0);
         },
         style: {
           position: "relative",
-          width: f ? Yo : 0,
+          width: m ? Yo : 0,
           overflow: "hidden",
           transition: "width 220ms ease"
         },
@@ -3941,11 +3941,11 @@ const Yo = 240, Qn = ({
               onBlur: () => {
                 l && !W && p(!1);
               },
-              tabIndex: f ? 0 : -1
+              tabIndex: m ? 0 : -1
             }
           ),
-          f && !W && /* @__PURE__ */ e(
-            m,
+          m && !W && /* @__PURE__ */ e(
+            f,
             {
               align: "center",
               justify: "center",
@@ -3981,7 +3981,7 @@ const Yo = 240, Qn = ({
 }) => {
   const [l, s] = O(null), [c, a] = O(null), d = () => {
     l !== null && c !== null && l !== c && o(l, c), s(null), a(null);
-  }, f = (p, g) => {
+  }, m = (p, g) => {
     const x = p + g;
     x < 0 || x >= t.length || o(p, x);
   };
@@ -3997,7 +3997,7 @@ const Yo = 240, Qn = ({
       }
     ) }),
     /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ u(
-      m,
+      f,
       {
         padding: "sm",
         direction: "column",
@@ -4007,7 +4007,7 @@ const Yo = 240, Qn = ({
         children: [
           /* @__PURE__ */ e(k, { fontWeight: "semibold", color: "primary", children: "Customize Column Table" }),
           /* @__PURE__ */ u(
-            m,
+            f,
             {
               direction: "row",
               display: "flex",
@@ -4029,10 +4029,10 @@ const Yo = 240, Qn = ({
               ]
             }
           ),
-          /* @__PURE__ */ e(m, { direction: "column", overflow: "overflow-y-auto", children: t.map((p, g) => {
+          /* @__PURE__ */ e(f, { direction: "column", overflow: "overflow-y-auto", children: t.map((p, g) => {
             const x = !p.locked;
             return /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "row",
                 display: "flex",
@@ -4052,7 +4052,7 @@ const Yo = 240, Qn = ({
                 },
                 children: [
                   /* @__PURE__ */ e(
-                    m,
+                    f,
                     {
                       direction: "column",
                       as: "div",
@@ -4064,7 +4064,7 @@ const Yo = 240, Qn = ({
                       "aria-disabled": !x || void 0,
                       color: "icon-subtlest",
                       onKeyDown: (b) => {
-                        x && (b.key === "ArrowUp" ? (b.preventDefault(), f(g, -1)) : b.key === "ArrowDown" && (b.preventDefault(), f(g, 1)));
+                        x && (b.key === "ArrowUp" ? (b.preventDefault(), m(g, -1)) : b.key === "ArrowDown" && (b.preventDefault(), m(g, 1)));
                       },
                       style: {
                         display: "inline-flex",
@@ -4074,7 +4074,7 @@ const Yo = 240, Qn = ({
                       children: /* @__PURE__ */ e(M, { name: "DragVertical", width: 16, height: 16 })
                     }
                   ),
-                  p.icon && /* @__PURE__ */ e(m, { direction: "column", align: "center", color: "icon-subtle", style: { display: "inline-flex" }, children: p.icon }),
+                  p.icon && /* @__PURE__ */ e(f, { direction: "column", align: "center", color: "icon-subtle", style: { display: "inline-flex" }, children: p.icon }),
                   /* @__PURE__ */ e(
                     k,
                     {
@@ -4085,7 +4085,7 @@ const Yo = 240, Qn = ({
                       children: p.title
                     }
                   ),
-                  /* @__PURE__ */ e(m, { direction: "column", style: { marginLeft: "auto" }, children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(f, { direction: "column", style: { marginLeft: "auto" }, children: /* @__PURE__ */ e(
                     Zt,
                     {
                       size: "sm",
@@ -4132,14 +4132,14 @@ const Yo = 240, Qn = ({
           width: "260px"
         },
         children: [
-          /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ u(m, { direction: "column", padding: "xs", gap: "sm", children: [
+          /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ u(f, { direction: "column", padding: "xs", gap: "sm", children: [
             /* @__PURE__ */ e(k, { fontWeight: "semibold", color: "primary", children: "Saved Views" }),
             /* @__PURE__ */ e(
-              m,
+              f,
               {
                 direction: "column",
                 overflow: "overflow-y-auto",
-                children: t.length === 0 ? /* @__PURE__ */ e(m, { direction: "column", paddingBlock: "sm", children: /* @__PURE__ */ e(k, { fontSize: "sm", color: "subtlest", children: "No saved views yet" }) }) : t.map((c) => /* @__PURE__ */ e(
+                children: t.length === 0 ? /* @__PURE__ */ e(f, { direction: "column", paddingBlock: "sm", children: /* @__PURE__ */ e(k, { fontSize: "sm", color: "subtlest", children: "No saved views yet" }) }) : t.map((c) => /* @__PURE__ */ e(
                   je,
                   {
                     startIcon: /* @__PURE__ */ e(M, { name: "Bookmark" }),
@@ -4167,8 +4167,8 @@ const Yo = 240, Qn = ({
           /* @__PURE__ */ e(
             Wr,
             {
-              children: /* @__PURE__ */ u(m, { direction: "row", gap: "xs", children: [
-                /* @__PURE__ */ e(m, { direction: "column", style: { flex: "1 0 0", minWidth: 0 }, children: /* @__PURE__ */ e(
+              children: /* @__PURE__ */ u(f, { direction: "row", gap: "xs", children: [
+                /* @__PURE__ */ e(f, { direction: "column", style: { flex: "1 0 0", minWidth: 0 }, children: /* @__PURE__ */ e(
                   gt,
                   {
                     size: "sm",
@@ -4210,19 +4210,19 @@ const Yo = 240, Qn = ({
   onReset: c,
   getValue: a,
   setValue: d,
-  clearValue: f,
+  clearValue: m,
   removeFilter: p
 }) => {
   const g = o.length;
   return /* @__PURE__ */ e(In, { position: "bottom", isShow: t, onHide: r, children: /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       customMaxHeight: "85vh",
       style: { minHeight: 280 },
       children: [
         /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "row",
             display: "flex",
@@ -4234,7 +4234,7 @@ const Yo = 240, Qn = ({
               borderBottom: "1px solid var(--sa-border-subtle, rgba(11, 18, 14, 0.14))"
             },
             children: [
-              /* @__PURE__ */ u(m, { direction: "row", display: "flex", align: "center", gap: "xs", children: [
+              /* @__PURE__ */ u(f, { direction: "row", display: "flex", align: "center", gap: "xs", children: [
                 /* @__PURE__ */ e(k, { fontWeight: "semibold", color: "primary", children: "Filter" }),
                 g > 0 && /* @__PURE__ */ u(k, { fontSize: "sm", color: "subtle", children: [
                   "(",
@@ -4257,7 +4257,7 @@ const Yo = 240, Qn = ({
           }
         ),
         /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "column",
             gap: "lg",
@@ -4265,10 +4265,10 @@ const Yo = 240, Qn = ({
             overflow: "overflow-y-auto",
             style: { flex: "1 1 auto", minHeight: 0 },
             children: [
-              g > 0 && /* @__PURE__ */ u(m, { direction: "column", gap: "sm", children: [
+              g > 0 && /* @__PURE__ */ u(f, { direction: "column", gap: "sm", children: [
                 /* @__PURE__ */ e(k, { fontSize: "xs", fontWeight: "medium", color: "subtlest", children: "Filter aktif" }),
                 /* @__PURE__ */ e(
-                  m,
+                  f,
                   {
                     direction: "row",
                     display: "flex",
@@ -4282,19 +4282,19 @@ const Yo = 240, Qn = ({
                         configByKey: i,
                         getValue: a,
                         setValue: d,
-                        clearValue: f,
+                        clearValue: m,
                         removeFilter: p
                       }
                     )
                   }
                 )
               ] }),
-              n.length > 0 && /* @__PURE__ */ u(m, { direction: "column", gap: "sm", children: [
+              n.length > 0 && /* @__PURE__ */ u(f, { direction: "column", gap: "sm", children: [
                 /* @__PURE__ */ e(k, { fontSize: "xs", fontWeight: "medium", color: "subtlest", children: "Tambah filter" }),
-                /* @__PURE__ */ e(m, { direction: "column", children: n.map((x) => {
+                /* @__PURE__ */ e(f, { direction: "column", children: n.map((x) => {
                   const W = o.includes(x.key), b = !!x.locked;
                   return /* @__PURE__ */ u(
-                    m,
+                    f,
                     {
                       direction: "row",
                       display: "flex",
@@ -4308,7 +4308,7 @@ const Yo = 240, Qn = ({
                       },
                       children: [
                         /* @__PURE__ */ u(
-                          m,
+                          f,
                           {
                             direction: "row",
                             display: "flex",
@@ -4317,7 +4317,7 @@ const Yo = 240, Qn = ({
                             style: { minWidth: 0 },
                             children: [
                               x.icon && /* @__PURE__ */ e(
-                                m,
+                                f,
                                 {
                                   direction: "column",
                                   align: "center",
@@ -4350,7 +4350,7 @@ const Yo = 240, Qn = ({
           }
         ),
         /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "row",
             display: "flex",
@@ -4361,7 +4361,7 @@ const Yo = 240, Qn = ({
               borderTop: "1px solid var(--sa-border-subtle, rgba(11, 18, 14, 0.14))"
             },
             children: [
-              /* @__PURE__ */ e(m, { direction: "column", style: { flex: "1 1 0" }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(f, { direction: "column", style: { flex: "1 1 0" }, children: /* @__PURE__ */ e(
                 N,
                 {
                   variant: "outline",
@@ -4373,7 +4373,7 @@ const Yo = 240, Qn = ({
                   children: "Reset"
                 }
               ) }),
-              /* @__PURE__ */ e(m, { direction: "column", style: { flex: "1 1 0" }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(f, { direction: "column", style: { flex: "1 1 0" }, children: /* @__PURE__ */ e(
                 N,
                 {
                   variant: "primary",
@@ -4397,7 +4397,7 @@ const Yo = 240, Qn = ({
   defaultPerPage: o = 10,
   showPageSize: i
 }) => {
-  const { searchQueries: l, setSearchParams: s, searchParams: c } = Ve(), a = c.get(t), d = a ? Number(a) : o, f = (p) => {
+  const { searchQueries: l, setSearchParams: s, searchParams: c } = Ve(), a = c.get(t), d = a ? Number(a) : o, m = (p) => {
     s({
       ...l,
       [t]: p,
@@ -4416,13 +4416,13 @@ const Yo = 240, Qn = ({
       }
     ) }),
     /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ u(Ie, { style: { minWidth: 200 }, children: [
-      /* @__PURE__ */ e(m, { paddingInline: "sm", paddingBlock: "xs", children: /* @__PURE__ */ e(k, { fontSize: "xs", fontWeight: "medium", color: "subtlest", children: "Rows per page" }) }),
+      /* @__PURE__ */ e(f, { paddingInline: "sm", paddingBlock: "xs", children: /* @__PURE__ */ e(k, { fontSize: "xs", fontWeight: "medium", color: "subtlest", children: "Rows per page" }) }),
       n.map((p) => /* @__PURE__ */ e(
         je,
         {
           selected: p === d,
           endIcon: p === d ? /* @__PURE__ */ e(M, { name: "Check" }) : void 0,
-          onClick: () => f(String(p)),
+          onClick: () => m(String(p)),
           children: Ko(p)
         },
         p
@@ -4441,7 +4441,7 @@ const Yo = 240, Qn = ({
     removeFilter: c,
     getValue: a,
     setValue: d,
-    clearValue: f,
+    clearValue: m,
     onReset: p,
     searchable: g,
     searchKey: x,
@@ -4475,7 +4475,7 @@ const Yo = 240, Qn = ({
     p(), Te(!1);
   };
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       gap: "sm",
@@ -4488,7 +4488,7 @@ const Yo = 240, Qn = ({
       "aria-label": "Filter bar",
       children: [
         /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "row",
             display: "flex",
@@ -4522,7 +4522,7 @@ const Yo = 240, Qn = ({
                 }
               ),
               /* @__PURE__ */ u(
-                m,
+                f,
                 {
                   direction: "row",
                   display: "flex",
@@ -4567,7 +4567,7 @@ const Yo = 240, Qn = ({
           }
         ),
         Ce && /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "row",
             display: "flex",
@@ -4576,7 +4576,7 @@ const Yo = 240, Qn = ({
             gap: "sm",
             fullWidth: !0,
             children: [
-              L ? /* @__PURE__ */ e(k, { fontSize: "sm", fontWeight: "medium", color: "primary", truncate: !0, children: `${Ne}-${xe} of ${((Pe = D == null ? void 0 : D.totalData) == null ? void 0 : Pe.toLocaleString()) || 0}` }) : /* @__PURE__ */ e(m, { direction: "column" }),
+              L ? /* @__PURE__ */ e(k, { fontSize: "sm", fontWeight: "medium", color: "primary", truncate: !0, children: `${Ne}-${xe} of ${((Pe = D == null ? void 0 : D.totalData) == null ? void 0 : Pe.toLocaleString()) || 0}` }) : /* @__PURE__ */ e(f, { direction: "column" }),
               C && !!(D != null && D.totalPage) && /* @__PURE__ */ e(
                 Br,
                 {
@@ -4604,7 +4604,7 @@ const Yo = 240, Qn = ({
             onReset: Ze,
             getValue: a,
             setValue: d,
-            clearValue: f,
+            clearValue: m,
             removeFilter: c
           }
         )
@@ -4622,7 +4622,7 @@ const Yo = 240, Qn = ({
   defaultPerPage: c,
   showPagination: a = !0,
   showResultCount: d = !0,
-  showPageSize: f = !0,
+  showPageSize: m = !0,
   searchable: p = !1,
   searchKey: g = "q",
   searchPlaceholder: x = "Search",
@@ -4702,7 +4702,7 @@ const Yo = 240, Qn = ({
     }
   ) : null;
   return Ye ? /* @__PURE__ */ u(
-    m,
+    f,
     {
       display: "flex",
       direction: "row",
@@ -4718,7 +4718,7 @@ const Yo = 240, Qn = ({
       "aria-label": "Filter bar",
       children: [
         /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "row",
             display: "flex",
@@ -4738,7 +4738,7 @@ const Yo = 240, Qn = ({
               ),
               b === "left" && Ce,
               /* @__PURE__ */ u(
-                m,
+                f,
                 {
                   direction: "row",
                   display: "flex",
@@ -4774,7 +4774,7 @@ const Yo = 240, Qn = ({
             ]
           }
         ),
-        /* @__PURE__ */ u(m, { direction: "row", display: "flex", align: "center", gap: "sm", children: [
+        /* @__PURE__ */ u(f, { direction: "row", display: "flex", align: "center", gap: "sm", children: [
           V,
           /* @__PURE__ */ e(
             Jo,
@@ -4786,7 +4786,7 @@ const Yo = 240, Qn = ({
               defaultPerPage: _e,
               showPagination: a,
               showResultCount: d,
-              showPageSize: f
+              showPageSize: m
             }
           ),
           b === "right" && Ce,
@@ -4839,7 +4839,7 @@ const Yo = 240, Qn = ({
       defaultPerPage: _e,
       showPagination: a,
       showResultCount: d,
-      showPageSize: f,
+      showPageSize: m,
       hasColumns: z.length > 0,
       orderedColumns: se.orderedColumns,
       allVisible: se.allVisible,
@@ -4892,7 +4892,7 @@ const Yo = 240, Qn = ({
     defaultPage: c = 1,
     defaultPerPage: a = 10,
     paramKeys: d,
-    serialize: f
+    serialize: m
   } = t, { activeKeys: p, configByKey: g, hasActiveFilter: x, getValue: W } = Hr({
     configs: r,
     filterKey: n,
@@ -4911,7 +4911,7 @@ const Yo = 240, Qn = ({
       if (!H) continue;
       const V = W(H);
       D[L] = V;
-      const j = f == null ? void 0 : f[L], q = j ? j(V) : il(H, V);
+      const j = m == null ? void 0 : m[L], q = j ? j(V) : il(H, V);
       if (q == null || Array.isArray(q) && q.length === 0)
         continue;
       const ee = (d == null ? void 0 : d[L]) ?? L;
@@ -4933,7 +4933,7 @@ const Yo = 240, Qn = ({
     c,
     a,
     d,
-    f,
+    m,
     g
   ]);
 }, ol = [
@@ -4948,7 +4948,7 @@ const Yo = 240, Qn = ({
   pageKey: o,
   searchKey: i
 }) => {
-  const { configByKey: l, getValue: s, setValue: c, removeFilter: a, clearAll: d, hasActiveFilter: f } = Hr({
+  const { configByKey: l, getValue: s, setValue: c, removeFilter: a, clearAll: d, hasActiveFilter: m } = Hr({
     configs: t,
     filterKey: r,
     activeFilterKey: n,
@@ -4991,7 +4991,7 @@ const Yo = 240, Qn = ({
     (F, z) => g(F).includes(z),
     [g]
   ), B = K((F) => a(F), [a]);
-  return { set: x, toggle: W, clear: B, clearAll: d, isActive: b, values: g, hasActiveFilter: f };
+  return { set: x, toggle: W, clear: B, clearAll: d, isActive: b, values: g, hasActiveFilter: m };
 }, ns = (t, r) => {
   if (!t) return {};
   const { fromKey: n, toKey: o, opKey: i } = r, l = {};
@@ -5027,7 +5027,7 @@ const Yo = 240, Qn = ({
     };
     return s(), window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
   }, [n]), /* @__PURE__ */ e(
-    m,
+    f,
     {
       ref: o,
       fullWidth: !0,
@@ -5053,7 +5053,7 @@ const Yo = 240, Qn = ({
 }) => {
   const s = Fe("md"), c = l ? /* @__PURE__ */ e(So, { ...i }) : null;
   return /* @__PURE__ */ e(
-    m,
+    f,
     {
       style: {
         display: "flex",
@@ -5072,14 +5072,14 @@ const Yo = 240, Qn = ({
         gap: "16px"
       },
       children: o ? o({ filter: c }) : /* @__PURE__ */ u(ie, { children: [
-        /* @__PURE__ */ u(m, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ u(f, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flex: 1, minWidth: 0 }, children: [
           c,
           n
         ] }),
-        /* @__PURE__ */ u(m, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flexShrink: 0 }, children: [
+        /* @__PURE__ */ u(f, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flexShrink: 0 }, children: [
           r,
           t ? Sr(t) ? t : /* @__PURE__ */ e(
-            m,
+            f,
             {
               style: {
                 display: "flex",
@@ -5089,11 +5089,11 @@ const Yo = 240, Qn = ({
                 textWrap: "nowrap"
               },
               children: t.map(
-                ({ title: d, icon: f, buttonProps: p, onClick: g }, x) => !d && !f ? null : /* @__PURE__ */ e(
+                ({ title: d, icon: m, buttonProps: p, onClick: g }, x) => !d && !m ? null : /* @__PURE__ */ e(
                   N,
                   {
                     fullWidth: !s,
-                    iconLeft: f ? /* @__PURE__ */ e(M, { name: f }) : void 0,
+                    iconLeft: m ? /* @__PURE__ */ e(M, { name: m }) : void 0,
                     onClick: g,
                     ...p,
                     children: d
@@ -5112,7 +5112,7 @@ const Yo = 240, Qn = ({
   withMarginBottom: r = !0,
   withMarginTop: n = !0
 }) => /* @__PURE__ */ u(
-  m,
+  f,
   {
     style: {
       display: "flex",
@@ -5146,7 +5146,7 @@ const Yo = 240, Qn = ({
   showPagination: i = !0,
   totalData: l
 }) => {
-  const { searchQueries: s, setSearchParams: c, searchParams: a } = Ve(), d = a.get(n), f = (W) => {
+  const { searchQueries: s, setSearchParams: c, searchParams: a } = Ve(), d = a.get(n), m = (W) => {
     c({ ...s, [r]: String(W) });
   }, p = (W) => {
     c({
@@ -5156,7 +5156,7 @@ const Yo = 240, Qn = ({
     });
   }, g = (t == null ? void 0 : t.rangeStart) ?? (((t == null ? void 0 : t.currentPage) || 0) > 1 ? (((t == null ? void 0 : t.currentPage) || 0) - 1) * ((t == null ? void 0 : t.perPage) || 0) + 1 : 1), x = (t == null ? void 0 : t.rangeEnd) ?? ((t == null ? void 0 : t.totalCurrentPage) !== (t == null ? void 0 : t.perPage) ? t == null ? void 0 : t.totalData : ((t == null ? void 0 : t.currentPage) || 1) * ((t == null ? void 0 : t.totalCurrentPage) || 0));
   return /* @__PURE__ */ e(
-    m,
+    f,
     {
       style: {
         display: "flex",
@@ -5172,7 +5172,7 @@ const Yo = 240, Qn = ({
         flexShrink: 0
       },
       children: i ? /* @__PURE__ */ u(ie, { children: [
-        /* @__PURE__ */ u(m, { style: { display: "flex", flexDirection: "row", gap: "8px", alignItems: "center", textWrap: "nowrap" }, children: [
+        /* @__PURE__ */ u(f, { style: { display: "flex", flexDirection: "row", gap: "8px", alignItems: "center", textWrap: "nowrap" }, children: [
           /* @__PURE__ */ e(k, { children: "Rows Per Page: " }),
           /* @__PURE__ */ e(
             _t,
@@ -5198,7 +5198,7 @@ const Yo = 240, Qn = ({
           {
             currentPage: t != null && t.currentPage ? Number(t == null ? void 0 : t.currentPage) : 1,
             totalPages: t != null && t.totalPage ? Number(t == null ? void 0 : t.totalPage) : 1,
-            onPageChange: f
+            onPageChange: m
           }
         )
       ] }) : /* @__PURE__ */ e(
@@ -5212,7 +5212,7 @@ const Yo = 240, Qn = ({
     }
   );
 }, dl = ({ filter: t, columnTitle: r }) => {
-  const [n, o] = O(!1), i = le(null), l = le(null), s = le(null), [c, a] = O(""), [d, f] = O({ top: 0, left: 0 }), p = t.selectedValues, g = pe(() => c ? t.options.filter(
+  const [n, o] = O(!1), i = le(null), l = le(null), s = le(null), [c, a] = O(""), [d, m] = O({ top: 0, left: 0 }), p = t.selectedValues, g = pe(() => c ? t.options.filter(
     (b) => b.label.toLowerCase().includes(c.toLowerCase())
   ) : t.options, [t.options, c]);
   Y(() => {
@@ -5220,7 +5220,7 @@ const Yo = 240, Qn = ({
       const b = l.current.getBoundingClientRect(), B = 280, F = {
         top: b.bottom + 8
       };
-      t.position === "left" || b.left + B > window.innerWidth ? F.right = window.innerWidth - b.right : F.left = b.left, f(F);
+      t.position === "left" || b.left + B > window.innerWidth ? F.right = window.innerWidth - b.right : F.left = b.left, m(F);
     }
   }, [n, t.position]), Y(() => {
     n && s.current ? setTimeout(() => {
@@ -5237,9 +5237,9 @@ const Yo = 240, Qn = ({
     const B = p.includes(b) ? p.filter((F) => F !== b) : [...p, b];
     t.onFilterChange(B);
   }, W = () => t.onFilterChange([]);
-  return /* @__PURE__ */ u(m, { direction: "column", style: { position: "relative" }, children: [
+  return /* @__PURE__ */ u(f, { direction: "column", style: { position: "relative" }, children: [
     /* @__PURE__ */ e(
-      m,
+      f,
       {
         ref: l,
         style: {
@@ -5265,7 +5265,7 @@ const Yo = 240, Qn = ({
       }
     ),
     n && /* @__PURE__ */ u(
-      m,
+      f,
       {
         ref: i,
         style: {
@@ -5284,7 +5284,7 @@ const Yo = 240, Qn = ({
         },
         children: [
           /* @__PURE__ */ u(
-            m,
+            f,
             {
               style: {
                 display: "flex",
@@ -5302,7 +5302,7 @@ const Yo = 240, Qn = ({
                   "Filter ",
                   r
                 ] }),
-                p.length > 0 && /* @__PURE__ */ e(m, { direction: "column", style: { cursor: "pointer" }, children: /* @__PURE__ */ e(
+                p.length > 0 && /* @__PURE__ */ e(f, { direction: "column", style: { cursor: "pointer" }, children: /* @__PURE__ */ e(
                   k,
                   {
                     fontSize: "xs",
@@ -5318,7 +5318,7 @@ const Yo = 240, Qn = ({
             }
           ),
           !t.hideSearch && /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               style: {
@@ -5341,7 +5341,7 @@ const Yo = 240, Qn = ({
             }
           ),
           /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               className: "ts-filter-dropdown-options",
@@ -5352,7 +5352,7 @@ const Yo = 240, Qn = ({
                 paddingRight: "8px"
               },
               children: t.isLoadingOptions ? /* @__PURE__ */ u(
-                m,
+                f,
                 {
                   style: {
                     paddingTop: "40px",
@@ -5385,8 +5385,8 @@ const Yo = 240, Qn = ({
                     )
                   ]
                 }
-              ) : g.length > 0 ? /* @__PURE__ */ e(m, { direction: "column", style: { gap: "2px", paddingTop: "4px", paddingBottom: "4px" }, children: g.map((b) => /* @__PURE__ */ u(
-                m,
+              ) : g.length > 0 ? /* @__PURE__ */ e(f, { direction: "column", style: { gap: "2px", paddingTop: "4px", paddingBottom: "4px" }, children: g.map((b) => /* @__PURE__ */ u(
+                f,
                 {
                   style: {
                     display: "flex",
@@ -5433,7 +5433,7 @@ const Yo = 240, Qn = ({
                 },
                 b.value
               )) }) : /* @__PURE__ */ u(
-                m,
+                f,
                 {
                   style: {
                     paddingTop: "40px",
@@ -5467,7 +5467,7 @@ const Yo = 240, Qn = ({
             }
           ),
           p.length > 0 && /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               style: {
@@ -5479,9 +5479,9 @@ const Yo = 240, Qn = ({
                 backgroundColor: "var(--sa-color-brand-50, #e6edf6)",
                 marginTop: "auto"
               },
-              children: /* @__PURE__ */ u(m, { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "4px" }, children: [
+              children: /* @__PURE__ */ u(f, { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "4px" }, children: [
                 /* @__PURE__ */ e(
-                  m,
+                  f,
                   {
                     direction: "column",
                     style: {
@@ -5574,7 +5574,7 @@ const Yo = 240, Qn = ({
   visibleHandleUpdate: c,
   visibleHandleDetail: a,
   showHeadBorder: d = !1,
-  scrollParentRef: f,
+  scrollParentRef: m,
   frozenCount: p = 0,
   onFrozenCountChange: g,
   customActions: x,
@@ -5605,10 +5605,10 @@ const Yo = 240, Qn = ({
     if (typeof Z == "string") return A[Z];
   }, [ke, _e] = O(!1);
   Y(() => {
-    if (!(f != null && f.current)) return;
-    const A = f.current;
+    if (!(m != null && m.current)) return;
+    const A = m.current;
     _e(A.scrollHeight > A.clientHeight);
-  }, [r, f]);
+  }, [r, m]);
   const Ne = le(null), [xe, Ye] = O([]), [Ce, Ze] = O(
     () => F ?? {}
   ), Pe = le(null);
@@ -5806,7 +5806,7 @@ const Yo = 240, Qn = ({
         ] })
       }
     ),
-    /* @__PURE__ */ e(kr, { children: l ? /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(Ee, { colSpan: t.length + 1, children: /* @__PURE__ */ u(m, { direction: "column", style: { gap: "16px" }, children: [
+    /* @__PURE__ */ e(kr, { children: l ? /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(Ee, { colSpan: t.length + 1, children: /* @__PURE__ */ u(f, { direction: "column", style: { gap: "16px" }, children: [
       /* @__PURE__ */ e(Ke, { variant: "list" }),
       /* @__PURE__ */ e(Ke, { variant: "list" }),
       /* @__PURE__ */ e(Ke, { variant: "list" }),
@@ -5924,11 +5924,11 @@ const Yo = 240, Qn = ({
     (r == null ? void 0 : r.defaultFrozenCount) ?? 0
   ), c = (n == null ? void 0 : n.show) ?? !0, a = le(null), d = (p = r == null ? void 0 : r.pagination) == null ? void 0 : p.totalData;
   typeof d == "number" && (a.current = d);
-  const f = (o == null ? void 0 : o.showFooter) ?? (d === void 0 ? a.current !== 0 : d !== 0);
+  const m = (o == null ? void 0 : o.showFooter) ?? (d === void 0 ? a.current !== 0 : d !== 0);
   return /* @__PURE__ */ u(ll, { ...t, children: [
     c && /* @__PURE__ */ e(cl, { ...n }),
     /* @__PURE__ */ e(
-      m,
+      f,
       {
         direction: "column",
         ref: i,
@@ -5948,7 +5948,7 @@ const Yo = 240, Qn = ({
         ) : null
       }
     ),
-    f && /* @__PURE__ */ e(
+    m && /* @__PURE__ */ e(
       al,
       {
         pagination: r == null ? void 0 : r.pagination,
@@ -6012,7 +6012,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
   onToggleFreeze: c,
   onHide: a
 }) => {
-  const [d, f] = O(!1), p = le(null), g = le(null), [x, W] = O(
+  const [d, m] = O(!1), p = le(null), g = le(null), [x, W] = O(
     { top: 0, left: 0 }
   );
   Y(() => {
@@ -6026,12 +6026,12 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
   }, [d]), Y(() => {
     if (!d) return;
     const B = (F) => {
-      g.current && !g.current.contains(F.target) && p.current && !p.current.contains(F.target) && f(!1);
+      g.current && !g.current.contains(F.target) && p.current && !p.current.contains(F.target) && m(!1);
     };
     return document.addEventListener("mousedown", B), () => document.removeEventListener("mousedown", B);
   }, [d]);
   const b = (B) => {
-    B(), f(!1);
+    B(), m(!1);
   };
   return /* @__PURE__ */ u(ie, { children: [
     /* @__PURE__ */ e(
@@ -6042,7 +6042,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
         className: "sa-tl-menu-trigger",
         "data-active": t || d ? "true" : "false",
         onClick: (B) => {
-          B.stopPropagation(), f((F) => !F);
+          B.stopPropagation(), m((F) => !F);
         },
         title: "Column options",
         style: {
@@ -6062,7 +6062,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
       }
     ),
     d && /* @__PURE__ */ u(
-      m,
+      f,
       {
         ref: g,
         onClick: (B) => B.stopPropagation(),
@@ -6203,7 +6203,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
   widthStorageKey: c,
   columnState: a,
   onColumnStateChange: d,
-  columnMenu: f = !1,
+  columnMenu: m = !1,
   sort: p,
   defaultSort: g,
   onSortChange: x,
@@ -6429,7 +6429,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
     const E = Lt(y);
     return E.length ? /* @__PURE__ */ e("div", { style: { display: "flex", gap: 4, paddingRight: 8, flexShrink: 0 }, children: E.map((J) => /* @__PURE__ */ e(st.Fragment, { children: Mt(J, y, v, { showLabel: !1 }) }, J.key)) }) : null;
   }, or = (y, v) => {
-    const { col: E, key: J } = y, ne = Q.get(J) ?? 0, ae = _r(ne), oe = ae && ne === Yt, ye = (Ce == null ? void 0 : Ce.key) === J ? Ce.direction : null, be = f && !E.disableMenu ? /* @__PURE__ */ e(
+    const { col: E, key: J } = y, ne = Q.get(J) ?? 0, ae = _r(ne), oe = ae && ne === Yt, ye = (Ce == null ? void 0 : Ce.key) === J ? Ce.direction : null, be = m && !E.disableMenu ? /* @__PURE__ */ e(
       yl,
       {
         active: !!ye || ae,
@@ -6638,11 +6638,11 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
     const E = cr ? nr(cr.col, y, v) : null;
     return typeof E == "string" || typeof E == "number" ? /* @__PURE__ */ e(k, { as: "span", style: Rt, children: E }) : /* @__PURE__ */ e("span", { style: Rt, children: E });
   }, pi = /* @__PURE__ */ e(
-    m,
+    f,
     {
       style: { display: "flex", flexDirection: "column", gap: 8, padding: 8 },
       children: Array.from({ length: C }, (y, v) => /* @__PURE__ */ u(
-        m,
+        f,
         {
           style: {
             border: vt,
@@ -6662,7 +6662,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
       ))
     }
   ), en = /* @__PURE__ */ e(
-    m,
+    f,
     {
       fullWidth: !0,
       style: {
@@ -6674,7 +6674,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
       },
       children: I == null ? void 0 : I.content
     }
-  ), yi = R ? pi : T.length === 0 ? en : b === "expand" ? /* @__PURE__ */ e(m, { style: { display: "flex", flexDirection: "column" }, children: T.map((y, v) => {
+  ), yi = R ? pi : T.length === 0 ? en : b === "expand" ? /* @__PURE__ */ e(f, { style: { display: "flex", flexDirection: "column" }, children: T.map((y, v) => {
     const E = rt(y, v), J = he.has(E), ae = H && nt.has(E) ? vr : It(o == null ? void 0 : o(y, v));
     return /* @__PURE__ */ u(
       "div",
@@ -6756,13 +6756,13 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
       E
     );
   }) }) : /* @__PURE__ */ e(
-    m,
+    f,
     {
       style: { display: "flex", flexDirection: "column", gap: 8, padding: 8 },
       children: T.map((y, v) => {
         const E = rt(y, v), J = H && nt.has(E);
         return /* @__PURE__ */ u(
-          m,
+          f,
           {
             style: {
               border: vt,
@@ -6954,7 +6954,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
   ), ar = P ? T.findIndex((y, v) => rt(y, v) === P.rowKey) : -1, dr = ar >= 0 ? T[ar] : null;
   return /* @__PURE__ */ u(ie, { children: [
     /* @__PURE__ */ e(
-      m,
+      f,
       {
         ref: Xt,
         fullWidth: !0,
@@ -6964,7 +6964,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
         },
         children: me ? /* @__PURE__ */ u(ie, { children: [
           yi,
-          Wt && !R && T.length > 0 && /* @__PURE__ */ e(m, { style: { borderTop: vt }, children: /* @__PURE__ */ e(Vt, { fullWidth: !0, size: i, className: "sa-table-layout", children: /* @__PURE__ */ e(kr, { children: Wt }) }) })
+          Wt && !R && T.length > 0 && /* @__PURE__ */ e(f, { style: { borderTop: vt }, children: /* @__PURE__ */ e(Vt, { fullWidth: !0, size: i, className: "sa-table-layout", children: /* @__PURE__ */ e(kr, { children: Wt }) }) })
         ] }) : vi
       }
     ),
@@ -6987,7 +6987,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
     paramKeys: l,
     scopeId: s,
     storage: c = Gn
-  } = t, { searchParams: a, setSearchParams: d, searchQueries: f } = Ve(), p = a.toString(), g = s ? Ft.tableSort(s) : void 0, x = le(!1);
+  } = t, { searchParams: a, setSearchParams: d, searchQueries: m } = Ve(), p = a.toString(), g = s ? Ft.tableSort(s) : void 0, x = le(!1);
   Y(() => {
     if (x.current || (x.current = !0, !g) || a.has(r) || a.has(n))
       return;
@@ -7012,10 +7012,10 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
     [B]: W.direction
   } : {}, [W, b, B]), z = K(
     (D) => {
-      const w = { ...f };
+      const w = { ...m };
       D ? (w[r] = D.key, w[n] = D.direction) : (delete w[r], delete w[n]), delete w[o], d(w);
     },
-    [f, r, n, o, d]
+    [m, r, n, o, d]
   );
   return { sort: W, setSort: z, params: F };
 }, Vr = ({
@@ -7047,7 +7047,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
   var c, a, d;
   const l = i.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -7058,7 +7058,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
@@ -7070,7 +7070,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
@@ -7105,7 +7105,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
             )
           }
         ),
-        /* @__PURE__ */ u(m, { direction: "column", gap: "xs", fullWidth: i.inputProps.fullWidth || !1, children: [
+        /* @__PURE__ */ u(f, { direction: "column", gap: "xs", fullWidth: i.inputProps.fullWidth || !1, children: [
           /* @__PURE__ */ e(
             gt,
             {
@@ -7132,7 +7132,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
   var c, a, d;
   const l = i.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -7143,7 +7143,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
@@ -7155,7 +7155,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
@@ -7190,9 +7190,9 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
             )
           }
         ),
-        /* @__PURE__ */ u(m, { direction: "column", gap: "xs", fullWidth: i.inputProps.fullWidth || !1, children: [
+        /* @__PURE__ */ u(f, { direction: "column", gap: "xs", fullWidth: i.inputProps.fullWidth || !1, children: [
           /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               style: {
@@ -7226,7 +7226,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
     a.preventDefault(), n(!1);
   };
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       width: "width-full",
       paddingInline: "md",
@@ -7456,7 +7456,7 @@ function Al(t) {
 const Rl = (t) => {
   var r, n;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       width: "width-full",
       paddingInline: "md",
@@ -7559,7 +7559,7 @@ const Rl = (t) => {
     n.helperText && /* @__PURE__ */ e(k, { style: { fontSize: "12px", fontWeight: 400, color: "var(--sa-text-subtlest, #6b6e76)", lineHeight: "18px" }, children: n.helperText }),
     n.errorText && t === "error" && /* @__PURE__ */ e(k, { style: { fontSize: "12px", fontWeight: 400, color: "var(--sa-text-error, #a4133c)", lineHeight: "18px" }, children: n.errorText }),
     n.errorMessage && !n.errorText && /* @__PURE__ */ e(k, { style: { fontSize: "12px", fontWeight: 400, color: "var(--sa-text-error, #a4133c)", lineHeight: "18px" }, children: n.errorMessage })
-  ] }), f = /* @__PURE__ */ e(
+  ] }), m = /* @__PURE__ */ e(
     "input",
     {
       type: "file",
@@ -7572,7 +7572,7 @@ const Rl = (t) => {
       accept: (g = n.fileSupportOption) == null ? void 0 : g.map((x) => "." + (x == null ? void 0 : x.toLowerCase())).join(", ")
     }
   ), p = /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       fullWidth: !0,
@@ -7585,7 +7585,7 @@ const Rl = (t) => {
       gap: "md",
       ...n.containerProps,
       children: [
-        f,
+        m,
         (n.fileSelected || n.defaultFile) && /* @__PURE__ */ e(
           Rl,
           {
@@ -7634,7 +7634,7 @@ const Rl = (t) => {
   var c, a, d;
   const l = i.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -7645,7 +7645,7 @@ const Rl = (t) => {
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
@@ -7657,7 +7657,7 @@ const Rl = (t) => {
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
@@ -7713,10 +7713,10 @@ const Rl = (t) => {
   required: i = !1,
   ...l
 }) => {
-  var a, d, f, p;
+  var a, d, m, p;
   const s = l.hideMessageError || !1, c = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" || r === "horizontal-inline" ? "spacing-96" : "sm",
       direction: r === "horizontal" || r === "horizontal-inline" ? "row" : "column",
@@ -7727,7 +7727,7 @@ const Rl = (t) => {
           {
             condition: !!i,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: c,
@@ -7739,7 +7739,7 @@ const Rl = (t) => {
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: c,
@@ -7752,7 +7752,7 @@ const Rl = (t) => {
                       ze,
                       {
                         label: (d = l.tooltip) == null ? void 0 : d.label,
-                        arrowPosition: (f = l.tooltip) == null ? void 0 : f.arrowPosition,
+                        arrowPosition: (m = l.tooltip) == null ? void 0 : m.arrowPosition,
                         ...l.tooltip,
                         children: /* @__PURE__ */ e(
                           M,
@@ -7775,7 +7775,7 @@ const Rl = (t) => {
           }
         ),
         /* @__PURE__ */ e(
-          m,
+          f,
           {
             gap: r === "horizontal-inline" ? "xl" : "md",
             direction: r === "horizontal-inline" ? "row" : "column",
@@ -7788,7 +7788,7 @@ const Rl = (t) => {
                   isChecked: l.checkBoxesAreChecked.includes(g.id)
                 })),
                 render: (g) => g.renderBadge ? /* @__PURE__ */ u(
-                  m,
+                  f,
                   {
                     direction: "row",
                     justify: "space-between",
@@ -7837,13 +7837,13 @@ const Rl = (t) => {
   var l;
   const i = t === "horizontal-inline" || t === "horizontal-block" ? r === "sm" ? 342 : r === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: t === "horizontal-inline" || t === "horizontal-block" ? "spacing-96" : "sm",
       direction: t === "horizontal-inline" || t === "horizontal-block" ? "row" : "column",
       children: [
         /* @__PURE__ */ e(ce, { condition: !!o.description || !!o.title, children: /* @__PURE__ */ u(
-          m,
+          f,
           {
             direction: "column",
             customMaxWidth: i,
@@ -7855,7 +7855,7 @@ const Rl = (t) => {
           }
         ) }),
         /* @__PURE__ */ e(
-          m,
+          f,
           {
             gap: "sm",
             direction: t === "horizontal" || t === "horizontal-inline" ? "row" : "column",
@@ -7868,13 +7868,13 @@ const Rl = (t) => {
                   ...s,
                   isChecked: o.radioIsChecked === s.id
                 })),
-                render: ({ value: s, id: c, isChecked: a, subInput: d, label: f, description: p }) => /* @__PURE__ */ u(m, { direction: "column", gap: "xs", customMaxWidth: i, children: [
+                render: ({ value: s, id: c, isChecked: a, subInput: d, label: m, description: p }) => /* @__PURE__ */ u(f, { direction: "column", gap: "xs", customMaxWidth: i, children: [
                   /* @__PURE__ */ e(
                     Bi,
                     {
                       id: `${c.toString()}-${s}`,
-                      name: o.groupName || f,
-                      label: f,
+                      name: o.groupName || m,
+                      label: m,
                       value: s,
                       checked: a,
                       onChange: (g) => o.onChecked({
@@ -7916,7 +7916,7 @@ const Rl = (t) => {
   var c, a, d;
   const l = i.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -7927,7 +7927,7 @@ const Rl = (t) => {
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
@@ -7939,7 +7939,7 @@ const Rl = (t) => {
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
@@ -8000,7 +8000,7 @@ const Rl = (t) => {
   var c, a, d;
   const s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -8011,7 +8011,7 @@ const Rl = (t) => {
           {
             condition: o,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
@@ -8023,7 +8023,7 @@ const Rl = (t) => {
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
@@ -8077,16 +8077,16 @@ const Rl = (t) => {
   ...n
 }) => {
   const o = Wi(), i = (s) => {
-    var a, d, f, p, g, x;
+    var a, d, m, p, g, x;
     if (!s) return;
-    const c = n.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary" ? "var(--sa-text-subtle, #8c8f97)" : t === "secondary-danger" ? (d = (a = o == null ? void 0 : o.computed) == null ? void 0 : a.red) == null ? void 0 : d[600] : t === "secondary-primary" ? (p = (f = o == null ? void 0 : o.computed) == null ? void 0 : f.blue) == null ? void 0 : p[700] : (x = (g = o == null ? void 0 : o.computed) == null ? void 0 : g.gray) == null ? void 0 : x[50];
+    const c = n.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary" ? "var(--sa-text-subtle, #8c8f97)" : t === "secondary-danger" ? (d = (a = o == null ? void 0 : o.computed) == null ? void 0 : a.red) == null ? void 0 : d[600] : t === "secondary-primary" ? (p = (m = o == null ? void 0 : o.computed) == null ? void 0 : m.blue) == null ? void 0 : p[700] : (x = (g = o == null ? void 0 : o.computed) == null ? void 0 : g.gray) == null ? void 0 : x[50];
     return /* @__PURE__ */ e(M, { name: s, size: r, style: { color: c } });
   }, l = () => {
-    var c, a, d, f;
+    var c, a, d, m;
     if (t !== "secondary-danger" && t !== "secondary-primary")
       return n.title;
     const s = {
-      color: n.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary-danger" ? (a = (c = o == null ? void 0 : o.computed) == null ? void 0 : c.red) == null ? void 0 : a[600] : (f = (d = o == null ? void 0 : o.computed) == null ? void 0 : d.blue) == null ? void 0 : f[700]
+      color: n.disabled ? "var(--sa-text-disable, #181a198f)" : t === "secondary-danger" ? (a = (c = o == null ? void 0 : o.computed) == null ? void 0 : c.red) == null ? void 0 : a[600] : (m = (d = o == null ? void 0 : o.computed) == null ? void 0 : d.blue) == null ? void 0 : m[700]
     };
     switch (r) {
       case "xs":
@@ -8134,7 +8134,7 @@ const Rl = (t) => {
   var c, a, d;
   const l = i.hideMessageError || !1, s = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -8145,7 +8145,7 @@ const Rl = (t) => {
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
@@ -8157,7 +8157,7 @@ const Rl = (t) => {
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: s,
@@ -8194,7 +8194,7 @@ const Rl = (t) => {
         ),
         /* @__PURE__ */ u(de, { direction: "column", gap: "xs", children: [
           /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               style: {
@@ -8264,7 +8264,7 @@ const Ln = {
     containerProps: c,
     maxFileSize: a = 2,
     onError: d
-  }, f) => {
+  }, m) => {
     const p = Fe("md"), [g, x] = O(!1), [W, b] = O(null), [B, F] = O(!1), [z, D] = O({ x: 0, y: 0 }), [w, I] = O(1), [R, C] = O(null);
     Y(() => {
       r === null && i(null);
@@ -8299,7 +8299,7 @@ const Ln = {
     }, j = le(null), q = () => {
       j.current && j.current.click();
     };
-    Ai(f, () => ({
+    Ai(m, () => ({
       openFileDialog: () => {
         var P;
         (P = j.current) == null || P.click();
@@ -8308,7 +8308,7 @@ const Ln = {
     const ee = parseInt(l, 10), fe = Ln[s];
     let me, te;
     return fe >= 1 ? (te = ee, me = ee * fe) : (me = ee, te = ee / fe), /* @__PURE__ */ u(
-      m,
+      f,
       {
         direction: "column",
         display: "flex",
@@ -8342,7 +8342,7 @@ const Ln = {
               }
             }
           ) : /* @__PURE__ */ e(
-            m,
+            f,
             {
               display: "flex",
               direction: "column",
@@ -8363,7 +8363,7 @@ const Ln = {
             }
           ),
           /* @__PURE__ */ u(
-            m,
+            f,
             {
               direction: "column",
               position: "absolute",
@@ -8390,7 +8390,7 @@ const Ln = {
                     style: { display: "none" }
                   }
                 ),
-                /* @__PURE__ */ u(m, { display: "flex", align: "center", gap: "spacing-2", direction: "row", children: [
+                /* @__PURE__ */ u(f, { display: "flex", align: "center", gap: "spacing-2", direction: "row", children: [
                   /* @__PURE__ */ e(
                     M,
                     {
@@ -8412,7 +8412,7 @@ const Ln = {
             }
           ),
           n && /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               position: "absolute",
@@ -8425,7 +8425,7 @@ const Ln = {
                 backgroundColor: "var(--sa-color-white-alpha-a80, #e5e9f640)"
               },
               children: /* @__PURE__ */ e(
-                m,
+                f,
                 {
                   direction: "column",
                   borderRadius: "rounded-full",
@@ -8529,10 +8529,10 @@ const Ln = {
   required: i = !1,
   ...l
 }) => {
-  var a, d, f;
+  var a, d, m;
   const s = l.hideMessageError || !1, c = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -8543,7 +8543,7 @@ const Ln = {
           {
             condition: !!i,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: c,
@@ -8555,7 +8555,7 @@ const Ln = {
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: c,
@@ -8568,7 +8568,7 @@ const Ln = {
                       ze,
                       {
                         label: (d = l.tooltip) == null ? void 0 : d.label,
-                        arrowPosition: (f = l.tooltip) == null ? void 0 : f.arrowPosition,
+                        arrowPosition: (m = l.tooltip) == null ? void 0 : m.arrowPosition,
                         ...l.tooltip,
                         children: /* @__PURE__ */ e(
                           M,
@@ -8607,7 +8607,7 @@ const Ln = {
   var s, c, a;
   const l = r === "horizontal" ? t === "sm" ? 342 : t === "lg" ? 400 : 342 : void 0;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       gap: r === "horizontal" ? "spacing-96" : "sm",
       direction: r === "horizontal" ? "row" : "column",
@@ -8618,7 +8618,7 @@ const Ln = {
           {
             condition: !!i.inputProps.required,
             fallback: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: l,
@@ -8630,7 +8630,7 @@ const Ln = {
               }
             ),
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 direction: "column",
                 customMaxWidth: l,
@@ -8677,18 +8677,18 @@ const Ln = {
   toggleShow: i = !0,
   disabled: l = !1
 }) => {
-  var f;
+  var m;
   const [s, c] = O([]);
   Y(() => {
     t && c([...t.map((p) => ({ id: p.id, isActive: p.isActive }))]);
   }, [t]);
-  const a = (f = s.find((p) => p.id === r)) == null ? void 0 : f.isActive, d = K(() => {
+  const a = (m = s.find((p) => p.id === r)) == null ? void 0 : m.isActive, d = K(() => {
     c(
       (p) => p.map((g) => g.id === r ? { ...g, isActive: !g.isActive } : g)
     ), n && n(!a);
   }, [r, n, a]);
   return /* @__PURE__ */ e(
-    m,
+    f,
     {
       direction: "row",
       gap: "md",
@@ -8728,7 +8728,7 @@ const Ln = {
   return Y(() => (window.addEventListener("scroll", o), () => {
     window.removeEventListener("scroll", o);
   }), []), /* @__PURE__ */ e(
-    m,
+    f,
     {
       direction: "column",
       style: {
@@ -8737,7 +8737,7 @@ const Ln = {
         right: 0
       },
       children: /* @__PURE__ */ e(
-        m,
+        f,
         {
           direction: "column",
           position: "absolute",
@@ -8839,14 +8839,14 @@ const Es = ({
   children: c,
   divider: a = !0,
   disabled: d,
-  className: f,
+  className: m,
   style: p,
   "aria-label": g
 }) => (Y(Xl, []), /* @__PURE__ */ e(
   "button",
   {
     type: "button",
-    className: [Oe, f].filter(Boolean).join(" "),
+    className: [Oe, m].filter(Boolean).join(" "),
     "data-active": t ? "true" : "false",
     "data-accent": r,
     "data-divider": a ? "true" : "false",
@@ -8856,7 +8856,7 @@ const Es = ({
     onClick: n,
     style: p,
     children: c ?? /* @__PURE__ */ u(
-      m,
+      f,
       {
         display: "flex",
         direction: "column",
@@ -8887,7 +8887,7 @@ const Es = ({
                     children: o
                   }
                 ) : /* @__PURE__ */ e("span", {}),
-                i ? /* @__PURE__ */ e(m, { style: { flexShrink: 0 }, children: i }) : null
+                i ? /* @__PURE__ */ e(f, { style: { flexShrink: 0 }, children: i }) : null
               ]
             }
           ),
@@ -8923,7 +8923,7 @@ const Es = ({
   offsetTop: c = "4rem",
   height: a,
   showToggle: d = !0,
-  togglePosition: f = "top",
+  togglePosition: m = "top",
   toggleOffset: p = 40,
   toggleLabel: g,
   style: x,
@@ -8937,7 +8937,7 @@ const Es = ({
   const w = Fe("md"), I = n !== void 0, [R, C] = O(o), L = I ? n : R, H = () => {
     const he = !L;
     I || C(he), i == null || i(he);
-  }, V = s === "left", j = typeof c == "number" ? `${c}px` : c, q = a !== void 0 ? typeof a == "number" ? `${a}px` : a : `calc(100vh - ${j})`, ee = g ?? { collapse: "Collapse panel", expand: "Expand panel" }, fe = f === "center" ? { top: "50%", transform: "translateY(-50%)" } : f === "bottom" ? { bottom: p } : { top: p }, me = L ? V ? "ChevronRight" : "ChevronLeft" : V ? "ChevronLeft" : "ChevronRight", te = B !== void 0 && (F === "mobile" ? !w : F), P = te ? {
+  }, V = s === "left", j = typeof c == "number" ? `${c}px` : c, q = a !== void 0 ? typeof a == "number" ? `${a}px` : a : `calc(100vh - ${j})`, ee = g ?? { collapse: "Collapse panel", expand: "Expand panel" }, fe = m === "center" ? { top: "50%", transform: "translateY(-50%)" } : m === "bottom" ? { bottom: p } : { top: p }, me = L ? V ? "ChevronRight" : "ChevronLeft" : V ? "ChevronLeft" : "ChevronRight", te = B !== void 0 && (F === "mobile" ? !w : F), P = te ? {
     position: "absolute",
     top: 0,
     bottom: 0,
@@ -8960,13 +8960,13 @@ const Es = ({
     transition: `width ${Wn}`,
     ...x
   }, U = /* @__PURE__ */ u(
-    m,
+    f,
     {
       className: b,
       style: P,
       children: [
         /* @__PURE__ */ e(
-          m,
+          f,
           {
             fullWidth: !0,
             fullHeight: !0,
@@ -8977,7 +8977,7 @@ const Es = ({
             borderWidth: L ? void 0 : V ? "border-r" : "border-l",
             style: { backgroundColor: Bn, borderColor: Kn },
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 fullHeight: !0,
                 display: "flex",
@@ -8986,9 +8986,9 @@ const Es = ({
                 customMinWidth: l,
                 style: V ? void 0 : { marginLeft: "auto" },
                 children: [
-                  r ? /* @__PURE__ */ e(m, { padding: "md", style: { flexShrink: 0 }, children: r }) : null,
+                  r ? /* @__PURE__ */ e(f, { padding: "md", style: { flexShrink: 0 }, children: r }) : null,
                   /* @__PURE__ */ e(
-                    m,
+                    f,
                     {
                       display: "block",
                       overflow: "overflow-y-auto",
@@ -9038,7 +9038,7 @@ const Es = ({
     }
   );
   return B === void 0 ? U : /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "row",
       position: "relative",
@@ -9051,7 +9051,7 @@ const Es = ({
       children: [
         !te && V ? U : null,
         /* @__PURE__ */ e(
-          m,
+          f,
           {
             display: "block",
             ...D,
@@ -9088,7 +9088,7 @@ const Es = ({
 }, Ms = ({ pageLayout: t, children: r, wrapperProps: n, containerProps: o }) => {
   const i = Fe("md"), l = (o == null ? void 0 : o.customWidth) ?? 264;
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       display: "block",
       direction: "row",
@@ -9100,7 +9100,7 @@ const Es = ({
       children: [
         t,
         /* @__PURE__ */ e(
-          m,
+          f,
           {
             direction: "column",
             show: "desktop",
@@ -9143,8 +9143,8 @@ const Es = ({
     return i.current && c.observe(i.current), () => {
       c.disconnect(), l.style.removeProperty(zn);
     };
-  }, []), /* @__PURE__ */ e(m, { direction: "column", position: "absolute", width: "width-full", style: { zIndex: "var(--app-footer-zindex, 998)" }, children: /* @__PURE__ */ u(
-    m,
+  }, []), /* @__PURE__ */ e(f, { direction: "column", position: "absolute", width: "width-full", style: { zIndex: "var(--app-footer-zindex, 998)" }, children: /* @__PURE__ */ u(
+    f,
     {
       ref: i,
       position: "fixed",
@@ -9176,14 +9176,14 @@ const Es = ({
       ]
     }
   ) });
-}, Bs = ({ fields: t }) => /* @__PURE__ */ e(m, { display: "flex", direction: "column", gap: "lg", children: /* @__PURE__ */ e(
+}, Bs = ({ fields: t }) => /* @__PURE__ */ e(f, { display: "flex", direction: "column", gap: "lg", children: /* @__PURE__ */ e(
   Vr,
   {
     of: t,
     render: (r, n) => /* @__PURE__ */ e(tc, { ...r }, n)
   }
-) }), tc = ({ title: t, value: r, icon: n }) => /* @__PURE__ */ u(m, { display: "flex", direction: "column", gap: "sm", children: [
-  n ? /* @__PURE__ */ u(m, { display: "flex", direction: "row", align: "center", gap: "xs", children: [
+) }), tc = ({ title: t, value: r, icon: n }) => /* @__PURE__ */ u(f, { display: "flex", direction: "column", gap: "sm", children: [
+  n ? /* @__PURE__ */ u(f, { display: "flex", direction: "row", align: "center", gap: "xs", children: [
     /* @__PURE__ */ e(M, { name: n, color: "subtle" }),
     /* @__PURE__ */ e(k, { color: "gray-500", variant: "sub-h3", children: t })
   ] }) : /* @__PURE__ */ e(k, { color: "gray-500", variant: "sub-h3", children: t }),
@@ -9347,7 +9347,7 @@ const zs = ({
   childrenButton: a,
   customIcon: d
 }) => {
-  const f = () => {
+  const m = () => {
     switch (o) {
       case "primary":
         return /* @__PURE__ */ e(ie, { children: l ? /* @__PURE__ */ e(N, { primary: !0, iconLeft: l, onClick: n, children: a || t }) : /* @__PURE__ */ e(N, { primary: !0, onClick: n, children: a || t }) });
@@ -9369,7 +9369,7 @@ const zs = ({
     }
   };
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       height: "height-full",
       display: "flex",
@@ -9381,7 +9381,7 @@ const zs = ({
       customHeight: c,
       children: [
         d || /* @__PURE__ */ e(rc, {}),
-        /* @__PURE__ */ e(m, { direction: "column", children: r.map((p, g) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(f, { direction: "column", children: r.map((p, g) => /* @__PURE__ */ e(
           Je.Body1,
           {
             props: {
@@ -9392,7 +9392,7 @@ const zs = ({
           },
           g
         )) }),
-        s ? f() : null
+        s ? m() : null
       ]
     }
   );
@@ -9612,7 +9612,7 @@ function nc({ width: t, height: r }) {
 function As({ onClick: t }) {
   const r = Fe("md");
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       height: "height-screen",
@@ -9885,7 +9885,7 @@ function ic({ width: t, height: r }) {
 function Rs({ onClick: t }) {
   const r = Fe("md");
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       height: "height-screen",
@@ -10594,7 +10594,7 @@ function oc({ width: t, height: r }) {
 function Is({ onClick: t }) {
   const r = Fe("md");
   return /* @__PURE__ */ u(
-    m,
+    f,
     {
       direction: "column",
       height: "height-screen",
@@ -10648,14 +10648,14 @@ const Os = (t) => {
         /* @__PURE__ */ e(An, { ...t.dialogTitleProps, children: typeof t.title == "string" ? /* @__PURE__ */ e(k, { fontSize: "lg", fontWeight: "medium", children: t.title }) : t.title }),
         /* @__PURE__ */ e(Mr, { children: typeof t.description == "string" ? /* @__PURE__ */ e(k, { fontSize: "md", lineHeight: "leading-6", color: "brand", children: t.description }) : t.description }),
         /* @__PURE__ */ e(Rn, { children: /* @__PURE__ */ e(
-          m,
+          f,
           {
             display: "flex",
             direction: ((n = t.containerConfirmBtnProps) == null ? void 0 : n.direction) || "row",
             justify: ((o = t.containerConfirmBtnProps) == null ? void 0 : o.justify) || "flex-end",
             ...t.containerConfirmBtnProps,
             children: /* @__PURE__ */ u(
-              m,
+              f,
               {
                 display: "flex",
                 direction: ((i = t.wrapperConfirmBtnProps) == null ? void 0 : i.direction) || "row",
@@ -10665,7 +10665,7 @@ const Os = (t) => {
                 children: [
                   t.onCancel && /* @__PURE__ */ e(N, { secondary: !0, onClick: t.onCancel, size: "md", fullWidth: !0, children: t.titleCancelBtn || "Cancel" }),
                   /* @__PURE__ */ e(
-                    m,
+                    f,
                     {
                       direction: "column",
                       fullWidth: !0,
@@ -10705,7 +10705,7 @@ const Os = (t) => {
     footer: c,
     title: a,
     titleTag: d,
-    action: f,
+    action: m,
     actionContainer: p,
     containerProps: g,
     bodyProps: x,
@@ -10723,24 +10723,24 @@ const Os = (t) => {
       };
       return C(), window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
     }, []);
-    const w = () => d ? /* @__PURE__ */ u(m, { direction: "row", gap: "sm", align: "center", children: [
+    const w = () => d ? /* @__PURE__ */ u(f, { direction: "row", gap: "sm", align: "center", children: [
       /* @__PURE__ */ e(k, { fontWeight: "medium", children: a }),
       /* @__PURE__ */ e(Dt, { border: !0, text: d, variant: B })
     ] }) : /* @__PURE__ */ e(k, { fontWeight: "medium", children: a }), I = () => s || /* @__PURE__ */ u(
-      m,
+      f,
       {
         direction: "row",
         justify: "space-between",
         align: "flex-start",
         gap: "md",
         children: [
-          /* @__PURE__ */ e(m, { direction: "column", children: a ? w() : null }),
-          /* @__PURE__ */ e(m, { direction: "column", ...p, children: f ?? null })
+          /* @__PURE__ */ e(f, { direction: "column", children: a ? w() : null }),
+          /* @__PURE__ */ e(f, { direction: "column", ...p, children: m ?? null })
         ]
       }
-    ), R = !!(s || a || f);
+    ), R = !!(s || a || m);
     return /* @__PURE__ */ u(
-      m,
+      f,
       {
         ref: F,
         height: r,
@@ -10760,7 +10760,7 @@ const Os = (t) => {
         children: [
           s !== null && R ? /* @__PURE__ */ e(Pn, { ...W, children: I() }) : null,
           /* @__PURE__ */ e(
-            m,
+            f,
             {
               direction: "column",
               padding: "spacing-0",
@@ -10783,9 +10783,9 @@ const Os = (t) => {
     const i = (t == null ? void 0 : t.map((c) => c.value)) || [], l = (r == null ? void 0 : r.filter((c) => i.includes(c.value))) || [], s = (c) => {
       const a = [...l];
       let d = [];
-      o ? d = i.includes(c.value) ? a.filter((f) => f.value !== c.value) : [...a, c] : d = [c], n == null || n(d);
+      o ? d = i.includes(c.value) ? a.filter((m) => m.value !== c.value) : [...a, c] : d = [c], n == null || n(d);
     };
-    return /* @__PURE__ */ e(m, { direction: "row", gap: "sm", flexWrap: "wrap", children: r == null ? void 0 : r.map((c, a) => /* @__PURE__ */ e(
+    return /* @__PURE__ */ e(f, { direction: "row", gap: "sm", flexWrap: "wrap", children: r == null ? void 0 : r.map((c, a) => /* @__PURE__ */ e(
       N,
       {
         ...i.includes(c.value) ? { primary: !0 } : { secondary: !0 },
@@ -10908,7 +10908,7 @@ function dc(t) {
     showCloseButton: c = !0,
     size: a,
     asideWidth: d,
-    disableEscapeClose: f = !1,
+    disableEscapeClose: m = !1,
     disableBackdropClose: p = !1,
     lockBodyScroll: g = !0,
     children: x
@@ -10924,12 +10924,12 @@ function dc(t) {
         document.body.style.overflow = w.current ?? "";
       };
   }, [r, g]), Y(() => {
-    if (!r || f) return;
+    if (!r || m) return;
     const q = (ee) => {
       ee.key === "Escape" && n();
     };
     return window.addEventListener("keydown", q), () => window.removeEventListener("keydown", q);
-  }, [r, f, n]);
+  }, [r, m, n]);
   const I = pe(
     () => Ot(x, Tr),
     [x]
@@ -11123,7 +11123,7 @@ function $s({
   Y(() => {
     let i = null, l = null;
     for (const a of r) {
-      const d = a.items.find((f) => f.to ? f.to === "/" ? o.pathname === "/" : !!(f.to === o.pathname || o.pathname.startsWith(f.to + "/")) : !1);
+      const d = a.items.find((m) => m.to ? m.to === "/" ? o.pathname === "/" : !!(m.to === o.pathname || o.pathname.startsWith(m.to + "/")) : !1);
       if (d) {
         i = d, l = a;
         break;
@@ -11142,10 +11142,10 @@ const js = () => {
     setSearchParams: r,
     searchParams: t,
     searchQueries: n,
-    isHasQuery: (f, p) => t.has(f) && t.get(f) === p,
-    getQueryParam: (f) => t.get(f),
+    isHasQuery: (m, p) => t.has(m) && t.get(m) === p,
+    getQueryParam: (m) => t.get(m),
     // route params
-    getRouteParam: (f) => o[f],
+    getRouteParam: (m) => o[m],
     params: o,
     // location info
     location: i,
@@ -11160,21 +11160,21 @@ function _s(t) {
   return pe(() => {
     var a, d;
     const l = ((d = (a = r == null ? void 0 : r.access) == null ? void 0 : a.role) == null ? void 0 : d.code) ?? "", s = Object.keys(t.role).reduce(
-      (f, p) => {
+      (m, p) => {
         const g = `is${p.toLowerCase().replace(/(^\w|_\w)/g, (x) => x.replace("_", "").toUpperCase())}`;
-        return { ...f, [g]: !1 };
+        return { ...m, [g]: !1 };
       },
       {}
     );
     return {
-      ...Object.keys(t.role).reduce((f, p) => {
+      ...Object.keys(t.role).reduce((m, p) => {
         const g = `is${p.toLowerCase().replace(/(^\w|_\w)/g, (x) => x.replace("_", "").toUpperCase())}`;
         return {
-          ...f,
+          ...m,
           [g]: l === t.role[p]
         };
       }, s),
-      hasRole: (f) => l === t.role[f],
+      hasRole: (m) => l === t.role[m],
       getRoleKey: () => l
     };
   }, [(i = (o = r == null ? void 0 : r.access) == null ? void 0 : o.role) == null ? void 0 : i.code, t]);