@starasia/admin 3.21.9 → 3.23.0

package/dist/index.es.js

@@ -54,7 +54,7 @@ export * from "@starasia/story-record";
 import { Skeleton as Re } from "@starasia/skeleton";
 export * from "@starasia/skeleton";
 export * from "@starasia/progress-stepper";
-import { jsx as e, jsxs as d, Fragment as X } from "react/jsx-runtime";
+import { jsx as e, jsxs as d, Fragment as J } from "react/jsx-runtime";
 import Ft, { createContext as St, useState as A, useContext as Et, useCallback as Ve, useMemo as De, memo as te, useEffect as U, useRef as le, useLayoutEffect as tt, isValidElement as rt, forwardRef as Mt, Children as Qt, useImperativeHandle as Yt } from "react";
 import { useSearchParams as Je, useNavigate as ct, useLocation as ze, Outlet as ut, Link as Xt, useParams as Lt } from "react-router";
 import Kt from "react-dom";
@@ -257,9 +257,9 @@ function cn({
   logoutButton: y
 }) {
   var ke, Ne;
-  const [b] = Je(), H = b.get("embed") === "true", D = Bt(), { badges: T } = nr(), Z = ct(), j = ze(), M = !ee("md"), [fe, G] = A(!1), [V, K] = A(!1), [oe, ce] = A(!1), [_, ae] = A(!1), [se, re] = A(/* @__PURE__ */ new Set()), [Q, q] = A(null), { selectedGroupId: z, setSelectedGroupId: I } = Ht(), Y = le(null), de = le(null);
+  const [b] = Je(), H = b.get("embed") === "true", D = Bt(), { badges: T } = nr(), Z = ct(), j = ze(), M = !ee("md"), [fe, Q] = A(!1), [V, K] = A(!1), [oe, ce] = A(!1), [_, ae] = A(!1), [se, re] = A(/* @__PURE__ */ new Set()), [Y, q] = A(null), { selectedGroupId: z, setSelectedGroupId: I } = Ht(), X = le(null), de = le(null);
   U(() => {
-    const m = Y.current;
+    const m = X.current;
     if (!m) return;
     const F = () => {
       ve || (je = m.scrollTop);
@@ -267,7 +267,7 @@ function cn({
     return m.addEventListener("scroll", F), () => m.removeEventListener("scroll", F);
   }, []);
   const he = () => {
-    const m = Y.current;
+    const m = X.current;
     m && je > 0 && (ve = !0, m.scrollTop = je, requestAnimationFrame(() => {
       ve = !1;
     }));
@@ -281,7 +281,7 @@ function cn({
   }, []), tt(() => {
     D.menus.length > 0 && (je > 0 ? he() : requestAnimationFrame(() => {
       var F;
-      const m = (F = Y.current) == null ? void 0 : F.querySelector(
+      const m = (F = X.current) == null ? void 0 : F.querySelector(
         "[data-menu-active='true']"
       );
       m && m.scrollIntoView({ block: "center", behavior: "instant" });
@@ -302,11 +302,11 @@ function cn({
     M && K(!0);
   }, [M]);
   const Me = () => {
-    G(!0);
+    Q(!0);
   }, Ie = () => {
-    G(!1);
+    Q(!1);
   }, Ge = () => {
-    G(!1), i();
+    Q(!1), i();
   }, Te = (m) => {
     const F = [m.to];
     return m.children && F.push(...m.children.map((S) => S.to)), F;
@@ -428,7 +428,7 @@ function cn({
                 ]
               }
             ),
-            (!V || M) && /* @__PURE__ */ d(X, { children: [
+            (!V || M) && /* @__PURE__ */ d(J, { children: [
               /* @__PURE__ */ e(
                 "span",
                 {
@@ -608,7 +608,7 @@ function cn({
       })()
     ] }, m.id);
   };
-  return /* @__PURE__ */ d(X, { children: [
+  return /* @__PURE__ */ d(J, { children: [
     /* @__PURE__ */ d(
       "div",
       {
@@ -672,7 +672,7 @@ function cn({
                     },
                     children: (() => {
                       const m = !M && V && !oe, F = m && _;
-                      return /* @__PURE__ */ d(X, { children: [
+                      return /* @__PURE__ */ d(J, { children: [
                         /* @__PURE__ */ d(
                           "div",
                           {
@@ -822,7 +822,7 @@ function cn({
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    ref: Y,
+                    ref: X,
                     style: {
                       flex: 1,
                       overflowY: "auto",
@@ -1213,7 +1213,7 @@ function cn({
         /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(B, { primary: !0, onClick: Ge, children: "Yes, Sure" }) })
       ] }) }) })
     ] }),
-    Q && /* @__PURE__ */ d(X, { children: [
+    Y && /* @__PURE__ */ d(J, { children: [
       /* @__PURE__ */ e(
         "div",
         {
@@ -1230,11 +1230,11 @@ function cn({
         "div",
         {
           role: "dialog",
-          "aria-label": Q.item.title,
+          "aria-label": Y.item.title,
           style: {
             position: "fixed",
-            top: Q.top,
-            left: Q.left,
+            top: Y.top,
+            left: Y.left,
             zIndex: 61,
             minWidth: "13rem",
             maxWidth: "16rem",
@@ -1259,10 +1259,10 @@ function cn({
                   textTransform: "uppercase",
                   letterSpacing: "0.05em"
                 },
-                children: Q.item.title
+                children: Y.item.title
               }
             ),
-            (Ne = Q.item.children) == null ? void 0 : Ne.map((m) => {
+            (Ne = Y.item.children) == null ? void 0 : Ne.map((m) => {
               const F = ie(m.to), S = Ye(
                 m.badge,
                 T[m.id]
@@ -1481,7 +1481,7 @@ function an({
     }
     t == null || t(f);
   };
-  return /* @__PURE__ */ d(X, { children: [
+  return /* @__PURE__ */ d(J, { children: [
     /* @__PURE__ */ d("div", { style: { position: "relative" }, children: [
       /* @__PURE__ */ e(
         "button",
@@ -1841,16 +1841,16 @@ const sn = te(
     }
     g(-1, { replace: !0 });
   }, H = () => o ? rt(o) ? o : /* @__PURE__ */ e(u, { direction: "row", gap: "lg", children: o.map(
-    ({ title: j, icon: J, buttonProps: M, onClick: fe }, G) => !j && !J ? null : /* @__PURE__ */ e(
+    ({ title: j, icon: G, buttonProps: M, onClick: fe }, Q) => !j && !G ? null : /* @__PURE__ */ e(
       B,
       {
         fullWidth: !f,
-        iconLeft: J ? /* @__PURE__ */ e(k, { name: J, size: "md" }) : void 0,
+        iconLeft: G ? /* @__PURE__ */ e(k, { name: G, size: "md" }) : void 0,
         onClick: fe,
         ...M,
         children: j
       },
-      `action-${G}`
+      `action-${Q}`
     )
   ) }) : null, D = () => {
     const j = /* @__PURE__ */ e(ur, { backButton: t });
@@ -1864,8 +1864,8 @@ const sn = te(
       }
     ) }) : /* @__PURE__ */ e(u, { direction: "row", children: /* @__PURE__ */ e(Vt, { onClick: b, children: j }) });
   }, T = () => {
-    const j = !!r, J = rt(o) ? !0 : Array.isArray(o) && o.length > 0;
-    return !j && !J && !y ? null : /* @__PURE__ */ d(
+    const j = !!r, G = rt(o) ? !0 : Array.isArray(o) && o.length > 0;
+    return !j && !G && !y ? null : /* @__PURE__ */ d(
       u,
       {
         gap: "xs",
@@ -1874,7 +1874,7 @@ const sn = te(
         ...h,
         children: [
           y && D(),
-          (j || J) && /* @__PURE__ */ d(
+          (j || G) && /* @__PURE__ */ d(
             u,
             {
               direction: f ? "row" : "column",
@@ -2342,7 +2342,7 @@ const sn = te(
   titleSearchLabel: H = "Work Order",
   withTitleLabels: D = !1
 }) => {
-  const Z = (y == null ? void 0 : y.isShowLabel) ?? !0, [j, J] = A(!1), [M, fe] = A(0), G = () => {
+  const Z = (y == null ? void 0 : y.isShowLabel) ?? !0, [j, G] = A(!1), [M, fe] = A(0), Q = () => {
     fe((I) => I + 1);
   }, { searchParams: V, setSearchParams: K, getQueryParam: oe } = at(), ce = qe(V.toString()), _ = Nr(t, V, a) || "", [ae, se] = A(_), re = oe(a), q = !!(re && !(() => {
     if (re)
@@ -2395,14 +2395,14 @@ const sn = te(
           {
             onClick: () => {
               const I = new URLSearchParams(V);
-              I.delete(a), K(I), se(""), G(), g && g();
+              I.delete(a), K(I), se(""), Q(), g && g();
             },
             variant: "outline",
             tone: "neutral",
             children: /* @__PURE__ */ e(C, { color: "error", fontWeight: "semibold", children: "Reset" })
           }
         ) }),
-        i == null ? void 0 : i.map(({ minWidth: I, content: Y, title: de, onClickContainer: he }, Me) => /* @__PURE__ */ d(
+        i == null ? void 0 : i.map(({ minWidth: I, content: X, title: de, onClickContainer: he }, Me) => /* @__PURE__ */ d(
           u,
           {
             gap: "sm",
@@ -2412,7 +2412,7 @@ const sn = te(
             },
             children: [
               de && /* @__PURE__ */ e(me.SubH3, { children: de }),
-              Y
+              X
             ]
           },
           `extended-filter-${Me}-${M}`
@@ -2433,7 +2433,7 @@ const sn = te(
               }
             ),
             fullWidth: !z,
-            onClick: () => J(!0),
+            onClick: () => G(!0),
             children: Z ? "Filter" : void 0
           }
         ),
@@ -2525,7 +2525,7 @@ const sn = te(
           Zr,
           {
             isOpen: j,
-            onClose: () => J(!1),
+            onClose: () => G(!1),
             filterKey: a,
             filters: p,
             pageKey: h
@@ -2565,35 +2565,37 @@ const sn = te(
 }, _r = ({
   action: t,
   rightContent: r,
-  advanceFilter: n,
-  showFilter: l = !0
+  leftContent: n,
+  headerSlot: l,
+  advanceFilter: i,
+  showFilter: o = !0
 }) => {
-  const i = ee("md"), o = () => t ? rt(t) ? t : /* @__PURE__ */ e(
+  const s = ee("md"), a = () => t ? rt(t) ? t : /* @__PURE__ */ e(
     u,
     {
       style: {
         display: "flex",
-        flexDirection: i ? "row" : "column",
+        flexDirection: s ? "row" : "column",
         gap: "8px",
-        width: i ? "auto" : "100%",
+        width: s ? "auto" : "100%",
         textWrap: "nowrap"
       },
       children: t.map(
-        ({ title: s, icon: a, buttonProps: h, onClick: f }, g) => !s && !a ? null : /* @__PURE__ */ e(
+        ({ title: h, icon: f, buttonProps: g, onClick: p }, y) => !h && !f ? null : /* @__PURE__ */ e(
           B,
           {
-            fullWidth: !i,
-            iconLeft: a ? /* @__PURE__ */ e(k, { name: a }) : void 0,
-            onClick: f,
-            ...h,
-            children: s
+            fullWidth: !s,
+            iconLeft: f ? /* @__PURE__ */ e(k, { name: f }) : void 0,
+            onClick: p,
+            ...g,
+            children: h
           },
-          `action-${g}`
+          `action-${y}`
         )
       )
     }
   ) : null;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(
     u,
     {
       style: {
@@ -2609,16 +2611,19 @@ const sn = te(
         flexShrink: 0,
         position: "relative",
         zIndex: 10,
-        flexDirection: i ? "row" : "column-reverse",
+        flexDirection: s ? "row" : "column-reverse",
         gap: "16px"
       },
-      children: [
-        l && /* @__PURE__ */ e(jr, { ...n }),
-        /* @__PURE__ */ d(u, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center" }, children: [
+      children: l || /* @__PURE__ */ d(J, { children: [
+        /* @__PURE__ */ d(u, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flex: 1, minWidth: 0 }, children: [
+          o && /* @__PURE__ */ e(jr, { ...i }),
+          n
+        ] }),
+        /* @__PURE__ */ d(u, { style: { display: "flex", gap: "8px", flexDirection: "row", alignItems: "center", flexShrink: 0 }, children: [
           r,
-          o()
+          a()
         ] })
-      ]
+      ] })
     }
   );
 }, Ur = ({
@@ -2685,7 +2690,7 @@ const sn = te(
         borderTop: "1px solid var(--sa-border-subtle, #0b120e24)",
         flexShrink: 0
       },
-      children: i ? /* @__PURE__ */ d(X, { children: [
+      children: i ? /* @__PURE__ */ d(J, { children: [
         /* @__PURE__ */ d(u, { style: { display: "flex", flexDirection: "row", gap: "8px", alignItems: "center", textWrap: "nowrap" }, children: [
           /* @__PURE__ */ e(C, { children: "Rows Per Page: " }),
           /* @__PURE__ */ e(
@@ -3093,10 +3098,10 @@ const sn = te(
   enableColumnResize: T = !1,
   defaultColumnWidths: Z,
   onColumnWidthsChange: j,
-  defaultMinColumnWidth: J = 60,
+  defaultMinColumnWidth: G = 60,
   sort: M,
   defaultSort: fe,
-  onSortChange: G,
+  onSortChange: Q,
   showActionDivider: V = !1
 }) => {
   const K = M !== void 0, [oe, ce] = A(
@@ -3108,8 +3113,8 @@ const sn = te(
     const w = ae(x);
     if (!w) return;
     let v;
-    !_ || _.key !== w ? v = { key: w, direction: "asc" } : _.direction === "asc" ? v = { key: w, direction: "desc" } : v = null, K || ce(v), G == null || G(v);
-  }, Q = [n, l, i].filter((x) => x !== void 0).length, q = !!b, z = !!n || !!l || !!i || q, I = "var(--sa-border-subtle, #0b120e24)", Y = `1px solid ${I}`, de = `inset 1px 0 0 ${I}`, he = `inset -1px 0 0 ${I}`, Me = Q === 3 ? q ? "178px" : "140px" : Q === 2 ? q ? "140px" : "102px" : Q === 1 ? q ? "112px" : "74px" : q ? "74px" : "", Ie = (x, w) => {
+    !_ || _.key !== w ? v = { key: w, direction: "asc" } : _.direction === "asc" ? v = { key: w, direction: "desc" } : v = null, K || ce(v), Q == null || Q(v);
+  }, Y = [n, l, i].filter((x) => x !== void 0).length, q = !!b, z = !!n || !!l || !!i || q, I = "var(--sa-border-subtle, #0b120e24)", X = `1px solid ${I}`, de = `inset 1px 0 0 ${I}`, he = `inset -1px 0 0 ${I}`, Me = Y === 3 ? q ? "178px" : "140px" : Y === 2 ? q ? "140px" : "102px" : Y === 1 ? q ? "112px" : "74px" : q ? "74px" : "", Ie = (x, w) => {
     if (!w) return x;
     if (typeof w == "function") return w(x);
     if (typeof w == "string") return x[w];
@@ -3156,7 +3161,7 @@ const sn = te(
       var Fe;
       const ye = ke.current;
       if (!ye) return;
-      const Ze = ((Fe = t[ye.colIndex]) == null ? void 0 : Fe.minWidth) ?? J, Ae = Math.max(Ze, ye.startWidth + (xe.clientX - ye.startX));
+      const Ze = ((Fe = t[ye.colIndex]) == null ? void 0 : Fe.minWidth) ?? G, Ae = Math.max(Ze, ye.startWidth + (xe.clientX - ye.startX));
       Be(
         (Qe) => Qe[ye.colIndex] === Ae ? Qe : { ...Qe, [ye.colIndex]: Ae }
       );
@@ -3186,8 +3191,8 @@ const sn = te(
                   left: v ? L : void 0,
                   zIndex: v ? 4 : 2,
                   paddingLeft: w === 0 ? "12px" : "",
-                  borderRight: f && !pe && !v ? Y : void 0,
-                  borderBottom: f ? Y : void 0,
+                  borderRight: f && !pe && !v ? X : void 0,
+                  borderBottom: f ? X : void 0,
                   boxShadow: f && v ? he : void 0,
                   backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)",
                   textAlign: x.textAlign === "text-right" ? "right" : x.textAlign === "text-center" ? "center" : "left",
@@ -3321,7 +3326,7 @@ const sn = te(
                 top: 0,
                 right: 0,
                 zIndex: 3,
-                borderBottom: f ? Y : void 0,
+                borderBottom: f ? X : void 0,
                 boxShadow: f && V ? de : void 0
               }
             }
@@ -3370,8 +3375,8 @@ const sn = te(
                   paddingLeft: L === 0 ? "12px" : "",
                   whiteSpace: "nowrap",
                   overflow: be ? "hidden" : void 0,
-                  borderLeft: v.showBorderLeft ? Y : void 0,
-                  borderRight: v.showBorderRight ? Y : void 0,
+                  borderLeft: v.showBorderLeft ? X : void 0,
+                  borderRight: v.showBorderRight ? X : void 0,
                   boxShadow: xe ? he : void 0,
                   textAlign: v.textAlign === "text-right" ? "right" : v.textAlign === "text-center" ? "center" : "left",
                   ...m(L, v.width)
@@ -3497,7 +3502,7 @@ const Dn = Xr(Yr), st = ({
   children: n,
   loading: l,
   isLoading: i
-}) => /* @__PURE__ */ e(X, { children: i ? l : t ? n : r }), N = (t) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(J, { children: i ? l : t ? n : r }), N = (t) => /* @__PURE__ */ e(
   C,
   {
     ...t,
@@ -4021,7 +4026,7 @@ const di = (t) => {
     }
     n.current && n.current.click();
   }, i = ee("md");
-  return /* @__PURE__ */ d(X, { children: [
+  return /* @__PURE__ */ d(J, { children: [
     /* @__PURE__ */ e(
       "input",
       {
@@ -4714,7 +4719,7 @@ const Ct = {
     maxFileSize: h = 2,
     onError: f
   }, g) => {
-    const p = ee("md"), [y, b] = A(!1), [H, D] = A(null), [T, Z] = A(!1), [j, J] = A({ x: 0, y: 0 }), [M, fe] = A(1), [G, V] = A(null);
+    const p = ee("md"), [y, b] = A(!1), [H, D] = A(null), [T, Z] = A(!1), [j, G] = A({ x: 0, y: 0 }), [M, fe] = A(1), [Q, V] = A(null);
     U(() => {
       r === null && i(null);
     }, [r]);
@@ -4727,14 +4732,14 @@ const Ct = {
       var de;
       const I = (de = z.target.files) == null ? void 0 : de[0];
       if (!I) return;
-      const Y = new FileReader();
-      Y.onload = () => {
-        D(Y.result), Z(!0);
-      }, Y.readAsDataURL(I);
+      const X = new FileReader();
+      X.onload = () => {
+        D(X.result), Z(!0);
+      }, X.readAsDataURL(I);
     }, ce = async () => {
-      if (!(!H || !G))
+      if (!(!H || !Q))
         try {
-          const z = await Di(H, G);
+          const z = await Di(H, Q);
           if (h && z.size > h * 1024 * 1024) {
             f == null || f(`Ukuran file maksimal ${h}MB`);
             return;
@@ -4755,8 +4760,8 @@ const Ct = {
       }
     }));
     const se = parseInt(o, 10), re = Ct[s];
-    let Q, q;
-    return re >= 1 ? (q = se, Q = se * re) : (Q = se, q = se / re), /* @__PURE__ */ d(
+    let Y, q;
+    return re >= 1 ? (q = se, Y = se * re) : (Y = se, q = se / re), /* @__PURE__ */ d(
       u,
       {
         display: "flex",
@@ -4770,7 +4775,7 @@ const Ct = {
         align: "center",
         justify: "center",
         style: {
-          width: a != null && a.fullWidth ? "100%" : `${Q}px`,
+          width: a != null && a.fullWidth ? "100%" : `${Y}px`,
           height: a != null && a.fullWidth ? "auto" : `${q}px`,
           aspectRatio: re,
           flexShrink: 0
@@ -4907,7 +4912,7 @@ const Ct = {
                       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, ${Q * 2}px)` : "calc(100vw - 2rem)",
+                      width: p ? s === "1:1" ? "min(90vw, 480px)" : `min(90vw, ${Y * 2}px)` : "calc(100vw - 2rem)",
                       display: "flex",
                       flexDirection: "column"
                     },
@@ -4929,7 +4934,7 @@ const Ct = {
                               crop: j,
                               zoom: M,
                               aspect: s ? Ct[s] : void 0,
-                              onCropChange: J,
+                              onCropChange: G,
                               onZoomChange: fe,
                               onCropComplete: K,
                               objectFit: "contain",
@@ -5306,7 +5311,7 @@ const Ct = {
   accent: "#78867F"
 };
 function Si({ width: t, height: r }) {
-  return /* @__PURE__ */ e(X, { children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ d(
     "svg",
     {
       width: t || "100",
@@ -5463,9 +5468,9 @@ const _n = ({
   const g = () => {
     switch (l) {
       case "primary":
-        return /* @__PURE__ */ e(X, { children: o ? /* @__PURE__ */ e(B, { primary: !0, iconLeft: o, onClick: n, children: h || t }) : /* @__PURE__ */ e(B, { primary: !0, onClick: n, children: h || t }) });
+        return /* @__PURE__ */ e(J, { children: o ? /* @__PURE__ */ e(B, { primary: !0, iconLeft: o, onClick: n, children: h || t }) : /* @__PURE__ */ e(B, { primary: !0, onClick: n, children: h || t }) });
       case "secondary":
-        return /* @__PURE__ */ e(X, { children: o ? /* @__PURE__ */ e(B, { secondary: !0, iconLeft: o, onClick: n, children: i ? /* @__PURE__ */ e(
+        return /* @__PURE__ */ e(J, { children: o ? /* @__PURE__ */ e(B, { secondary: !0, iconLeft: o, onClick: n, children: i ? /* @__PURE__ */ e(
           C,
           {
             fontFamily: "Poppins",
@@ -5476,9 +5481,9 @@ const _n = ({
           }
         ) : t }) : /* @__PURE__ */ e(B, { secondary: !0, onClick: n, children: h || t }) });
       case "success":
-        return /* @__PURE__ */ e(X, { children: o ? /* @__PURE__ */ e(B, { success: !0, iconLeft: o, onClick: n, children: h || t }) : /* @__PURE__ */ e(B, { success: !0, onClick: n, children: h || t }) });
+        return /* @__PURE__ */ e(J, { children: o ? /* @__PURE__ */ e(B, { success: !0, iconLeft: o, onClick: n, children: h || t }) : /* @__PURE__ */ e(B, { success: !0, onClick: n, children: h || t }) });
       default:
-        return /* @__PURE__ */ e(X, { children: o ? /* @__PURE__ */ e(B, { primary: !0, iconLeft: o, onClick: n, children: h || t }) : /* @__PURE__ */ e(B, { primary: !0, onClick: n, children: h || t }) });
+        return /* @__PURE__ */ e(J, { children: o ? /* @__PURE__ */ e(B, { primary: !0, iconLeft: o, onClick: n, children: h || t }) : /* @__PURE__ */ e(B, { primary: !0, onClick: n, children: h || t }) });
     }
   };
   return /* @__PURE__ */ d(
@@ -5520,7 +5525,7 @@ const _n = ({
   cFFFFFF: "#FFFFFF"
 };
 function Ei({ width: t, height: r }) {
-  return /* @__PURE__ */ e(X, { children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ d(
     "svg",
     {
       width: t,
@@ -5780,7 +5785,7 @@ const W = {
   cFFFFFF: "#FFFFFF"
 };
 function Mi({ width: t, height: r }) {
-  return /* @__PURE__ */ e(X, { children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ d(
     "svg",
     {
       width: t,
@@ -6031,7 +6036,7 @@ const c = {
   cFFFFFF: "#FFFFFF"
 };
 function Li({ width: t, height: r }) {
-  return /* @__PURE__ */ e(X, { children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ d(
     "svg",
     {
       width: t,
@@ -6822,12 +6827,12 @@ const Jn = (t) => {
     footerProps: D = { borderTop: !0 },
     variantTag: T = "info"
   }) => {
-    const Z = le(null), [j, J] = A("100vh");
+    const Z = le(null), [j, G] = A("100vh");
     U(() => {
       const V = () => {
         if (Z.current) {
           const K = Z.current.getBoundingClientRect().top;
-          J(`calc(100vh - ${K}px)`);
+          G(`calc(100vh - ${K}px)`);
         }
       };
       return V(), window.addEventListener("resize", V), () => window.removeEventListener("resize", V);
@@ -6847,7 +6852,7 @@ const Jn = (t) => {
           /* @__PURE__ */ e(u, { ...p, children: g ?? null })
         ]
       }
-    ), G = !!(s || h || g);
+    ), Q = !!(s || h || g);
     return /* @__PURE__ */ d(
       u,
       {
@@ -6867,7 +6872,7 @@ const Jn = (t) => {
           ...(y == null ? void 0 : y.style) ?? {}
         },
         children: [
-          s !== null && G ? /* @__PURE__ */ e(zt, { ...H, children: fe() }) : null,
+          s !== null && Q ? /* @__PURE__ */ e(zt, { ...H, children: fe() }) : null,
           /* @__PURE__ */ e(
             u,
             {