1mpacto-react-ui 0.0.118 → 0.0.119

package/dist/index.mjs

@@ -2,7 +2,7 @@ var vC = Object.defineProperty;
 var yC = (e, t, n) => t in e ? vC(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ae = (e, t, n) => yC(e, typeof t != "symbol" ? t + "" : t, n);
 import * as W from "react";
-import B, { useRef as me, useLayoutEffect as ji, useEffect as Me, useState as ye, useSyncExternalStore as xC, isValidElement as Se, cloneElement as Io, forwardRef as on, useImperativeHandle as CC, useCallback as Be, useMemo as _e, useContext as Tr, createContext as r1, Component as wC, Fragment as Pl, createElement as i1 } from "react";
+import B, { useRef as me, useLayoutEffect as ji, useEffect as ke, useState as ye, useSyncExternalStore as xC, isValidElement as Se, cloneElement as Io, forwardRef as on, useImperativeHandle as CC, useCallback as Be, useMemo as _e, useContext as Tr, createContext as r1, Component as wC, Fragment as Pl, createElement as i1 } from "react";
 import * as a1 from "react-dom";
 import DC, { createPortal as hf } from "react-dom";
 function Gn(e) {
@@ -3084,7 +3084,7 @@ function Ow() {
       }
     }
     var pt = Array.isArray;
-    function ke(N) {
+    function Me(N) {
       return pt(N);
     }
     function Re(N) {
@@ -3259,7 +3259,7 @@ Check the top-level render call using <` + Q + ">.");
       {
         if (typeof N != "object")
           return;
-        if (ke(N))
+        if (Me(N))
           for (var Q = 0; Q < N.length; Q++) {
             var xe = N[Q];
             rc(xe) && ig(xe, U);
@@ -3321,7 +3321,7 @@ Check the top-level render call using <` + Q + ">.");
           var Lt = lC();
           Lt ? Ae += Lt : Ae += ng();
           var bt;
-          N === null ? bt = "null" : ke(N) ? bt = "array" : N !== void 0 && N.$$typeof === t ? (bt = "<" + (T(N.type) || "Unknown") + " />", Ae = " Did you accidentally export a JSX literal instead of a component?") : bt = typeof N, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", bt, Ae);
+          N === null ? bt = "null" : Me(N) ? bt = "array" : N !== void 0 && N.$$typeof === t ? (bt = "<" + (T(N.type) || "Unknown") + " />", Ae = " Did you accidentally export a JSX literal instead of a component?") : bt = typeof N, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", bt, Ae);
         }
         var yt = sC(N, U, Q, ze, Qe);
         if (yt == null)
@@ -3330,7 +3330,7 @@ Check the top-level render call using <` + Q + ">.");
           var yn = U.children;
           if (yn !== void 0)
             if (xe)
-              if (ke(yn)) {
+              if (Me(yn)) {
                 for (var Ji = 0; Ji < yn.length; Ji++)
                   ag(yn[Ji], N);
                 Object.freeze && Object.freeze(yn);
@@ -3401,7 +3401,7 @@ function _u(e) {
         D.target === d.current && (f(), v.removeEventListener("animationend", x), v.removeEventListener("animationcancel", x), b.current === 0 && D.type !== "animationcancel" && v.classList.remove(...y));
       };
       v.classList.add(...y), v.addEventListener("animationend", x), v.addEventListener("animationcancel", x);
-    }, []), Me(() => {
+    }, []), ke(() => {
       const v = d.current, y = () => {
         v.removeEventListener("animationend", y), i ? Nw(v, c, a) : c();
       };
@@ -3529,7 +3529,7 @@ function Hw(e) {
       x.style.transition = "transform 0.2s, opacity 0.2s", x.style.removeProperty("transform"), x.style.removeProperty("opacity");
     }
   }
-  (f = Wt.get((h = { id: e.toastId, containerId: e.containerId, fn: n }).containerId || 1)) == null || f.setToggle(h.id, h.fn), Me(() => {
+  (f = Wt.get((h = { id: e.toastId, containerId: e.containerId, fn: n }).containerId || 1)) == null || f.setToggle(h.id, h.fn), ke(() => {
     if (e.pauseOnFocusLoss) return document.hasFocus() || p(), window.addEventListener("focus", g), window.addEventListener("blur", p), () => {
       window.removeEventListener("focus", g), window.removeEventListener("blur", p);
     };
@@ -3622,7 +3622,7 @@ Ye.loading = (e, t) => fo(e, Bl("default", { isLoading: !0, autoClose: !1, close
     dd.delete(e);
   };
 }, Ye.play = (e) => xg(!0, e), Ye.pause = (e) => xg(!1, e);
-const Gw = typeof window < "u" ? ji : Me, Fs = (e) => {
+const Gw = typeof window < "u" ? ji : ke, Fs = (e) => {
   let { theme: t, type: n, isLoading: r, ...i } = e;
   return B.createElement("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%", fill: t === "colored" ? "currentColor" : `var(--toastify-icon-color-${n})`, ...i });
 }, sc = { info: function(e) {
@@ -6033,7 +6033,7 @@ const K5 = k5, q5 = F5, Q5 = M5, eS = T5, Mg = R5, tS = (e, t, n) => {
     platform: a
   });
 };
-var bl = typeof document < "u" ? ji : Me;
+var bl = typeof document < "u" ? ji : ke;
 function zl(e, t) {
   if (e === t)
     return !0;
@@ -6241,7 +6241,7 @@ function di(e, t) {
   });
   i ? a() : Ng = requestAnimationFrame(a);
 }
-var zt = typeof document < "u" ? ji : Me;
+var zt = typeof document < "u" ? ji : ke;
 function Ao() {
   return Ao = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -7405,7 +7405,7 @@ const zS = "_popover_7cinv_1", GS = {
   }), m = TS(A), C = MS(A), I = LS(A), { getReferenceProps: S, getFloatingProps: $ } = NS([m, C, I]), { styles: T, isMounted: R } = WS(A), k = (F) => {
     w.setReference(F.currentTarget), D((M) => !M), x && g();
   };
-  Me(() => {
+  ke(() => {
     a && o ? k({ currentTarget: o }) : a || D(!1);
   }, [a, o]), CC(
     t,
@@ -12281,9 +12281,9 @@ const XE = /* @__PURE__ */ We(
               return zE(gm(Yi, ec, Z));
             }
             const pt = Jb(Ze, be, ee);
-            let ke, Re;
-            he ? X === 0 && K === 0 && pe > 0 ? (ke = 0, Re = pe - 1) : (ke = pt * Kl((X + it) / (re + it)), Re = pt * hm((K + it) / (re + it)) - 1, Re = Dc(V - 1, po(Re, pt - 1)), ke = Dc(Re, po(0, ke))) : (ke = 0, Re = -1);
-            const Zt = gm(ke, Re, Z), { top: Yt, bottom: Ut } = mm(ie, te, ue, Zt), ur = hm(V / pt), Es = ur * re + (ur - 1) * it - Ut;
+            let Me, Re;
+            he ? X === 0 && K === 0 && pe > 0 ? (Me = 0, Re = pe - 1) : (Me = pt * Kl((X + it) / (re + it)), Re = pt * hm((K + it) / (re + it)) - 1, Re = Dc(V - 1, po(Re, pt - 1)), Me = Dc(Re, po(0, Me))) : (Me = 0, Re = -1);
+            const Zt = gm(Me, Re, Z), { top: Yt, bottom: Ut } = mm(ie, te, ue, Zt), ur = hm(V / pt), Es = ur * re + (ur - 1) * it - Ut;
             return { items: Zt, offsetTop: Yt, offsetBottom: Es, top: Yt, bottom: Ut, itemHeight: re, itemWidth: be };
           }
         )
@@ -12771,7 +12771,7 @@ const r_ = /* @__PURE__ */ We(() => {
       C(R - y);
     }
   };
-  return Me(() => {
+  return ke(() => {
     const T = setTimeout($, x);
     return window == null || window.addEventListener("resize", $), window == null || window.addEventListener("load", $), () => {
       clearTimeout(T), window == null || window.removeEventListener("resize", $), window == null || window.removeEventListener("load", $);
@@ -12816,7 +12816,7 @@ const v_ = "_sorting_1tyuq_45", Bn = {
 }, ea = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.6673%2011.3333L8.00065%2014M8.00065%2014L5.33398%2011.3333M8.00065%2014V2'%20stroke='%23CFD8DC'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
 function T8(e, t = null) {
   const [n, r] = ye(!1);
-  return Me(() => {
+  return ke(() => {
     let i = null, a = null;
     const o = () => {
       const s = i instanceof HTMLElement ? i.getBoundingClientRect().width : window.innerWidth, l = window.matchMedia(e.replace("WIDTH", s.toString()));
@@ -12878,7 +12878,7 @@ function k8(e, t = 0) {
     [e, t]
   );
 }
-const Uf = typeof window < "u" ? ji : Me, M8 = (e, t) => {
+const Uf = typeof window < "u" ? ji : ke, M8 = (e, t) => {
   const [n, r] = ye({
     width: 0,
     height: 0
@@ -12923,7 +12923,7 @@ const Uf = typeof window < "u" ? ji : Me, M8 = (e, t) => {
 };
 function B8(e) {
   const [t, n] = ye(e), r = me(t);
-  return Me(() => {
+  return ke(() => {
     r.current = t;
   }, [t]), [t, n, r];
 }
@@ -13387,7 +13387,7 @@ const D_ = ({ style: e, context: t, ...n }) => /* @__PURE__ */ E.jsx(
       m(T - v);
     }
   };
-  return Me(() => {
+  return ke(() => {
     const $ = setTimeout(S, y);
     return window == null || window.addEventListener("resize", S), window == null || window.addEventListener("load", S), () => {
       clearTimeout($), window == null || window.removeEventListener("resize", S), window == null || window.removeEventListener("load", S);
@@ -16612,7 +16612,7 @@ function rR(e) {
   }, [f, h, d]), p = Be(function(b) {
     b && (b.removeEventListener("wheel", d, !1), b.removeEventListener("touchstart", h, !1), b.removeEventListener("touchmove", f, !1));
   }, [f, h, d]);
-  return Me(function() {
+  return ke(function() {
     if (t) {
       var b = u.current;
       return g(b), function() {
@@ -16672,7 +16672,7 @@ function iR(e) {
       }), u && Zm() && (u.removeEventListener("touchmove", zm, ta), l && (l.removeEventListener("touchstart", Xm, ta), l.removeEventListener("touchmove", Gm, ta)));
     }
   }, [r]);
-  return Me(function() {
+  return ke(function() {
     if (t) {
       var l = a.current;
       return o(l), function() {
@@ -19749,7 +19749,7 @@ function Aa(e) {
     };
   }, [
     i
-  ]), Me(() => {
+  ]), ke(() => {
     let o = r.current;
     o && (r.current = null, n(o));
   }), i;
@@ -19969,7 +19969,7 @@ function rF() {
   }, [
     n
   ]);
-  return Me(() => r, [
+  return ke(() => r, [
     r
   ]), {
     addGlobalListener: t,
@@ -19992,9 +19992,9 @@ function Ih(e, t) {
 }
 function b0(e, t) {
   const n = me(!0), r = me(null);
-  Me(() => (n.current = !0, () => {
+  ke(() => (n.current = !0, () => {
     n.current = !1;
-  }), []), Me(() => {
+  }), []), ke(() => {
     n.current ? n.current = !1 : (!r.current || t.some((i, a) => !Object.is(i, r[a]))) && e(), r.current = t;
   }, t);
 }
@@ -20050,7 +20050,7 @@ function Sy(e) {
 }
 function Hc(e, t, n, r) {
   let i = xr(n), a = n == null;
-  Me(() => {
+  ke(() => {
     if (a || !e.current) return;
     let o = e.current;
     return o.addEventListener(t, i, r), () => {
@@ -20117,7 +20117,7 @@ function Iy(e, t) {
 }
 function qo(e, t, n) {
   let [r, i] = ye(e || t), a = me(e !== void 0), o = e !== void 0;
-  Me(() => {
+  ke(() => {
     let u = a.current;
     u !== o && console.warn(`WARN: A component changed from ${u ? "controlled" : "uncontrolled"} to ${o ? "controlled" : "uncontrolled"}.`), a.current = o;
   }, [
@@ -20426,7 +20426,7 @@ function Eh(e) {
     y,
     D
   ]);
-  return Me(() => () => {
+  return ke(() => () => {
     var m;
     c || Ys((m = p.current.target) !== null && m !== void 0 ? m : void 0);
   }, [
@@ -20663,7 +20663,7 @@ function DF(e, t, n) {
   return e = e || (n == null ? void 0 : n.target) instanceof i && !wF.has(n == null || (r = n.target) === null || r === void 0 ? void 0 : r.type) || (n == null ? void 0 : n.target) instanceof a || (n == null ? void 0 : n.target) instanceof o && (n == null ? void 0 : n.target.isContentEditable), !(e && t === "keyboard" && n instanceof s && !yF[n.key]);
 }
 function SF(e, t, n) {
-  Jd(), Me(() => {
+  Jd(), ke(() => {
     let r = (i, a) => {
       DF(!!(n != null && n.isTextInput), i, a) && e(My());
     };
@@ -20951,7 +20951,7 @@ function FF(e) {
 }
 function TF(e, t) {
   let { focusProps: n } = Ay(e), { keyboardProps: r } = IF(e), i = an(n, r), a = FF(t), o = e.isDisabled ? {} : a, s = me(e.autoFocus);
-  return Me(() => {
+  return ke(() => {
     s.current && t.current && Ny(t.current), s.current = !1;
   }, [
     t
@@ -21025,7 +21025,7 @@ function E0() {
 }
 function Gy() {
   let e = by(), [t, n] = ye(Kd);
-  return Me(() => (ao.size === 0 && window.addEventListener("languagechange", E0), ao.add(n), () => {
+  return ke(() => (ao.size === 0 && window.addEventListener("languagechange", E0), ao.add(n), () => {
     ao.delete(n), ao.size === 0 && window.removeEventListener("languagechange", E0);
   }), []), e ? {
     locale: "en-US",
@@ -22132,7 +22132,7 @@ function UF(e, t, n) {
         } else S.pointerType === "virtual" && (t.selectDate(r), t.setFocusedDate(r));
     }
   }), m = null;
-  i || (m = xt(r, t.focusedDate) ? 0 : -1), Me(() => {
+  i || (m = xt(r, t.focusedDate) ? 0 : -1), ke(() => {
     c && n.current && (Xr(n.current), By() !== "pointer" && document.activeElement === n.current && lF(n.current, {
       containingElement: iF(n.current)
     }));
@@ -22248,7 +22248,7 @@ function qF(e) {
     let I = u || a || v.current;
     Xc(I, D.current) || (D.current = I, x(I));
   }, [_, A] = ye(!1);
-  return Me(w), {
+  return ke(w), {
     realtimeValidation: l || b || u || a || Si,
     displayValidation: s === "native" ? l || b || y : l || b || u || a || y,
     updateValidation(I) {
@@ -26264,7 +26264,7 @@ function d3(e) {
     setCaretTimeout: null,
     focusTimeout: null
   });
-  Me(function() {
+  ke(function() {
     return P(!0), function() {
       clearTimeout(M.current.setCaretTimeout), clearTimeout(M.current.focusTimeout);
     };
@@ -26288,21 +26288,21 @@ function d3(e) {
   }, G = function(ee) {
     var re = ee.formattedValue;
     re === void 0 && (re = "");
-    var be = ee.input, Ze = ee.source, pt = ee.event, ke = ee.numAsString, Re;
+    var be = ee.input, Ze = ee.source, pt = ee.event, Me = ee.numAsString, Re;
     if (be) {
       var Zt = ee.inputValue || be.value, Yt = Jc(be);
       be.value = re, Re = Y(Zt, re, Yt), Re !== void 0 && j(be, Re, re);
     }
-    re !== m && T(L(re, ke), { event: pt, source: Ze });
+    re !== m && T(L(re, Me), { event: pt, source: Ze });
   };
-  Me(function() {
+  ke(function() {
     var ee = $.current, re = ee.formattedValue, be = ee.numAsString;
     (m !== re || C !== be) && T(L(m, C), {
       event: void 0,
       source: ns.props
     });
   }, [m, C]);
-  var H = F.current ? Jc(F.current) : void 0, V = typeof window < "u" ? ji : Me;
+  var H = F.current ? Jc(F.current) : void 0, V = typeof window < "u" ? ji : ke;
   V(function() {
     var ee = F.current;
     if (m !== $.current.formattedValue && ee) {
@@ -26311,7 +26311,7 @@ function d3(e) {
     }
   }, [m]);
   var X = function(ee, re, be) {
-    var Ze = re.target, pt = S.current ? tT(S.current, Ze.selectionEnd) : s3(m, ee), ke = Object.assign(Object.assign({}, pt), { lastValue: m }), Re = s(ee, ke), Zt = O(Re);
+    var Ze = re.target, pt = S.current ? tT(S.current, Ze.selectionEnd) : s3(m, ee), Me = Object.assign(Object.assign({}, pt), { lastValue: m }), Re = s(ee, Me), Zt = O(Re);
     if (Re = s(Zt, void 0), d && !d(L(Zt, Re))) {
       var Yt = re.target, Ut = Jc(Yt), ur = Y(ee, m, Ut);
       return Yt.value = m, j(Yt, ur, m), !1;
@@ -26332,10 +26332,10 @@ function d3(e) {
     var re = ee.target, be = re.value, Ze = X(be, ee, ns.event);
     Ze && h(ee), S.current = void 0;
   }, ue = function(ee) {
-    var re = ee.target, be = ee.key, Ze = re.selectionStart, pt = re.selectionEnd, ke = re.value;
-    ke === void 0 && (ke = "");
+    var re = ee.target, be = ee.key, Ze = re.selectionStart, pt = re.selectionEnd, Me = re.value;
+    Me === void 0 && (Me = "");
     var Re;
-    be === "ArrowLeft" || be === "Backspace" ? Re = Math.max(Ze - 1, 0) : be === "ArrowRight" ? Re = Math.min(Ze + 1, ke.length) : be === "Delete" && (Re = Ze);
+    be === "ArrowLeft" || be === "Backspace" ? Re = Math.max(Ze - 1, 0) : be === "ArrowRight" ? Re = Math.min(Ze + 1, Me.length) : be === "Delete" && (Re = Ze);
     var Zt = 0;
     be === "Delete" && Ze === pt && (Zt = 1);
     var Yt = be === "ArrowLeft" || be === "ArrowRight";
@@ -26346,15 +26346,15 @@ function d3(e) {
     var Ut = Re;
     if (Yt) {
       var ur = be === "ArrowLeft" ? "left" : "right";
-      Ut = z(ke, Re, ur), Ut !== Re && ee.preventDefault();
-    } else be === "Delete" && !x(ke[Re]) ? Ut = z(ke, Re, "right") : be === "Backspace" && !x(ke[Re]) && (Ut = z(ke, Re, "left"));
-    Ut !== Re && j(re, Ut, ke), f(ee), K(re, Zt);
+      Ut = z(Me, Re, ur), Ut !== Re && ee.preventDefault();
+    } else be === "Delete" && !x(Me[Re]) ? Ut = z(Me, Re, "right") : be === "Backspace" && !x(Me[Re]) && (Ut = z(Me, Re, "left"));
+    Ut !== Re && j(re, Ut, Me), f(ee), K(re, Zt);
   }, ie = function(ee) {
     var re = ee.target, be = function() {
-      var Ze = re.selectionStart, pt = re.selectionEnd, ke = re.value;
-      if (ke === void 0 && (ke = ""), Ze === pt) {
-        var Re = z(ke, Ze);
-        Re !== Ze && j(re, Re, ke);
+      var Ze = re.selectionStart, pt = re.selectionEnd, Me = re.value;
+      if (Me === void 0 && (Me = ""), Ze === pt) {
+        var Re = z(Me, Ze);
+        Re !== Ze && j(re, Re, Me);
       }
     };
     be(), requestAnimationFrame(function() {
@@ -26364,10 +26364,10 @@ function d3(e) {
     ee.persist && ee.persist();
     var re = ee.target, be = ee.currentTarget;
     F.current = re, M.current.focusTimeout = setTimeout(function() {
-      var Ze = re.selectionStart, pt = re.selectionEnd, ke = re.value;
-      ke === void 0 && (ke = "");
-      var Re = z(ke, Ze);
-      Re !== Ze && !(Ze === 0 && pt === ke.length) && j(re, Re, ke), p(Object.assign(Object.assign({}, ee), { currentTarget: be }));
+      var Ze = re.selectionStart, pt = re.selectionEnd, Me = re.value;
+      Me === void 0 && (Me = "");
+      var Re = z(Me, Ze);
+      Re !== Ze && !(Ze === 0 && pt === Me.length) && j(re, Re, Me), p(Object.assign(Object.assign({}, ee), { currentTarget: be }));
     }, 0);
   }, pe = function(ee) {
     F.current = null, clearTimeout(M.current.focusTimeout), clearTimeout(M.current.setCaretTimeout), b(ee);
@@ -26689,7 +26689,7 @@ const q8 = ({ max: e, min: t, selectedText: n = "Rp0", onChange: r, onFocusInput
   containerId: t = "portal-root"
 }) => {
   const [n, r] = ye(null);
-  return Me(() => {
+  return ke(() => {
     let i = document.getElementById(t), a = !1;
     return i || (i = document.createElement("div"), i.id = t, document.body.appendChild(i), a = !0), r(i), () => {
       a && i && document.body.removeChild(i);
@@ -26793,35 +26793,42 @@ const eO = ({
   className: a,
   gap: o = 0,
   gapStyle: s,
-  ...l
+  watchChildren: l = !1,
+  ...u
 }) => {
-  const [u, c] = B.useState(e), [d, h] = B.useState(0), f = B.useRef(new Array(t).fill(null)), g = B.useRef(null), p = B.useCallback(() => {
-    var w;
-    const y = ((w = g.current) == null ? void 0 : w.offsetWidth) ?? 0;
-    let x = 0, D = 0;
-    f.current.forEach((_, A) => {
-      _ && (x += _.offsetWidth, A > 0 && (x += o), x <= y && D++);
-    }), c(B.Children.toArray(e).slice(0, D)), h(B.Children.count(e) - D);
-  }, [e, o]);
-  B.useEffect(() => (p(), window.addEventListener("resize", p), () => {
-    window.removeEventListener("resize", p);
-  }), [p]);
-  const b = B.useMemo(() => B.Children.map(
-    u,
-    (y, x) => B.cloneElement(y, {
-      ref: (D) => f.current[x] = D,
-      key: `child-${x}`
+  const [c, d] = B.useState(
+    l ? [] : e
+  ), [h, f] = B.useState(0), g = B.useRef(new Array(t).fill(null)), p = B.useRef(null), b = B.useCallback(() => {
+    var _;
+    const x = ((_ = p.current) == null ? void 0 : _.offsetWidth) ?? 0;
+    let D = 0, w = 0;
+    g.current.forEach((A, m) => {
+      A && (D += A.offsetWidth, m > 0 && (D += o), D <= x && w++);
+    }), d(B.Children.toArray(e).slice(0, w)), f(B.Children.count(e) - w);
+  }, [c, o]);
+  B.useEffect(() => (b(), window.addEventListener("resize", b), () => {
+    window.removeEventListener("resize", b);
+  }), [b]);
+  const v = B.useMemo(() => B.Children.map(
+    c,
+    (x, D) => B.cloneElement(x, {
+      ref: (w) => g.current[D] = w,
+      key: `child-${D}`
     })
-  ), [u]), v = {
+  ), [c]);
+  ke(() => {
+    l && d(e);
+  }, [e]);
+  const y = {
     overflow: "hidden",
     display: "flex",
     flexWrap: "nowrap",
     gap: s ?? 0,
     ...i
   };
-  return n && (v.maxWidth = n), /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
-    /* @__PURE__ */ E.jsx("div", { ref: g, style: v, className: a ?? "", ...l, children: b }),
-    d > 0 && /* @__PURE__ */ E.jsx(E.Fragment, { children: r(d) })
+  return n && (y.maxWidth = n), /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
+    /* @__PURE__ */ E.jsx("div", { ref: p, style: y, className: a ?? "", ...u, children: v }),
+    h > 0 && /* @__PURE__ */ E.jsx(E.Fragment, { children: r(h) })
   ] });
 }, _T = "_container_1wopr_1", $T = "_image_1wopr_5", hr = {
   container: _T,
@@ -34350,22 +34357,22 @@ function NB(e, t) {
   }, b = () => {
     qp(t, null), g.current && (g.current.destroy(), g.current = null);
   };
-  return Me(() => {
+  return ke(() => {
     !i && g.current && l && BB(g.current, l);
   }, [
     i,
     l
-  ]), Me(() => {
+  ]), ke(() => {
     !i && g.current && q3(g.current.config.data, s.labels);
   }, [
     i,
     s.labels
-  ]), Me(() => {
+  ]), ke(() => {
     !i && g.current && s.datasets && Q3(g.current.config.data, s.datasets, a);
   }, [
     i,
     s.datasets
-  ]), Me(() => {
+  ]), ke(() => {
     g.current && (i ? (b(), setTimeout(p)) : g.current.update(d));
   }, [
     i,
@@ -34373,11 +34380,11 @@ function NB(e, t) {
     s.labels,
     s.datasets,
     d
-  ]), Me(() => {
+  ]), ke(() => {
     g.current && (b(), setTimeout(p));
   }, [
     o
-  ]), Me(() => (p(), () => b()), []), /* @__PURE__ */ B.createElement("canvas", Object.assign({
+  ]), ke(() => (p(), () => b()), []), /* @__PURE__ */ B.createElement("canvas", Object.assign({
     ref: f,
     role: "img",
     height: n,
@@ -34856,7 +34863,7 @@ const WB = "_container_1szxn_1", zB = "_files_1szxn_4", GB = "_file_1szxn_4", la
     }
   }, R = () => {
     var M;
-    y.value === "" || ((M = x.current) == null ? void 0 : M.value) === "" ? (I(!1), v && setTimeout(() => {
+    ["", void 0, null].includes(y.value) || ["", void 0, null].includes((M = x.current) == null ? void 0 : M.value) ? (I(!1), v && setTimeout(() => {
       var z, Y;
       const O = ((z = x.current) == null ? void 0 : z.offsetHeight) ?? 0, L = ((Y = w.current) == null ? void 0 : Y.offsetHeight) ?? 0, j = (O - L) / 2;
       $(j);