@unizap/uniui 1.0.69 → 1.0.71

package/dist/uniui.js

@@ -348,8 +348,8 @@ const ke = {
   const z = fe(null), x = fe(null), $ = (D) => {
     const q = z.current;
     if (!q) return;
-    const ee = document.createElement("span"), K = q.getBoundingClientRect(), H = Math.max(K.width, K.height);
-    ee.style.width = ee.style.height = `${H}px`, ee.style.left = `${D.clientX - K.left - H / 2}px`, ee.style.top = `${D.clientY - K.top - H / 2}px`, ee.className = "ripple", q.appendChild(ee), setTimeout(() => ee.remove(), 600), l == null || l(D);
+    const ee = document.createElement("span"), K = q.getBoundingClientRect(), B = Math.max(K.width, K.height);
+    ee.style.width = ee.style.height = `${B}px`, ee.style.left = `${D.clientX - K.left - B / 2}px`, ee.style.top = `${D.clientY - K.top - B / 2}px`, ee.className = "ripple", q.appendChild(ee), setTimeout(() => ee.remove(), 600), l == null || l(D);
   }, w = ((O = ke[n]) == null ? void 0 : O[t === "filled" ? "filled" : t === "outlined" ? "outline" : "transparent"]) || "";
   return /* @__PURE__ */ a(Ce, { children: h ? /* @__PURE__ */ C(
     "a",
@@ -420,14 +420,13 @@ const ke = {
   onChange: n,
   className: i = "",
   labelClass: r = "",
-  id: l
+  id: l,
+  defaultChecked: s
 }) => {
-  const s = o !== void 0, [c, p] = W(
-    o !== void 0 ? o : !1
-  ), g = (u) => {
-    const d = u.target.checked;
-    s || p(d), n == null || n(d);
-  }, m = s ? o : c;
+  const c = o !== void 0, [p, g] = W(s || !1), m = (d) => {
+    const h = d.target.checked;
+    c || g(h), n == null || n(h);
+  }, u = c ? o : p;
   return /* @__PURE__ */ C(
     "label",
     {
@@ -452,10 +451,8 @@ const ke = {
           after:font-bold
           ${i}
         `,
-            checked: m,
-            defaultChecked: s ? void 0 : m,
-            disabled: t,
-            onChange: g
+            checked: u,
+            onChange: m
           }
         ),
         e && /* @__PURE__ */ a("span", { className: `text-sm text-color-gray-700 ${r}`, children: e })
@@ -492,19 +489,19 @@ const ke = {
   disabled: b = !1,
   searchOn: y
 }) => {
-  const [z, x] = W(!1), [$, w] = W(-1), [O, D] = W("bottom"), [q, ee] = W(""), K = fe(null), H = fe(null), se = fe(null), Z = bn(q, 300), F = l !== void 0 ? l : z, I = (_) => {
+  const [z, x] = W(!1), [$, w] = W(-1), [O, D] = W("bottom"), [q, ee] = W(""), K = fe(null), B = fe(null), se = fe(null), Z = bn(q, 300), F = l !== void 0 ? l : z, I = (_) => {
     l === void 0 && x(_), _ || ee(""), s == null || s(_);
   }, J = d ? Array.isArray(e) ? e : [] : e && !Array.isArray(e) ? [e] : [], Q = Z ? o.filter((_) => {
-    const N = typeof _.label == "string" ? _.label : String(_.label), V = _.value ? String(_.value) : "", B = Z.toLowerCase(), ie = y || "label";
+    const N = typeof _.label == "string" ? _.label : String(_.label), V = _.value ? String(_.value) : "", H = Z.toLowerCase(), ie = y || "label";
     if (ie === "label")
-      return N.toLowerCase().includes(B);
+      return N.toLowerCase().includes(H);
     if (ie === "value")
-      return V.toLowerCase().includes(B);
+      return V.toLowerCase().includes(H);
     if (ie === "both")
-      return N.toLowerCase().includes(B) || V.toLowerCase().includes(B);
+      return N.toLowerCase().includes(H) || V.toLowerCase().includes(H);
     {
       const P = _[ie];
-      return typeof P == "string" ? P.toLowerCase().includes(B) : !1;
+      return typeof P == "string" ? P.toLowerCase().includes(H) : !1;
     }
   }) : o, pe = Q.filter(
     (_) => J.some(
@@ -516,18 +513,18 @@ const ke = {
     )
   ), k = [...pe, ...R], S = pe.length > 0 && R.length > 0, A = (_) => {
     if (d) {
-      const N = Array.isArray(e) ? e : [], B = N.some(
+      const N = Array.isArray(e) ? e : [], H = N.some(
         (ie) => ie.label === _.label && ie.value === _.value
       ) ? N.filter(
         (ie) => !(ie.label === _.label && ie.value === _.value)
       ) : [...N, _];
-      r == null || r(B);
+      r == null || r(H);
     } else
       r == null || r(_), i || (I(!1), ee(""));
   }, L = (_, N) => {
     if (N.stopPropagation(), d && Array.isArray(e)) {
       const V = e.filter(
-        (B) => !(B.label === _.label && B.value === _.value)
+        (H) => !(H.label === _.label && H.value === _.value)
       );
       r == null || r(V);
     }
@@ -542,8 +539,8 @@ const ke = {
   }, []), ce(() => {
     if (F && K.current) {
       if (p === "auto") {
-        const _ = K.current.getBoundingClientRect(), N = Math.min(o.length * 40, c), V = window.innerHeight - _.bottom, B = _.top;
-        D(V >= N || V >= B ? "bottom" : "top");
+        const _ = K.current.getBoundingClientRect(), N = Math.min(o.length * 40, c), V = window.innerHeight - _.bottom, H = _.top;
+        D(V >= N || V >= H ? "bottom" : "top");
       } else
         D(p);
       g && se.current && se.current.focus();
@@ -563,7 +560,7 @@ const ke = {
             "button",
             {
               type: "button",
-              onClick: (B) => L(N, B),
+              onClick: (H) => L(N, H),
               className: "ml-1 text-color-gray-500 hover:text-color-gray-700",
               children: /* @__PURE__ */ a("svg", { className: "size-3", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("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" }) })
             }
@@ -633,7 +630,7 @@ const ke = {
           /* @__PURE__ */ a(
             "ul",
             {
-              ref: H,
+              ref: B,
               className: "overflow-y-auto",
               style: { maxHeight: `${c}px` },
               children: k.length > 0 ? /* @__PURE__ */ C(Ce, { children: [
@@ -806,7 +803,7 @@ function kn() {
         }
       }
     }
-    var w = c, O = p, D = s, q = l, ee = o, K = g, H = n, se = h, Z = d, F = t, I = r, J = i, Q = m, pe = !1;
+    var w = c, O = p, D = s, q = l, ee = o, K = g, B = n, se = h, Z = d, F = t, I = r, J = i, Q = m, pe = !1;
     function R(P) {
       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.")), k(P) || $(P) === c;
     }
@@ -840,13 +837,13 @@ function kn() {
     function V(P) {
       return $(P) === r;
     }
-    function B(P) {
+    function H(P) {
       return $(P) === i;
     }
     function ie(P) {
       return $(P) === m;
     }
-    ue.AsyncMode = w, ue.ConcurrentMode = O, ue.ContextConsumer = D, ue.ContextProvider = q, ue.Element = ee, ue.ForwardRef = K, ue.Fragment = H, ue.Lazy = se, ue.Memo = Z, ue.Portal = F, ue.Profiler = I, ue.StrictMode = J, ue.Suspense = Q, ue.isAsyncMode = R, ue.isConcurrentMode = k, ue.isContextConsumer = S, ue.isContextProvider = A, ue.isElement = L, ue.isForwardRef = j, ue.isFragment = G, ue.isLazy = M, ue.isMemo = _, ue.isPortal = N, ue.isProfiler = V, ue.isStrictMode = B, ue.isSuspense = ie, ue.isValidElementType = x, ue.typeOf = $;
+    ue.AsyncMode = w, ue.ConcurrentMode = O, ue.ContextConsumer = D, ue.ContextProvider = q, ue.Element = ee, ue.ForwardRef = K, ue.Fragment = B, ue.Lazy = se, ue.Memo = Z, ue.Portal = F, ue.Profiler = I, ue.StrictMode = J, ue.Suspense = Q, ue.isAsyncMode = R, ue.isConcurrentMode = k, ue.isContextConsumer = S, ue.isContextProvider = A, ue.isElement = L, ue.isForwardRef = j, ue.isFragment = G, ue.isLazy = M, ue.isMemo = _, ue.isPortal = N, ue.isProfiler = V, ue.isStrictMode = H, ue.isSuspense = ie, ue.isValidElementType = x, ue.typeOf = $;
   }()), ue;
 }
 var ro;
@@ -1019,8 +1016,8 @@ function _n() {
     function b(k) {
       if (process.env.NODE_ENV !== "production")
         var S = {}, A = 0;
-      function L(G, M, _, N, V, B, ie) {
-        if (N = N || u, B = B || _, ie !== t) {
+      function L(G, M, _, N, V, H, ie) {
+        if (N = N || u, H = H || _, ie !== t) {
           if (c) {
             var P = 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"
@@ -1030,11 +1027,11 @@ function _n() {
             var E = N + ":" + _;
             !S[E] && // 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 `" + B + "` prop on `" + N + "`. 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."
+              "You are manually calling a React.PropTypes validation function for the `" + H + "` prop on `" + N + "`. 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."
             ), S[E] = !0, A++);
           }
         }
-        return M[_] == null ? G ? M[_] === null ? new f("The " + V + " `" + B + "` is marked as required " + ("in `" + N + "`, but its value is `null`.")) : new f("The " + V + " `" + B + "` is marked as required in " + ("`" + N + "`, but its value is `undefined`.")) : null : k(M, _, N, V, B);
+        return M[_] == null ? G ? M[_] === null ? new f("The " + V + " `" + H + "` is marked as required " + ("in `" + N + "`, but its value is `null`.")) : new f("The " + V + " `" + H + "` is marked as required in " + ("`" + N + "`, but its value is `undefined`.")) : null : k(M, _, N, V, H);
       }
       var j = L.bind(null, !1);
       return j.isRequired = L.bind(null, !0), j;
@@ -1043,9 +1040,9 @@ function _n() {
       function S(A, L, j, G, M, _) {
         var N = A[L], V = J(N);
         if (V !== k) {
-          var B = Q(N);
+          var H = Q(N);
           return new f(
-            "Invalid " + G + " `" + M + "` of type " + ("`" + B + "` supplied to `" + j + "`, expected ") + ("`" + k + "`."),
+            "Invalid " + G + " `" + M + "` of type " + ("`" + H + "` supplied to `" + j + "`, expected ") + ("`" + k + "`."),
             { expectedType: k }
           );
         }
@@ -1066,9 +1063,9 @@ function _n() {
           return new f("Invalid " + G + " `" + M + "` of type " + ("`" + N + "` supplied to `" + j + "`, expected an array."));
         }
         for (var V = 0; V < _.length; V++) {
-          var B = k(_, V, j, G, M + "[" + V + "]", t);
-          if (B instanceof Error)
-            return B;
+          var H = k(_, V, j, G, M + "[" + V + "]", t);
+          if (H instanceof Error)
+            return H;
         }
         return null;
       }
@@ -1132,9 +1129,9 @@ function _n() {
           return new f("Invalid " + G + " `" + M + "` of type " + ("`" + N + "` supplied to `" + j + "`, expected an object."));
         for (var V in _)
           if (n(_, V)) {
-            var B = k(_, V, j, G, M + "." + V, t);
-            if (B instanceof Error)
-              return B;
+            var H = k(_, V, j, G, M + "." + V, t);
+            if (H instanceof Error)
+              return H;
           }
         return null;
       }
@@ -1151,8 +1148,8 @@ function _n() {
           ), l;
       }
       function L(j, G, M, _, N) {
-        for (var V = [], B = 0; B < k.length; B++) {
-          var ie = k[B], P = ie(j, G, M, _, N, t);
+        for (var V = [], H = 0; H < k.length; H++) {
+          var ie = k[H], P = ie(j, G, M, _, N, t);
           if (P == null)
             return null;
           P.data && n(P.data, "expectedType") && V.push(P.data.expectedType);
@@ -1168,7 +1165,7 @@ function _n() {
       }
       return b(k);
     }
-    function H(k, S, A, L, j) {
+    function B(k, S, A, L, j) {
       return new f(
         (k || "React class") + ": " + S + " type `" + A + "." + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + j + "`."
       );
@@ -1179,10 +1176,10 @@ function _n() {
         if (N !== "object")
           return new f("Invalid " + G + " `" + M + "` of type `" + N + "` " + ("supplied to `" + j + "`, expected `object`."));
         for (var V in k) {
-          var B = k[V];
-          if (typeof B != "function")
-            return H(j, G, M, V, Q(B));
-          var ie = B(_, V, j, G, M + "." + V, t);
+          var H = k[V];
+          if (typeof H != "function")
+            return B(j, G, M, V, Q(H));
+          var ie = H(_, V, j, G, M + "." + V, t);
           if (ie)
             return ie;
         }
@@ -1196,16 +1193,16 @@ function _n() {
         if (N !== "object")
           return new f("Invalid " + G + " `" + M + "` of type `" + N + "` " + ("supplied to `" + j + "`, expected `object`."));
         var V = o({}, A[L], k);
-        for (var B in V) {
-          var ie = k[B];
-          if (n(k, B) && typeof ie != "function")
-            return H(j, G, M, B, Q(ie));
+        for (var H in V) {
+          var ie = k[H];
+          if (n(k, H) && typeof ie != "function")
+            return B(j, G, M, H, Q(ie));
           if (!ie)
             return new f(
-              "Invalid " + G + " `" + M + "` key `" + B + "` supplied to `" + j + "`.\nBad object: " + JSON.stringify(A[L], null, "  ") + `
+              "Invalid " + G + " `" + M + "` key `" + H + "` supplied to `" + j + "`.\nBad object: " + JSON.stringify(A[L], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(k), null, "  ")
             );
-          var P = ie(_, B, j, G, M + "." + B, t);
+          var P = ie(_, H, j, G, M + "." + H, t);
           if (P)
             return P;
         }
@@ -3246,7 +3243,7 @@ var Gt = {
 function Jo() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = xe(xe({}, Xo), e), t = o.accept, n = o.disabled, i = o.getFilesFromEvent, r = o.maxSize, l = o.minSize, s = o.multiple, c = o.maxFiles, p = o.onDragEnter, g = o.onDragLeave, m = o.onDragOver, u = o.onDrop, d = o.onDropAccepted, h = o.onDropRejected, f = o.onFileDialogCancel, b = o.onFileDialogOpen, y = o.useFsAccessApi, z = o.autoFocus, x = o.preventDropOnDocument, $ = o.noClick, w = o.noKeyboard, O = o.noDrag, D = o.noDragEventsBubbling, q = o.onError, ee = o.validator, K = Ze(function() {
     return si(t);
-  }, [t]), H = Ze(function() {
+  }, [t]), B = Ze(function() {
     return li(t);
   }, [t]), se = Ze(function() {
     return typeof b == "function" ? b : _o;
@@ -3322,7 +3319,7 @@ function Jo() {
       isDragAccept: !1,
       isDragReject: !1
     }), ut(T) && g && g(T));
-  }, [F, g, D]), B = ge(function(T, X) {
+  }, [F, g, D]), H = ge(function(T, X) {
     var he = [], be = [];
     T.forEach(function(_e) {
       var Ve = Yo(_e, K), Ie = Nt(Ve, 2), Xe = Ie[0], He = Ie[1], Je = Zo(_e, l, r), Ye = Nt(Je, 2), Qe = Ye[0], et = Ye[1], tt = ee ? ee(_e) : null;
@@ -3350,25 +3347,25 @@ function Jo() {
     }), u && u(he, be, X), be.length > 0 && h && h(be, X), he.length > 0 && d && d(he, X);
   }, [R, s, K, l, r, c, u, d, h, ee]), ie = ge(function(T) {
     T.preventDefault(), T.persist(), ye(T), j.current = [], ut(T) && Promise.resolve(i(T)).then(function(X) {
-      xt(T) && !D || B(X, T);
+      xt(T) && !D || H(X, T);
     }).catch(function(X) {
       return M(X);
     }), R({
       type: "reset"
     });
-  }, [i, B, M, D]), P = ge(function() {
+  }, [i, H, M, D]), P = ge(function() {
     if (A.current) {
       R({
         type: "openDialog"
       }), se();
       var T = {
         multiple: s,
-        types: H
+        types: B
       };
       window.showOpenFilePicker(T).then(function(X) {
         return i(X);
       }).then(function(X) {
-        B(X, null), R({
+        H(X, null), R({
           type: "closeDialog"
         });
       }).catch(function(X) {
@@ -3381,7 +3378,7 @@ function Jo() {
     I.current && (R({
       type: "openDialog"
     }), se(), I.current.value = null, I.current.click());
-  }, [R, se, Z, y, B, M, H, s]), E = ge(function(T) {
+  }, [R, se, Z, y, H, M, B, s]), E = ge(function(T) {
     !F.current || !F.current.isEqualNode(T.target) || (T.key === " " || T.key === "Enter" || T.keyCode === 32 || T.keyCode === 13) && (T.preventDefault(), P());
   }, [F, P]), ae = ge(function() {
     R({
@@ -3557,7 +3554,7 @@ const Qr = ({
     ]
   ), q = (Z) => {
     $((F) => F.filter((I, J) => J !== Z)), z(x);
-  }, { getRootProps: ee, getInputProps: K, isDragActive: H, isDragReject: se } = Jo({
+  }, { getRootProps: ee, getInputProps: K, isDragActive: B, isDragReject: se } = Jo({
     onDrop: D,
     accept: t,
     multiple: n,
@@ -3569,7 +3566,7 @@ const Qr = ({
     {
       className: `
         border border-style-dashed rounded-lg p-0 overflow-hidden transition
-        ${H ? "border-color-blue-500 bg-color-blue-50" : "border-color-gray-200 bg-color-gray-50"}
+        ${B ? "border-color-blue-500 bg-color-blue-50" : "border-color-gray-200 bg-color-gray-50"}
         ${se ? "border-color-red-500 bg-color-red-50" : ""}
         ${l ? "opacity-50 cursor-not-allowed" : ""}
         ${g}
@@ -4776,8 +4773,8 @@ const Ji = {
             var $, w;
             const O = o.options.columnResizeDirection === "rtl" ? -1 : 1, D = (z - (($ = x == null ? void 0 : x.startOffset) != null ? $ : 0)) * O, q = Math.max(D / ((w = x == null ? void 0 : x.startSize) != null ? w : 0), -0.999999);
             return x.columnSizingStart.forEach((ee) => {
-              let [K, H] = ee;
-              p[K] = Math.round(Math.max(H + H * q, 0) * 100) / 100;
+              let [K, B] = ee;
+              p[K] = Math.round(Math.max(B + B * q, 0) * 100) / 100;
             }), {
               ...x,
               deltaOffset: D,
@@ -6162,7 +6159,7 @@ const sa = xn(function({
   const y = o !== void 0, [z, x] = W(() => t !== void 0 ? t : f ? [r, l] : r), $ = y ? o : z, w = Array.isArray($) ? $[0] : $, [O, D] = Array.isArray($) ? $ : [$, $], q = jt[c] || jt.blue, ee = No[p] ?? No.medium, K = ge(
     (E) => (E - r) / (l - r) * 100,
     [r, l]
-  ), H = K(w), se = K(O), Z = K(D), F = ge((E) => Math.max(r, Math.min(l, E)), [r, l]), I = ge((E) => Math.round(E / s) * s, [s]), J = Pr(n), Q = ge(
+  ), B = K(w), se = K(O), Z = K(D), F = ge((E) => Math.max(r, Math.min(l, E)), [r, l]), I = ge((E) => Math.round(E / s) * s, [s]), J = Pr(n), Q = ge(
     (E, ae = !0) => {
       y || x(E), ae ? J.schedule(E) : J.flush(E);
     },
@@ -6217,7 +6214,7 @@ const sa = xn(function({
       D,
       Q
     ]
-  ), B = ge(
+  ), H = ge(
     (E) => {
       if (g || _ == null || L == null) return;
       const ae = S(E.clientX);
@@ -6303,7 +6300,7 @@ const sa = xn(function({
             ${g ? "opacity-60 cursor-not-allowed" : "cursor-pointer"}
           `,
           onPointerDown: (E) => V(E),
-          onPointerMove: B,
+          onPointerMove: H,
           onPointerUp: ie,
           onPointerCancel: ie,
           children: [
@@ -6317,7 +6314,7 @@ const sa = xn(function({
               "div",
               {
                 className: `absolute top-0 left-0 ${ee.track} ${q.progress} rounded-full ${L ? "" : "transition-all duration-150"}`,
-                style: { width: `${H}%` }
+                style: { width: `${B}%` }
               }
             ),
             d && h.map((E, ae) => {
@@ -6342,7 +6339,7 @@ const sa = xn(function({
                 ${G === "single" ? "ring-2 ring-offset-1 ring-blue-300" : ""}
                 shadow-md hover:shadow-lg focus:outline-none dark:shadow-none
               `,
-                style: { left: `${H}%` },
+                style: { left: `${B}%` },
                 tabIndex: g ? -1 : 0,
                 role: "slider",
                 "aria-orientation": "horizontal",
@@ -6745,7 +6742,7 @@ const sa = xn(function({
     w == null ? void 0 : w.showIndicators,
     n,
     O
-  ), H = We(
+  ), B = We(
     x == null ? void 0 : x.showThumbs,
     $ == null ? void 0 : $.showThumbs,
     w == null ? void 0 : w.showThumbs,
@@ -6761,7 +6758,7 @@ const sa = xn(function({
     s && M > 0 ? (U % (M + 1) + (M + 1)) % (M + 1) : _(U)
   ), V = () => {
     s && M > 0 ? J(I === 0 ? M : I - 1) : N(I - 1);
-  }, B = () => {
+  }, H = () => {
     s && M > 0 ? J(I >= M ? 0 : I + 1) : N(I + 1);
   };
   ce(() => {
@@ -6791,7 +6788,7 @@ const sa = xn(function({
     R && (G.current = f === "horizontal" ? U : re, A(G.current - j.current));
   }, E = () => {
     if (!R) return;
-    Math.abs(G.current - j.current) > 50 && (G.current < j.current ? B() : V()), k(!1), A(0);
+    Math.abs(G.current - j.current) > 50 && (G.current < j.current ? H() : V()), k(!1), A(0);
   }, ae = () => {
     const U = f === "horizontal" ? "X" : "Y";
     let re = 0;
@@ -6816,7 +6813,7 @@ const sa = xn(function({
             ref: L,
             className: `w-full overflow-hidden relative ${se && M > 0 ? R ? "cursor-grabbing" : "cursor-grab" : "cursor-default"}`,
             style: {
-              height: H ? `calc(${t} - ${h + 20}px)` : t
+              height: B ? `calc(${t} - ${h + 20}px)` : t
             },
             onMouseDown: (U) => {
               U.preventDefault(), ie(U.clientX, U.clientY);
@@ -6869,7 +6866,7 @@ const sa = xn(function({
                   "button",
                   {
                     "aria-label": "next",
-                    onClick: B,
+                    onClick: H,
                     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" ? "right-1 md:right-2 top-1/2 -translate-y-1/2" : "left-1/2 bottom-1 md:bottom-2 -translate-x-1/2"}`,
                     children: b || (f === "horizontal" ? "›" : "↓")
@@ -6899,7 +6896,7 @@ const sa = xn(function({
             ]
           }
         ),
-        H && /* @__PURE__ */ a("div", { className: "uniui-thumb flex gap-1 md:gap-2 mt-2 md:mt-3 justify-center flex-wrap", children: e.map((U, re) => {
+        B && /* @__PURE__ */ a("div", { className: "uniui-thumb flex gap-1 md:gap-2 mt-2 md:mt-3 justify-center flex-wrap", children: e.map((U, re) => {
           const ze = re === Math.round(I), ye = O === "mobile" ? h * 0.8 : h;
           return /* @__PURE__ */ a(
             "div",
@@ -7197,13 +7194,13 @@ const sa = xn(function({
   "aria-labelledby": z,
   variant: x = "radio",
   cardClassName: $ = "",
-  selectedBodyBgColor: w = "border-color-green-500 bg-color-green-50",
+  selectedBodyClassName: w = "border-color-green-500 bg-color-green-50",
   showTick: O = !0,
   tickIcon: D,
   tickClassName: q = "",
-  tickIconSize: ee = "w-4 h-4",
+  tickIconClassName: ee = "w-4 h-4",
   showToggleButton: K = !1,
-  toggleButtonIcon: H
+  toggleButtonIcon: B
 }) => {
   const [se, Z] = W(-1), F = t ?? n, I = (A) => {
     switch (A) {
@@ -7263,7 +7260,9 @@ const sa = xn(function({
                       ${_ ? "" : "hover:shadow-md"}
                       ${$}
                     `,
-                  onClick: () => !_ && Q(L, M),
+                  onClick: (H) => {
+                    H.stopPropagation(), !_ && Q(L, M);
+                  },
                   children: [
                     N && V && /* @__PURE__ */ a("div", { className: "absolute top-2 right-2 w-6 h-6 bg-color-red-500 rounded-full flex items-center justify-center", children: /* @__PURE__ */ a(
                       "svg",
@@ -7308,13 +7307,13 @@ const sa = xn(function({
                         "button",
                         {
                           type: "button",
-                          onClick: (B) => {
-                            B.stopPropagation(), _ || Q(L, M);
+                          onClick: (H) => {
+                            H.stopPropagation(), _ || Q(L, M);
                           },
                           disabled: _,
                           className: `mt-1 flex-shrink-0 rounded-full bg-color-gray-300 transition-all duration-150 ${I(u)} ${_ ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
                           "aria-checked": N,
-                          children: N && !V && /* @__PURE__ */ a("div", { className: "w-full h-full flex items-center justify-center", children: H || D || /* @__PURE__ */ C(
+                          children: N && !V && /* @__PURE__ */ a("div", { className: "w-full h-full flex items-center justify-center", children: B || D || /* @__PURE__ */ C(
                             "svg",
                             {
                               xmlns: "http://www.w3.org/2000/svg",
@@ -7392,7 +7391,7 @@ const sa = xn(function({
                     checked: N,
                     onChange: () => !_ && Q(L, M),
                     onBlur: pe,
-                    onFocus: (B) => R(B, M),
+                    onFocus: (H) => R(H, M),
                     className: "sr-only peer",
                     "aria-invalid": h,
                     ...G && { id: G }
@@ -7982,13 +7981,13 @@ const jr = ({
   fromTime: w,
   toTime: O
 }) => {
-  const [D, q] = W(!1), [ee, K] = W(null), [H, se] = W(
+  const [D, q] = W(!1), [ee, K] = W(null), [B, se] = W(
     b || y ? /* @__PURE__ */ new Date() : f ? new Date(typeof f == "string" ? parseInt(f) : f) : /* @__PURE__ */ new Date()
   ), [Z, F] = W(
     d ? new Date(d) : f && !d ? new Date(typeof f == "string" ? parseInt(f) : f) : null
   ), [I, J] = W(b ? new Date(b) : null), [Q, pe] = W(y ? new Date(y) : null), [R, k] = W(null), [S, A] = W({ hour: 12, minute: 0, ampm: "AM" }), L = fe(null), [j, G] = W(
     d ? new Date(d) : f && !d ? new Date(typeof f == "string" ? parseInt(f) : f) : null
-  ), [M, _] = W(b ? new Date(b) : null), [N, V] = W(y ? new Date(y) : null), [B, ie] = W(!1), [P, E] = W(!1), [ae, le] = W(!1), [ve, U] = W({ hour: 12, minute: 0, ampm: "AM" }), [re, ze] = W({ hour: 12, minute: 0, ampm: "AM" }), [ye, Te] = W(
+  ), [M, _] = W(b ? new Date(b) : null), [N, V] = W(y ? new Date(y) : null), [H, ie] = W(!1), [P, E] = W(!1), [ae, le] = W(!1), [ve, U] = W({ hour: 12, minute: 0, ampm: "AM" }), [re, ze] = W({ hour: 12, minute: 0, ampm: "AM" }), [ye, Te] = W(
     w ? new Date(w) : null
   ), [Ae, qe] = W(
     O ? new Date(O) : null
@@ -8130,36 +8129,36 @@ const jr = ({
     const De = v.getMinutes();
     return `${String(ne).padStart(2, "0")}:${String(De).padStart(2, "0")} ${$e}`;
   }, un = () => {
-    const v = new Date(H.getFullYear(), H.getMonth(), 1), Y = new Date(H.getFullYear(), H.getMonth() + 1, 0), ne = (/* @__PURE__ */ new Date()).setHours(23, 59, 59, 999), $e = [], De = v.getDay();
+    const v = new Date(B.getFullYear(), B.getMonth(), 1), Y = new Date(B.getFullYear(), B.getMonth() + 1, 0), ne = (/* @__PURE__ */ new Date()).setHours(23, 59, 59, 999), $e = [], De = v.getDay();
     for (let we = 0; we < De; we++)
       $e.push(null);
     for (let we = 1; we <= Y.getDate(); we++) {
-      const kt = new Date(H.getFullYear(), H.getMonth(), we);
+      const kt = new Date(B.getFullYear(), B.getMonth(), we);
       h && kt.getTime() > ne || $e.push(kt);
     }
     return $e;
   }, pn = () => {
     if (z) {
       const v = typeof z == "string" ? new Date(z) : typeof z == "number" ? new Date(z) : z;
-      if (H.getFullYear() < v.getFullYear() || H.getFullYear() === v.getFullYear() && H.getMonth() <= v.getMonth()) return !1;
+      if (B.getFullYear() < v.getFullYear() || B.getFullYear() === v.getFullYear() && B.getMonth() <= v.getMonth()) return !1;
     }
     if (m) {
       const v = new Date(m);
-      if (H.getFullYear() < v.getFullYear() || H.getFullYear() === v.getFullYear() && H.getMonth() <= v.getMonth()) return !1;
+      if (B.getFullYear() < v.getFullYear() || B.getFullYear() === v.getFullYear() && B.getMonth() <= v.getMonth()) return !1;
     }
     return !0;
   }, gn = () => {
     if (x) {
       const v = typeof x == "string" ? new Date(x) : typeof x == "number" ? new Date(x) : x;
-      if (H.getFullYear() > v.getFullYear() || H.getFullYear() === v.getFullYear() && H.getMonth() >= v.getMonth()) return !1;
+      if (B.getFullYear() > v.getFullYear() || B.getFullYear() === v.getFullYear() && B.getMonth() >= v.getMonth()) return !1;
     }
     if (u) {
       const v = new Date(u);
-      if (H.getFullYear() > v.getFullYear() || H.getFullYear() === v.getFullYear() && H.getMonth() >= v.getMonth()) return !1;
+      if (B.getFullYear() > v.getFullYear() || B.getFullYear() === v.getFullYear() && B.getMonth() >= v.getMonth()) return !1;
     }
     if (h) {
       const v = /* @__PURE__ */ new Date();
-      if (H.getFullYear() > v.getFullYear() || H.getFullYear() === v.getFullYear() && H.getMonth() >= v.getMonth()) return !1;
+      if (B.getFullYear() > v.getFullYear() || B.getFullYear() === v.getFullYear() && B.getMonth() >= v.getMonth()) return !1;
     }
     return !0;
   }, fn = (v) => {
@@ -8264,7 +8263,7 @@ const jr = ({
                 color: "gray",
                 roundedFull: !0,
                 disabled: !pn(),
-                onClick: () => se(new Date(H.getFullYear(), H.getMonth() - 1, 1)),
+                onClick: () => se(new Date(B.getFullYear(), B.getMonth() - 1, 1)),
                 icon: /* @__PURE__ */ a("svg", { className: "size-5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z" }) })
               }
             ),
@@ -8272,11 +8271,11 @@ const jr = ({
               "select",
               {
                 className: "text-sm outline-none",
-                value: H.getMonth(),
-                onChange: (v) => se(new Date(H.getFullYear(), parseInt(v.target.value), 1)),
+                value: B.getMonth(),
+                onChange: (v) => se(new Date(B.getFullYear(), parseInt(v.target.value), 1)),
                 children: [
                   To.map((v, Y) => {
-                    const ne = H.getFullYear(), $e = Y, De = /* @__PURE__ */ new Date();
+                    const ne = B.getFullYear(), $e = Y, De = /* @__PURE__ */ new Date();
                     if (h && ne === De.getFullYear() && $e > De.getMonth())
                       return null;
                     if (z) {
@@ -8326,7 +8325,7 @@ const jr = ({
                 color: "gray",
                 roundedFull: !0,
                 disabled: !gn(),
-                onClick: () => se(new Date(H.getFullYear(), H.getMonth() + 1, 1)),
+                onClick: () => se(new Date(B.getFullYear(), B.getMonth() + 1, 1)),
                 icon: /* @__PURE__ */ a("svg", { className: "size-5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" }) })
               }
             )
@@ -8423,7 +8422,7 @@ const jr = ({
       }
     ),
     o === "inline" ? /* @__PURE__ */ a(Ce, { children: D && at(oo, document.body) }) : /* @__PURE__ */ a(vt, { open: D, title: n ? "Select Time" : p, onClose: Xe, children: /* @__PURE__ */ a("div", { className: "w-72", children: oo }) }),
-    B && /* @__PURE__ */ a(vt, { open: B, onClose: () => ie(!1), title: "Select Time", children: /* @__PURE__ */ C("div", { className: "p-4", children: [
+    H && /* @__PURE__ */ a(vt, { open: H, onClose: () => ie(!1), title: "Select Time", children: /* @__PURE__ */ C("div", { className: "p-4", children: [
       /* @__PURE__ */ C("div", { className: "flex gap-2 mb-4", children: [
         /* @__PURE__ */ C("div", { className: "flex-1", children: [
           /* @__PURE__ */ a("label", { className: "block text-sm font-medium text-color-gray-700 mb-1", children: "Hour" }),
@@ -8886,11 +8885,11 @@ const Io = [
   searchClassName: d = "",
   showClearAll: h = !1
 }) => {
-  const [f, b] = W(!1), [y, z] = W(""), [x, $] = W(-1), [w, O] = W("bottom"), D = fe(null), q = fe(null), ee = fe(null), K = t ? Array.isArray(e) ? e : [] : e && !Array.isArray(e) ? [e] : [], H = y ? Io.filter(
+  const [f, b] = W(!1), [y, z] = W(""), [x, $] = W(-1), [w, O] = W("bottom"), D = fe(null), q = fe(null), ee = fe(null), K = t ? Array.isArray(e) ? e : [] : e && !Array.isArray(e) ? [e] : [], B = y ? Io.filter(
     (R) => R.name.toLowerCase().includes(y.toLowerCase()) || R.code.toLowerCase().includes(y.toLowerCase()) || R.dialCode.includes(y)
-  ) : Io, se = H.filter(
+  ) : Io, se = B.filter(
     (R) => K.some((k) => k.code === R.code)
-  ), Z = H.filter(
+  ), Z = B.filter(
     (R) => !K.some((k) => k.code === R.code)
   ), F = (R) => {
     if (t) {
@@ -8911,15 +8910,15 @@ const Io = [
   }, []), ce(() => {
     if (f && D.current) {
       if (p === "auto") {
-        const R = D.current.getBoundingClientRect(), k = Math.min(H.length * 44, c), S = window.innerHeight - R.bottom, A = R.top;
+        const R = D.current.getBoundingClientRect(), k = Math.min(B.length * 44, c), S = window.innerHeight - R.bottom, A = R.top;
         O(S >= k || S >= A ? "bottom" : "top");
       } else
         O(p);
       n && q.current && q.current.focus();
     }
-  }, [f, H.length, c, p, n]);
+  }, [f, B.length, c, p, n]);
   const Q = (R) => {
-    R.key === "ArrowDown" ? (R.preventDefault(), f ? $((k) => Math.min(k + 1, H.length - 1)) : (b(!0), $(0))) : R.key === "ArrowUp" ? (R.preventDefault(), $((k) => Math.max(k - 1, 0))) : R.key === "Enter" ? (R.preventDefault(), x >= 0 && H[x] && F(H[x])) : R.key === "Escape" && (R.preventDefault(), b(!1), z(""), $(-1));
+    R.key === "ArrowDown" ? (R.preventDefault(), f ? $((k) => Math.min(k + 1, B.length - 1)) : (b(!0), $(0))) : R.key === "ArrowUp" ? (R.preventDefault(), $((k) => Math.max(k - 1, 0))) : R.key === "Enter" ? (R.preventDefault(), x >= 0 && B[x] && F(B[x])) : R.key === "Escape" && (R.preventDefault(), b(!1), z(""), $(-1));
   }, pe = () => {
     if (t) {
       if (K.length === 0)
@@ -9014,7 +9013,7 @@ const Io = [
               ref: ee,
               className: "overflow-y-auto",
               style: { maxHeight: `${c}px` },
-              children: H.length > 0 ? /* @__PURE__ */ C(Ce, { children: [
+              children: B.length > 0 ? /* @__PURE__ */ C(Ce, { children: [
                 se.map((R, k) => /* @__PURE__ */ C(
                   "li",
                   {