@unizap/uniui 1.0.52 → 1.0.55

package/dist/uniui.js

@@ -49,12 +49,12 @@ var Ve = {};
 var Zt;
 function ar() {
   return Zt || (Zt = 1, process.env.NODE_ENV !== "production" && function() {
-    function e(m) {
-      if (m == null) return null;
-      if (typeof m == "function")
-        return m.$$typeof === X ? null : m.displayName || m.name || null;
-      if (typeof m == "string") return m;
-      switch (m) {
+    function e(x) {
+      if (x == null) return null;
+      if (typeof x == "function")
+        return x.$$typeof === X ? null : x.displayName || x.name || null;
+      if (typeof x == "string") return x;
+      switch (x) {
         case g:
           return "Fragment";
         case h:
@@ -68,140 +68,140 @@ function ar() {
         case ee:
           return "Activity";
       }
-      if (typeof m == "object")
-        switch (typeof m.tag == "number" && console.error(
+      if (typeof x == "object")
+        switch (typeof x.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), m.$$typeof) {
+        ), x.$$typeof) {
           case v:
             return "Portal";
           case y:
-            return (m.displayName || "Context") + ".Provider";
+            return (x.displayName || "Context") + ".Provider";
           case S:
-            return (m._context.displayName || "Context") + ".Consumer";
+            return (x._context.displayName || "Context") + ".Consumer";
           case $:
-            var j = m.render;
-            return m = m.displayName, m || (m = j.displayName || j.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
+            var j = x.render;
+            return x = x.displayName, x || (x = j.displayName || j.name || "", x = x !== "" ? "ForwardRef(" + x + ")" : "ForwardRef"), x;
           case R:
-            return j = m.displayName || null, j !== null ? j : e(m.type) || "Memo";
+            return j = x.displayName || null, j !== null ? j : e(x.type) || "Memo";
           case A:
-            j = m._payload, m = m._init;
+            j = x._payload, x = x._init;
             try {
-              return e(m(j));
+              return e(x(j));
             } catch {
             }
         }
       return null;
     }
-    function n(m) {
-      return "" + m;
+    function n(x) {
+      return "" + x;
     }
-    function t(m) {
+    function t(x) {
       try {
-        n(m);
+        n(x);
         var j = !1;
       } catch {
         j = !0;
       }
       if (j) {
         j = console;
-        var L = j.error, E = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        var L = j.error, E = typeof Symbol == "function" && Symbol.toStringTag && x[Symbol.toStringTag] || x.constructor.name || "Object";
         return L.call(
           j,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           E
-        ), n(m);
+        ), n(x);
       }
     }
-    function r(m) {
-      if (m === g) return "<>";
-      if (typeof m == "object" && m !== null && m.$$typeof === A)
+    function r(x) {
+      if (x === g) return "<>";
+      if (typeof x == "object" && x !== null && x.$$typeof === A)
         return "<...>";
       try {
-        var j = e(m);
+        var j = e(x);
         return j ? "<" + j + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var m = Q.A;
-      return m === null ? null : m.getOwner();
+      var x = Q.A;
+      return x === null ? null : x.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function l(m) {
-      if (de.call(m, "key")) {
-        var j = Object.getOwnPropertyDescriptor(m, "key").get;
+    function l(x) {
+      if (de.call(x, "key")) {
+        var j = Object.getOwnPropertyDescriptor(x, "key").get;
         if (j && j.isReactWarning) return !1;
       }
-      return m.key !== void 0;
+      return x.key !== void 0;
     }
-    function s(m, j) {
+    function s(x, j) {
       function L() {
         q || (q = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           j
         ));
       }
-      L.isReactWarning = !0, Object.defineProperty(m, "key", {
+      L.isReactWarning = !0, Object.defineProperty(x, "key", {
         get: L,
         configurable: !0
       });
     }
     function c() {
-      var m = e(this.type);
-      return K[m] || (K[m] = !0, console.error(
+      var x = e(this.type);
+      return K[x] || (K[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."
-      )), m = this.props.ref, m !== void 0 ? m : null;
+      )), x = this.props.ref, x !== void 0 ? x : null;
     }
-    function d(m, j, L, E, P, O, k, B) {
-      return L = O.ref, m = {
+    function d(x, j, L, E, P, O, k, B) {
+      return L = O.ref, x = {
         $$typeof: f,
-        type: m,
+        type: x,
         key: j,
         props: O,
         _owner: P
-      }, (L !== void 0 ? L : null) !== null ? Object.defineProperty(m, "ref", {
+      }, (L !== void 0 ? L : null) !== null ? Object.defineProperty(x, "ref", {
         enumerable: !1,
         get: c
-      }) : Object.defineProperty(m, "ref", { enumerable: !1, value: null }), m._store = {}, Object.defineProperty(m._store, "validated", {
+      }) : Object.defineProperty(x, "ref", { enumerable: !1, value: null }), x._store = {}, Object.defineProperty(x._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(m, "_debugInfo", {
+      }), Object.defineProperty(x, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(m, "_debugStack", {
+      }), Object.defineProperty(x, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: k
-      }), Object.defineProperty(m, "_debugTask", {
+      }), Object.defineProperty(x, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: B
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     }
-    function p(m, j, L, E, P, O, k, B) {
+    function p(x, j, L, E, P, O, k, B) {
       var N = j.children;
       if (N !== void 0)
         if (E)
           if (D(N)) {
             for (E = 0; E < N.length; E++)
-              x(N[E]);
+              m(N[E]);
             Object.freeze && Object.freeze(N);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else x(N);
+        else m(N);
       if (de.call(j, "key")) {
-        N = e(m);
+        N = e(x);
         var G = Object.keys(j).filter(function(se) {
           return se !== "key";
         });
@@ -225,9 +225,9 @@ React keys must be passed directly to JSX without using spread:
       } else L = j;
       return N && s(
         L,
-        typeof m == "function" ? m.displayName || m.name || "Unknown" : m
+        typeof x == "function" ? x.displayName || x.name || "Unknown" : x
       ), d(
-        m,
+        x,
         N,
         O,
         P,
@@ -237,44 +237,44 @@ React keys must be passed directly to JSX without using spread:
         B
       );
     }
-    function x(m) {
-      typeof m == "object" && m !== null && m.$$typeof === f && m._store && (m._store.validated = 1);
+    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() {
       return null;
     };
     u = {
-      "react-stack-bottom-frame": function(m) {
-        return m();
+      "react-stack-bottom-frame": function(x) {
+        return x();
       }
     };
     var q, K = {}, V = u["react-stack-bottom-frame"].bind(
       u,
       i
     )(), ve = T(r(i)), U = {};
-    Ve.Fragment = g, Ve.jsx = function(m, j, L, E, P) {
+    Ve.Fragment = g, Ve.jsx = function(x, j, L, E, P) {
       var O = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return p(
-        m,
+        x,
         j,
         L,
         !1,
         E,
         P,
         O ? Error("react-stack-top-frame") : V,
-        O ? T(r(m)) : ve
+        O ? T(r(x)) : ve
       );
-    }, Ve.jsxs = function(m, j, L, E, P) {
+    }, Ve.jsxs = function(x, j, L, E, P) {
       var O = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return p(
-        m,
+        x,
         j,
         L,
         !0,
         E,
         P,
         O ? Error("react-stack-top-frame") : V,
-        O ? T(r(m)) : ve
+        O ? T(r(x)) : ve
       );
     };
   }()), Ve;
@@ -617,7 +617,7 @@ const we = {
   fullWidth: c = !1,
   disabled: d = !1,
   roundedFull: p = !1,
-  size: x = "medium",
+  size: m = "medium",
   type: u = "button",
   autoFocus: f = !1,
   href: v,
@@ -641,7 +641,7 @@ const we = {
                         ${t === "outlined" && "border"}
                         ${$}
                         ${s}
-                        ${x === "small" ? "text-sm h-8 px-3" : x === "large" ? "text-lg h-12 px-6" : "text-base h-10 px-5"}
+                        ${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" : ""}
                         ${p ? "rounded-full" : "rounded-md"}
                         ${d ? `${t === "filled" && "!bg-color-gray-300 !text-color-white"} ${t === "outlined" && "!border-color-gray-200 !text-color-gray-300"}  cursor-not-allowed hover:bg-color-transparent !text-color-gray-300` : "cursor-pointer"}
@@ -663,7 +663,7 @@ const we = {
                          ${t === "outlined" && "border"}
                         ${$}
                         ${s}
-                        ${x === "small" ? "text-sm h-8 px-3" : x === "large" ? "text-lg h-12 px-6" : "text-base h-10 px-5"}
+                        ${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" : ""}
                         ${p ? "rounded-full" : "rounded-md"}
                         ${d ? `${t === "filled" && "!bg-color-gray-300 !text-color-white"} ${t === "outlined" && "!border-color-gray-200 !text-color-gray-300"}  cursor-not-allowed hover:bg-color-transparent !text-color-gray-300` : "cursor-pointer"}
@@ -801,7 +801,7 @@ 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, x = 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, w = e ? Symbol.for("react.fundamental") : 60117, h = 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;
@@ -813,7 +813,7 @@ function sr() {
             case r:
             case i:
             case o:
-            case x:
+            case m:
               return b;
             default:
               switch (b = b && b.$$typeof, b) {
@@ -835,7 +835,7 @@ function sr() {
   function $(b) {
     return y(b) === d;
   }
-  return ae.AsyncMode = c, ae.ConcurrentMode = d, ae.ContextConsumer = s, ae.ContextProvider = l, ae.Element = n, ae.ForwardRef = p, ae.Fragment = r, ae.Lazy = v, ae.Memo = f, ae.Portal = t, ae.Profiler = i, ae.StrictMode = o, ae.Suspense = x, ae.isAsyncMode = function(b) {
+  return ae.AsyncMode = c, ae.ConcurrentMode = d, ae.ContextConsumer = s, ae.ContextProvider = l, ae.Element = n, ae.ForwardRef = p, ae.Fragment = r, ae.Lazy = v, ae.Memo = f, ae.Portal = t, ae.Profiler = i, ae.StrictMode = o, ae.Suspense = m, ae.isAsyncMode = function(b) {
     return $(b) || y(b) === c;
   }, ae.isConcurrentMode = $, ae.isContextConsumer = function(b) {
     return y(b) === s;
@@ -858,9 +858,9 @@ function sr() {
   }, ae.isStrictMode = function(b) {
     return y(b) === o;
   }, ae.isSuspense = function(b) {
-    return y(b) === x;
+    return y(b) === m;
   }, ae.isValidElementType = function(b) {
-    return typeof b == "string" || typeof b == "function" || b === r || b === d || b === i || b === o || b === x || 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 === w || b.$$typeof === h || b.$$typeof === S || b.$$typeof === g);
   }, ae.typeOf = y, ae;
 }
 var le = {};
@@ -875,10 +875,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, x = 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, w = e ? Symbol.for("react.fundamental") : 60117, h = 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 || _ === x || _ === 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 === w || _.$$typeof === h || _.$$typeof === S || _.$$typeof === g);
     }
     function $(_) {
       if (typeof _ == "object" && _ !== null) {
@@ -892,7 +892,7 @@ function cr() {
               case r:
               case i:
               case o:
-              case x:
+              case m:
                 return re;
               default:
                 var oe = re && re.$$typeof;
@@ -912,11 +912,11 @@ 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 = x, ve = !1;
+    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(_) {
-      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.")), m(_) || $(_) === c;
+      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 m(_) {
+    function x(_) {
       return $(_) === d;
     }
     function j(_) {
@@ -950,9 +950,9 @@ function cr() {
       return $(_) === o;
     }
     function se(_) {
-      return $(_) === x;
+      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 = m, 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 = 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;
 }
 var Kt;
@@ -999,8 +999,8 @@ function ur() {
   return gt = o() ? Object.assign : function(i, l) {
     for (var s, c = r(i), d, p = 1; p < arguments.length; p++) {
       s = Object(arguments[p]);
-      for (var x in s)
-        n.call(s, x) && (c[x] = s[x]);
+      for (var m in s)
+        n.call(s, m) && (c[m] = s[m]);
       if (e) {
         d = e(s);
         for (var u = 0; u < d.length; u++)
@@ -1042,7 +1042,7 @@ function pr() {
     if (process.env.NODE_ENV !== "production") {
       for (var p in i)
         if (r(i, p)) {
-          var x;
+          var m;
           try {
             if (typeof i[p] != "function") {
               var u = Error(
@@ -1050,17 +1050,17 @@ function pr() {
               );
               throw u.name = "Invariant Violation", u;
             }
-            x = i[p](l, p, c, s, null, n);
+            m = i[p](l, p, c, s, null, n);
           } catch (v) {
-            x = v;
+            m = v;
           }
-          if (x && !(x instanceof Error) && e(
-            (c || "React class") + ": type specification of " + s + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof x + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), x instanceof Error && !(x.message in t)) {
-            t[x.message] = !0;
+          if (m && !(m instanceof Error) && e(
+            (c || "React class") + ": type specification of " + s + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), m instanceof Error && !(m.message in t)) {
+            t[m.message] = !0;
             var f = d ? d() : "";
             e(
-              "Failed " + s + " type: " + x.message + (f ?? "")
+              "Failed " + s + " type: " + m.message + (f ?? "")
             );
           }
         }
@@ -1089,8 +1089,8 @@ function dr() {
   }
   return vt = function(s, c) {
     var d = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
-    function x(m) {
-      var j = m && (d && m[d] || m[p]);
+    function m(x) {
+      var j = x && (d && x[d] || x[p]);
       if (typeof j == "function")
         return j;
     }
@@ -1115,14 +1115,14 @@ function dr() {
       shape: de,
       exact: D
     };
-    function v(m, j) {
-      return m === j ? m !== 0 || 1 / m === 1 / j : m !== m && j !== j;
+    function v(x, j) {
+      return x === j ? x !== 0 || 1 / x === 1 / j : x !== x && j !== j;
     }
-    function g(m, j) {
-      this.message = m, this.data = j && typeof j == "object" ? j : {}, this.stack = "";
+    function g(x, j) {
+      this.message = x, this.data = j && typeof j == "object" ? j : {}, this.stack = "";
     }
     g.prototype = Error.prototype;
-    function w(m) {
+    function w(x) {
       if (process.env.NODE_ENV !== "production")
         var j = {}, L = 0;
       function E(O, k, B, N, G, Y, se) {
@@ -1140,19 +1140,19 @@ 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 : m(k, B, N, G, Y);
+        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);
       }
       var P = E.bind(null, !1);
       return P.isRequired = E.bind(null, !0), P;
     }
-    function h(m) {
+    function h(x) {
       function j(L, E, P, O, k, B) {
         var N = L[E], G = K(N);
-        if (G !== m) {
+        if (G !== x) {
           var Y = V(N);
           return new g(
-            "Invalid " + O + " `" + k + "` of type " + ("`" + Y + "` supplied to `" + P + "`, expected ") + ("`" + m + "`."),
-            { expectedType: m }
+            "Invalid " + O + " `" + k + "` of type " + ("`" + Y + "` supplied to `" + P + "`, expected ") + ("`" + x + "`."),
+            { expectedType: x }
           );
         }
         return null;
@@ -1162,9 +1162,9 @@ function dr() {
     function S() {
       return w(l);
     }
-    function y(m) {
+    function y(x) {
       function j(L, E, P, O, k) {
-        if (typeof m != "function")
+        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)) {
@@ -1172,7 +1172,7 @@ function dr() {
           return new g("Invalid " + O + " `" + k + "` of type " + ("`" + N + "` supplied to `" + P + "`, expected an array."));
         }
         for (var G = 0; G < B.length; G++) {
-          var Y = m(B, G, P, O, k + "[" + G + "]", t);
+          var Y = x(B, G, P, O, k + "[" + G + "]", t);
           if (Y instanceof Error)
             return Y;
         }
@@ -1181,7 +1181,7 @@ function dr() {
       return w(j);
     }
     function $() {
-      function m(j, L, E, P, O) {
+      function x(j, L, E, P, O) {
         var k = j[L];
         if (!s(k)) {
           var B = K(k);
@@ -1189,10 +1189,10 @@ function dr() {
         }
         return null;
       }
-      return w(m);
+      return w(x);
     }
     function b() {
-      function m(j, L, E, P, O) {
+      function x(j, L, E, P, O) {
         var k = j[L];
         if (!e.isValidElementType(k)) {
           var B = K(k);
@@ -1200,28 +1200,28 @@ function dr() {
         }
         return null;
       }
-      return w(m);
+      return w(x);
     }
-    function z(m) {
+    function z(x) {
       function j(L, E, P, O, k) {
-        if (!(L[E] instanceof m)) {
-          var B = m.name || u, N = U(L[E]);
+        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 + "`."));
         }
         return null;
       }
       return w(j);
     }
-    function R(m) {
-      if (!Array.isArray(m))
+    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) {
-        for (var B = L[E], N = 0; N < m.length; N++)
-          if (v(B, m[N]))
+        for (var B = L[E], N = 0; N < x.length; N++)
+          if (v(B, x[N]))
             return null;
-        var G = JSON.stringify(m, function(se, _) {
+        var G = JSON.stringify(x, function(se, _) {
           var F = V(_);
           return F === "symbol" ? String(_) : _;
         });
@@ -1229,16 +1229,16 @@ function dr() {
       }
       return w(j);
     }
-    function A(m) {
+    function A(x) {
       function j(L, E, P, O, k) {
-        if (typeof m != "function")
+        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);
         if (N !== "object")
           return new g("Invalid " + O + " `" + k + "` of type " + ("`" + N + "` supplied to `" + P + "`, expected an object."));
         for (var G in B)
           if (r(B, G)) {
-            var Y = m(B, G, P, O, k + "." + G, t);
+            var Y = x(B, G, P, O, k + "." + G, t);
             if (Y instanceof Error)
               return Y;
           }
@@ -1246,19 +1246,19 @@ function dr() {
       }
       return w(j);
     }
-    function ee(m) {
-      if (!Array.isArray(m))
+    function ee(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 < m.length; j++) {
-        var L = m[j];
+      for (var j = 0; j < x.length; j++) {
+        var L = x[j];
         if (typeof L != "function")
           return i(
             "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) {
-        for (var G = [], Y = 0; Y < m.length; Y++) {
-          var se = m[Y], _ = se(P, O, k, B, N, t);
+        for (var G = [], Y = 0; Y < x.length; Y++) {
+          var se = x[Y], _ = se(P, O, k, B, N, t);
           if (_ == null)
             return null;
           _.data && r(_.data, "expectedType") && G.push(_.data.expectedType);
@@ -1269,23 +1269,23 @@ function dr() {
       return w(E);
     }
     function X() {
-      function m(j, L, E, P, O) {
+      function x(j, L, E, P, O) {
         return T(j[L]) ? null : new g("Invalid " + P + " `" + O + "` supplied to " + ("`" + E + "`, expected a ReactNode."));
       }
-      return w(m);
+      return w(x);
     }
-    function Q(m, j, L, E, P) {
+    function Q(x, j, L, E, P) {
       return new g(
-        (m || "React class") + ": " + j + " type `" + L + "." + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
+        (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(m) {
+    function de(x) {
       function j(L, E, P, O, k) {
         var B = L[E], N = K(B);
         if (N !== "object")
           return new g("Invalid " + O + " `" + k + "` of type `" + N + "` " + ("supplied to `" + P + "`, expected `object`."));
-        for (var G in m) {
-          var Y = m[G];
+        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);
@@ -1296,20 +1296,20 @@ function dr() {
       }
       return w(j);
     }
-    function D(m) {
+    function D(x) {
       function j(L, E, P, O, k) {
         var B = L[E], N = K(B);
         if (N !== "object")
           return new g("Invalid " + O + " `" + k + "` of type `" + N + "` " + ("supplied to `" + P + "`, expected `object`."));
-        var G = n({}, L[E], m);
+        var G = n({}, L[E], x);
         for (var Y in G) {
-          var se = m[Y];
-          if (r(m, Y) && typeof se != "function")
+          var se = x[Y];
+          if (r(x, Y) && typeof se != "function")
             return Q(P, O, k, Y, V(se));
           if (!se)
             return new g(
               "Invalid " + O + " `" + k + "` key `" + Y + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(L[E], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
+Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
           var _ = se(B, Y, P, O, k + "." + Y, t);
           if (_)
@@ -1319,23 +1319,23 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
       }
       return w(j);
     }
-    function T(m) {
-      switch (typeof m) {
+    function T(x) {
+      switch (typeof x) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !m;
+          return !x;
         case "object":
-          if (Array.isArray(m))
-            return m.every(T);
-          if (m === null || s(m))
+          if (Array.isArray(x))
+            return x.every(T);
+          if (x === null || s(x))
             return !0;
-          var j = x(m);
+          var j = m(x);
           if (j) {
-            var L = j.call(m), E;
-            if (j !== m.entries) {
+            var L = j.call(x), E;
+            if (j !== x.entries) {
               for (; !(E = L.next()).done; )
                 if (!T(E.value))
                   return !1;
@@ -1352,27 +1352,27 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
           return !1;
       }
     }
-    function q(m, j) {
-      return m === "symbol" ? !0 : j ? j["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && j instanceof Symbol : !1;
+    function q(x, j) {
+      return x === "symbol" ? !0 : j ? j["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && j instanceof Symbol : !1;
     }
-    function K(m) {
-      var j = typeof m;
-      return Array.isArray(m) ? "array" : m instanceof RegExp ? "object" : q(j, m) ? "symbol" : j;
+    function K(x) {
+      var j = typeof x;
+      return Array.isArray(x) ? "array" : x instanceof RegExp ? "object" : q(j, x) ? "symbol" : j;
     }
-    function V(m) {
-      if (typeof m > "u" || m === null)
-        return "" + m;
-      var j = K(m);
+    function V(x) {
+      if (typeof x > "u" || x === null)
+        return "" + x;
+      var j = K(x);
       if (j === "object") {
-        if (m instanceof Date)
+        if (x instanceof Date)
           return "date";
-        if (m instanceof RegExp)
+        if (x instanceof RegExp)
           return "regexp";
       }
       return j;
     }
-    function ve(m) {
-      var j = V(m);
+    function ve(x) {
+      var j = V(x);
       switch (j) {
         case "array":
         case "object":
@@ -1385,8 +1385,8 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
           return j;
       }
     }
-    function U(m) {
-      return !m.constructor || !m.constructor.name ? u : m.constructor.name;
+    function U(x) {
+      return !x.constructor || !x.constructor.name ? u : x.constructor.name;
     }
     return f.checkPropTypes = o, f.resetWarningCache = o.resetWarningCache, f.PropTypes = f, f;
   }, vt;
@@ -1401,8 +1401,8 @@ function gr() {
   function t() {
   }
   return t.resetWarningCache = n, ht = function() {
-    function r(l, s, c, d, p, x) {
-      if (x !== e) {
+    function r(l, s, c, d, p, m) {
+      if (m !== e) {
         var u = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
@@ -1461,15 +1461,15 @@ function Pe(e, n, t, r) {
     function s(p) {
       try {
         d(r.next(p));
-      } catch (x) {
-        l(x);
+      } catch (m) {
+        l(m);
       }
     }
     function c(p) {
       try {
         d(r.throw(p));
-      } catch (x) {
-        l(x);
+      } catch (m) {
+        l(m);
       }
     }
     function d(p) {
@@ -2969,8 +2969,8 @@ function Le(e) {
 function qr(e) {
   var n = e.files, t = e.accept, r = e.minSize, o = e.maxSize, i = e.multiple, l = e.maxFiles, s = e.validator;
   return !i && n.length > 1 || i && l >= 1 && n.length > l ? !1 : n.every(function(c) {
-    var d = zn(c, t), p = Be(d, 1), x = p[0], u = Tn(c, r, o), f = Be(u, 1), v = f[0], g = s ? s(c) : null;
-    return x && v && !g;
+    var d = zn(c, t), p = Be(d, 1), m = p[0], u = Tn(c, r, o), f = Be(u, 1), v = f[0], g = s ? s(c) : null;
+    return m && v && !g;
   });
 }
 function rt(e) {
@@ -3350,7 +3350,7 @@ 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, x = 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, 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() {
     return Ur(t);
   }, [t]), Q = Ae(function() {
     return Wr(t);
@@ -3358,7 +3358,7 @@ function Hn() {
     return typeof w == "function" ? w : vn;
   }, [w]), 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], m = ve.isFocused, j = ve.isFileDialogActive, L = me(typeof window < "u" && window.isSecureContext && h && Zr()), E = function() {
+  }, [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() {
     !L.current && j && setTimeout(function() {
       if (q.current) {
         var I = q.current.files;
@@ -3416,8 +3416,8 @@ function Hn() {
         M.dataTransfer.dropEffect = "copy";
       } catch {
       }
-    return I && x && x(M), !1;
-  }, [x, R]), G = ce(function(M) {
+    return I && m && m(M), !1;
+  }, [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);
@@ -3552,7 +3552,7 @@ function Hn() {
     };
   }, [q, t, s, se, r]);
   return fe(fe({}, ve), {}, {
-    isFocused: m && !r,
+    isFocused: x && !r,
     getRootProps: C,
     getInputProps: he,
     rootRef: T,
@@ -3615,7 +3615,7 @@ const Ti = ({
   subLabel: c = "Maximum size: 2 MB",
   icon: d = /* @__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: "M3 19H21V21H3V19ZM13 5.82843V17H11V5.82843L4.92893 11.8995L3.51472 10.4853L12 2L20.4853 10.4853L19.0711 11.8995L13 5.82843Z" }) }),
   wrapperClass: p = "",
-  iconClass: x = "",
+  iconClass: m = "",
   labelClass: u = "",
   subLabelClass: f = "",
   showList: v = !0,
@@ -3688,7 +3688,7 @@ const Ti = ({
             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("div", { className: `text-4xl mb-2 ${x}`, children: d }),
+              /* @__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 })
             ]
@@ -3708,7 +3708,7 @@ const Ti = ({
                 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 flex-shrink-0", children: /* @__PURE__ */ a.jsx(
+                    w && /* @__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",
@@ -3814,7 +3814,7 @@ const go = {
     variant: c = "outlined",
     rounded: d = "medium",
     ...p
-  }, x) => {
+  }, m) => {
     const u = me([]), f = (g, w) => {
       var y;
       const h = g.target.value.replace(/[^0-9]/g, "").slice(0, 1);
@@ -3866,44 +3866,46 @@ const vo = {
   ({
     placeholder: e,
     value: n,
-    onChange: t,
-    type: r = "text",
-    inputMode: o = "text",
-    className: i = "",
-    inputClass: l = "",
-    iconStyle: s = "",
-    startIcon: c,
-    endIcon: d,
-    error: p,
-    maxLength: x,
-    label: u,
-    labelClass: f = "",
-    variant: v = "outlined",
-    size: g = "medium",
-    ...w
-  }, h) => {
-    const S = p ? "border-color-red-500 focus-within:ring-color-red-500" : "border-color-gray-200", y = p ? "text-color-red-500" : s;
+    defaultValue: t,
+    onChange: r,
+    type: o = "text",
+    inputMode: i = "text",
+    className: l = "",
+    inputClass: s = "",
+    iconStyle: c = "",
+    startIcon: d,
+    endIcon: p,
+    error: m,
+    maxLength: u,
+    label: f,
+    labelClass: v = "",
+    variant: g = "outlined",
+    size: w = "medium",
+    ...h
+  }, 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: [
-      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 ${S} ${ho[v]} ${i}`, children: [
-        c && /* @__PURE__ */ a.jsx("span", { className: `pl-3 ${y}`, children: c }),
+      f && /* @__PURE__ */ a.jsx("label", { className: `text-sm font-medium text-color-gray-700 mb-1 block ${v}`, children: f }),
+      /* @__PURE__ */ a.jsxs("div", { className: `flex items-center w-full rounded-md border focus-within:ring-1 ${y} ${ho[g]} ${l}`, children: [
+        d && /* @__PURE__ */ a.jsx("span", { className: `pl-3 ${$}`, children: d }),
         /* @__PURE__ */ a.jsx(
           "input",
           {
-            ...w,
-            ref: h,
-            type: r,
-            inputMode: o,
+            ...h,
+            ref: S,
+            type: o,
+            inputMode: i,
             placeholder: e,
-            defaultValue: n,
-            maxLength: x,
-            onChange: t,
-            className: `grow outline-0 w-full font-medium placeholder:font-normal bg-color-transparent ${vo[g]} ${l}`
+            defaultValue: t,
+            value: n,
+            maxLength: u,
+            onChange: r,
+            className: `grow outline-0 w-full font-medium placeholder:font-normal bg-color-transparent ${vo[w]} ${s}`
           }
         ),
-        d && /* @__PURE__ */ a.jsx("span", { className: `pr-3 ${y}`, children: d })
+        p && /* @__PURE__ */ a.jsx("span", { className: `pr-3 ${$}`, children: p })
       ] }),
-      p && /* @__PURE__ */ a.jsx("p", { className: "text-color-red-500 text-xs mt-1", children: p })
+      m && /* @__PURE__ */ a.jsx("p", { className: "text-color-red-500 text-xs mt-1", children: m })
     ] });
   }
 );
@@ -3942,10 +3944,10 @@ const Bn = ({
 }) => {
   var d;
   const s = {
-    small: "w-8 h-8 text-sm",
-    medium: "w-10 h-10 text-base",
-    large: "w-14 h-14 text-lg",
-    "extra-large": "w-20 h-20 text-xl"
+    small: "size-8 text-sm",
+    medium: "size-10 text-base",
+    large: "size-14 text-lg",
+    "extra-large": "size-20 text-xl"
   }, c = {
     circle: "rounded-full",
     rounded: "rounded-md",
@@ -3978,7 +3980,7 @@ const Bn = ({
   ...d
 }) => {
   var f;
-  const p = me(null), x = (v) => {
+  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);
@@ -3990,7 +3992,7 @@ const Bn = ({
       ref: p,
       type: "button",
       disabled: i,
-      onClick: x,
+      onClick: m,
       className: `relative overflow-hidden flex items-center justify-center gap-1 transition-all focus:outline-0
         ${u}
         ${e === "outlined" && "border"}
@@ -4024,12 +4026,12 @@ const Bn = ({
   href: c,
   target: d = "_self",
   avatar: p,
-  icon: x
+  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: [
     p && /* @__PURE__ */ a.jsx(Bn, { ...typeof p == "object" ? p : {}, className: `-ml-1 mr-1 ${hn[r]}` }),
-    x && /* @__PURE__ */ a.jsx("span", { className: "mr-1 -ml-1", children: x }),
+    m && /* @__PURE__ */ a.jsx("span", { className: "mr-1 -ml-1", children: m }),
     /* @__PURE__ */ a.jsx("span", { children: e }),
     l && /* @__PURE__ */ a.jsx(
       _e,
@@ -4101,7 +4103,7 @@ const Bn = ({
   activeLabelClass: c = "",
   separatorClass: d = "",
   onChange: p
-}) => /* @__PURE__ */ a.jsx("div", { className: `flex items-center ${t}`, children: e.map((x, u) => {
+}) => /* @__PURE__ */ a.jsx("div", { className: `flex items-center ${t}`, children: e.map((m, u) => {
   const f = u === n, v = u < n;
   return /* @__PURE__ */ a.jsxs(ke.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
@@ -4118,7 +4120,7 @@ const Bn = ({
               children: v ? /* @__PURE__ */ a.jsx("svg", { className: `size-5 ${o}`, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a.jsx("path", { d: "M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z" }) }) : u + 1
             }
           ),
-          /* @__PURE__ */ a.jsx("span", { className: `text-sm ${f ? `text-color-blue-600 ${c}` : `text-color-gray-600 ${s}`}`, children: x.label })
+          /* @__PURE__ */ a.jsx("span", { className: `text-sm ${f ? `text-color-blue-600 ${c}` : `text-color-gray-600 ${s}`}`, children: m.label })
         ]
       }
     ),
@@ -4168,17 +4170,17 @@ function Z(e, n, t) {
     let l;
     t.key && t.debug && (l = Date.now());
     const s = e(i);
-    if (!(s.length !== r.length || s.some((p, x) => r[x] !== p)))
+    if (!(s.length !== r.length || s.some((p, m) => r[m] !== p)))
       return o;
     r = s;
     let d;
     if (t.key && t.debug && (d = Date.now()), o = n(...s), t == null || t.onChange == null || t.onChange(o), t.key && t.debug && t != null && t.debug()) {
-      const p = Math.round((Date.now() - l) * 100) / 100, x = Math.round((Date.now() - d) * 100) / 100, u = x / 16, f = (v, g) => {
+      const p = Math.round((Date.now() - l) * 100) / 100, m = Math.round((Date.now() - d) * 100) / 100, u = m / 16, f = (v, g) => {
         for (v = String(v); v.length < g; )
           v = " " + v;
         return v;
       };
-      console.info(`%c⏱ ${f(x, 5)} /${f(p, 5)} ms`, `
+      console.info(`%c⏱ ${f(m, 5)} /${f(p, 5)} ms`, `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(0, Math.min(120 - 120 * u, 120))}deg 100% 31%);`, t == null ? void 0 : t.key);
@@ -4235,7 +4237,7 @@ function So(e, n, t, r) {
     return f;
   } : p = (u) => u[s.accessorKey]), !d)
     throw process.env.NODE_ENV !== "production" ? new Error(s.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header") : new Error();
-  let x = {
+  let m = {
     id: `${String(d)}`,
     accessorFn: p,
     parent: r,
@@ -4244,20 +4246,20 @@ function So(e, n, t, r) {
     columns: [],
     getFlatColumns: Z(() => [!0], () => {
       var u;
-      return [x, ...(u = x.columns) == null ? void 0 : u.flatMap((f) => f.getFlatColumns())];
+      return [m, ...(u = m.columns) == null ? void 0 : u.flatMap((f) => f.getFlatColumns())];
     }, W(e.options, "debugColumns", "column.getFlatColumns")),
     getLeafColumns: Z(() => [e._getOrderColumnsFn()], (u) => {
       var f;
-      if ((f = x.columns) != null && f.length) {
-        let v = x.columns.flatMap((g) => g.getLeafColumns());
+      if ((f = m.columns) != null && f.length) {
+        let v = m.columns.flatMap((g) => g.getLeafColumns());
         return u(v);
       }
-      return [x];
+      return [m];
     }, W(e.options, "debugColumns", "column.getLeafColumns"))
   };
   for (const u of e._features)
-    u.createColumn == null || u.createColumn(x, e);
-  return x;
+    u.createColumn == null || u.createColumn(m, e);
+  return m;
 }
 const be = "debugHeaders";
 function wn(e, n, t) {
@@ -4293,7 +4295,7 @@ const $o = {
   createTable: (e) => {
     e.getHeaderGroups = Z(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, r, o) => {
       var i, l;
-      const s = (i = r == null ? void 0 : r.map((x) => t.find((u) => u.id === x)).filter(Boolean)) != null ? i : [], c = (l = o == null ? void 0 : o.map((x) => t.find((u) => u.id === x)).filter(Boolean)) != null ? l : [], d = t.filter((x) => !(r != null && r.includes(x.id)) && !(o != null && o.includes(x.id)));
+      const s = (i = r == null ? void 0 : r.map((m) => t.find((u) => u.id === m)).filter(Boolean)) != null ? i : [], c = (l = o == null ? void 0 : o.map((m) => t.find((u) => u.id === m)).filter(Boolean)) != null ? l : [], d = t.filter((m) => !(r != null && r.includes(m.id)) && !(o != null && o.includes(m.id)));
       return Je(n, [...s, ...d, ...c], e);
     }, W(e.options, be, "getHeaderGroups")), e.getCenterHeaderGroups = Z(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, r, o) => (t = t.filter((i) => !(r != null && r.includes(i.id)) && !(o != null && o.includes(i.id))), Je(n, t, e, "center")), W(e.options, be, "getCenterHeaderGroups")), e.getLeftHeaderGroups = Z(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (n, t, r) => {
       var o;
@@ -4357,9 +4359,9 @@ function Je(e, n, t, r) {
     index: f
   }));
   d(p, l - 1), c.reverse();
-  const x = (u) => u.filter((v) => v.column.getIsVisible()).map((v) => {
+  const m = (u) => u.filter((v) => v.column.getIsVisible()).map((v) => {
     let g = 0, w = 0, h = [0];
-    v.subHeaders && v.subHeaders.length ? (h = [], x(v.subHeaders).forEach((y) => {
+    v.subHeaders && v.subHeaders.length ? (h = [], m(v.subHeaders).forEach((y) => {
       let {
         colSpan: $,
         rowSpan: b
@@ -4372,7 +4374,7 @@ function Je(e, n, t, r) {
       rowSpan: w
     };
   });
-  return x((o = (i = c[0]) == null ? void 0 : i.headers) != null ? o : []), c;
+  return m((o = (i = c[0]) == null ? void 0 : i.headers) != null ? o : []), c;
 }
 const Ro = (e, n, t, r, o, i, l) => {
   let s = {
@@ -4745,20 +4747,20 @@ const Io = {
         if (t === "right") {
           var s, c;
           return {
-            left: ((s = o == null ? void 0 : o.left) != null ? s : []).filter((x) => !(r != null && r.includes(x))),
-            right: [...((c = o == null ? void 0 : o.right) != null ? c : []).filter((x) => !(r != null && r.includes(x))), ...r]
+            left: ((s = o == null ? void 0 : o.left) != null ? s : []).filter((m) => !(r != null && r.includes(m))),
+            right: [...((c = o == null ? void 0 : o.right) != null ? c : []).filter((m) => !(r != null && r.includes(m))), ...r]
           };
         }
         if (t === "left") {
           var d, p;
           return {
-            left: [...((d = o == null ? void 0 : o.left) != null ? d : []).filter((x) => !(r != null && r.includes(x))), ...r],
-            right: ((p = o == null ? void 0 : o.right) != null ? p : []).filter((x) => !(r != null && r.includes(x)))
+            left: [...((d = o == null ? void 0 : o.left) != null ? d : []).filter((m) => !(r != null && r.includes(m))), ...r],
+            right: ((p = o == null ? void 0 : o.right) != null ? p : []).filter((m) => !(r != null && r.includes(m)))
           };
         }
         return {
-          left: ((i = o == null ? void 0 : o.left) != null ? i : []).filter((x) => !(r != null && r.includes(x))),
-          right: ((l = o == null ? void 0 : o.right) != null ? l : []).filter((x) => !(r != null && r.includes(x)))
+          left: ((i = o == null ? void 0 : o.left) != null ? i : []).filter((m) => !(r != null && r.includes(m))),
+          right: ((l = o == null ? void 0 : o.right) != null ? l : []).filter((m) => !(r != null && r.includes(m)))
         };
       });
     }, e.getCanPin = () => e.getLeafColumns().some((r) => {
@@ -4886,7 +4888,7 @@ const Io = {
             ...y,
             ...d
           })));
-        }, x = (h) => p("move", h), u = (h) => {
+        }, m = (h) => p("move", h), u = (h) => {
           p("end", h), n.setColumnSizingInfo((S) => ({
             ...S,
             isResizingColumn: !1,
@@ -4897,12 +4899,12 @@ const Io = {
             columnSizingStart: []
           }));
         }, f = t || typeof document < "u" ? document : null, v = {
-          moveHandler: (h) => x(h.clientX),
+          moveHandler: (h) => m(h.clientX),
           upHandler: (h) => {
             f == null || f.removeEventListener("mousemove", v.moveHandler), f == null || f.removeEventListener("mouseup", v.upHandler), u(h.clientX);
           }
         }, g = {
-          moveHandler: (h) => (h.cancelable && (h.preventDefault(), h.stopPropagation()), x(h.touches[0].clientX), !1),
+          moveHandler: (h) => (h.cancelable && (h.preventDefault(), h.stopPropagation()), m(h.touches[0].clientX), !1),
           upHandler: (h) => {
             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);
@@ -5249,9 +5251,9 @@ const Go = {
       n.setRowPinning((c) => {
         var d, p;
         if (t === "bottom") {
-          var x, u;
+          var m, u;
           return {
-            top: ((x = c == null ? void 0 : c.top) != null ? x : []).filter((g) => !(s != null && s.has(g))),
+            top: ((m = c == null ? void 0 : c.top) != null ? m : []).filter((g) => !(s != null && s.has(g))),
             bottom: [...((u = c == null ? void 0 : c.bottom) != null ? u : []).filter((g) => !(s != null && s.has(g))), ...Array.from(s)]
           };
         }
@@ -5556,19 +5558,19 @@ const He = {
       const o = e.getNextSortingOrder(), i = typeof t < "u" && t !== null;
       n.setSorting((l) => {
         const s = l == null ? void 0 : l.find((f) => f.id === e.id), c = l == null ? void 0 : l.findIndex((f) => f.id === e.id);
-        let d = [], p, x = i ? t : o === "desc";
+        let d = [], p, m = i ? t : o === "desc";
         if (l != null && l.length && e.getCanMultiSort() && r ? s ? p = "toggle" : p = "add" : l != null && l.length && c !== l.length - 1 ? p = "replace" : s ? p = "toggle" : p = "replace", p === "toggle" && (i || o || (p = "remove")), p === "add") {
           var u;
           d = [...l, {
             id: e.id,
-            desc: x
+            desc: m
           }], d.splice(0, d.length - ((u = n.options.maxMultiSortColCount) != null ? u : Number.MAX_SAFE_INTEGER));
         } else p === "toggle" ? d = l.map((f) => f.id === e.id ? {
           ...f,
-          desc: x
+          desc: m
         } : f) : p === "remove" ? d = l.filter((f) => f.id !== e.id) : d = [{
           id: e.id,
-          desc: x
+          desc: m
         }];
         return d;
       });
@@ -5649,7 +5651,7 @@ function ii(e) {
   });
   const d = [];
   let p = !1;
-  const x = {
+  const m = {
     _features: r,
     options: {
       ...i,
@@ -5728,7 +5730,7 @@ function ii(e) {
       return process.env.NODE_ENV !== "production" && !f && console.error(`[Table] Column with id '${u}' does not exist.`), f;
     }
   };
-  Object.assign(o, x);
+  Object.assign(o, m);
   for (let u = 0; u < o._features.length; u++) {
     const f = o._features[u];
     f == null || f.createTable == null || f.createTable(o);
@@ -5911,7 +5913,7 @@ const si = {
   className: c = "",
   paginationClassName: d = "",
   tdClassName: p = "",
-  thClassName: x = "",
+  thClassName: m = "",
   responsive: u = !1
 }) => {
   const f = li({
@@ -5933,7 +5935,7 @@ const si = {
           /* @__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(
             "th",
             {
-              className: `bg-color-[#FAFBFB] p-2 text-left text-xs font-semibold text-color-gray-500 border-b border-color-gray-200 ${x}`,
+              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
@@ -6036,7 +6038,7 @@ const si = {
     startIcon: c,
     endIcon: d,
     error: p,
-    maxLength: x,
+    maxLength: m,
     label: u,
     labelClass: f = "",
     variant: v = "outlined",
@@ -6045,7 +6047,7 @@ const si = {
   }, 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, ""), (!x || X.replace(/^\+/, "").length <= x) && (t && t({
+      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));
@@ -6118,8 +6120,8 @@ const fi = ({
           defaultHeight: 100
         };
     }
-  }, { classes: c, defaultWidth: d, defaultHeight: p } = s(), x = t ?? d, u = r ?? p, f = {};
-  x !== void 0 && (f.width = `${x}px`), u !== void 0 && (f.height = `${u}px`), n === "text" && t === void 0 && (f.width = "100%");
+  }, { classes: c, defaultWidth: d, defaultHeight: p } = s(), m = t ?? d, u = r ?? p, f = {};
+  m !== void 0 && (f.width = `${m}px`), u !== void 0 && (f.height = `${u}px`), n === "text" && t === void 0 && (f.width = "100%");
   const v = [
     i,
     c,
@@ -6221,7 +6223,7 @@ const Yi = rr(function({
   color: c = "blue",
   size: d = "medium",
   disabled: p = !1,
-  className: x = "",
+  className: m = "",
   showValue: u = !0,
   showMarks: f = !1,
   marks: v = [],
@@ -6249,10 +6251,10 @@ const Yi = rr(function({
       return F;
     },
     [g, T, q, w]
-  ), m = me(null), j = ce(
+  ), x = me(null), j = ce(
     (F) => {
       var ge;
-      const re = (ge = m.current) == null ? void 0 : ge.getBoundingClientRect();
+      const re = (ge = x.current) == null ? void 0 : ge.getBoundingClientRect();
       if (!re) return g ? i : b;
       const oe = Math.max(0, Math.min(1, (F - re.left) / re.width));
       return i + oe * (l - i);
@@ -6360,13 +6362,13 @@ const Yi = rr(function({
     return document.body.style.userSelect = "none", () => {
       document.body.style.userSelect = F;
     };
-  }, [E]), /* @__PURE__ */ a.jsx("div", { className: `w-full ${x}`, children: /* @__PURE__ */ a.jsxs("div", { className: "relative flex items-center", children: [
+  }, [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 }) }) }),
     /* @__PURE__ */ a.jsxs("div", { className: "w-full", children: [
       /* @__PURE__ */ a.jsxs(
         "div",
         {
-          ref: m,
+          ref: x,
           className: `
             relative w-full ${ee.track} ${A.track} rounded-full
             ${p ? "opacity-60 cursor-not-allowed" : "cursor-pointer"}
@@ -6513,7 +6515,7 @@ const Yi = rr(function({
   action: l,
   className: s = ""
 }) => {
-  var x;
+  var m;
   pe(() => {
     if (e && t > 0 && i) {
       const u = setTimeout(() => {
@@ -6547,7 +6549,7 @@ const Yi = rr(function({
       default:
         return `${f} bottom-4 left-1/2 -translate-x-1/2 ${e ? "translate-y-0 opacity-100" : "translate-y-full opacity-0"}`;
     }
-  }, p = (x = we[o]) == null ? void 0 : x.filled;
+  }, p = (m = we[o]) == null ? void 0 : m.filled;
   return e ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     e && /* @__PURE__ */ a.jsx(
       "div",
@@ -6566,7 +6568,7 @@ const Yi = rr(function({
         "aria-atomic": "true",
         children: [
           /* @__PURE__ */ a.jsx("span", { className: "flex-1 text-sm font-medium leading-relaxed", children: n }),
-          /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+          /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
             l && /* @__PURE__ */ a.jsx("div", { className: "flex items-center", children: l }),
             i && /* @__PURE__ */ a.jsx(
               _e,
@@ -6593,8 +6595,8 @@ const Yi = rr(function({
   className: o = "",
   ...i
 }) => {
-  var p, x;
-  const l = (p = we[t]) == null ? void 0 : p.outline, s = (x = we[t]) == null ? void 0 : x.filled, c = Math.min(Math.max(n, 0), 100);
+  var p, m;
+  const l = (p = we[t]) == null ? void 0 : p.outline, s = (m = we[t]) == null ? void 0 : m.filled, c = Math.min(Math.max(n, 0), 100);
   if (e === "circular") {
     const { size: u = 40, thickness: f = 4 } = i, v = r ? c / 100 * 360 : 270;
     return /* @__PURE__ */ a.jsxs(
@@ -6689,7 +6691,7 @@ const Yi = rr(function({
   emptyIcon: c,
   className: d = "",
   showHoverValue: p = !1,
-  showValue: x = !1,
+  showValue: m = !1,
   labels: u = {}
   // <-- Add this
 }) => {
@@ -6744,7 +6746,7 @@ const Yi = rr(function({
   }
   return /* @__PURE__ */ a.jsxs("div", { className: `flex items-center gap-1 ${d}`, role: "radiogroup", "aria-disabled": r, children: [
     S,
-    p && f !== null ? /* @__PURE__ */ a.jsx("span", { className: "ml-2 text-xs", children: u[f] || f }) : x ? /* @__PURE__ */ a.jsx("span", { className: "ml-2 text-xs", children: u[e] || e }) : null
+    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");
@@ -6778,7 +6780,7 @@ const Yi = rr(function({
   perview: c = 1,
   gap: d = 0,
   onClickItem: p,
-  showThumbs: x = !1,
+  showThumbs: m = !1,
   pauseOnHover: u = !1,
   swipeable: f = !0,
   thumbWidth: v = 60,
@@ -6818,7 +6820,7 @@ const Yi = rr(function({
     y == null ? void 0 : y.showThumbs,
     $ == null ? void 0 : $.showThumbs,
     b == null ? void 0 : b.showThumbs,
-    x,
+    m,
     z
   ), de = ze(
     y == null ? void 0 : y.swipeable,
@@ -6826,7 +6828,7 @@ const Yi = rr(function({
     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, m] = 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(
+  ), 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(
     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);
@@ -6855,12 +6857,12 @@ const Yi = rr(function({
     q > k && K(Math.min(q, k));
   }, [k, q]);
   const se = (H, te) => {
-    !de || k === 0 || (m(!0), P.current = g === "horizontal" ? H : te, O.current = P.current);
+    !de || k === 0 || (x(!0), P.current = g === "horizontal" ? H : te, O.current = P.current);
   }, _ = (H, te) => {
     U && (O.current = g === "horizontal" ? H : te, L(O.current - P.current));
   }, F = () => {
     if (!U) return;
-    Math.abs(O.current - P.current) > 50 && (O.current < P.current ? Y() : G()), m(!1), L(0);
+    Math.abs(O.current - P.current) > 50 && (O.current < P.current ? Y() : G()), x(!1), L(0);
   }, re = () => {
     const H = g === "horizontal" ? "X" : "Y";
     let te = 0;
@@ -6929,7 +6931,7 @@ const Yi = rr(function({
                   {
                     "aria-label": "prev",
                     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-colors cursor-pointer
+                    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" ? "‹" : "↑")
                   }
@@ -6939,7 +6941,7 @@ const Yi = rr(function({
                   {
                     "aria-label": "next",
                     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-colors cursor-pointer
+                    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" ? "›" : "↓")
                   }
@@ -6958,7 +6960,7 @@ const Yi = rr(function({
                             te / (oe() - 1) * k
                           )
                         ),
-                        className: `w-2 h-2 md:w-[10px] md:h-[10px] rounded-full transition-colors hover:bg-color-gray-600 cursor-pointer ${te === ge() ? "bg-color-gray-800" : "bg-color-gray-400"}`
+                        className: `w-2 h-2 md:w-[10px] md:h-[10px] rounded-full transition-color hover:bg-color-gray-600 cursor-pointer ${te === ge() ? "bg-color-gray-800" : "bg-color-gray-400"}`
                       },
                       te
                     )
@@ -7040,7 +7042,7 @@ const Yi = rr(function({
   variant: i = "ios"
   // <-- default to ios
 }) => {
-  var x, u, f;
+  var m, u, f;
   const [l, s] = J(e), [c, d] = J(!1), p = async () => {
     if (!(t || c))
       if (n) {
@@ -7064,7 +7066,7 @@ const Yi = rr(function({
       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 ? `${(x = we[o]) == null ? void 0 : x.filled}` : "bg-color-gray-400"}` }),
+        /* @__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(
           "div",
           {
@@ -7106,7 +7108,7 @@ const Yi = rr(function({
   buttonClass: c = "",
   disabled: d = !1
 }) => {
-  const p = (u) => Array.isArray(e) ? e.includes(u) : e === u, x = (u) => {
+  const p = (u) => Array.isArray(e) ? e.includes(u) : e === u, m = (u) => {
     if (!d)
       if (r) {
         if (!Array.isArray(e)) return;
@@ -7135,7 +7137,7 @@ const Yi = rr(function({
             ${c}
           `,
             "aria-pressed": p(u.value),
-            onClick: () => !(d || u.disabled) && x(u.value),
+            onClick: () => !(d || u.disabled) && m(u.value),
             children: [
               u.icon,
               u.label
@@ -7172,7 +7174,7 @@ const Yi = rr(function({
   children: c,
   className: d = "",
   hoverable: p = !1,
-  bordered: x = !1,
+  bordered: m = !1,
   onClick: u,
   loaderJsx: f = !1
 }) => {
@@ -7185,7 +7187,7 @@ const Yi = rr(function({
     $n[r] || $n.small,
     Rn[o] || Rn.medium,
     p ? "hover:shadow-xl transition-shadow duration-300 cursor-pointer" : "",
-    x ? "border border-color-gray-200" : "",
+    m ? "border border-color-gray-200" : "",
     d
   ].join(" ").trim();
   return /* @__PURE__ */ a.jsxs("div", { className: v, onClick: u, children: [
@@ -7250,9 +7252,9 @@ 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: x }) => {
+}) => /* @__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 || x;
+  const u = i || m;
   return /* @__PURE__ */ a.jsxs(
     "label",
     {
@@ -7293,7 +7295,7 @@ const Yi = rr(function({
   size: c = "medium",
   variant: d = "outlined",
   rounded: p = "medium",
-  shadow: x = !1
+  shadow: m = !1
 }) => {
   const u = {
     small: "p-2",
@@ -7316,7 +7318,7 @@ const Yi = rr(function({
           disabled: s,
           value: n,
           onChange: (g) => t(g.target.value),
-          className: `appearance-none focus:ring-1 text-color-gray-800 w-full border outline-none transition-all  ${f[p]}  ${u[c]} ${v[d]} ${s ? "!bg-color-gray-50 opacity-60 cursor-not-allowed" : ""} ${x ? "shadow-md shadow-color-zinc-100" : ""} ${l}`,
+          className: `appearance-none focus:ring-1 text-color-gray-800 w-full border outline-none transition-all  ${f[p]}  ${u[c]} ${v[d]} ${s ? "!bg-color-gray-50 opacity-60 cursor-not-allowed" : ""} ${m ? "shadow-md shadow-color-zinc-100" : ""} ${l}`,
           children: r.map((g) => /* @__PURE__ */ a.jsx("option", { value: g.value, className: "text-color-gray-900", children: g.label }, g.value))
         }
       ),
@@ -7332,22 +7334,22 @@ const Yi = rr(function({
   return pe(() => {
     if (r && s.current && c.current) {
       const d = s.current.getBoundingClientRect(), p = c.current.getBoundingClientRect();
-      let x = 0, u = 0;
+      let m = 0, u = 0;
       switch (t) {
         case "top":
-          x = d.top - p.height - 8, u = d.left + d.width / 2 - p.width / 2;
+          m = d.top - p.height - 8, u = d.left + d.width / 2 - p.width / 2;
           break;
         case "bottom":
-          x = d.bottom + 8, u = d.left + d.width / 2 - p.width / 2;
+          m = d.bottom + 8, u = d.left + d.width / 2 - p.width / 2;
           break;
         case "left":
-          x = d.top + d.height / 2 - p.height / 2, u = d.left - p.width - 8;
+          m = d.top + d.height / 2 - p.height / 2, u = d.left - p.width - 8;
           break;
         case "right":
-          x = d.top + d.height / 2 - p.height / 2, u = d.right + 8;
+          m = d.top + d.height / 2 - p.height / 2, u = d.right + 8;
           break;
       }
-      l({ top: x, left: u });
+      l({ top: m, left: u });
     }
   }, [r, t]), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
@@ -7366,7 +7368,7 @@ const Yi = rr(function({
         {
           ref: c,
           style: { top: i.top, left: i.left },
-          className: "fixed z-50 px-2 py-1 text-sm text-color-white bg-color-gray-800 rounded shadow-md whitespace-nowrap pointer-events-none",
+          className: "fixed z-50 text-center px-2 max-w-xs py-1 text-sm text-color-white bg-color-gray-800 rounded shadow-md pointer-events-none",
           children: e
         }
       ),
@@ -7398,11 +7400,11 @@ const Ci = {
     fullscreen: c = !1,
     fullWidth: d = !1,
     maxWidth: p
-  }, x) => {
+  }, m) => {
     const [u, f] = J(e || !1), [v, g] = J(!1), [w, h] = J(!1);
     pe(() => {
       e !== void 0 && f(e);
-    }, [e]), _n(x, () => ({
+    }, [e]), _n(m, () => ({
       open: () => f(!0),
       close: () => {
         h(!1), setTimeout(() => f(!1), 300);
@@ -7474,7 +7476,7 @@ 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), x = me(null), u = me(null), f = (g) => {
+  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" ? {
       top: g.clientY,
       left: g.clientX
@@ -7501,7 +7503,7 @@ function oa({ items: e, trigger: n, className: t, dropdownItemClass: r, position
   }, [i, o]), pe(() => {
     const g = (w) => {
       var h;
-      u.current && !u.current.contains(w.target) && !((h = x.current) != null && h.contains(w.target)) && l(!1);
+      u.current && !u.current.contains(w.target) && !((h = m.current) != null && h.contains(w.target)) && l(!1);
     };
     return i && document.addEventListener("mousedown", g), () => {
       document.removeEventListener("mousedown", g);
@@ -7535,7 +7537,7 @@ function oa({ items: e, trigger: n, className: t, dropdownItemClass: r, position
     }
   );
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx("div", { ref: x, onClick: f, className: "cursor-pointer", children: n }),
+    /* @__PURE__ */ a.jsx("div", { ref: m, onClick: f, className: "cursor-pointer", children: n }),
     i && Ge(v, document.body)
   ] });
 }
@@ -7553,7 +7555,7 @@ const $i = ({
   showCloseIcon: s = !0,
   anchor: c = "left"
 }) => {
-  const [d, p] = J(!1), [x, u] = J(!1);
+  const [d, p] = J(!1), [m, u] = J(!1);
   pe(() => {
     let w;
     return e ? (p(!0), w = setTimeout(() => {
@@ -7577,10 +7579,10 @@ const $i = ({
     top: "top-0 left-0 w-full min-h-40  transition-all duration-300",
     bottom: "bottom-0 left-0 w-full min-h-40  transition-all duration-300"
   }, g = {
-    left: x ? "translate-x-0" : "-translate-x-full",
-    right: x ? "translate-x-0" : "translate-x-full",
-    top: x ? "translate-y-0" : "-translate-y-full",
-    bottom: x ? "translate-y-0" : "translate-y-full"
+    left: m ? "translate-x-0" : "-translate-x-full",
+    right: m ? "translate-x-0" : "translate-x-full",
+    top: m ? "translate-y-0" : "-translate-y-full",
+    bottom: m ? "translate-y-0" : "translate-y-full"
   };
   return Ge(
     /* @__PURE__ */ a.jsxs(
@@ -7588,7 +7590,7 @@ const $i = ({
       {
         className: Si(
           "fixed inset-0 z-50 transition-opacity duration-300",
-          x ? "opacity-100" : "opacity-0 pointer-events-none"
+          m ? "opacity-100" : "opacity-0 pointer-events-none"
         ),
         children: [
           /* @__PURE__ */ a.jsx("div", { className: "fixed inset-0 bg-color-black/50", onClick: n }),
@@ -7638,12 +7640,12 @@ const $i = ({
   titleClass: c = "",
   contentClass: d = ""
 }) => {
-  const [p, x] = J(i), u = o !== void 0, f = u ? o : p, v = () => {
+  const [p, m] = J(i), u = o !== void 0, f = u ? o : p, v = () => {
     const g = !f;
-    u || x(g), l == null || l(g);
+    u || m(g), l == null || l(g);
   };
   return pe(() => {
-    u && x(o);
+    u && m(o);
   }, [o]), /* @__PURE__ */ a.jsxs("div", { className: `overflow-hidden w-full border border-color-gray-100 ${s}`, children: [
     /* @__PURE__ */ a.jsxs(
       "button",
@@ -7714,7 +7716,7 @@ const $i = ({
               s(!1), t == null || t();
             },
             "aria-label": "Close alert",
-            className: "ml-4 bg-color-transparent cursor-pointer hover:bg-color-white rounded-full p-1 transition-colors",
+            className: "ml-4 bg-color-transparent cursor-pointer hover:bg-color-white rounded-full p-1 transition-color",
             children: /* @__PURE__ */ a.jsx("svg", { className: `size-5 ${n === "dark" ? "text-gray-700" : ""}`, 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" }) })
           }
         ),
@@ -7750,25 +7752,18 @@ const $i = ({
         children: c
       }
     );
-  }, s = () => {
-    switch (i) {
-      case "top-left":
-        return "top-0 left-0 -translate-x-1/2 -translate-y-1/2";
-      case "bottom-right":
-        return "bottom-0 right-0 translate-x-1/2 translate-y-1/2";
-      case "bottom-left":
-        return "bottom-0 left-0 -translate-x-1/2 translate-y-1/2";
-      case "top-right":
-      default:
-        return "top-0 right-0 translate-x-1/2 -translate-y-1/2";
-    }
+  }, s = {
+    "top-left": "top-0 left-0 -translate-x-1/2 -translate-y-1/2",
+    "bottom-right": "bottom-0 right-0 translate-x-1/2 translate-y-1/2",
+    "bottom-left": "bottom-0 left-0 -translate-x-1/2 translate-y-1/2",
+    "top-right": "top-0 right-0 translate-x-1/2 -translate-y-1/2"
   };
   return /* @__PURE__ */ a.jsxs("div", { className: "relative inline-block", children: [
     e,
     /* @__PURE__ */ a.jsx(
       "span",
       {
-        className: `absolute ${s()}`,
+        className: `absolute ${s[i]}`,
         children: l()
       }
     )
@@ -7782,8 +7777,12 @@ const $i = ({
   activeClass: i = "",
   buttonClass: l = ""
 }) => {
-  let s = "flex justify-around items-center bg-color-white shadow-sm  text-color-gray-600 py-2 px-4";
-  return e === "fixed" ? s += " fixed bottom-0 left-0 right-0" : e === "floating" ? s += " fixed bottom-4 left-4 right-4 rounded-full" : e === "static" && (s += " static w-full"), /* @__PURE__ */ a.jsx("nav", { className: `${s} ${o}`, children: t.map((c) => {
+  const s = {
+    fixed: "fixed bottom-0 left-0 right-0",
+    floating: "fixed bottom-4 left-4 right-4 rounded-full",
+    static: "static w-full"
+  };
+  return /* @__PURE__ */ a.jsx("nav", { className: `flex justify-around items-center bg-color-white shadow-sm text-color-gray-600 py-2 px-4 ${s[e]} ${o}`, children: t.map((c) => {
     const d = c.label === n;
     return /* @__PURE__ */ a.jsxs(
       "a",
@@ -7821,7 +7820,7 @@ const $i = ({
   placeholder: c = "Select date",
   icon: d = /* @__PURE__ */ a.jsx("svg", { className: "text-color-gray-500 size-5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a.jsx("path", { d: "M7 3V1H9V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V9H20V5H17V7H15V5H9V7H7V5H4V19H10V21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7ZM17 12C14.7909 12 13 13.7909 13 16C13 18.2091 14.7909 20 17 20C19.2091 20 21 18.2091 21 16C21 13.7909 19.2091 12 17 12ZM11 16C11 12.6863 13.6863 10 17 10C20.3137 10 23 12.6863 23 16C23 19.3137 20.3137 22 17 22C13.6863 22 11 19.3137 11 16ZM16 13V16.4142L18.2929 18.7071L19.7071 17.2929L18 15.5858V13H16Z" }) }),
   disableBefore: p,
-  disableAfter: x,
+  disableAfter: m,
   selectedDate: u,
   hideFutureDates: f = !1,
   defaultDate: v,
@@ -7834,7 +7833,7 @@ const $i = ({
     g || w ? /* @__PURE__ */ new Date() : v ? new Date(typeof v == "string" ? parseInt(v) : v) : /* @__PURE__ */ new Date()
   ), [ee, X] = J(
     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), [m, j] = J(
+  ), [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(
     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);
   pe(() => {
@@ -7851,9 +7850,9 @@ const $i = ({
     w && (T(new Date(w)), O(new Date(w)), X(new Date(w)), j(new Date(w)));
   }, [w]);
   const k = (C) => {
-    C.stopPropagation(), z(C.currentTarget), $(!0), m ? A(new Date(m)) : v && !m && A(new Date(typeof v == "string" ? parseInt(v) : v));
+    C.stopPropagation(), z(C.currentTarget), $(!0), x ? A(new Date(x)) : v && !x && A(new Date(typeof v == "string" ? parseInt(v) : v));
   }, B = (C) => {
-    if (p && C.getTime() < p || x && C.getTime() > x || f && C.getTime() > (/* @__PURE__ */ new Date()).setHours(23, 59, 59, 999)) return !0;
+    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;
@@ -7900,7 +7899,7 @@ const $i = ({
       i == null || i(C), l == null || l(C);
     }
   }, F = () => {
-    $(!1), X(m), de(L), T(P), A(m ? new Date(m) : /* @__PURE__ */ new Date()), s == null || s();
+    $(!1), X(x), de(L), T(P), A(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++)
@@ -7925,8 +7924,8 @@ const $i = ({
       const C = typeof S == "string" ? new Date(S) : typeof S == "number" ? new Date(S) : S;
       if (R.getFullYear() > C.getFullYear() || R.getFullYear() === C.getFullYear() && R.getMonth() >= C.getMonth()) return !1;
     }
-    if (x) {
-      const C = new Date(x);
+    if (m) {
+      const C = new Date(m);
       if (R.getFullYear() > C.getFullYear() || R.getFullYear() === C.getFullYear() && R.getMonth() >= C.getMonth()) return !1;
     }
     if (f) {
@@ -8025,8 +8024,8 @@ const $i = ({
                       if (he === ne.getFullYear() && M < ne.getMonth() || he < ne.getFullYear())
                         return null;
                     }
-                    if (S || x) {
-                      const ne = S ? typeof S == "string" ? new Date(S) : typeof S == "number" ? new Date(S) : S : x ? new Date(x) : null;
+                    if (S || m) {
+                      const ne = S ? typeof S == "string" ? new Date(S) : typeof S == "number" ? new Date(S) : S : m ? new Date(m) : null;
                       if (ne && he === ne.getFullYear() && M > ne.getMonth() || ne && he > ne.getFullYear())
                         return null;
                     }
@@ -8046,8 +8045,8 @@ const $i = ({
                       const ie = typeof h == "string" ? new Date(h) : typeof h == "number" ? new Date(h) : h;
                       if (C < ie.getFullYear()) return !1;
                     }
-                    if (S || x) {
-                      const ie = S ? typeof S == "string" ? new Date(S) : typeof S == "number" ? new Date(S) : S : x ? new Date(x) : null;
+                    if (S || m) {
+                      const ie = S ? typeof S == "string" ? new Date(S) : typeof S == "number" ? new Date(S) : S : m ? new Date(m) : null;
                       if (ie && C > ie.getFullYear()) return !1;
                     }
                     return !0;
@@ -8110,7 +8109,7 @@ const $i = ({
         variant: "outlined",
         className: `!justify-between gap-2 ${o || ""}`,
         children: [
-          e === "single" ? m && u !== null ? te(m) : c : (
+          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"),
@@ -8137,32 +8136,32 @@ const $i = ({
   indicatorClass: c = "",
   variant: d = "horizontal"
 }) => {
-  const p = e.find((u) => u.key === n), x = d === "vertical";
+  const p = e.find((u) => u.key === n), m = d === "vertical";
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: `w-full flex ${x ? "flex-row" : "flex-col"} ${r}`,
+      className: `w-full flex ${m ? "flex-row" : "flex-col"} ${r}`,
       children: [
         /* @__PURE__ */ a.jsx(
           "div",
           {
-            className: `${x ? "flex flex-col min-w-[160px] border-r border-color-gray-200" : "flex space-x-6 border-b border-color-gray-200"} ${o}`,
+            className: `${m ? "flex flex-col min-w-[160px] border-r border-color-gray-200" : "flex space-x-6 border-b border-color-gray-200"} ${o}`,
             children: e.map((u) => {
               const f = n === u.key;
               return /* @__PURE__ */ a.jsxs(
                 "button",
                 {
                   onClick: () => t(u.key),
-                  className: `relative flex ${x ? "flex-row items-center px-4 py-3" : "flex-col items-center py-4"} 
+                  className: `relative flex ${m ? "flex-row items-center px-4 py-3" : "flex-col items-center py-4"} 
                 text-sm font-medium transition-color duration-200 bg-color-transparent
                 ${f ? `text-color-blue-500 ${l} ` : "text-color-gray-600 hover:text-color-blue-500 cursor-pointer"} 
                 ${i}`,
                   children: [
-                    /* @__PURE__ */ a.jsxs("div", { className: `flex items-center ${x ? "space-x-3" : "space-x-2"}`, children: [
+                    /* @__PURE__ */ a.jsxs("div", { className: `flex items-center ${m ? "space-x-3" : "space-x-2"}`, children: [
                       u.icon && /* @__PURE__ */ a.jsx("span", { children: u.icon }),
                       /* @__PURE__ */ a.jsx("span", { children: u.label })
                     ] }),
-                    f && (x ? /* @__PURE__ */ a.jsx("div", { className: `absolute right-0 top-3 bottom-3 w-1 bg-color-blue-500 rounded-full ${c}` }) : /* @__PURE__ */ a.jsx("div", { className: `absolute bottom-0 left-0 right-0 h-1 bg-color-blue-500 rounded-full ${c}` }))
+                    f && (m ? /* @__PURE__ */ a.jsx("div", { className: `absolute right-0 top-3 bottom-3 w-1 bg-color-blue-500 rounded-full ${c}` }) : /* @__PURE__ */ a.jsx("div", { className: `absolute bottom-0 left-0 right-0 h-1 bg-color-blue-500 rounded-full ${c}` }))
                   ]
                 },
                 u.key
@@ -8170,7 +8169,7 @@ const $i = ({
             })
           }
         ),
-        /* @__PURE__ */ a.jsx("div", { className: `mt-4 ${x ? "ml-6 mt-0" : ""} ${s}`, children: p == null ? void 0 : p.content })
+        /* @__PURE__ */ a.jsx("div", { className: `mt-4 ${m ? "ml-6 mt-0" : ""} ${s}`, children: p == null ? void 0 : p.content })
       ]
     }
   );
@@ -8183,7 +8182,7 @@ const $i = ({
     className: `flex items-center justify-center gap-4 lg:not-last:border-r md:not-last:border-r md:nth-2:border-r-0 md:not-last:border-b-0 not-last:border-b border-color-gray-200
                 md:p-2 not-last:pb-4 w-full h-full ${t.className}`,
     children: [
-      /* @__PURE__ */ a.jsx("div", { className: `p-2 ${t.accentColor} ${t.accentBackground} flex-shrink-0 flex items-center justify-center p-4 text-md rounded-lg`, children: t.icon }),
+      /* @__PURE__ */ a.jsx("div", { className: `p-2 ${t.accentColor} ${t.accentBackground} shrink-0 flex items-center justify-center p-4 text-md rounded-lg`, children: t.icon }),
       /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col justify-center gap-1 w-full ", children: [
         /* @__PURE__ */ a.jsx(
           "div",
@@ -8208,8 +8207,8 @@ function ga({
   onItemSelect: l,
   className: s = ""
 }) {
-  const [c, d] = J(r), p = (x) => {
-    d(x), x.onClick && x.onClick(), l && l(x);
+  const [c, d] = J(r), p = (m) => {
+    d(m), m.onClick && m.onClick(), l && l(m);
   };
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a.jsx(
     $i,
@@ -8226,33 +8225,33 @@ function ga({
           children: [
             n && /* @__PURE__ */ a.jsx("div", { className: "pb-6", children: n }),
             /* @__PURE__ */ a.jsx("nav", { className: "space-y-2 text-sm font-medium text-color-gray-700", children: e.map(
-              (x) => x.href ? /* @__PURE__ */ a.jsxs(
+              (m) => m.href ? /* @__PURE__ */ a.jsxs(
                 "a",
                 {
-                  href: x.href,
+                  href: m.href,
                   className: `flex items-center  gap-3 py-3 px-4 cursor-pointer rounded-full w-full no-underline
-                                        ${x.label === (c == null ? void 0 : c.label) ? "bg-color-blue-500 text-color-white font-medium " : "hover:bg-color-gray-50 text-color-gray-600"}
+                                        ${m.label === (c == null ? void 0 : c.label) ? "bg-color-blue-500 text-color-white font-medium " : "hover:bg-color-gray-50 text-color-gray-600"}
                                             `,
-                  onClick: () => p(x),
+                  onClick: () => p(m),
                   children: [
-                    /* @__PURE__ */ a.jsx("span", { className: "text-lg", children: x.icon }),
-                    /* @__PURE__ */ a.jsx("span", { children: x.label })
+                    /* @__PURE__ */ a.jsx("span", { className: "text-lg", children: m.icon }),
+                    /* @__PURE__ */ a.jsx("span", { children: m.label })
                   ]
                 },
-                x.label
+                m.label
               ) : /* @__PURE__ */ a.jsxs(
                 "button",
                 {
-                  onClick: () => p(x),
+                  onClick: () => p(m),
                   className: `flex items-center  gap-3 py-3 px-4 cursor-pointer rounded-full w-full no-underline
-                                        ${x.label === (c == null ? void 0 : c.label) ? "bg-color-blue-500 text-color-white font-medium " : "hover:bg-color-gray-50 text-color-gray-600 bg-color-transparent"}
+                                        ${m.label === (c == null ? void 0 : c.label) ? "bg-color-blue-500 text-color-white font-medium " : "hover:bg-color-gray-50 text-color-gray-600 bg-color-transparent"}
                                             `,
                   children: [
-                    /* @__PURE__ */ a.jsx("span", { className: "text-lg", children: x.icon }),
-                    /* @__PURE__ */ a.jsx("span", { children: x.label })
+                    /* @__PURE__ */ a.jsx("span", { className: "text-lg", children: m.icon }),
+                    /* @__PURE__ */ a.jsx("span", { children: m.label })
                   ]
                 },
-                x.label
+                m.label
               )
             ) })
           ]