@hybr1d-tech/charizard 0.7.19 → 0.7.20

package/dist/hybr1d-ui.js

@@ -78,16 +78,16 @@ function Ba() {
     var C = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function v(g) {
       {
-        for (var j = arguments.length, k = new Array(j > 1 ? j - 1 : 0), Z = 1; Z < j; Z++)
-          k[Z - 1] = arguments[Z];
-        y("error", g, k);
+        for (var j = arguments.length, H = new Array(j > 1 ? j - 1 : 0), Z = 1; Z < j; Z++)
+          H[Z - 1] = arguments[Z];
+        y("error", g, H);
       }
     }
-    function y(g, j, k) {
+    function y(g, j, H) {
       {
         var Z = C.ReactDebugCurrentFrame, a0 = Z.getStackAddendum();
-        a0 !== "" && (j += "%s", k = k.concat([a0]));
-        var i0 = k.map(function(t0) {
+        a0 !== "" && (j += "%s", H = H.concat([a0]));
+        var i0 = H.map(function(t0) {
           return String(t0);
         });
         i0.unshift("Warning: " + j), Function.prototype.apply.call(console[g], console, i0);
@@ -102,12 +102,12 @@ function Ba() {
       // with.
       g.$$typeof === G || g.getModuleId !== void 0));
     }
-    function q(g, j, k) {
+    function q(g, j, H) {
       var Z = g.displayName;
       if (Z)
         return Z;
       var a0 = j.displayName || j.name || "";
-      return a0 !== "" ? k + "(" + a0 + ")" : k;
+      return a0 !== "" ? H + "(" + a0 + ")" : H;
     }
     function P(g) {
       return g.displayName || "Context";
@@ -139,8 +139,8 @@ function Ba() {
             var j = g;
             return P(j) + ".Consumer";
           case i:
-            var k = g;
-            return P(k._context) + ".Provider";
+            var H = g;
+            return P(H._context) + ".Provider";
           case l:
             return q(g, g.render, "ForwardRef");
           case m:
@@ -219,8 +219,8 @@ function Ba() {
         X < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var H = C.ReactCurrentDispatcher, $;
-    function U(g, j, k) {
+    var k = C.ReactCurrentDispatcher, $;
+    function U(g, j, H) {
       {
         if ($ === void 0)
           try {
@@ -242,16 +242,16 @@ function Ba() {
       if (!g || w0)
         return "";
       {
-        var k = E0.get(g);
-        if (k !== void 0)
-          return k;
+        var H = E0.get(g);
+        if (H !== void 0)
+          return H;
       }
       var Z;
       w0 = !0;
       var a0 = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var i0;
-      i0 = H.current, H.current = null, F0();
+      i0 = k.current, k.current = null, F0();
       try {
         if (j) {
           var t0 = function() {
@@ -304,19 +304,19 @@ function Ba() {
             }
         }
       } finally {
-        w0 = !1, H.current = i0, g0(), Error.prepareStackTrace = a0;
+        w0 = !1, k.current = i0, g0(), Error.prepareStackTrace = a0;
       }
       var Ge = g ? g.displayName || g.name : "", je = Ge ? U(Ge) : "";
       return typeof g == "function" && E0.set(g, je), je;
     }
-    function Y0(g, j, k) {
+    function Y0(g, j, H) {
       return ee(g, !1);
     }
     function R0(g) {
       var j = g.prototype;
       return !!(j && j.isReactComponent);
     }
-    function K0(g, j, k) {
+    function K0(g, j, H) {
       if (g == null)
         return "";
       if (typeof g == "function")
@@ -334,11 +334,11 @@ function Ba() {
           case l:
             return Y0(g.render);
           case m:
-            return K0(g.type, j, k);
+            return K0(g.type, j, H);
           case h: {
             var Z = g, a0 = Z._payload, i0 = Z._init;
             try {
-              return K0(i0(a0), j, k);
+              return K0(i0(a0), j, H);
             } catch {
             }
           }
@@ -348,12 +348,12 @@ function Ba() {
     var he = Object.prototype.hasOwnProperty, dt = {}, Ce = C.ReactDebugCurrentFrame;
     function le(g) {
       if (g) {
-        var j = g._owner, k = K0(g.type, g._source, j ? j.type : null);
-        Ce.setExtraStackFrame(k);
+        var j = g._owner, H = K0(g.type, g._source, j ? j.type : null);
+        Ce.setExtraStackFrame(H);
       } else
         Ce.setExtraStackFrame(null);
     }
-    function T0(g, j, k, Z, a0) {
+    function T0(g, j, H, Z, a0) {
       {
         var i0 = Function.call.bind(he);
         for (var t0 in g)
@@ -361,14 +361,14 @@ function Ba() {
             var e0 = void 0;
             try {
               if (typeof g[t0] != "function") {
-                var P0 = Error((Z || "React class") + ": " + k + " type `" + t0 + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof g[t0] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var P0 = Error((Z || "React class") + ": " + H + " type `" + t0 + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof g[t0] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw P0.name = "Invariant Violation", P0;
               }
-              e0 = g[t0](j, t0, Z, k, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              e0 = g[t0](j, t0, Z, H, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (v0) {
               e0 = v0;
             }
-            e0 && !(e0 instanceof Error) && (le(a0), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", Z || "React class", k, t0, typeof e0), le(null)), e0 instanceof Error && !(e0.message in dt) && (dt[e0.message] = !0, le(a0), v("Failed %s type: %s", k, e0.message), le(null));
+            e0 && !(e0 instanceof Error) && (le(a0), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", Z || "React class", H, t0, typeof e0), le(null)), e0 instanceof Error && !(e0.message in dt) && (dt[e0.message] = !0, le(a0), v("Failed %s type: %s", H, e0.message), le(null));
           }
       }
     }
@@ -378,8 +378,8 @@ function Ba() {
     }
     function Go(g) {
       {
-        var j = typeof Symbol == "function" && Symbol.toStringTag, k = j && g[Symbol.toStringTag] || g.constructor.name || "Object";
-        return k;
+        var j = typeof Symbol == "function" && Symbol.toStringTag, H = j && g[Symbol.toStringTag] || g.constructor.name || "Object";
+        return H;
       }
     }
     function Do(g) {
@@ -421,40 +421,40 @@ function Ba() {
     }
     function Oo(g, j) {
       if (typeof g.ref == "string" && $e.current && j && $e.current.stateNode !== j) {
-        var k = R($e.current.type);
-        $t[k] || (v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', R($e.current.type), g.ref), $t[k] = !0);
+        var H = R($e.current.type);
+        $t[H] || (v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', R($e.current.type), g.ref), $t[H] = !0);
       }
     }
     function zo(g, j) {
       {
-        var k = function() {
+        var H = function() {
           q2 || (q2 = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", j));
         };
-        k.isReactWarning = !0, Object.defineProperty(g, "key", {
-          get: k,
+        H.isReactWarning = !0, Object.defineProperty(g, "key", {
+          get: H,
           configurable: !0
         });
       }
     }
     function Wo(g, j) {
       {
-        var k = function() {
+        var H = function() {
           U2 || (U2 = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", j));
         };
-        k.isReactWarning = !0, Object.defineProperty(g, "ref", {
-          get: k,
+        H.isReactWarning = !0, Object.defineProperty(g, "ref", {
+          get: H,
           configurable: !0
         });
       }
     }
-    var Zo = function(g, j, k, Z, a0, i0, t0) {
+    var Zo = function(g, j, H, Z, a0, i0, t0) {
       var e0 = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: g,
         key: j,
-        ref: k,
+        ref: H,
         props: t0,
         // Record the component responsible for creating this element.
         _owner: i0
@@ -476,10 +476,10 @@ function Ba() {
         value: a0
       }), Object.freeze && (Object.freeze(e0.props), Object.freeze(e0)), e0;
     };
-    function Xo(g, j, k, Z, a0) {
+    function Xo(g, j, H, Z, a0) {
       {
         var i0, t0 = {}, e0 = null, P0 = null;
-        k !== void 0 && (J2(k), e0 = "" + k), Po(j) && (J2(j.key), e0 = "" + j.key), To(j) && (P0 = j.ref, Oo(j, a0));
+        H !== void 0 && (J2(H), e0 = "" + H), Po(j) && (J2(j.key), e0 = "" + j.key), To(j) && (P0 = j.ref, Oo(j, a0));
         for (i0 in j)
           he.call(j, i0) && !Mo.hasOwnProperty(i0) && (t0[i0] = j[i0]);
         if (g && g.defaultProps) {
@@ -497,8 +497,8 @@ function Ba() {
     var Yt = C.ReactCurrentOwner, Q2 = C.ReactDebugCurrentFrame;
     function He(g) {
       if (g) {
-        var j = g._owner, k = K0(g.type, g._source, j ? j.type : null);
-        Q2.setExtraStackFrame(k);
+        var j = g._owner, H = K0(g.type, g._source, j ? j.type : null);
+        Q2.setExtraStackFrame(H);
       } else
         Q2.setExtraStackFrame(null);
     }
@@ -527,10 +527,10 @@ Check the render method of \`` + g + "`.";
       {
         var j = K2();
         if (!j) {
-          var k = typeof g == "string" ? g : g.displayName || g.name;
-          k && (j = `
+          var H = typeof g == "string" ? g : g.displayName || g.name;
+          H && (j = `
 
-Check the top-level render call using <` + k + ">.");
+Check the top-level render call using <` + H + ">.");
         }
         return j;
       }
@@ -540,12 +540,12 @@ Check the top-level render call using <` + k + ">.");
         if (!g._store || g._store.validated || g.key != null)
           return;
         g._store.validated = !0;
-        var k = Yo(j);
-        if (en[k])
+        var H = Yo(j);
+        if (en[H])
           return;
-        en[k] = !0;
+        en[H] = !0;
         var Z = "";
-        g && g._owner && g._owner !== Yt.current && (Z = " It was passed a child from " + R(g._owner.type) + "."), He(g), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', k, Z), He(null);
+        g && g._owner && g._owner !== Yt.current && (Z = " It was passed a child from " + R(g._owner.type) + "."), He(g), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', H, Z), He(null);
       }
     }
     function nn(g, j) {
@@ -553,8 +553,8 @@ Check the top-level render call using <` + k + ">.");
         if (typeof g != "object")
           return;
         if (Ne(g))
-          for (var k = 0; k < g.length; k++) {
-            var Z = g[k];
+          for (var H = 0; H < g.length; H++) {
+            var Z = g[H];
             qt(Z) && tn(Z, j);
           }
         else if (qt(g))
@@ -572,18 +572,18 @@ Check the top-level render call using <` + k + ">.");
         var j = g.type;
         if (j == null || typeof j == "string")
           return;
-        var k;
+        var H;
         if (typeof j == "function")
-          k = j.propTypes;
+          H = j.propTypes;
         else if (typeof j == "object" && (j.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         j.$$typeof === m))
-          k = j.propTypes;
+          H = j.propTypes;
         else
           return;
-        if (k) {
+        if (H) {
           var Z = R(j);
-          T0(k, g.props, "prop", Z, g);
+          T0(H, g.props, "prop", Z, g);
         } else if (j.PropTypes !== void 0 && !Jt) {
           Jt = !0;
           var a0 = R(j);
@@ -594,8 +594,8 @@ Check the top-level render call using <` + k + ">.");
     }
     function qo(g) {
       {
-        for (var j = Object.keys(g.props), k = 0; k < j.length; k++) {
-          var Z = j[k];
+        for (var j = Object.keys(g.props), H = 0; H < j.length; H++) {
+          var Z = j[H];
           if (Z !== "children" && Z !== "key") {
             He(g), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", Z), He(null);
             break;
@@ -605,7 +605,7 @@ Check the top-level render call using <` + k + ">.");
       }
     }
     var sn = {};
-    function on(g, j, k, Z, a0, i0) {
+    function on(g, j, H, Z, a0, i0) {
       {
         var t0 = L(g);
         if (!t0) {
@@ -616,7 +616,7 @@ Check the top-level render call using <` + k + ">.");
           var v0;
           g === null ? v0 = "null" : Ne(g) ? v0 = "array" : g !== void 0 && g.$$typeof === t ? (v0 = "<" + (R(g.type) || "Unknown") + " />", e0 = " Did you accidentally export a JSX literal instead of a component?") : v0 = typeof g, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", v0, e0);
         }
-        var I0 = Xo(g, j, k, a0, i0);
+        var I0 = Xo(g, j, H, a0, i0);
         if (I0 == null)
           return I0;
         if (t0) {
@@ -649,11 +649,11 @@ React keys must be passed directly to JSX without using spread:
         return g === a ? qo(I0) : Jo(I0), I0;
       }
     }
-    function Uo(g, j, k) {
-      return on(g, j, k, !0);
+    function Uo(g, j, H) {
+      return on(g, j, H, !0);
     }
-    function Qo(g, j, k) {
-      return on(g, j, k, !1);
+    function Qo(g, j, H) {
+      return on(g, j, H, !1);
     }
     var Ko = Qo, ea = Uo;
     Je.Fragment = a, Je.jsx = Ko, Je.jsxs = ea;
@@ -1995,7 +1995,9 @@ function vs({
       id: f.useId(),
       positioning: { placement: (c == null ? void 0 : c.placement) || "bottom-end" }
     })
-  ), [x, b] = f.useState(!1), C = f.useRef(null), v = f.useRef(null), y = oe.connect(p, _, A0), A = d == null ? void 0 : d.customMenuStyles, S = d == null ? void 0 : d.customButtonStyles;
+  ), [x, b] = f.useState(!1);
+  console.warn(x);
+  const C = f.useRef(null), v = f.useRef(null), y = oe.connect(p, _, A0), A = d == null ? void 0 : d.customMenuStyles, S = d == null ? void 0 : d.customButtonStyles;
   f.useEffect(() => {
     !u || !(i != null && i.setIsActive) || i.setIsActive(y.open);
   }, [y.open]);
@@ -2161,7 +2163,7 @@ function qi({
   customStyles: l
 }) {
   const [u, d] = f.useState(!1);
-  return /* @__PURE__ */ n.jsx(
+  return console.log(u), /* @__PURE__ */ n.jsx(
     vs,
     {
       variant: e,
@@ -4462,14 +4464,14 @@ var pd = process.env.NODE_ENV === "production" ? {
     if (o && w.onChange) {
       var E = o.option, Y = o.options, J = o.removedValue, s0 = o.removedValues, r0 = o.value, D0 = function(U) {
         return Array.isArray(U) ? null : U;
-      }, o0 = J || E || D0(r0), C0 = o0 ? h(o0) : "", F0 = Y || s0 || void 0, g0 = F0 ? F0.map(h) : [], H = M({
+      }, o0 = J || E || D0(r0), C0 = o0 ? h(o0) : "", F0 = Y || s0 || void 0, g0 = F0 ? F0.map(h) : [], k = M({
         // multiSelected items are usually items that have already been selected
         // or set by the user as a default value so we assume they are not disabled
         isDisabled: o0 && x(o0, c),
         label: C0,
         labels: g0
       }, o);
-      X = w.onChange(H);
+      X = w.onChange(k);
     }
     return X;
   }, [o, w, x, c, h]), L = ye(function() {
@@ -5909,10 +5911,10 @@ var eo = function(t) {
       var s = this, r = this.getComponents(), i = r.Group, c = r.GroupHeading, l = r.Menu, u = r.MenuList, d = r.MenuPortal, m = r.LoadingMessage, h = r.NoOptionsMessage, p = r.Option, _ = this.commonProps, x = this.state.focusedOption, b = this.props, C = b.captureMenuScroll, v = b.inputValue, y = b.isLoading, A = b.loadingMessage, S = b.minMenuHeight, N = b.maxMenuHeight, B = b.menuIsOpen, w = b.menuPlacement, G = b.menuPosition, L = b.menuPortalTarget, q = b.menuShouldBlockScroll, P = b.menuShouldScrollIntoView, R = b.noOptionsMessage, D = b.onMenuScrollToTop, X = b.onMenuScrollToBottom;
       if (!B) return null;
       var E = function(C0, F0) {
-        var g0 = C0.type, H = C0.data, $ = C0.isDisabled, U = C0.isSelected, w0 = C0.label, E0 = C0.value, M0 = x === H, ee = $ ? void 0 : function() {
-          return s.onOptionHover(H);
+        var g0 = C0.type, k = C0.data, $ = C0.isDisabled, U = C0.isSelected, w0 = C0.label, E0 = C0.value, M0 = x === k, ee = $ ? void 0 : function() {
+          return s.onOptionHover(k);
         }, Y0 = $ ? void 0 : function() {
-          return s.selectOption(H);
+          return s.selectOption(k);
         }, R0 = "".concat(s.getElementId("option"), "-").concat(F0), K0 = {
           id: R0,
           onClick: Y0,
@@ -5925,7 +5927,7 @@ var eo = function(t) {
         };
         return /* @__PURE__ */ f.createElement(p, W({}, _, {
           innerProps: K0,
-          data: H,
+          data: k,
           isDisabled: $,
           isSelected: U,
           key: R0,
@@ -5939,9 +5941,9 @@ var eo = function(t) {
       if (this.hasOptions())
         Y = this.getCategorizedOptions().map(function(o0) {
           if (o0.type === "group") {
-            var C0 = o0.data, F0 = o0.options, g0 = o0.index, H = "".concat(s.getElementId("group"), "-").concat(g0), $ = "".concat(H, "-heading");
+            var C0 = o0.data, F0 = o0.options, g0 = o0.index, k = "".concat(s.getElementId("group"), "-").concat(g0), $ = "".concat(k, "-heading");
             return /* @__PURE__ */ f.createElement(i, W({}, _, {
-              key: H,
+              key: k,
               data: C0,
               options: F0,
               Heading: c,
@@ -5976,7 +5978,7 @@ var eo = function(t) {
         menuPosition: G,
         menuShouldScrollIntoView: P
       }, D0 = /* @__PURE__ */ f.createElement(K1, W({}, _, r0), function(o0) {
-        var C0 = o0.ref, F0 = o0.placerProps, g0 = F0.placement, H = F0.maxHeight;
+        var C0 = o0.ref, F0 = o0.placerProps, g0 = F0.placement, k = F0.maxHeight;
         return /* @__PURE__ */ f.createElement(l, W({}, _, r0, {
           innerRef: C0,
           innerProps: {
@@ -6001,7 +6003,7 @@ var eo = function(t) {
               id: s.getElementId("listbox")
             },
             isLoading: y,
-            maxHeight: H,
+            maxHeight: k,
             focusedOption: x
           }), Y);
         }));
@@ -6157,8 +6159,8 @@ var Kd = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading
 function e5(e) {
   var t = e.defaultOptions, o = t === void 0 ? !1 : t, a = e.cacheOptions, s = a === void 0 ? !1 : a, r = e.loadOptions;
   e.options;
-  var i = e.isLoading, c = i === void 0 ? !1 : i, l = e.onInputChange, u = e.filterOption, d = u === void 0 ? null : u, m = ce(e, Kd), h = m.inputValue, p = ie(void 0), _ = ie(!1), x = k0(Array.isArray(o) ? o : void 0), b = j0(x, 2), C = b[0], v = b[1], y = k0(typeof h < "u" ? h : ""), A = j0(y, 2), S = A[0], N = A[1], B = k0(o === !0), w = j0(B, 2), G = w[0], L = w[1], q = k0(void 0), P = j0(q, 2), R = P[0], D = P[1], X = k0([]), E = j0(X, 2), Y = E[0], J = E[1], s0 = k0(!1), r0 = j0(s0, 2), D0 = r0[0], o0 = r0[1], C0 = k0({}), F0 = j0(C0, 2), g0 = F0[0], H = F0[1], $ = k0(void 0), U = j0($, 2), w0 = U[0], E0 = U[1], M0 = k0(void 0), ee = j0(M0, 2), Y0 = ee[0], R0 = ee[1];
-  s !== Y0 && (H({}), R0(s)), o !== w0 && (v(Array.isArray(o) ? o : void 0), E0(o)), At(function() {
+  var i = e.isLoading, c = i === void 0 ? !1 : i, l = e.onInputChange, u = e.filterOption, d = u === void 0 ? null : u, m = ce(e, Kd), h = m.inputValue, p = ie(void 0), _ = ie(!1), x = k0(Array.isArray(o) ? o : void 0), b = j0(x, 2), C = b[0], v = b[1], y = k0(typeof h < "u" ? h : ""), A = j0(y, 2), S = A[0], N = A[1], B = k0(o === !0), w = j0(B, 2), G = w[0], L = w[1], q = k0(void 0), P = j0(q, 2), R = P[0], D = P[1], X = k0([]), E = j0(X, 2), Y = E[0], J = E[1], s0 = k0(!1), r0 = j0(s0, 2), D0 = r0[0], o0 = r0[1], C0 = k0({}), F0 = j0(C0, 2), g0 = F0[0], k = F0[1], $ = k0(void 0), U = j0($, 2), w0 = U[0], E0 = U[1], M0 = k0(void 0), ee = j0(M0, 2), Y0 = ee[0], R0 = ee[1];
+  s !== Y0 && (k({}), R0(s)), o !== w0 && (v(Array.isArray(o) ? o : void 0), E0(o)), At(function() {
     return _.current = !0, function() {
       _.current = !1;
     };
@@ -6186,7 +6188,7 @@ function e5(e) {
     else {
       var Xt = p.current = {};
       N(T0), L(!0), o0(!R), K0(T0, function(Ne) {
-        _ && Xt === p.current && (p.current = void 0, L(!1), D(T0), J(Ne || []), o0(!1), H(Ne ? M(M({}, g0), {}, ze({}, T0, Ne)) : g0));
+        _ && Xt === p.current && (p.current = void 0, L(!1), D(T0), J(Ne || []), o0(!1), k(Ne ? M(M({}, g0), {}, ze({}, T0, Ne)) : g0));
       });
     }
   }, [s, K0, R, g0, l]), dt = D0 ? [] : S && R ? Y : C || [];
@@ -10106,13 +10108,13 @@ function X9({
   const [L, q] = f.useState([]), [P, R] = f.useState([]), [D, X] = f.useState([]), [E, Y] = f.useState(null), [J, s0] = f.useState(""), r0 = f.useRef(), D0 = !!(a && P.length >= a);
   f.useEffect(() => {
     if (A.length > 0 && !P.length) {
-      const H = A.map(($) => ({ ...$, isUploaded: !0 }));
-      R(H);
+      const k = A.map(($) => ({ ...$, isUploaded: !0 }));
+      R(k);
     }
   }, [A]);
-  async function o0(H) {
+  async function o0(k) {
     var E0, M0, ee, Y0;
-    const $ = H.target.files;
+    const $ = k.target.files;
     Y(null), s0("");
     let U = [];
     if (a && $.length + P.length > a) {
@@ -10145,23 +10147,23 @@ function X9({
     }
     R([...P, ...U]), r0.current.value = "";
   }
-  function C0(H) {
-    const $ = P.filter((U) => U.key !== H);
+  function C0(k) {
+    const $ = P.filter((U) => U.key !== k);
     R($), e($);
   }
-  const F0 = (H) => {
+  const F0 = (k) => {
     let $ = 0.5, U = 0;
     return setInterval(function() {
       U += $;
       let E0 = Math.round(Math.atan(U) / (Math.PI / 2) * 100 * 1e3) / 1e3;
-      E0 >= 70 && ($ = 0.2), X((M0) => D.find((Y0) => Y0.name === H) ? M0.map((Y0) => Y0.name !== H ? Y0 : { name: H, progress: Y0 }) : [...M0, { name: H, progress: E0 }]);
+      E0 >= 70 && ($ = 0.2), X((M0) => D.find((Y0) => Y0.name === k) ? M0.map((Y0) => Y0.name !== k ? Y0 : { name: k, progress: Y0 }) : [...M0, { name: k, progress: E0 }]);
     }, 100);
-  }, g0 = (H) => {
+  }, g0 = (k) => {
     var $;
-    return ($ = D.findLast((U) => U.name === H)) == null ? void 0 : $.progress;
+    return ($ = D.findLast((U) => U.name === k)) == null ? void 0 : $.progress;
   };
   return lt(() => {
-    const H = async () => {
+    const k = async () => {
       const $ = structuredClone(P).filter((w0) => !(L != null && L.includes(w0.key)));
       t && t(!0);
       const U = await G(
@@ -10175,7 +10177,7 @@ function X9({
       );
       R(U), e(U), t && t(!1);
     };
-    P.length && H();
+    P.length && k();
   }, [P]), /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
       "input",
@@ -10197,19 +10199,19 @@ function X9({
           onClick: () => {
             D0 || (b && b(), r0.current.click());
           },
-          onDrop: (H) => {
-            D0 || (H.preventDefault(), H.persist(), o0({ target: { files: H.dataTransfer.files } }));
+          onDrop: (k) => {
+            D0 || (k.preventDefault(), k.persist(), o0({ target: { files: k.dataTransfer.files } }));
           },
           className: o ? "" : I(
             Q.uploadBtn,
             u,
             p || D0 ? Q.disabledUploadBtn : ""
           ),
-          onDragOver: (H) => {
-            H.preventDefault();
+          onDragOver: (k) => {
+            k.preventDefault();
           },
-          onDragLeave: (H) => {
-            H.preventDefault();
+          onDragLeave: (k) => {
+            k.preventDefault();
           },
           style: {
             background: D0 ? "#F4F4F4" : "",
@@ -10258,9 +10260,9 @@ function X9({
       (E || !!J) && /* @__PURE__ */ n.jsx("p", { className: Q.fileUploadLimitError, children: E || J }),
       B && /* @__PURE__ */ n.jsx("p", { className: Q.errorMsg, children: B }),
       h,
-      S && /* @__PURE__ */ n.jsx("div", { className: I(Q.fileContainer, l), children: !!P.length && P.map((H, $) => {
+      S && /* @__PURE__ */ n.jsx("div", { className: I(Q.fileContainer, l), children: !!P.length && P.map((k, $) => {
         var U, w0, E0, M0;
-        return /* @__PURE__ */ n.jsx("div", { children: L.indexOf(H.key || "") !== -1 ? /* @__PURE__ */ n.jsx(n.Fragment, {}) : H.isUploaded ? /* @__PURE__ */ n.jsx(
+        return /* @__PURE__ */ n.jsx("div", { children: L.indexOf(k.key || "") !== -1 ? /* @__PURE__ */ n.jsx(n.Fragment, {}) : k.isUploaded ? /* @__PURE__ */ n.jsx(
           "div",
           {
             className: I(
@@ -10274,7 +10276,7 @@ function X9({
                   "img",
                   {
                     className: Q.uploadingImg,
-                    src: ts(H.type || H.ext),
+                    src: ts(k.type || k.ext),
                     alt: "upload"
                   }
                 ),
@@ -10282,23 +10284,20 @@ function X9({
                   /* @__PURE__ */ n.jsx(
                     "a",
                     {
-                      href: H.url,
+                      href: k.url,
                       target: "_blank",
                       rel: "noreferrer",
                       className: Q.fileName,
-                      children: H.fileName
+                      children: k.fileName
                     }
                   ),
                   /* @__PURE__ */ n.jsxs("div", { className: Q.subTitle2, children: [
-                    (H.ext || H.type) && /* @__PURE__ */ n.jsxs("div", { className: Q.fileType, children: [
-                      H.ext || ((U = H.type) == null ? void 0 : U.split("/")[1]),
+                    (k.ext || k.type) && /* @__PURE__ */ n.jsxs("div", { className: Q.fileType, children: [
+                      k.ext || ((U = k.type) == null ? void 0 : U.split("/")[1]),
                       " "
                     ] }),
-                    H.size && /* @__PURE__ */ n.jsx("div", { className: Q.smallCircle }),
-                    /* @__PURE__ */ n.jsxs("div", { children: [
-                      " ",
-                      H.size
-                    ] })
+                    k.size && /* @__PURE__ */ n.jsx("div", { className: Q.smallCircle }),
+                    /* @__PURE__ */ n.jsx("div", { children: Number(k.size.split(" ")[0]).toFixed(2) + " " + k.size.split(" ")[1] })
                   ] })
                 ] })
               ] }),
@@ -10306,13 +10305,13 @@ function X9({
                 "div",
                 {
                   className: Q.actionBtn,
-                  onClick: () => C0(H.key),
+                  onClick: () => C0(k.key),
                   children: /* @__PURE__ */ n.jsx("img", { className: Q.deleteIcon, src: ho, alt: "delete" })
                 }
               )
             ] })
           },
-          H.fileName ?? $
+          k.fileName ?? $
         ) : /* @__PURE__ */ n.jsxs(
           "div",
           {
@@ -10322,7 +10321,7 @@ function X9({
                 "div",
                 {
                   className: Q.progressBar,
-                  style: { width: `${g0(H.key)}%` }
+                  style: { width: `${g0(k.key)}%` }
                 }
               ),
               /* @__PURE__ */ n.jsxs("div", { className: Q.contentContainer, children: [
@@ -10331,7 +10330,7 @@ function X9({
                     "img",
                     {
                       className: Q.uploadingImg,
-                      src: ts(H.type || H.ext),
+                      src: ts(k.type || k.ext),
                       alt: "upload"
                     }
                   ),
@@ -10339,16 +10338,16 @@ function X9({
                     /* @__PURE__ */ n.jsx("div", { className: Q.fileName, children: "Uploading file" }),
                     /* @__PURE__ */ n.jsxs("div", { className: Q.subTitle2, children: [
                       /* @__PURE__ */ n.jsxs("div", { className: Q.fileType, children: [
-                        (w0 = g0(H.key)) == null ? void 0 : w0.toFixed(0),
+                        (w0 = g0(k.key)) == null ? void 0 : w0.toFixed(0),
                         " %",
                         " "
                       ] }),
                       /* @__PURE__ */ n.jsx("div", { className: Q.smallCircle }),
                       /* @__PURE__ */ n.jsxs("div", { children: [
-                        H.size.split(" ")[0] && ((E0 = g0(H.key)) != null && E0.toFixed(0)) && typeof Number(H.size.split(" ")[0]) == "number" ? (+H.size.split(" ")[0] * ((Number((M0 = g0(H.key)) == null ? void 0 : M0.toFixed(0)) || 1) / 100)).toFixed(2) : "",
+                        k.size.split(" ")[0] && ((E0 = g0(k.key)) != null && E0.toFixed(0)) && typeof Number(k.size.split(" ")[0]) == "number" ? (+k.size.split(" ")[0] * ((Number((M0 = g0(k.key)) == null ? void 0 : M0.toFixed(0)) || 1) / 100)).toFixed(2) : "",
                         " ",
                         "of ",
-                        H.size
+                        k.size
                       ] })
                     ] })
                   ] })
@@ -10357,7 +10356,7 @@ function X9({
                   "div",
                   {
                     className: Q.actionBtn,
-                    onClick: () => q([...L, H.key]),
+                    onClick: () => q([...L, k.key]),
                     children: [
                       " ",
                       /* @__PURE__ */ n.jsx(V, { path: re, height: 16, width: 16 })
@@ -10367,8 +10366,8 @@ function X9({
               ] })
             ]
           },
-          H.fileName ?? $
-        ) }, H.key + H.fileName);
+          k.fileName ?? $
+        ) }, k.key + k.fileName);
       }) })
     ] })
   ] });