@unizap/uniui 1.0.96 → 1.0.97

package/dist/uniui.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as k, jsx as s, Fragment as be } from "react/jsx-runtime";
 import * as Dt from "react";
-import Ae, { useRef as se, useState as q, useEffect as le, useCallback as J, useMemo as $e, useReducer as xo, forwardRef as Ye, useImperativeHandle as Ut, Fragment as yo, memo as bo, useLayoutEffect as wo } from "react";
+import Ae, { useRef as se, useState as q, useEffect as le, useCallback as Q, useMemo as $e, useReducer as xo, forwardRef as Ye, useImperativeHandle as Ut, Fragment as yo, memo as bo, useLayoutEffect as wo } from "react";
 import { createPortal as He } from "react-dom";
 const xe = {
   dark: {
@@ -503,78 +503,79 @@ const Ee = ({
   disabled: b = !1,
   searchOn: h
 }) => {
-  const [$, y] = q(!1), [C, x] = q(-1), [D, E] = q(""), [H, oe] = q({}), Z = se(null), re = se(null), ge = se(null), Q = se(null), I = zo(D, 300), O = l !== void 0 ? l : $, U = (_) => {
-    l === void 0 && y(_), _ || E(""), a == null || a(_);
-  }, V = g ? Array.isArray(e) ? e : [] : e && !Array.isArray(e) ? [e] : [], ue = I ? n.filter((_) => {
-    const P = typeof _.label == "string" ? _.label : String(_.label), ee = _.value ? String(_.value) : "", z = I.toLowerCase(), L = h || "label";
-    if (L === "label")
+  const [$, y] = q(!1), [C, x] = q(-1), [D, E] = q(""), [H, oe] = q({}), Z = se(null), re = se(null), ge = se(null), ee = se(null), I = zo(D, 300), O = l !== void 0 ? l : $, U = (S) => {
+    l === void 0 && y(S), S || E(""), a == null || a(S);
+  }, V = g ? Array.isArray(e) ? e : [] : e && !Array.isArray(e) ? [e] : [], ue = I ? n.filter((S) => {
+    const P = typeof S.label == "string" ? S.label : String(S.label), J = S.value ? String(S.value) : "", z = I.toLowerCase(), N = h || "label";
+    if (N === "label")
       return P.toLowerCase().includes(z);
-    if (L === "value")
-      return ee.toLowerCase().includes(z);
-    if (L === "both")
-      return P.toLowerCase().includes(z) || ee.toLowerCase().includes(z);
+    if (N === "value")
+      return J.toLowerCase().includes(z);
+    if (N === "both")
+      return P.toLowerCase().includes(z) || J.toLowerCase().includes(z);
     {
-      const te = _[L];
+      const te = S[N];
       return typeof te == "string" ? te.toLowerCase().includes(z) : !1;
     }
-  }) : n, S = ue.filter(
-    (_) => V.some(
-      (P) => P.label === _.label && P.value === _.value
+  }) : n, _ = ue.filter(
+    (S) => V.some(
+      (P) => P.label === S.label && P.value === S.value
     )
   ), w = ue.filter(
-    (_) => !V.some(
-      (P) => P.label === _.label && P.value === _.value
+    (S) => !V.some(
+      (P) => P.label === S.label && P.value === S.value
     )
-  ), M = [...S, ...w], A = S.length > 0 && w.length > 0, N = (_) => {
+  ), R = [..._, ...w], A = _.length > 0 && w.length > 0, L = (S) => {
     if (g) {
       const P = Array.isArray(e) ? e : [], z = P.some(
-        (L) => L.label === _.label && L.value === _.value
+        (N) => N.label === S.label && N.value === S.value
       ) ? P.filter(
-        (L) => !(L.label === _.label && L.value === _.value)
-      ) : [...P, _];
+        (N) => !(N.label === S.label && N.value === S.value)
+      ) : [...P, S];
       r == null || r(z);
     } else
-      r == null || r(_), i || (U(!1), E(""));
-  }, j = (_, P) => {
+      r == null || r(S), i || (U(!1), E(""));
+  }, j = (S, P) => {
     if (P.stopPropagation(), g && Array.isArray(e)) {
-      const ee = e.filter(
-        (z) => !(z.label === _.label && z.value === _.value)
+      const J = e.filter(
+        (z) => !(z.label === S.label && z.value === S.value)
       );
-      r == null || r(ee);
+      r == null || r(J);
     }
-  }, W = (_) => {
-    _.stopPropagation(), r == null || r(g ? [] : null);
+  }, W = (S) => {
+    S.stopPropagation(), r == null || r(g ? [] : null);
   };
   le(() => {
-    const _ = (P) => {
+    const S = (P) => {
       var te, ie;
-      const ee = P.target, z = (te = Z.current) == null ? void 0 : te.contains(ee), L = (ie = re.current) == null ? void 0 : ie.contains(ee);
-      !z && !L && (U(!1), x(-1));
+      const J = P.target, z = (te = Z.current) == null ? void 0 : te.contains(J), N = (ie = re.current) == null ? void 0 : ie.contains(J);
+      !z && !N && (U(!1), x(-1));
     };
-    return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
+    return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
   }, []);
-  const R = J(() => {
+  const M = Q(() => {
     if (Z.current) {
-      const _ = Z.current.getBoundingClientRect();
+      const S = Z.current.getBoundingClientRect(), P = Math.min(R.length * 44 + (u ? 48 : 0), c + 16), J = window.innerHeight - S.bottom, z = S.top, N = d === "top" || d === "auto" && J < P && z >= P;
       oe({
         position: "fixed",
-        top: _.bottom + 4,
-        left: _.left,
-        width: _.width,
+        top: N ? void 0 : S.bottom + 4,
+        bottom: N ? window.innerHeight - S.top + 4 : void 0,
+        left: S.left,
+        width: S.width,
         zIndex: 9999
       });
     }
-  }, []);
-  le(() => (O && (u && Q.current && Q.current.focus(), window.addEventListener("scroll", R, !0), window.addEventListener("resize", R)), () => {
-    window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", R);
-  }), [O, u, R]);
-  const T = (_) => {
-    _.key === "ArrowDown" ? (_.preventDefault(), O ? x((P) => Math.min(P + 1, M.length - 1)) : (R(), U(!0), x(0))) : _.key === "ArrowUp" ? (_.preventDefault(), x((P) => Math.max(P - 1, 0))) : _.key === "Enter" ? (_.preventDefault(), C >= 0 && M[C] && (N(M[C]), M[C].onClick(M[C]))) : _.key === "Escape" && (_.preventDefault(), U(!1), x(-1), E(""));
+  }, [R.length, u, c, d]);
+  le(() => (O && (u && ee.current && ee.current.focus(), window.addEventListener("scroll", M, !0), window.addEventListener("resize", M)), () => {
+    window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M);
+  }), [O, u, M]);
+  const T = (S) => {
+    S.key === "ArrowDown" ? (S.preventDefault(), O ? x((P) => Math.min(P + 1, R.length - 1)) : (M(), U(!0), x(0))) : S.key === "ArrowUp" ? (S.preventDefault(), x((P) => Math.max(P - 1, 0))) : S.key === "Enter" ? (S.preventDefault(), C >= 0 && R[C] && (L(R[C]), R[C].onClick(R[C]))) : S.key === "Escape" && (S.preventDefault(), U(!1), x(-1), E(""));
   }, B = () => {
     if (g) {
       if (V.length === 0)
         return /* @__PURE__ */ s("span", { className: "text-color-gray-400", children: v });
-      const P = V[0], ee = V.length - 1;
+      const P = V[0], J = V.length - 1;
       return /* @__PURE__ */ k("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ k("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs bg-color-gray-100 rounded-md", children: [
           /* @__PURE__ */ s("span", { children: P.label }),
@@ -592,15 +593,15 @@ const Ee = ({
             }
           )
         ] }),
-        ee > 0 && /* @__PURE__ */ k("span", { className: "text-sm text-color-gray-500", children: [
+        J > 0 && /* @__PURE__ */ k("span", { className: "text-sm text-color-gray-500", children: [
           "+",
-          ee,
+          J,
           " more"
         ] })
       ] });
     }
-    const _ = V[0];
-    return _ ? /* @__PURE__ */ s("span", { children: _.label }) : /* @__PURE__ */ s("span", { className: "text-color-gray-400", children: v });
+    const S = V[0];
+    return S ? /* @__PURE__ */ s("span", { children: S.label }) : /* @__PURE__ */ s("span", { className: "text-color-gray-400", children: v });
   };
   return /* @__PURE__ */ k("div", { ref: Z, className: "relative inline-block w-full", children: [
     /* @__PURE__ */ k(
@@ -608,7 +609,7 @@ const Ee = ({
       {
         type: "button",
         onClick: () => {
-          b || (O || R(), U(!O));
+          b || (O || M(), U(!O));
         },
         onKeyDown: T,
         disabled: b,
@@ -641,11 +642,11 @@ const Ee = ({
             u && /* @__PURE__ */ s("div", { className: "px-2 pb-2", children: /* @__PURE__ */ s(
               "input",
               {
-                ref: Q,
+                ref: ee,
                 type: "text",
                 value: D,
-                onChange: (_) => {
-                  E(_.target.value), x(0);
+                onChange: (S) => {
+                  E(S.target.value), x(0);
                 },
                 onKeyDown: T,
                 placeholder: m,
@@ -658,36 +659,36 @@ const Ee = ({
                 ref: ge,
                 className: "overflow-y-auto",
                 style: { maxHeight: `${c}px` },
-                children: M.length > 0 ? /* @__PURE__ */ k(be, { children: [
-                  S.map((_, P) => /* @__PURE__ */ k(
+                children: R.length > 0 ? /* @__PURE__ */ k(be, { children: [
+                  _.map((S, P) => /* @__PURE__ */ k(
                     "li",
                     {
                       onClick: () => {
-                        N(_), _.onClick(_);
+                        L(S), S.onClick(S);
                       },
                       className: `flex items-center gap-3 cursor-pointer w-full px-4 py-2 text-left text-sm text-color-gray-700 bg-color-gray-200 hover:bg-color-gray-100
                       ${C === P ? "bg-color-gray-100" : ""}`,
                       children: [
                         g && /* @__PURE__ */ s("span", { className: "flex items-center justify-center size-4 border rounded bg-color-blue-500 border-color-blue-500", children: /* @__PURE__ */ s("svg", { className: "size-3 text-color-white", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z" }) }) }),
-                        /* @__PURE__ */ s("span", { className: "flex-1", children: _.label })
+                        /* @__PURE__ */ s("span", { className: "flex-1", children: S.label })
                       ]
                     },
                     `selected-${P}`
                   )),
                   A && /* @__PURE__ */ s("li", { className: "border-t border-color-gray-200 my-1" }),
-                  w.map((_, P) => {
-                    const ee = S.length + (A ? 1 : 0) + P;
+                  w.map((S, P) => {
+                    const J = _.length + (A ? 1 : 0) + P;
                     return /* @__PURE__ */ k(
                       "li",
                       {
                         onClick: () => {
-                          N(_), _.onClick(_);
+                          L(S), S.onClick(S);
                         },
                         className: `flex items-center gap-3 cursor-pointer w-full px-4 py-2 text-left text-sm text-color-gray-700 hover:bg-color-gray-100
-                        ${C === ee ? "bg-color-gray-100" : ""}`,
+                        ${C === J ? "bg-color-gray-100" : ""}`,
                         children: [
                           g && /* @__PURE__ */ s("span", { className: "flex items-center justify-center size-4 border rounded border-color-gray-300" }),
-                          /* @__PURE__ */ s("span", { className: "flex-1", children: _.label })
+                          /* @__PURE__ */ s("span", { className: "flex-1", children: S.label })
                         ]
                       },
                       `unselected-${P}`
@@ -800,8 +801,8 @@ function Mo() {
     }
     function C(z) {
       if (typeof z == "object" && z !== null) {
-        var L = z.$$typeof;
-        switch (L) {
+        var N = z.$$typeof;
+        switch (N) {
           case n:
             var te = z.type;
             switch (te) {
@@ -822,28 +823,28 @@ function Mo() {
                   case l:
                     return ie;
                   default:
-                    return L;
+                    return N;
                 }
             }
           case t:
-            return L;
+            return N;
         }
       }
     }
-    var x = c, D = d, E = a, H = l, oe = n, Z = u, re = o, ge = v, Q = g, I = t, O = r, U = i, V = m, ue = !1;
-    function S(z) {
+    var x = c, D = d, E = a, H = l, oe = n, Z = u, re = o, ge = v, ee = g, I = t, O = r, U = i, V = m, ue = !1;
+    function _(z) {
       return ue || (ue = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), w(z) || C(z) === c;
     }
     function w(z) {
       return C(z) === d;
     }
-    function M(z) {
+    function R(z) {
       return C(z) === a;
     }
     function A(z) {
       return C(z) === l;
     }
-    function N(z) {
+    function L(z) {
       return typeof z == "object" && z !== null && z.$$typeof === n;
     }
     function j(z) {
@@ -852,7 +853,7 @@ function Mo() {
     function W(z) {
       return C(z) === o;
     }
-    function R(z) {
+    function M(z) {
       return C(z) === v;
     }
     function T(z) {
@@ -861,16 +862,16 @@ function Mo() {
     function B(z) {
       return C(z) === t;
     }
-    function _(z) {
+    function S(z) {
       return C(z) === r;
     }
     function P(z) {
       return C(z) === i;
     }
-    function ee(z) {
+    function J(z) {
       return C(z) === m;
     }
-    de.AsyncMode = x, de.ConcurrentMode = D, de.ContextConsumer = E, de.ContextProvider = H, de.Element = oe, de.ForwardRef = Z, de.Fragment = re, de.Lazy = ge, de.Memo = Q, de.Portal = I, de.Profiler = O, de.StrictMode = U, de.Suspense = V, de.isAsyncMode = S, de.isConcurrentMode = w, de.isContextConsumer = M, de.isContextProvider = A, de.isElement = N, de.isForwardRef = j, de.isFragment = W, de.isLazy = R, de.isMemo = T, de.isPortal = B, de.isProfiler = _, de.isStrictMode = P, de.isSuspense = ee, de.isValidElementType = y, de.typeOf = C;
+    de.AsyncMode = x, de.ConcurrentMode = D, de.ContextConsumer = E, de.ContextProvider = H, de.Element = oe, de.ForwardRef = Z, de.Fragment = re, de.Lazy = ge, de.Memo = ee, de.Portal = I, de.Profiler = O, de.StrictMode = U, de.Suspense = V, de.isAsyncMode = _, de.isConcurrentMode = w, de.isContextConsumer = R, de.isContextProvider = A, de.isElement = L, de.isForwardRef = j, de.isFragment = W, de.isLazy = M, de.isMemo = T, de.isPortal = B, de.isProfiler = S, de.isStrictMode = P, de.isSuspense = J, de.isValidElementType = y, de.typeOf = C;
   }()), de;
 }
 var an;
@@ -1008,9 +1009,9 @@ function Po() {
   return _t = function(a, c) {
     var d = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
     function m(w) {
-      var M = w && (d && w[d] || w[u]);
-      if (typeof M == "function")
-        return M;
+      var R = w && (d && w[d] || w[u]);
+      if (typeof R == "function")
+        return R;
     }
     var p = "<<anonymous>>", g = {
       array: h("array"),
@@ -1031,211 +1032,211 @@ function Po() {
       oneOf: E,
       oneOfType: oe,
       shape: ge,
-      exact: Q
+      exact: ee
     };
-    function v(w, M) {
-      return w === M ? w !== 0 || 1 / w === 1 / M : w !== w && M !== M;
+    function v(w, R) {
+      return w === R ? w !== 0 || 1 / w === 1 / R : w !== w && R !== R;
     }
-    function f(w, M) {
-      this.message = w, this.data = M && typeof M == "object" ? M : {}, this.stack = "";
+    function f(w, R) {
+      this.message = w, this.data = R && typeof R == "object" ? R : {}, this.stack = "";
     }
     f.prototype = Error.prototype;
     function b(w) {
       if (process.env.NODE_ENV !== "production")
-        var M = {}, A = 0;
-      function N(W, R, T, B, _, P, ee) {
-        if (B = B || p, P = P || T, ee !== t) {
+        var R = {}, A = 0;
+      function L(W, M, T, B, S, P, J) {
+        if (B = B || p, P = P || T, J !== t) {
           if (c) {
             var z = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw z.name = "Invariant Violation", z;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var L = B + ":" + T;
-            !M[L] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var N = B + ":" + T;
+            !R[N] && // Avoid spamming the console because they are often not actionable except for lib authors
             A < 3 && (r(
               "You are manually calling a React.PropTypes validation function for the `" + P + "` prop on `" + B + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), M[L] = !0, A++);
+            ), R[N] = !0, A++);
           }
         }
-        return R[T] == null ? W ? R[T] === null ? new f("The " + _ + " `" + P + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new f("The " + _ + " `" + P + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : w(R, T, B, _, P);
+        return M[T] == null ? W ? M[T] === null ? new f("The " + S + " `" + P + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new f("The " + S + " `" + P + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : w(M, T, B, S, P);
       }
-      var j = N.bind(null, !1);
-      return j.isRequired = N.bind(null, !0), j;
+      var j = L.bind(null, !1);
+      return j.isRequired = L.bind(null, !0), j;
     }
     function h(w) {
-      function M(A, N, j, W, R, T) {
-        var B = A[N], _ = U(B);
-        if (_ !== w) {
+      function R(A, L, j, W, M, T) {
+        var B = A[L], S = U(B);
+        if (S !== w) {
           var P = V(B);
           return new f(
-            "Invalid " + W + " `" + R + "` of type " + ("`" + P + "` supplied to `" + j + "`, expected ") + ("`" + w + "`."),
+            "Invalid " + W + " `" + M + "` of type " + ("`" + P + "` supplied to `" + j + "`, expected ") + ("`" + w + "`."),
             { expectedType: w }
           );
         }
         return null;
       }
-      return b(M);
+      return b(R);
     }
     function $() {
       return b(l);
     }
     function y(w) {
-      function M(A, N, j, W, R) {
+      function R(A, L, j, W, M) {
         if (typeof w != "function")
-          return new f("Property `" + R + "` of component `" + j + "` has invalid PropType notation inside arrayOf.");
-        var T = A[N];
+          return new f("Property `" + M + "` of component `" + j + "` has invalid PropType notation inside arrayOf.");
+        var T = A[L];
         if (!Array.isArray(T)) {
           var B = U(T);
-          return new f("Invalid " + W + " `" + R + "` of type " + ("`" + B + "` supplied to `" + j + "`, expected an array."));
+          return new f("Invalid " + W + " `" + M + "` of type " + ("`" + B + "` supplied to `" + j + "`, expected an array."));
         }
-        for (var _ = 0; _ < T.length; _++) {
-          var P = w(T, _, j, W, R + "[" + _ + "]", t);
+        for (var S = 0; S < T.length; S++) {
+          var P = w(T, S, j, W, M + "[" + S + "]", t);
           if (P instanceof Error)
             return P;
         }
         return null;
       }
-      return b(M);
+      return b(R);
     }
     function C() {
-      function w(M, A, N, j, W) {
-        var R = M[A];
-        if (!a(R)) {
-          var T = U(R);
-          return new f("Invalid " + j + " `" + W + "` of type " + ("`" + T + "` supplied to `" + N + "`, expected a single ReactElement."));
+      function w(R, A, L, j, W) {
+        var M = R[A];
+        if (!a(M)) {
+          var T = U(M);
+          return new f("Invalid " + j + " `" + W + "` of type " + ("`" + T + "` supplied to `" + L + "`, expected a single ReactElement."));
         }
         return null;
       }
       return b(w);
     }
     function x() {
-      function w(M, A, N, j, W) {
-        var R = M[A];
-        if (!e.isValidElementType(R)) {
-          var T = U(R);
-          return new f("Invalid " + j + " `" + W + "` of type " + ("`" + T + "` supplied to `" + N + "`, expected a single ReactElement type."));
+      function w(R, A, L, j, W) {
+        var M = R[A];
+        if (!e.isValidElementType(M)) {
+          var T = U(M);
+          return new f("Invalid " + j + " `" + W + "` of type " + ("`" + T + "` supplied to `" + L + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return b(w);
     }
     function D(w) {
-      function M(A, N, j, W, R) {
-        if (!(A[N] instanceof w)) {
-          var T = w.name || p, B = S(A[N]);
-          return new f("Invalid " + W + " `" + R + "` of type " + ("`" + B + "` supplied to `" + j + "`, expected ") + ("instance of `" + T + "`."));
+      function R(A, L, j, W, M) {
+        if (!(A[L] instanceof w)) {
+          var T = w.name || p, B = _(A[L]);
+          return new f("Invalid " + W + " `" + M + "` of type " + ("`" + B + "` supplied to `" + j + "`, expected ") + ("instance of `" + T + "`."));
         }
         return null;
       }
-      return b(M);
+      return b(R);
     }
     function E(w) {
       if (!Array.isArray(w))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? r(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : r("Invalid argument supplied to oneOf, expected an array.")), l;
-      function M(A, N, j, W, R) {
-        for (var T = A[N], B = 0; B < w.length; B++)
+      function R(A, L, j, W, M) {
+        for (var T = A[L], B = 0; B < w.length; B++)
           if (v(T, w[B]))
             return null;
-        var _ = JSON.stringify(w, function(ee, z) {
-          var L = V(z);
-          return L === "symbol" ? String(z) : z;
+        var S = JSON.stringify(w, function(J, z) {
+          var N = V(z);
+          return N === "symbol" ? String(z) : z;
         });
-        return new f("Invalid " + W + " `" + R + "` of value `" + String(T) + "` " + ("supplied to `" + j + "`, expected one of " + _ + "."));
+        return new f("Invalid " + W + " `" + M + "` of value `" + String(T) + "` " + ("supplied to `" + j + "`, expected one of " + S + "."));
       }
-      return b(M);
+      return b(R);
     }
     function H(w) {
-      function M(A, N, j, W, R) {
+      function R(A, L, j, W, M) {
         if (typeof w != "function")
-          return new f("Property `" + R + "` of component `" + j + "` has invalid PropType notation inside objectOf.");
-        var T = A[N], B = U(T);
+          return new f("Property `" + M + "` of component `" + j + "` has invalid PropType notation inside objectOf.");
+        var T = A[L], B = U(T);
         if (B !== "object")
-          return new f("Invalid " + W + " `" + R + "` of type " + ("`" + B + "` supplied to `" + j + "`, expected an object."));
-        for (var _ in T)
-          if (o(T, _)) {
-            var P = w(T, _, j, W, R + "." + _, t);
+          return new f("Invalid " + W + " `" + M + "` of type " + ("`" + B + "` supplied to `" + j + "`, expected an object."));
+        for (var S in T)
+          if (o(T, S)) {
+            var P = w(T, S, j, W, M + "." + S, t);
             if (P instanceof Error)
               return P;
           }
         return null;
       }
-      return b(M);
+      return b(R);
     }
     function oe(w) {
       if (!Array.isArray(w))
         return process.env.NODE_ENV !== "production" && r("Invalid argument supplied to oneOfType, expected an instance of array."), l;
-      for (var M = 0; M < w.length; M++) {
-        var A = w[M];
+      for (var R = 0; R < w.length; R++) {
+        var A = w[R];
         if (typeof A != "function")
           return r(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ue(A) + " at index " + M + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ue(A) + " at index " + R + "."
           ), l;
       }
-      function N(j, W, R, T, B) {
-        for (var _ = [], P = 0; P < w.length; P++) {
-          var ee = w[P], z = ee(j, W, R, T, B, t);
+      function L(j, W, M, T, B) {
+        for (var S = [], P = 0; P < w.length; P++) {
+          var J = w[P], z = J(j, W, M, T, B, t);
           if (z == null)
             return null;
-          z.data && o(z.data, "expectedType") && _.push(z.data.expectedType);
+          z.data && o(z.data, "expectedType") && S.push(z.data.expectedType);
         }
-        var L = _.length > 0 ? ", expected one of type [" + _.join(", ") + "]" : "";
-        return new f("Invalid " + T + " `" + B + "` supplied to " + ("`" + R + "`" + L + "."));
+        var N = S.length > 0 ? ", expected one of type [" + S.join(", ") + "]" : "";
+        return new f("Invalid " + T + " `" + B + "` supplied to " + ("`" + M + "`" + N + "."));
       }
-      return b(N);
+      return b(L);
     }
     function Z() {
-      function w(M, A, N, j, W) {
-        return I(M[A]) ? null : new f("Invalid " + j + " `" + W + "` supplied to " + ("`" + N + "`, expected a ReactNode."));
+      function w(R, A, L, j, W) {
+        return I(R[A]) ? null : new f("Invalid " + j + " `" + W + "` supplied to " + ("`" + L + "`, expected a ReactNode."));
       }
       return b(w);
     }
-    function re(w, M, A, N, j) {
+    function re(w, R, A, L, j) {
       return new f(
-        (w || "React class") + ": " + M + " type `" + A + "." + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + j + "`."
+        (w || "React class") + ": " + R + " type `" + A + "." + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + j + "`."
       );
     }
     function ge(w) {
-      function M(A, N, j, W, R) {
-        var T = A[N], B = U(T);
+      function R(A, L, j, W, M) {
+        var T = A[L], B = U(T);
         if (B !== "object")
-          return new f("Invalid " + W + " `" + R + "` of type `" + B + "` " + ("supplied to `" + j + "`, expected `object`."));
-        for (var _ in w) {
-          var P = w[_];
+          return new f("Invalid " + W + " `" + M + "` of type `" + B + "` " + ("supplied to `" + j + "`, expected `object`."));
+        for (var S in w) {
+          var P = w[S];
           if (typeof P != "function")
-            return re(j, W, R, _, V(P));
-          var ee = P(T, _, j, W, R + "." + _, t);
-          if (ee)
-            return ee;
+            return re(j, W, M, S, V(P));
+          var J = P(T, S, j, W, M + "." + S, t);
+          if (J)
+            return J;
         }
         return null;
       }
-      return b(M);
+      return b(R);
     }
-    function Q(w) {
-      function M(A, N, j, W, R) {
-        var T = A[N], B = U(T);
+    function ee(w) {
+      function R(A, L, j, W, M) {
+        var T = A[L], B = U(T);
         if (B !== "object")
-          return new f("Invalid " + W + " `" + R + "` of type `" + B + "` " + ("supplied to `" + j + "`, expected `object`."));
-        var _ = n({}, A[N], w);
-        for (var P in _) {
-          var ee = w[P];
-          if (o(w, P) && typeof ee != "function")
-            return re(j, W, R, P, V(ee));
-          if (!ee)
+          return new f("Invalid " + W + " `" + M + "` of type `" + B + "` " + ("supplied to `" + j + "`, expected `object`."));
+        var S = n({}, A[L], w);
+        for (var P in S) {
+          var J = w[P];
+          if (o(w, P) && typeof J != "function")
+            return re(j, W, M, P, V(J));
+          if (!J)
             return new f(
-              "Invalid " + W + " `" + R + "` key `" + P + "` supplied to `" + j + "`.\nBad object: " + JSON.stringify(A[N], null, "  ") + `
+              "Invalid " + W + " `" + M + "` key `" + P + "` supplied to `" + j + "`.\nBad object: " + JSON.stringify(A[L], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
             );
-          var z = ee(T, P, j, W, R + "." + P, t);
+          var z = J(T, P, j, W, M + "." + P, t);
           if (z)
             return z;
         }
         return null;
       }
-      return b(M);
+      return b(R);
     }
     function I(w) {
       switch (typeof w) {
@@ -1250,16 +1251,16 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
             return w.every(I);
           if (w === null || a(w))
             return !0;
-          var M = m(w);
-          if (M) {
-            var A = M.call(w), N;
-            if (M !== w.entries) {
-              for (; !(N = A.next()).done; )
-                if (!I(N.value))
+          var R = m(w);
+          if (R) {
+            var A = R.call(w), L;
+            if (R !== w.entries) {
+              for (; !(L = A.next()).done; )
+                if (!I(L.value))
                   return !1;
             } else
-              for (; !(N = A.next()).done; ) {
-                var j = N.value;
+              for (; !(L = A.next()).done; ) {
+                var j = L.value;
                 if (j && !I(j[1]))
                   return !1;
               }
@@ -1270,40 +1271,40 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
           return !1;
       }
     }
-    function O(w, M) {
-      return w === "symbol" ? !0 : M ? M["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && M instanceof Symbol : !1;
+    function O(w, R) {
+      return w === "symbol" ? !0 : R ? R["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && R instanceof Symbol : !1;
     }
     function U(w) {
-      var M = typeof w;
-      return Array.isArray(w) ? "array" : w instanceof RegExp ? "object" : O(M, w) ? "symbol" : M;
+      var R = typeof w;
+      return Array.isArray(w) ? "array" : w instanceof RegExp ? "object" : O(R, w) ? "symbol" : R;
     }
     function V(w) {
       if (typeof w > "u" || w === null)
         return "" + w;
-      var M = U(w);
-      if (M === "object") {
+      var R = U(w);
+      if (R === "object") {
         if (w instanceof Date)
           return "date";
         if (w instanceof RegExp)
           return "regexp";
       }
-      return M;
+      return R;
     }
     function ue(w) {
-      var M = V(w);
-      switch (M) {
+      var R = V(w);
+      switch (R) {
         case "array":
         case "object":
-          return "an " + M;
+          return "an " + R;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + M;
+          return "a " + R;
         default:
-          return M;
+          return R;
       }
     }
-    function S(w) {
+    function _(w) {
       return !w.constructor || !w.constructor.name ? p : w.constructor.name;
     }
     return g.checkPropTypes = i, g.resetWarningCache = i.resetWarningCache, g.PropTypes = g, g;
@@ -3274,23 +3275,23 @@ function Qn() {
     return fi(t);
   }, [t]), ge = $e(function() {
     return typeof b == "function" ? b : _n;
-  }, [b]), Q = $e(function() {
+  }, [b]), ee = $e(function() {
     return typeof f == "function" ? f : _n;
-  }, [f]), I = se(null), O = se(null), U = xo(Ni, Ht), V = Rt(U, 2), ue = V[0], S = V[1], w = ue.isFocused, M = ue.isFileDialogActive, A = se(typeof window < "u" && window.isSecureContext && h && gi()), N = function() {
-    !A.current && M && setTimeout(function() {
+  }, [f]), I = se(null), O = se(null), U = xo(Ni, Ht), V = Rt(U, 2), ue = V[0], _ = V[1], w = ue.isFocused, R = ue.isFileDialogActive, A = se(typeof window < "u" && window.isSecureContext && h && gi()), L = function() {
+    !A.current && R && setTimeout(function() {
       if (O.current) {
         var Y = O.current.files;
-        Y.length || (S({
+        Y.length || (_({
           type: "closeDialog"
-        }), Q());
+        }), ee());
       }
     }, 300);
   };
   le(function() {
-    return window.addEventListener("focus", N, !1), function() {
-      window.removeEventListener("focus", N, !1);
+    return window.addEventListener("focus", L, !1), function() {
+      window.removeEventListener("focus", L, !1);
     };
-  }, [O, M, Q, A]);
+  }, [O, R, ee, A]);
   var j = se([]), W = function(Y) {
     I.current && I.current.contains(Y.target) || (Y.preventDefault(), j.current = []);
   };
@@ -3302,9 +3303,9 @@ function Qn() {
     return !o && $ && I.current && I.current.focus(), function() {
     };
   }, [I, $, o]);
-  var R = J(function(F) {
+  var M = Q(function(F) {
     H ? H(F) : console.error(F);
-  }, [H]), T = J(function(F) {
+  }, [H]), T = Q(function(F) {
     F.preventDefault(), F.persist(), ke(F), j.current = [].concat(ki(j.current), [F.target]), st(F) && Promise.resolve(i(F)).then(function(Y) {
       if (!(mt(F) && !E)) {
         var ve = Y.length, he = ve > 0 && ci({
@@ -3316,7 +3317,7 @@ function Qn() {
           maxFiles: c,
           validator: oe
         }), we = ve > 0 && !he;
-        S({
+        _({
           isDragAccept: he,
           isDragReject: we,
           isDragActive: !0,
@@ -3324,9 +3325,9 @@ function Qn() {
         }), d && d(F);
       }
     }).catch(function(Y) {
-      return R(Y);
+      return M(Y);
     });
-  }, [i, d, R, E, Z, l, r, a, c, oe]), B = J(function(F) {
+  }, [i, d, M, E, Z, l, r, a, c, oe]), B = Q(function(F) {
     F.preventDefault(), F.persist(), ke(F);
     var Y = st(F);
     if (Y && F.dataTransfer)
@@ -3335,18 +3336,18 @@ function Qn() {
       } catch {
       }
     return Y && m && m(F), !1;
-  }, [m, E]), _ = J(function(F) {
+  }, [m, E]), S = Q(function(F) {
     F.preventDefault(), F.persist(), ke(F);
     var Y = j.current.filter(function(he) {
       return I.current && I.current.contains(he);
     }), ve = Y.indexOf(F.target);
-    ve !== -1 && Y.splice(ve, 1), j.current = Y, !(Y.length > 0) && (S({
+    ve !== -1 && Y.splice(ve, 1), j.current = Y, !(Y.length > 0) && (_({
       type: "setDraggedFiles",
       isDragActive: !1,
       isDragAccept: !1,
       isDragReject: !1
     }), st(F) && u && u(F));
-  }, [I, u, E]), P = J(function(F, Y) {
+  }, [I, u, E]), P = Q(function(F, Y) {
     var ve = [], he = [];
     F.forEach(function(we) {
       var je = Yn(we, Z), Fe = Rt(je, 2), We = Fe[0], Ue = Fe[1], Ke = Wn(we, l, r), Ge = Rt(Ke, 2), Xe = Ge[0], Je = Ge[1], Qe = oe ? oe(we) : null;
@@ -3366,23 +3367,23 @@ function Qn() {
         file: we,
         errors: [si]
       });
-    }), ve.splice(0)), S({
+    }), ve.splice(0)), _({
       acceptedFiles: ve,
       fileRejections: he,
       isDragReject: he.length > 0,
       type: "setFiles"
     }), p && p(ve, he, Y), he.length > 0 && v && v(he, Y), ve.length > 0 && g && g(ve, Y);
-  }, [S, a, Z, l, r, c, p, g, v, oe]), ee = J(function(F) {
+  }, [_, a, Z, l, r, c, p, g, v, oe]), J = Q(function(F) {
     F.preventDefault(), F.persist(), ke(F), j.current = [], st(F) && Promise.resolve(i(F)).then(function(Y) {
       mt(F) && !E || P(Y, F);
     }).catch(function(Y) {
-      return R(Y);
-    }), S({
+      return M(Y);
+    }), _({
       type: "reset"
     });
-  }, [i, P, R, E]), z = J(function() {
+  }, [i, P, M, E]), z = Q(function() {
     if (A.current) {
-      S({
+      _({
         type: "openDialog"
       }), ge();
       var F = {
@@ -3392,30 +3393,30 @@ function Qn() {
       window.showOpenFilePicker(F).then(function(Y) {
         return i(Y);
       }).then(function(Y) {
-        P(Y, null), S({
+        P(Y, null), _({
           type: "closeDialog"
         });
       }).catch(function(Y) {
-        vi(Y) ? (Q(Y), S({
+        vi(Y) ? (ee(Y), _({
           type: "closeDialog"
-        })) : hi(Y) ? (A.current = !1, O.current ? (O.current.value = null, O.current.click()) : R(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : R(Y);
+        })) : hi(Y) ? (A.current = !1, O.current ? (O.current.value = null, O.current.click()) : M(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : M(Y);
       });
       return;
     }
-    O.current && (S({
+    O.current && (_({
       type: "openDialog"
     }), ge(), O.current.value = null, O.current.click());
-  }, [S, ge, Q, h, P, R, re, a]), L = J(function(F) {
+  }, [_, ge, ee, h, P, M, re, a]), N = Q(function(F) {
     !I.current || !I.current.isEqualNode(F.target) || (F.key === " " || F.key === "Enter" || F.keyCode === 32 || F.keyCode === 13) && (F.preventDefault(), z());
-  }, [I, z]), te = J(function() {
-    S({
+  }, [I, z]), te = Q(function() {
+    _({
       type: "focus"
     });
-  }, []), ie = J(function() {
-    S({
+  }, []), ie = Q(function() {
+    _({
       type: "blur"
     });
-  }, []), fe = J(function() {
+  }, []), fe = Q(function() {
     C || (pi() ? setTimeout(z, 0) : z());
   }, [C, z]), G = function(Y) {
     return o ? null : Y;
@@ -3429,20 +3430,20 @@ function Qn() {
     return function() {
       var F = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, Y = F.refKey, ve = Y === void 0 ? "ref" : Y, he = F.role, we = F.onKeyDown, je = F.onFocus, Fe = F.onBlur, We = F.onClick, Ue = F.onDragEnter, Ke = F.onDragOver, Ge = F.onDragLeave, Xe = F.onDrop, Je = vt(F, bi);
       return me(me(Vt({
-        onKeyDown: ae(Re(we, L)),
+        onKeyDown: ae(Re(we, N)),
         onFocus: ae(Re(je, te)),
         onBlur: ae(Re(Fe, ie)),
         onClick: G(Re(We, fe)),
         onDragEnter: _e(Re(Ue, T)),
         onDragOver: _e(Re(Ke, B)),
-        onDragLeave: _e(Re(Ge, _)),
-        onDrop: _e(Re(Xe, ee)),
+        onDragLeave: _e(Re(Ge, S)),
+        onDrop: _e(Re(Xe, J)),
         role: typeof he == "string" && he !== "" ? he : "presentation"
       }, ve, I), !o && !x ? {
         tabIndex: 0
       } : {}), Je);
     };
-  }, [I, L, te, ie, fe, T, B, _, ee, x, D, o]), Se = J(function(F) {
+  }, [I, N, te, ie, fe, T, B, S, J, x, D, o]), Se = Q(function(F) {
     F.stopPropagation();
   }, []), Le = $e(function() {
     return function() {
@@ -3462,13 +3463,13 @@ function Qn() {
           width: "1px",
           whiteSpace: "nowrap"
         },
-        onChange: G(Re(he, ee)),
+        onChange: G(Re(he, J)),
         onClick: G(Re(we, Se)),
         tabIndex: -1
       }, ve, O);
       return me(me({}, Fe), je);
     };
-  }, [O, t, a, ee, o]);
+  }, [O, t, a, J, o]);
   return me(me({}, ue), {}, {
     isFocused: w && !o,
     getRootProps: Ne,
@@ -3549,7 +3550,7 @@ const Ia = ({
   le(() => {
     (h.length !== C.length || h.some((I, O) => I !== C[O])) && x(h);
   }, [h]);
-  const H = J(
+  const H = Q(
     (I, O) => {
       const U = [];
       if (O.length > 0 && O.forEach((V) => {
@@ -3581,7 +3582,7 @@ const Ia = ({
     ]
   ), oe = (I) => {
     x((O) => O.filter((U, V) => V !== I)), $(C);
-  }, { getRootProps: Z, getInputProps: re, isDragActive: ge, isDragReject: Q } = Qn({
+  }, { getRootProps: Z, getInputProps: re, isDragActive: ge, isDragReject: ee } = Qn({
     onDrop: H,
     accept: t,
     multiple: o,
@@ -3594,7 +3595,7 @@ const Ia = ({
       className: `
         border border-style-dashed rounded-lg p-0 overflow-hidden transition
         ${ge ? "border-color-blue-500 bg-color-blue-50" : "border-color-gray-200 bg-color-gray-50"}
-        ${Q ? "border-color-red-500 bg-color-red-50" : ""}
+        ${ee ? "border-color-red-500 bg-color-red-50" : ""}
         ${l ? "opacity-50 cursor-not-allowed" : ""}
         ${u}
       `,
@@ -6159,19 +6160,19 @@ function jr(e) {
       return !0;
     }
     return !1;
-  }, r = J(
+  }, r = Q(
     (c) => {
       e && (i(c, o.current) || (o.current = c, e(c)));
     },
     [e]
-  ), l = J(
+  ), l = Q(
     (c) => {
       t.current = c, n.current == null && (n.current = requestAnimationFrame(() => {
         n.current = null, t.current != null && r(t.current);
       }));
     },
     [r]
-  ), a = J(() => {
+  ), a = Q(() => {
     n.current != null && cancelAnimationFrame(n.current), n.current = null;
   }, []);
   return { schedule: l, flush: r, cancel: a, last: t };
@@ -6197,90 +6198,90 @@ const Za = bo(function({
   range: f = !1,
   minDistance: b = 0
 }) {
-  const h = n !== void 0, [$, y] = q(() => t !== void 0 ? t : f ? [r, l] : r), C = h ? n : $, x = Array.isArray(C) ? C[0] : C, [D, E] = Array.isArray(C) ? C : [C, C], H = It[c] || It.blue, oe = Nn[d] ?? Nn.medium, Z = J(
-    (L) => (L - r) / (l - r) * 100,
+  const h = n !== void 0, [$, y] = q(() => t !== void 0 ? t : f ? [r, l] : r), C = h ? n : $, x = Array.isArray(C) ? C[0] : C, [D, E] = Array.isArray(C) ? C : [C, C], H = It[c] || It.blue, oe = Nn[d] ?? Nn.medium, Z = Q(
+    (N) => (N - r) / (l - r) * 100,
     [r, l]
-  ), re = Z(x), ge = Z(D), Q = Z(E), I = J((L) => Math.max(r, Math.min(l, L)), [r, l]), O = J((L) => Math.round(L / a) * a, [a]), U = jr(o), V = J(
-    (L, te = !0) => {
-      h || y(L), te ? U.schedule(L) : U.flush(L);
+  ), re = Z(x), ge = Z(D), ee = Z(E), I = Q((N) => Math.max(r, Math.min(l, N)), [r, l]), O = Q((N) => Math.round(N / a) * a, [a]), U = jr(o), V = Q(
+    (N, te = !0) => {
+      h || y(N), te ? U.schedule(N) : U.flush(N);
     },
     [h, U]
-  ), ue = J(() => {
-    const L = U.last.current;
-    L != null && (U.flush(L), i == null || i(L));
-  }, [U, i]), S = J(
-    (L, te) => {
-      if (f && Array.isArray(L)) {
-        let [ie, fe] = L, G = O(I(ie)), ae = O(I(fe));
+  ), ue = Q(() => {
+    const N = U.last.current;
+    N != null && (U.flush(N), i == null || i(N));
+  }, [U, i]), _ = Q(
+    (N, te) => {
+      if (f && Array.isArray(N)) {
+        let [ie, fe] = N, G = O(I(ie)), ae = O(I(fe));
         return ae - G < b && (te === "min" ? ae = I(G + b) : te === "max" && (G = I(ae - b))), G > ae && (te === "min" ? G = ae : ae = G), [G, ae];
-      } else if (!f && typeof L == "number")
-        return O(I(L));
-      return L;
+      } else if (!f && typeof N == "number")
+        return O(I(N));
+      return N;
     },
     [f, I, O, b]
-  ), w = se(null), M = J(
-    (L) => {
+  ), w = se(null), R = Q(
+    (N) => {
       var fe;
       const te = (fe = w.current) == null ? void 0 : fe.getBoundingClientRect();
       if (!te) return f ? r : x;
-      const ie = Math.max(0, Math.min(1, (L - te.left) / te.width));
+      const ie = Math.max(0, Math.min(1, (N - te.left) / te.width));
       return r + ie * (l - r);
     },
     [r, l, f, x]
-  ), A = J(
-    (L) => {
-      const te = Math.abs(L - D), ie = Math.abs(L - E);
+  ), A = Q(
+    (N) => {
+      const te = Math.abs(N - D), ie = Math.abs(N - E);
       return te <= ie ? "min" : "max";
     },
     [D, E]
-  ), [N, j] = q(null), [W, R] = q(null), [T, B] = q(null), _ = J(
-    (L, te) => {
+  ), [L, j] = q(null), [W, M] = q(null), [T, B] = q(null), S = Q(
+    (N, te) => {
       var fe, G;
       if (u) return;
-      L.preventDefault(), (G = (fe = L.currentTarget).setPointerCapture) == null || G.call(fe, L.pointerId), B(L.pointerId);
-      const ie = M(L.clientX);
+      N.preventDefault(), (G = (fe = N.currentTarget).setPointerCapture) == null || G.call(fe, N.pointerId), B(N.pointerId);
+      const ie = R(N.clientX);
       if (f) {
         const ae = te || A(ie);
-        j(ae), V(ae === "min" ? S([ie, E], "min") : S([D, ie], "max"));
+        j(ae), V(ae === "min" ? _([ie, E], "min") : _([D, ie], "max"));
       } else
-        j("single"), V(S(ie, "single"));
+        j("single"), V(_(ie, "single"));
     },
     [
       u,
       f,
-      M,
+      R,
       A,
-      S,
+      _,
       D,
       E,
       V
     ]
-  ), P = J(
-    (L) => {
-      if (u || T == null || N == null) return;
-      const te = M(L.clientX);
-      f ? N === "min" ? V(S([te, E], "min")) : N === "max" && V(S([D, te], "max")) : V(S(te, "single"));
+  ), P = Q(
+    (N) => {
+      if (u || T == null || L == null) return;
+      const te = R(N.clientX);
+      f ? L === "min" ? V(_([te, E], "min")) : L === "max" && V(_([D, te], "max")) : V(_(te, "single"));
     },
     [
       u,
       T,
-      N,
+      L,
       f,
-      M,
-      S,
+      R,
+      _,
       D,
       E,
       V
     ]
-  ), ee = J(() => {
-    N != null && (j(null), B(null), ue());
-  }, [N, ue]), z = J(
-    (L, te) => {
+  ), J = Q(() => {
+    L != null && (j(null), B(null), ue());
+  }, [L, ue]), z = Q(
+    (N, te) => {
       if (u) return;
       const ie = f ? te === "min" ? D : E : x;
       let fe = ie;
       const G = (l - r) / 10;
-      switch (L.key) {
+      switch (N.key) {
         case "ArrowLeft":
         case "ArrowDown":
           fe = ie - a;
@@ -6304,7 +6305,7 @@ const Za = bo(function({
         default:
           return;
       }
-      L.preventDefault(), V(f ? te === "min" ? S([fe, E], "min") : S([D, fe], "max") : S(fe, "single"), !1), i == null || i(h ? n : C);
+      N.preventDefault(), V(f ? te === "min" ? _([fe, E], "min") : _([D, fe], "max") : _(fe, "single"), !1), i == null || i(h ? n : C);
     },
     [
       u,
@@ -6315,7 +6316,7 @@ const Za = bo(function({
       a,
       r,
       l,
-      S,
+      _,
       V,
       i,
       h,
@@ -6324,12 +6325,12 @@ const Za = bo(function({
     ]
   );
   return le(() => {
-    if (!N) return;
-    const L = document.body.style.userSelect;
+    if (!L) return;
+    const N = document.body.style.userSelect;
     return document.body.style.userSelect = "none", () => {
-      document.body.style.userSelect = L;
+      document.body.style.userSelect = N;
     };
-  }, [N]), /* @__PURE__ */ s("div", { className: `w-full ${m}`, children: /* @__PURE__ */ k("div", { className: "relative flex items-center", children: [
+  }, [L]), /* @__PURE__ */ s("div", { className: `w-full ${m}`, children: /* @__PURE__ */ k("div", { className: "relative flex items-center", children: [
     f && /* @__PURE__ */ s("div", { className: "mr-3 text-sm font-medium text-color-gray-700 dark:text-color-gray-200 min-w-[2rem]", children: /* @__PURE__ */ s("div", { className: "range-min", children: /* @__PURE__ */ s("div", { children: D }) }) }),
     /* @__PURE__ */ k("div", { className: "w-full", children: [
       /* @__PURE__ */ k(
@@ -6340,26 +6341,26 @@ const Za = bo(function({
             relative w-full ${oe.track} ${H.track} rounded-full
             ${u ? "opacity-60 cursor-not-allowed" : "cursor-pointer"}
           `,
-          onPointerDown: (L) => _(L),
+          onPointerDown: (N) => S(N),
           onPointerMove: P,
-          onPointerUp: ee,
-          onPointerCancel: ee,
+          onPointerUp: J,
+          onPointerCancel: J,
           children: [
             f ? /* @__PURE__ */ s(
               "div",
               {
-                className: `absolute top-0 ${oe.track} ${H.progress} rounded-full ${N ? "" : "transition-all duration-150"}`,
-                style: { left: `${ge}%`, width: `${Q - ge}%` }
+                className: `absolute top-0 ${oe.track} ${H.progress} rounded-full ${L ? "" : "transition-all duration-150"}`,
+                style: { left: `${ge}%`, width: `${ee - ge}%` }
               }
             ) : /* @__PURE__ */ s(
               "div",
               {
-                className: `absolute top-0 left-0 ${oe.track} ${H.progress} rounded-full ${N ? "" : "transition-all duration-150"}`,
+                className: `absolute top-0 left-0 ${oe.track} ${H.progress} rounded-full ${L ? "" : "transition-all duration-150"}`,
                 style: { width: `${re}%` }
               }
             ),
-            g && v.map((L, te) => {
-              const ie = Z(L.value);
+            g && v.map((N, te) => {
+              const ie = Z(N.value);
               return /* @__PURE__ */ s(
                 "div",
                 {
@@ -6376,7 +6377,7 @@ const Za = bo(function({
                 absolute top-1/2 transform -translate-y-1/2 -translate-x-1/2
                 ${oe.thumb} ${H.thumb} ${H.thumbHover} ${H.thumbActive}
                 rounded-full border-2 ${u ? "opacity-60 cursor-not-allowed" : "cursor-grab"}
-                ${N === "single" ? "cursor-grabbing scale-110" : N ? "" : "transition-all duration-150"}
+                ${L === "single" ? "cursor-grabbing scale-110" : L ? "" : "transition-all duration-150"}
                 ${W === "single" ? "ring-2 ring-offset-1 ring-blue-300" : ""}
                 shadow-md hover:shadow-lg focus:outline-none dark:shadow-none
               `,
@@ -6388,10 +6389,10 @@ const Za = bo(function({
                 "aria-valuemax": l,
                 "aria-valuenow": x,
                 "aria-disabled": u,
-                onKeyDown: (L) => z(L, "single"),
-                onFocus: () => R("single"),
-                onBlur: () => R(null),
-                onPointerDown: (L) => _(L, "single")
+                onKeyDown: (N) => z(N, "single"),
+                onFocus: () => M("single"),
+                onBlur: () => M(null),
+                onPointerDown: (N) => S(N, "single")
               }
             ),
             f && /* @__PURE__ */ k(be, { children: [
@@ -6402,7 +6403,7 @@ const Za = bo(function({
                   absolute top-1/2 transform -translate-y-1/2 -translate-x-1/2 z-10
                   ${oe.thumb} ${H.thumb} ${H.thumbHover} ${H.thumbActive}
                   rounded-full border-2 ${u ? "opacity-60 cursor-not-allowed" : "cursor-grab"}
-                  ${N === "min" ? "cursor-grabbing scale-110 z-20" : N ? "" : "transition-all duration-150"}
+                  ${L === "min" ? "cursor-grabbing scale-110 z-20" : L ? "" : "transition-all duration-150"}
                   ${W === "min" ? "ring-2 ring-offset-1 ring-blue-300" : ""}
                   shadow-md hover:shadow-lg focus:outline-none dark:shadow-none
                 `,
@@ -6415,10 +6416,10 @@ const Za = bo(function({
                   "aria-valuenow": D,
                   "aria-disabled": u,
                   "aria-label": "Minimum value",
-                  onKeyDown: (L) => z(L, "min"),
-                  onFocus: () => R("min"),
-                  onBlur: () => R(null),
-                  onPointerDown: (L) => _(L, "min")
+                  onKeyDown: (N) => z(N, "min"),
+                  onFocus: () => M("min"),
+                  onBlur: () => M(null),
+                  onPointerDown: (N) => S(N, "min")
                 }
               ),
               /* @__PURE__ */ s(
@@ -6428,11 +6429,11 @@ const Za = bo(function({
                   absolute top-1/2 transform -translate-y-1/2 -translate-x-1/2 z-10
                   ${oe.thumb} ${H.thumb} ${H.thumbHover} ${H.thumbActive}
                   rounded-full border-2 ${u ? "opacity-60 cursor-not-allowed" : "cursor-grab"}
-                  ${N === "max" ? "cursor-grabbing scale-110 z-20" : N ? "" : "transition-all duration-150"}
+                  ${L === "max" ? "cursor-grabbing scale-110 z-20" : L ? "" : "transition-all duration-150"}
                   ${W === "max" ? "ring-2 ring-offset-1 ring-blue-300" : ""}
                   shadow-md hover:shadow-lg focus:outline-none dark:shadow-none
                 `,
-                  style: { left: `${Q}%` },
+                  style: { left: `${ee}%` },
                   tabIndex: u ? -1 : 0,
                   role: "slider",
                   "aria-orientation": "horizontal",
@@ -6441,10 +6442,10 @@ const Za = bo(function({
                   "aria-valuenow": E,
                   "aria-disabled": u,
                   "aria-label": "Maximum value",
-                  onKeyDown: (L) => z(L, "max"),
-                  onFocus: () => R("max"),
-                  onBlur: () => R(null),
-                  onPointerDown: (L) => _(L, "max")
+                  onKeyDown: (N) => z(N, "max"),
+                  onFocus: () => M("max"),
+                  onBlur: () => M(null),
+                  onPointerDown: (N) => S(N, "max")
                 }
               )
             ] })
@@ -6455,14 +6456,14 @@ const Za = bo(function({
         "div",
         {
           className: "relative mt-2 text-xs text-color-gray-500 dark:text-color-gray-200",
-          children: v.map((L, te) => {
-            const ie = Z(L.value);
+          children: v.map((N, te) => {
+            const ie = Z(N.value);
             return /* @__PURE__ */ s(
               "div",
               {
                 className: "absolute transform -translate-x-1/2 text-xs",
                 style: { left: `${ie}%` },
-                children: L.label || L.value
+                children: N.label || N.value
               },
               te
             );
@@ -6497,7 +6498,7 @@ const Za = bo(function({
     if (e)
       return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
   }, [e, r]);
-  const c = J(() => {
+  const c = Q(() => {
     r && r();
   }, [r]), d = (p) => {
     const g = "fixed z-50 transform transition-all duration-300 ease-in-out";
@@ -6811,30 +6812,30 @@ const Ka = ({
     x == null ? void 0 : x.swipeable,
     g,
     D
-  ), Q = e.length, I = Math.min(Math.max(E, 0.1), Q), [O, U] = q(0), [V, ue] = q(!1), [S, w] = q(!1), [M, A] = q(0), N = se(null), j = se(0), W = se(0), R = I >= Q ? 0 : Math.max(0, Q - I), T = (G) => Math.max(0, Math.min(G, R)), B = (G) => U(
-    a && R > 0 ? (G % (R + 1) + (R + 1)) % (R + 1) : T(G)
-  ), _ = () => B(a && R > 0 && O === 0 ? R : O - 1), P = () => B(a && R > 0 && O >= R ? 0 : O + 1);
+  ), ee = e.length, I = Math.min(Math.max(E, 0.1), ee), [O, U] = q(0), [V, ue] = q(!1), [_, w] = q(!1), [R, A] = q(0), L = se(null), j = se(0), W = se(0), M = I >= ee ? 0 : Math.max(0, ee - I), T = (G) => Math.max(0, Math.min(G, M)), B = (G) => U(
+    a && M > 0 ? (G % (M + 1) + (M + 1)) % (M + 1) : T(G)
+  ), S = () => B(a && M > 0 && O === 0 ? M : O - 1), P = () => B(a && M > 0 && O >= M ? 0 : O + 1);
   le(() => {
-    if (!r || p && V || S || R === 0) return;
+    if (!r || p && V || _ || M === 0) return;
     const G = setInterval(() => {
-      U((ae) => Br(ae, R, a));
+      U((ae) => Br(ae, M, a));
     }, l);
     return () => clearInterval(G);
-  }, [r, l, V, p, S, R, a]), le(() => {
-    O > R && U(Math.min(O, R));
-  }, [R, O]);
-  const ee = (G, ae) => {
-    !ge || R === 0 || (w(!0), j.current = f === "horizontal" ? G : ae, W.current = j.current);
+  }, [r, l, V, p, _, M, a]), le(() => {
+    O > M && U(Math.min(O, M));
+  }, [M, O]);
+  const J = (G, ae) => {
+    !ge || M === 0 || (w(!0), j.current = f === "horizontal" ? G : ae, W.current = j.current);
   }, z = (G, ae) => {
-    S && (W.current = f === "horizontal" ? G : ae, A(W.current - j.current));
-  }, L = () => {
-    if (!S) return;
+    _ && (W.current = f === "horizontal" ? G : ae, A(W.current - j.current));
+  }, N = () => {
+    if (!_) return;
     const G = Gr(W.current, j.current);
-    G === "next" && P(), G === "prev" && _(), w(!1), A(0);
+    G === "next" && P(), G === "prev" && S(), w(!1), A(0);
   }, te = () => {
-    const G = f === "horizontal" ? "X" : "Y", ae = Vr(S, N, R, M, f, I, Q), ke = Math.min(O, R) * (100 / Q) - ae, Ne = Hr(O, R, H, E);
+    const G = f === "horizontal" ? "X" : "Y", ae = Vr(_, L, M, R, f, I, ee), ke = Math.min(O, M) * (100 / ee) - ae, Ne = Hr(O, M, H, E);
     return `translate${G}(calc(-${ke}% - ${Ne}px))`;
-  }, ie = () => I >= Q ? 1 : Math.floor(R) + 1, fe = () => R === 0 ? 0 : Math.round(O / R * (ie() - 1));
+  }, ie = () => I >= ee ? 1 : Math.floor(M) + 1, fe = () => M === 0 ? 0 : Math.round(O / M * (ie() - 1));
   return /* @__PURE__ */ k(
     "div",
     {
@@ -6846,54 +6847,54 @@ const Ka = ({
         /* @__PURE__ */ k(
           "div",
           {
-            ref: N,
-            className: `w-full overflow-hidden relative ${ge && R > 0 ? S ? "cursor-grabbing" : "cursor-grab" : "cursor-default"}`,
+            ref: L,
+            className: `w-full overflow-hidden relative ${ge && M > 0 ? _ ? "cursor-grabbing" : "cursor-grab" : "cursor-default"}`,
             style: {
               height: re ? `calc(${t} - ${v + 20}px)` : t
             },
             onMouseDown: (G) => {
-              G.preventDefault(), ee(G.clientX, G.clientY);
+              G.preventDefault(), J(G.clientX, G.clientY);
             },
             onMouseMove: (G) => z(G.clientX, G.clientY),
-            onMouseUp: L,
-            onMouseLeave: L,
-            onTouchStart: (G) => ee(G.touches[0].clientX, G.touches[0].clientY),
+            onMouseUp: N,
+            onMouseLeave: N,
+            onTouchStart: (G) => J(G.touches[0].clientX, G.touches[0].clientY),
             onTouchMove: (G) => z(G.touches[0].clientX, G.touches[0].clientY),
-            onTouchEnd: L,
+            onTouchEnd: N,
             children: [
               /* @__PURE__ */ s(
                 "div",
                 {
                   className: `flex ${f === "horizontal" ? "flex-row" : "flex-col"} transition-all duration-300 ease-in-out`,
                   style: {
-                    width: f === "vertical" ? "100%" : `calc(${Q * 100 / I}% + ${(Q - 1) * H}px)`,
-                    height: f === "vertical" ? `${Q * 100 / I}%` : "100%",
+                    width: f === "vertical" ? "100%" : `calc(${ee * 100 / I}% + ${(ee - 1) * H}px)`,
+                    height: f === "vertical" ? `${ee * 100 / I}%` : "100%",
                     transform: te(),
                     gap: `${H}px`,
-                    transitionProperty: S ? "none" : "transform"
+                    transitionProperty: _ ? "none" : "transform"
                   },
                   children: e.map((G, ae) => /* @__PURE__ */ s(
                     "div",
                     {
                       className: "shrink-0 flex items-center justify-center",
                       style: {
-                        width: f === "horizontal" ? `calc(${100 / Q}% - ${H / E}px)` : "100%",
-                        height: f === "vertical" ? `calc(${100 / Q}% - ${H * (Q - 1) / Q}px)` : "100%"
+                        width: f === "horizontal" ? `calc(${100 / ee}% - ${H / E}px)` : "100%",
+                        height: f === "vertical" ? `calc(${100 / ee}% - ${H * (ee - 1) / ee}px)` : "100%"
                       },
-                      onClick: () => !S && (u == null ? void 0 : u(ae)),
+                      onClick: () => !_ && (u == null ? void 0 : u(ae)),
                       children: G
                     },
                     ae
                   ))
                 }
               ),
-              oe && R > 0 && /* @__PURE__ */ k(be, { children: [
+              oe && M > 0 && /* @__PURE__ */ k(be, { children: [
                 /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
                     "aria-label": "prev",
-                    onClick: _,
+                    onClick: S,
                     className: `absolute z-20 bg-color-white/80 border border-color-gray-300 rounded-full w-8 h-8 md:w-10 md:h-10 flex items-center justify-center text-sm md:text-lg font-bold text-color-gray-800 hover:bg-color-white transition-color cursor-pointer
                 ${f === "horizontal" ? "left-1 md:left-2 top-1/2 -translate-y-1/2" : "left-1/2 top-1 md:top-2 -translate-x-1/2"}`,
                     children: h || (f === "horizontal" ? "‹" : "↑")
@@ -6922,7 +6923,7 @@ const Ka = ({
                         type: "button",
                         onClick: () => B(
                           Math.round(
-                            ae / (ie() - 1) * R
+                            ae / (ie() - 1) * M
                           )
                         ),
                         className: `w-2 h-2 md:w-[10px] md:h-[10px] rounded-full transition-color hover:bg-color-gray-600 cursor-pointer ${ae === fe() ? "bg-color-gray-800" : "bg-color-gray-400"}`
@@ -6944,7 +6945,7 @@ const Ka = ({
                 const Ne = Math.max(
                   0,
                   Math.min(
-                    R,
+                    M,
                     ae - Math.floor(I / 2)
                   )
                 );
@@ -7241,7 +7242,7 @@ const Ka = ({
   showToggleButton: Z = !1,
   toggleButtonIcon: re
 }) => {
-  const [ge, Q] = q(-1), I = t ?? o, O = (A) => {
+  const [ge, ee] = q(-1), I = t ?? o, O = (A) => {
     switch (A) {
       case "small":
         return "w-4 h-4";
@@ -7251,21 +7252,21 @@ const Ka = ({
         return "w-5 h-5";
     }
   }, U = () => {
-    var A, N;
+    var A, L;
     return v ? {
       border: "peer-checked:border-color-red-500",
       text: "text-color-red-500"
     } : {
       border: ((A = xe[d]) == null ? void 0 : A.peer) || "",
-      text: ((N = xe[d]) == null ? void 0 : N.peer) || ""
+      text: ((L = xe[d]) == null ? void 0 : L.peer) || ""
     };
-  }, V = (A, N) => {
-    i == null || i(A), Q(N);
+  }, V = (A, L) => {
+    i == null || i(A), ee(L);
   }, ue = (A) => {
     r == null || r(A);
-  }, S = (A, N) => {
-    Q(N), l == null || l(A);
-  }, w = U(), M = g || f ? `${e}-helper-text` : void 0;
+  }, _ = (A, L) => {
+    ee(L), l == null || l(A);
+  }, w = U(), R = g || f ? `${e}-helper-text` : void 0;
   return y === "card" ? /* @__PURE__ */ k("div", { className: "w-full", children: [
     v && f && /* @__PURE__ */ s(
       "div",
@@ -7282,11 +7283,11 @@ const Ka = ({
         role: "radiogroup",
         "aria-label": h,
         "aria-labelledby": $,
-        "aria-describedby": M,
+        "aria-describedby": R,
         "aria-required": b,
         className: `flex ${a === "row" ? "flex-row gap-4" : "flex-col gap-4"} ${u}`,
-        children: n.map(({ label: A, value: N, disabled: j, id: W }, R) => {
-          const T = c || j, B = I === N, _ = v && B;
+        children: n.map(({ label: A, value: L, disabled: j, id: W }, M) => {
+          const T = c || j, B = I === L, S = v && B;
           return /* @__PURE__ */ s(
             "div",
             {
@@ -7295,15 +7296,15 @@ const Ka = ({
                 "div",
                 {
                   className: `relative transition-all duration-200 cursor-pointer
-                      ${B ? _ ? "border-color-red-500 bg-red-50" : `${x}` : "border-color-gray-300 bg-white hover:border-color-gray-400"}
+                      ${B ? S ? "border-color-red-500 bg-red-50" : `${x}` : "border-color-gray-300 bg-white hover:border-color-gray-400"}
                       ${T ? "" : "hover:shadow-md"}
                       ${C}
                     `,
                   onClick: (P) => {
-                    P.stopPropagation(), !T && V(N, R);
+                    P.stopPropagation(), !T && V(L, M);
                   },
                   children: [
-                    B && _ && /* @__PURE__ */ s("div", { className: "absolute top-2 right-2 w-6 h-6 bg-color-red-500 rounded-full flex items-center justify-center", children: /* @__PURE__ */ s(
+                    B && S && /* @__PURE__ */ s("div", { className: "absolute top-2 right-2 w-6 h-6 bg-color-red-500 rounded-full flex items-center justify-center", children: /* @__PURE__ */ s(
                       "svg",
                       {
                         xmlns: "http://www.w3.org/2000/svg",
@@ -7322,7 +7323,7 @@ const Ka = ({
                         )
                       }
                     ) }),
-                    !Z && B && !_ && D && /* @__PURE__ */ s("div", { className: `absolute rounded-full flex items-center justify-center shadow-sm ${H}`, children: E || /* @__PURE__ */ s(
+                    !Z && B && !S && D && /* @__PURE__ */ s("div", { className: `absolute rounded-full flex items-center justify-center shadow-sm ${H}`, children: E || /* @__PURE__ */ s(
                       "svg",
                       {
                         xmlns: "http://www.w3.org/2000/svg",
@@ -7341,18 +7342,18 @@ const Ka = ({
                         )
                       }
                     ) }),
-                    /* @__PURE__ */ k("div", { className: `flex items-start gap-3 ${_ ? "text-color-red-700" : ""}`, children: [
+                    /* @__PURE__ */ k("div", { className: `flex items-start gap-3 ${S ? "text-color-red-700" : ""}`, children: [
                       Z && /* @__PURE__ */ s(
                         "button",
                         {
                           type: "button",
                           onClick: (P) => {
-                            P.stopPropagation(), T || V(N, R);
+                            P.stopPropagation(), T || V(L, M);
                           },
                           disabled: T,
                           className: `mt-1 flex-shrink-0 rounded-full bg-color-gray-300 transition-all duration-150 ${O(p)} ${T ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
                           "aria-checked": B,
-                          children: B && !_ && /* @__PURE__ */ s("div", { className: "w-full h-full flex items-center justify-center", children: re || E || /* @__PURE__ */ k(
+                          children: B && !S && /* @__PURE__ */ s("div", { className: "w-full h-full flex items-center justify-center", children: re || E || /* @__PURE__ */ k(
                             "svg",
                             {
                               xmlns: "http://www.w3.org/2000/svg",
@@ -7373,7 +7374,7 @@ const Ka = ({
                 }
               )
             },
-            N
+            L
           );
         })
       }
@@ -7381,7 +7382,7 @@ const Ka = ({
     g && !v && /* @__PURE__ */ s(
       "div",
       {
-        id: M,
+        id: R,
         className: "mt-2 text-sm text-color-gray-600",
         children: g
       }
@@ -7389,7 +7390,7 @@ const Ka = ({
     v && !f && g && /* @__PURE__ */ s(
       "div",
       {
-        id: M,
+        id: R,
         className: "mt-2 text-sm text-color-red-600",
         children: g
       }
@@ -7410,11 +7411,11 @@ const Ka = ({
         role: "radiogroup",
         "aria-label": h,
         "aria-labelledby": $,
-        "aria-describedby": M,
+        "aria-describedby": R,
         "aria-required": b,
         className: `flex ${a === "row" ? "flex-row gap-6" : "flex-col gap-3"} ${u}`,
-        children: n.map(({ label: A, value: N, disabled: j, id: W }, R) => {
-          const T = c || j, B = I === N, _ = v && B;
+        children: n.map(({ label: A, value: L, disabled: j, id: W }, M) => {
+          const T = c || j, B = I === L, S = v && B;
           return /* @__PURE__ */ k(
             "label",
             {
@@ -7425,12 +7426,12 @@ const Ka = ({
                   {
                     type: "radio",
                     name: e,
-                    value: N,
+                    value: L,
                     disabled: T,
                     checked: B,
-                    onChange: () => !T && V(N, R),
+                    onChange: () => !T && V(L, M),
                     onBlur: ue,
-                    onFocus: (P) => S(P, R),
+                    onFocus: (P) => _(P, M),
                     className: "sr-only peer",
                     "aria-invalid": v,
                     ...W && { id: W }
@@ -7439,19 +7440,19 @@ const Ka = ({
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `rounded-full border-2 transition-all duration-150 ${_ ? "border-color-red-500 peer-checked:border-[7px] peer-checked:border-color-red-500" : `border-color-gray-400 peer-checked:border-[7px] ${w.border}`} ${m} ${O(p)}`
+                    className: `rounded-full border-2 transition-all duration-150 ${S ? "border-color-red-500 peer-checked:border-[7px] peer-checked:border-color-red-500" : `border-color-gray-400 peer-checked:border-[7px] ${w.border}`} ${m} ${O(p)}`
                   }
                 ),
                 /* @__PURE__ */ s(
                   "span",
                   {
-                    className: `ml-2 text-sm ${_ ? "text-color-red-500" : w.text}`,
+                    className: `ml-2 text-sm ${S ? "text-color-red-500" : w.text}`,
                     children: A
                   }
                 )
               ]
             },
-            N
+            L
           );
         })
       }
@@ -7459,7 +7460,7 @@ const Ka = ({
     g && !v && /* @__PURE__ */ s(
       "div",
       {
-        id: M,
+        id: R,
         className: "mt-2 text-sm text-color-gray-600",
         children: g
       }
@@ -7467,7 +7468,7 @@ const Ka = ({
     v && !f && g && /* @__PURE__ */ s(
       "div",
       {
-        id: M,
+        id: R,
         className: "mt-2 text-sm text-color-red-600",
         children: g
       }
@@ -8618,23 +8619,23 @@ const Jr = ({
   fromTime: E,
   toTime: H
 }) => {
-  const [oe, Z] = q(!1), [re, ge] = q(null), [Q, I] = q(
+  const [oe, Z] = q(!1), [re, ge] = q(null), [ee, I] = q(
     aa($, y, h)
   ), [O, U] = q(Tn(f, h)), [V, ue] = q(
     $ ? new Date($) : null
-  ), [S, w] = q(
+  ), [_, w] = q(
     y ? new Date(y) : null
-  ), [M, A] = q(null), [N, j] = q({
+  ), [R, A] = q(null), [L, j] = q({
     hour: 12,
     minute: 0,
     ampm: "AM"
-  }), W = se(null), [R, T] = q(
+  }), W = se(null), [M, T] = q(
     Tn(f, h)
-  ), [B, _] = q(
+  ), [B, S] = q(
     $ ? new Date($) : null
-  ), [P, ee] = q(
+  ), [P, J] = q(
     y ? new Date(y) : null
-  ), [z, L] = q(!1), [te, ie] = q(!1), [fe, G] = q(!1), [ae, _e] = q({
+  ), [z, N] = q(!1), [te, ie] = q(!1), [fe, G] = q(!1), [ae, _e] = q({
     hour: 12,
     minute: 0,
     ampm: "AM"
@@ -8664,11 +8665,11 @@ const Jr = ({
   }, [f, h]), le(() => {
     if (!$) return;
     const ne = new Date($);
-    ue(ne), _(ne), U(ne), T(ne);
+    ue(ne), S(ne), U(ne), T(ne);
   }, [$]), le(() => {
     if (!y) return;
     const ne = new Date(y);
-    w(ne), ee(ne), U(ne), T(ne);
+    w(ne), J(ne), U(ne), T(ne);
   }, [y]), le(() => {
     if (!D || f || h) return;
     const ne = /* @__PURE__ */ new Date();
@@ -8682,41 +8683,41 @@ const Jr = ({
       e,
       O,
       V,
-      S,
+      _,
       U,
       ue,
       w,
       Z
     );
     return document.addEventListener("mousedown", ne), () => document.removeEventListener("mousedown", ne);
-  }, [oe, n, e, O, V, S]);
-  const Y = J(
+  }, [oe, n, e, O, V, _]);
+  const Y = Q(
     (ne) => la(ne, g, v, b, x, C),
     [g, v, b, x, C]
-  ), ve = J(
-    (ne) => ga(ne, e, O, V, S, M),
-    [e, O, V, S, M]
-  ), he = J((ne) => {
+  ), ve = Q(
+    (ne) => ga(ne, e, O, V, _, R),
+    [e, O, V, _, R]
+  ), he = Q((ne) => {
     ne.stopPropagation(), ge(ne.currentTarget), Z(!0);
-    const Oe = R ?? (h ? yt(h) : null);
+    const Oe = M ?? (h ? yt(h) : null);
     Oe && I(new Date(Oe));
-  }, [R, h]), we = J(() => {
-    Z(!1), U(R), ue(B), w(P), I(R ? new Date(R) : /* @__PURE__ */ new Date()), d == null || d();
-  }, [R, B, P, d]), je = J(
-    (ne) => xa(ne, e, Y, V, S, U, ue, w),
-    [e, Y, V, S]
-  ), Fe = J((ne) => {
+  }, [M, h]), we = Q(() => {
+    Z(!1), U(M), ue(B), w(P), I(M ? new Date(M) : /* @__PURE__ */ new Date()), d == null || d();
+  }, [M, B, P, d]), je = Q(
+    (ne) => xa(ne, e, Y, V, _, U, ue, w),
+    [e, Y, V, _]
+  ), Fe = Q((ne) => {
     if (!ne || Y(ne)) {
       A(null);
       return;
     }
-    e === "range" && V && !S && A(ne);
-  }, [e, Y, V, S]), We = J(() => A(null), []), Ue = J(() => {
-    Z(!1), e === "single" ? va(o, O, N, T, a, c) : ha(V, S, _, ee, a, c);
-  }, [e, o, O, N, V, S, a, c]), Ke = J(() => {
+    e === "range" && V && !_ && A(ne);
+  }, [e, Y, V, _]), We = Q(() => A(null), []), Ue = Q(() => {
+    Z(!1), e === "single" ? va(o, O, L, T, a, c) : ha(V, _, S, J, a, c);
+  }, [e, o, O, L, V, _, a, c]), Ke = Q(() => {
     const ne = Dn(ae);
     ie(!1), a == null || a({ fromTime: ne.getTime(), toTime: Le ? Le.getTime() : null });
-  }, [ae, Le, a]), Ge = J(() => {
+  }, [ae, Le, a]), Ge = Q(() => {
     if (!Se) return;
     const ne = Dn(ke);
     if (!(ne.getTime() > Se.getTime())) {
@@ -8726,26 +8727,26 @@ const Jr = ({
     G(!1);
     const nn = { fromTime: Se.getTime(), toTime: ne.getTime() };
     a == null || a(nn), c == null || c(nn);
-  }, [Se, ke, a, c]), Xe = J(() => {
+  }, [Se, ke, a, c]), Xe = Q(() => {
     ie(!1), Se && _e(gt(Se)), d == null || d();
-  }, [Se, d]), Je = J(() => {
+  }, [Se, d]), Je = Q(() => {
     G(!1), Le && Ne(gt(Le)), d == null || d();
-  }, [Le, d]), Qe = J(() => {
+  }, [Le, d]), Qe = Q(() => {
     if (!Se) {
       u == null || u({ type: "FROM_TIME_REQUIRED", message: "Please select and confirm From Time first" });
       return;
     }
     G(!0);
   }, [Se, u]), et = $e(
-    () => pa(Q, b),
-    [Q, b]
-  ), it = J(
-    (ne, Oe) => fa(ne, e, o, t, N, m, Oe),
-    [e, o, t, N, m]
+    () => pa(ee, b),
+    [ee, b]
+  ), it = Q(
+    (ne, Oe) => fa(ne, e, o, t, L, m, Oe),
+    [e, o, t, L, m]
   ), go = $e(
-    () => ya(e, R, f, V, S, B, P, it, m),
-    [e, R, f, V, S, B, P, it, m]
-  ), fo = Sa(n), mo = _a(n, re), tn = $a(e, S, o), vo = za(tn);
+    () => ya(e, M, f, V, _, B, P, it, m),
+    [e, M, f, V, _, B, P, it, m]
+  ), fo = Sa(n), mo = _a(n, re), tn = $a(e, _, o), vo = za(tn);
   if (i)
     return /* @__PURE__ */ s(
       ka,
@@ -8780,7 +8781,7 @@ const Jr = ({
           /* @__PURE__ */ s(
             ba,
             {
-              currentDate: Q,
+              currentDate: ee,
               setCurrentDate: I,
               constraints: F
             }
@@ -8798,7 +8799,7 @@ const Jr = ({
             }
           )
         ] }),
-        (t || o) && /* @__PURE__ */ s(Wt, { timeState: N, setTimeState: j }),
+        (t || o) && /* @__PURE__ */ s(Wt, { timeState: L, setTimeState: j }),
         /* @__PURE__ */ s("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ s(
           Ee,
           {
@@ -8841,10 +8842,10 @@ const Jr = ({
     z && /* @__PURE__ */ s(
       Ca,
       {
-        time: N,
+        time: L,
         setTime: j,
         showTimePicker: z,
-        setShowTimePicker: L,
+        setShowTimePicker: N,
         setInternalSelectedDate: U,
         setConfirmedDate: T
       }
@@ -9247,72 +9248,71 @@ const jn = [
   showClearAll: v = !1
 }) => {
   const [f, b] = q(!1), [h, $] = q(""), [y, C] = q(-1), [x, D] = q("bottom"), E = se(null), H = se(null), oe = se(null), Z = t ? Array.isArray(e) ? e : [] : e && !Array.isArray(e) ? [e] : [], re = h ? jn.filter(
-    (S) => S.name.toLowerCase().includes(h.toLowerCase()) || S.code.toLowerCase().includes(h.toLowerCase()) || S.dialCode.includes(h)
+    (_) => _.name.toLowerCase().includes(h.toLowerCase()) || _.code.toLowerCase().includes(h.toLowerCase()) || _.dialCode.includes(h)
   ) : jn, ge = re.filter(
-    (S) => Z.some((w) => w.code === S.code)
-  ), Q = re.filter(
-    (S) => !Z.some((w) => w.code === S.code)
-  ), I = (S) => {
+    (_) => Z.some((w) => w.code === _.code)
+  ), ee = re.filter(
+    (_) => !Z.some((w) => w.code === _.code)
+  ), I = (_) => {
     if (t) {
-      const w = Array.isArray(e) ? e : [], A = w.some((N) => N.code === S.code) ? w.filter((N) => N.code !== S.code) : [...w, S];
+      const w = Array.isArray(e) ? e : [], A = w.some((L) => L.code === _.code) ? w.filter((L) => L.code !== _.code) : [...w, _];
       n == null || n(A);
     } else
-      n == null || n(S), b(!1), $("");
-  }, O = (S, w) => {
-    w.stopPropagation(), t && Array.isArray(e) && (n == null || n(e.filter((M) => M.code !== S.code)));
-  }, U = (S) => {
-    S.stopPropagation(), n == null || n(t ? [] : null);
+      n == null || n(_), b(!1), $("");
+  }, O = (_, w) => {
+    w.stopPropagation(), t && Array.isArray(e) && (n == null || n(e.filter((R) => R.code !== _.code)));
+  }, U = (_) => {
+    _.stopPropagation(), n == null || n(t ? [] : null);
   };
   le(() => {
-    const S = (w) => {
+    const _ = (w) => {
       E.current && !E.current.contains(w.target) && (b(!1), $(""), C(-1));
     };
-    return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
+    return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
   }, []), le(() => {
     if (f && E.current) {
       if (d === "auto") {
-        const S = E.current.getBoundingClientRect(), w = Math.min(re.length * 44, c), M = window.innerHeight - S.bottom, A = S.top;
-        D(M >= w || M >= A ? "bottom" : "top");
+        const _ = E.current.getBoundingClientRect(), w = Math.min(re.length * 44, c), R = window.innerHeight - _.bottom, A = _.top;
+        D(R >= w || R >= A ? "bottom" : "top");
       } else
         D(d);
       o && H.current && H.current.focus();
     }
   }, [f, re.length, c, d, o]);
-  const V = (S) => {
-    S.key === "ArrowDown" ? (S.preventDefault(), f ? C((w) => Math.min(w + 1, re.length - 1)) : (b(!0), C(0))) : S.key === "ArrowUp" ? (S.preventDefault(), C((w) => Math.max(w - 1, 0))) : S.key === "Enter" ? (S.preventDefault(), y >= 0 && re[y] && I(re[y])) : S.key === "Escape" && (S.preventDefault(), b(!1), $(""), C(-1));
+  const V = (_) => {
+    _.key === "ArrowDown" ? (_.preventDefault(), f ? C((w) => Math.min(w + 1, re.length - 1)) : (b(!0), C(0))) : _.key === "ArrowUp" ? (_.preventDefault(), C((w) => Math.max(w - 1, 0))) : _.key === "Enter" ? (_.preventDefault(), y >= 0 && re[y] && I(re[y])) : _.key === "Escape" && (_.preventDefault(), b(!1), $(""), C(-1));
   }, ue = () => {
     if (t) {
       if (Z.length === 0)
         return /* @__PURE__ */ s("span", { className: "text-color-gray-400", children: i });
-      const w = Z[0], M = Z.length - 1;
+      const w = Z[0], R = Z.length - 1;
       return /* @__PURE__ */ k("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ k("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs bg-color-gray-100 rounded-md", children: [
           p && /* @__PURE__ */ s("img", { src: w.flag, alt: w.name, className: "size-4 object-contain" }),
           /* @__PURE__ */ s("span", { children: w.name }),
           /* @__PURE__ */ s(
-            "button",
+            "div",
             {
-              type: "button",
               onClick: (A) => O(w, A),
               className: "ml-1 text-color-gray-500 hover:text-color-gray-700",
               children: /* @__PURE__ */ s("svg", { className: "size-3", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z" }) })
             }
           )
         ] }),
-        M > 0 && /* @__PURE__ */ k("span", { className: "text-sm text-color-gray-500", children: [
+        R > 0 && /* @__PURE__ */ k("span", { className: "text-sm text-color-gray-500", children: [
           "+",
-          M,
+          R,
           " more"
         ] })
       ] });
     }
-    const S = Z[0];
-    return S ? /* @__PURE__ */ k("span", { className: "flex items-center gap-2", children: [
-      p && /* @__PURE__ */ s("img", { src: S.flag, alt: S.name, className: "size-5 object-contain" }),
-      /* @__PURE__ */ s("span", { children: S.name }),
+    const _ = Z[0];
+    return _ ? /* @__PURE__ */ k("span", { className: "flex items-center gap-2", children: [
+      p && /* @__PURE__ */ s("img", { src: _.flag, alt: _.name, className: "size-5 object-contain" }),
+      /* @__PURE__ */ s("span", { children: _.name }),
       m && /* @__PURE__ */ k("span", { className: "text-color-gray-400", children: [
         "(",
-        S.dialCode,
+        _.dialCode,
         ")"
       ] })
     ] }) : /* @__PURE__ */ s("span", { className: "text-color-gray-400", children: i });
@@ -9360,8 +9360,8 @@ const jn = [
               ref: H,
               type: "text",
               value: h,
-              onChange: (S) => {
-                $(S.target.value), C(0);
+              onChange: (_) => {
+                $(_.target.value), C(0);
               },
               onKeyDown: V,
               placeholder: r,
@@ -9375,38 +9375,38 @@ const jn = [
               className: "overflow-y-auto",
               style: { maxHeight: `${c}px` },
               children: re.length > 0 ? /* @__PURE__ */ k(be, { children: [
-                ge.map((S, w) => /* @__PURE__ */ k(
+                ge.map((_, w) => /* @__PURE__ */ k(
                   "li",
                   {
-                    onClick: () => I(S),
+                    onClick: () => I(_),
                     className: `flex items-center gap-3 cursor-pointer w-full px-4 py-2 text-left text-sm text-color-gray-700 bg-color-gray-200 hover:bg-color-gray-100
                       ${y === w ? "bg-color-gray-100" : ""}`,
                     children: [
                       t && /* @__PURE__ */ s("span", { className: "flex items-center justify-center size-4 border rounded bg-color-blue-500 border-color-blue-500", children: /* @__PURE__ */ s("svg", { className: "size-3 text-color-white", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s("path", { d: "M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z" }) }) }),
-                      p && /* @__PURE__ */ s("img", { src: S.flag, alt: S.name, className: "size-5 object-contain" }),
-                      /* @__PURE__ */ s("span", { className: "flex-1", children: S.name }),
-                      m && /* @__PURE__ */ s("span", { className: "text-color-gray-400", children: S.dialCode })
+                      p && /* @__PURE__ */ s("img", { src: _.flag, alt: _.name, className: "size-5 object-contain" }),
+                      /* @__PURE__ */ s("span", { className: "flex-1", children: _.name }),
+                      m && /* @__PURE__ */ s("span", { className: "text-color-gray-400", children: _.dialCode })
                     ]
                   },
-                  `selected-${S.code}`
+                  `selected-${_.code}`
                 )),
-                ge.length > 0 && Q.length > 0 && /* @__PURE__ */ s("li", { className: "border-t border-color-gray-200 my-1" }),
-                Q.map((S, w) => {
-                  const M = ge.length + (ge.length > 0 && Q.length > 0 ? 1 : 0) + w;
+                ge.length > 0 && ee.length > 0 && /* @__PURE__ */ s("li", { className: "border-t border-color-gray-200 my-1" }),
+                ee.map((_, w) => {
+                  const R = ge.length + (ge.length > 0 && ee.length > 0 ? 1 : 0) + w;
                   return /* @__PURE__ */ k(
                     "li",
                     {
-                      onClick: () => I(S),
+                      onClick: () => I(_),
                       className: `flex items-center gap-3 cursor-pointer w-full px-4 py-2 text-left text-sm text-color-gray-700 hover:bg-color-gray-100
-                        ${y === M ? "bg-color-gray-100" : ""}`,
+                        ${y === R ? "bg-color-gray-100" : ""}`,
                       children: [
                         t && /* @__PURE__ */ s("span", { className: "flex items-center justify-center size-4 border rounded border-color-gray-300" }),
-                        p && /* @__PURE__ */ s("img", { src: S.flag, alt: S.name, className: "size-5 object-contain" }),
-                        /* @__PURE__ */ s("span", { className: "flex-1", children: S.name }),
-                        m && /* @__PURE__ */ s("span", { className: "text-color-gray-400", children: S.dialCode })
+                        p && /* @__PURE__ */ s("img", { src: _.flag, alt: _.name, className: "size-5 object-contain" }),
+                        /* @__PURE__ */ s("span", { className: "flex-1", children: _.name }),
+                        m && /* @__PURE__ */ s("span", { className: "text-color-gray-400", children: _.dialCode })
                       ]
                     },
-                    `unselected-${S.code}`
+                    `unselected-${_.code}`
                   );
                 })
               ] }) : /* @__PURE__ */ s("li", { className: "px-4 py-2 text-sm text-color-gray-500", children: "No countries found" })