@starasia/admin 8.0.4 → 8.0.5

package/dist/index.es.js

@@ -71,7 +71,7 @@ const Wr = {
   userData: null,
   setUserData: () => {
   }
-}, lr = nt(Wr), cr = () => We(lr), Ar = (t) => {
+}, lr = nt(Wr), cr = () => We(lr), zr = (t) => {
   const [r, n] = B(
     (t == null ? void 0 : t.initialUserData) || null
   );
@@ -87,7 +87,7 @@ const Wr = {
   },
   clearBadge: () => {
   }
-}), zr = ({ children: t }) => {
+}), Ar = ({ children: t }) => {
   const [r, n] = B({}), o = G(
     (c) => {
       n(
@@ -126,7 +126,7 @@ const Wr = {
   initialUserData: l,
   theme: s
 }) => {
-  const c = Ar({ initialUserData: l }), { theme: h } = kr();
+  const c = zr({ initialUserData: l }), { theme: h } = kr();
   return /* @__PURE__ */ e(
     lr.Provider,
     {
@@ -138,7 +138,7 @@ const Wr = {
         setUserData: c.setUserData,
         menuBottom: n
       },
-      children: /* @__PURE__ */ e(zr, { children: s ? /* @__PURE__ */ e(Ht, { value: s, children: t }) : h ? /* @__PURE__ */ e(Ht, { value: h, children: t }) : t })
+      children: /* @__PURE__ */ e(Ar, { children: s ? /* @__PURE__ */ e(Ht, { value: s, children: t }) : h ? /* @__PURE__ */ e(Ht, { value: h, children: t }) : t })
     }
   );
 }, oo = Ce(Vr);
@@ -342,7 +342,7 @@ function so({
   logoutButton: y
 }) {
   var Me, Je;
-  const [x] = it(), k = x.get("embed") === "true", p = cr(), { badges: E } = Ir(), M = St(), S = Ze(), C = !de("md"), [L, A] = B(!1), [w, $] = B(!1), [K, X] = B(!1), [N, Y] = B(!1), [te, ue] = B(
+  const [x] = it(), k = x.get("embed") === "true", p = cr(), { badges: E } = Ir(), M = St(), S = Ze(), C = !de("md"), [L, z] = B(!1), [w, $] = B(!1), [K, X] = B(!1), [N, Y] = B(!1), [te, ue] = B(
     () => new Set(Ot)
   ), [le, ie] = B(null), { selectedGroupId: P, setSelectedGroupId: q } = dr();
   Z(() => {
@@ -379,7 +379,7 @@ function so({
     }));
   }, [p.menus]), Z(() => {
     ke = !0, ye();
-    const b = setTimeout(ye, 0), V = setTimeout(ye, 50), R = setTimeout(ye, 100), D = setTimeout(ye, 200), z = setTimeout(() => {
+    const b = setTimeout(ye, 0), V = setTimeout(ye, 50), R = setTimeout(ye, 100), D = setTimeout(ye, 200), A = setTimeout(() => {
       ke = !1;
     }, 300), W = setTimeout(() => {
       const I = oe.current, O = I == null ? void 0 : I.querySelector("[data-menu-active='true']");
@@ -389,7 +389,7 @@ function so({
       }
     }, 250);
     return () => {
-      clearTimeout(b), clearTimeout(V), clearTimeout(R), clearTimeout(D), clearTimeout(z), clearTimeout(W);
+      clearTimeout(b), clearTimeout(V), clearTimeout(R), clearTimeout(D), clearTimeout(A), clearTimeout(W);
     };
   }, [S.pathname]), Z(() => {
     ge.current && (ge.current.scrollTop = 0);
@@ -398,29 +398,29 @@ function so({
   }, [S.pathname, C]), Z(() => {
     C && $(!0);
   }, [C]);
-  const Ae = () => {
-    A(!0);
+  const ze = () => {
+    z(!0);
   }, Pe = () => {
-    A(!1);
+    z(!1);
   }, ct = () => {
-    A(!1), i();
+    z(!1), i();
   }, qe = (b) => {
     const V = [b.to];
     return b.children && V.push(...b.children.map((R) => R.to)), V;
-  }, ze = [
+  }, Ae = [
     ...p.menus.flatMap((b) => b.items.flatMap(qe)),
     ...((Me = p.menuBottom) == null ? void 0 : Me.flatMap(qe)) ?? []
   ], he = (b) => {
     if (!S.pathname.startsWith(b)) return !1;
-    const V = ze.filter((R) => S.pathname.startsWith(R)).sort((R, D) => D.length - R.length)[0];
+    const V = Ae.filter((R) => S.pathname.startsWith(R)).sort((R, D) => D.length - R.length)[0];
     return b === V;
   };
   Z(() => {
     var V;
     const b = (R) => {
       var D;
-      (D = R.children) != null && D.some((z) => S.pathname.startsWith(z.to)) && ue((z) => {
-        const W = new Set(z);
+      (D = R.children) != null && D.some((A) => S.pathname.startsWith(A.to)) && ue((A) => {
+        const W = new Set(A);
         return W.add(R.id), W;
       });
     };
@@ -451,7 +451,7 @@ function so({
   if (k)
     return /* @__PURE__ */ e("main", { style: { height: "100vh", overflowY: "auto", backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)" }, children: t || /* @__PURE__ */ e(Tt, {}) });
   const Le = (b) => {
-    const V = b.children && b.children.length > 0, R = te.has(b.id), D = V ? b.children.some((I) => he(I.to)) : he(b.to), z = ut(b.badge, E[b.id]), W = !!z && w && !C;
+    const V = b.children && b.children.length > 0, R = te.has(b.id), D = V ? b.children.some((I) => he(I.to)) : he(b.to), A = ut(b.badge, E[b.id]), W = !!A && w && !C;
     return /* @__PURE__ */ u("div", { "data-menu-active": D || void 0, children: [
       /* @__PURE__ */ u(
         "button",
@@ -542,11 +542,11 @@ function so({
                   children: b.title
                 }
               ),
-              z && /* @__PURE__ */ e(
+              A && /* @__PURE__ */ e(
                 Ne,
                 {
-                  text: String(z.value),
-                  variant: z.variant ?? "info",
+                  text: String(A.value),
+                  variant: A.variant ?? "info",
                   size: "xs",
                   border: !0
                 }
@@ -1243,7 +1243,7 @@ function so({
                               "button",
                               {
                                 type: "button",
-                                onClick: Ae,
+                                onClick: ze,
                                 style: {
                                   ...jt,
                                   color: "var(--sa-background-error, #c9184a)",
@@ -2018,7 +2018,7 @@ const $r = (t, r) => {
         ]
       }
     );
-  }, A = () => i;
+  }, z = () => i;
   return /* @__PURE__ */ u(
     f,
     {
@@ -2031,7 +2031,7 @@ const $r = (t, r) => {
       },
       children: [
         L(),
-        A()
+        z()
       ]
     },
     k.pathname
@@ -2403,7 +2403,7 @@ const $r = (t, r) => {
   titleSearchLabel: k = "Work Order",
   withTitleLabels: p = !1
 }) => {
-  const M = (y == null ? void 0 : y.isShowLabel) ?? !0, [S, T] = B(!1), [C, L] = B(0), A = () => {
+  const M = (y == null ? void 0 : y.isShowLabel) ?? !0, [S, T] = B(!1), [C, L] = B(0), z = () => {
     L((q) => q + 1);
   }, { searchParams: w, setSearchParams: $, getQueryParam: K } = Ee(), X = rt(w.toString()), N = fr(t, w, c) || "", [Y, te] = B(N), ue = K(c), ie = !!(ue && !(() => {
     if (ue)
@@ -2456,14 +2456,14 @@ const $r = (t, r) => {
           {
             onClick: () => {
               const q = new URLSearchParams(w);
-              q.delete(c), $(q), te(""), A(), m && m();
+              q.delete(c), $(q), te(""), z(), m && m();
             },
             variant: "outline",
             tone: "neutral",
             children: /* @__PURE__ */ e(v, { color: "error", fontWeight: "semibold", children: "Reset" })
           }
         ) }),
-        i == null ? void 0 : i.map(({ minWidth: q, content: oe, title: ge, onClickContainer: ye }, Ae) => /* @__PURE__ */ u(
+        i == null ? void 0 : i.map(({ minWidth: q, content: oe, title: ge, onClickContainer: ye }, ze) => /* @__PURE__ */ u(
           f,
           {
             direction: "column",
@@ -2477,7 +2477,7 @@ const $r = (t, r) => {
               oe
             ]
           },
-          `extended-filter-${Ae}-${C}`
+          `extended-filter-${ze}-${C}`
         )),
         !!(g != null && g.length) && /* @__PURE__ */ e(
           _,
@@ -2610,14 +2610,14 @@ function wn({
     () => Object.fromEntries(t.map((C) => [C.key, C])),
     [t]
   ), d = se(() => {
-    const C = (l.get(n) || "").split(",").map((A) => A.trim()).filter(Boolean);
+    const C = (l.get(n) || "").split(",").map((z) => z.trim()).filter(Boolean);
     let L = [];
     try {
-      const A = l.get(r);
-      A && (L = Object.keys(JSON.parse(A)).filter((w) => w !== i));
+      const z = l.get(r);
+      z && (L = Object.keys(JSON.parse(z)).filter((w) => w !== i));
     } catch {
     }
-    return t.map((A) => A.key).filter((A) => C.includes(A) || L.includes(A));
+    return t.map((z) => z.key).filter((z) => C.includes(z) || L.includes(z));
   }, [l, n, r, i, t]), m = G(
     (C) => {
       try {
@@ -2640,8 +2640,8 @@ function wn({
     [d, g]
   ), x = G(
     (C) => {
-      const L = { ...c }, A = d.filter(($) => $ !== C);
-      A.length ? L[n] = A.join(",") : delete L[n];
+      const L = { ...c }, z = d.filter(($) => $ !== C);
+      z.length ? L[n] = z.join(",") : delete L[n];
       const w = m(L);
       C in w && (delete w[C], Object.keys(w).length ? L[r] = JSON.stringify(w) : delete L[r]), delete L[o], s(L);
     },
@@ -2679,12 +2679,12 @@ function wn({
           return L ? new Date(L) : void 0;
         }
         case "date-range": {
-          const { start: L, end: A } = xn({
+          const { start: L, end: z } = xn({
             name: C.key,
             searchParams: l,
             filterKey: r
           });
-          return L && A ? { from: new Date(L), to: new Date(A) } : void 0;
+          return L && z ? { from: new Date(L), to: new Date(z) } : void 0;
         }
         default:
           return;
@@ -2706,8 +2706,8 @@ function wn({
     [c, s, r, o]
   ), M = G(
     (C) => {
-      const L = { ...c }, A = m(L);
-      C in A && (delete A[C], Object.keys(A).length ? L[r] = JSON.stringify(A) : delete L[r]), delete L[o], s(L);
+      const L = { ...c }, z = m(L);
+      C in z && (delete z[C], Object.keys(z).length ? L[r] = JSON.stringify(z) : delete L[r]), delete L[o], s(L);
     },
     [c, r, o, m, s]
   ), S = G(() => {
@@ -3004,7 +3004,7 @@ const En = ({
         {
           variant: "outline",
           tone: "neutral",
-          size: "sm",
+          size: "xs",
           iconRight: /* @__PURE__ */ e(F, { name: "ChevronSmallDown" }),
           "aria-label": "Rows per page",
           children: Jt(g)
@@ -3035,7 +3035,8 @@ const En = ({
           rr,
           {
             size: "sm",
-            variant: "subtle",
+            variant: "neutral",
+            siblingCount: 0,
             currentPage: t != null && t.currentPage ? Number(t.currentPage) : 1,
             totalCount: t != null && t.totalPage ? Number(t.totalPage) : 1,
             onPageChange: y
@@ -3045,7 +3046,7 @@ const En = ({
     )
   ] });
 };
-function An(t, r, n = !0) {
+function zn(t, r, n = !0) {
   Z(() => {
     if (!n) return;
     const o = (i) => {
@@ -3057,7 +3058,7 @@ function An(t, r, n = !0) {
     return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
   }, [t, r, n]);
 }
-const zn = 240, In = ({
+const An = 240, In = ({
   searchKey: t = "q",
   filterKey: r = "filter",
   pageKey: n = "page",
@@ -3086,7 +3087,7 @@ const zn = 240, In = ({
       return (L = E.current) == null ? void 0 : L.focus();
     });
   }, []);
-  return An(i, M), // No internal gap: the trigger and the animated input are never visible at
+  return zn(i, M), // 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(f, { display: "flex", direction: "row", align: "center", gap: "spacing-0", children: [
     g && /* @__PURE__ */ e(
@@ -3095,7 +3096,7 @@ const zn = 240, In = ({
         variant: "outline",
         tone: "neutral",
         size: "sm",
-        iconLeft: /* @__PURE__ */ e(F, { name: "Search" }),
+        iconLeft: /* @__PURE__ */ e(F, { name: "Search", size: "sm" }),
         "aria-label": "Search",
         "aria-expanded": !1,
         onClick: M
@@ -3109,7 +3110,7 @@ const zn = 240, In = ({
         },
         style: {
           position: "relative",
-          width: d ? zn : 0,
+          width: d ? An : 0,
           overflow: "hidden",
           transition: "width 220ms ease"
         },
@@ -3125,8 +3126,8 @@ const zn = 240, In = ({
               leftIcon: /* @__PURE__ */ e(F, { name: "Search", width: 16, height: 16 }),
               onChange: (L) => k(L.target.value),
               onKeyDown: (L) => {
-                var A;
-                L.key === "Escape" && !x && (m(!1), (A = E.current) == null || A.blur());
+                var z;
+                L.key === "Escape" && !x && (m(!1), (z = E.current) == null || z.blur());
               },
               onBlur: () => {
                 x || m(!1);
@@ -3182,7 +3183,7 @@ const zn = 240, In = ({
         variant: "outline",
         tone: "neutral",
         size: "sm",
-        iconLeft: /* @__PURE__ */ e(F, { name: "Grid" }),
+        iconLeft: /* @__PURE__ */ e(F, { name: "Grid", size: "sm" }),
         "aria-label": "Customize columns"
       }
     ) }),
@@ -3311,7 +3312,7 @@ const zn = 240, In = ({
         variant: t.length > 0 ? "secondary" : "outline",
         tone: (t.length > 0, "neutral"),
         size: "sm",
-        iconLeft: /* @__PURE__ */ e(F, { name: "Bookmark" }),
+        iconLeft: /* @__PURE__ */ e(F, { name: "Bookmark", size: "sm" }),
         "aria-label": "Saved views"
       }
     ) }),
@@ -3415,7 +3416,7 @@ const zn = 240, In = ({
     configByKey: T,
     hasActiveFilter: C,
     toggleFilter: L,
-    removeFilter: A,
+    removeFilter: z,
     getValue: w,
     setValue: $,
     clearValue: K,
@@ -3482,7 +3483,7 @@ const zn = 240, In = ({
                   getValue: w,
                   setValue: $,
                   clearValue: K,
-                  removeFilter: A
+                  removeFilter: z
                 }
               ),
               C && /* @__PURE__ */ e(_, { variant: "link", tone: "error", size: "sm", onClick: () => {
@@ -4107,7 +4108,7 @@ const zn = 240, In = ({
   defaultMinColumnWidth: T = 60,
   sort: C,
   defaultSort: L,
-  onSortChange: A,
+  onSortChange: z,
   showActionDivider: w = !1
 }) => {
   const $ = C !== void 0, [K, X] = B(
@@ -4116,51 +4117,51 @@ const zn = 240, In = ({
     if (D.sortKey) return D.sortKey;
     if (typeof D.accessor == "string") return D.accessor;
   }, te = (D) => {
-    const z = Y(D);
-    if (!z) return;
+    const A = Y(D);
+    if (!A) return;
     let W;
-    !N || N.key !== z ? W = { key: z, direction: "asc" } : N.direction === "asc" ? W = { key: z, direction: "desc" } : W = null, $ || X(W), A == null || A(W);
-  }, le = [n, o, i].filter((D) => D !== void 0).length, ie = !!x, P = !!n || !!o || !!i || ie, q = "var(--sa-border-subtle, #0b120e24)", oe = `1px solid ${q}`, ge = `inset 1px 0 0 ${q}`, ye = `inset -1px 0 0 ${q}`, Ae = le === 3 ? ie ? "178px" : "140px" : le === 2 ? ie ? "140px" : "102px" : le === 1 ? ie ? "112px" : "74px" : ie ? "74px" : "", Pe = (D, z) => {
-    if (!z) return D;
-    if (typeof z == "function") return z(D);
-    if (typeof z == "string") return D[z];
+    !N || N.key !== A ? W = { key: A, direction: "asc" } : N.direction === "asc" ? W = { key: A, direction: "desc" } : W = null, $ || X(W), z == null || z(W);
+  }, le = [n, o, i].filter((D) => D !== void 0).length, ie = !!x, P = !!n || !!o || !!i || ie, q = "var(--sa-border-subtle, #0b120e24)", oe = `1px solid ${q}`, ge = `inset 1px 0 0 ${q}`, ye = `inset -1px 0 0 ${q}`, ze = le === 3 ? ie ? "178px" : "140px" : le === 2 ? ie ? "140px" : "102px" : le === 1 ? ie ? "112px" : "74px" : ie ? "74px" : "", Pe = (D, A) => {
+    if (!A) return D;
+    if (typeof A == "function") return A(D);
+    if (typeof A == "string") return D[A];
   }, [ct, qe] = B(!1);
   Z(() => {
     if (!(m != null && m.current)) return;
     const D = m.current;
     qe(D.scrollHeight > D.clientHeight);
   }, [r, m]);
-  const ze = ne(null), [he, Ge] = B([]), [Ie, Le] = B(
+  const Ae = ne(null), [he, Ge] = B([]), [Ie, Le] = B(
     () => M ?? {}
   ), Me = ne(null);
   xt(() => {
-    if (!g || !ze.current) {
+    if (!g || !Ae.current) {
       Ge([]);
       return;
     }
     const D = Array.from(
-      ze.current.querySelectorAll("thead tr th")
-    ), z = [];
+      Ae.current.querySelectorAll("thead tr th")
+    ), A = [];
     let W = 0;
     D.forEach((I, O) => {
-      z[O] = W, O < g && (W += I.offsetWidth);
-    }), Ge(z);
+      A[O] = W, O < g && (W += I.offsetWidth);
+    }), Ge(A);
   }, [g, t, r, Ie]);
   const Je = (D) => {
     y && y(D < g ? D : D + 1);
-  }, b = (D, z) => {
+  }, b = (D, A) => {
     const W = Ie[D];
     if (W !== void 0) {
       const I = `${W}px`;
       return { width: I, minWidth: I, maxWidth: I };
     }
-    return z ? { width: z } : {};
-  }, V = (D) => E && (D.resizable ?? !0), R = (D, z) => {
+    return A ? { width: A } : {};
+  }, V = (D) => E && (D.resizable ?? !0), R = (D, A) => {
     D.preventDefault(), D.stopPropagation();
     const W = D.currentTarget.closest("th");
     if (!W) return;
     const I = Math.round(W.getBoundingClientRect().width);
-    Me.current = { colIndex: z, startX: D.clientX, startWidth: I };
+    Me.current = { colIndex: A, startX: D.clientX, startWidth: I };
     const O = document.body.style.userSelect, ce = document.body.style.cursor;
     document.body.style.userSelect = "none", document.body.style.cursor = "col-resize";
     const fe = (ve) => {
@@ -4176,7 +4177,7 @@ const zn = 240, In = ({
     };
     document.addEventListener("mousemove", fe), document.addEventListener("mouseup", we);
   };
-  return /* @__PURE__ */ e("div", { ref: ze, children: /* @__PURE__ */ u(nr, { fullWidth: !0, children: [
+  return /* @__PURE__ */ e("div", { ref: Ae, children: /* @__PURE__ */ u(nr, { fullWidth: !0, children: [
     /* @__PURE__ */ e(
       vr,
       {
@@ -4185,9 +4186,9 @@ const zn = 240, In = ({
           whiteSpace: "nowrap"
         },
         children: /* @__PURE__ */ u(Te, { children: [
-          t.map((D, z) => {
-            var zt, It;
-            const W = g > 0 && z < g, I = he[z] ?? 0, O = V(D), fe = z === t.length - 1 && P && w, we = Y(D), ve = !!D.sortable && !!we, be = ve && (N == null ? void 0 : N.key) === we ? N.direction : null, at = D.title || ((zt = D.accessor) == null ? void 0 : zt.toString()) || "", Ve = (It = D.headerTooltip) != null && It.showIcon ? /* @__PURE__ */ e(
+          t.map((D, A) => {
+            var At, It;
+            const W = g > 0 && A < g, I = he[A] ?? 0, O = V(D), fe = A === t.length - 1 && P && w, we = Y(D), ve = !!D.sortable && !!we, be = ve && (N == null ? void 0 : N.key) === we ? N.direction : null, at = D.title || ((At = D.accessor) == null ? void 0 : At.toString()) || "", Ve = (It = D.headerTooltip) != null && It.showIcon ? /* @__PURE__ */ e(
               F,
               {
                 name: "InfoCircle",
@@ -4233,13 +4234,13 @@ const zn = 240, In = ({
                   top: 0,
                   left: W ? I : void 0,
                   zIndex: W ? 4 : 2,
-                  paddingLeft: z === 0 ? "12px" : "",
+                  paddingLeft: A === 0 ? "12px" : "",
                   borderRight: d && !fe && !W ? oe : void 0,
                   borderBottom: d ? oe : void 0,
                   boxShadow: d && W ? ye : void 0,
                   backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)",
                   textAlign: D.textAlign === "text-right" ? "right" : D.textAlign === "text-center" ? "center" : "left",
-                  ...b(z, D.width)
+                  ...b(A, D.width)
                 },
                 children: [
                   /* @__PURE__ */ u(
@@ -4264,7 +4265,7 @@ const zn = 240, In = ({
                         y && /* @__PURE__ */ e(
                           "button",
                           {
-                            onClick: () => Je(z),
+                            onClick: () => Je(A),
                             title: W ? "Unfreeze column" : "Freeze column",
                             style: {
                               background: "none",
@@ -4287,7 +4288,7 @@ const zn = 240, In = ({
                   O && /* @__PURE__ */ e(
                     "div",
                     {
-                      onMouseDown: (st) => R(st, z),
+                      onMouseDown: (st) => R(st, A),
                       onClick: (st) => st.stopPropagation(),
                       role: "separator",
                       "aria-orientation": "vertical",
@@ -4307,7 +4308,7 @@ const zn = 240, In = ({
                   )
                 ]
               },
-              `table-head-${z}`
+              `table-head-${A}`
             );
           }),
           P ? /* @__PURE__ */ e(
@@ -4333,13 +4334,13 @@ const zn = 240, In = ({
       /* @__PURE__ */ e(He, { variant: "list" }),
       /* @__PURE__ */ e(He, { variant: "list" }),
       /* @__PURE__ */ e(He, { variant: "list" })
-    ] }) }) }) : !(r != null && r.length) && p ? /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(Se, { colSpan: t.length + 1, children: p }) }) : r == null ? void 0 : r.map((D, z) => /* @__PURE__ */ u(
+    ] }) }) }) : !(r != null && r.length) && p ? /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(Se, { colSpan: t.length + 1, children: p }) }) : r == null ? void 0 : r.map((D, A) => /* @__PURE__ */ u(
       Te,
       {
         style: {
           transition: "background-color 0.3s ease",
           padding: 0,
-          borderBottom: z === r.length - 1 && ct ? void 0 : "1px solid var(--sa-border-subtle, #0b120e24)"
+          borderBottom: A === r.length - 1 && ct ? void 0 : "1px solid var(--sa-border-subtle, #0b120e24)"
         },
         onMouseEnter: (W) => {
           const I = W.currentTarget;
@@ -4355,7 +4356,7 @@ const zn = 240, In = ({
         },
         children: [
           t.map((W, I) => {
-            const O = W.render ? W.render(D, z, r) : Pe(D, W.accessor), ce = g > 0 && I < g, fe = he[I] ?? 0, we = Ie[I] !== void 0, ve = ce && I === g - 1;
+            const O = W.render ? W.render(D, A, r) : Pe(D, W.accessor), ce = g > 0 && I < g, fe = he[I] ?? 0, we = Ie[I] !== void 0, ve = ce && I === g - 1;
             return /* @__PURE__ */ e(
               Se,
               {
@@ -4387,11 +4388,11 @@ const zn = 240, In = ({
                   }
                 ) : O
               },
-              `row-${z}-col-${I}`
+              `row-${A}-col-${I}`
             );
           }),
           P ? /* @__PURE__ */ e(Se, { style: {
-            width: Ae,
+            width: ze,
             position: "sticky",
             right: 0,
             zIndex: 1,
@@ -4399,7 +4400,7 @@ const zn = 240, In = ({
             boxShadow: w ? ge : void 0,
             transition: "background-color 0.3s ease"
           }, children: /* @__PURE__ */ e(U, { direction: "row", align: "center", justify: "center", gap: "sm", children: k.map((W) => {
-            const I = z === r.length - 1 ? "top" : "bottom";
+            const I = A === r.length - 1 ? "top" : "bottom";
             return W === "detail" && n && (h == null ? void 0 : h(D)) !== !1 ? /* @__PURE__ */ e(me, { label: "Detail", position: I, children: /* @__PURE__ */ e(
               _,
               {
@@ -4431,7 +4432,7 @@ const zn = 240, In = ({
           }) }) }) : null
         ]
       },
-      `${D}${z}`
+      `${D}${A}`
     )) })
   ] }) });
 }, Pn = ({
@@ -4854,7 +4855,7 @@ const Wo = (t) => {
     "Tab"
   ];
   (t.ctrlKey || t.metaKey) && (t.key === "a" || t.key === "c" || t.key === "v") || !r.test(t.key) && !n.includes(t.key) && t.preventDefault();
-}, Ao = (t) => {
+}, zo = (t) => {
   const r = /^[0-9]$/, n = [
     "ArrowLeft",
     "ArrowRight",
@@ -4866,7 +4867,7 @@ const Wo = (t) => {
     "Tab"
   ];
   (t.ctrlKey || t.metaKey) && t.key === "v" || r.test(t.key) && !n.includes(t.key) && t.preventDefault();
-}, zo = (t) => {
+}, Ao = (t) => {
   const r = /^[0-9.]$/, n = [
     "ArrowLeft",
     "ArrowRight",
@@ -5734,7 +5735,7 @@ const Qt = {
     maxFileSize: h = 2,
     onError: d
   }, m) => {
-    const g = de("md"), [y, x] = B(!1), [k, p] = B(null), [E, M] = B(!1), [S, T] = B({ x: 0, y: 0 }), [C, L] = B(1), [A, w] = B(null);
+    const g = de("md"), [y, x] = B(!1), [k, p] = B(null), [E, M] = B(!1), [S, T] = B({ x: 0, y: 0 }), [C, L] = B(1), [z, w] = B(null);
     Z(() => {
       r === null && i(null);
     }, [r]);
@@ -5752,9 +5753,9 @@ const Qt = {
         p(oe.result), M(!0);
       }, oe.readAsDataURL(q);
     }, X = async () => {
-      if (!(!k || !A))
+      if (!(!k || !z))
         try {
-          const P = await mi(k, A);
+          const P = await mi(k, z);
           if (h && P.size > h * 1024 * 1024) {
             d == null || d(`Ukuran file maksimal ${h}MB`);
             return;
@@ -7878,7 +7879,7 @@ const Go = (t) => {
           /* @__PURE__ */ e(f, { direction: "column", ...g, children: m ?? null })
         ]
       }
-    ), A = !!(s || h || m);
+    ), z = !!(s || h || m);
     return /* @__PURE__ */ u(
       f,
       {
@@ -7898,7 +7899,7 @@ const Go = (t) => {
           ...(y == null ? void 0 : y.style) ?? {}
         },
         children: [
-          s !== null && A ? /* @__PURE__ */ e(ur, { ...k, children: L() }) : null,
+          s !== null && z ? /* @__PURE__ */ e(ur, { ...k, children: L() }) : null,
           /* @__PURE__ */ e(
             f,
             {
@@ -7948,10 +7949,10 @@ function Wt(t) {
   return null;
 }
 Wt.displayName = "LayoutDialog.Aside";
-function At(t) {
+function zt(t) {
   return null;
 }
-At.displayName = "LayoutDialog.Footer";
+zt.displayName = "LayoutDialog.Footer";
 const ae = {
   "lyd-root": "_lyd-root_1e92c_1",
   "lyd-backdrop": "_lyd-backdrop_1e92c_28",
@@ -8073,14 +8074,14 @@ function Li(t) {
   const L = se(
     () => Qe(x, Mt),
     [x]
-  ), A = se(
+  ), z = se(
     () => Qe(x, Bt),
     [x]
   ), w = se(
     () => Qe(x, Wt),
     [x]
   ), $ = se(
-    () => Qe(x, At),
+    () => Qe(x, zt),
     [x]
   );
   if (!r) return null;
@@ -8129,7 +8130,7 @@ function Li(t) {
             ] })
           ] }),
           /* @__PURE__ */ u("div", { className: ae["lyd-main"], children: [
-            /* @__PURE__ */ e("div", { className: ae["lyd-body"], children: A }),
+            /* @__PURE__ */ e("div", { className: ae["lyd-body"], children: z }),
             w && /* @__PURE__ */ e("aside", { className: ae["lyd-aside"], children: w })
           ] }),
           $ && /* @__PURE__ */ e("div", { className: ae["lyd-footer"], children: $ })
@@ -8142,7 +8143,7 @@ const lt = Li;
 lt.Header = Mt;
 lt.Body = Bt;
 lt.Aside = Wt;
-lt.Footer = At;
+lt.Footer = zt;
 function Qo({ url: t, filename: r, onClose: n }) {
   return Z(() => {
     const o = (i) => {
@@ -8349,7 +8350,7 @@ export {
   lt as LayoutDialog,
   Wt as LayoutDialogAside,
   Bt as LayoutDialogBody,
-  At as LayoutDialogFooter,
+  zt as LayoutDialogFooter,
   Mt as LayoutDialogHeader,
   ho as ModuleSwitcher,
   jr as ModuleSwitcherModal,
@@ -8363,7 +8364,7 @@ export {
   ur as SectionHeader,
   Uo as SelectButton,
   qo as ServerErrorPage,
-  zr as SidebarBadgesProvider,
+  Ar as SidebarBadgesProvider,
   co as SidebarGroupSlot,
   Or as SidebarGroupSlotOutlet,
   Nr as SidebarGroupSlotProvider,
@@ -8400,9 +8401,9 @@ export {
   Fo as oneDayInMs,
   vo as parseIndonesianDateToDate,
   Ro as preventNonCoordinateInput,
-  zo as preventNonNumberAndDecimalInput,
+  Ao as preventNonNumberAndDecimalInput,
   Wo as preventNonNumberInput,
-  Ao as preventNumberInput,
+  zo as preventNumberInput,
   fn as resolveDateRangeValueToString,
   mn as resolveDateValueToString,
   un as resolveDropdownValueToString,
@@ -8411,7 +8412,7 @@ export {
   mr as storageKeys,
   Eo as textWidth,
   cr as useApp,
-  Ar as useAppState,
+  zr as useAppState,
   el as useAuthRole,
   Xo as useDynamicTitle,
   dr as useModuleSelection,