@unizap/uniui 1.0.55 → 1.0.56

package/dist/uniui.js

@@ -1,5 +1,5 @@
 import * as Gt from "react";
-import ke, { useRef as me, useState as J, useEffect as pe, useMemo as Ae, useReducer as tr, useCallback as ce, forwardRef as Oe, useImperativeHandle as _n, Fragment as nr, memo as rr, useLayoutEffect as or } from "react";
+import ke, { useRef as me, useState as ee, useEffect as pe, useMemo as Ae, useReducer as tr, useCallback as ce, forwardRef as Oe, useImperativeHandle as _n, Fragment as nr, memo as rr, useLayoutEffect as or } from "react";
 import { createPortal as Ge } from "react-dom";
 function Mn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -52,20 +52,20 @@ function ar() {
     function e(x) {
       if (x == null) return null;
       if (typeof x == "function")
-        return x.$$typeof === X ? null : x.displayName || x.name || null;
+        return x.$$typeof === U ? null : x.displayName || x.name || null;
       if (typeof x == "string") return x;
       switch (x) {
         case g:
           return "Fragment";
-        case h:
-          return "Profiler";
         case w:
+          return "Profiler";
+        case h:
           return "StrictMode";
         case b:
           return "Suspense";
-        case z:
+        case A:
           return "SuspenseList";
-        case ee:
+        case J:
           return "Activity";
       }
       if (typeof x == "object")
@@ -83,7 +83,7 @@ function ar() {
             return x = x.displayName, x || (x = j.displayName || j.name || "", x = x !== "" ? "ForwardRef(" + x + ")" : "ForwardRef"), x;
           case R:
             return j = x.displayName || null, j !== null ? j : e(x.type) || "Memo";
-          case A:
+          case O:
             j = x._payload, x = x._init;
             try {
               return e(x(j));
@@ -114,7 +114,7 @@ function ar() {
     }
     function r(x) {
       if (x === g) return "<>";
-      if (typeof x == "object" && x !== null && x.$$typeof === A)
+      if (typeof x == "object" && x !== null && x.$$typeof === O)
         return "<...>";
       try {
         var j = e(x);
@@ -124,7 +124,7 @@ function ar() {
       }
     }
     function o() {
-      var x = Q.A;
+      var x = K.A;
       return x === null ? null : x.getOwner();
     }
     function i() {
@@ -151,16 +151,16 @@ function ar() {
     }
     function c() {
       var x = e(this.type);
-      return K[x] || (K[x] = !0, console.error(
+      return Q[x] || (Q[x] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), x = this.props.ref, x !== void 0 ? x : null;
     }
-    function d(x, j, L, E, P, O, k, B) {
-      return L = O.ref, x = {
+    function d(x, j, L, E, P, T, k, B) {
+      return L = T.ref, x = {
         $$typeof: f,
         type: x,
         key: j,
-        props: O,
+        props: T,
         _owner: P
       }, (L !== void 0 ? L : null) !== null ? Object.defineProperty(x, "ref", {
         enumerable: !1,
@@ -187,7 +187,7 @@ function ar() {
         value: B
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     }
-    function p(x, j, L, E, P, O, k, B) {
+    function p(x, j, L, E, P, T, k, B) {
       var N = j.children;
       if (N !== void 0)
         if (E)
@@ -205,7 +205,7 @@ function ar() {
         var G = Object.keys(j).filter(function(se) {
           return se !== "key";
         });
-        E = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", U[N + E] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
+        E = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", X[N + E] || (G = 0 < G.length ? "{" + G.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:
           N,
           G,
           N
-        ), U[N + E] = !0);
+        ), X[N + E] = !0);
       }
       if (N = null, L !== void 0 && (t(L), N = "" + L), l(j) && (t(j.key), N = "" + j.key), "key" in j) {
         L = {};
@@ -229,7 +229,7 @@ React keys must be passed directly to JSX without using spread:
       ), d(
         x,
         N,
-        O,
+        T,
         P,
         o(),
         L,
@@ -240,7 +240,7 @@ React keys must be passed directly to JSX without using spread:
     function m(x) {
       typeof x == "object" && x !== null && x.$$typeof === f && x._store && (x._store.validated = 1);
     }
-    var u = ke, f = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), y = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), ee = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), Q = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, de = Object.prototype.hasOwnProperty, D = Array.isArray, T = console.createTask ? console.createTask : function() {
+    var u = ke, f = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), y = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), K = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, de = Object.prototype.hasOwnProperty, D = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
     u = {
@@ -248,12 +248,12 @@ React keys must be passed directly to JSX without using spread:
         return x();
       }
     };
-    var q, K = {}, V = u["react-stack-bottom-frame"].bind(
+    var q, Q = {}, V = u["react-stack-bottom-frame"].bind(
       u,
       i
-    )(), ve = T(r(i)), U = {};
+    )(), ve = z(r(i)), X = {};
     Ve.Fragment = g, Ve.jsx = function(x, j, L, E, P) {
-      var O = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      var T = 1e4 > K.recentlyCreatedOwnerStacks++;
       return p(
         x,
         j,
@@ -261,11 +261,11 @@ React keys must be passed directly to JSX without using spread:
         !1,
         E,
         P,
-        O ? Error("react-stack-top-frame") : V,
-        O ? T(r(x)) : ve
+        T ? Error("react-stack-top-frame") : V,
+        T ? z(r(x)) : ve
       );
     }, Ve.jsxs = function(x, j, L, E, P) {
-      var O = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      var T = 1e4 > K.recentlyCreatedOwnerStacks++;
       return p(
         x,
         j,
@@ -273,8 +273,8 @@ React keys must be passed directly to JSX without using spread:
         !0,
         E,
         P,
-        O ? Error("react-stack-top-frame") : V,
-        O ? T(r(x)) : ve
+        T ? Error("react-stack-top-frame") : V,
+        T ? z(r(x)) : ve
       );
     };
   }()), Ve;
@@ -622,24 +622,26 @@ const we = {
   autoFocus: f = !1,
   href: v,
   target: g,
+  id: h,
   ...w
 }) => {
-  var b;
-  const h = me(null), S = me(null), y = (z) => {
-    const R = h.current;
-    if (!R) return;
-    const A = document.createElement("span"), ee = R.getBoundingClientRect(), X = Math.max(ee.width, ee.height);
-    A.style.width = A.style.height = `${X}px`, A.style.left = `${z.clientX - ee.left - X / 2}px`, A.style.top = `${z.clientY - ee.top - X / 2}px`, A.className = "ripple", R.appendChild(A), setTimeout(() => A.remove(), 600), l == null || l(z);
-  }, $ = ((b = we[r]) == null ? void 0 : b[t === "filled" ? "filled" : t === "outlined" ? "outline" : "transparent"]) || "";
+  var A;
+  const S = me(null), y = me(null), $ = (R) => {
+    const O = S.current;
+    if (!O) return;
+    const J = document.createElement("span"), U = O.getBoundingClientRect(), K = Math.max(U.width, U.height);
+    J.style.width = J.style.height = `${K}px`, J.style.left = `${R.clientX - U.left - K / 2}px`, J.style.top = `${R.clientY - U.top - K / 2}px`, J.className = "ripple", O.appendChild(J), setTimeout(() => J.remove(), 600), l == null || l(R);
+  }, b = ((A = we[r]) == null ? void 0 : A[t === "filled" ? "filled" : t === "outlined" ? "outline" : "transparent"]) || "";
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: v ? /* @__PURE__ */ a.jsxs(
     "a",
     {
-      ref: S,
+      ref: y,
+      id: h,
       href: v,
       target: g,
       className: `relative leading-none no-underline inline-flex font-medium overflow-hidden flex items-center justify-center gap-1 transition-all focus:outline-0
                         ${t === "outlined" && "border"}
-                        ${$}
+                        ${b}
                         ${s}
                         ${m === "small" ? "text-sm h-8 px-3" : m === "large" ? "text-lg h-12 px-6" : "text-base h-10 px-5"}
                         ${c ? "w-full" : ""}
@@ -655,13 +657,14 @@ const we = {
   ) : /* @__PURE__ */ a.jsxs(
     "button",
     {
-      ref: h,
+      ref: S,
+      id: h,
       type: u,
       disabled: d,
-      onClick: y,
+      onClick: $,
       className: `relative  leading-none font-medium overflow-hidden flex items-center justify-center gap-1 transition-all focus:outline-0
                          ${t === "outlined" && "border"}
-                        ${$}
+                        ${b}
                         ${s}
                         ${m === "small" ? "text-sm h-8 px-3" : m === "large" ? "text-lg h-12 px-6" : "text-base h-10 px-5"}
                         ${c ? "w-full" : ""}
@@ -742,7 +745,7 @@ const we = {
   menuClassName: r = "",
   stayOpenOnSelect: o = !1
 }) => {
-  const [i, l] = J(!1), s = me(null);
+  const [i, l] = ee(!1), s = me(null);
   return pe(() => {
     const c = (d) => {
       s.current && !s.current.contains(d.target) && l(!1);
@@ -801,11 +804,11 @@ var Ut;
 function sr() {
   if (Ut) return ae;
   Ut = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, u = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, g = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, h = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, u = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, g = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
   function y(b) {
     if (typeof b == "object" && b !== null) {
-      var z = b.$$typeof;
-      switch (z) {
+      var A = b.$$typeof;
+      switch (A) {
         case n:
           switch (b = b.type, b) {
             case c:
@@ -824,11 +827,11 @@ function sr() {
                 case l:
                   return b;
                 default:
-                  return z;
+                  return A;
               }
           }
         case t:
-          return z;
+          return A;
       }
     }
   }
@@ -860,7 +863,7 @@ function sr() {
   }, ae.isSuspense = function(b) {
     return y(b) === m;
   }, ae.isValidElementType = function(b) {
-    return typeof b == "string" || typeof b == "function" || b === r || b === d || b === i || b === o || b === m || b === u || typeof b == "object" && b !== null && (b.$$typeof === v || b.$$typeof === f || b.$$typeof === l || b.$$typeof === s || b.$$typeof === p || b.$$typeof === w || b.$$typeof === h || b.$$typeof === S || b.$$typeof === g);
+    return typeof b == "string" || typeof b == "function" || b === r || b === d || b === i || b === o || b === m || b === u || typeof b == "object" && b !== null && (b.$$typeof === v || b.$$typeof === f || b.$$typeof === l || b.$$typeof === s || b.$$typeof === p || b.$$typeof === h || b.$$typeof === w || b.$$typeof === S || b.$$typeof === g);
   }, ae.typeOf = y, ae;
 }
 var le = {};
@@ -875,10 +878,10 @@ var le = {};
 var Xt;
 function cr() {
   return Xt || (Xt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, u = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, g = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, h = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, u = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, g = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
     function y(_) {
       return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === r || _ === d || _ === i || _ === o || _ === m || _ === u || typeof _ == "object" && _ !== null && (_.$$typeof === v || _.$$typeof === f || _.$$typeof === l || _.$$typeof === s || _.$$typeof === p || _.$$typeof === w || _.$$typeof === h || _.$$typeof === S || _.$$typeof === g);
+      _ === r || _ === d || _ === i || _ === o || _ === m || _ === u || typeof _ == "object" && _ !== null && (_.$$typeof === v || _.$$typeof === f || _.$$typeof === l || _.$$typeof === s || _.$$typeof === p || _.$$typeof === h || _.$$typeof === w || _.$$typeof === S || _.$$typeof === g);
     }
     function $(_) {
       if (typeof _ == "object" && _ !== null) {
@@ -912,8 +915,8 @@ function cr() {
         }
       }
     }
-    var b = c, z = d, R = s, A = l, ee = n, X = p, Q = r, de = v, D = f, T = t, q = i, K = o, V = m, ve = !1;
-    function U(_) {
+    var b = c, A = d, R = s, O = l, J = n, U = p, K = r, de = v, D = f, z = t, q = i, Q = o, V = m, ve = !1;
+    function X(_) {
       return ve || (ve = !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(_) || $(_) === c;
     }
     function x(_) {
@@ -931,7 +934,7 @@ function cr() {
     function P(_) {
       return $(_) === p;
     }
-    function O(_) {
+    function T(_) {
       return $(_) === r;
     }
     function k(_) {
@@ -952,7 +955,7 @@ function cr() {
     function se(_) {
       return $(_) === m;
     }
-    le.AsyncMode = b, le.ConcurrentMode = z, le.ContextConsumer = R, le.ContextProvider = A, le.Element = ee, le.ForwardRef = X, le.Fragment = Q, le.Lazy = de, le.Memo = D, le.Portal = T, le.Profiler = q, le.StrictMode = K, le.Suspense = V, le.isAsyncMode = U, le.isConcurrentMode = x, le.isContextConsumer = j, le.isContextProvider = L, le.isElement = E, le.isForwardRef = P, le.isFragment = O, le.isLazy = k, le.isMemo = B, le.isPortal = N, le.isProfiler = G, le.isStrictMode = Y, le.isSuspense = se, le.isValidElementType = y, le.typeOf = $;
+    le.AsyncMode = b, le.ConcurrentMode = A, le.ContextConsumer = R, le.ContextProvider = O, le.Element = J, le.ForwardRef = U, le.Fragment = K, le.Lazy = de, le.Memo = D, le.Portal = z, le.Profiler = q, le.StrictMode = Q, le.Suspense = V, le.isAsyncMode = X, le.isConcurrentMode = x, le.isContextConsumer = j, le.isContextProvider = L, le.isElement = E, le.isForwardRef = P, le.isFragment = T, le.isLazy = k, le.isMemo = B, le.isPortal = N, le.isProfiler = G, le.isStrictMode = Y, le.isSuspense = se, le.isValidElementType = y, le.typeOf = $;
   }()), le;
 }
 var Kt;
@@ -1095,23 +1098,23 @@ function dr() {
         return j;
     }
     var u = "<<anonymous>>", f = {
-      array: h("array"),
-      bigint: h("bigint"),
-      bool: h("boolean"),
-      func: h("function"),
-      number: h("number"),
-      object: h("object"),
-      string: h("string"),
-      symbol: h("symbol"),
+      array: w("array"),
+      bigint: w("bigint"),
+      bool: w("boolean"),
+      func: w("function"),
+      number: w("number"),
+      object: w("object"),
+      string: w("string"),
+      symbol: w("symbol"),
       any: S(),
       arrayOf: y,
       element: $(),
       elementType: b(),
-      instanceOf: z,
-      node: X(),
-      objectOf: A,
+      instanceOf: A,
+      node: U(),
+      objectOf: O,
       oneOf: R,
-      oneOfType: ee,
+      oneOfType: J,
       shape: de,
       exact: D
     };
@@ -1122,10 +1125,10 @@ function dr() {
       this.message = x, this.data = j && typeof j == "object" ? j : {}, this.stack = "";
     }
     g.prototype = Error.prototype;
-    function w(x) {
+    function h(x) {
       if (process.env.NODE_ENV !== "production")
         var j = {}, L = 0;
-      function E(O, k, B, N, G, Y, se) {
+      function E(T, k, B, N, G, Y, se) {
         if (N = N || u, Y = Y || B, se !== t) {
           if (c) {
             var _ = new Error(
@@ -1140,84 +1143,84 @@ function dr() {
             ), j[F] = !0, L++);
           }
         }
-        return k[B] == null ? O ? k[B] === null ? new g("The " + G + " `" + Y + "` is marked as required " + ("in `" + N + "`, but its value is `null`.")) : new g("The " + G + " `" + Y + "` is marked as required in " + ("`" + N + "`, but its value is `undefined`.")) : null : x(k, B, N, G, Y);
+        return k[B] == null ? T ? k[B] === null ? new g("The " + G + " `" + Y + "` is marked as required " + ("in `" + N + "`, but its value is `null`.")) : new g("The " + G + " `" + Y + "` is marked as required in " + ("`" + N + "`, but its value is `undefined`.")) : null : x(k, B, N, G, Y);
       }
       var P = E.bind(null, !1);
       return P.isRequired = E.bind(null, !0), P;
     }
-    function h(x) {
-      function j(L, E, P, O, k, B) {
-        var N = L[E], G = K(N);
+    function w(x) {
+      function j(L, E, P, T, k, B) {
+        var N = L[E], G = Q(N);
         if (G !== x) {
           var Y = V(N);
           return new g(
-            "Invalid " + O + " `" + k + "` of type " + ("`" + Y + "` supplied to `" + P + "`, expected ") + ("`" + x + "`."),
+            "Invalid " + T + " `" + k + "` of type " + ("`" + Y + "` supplied to `" + P + "`, expected ") + ("`" + x + "`."),
             { expectedType: x }
           );
         }
         return null;
       }
-      return w(j);
+      return h(j);
     }
     function S() {
-      return w(l);
+      return h(l);
     }
     function y(x) {
-      function j(L, E, P, O, k) {
+      function j(L, E, P, T, k) {
         if (typeof x != "function")
           return new g("Property `" + k + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
         var B = L[E];
         if (!Array.isArray(B)) {
-          var N = K(B);
-          return new g("Invalid " + O + " `" + k + "` of type " + ("`" + N + "` supplied to `" + P + "`, expected an array."));
+          var N = Q(B);
+          return new g("Invalid " + T + " `" + k + "` of type " + ("`" + N + "` supplied to `" + P + "`, expected an array."));
         }
         for (var G = 0; G < B.length; G++) {
-          var Y = x(B, G, P, O, k + "[" + G + "]", t);
+          var Y = x(B, G, P, T, k + "[" + G + "]", t);
           if (Y instanceof Error)
             return Y;
         }
         return null;
       }
-      return w(j);
+      return h(j);
     }
     function $() {
-      function x(j, L, E, P, O) {
+      function x(j, L, E, P, T) {
         var k = j[L];
         if (!s(k)) {
-          var B = K(k);
-          return new g("Invalid " + P + " `" + O + "` of type " + ("`" + B + "` supplied to `" + E + "`, expected a single ReactElement."));
+          var B = Q(k);
+          return new g("Invalid " + P + " `" + T + "` of type " + ("`" + B + "` supplied to `" + E + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return w(x);
+      return h(x);
     }
     function b() {
-      function x(j, L, E, P, O) {
+      function x(j, L, E, P, T) {
         var k = j[L];
         if (!e.isValidElementType(k)) {
-          var B = K(k);
-          return new g("Invalid " + P + " `" + O + "` of type " + ("`" + B + "` supplied to `" + E + "`, expected a single ReactElement type."));
+          var B = Q(k);
+          return new g("Invalid " + P + " `" + T + "` of type " + ("`" + B + "` supplied to `" + E + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return w(x);
+      return h(x);
     }
-    function z(x) {
-      function j(L, E, P, O, k) {
+    function A(x) {
+      function j(L, E, P, T, k) {
         if (!(L[E] instanceof x)) {
-          var B = x.name || u, N = U(L[E]);
-          return new g("Invalid " + O + " `" + k + "` of type " + ("`" + N + "` supplied to `" + P + "`, expected ") + ("instance of `" + B + "`."));
+          var B = x.name || u, N = X(L[E]);
+          return new g("Invalid " + T + " `" + k + "` of type " + ("`" + N + "` supplied to `" + P + "`, expected ") + ("instance of `" + B + "`."));
         }
         return null;
       }
-      return w(j);
+      return h(j);
     }
     function R(x) {
       if (!Array.isArray(x))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "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])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), l;
-      function j(L, E, P, O, k) {
+      function j(L, E, P, T, k) {
         for (var B = L[E], N = 0; N < x.length; N++)
           if (v(B, x[N]))
             return null;
@@ -1225,28 +1228,28 @@ function dr() {
           var F = V(_);
           return F === "symbol" ? String(_) : _;
         });
-        return new g("Invalid " + O + " `" + k + "` of value `" + String(B) + "` " + ("supplied to `" + P + "`, expected one of " + G + "."));
+        return new g("Invalid " + T + " `" + k + "` of value `" + String(B) + "` " + ("supplied to `" + P + "`, expected one of " + G + "."));
       }
-      return w(j);
+      return h(j);
     }
-    function A(x) {
-      function j(L, E, P, O, k) {
+    function O(x) {
+      function j(L, E, P, T, k) {
         if (typeof x != "function")
           return new g("Property `" + k + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
-        var B = L[E], N = K(B);
+        var B = L[E], N = Q(B);
         if (N !== "object")
-          return new g("Invalid " + O + " `" + k + "` of type " + ("`" + N + "` supplied to `" + P + "`, expected an object."));
+          return new g("Invalid " + T + " `" + k + "` of type " + ("`" + N + "` supplied to `" + P + "`, expected an object."));
         for (var G in B)
           if (r(B, G)) {
-            var Y = x(B, G, P, O, k + "." + G, t);
+            var Y = x(B, G, P, T, k + "." + G, t);
             if (Y instanceof Error)
               return Y;
           }
         return null;
       }
-      return w(j);
+      return h(j);
     }
-    function ee(x) {
+    function J(x) {
       if (!Array.isArray(x))
         return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), l;
       for (var j = 0; j < x.length; j++) {
@@ -1256,9 +1259,9 @@ function dr() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ve(L) + " at index " + j + "."
           ), l;
       }
-      function E(P, O, k, B, N) {
+      function E(P, T, k, B, N) {
         for (var G = [], Y = 0; Y < x.length; Y++) {
-          var se = x[Y], _ = se(P, O, k, B, N, t);
+          var se = x[Y], _ = se(P, T, k, B, N, t);
           if (_ == null)
             return null;
           _.data && r(_.data, "expectedType") && G.push(_.data.expectedType);
@@ -1266,60 +1269,60 @@ function dr() {
         var F = G.length > 0 ? ", expected one of type [" + G.join(", ") + "]" : "";
         return new g("Invalid " + B + " `" + N + "` supplied to " + ("`" + k + "`" + F + "."));
       }
-      return w(E);
+      return h(E);
     }
-    function X() {
-      function x(j, L, E, P, O) {
-        return T(j[L]) ? null : new g("Invalid " + P + " `" + O + "` supplied to " + ("`" + E + "`, expected a ReactNode."));
+    function U() {
+      function x(j, L, E, P, T) {
+        return z(j[L]) ? null : new g("Invalid " + P + " `" + T + "` supplied to " + ("`" + E + "`, expected a ReactNode."));
       }
-      return w(x);
+      return h(x);
     }
-    function Q(x, j, L, E, P) {
+    function K(x, j, L, E, P) {
       return new g(
         (x || "React class") + ": " + j + " type `" + L + "." + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
       );
     }
     function de(x) {
-      function j(L, E, P, O, k) {
-        var B = L[E], N = K(B);
+      function j(L, E, P, T, k) {
+        var B = L[E], N = Q(B);
         if (N !== "object")
-          return new g("Invalid " + O + " `" + k + "` of type `" + N + "` " + ("supplied to `" + P + "`, expected `object`."));
+          return new g("Invalid " + T + " `" + k + "` of type `" + N + "` " + ("supplied to `" + P + "`, expected `object`."));
         for (var G in x) {
           var Y = x[G];
           if (typeof Y != "function")
-            return Q(P, O, k, G, V(Y));
-          var se = Y(B, G, P, O, k + "." + G, t);
+            return K(P, T, k, G, V(Y));
+          var se = Y(B, G, P, T, k + "." + G, t);
           if (se)
             return se;
         }
         return null;
       }
-      return w(j);
+      return h(j);
     }
     function D(x) {
-      function j(L, E, P, O, k) {
-        var B = L[E], N = K(B);
+      function j(L, E, P, T, k) {
+        var B = L[E], N = Q(B);
         if (N !== "object")
-          return new g("Invalid " + O + " `" + k + "` of type `" + N + "` " + ("supplied to `" + P + "`, expected `object`."));
+          return new g("Invalid " + T + " `" + k + "` of type `" + N + "` " + ("supplied to `" + P + "`, expected `object`."));
         var G = n({}, L[E], x);
         for (var Y in G) {
           var se = x[Y];
           if (r(x, Y) && typeof se != "function")
-            return Q(P, O, k, Y, V(se));
+            return K(P, T, k, Y, V(se));
           if (!se)
             return new g(
-              "Invalid " + O + " `" + k + "` key `" + Y + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(L[E], null, "  ") + `
+              "Invalid " + T + " `" + k + "` key `" + Y + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(L[E], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
-          var _ = se(B, Y, P, O, k + "." + Y, t);
+          var _ = se(B, Y, P, T, k + "." + Y, t);
           if (_)
             return _;
         }
         return null;
       }
-      return w(j);
+      return h(j);
     }
-    function T(x) {
+    function z(x) {
       switch (typeof x) {
         case "number":
         case "string":
@@ -1329,7 +1332,7 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
           return !x;
         case "object":
           if (Array.isArray(x))
-            return x.every(T);
+            return x.every(z);
           if (x === null || s(x))
             return !0;
           var j = m(x);
@@ -1337,12 +1340,12 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             var L = j.call(x), E;
             if (j !== x.entries) {
               for (; !(E = L.next()).done; )
-                if (!T(E.value))
+                if (!z(E.value))
                   return !1;
             } else
               for (; !(E = L.next()).done; ) {
                 var P = E.value;
-                if (P && !T(P[1]))
+                if (P && !z(P[1]))
                   return !1;
               }
           } else
@@ -1355,14 +1358,14 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
     function q(x, j) {
       return x === "symbol" ? !0 : j ? j["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && j instanceof Symbol : !1;
     }
-    function K(x) {
+    function Q(x) {
       var j = typeof x;
       return Array.isArray(x) ? "array" : x instanceof RegExp ? "object" : q(j, x) ? "symbol" : j;
     }
     function V(x) {
       if (typeof x > "u" || x === null)
         return "" + x;
-      var j = K(x);
+      var j = Q(x);
       if (j === "object") {
         if (x instanceof Date)
           return "date";
@@ -1385,7 +1388,7 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
           return j;
       }
     }
-    function U(x) {
+    function X(x) {
       return !x.constructor || !x.constructor.name ? u : x.constructor.name;
     }
     return f.checkPropTypes = o, f.resetWarningCache = o.resetWarningCache, f.PropTypes = f, f;
@@ -3350,19 +3353,19 @@ var Nt = {
   fileRejections: []
 };
 function Hn() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = fe(fe({}, Vn), e), t = n.accept, r = n.disabled, o = n.getFilesFromEvent, i = n.maxSize, l = n.minSize, s = n.multiple, c = n.maxFiles, d = n.onDragEnter, p = n.onDragLeave, m = n.onDragOver, u = n.onDrop, f = n.onDropAccepted, v = n.onDropRejected, g = n.onFileDialogCancel, w = n.onFileDialogOpen, h = n.useFsAccessApi, S = n.autoFocus, y = n.preventDropOnDocument, $ = n.noClick, b = n.noKeyboard, z = n.noDrag, R = n.noDragEventsBubbling, A = n.onError, ee = n.validator, X = Ae(function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = fe(fe({}, Vn), e), t = n.accept, r = n.disabled, o = n.getFilesFromEvent, i = n.maxSize, l = n.minSize, s = n.multiple, c = n.maxFiles, d = n.onDragEnter, p = n.onDragLeave, m = n.onDragOver, u = n.onDrop, f = n.onDropAccepted, v = n.onDropRejected, g = n.onFileDialogCancel, h = n.onFileDialogOpen, w = n.useFsAccessApi, S = n.autoFocus, y = n.preventDropOnDocument, $ = n.noClick, b = n.noKeyboard, A = n.noDrag, R = n.noDragEventsBubbling, O = n.onError, J = n.validator, U = Ae(function() {
     return Ur(t);
-  }, [t]), Q = Ae(function() {
+  }, [t]), K = Ae(function() {
     return Wr(t);
   }, [t]), de = Ae(function() {
-    return typeof w == "function" ? w : vn;
-  }, [w]), D = Ae(function() {
+    return typeof h == "function" ? h : vn;
+  }, [h]), D = Ae(function() {
     return typeof g == "function" ? g : vn;
-  }, [g]), T = me(null), q = me(null), K = tr(uo, Nt), V = bt(K, 2), ve = V[0], U = V[1], x = ve.isFocused, j = ve.isFileDialogActive, L = me(typeof window < "u" && window.isSecureContext && h && Zr()), E = function() {
+  }, [g]), z = me(null), q = me(null), Q = tr(uo, Nt), V = bt(Q, 2), ve = V[0], X = V[1], x = ve.isFocused, j = ve.isFileDialogActive, L = me(typeof window < "u" && window.isSecureContext && w && Zr()), E = function() {
     !L.current && j && setTimeout(function() {
       if (q.current) {
         var I = q.current.files;
-        I.length || (U({
+        I.length || (X({
           type: "closeDialog"
         }), D());
       }
@@ -3373,32 +3376,32 @@ function Hn() {
       window.removeEventListener("focus", E, !1);
     };
   }, [q, j, D, L]);
-  var P = me([]), O = function(I) {
-    T.current && T.current.contains(I.target) || (I.preventDefault(), P.current = []);
+  var P = me([]), T = function(I) {
+    z.current && z.current.contains(I.target) || (I.preventDefault(), P.current = []);
   };
   pe(function() {
-    return y && (document.addEventListener("dragover", mn, !1), document.addEventListener("drop", O, !1)), function() {
-      y && (document.removeEventListener("dragover", mn), document.removeEventListener("drop", O));
+    return y && (document.addEventListener("dragover", mn, !1), document.addEventListener("drop", T, !1)), function() {
+      y && (document.removeEventListener("dragover", mn), document.removeEventListener("drop", T));
     };
-  }, [T, y]), pe(function() {
-    return !r && S && T.current && T.current.focus(), function() {
+  }, [z, y]), pe(function() {
+    return !r && S && z.current && z.current.focus(), function() {
     };
-  }, [T, S, r]);
+  }, [z, S, r]);
   var k = ce(function(M) {
-    A ? A(M) : console.error(M);
-  }, [A]), B = ce(function(M) {
+    O ? O(M) : console.error(M);
+  }, [O]), B = ce(function(M) {
     M.preventDefault(), M.persist(), Se(M), P.current = [].concat(no(P.current), [M.target]), Ke(M) && Promise.resolve(o(M)).then(function(I) {
       if (!(rt(M) && !R)) {
         var ne = I.length, xe = ne > 0 && qr({
           files: I,
-          accept: X,
+          accept: U,
           minSize: l,
           maxSize: i,
           multiple: s,
           maxFiles: c,
-          validator: ee
+          validator: J
         }), ye = ne > 0 && !xe;
-        U({
+        X({
           isDragAccept: xe,
           isDragReject: ye,
           isDragActive: !0,
@@ -3408,7 +3411,7 @@ function Hn() {
     }).catch(function(I) {
       return k(I);
     });
-  }, [o, d, k, R, X, l, i, s, c, ee]), N = ce(function(M) {
+  }, [o, d, k, R, U, l, i, s, c, J]), N = ce(function(M) {
     M.preventDefault(), M.persist(), Se(M);
     var I = Ke(M);
     if (I && M.dataTransfer)
@@ -3420,18 +3423,18 @@ function Hn() {
   }, [m, R]), G = ce(function(M) {
     M.preventDefault(), M.persist(), Se(M);
     var I = P.current.filter(function(xe) {
-      return T.current && T.current.contains(xe);
+      return z.current && z.current.contains(xe);
     }), ne = I.indexOf(M.target);
-    ne !== -1 && I.splice(ne, 1), P.current = I, !(I.length > 0) && (U({
+    ne !== -1 && I.splice(ne, 1), P.current = I, !(I.length > 0) && (X({
       type: "setDraggedFiles",
       isDragActive: !1,
       isDragAccept: !1,
       isDragReject: !1
     }), Ke(M) && p && p(M));
-  }, [T, p, R]), Y = ce(function(M, I) {
+  }, [z, p, R]), Y = ce(function(M, I) {
     var ne = [], xe = [];
     M.forEach(function(ye) {
-      var De = zn(ye, X), Ne = bt(De, 2), at = Ne[0], lt = Ne[1], st = Tn(ye, l, i), Ye = bt(st, 2), ct = Ye[0], ut = Ye[1], pt = ee ? ee(ye) : null;
+      var De = zn(ye, U), Ne = bt(De, 2), at = Ne[0], lt = Ne[1], st = Tn(ye, l, i), Ye = bt(st, 2), ct = Ye[0], ut = Ye[1], pt = J ? J(ye) : null;
       if (at && ct && !pt)
         ne.push(ye);
       else {
@@ -3448,53 +3451,53 @@ function Hn() {
         file: ye,
         errors: [Hr]
       });
-    }), ne.splice(0)), U({
+    }), ne.splice(0)), X({
       acceptedFiles: ne,
       fileRejections: xe,
       isDragReject: xe.length > 0,
       type: "setFiles"
     }), u && u(ne, xe, I), xe.length > 0 && v && v(xe, I), ne.length > 0 && f && f(ne, I);
-  }, [U, s, X, l, i, c, u, f, v, ee]), se = ce(function(M) {
+  }, [X, s, U, l, i, c, u, f, v, J]), se = ce(function(M) {
     M.preventDefault(), M.persist(), Se(M), P.current = [], Ke(M) && Promise.resolve(o(M)).then(function(I) {
       rt(M) && !R || Y(I, M);
     }).catch(function(I) {
       return k(I);
-    }), U({
+    }), X({
       type: "reset"
     });
   }, [o, Y, k, R]), _ = ce(function() {
     if (L.current) {
-      U({
+      X({
         type: "openDialog"
       }), de();
       var M = {
         multiple: s,
-        types: Q
+        types: K
       };
       window.showOpenFilePicker(M).then(function(I) {
         return o(I);
       }).then(function(I) {
-        Y(I, null), U({
+        Y(I, null), X({
           type: "closeDialog"
         });
       }).catch(function(I) {
-        Xr(I) ? (D(I), U({
+        Xr(I) ? (D(I), X({
           type: "closeDialog"
         })) : Kr(I) ? (L.current = !1, q.current ? (q.current.value = null, q.current.click()) : k(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."))) : k(I);
       });
       return;
     }
-    q.current && (U({
+    q.current && (X({
       type: "openDialog"
     }), de(), q.current.value = null, q.current.click());
-  }, [U, de, D, h, Y, k, Q, s]), F = ce(function(M) {
-    !T.current || !T.current.isEqualNode(M.target) || (M.key === " " || M.key === "Enter" || M.keyCode === 32 || M.keyCode === 13) && (M.preventDefault(), _());
-  }, [T, _]), re = ce(function() {
-    U({
+  }, [X, de, D, w, Y, k, K, s]), F = ce(function(M) {
+    !z.current || !z.current.isEqualNode(M.target) || (M.key === " " || M.key === "Enter" || M.keyCode === 32 || M.keyCode === 13) && (M.preventDefault(), _());
+  }, [z, _]), re = ce(function() {
+    X({
       type: "focus"
     });
   }, []), oe = ce(function() {
-    U({
+    X({
       type: "blur"
     });
   }, []), ge = ce(function() {
@@ -3504,7 +3507,7 @@ function Hn() {
   }, te = function(I) {
     return b ? null : H(I);
   }, je = function(I) {
-    return z ? null : H(I);
+    return A ? null : H(I);
   }, Se = function(I) {
     R && I.stopPropagation();
   }, C = Ae(function() {
@@ -3520,16 +3523,16 @@ function Hn() {
         onDragLeave: je(Re(Ye, G)),
         onDrop: je(Re(ct, se)),
         role: typeof xe == "string" && xe !== "" ? xe : "presentation"
-      }, ne, T), !r && !b ? {
+      }, ne, z), !r && !b ? {
         tabIndex: 0
       } : {}), ut);
     };
-  }, [T, F, re, oe, ge, B, N, G, se, b, z, r]), ie = ce(function(M) {
+  }, [z, F, re, oe, ge, B, N, G, se, b, A, r]), ie = ce(function(M) {
     M.stopPropagation();
   }, []), he = Ae(function() {
     return function() {
       var M = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, I = M.refKey, ne = I === void 0 ? "ref" : I, xe = M.onChange, ye = M.onClick, De = ot(M, to), Ne = Pt({
-        accept: X,
+        accept: U,
         multiple: s,
         type: "file",
         style: {
@@ -3555,7 +3558,7 @@ function Hn() {
     isFocused: x && !r,
     getRootProps: C,
     getInputProps: he,
-    rootRef: T,
+    rootRef: z,
     inputRef: q,
     open: H(_)
   });
@@ -3620,37 +3623,37 @@ const Ti = ({
   subLabelClass: f = "",
   showList: v = !0,
   listView: g = !0,
-  showListImage: w = !1,
-  uploadedFiles: h = [],
+  showListImage: h = !1,
+  uploadedFiles: w = [],
   // New prop for pre-uploaded files
   onDeleteCallback: S = () => {
   }
   // 
 }) => {
-  const [y, $] = J(h), [b, z] = J([]);
+  const [y, $] = ee(w), [b, A] = ee([]);
   pe(() => {
-    (h.length !== y.length || h.some((D, T) => D !== y[T])) && $(h);
-  }, [h]);
+    (w.length !== y.length || w.some((D, z) => D !== y[z])) && $(w);
+  }, [w]);
   const R = ce(
-    (D, T) => {
+    (D, z) => {
       const q = [];
-      if (T.length > 0 && T.forEach((K) => {
-        K.errors.forEach((V) => {
+      if (z.length > 0 && z.forEach((Q) => {
+        Q.errors.forEach((V) => {
           V.code === "file-too-large" && q.push(
-            `${K.file.name} is too large (max ${(o / 1024 / 1024).toFixed(2)}MB)`
+            `${Q.file.name} is too large (max ${(o / 1024 / 1024).toFixed(2)}MB)`
           ), V.code === "file-invalid-type" && q.push(
-            `${K.file.name} has an invalid file type`
+            `${Q.file.name} has an invalid file type`
           );
         });
       }), i !== void 0 && (r ? y.length : 0) + D.length > i && q.push(
         `You can only upload up to ${i} file${i > 1 ? "s" : ""}.`
       ), q.length > 0) {
-        z(q), n == null || n(q);
+        A(q), n == null || n(q);
         return;
       } else
-        z([]);
+        A([]);
       D.length > 0 && ($(
-        (K) => r ? [...K, ...D] : D
+        (Q) => r ? [...Q, ...D] : D
       ), e(D));
     },
     [
@@ -3661,9 +3664,9 @@ const Ti = ({
       y,
       r
     ]
-  ), A = (D) => {
-    $((T) => T.filter((q, K) => K !== D)), S(y);
-  }, { getRootProps: ee, getInputProps: X, isDragActive: Q, isDragReject: de } = Hn({
+  ), O = (D) => {
+    $((z) => z.filter((q, Q) => Q !== D)), S(y);
+  }, { getRootProps: J, getInputProps: U, isDragActive: K, isDragReject: de } = Hn({
     onDrop: R,
     accept: t,
     multiple: r,
@@ -3675,7 +3678,7 @@ const Ti = ({
     {
       className: `
         border border-style-dashed rounded-lg p-0 overflow-hidden transition
-        ${Q ? "border-color-blue-500 bg-color-blue-50" : "border-color-gray-200 bg-color-gray-50"}
+        ${K ? "border-color-blue-500 bg-color-blue-50" : "border-color-gray-200 bg-color-gray-50"}
         ${de ? "border-color-red-500 bg-color-red-50" : ""}
         ${l ? "opacity-50 cursor-not-allowed" : ""}
         ${p}
@@ -3684,31 +3687,31 @@ const Ti = ({
         /* @__PURE__ */ a.jsxs(
           "div",
           {
-            ...ee(),
+            ...J(),
             className: "flex flex-col items-center justify-center text-center px-6 pt-6 pb-4 cursor-pointer",
             children: [
-              /* @__PURE__ */ a.jsx("input", { ...X() }),
+              /* @__PURE__ */ a.jsx("input", { ...U() }),
               /* @__PURE__ */ a.jsx("div", { className: `text-4xl mb-2 ${m}`, children: d }),
               /* @__PURE__ */ a.jsx("p", { className: `text-sm font-medium ${u}`, children: s }),
               c && /* @__PURE__ */ a.jsx("p", { className: `text-xs mt-1 ${f}`, children: c })
             ]
           }
         ),
-        b.length > 0 && /* @__PURE__ */ a.jsx("div", { className: "text-left text-sm text-color-red-600 px-6 pb-2 space-y-1", children: b.map((D, T) => /* @__PURE__ */ a.jsxs("p", { children: [
+        b.length > 0 && /* @__PURE__ */ a.jsx("div", { className: "text-left text-sm text-color-red-600 px-6 pb-2 space-y-1", children: b.map((D, z) => /* @__PURE__ */ a.jsxs("p", { children: [
           "• ",
           D
-        ] }, T)) }),
+        ] }, z)) }),
         v && y.length > 0 && /* @__PURE__ */ a.jsx(
           "ul",
           {
             className: `w-full ${g ? "space-y-2" : "grid grid-columns-2 gap-2"} px-4 pb-4`,
-            children: y.map((D, T) => /* @__PURE__ */ a.jsxs(
+            children: y.map((D, z) => /* @__PURE__ */ a.jsxs(
               "li",
               {
                 className: "flex items-center justify-between bg-color-white rounded-md px-4 py-2 shadow-sm",
                 children: [
                   /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3", children: [
-                    w && /* @__PURE__ */ a.jsx("div", { className: "w-10 h-10 rounded bg-color-gray-100 overflow-hidden shrink-0", children: /* @__PURE__ */ a.jsx(
+                    h && /* @__PURE__ */ a.jsx("div", { className: "w-10 h-10 rounded bg-color-gray-100 overflow-hidden shrink-0", children: /* @__PURE__ */ a.jsx(
                       "img",
                       {
                         src: D.type.startsWith("image/") ? URL.createObjectURL(D) : "https://img.icons8.com/ios-filled/50/pdf-2.png",
@@ -3727,14 +3730,14 @@ const Ti = ({
                       "button",
                       {
                         className: "ml-2 p-1 bg-color-red-50 rounded-full text-color-red-500 hover:text-color-red-700 cursor-pointer",
-                        onClick: () => A(T),
+                        onClick: () => O(z),
                         children: /* @__PURE__ */ a.jsx("svg", { className: "size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a.jsx("path", { d: "M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" }) })
                       }
                     )
                   ] })
                 ]
               },
-              T
+              z
             ))
           }
         )
@@ -3749,7 +3752,7 @@ function po({
   },
   placementTop: r
 }) {
-  const [o, i] = J(!1), l = me(null);
+  const [o, i] = ee(!1), l = me(null);
   return pe(() => {
     function s(c) {
       l.current && !l.current.contains(c.target) && i(!1);
@@ -3815,23 +3818,23 @@ const go = {
     rounded: d = "medium",
     ...p
   }, m) => {
-    const u = me([]), f = (g, w) => {
+    const u = me([]), f = (g, h) => {
       var y;
-      const h = g.target.value.replace(/[^0-9]/g, "").slice(0, 1);
-      if (!h && t[w] === void 0) return;
-      const S = t.substring(0, w) + h + t.substring(w + 1, i);
-      r == null || r(S), h && w < i - 1 && ((y = u.current[w + 1]) == null || y.focus()), o && S.length === i && !S.split("").some(($) => !$) && o(S);
-    }, v = (g, w) => {
-      var h, S, y;
-      g.key === "Backspace" && !t[w] && w > 0 ? (r == null || r(
-        t.substring(0, w - 1) + "" + t.substring(w, i)
-      ), (h = u.current[w - 1]) == null || h.focus(), g.preventDefault()) : g.key === "ArrowLeft" && w > 0 ? ((S = u.current[w - 1]) == null || S.focus(), g.preventDefault()) : g.key === "ArrowRight" && w < i - 1 && ((y = u.current[w + 1]) == null || y.focus(), g.preventDefault());
+      const w = g.target.value.replace(/[^0-9]/g, "").slice(0, 1);
+      if (!w && t[h] === void 0) return;
+      const S = t.substring(0, h) + w + t.substring(h + 1, i);
+      r == null || r(S), w && h < i - 1 && ((y = u.current[h + 1]) == null || y.focus()), o && S.length === i && !S.split("").some(($) => !$) && o(S);
+    }, v = (g, h) => {
+      var w, S, y;
+      g.key === "Backspace" && !t[h] && h > 0 ? (r == null || r(
+        t.substring(0, h - 1) + "" + t.substring(h, i)
+      ), (w = u.current[h - 1]) == null || w.focus(), g.preventDefault()) : g.key === "ArrowLeft" && h > 0 ? ((S = u.current[h - 1]) == null || S.focus(), g.preventDefault()) : g.key === "ArrowRight" && h < i - 1 && ((y = u.current[h + 1]) == null || y.focus(), g.preventDefault());
     };
-    return /* @__PURE__ */ a.jsx("div", { className: `flex justify-center gap-2 ${e}`, children: Array.from({ length: i }).map((g, w) => /* @__PURE__ */ a.jsx(
+    return /* @__PURE__ */ a.jsx("div", { className: `flex justify-center gap-2 ${e}`, children: Array.from({ length: i }).map((g, h) => /* @__PURE__ */ a.jsx(
       "input",
       {
-        ref: (h) => {
-          u.current[w] = h;
+        ref: (w) => {
+          u.current[h] = w;
         },
         type: "text",
         inputMode: "numeric",
@@ -3845,12 +3848,12 @@ const go = {
               ${fo[d]}
               ${n}
             `,
-        value: t[w] || "",
-        onChange: (h) => f(h, w),
-        onKeyDown: (h) => v(h, w),
+        value: t[h] || "",
+        onChange: (w) => f(w, h),
+        onKeyDown: (w) => v(w, h),
         ...p
       },
-      w
+      h
     )) });
   }
 );
@@ -3880,8 +3883,8 @@ const vo = {
     label: f,
     labelClass: v = "",
     variant: g = "outlined",
-    size: w = "medium",
-    ...h
+    size: h = "medium",
+    ...w
   }, S) => {
     const y = m ? "border-color-red-500 focus-within:ring-color-red-500" : "border-color-gray-200", $ = m ? "text-color-red-500" : c;
     return /* @__PURE__ */ a.jsxs("div", { className: "w-full", children: [
@@ -3891,7 +3894,7 @@ const vo = {
         /* @__PURE__ */ a.jsx(
           "input",
           {
-            ...h,
+            ...w,
             ref: S,
             type: o,
             inputMode: i,
@@ -3900,7 +3903,7 @@ const vo = {
             value: n,
             maxLength: u,
             onChange: r,
-            className: `grow outline-0 w-full font-medium placeholder:font-normal bg-color-transparent ${vo[w]} ${s}`
+            className: `grow outline-0 w-full font-medium placeholder:font-normal bg-color-transparent ${vo[h]} ${s}`
           }
         ),
         p && /* @__PURE__ */ a.jsx("span", { className: `pr-3 ${$}`, children: p })
@@ -3911,7 +3914,7 @@ const vo = {
 );
 qn.displayName = "TextInput";
 const wo = Oe((e, n) => {
-  const [t, r] = J(!1);
+  const [t, r] = ee(!1);
   return /* @__PURE__ */ a.jsx(
     qn,
     {
@@ -3983,8 +3986,8 @@ const Bn = ({
   const p = me(null), m = (v) => {
     const g = p.current;
     if (!g) return;
-    const w = document.createElement("span"), h = g.getBoundingClientRect(), S = Math.max(h.width, h.height);
-    w.style.width = w.style.height = `${S}px`, w.style.left = `${v.clientX - h.left - S / 2}px`, w.style.top = `${v.clientY - h.top - S / 2}px`, w.className = "ripple_small", g.appendChild(w), setTimeout(() => w.remove(), 600), r == null || r(v);
+    const h = document.createElement("span"), w = g.getBoundingClientRect(), S = Math.max(w.width, w.height);
+    h.style.width = h.style.height = `${S}px`, h.style.left = `${v.clientX - w.left - S / 2}px`, h.style.top = `${v.clientY - w.top - S / 2}px`, h.className = "ripple_small", g.appendChild(h), setTimeout(() => h.remove(), 600), r == null || r(v);
   }, u = ((f = we[n]) == null ? void 0 : f[e === "filled" ? "filled" : e === "outlined" ? "outline" : "transparent"]) || "";
   return /* @__PURE__ */ a.jsx(
     "button",
@@ -4028,8 +4031,8 @@ const Bn = ({
   avatar: p,
   icon: m
 }) => {
-  var h, S;
-  const u = (h = we[n]) == null ? void 0 : h.filled, f = (S = we[n]) == null ? void 0 : S.outline, v = bo[r], g = `inline-flex items-center rounded-full font-medium leading-none ${t === "outlined" ? `border ${f}` : u} ${v} ${i ? "cursor-pointer transition hover:opacity-80" : ""}`.trim(), w = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  var w, S;
+  const u = (w = we[n]) == null ? void 0 : w.filled, f = (S = we[n]) == null ? void 0 : S.outline, v = bo[r], g = `inline-flex items-center rounded-full font-medium leading-none ${t === "outlined" ? `border ${f}` : u} ${v} ${i ? "cursor-pointer transition hover:opacity-80" : ""}`.trim(), h = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     p && /* @__PURE__ */ a.jsx(Bn, { ...typeof p == "object" ? p : {}, className: `-ml-1 mr-1 ${hn[r]}` }),
     m && /* @__PURE__ */ a.jsx("span", { className: "mr-1 -ml-1", children: m }),
     /* @__PURE__ */ a.jsx("span", { children: e }),
@@ -4055,14 +4058,14 @@ const Bn = ({
       target: d,
       className: `no-underline ${g} ${o}`,
       onClick: i,
-      children: w
+      children: h
     }
   ) : /* @__PURE__ */ a.jsx(
     "span",
     {
       className: `${g} ${o}`,
       onClick: i,
-      children: w
+      children: h
     }
   );
 }, Di = ({
@@ -4337,22 +4340,22 @@ function Je(e, n, t, r) {
       id: [r, `${f}`].filter(Boolean).join("_"),
       headers: []
     }, g = [];
-    u.forEach((w) => {
-      const h = [...g].reverse()[0], S = w.column.depth === v.depth;
+    u.forEach((h) => {
+      const w = [...g].reverse()[0], S = h.column.depth === v.depth;
       let y, $ = !1;
-      if (S && w.column.parent ? y = w.column.parent : (y = w.column, $ = !0), h && (h == null ? void 0 : h.column) === y)
-        h.subHeaders.push(w);
+      if (S && h.column.parent ? y = h.column.parent : (y = h.column, $ = !0), w && (w == null ? void 0 : w.column) === y)
+        w.subHeaders.push(h);
       else {
         const b = wn(t, y, {
-          id: [r, f, y.id, w == null ? void 0 : w.id].filter(Boolean).join("_"),
+          id: [r, f, y.id, h == null ? void 0 : h.id].filter(Boolean).join("_"),
           isPlaceholder: $,
-          placeholderId: $ ? `${g.filter((z) => z.column === y).length}` : void 0,
+          placeholderId: $ ? `${g.filter((A) => A.column === y).length}` : void 0,
           depth: f,
           index: g.length
         });
-        b.subHeaders.push(w), g.push(b);
+        b.subHeaders.push(h), g.push(b);
       }
-      v.headers.push(w), w.headerGroup = v;
+      v.headers.push(h), h.headerGroup = v;
     }), c.push(v), f > 0 && d(g, f - 1);
   }, p = n.map((u, f) => wn(t, u, {
     depth: l,
@@ -4360,18 +4363,18 @@ function Je(e, n, t, r) {
   }));
   d(p, l - 1), c.reverse();
   const m = (u) => u.filter((v) => v.column.getIsVisible()).map((v) => {
-    let g = 0, w = 0, h = [0];
-    v.subHeaders && v.subHeaders.length ? (h = [], m(v.subHeaders).forEach((y) => {
+    let g = 0, h = 0, w = [0];
+    v.subHeaders && v.subHeaders.length ? (w = [], m(v.subHeaders).forEach((y) => {
       let {
         colSpan: $,
         rowSpan: b
       } = y;
-      g += $, h.push(b);
+      g += $, w.push(b);
     })) : g = 1;
-    const S = Math.min(...h);
-    return w = w + S, v.colSpan = g, v.rowSpan = w, {
+    const S = Math.min(...w);
+    return h = h + S, v.colSpan = g, v.rowSpan = h, {
       colSpan: g,
-      rowSpan: w
+      rowSpan: h
     };
   });
   return m((o = (i = c[0]) == null ? void 0 : i.headers) != null ? o : []), c;
@@ -4872,24 +4875,24 @@ const Io = {
       return (i) => {
         if (!r || !o || (i.persist == null || i.persist(), St(i) && i.touches && i.touches.length > 1))
           return;
-        const l = e.getSize(), s = e ? e.getLeafHeaders().map((h) => [h.column.id, h.column.getSize()]) : [[r.id, r.getSize()]], c = St(i) ? Math.round(i.touches[0].clientX) : i.clientX, d = {}, p = (h, S) => {
+        const l = e.getSize(), s = e ? e.getLeafHeaders().map((w) => [w.column.id, w.column.getSize()]) : [[r.id, r.getSize()]], c = St(i) ? Math.round(i.touches[0].clientX) : i.clientX, d = {}, p = (w, S) => {
           typeof S == "number" && (n.setColumnSizingInfo((y) => {
             var $, b;
-            const z = n.options.columnResizeDirection === "rtl" ? -1 : 1, R = (S - (($ = y == null ? void 0 : y.startOffset) != null ? $ : 0)) * z, A = Math.max(R / ((b = y == null ? void 0 : y.startSize) != null ? b : 0), -0.999999);
-            return y.columnSizingStart.forEach((ee) => {
-              let [X, Q] = ee;
-              d[X] = Math.round(Math.max(Q + Q * A, 0) * 100) / 100;
+            const A = n.options.columnResizeDirection === "rtl" ? -1 : 1, R = (S - (($ = y == null ? void 0 : y.startOffset) != null ? $ : 0)) * A, O = Math.max(R / ((b = y == null ? void 0 : y.startSize) != null ? b : 0), -0.999999);
+            return y.columnSizingStart.forEach((J) => {
+              let [U, K] = J;
+              d[U] = Math.round(Math.max(K + K * O, 0) * 100) / 100;
             }), {
               ...y,
               deltaOffset: R,
-              deltaPercentage: A
+              deltaPercentage: O
             };
-          }), (n.options.columnResizeMode === "onChange" || h === "end") && n.setColumnSizing((y) => ({
+          }), (n.options.columnResizeMode === "onChange" || w === "end") && n.setColumnSizing((y) => ({
             ...y,
             ...d
           })));
-        }, m = (h) => p("move", h), u = (h) => {
-          p("end", h), n.setColumnSizingInfo((S) => ({
+        }, m = (w) => p("move", w), u = (w) => {
+          p("end", w), n.setColumnSizingInfo((S) => ({
             ...S,
             isResizingColumn: !1,
             startOffset: null,
@@ -4899,21 +4902,21 @@ const Io = {
             columnSizingStart: []
           }));
         }, f = t || typeof document < "u" ? document : null, v = {
-          moveHandler: (h) => m(h.clientX),
-          upHandler: (h) => {
-            f == null || f.removeEventListener("mousemove", v.moveHandler), f == null || f.removeEventListener("mouseup", v.upHandler), u(h.clientX);
+          moveHandler: (w) => m(w.clientX),
+          upHandler: (w) => {
+            f == null || f.removeEventListener("mousemove", v.moveHandler), f == null || f.removeEventListener("mouseup", v.upHandler), u(w.clientX);
           }
         }, g = {
-          moveHandler: (h) => (h.cancelable && (h.preventDefault(), h.stopPropagation()), m(h.touches[0].clientX), !1),
-          upHandler: (h) => {
+          moveHandler: (w) => (w.cancelable && (w.preventDefault(), w.stopPropagation()), m(w.touches[0].clientX), !1),
+          upHandler: (w) => {
             var S;
-            f == null || f.removeEventListener("touchmove", g.moveHandler), f == null || f.removeEventListener("touchend", g.upHandler), h.cancelable && (h.preventDefault(), h.stopPropagation()), u((S = h.touches[0]) == null ? void 0 : S.clientX);
+            f == null || f.removeEventListener("touchmove", g.moveHandler), f == null || f.removeEventListener("touchend", g.upHandler), w.cancelable && (w.preventDefault(), w.stopPropagation()), u((S = w.touches[0]) == null ? void 0 : S.clientX);
           }
-        }, w = qo() ? {
+        }, h = qo() ? {
           passive: !1
         } : !1;
-        St(i) ? (f == null || f.addEventListener("touchmove", g.moveHandler, w), f == null || f.addEventListener("touchend", g.upHandler, w)) : (f == null || f.addEventListener("mousemove", v.moveHandler, w), f == null || f.addEventListener("mouseup", v.upHandler, w)), n.setColumnSizingInfo((h) => ({
-          ...h,
+        St(i) ? (f == null || f.addEventListener("touchmove", g.moveHandler, h), f == null || f.addEventListener("touchend", g.upHandler, h)) : (f == null || f.addEventListener("mousemove", v.moveHandler, h), f == null || f.addEventListener("mouseup", v.upHandler, h)), n.setColumnSizingInfo((w) => ({
+          ...w,
           startOffset: c,
           startSize: l,
           deltaOffset: 0,
@@ -5702,8 +5705,8 @@ function ii(e) {
         },
         // footer: props => props.header.column.id,
         cell: (v) => {
-          var g, w;
-          return (g = (w = v.renderValue()) == null || w.toString == null ? void 0 : w.toString()) != null ? g : null;
+          var g, h;
+          return (g = (h = v.renderValue()) == null || h.toString == null ? void 0 : h.toString()) != null ? g : null;
         },
         ...o._features.reduce((v, g) => Object.assign(v, g.getDefaultColumnDef == null ? void 0 : g.getDefaultColumnDef()), {}),
         ...u
@@ -5711,10 +5714,10 @@ function ii(e) {
     }, W(e, "debugColumns", "_getDefaultColumnDef")),
     _getColumnDefs: () => o.options.columns,
     getAllColumns: Z(() => [o._getColumnDefs()], (u) => {
-      const f = function(v, g, w) {
-        return w === void 0 && (w = 0), v.map((h) => {
-          const S = So(o, h, w, g), y = h;
-          return S.columns = y.columns ? f(y.columns, S, w + 1) : [], S;
+      const f = function(v, g, h) {
+        return h === void 0 && (h = 0), v.map((w) => {
+          const S = So(o, w, h, g), y = w;
+          return S.columns = y.columns ? f(y.columns, S, h + 1) : [], S;
         });
       };
       return f(u);
@@ -5812,10 +5815,11 @@ const si = {
   component: n,
   className: t = "",
   children: r,
-  color: o = "dark"
+  id: o,
+  color: i = "dark"
 }) => {
-  var s;
-  const l = n || {
+  var c;
+  const s = n || {
     h1: "h1",
     h2: "h2",
     h3: "h3",
@@ -5829,7 +5833,7 @@ const si = {
     caption: "span",
     overline: "span"
   }[e] || "p";
-  return /* @__PURE__ */ a.jsx(l, { className: `${si[e]} ${(s = we[o]) == null ? void 0 : s.text} ${t}`, children: r });
+  return /* @__PURE__ */ a.jsx(s, { className: `${si[e]} ${(c = we[i]) == null ? void 0 : c.text} ${t}`, id: o || "", children: r });
 }, ui = ({
   total: e,
   currentPage: n,
@@ -5903,78 +5907,81 @@ const si = {
   ] });
 }, Vi = ({
   data: e,
-  columns: n = [],
-  pageSize: t,
-  pageIndex: r,
-  onPageSizeChange: o,
-  onPageChange: i,
-  rowOptionArray: l = [5, 10, 15],
-  totalRecords: s = e.length,
-  className: c = "",
-  paginationClassName: d = "",
-  tdClassName: p = "",
-  thClassName: m = "",
-  responsive: u = !1
+  id: n,
+  columns: t = [],
+  pageSize: r,
+  pageIndex: o,
+  onPageSizeChange: i,
+  onPageChange: l,
+  rowOptionArray: s = [5, 10, 15],
+  totalRecords: c = e.length,
+  className: d = "",
+  paginationClassName: p = "",
+  tdClassName: m = "",
+  thClassName: u = "",
+  responsive: f = !1
 }) => {
-  const f = li({
+  const v = li({
     data: e,
-    columns: n,
+    columns: t,
     getCoreRowModel: ai(),
     manualPagination: !0,
-    pageCount: Math.ceil(s / t),
+    pageCount: Math.ceil(c / r),
     state: {
-      pagination: { pageIndex: r, pageSize: t }
+      pagination: { pageIndex: o, pageSize: r }
     }
   });
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: `relative overflow-y-auto flex flex-col ${c} `,
+      className: `relative overflow-y-auto flex flex-col ${d} `,
       children: [
-        /* @__PURE__ */ a.jsx("div", { className: `${u ? "overflow-x-auto" : ""}`, children: /* @__PURE__ */ a.jsxs("table", { className: "w-full relative border-collapse", children: [
-          /* @__PURE__ */ a.jsx("thead", { className: "sticky top-0 left-0 rounded-xl bg-color-[#FAFBFB] z-10 h-10", children: f.getHeaderGroups().map((v) => /* @__PURE__ */ a.jsx("tr", { children: v.headers.map((g) => /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ a.jsx("div", { className: `${f ? "overflow-x-auto" : ""}`, children: /* @__PURE__ */ a.jsxs("table", { className: "w-full relative border-collapse", id: n, children: [
+          /* @__PURE__ */ a.jsx("thead", { className: "sticky top-0 left-0 rounded-xl bg-color-[#FAFBFB] z-10 h-10", children: v.getHeaderGroups().map((g) => /* @__PURE__ */ a.jsx("tr", { children: g.headers.map((h) => /* @__PURE__ */ a.jsx(
             "th",
             {
-              className: `bg-color-[#FAFBFB] p-2 text-left text-xs font-semibold text-color-gray-500 border-b border-color-gray-200 ${m}`,
-              children: g.isPlaceholder ? null : g.column.columnDef.header instanceof Function ? g.column.columnDef.header(
-                g.getContext()
-              ) : g.column.columnDef.header
+              className: `bg-color-[#FAFBFB] p-2 text-left text-xs font-semibold text-color-gray-500 border-b border-color-gray-200 ${u}`,
+              id: n,
+              children: h.isPlaceholder ? null : h.column.columnDef.header instanceof Function ? h.column.columnDef.header(
+                h.getContext()
+              ) : h.column.columnDef.header
             },
-            g.id
-          )) }, v.id)) }),
-          /* @__PURE__ */ a.jsx("tbody", { className: "", children: f.getRowModel().rows.map((v) => /* @__PURE__ */ a.jsx(
+            h.id
+          )) }, g.id)) }),
+          /* @__PURE__ */ a.jsx("tbody", { className: "", children: v.getRowModel().rows.map((g) => /* @__PURE__ */ a.jsx(
             "tr",
             {
               className: "border-b border-color-gray-200",
-              children: v.getVisibleCells().map((g) => /* @__PURE__ */ a.jsx(
+              children: g.getVisibleCells().map((h) => /* @__PURE__ */ a.jsx(
                 "td",
                 {
-                  className: `px-2 py-4 font-normal text-sm text-color-gray-800 ${p}`,
-                  children: g.column.columnDef.cell instanceof Function ? g.column.columnDef.cell(
-                    g.getContext()
-                  ) : g.getValue()
+                  id: n,
+                  className: `px-2 py-4 font-normal text-sm text-color-gray-800 ${m}`,
+                  children: h.column.columnDef.cell instanceof Function ? h.column.columnDef.cell(
+                    h.getContext()
+                  ) : h.getValue()
                 },
-                g.id
+                h.id
               ))
             },
-            v.id
+            g.id
           )) })
         ] }) }),
         /* @__PURE__ */ a.jsxs(
           "div",
           {
-            className: `w-full py-4 px-2 border-t border-color-gray-200 bg-color-[#FAFBFB]  flex justify-between items-center ${d} sticky bottom-0 z-10`,
+            className: `w-full py-4 px-2 border-t border-color-gray-200 bg-color-[#FAFBFB]  flex justify-between items-center ${p} sticky bottom-0 z-10`,
             children: [
               /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ a.jsx(ci, { variant: "body2", className: "hidden md:!flex", children: "Rows per page" }),
                 /* @__PURE__ */ a.jsx(
                   po,
                   {
-                    options: l,
-                    selectedValue: t,
+                    options: s,
+                    selectedValue: r,
                     placementTop: !0,
-                    onChange: (v) => {
-                      o(v), i(0);
+                    onChange: (g) => {
+                      i(g), l(0);
                     }
                   }
                 )
@@ -5982,10 +5989,10 @@ const si = {
               /* @__PURE__ */ a.jsx(
                 ui,
                 {
-                  total: s,
-                  pageSize: t,
-                  currentPage: r + 1,
-                  onPageChange: (v) => i(v - 1)
+                  total: c,
+                  pageSize: r,
+                  currentPage: o + 1,
+                  onPageChange: (g) => l(g - 1)
                 }
               )
             ]
@@ -6043,29 +6050,29 @@ const si = {
     labelClass: f = "",
     variant: v = "outlined",
     size: g = "medium",
-    ...w
-  }, h) => {
-    const [S, y] = J(""), $ = n !== void 0, b = $ ? n : S, z = p ? "border-color-red-500 focus-within:ring-color-red-500" : "border-color-gray-200", R = p ? "text-color-red-500" : s, A = (ee) => {
-      let X = ee.target.value.replace(/(?!^\+)[^\d]/g, "");
-      X.startsWith("+") && (X = "+" + X.slice(1).replace(/\+/g, "")), X = X.replace(/\s/g, ""), (!m || X.replace(/^\+/, "").length <= m) && (t && t({
-        ...ee,
-        target: { ...ee.target, value: X }
-      }), $ || y(X));
+    ...h
+  }, w) => {
+    const [S, y] = ee(""), $ = n !== void 0, b = $ ? n : S, A = p ? "border-color-red-500 focus-within:ring-color-red-500" : "border-color-gray-200", R = p ? "text-color-red-500" : s, O = (J) => {
+      let U = J.target.value.replace(/(?!^\+)[^\d]/g, "");
+      U.startsWith("+") && (U = "+" + U.slice(1).replace(/\+/g, "")), U = U.replace(/\s/g, ""), (!m || U.replace(/^\+/, "").length <= m) && (t && t({
+        ...J,
+        target: { ...J.target, value: U }
+      }), $ || y(U));
     };
     return /* @__PURE__ */ a.jsxs("div", { className: "w-full", children: [
       u && /* @__PURE__ */ a.jsx("label", { className: `text-sm font-medium text-color-gray-700 mb-1 block ${f}`, children: u }),
-      /* @__PURE__ */ a.jsxs("div", { className: `flex items-center w-full rounded-md border focus-within:ring-1 ${z} ${di[v]} ${i}`, children: [
+      /* @__PURE__ */ a.jsxs("div", { className: `flex items-center w-full rounded-md border focus-within:ring-1 ${A} ${di[v]} ${i}`, children: [
         c && /* @__PURE__ */ a.jsx("span", { className: `pl-3 ${R}`, children: c }),
         /* @__PURE__ */ a.jsx(
           "input",
           {
-            ...w,
-            ref: h,
+            ...h,
+            ref: w,
             type: "text",
             inputMode: "numeric",
             placeholder: e,
             value: b,
-            onChange: A,
+            onChange: O,
             className: `grow outline-0 w-full font-medium placeholder:font-normal bg-color-transparent ${pi[g]} ${l}`
           }
         ),
@@ -6228,29 +6235,29 @@ const Yi = rr(function({
   showMarks: f = !1,
   marks: v = [],
   range: g = !1,
-  minDistance: w = 0
+  minDistance: h = 0
 }) {
-  const h = n !== void 0, [S, y] = J(() => t !== void 0 ? t : g ? [i, l] : i), $ = h ? n : S, b = Array.isArray($) ? $[0] : $, [z, R] = Array.isArray($) ? $ : [$, $], A = _t[c] || _t.blue, ee = yn[d] ?? yn.medium, X = ce(
+  const w = n !== void 0, [S, y] = ee(() => t !== void 0 ? t : g ? [i, l] : i), $ = w ? n : S, b = Array.isArray($) ? $[0] : $, [A, R] = Array.isArray($) ? $ : [$, $], O = _t[c] || _t.blue, J = yn[d] ?? yn.medium, U = ce(
     (F) => (F - i) / (l - i) * 100,
     [i, l]
-  ), Q = X(b), de = X(z), D = X(R), T = ce((F) => Math.max(i, Math.min(l, F)), [i, l]), q = ce((F) => Math.round(F / s) * s, [s]), K = vi(r), V = ce(
+  ), K = U(b), de = U(A), D = U(R), z = ce((F) => Math.max(i, Math.min(l, F)), [i, l]), q = ce((F) => Math.round(F / s) * s, [s]), Q = vi(r), V = ce(
     (F, re = !0) => {
-      h || y(F), re ? K.schedule(F) : K.flush(F);
+      w || y(F), re ? Q.schedule(F) : Q.flush(F);
     },
-    [h, K]
+    [w, Q]
   ), ve = ce(() => {
-    const F = K.last.current;
-    F != null && (K.flush(F), o == null || o(F));
-  }, [K, o]), U = ce(
+    const F = Q.last.current;
+    F != null && (Q.flush(F), o == null || o(F));
+  }, [Q, o]), X = ce(
     (F, re) => {
       if (g && Array.isArray(F)) {
-        let [oe, ge] = F, H = q(T(oe)), te = q(T(ge));
-        return te - H < w && (re === "min" ? te = T(H + w) : re === "max" && (H = T(te - w))), H > te && (re === "min" ? H = te : te = H), [H, te];
+        let [oe, ge] = F, H = q(z(oe)), te = q(z(ge));
+        return te - H < h && (re === "min" ? te = z(H + h) : re === "max" && (H = z(te - h))), H > te && (re === "min" ? H = te : te = H), [H, te];
       } else if (!g && typeof F == "number")
-        return q(T(F));
+        return q(z(F));
       return F;
     },
-    [g, T, q, w]
+    [g, z, q, h]
   ), x = me(null), j = ce(
     (F) => {
       var ge;
@@ -6262,11 +6269,11 @@ const Yi = rr(function({
     [i, l, g, b]
   ), L = ce(
     (F) => {
-      const re = Math.abs(F - z), oe = Math.abs(F - R);
+      const re = Math.abs(F - A), oe = Math.abs(F - R);
       return re <= oe ? "min" : "max";
     },
-    [z, R]
-  ), [E, P] = J(null), [O, k] = J(null), [B, N] = J(null), G = ce(
+    [A, R]
+  ), [E, P] = ee(null), [T, k] = ee(null), [B, N] = ee(null), G = ce(
     (F, re) => {
       var ge, H;
       if (p) return;
@@ -6274,17 +6281,17 @@ const Yi = rr(function({
       const oe = j(F.clientX);
       if (g) {
         const te = re || L(oe);
-        P(te), V(te === "min" ? U([oe, R], "min") : U([z, oe], "max"));
+        P(te), V(te === "min" ? X([oe, R], "min") : X([A, oe], "max"));
       } else
-        P("single"), V(U(oe, "single"));
+        P("single"), V(X(oe, "single"));
     },
     [
       p,
       g,
       j,
       L,
-      U,
-      z,
+      X,
+      A,
       R,
       V
     ]
@@ -6292,7 +6299,7 @@ const Yi = rr(function({
     (F) => {
       if (p || B == null || E == null) return;
       const re = j(F.clientX);
-      g ? E === "min" ? V(U([re, R], "min")) : E === "max" && V(U([z, re], "max")) : V(U(re, "single"));
+      g ? E === "min" ? V(X([re, R], "min")) : E === "max" && V(X([A, re], "max")) : V(X(re, "single"));
     },
     [
       p,
@@ -6300,8 +6307,8 @@ const Yi = rr(function({
       E,
       g,
       j,
-      U,
-      z,
+      X,
+      A,
       R,
       V
     ]
@@ -6310,7 +6317,7 @@ const Yi = rr(function({
   }, [E, ve]), _ = ce(
     (F, re) => {
       if (p) return;
-      const oe = g ? re === "min" ? z : R : b;
+      const oe = g ? re === "min" ? A : R : b;
       let ge = oe;
       const H = (l - i) / 10;
       switch (F.key) {
@@ -6337,21 +6344,21 @@ const Yi = rr(function({
         default:
           return;
       }
-      F.preventDefault(), V(g ? re === "min" ? U([ge, R], "min") : U([z, ge], "max") : U(ge, "single"), !1), o == null || o(h ? n : $);
+      F.preventDefault(), V(g ? re === "min" ? X([ge, R], "min") : X([A, ge], "max") : X(ge, "single"), !1), o == null || o(w ? n : $);
     },
     [
       p,
       g,
       b,
-      z,
+      A,
       R,
       s,
       i,
       l,
-      U,
+      X,
       V,
       o,
-      h,
+      w,
       n,
       $
     ]
@@ -6363,14 +6370,14 @@ const Yi = rr(function({
       document.body.style.userSelect = F;
     };
   }, [E]), /* @__PURE__ */ a.jsx("div", { className: `w-full ${m}`, children: /* @__PURE__ */ a.jsxs("div", { className: "relative flex items-center", children: [
-    g && /* @__PURE__ */ a.jsx("div", { className: "mr-3 text-sm font-medium text-color-gray-700 dark:text-color-gray-200 min-w-[2rem]", children: /* @__PURE__ */ a.jsx("div", { className: "range-min", children: /* @__PURE__ */ a.jsx("div", { children: z }) }) }),
+    g && /* @__PURE__ */ a.jsx("div", { className: "mr-3 text-sm font-medium text-color-gray-700 dark:text-color-gray-200 min-w-[2rem]", children: /* @__PURE__ */ a.jsx("div", { className: "range-min", children: /* @__PURE__ */ a.jsx("div", { children: A }) }) }),
     /* @__PURE__ */ a.jsxs("div", { className: "w-full", children: [
       /* @__PURE__ */ a.jsxs(
         "div",
         {
           ref: x,
           className: `
-            relative w-full ${ee.track} ${A.track} rounded-full
+            relative w-full ${J.track} ${O.track} rounded-full
             ${p ? "opacity-60 cursor-not-allowed" : "cursor-pointer"}
           `,
           onPointerDown: (F) => G(F),
@@ -6381,18 +6388,18 @@ const Yi = rr(function({
             g ? /* @__PURE__ */ a.jsx(
               "div",
               {
-                className: `absolute top-0 ${ee.track} ${A.progress} rounded-full ${E ? "" : "transition-all duration-150"}`,
+                className: `absolute top-0 ${J.track} ${O.progress} rounded-full ${E ? "" : "transition-all duration-150"}`,
                 style: { left: `${de}%`, width: `${D - de}%` }
               }
             ) : /* @__PURE__ */ a.jsx(
               "div",
               {
-                className: `absolute top-0 left-0 ${ee.track} ${A.progress} rounded-full ${E ? "" : "transition-all duration-150"}`,
-                style: { width: `${Q}%` }
+                className: `absolute top-0 left-0 ${J.track} ${O.progress} rounded-full ${E ? "" : "transition-all duration-150"}`,
+                style: { width: `${K}%` }
               }
             ),
             f && v.map((F, re) => {
-              const oe = X(F.value);
+              const oe = U(F.value);
               return /* @__PURE__ */ a.jsx(
                 "div",
                 {
@@ -6407,13 +6414,13 @@ const Yi = rr(function({
               {
                 className: `
                 absolute top-1/2 transform -translate-y-1/2 -translate-x-1/2
-                ${ee.thumb} ${A.thumb} ${A.thumbHover} ${A.thumbActive}
+                ${J.thumb} ${O.thumb} ${O.thumbHover} ${O.thumbActive}
                 rounded-full border-2 ${p ? "opacity-60 cursor-not-allowed" : "cursor-grab"}
                 ${E === "single" ? "cursor-grabbing scale-110" : E ? "" : "transition-all duration-150"}
-                ${O === "single" ? "ring-2 ring-offset-1 ring-blue-300" : ""}
+                ${T === "single" ? "ring-2 ring-offset-1 ring-blue-300" : ""}
                 shadow-md hover:shadow-lg focus:outline-none dark:shadow-none
               `,
-                style: { left: `${Q}%` },
+                style: { left: `${K}%` },
                 tabIndex: p ? -1 : 0,
                 role: "slider",
                 "aria-orientation": "horizontal",
@@ -6433,10 +6440,10 @@ const Yi = rr(function({
                 {
                   className: `
                   absolute top-1/2 transform -translate-y-1/2 -translate-x-1/2 z-10
-                  ${ee.thumb} ${A.thumb} ${A.thumbHover} ${A.thumbActive}
+                  ${J.thumb} ${O.thumb} ${O.thumbHover} ${O.thumbActive}
                   rounded-full border-2 ${p ? "opacity-60 cursor-not-allowed" : "cursor-grab"}
                   ${E === "min" ? "cursor-grabbing scale-110 z-20" : E ? "" : "transition-all duration-150"}
-                  ${O === "min" ? "ring-2 ring-offset-1 ring-blue-300" : ""}
+                  ${T === "min" ? "ring-2 ring-offset-1 ring-blue-300" : ""}
                   shadow-md hover:shadow-lg focus:outline-none dark:shadow-none
                 `,
                   style: { left: `${de}%` },
@@ -6445,7 +6452,7 @@ const Yi = rr(function({
                   "aria-orientation": "horizontal",
                   "aria-valuemin": i,
                   "aria-valuemax": l,
-                  "aria-valuenow": z,
+                  "aria-valuenow": A,
                   "aria-disabled": p,
                   "aria-label": "Minimum value",
                   onKeyDown: (F) => _(F, "min"),
@@ -6459,10 +6466,10 @@ const Yi = rr(function({
                 {
                   className: `
                   absolute top-1/2 transform -translate-y-1/2 -translate-x-1/2 z-10
-                  ${ee.thumb} ${A.thumb} ${A.thumbHover} ${A.thumbActive}
+                  ${J.thumb} ${O.thumb} ${O.thumbHover} ${O.thumbActive}
                   rounded-full border-2 ${p ? "opacity-60 cursor-not-allowed" : "cursor-grab"}
                   ${E === "max" ? "cursor-grabbing scale-110 z-20" : E ? "" : "transition-all duration-150"}
-                  ${O === "max" ? "ring-2 ring-offset-1 ring-blue-300" : ""}
+                  ${T === "max" ? "ring-2 ring-offset-1 ring-blue-300" : ""}
                   shadow-md hover:shadow-lg focus:outline-none dark:shadow-none
                 `,
                   style: { left: `${D}%` },
@@ -6489,7 +6496,7 @@ const Yi = rr(function({
         {
           className: "relative mt-2 text-xs text-color-gray-500 dark:text-color-gray-200",
           children: v.map((F, re) => {
-            const oe = X(F.value);
+            const oe = U(F.value);
             return /* @__PURE__ */ a.jsx(
               "div",
               {
@@ -6697,20 +6704,20 @@ const Yi = rr(function({
 }) => {
   const [f, v] = ke.useState(null), g = (y, $) => {
     if (t || r || !n) return;
-    const { left: b, width: z } = y.target.getBoundingClientRect(), R = (y.clientX - b) / z;
-    let A = $ - 1 + Math.ceil(R / o) * o;
-    A = Math.min(i, Math.max(o, Math.round(A / o) * o)), n(A);
-  }, w = (y, $) => {
+    const { left: b, width: A } = y.target.getBoundingClientRect(), R = (y.clientX - b) / A;
+    let O = $ - 1 + Math.ceil(R / o) * o;
+    O = Math.min(i, Math.max(o, Math.round(O / o) * o)), n(O);
+  }, h = (y, $) => {
     if (t || r) return;
-    const { left: b, width: z } = y.target.getBoundingClientRect(), R = (y.clientX - b) / z;
-    let A = $ - 1 + Math.ceil(R / o) * o;
-    A = Math.min(i, Math.max(o, Math.round(A / o) * o)), v(A);
-  }, h = () => v(null), S = [];
+    const { left: b, width: A } = y.target.getBoundingClientRect(), R = (y.clientX - b) / A;
+    let O = $ - 1 + Math.ceil(R / o) * o;
+    O = Math.min(i, Math.max(o, Math.round(O / o) * o)), v(O);
+  }, w = () => v(null), S = [];
   for (let y = 1; y <= i; y++) {
-    let $ = (f !== null ? f : e) >= y, b = !$ && (f !== null ? f : e) > y - 1, z = $ ? s || ke.cloneElement(Cn, { className: `fill-color-yellow-500 ${tt[l]}` }) : c || ke.cloneElement(jn, { className: `stroke-color-gray-300 ${tt[l]}` });
+    let $ = (f !== null ? f : e) >= y, b = !$ && (f !== null ? f : e) > y - 1, A = $ ? s || ke.cloneElement(Cn, { className: `fill-color-yellow-500 ${tt[l]}` }) : c || ke.cloneElement(jn, { className: `stroke-color-gray-300 ${tt[l]}` });
     if (b) {
       const R = ((f !== null ? f : e) - (y - 1)) * 100;
-      z = /* @__PURE__ */ a.jsxs("span", { className: "relative block", children: [
+      A = /* @__PURE__ */ a.jsxs("span", { className: "relative block", children: [
         /* @__PURE__ */ a.jsx(
           "span",
           {
@@ -6732,13 +6739,13 @@ const Yi = rr(function({
         {
           className: `inline-block ${r ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
           onClick: (R) => g(R, y),
-          onMouseMove: (R) => w(R, y),
-          onMouseLeave: h,
+          onMouseMove: (R) => h(R, y),
+          onMouseLeave: w,
           tabIndex: t || r ? -1 : 0,
           "aria-label": `Rate ${y}`,
           role: "radio",
           "aria-checked": e === y,
-          children: z
+          children: A
         },
         y
       )
@@ -6749,7 +6756,7 @@ const Yi = rr(function({
     p && f !== null ? /* @__PURE__ */ a.jsx("span", { className: "ml-2 text-xs", children: u[f] || f }) : m ? /* @__PURE__ */ a.jsx("span", { className: "ml-2 text-xs", children: u[e] || e }) : null
   ] });
 }, hi = () => {
-  const [e, n] = J("desktop");
+  const [e, n] = ee("desktop");
   return pe(() => {
     const t = () => {
       const r = window.innerWidth;
@@ -6785,61 +6792,61 @@ const Yi = rr(function({
   swipeable: f = !0,
   thumbWidth: v = 60,
   orientation: g = "horizontal",
-  nextIcon: w,
-  prevIcon: h,
+  nextIcon: h,
+  prevIcon: w,
   className: S,
   mobile: y,
   tablet: $,
   desktop: b
 }) => {
-  const z = hi(), R = ze(
+  const A = hi(), R = ze(
     y == null ? void 0 : y.perview,
     $ == null ? void 0 : $.perview,
     b == null ? void 0 : b.perview,
     c,
-    z
-  ), A = ze(
+    A
+  ), O = ze(
     y == null ? void 0 : y.gap,
     $ == null ? void 0 : $.gap,
     b == null ? void 0 : b.gap,
     d,
-    z
-  ), ee = ze(
+    A
+  ), J = ze(
     y == null ? void 0 : y.showArrows,
     $ == null ? void 0 : $.showArrows,
     b == null ? void 0 : b.showArrows,
     o,
-    z
-  ), X = ze(
+    A
+  ), U = ze(
     y == null ? void 0 : y.showIndicators,
     $ == null ? void 0 : $.showIndicators,
     b == null ? void 0 : b.showIndicators,
     r,
-    z
-  ), Q = ze(
+    A
+  ), K = ze(
     y == null ? void 0 : y.showThumbs,
     $ == null ? void 0 : $.showThumbs,
     b == null ? void 0 : b.showThumbs,
     m,
-    z
+    A
   ), de = ze(
     y == null ? void 0 : y.swipeable,
     $ == null ? void 0 : $.swipeable,
     b == null ? void 0 : b.swipeable,
     f,
-    z
-  ), D = e.length, T = Math.min(Math.max(R, 0.1), D), [q, K] = J(0), [V, ve] = J(!1), [U, x] = J(!1), [j, L] = J(0), E = me(null), P = me(0), O = me(0), k = T >= D ? 0 : Math.max(0, D - T), B = (H) => Math.max(0, Math.min(H, k)), N = (H) => K(
+    A
+  ), D = e.length, z = Math.min(Math.max(R, 0.1), D), [q, Q] = ee(0), [V, ve] = ee(!1), [X, x] = ee(!1), [j, L] = ee(0), E = me(null), P = me(0), T = me(0), k = z >= D ? 0 : Math.max(0, D - z), B = (H) => Math.max(0, Math.min(H, k)), N = (H) => Q(
     s && k > 0 ? (H % (k + 1) + (k + 1)) % (k + 1) : B(H)
   ), G = () => {
-    s && k > 0 ? K(q === 0 ? k : q - 1) : N(q - 1);
+    s && k > 0 ? Q(q === 0 ? k : q - 1) : N(q - 1);
   }, Y = () => {
-    s && k > 0 ? K(q >= k ? 0 : q + 1) : N(q + 1);
+    s && k > 0 ? Q(q >= k ? 0 : q + 1) : N(q + 1);
   };
   pe(() => {
-    if (!i || u && V || U || k === 0)
+    if (!i || u && V || X || k === 0)
       return;
     const H = setInterval(() => {
-      K((te) => {
+      Q((te) => {
         const je = te + 1;
         return je > k ? s ? 0 : te : je;
       });
@@ -6850,29 +6857,29 @@ const Yi = rr(function({
     l,
     V,
     u,
-    U,
+    X,
     k,
     s
   ]), pe(() => {
-    q > k && K(Math.min(q, k));
+    q > k && Q(Math.min(q, k));
   }, [k, q]);
   const se = (H, te) => {
-    !de || k === 0 || (x(!0), P.current = g === "horizontal" ? H : te, O.current = P.current);
+    !de || k === 0 || (x(!0), P.current = g === "horizontal" ? H : te, T.current = P.current);
   }, _ = (H, te) => {
-    U && (O.current = g === "horizontal" ? H : te, L(O.current - P.current));
+    X && (T.current = g === "horizontal" ? H : te, L(T.current - P.current));
   }, F = () => {
-    if (!U) return;
-    Math.abs(O.current - P.current) > 50 && (O.current < P.current ? Y() : G()), x(!1), L(0);
+    if (!X) return;
+    Math.abs(T.current - P.current) > 50 && (T.current < P.current ? Y() : G()), x(!1), L(0);
   }, re = () => {
     const H = g === "horizontal" ? "X" : "Y";
     let te = 0;
-    if (U && E.current && k > 0) {
+    if (X && E.current && k > 0) {
       const M = g === "horizontal" ? E.current.offsetWidth : E.current.offsetHeight;
-      te = j / M * 100 * (T / D);
+      te = j / M * 100 * (z / D);
     }
-    const Se = Math.min(q, k) * (100 / D) - te, C = q >= k, he = q <= 0 ? 0 : C ? A / (R / 2) : A / R;
+    const Se = Math.min(q, k) * (100 / D) - te, C = q >= k, he = q <= 0 ? 0 : C ? O / (R / 2) : O / R;
     return `translate${H}(calc(-${Se}% - ${he}px))`;
-  }, oe = () => T >= D ? 1 : Math.floor(k) + 1, ge = () => k === 0 ? 0 : Math.round(q / k * (oe() - 1));
+  }, oe = () => z >= D ? 1 : Math.floor(k) + 1, ge = () => k === 0 ? 0 : Math.round(q / k * (oe() - 1));
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
@@ -6885,9 +6892,9 @@ const Yi = rr(function({
           "div",
           {
             ref: E,
-            className: `w-full overflow-hidden relative ${de && k > 0 ? U ? "cursor-grabbing" : "cursor-grab" : "cursor-default"}`,
+            className: `w-full overflow-hidden relative ${de && k > 0 ? X ? "cursor-grabbing" : "cursor-grab" : "cursor-default"}`,
             style: {
-              height: Q ? `calc(${t} - ${v + 20}px)` : t
+              height: K ? `calc(${t} - ${v + 20}px)` : t
             },
             onMouseDown: (H) => {
               H.preventDefault(), se(H.clientX, H.clientY);
@@ -6904,28 +6911,28 @@ const Yi = rr(function({
                 {
                   className: `flex ${g === "horizontal" ? "flex-row" : "flex-col"} transition-all duration-300 ease-in-out`,
                   style: {
-                    width: g === "vertical" ? "100%" : `calc(${D * 100 / T}% + ${(D - 1) * A}px)`,
-                    height: g === "vertical" ? `${D * 100 / T}%` : "100%",
+                    width: g === "vertical" ? "100%" : `calc(${D * 100 / z}% + ${(D - 1) * O}px)`,
+                    height: g === "vertical" ? `${D * 100 / z}%` : "100%",
                     transform: re(),
-                    gap: `${A}px`,
-                    transitionProperty: U ? "none" : "transform"
+                    gap: `${O}px`,
+                    transitionProperty: X ? "none" : "transform"
                   },
                   children: e.map((H, te) => /* @__PURE__ */ a.jsx(
                     "div",
                     {
                       className: "shrink-0 flex items-center justify-center",
                       style: {
-                        width: g === "horizontal" ? `calc(${100 / D}% - ${A / R}px)` : "100%",
-                        height: g === "vertical" ? `calc(${100 / D}% - ${A * (D - 1) / D}px)` : "100%"
+                        width: g === "horizontal" ? `calc(${100 / D}% - ${O / R}px)` : "100%",
+                        height: g === "vertical" ? `calc(${100 / D}% - ${O * (D - 1) / D}px)` : "100%"
                       },
-                      onClick: () => !U && (p == null ? void 0 : p(te)),
+                      onClick: () => !X && (p == null ? void 0 : p(te)),
                       children: H
                     },
                     te
                   ))
                 }
               ),
-              ee && k > 0 && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+              J && k > 0 && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
                 /* @__PURE__ */ a.jsx(
                   "button",
                   {
@@ -6933,7 +6940,7 @@ const Yi = rr(function({
                     onClick: G,
                     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
                 ${g === "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 || (g === "horizontal" ? "‹" : "↑")
+                    children: w || (g === "horizontal" ? "‹" : "↑")
                   }
                 ),
                 /* @__PURE__ */ a.jsx(
@@ -6943,11 +6950,11 @@ const Yi = rr(function({
                     onClick: Y,
                     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
                 ${g === "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: w || (g === "horizontal" ? "›" : "↓")
+                    children: h || (g === "horizontal" ? "›" : "↓")
                   }
                 )
               ] }),
-              X && oe() > 1 && /* @__PURE__ */ a.jsx(
+              U && oe() > 1 && /* @__PURE__ */ a.jsx(
                 "div",
                 {
                   className: `uniui-indicator flex gap-1 mt-2 md:mt-3 justify-center absolute bg-color-white/90 py-1 px-[5px] rounded-full ${g === "horizontal" ? "bottom-2 md:bottom-3 left-1/2 -translate-x-1/2" : "top-1/2 right-2 md:right-3 -translate-y-1/2 rotate-90"} z-10`,
@@ -6970,8 +6977,8 @@ const Yi = rr(function({
             ]
           }
         ),
-        Q && /* @__PURE__ */ a.jsx("div", { className: "uniui-thumb flex gap-1 md:gap-2 mt-2 md:mt-3 justify-center flex-wrap", children: e.map((H, te) => {
-          const je = te === Math.round(q), Se = z === "mobile" ? v * 0.8 : v;
+        K && /* @__PURE__ */ a.jsx("div", { className: "uniui-thumb flex gap-1 md:gap-2 mt-2 md:mt-3 justify-center flex-wrap", children: e.map((H, te) => {
+          const je = te === Math.round(q), Se = A === "mobile" ? v * 0.8 : v;
           return /* @__PURE__ */ a.jsx(
             "div",
             {
@@ -6980,7 +6987,7 @@ const Yi = rr(function({
                   0,
                   Math.min(
                     k,
-                    te - Math.floor(T / 2)
+                    te - Math.floor(z / 2)
                   )
                 );
                 N(C);
@@ -7039,39 +7046,41 @@ const Yi = rr(function({
   disabled: t = !1,
   type: r = "button",
   color: o = "green",
-  variant: i = "ios"
+  variant: i = "ios",
   // <-- default to ios
+  id: l
 }) => {
-  var m, u, f;
-  const [l, s] = J(e), [c, d] = J(!1), p = async () => {
-    if (!(t || c))
+  var u, f, v;
+  const [s, c] = ee(e), [d, p] = ee(!1), m = async () => {
+    if (!(t || d))
       if (n) {
-        d(!0);
+        p(!0);
         try {
-          await n(!l), s(!l);
-        } catch (v) {
-          console.error("Toggle failed", v);
+          await n(!s), c(!s);
+        } catch (g) {
+          console.error("Toggle failed", g);
         } finally {
-          d(!1);
+          p(!1);
         }
       } else
-        s(!l);
+        c(!s);
   };
   return i === "android" ? /* @__PURE__ */ a.jsxs(
     "button",
     {
-      onClick: p,
+      onClick: m,
+      id: l,
       type: r,
       disabled: t,
       className: `relative w-10 h-3 flex items-center  transition-color duration-300
                 } ${t ? "bg-color-gray-200 opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
       children: [
-        /* @__PURE__ */ a.jsx("span", { className: `absolute  rounded-full inset-0 opacity-50 ${l ? `${(m = we[o]) == null ? void 0 : m.filled}` : "bg-color-gray-400"}` }),
+        /* @__PURE__ */ a.jsx("span", { className: `absolute  rounded-full inset-0 opacity-50 ${s ? `${(u = we[o]) == null ? void 0 : u.filled}` : "bg-color-gray-400"}` }),
         /* @__PURE__ */ a.jsx(
           "div",
           {
-            className: `flex justify-center items-center absolute shadow-md top-0.5 left-0.5 size-5 rounded-full shadow transition-all duration-300 ${l ? `translate-x-5 ${(u = we[o]) == null ? void 0 : u.filled}` : "translate-x-0 bg-color-white"}`,
-            children: c ? /* @__PURE__ */ a.jsx("svg", { className: "animate-spin text-color-gray-500 size-3", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a.jsx("path", { d: "M11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V6C12.9995 6.55228 12.5518 7 11.9995 7C11.4472 7 10.9995 6.55228 10.9995 6V3C10.9995 2.44772 11.4472 2 11.9995 2ZM11.9995 17C12.5518 17 12.9995 17.4477 12.9995 18V21C12.9995 21.5523 12.5518 22 11.9995 22C11.4472 22 10.9995 21.5523 10.9995 21V18C10.9995 17.4477 11.4472 17 11.9995 17ZM20.6597 7C20.9359 7.47829 20.772 8.08988 20.2937 8.36602L17.6956 9.86602C17.2173 10.1422 16.6057 9.97829 16.3296 9.5C16.0535 9.02171 16.2173 8.41012 16.6956 8.13398L19.2937 6.63397C19.772 6.35783 20.3836 6.52171 20.6597 7ZM7.66935 14.5C7.94549 14.9783 7.78161 15.5899 7.30332 15.866L4.70525 17.366C4.22695 17.6422 3.61536 17.4783 3.33922 17C3.06308 16.5217 3.22695 15.9101 3.70525 15.634L6.30332 14.134C6.78161 13.8578 7.3932 14.0217 7.66935 14.5ZM20.6597 17C20.3836 17.4783 19.772 17.6422 19.2937 17.366L16.6956 15.866C16.2173 15.5899 16.0535 14.9783 16.3296 14.5C16.6057 14.0217 17.2173 13.8578 17.6956 14.134L20.2937 15.634C20.772 15.9101 20.9359 16.5217 20.6597 17ZM7.66935 9.5C7.3932 9.97829 6.78161 10.1422 6.30332 9.86602L3.70525 8.36602C3.22695 8.08988 3.06308 7.47829 3.33922 7C3.61536 6.52171 4.22695 6.35783 4.70525 6.63397L7.30332 8.13398C7.78161 8.41012 7.94549 9.02171 7.66935 9.5Z" }) }) : null
+            className: `flex justify-center items-center absolute shadow-md top-0.5 left-0.5 size-5 rounded-full shadow transition-all duration-300 ${s ? `translate-x-5 ${(f = we[o]) == null ? void 0 : f.filled}` : "translate-x-0 bg-color-white"}`,
+            children: d ? /* @__PURE__ */ a.jsx("svg", { className: "animate-spin text-color-gray-500 size-3", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a.jsx("path", { d: "M11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V6C12.9995 6.55228 12.5518 7 11.9995 7C11.4472 7 10.9995 6.55228 10.9995 6V3C10.9995 2.44772 11.4472 2 11.9995 2ZM11.9995 17C12.5518 17 12.9995 17.4477 12.9995 18V21C12.9995 21.5523 12.5518 22 11.9995 22C11.4472 22 10.9995 21.5523 10.9995 21V18C10.9995 17.4477 11.4472 17 11.9995 17ZM20.6597 7C20.9359 7.47829 20.772 8.08988 20.2937 8.36602L17.6956 9.86602C17.2173 10.1422 16.6057 9.97829 16.3296 9.5C16.0535 9.02171 16.2173 8.41012 16.6956 8.13398L19.2937 6.63397C19.772 6.35783 20.3836 6.52171 20.6597 7ZM7.66935 14.5C7.94549 14.9783 7.78161 15.5899 7.30332 15.866L4.70525 17.366C4.22695 17.6422 3.61536 17.4783 3.33922 17C3.06308 16.5217 3.22695 15.9101 3.70525 15.634L6.30332 14.134C6.78161 13.8578 7.3932 14.0217 7.66935 14.5ZM20.6597 17C20.3836 17.4783 19.772 17.6422 19.2937 17.366L16.6956 15.866C16.2173 15.5899 16.0535 14.9783 16.3296 14.5C16.6057 14.0217 17.2173 13.8578 17.6956 14.134L20.2937 15.634C20.772 15.9101 20.9359 16.5217 20.6597 17ZM7.66935 9.5C7.3932 9.97829 6.78161 10.1422 6.30332 9.86602L3.70525 8.36602C3.22695 8.08988 3.06308 7.47829 3.33922 7C3.61536 6.52171 4.22695 6.35783 4.70525 6.63397L7.30332 8.13398C7.78161 8.41012 7.94549 9.02171 7.66935 9.5Z" }) }) : null
           }
         )
       ]
@@ -7079,15 +7088,16 @@ const Yi = rr(function({
   ) : /* @__PURE__ */ a.jsx(
     "button",
     {
-      onClick: p,
+      onClick: m,
+      id: l,
       type: r,
       disabled: t,
-      className: `relative w-11 h-6 flex items-center rounded-full transition-color duration-300 ${l ? (f = we[o]) == null ? void 0 : f.filled : "bg-color-gray-300"} ${t ? "bg-color-gray-300 opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
+      className: `relative w-11 h-6 flex items-center rounded-full transition-color duration-300 ${s ? (v = we[o]) == null ? void 0 : v.filled : "bg-color-gray-300"} ${t ? "bg-color-gray-300 opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
       children: /* @__PURE__ */ a.jsx(
         "div",
         {
-          className: `absolute top-[4px] left-1 w-4 h-4 bg-color-white rounded-full flex items-center justify-center transition-all duration-300 ${l ? "translate-x-[19px]" : "-translate-x-0"}`,
-          children: c ? /* @__PURE__ */ a.jsx("svg", { className: "animate-spin text-color-gray-500 size-3", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a.jsx("path", { d: "M11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V6C12.9995 6.55228 12.5518 7 11.9995 7C11.4472 7 10.9995 6.55228 10.9995 6V3C10.9995 2.44772 11.4472 2 11.9995 2ZM11.9995 17C12.5518 17 12.9995 17.4477 12.9995 18V21C12.9995 21.5523 12.5518 22 11.9995 22C11.4472 22 10.9995 21.5523 10.9995 21V18C10.9995 17.4477 11.4472 17 11.9995 17ZM20.6597 7C20.9359 7.47829 20.772 8.08988 20.2937 8.36602L17.6956 9.86602C17.2173 10.1422 16.6057 9.97829 16.3296 9.5C16.0535 9.02171 16.2173 8.41012 16.6956 8.13398L19.2937 6.63397C19.772 6.35783 20.3836 6.52171 20.6597 7ZM7.66935 14.5C7.94549 14.9783 7.78161 15.5899 7.30332 15.866L4.70525 17.366C4.22695 17.6422 3.61536 17.4783 3.33922 17C3.06308 16.5217 3.22695 15.9101 3.70525 15.634L6.30332 14.134C6.78161 13.8578 7.3932 14.0217 7.66935 14.5ZM20.6597 17C20.3836 17.4783 19.772 17.6422 19.2937 17.366L16.6956 15.866C16.2173 15.5899 16.0535 14.9783 16.3296 14.5C16.6057 14.0217 17.2173 13.8578 17.6956 14.134L20.2937 15.634C20.772 15.9101 20.9359 16.5217 20.6597 17ZM7.66935 9.5C7.3932 9.97829 6.78161 10.1422 6.30332 9.86602L3.70525 8.36602C3.22695 8.08988 3.06308 7.47829 3.33922 7C3.61536 6.52171 4.22695 6.35783 4.70525 6.63397L7.30332 8.13398C7.78161 8.41012 7.94549 9.02171 7.66935 9.5Z" }) }) : null
+          className: `absolute top-[4px] left-1 w-4 h-4 bg-color-white rounded-full flex items-center justify-center transition-all duration-300 ${s ? "translate-x-[19px]" : "-translate-x-0"}`,
+          children: d ? /* @__PURE__ */ a.jsx("svg", { className: "animate-spin text-color-gray-500 size-3", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a.jsx("path", { d: "M11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V6C12.9995 6.55228 12.5518 7 11.9995 7C11.4472 7 10.9995 6.55228 10.9995 6V3C10.9995 2.44772 11.4472 2 11.9995 2ZM11.9995 17C12.5518 17 12.9995 17.4477 12.9995 18V21C12.9995 21.5523 12.5518 22 11.9995 22C11.4472 22 10.9995 21.5523 10.9995 21V18C10.9995 17.4477 11.4472 17 11.9995 17ZM20.6597 7C20.9359 7.47829 20.772 8.08988 20.2937 8.36602L17.6956 9.86602C17.2173 10.1422 16.6057 9.97829 16.3296 9.5C16.0535 9.02171 16.2173 8.41012 16.6956 8.13398L19.2937 6.63397C19.772 6.35783 20.3836 6.52171 20.6597 7ZM7.66935 14.5C7.94549 14.9783 7.78161 15.5899 7.30332 15.866L4.70525 17.366C4.22695 17.6422 3.61536 17.4783 3.33922 17C3.06308 16.5217 3.22695 15.9101 3.70525 15.634L6.30332 14.134C6.78161 13.8578 7.3932 14.0217 7.66935 14.5ZM20.6597 17C20.3836 17.4783 19.772 17.6422 19.2937 17.366L16.6956 15.866C16.2173 15.5899 16.0535 14.9783 16.3296 14.5C16.6057 14.0217 17.2173 13.8578 17.6956 14.134L20.2937 15.634C20.772 15.9101 20.9359 16.5217 20.6597 17ZM7.66935 9.5C7.3932 9.97829 6.78161 10.1422 6.30332 9.86602L3.70525 8.36602C3.22695 8.08988 3.06308 7.47829 3.33922 7C3.61536 6.52171 4.22695 6.35783 4.70525 6.63397L7.30332 8.13398C7.78161 8.41012 7.94549 9.02171 7.66935 9.5Z" }) }) : null
         }
       )
     }
@@ -7252,13 +7262,13 @@ const Yi = rr(function({
   color: l = "blue",
   className: s = "",
   radioClass: c
-}) => /* @__PURE__ */ a.jsx("div", { className: `flex ${o === "row" ? "flex-row gap-6" : "flex-col gap-3"} ${s}`, children: n.map(({ label: d, value: p, disabled: m }) => {
-  var f, v;
-  const u = i || m;
+}) => /* @__PURE__ */ a.jsx("div", { className: `flex ${o === "row" ? "flex-row gap-6" : "flex-col gap-3"} ${s}`, children: n.map(({ label: d, value: p, disabled: m, id: u }) => {
+  var v, g;
+  const f = i || m;
   return /* @__PURE__ */ a.jsxs(
     "label",
     {
-      className: `relative flex items-center cursor-pointer select-none transition ${u ? "opacity-50 cursor-not-allowed" : "hover:opacity-90"}`,
+      className: `relative flex items-center cursor-pointer select-none transition ${f ? "opacity-50 cursor-not-allowed" : "hover:opacity-90"}`,
       children: [
         /* @__PURE__ */ a.jsx(
           "input",
@@ -7266,19 +7276,20 @@ const Yi = rr(function({
             type: "radio",
             name: e,
             value: p,
-            disabled: u,
+            disabled: f,
             checked: t === p,
-            onChange: () => !u && (r == null ? void 0 : r(p)),
-            className: "sr-only peer"
+            onChange: () => !f && (r == null ? void 0 : r(p)),
+            className: "sr-only peer",
+            ...u && { id: u }
           }
         ),
         /* @__PURE__ */ a.jsx(
           "div",
           {
-            className: `w-5 h-5 rounded-full border-2 border-color-gray-400 peer-checked:border-[7px] transition-all duration-150 ${(f = we[l]) == null ? void 0 : f.peer} ${c}`
+            className: `w-5 h-5 rounded-full border-2 border-color-gray-400 peer-checked:border-[7px] transition-all duration-150 ${(v = we[l]) == null ? void 0 : v.peer} ${c}`
           }
         ),
-        /* @__PURE__ */ a.jsx("span", { className: `ml-2 text-sm ${(v = we[l]) == null ? void 0 : v.peer}`, children: d })
+        /* @__PURE__ */ a.jsx("span", { className: `ml-2 text-sm ${(g = we[l]) == null ? void 0 : g.peer}`, children: d })
       ]
     },
     p
@@ -7330,7 +7341,7 @@ const Yi = rr(function({
   children: n,
   position: t = "top"
 }) => {
-  const [r, o] = J(!1), [i, l] = J({ top: 0, left: 0 }), s = me(null), c = me(null);
+  const [r, o] = ee(!1), [i, l] = ee({ top: 0, left: 0 }), s = me(null), c = me(null);
   return pe(() => {
     if (r && s.current && c.current) {
       const d = s.current.getBoundingClientRect(), p = c.current.getBoundingClientRect();
@@ -7401,17 +7412,17 @@ const Ci = {
     fullWidth: d = !1,
     maxWidth: p
   }, m) => {
-    const [u, f] = J(e || !1), [v, g] = J(!1), [w, h] = J(!1);
+    const [u, f] = ee(e || !1), [v, g] = ee(!1), [h, w] = ee(!1);
     pe(() => {
       e !== void 0 && f(e);
     }, [e]), _n(m, () => ({
       open: () => f(!0),
       close: () => {
-        h(!1), setTimeout(() => f(!1), 300);
+        w(!1), setTimeout(() => f(!1), 300);
       }
     })), pe(() => {
       let y;
-      return u ? (g(!0), y = setTimeout(() => h(!0), 10)) : h(!1), () => clearTimeout(y);
+      return u ? (g(!0), y = setTimeout(() => w(!0), 10)) : w(!1), () => clearTimeout(y);
     }, [u]);
     const S = () => {
       u || g(!1);
@@ -7429,7 +7440,7 @@ const Ci = {
         {
           className: yi(
             "fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300",
-            w ? "opacity-100" : "opacity-0 pointer-events-none"
+            h ? "opacity-100" : "opacity-0 pointer-events-none"
           ),
           children: [
             /* @__PURE__ */ a.jsx(
@@ -7444,7 +7455,7 @@ const Ci = {
             /* @__PURE__ */ a.jsxs(
               "div",
               {
-                className: `relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${w ? "opacity-100 scale-100" : "opacity-0 scale-95"} ${c ? "w-full h-[calc(100%_-_40px)] m-5" : `${d ? "w-full" : "w-auto"} ${p ? Ci[p] : ""} mx-5`} ${r}`,
+                className: `relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${h ? "opacity-100 scale-100" : "opacity-0 scale-95"} ${c ? "w-full h-[calc(100%_-_40px)] m-5" : `${d ? "w-full" : "w-auto"} ${p ? Ci[p] : ""} mx-5`} ${r}`,
                 onTransitionEnd: S,
                 children: [
                   /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
@@ -7476,8 +7487,8 @@ const Ci = {
   }
 );
 function oa({ items: e, trigger: n, className: t, dropdownItemClass: r, positioning: o = "fixed" }) {
-  const [i, l] = J(!1), [s, c] = J({ top: 0, left: 0 }), [d, p] = J(!1), m = me(null), u = me(null), f = (g) => {
-    g.stopPropagation(), l((w) => !w), p(!1), i || c(o === "fixed" ? {
+  const [i, l] = ee(!1), [s, c] = ee({ top: 0, left: 0 }), [d, p] = ee(!1), m = me(null), u = me(null), f = (g) => {
+    g.stopPropagation(), l((h) => !h), p(!1), i || c(o === "fixed" ? {
       top: g.clientY,
       left: g.clientX
     } : {
@@ -7487,23 +7498,23 @@ function oa({ items: e, trigger: n, className: t, dropdownItemClass: r, position
   };
   or(() => {
     if (i && u.current) {
-      const g = u.current.getBoundingClientRect(), w = window.innerWidth, h = window.innerHeight;
+      const g = u.current.getBoundingClientRect(), h = window.innerWidth, w = window.innerHeight;
       let { left: S, top: y } = s;
       const $ = S, b = y;
       if (o === "fixed")
-        S + g.width > w && (S = w - g.width - 12), S < 12 && (S = 12), y + g.height > h && (y = b - g.height), y < 12 && (y = 12);
+        S + g.width > h && (S = h - g.width - 12), S < 12 && (S = 12), y + g.height > w && (y = b - g.height), y < 12 && (y = 12);
       else {
-        const z = window.scrollX, R = window.scrollY;
-        S - z + g.width > w && (S = z + w - g.width - 12), S < z + 12 && (S = z + 12), y - R + g.height > h && (y = b - g.height), y < R + 12 && (y = R + 12);
+        const A = window.scrollX, R = window.scrollY;
+        S - A + g.width > h && (S = A + h - g.width - 12), S < A + 12 && (S = A + 12), y - R + g.height > w && (y = b - g.height), y < R + 12 && (y = R + 12);
       }
       (S !== $ || y !== b) && c({ top: y, left: S }), setTimeout(() => {
         p(!0);
       }, 150);
     }
   }, [i, o]), pe(() => {
-    const g = (w) => {
-      var h;
-      u.current && !u.current.contains(w.target) && !((h = m.current) != null && h.contains(w.target)) && l(!1);
+    const g = (h) => {
+      var w;
+      u.current && !u.current.contains(h.target) && !((w = m.current) != null && w.contains(h.target)) && l(!1);
     };
     return i && document.addEventListener("mousedown", g), () => {
       document.removeEventListener("mousedown", g);
@@ -7518,13 +7529,13 @@ function oa({ items: e, trigger: n, className: t, dropdownItemClass: r, position
         top: s.top,
         left: s.left
       },
-      children: e.map((g, w) => /* @__PURE__ */ a.jsxs(
+      children: e.map((g, h) => /* @__PURE__ */ a.jsxs(
         "button",
         {
           disabled: g.disabled,
           onClick: () => {
-            var h;
-            (h = g.onClick) == null || h.call(g), l(!1);
+            var w;
+            (w = g.onClick) == null || w.call(g), l(!1);
           },
           className: `flex items-center gap-3 w-full text-left px-3 py-2 bg-color-transparent hover:bg-color-gray-100 transition-all cursor-pointer rounded-md text-md text-color-gray-700 ${g.disabled ? "opacity-50 hover:bg-color-transparent !cursor-not-allowed" : ""} ${r} ${g.itemClass}`,
           children: [
@@ -7532,7 +7543,7 @@ function oa({ items: e, trigger: n, className: t, dropdownItemClass: r, position
             /* @__PURE__ */ a.jsx("span", { children: g.label })
           ]
         },
-        w
+        h
       ))
     }
   );
@@ -7555,21 +7566,21 @@ const $i = ({
   showCloseIcon: s = !0,
   anchor: c = "left"
 }) => {
-  const [d, p] = J(!1), [m, u] = J(!1);
+  const [d, p] = ee(!1), [m, u] = ee(!1);
   pe(() => {
-    let w;
-    return e ? (p(!0), w = setTimeout(() => {
+    let h;
+    return e ? (p(!0), h = setTimeout(() => {
       u(!0);
-    }, 10)) : u(!1), () => clearTimeout(w);
+    }, 10)) : u(!1), () => clearTimeout(h);
   }, [e]);
   const f = () => {
     e || p(!1);
   };
   if (pe(() => {
-    const w = (h) => {
-      h.key === "Escape" && (n == null || n());
+    const h = (w) => {
+      w.key === "Escape" && (n == null || n());
     };
-    return e && document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
+    return e && document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
   }, [e, n]), pe(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
   }), [e]), !d) return null;
@@ -7640,7 +7651,7 @@ const $i = ({
   titleClass: c = "",
   contentClass: d = ""
 }) => {
-  const [p, m] = J(i), u = o !== void 0, f = u ? o : p, v = () => {
+  const [p, m] = ee(i), u = o !== void 0, f = u ? o : p, v = () => {
     const g = !f;
     u || m(g), l == null || l(g);
   };
@@ -7692,7 +7703,7 @@ const $i = ({
   className: o = "",
   autoCloseDuration: i = 5e3
 }) => {
-  const [l, s] = J(!0), c = me(null);
+  const [l, s] = ee(!0), c = me(null);
   return pe(() => {
     let d;
     return r && (requestAnimationFrame(() => {
@@ -7825,62 +7836,62 @@ const $i = ({
   hideFutureDates: f = !1,
   defaultDate: v,
   fromDate: g,
-  toDate: w,
-  minimumDate: h,
+  toDate: h,
+  minimumDate: w,
   maxDate: S
 }) => {
-  const [y, $] = J(!1), [b, z] = J(null), [R, A] = J(
-    g || w ? /* @__PURE__ */ new Date() : v ? new Date(typeof v == "string" ? parseInt(v) : v) : /* @__PURE__ */ new Date()
-  ), [ee, X] = J(
+  const [y, $] = ee(!1), [b, A] = ee(null), [R, O] = ee(
+    g || h ? /* @__PURE__ */ new Date() : v ? new Date(typeof v == "string" ? parseInt(v) : v) : /* @__PURE__ */ new Date()
+  ), [J, U] = ee(
     u ? new Date(u) : v && !u ? new Date(typeof v == "string" ? parseInt(v) : v) : null
-  ), [Q, de] = J(g ? new Date(g) : null), [D, T] = J(w ? new Date(w) : null), [q, K] = J(null), [V, ve] = J({ hour: 12, minute: 0, ampm: "AM" }), U = me(null), [x, j] = J(
+  ), [K, de] = ee(g ? new Date(g) : null), [D, z] = ee(h ? new Date(h) : null), [q, Q] = ee(null), [V, ve] = ee({ hour: 12, minute: 0, ampm: "AM" }), X = me(null), [x, j] = ee(
     u ? new Date(u) : v && !u ? new Date(typeof v == "string" ? parseInt(v) : v) : null
-  ), [L, E] = J(g ? new Date(g) : null), [P, O] = J(w ? new Date(w) : null);
+  ), [L, E] = ee(g ? new Date(g) : null), [P, T] = ee(h ? new Date(h) : null);
   pe(() => {
     if (u)
-      X(new Date(u)), j(new Date(u));
+      U(new Date(u)), j(new Date(u));
     else if (!u && v) {
       const C = new Date(typeof v == "string" ? parseInt(v) : v);
-      X(C), j(C);
+      U(C), j(C);
     } else
-      X(null), j(null);
+      U(null), j(null);
   }, [u, v]), pe(() => {
-    g && (de(new Date(g)), E(new Date(g)), X(new Date(g)), j(new Date(g)));
+    g && (de(new Date(g)), E(new Date(g)), U(new Date(g)), j(new Date(g)));
   }, [g]), pe(() => {
-    w && (T(new Date(w)), O(new Date(w)), X(new Date(w)), j(new Date(w)));
-  }, [w]);
+    h && (z(new Date(h)), T(new Date(h)), U(new Date(h)), j(new Date(h)));
+  }, [h]);
   const k = (C) => {
-    C.stopPropagation(), z(C.currentTarget), $(!0), x ? A(new Date(x)) : v && !x && A(new Date(typeof v == "string" ? parseInt(v) : v));
+    C.stopPropagation(), A(C.currentTarget), $(!0), x ? O(new Date(x)) : v && !x && O(new Date(typeof v == "string" ? parseInt(v) : v));
   }, B = (C) => {
     if (p && C.getTime() < p || m && C.getTime() > m || f && C.getTime() > (/* @__PURE__ */ new Date()).setHours(23, 59, 59, 999)) return !0;
     if (S) {
       const ie = typeof S == "string" ? new Date(S) : typeof S == "number" ? new Date(S) : S;
       if (C.getTime() > ie.getTime()) return !0;
     }
-    if (h) {
-      const ie = typeof h == "string" ? new Date(h) : typeof h == "number" ? new Date(h) : h;
+    if (w) {
+      const ie = typeof w == "string" ? new Date(w) : typeof w == "number" ? new Date(w) : w;
       if (C.getTime() < ie.getTime()) return !0;
     }
     return !1;
   }, N = (C) => {
-    n === "inline" && U.current && !U.current.contains(C.target) && (e === "single" ? ee || X(null) : e === "range" && (!Q || !D) && (de(null), T(null)), $(!1));
+    n === "inline" && X.current && !X.current.contains(C.target) && (e === "single" ? J || U(null) : e === "range" && (!K || !D) && (de(null), z(null)), $(!1));
   };
   pe(() => (y ? document.addEventListener("mousedown", N) : document.removeEventListener("mousedown", N), () => {
     document.removeEventListener("mousedown", N);
   }), [y]);
   const G = (C) => {
-    !C || B(C) || (e === "single" ? X(C) : e === "range" && (!Q || Q && D ? (de(C), T(null)) : C >= Q ? T(C) : de(C)));
+    !C || B(C) || (e === "single" ? U(C) : e === "range" && (!K || K && D ? (de(C), z(null)) : C >= K ? z(C) : de(C)));
   }, Y = (C) => {
     if (!C || B(C)) {
-      K(null);
+      Q(null);
       return;
     }
-    e === "range" && Q && !D && K(C);
+    e === "range" && K && !D && Q(C);
   }, se = () => {
-    K(null);
+    Q(null);
   }, _ = () => {
     if ($(!1), e === "single") {
-      const C = r ? /* @__PURE__ */ new Date() : ee, ie = C ? new Date(
+      const C = r ? /* @__PURE__ */ new Date() : J, ie = C ? new Date(
         C.getFullYear(),
         C.getMonth(),
         C.getDate(),
@@ -7891,15 +7902,15 @@ const $i = ({
       const he = ie ? ie.getTime() : null;
       i == null || i(he), l == null || l(he);
     } else if (e === "range") {
-      E(Q), O(D);
+      E(K), T(D);
       const C = {
-        startDate: Q ? Q.getTime() : null,
+        startDate: K ? K.getTime() : null,
         endDate: D ? D.getTime() : null
       };
       i == null || i(C), l == null || l(C);
     }
   }, F = () => {
-    $(!1), X(x), de(L), T(P), A(x ? new Date(x) : /* @__PURE__ */ new Date()), s == null || s();
+    $(!1), U(x), de(L), z(P), O(x ? new Date(x) : /* @__PURE__ */ new Date()), s == null || s();
   }, re = () => {
     const C = new Date(R.getFullYear(), R.getMonth(), 1), ie = new Date(R.getFullYear(), R.getMonth() + 1, 0), he = (/* @__PURE__ */ new Date()).setHours(23, 59, 59, 999), M = [], I = C.getDay();
     for (let ne = 0; ne < I; ne++)
@@ -7910,8 +7921,8 @@ const $i = ({
     }
     return M;
   }, oe = () => {
-    if (h) {
-      const C = typeof h == "string" ? new Date(h) : typeof h == "number" ? new Date(h) : h;
+    if (w) {
+      const C = typeof w == "string" ? new Date(w) : typeof w == "number" ? new Date(w) : w;
       if (R.getFullYear() < C.getFullYear() || R.getFullYear() === C.getFullYear() && R.getMonth() <= C.getMonth()) return !1;
     }
     if (p) {
@@ -7936,13 +7947,13 @@ const $i = ({
   }, H = (C) => {
     if (!C) return !1;
     if (e === "single")
-      return (ee == null ? void 0 : ee.toDateString()) === C.toDateString();
+      return (J == null ? void 0 : J.toDateString()) === C.toDateString();
     if (e === "range") {
-      if (Q && !D && q) {
-        const ie = Q < q ? Q : q, he = Q < q ? q : Q;
+      if (K && !D && q) {
+        const ie = K < q ? K : q, he = K < q ? q : K;
         return C >= ie && C <= he;
       }
-      return Q && D && C >= Q && C <= D;
+      return K && D && C >= K && C <= D;
     }
     return !1;
   }, te = (C, ie) => {
@@ -7986,7 +7997,7 @@ const $i = ({
   ] }), Se = /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ref: U,
+      ref: X,
       className: `${n === "dialog" ? "relative w-full" : "absolute z-50 mt-2 w-72 rounded-lg border border-color-gray-200 bg-color-white shadow-xl p-4"}`,
       style: n === "dialog" ? void 0 : {
         position: "absolute",
@@ -8004,7 +8015,7 @@ const $i = ({
                 color: "gray",
                 roundedFull: !0,
                 disabled: !oe(),
-                onClick: () => A(new Date(R.getFullYear(), R.getMonth() - 1, 1)),
+                onClick: () => O(new Date(R.getFullYear(), R.getMonth() - 1, 1)),
                 icon: /* @__PURE__ */ a.jsx("svg", { className: "size-5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a.jsx("path", { d: "M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z" }) })
               }
             ),
@@ -8014,13 +8025,13 @@ const $i = ({
                 {
                   className: "text-sm outline-none",
                   value: R.getMonth(),
-                  onChange: (C) => A(new Date(R.getFullYear(), parseInt(C.target.value), 1)),
+                  onChange: (C) => O(new Date(R.getFullYear(), parseInt(C.target.value), 1)),
                   children: kn.map((C, ie) => {
                     const he = R.getFullYear(), M = ie, I = /* @__PURE__ */ new Date();
                     if (f && he === I.getFullYear() && M > I.getMonth())
                       return null;
-                    if (h) {
-                      const ne = typeof h == "string" ? new Date(h) : typeof h == "number" ? new Date(h) : h;
+                    if (w) {
+                      const ne = typeof w == "string" ? new Date(w) : typeof w == "number" ? new Date(w) : w;
                       if (he === ne.getFullYear() && M < ne.getMonth() || he < ne.getFullYear())
                         return null;
                     }
@@ -8038,11 +8049,11 @@ const $i = ({
                 {
                   className: "text-sm outline-none",
                   value: R.getFullYear(),
-                  onChange: (C) => A(new Date(parseInt(C.target.value), R.getMonth(), 1)),
+                  onChange: (C) => O(new Date(parseInt(C.target.value), R.getMonth(), 1)),
                   children: Array.from({ length: 150 }, (C, ie) => (/* @__PURE__ */ new Date()).getFullYear() - 100 + ie).filter((C) => {
                     if (f && C > (/* @__PURE__ */ new Date()).getFullYear()) return !1;
-                    if (h) {
-                      const ie = typeof h == "string" ? new Date(h) : typeof h == "number" ? new Date(h) : h;
+                    if (w) {
+                      const ie = typeof w == "string" ? new Date(w) : typeof w == "number" ? new Date(w) : w;
                       if (C < ie.getFullYear()) return !1;
                     }
                     if (S || m) {
@@ -8062,7 +8073,7 @@ const $i = ({
                 color: "gray",
                 roundedFull: !0,
                 disabled: !ge(),
-                onClick: () => A(new Date(R.getFullYear(), R.getMonth() + 1, 1)),
+                onClick: () => O(new Date(R.getFullYear(), R.getMonth() + 1, 1)),
                 icon: /* @__PURE__ */ a.jsx("svg", { className: "size-5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a.jsx("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" }) })
               }
             )
@@ -8111,8 +8122,8 @@ const $i = ({
         children: [
           e === "single" ? x && u !== null ? te(x) : c : (
             // Display rangeStart immediately if set, even if rangeEnd is null
-            Q || L || P ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-              te(Q || L, "start"),
+            K || L || P ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+              te(K || L, "start"),
               " -",
               " ",
               te(D || P, "end")
@@ -8207,7 +8218,7 @@ function ga({
   onItemSelect: l,
   className: s = ""
 }) {
-  const [c, d] = J(r), p = (m) => {
+  const [c, d] = ee(r), p = (m) => {
     d(m), m.onClick && m.onClick(), l && l(m);
   };
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a.jsx(