@starasia/admin 8.25.0 → 8.26.0

package/dist/index.es.js

@@ -342,15 +342,15 @@ function Zc({
   logoutButton: g
 }) {
   var Pe, et;
-  const [x] = qt(), W = x.get("embed") === "true", b = Nn(), { badges: B } = Ti(), F = Ar(), z = St(), w = !Fe("md"), [I, R] = O(!1), [C, L] = O(!1), [H, V] = O(!1), [j, q] = O(!1), [ee, fe] = O(
+  const [x] = qt(), W = x.get("embed") === "true", b = Nn(), { badges: B } = Ti(), F = Ar(), z = St(), w = !Fe("md"), [I, R] = O(!1), [C, L] = O(!1), [H, V] = O(!1), [j, q] = O(!1), [te, me] = O(
     () => new Set(an)
-  ), [me, te] = O(null), { selectedGroupId: P, setSelectedGroupId: U } = _n();
+  ), [ue, ee] = O(null), { selectedGroupId: P, setSelectedGroupId: U } = _n();
   Y(() => {
-    an = ee;
-  }, [ee]);
-  const he = le(null), De = le(null);
+    an = te;
+  }, [te]);
+  const fe = le(null), De = le(null);
   Y(() => {
-    const S = he.current;
+    const S = fe.current;
     if (!S) return;
     const _ = () => {
       dt || (Bt = S.scrollTop);
@@ -358,7 +358,7 @@ function Zc({
     return S.addEventListener("scroll", _), () => S.removeEventListener("scroll", _);
   }, []);
   const se = () => {
-    const S = he.current;
+    const S = fe.current;
     S && Bt > 0 && (dt = !0, S.scrollTop = Bt, requestAnimationFrame(() => {
       dt = !1;
     }));
@@ -372,7 +372,7 @@ function Zc({
   }, []), at(() => {
     b.menus.length > 0 && (Bt > 0 ? se() : requestAnimationFrame(() => {
       var _;
-      const S = (_ = he.current) == null ? void 0 : _.querySelector(
+      const S = (_ = fe.current) == null ? void 0 : _.querySelector(
         "[data-menu-active='true']"
       );
       S && S.scrollIntoView({ block: "center", behavior: "instant" });
@@ -382,7 +382,7 @@ function Zc({
     const S = setTimeout(se, 0), _ = setTimeout(se, 50), Q = setTimeout(se, 100), A = setTimeout(se, 200), Z = setTimeout(() => {
       dt = !1;
     }, 300), $ = setTimeout(() => {
-      const G = he.current, T = G == null ? void 0 : G.querySelector("[data-menu-active='true']");
+      const G = fe.current, T = G == null ? void 0 : G.querySelector("[data-menu-active='true']");
       if (G && T) {
         const ge = G.getBoundingClientRect(), Me = T.getBoundingClientRect();
         Me.top >= ge.top && Me.bottom <= ge.bottom || T.scrollIntoView({ block: "center", behavior: "smooth" });
@@ -419,7 +419,7 @@ function Zc({
     var _;
     const S = (Q) => {
       var A;
-      (A = Q.children) != null && A.some((Z) => z.pathname.startsWith(Z.to)) && fe((Z) => {
+      (A = Q.children) != null && A.some((Z) => z.pathname.startsWith(Z.to)) && me((Z) => {
         const $ = new Set(Z);
         return $.add(Q.id), $;
       });
@@ -429,7 +429,7 @@ function Zc({
     }), (_ = b.menuBottom) == null || _.forEach(S);
   }, [z.pathname, b.menus, b.menuBottom]);
   const Ye = (S) => {
-    fe((_) => {
+    me((_) => {
       const Q = new Set(_);
       return Q.has(S) ? Q.delete(S) : Q.add(S), Q;
     });
@@ -451,7 +451,7 @@ function Zc({
   if (W)
     return /* @__PURE__ */ e("main", { style: { height: "100vh", overflowY: "auto", backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)" }, children: t || /* @__PURE__ */ e(cn, {}) });
   const Ze = (S) => {
-    const _ = S.children && S.children.length > 0, Q = ee.has(S.id), A = _ ? S.children.some((G) => xe(G.to)) : xe(S.to), Z = hr(S.badge, B[S.id]), $ = !!Z && C && !w;
+    const _ = S.children && S.children.length > 0, Q = te.has(S.id), A = _ ? S.children.some((G) => xe(G.to)) : xe(S.to), Z = hr(S.badge, B[S.id]), $ = !!Z && C && !w;
     return /* @__PURE__ */ u("div", { "data-menu-active": A || void 0, children: [
       /* @__PURE__ */ u(
         "button",
@@ -460,7 +460,7 @@ function Zc({
             if (_)
               if (C && !w) {
                 const T = G.currentTarget.getBoundingClientRect();
-                te({
+                ee({
                   item: S,
                   top: T.top,
                   left: T.right + 8
@@ -919,7 +919,7 @@ function Zc({
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    ref: he,
+                    ref: fe,
                     style: {
                       flex: 1,
                       overflowY: "auto",
@@ -1316,11 +1316,11 @@ function Zc({
         /* @__PURE__ */ e(f, { direction: "column", children: /* @__PURE__ */ e(N, { primary: !0, onClick: ke, children: "Yes, Sure" }) })
       ] }) }) })
     ] }),
-    me && /* @__PURE__ */ u(ie, { children: [
+    ue && /* @__PURE__ */ u(ie, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          onClick: () => te(null),
+          onClick: () => ee(null),
           style: {
             position: "fixed",
             inset: 0,
@@ -1333,11 +1333,11 @@ function Zc({
         "div",
         {
           role: "dialog",
-          "aria-label": me.item.title,
+          "aria-label": ue.item.title,
           style: {
             position: "fixed",
-            top: me.top,
-            left: me.left,
+            top: ue.top,
+            left: ue.left,
             zIndex: 61,
             minWidth: "13rem",
             maxWidth: "16rem",
@@ -1362,10 +1362,10 @@ function Zc({
                   textTransform: "uppercase",
                   letterSpacing: "0.05em"
                 },
-                children: me.item.title
+                children: ue.item.title
               }
             ),
-            (et = me.item.children) == null ? void 0 : et.map((S) => {
+            (et = ue.item.children) == null ? void 0 : et.map((S) => {
               const _ = xe(S.to), Q = hr(
                 S.badge,
                 B[S.id]
@@ -1374,7 +1374,7 @@ function Zc({
                 "button",
                 {
                   onClick: () => {
-                    F(S.to), te(null);
+                    F(S.to), ee(null);
                   },
                   style: {
                     width: "100%",
@@ -1938,11 +1938,11 @@ const Ui = (t, r) => {
         }
       ) }),
       /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(Ie, { style: { minWidth: 200 }, children: C.map(({ title: L, icon: H, buttonProps: V, onClick: j }, q) => {
-        const ee = (V == null ? void 0 : V.tone) === "error" || (V == null ? void 0 : V.danger) === !0;
+        const te = (V == null ? void 0 : V.tone) === "error" || (V == null ? void 0 : V.danger) === !0;
         return /* @__PURE__ */ e(
           je,
           {
-            intent: ee ? "danger" : void 0,
+            intent: te ? "danger" : void 0,
             disabled: V == null ? void 0 : V.disabled,
             startIcon: H ? /* @__PURE__ */ e(M, { name: H }) : void 0,
             onClick: j,
@@ -2026,13 +2026,13 @@ const Ui = (t, r) => {
     return C.forEach((V, j) => {
       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(
+    }), C.map(({ content: V, order: j, borderBottom: q = !0, keepBottomPadding: te = !1, paddingInline: me = !0, paddingBlock: ue = !0 }, ee) => /* @__PURE__ */ e(
       f,
       {
         direction: "column",
-        paddingTop: "sm",
-        paddingBottom: q || ee || fe === L ? "sm" : "spacing-0",
-        paddingInline: "md",
+        paddingTop: ue ? "sm" : "spacing-0",
+        paddingBottom: ue && (q || te || ee === L) ? "sm" : "spacing-0",
+        paddingInline: me ? "md" : "spacing-0",
         style: {
           // Inset box-shadow (not a real border) so the divider line doesn't
           // add 1px to the row height — keeps the sub-header stack from shifting
@@ -2044,7 +2044,7 @@ const Ui = (t, r) => {
         },
         children: V
       },
-      `sub-header-${fe}`
+      `sub-header-${ee}`
     ));
   }, I = () => {
     const C = l ? D() : null, L = w();
@@ -2452,10 +2452,10 @@ const Ui = (t, r) => {
 }) => {
   const F = (g == null ? void 0 : g.isShowLabel) ?? !0, [z, D] = O(!1), [w, I] = O(0), R = () => {
     I((U) => U + 1);
-  }, { searchParams: C, setSearchParams: L, getQueryParam: H } = Ve(), V = Pt(C.toString()), j = Or(t, C, c) || "", [q, ee] = O(j), fe = H(c), te = !!(fe && !(() => {
-    if (fe)
+  }, { searchParams: C, setSearchParams: L, getQueryParam: H } = Ve(), V = Pt(C.toString()), j = Or(t, C, c) || "", [q, te] = O(j), me = H(c), ee = !!(me && !(() => {
+    if (me)
       try {
-        const U = JSON.parse(fe);
+        const U = JSON.parse(me);
         return Object.keys(U).length === 1 && U[t] === "";
       } catch (U) {
         console.error("Filter parameter is not a valid JSON:", U);
@@ -2463,7 +2463,7 @@ const Ui = (t, r) => {
     return !1;
   })()), P = Fe("md");
   return Y(() => {
-    ee(j);
+    te(j);
   }, [j]), Y(() => {
     if (q === j)
       return;
@@ -2498,19 +2498,19 @@ const Ui = (t, r) => {
       },
       align: "flex-end",
       children: [
-        te && /* @__PURE__ */ e(f, { direction: "column", justify: "flex-end", children: /* @__PURE__ */ e(
+        ee && /* @__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(), m && m();
+              U.delete(c), L(U), te(""), R(), m && m();
             },
             variant: "outline",
             tone: "neutral",
             children: /* @__PURE__ */ e(k, { color: "error", fontWeight: "semibold", children: "Reset" })
           }
         ) }),
-        i == null ? void 0 : i.map(({ minWidth: U, content: he, title: De, onClickContainer: se }, ve) => /* @__PURE__ */ u(
+        i == null ? void 0 : i.map(({ minWidth: U, content: fe, title: De, onClickContainer: se }, ve) => /* @__PURE__ */ u(
           f,
           {
             direction: "column",
@@ -2521,7 +2521,7 @@ const Ui = (t, r) => {
             },
             children: [
               De && /* @__PURE__ */ e(Je.SubH3, { children: De }),
-              he
+              fe
             ]
           },
           `extended-filter-${ve}-${w}`
@@ -2529,15 +2529,15 @@ const Ui = (t, r) => {
         !!(p != null && p.length) && /* @__PURE__ */ e(
           N,
           {
-            primary: te,
-            secondary: !te,
+            primary: ee,
+            secondary: !ee,
             iconLeft: /* @__PURE__ */ e(
               M,
               {
                 size: "sm",
                 name: (g == null ? void 0 : g.icon) || "FilterHorizontal",
                 style: {
-                  color: fe ? "var(--sa-background-brand, #04254f)" : "var(--sa-text-primary, #292a2e)"
+                  color: me ? "var(--sa-background-brand, #04254f)" : "var(--sa-text-primary, #292a2e)"
                 }
               }
             ),
@@ -2623,7 +2623,7 @@ const Ui = (t, r) => {
                 {
                   placeholder: n,
                   leftIcon: /* @__PURE__ */ e(M, { name: "Search", width: 20, height: 20 }),
-                  onChange: (U) => ee(U.target.value),
+                  onChange: (U) => te(U.target.value),
                   value: q,
                   fullWidth: !0
                 },
@@ -4460,13 +4460,13 @@ const Yo = 240, Qn = ({
     hasColumns: V,
     orderedColumns: j,
     allVisible: q,
-    onToggleVisibility: ee,
-    onReorder: fe,
-    onSetAllHidden: me,
-    showSavedViews: te,
+    onToggleVisibility: te,
+    onReorder: me,
+    onSetAllHidden: ue,
+    showSavedViews: ee,
     savedViews: P,
     onApplyView: U,
-    onDeleteView: he,
+    onDeleteView: fe,
     onSaveView: De,
     leadingActions: se
   } = t, [ve, Te] = O(!1), { searchQueries: ke, setSearchParams: _e } = Ve(), Ne = (D == null ? void 0 : D.rangeStart) ?? (((D == null ? void 0 : D.currentPage) || 0) > 1 ? (((D == null ? void 0 : D.currentPage) || 0) - 1) * ((D == null ? void 0 : D.perPage) || 0) + 1 : 1), xe = (D == null ? void 0 : D.rangeEnd) ?? ((D == null ? void 0 : D.totalCurrentPage) !== (D == null ? void 0 : D.perPage) ? D == null ? void 0 : D.totalData : ((D == null ? void 0 : D.currentPage) || 1) * ((D == null ? void 0 : D.totalCurrentPage) || 0)), Ye = (et) => {
@@ -4531,12 +4531,12 @@ const Yo = 240, Qn = ({
                   style: { marginLeft: "auto" },
                   children: [
                     se,
-                    te && /* @__PURE__ */ e(
+                    ee && /* @__PURE__ */ e(
                       Xn,
                       {
                         views: P,
                         onApply: U,
-                        onDelete: he,
+                        onDelete: fe,
                         onSave: De
                       }
                     ),
@@ -4545,9 +4545,9 @@ const Yo = 240, Qn = ({
                       {
                         columns: j,
                         allVisible: q,
-                        onToggle: ee,
-                        onReorder: fe,
-                        onSetAllHidden: me
+                        onToggle: te,
+                        onReorder: me,
+                        onSetAllHidden: ue
                       }
                     ),
                     /* @__PURE__ */ e(
@@ -4642,13 +4642,13 @@ const Yo = 240, Qn = ({
 }) => {
   const j = I ?? (R == null ? void 0 : R.scopeId), {
     activeKeys: q,
-    configByKey: ee,
-    hasActiveFilter: fe,
-    toggleFilter: me,
-    removeFilter: te,
+    configByKey: te,
+    hasActiveFilter: me,
+    toggleFilter: ue,
+    removeFilter: ee,
     getValue: P,
     setValue: U,
-    clearValue: he,
+    clearValue: fe,
     clearAll: De
   } = Hr({
     configs: r,
@@ -4731,8 +4731,8 @@ const Yo = 240, Qn = ({
                 {
                   configs: r,
                   activeKeys: q,
-                  onToggle: me,
-                  hasActiveFilter: fe,
+                  onToggle: ue,
+                  hasActiveFilter: me,
                   onReset: xe
                 }
               ),
@@ -4751,14 +4751,14 @@ const Yo = 240, Qn = ({
                       Jn,
                       {
                         activeKeys: q,
-                        configByKey: ee,
+                        configByKey: te,
                         getValue: P,
                         setValue: U,
-                        clearValue: he,
-                        removeFilter: te
+                        clearValue: fe,
+                        removeFilter: ee
                       }
                     ),
-                    fe && /* @__PURE__ */ e(
+                    me && /* @__PURE__ */ e(
                       N,
                       {
                         variant: "link",
@@ -4818,13 +4818,13 @@ const Yo = 240, Qn = ({
       withPadding: t,
       configs: r,
       activeKeys: q,
-      configByKey: ee,
-      hasActiveFilter: fe,
-      toggleFilter: me,
-      removeFilter: te,
+      configByKey: te,
+      hasActiveFilter: me,
+      toggleFilter: ue,
+      removeFilter: ee,
       getValue: P,
       setValue: U,
-      clearValue: he,
+      clearValue: fe,
       onReset: xe,
       searchable: p,
       searchKey: g,
@@ -4914,8 +4914,8 @@ const Yo = 240, Qn = ({
       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;
-      z[ee] = q, C = !0;
+      const te = (d == null ? void 0 : d[L]) ?? L;
+      z[te] = q, C = !0;
     }
     return {
       params: z,
@@ -5594,12 +5594,12 @@ const Yo = 240, Qn = ({
   ), j = L ? w ?? null : H, q = (A) => {
     if (A.sortKey) return A.sortKey;
     if (typeof A.accessor == "string") return A.accessor;
-  }, ee = (A) => {
+  }, te = (A) => {
     const Z = q(A);
     if (!Z) return;
     let $;
     !j || j.key !== Z ? $ = { key: Z, direction: "asc" } : j.direction === "asc" ? $ = { key: Z, direction: "desc" } : $ = null, L || V($), R == null || R($);
-  }, me = [n, o, i].filter((A) => A !== void 0).length, te = !!x, P = !!n || !!o || !!i || te, U = "var(--sa-border-subtle, #0b120e24)", he = `1px solid ${U}`, De = `inset 1px 0 0 ${U}`, se = `inset -1px 0 0 ${U}`, ve = me === 3 ? te ? "178px" : "140px" : me === 2 ? te ? "140px" : "102px" : me === 1 ? te ? "112px" : "74px" : te ? "74px" : "", Te = (A, Z) => {
+  }, ue = [n, o, i].filter((A) => A !== void 0).length, ee = !!x, P = !!n || !!o || !!i || ee, U = "var(--sa-border-subtle, #0b120e24)", fe = `1px solid ${U}`, De = `inset 1px 0 0 ${U}`, se = `inset -1px 0 0 ${U}`, ve = ue === 3 ? ee ? "178px" : "140px" : ue === 2 ? ee ? "140px" : "102px" : ue === 1 ? ee ? "112px" : "74px" : ee ? "74px" : "", Te = (A, Z) => {
     if (!Z) return A;
     if (typeof Z == "function") return Z(A);
     if (typeof Z == "string") return A[Z];
@@ -5677,7 +5677,7 @@ const Yo = 240, Qn = ({
               "button",
               {
                 type: "button",
-                onClick: () => ee(A),
+                onClick: () => te(A),
                 title: Be === "asc" ? "Sorted ascending — click to sort descending" : Be === "desc" ? "Sorted descending — click to clear" : "Click to sort ascending",
                 style: {
                   flex: 1,
@@ -5713,8 +5713,8 @@ const Yo = 240, Qn = ({
                   left: $ ? G : void 0,
                   zIndex: $ ? 4 : 2,
                   paddingLeft: Z === 0 ? "12px" : "",
-                  borderRight: d && !Me && !$ ? he : void 0,
-                  borderBottom: d ? he : void 0,
+                  borderRight: d && !Me && !$ ? fe : void 0,
+                  borderBottom: d ? fe : void 0,
                   boxShadow: d && $ ? se : void 0,
                   backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)",
                   textAlign: A.textAlign === "text-right" ? "right" : A.textAlign === "text-center" ? "center" : "left",
@@ -5798,7 +5798,7 @@ const Yo = 240, Qn = ({
                 top: 0,
                 right: 0,
                 zIndex: 3,
-                borderBottom: d ? he : void 0,
+                borderBottom: d ? fe : void 0,
                 boxShadow: d && C ? De : void 0
               }
             }
@@ -5847,8 +5847,8 @@ const Yo = 240, Qn = ({
                   paddingLeft: G === 0 ? "12px" : "",
                   whiteSpace: "nowrap",
                   overflow: Xe ? "hidden" : void 0,
-                  borderLeft: $.showBorderLeft ? he : void 0,
-                  borderRight: $.showBorderRight ? he : void 0,
+                  borderLeft: $.showBorderLeft ? fe : void 0,
+                  borderRight: $.showBorderRight ? fe : void 0,
                   boxShadow: Ge ? se : void 0,
                   textAlign: $.textAlign === "text-right" ? "right" : $.textAlign === "text-center" ? "center" : "left",
                   ...S(G, $.width)
@@ -6222,10 +6222,10 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
   selectedKeys: V,
   defaultSelectedKeys: j,
   onSelectionChange: q,
-  isRowSelectable: ee
+  isRowSelectable: te
 }) => {
   xl();
-  const me = !Fe(B) && b !== "scroll", te = !!(L != null && L.length), [P, U] = O(null);
+  const ue = !Fe(B) && b !== "scroll", ee = !!(L != null && L.length), [P, U] = O(null);
   Y(() => {
     if (!P) return;
     const y = () => U(null), v = setTimeout(() => document.addEventListener("click", y), 0);
@@ -6233,7 +6233,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
       clearTimeout(v), document.removeEventListener("click", y);
     };
   }, [P]);
-  const [he, De] = O(
+  const [fe, De] = O(
     () => /* @__PURE__ */ new Set()
   ), se = a !== void 0, [ve, Te] = O({}), ke = a ?? ve, _e = (y) => {
     d == null || d(y), se || Te(y);
@@ -6331,19 +6331,19 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
       const v = T.filter((E, J) => y.has(rt(E, J)));
       q(Array.from(y), v);
     }
-  }, er = (y, v) => H && (ee ? ee(y, v) : !0), tr = (y) => {
+  }, er = (y, v) => H && (te ? te(y, v) : !0), tr = (y) => {
     const v = new Set(nt);
     v.has(y) ? v.delete(y) : v.add(y), qr(v);
   }, ft = pe(
     () => H ? T.map((y, v) => ({ row: y, i: v, key: rt(y, v) })).filter(
-      ({ row: y, i: v }) => ee ? ee(y, v) : !0
+      ({ row: y, i: v }) => te ? te(y, v) : !0
     ).map(({ key: y }) => y) : [],
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [H, T, ee, n]
+    [H, T, te, n]
   ), Ur = ft.filter((y) => nt.has(y)), rr = ft.length > 0 && Ur.length === ft.length, Jr = Ur.length > 0 && !rr, ni = () => {
     const y = new Set(nt);
     rr ? ft.forEach((v) => y.delete(v)) : ft.forEach((v) => y.add(v)), qr(y);
-  }, nr = (y, v, E) => y.render ? y.render(v, E, T) : Cl(v, y.accessor), ir = S.length + (H ? 1 : 0) + (te ? 1 : 0), Qr = ["80%", "55%", "70%", "45%", "90%", "60%"], ii = (y, v) => Qr[(y * 7 + v * 3) % Qr.length], oi = (y, v) => /* @__PURE__ */ e(Ke, { height: 14, width: ii(y, v), borderRadius: "rounded-sm" }), li = Array.from({ length: C }, (y, v) => /* @__PURE__ */ u(He, { children: [
+  }, nr = (y, v, E) => y.render ? y.render(v, E, T) : Cl(v, y.accessor), ir = S.length + (H ? 1 : 0) + (ee ? 1 : 0), Qr = ["80%", "55%", "70%", "45%", "90%", "60%"], ii = (y, v) => Qr[(y * 7 + v * 3) % Qr.length], oi = (y, v) => /* @__PURE__ */ e(Ke, { height: 14, width: ii(y, v), borderRadius: "rounded-sm" }), li = Array.from({ length: C }, (y, v) => /* @__PURE__ */ u(He, { children: [
     H && /* @__PURE__ */ e(Ee, { style: { width: Ct, padding: 0 }, children: /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(Ke, { height: 14, width: 14, borderRadius: "rounded-sm" }) }) }),
     S.map(({ col: E, key: J }, ne) => /* @__PURE__ */ e(
       Ee,
@@ -6353,7 +6353,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
       },
       `sa-tl-sk-${v}-${J}`
     )),
-    te && /* @__PURE__ */ e(Ee, { style: { width: 1, padding: 0, border: "none" } })
+    ee && /* @__PURE__ */ e(Ee, { style: { width: 1, padding: 0, border: "none" } })
   ] }, `sa-tl-sk-${v}`)), ci = (y, v) => {
     v || _e({
       ...ke,
@@ -6675,7 +6675,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(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));
+    const E = rt(y, v), J = fe.has(E), ae = H && nt.has(E) ? vr : It(o == null ? void 0 : o(y, v));
     return /* @__PURE__ */ u(
       "div",
       {
@@ -6737,7 +6737,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
                 ]
               }
             ),
-            te && ui(y, v)
+            ee && ui(y, v)
           ] }),
           J && /* @__PURE__ */ e(
             "div",
@@ -6790,7 +6790,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
                 sr(y, v)
               ),
               Kr(y, v),
-              te && di(y, v)
+              ee && di(y, v)
             ]
           },
           E
@@ -6819,7 +6819,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
         xi && /* @__PURE__ */ u("colgroup", { children: [
           H && /* @__PURE__ */ e("col", { style: { width: Ct } }),
           S.map(({ col: y, key: v }, E) => /* @__PURE__ */ e("col", { style: { width: ht(y, E) } }, `col-${v}`)),
-          te && /* @__PURE__ */ e("col", { style: { width: 1 } })
+          ee && /* @__PURE__ */ e("col", { style: { width: 1 } })
         ] }),
         /* @__PURE__ */ e(On, { ref: tt, children: _ ? /* @__PURE__ */ u(ie, { children: [
           /* @__PURE__ */ u(He, { children: [
@@ -6841,7 +6841,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
                 `grp-${y.key}`
               ) : or(y.leaves[0], { rowSpan: 2 })
             ),
-            te && /* @__PURE__ */ e(
+            ee && /* @__PURE__ */ e(
               ut,
               {
                 rowSpan: 2,
@@ -6864,7 +6864,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
         ] }) : /* @__PURE__ */ u(He, { children: [
           H && Xr(),
           hi(),
-          te && /* @__PURE__ */ e(
+          ee && /* @__PURE__ */ e(
             ut,
             {
               style: {
@@ -6928,7 +6928,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
                     `tl-cell-${v}-${oe}`
                   );
                 }),
-                te && /* @__PURE__ */ e(
+                ee && /* @__PURE__ */ e(
                   Ee,
                   {
                     style: {
@@ -6962,7 +6962,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
           overflow: "auto",
           height: W ?? ei
         },
-        children: me ? /* @__PURE__ */ u(ie, { children: [
+        children: ue ? /* @__PURE__ */ u(ie, { children: [
           yi,
           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
@@ -7027,7 +7027,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
   children: n,
   loading: o,
   isLoading: i
-}) => /* @__PURE__ */ e(ie, { children: i ? o : t ? n : r }), ue = (t) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(ie, { children: i ? o : t ? n : r }), he = (t) => /* @__PURE__ */ e(
   k,
   {
     ...t,
@@ -7064,7 +7064,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ue, { children: i.title }),
+                  /* @__PURE__ */ e(he, { children: i.title }),
                   /* @__PURE__ */ e(k, { fontSize: t, color: "gray-500", children: i.description })
                 ]
               }
@@ -7077,8 +7077,8 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(de, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ue, { fontSize: t, children: i.title }),
-                    /* @__PURE__ */ e(ue, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(he, { fontSize: t, children: i.title }),
+                    /* @__PURE__ */ e(he, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(ce, { condition: !!((c = i.tooltip) != null && c.label), children: /* @__PURE__ */ e(
                       ze,
                       {
@@ -7149,7 +7149,7 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ue, { children: i.title }),
+                  /* @__PURE__ */ e(he, { children: i.title }),
                   /* @__PURE__ */ e(k, { fontSize: t, color: "gray-500", children: i.description })
                 ]
               }
@@ -7162,8 +7162,8 @@ const is = gl(ml), Sn = 200, xr = "1px solid var(--sa-border-subtle, #0b120e24)"
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(de, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ue, { fontSize: t, children: i.title }),
-                    /* @__PURE__ */ e(ue, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(he, { fontSize: t, children: i.title }),
+                    /* @__PURE__ */ e(he, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(ce, { condition: !!((c = i.tooltip) != null && c.label), children: /* @__PURE__ */ e(
                       ze,
                       {
@@ -7651,7 +7651,7 @@ const Rl = (t) => {
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ue, { children: i.title }),
+                  /* @__PURE__ */ e(he, { children: i.title }),
                   /* @__PURE__ */ e(k, { fontSize: t, color: "gray-500", children: i.description })
                 ]
               }
@@ -7664,8 +7664,8 @@ const Rl = (t) => {
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(de, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ue, { fontSize: t, children: i.title }),
-                    /* @__PURE__ */ e(ue, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(he, { fontSize: t, children: i.title }),
+                    /* @__PURE__ */ e(he, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(ce, { condition: !!((c = i.tooltip) != null && c.label), children: /* @__PURE__ */ e(
                       ze,
                       {
@@ -7733,7 +7733,7 @@ const Rl = (t) => {
                 customMaxWidth: c,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ue, { children: l.title }),
+                  /* @__PURE__ */ e(he, { children: l.title }),
                   /* @__PURE__ */ e(Je.Body3, { props: { color: "gray-500" }, children: l.description })
                 ]
               }
@@ -7746,8 +7746,8 @@ const Rl = (t) => {
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(de, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ue, { fontSize: t, children: l.title }),
-                    /* @__PURE__ */ e(ue, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(he, { fontSize: t, children: l.title }),
+                    /* @__PURE__ */ e(he, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(ce, { condition: !!((a = l.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ze,
                       {
@@ -7849,7 +7849,7 @@ const Rl = (t) => {
             customMaxWidth: i,
             fullWidth: n,
             children: [
-              o.title && /* @__PURE__ */ e(ue, { children: o.title }),
+              o.title && /* @__PURE__ */ e(he, { children: o.title }),
               /* @__PURE__ */ e(ce, { condition: !!o.description, children: /* @__PURE__ */ e(k, { color: "gray-500", children: o.description }) })
             ]
           }
@@ -7933,7 +7933,7 @@ const Rl = (t) => {
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ue, { children: i.title }),
+                  /* @__PURE__ */ e(he, { children: i.title }),
                   /* @__PURE__ */ e(k, { fontSize: t, color: "gray-500", children: i.description })
                 ]
               }
@@ -7946,8 +7946,8 @@ const Rl = (t) => {
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(de, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ue, { fontSize: t, children: i.title }),
-                    /* @__PURE__ */ e(ue, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(he, { fontSize: t, children: i.title }),
+                    /* @__PURE__ */ e(he, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(ce, { condition: !!((c = i.tooltip) != null && c.label), children: /* @__PURE__ */ e(
                       ze,
                       {
@@ -8017,7 +8017,7 @@ const Rl = (t) => {
                 customMaxWidth: s,
                 fullWidth: i,
                 children: [
-                  /* @__PURE__ */ e(ue, { children: l.title }),
+                  /* @__PURE__ */ e(he, { children: l.title }),
                   /* @__PURE__ */ e(k, { fontSize: t, color: "gray-500", children: l.titleDescription })
                 ]
               }
@@ -8030,8 +8030,8 @@ const Rl = (t) => {
                 fullWidth: i,
                 children: [
                   /* @__PURE__ */ u(de, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ue, { fontSize: t, children: l.title }),
-                    /* @__PURE__ */ e(ue, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(he, { fontSize: t, children: l.title }),
+                    /* @__PURE__ */ e(he, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(ce, { condition: !!((c = l.tooltip) != null && c.label), children: /* @__PURE__ */ e(
                       ze,
                       {
@@ -8151,7 +8151,7 @@ const Rl = (t) => {
                 customMaxWidth: s,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ue, { children: i.title }),
+                  /* @__PURE__ */ e(he, { children: i.title }),
                   /* @__PURE__ */ e(k, { fontSize: t, color: "gray-500", children: i.description })
                 ]
               }
@@ -8164,8 +8164,8 @@ const Rl = (t) => {
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(de, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ue, { fontSize: t, children: i.title }),
-                    /* @__PURE__ */ e(ue, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(he, { fontSize: t, children: i.title }),
+                    /* @__PURE__ */ e(he, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(ce, { condition: !!((c = i.tooltip) != null && c.label), children: /* @__PURE__ */ e(
                       ze,
                       {
@@ -8278,10 +8278,10 @@ const Ln = {
       var De;
       const U = (De = P.target.files) == null ? void 0 : De[0];
       if (!U) return;
-      const he = new FileReader();
-      he.onload = () => {
-        b(he.result), F(!0);
-      }, he.readAsDataURL(U);
+      const fe = new FileReader();
+      fe.onload = () => {
+        b(fe.result), F(!0);
+      }, fe.readAsDataURL(U);
     }, V = async () => {
       if (!(!W || !R))
         try {
@@ -8305,9 +8305,9 @@ const Ln = {
         (P = j.current) == null || P.click();
       }
     }));
-    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(
+    const te = parseInt(l, 10), me = Ln[s];
+    let ue, ee;
+    return me >= 1 ? (ee = te, ue = te * me) : (ue = te, ee = te / me), /* @__PURE__ */ u(
       f,
       {
         direction: "column",
@@ -8322,9 +8322,9 @@ const Ln = {
         align: "center",
         justify: "center",
         style: {
-          width: c != null && c.fullWidth ? "100%" : `${me}px`,
-          height: c != null && c.fullWidth ? "auto" : `${te}px`,
-          aspectRatio: fe,
+          width: c != null && c.fullWidth ? "100%" : `${ue}px`,
+          height: c != null && c.fullWidth ? "auto" : `${ee}px`,
+          aspectRatio: me,
           flexShrink: 0
         },
         onMouseEnter: () => x(!0),
@@ -8462,7 +8462,7 @@ const Ln = {
                       borderRadius: "var(--sa-radii-md)",
                       boxShadow: "0 20px 60px rgba(0,0,0,0.3)",
                       overflow: "hidden",
-                      width: p ? s === "1:1" ? "min(90vw, 480px)" : `min(90vw, ${me * 2}px)` : "calc(100vw - 2rem)",
+                      width: p ? s === "1:1" ? "min(90vw, 480px)" : `min(90vw, ${ue * 2}px)` : "calc(100vw - 2rem)",
                       display: "flex",
                       flexDirection: "column"
                     },
@@ -8549,7 +8549,7 @@ const Ln = {
                 customMaxWidth: c,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ue, { children: l.title }),
+                  /* @__PURE__ */ e(he, { children: l.title }),
                   /* @__PURE__ */ e(k, { fontSize: t, color: "gray-500", children: l.description })
                 ]
               }
@@ -8562,8 +8562,8 @@ const Ln = {
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(de, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ue, { fontSize: t, children: l.title }),
-                    /* @__PURE__ */ e(ue, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(he, { fontSize: t, children: l.title }),
+                    /* @__PURE__ */ e(he, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(ce, { condition: !!((a = l.tooltip) != null && a.label), children: /* @__PURE__ */ e(
                       ze,
                       {
@@ -8624,7 +8624,7 @@ const Ln = {
                 customMaxWidth: l,
                 fullWidth: o,
                 children: [
-                  /* @__PURE__ */ e(ue, { children: i.title }),
+                  /* @__PURE__ */ e(he, { children: i.title }),
                   /* @__PURE__ */ e(k, { fontSize: t, color: "gray-500", children: i.description })
                 ]
               }
@@ -8637,8 +8637,8 @@ const Ln = {
                 fullWidth: o,
                 children: [
                   /* @__PURE__ */ u(de, { direction: "row", gap: "xs", align: "center", children: [
-                    /* @__PURE__ */ e(ue, { fontSize: t, children: i.title }),
-                    /* @__PURE__ */ e(ue, { color: "error", fontSize: t, children: n }),
+                    /* @__PURE__ */ e(he, { fontSize: t, children: i.title }),
+                    /* @__PURE__ */ e(he, { color: "error", fontSize: t, children: n }),
                     /* @__PURE__ */ e(ce, { condition: !!((s = i.tooltip) != null && s.label), children: /* @__PURE__ */ e(
                       ze,
                       {
@@ -8935,9 +8935,9 @@ const Es = ({
   contentProps: D
 }) => {
   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 = 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 ? {
+    const fe = !L;
+    I || C(fe), i == null || i(fe);
+  }, V = s === "left", j = typeof c == "number" ? `${c}px` : c, q = a !== void 0 ? typeof a == "number" ? `${a}px` : a : `calc(100vh - ${j})`, te = g ?? { collapse: "Collapse panel", expand: "Expand panel" }, me = m === "center" ? { top: "50%", transform: "translateY(-50%)" } : m === "bottom" ? { bottom: p } : { top: p }, ue = L ? V ? "ChevronRight" : "ChevronLeft" : V ? "ChevronLeft" : "ChevronRight", ee = B !== void 0 && (F === "mobile" ? !w : F), P = ee ? {
     position: "absolute",
     top: 0,
     bottom: 0,
@@ -9009,13 +9009,13 @@ const Es = ({
             justify: "center",
             position: "absolute",
             onClick: H,
-            "aria-label": L ? ee.expand : ee.collapse,
+            "aria-label": L ? te.expand : te.collapse,
             "aria-expanded": !L,
             "aria-pressed": L,
             customWidth: wr,
             customHeight: Kl,
             style: {
-              ...fe,
+              ...me,
               backgroundColor: Bn,
               border: ec,
               zIndex: 5,
@@ -9031,7 +9031,7 @@ const Es = ({
                 // boxShadow: "-2px 0 6px rgba(0, 0, 0, 0.04)",
               }
             },
-            children: /* @__PURE__ */ e(M, { name: me, size: "sm" })
+            children: /* @__PURE__ */ e(M, { name: ue, size: "sm" })
           }
         )
       ]
@@ -9049,7 +9049,7 @@ const Es = ({
         ...(z == null ? void 0 : z.style) ?? {}
       },
       children: [
-        !te && V ? U : null,
+        !ee && V ? U : null,
         /* @__PURE__ */ e(
           f,
           {
@@ -9065,8 +9065,8 @@ const Es = ({
             children: B
           }
         ),
-        !te && !V ? U : null,
-        te && /* @__PURE__ */ u(ie, { children: [
+        !ee && !V ? U : null,
+        ee && /* @__PURE__ */ u(ie, { children: [
           !L && /* @__PURE__ */ e(
             "div",
             {
@@ -10925,8 +10925,8 @@ function dc(t) {
       };
   }, [r, g]), Y(() => {
     if (!r || m) return;
-    const q = (ee) => {
-      ee.key === "Escape" && n();
+    const q = (te) => {
+      te.key === "Escape" && n();
     };
     return window.addEventListener("keydown", q), () => window.removeEventListener("keydown", q);
   }, [r, m, n]);