@unizap/uniui 1.0.32 → 1.0.33

package/dist/uniui.js

@@ -191,7 +191,7 @@ function Jr() {
       var P = C.children;
       if (P !== void 0)
         if (L)
-          if (Q(P)) {
+          if (X(P)) {
             for (L = 0; L < P.length; L++)
               g(P[L]);
             Object.freeze && Object.freeze(P);
@@ -205,7 +205,7 @@ function Jr() {
         var B = Object.keys(C).filter(function(S) {
           return S !== "key";
         });
-        L = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", X[P + L] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
+        L = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", J[P + L] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -216,7 +216,7 @@ React keys must be passed directly to JSX without using spread:
           P,
           B,
           P
-        ), X[P + L] = !0);
+        ), J[P + L] = !0);
       }
       if (P = null, M !== void 0 && (t(M), P = "" + M), i(C) && (t(C.key), P = "" + C.key), "key" in C) {
         M = {};
@@ -240,7 +240,7 @@ React keys must be passed directly to JSX without using spread:
     function g(x) {
       typeof x == "object" && x !== null && x.$$typeof === f && x._store && (x._store.validated = 1);
     }
-    var p = je, f = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), b = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), ae = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ue = Object.prototype.hasOwnProperty, Q = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var p = je, f = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), b = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), ae = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ue = Object.prototype.hasOwnProperty, X = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
     p = {
@@ -251,7 +251,7 @@ React keys must be passed directly to JSX without using spread:
     var Y, T = {}, te = p["react-stack-bottom-frame"].bind(
       p,
       a
-    )(), pe = H(r(a)), X = {};
+    )(), pe = H(r(a)), J = {};
     Be.Fragment = m, Be.jsx = function(x, C, M, L, N) {
       var I = 1e4 > ae.recentlyCreatedOwnerStacks++;
       return d(
@@ -748,12 +748,12 @@ const ve = {
       l.current && !l.current.contains(u.target) && i(!1);
     };
     return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
-  }, []), /* @__PURE__ */ s.jsxs("div", { ref: l, className: "relative inline-block", children: [
+  }, []), /* @__PURE__ */ s.jsxs("div", { ref: l, className: "relative inline-block w-full", children: [
     /* @__PURE__ */ s.jsxs(
       "button",
       {
         onClick: () => i(!a),
-        className: `flex items-center cursor-pointer justify-between w-40 px-4 py-3 bg-color-white rounded-sm border border-color-gray-200 text-sm font-medium text-color-gray-700 hover:bg-color-gray-50 focus:outline-none ${t}`,
+        className: `flex items-center cursor-pointer justify-between w-full px-4 py-3 bg-color-white rounded-sm border border-color-gray-200 text-sm font-medium text-color-gray-700 hover:bg-color-gray-50 focus:outline-none ${t}`,
         children: [
           (e == null ? void 0 : e.label) || "Select",
           a ? /* @__PURE__ */ s.jsx("svg", { className: "ml-2 text-color-gray-500 size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z" }) }) : /* @__PURE__ */ s.jsx("svg", { className: "ml-2 text-color-gray-500 size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" }) })
@@ -763,7 +763,7 @@ const ve = {
     a && /* @__PURE__ */ s.jsx(
       "ul",
       {
-        className: `absolute mt-2 right-0 z-10 w-40 rounded-xl bg-color-white shadow-lg shadow-color-zinc-200 border border-color-gray-100 py-2 ${r}`,
+        className: `absolute mt-2 right-0 z-10 w-full rounded-xl bg-color-white shadow-lg shadow-color-zinc-200 border border-color-gray-100 py-2 ${r}`,
         children: n.map((c, u) => {
           const d = c.label === (e == null ? void 0 : e.label);
           return /* @__PURE__ */ s.jsx(
@@ -885,17 +885,17 @@ function to() {
         var _ = j.$$typeof;
         switch (_) {
           case n:
-            var J = j.type;
-            switch (J) {
+            var Q = j.type;
+            switch (Q) {
               case c:
               case u:
               case r:
               case a:
               case o:
               case g:
-                return J;
+                return Q;
               default:
-                var ee = J && J.$$typeof;
+                var ee = Q && Q.$$typeof;
                 switch (ee) {
                   case l:
                   case d:
@@ -912,8 +912,8 @@ function to() {
         }
       }
     }
-    var y = c, O = u, D = l, V = i, F = n, Z = d, ae = r, ue = v, Q = f, H = t, Y = a, T = o, te = g, pe = !1;
-    function X(j) {
+    var y = c, O = u, D = l, V = i, F = n, Z = d, ae = r, ue = v, X = f, H = t, Y = a, T = o, te = g, pe = !1;
+    function J(j) {
       return pe || (pe = !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.")), x(j) || $(j) === c;
     }
     function x(j) {
@@ -952,7 +952,7 @@ function to() {
     function S(j) {
       return $(j) === g;
     }
-    re.AsyncMode = y, re.ConcurrentMode = O, re.ContextConsumer = D, re.ContextProvider = V, re.Element = F, re.ForwardRef = Z, re.Fragment = ae, re.Lazy = ue, re.Memo = Q, re.Portal = H, re.Profiler = Y, re.StrictMode = T, re.Suspense = te, re.isAsyncMode = X, re.isConcurrentMode = x, re.isContextConsumer = C, re.isContextProvider = M, re.isElement = L, re.isForwardRef = N, re.isFragment = I, re.isLazy = z, re.isMemo = E, re.isPortal = P, re.isProfiler = B, re.isStrictMode = q, re.isSuspense = S, re.isValidElementType = b, re.typeOf = $;
+    re.AsyncMode = y, re.ConcurrentMode = O, re.ContextConsumer = D, re.ContextProvider = V, re.Element = F, re.ForwardRef = Z, re.Fragment = ae, re.Lazy = ue, re.Memo = X, re.Portal = H, re.Profiler = Y, re.StrictMode = T, re.Suspense = te, re.isAsyncMode = J, re.isConcurrentMode = x, re.isContextConsumer = C, re.isContextProvider = M, re.isElement = L, re.isForwardRef = N, re.isFragment = I, re.isLazy = z, re.isMemo = E, re.isPortal = P, re.isProfiler = B, re.isStrictMode = q, re.isSuspense = S, re.isValidElementType = b, re.typeOf = $;
   }()), re;
 }
 var yn;
@@ -1113,7 +1113,7 @@ function oo() {
       oneOf: D,
       oneOfType: F,
       shape: ue,
-      exact: Q
+      exact: X
     };
     function v(x, C) {
       return x === C ? x !== 0 || 1 / x === 1 / C : x !== x && C !== C;
@@ -1205,7 +1205,7 @@ function oo() {
     function O(x) {
       function C(M, L, N, I, z) {
         if (!(M[L] instanceof x)) {
-          var E = x.name || p, P = X(M[L]);
+          var E = x.name || p, P = J(M[L]);
           return new m("Invalid " + I + " `" + z + "` of type " + ("`" + P + "` supplied to `" + N + "`, expected ") + ("instance of `" + E + "`."));
         }
         return null;
@@ -1296,7 +1296,7 @@ function oo() {
       }
       return w(C);
     }
-    function Q(x) {
+    function X(x) {
       function C(M, L, N, I, z) {
         var E = M[L], P = T(E);
         if (P !== "object")
@@ -1385,7 +1385,7 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
           return C;
       }
     }
-    function X(x) {
+    function J(x) {
       return !x.constructor || !x.constructor.name ? p : x.constructor.name;
     }
     return f.checkPropTypes = o, f.resetWarningCache = o.resetWarningCache, f.PropTypes = f, f;
@@ -3356,15 +3356,15 @@ function mr() {
     return Vo(t);
   }, [t]), ue = Te(function() {
     return typeof w == "function" ? w : In;
-  }, [w]), Q = Te(function() {
+  }, [w]), X = Te(function() {
     return typeof m == "function" ? m : In;
-  }, [m]), H = se(null), Y = se(null), T = Ur(ra, Kt), te = At(T, 2), pe = te[0], X = te[1], x = pe.isFocused, C = pe.isFileDialogActive, M = se(typeof window < "u" && window.isSecureContext && h && Io()), L = function() {
+  }, [m]), H = se(null), Y = se(null), T = Ur(ra, Kt), te = At(T, 2), pe = te[0], J = te[1], x = pe.isFocused, C = pe.isFileDialogActive, M = se(typeof window < "u" && window.isSecureContext && h && Io()), L = function() {
     !M.current && C && setTimeout(function() {
       if (Y.current) {
         var G = Y.current.files;
-        G.length || (X({
+        G.length || (J({
           type: "closeDialog"
-        }), Q());
+        }), X());
       }
     }, 300);
   };
@@ -3372,7 +3372,7 @@ function mr() {
     return window.addEventListener("focus", L, !1), function() {
       window.removeEventListener("focus", L, !1);
     };
-  }, [Y, C, Q, M]);
+  }, [Y, C, X, M]);
   var N = se([]), I = function(G) {
     H.current && H.current.contains(G.target) || (G.preventDefault(), N.current = []);
   };
@@ -3398,7 +3398,7 @@ function mr() {
           maxFiles: c,
           validator: F
         }), be = me > 0 && !ge;
-        X({
+        J({
           isDragAccept: ge,
           isDragReject: be,
           isDragActive: !0,
@@ -3422,7 +3422,7 @@ function mr() {
     var G = N.current.filter(function(ge) {
       return H.current && H.current.contains(ge);
     }), me = G.indexOf(A.target);
-    me !== -1 && G.splice(me, 1), N.current = G, !(G.length > 0) && (X({
+    me !== -1 && G.splice(me, 1), N.current = G, !(G.length > 0) && (J({
       type: "setDraggedFiles",
       isDragActive: !1,
       isDragAccept: !1,
@@ -3448,23 +3448,23 @@ function mr() {
         file: be,
         errors: [No]
       });
-    }), me.splice(0)), X({
+    }), me.splice(0)), J({
       acceptedFiles: me,
       fileRejections: ge,
       isDragReject: ge.length > 0,
       type: "setFiles"
     }), p && p(me, ge, G), ge.length > 0 && v && v(ge, G), me.length > 0 && f && f(me, G);
-  }, [X, l, Z, i, a, c, p, f, v, F]), S = oe(function(A) {
+  }, [J, l, Z, i, a, c, p, f, v, F]), S = oe(function(A) {
     A.preventDefault(), A.persist(), Je(A), N.current = [], ot(A) && Promise.resolve(o(A)).then(function(G) {
       ft(A) && !D || q(G, A);
     }).catch(function(G) {
       return z(G);
-    }), X({
+    }), J({
       type: "reset"
     });
   }, [o, q, z, D]), j = oe(function() {
     if (M.current) {
-      X({
+      J({
         type: "openDialog"
       }), ue();
       var A = {
@@ -3474,27 +3474,27 @@ function mr() {
       window.showOpenFilePicker(A).then(function(G) {
         return o(G);
       }).then(function(G) {
-        q(G, null), X({
+        q(G, null), J({
           type: "closeDialog"
         });
       }).catch(function(G) {
-        Bo(G) ? (Q(G), X({
+        Bo(G) ? (X(G), J({
           type: "closeDialog"
         })) : qo(G) ? (M.current = !1, Y.current ? (Y.current.value = null, Y.current.click()) : z(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."))) : z(G);
       });
       return;
     }
-    Y.current && (X({
+    Y.current && (J({
       type: "openDialog"
     }), ue(), Y.current.value = null, Y.current.click());
-  }, [X, ue, Q, h, q, z, ae, l]), _ = oe(function(A) {
+  }, [J, ue, X, h, q, z, ae, l]), _ = oe(function(A) {
     !H.current || !H.current.isEqualNode(A.target) || (A.key === " " || A.key === "Enter" || A.keyCode === 32 || A.keyCode === 13) && (A.preventDefault(), j());
-  }, [H, j]), J = oe(function() {
-    X({
+  }, [H, j]), Q = oe(function() {
+    J({
       type: "focus"
     });
   }, []), ee = oe(function() {
-    X({
+    J({
       type: "blur"
     });
   }, []), de = oe(function() {
@@ -3512,7 +3512,7 @@ function mr() {
       var A = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, G = A.refKey, me = G === void 0 ? "ref" : G, ge = A.role, be = A.onKeyDown, Ve = A.onFocus, ze = A.onBlur, bt = A.onClick, yt = A.onDragEnter, Ct = A.onDragOver, Qe = A.onDragLeave, St = A.onDrop, jt = mt(A, Uo);
       return le(le(Zt({
         onKeyDown: we(Se(be, _)),
-        onFocus: we(Se(Ve, J)),
+        onFocus: we(Se(Ve, Q)),
         onBlur: we(Se(ze, ee)),
         onClick: fe(Se(bt, de)),
         onDragEnter: Xe(Se(yt, E)),
@@ -3524,7 +3524,7 @@ function mr() {
         tabIndex: 0
       } : {}), jt);
     };
-  }, [H, _, J, ee, de, E, P, B, S, y, O, r]), qr = oe(function(A) {
+  }, [H, _, Q, ee, de, E, P, B, S, y, O, r]), qr = oe(function(A) {
     A.stopPropagation();
   }, []), Gr = Te(function() {
     return function() {
@@ -3629,10 +3629,10 @@ const Tl = ({
 }) => {
   const [b, $] = K(h), [y, O] = K([]);
   ce(() => {
-    $(h);
+    (h.length !== b.length || h.some((X, H) => X !== b[H])) && $(h);
   }, [h]);
   const D = oe(
-    (Q, H) => {
+    (X, H) => {
       const Y = [];
       if (H.length > 0 && H.forEach((T) => {
         T.errors.forEach((te) => {
@@ -3642,16 +3642,16 @@ const Tl = ({
             `${T.file.name} has an invalid file type`
           );
         });
-      }), a !== void 0 && (r ? b.length : 0) + Q.length > a && Y.push(
+      }), a !== void 0 && (r ? b.length : 0) + X.length > a && Y.push(
         `You can only upload up to ${a} file${a > 1 ? "s" : ""}.`
       ), Y.length > 0) {
         O(Y), n == null || n(Y);
         return;
       } else
         O([]);
-      Q.length > 0 && ($(
-        (T) => r ? [...T, ...Q] : Q
-      ), e(Q));
+      X.length > 0 && ($(
+        (T) => r ? [...T, ...X] : X
+      ), e(X));
     },
     [
       e,
@@ -3661,8 +3661,8 @@ const Tl = ({
       b,
       r
     ]
-  ), V = (Q) => {
-    $((H) => H.filter((Y, T) => T !== Q)), k(b);
+  ), V = (X) => {
+    $((H) => H.filter((Y, T) => T !== X)), k(b);
   }, { getRootProps: F, getInputProps: Z, isDragActive: ae, isDragReject: ue } = mr({
     onDrop: D,
     accept: t,
@@ -3694,15 +3694,15 @@ const Tl = ({
             ]
           }
         ),
-        y.length > 0 && /* @__PURE__ */ s.jsx("div", { className: "text-left text-sm text-color-red-600 px-6 pb-2 space-y-1", children: y.map((Q, H) => /* @__PURE__ */ s.jsxs("p", { children: [
+        y.length > 0 && /* @__PURE__ */ s.jsx("div", { className: "text-left text-sm text-color-red-600 px-6 pb-2 space-y-1", children: y.map((X, H) => /* @__PURE__ */ s.jsxs("p", { children: [
           "• ",
-          Q
+          X
         ] }, H)) }),
         v && b.length > 0 && /* @__PURE__ */ s.jsx(
           "ul",
           {
             className: `w-full ${m ? "space-y-2" : "grid grid-columns-2 gap-2"} px-4 pb-4`,
-            children: b.map((Q, H) => /* @__PURE__ */ s.jsxs(
+            children: b.map((X, H) => /* @__PURE__ */ s.jsxs(
               "li",
               {
                 className: "flex items-center justify-between bg-color-white rounded-md px-4 py-2 shadow-sm",
@@ -3711,16 +3711,16 @@ const Tl = ({
                     w && /* @__PURE__ */ s.jsx("div", { className: "w-10 h-10 rounded bg-color-gray-100 overflow-hidden flex-shrink-0", children: /* @__PURE__ */ s.jsx(
                       "img",
                       {
-                        src: Q.type.startsWith("image/") ? URL.createObjectURL(Q) : "https://img.icons8.com/ios-filled/50/pdf-2.png",
+                        src: X.type.startsWith("image/") ? URL.createObjectURL(X) : "https://img.icons8.com/ios-filled/50/pdf-2.png",
                         className: "w-full h-full object-cover",
                         alt: "preview"
                       }
                     ) }),
-                    /* @__PURE__ */ s.jsx("div", { className: "text-sm max-w-[200px]", children: /* @__PURE__ */ s.jsx("p", { className: "font-medium truncate text-xs text-color-gray-700", children: Q.name }) })
+                    /* @__PURE__ */ s.jsx("div", { className: "text-sm max-w-[200px]", children: /* @__PURE__ */ s.jsx("p", { className: "font-medium truncate text-xs text-color-gray-700", children: X.name }) })
                   ] }),
                   /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ s.jsxs("p", { className: "text-xs text-color-gray-400", children: [
-                      (Q.size / 1024).toFixed(2),
+                      (X.size / 1024).toFixed(2),
                       " KB"
                     ] }),
                     /* @__PURE__ */ s.jsx(
@@ -6099,19 +6099,19 @@ const Ul = Zr(function({
   const h = n !== void 0, [k, b] = K(() => t !== void 0 ? t : m ? [a, i] : a), $ = h ? n : k, y = Array.isArray($) ? $[0] : $, [O, D] = Array.isArray($) ? $ : [$, $], V = qt[c] || qt.blue, F = qn[u] ?? qn.medium, Z = oe(
     (_) => (_ - a) / (i - a) * 100,
     [a, i]
-  ), ae = Z(y), ue = Z(O), Q = Z(D), H = oe((_) => Math.max(a, Math.min(i, _)), [a, i]), Y = oe((_) => Math.round(_ / l) * l, [l]), T = oi(r), te = oe(
-    (_, J = !0) => {
-      h || b(_), J ? T.schedule(_) : T.flush(_);
+  ), ae = Z(y), ue = Z(O), X = Z(D), H = oe((_) => Math.max(a, Math.min(i, _)), [a, i]), Y = oe((_) => Math.round(_ / l) * l, [l]), T = oi(r), te = oe(
+    (_, Q = !0) => {
+      h || b(_), Q ? T.schedule(_) : T.flush(_);
     },
     [h, T]
   ), pe = oe(() => {
     const _ = T.last.current;
     _ != null && (T.flush(_), o == null || o(_));
-  }, [T, o]), X = oe(
-    (_, J) => {
+  }, [T, o]), J = oe(
+    (_, Q) => {
       if (m && Array.isArray(_)) {
         let [ee, de] = _, fe = Y(H(ee)), we = Y(H(de));
-        return we - fe < w && (J === "min" ? we = H(fe + w) : J === "max" && (fe = H(we - w))), fe > we && (J === "min" ? fe = we : we = fe), [fe, we];
+        return we - fe < w && (Q === "min" ? we = H(fe + w) : Q === "max" && (fe = H(we - w))), fe > we && (Q === "min" ? fe = we : we = fe), [fe, we];
       } else if (!m && typeof _ == "number")
         return Y(H(_));
       return _;
@@ -6120,36 +6120,36 @@ const Ul = Zr(function({
   ), x = se(null), C = oe(
     (_) => {
       var de;
-      const J = (de = x.current) == null ? void 0 : de.getBoundingClientRect();
-      if (!J) return m ? a : y;
-      const ee = Math.max(0, Math.min(1, (_ - J.left) / J.width));
+      const Q = (de = x.current) == null ? void 0 : de.getBoundingClientRect();
+      if (!Q) return m ? a : y;
+      const ee = Math.max(0, Math.min(1, (_ - Q.left) / Q.width));
       return a + ee * (i - a);
     },
     [a, i, m, y]
   ), M = oe(
     (_) => {
-      const J = Math.abs(_ - O), ee = Math.abs(_ - D);
-      return J <= ee ? "min" : "max";
+      const Q = Math.abs(_ - O), ee = Math.abs(_ - D);
+      return Q <= ee ? "min" : "max";
     },
     [O, D]
   ), [L, N] = K(null), [I, z] = K(null), [E, P] = K(null), B = oe(
-    (_, J) => {
+    (_, Q) => {
       var de, fe;
       if (d) return;
       _.preventDefault(), (fe = (de = _.currentTarget).setPointerCapture) == null || fe.call(de, _.pointerId), P(_.pointerId);
       const ee = C(_.clientX);
       if (m) {
-        const we = J || M(ee);
-        N(we), te(we === "min" ? X([ee, D], "min") : X([O, ee], "max"));
+        const we = Q || M(ee);
+        N(we), te(we === "min" ? J([ee, D], "min") : J([O, ee], "max"));
       } else
-        N("single"), te(X(ee, "single"));
+        N("single"), te(J(ee, "single"));
     },
     [
       d,
       m,
       C,
       M,
-      X,
+      J,
       O,
       D,
       te
@@ -6157,8 +6157,8 @@ const Ul = Zr(function({
   ), q = oe(
     (_) => {
       if (d || E == null || L == null) return;
-      const J = C(_.clientX);
-      m ? L === "min" ? te(X([J, D], "min")) : L === "max" && te(X([O, J], "max")) : te(X(J, "single"));
+      const Q = C(_.clientX);
+      m ? L === "min" ? te(J([Q, D], "min")) : L === "max" && te(J([O, Q], "max")) : te(J(Q, "single"));
     },
     [
       d,
@@ -6166,7 +6166,7 @@ const Ul = Zr(function({
       L,
       m,
       C,
-      X,
+      J,
       O,
       D,
       te
@@ -6174,9 +6174,9 @@ const Ul = Zr(function({
   ), S = oe(() => {
     L != null && (N(null), P(null), pe());
   }, [L, pe]), j = oe(
-    (_, J) => {
+    (_, Q) => {
       if (d) return;
-      const ee = m ? J === "min" ? O : D : y;
+      const ee = m ? Q === "min" ? O : D : y;
       let de = ee;
       const fe = (i - a) / 10;
       switch (_.key) {
@@ -6203,7 +6203,7 @@ const Ul = Zr(function({
         default:
           return;
       }
-      _.preventDefault(), te(m ? J === "min" ? X([de, D], "min") : X([O, de], "max") : X(de, "single"), !1), o == null || o(h ? n : $);
+      _.preventDefault(), te(m ? Q === "min" ? J([de, D], "min") : J([O, de], "max") : J(de, "single"), !1), o == null || o(h ? n : $);
     },
     [
       d,
@@ -6214,7 +6214,7 @@ const Ul = Zr(function({
       l,
       a,
       i,
-      X,
+      J,
       te,
       o,
       h,
@@ -6248,7 +6248,7 @@ const Ul = Zr(function({
               "div",
               {
                 className: `absolute top-0 ${F.track} ${V.progress} rounded-full ${L ? "" : "transition-all duration-150"}`,
-                style: { left: `${ue}%`, width: `${Q - ue}%` }
+                style: { left: `${ue}%`, width: `${X - ue}%` }
               }
             ) : /* @__PURE__ */ s.jsx(
               "div",
@@ -6257,7 +6257,7 @@ const Ul = Zr(function({
                 style: { width: `${ae}%` }
               }
             ),
-            f && v.map((_, J) => {
+            f && v.map((_, Q) => {
               const ee = Z(_.value);
               return /* @__PURE__ */ s.jsx(
                 "div",
@@ -6265,7 +6265,7 @@ const Ul = Zr(function({
                   className: "absolute top-1/2 transform -translate-y-1/2 w-1 h-1 bg-gray-400 rounded-full",
                   style: { left: `${ee}%` }
                 },
-                J
+                Q
               );
             }),
             !m && /* @__PURE__ */ s.jsx(
@@ -6331,7 +6331,7 @@ const Ul = Zr(function({
                   ${I === "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: `${X}%` },
                   tabIndex: d ? -1 : 0,
                   role: "slider",
                   "aria-orientation": "horizontal",
@@ -6354,7 +6354,7 @@ const Ul = Zr(function({
         "div",
         {
           className: "relative mt-2 text-xs text-color-gray-500 dark:text-color-gray-200",
-          children: v.map((_, J) => {
+          children: v.map((_, Q) => {
             const ee = Z(_.value);
             return /* @__PURE__ */ s.jsx(
               "div",
@@ -6363,7 +6363,7 @@ const Ul = Zr(function({
                 style: { left: `${ee}%` },
                 children: _.label || _.value
               },
-              J
+              Q
             );
           })
         }
@@ -6643,9 +6643,9 @@ const Ul = Zr(function({
   prevIcon: h,
   className: k
 }) => {
-  const b = e.length, $ = Math.min(Math.max(c, 0.1), b), [y, O] = K(0), [D, V] = K(!1), [F, Z] = K(!1), [ae, ue] = K(0), Q = se(null), H = se(0), Y = se(0), T = $ >= b ? 0 : Math.max(0, b - $), te = (E) => Math.max(0, Math.min(E, T)), pe = (E) => O(
+  const b = e.length, $ = Math.min(Math.max(c, 0.1), b), [y, O] = K(0), [D, V] = K(!1), [F, Z] = K(!1), [ae, ue] = K(0), X = se(null), H = se(0), Y = se(0), T = $ >= b ? 0 : Math.max(0, b - $), te = (E) => Math.max(0, Math.min(E, T)), pe = (E) => O(
     l && T > 0 ? (E % (T + 1) + (T + 1)) % (T + 1) : te(E)
-  ), X = () => {
+  ), J = () => {
     l && T > 0 ? O(y === 0 ? T : y - 1) : pe(y - 1);
   }, x = () => {
     l && T > 0 ? O(y >= T ? 0 : y + 1) : pe(y + 1);
@@ -6675,13 +6675,13 @@ const Ul = Zr(function({
     F && (Y.current = m === "horizontal" ? E : P, ue(Y.current - H.current));
   }, L = () => {
     if (!F) return;
-    Math.abs(Y.current - H.current) > 50 && (Y.current < H.current ? x() : X()), Z(!1), ue(0);
+    Math.abs(Y.current - H.current) > 50 && (Y.current < H.current ? x() : J()), Z(!1), ue(0);
   }, N = () => {
     const E = m === "horizontal" ? "X" : "Y";
     let P = 0;
-    if (F && Q.current && T > 0) {
-      const J = m === "horizontal" ? Q.current.offsetWidth : Q.current.offsetHeight;
-      P = ae / J * 100 * ($ / b);
+    if (F && X.current && T > 0) {
+      const Q = m === "horizontal" ? X.current.offsetWidth : X.current.offsetHeight;
+      P = ae / Q * 100 * ($ / b);
     }
     const q = Math.min(y, T) * (100 / b) - P, S = y >= T, _ = y <= 0 ? 0 : S ? u / (c / 2) : u / c;
     return `translate${E}(calc(-${q}% - ${_}px))`;
@@ -6697,7 +6697,7 @@ const Ul = Zr(function({
         /* @__PURE__ */ s.jsxs(
           "div",
           {
-            ref: Q,
+            ref: X,
             className: `w-full overflow-hidden relative ${f && T > 0 ? F ? "cursor-grabbing" : "cursor-grab" : "cursor-default"}`,
             style: {
               height: g ? `calc(${t} - ${v + 20}px)` : t
@@ -6743,7 +6743,7 @@ const Ul = Zr(function({
                   "button",
                   {
                     "aria-label": "prev",
-                    onClick: X,
+                    onClick: J,
                     className: `absolute z-20 bg-color-white/80 border border-color-gray-300 rounded-full w-10 h-10 flex items-center justify-center text-lg font-bold text-color-gray-800 hover:bg-color-white transition-color cursor-pointer
                 ${m === "horizontal" ? "left-2 top-1/2 -translate-y-1/2" : "left-1/2 top-2 -translate-x-1/2"}`,
                     children: h || (m === "horizontal" ? "‹" : "↑")
@@ -7366,8 +7366,8 @@ const di = ({
       h.key === "Escape" && (n == null || n());
     };
     return e && document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
-  }, [e, n]), ce(() => (e ? (document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden") : (document.body.style.overflow = "", document.documentElement.style.overflow = ""), () => {
-    document.body.style.overflow = "", document.documentElement.style.overflow = "";
+  }, [e, n]), ce(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
   }), [e]), !u) return null;
   const v = {
     left: "left-0 top-0 h-full min-w-96  transition-all duration-300",
@@ -7581,7 +7581,7 @@ const di = ({
   buttonClass: i = ""
 }) => {
   let l = "flex justify-around items-center bg-color-white shadow-sm  text-color-gray-600 py-2 px-4";
-  return e === "fixed" ? l += " fixed bottom-0 left-0 right-0" : e === "floating" ? l += " fixed bottom-4 left-4 right-4 rounded-full" : e === "static" && (l += " static"), /* @__PURE__ */ s.jsx("nav", { className: `${l} ${o}`, children: t.map((c) => {
+  return e === "fixed" ? l += " fixed bottom-0 left-0 right-0" : e === "floating" ? l += " fixed bottom-4 left-4 right-4 rounded-full" : e === "static" && (l += " static w-full"), /* @__PURE__ */ s.jsx("nav", { className: `${l} ${o}`, children: t.map((c) => {
     const u = c.label === n;
     return /* @__PURE__ */ s.jsxs(
       "a",
@@ -7622,15 +7622,15 @@ const di = ({
 }) => {
   const [g, p] = K(!1), [f, v] = K(null), [m, w] = K(/* @__PURE__ */ new Date()), [h, k] = K(
     d ? new Date(d) : null
-  ), [b, $] = K(null), [y, O] = K(null), [D, V] = K(null), [F, Z] = K({ hour: 12, minute: 0, ampm: "AM" }), ae = se(null), [ue, Q] = K(
+  ), [b, $] = K(null), [y, O] = K(null), [D, V] = K(null), [F, Z] = K({ hour: 12, minute: 0, ampm: "AM" }), ae = se(null), [ue, X] = K(
     d ? new Date(d) : null
   ), [H, Y] = K(null), [T, te] = K(null);
   ce(() => {
-    k(d ? new Date(d) : null), Q(d ? new Date(d) : null);
+    k(d ? new Date(d) : null), X(d ? new Date(d) : null);
   }, [d]);
   const pe = (S) => {
     S.stopPropagation(), v(S.currentTarget), p(!0);
-  }, X = () => {
+  }, J = () => {
     p(!1);
   }, x = (S) => !!(c && S.getTime() < c || u && S.getTime() > u), C = (S) => {
     n === "inline" && ae.current && !ae.current.contains(S.target) && (e === "single" ? h || k(null) : e === "range" && (!b || !y) && ($(null), O(null)), p(!1));
@@ -7657,14 +7657,14 @@ const di = ({
         F.ampm === "PM" && F.hour !== 12 ? F.hour + 12 : F.ampm === "AM" && F.hour === 12 ? 0 : F.hour,
         F.minute
       ) : null;
-      Q(j), a == null || a(j ? j.getTime() : null);
+      X(j), a == null || a(j ? j.getTime() : null);
     } else e === "range" && (Y(b), te(y), a == null || a({
       startDate: b ? b.getTime() : null,
       endDate: y ? y.getTime() : null
     }));
   }, z = () => {
-    const S = new Date(m.getFullYear(), m.getMonth(), 1), j = new Date(m.getFullYear(), m.getMonth() + 1, 0), _ = [], J = S.getDay();
-    for (let ee = 0; ee < J; ee++)
+    const S = new Date(m.getFullYear(), m.getMonth(), 1), j = new Date(m.getFullYear(), m.getMonth() + 1, 0), _ = [], Q = S.getDay();
+    for (let ee = 0; ee < Q; ee++)
       _.push(null);
     for (let ee = 1; ee <= j.getDate(); ee++)
       _.push(new Date(m.getFullYear(), m.getMonth(), ee));
@@ -7686,8 +7686,8 @@ const di = ({
       return e === "range" ? j === "end" ? "End Date" : "Start Date" : r ? `${String(F.hour).padStart(2, "0")}:${String(F.minute).padStart(2, "0")} ${F.ampm}` : i;
     if (r)
       return `${String(F.hour).padStart(2, "0")}:${String(F.minute).padStart(2, "0")} ${F.ampm}`;
-    const _ = S.getDate().toString().padStart(2, "0"), J = Kn[S.getMonth()], ee = S.getFullYear(), de = t ? ` ${String(F.hour).padStart(2, "0")}:${String(F.minute).padStart(2, "0")} ${F.ampm}` : "";
-    return `${_} ${J} ${ee}${de}`;
+    const _ = S.getDate().toString().padStart(2, "0"), Q = Kn[S.getMonth()], ee = S.getFullYear(), de = t ? ` ${String(F.hour).padStart(2, "0")}:${String(F.minute).padStart(2, "0")} ${F.ampm}` : "";
+    return `${_} ${Q} ${ee}${de}`;
   }, B = /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between w-full border border-color-gray-300 rounded-md p-2", children: [
     /* @__PURE__ */ s.jsx(
       "select",
@@ -7830,7 +7830,7 @@ const di = ({
         ]
       }
     ),
-    n === "inline" ? /* @__PURE__ */ s.jsx(s.Fragment, { children: g && Ze(q, document.body) }) : /* @__PURE__ */ s.jsx(ci, { open: g, title: r ? "Select Time" : i, onClose: X, children: /* @__PURE__ */ s.jsx("div", { className: "w-72", children: q }) })
+    n === "inline" ? /* @__PURE__ */ s.jsx(s.Fragment, { children: g && Ze(q, document.body) }) : /* @__PURE__ */ s.jsx(ci, { open: g, title: r ? "Select Time" : i, onClose: J, children: /* @__PURE__ */ s.jsx("div", { className: "w-72", children: q }) })
   ] });
 }, ps = ({
   tabs: e,
@@ -9262,6 +9262,7 @@ export {
   da as PasswordInput,
   Ol as Pill,
   Il as ProfileImageShowcase,
+  Il as ProfileShowcase,
   Zl as Progress,
   qt as RANGE_COLOR_MAP,
   ns as RadioGroup,