@unizap/uniui 1.0.17 → 1.0.19

package/dist/uniui.js

@@ -1,5 +1,5 @@
 import * as j from "react";
-import Pe, { useRef as se, useState as K, useEffect as ce, useMemo as ze, useReducer as Gr, useCallback as oe, forwardRef as Ye, useImperativeHandle as er, Fragment as Wr, memo as Ur, useLayoutEffect as Yr } from "react";
+import Pe, { useRef as se, useState as K, useEffect as ce, useMemo as Te, useReducer as Gr, useCallback as oe, forwardRef as Ye, useImperativeHandle as er, Fragment as Wr, memo as Ur, useLayoutEffect as Yr } from "react";
 import { createPortal as Ze } from "react-dom";
 function tr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -151,11 +151,11 @@ function Kr() {
     }
     function c() {
       var h = e(this.type);
-      return z[h] || (z[h] = !0, console.error(
+      return T[h] || (T[h] = !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."
       )), h = this.props.ref, h !== void 0 ? h : null;
     }
-    function u(h, C, L, M, D, I, T, E) {
+    function u(h, C, L, M, D, I, z, E) {
       return L = I.ref, h = {
         $$typeof: p,
         type: h,
@@ -179,7 +179,7 @@ function Kr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: T
+        value: z
       }), Object.defineProperty(h, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -187,7 +187,7 @@ function Kr() {
         value: E
       }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function d(h, C, L, M, D, I, T, E) {
+    function d(h, C, L, M, D, I, z, E) {
       var P = C.children;
       if (P !== void 0)
         if (M)
@@ -233,7 +233,7 @@ React keys must be passed directly to JSX without using spread:
         D,
         o(),
         L,
-        T,
+        z,
         E
       );
     }
@@ -248,7 +248,7 @@ React keys must be passed directly to JSX without using spread:
         return h();
       }
     };
-    var Y, z = {}, te = f["react-stack-bottom-frame"].bind(
+    var Y, T = {}, te = f["react-stack-bottom-frame"].bind(
       f,
       a
     )(), pe = H(r(a)), X = {};
@@ -284,7 +284,7 @@ function Xr() {
   return wn || (wn = 1, process.env.NODE_ENV === "production" ? et.exports = Zr() : et.exports = Kr()), et.exports;
 }
 var s = Xr();
-const we = {
+const xe = {
   dark: {
     filled: "bg-color-gray-800 text-color-gray-200 hover:bg-color-gray-900",
     outline: "border-color-gray-900 text-color-gray-900 hover:bg-color-gray-50",
@@ -432,8 +432,8 @@ const we = {
     accent: "accent-color-rose-500",
     peer: "peer-checked:border-color-rose-500 peer-checked:text-color-rose-500"
   }
-}, El = (e) => {
-  Object.assign(we, e);
+}, Ml = (e) => {
+  Object.assign(xe, e);
 }, qt = {
   dark: {
     track: "bg-color-gray-200",
@@ -582,7 +582,7 @@ const we = {
     thumbHover: "hover:bg-color-rose-600",
     thumbActive: "active:bg-color-rose-700"
   }
-}, Pl = (e) => {
+}, Ll = (e) => {
   Object.assign(qt, e);
 }, Gt = ({
   title: e,
@@ -609,7 +609,7 @@ const we = {
     if (!N) return;
     const V = document.createElement("span"), F = N.getBoundingClientRect(), Z = Math.max(F.width, F.height);
     V.style.width = V.style.height = `${Z}px`, V.style.left = `${O.clientX - F.left - Z / 2}px`, V.style.top = `${O.clientY - F.top - Z / 2}px`, V.className = "ripple", N.appendChild(V), setTimeout(() => V.remove(), 600), i == null || i(O);
-  }, $ = ((y = we[r]) == null ? void 0 : y[t === "filled" ? "filled" : t === "outlined" ? "outline" : "transparent"]) || "";
+  }, $ = ((y = xe[r]) == null ? void 0 : y[t === "filled" ? "filled" : t === "outlined" ? "outline" : "transparent"]) || "";
   return /* @__PURE__ */ s.jsx(s.Fragment, { children: v ? /* @__PURE__ */ s.jsxs(
     "a",
     {
@@ -656,7 +656,7 @@ const we = {
       ]
     }
   ) });
-}, Ml = ({
+}, Fl = ({
   children: e,
   className: n = "",
   border: t = !0
@@ -670,7 +670,7 @@ const we = {
       `,
     children: e
   }
-), Ll = ({
+), Al = ({
   label: e,
   checked: n = !1,
   disabled: t = !1,
@@ -714,7 +714,7 @@ const we = {
       e && /* @__PURE__ */ s.jsx("span", { className: `text-sm text-color-gray-700 ${a}`, children: e })
     ]
   }
-), Fl = ({
+), Dl = ({
   selected: e,
   items: n = [],
   className: t = "",
@@ -891,7 +891,7 @@ function Qr() {
         }
       }
     }
-    var y = c, O = u, N = l, V = i, F = n, Z = d, ae = r, ue = v, Q = p, H = t, Y = a, z = o, te = g, pe = !1;
+    var y = c, O = u, N = l, V = i, F = n, Z = d, ae = r, ue = v, Q = p, H = t, Y = a, T = o, te = g, pe = !1;
     function X(R) {
       return pe || (pe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), h(R) || $(R) === c;
     }
@@ -913,7 +913,7 @@ function Qr() {
     function I(R) {
       return $(R) === r;
     }
-    function T(R) {
+    function z(R) {
       return $(R) === v;
     }
     function E(R) {
@@ -931,7 +931,7 @@ function Qr() {
     function S(R) {
       return $(R) === g;
     }
-    re.AsyncMode = y, re.ConcurrentMode = O, re.ContextConsumer = N, re.ContextProvider = V, re.Element = F, re.ForwardRef = Z, re.Fragment = ae, re.Lazy = ue, re.Memo = Q, re.Portal = H, re.Profiler = Y, re.StrictMode = z, re.Suspense = te, re.isAsyncMode = X, re.isConcurrentMode = h, re.isContextConsumer = C, re.isContextProvider = L, re.isElement = M, re.isForwardRef = D, re.isFragment = I, re.isLazy = T, re.isMemo = E, re.isPortal = P, re.isProfiler = B, re.isStrictMode = q, re.isSuspense = S, re.isValidElementType = b, re.typeOf = $;
+    re.AsyncMode = y, re.ConcurrentMode = O, re.ContextConsumer = N, re.ContextProvider = V, re.Element = F, re.ForwardRef = Z, re.Fragment = ae, re.Lazy = ue, re.Memo = Q, re.Portal = H, re.Profiler = Y, re.StrictMode = T, re.Suspense = te, re.isAsyncMode = X, re.isConcurrentMode = h, re.isContextConsumer = C, re.isContextProvider = L, re.isElement = M, re.isForwardRef = D, re.isFragment = I, re.isLazy = z, re.isMemo = E, re.isPortal = P, re.isProfiler = B, re.isStrictMode = q, re.isSuspense = S, re.isValidElementType = b, re.typeOf = $;
   }()), re;
 }
 var Cn;
@@ -1104,7 +1104,7 @@ function no() {
     function w(h) {
       if (process.env.NODE_ENV !== "production")
         var C = {}, L = 0;
-      function M(I, T, E, P, B, q, S) {
+      function M(I, z, E, P, B, q, S) {
         if (P = P || f, q = q || E, S !== t) {
           if (c) {
             var R = new Error(
@@ -1119,18 +1119,18 @@ function no() {
             ), C[_] = !0, L++);
           }
         }
-        return T[E] == null ? I ? T[E] === null ? new m("The " + B + " `" + q + "` is marked as required " + ("in `" + P + "`, but its value is `null`.")) : new m("The " + B + " `" + q + "` is marked as required in " + ("`" + P + "`, but its value is `undefined`.")) : null : h(T, E, P, B, q);
+        return z[E] == null ? I ? z[E] === null ? new m("The " + B + " `" + q + "` is marked as required " + ("in `" + P + "`, but its value is `null`.")) : new m("The " + B + " `" + q + "` is marked as required in " + ("`" + P + "`, but its value is `undefined`.")) : null : h(z, E, P, B, q);
       }
       var D = M.bind(null, !1);
       return D.isRequired = M.bind(null, !0), D;
     }
     function x(h) {
-      function C(L, M, D, I, T, E) {
-        var P = L[M], B = z(P);
+      function C(L, M, D, I, z, E) {
+        var P = L[M], B = T(P);
         if (B !== h) {
           var q = te(P);
           return new m(
-            "Invalid " + I + " `" + T + "` of type " + ("`" + q + "` supplied to `" + D + "`, expected ") + ("`" + h + "`."),
+            "Invalid " + I + " `" + z + "` of type " + ("`" + q + "` supplied to `" + D + "`, expected ") + ("`" + h + "`."),
             { expectedType: h }
           );
         }
@@ -1142,16 +1142,16 @@ function no() {
       return w(i);
     }
     function b(h) {
-      function C(L, M, D, I, T) {
+      function C(L, M, D, I, z) {
         if (typeof h != "function")
-          return new m("Property `" + T + "` of component `" + D + "` has invalid PropType notation inside arrayOf.");
+          return new m("Property `" + z + "` of component `" + D + "` has invalid PropType notation inside arrayOf.");
         var E = L[M];
         if (!Array.isArray(E)) {
-          var P = z(E);
-          return new m("Invalid " + I + " `" + T + "` of type " + ("`" + P + "` supplied to `" + D + "`, expected an array."));
+          var P = T(E);
+          return new m("Invalid " + I + " `" + z + "` of type " + ("`" + P + "` supplied to `" + D + "`, expected an array."));
         }
         for (var B = 0; B < E.length; B++) {
-          var q = h(E, B, D, I, T + "[" + B + "]", t);
+          var q = h(E, B, D, I, z + "[" + B + "]", t);
           if (q instanceof Error)
             return q;
         }
@@ -1161,9 +1161,9 @@ function no() {
     }
     function $() {
       function h(C, L, M, D, I) {
-        var T = C[L];
-        if (!l(T)) {
-          var E = z(T);
+        var z = C[L];
+        if (!l(z)) {
+          var E = T(z);
           return new m("Invalid " + D + " `" + I + "` of type " + ("`" + E + "` supplied to `" + M + "`, expected a single ReactElement."));
         }
         return null;
@@ -1172,9 +1172,9 @@ function no() {
     }
     function y() {
       function h(C, L, M, D, I) {
-        var T = C[L];
-        if (!e.isValidElementType(T)) {
-          var E = z(T);
+        var z = C[L];
+        if (!e.isValidElementType(z)) {
+          var E = T(z);
           return new m("Invalid " + D + " `" + I + "` of type " + ("`" + E + "` supplied to `" + M + "`, expected a single ReactElement type."));
         }
         return null;
@@ -1182,10 +1182,10 @@ function no() {
       return w(h);
     }
     function O(h) {
-      function C(L, M, D, I, T) {
+      function C(L, M, D, I, z) {
         if (!(L[M] instanceof h)) {
           var E = h.name || f, P = X(L[M]);
-          return new m("Invalid " + I + " `" + T + "` of type " + ("`" + P + "` supplied to `" + D + "`, expected ") + ("instance of `" + E + "`."));
+          return new m("Invalid " + I + " `" + z + "` of type " + ("`" + P + "` supplied to `" + D + "`, expected ") + ("instance of `" + E + "`."));
         }
         return null;
       }
@@ -1196,7 +1196,7 @@ function no() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "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])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), i;
-      function C(L, M, D, I, T) {
+      function C(L, M, D, I, z) {
         for (var E = L[M], P = 0; P < h.length; P++)
           if (v(E, h[P]))
             return null;
@@ -1204,20 +1204,20 @@ function no() {
           var _ = te(R);
           return _ === "symbol" ? String(R) : R;
         });
-        return new m("Invalid " + I + " `" + T + "` of value `" + String(E) + "` " + ("supplied to `" + D + "`, expected one of " + B + "."));
+        return new m("Invalid " + I + " `" + z + "` of value `" + String(E) + "` " + ("supplied to `" + D + "`, expected one of " + B + "."));
       }
       return w(C);
     }
     function V(h) {
-      function C(L, M, D, I, T) {
+      function C(L, M, D, I, z) {
         if (typeof h != "function")
-          return new m("Property `" + T + "` of component `" + D + "` has invalid PropType notation inside objectOf.");
-        var E = L[M], P = z(E);
+          return new m("Property `" + z + "` of component `" + D + "` has invalid PropType notation inside objectOf.");
+        var E = L[M], P = T(E);
         if (P !== "object")
-          return new m("Invalid " + I + " `" + T + "` of type " + ("`" + P + "` supplied to `" + D + "`, expected an object."));
+          return new m("Invalid " + I + " `" + z + "` of type " + ("`" + P + "` supplied to `" + D + "`, expected an object."));
         for (var B in E)
           if (r(E, B)) {
-            var q = h(E, B, D, I, T + "." + B, t);
+            var q = h(E, B, D, I, z + "." + B, t);
             if (q instanceof Error)
               return q;
           }
@@ -1235,15 +1235,15 @@ function no() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + pe(L) + " at index " + C + "."
           ), i;
       }
-      function M(D, I, T, E, P) {
+      function M(D, I, z, E, P) {
         for (var B = [], q = 0; q < h.length; q++) {
-          var S = h[q], R = S(D, I, T, E, P, t);
+          var S = h[q], R = S(D, I, z, E, P, t);
           if (R == null)
             return null;
           R.data && r(R.data, "expectedType") && B.push(R.data.expectedType);
         }
         var _ = B.length > 0 ? ", expected one of type [" + B.join(", ") + "]" : "";
-        return new m("Invalid " + E + " `" + P + "` supplied to " + ("`" + T + "`" + _ + "."));
+        return new m("Invalid " + E + " `" + P + "` supplied to " + ("`" + z + "`" + _ + "."));
       }
       return w(M);
     }
@@ -1259,15 +1259,15 @@ function no() {
       );
     }
     function ue(h) {
-      function C(L, M, D, I, T) {
-        var E = L[M], P = z(E);
+      function C(L, M, D, I, z) {
+        var E = L[M], P = T(E);
         if (P !== "object")
-          return new m("Invalid " + I + " `" + T + "` of type `" + P + "` " + ("supplied to `" + D + "`, expected `object`."));
+          return new m("Invalid " + I + " `" + z + "` of type `" + P + "` " + ("supplied to `" + D + "`, expected `object`."));
         for (var B in h) {
           var q = h[B];
           if (typeof q != "function")
-            return ae(D, I, T, B, te(q));
-          var S = q(E, B, D, I, T + "." + B, t);
+            return ae(D, I, z, B, te(q));
+          var S = q(E, B, D, I, z + "." + B, t);
           if (S)
             return S;
         }
@@ -1276,21 +1276,21 @@ function no() {
       return w(C);
     }
     function Q(h) {
-      function C(L, M, D, I, T) {
-        var E = L[M], P = z(E);
+      function C(L, M, D, I, z) {
+        var E = L[M], P = T(E);
         if (P !== "object")
-          return new m("Invalid " + I + " `" + T + "` of type `" + P + "` " + ("supplied to `" + D + "`, expected `object`."));
+          return new m("Invalid " + I + " `" + z + "` of type `" + P + "` " + ("supplied to `" + D + "`, expected `object`."));
         var B = n({}, L[M], h);
         for (var q in B) {
           var S = h[q];
           if (r(h, q) && typeof S != "function")
-            return ae(D, I, T, q, te(S));
+            return ae(D, I, z, q, te(S));
           if (!S)
             return new m(
-              "Invalid " + I + " `" + T + "` key `" + q + "` supplied to `" + D + "`.\nBad object: " + JSON.stringify(L[M], null, "  ") + `
+              "Invalid " + I + " `" + z + "` key `" + q + "` supplied to `" + D + "`.\nBad object: " + JSON.stringify(L[M], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(h), null, "  ")
             );
-          var R = S(E, q, D, I, T + "." + q, t);
+          var R = S(E, q, D, I, z + "." + q, t);
           if (R)
             return R;
         }
@@ -1334,14 +1334,14 @@ Valid keys: ` + JSON.stringify(Object.keys(h), null, "  ")
     function Y(h, C) {
       return h === "symbol" ? !0 : C ? C["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && C instanceof Symbol : !1;
     }
-    function z(h) {
+    function T(h) {
       var C = typeof h;
       return Array.isArray(h) ? "array" : h instanceof RegExp ? "object" : Y(C, h) ? "symbol" : C;
     }
     function te(h) {
       if (typeof h > "u" || h === null)
         return "" + h;
-      var C = z(h);
+      var C = T(h);
       if (C === "object") {
         if (h instanceof Date)
           return "date";
@@ -2913,12 +2913,12 @@ var $o = typeof Ft == "function" ? Ft : Ft.default, _o = "file-invalid-type", Eo
     code: _o,
     message: "File type must be ".concat(r)
   };
-}, Tn = function(n) {
+}, zn = function(n) {
   return {
     code: Eo,
     message: "File is larger than ".concat(n, " ").concat(n === 1 ? "byte" : "bytes")
   };
-}, zn = function(n) {
+}, Tn = function(n) {
   return {
     code: Po,
     message: "File is smaller than ".concat(n, " ").concat(n === 1 ? "byte" : "bytes")
@@ -2934,11 +2934,11 @@ function sr(e, n) {
 function cr(e, n, t) {
   if (Ae(e.size))
     if (Ae(n) && Ae(t)) {
-      if (e.size > t) return [!1, Tn(t)];
-      if (e.size < n) return [!1, zn(n)];
+      if (e.size > t) return [!1, zn(t)];
+      if (e.size < n) return [!1, Tn(n)];
     } else {
-      if (Ae(n) && e.size < n) return [!1, zn(n)];
-      if (Ae(t) && e.size > t) return [!1, Tn(t)];
+      if (Ae(n) && e.size < n) return [!1, Tn(n)];
+      if (Ae(t) && e.size > t) return [!1, zn(t)];
     }
   return [!0, null];
 }
@@ -2969,7 +2969,7 @@ function Do(e) {
 function No(e) {
   return e.indexOf("Edge/") !== -1;
 }
-function To() {
+function zo() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.navigator.userAgent;
   return Do(e) || No(e);
 }
@@ -2984,7 +2984,7 @@ function Se() {
     });
   };
 }
-function zo() {
+function To() {
   return "showOpenFilePicker" in window;
 }
 function Oo(e) {
@@ -3329,15 +3329,15 @@ var Kt = {
   fileRejections: []
 };
 function mr() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = le(le({}, fr), e), t = n.accept, r = n.disabled, o = n.getFilesFromEvent, a = n.maxSize, i = n.minSize, l = n.multiple, c = n.maxFiles, u = n.onDragEnter, d = n.onDragLeave, g = n.onDragOver, f = n.onDrop, p = n.onDropAccepted, v = n.onDropRejected, m = n.onFileDialogCancel, w = n.onFileDialogOpen, x = n.useFsAccessApi, k = n.autoFocus, b = n.preventDropOnDocument, $ = n.noClick, y = n.noKeyboard, O = n.noDrag, N = n.noDragEventsBubbling, V = n.onError, F = n.validator, Z = ze(function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = le(le({}, fr), e), t = n.accept, r = n.disabled, o = n.getFilesFromEvent, a = n.maxSize, i = n.minSize, l = n.multiple, c = n.maxFiles, u = n.onDragEnter, d = n.onDragLeave, g = n.onDragOver, f = n.onDrop, p = n.onDropAccepted, v = n.onDropRejected, m = n.onFileDialogCancel, w = n.onFileDialogOpen, x = n.useFsAccessApi, k = n.autoFocus, b = n.preventDropOnDocument, $ = n.noClick, y = n.noKeyboard, O = n.noDrag, N = n.noDragEventsBubbling, V = n.onError, F = n.validator, Z = Te(function() {
     return Io(t);
-  }, [t]), ae = ze(function() {
+  }, [t]), ae = Te(function() {
     return Oo(t);
-  }, [t]), ue = ze(function() {
+  }, [t]), ue = Te(function() {
     return typeof w == "function" ? w : Vn;
-  }, [w]), Q = ze(function() {
+  }, [w]), Q = Te(function() {
     return typeof m == "function" ? m : Vn;
-  }, [m]), H = se(null), Y = se(null), z = Gr(ta, Kt), te = At(z, 2), pe = te[0], X = te[1], h = pe.isFocused, C = pe.isFileDialogActive, L = se(typeof window < "u" && window.isSecureContext && x && zo()), M = function() {
+  }, [m]), H = se(null), Y = se(null), T = Gr(ta, Kt), te = At(T, 2), pe = te[0], X = te[1], h = pe.isFocused, C = pe.isFileDialogActive, L = se(typeof window < "u" && window.isSecureContext && x && To()), M = function() {
     !L.current && C && setTimeout(function() {
       if (Y.current) {
         var G = Y.current.files;
@@ -3363,7 +3363,7 @@ function mr() {
     return !r && k && H.current && H.current.focus(), function() {
     };
   }, [H, k, r]);
-  var T = oe(function(A) {
+  var z = oe(function(A) {
     V ? V(A) : console.error(A);
   }, [V]), E = oe(function(A) {
     A.preventDefault(), A.persist(), Je(A), D.current = [].concat(Uo(D.current), [A.target]), ot(A) && Promise.resolve(o(A)).then(function(G) {
@@ -3385,9 +3385,9 @@ function mr() {
         }), u && u(A);
       }
     }).catch(function(G) {
-      return T(G);
+      return z(G);
     });
-  }, [o, u, T, N, Z, i, a, l, c, F]), P = oe(function(A) {
+  }, [o, u, z, N, Z, i, a, l, c, F]), P = oe(function(A) {
     A.preventDefault(), A.persist(), Je(A);
     var G = ot(A);
     if (G && A.dataTransfer)
@@ -3410,7 +3410,7 @@ function mr() {
   }, [H, d, N]), q = oe(function(A, G) {
     var me = [], ge = [];
     A.forEach(function(be) {
-      var Ve = sr(be, Z), Te = At(Ve, 2), bt = Te[0], yt = Te[1], Ct = cr(be, i, a), Qe = At(Ct, 2), St = Qe[0], Rt = Qe[1], jt = F ? F(be) : null;
+      var Ve = sr(be, Z), ze = At(Ve, 2), bt = ze[0], yt = ze[1], Ct = cr(be, i, a), Qe = At(Ct, 2), St = Qe[0], Rt = Qe[1], jt = F ? F(be) : null;
       if (bt && St && !jt)
         me.push(be);
       else {
@@ -3437,11 +3437,11 @@ function mr() {
     A.preventDefault(), A.persist(), Je(A), D.current = [], ot(A) && Promise.resolve(o(A)).then(function(G) {
       ft(A) && !N || q(G, A);
     }).catch(function(G) {
-      return T(G);
+      return z(G);
     }), X({
       type: "reset"
     });
-  }, [o, q, T, N]), R = oe(function() {
+  }, [o, q, z, N]), R = oe(function() {
     if (L.current) {
       X({
         type: "openDialog"
@@ -3459,14 +3459,14 @@ function mr() {
       }).catch(function(G) {
         Vo(G) ? (Q(G), X({
           type: "closeDialog"
-        })) : Ho(G) ? (L.current = !1, Y.current ? (Y.current.value = null, Y.current.click()) : T(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : T(G);
+        })) : Ho(G) ? (L.current = !1, Y.current ? (Y.current.value = null, Y.current.click()) : z(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : z(G);
       });
       return;
     }
     Y.current && (X({
       type: "openDialog"
     }), ue(), Y.current.value = null, Y.current.click());
-  }, [X, ue, Q, x, q, T, ae, l]), _ = oe(function(A) {
+  }, [X, ue, Q, x, q, z, ae, l]), _ = oe(function(A) {
     !H.current || !H.current.isEqualNode(A.target) || (A.key === " " || A.key === "Enter" || A.keyCode === 32 || A.keyCode === 13) && (A.preventDefault(), R());
   }, [H, R]), J = oe(function() {
     X({
@@ -3477,22 +3477,22 @@ function mr() {
       type: "blur"
     });
   }, []), de = oe(function() {
-    $ || (To() ? setTimeout(R, 0) : R());
+    $ || (zo() ? setTimeout(R, 0) : R());
   }, [$, R]), fe = function(G) {
     return r ? null : G;
-  }, xe = function(G) {
+  }, we = function(G) {
     return y ? null : fe(G);
   }, Xe = function(G) {
     return O ? null : fe(G);
   }, Je = function(G) {
     N && G.stopPropagation();
-  }, Vr = ze(function() {
+  }, Vr = Te(function() {
     return function() {
-      var A = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, G = A.refKey, me = G === void 0 ? "ref" : G, ge = A.role, be = A.onKeyDown, Ve = A.onFocus, Te = A.onBlur, bt = A.onClick, yt = A.onDragEnter, Ct = A.onDragOver, Qe = A.onDragLeave, St = A.onDrop, Rt = mt(A, Go);
+      var A = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, G = A.refKey, me = G === void 0 ? "ref" : G, ge = A.role, be = A.onKeyDown, Ve = A.onFocus, ze = A.onBlur, bt = A.onClick, yt = A.onDragEnter, Ct = A.onDragOver, Qe = A.onDragLeave, St = A.onDrop, Rt = mt(A, Go);
       return le(le(Zt({
-        onKeyDown: xe(Se(be, _)),
-        onFocus: xe(Se(Ve, J)),
-        onBlur: xe(Se(Te, ee)),
+        onKeyDown: we(Se(be, _)),
+        onFocus: we(Se(Ve, J)),
+        onBlur: we(Se(ze, ee)),
         onClick: fe(Se(bt, de)),
         onDragEnter: Xe(Se(yt, E)),
         onDragOver: Xe(Se(Ct, P)),
@@ -3505,9 +3505,9 @@ function mr() {
     };
   }, [H, _, J, ee, de, E, P, B, S, y, O, r]), Hr = oe(function(A) {
     A.stopPropagation();
-  }, []), Br = ze(function() {
+  }, []), Br = Te(function() {
     return function() {
-      var A = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, G = A.refKey, me = G === void 0 ? "ref" : G, ge = A.onChange, be = A.onClick, Ve = mt(A, Wo), Te = Zt({
+      var A = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, G = A.refKey, me = G === void 0 ? "ref" : G, ge = A.onChange, be = A.onClick, Ve = mt(A, Wo), ze = Zt({
         accept: Z,
         multiple: l,
         type: "file",
@@ -3527,7 +3527,7 @@ function mr() {
         onClick: fe(Se(be, Hr)),
         tabIndex: -1
       }, me, Y);
-      return le(le({}, Te), Ve);
+      return le(le({}, ze), Ve);
     };
   }, [Y, t, l, S, r]);
   return le(le({}, pe), {}, {
@@ -3577,7 +3577,7 @@ function ta(e, n) {
 }
 function Vn() {
 }
-const Al = ({
+const Nl = ({
   onFilesAccepted: e,
   onError: n,
   accept: t = {
@@ -3613,12 +3613,12 @@ const Al = ({
   const N = oe(
     (Q, H) => {
       const Y = [];
-      if (H.length > 0 && H.forEach((z) => {
-        z.errors.forEach((te) => {
+      if (H.length > 0 && H.forEach((T) => {
+        T.errors.forEach((te) => {
           te.code === "file-too-large" && Y.push(
-            `${z.file.name} is too large (max ${(o / 1024 / 1024).toFixed(2)}MB)`
+            `${T.file.name} is too large (max ${(o / 1024 / 1024).toFixed(2)}MB)`
           ), te.code === "file-invalid-type" && Y.push(
-            `${z.file.name} has an invalid file type`
+            `${T.file.name} has an invalid file type`
           );
         });
       }), a !== void 0 && (r ? b.length : 0) + Q.length > a && Y.push(
@@ -3629,7 +3629,7 @@ const Al = ({
       } else
         O([]);
       Q.length > 0 && ($(
-        (z) => r ? [...z, ...Q] : Q
+        (T) => r ? [...T, ...Q] : Q
       ), e(Q));
     },
     [
@@ -3641,7 +3641,7 @@ const Al = ({
       r
     ]
   ), V = (Q) => {
-    $((H) => H.filter((Y, z) => z !== Q)), k(b);
+    $((H) => H.filter((Y, T) => T !== Q)), k(b);
   }, { getRootProps: F, getInputProps: Z, isDragActive: ae, isDragReject: ue } = mr({
     onDrop: N,
     accept: t,
@@ -3834,7 +3834,14 @@ const ra = {
   }
 );
 ia.displayName = "OtpInput";
-const gr = Ye(
+const la = {
+  small: "p-2 text-sm",
+  medium: "p-3 text-base",
+  large: "p-4 text-lg"
+}, sa = {
+  filled: "bg-color-gray-100 border-color-gray-200",
+  outlined: "border-color-gray-200 bg-color-transparent"
+}, gr = Ye(
   ({
     placeholder: e,
     value: n,
@@ -3849,34 +3856,36 @@ const gr = Ye(
     maxLength: d,
     label: g,
     labelClassName: f = "",
-    ...p
-  }, v) => {
-    const m = u ? "border-color-red-500 focus-within:ring-color-red-500" : "border-color-gray-200", w = u ? "text-color-red-500" : i;
+    variant: p = "outlined",
+    size: v = "medium",
+    ...m
+  }, w) => {
+    const x = u ? "border-color-red-500 focus-within:ring-color-red-500" : "border-color-gray-200", k = u ? "text-color-red-500" : i;
     return /* @__PURE__ */ s.jsxs("div", { className: "w-full", children: [
       g && /* @__PURE__ */ s.jsx("label", { className: `text-sm text-color-gray-500 mb-2 block ${f}`, children: g }),
-      /* @__PURE__ */ s.jsxs("div", { className: `flex items-center w-full rounded-md border focus-within:ring-1 ${m} ${o}`, children: [
-        l && /* @__PURE__ */ s.jsx("span", { className: `pl-3 ${w}`, children: l }),
+      /* @__PURE__ */ s.jsxs("div", { className: `flex items-center w-full rounded-md border focus-within:ring-1 ${x} ${sa[p]} ${o}`, children: [
+        l && /* @__PURE__ */ s.jsx("span", { className: `pl-3 ${k}`, children: l }),
         /* @__PURE__ */ s.jsx(
           "input",
           {
-            ...p,
-            ref: v,
+            ...m,
+            ref: w,
             type: r,
             placeholder: e,
             defaultValue: n,
             maxLength: d,
             onChange: t,
-            className: `grow bg-color-transparent px-3 py-3 outline-0 text-md w-full font-medium placeholder:font-normal  ${a}`
+            className: `grow outline-0 w-full font-medium placeholder:font-normal bg-color-transparent ${la[v]} ${a}`
           }
         ),
-        c && /* @__PURE__ */ s.jsx("span", { className: `pr-3 ${w}`, children: c })
+        c && /* @__PURE__ */ s.jsx("span", { className: `pr-3 ${k}`, children: c })
       ] }),
       u && /* @__PURE__ */ s.jsx("p", { className: "text-color-red-500 text-xs mt-1", children: u })
     ] });
   }
 );
 gr.displayName = "TextInput";
-const la = Ye((e, n) => {
+const ca = Ye((e, n) => {
   const [t, r] = K(!1);
   return /* @__PURE__ */ s.jsx(
     gr,
@@ -3897,12 +3906,12 @@ const la = Ye((e, n) => {
     }
   );
 });
-la.displayName = "PasswordInput";
-const sa = {
+ca.displayName = "PasswordInput";
+const ua = {
   small: "text-xs px-2 py-1",
   medium: "text-sm px-3 py-[0.35rem]",
   large: "text-base px-4 py-2"
-}, Dl = ({
+}, zl = ({
   label: e,
   color: n = "blue",
   variant: t = "filled",
@@ -3910,9 +3919,9 @@ const sa = {
   className: o = ""
 }) => {
   var u, d;
-  const a = (u = we[n]) == null ? void 0 : u.filled, i = (d = we[n]) == null ? void 0 : d.outline, l = sa[r], c = `inline-flex text-nowrap items-center rounded-full font-medium leading-none ${t === "outlined" ? `border ${i}` : a} ${l}`.trim();
+  const a = (u = xe[n]) == null ? void 0 : u.filled, i = (d = xe[n]) == null ? void 0 : d.outline, l = ua[r], c = `inline-flex text-nowrap items-center rounded-full font-medium leading-none ${t === "outlined" ? `border ${i}` : a} ${l}`.trim();
   return /* @__PURE__ */ s.jsx("span", { className: `${c}  ${o}`, children: e });
-}, ca = ({
+}, da = ({
   src: e,
   alt: n,
   size: t = "medium",
@@ -3935,7 +3944,7 @@ const sa = {
   return /* @__PURE__ */ s.jsx(
     "div",
     {
-      className: `inline-flex items-center justify-center font-medium overflow-hidden ${l[t]} ${c[i]} ${we[a].filled} ${o}`,
+      className: `inline-flex items-center justify-center font-medium overflow-hidden ${l[t]} ${c[i]} ${xe[a].filled} ${o}`,
       children: e ? /* @__PURE__ */ s.jsx(
         "img",
         {
@@ -3946,19 +3955,19 @@ const sa = {
       ) : r || ((u = n == null ? void 0 : n[0]) == null ? void 0 : u.toUpperCase()) || "?"
     }
   );
-}, Nl = ({
+}, Tl = ({
   size: e,
   imageUrl: n,
   name: t = "User",
   number: r = "1234567890",
   className: o = ""
 }) => /* @__PURE__ */ s.jsxs("div", { className: o || "flex items-center gap-2 w-fit bg-color-transparent rounded-md p-1", children: [
-  /* @__PURE__ */ s.jsx(ca, { size: e, src: n, alt: `${t}'s profile` }),
+  /* @__PURE__ */ s.jsx(da, { size: e, src: n, alt: `${t}'s profile` }),
   /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ s.jsx("span", { className: "text-sm font-medium text-color-gray-800", children: t }),
     /* @__PURE__ */ s.jsx("span", { className: "text-xs text-color-gray-600", children: r })
   ] })
-] }), Tl = ({ steps: e, currentStep: n, className: t = "", onChange: r }) => /* @__PURE__ */ s.jsx("div", { className: `flex items-center ${t}`, children: e.map((o, a) => {
+] }), Ol = ({ steps: e, currentStep: n, className: t = "", onChange: r }) => /* @__PURE__ */ s.jsx("div", { className: `flex items-center ${t}`, children: e.map((o, a) => {
   const i = a === n, l = a < n;
   return /* @__PURE__ */ s.jsxs(Pe.Fragment, { children: [
     /* @__PURE__ */ s.jsxs(
@@ -4006,10 +4015,10 @@ function ye(e, n) {
 function vt(e) {
   return e instanceof Function;
 }
-function ua(e) {
+function pa(e) {
   return Array.isArray(e) && e.every((n) => typeof n == "number");
 }
-function da(e, n) {
+function fa(e, n) {
   const t = [], r = (o) => {
     o.forEach((a) => {
       t.push(a);
@@ -4053,7 +4062,7 @@ function U(e, n, t, r) {
     onChange: r
   };
 }
-function pa(e, n, t, r) {
+function ma(e, n, t, r) {
   const o = () => {
     var i;
     return (i = a.getValue()) != null ? i : e.options.renderFallbackValue;
@@ -4076,7 +4085,7 @@ function pa(e, n, t, r) {
     i.createCell == null || i.createCell(a, t, n, e);
   }, {}), a;
 }
-function fa(e, n, t, r) {
+function ga(e, n, t, r) {
   var o, a;
   const l = {
     ...e._getDefaultColumnDef(),
@@ -4146,7 +4155,7 @@ function Hn(e, n, t) {
     i.createHeader == null || i.createHeader(a, e);
   }), a;
 }
-const ma = {
+const va = {
   createTable: (e) => {
     e.getHeaderGroups = W(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, r, o) => {
       var a, i;
@@ -4231,7 +4240,7 @@ function at(e, n, t, r) {
   });
   return g((o = (a = c[0]) == null ? void 0 : a.headers) != null ? o : []), c;
 }
-const ga = (e, n, t, r, o, a, i) => {
+const ha = (e, n, t, r, o, a, i) => {
   let l = {
     id: n,
     index: r,
@@ -4259,7 +4268,7 @@ const ga = (e, n, t, r, o, a, i) => {
       return (u = l.getValue(c)) != null ? u : e.options.renderFallbackValue;
     },
     subRows: [],
-    getLeafRows: () => da(l.subRows, (c) => c.subRows),
+    getLeafRows: () => fa(l.subRows, (c) => c.subRows),
     getParentRow: () => l.parentId ? e.getRow(l.parentId, !0) : void 0,
     getParentRows: () => {
       let c = [], u = l;
@@ -4270,7 +4279,7 @@ const ga = (e, n, t, r, o, a, i) => {
       }
       return c.reverse();
     },
-    getAllCells: W(() => [e.getAllLeafColumns()], (c) => c.map((u) => pa(e, l, u, u.id)), U(e.options, "debugRows", "getAllCells")),
+    getAllCells: W(() => [e.getAllLeafColumns()], (c) => c.map((u) => ma(e, l, u, u.id)), U(e.options, "debugRows", "getAllCells")),
     _getAllCellsByColumnId: W(() => [l.getAllCells()], (c) => c.reduce((u, d) => (u[d.column.id] = d, u), {}), U(e.options, "debugRows", "getAllCellsByColumnId"))
   };
   for (let c = 0; c < e._features.length; c++) {
@@ -4278,7 +4287,7 @@ const ga = (e, n, t, r, o, a, i) => {
     u == null || u.createRow == null || u.createRow(l, e);
   }
   return l;
-}, va = {
+}, xa = {
   createColumn: (e, n) => {
     e._getFacetedRowModel = n.options.getFacetedRowModel && n.options.getFacetedRowModel(n, e.id), e.getFacetedRowModel = () => e._getFacetedRowModel ? e._getFacetedRowModel() : n.getPreFilteredRowModel(), e._getFacetedUniqueValues = n.options.getFacetedUniqueValues && n.options.getFacetedUniqueValues(n, e.id), e.getFacetedUniqueValues = () => e._getFacetedUniqueValues ? e._getFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getFacetedMinMaxValues = n.options.getFacetedMinMaxValues && n.options.getFacetedMinMaxValues(n, e.id), e.getFacetedMinMaxValues = () => {
       if (e._getFacetedMinMaxValues)
@@ -4348,7 +4357,7 @@ const Re = {
 function Ce(e) {
   return e == null || e === "";
 }
-const ha = {
+const wa = {
   getDefaultColumnDef: () => ({
     filterFn: "auto"
   }),
@@ -4426,54 +4435,54 @@ const ha = {
 function Bn(e, n, t) {
   return (e && e.autoRemove ? e.autoRemove(n, t) : !1) || typeof n > "u" || typeof n == "string" && !n;
 }
-const xa = (e, n, t) => t.reduce((r, o) => {
+const ba = (e, n, t) => t.reduce((r, o) => {
   const a = o.getValue(e);
   return r + (typeof a == "number" ? a : 0);
-}, 0), wa = (e, n, t) => {
+}, 0), ya = (e, n, t) => {
   let r;
   return t.forEach((o) => {
     const a = o.getValue(e);
     a != null && (r > a || r === void 0 && a >= a) && (r = a);
   }), r;
-}, ba = (e, n, t) => {
+}, Ca = (e, n, t) => {
   let r;
   return t.forEach((o) => {
     const a = o.getValue(e);
     a != null && (r < a || r === void 0 && a >= a) && (r = a);
   }), r;
-}, ya = (e, n, t) => {
+}, Sa = (e, n, t) => {
   let r, o;
   return t.forEach((a) => {
     const i = a.getValue(e);
     i != null && (r === void 0 ? i >= i && (r = o = i) : (r > i && (r = i), o < i && (o = i)));
   }), [r, o];
-}, Ca = (e, n) => {
+}, Ra = (e, n) => {
   let t = 0, r = 0;
   if (n.forEach((o) => {
     let a = o.getValue(e);
     a != null && (a = +a) >= a && (++t, r += a);
   }), t) return r / t;
-}, Sa = (e, n) => {
+}, ja = (e, n) => {
   if (!n.length)
     return;
   const t = n.map((a) => a.getValue(e));
-  if (!ua(t))
+  if (!pa(t))
     return;
   if (t.length === 1)
     return t[0];
   const r = Math.floor(t.length / 2), o = t.sort((a, i) => a - i);
   return t.length % 2 !== 0 ? o[r] : (o[r - 1] + o[r]) / 2;
-}, Ra = (e, n) => Array.from(new Set(n.map((t) => t.getValue(e))).values()), ja = (e, n) => new Set(n.map((t) => t.getValue(e))).size, ka = (e, n) => n.length, Dt = {
-  sum: xa,
-  min: wa,
-  max: ba,
-  extent: ya,
-  mean: Ca,
-  median: Sa,
-  unique: Ra,
-  uniqueCount: ja,
-  count: ka
-}, $a = {
+}, ka = (e, n) => Array.from(new Set(n.map((t) => t.getValue(e))).values()), $a = (e, n) => new Set(n.map((t) => t.getValue(e))).size, _a = (e, n) => n.length, Dt = {
+  sum: ba,
+  min: ya,
+  max: Ca,
+  extent: Sa,
+  mean: Ra,
+  median: ja,
+  unique: ka,
+  uniqueCount: $a,
+  count: _a
+}, Ea = {
   getDefaultColumnDef: () => ({
     aggregatedCell: (e) => {
       var n, t;
@@ -4540,13 +4549,13 @@ const xa = (e, n, t) => t.reduce((r, o) => {
     };
   }
 };
-function _a(e, n, t) {
+function Pa(e, n, t) {
   if (!(n != null && n.length) || !t)
     return e;
   const r = e.filter((a) => !n.includes(a.id));
   return t === "remove" ? r : [...n.map((a) => e.find((i) => i.id === a)).filter(Boolean), ...r];
 }
-const Ea = {
+const Ma = {
   getInitialState: (e) => ({
     columnOrder: [],
     ...e
@@ -4580,13 +4589,13 @@ const Ea = {
         }
         a = [...a, ...l];
       }
-      return _a(a, t, r);
+      return Pa(a, t, r);
     }, U(e.options, "debugTable", "_getOrderColumnsFn"));
   }
 }, Nt = () => ({
   left: [],
   right: []
-}), Pa = {
+}), La = {
   getInitialState: (e) => ({
     columnPinning: Nt(),
     ...e
@@ -4666,18 +4675,18 @@ const Ea = {
   size: 150,
   minSize: 20,
   maxSize: Number.MAX_SAFE_INTEGER
-}, Tt = () => ({
+}, zt = () => ({
   startOffset: null,
   startSize: null,
   deltaOffset: null,
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), Ma = {
+}), Fa = {
   getDefaultColumnDef: () => it,
   getInitialState: (e) => ({
     columnSizing: {},
-    columnSizingInfo: Tt(),
+    columnSizingInfo: zt(),
     ...e
   }),
   getDefaultOptions: (e) => ({
@@ -4725,9 +4734,9 @@ const Ea = {
     }, e.getResizeHandler = (t) => {
       const r = n.getColumn(e.column.id), o = r == null ? void 0 : r.getCanResize();
       return (a) => {
-        if (!r || !o || (a.persist == null || a.persist(), zt(a) && a.touches && a.touches.length > 1))
+        if (!r || !o || (a.persist == null || a.persist(), Tt(a) && a.touches && a.touches.length > 1))
           return;
-        const i = e.getSize(), l = e ? e.getLeafHeaders().map((x) => [x.column.id, x.column.getSize()]) : [[r.id, r.getSize()]], c = zt(a) ? Math.round(a.touches[0].clientX) : a.clientX, u = {}, d = (x, k) => {
+        const i = e.getSize(), l = e ? e.getLeafHeaders().map((x) => [x.column.id, x.column.getSize()]) : [[r.id, r.getSize()]], c = Tt(a) ? Math.round(a.touches[0].clientX) : a.clientX, u = {}, d = (x, k) => {
           typeof k == "number" && (n.setColumnSizingInfo((b) => {
             var $, y;
             const O = n.options.columnResizeDirection === "rtl" ? -1 : 1, N = (k - (($ = b == null ? void 0 : b.startOffset) != null ? $ : 0)) * O, V = Math.max(N / ((y = b == null ? void 0 : b.startSize) != null ? y : 0), -0.999999);
@@ -4764,10 +4773,10 @@ const Ea = {
             var k;
             p == null || p.removeEventListener("touchmove", m.moveHandler), p == null || p.removeEventListener("touchend", m.upHandler), x.cancelable && (x.preventDefault(), x.stopPropagation()), f((k = x.touches[0]) == null ? void 0 : k.clientX);
           }
-        }, w = La() ? {
+        }, w = Aa() ? {
           passive: !1
         } : !1;
-        zt(a) ? (p == null || p.addEventListener("touchmove", m.moveHandler, w), p == null || p.addEventListener("touchend", m.upHandler, w)) : (p == null || p.addEventListener("mousemove", v.moveHandler, w), p == null || p.addEventListener("mouseup", v.upHandler, w)), n.setColumnSizingInfo((x) => ({
+        Tt(a) ? (p == null || p.addEventListener("touchmove", m.moveHandler, w), p == null || p.addEventListener("touchend", m.upHandler, w)) : (p == null || p.addEventListener("mousemove", v.moveHandler, w), p == null || p.addEventListener("mouseup", v.upHandler, w)), n.setColumnSizingInfo((x) => ({
           ...x,
           startOffset: c,
           startSize: i,
@@ -4785,7 +4794,7 @@ const Ea = {
       e.setColumnSizing(n ? {} : (t = e.initialState.columnSizing) != null ? t : {});
     }, e.resetHeaderSizeInfo = (n) => {
       var t;
-      e.setColumnSizingInfo(n ? Tt() : (t = e.initialState.columnSizingInfo) != null ? t : Tt());
+      e.setColumnSizingInfo(n ? zt() : (t = e.initialState.columnSizingInfo) != null ? t : zt());
     }, e.getTotalSize = () => {
       var n, t;
       return (n = (t = e.getHeaderGroups()[0]) == null ? void 0 : t.headers.reduce((r, o) => r + o.getSize(), 0)) != null ? n : 0;
@@ -4802,7 +4811,7 @@ const Ea = {
   }
 };
 let lt = null;
-function La() {
+function Aa() {
   if (typeof lt == "boolean") return lt;
   let e = !1;
   try {
@@ -4818,10 +4827,10 @@ function La() {
   }
   return lt = e, lt;
 }
-function zt(e) {
+function Tt(e) {
   return e.type === "touchstart";
 }
-const Fa = {
+const Da = {
   getInitialState: (e) => ({
     columnVisibility: {},
     ...e
@@ -4869,14 +4878,14 @@ const Fa = {
 function We(e, n) {
   return n ? n === "center" ? e.getCenterVisibleLeafColumns() : n === "left" ? e.getLeftVisibleLeafColumns() : e.getRightVisibleLeafColumns() : e.getVisibleLeafColumns();
 }
-const Aa = {
+const Na = {
   createTable: (e) => {
     e._getGlobalFacetedRowModel = e.options.getFacetedRowModel && e.options.getFacetedRowModel(e, "__global__"), e.getGlobalFacetedRowModel = () => e.options.manualFiltering || !e._getGlobalFacetedRowModel ? e.getPreFilteredRowModel() : e._getGlobalFacetedRowModel(), e._getGlobalFacetedUniqueValues = e.options.getFacetedUniqueValues && e.options.getFacetedUniqueValues(e, "__global__"), e.getGlobalFacetedUniqueValues = () => e._getGlobalFacetedUniqueValues ? e._getGlobalFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getGlobalFacetedMinMaxValues = e.options.getFacetedMinMaxValues && e.options.getFacetedMinMaxValues(e, "__global__"), e.getGlobalFacetedMinMaxValues = () => {
       if (e._getGlobalFacetedMinMaxValues)
         return e._getGlobalFacetedMinMaxValues();
     };
   }
-}, Da = {
+}, za = {
   getInitialState: (e) => ({
     globalFilter: void 0,
     ...e
@@ -4909,7 +4918,7 @@ const Aa = {
       e.setGlobalFilter(n ? void 0 : e.initialState.globalFilter);
     };
   }
-}, Na = {
+}, Ta = {
   getInitialState: (e) => ({
     expanded: {},
     ...e
@@ -4999,7 +5008,7 @@ const Aa = {
 }, Xt = 0, Jt = 10, Ot = () => ({
   pageIndex: Xt,
   pageSize: Jt
-}), Ta = {
+}), Oa = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
@@ -5082,7 +5091,7 @@ const Aa = {
 }, It = () => ({
   top: [],
   bottom: []
-}), za = {
+}), Ia = {
   getInitialState: (e) => ({
     rowPinning: It(),
     ...e
@@ -5183,7 +5192,7 @@ const Aa = {
       return n.filter((a) => !o.has(a.id));
     }, U(e.options, "debugRows", "getCenterRows"));
   }
-}, Oa = {
+}, Va = {
   getInitialState: (e) => ({
     rowSelection: {},
     ...e
@@ -5339,10 +5348,10 @@ function en(e, n, t) {
     }
   }), o ? "all" : a ? "some" : !1;
 }
-const tn = /([0-9]+)/gm, Ia = (e, n, t) => Rr(Le(e.getValue(t)).toLowerCase(), Le(n.getValue(t)).toLowerCase()), Va = (e, n, t) => Rr(Le(e.getValue(t)), Le(n.getValue(t))), Ha = (e, n, t) => sn(Le(e.getValue(t)).toLowerCase(), Le(n.getValue(t)).toLowerCase()), Ba = (e, n, t) => sn(Le(e.getValue(t)), Le(n.getValue(t))), qa = (e, n, t) => {
+const tn = /([0-9]+)/gm, Ha = (e, n, t) => Rr(Le(e.getValue(t)).toLowerCase(), Le(n.getValue(t)).toLowerCase()), Ba = (e, n, t) => Rr(Le(e.getValue(t)), Le(n.getValue(t))), qa = (e, n, t) => sn(Le(e.getValue(t)).toLowerCase(), Le(n.getValue(t)).toLowerCase()), Ga = (e, n, t) => sn(Le(e.getValue(t)), Le(n.getValue(t))), Wa = (e, n, t) => {
   const r = e.getValue(t), o = n.getValue(t);
   return r > o ? 1 : r < o ? -1 : 0;
-}, Ga = (e, n, t) => sn(e.getValue(t), n.getValue(t));
+}, Ua = (e, n, t) => sn(e.getValue(t), n.getValue(t));
 function sn(e, n) {
   return e === n ? 0 : e > n ? 1 : -1;
 }
@@ -5370,13 +5379,13 @@ function Rr(e, n) {
   return t.length - r.length;
 }
 const qe = {
-  alphanumeric: Ia,
-  alphanumericCaseSensitive: Va,
-  text: Ha,
-  textCaseSensitive: Ba,
-  datetime: qa,
-  basic: Ga
-}, Wa = {
+  alphanumeric: Ha,
+  alphanumericCaseSensitive: Ba,
+  text: qa,
+  textCaseSensitive: Ga,
+  datetime: Wa,
+  basic: Ua
+}, Ya = {
   getInitialState: (e) => ({
     sorting: [],
     ...e
@@ -5465,30 +5474,30 @@ const qe = {
       e.setSorting(n ? [] : (t = (r = e.initialState) == null ? void 0 : r.sorting) != null ? t : []);
     }, e.getPreSortedRowModel = () => e.getGroupedRowModel(), e.getSortedRowModel = () => (!e._getSortedRowModel && e.options.getSortedRowModel && (e._getSortedRowModel = e.options.getSortedRowModel(e)), e.options.manualSorting || !e._getSortedRowModel ? e.getPreSortedRowModel() : e._getSortedRowModel());
   }
-}, Ua = [
-  ma,
-  Fa,
-  Ea,
-  Pa,
+}, Za = [
   va,
-  ha,
-  Aa,
-  //depends on ColumnFaceting
   Da,
+  Ma,
+  La,
+  xa,
+  wa,
+  Na,
+  //depends on ColumnFaceting
+  za,
   //depends on ColumnFiltering
-  Wa,
-  $a,
+  Ya,
+  Ea,
   //depends on RowSorting
-  Na,
   Ta,
-  za,
   Oa,
-  Ma
+  Ia,
+  Va,
+  Fa
 ];
-function Ya(e) {
+function Ka(e) {
   var n, t;
   process.env.NODE_ENV !== "production" && (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
-  const r = [...Ua, ...(n = e._features) != null ? n : []];
+  const r = [...Za, ...(n = e._features) != null ? n : []];
   let o = {
     _features: r
   };
@@ -5568,7 +5577,7 @@ function Ya(e) {
     getAllColumns: W(() => [o._getColumnDefs()], (f) => {
       const p = function(v, m, w) {
         return w === void 0 && (w = 0), v.map((x) => {
-          const k = fa(o, x, w, m), b = x;
+          const k = ga(o, x, w, m), b = x;
           return k.columns = b.columns ? p(b.columns, k, w + 1) : [], k;
         });
       };
@@ -5592,7 +5601,7 @@ function Ya(e) {
   }
   return o;
 }
-function Za() {
+function Xa() {
   return (e) => W(() => [e.options.data], (n) => {
     const t = {
       rows: [],
@@ -5602,7 +5611,7 @@ function Za() {
       a === void 0 && (a = 0);
       const l = [];
       for (let u = 0; u < o.length; u++) {
-        const d = ga(e, e._getRowId(o[u], u, i), o[u], u, a, void 0, i == null ? void 0 : i.id);
+        const d = ha(e, e._getRowId(o[u], u, i), o[u], u, a, void 0, i == null ? void 0 : i.id);
         if (t.flatRows.push(d), t.rowsById[d.id] = d, l.push(d), e.options.getSubRows) {
           var c;
           d.originalSubRows = e.options.getSubRows(o[u], u), (c = d.originalSubRows) != null && c.length && (d.subRows = r(d.originalSubRows, a + 1, d));
@@ -5623,7 +5632,7 @@ function Za() {
    *
    * @license MIT
    */
-function Ka(e) {
+function Ja(e) {
   const n = {
     state: {},
     // Dummy state
@@ -5633,7 +5642,7 @@ function Ka(e) {
     renderFallbackValue: null,
     ...e
   }, [t] = j.useState(() => ({
-    current: Ya(n)
+    current: Ka(n)
   })), [r, o] = j.useState(() => t.current.initialState);
   return t.current.setOptions((a) => ({
     ...a,
@@ -5649,7 +5658,7 @@ function Ka(e) {
     }
   })), t.current;
 }
-const Xa = {
+const Qa = {
   h1: "text-5xl font-bold",
   h2: "text-4xl font-bold",
   h3: "text-3xl font-bold",
@@ -5662,7 +5671,7 @@ const Xa = {
   body2: "text-sm",
   caption: "text-xs",
   overline: "text-xs uppercase tracking-wide"
-}, Ja = {
+}, ei = {
   default: "text-color-gray-800",
   primary: "text-color-primary",
   secondary: "text-color-secondary",
@@ -5670,7 +5679,7 @@ const Xa = {
   muted: "text-color-gray-400",
   error: "text-color-red-500",
   success: "text-color-green-500"
-}, Qa = ({
+}, ti = ({
   variant: e = "body1",
   component: n,
   className: t = "",
@@ -5691,7 +5700,7 @@ const Xa = {
     caption: "span",
     overline: "span"
   }[e] || "p";
-  return /* @__PURE__ */ s.jsx(i, { className: `${Xa[e]} ${Ja[o]} ${t}`, children: r });
+  return /* @__PURE__ */ s.jsx(i, { className: `${Qa[e]} ${ei[o]} ${t}`, children: r });
 }, je = ({
   variant: e = "filled",
   color: n = "blue",
@@ -5710,7 +5719,7 @@ const Xa = {
     if (!m) return;
     const w = document.createElement("span"), x = m.getBoundingClientRect(), k = Math.max(x.width, x.height);
     w.style.width = w.style.height = `${k}px`, w.style.left = `${v.clientX - x.left - k / 2}px`, w.style.top = `${v.clientY - x.top - k / 2}px`, w.className = "ripple_small", m.appendChild(w), setTimeout(() => w.remove(), 600), r == null || r(v);
-  }, f = ((p = we[n]) == null ? void 0 : p[e === "filled" ? "filled" : e === "outlined" ? "outline" : "transparent"]) || "";
+  }, f = ((p = xe[n]) == null ? void 0 : p[e === "filled" ? "filled" : e === "outlined" ? "outline" : "transparent"]) || "";
   return /* @__PURE__ */ s.jsx(
     "button",
     {
@@ -5731,7 +5740,7 @@ const Xa = {
       children: t && /* @__PURE__ */ s.jsx(s.Fragment, { children: t })
     }
   );
-}, ei = ({
+}, ni = ({
   total: e,
   currentPage: n,
   pageSize: t = 10,
@@ -5796,7 +5805,7 @@ const Xa = {
       }
     )
   ] });
-}, zl = ({
+}, Il = ({
   data: e,
   columns: n = [],
   pageSize: t,
@@ -5810,10 +5819,10 @@ const Xa = {
   tdClassName: d = "",
   thClassName: g = ""
 }) => {
-  const f = Ka({
+  const f = Ja({
     data: e,
     columns: n,
-    getCoreRowModel: Za(),
+    getCoreRowModel: Xa(),
     manualPagination: !0,
     pageCount: Math.ceil(l / t),
     state: {
@@ -5841,7 +5850,7 @@ const Xa = {
     ] }),
     /* @__PURE__ */ s.jsxs("div", { className: `w-full py-4 px-2 border-t border-color-gray-200 bg-color-[#FAFBFB]  flex justify-between items-center ${u} sticky bottom-0 z-10`, children: [
       /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s.jsx(Qa, { variant: "body2", className: "hidden md:flex", children: "Rows per page" }),
+        /* @__PURE__ */ s.jsx(ti, { variant: "body2", className: "hidden md:flex", children: "Rows per page" }),
         /* @__PURE__ */ s.jsx(
           na,
           {
@@ -5855,7 +5864,7 @@ const Xa = {
         )
       ] }),
       /* @__PURE__ */ s.jsx(
-        ei,
+        ni,
         {
           total: l,
           pageSize: t,
@@ -5865,7 +5874,7 @@ const Xa = {
       )
     ] })
   ] }) });
-}, Ol = ({
+}, Vl = ({
   animation: e = "pulse",
   variant: n = "rectangular",
   width: t,
@@ -5935,7 +5944,7 @@ const Xa = {
             }
           ` })
   ] }) });
-}, Il = ({
+}, Hl = ({
   label: e,
   error: n,
   className: t = "",
@@ -5957,7 +5966,7 @@ const Xa = {
   medium: { track: "h-2", thumb: "w-4 h-4" },
   large: { track: "h-3", thumb: "w-5 h-5" }
 };
-function ti(e) {
+function ri(e) {
   const n = se(null), t = se(null), r = se(null), o = (c, u) => {
     if (c === u) return !0;
     if (Array.isArray(c) && Array.isArray(u)) {
@@ -5983,7 +5992,7 @@ function ti(e) {
   }, []);
   return { schedule: i, flush: a, cancel: l, last: t };
 }
-const Vl = Ur(function({
+const Bl = Ur(function({
   /** controlled */
   value: n,
   /** uncontrolled */
@@ -6007,19 +6016,19 @@ const Vl = Ur(function({
   const x = n !== void 0, [k, b] = K(() => t !== void 0 ? t : m ? [a, i] : a), $ = x ? n : k, y = Array.isArray($) ? $[0] : $, [O, N] = Array.isArray($) ? $ : [$, $], V = qt[c] || qt.blue, F = qn[u] ?? qn.medium, Z = oe(
     (_) => (_ - a) / (i - a) * 100,
     [a, i]
-  ), ae = Z(y), ue = Z(O), Q = Z(N), H = oe((_) => Math.max(a, Math.min(i, _)), [a, i]), Y = oe((_) => Math.round(_ / l) * l, [l]), z = ti(r), te = oe(
+  ), ae = Z(y), ue = Z(O), Q = Z(N), H = oe((_) => Math.max(a, Math.min(i, _)), [a, i]), Y = oe((_) => Math.round(_ / l) * l, [l]), T = ri(r), te = oe(
     (_, J = !0) => {
-      x || b(_), J ? z.schedule(_) : z.flush(_);
+      x || b(_), J ? T.schedule(_) : T.flush(_);
     },
-    [x, z]
+    [x, T]
   ), pe = oe(() => {
-    const _ = z.last.current;
-    _ != null && (z.flush(_), o == null || o(_));
-  }, [z, o]), X = oe(
+    const _ = T.last.current;
+    _ != null && (T.flush(_), o == null || o(_));
+  }, [T, o]), X = oe(
     (_, J) => {
       if (m && Array.isArray(_)) {
-        let [ee, de] = _, fe = Y(H(ee)), xe = Y(H(de));
-        return xe - fe < w && (J === "min" ? xe = H(fe + w) : J === "max" && (fe = H(xe - w))), fe > xe && (J === "min" ? fe = xe : xe = fe), [fe, xe];
+        let [ee, de] = _, fe = Y(H(ee)), we = Y(H(de));
+        return we - fe < w && (J === "min" ? we = H(fe + w) : J === "max" && (fe = H(we - w))), fe > we && (J === "min" ? fe = we : we = fe), [fe, we];
       } else if (!m && typeof _ == "number")
         return Y(H(_));
       return _;
@@ -6040,15 +6049,15 @@ const Vl = Ur(function({
       return J <= ee ? "min" : "max";
     },
     [O, N]
-  ), [M, D] = K(null), [I, T] = K(null), [E, P] = K(null), B = oe(
+  ), [M, D] = K(null), [I, z] = K(null), [E, P] = K(null), B = oe(
     (_, J) => {
       var de, fe;
       if (d) return;
       _.preventDefault(), (fe = (de = _.currentTarget).setPointerCapture) == null || fe.call(de, _.pointerId), P(_.pointerId);
       const ee = C(_.clientX);
       if (m) {
-        const xe = J || L(ee);
-        D(xe), te(xe === "min" ? X([ee, N], "min") : X([O, ee], "max"));
+        const we = J || L(ee);
+        D(we), te(we === "min" ? X([ee, N], "min") : X([O, ee], "max"));
       } else
         D("single"), te(X(ee, "single"));
     },
@@ -6196,8 +6205,8 @@ const Vl = Ur(function({
                 "aria-valuenow": y,
                 "aria-disabled": d,
                 onKeyDown: (_) => R(_, "single"),
-                onFocus: () => T("single"),
-                onBlur: () => T(null),
+                onFocus: () => z("single"),
+                onBlur: () => z(null),
                 onPointerDown: (_) => B(_, "single")
               }
             ),
@@ -6223,8 +6232,8 @@ const Vl = Ur(function({
                   "aria-disabled": d,
                   "aria-label": "Minimum value",
                   onKeyDown: (_) => R(_, "min"),
-                  onFocus: () => T("min"),
-                  onBlur: () => T(null),
+                  onFocus: () => z("min"),
+                  onBlur: () => z(null),
                   onPointerDown: (_) => B(_, "min")
                 }
               ),
@@ -6249,8 +6258,8 @@ const Vl = Ur(function({
                   "aria-disabled": d,
                   "aria-label": "Maximum value",
                   onKeyDown: (_) => R(_, "max"),
-                  onFocus: () => T("max"),
-                  onBlur: () => T(null),
+                  onFocus: () => z("max"),
+                  onBlur: () => z(null),
                   onPointerDown: (_) => B(_, "max")
                 }
               )
@@ -6279,7 +6288,7 @@ const Vl = Ur(function({
     ] }),
     f && /* @__PURE__ */ s.jsx("div", { className: "ml-3 text-sm font-medium text-color-gray-700 dark:text-color-gray-200 min-w-[2rem] text-right", children: m ? /* @__PURE__ */ s.jsx("div", { className: "range-max", children: /* @__PURE__ */ s.jsx("div", { children: N }) }) : /* @__PURE__ */ s.jsx("span", { children: y }) })
   ] }) });
-}), Hl = ({
+}), ql = ({
   open: e = !1,
   message: n,
   autoHideDuration: t = 4e3,
@@ -6323,7 +6332,7 @@ const Vl = Ur(function({
       default:
         return `${p} bottom-4 left-1/2 -translate-x-1/2 ${e ? "translate-y-0 opacity-100" : "translate-y-full opacity-0"}`;
     }
-  }, d = (g = we[o]) == null ? void 0 : g.filled;
+  }, d = (g = xe[o]) == null ? void 0 : g.filled;
   return e ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     e && /* @__PURE__ */ s.jsx(
       "div",
@@ -6361,7 +6370,7 @@ const Vl = Ur(function({
       }
     )
   ] }) : null;
-}, Bl = ({
+}, Gl = ({
   variant: e = "linear",
   value: n = 0,
   color: t = "blue",
@@ -6370,7 +6379,7 @@ const Vl = Ur(function({
   ...a
 }) => {
   var g, f;
-  const i = "inline-block", l = (g = we[t]) == null ? void 0 : g.transparent, c = (f = we[t]) == null ? void 0 : f.filled, u = Math.min(Math.max(n, 0), 100);
+  const i = "inline-block", l = (g = xe[t]) == null ? void 0 : g.transparent, c = (f = xe[t]) == null ? void 0 : f.filled, u = Math.min(Math.max(n, 0), 100);
   if (e === "circular") {
     const { size: p = 40, thickness: v = 3.6 } = a, m = (p - v) / 2, w = 2 * Math.PI * m, x = `${w} ${w}`, k = w - u / 100 * w;
     return /* @__PURE__ */ s.jsx(
@@ -6461,7 +6470,7 @@ const Vl = Ur(function({
   small: "w-4 h-4",
   medium: "w-6 h-6",
   large: "w-8 h-8"
-}, ql = ({
+}, Wl = ({
   value: e,
   onChange: n,
   readOnly: t = !1,
@@ -6530,7 +6539,7 @@ const Vl = Ur(function({
     k,
     d && p !== null ? /* @__PURE__ */ s.jsx("span", { className: "ml-2 text-xs text-gray-500", children: f[p] || p }) : g ? /* @__PURE__ */ s.jsx("span", { className: "ml-2 text-xs text-gray-500", children: f[e] || e }) : null
   ] });
-}, Gl = ({
+}, Ul = ({
   children: e,
   width: n = "100%",
   height: t = "auto",
@@ -6551,20 +6560,20 @@ const Vl = Ur(function({
   prevIcon: x,
   className: k
 }) => {
-  const b = e.length, $ = Math.min(Math.max(c, 0.1), b), [y, O] = K(0), [N, V] = K(!1), [F, Z] = K(!1), [ae, ue] = K(0), Q = se(null), H = se(0), Y = se(0), z = $ >= b ? 0 : Math.max(0, b - $), te = (E) => Math.max(0, Math.min(E, z)), pe = (E) => O(
-    l && z > 0 ? (E % (z + 1) + (z + 1)) % (z + 1) : te(E)
+  const b = e.length, $ = Math.min(Math.max(c, 0.1), b), [y, O] = K(0), [N, V] = K(!1), [F, Z] = K(!1), [ae, ue] = K(0), Q = se(null), H = se(0), Y = se(0), T = $ >= b ? 0 : Math.max(0, b - $), te = (E) => Math.max(0, Math.min(E, T)), pe = (E) => O(
+    l && T > 0 ? (E % (T + 1) + (T + 1)) % (T + 1) : te(E)
   ), X = () => {
-    l && z > 0 ? O(y === 0 ? z : y - 1) : pe(y - 1);
+    l && T > 0 ? O(y === 0 ? T : y - 1) : pe(y - 1);
   }, h = () => {
-    l && z > 0 ? O(y >= z ? 0 : y + 1) : pe(y + 1);
+    l && T > 0 ? O(y >= T ? 0 : y + 1) : pe(y + 1);
   };
   ce(() => {
-    if (!a || f && N || F || z === 0)
+    if (!a || f && N || F || T === 0)
       return;
     const E = setInterval(() => {
       O((P) => {
         const B = P + 1;
-        return B > z ? l ? 0 : P : B;
+        return B > T ? l ? 0 : P : B;
       });
     }, i);
     return () => clearInterval(E);
@@ -6574,11 +6583,11 @@ const Vl = Ur(function({
     N,
     f,
     F,
-    z,
+    T,
     l
   ]);
   const C = (E, P) => {
-    !p || z === 0 || (Z(!0), H.current = m === "horizontal" ? E : P, Y.current = H.current);
+    !p || T === 0 || (Z(!0), H.current = m === "horizontal" ? E : P, Y.current = H.current);
   }, L = (E, P) => {
     F && (Y.current = m === "horizontal" ? E : P, ue(Y.current - H.current));
   }, M = () => {
@@ -6587,13 +6596,13 @@ const Vl = Ur(function({
   }, D = () => {
     const E = m === "horizontal" ? "X" : "Y";
     let P = 0;
-    if (F && Q.current && z > 0) {
+    if (F && Q.current && T > 0) {
       const J = m === "horizontal" ? Q.current.offsetWidth : Q.current.offsetHeight;
       P = ae / J * 100 * ($ / b);
     }
-    const q = Math.min(y, z) * (100 / b) - P, S = y >= z, _ = y <= 0 ? 0 : S ? u / (c / 2) : u / c;
+    const q = Math.min(y, T) * (100 / b) - P, S = y >= T, _ = y <= 0 ? 0 : S ? u / (c / 2) : u / c;
     return `translate${E}(calc(-${q}% - ${_}px))`;
-  }, I = () => $ >= b ? 1 : Math.floor(z) + 1, T = () => z === 0 ? 0 : Math.round(y / z * (I() - 1));
+  }, I = () => $ >= b ? 1 : Math.floor(T) + 1, z = () => T === 0 ? 0 : Math.round(y / T * (I() - 1));
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
@@ -6606,7 +6615,7 @@ const Vl = Ur(function({
           "div",
           {
             ref: Q,
-            className: `w-full overflow-hidden relative ${p && z > 0 ? F ? "cursor-grabbing" : "cursor-grab" : "cursor-default"}`,
+            className: `w-full overflow-hidden relative ${p && T > 0 ? F ? "cursor-grabbing" : "cursor-grab" : "cursor-default"}`,
             style: {
               height: g ? `calc(${t} - ${v + 20}px)` : t
             },
@@ -6646,7 +6655,7 @@ const Vl = Ur(function({
                   ))
                 }
               ),
-              o && z > 0 && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+              o && T > 0 && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
                 /* @__PURE__ */ s.jsx(
                   "button",
                   {
@@ -6678,10 +6687,10 @@ const Vl = Ur(function({
                       {
                         onClick: () => pe(
                           Math.round(
-                            P / (I() - 1) * z
+                            P / (I() - 1) * T
                           )
                         ),
-                        className: `size-[10px] rounded-full transition-color hover:bg-color-gray-600 cursor-pointer ${P === T() ? "bg-color-gray-800" : "bg-color-gray-400"}`
+                        className: `size-[10px] rounded-full transition-color hover:bg-color-gray-600 cursor-pointer ${P === z() ? "bg-color-gray-800" : "bg-color-gray-400"}`
                       },
                       P
                     )
@@ -6700,7 +6709,7 @@ const Vl = Ur(function({
                 const q = Math.max(
                   0,
                   Math.min(
-                    z,
+                    T,
                     P - Math.floor($ / 2)
                   )
                 );
@@ -6719,7 +6728,7 @@ const Vl = Ur(function({
       ]
     }
   );
-}, Wl = ({
+}, Yl = ({
   title: e,
   description: n,
   actionLabel: t,
@@ -6752,40 +6761,61 @@ const Vl = Ur(function({
       i
     ]
   }
-), Ul = ({
+), Zl = ({
   initialState: e = !1,
   onToggle: n,
   disabled: t = !1,
   type: r = "button",
-  color: o = "green"
+  color: o = "green",
+  variant: a = "ios"
+  // <-- default to ios
 }) => {
-  var d;
-  const [a, i] = K(e), [l, c] = K(!1), u = async () => {
-    if (!(t || l))
+  var g, f, p;
+  const [i, l] = K(e), [c, u] = K(!1), d = async () => {
+    if (!(t || c))
       if (n) {
-        c(!0);
+        u(!0);
         try {
-          await n(!a), i(!a);
-        } catch (g) {
-          console.error("Toggle failed", g);
+          await n(!i), l(!i);
+        } catch (v) {
+          console.error("Toggle failed", v);
         } finally {
-          c(!1);
+          u(!1);
         }
       } else
-        i(!a);
+        l(!i);
   };
-  return /* @__PURE__ */ s.jsx(
+  return a === "android" ? /* @__PURE__ */ s.jsxs(
+    "button",
+    {
+      onClick: d,
+      type: r,
+      disabled: t,
+      className: `relative w-10 h-3 flex items-center  transition-color duration-300
+                } ${t ? "bg-color-gray-200 opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
+      children: [
+        /* @__PURE__ */ s.jsx("span", { className: `absolute  rounded-full inset-0 opacity-50 ${i ? `${(g = xe[o]) == null ? void 0 : g.filled}` : "bg-color-gray-400"}` }),
+        /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            className: `flex justify-center items-center absolute shadow-md top-0.5 left-0.5 size-5 rounded-full shadow transition-all duration-300 ${i ? `translate-x-5 ${(f = xe[o]) == null ? void 0 : f.filled}` : "translate-x-0 bg-color-white"}`,
+            children: c ? /* @__PURE__ */ s.jsx("svg", { className: "animate-spin text-color-gray-500 size-3", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V6C12.9995 6.55228 12.5518 7 11.9995 7C11.4472 7 10.9995 6.55228 10.9995 6V3C10.9995 2.44772 11.4472 2 11.9995 2ZM11.9995 17C12.5518 17 12.9995 17.4477 12.9995 18V21C12.9995 21.5523 12.5518 22 11.9995 22C11.4472 22 10.9995 21.5523 10.9995 21V18C10.9995 17.4477 11.4472 17 11.9995 17ZM20.6597 7C20.9359 7.47829 20.772 8.08988 20.2937 8.36602L17.6956 9.86602C17.2173 10.1422 16.6057 9.97829 16.3296 9.5C16.0535 9.02171 16.2173 8.41012 16.6956 8.13398L19.2937 6.63397C19.772 6.35783 20.3836 6.52171 20.6597 7ZM7.66935 14.5C7.94549 14.9783 7.78161 15.5899 7.30332 15.866L4.70525 17.366C4.22695 17.6422 3.61536 17.4783 3.33922 17C3.06308 16.5217 3.22695 15.9101 3.70525 15.634L6.30332 14.134C6.78161 13.8578 7.3932 14.0217 7.66935 14.5ZM20.6597 17C20.3836 17.4783 19.772 17.6422 19.2937 17.366L16.6956 15.866C16.2173 15.5899 16.0535 14.9783 16.3296 14.5C16.6057 14.0217 17.2173 13.8578 17.6956 14.134L20.2937 15.634C20.772 15.9101 20.9359 16.5217 20.6597 17ZM7.66935 9.5C7.3932 9.97829 6.78161 10.1422 6.30332 9.86602L3.70525 8.36602C3.22695 8.08988 3.06308 7.47829 3.33922 7C3.61536 6.52171 4.22695 6.35783 4.70525 6.63397L7.30332 8.13398C7.78161 8.41012 7.94549 9.02171 7.66935 9.5Z" }) }) : null
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ s.jsx(
     "button",
     {
-      onClick: u,
+      onClick: d,
       type: r,
       disabled: t,
-      className: `relative w-11 h-6 flex items-center rounded-full transition-color duration-300 ${a ? (d = we[o]) == null ? void 0 : d.filled : "bg-color-gray-300"} ${t ? "bg-color-gray-300 opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
+      className: `relative w-11 h-6 flex items-center rounded-full transition-color duration-300 ${i ? (p = xe[o]) == null ? void 0 : p.filled : "bg-color-gray-300"} ${t ? "bg-color-gray-300 opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
       children: /* @__PURE__ */ s.jsx(
         "div",
         {
-          className: `absolute top-[4px] left-1 w-4 h-4 bg-color-white rounded-full flex items-center justify-center transition-all duration-300 ${a ? "translate-x-[19px]" : "-translate-x-0"}`,
-          children: l ? /* @__PURE__ */ s.jsx("svg", { className: "animate-spin text-color-gray-500 size-3", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V6C12.9995 6.55228 12.5518 7 11.9995 7C11.4472 7 10.9995 6.55228 10.9995 6V3C10.9995 2.44772 11.4472 2 11.9995 2ZM11.9995 17C12.5518 17 12.9995 17.4477 12.9995 18V21C12.9995 21.5523 12.5518 22 11.9995 22C11.4472 22 10.9995 21.5523 10.9995 21V18C10.9995 17.4477 11.4472 17 11.9995 17ZM20.6597 7C20.9359 7.47829 20.772 8.08988 20.2937 8.36602L17.6956 9.86602C17.2173 10.1422 16.6057 9.97829 16.3296 9.5C16.0535 9.02171 16.2173 8.41012 16.6956 8.13398L19.2937 6.63397C19.772 6.35783 20.3836 6.52171 20.6597 7ZM7.66935 14.5C7.94549 14.9783 7.78161 15.5899 7.30332 15.866L4.70525 17.366C4.22695 17.6422 3.61536 17.4783 3.33922 17C3.06308 16.5217 3.22695 15.9101 3.70525 15.634L6.30332 14.134C6.78161 13.8578 7.3932 14.0217 7.66935 14.5ZM20.6597 17C20.3836 17.4783 19.772 17.6422 19.2937 17.366L16.6956 15.866C16.2173 15.5899 16.0535 14.9783 16.3296 14.5C16.6057 14.0217 17.2173 13.8578 17.6956 14.134L20.2937 15.634C20.772 15.9101 20.9359 16.5217 20.6597 17ZM7.66935 9.5C7.3932 9.97829 6.78161 10.1422 6.30332 9.86602L3.70525 8.36602C3.22695 8.08988 3.06308 7.47829 3.33922 7C3.61536 6.52171 4.22695 6.35783 4.70525 6.63397L7.30332 8.13398C7.78161 8.41012 7.94549 9.02171 7.66935 9.5Z" }) }) : null
+          className: `absolute top-[4px] left-1 w-4 h-4 bg-color-white rounded-full flex items-center justify-center transition-all duration-300 ${i ? "translate-x-[19px]" : "-translate-x-0"}`,
+          children: c ? /* @__PURE__ */ s.jsx("svg", { className: "animate-spin text-color-gray-500 size-3", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V6C12.9995 6.55228 12.5518 7 11.9995 7C11.4472 7 10.9995 6.55228 10.9995 6V3C10.9995 2.44772 11.4472 2 11.9995 2ZM11.9995 17C12.5518 17 12.9995 17.4477 12.9995 18V21C12.9995 21.5523 12.5518 22 11.9995 22C11.4472 22 10.9995 21.5523 10.9995 21V18C10.9995 17.4477 11.4472 17 11.9995 17ZM20.6597 7C20.9359 7.47829 20.772 8.08988 20.2937 8.36602L17.6956 9.86602C17.2173 10.1422 16.6057 9.97829 16.3296 9.5C16.0535 9.02171 16.2173 8.41012 16.6956 8.13398L19.2937 6.63397C19.772 6.35783 20.3836 6.52171 20.6597 7ZM7.66935 14.5C7.94549 14.9783 7.78161 15.5899 7.30332 15.866L4.70525 17.366C4.22695 17.6422 3.61536 17.4783 3.33922 17C3.06308 16.5217 3.22695 15.9101 3.70525 15.634L6.30332 14.134C6.78161 13.8578 7.3932 14.0217 7.66935 14.5ZM20.6597 17C20.3836 17.4783 19.772 17.6422 19.2937 17.366L16.6956 15.866C16.2173 15.5899 16.0535 14.9783 16.3296 14.5C16.6057 14.0217 17.2173 13.8578 17.6956 14.134L20.2937 15.634C20.772 15.9101 20.9359 16.5217 20.6597 17ZM7.66935 9.5C7.3932 9.97829 6.78161 10.1422 6.30332 9.86602L3.70525 8.36602C3.22695 8.08988 3.06308 7.47829 3.33922 7C3.61536 6.52171 4.22695 6.35783 4.70525 6.63397L7.30332 8.13398C7.78161 8.41012 7.94549 9.02171 7.66935 9.5Z" }) }) : null
         }
       )
     }
@@ -6804,7 +6834,7 @@ const Vl = Ur(function({
   small: "rounded-md",
   medium: "rounded-xl",
   large: "rounded-2xl"
-}, ni = ({
+}, oi = ({
   title: e,
   subtitle: n,
   space: t = "medium",
@@ -6846,7 +6876,7 @@ const Vl = Ur(function({
     /* @__PURE__ */ s.jsx("div", { children: c }),
     p && /* @__PURE__ */ s.jsx("div", { className: "absolute w-full h-full top-0 left-0 flex items-center justify-center bg-color-white bg-opacity-50", children: p })
   ] });
-}, Yl = ({
+}, Kl = ({
   orientation: e = "horizontal",
   variant: n = "fullWidth",
   children: t,
@@ -6883,7 +6913,7 @@ const Vl = Ur(function({
       ${n === "inset" ? o ? "pl-4" : "pt-4" : ""} ${a}`
     }
   );
-}, Zl = ({
+}, Xl = ({
   name: e,
   options: n,
   selectedValue: t,
@@ -6916,15 +6946,15 @@ const Vl = Ur(function({
         /* @__PURE__ */ s.jsx(
           "div",
           {
-            className: `w-5 h-5 rounded-full border-2 border-color-gray-400 peer-checked:border-[7px] transition-all duration-150 ${(p = we[i]) == null ? void 0 : p.peer} ${c}`
+            className: `w-5 h-5 rounded-full border-2 border-color-gray-400 peer-checked:border-[7px] transition-all duration-150 ${(p = xe[i]) == null ? void 0 : p.peer} ${c}`
           }
         ),
-        /* @__PURE__ */ s.jsx("span", { className: `ml-2 text-sm text-color-gray-800 ${(v = we[i]) == null ? void 0 : v.peer}`, children: u })
+        /* @__PURE__ */ s.jsx("span", { className: `ml-2 text-sm text-color-gray-800 ${(v = xe[i]) == null ? void 0 : v.peer}`, children: u })
       ]
     },
     d
   );
-}) }), Kl = ({
+}) }), Jl = ({
   label: e,
   value: n,
   onChange: t,
@@ -6965,7 +6995,7 @@ const Vl = Ur(function({
       /* @__PURE__ */ s.jsx("span", { className: `absolute right-3 text-sm top-1/2 -translate-y-1/2 ${i ? "opacity-60" : ""}`, children: /* @__PURE__ */ s.jsx("svg", { className: "size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" }) }) })
     ] })
   ] });
-}, Xl = ({
+}, Ql = ({
   content: e,
   children: n,
   position: t = "top"
@@ -7016,10 +7046,10 @@ const Vl = Ur(function({
     )
   ] });
 };
-function ri(...e) {
+function ai(...e) {
   return e.filter(Boolean).join(" ");
 }
-const oi = {
+const ii = {
   sm: "max-w-sm",
   md: "max-w-md",
   lg: "max-w-lg",
@@ -7027,7 +7057,7 @@ const oi = {
   "2xl": "max-w-2xl",
   "4xl": "max-w-4xl",
   "6xl": "max-w-6xl"
-}, ai = Ye(
+}, li = Ye(
   ({
     open: e,
     onClose: n,
@@ -7066,7 +7096,7 @@ const oi = {
       /* @__PURE__ */ s.jsxs(
         "div",
         {
-          className: ri(
+          className: ai(
             "fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300",
             m ? "opacity-100" : "opacity-0 pointer-events-none"
           ),
@@ -7083,7 +7113,7 @@ const oi = {
             /* @__PURE__ */ s.jsxs(
               "div",
               {
-                className: `relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${m ? "opacity-100 scale-100" : "opacity-0 scale-95"} ${l ? "w-full h-[calc(100%_-_40px)] m-5" : `${c ? "w-full" : "w-auto"} ${u ? oi[u] : ""} mx-5`} ${t}`,
+                className: `relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${m ? "opacity-100 scale-100" : "opacity-0 scale-95"} ${l ? "w-full h-[calc(100%_-_40px)] m-5" : `${c ? "w-full" : "w-auto"} ${u ? ii[u] : ""} mx-5`} ${t}`,
                 onTransitionEnd: x,
                 children: [
                   /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
@@ -7114,7 +7144,7 @@ const oi = {
     ) : null;
   }
 );
-function Jl({ items: e, trigger: n, className: t, dropdownItemClass: r }) {
+function es({ items: e, trigger: n, className: t, dropdownItemClass: r }) {
   const [o, a] = K(!1), [i, l] = K({ top: 0, left: 0 }), [c, u] = K(!1), d = se(null), g = se(null), f = (v) => {
     v.stopPropagation(), a((m) => !m), u(!1);
   };
@@ -7167,10 +7197,10 @@ function Jl({ items: e, trigger: n, className: t, dropdownItemClass: r }) {
     o && Ze(p, document.body)
   ] });
 }
-function ii(...e) {
+function si(...e) {
   return e.filter(Boolean).join(" ");
 }
-const li = ({
+const ci = ({
   open: e,
   onClose: n,
   className: t,
@@ -7214,7 +7244,7 @@ const li = ({
     /* @__PURE__ */ s.jsxs(
       "div",
       {
-        className: ii(
+        className: si(
           "fixed inset-0 z-50 transition-opacity duration-300",
           g ? "opacity-100" : "opacity-0 pointer-events-none"
         ),
@@ -7254,7 +7284,7 @@ const li = ({
     ),
     document.body
   );
-}, Ql = ({
+}, ts = ({
   title: e,
   content: n,
   expandIcon: t,
@@ -7292,25 +7322,25 @@ const li = ({
     ),
     /* @__PURE__ */ s.jsx("div", { className: `grid overflow-hidden transition-all duration-300 ease-in-out grid-rows-[0fr] ${p ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"}`, children: /* @__PURE__ */ s.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ s.jsx("div", { className: `p-4 text-sm text-color-gray-700 ${u}`, children: n }) }) })
   ] });
-}, si = {
+}, ui = {
   info: "bg-color-blue-50 border-color-blue-300 text-color-blue-800",
   success: "bg-color-green-50 border-color-green-300 text-color-green-800",
   danger: "bg-color-red-50 border-color-red-300 text-color-red-800",
   warning: "bg-color-yellow-50 border-color-yellow-300 text-color-yellow-800",
   dark: "bg-color-gray-100 border-color-gray-300 text-color-gray-800"
-}, ci = {
+}, di = {
   info: /* @__PURE__ */ s.jsx("svg", { className: "text-color-blue-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" }) }),
   success: /* @__PURE__ */ s.jsx("svg", { className: "text-color-green-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM17.4571 9.45711L16.0429 8.04289L11 13.0858L8.20711 10.2929L6.79289 11.7071L11 15.9142L17.4571 9.45711Z" }) }),
   danger: /* @__PURE__ */ s.jsx("svg", { className: "text-color-red-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z" }) }),
   warning: /* @__PURE__ */ s.jsx("svg", { className: "text-color-yellow-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z" }) }),
   dark: /* @__PURE__ */ s.jsx("svg", { className: "text-color-gray-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" }) })
-}, ui = {
+}, pi = {
   info: "bg-color-blue-500",
   success: "bg-color-green-500",
   danger: "bg-color-red-500",
   warning: "bg-color-yellow-500",
   dark: "bg-color-gray-700"
-}, es = ({
+}, ns = ({
   message: e,
   variant: n = "info",
   onClose: t,
@@ -7329,10 +7359,10 @@ const li = ({
   }, [r, a, t]), i ? /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: `relative border-t-4 p-4 flex items-start justify-between ${si[n]} ${o}`,
+      className: `relative border-t-4 p-4 flex items-start justify-between ${ui[n]} ${o}`,
       children: [
         /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-          ci[n],
+          di[n],
           /* @__PURE__ */ s.jsx("span", { dangerouslySetInnerHTML: { __html: e } })
         ] }),
         /* @__PURE__ */ s.jsx(
@@ -7350,14 +7380,14 @@ const li = ({
           "div",
           {
             ref: c,
-            className: `${ui[n]} h-1`,
+            className: `${pi[n]} h-1`,
             style: { width: "100%" }
           }
         ) })
       ]
     }
   ) : null;
-}, ts = ({
+}, rs = ({
   children: e,
   count: n,
   showDot: t = !1,
@@ -7368,13 +7398,13 @@ const li = ({
   const i = () => {
     var u, d;
     if (t)
-      return /* @__PURE__ */ s.jsx("span", { className: `h-2 w-2 rounded-full ${(u = we[o]) == null ? void 0 : u.filled} block` });
+      return /* @__PURE__ */ s.jsx("span", { className: `h-2 w-2 rounded-full ${(u = xe[o]) == null ? void 0 : u.filled} block` });
     if (n === 0 || n === void 0) return null;
     const c = n > r ? `${r}+` : n;
     return /* @__PURE__ */ s.jsx(
       "span",
       {
-        className: `text-color-white text-xs px-[10px] py-1 rounded-full whitespace-nowrap ${(d = we[o]) == null ? void 0 : d.filled}`,
+        className: `text-color-white text-xs px-[10px] py-1 rounded-full whitespace-nowrap ${(d = xe[o]) == null ? void 0 : d.filled}`,
         children: c
       }
     );
@@ -7443,18 +7473,18 @@ function cn(e) {
   return n;
 }
 function jr(e, n, t = "/") {
-  return di(e, n, t, !1);
+  return fi(e, n, t, !1);
 }
-function di(e, n, t, r) {
+function fi(e, n, t, r) {
   let o = typeof n == "string" ? cn(n) : n, a = Fe(o.pathname || "/", t);
   if (a == null)
     return null;
   let i = kr(e);
-  pi(i);
+  mi(i);
   let l = null;
   for (let c = 0; l == null && c < i.length; ++c) {
-    let u = Si(a);
-    l = yi(
+    let u = ji(a);
+    l = Si(
       i[c],
       u,
       r
@@ -7482,7 +7512,7 @@ function kr(e, n = [], t = [], r = "") {
       `Index routes must not have child routes. Please remove all child routes from route path "${u}".`
     ), kr(a.children, n, d, u)), !(a.path == null && !a.index) && n.push({
       path: u,
-      score: wi(u, a.index),
+      score: yi(u, a.index),
       routesMeta: d
     });
   };
@@ -7510,23 +7540,23 @@ function $r(e) {
     (c) => e.startsWith("/") && c === "" ? "/" : c
   );
 }
-function pi(e) {
+function mi(e) {
   e.sort(
-    (n, t) => n.score !== t.score ? t.score - n.score : bi(
+    (n, t) => n.score !== t.score ? t.score - n.score : Ci(
       n.routesMeta.map((r) => r.childrenIndex),
       t.routesMeta.map((r) => r.childrenIndex)
     )
   );
 }
-var fi = /^:[\w-]+$/, mi = 3, gi = 2, vi = 1, hi = 10, xi = -2, Kn = (e) => e === "*";
-function wi(e, n) {
+var gi = /^:[\w-]+$/, vi = 3, hi = 2, xi = 1, wi = 10, bi = -2, Kn = (e) => e === "*";
+function yi(e, n) {
   let t = e.split("/"), r = t.length;
-  return t.some(Kn) && (r += xi), n && (r += gi), t.filter((o) => !Kn(o)).reduce(
-    (o, a) => o + (fi.test(a) ? mi : a === "" ? vi : hi),
+  return t.some(Kn) && (r += bi), n && (r += hi), t.filter((o) => !Kn(o)).reduce(
+    (o, a) => o + (gi.test(a) ? vi : a === "" ? xi : wi),
     r
   );
 }
-function bi(e, n) {
+function Ci(e, n) {
   return e.length === n.length && e.slice(0, -1).every((r, o) => r === n[o]) ? (
     // If two routes are siblings, we should try to match the earlier sibling
     // first. This allows people to have fine-grained control over the matching
@@ -7539,7 +7569,7 @@ function bi(e, n) {
     0
   );
 }
-function yi(e, n, t = !1) {
+function Si(e, n, t = !1) {
   let { routesMeta: r } = e, o = {}, a = "/", i = [];
   for (let l = 0; l < r.length; ++l) {
     let c = r[l], u = l === r.length - 1, d = a === "/" ? n : n.slice(a.length) || "/", g = gt(
@@ -7559,7 +7589,7 @@ function yi(e, n, t = !1) {
       // TODO: Can this as be avoided?
       params: o,
       pathname: ke([a, g.pathname]),
-      pathnameBase: $i(
+      pathnameBase: Ei(
         ke([a, g.pathnameBase])
       ),
       route: f
@@ -7569,7 +7599,7 @@ function yi(e, n, t = !1) {
 }
 function gt(e, n) {
   typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [t, r] = Ci(
+  let [t, r] = Ri(
     e.path,
     e.caseSensitive,
     e.end
@@ -7593,7 +7623,7 @@ function gt(e, n) {
     pattern: e
   };
 }
-function Ci(e, n = !1, t = !0) {
+function Ri(e, n = !1, t = !0) {
   $e(
     e === "*" || !e.endsWith("*") || e.endsWith("/*"),
     `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
@@ -7604,7 +7634,7 @@ function Ci(e, n = !1, t = !0) {
   );
   return e.endsWith("*") ? (r.push({ paramName: "*" }), o += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : t ? o += "\\/*$" : e !== "" && e !== "/" && (o += "(?:(?=\\/|$))"), [new RegExp(o, n ? void 0 : "i"), r];
 }
-function Si(e) {
+function ji(e) {
   try {
     return e.split("/").map((n) => decodeURIComponent(n).replace(/\//g, "%2F")).join("/");
   } catch (n) {
@@ -7621,19 +7651,19 @@ function Fe(e, n) {
   let t = n.endsWith("/") ? n.length - 1 : n.length, r = e.charAt(t);
   return r && r !== "/" ? null : e.slice(t) || "/";
 }
-function Ri(e, n = "/") {
+function ki(e, n = "/") {
   let {
     pathname: t,
     search: r = "",
     hash: o = ""
   } = typeof e == "string" ? cn(e) : e;
   return {
-    pathname: t ? t.startsWith("/") ? t : ji(t, n) : n,
-    search: _i(r),
-    hash: Ei(o)
+    pathname: t ? t.startsWith("/") ? t : $i(t, n) : n,
+    search: Pi(r),
+    hash: Mi(o)
   };
 }
-function ji(e, n) {
+function $i(e, n) {
   let t = n.replace(/\/+$/, "").split("/");
   return e.split("/").forEach((o) => {
     o === ".." ? t.length > 1 && t.pop() : o !== "." && t.push(o);
@@ -7644,13 +7674,13 @@ function Ht(e, n, t, r) {
     r
   )}].  Please separate it out to the \`to.${t}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
 }
-function ki(e) {
+function _i(e) {
   return e.filter(
     (n, t) => t === 0 || n.route.path && n.route.path.length > 0
   );
 }
 function _r(e) {
-  let n = ki(e);
+  let n = _i(e);
   return n.map(
     (t, r) => r === n.length - 1 ? t.pathname : t.pathnameBase
   );
@@ -7680,11 +7710,11 @@ function Er(e, n, t, r = !1) {
     }
     l = g >= 0 ? n[g] : "/";
   }
-  let c = Ri(o, l), u = i && i !== "/" && i.endsWith("/"), d = (a || i === ".") && t.endsWith("/");
+  let c = ki(o, l), u = i && i !== "/" && i.endsWith("/"), d = (a || i === ".") && t.endsWith("/");
   return !c.pathname.endsWith("/") && (u || d) && (c.pathname += "/"), c;
 }
-var ke = (e) => e.join("/").replace(/\/\/+/g, "/"), $i = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), _i = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Ei = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
-function Pi(e) {
+var ke = (e) => e.join("/").replace(/\/\/+/g, "/"), Ei = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Pi = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Mi = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
+function Li(e) {
   return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
 }
 var Pr = [
@@ -7696,11 +7726,11 @@ var Pr = [
 new Set(
   Pr
 );
-var Mi = [
+var Fi = [
   "GET",
   ...Pr
 ];
-new Set(Mi);
+new Set(Fi);
 var Ie = j.createContext(null);
 Ie.displayName = "DataRouter";
 var ht = j.createContext(null);
@@ -7710,12 +7740,12 @@ var Mr = j.createContext({
   isTransitioning: !1
 });
 Mr.displayName = "ViewTransition";
-var Li = j.createContext(
+var Ai = j.createContext(
   /* @__PURE__ */ new Map()
 );
-Li.displayName = "Fetchers";
-var Fi = j.createContext(null);
-Fi.displayName = "Await";
+Ai.displayName = "Fetchers";
+var Di = j.createContext(null);
+Di.displayName = "Await";
 var _e = j.createContext(
   null
 );
@@ -7732,7 +7762,7 @@ var Ee = j.createContext({
 Ee.displayName = "Route";
 var dn = j.createContext(null);
 dn.displayName = "RouteError";
-function Ai(e, { relative: n } = {}) {
+function Ni(e, { relative: n } = {}) {
   ve(
     xt(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -7757,11 +7787,11 @@ var Lr = "You should call navigate() in a React.useEffect(), not when your compo
 function Fr(e) {
   j.useContext(_e).static || j.useLayoutEffect(e);
 }
-function Di() {
+function zi() {
   let { isDataRoute: e } = j.useContext(Ee);
-  return e ? Yi() : Ni();
+  return e ? Ki() : Ti();
 }
-function Ni() {
+function Ti() {
   ve(
     xt(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -7812,7 +7842,7 @@ function Ke(e, { relative: n } = {}) {
     [e, o, r, n]
   );
 }
-function Ti(e, n, t, r) {
+function Oi(e, n, t, r) {
   ve(
     xt(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -7844,7 +7874,7 @@ Please change the parent <Route path="${x}"> to <Route path="${x === "/" ? "*" :
   ), $e(
     m == null || m[m.length - 1].route.element !== void 0 || m[m.length - 1].route.Component !== void 0 || m[m.length - 1].route.lazy !== void 0,
     `Matched leaf route at location "${f.pathname}${f.search}${f.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
-  ), Hi(
+  ), qi(
     m && m.map(
       (x) => Object.assign({}, x, {
         params: Object.assign({}, l, x.params),
@@ -7865,14 +7895,14 @@ Please change the parent <Route path="${x}"> to <Route path="${x === "/" ? "*" :
     r
   );
 }
-function zi() {
-  let e = Ui(), n = Pi(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), t = e instanceof Error ? e.stack : null, r = "rgba(200,200,200, 0.5)", o = { padding: "0.5rem", backgroundColor: r }, a = { padding: "2px 4px", backgroundColor: r }, i = null;
+function Ii() {
+  let e = Zi(), n = Li(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), t = e instanceof Error ? e.stack : null, r = "rgba(200,200,200, 0.5)", o = { padding: "0.5rem", backgroundColor: r }, a = { padding: "2px 4px", backgroundColor: r }, i = null;
   return console.error(
     "Error handled by React Router default ErrorBoundary:",
     e
   ), i = /* @__PURE__ */ j.createElement(j.Fragment, null, /* @__PURE__ */ j.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ j.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ j.createElement("code", { style: a }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ j.createElement("code", { style: a }, "errorElement"), " prop on your route.")), /* @__PURE__ */ j.createElement(j.Fragment, null, /* @__PURE__ */ j.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ j.createElement("h3", { style: { fontStyle: "italic" } }, n), t ? /* @__PURE__ */ j.createElement("pre", { style: o }, t) : null, i);
 }
-var Oi = /* @__PURE__ */ j.createElement(zi, null), Ii = class extends j.Component {
+var Vi = /* @__PURE__ */ j.createElement(Ii, null), Hi = class extends j.Component {
   constructor(e) {
     super(e), this.state = {
       location: e.location,
@@ -7911,11 +7941,11 @@ var Oi = /* @__PURE__ */ j.createElement(zi, null), Ii = class extends j.Compone
     )) : this.props.children;
   }
 };
-function Vi({ routeContext: e, match: n, children: t }) {
+function Bi({ routeContext: e, match: n, children: t }) {
   let r = j.useContext(Ie);
   return r && r.static && r.staticContext && (n.route.errorElement || n.route.ErrorBoundary) && (r.staticContext._deepestRenderedBoundaryId = n.route.id), /* @__PURE__ */ j.createElement(Ee.Provider, { value: e }, t);
 }
-function Hi(e, n = [], t = null, r = null) {
+function qi(e, n = [], t = null, r = null) {
   if (e == null) {
     if (!t)
       return null;
@@ -7956,7 +7986,7 @@ function Hi(e, n = [], t = null, r = null) {
   return o.reduceRight(
     (c, u, d) => {
       let g, f = !1, p = null, v = null;
-      t && (g = a && u.route.id ? a[u.route.id] : void 0, p = u.route.errorElement || Oi, i && (l < 0 && d === 0 ? (Ar(
+      t && (g = a && u.route.id ? a[u.route.id] : void 0, p = u.route.errorElement || Vi, i && (l < 0 && d === 0 ? (Ar(
         "route-fallback",
         !1,
         "No `HydrateFallback` element provided to render during initial hydration"
@@ -7964,7 +7994,7 @@ function Hi(e, n = [], t = null, r = null) {
       let m = n.concat(o.slice(0, d + 1)), w = () => {
         let x;
         return g ? x = p : f ? x = v : u.route.Component ? x = /* @__PURE__ */ j.createElement(u.route.Component, null) : u.route.element ? x = u.route.element : x = c, /* @__PURE__ */ j.createElement(
-          Vi,
+          Bi,
           {
             match: u,
             routeContext: {
@@ -7977,7 +8007,7 @@ function Hi(e, n = [], t = null, r = null) {
         );
       };
       return t && (u.route.ErrorBoundary || u.route.errorElement || d === 0) ? /* @__PURE__ */ j.createElement(
-        Ii,
+        Hi,
         {
           location: t.location,
           revalidation: t.revalidation,
@@ -7994,34 +8024,34 @@ function Hi(e, n = [], t = null, r = null) {
 function pn(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
-function Bi(e) {
+function Gi(e) {
   let n = j.useContext(Ie);
   return ve(n, pn(e)), n;
 }
-function qi(e) {
+function Wi(e) {
   let n = j.useContext(ht);
   return ve(n, pn(e)), n;
 }
-function Gi(e) {
+function Ui(e) {
   let n = j.useContext(Ee);
   return ve(n, pn(e)), n;
 }
 function fn(e) {
-  let n = Gi(e), t = n.matches[n.matches.length - 1];
+  let n = Ui(e), t = n.matches[n.matches.length - 1];
   return ve(
     t.route.id,
     `${e} can only be used on routes that contain a unique "id"`
   ), t.route.id;
 }
-function Wi() {
+function Yi() {
   return fn(
     "useRouteId"
     /* UseRouteId */
   );
 }
-function Ui() {
+function Zi() {
   var r;
-  let e = j.useContext(dn), n = qi(
+  let e = j.useContext(dn), n = Wi(
     "useRouteError"
     /* UseRouteError */
   ), t = fn(
@@ -8030,8 +8060,8 @@ function Ui() {
   );
   return e !== void 0 ? e : (r = n.errors) == null ? void 0 : r[t];
 }
-function Yi() {
-  let { router: e } = Bi(
+function Ki() {
+  let { router: e } = Gi(
     "useNavigate"
     /* UseNavigateStable */
   ), n = fn(
@@ -8051,37 +8081,37 @@ var Xn = {};
 function Ar(e, n, t) {
   !n && !Xn[e] && (Xn[e] = !0, $e(!1, t));
 }
-j.memo(Zi);
-function Zi({
+j.memo(Xi);
+function Xi({
   routes: e,
   future: n,
   state: t
 }) {
-  return Ti(e, void 0, t, n);
+  return Oi(e, void 0, t, n);
 }
 var ut = "get", dt = "application/x-www-form-urlencoded";
 function wt(e) {
   return e != null && typeof e.tagName == "string";
 }
-function Ki(e) {
+function Ji(e) {
   return wt(e) && e.tagName.toLowerCase() === "button";
 }
-function Xi(e) {
+function Qi(e) {
   return wt(e) && e.tagName.toLowerCase() === "form";
 }
-function Ji(e) {
+function el(e) {
   return wt(e) && e.tagName.toLowerCase() === "input";
 }
-function Qi(e) {
+function tl(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function el(e, n) {
+function nl(e, n) {
   return e.button === 0 && // Ignore everything but left clicks
   (!n || n === "_self") && // Let browser handle "target=_blank" etc.
-  !Qi(e);
+  !tl(e);
 }
 var ct = null;
-function tl() {
+function rl() {
   if (ct === null)
     try {
       new FormData(
@@ -8094,30 +8124,30 @@ function tl() {
     }
   return ct;
 }
-var nl = /* @__PURE__ */ new Set([
+var ol = /* @__PURE__ */ new Set([
   "application/x-www-form-urlencoded",
   "multipart/form-data",
   "text/plain"
 ]);
 function Bt(e) {
-  return e != null && !nl.has(e) ? ($e(
+  return e != null && !ol.has(e) ? ($e(
     !1,
     `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${dt}"`
   ), null) : e;
 }
-function rl(e, n) {
+function al(e, n) {
   let t, r, o, a, i;
-  if (Xi(e)) {
+  if (Qi(e)) {
     let l = e.getAttribute("action");
     r = l ? Fe(l, n) : null, t = e.getAttribute("method") || ut, o = Bt(e.getAttribute("enctype")) || dt, a = new FormData(e);
-  } else if (Ki(e) || Ji(e) && (e.type === "submit" || e.type === "image")) {
+  } else if (Ji(e) || el(e) && (e.type === "submit" || e.type === "image")) {
     let l = e.form;
     if (l == null)
       throw new Error(
         'Cannot submit a <button> or <input type="submit"> without a <form>'
       );
     let c = e.getAttribute("formaction") || l.getAttribute("action");
-    if (r = c ? Fe(c, n) : null, t = e.getAttribute("formmethod") || l.getAttribute("method") || ut, o = Bt(e.getAttribute("formenctype")) || Bt(l.getAttribute("enctype")) || dt, a = new FormData(l, e), !tl()) {
+    if (r = c ? Fe(c, n) : null, t = e.getAttribute("formmethod") || l.getAttribute("method") || ut, o = Bt(e.getAttribute("formenctype")) || Bt(l.getAttribute("enctype")) || dt, a = new FormData(l, e), !rl()) {
       let { name: u, type: d, value: g } = e;
       if (d === "image") {
         let f = u ? `${u}.` : "";
@@ -8138,7 +8168,7 @@ function mn(e, n) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(n);
 }
-function ol(e, n, t) {
+function il(e, n, t) {
   let r = typeof e == "string" ? new URL(
     e,
     // This can be called during the SSR flow via PrefetchPageLinksImpl so
@@ -8147,7 +8177,7 @@ function ol(e, n, t) {
   ) : e;
   return r.pathname === "/" ? r.pathname = `_root.${t}` : n && Fe(r.pathname, n) === "/" ? r.pathname = `${n.replace(/\/$/, "")}/_root.${t}` : r.pathname = `${r.pathname.replace(/\/$/, "")}.${t}`, r;
 }
-async function al(e, n) {
+async function ll(e, n) {
   if (e.id in n)
     return n[e.id];
   try {
@@ -8164,22 +8194,22 @@ async function al(e, n) {
     });
   }
 }
-function il(e) {
+function sl(e) {
   return e == null ? !1 : e.href == null ? e.rel === "preload" && typeof e.imageSrcSet == "string" && typeof e.imageSizes == "string" : typeof e.rel == "string" && typeof e.href == "string";
 }
-async function ll(e, n, t) {
+async function cl(e, n, t) {
   let r = await Promise.all(
     e.map(async (o) => {
       let a = n.routes[o.route.id];
       if (a) {
-        let i = await al(a, t);
+        let i = await ll(a, t);
         return i.links ? i.links() : [];
       }
       return [];
     })
   );
-  return dl(
-    r.flat(1).filter(il).filter((o) => o.rel === "stylesheet" || o.rel === "preload").map(
+  return fl(
+    r.flat(1).filter(sl).filter((o) => o.rel === "stylesheet" || o.rel === "preload").map(
       (o) => o.rel === "stylesheet" ? { ...o, rel: "prefetch", as: "style" } : { ...o, rel: "prefetch" }
     )
   );
@@ -8220,8 +8250,8 @@ function Jn(e, n, t, r, o, a) {
     return !0;
   }) : [];
 }
-function sl(e, n, { includeHydrateFallback: t } = {}) {
-  return cl(
+function ul(e, n, { includeHydrateFallback: t } = {}) {
+  return dl(
     e.map((r) => {
       let o = n.routes[r.route.id];
       if (!o) return [];
@@ -8230,19 +8260,19 @@ function sl(e, n, { includeHydrateFallback: t } = {}) {
     }).flat(1)
   );
 }
-function cl(e) {
+function dl(e) {
   return [...new Set(e)];
 }
-function ul(e) {
+function pl(e) {
   let n = {}, t = Object.keys(e).sort();
   for (let r of t)
     n[r] = e[r];
   return n;
 }
-function dl(e, n) {
+function fl(e, n) {
   let t = /* @__PURE__ */ new Set();
   return new Set(n), e.reduce((r, o) => {
-    let a = JSON.stringify(ul(o));
+    let a = JSON.stringify(pl(o));
     return t.has(a) || (t.add(a), r.push({ key: a, link: o })), r;
   }, []);
 }
@@ -8253,7 +8283,7 @@ function Dr() {
     "You must render this element inside a <DataRouterContext.Provider> element"
   ), e;
 }
-function pl() {
+function ml() {
   let e = j.useContext(ht);
   return mn(
     e,
@@ -8269,7 +8299,7 @@ function Nr() {
     "You must render this element inside a <HydratedRouter> element"
   ), e;
 }
-function fl(e, n) {
+function gl(e, n) {
   let t = j.useContext(gn), [r, o] = j.useState(!1), [a, i] = j.useState(!1), { onFocus: l, onBlur: c, onMouseEnter: u, onMouseLeave: d, onTouchStart: g } = n, f = j.useRef(null);
   j.useEffect(() => {
     if (e === "render" && i(!0), e === "viewport") {
@@ -8314,18 +8344,18 @@ function Ge(e, n) {
     e && e(t), t.defaultPrevented || n(t);
   };
 }
-function ml({ page: e, ...n }) {
+function vl({ page: e, ...n }) {
   let { router: t } = Dr(), r = j.useMemo(
     () => jr(t.routes, e, t.basename),
     [t.routes, e, t.basename]
   );
-  return r ? /* @__PURE__ */ j.createElement(vl, { page: e, matches: r, ...n }) : null;
+  return r ? /* @__PURE__ */ j.createElement(xl, { page: e, matches: r, ...n }) : null;
 }
-function gl(e) {
+function hl(e) {
   let { manifest: n, routeModules: t } = Nr(), [r, o] = j.useState([]);
   return j.useEffect(() => {
     let a = !1;
-    return ll(e, n, t).then(
+    return cl(e, n, t).then(
       (i) => {
         a || o(i);
       }
@@ -8334,12 +8364,12 @@ function gl(e) {
     };
   }, [e, n, t]), r;
 }
-function vl({
+function xl({
   page: e,
   matches: n,
   ...t
 }) {
-  let r = Ne(), { manifest: o, routeModules: a } = Nr(), { basename: i } = Dr(), { loaderData: l, matches: c } = pl(), u = j.useMemo(
+  let r = Ne(), { manifest: o, routeModules: a } = Nr(), { basename: i } = Dr(), { loaderData: l, matches: c } = ml(), u = j.useMemo(
     () => Jn(
       e,
       n,
@@ -8369,7 +8399,7 @@ function vl({
       !k || !k.hasLoader || (!u.some(($) => $.route.id === x.route.id) && x.route.id in l && ((b = a[x.route.id]) != null && b.shouldRevalidate) || k.hasClientLoader ? m = !0 : v.add(x.route.id));
     }), v.size === 0)
       return [];
-    let w = ol(e, i, "data");
+    let w = il(e, i, "data");
     return m && v.size > 0 && w.searchParams.set(
       "_routes",
       n.filter((x) => v.has(x.route.id)).map((x) => x.route.id).join(",")
@@ -8384,29 +8414,29 @@ function vl({
     e,
     a
   ]), f = j.useMemo(
-    () => sl(d, o),
+    () => ul(d, o),
     [d, o]
-  ), p = gl(d);
+  ), p = hl(d);
   return /* @__PURE__ */ j.createElement(j.Fragment, null, g.map((v) => /* @__PURE__ */ j.createElement("link", { key: v, rel: "prefetch", as: "fetch", href: v, ...t })), f.map((v) => /* @__PURE__ */ j.createElement("link", { key: v, rel: "modulepreload", href: v, ...t })), p.map(({ key: v, link: m }) => (
     // these don't spread `linkProps` because they are full link descriptors
     // already with their own props
     /* @__PURE__ */ j.createElement("link", { key: v, ...m })
   )));
 }
-function hl(...e) {
+function wl(...e) {
   return (n) => {
     e.forEach((t) => {
       typeof t == "function" ? t(n) : t != null && (t.current = n);
     });
   };
 }
-var Tr = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+var zr = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
 try {
-  Tr && (window.__reactRouterVersion = // @ts-expect-error
+  zr && (window.__reactRouterVersion = // @ts-expect-error
   "7.7.1");
 } catch {
 }
-var zr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = j.forwardRef(
+var Tr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = j.forwardRef(
   function({
     onClick: n,
     discover: t = "render",
@@ -8421,8 +8451,8 @@ var zr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = j.forwardRef(
     viewTransition: g,
     ...f
   }, p) {
-    let { basename: v } = j.useContext(_e), m = typeof u == "string" && zr.test(u), w, x = !1;
-    if (typeof u == "string" && m && (w = u, Tr))
+    let { basename: v } = j.useContext(_e), m = typeof u == "string" && Tr.test(u), w, x = !1;
+    if (typeof u == "string" && m && (w = u, zr))
       try {
         let F = new URL(window.location.href), Z = u.startsWith("//") ? new URL(F.protocol + u) : new URL(u), ae = Fe(Z.pathname, v);
         Z.origin === F.origin && ae != null ? u = ae + Z.search + Z.hash : x = !0;
@@ -8432,10 +8462,10 @@ var zr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = j.forwardRef(
           `<Link to="${u}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
         );
       }
-    let k = Ai(u, { relative: o }), [b, $, y] = fl(
+    let k = Ni(u, { relative: o }), [b, $, y] = gl(
       r,
       f
-    ), O = bl(u, {
+    ), O = Cl(u, {
       replace: i,
       state: l,
       target: c,
@@ -8455,13 +8485,13 @@ var zr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = j.forwardRef(
           ...y,
           href: w || k,
           onClick: x || a ? n : N,
-          ref: hl(p, $),
+          ref: wl(p, $),
           target: c,
           "data-discover": !m && t === "render" ? "true" : void 0
         }
       )
     );
-    return b && !m ? /* @__PURE__ */ j.createElement(j.Fragment, null, V, /* @__PURE__ */ j.createElement(ml, { page: k })) : V;
+    return b && !m ? /* @__PURE__ */ j.createElement(j.Fragment, null, V, /* @__PURE__ */ j.createElement(vl, { page: k })) : V;
   }
 );
 vn.displayName = "Link";
@@ -8479,7 +8509,7 @@ var Or = j.forwardRef(
   }, d) {
     let g = Ke(i, { relative: u.relative }), f = Ne(), p = j.useContext(ht), { navigator: v, basename: m } = j.useContext(_e), w = p != null && // Conditional usage is OK here because the usage of a data router is static
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    jl(g) && l === !0, x = v.encodeLocation ? v.encodeLocation(g).pathname : g.pathname, k = f.pathname, b = p && p.navigation && p.navigation.location ? p.navigation.location.pathname : null;
+    $l(g) && l === !0, x = v.encodeLocation ? v.encodeLocation(g).pathname : g.pathname, k = f.pathname, b = p && p.navigation && p.navigation.location ? p.navigation.location.pathname : null;
     t || (k = k.toLowerCase(), b = b ? b.toLowerCase() : null, x = x.toLowerCase()), b && m && (b = Fe(b, m) || b);
     const $ = x !== "/" && x.endsWith("/") ? x.length - 1 : x.length;
     let y = k === x || !o && k.startsWith(x) && k.charAt($) === "/", O = b != null && (b === x || !o && b.startsWith(x) && b.charAt(x.length) === "/"), N = {
@@ -8510,7 +8540,7 @@ var Or = j.forwardRef(
   }
 );
 Or.displayName = "NavLink";
-var xl = j.forwardRef(
+var bl = j.forwardRef(
   ({
     discover: e = "render",
     fetcherKey: n,
@@ -8526,7 +8556,7 @@ var xl = j.forwardRef(
     viewTransition: g,
     ...f
   }, p) => {
-    let v = Sl(), m = Rl(l, { relative: u }), w = i.toLowerCase() === "get" ? "get" : "post", x = typeof l == "string" && zr.test(l), k = (b) => {
+    let v = jl(), m = kl(l, { relative: u }), w = i.toLowerCase() === "get" ? "get" : "post", x = typeof l == "string" && Tr.test(l), k = (b) => {
       if (c && c(b), b.defaultPrevented) return;
       b.preventDefault();
       let $ = b.nativeEvent.submitter, y = ($ == null ? void 0 : $.getAttribute("formmethod")) || i;
@@ -8554,15 +8584,15 @@ var xl = j.forwardRef(
     );
   }
 );
-xl.displayName = "Form";
-function wl(e) {
+bl.displayName = "Form";
+function yl(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
 function Ir(e) {
   let n = j.useContext(Ie);
-  return ve(n, wl(e)), n;
+  return ve(n, yl(e)), n;
 }
-function bl(e, {
+function Cl(e, {
   target: n,
   replace: t,
   state: r,
@@ -8570,10 +8600,10 @@ function bl(e, {
   relative: a,
   viewTransition: i
 } = {}) {
-  let l = Di(), c = Ne(), u = Ke(e, { relative: a });
+  let l = zi(), c = Ne(), u = Ke(e, { relative: a });
   return j.useCallback(
     (d) => {
-      if (el(d, n)) {
+      if (nl(d, n)) {
         d.preventDefault();
         let g = t !== void 0 ? t : nn(c) === nn(u);
         l(e, {
@@ -8599,20 +8629,20 @@ function bl(e, {
     ]
   );
 }
-var yl = 0, Cl = () => `__${String(++yl)}__`;
-function Sl() {
+var Sl = 0, Rl = () => `__${String(++Sl)}__`;
+function jl() {
   let { router: e } = Ir(
     "useSubmit"
     /* UseSubmit */
-  ), { basename: n } = j.useContext(_e), t = Wi();
+  ), { basename: n } = j.useContext(_e), t = Yi();
   return j.useCallback(
     async (r, o = {}) => {
-      let { action: a, method: i, encType: l, formData: c, body: u } = rl(
+      let { action: a, method: i, encType: l, formData: c, body: u } = al(
         r,
         n
       );
       if (o.navigate === !1) {
-        let d = o.fetcherKey || Cl();
+        let d = o.fetcherKey || Rl();
         await e.fetch(d, t, o.action || a, {
           preventScrollReset: o.preventScrollReset,
           formData: c,
@@ -8638,7 +8668,7 @@ function Sl() {
     [e, n, t]
   );
 }
-function Rl(e, { relative: n } = {}) {
+function kl(e, { relative: n } = {}) {
   let { basename: t } = j.useContext(_e), r = j.useContext(Ee);
   ve(r, "useFormAction must be used inside a RouteContext");
   let [o] = r.matches.slice(-1), a = { ...Ke(e || ".", { relative: n }) }, i = Ne();
@@ -8653,7 +8683,7 @@ function Rl(e, { relative: n } = {}) {
   }
   return (!e || e === ".") && o.route.index && (a.search = a.search ? a.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (a.pathname = a.pathname === "/" ? t : ke([t, a.pathname])), nn(a);
 }
-function jl(e, { relative: n } = {}) {
+function $l(e, { relative: n } = {}) {
   let t = j.useContext(Mr);
   ve(
     t != null,
@@ -8668,7 +8698,7 @@ function jl(e, { relative: n } = {}) {
   let a = Fe(t.currentLocation.pathname, r) || t.currentLocation.pathname, i = Fe(t.nextLocation.pathname, r) || t.nextLocation.pathname;
   return gt(o.pathname, i) != null || gt(o.pathname, a) != null;
 }
-const ns = ({
+const os = ({
   variant: e = "fixed",
   activeTab: n,
   navItems: t,
@@ -8694,7 +8724,7 @@ const ns = ({
       c.label
     );
   }) });
-}, rs = ({ items: e, separator: n = "/", className: t = "" }) => /* @__PURE__ */ s.jsx("nav", { className: `text-sm text-color-gray-600 ${t}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ s.jsx("ol", { className: "flex items-center space-x-1", children: e.map((r, o) => /* @__PURE__ */ s.jsxs("li", { className: "flex items-center", children: [
+}, as = ({ items: e, separator: n = "/", className: t = "" }) => /* @__PURE__ */ s.jsx("nav", { className: `text-sm text-color-gray-600 ${t}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ s.jsx("ol", { className: "flex items-center space-x-1", children: e.map((r, o) => /* @__PURE__ */ s.jsxs("li", { className: "flex items-center", children: [
   r.href ? /* @__PURE__ */ s.jsx(
     "a",
     {
@@ -8704,7 +8734,7 @@ const ns = ({
     }
   ) : /* @__PURE__ */ s.jsx("span", { className: "text-color-gray-500 font-medium", children: r.label }),
   o < e.length - 1 && /* @__PURE__ */ s.jsx("span", { className: "mx-2 text-color-gray-400", children: n })
-] }, o)) }) }), Qn = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], kl = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], os = ({
+] }, o)) }) }), Qn = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], _l = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], is = ({
   mode: e = "single",
   type: n = "inline",
   showTime: t = !1,
@@ -8721,7 +8751,7 @@ const ns = ({
     d ? new Date(d) : null
   ), [b, $] = K(null), [y, O] = K(null), [N, V] = K(null), [F, Z] = K({ hour: 12, minute: 0, ampm: "AM" }), ae = se(null), [ue, Q] = K(
     d ? new Date(d) : null
-  ), [H, Y] = K(null), [z, te] = K(null);
+  ), [H, Y] = K(null), [T, te] = K(null);
   ce(() => {
     k(d ? new Date(d) : null), Q(d ? new Date(d) : null);
   }, [d]);
@@ -8759,7 +8789,7 @@ const ns = ({
       startDate: b ? b.getTime() : null,
       endDate: y ? y.getTime() : null
     }));
-  }, T = () => {
+  }, z = () => {
     const S = new Date(m.getFullYear(), m.getMonth(), 1), R = new Date(m.getFullYear(), m.getMonth() + 1, 0), _ = [], J = S.getDay();
     for (let ee = 0; ee < J; ee++)
       _.push(null);
@@ -8873,8 +8903,8 @@ const ns = ({
             )
           ] }),
           /* @__PURE__ */ s.jsxs("div", { className: "grid grid-columns-7 gap-1 text-center text-sm mb-2", children: [
-            kl.map((S) => /* @__PURE__ */ s.jsx("div", { className: "font-semibold", children: S }, S)),
-            T().map((S, R) => /* @__PURE__ */ s.jsx(
+            _l.map((S) => /* @__PURE__ */ s.jsx("div", { className: "font-semibold", children: S }, S)),
+            z().map((S, R) => /* @__PURE__ */ s.jsx(
               "div",
               {
                 className: `size-8 flex justify-center items-center text-sm rounded-full transition-all
@@ -8916,20 +8946,20 @@ const ns = ({
         children: [
           e === "single" ? ue ? P(ue) : i : (
             // Display rangeStart immediately if set, even if rangeEnd is null
-            b || H || z ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+            b || H || T ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
               P(b || H, "start"),
               " -",
               " ",
-              P(y || z, "end")
+              P(y || T, "end")
             ] }) : i
           ),
           l
         ]
       }
     ),
-    n === "inline" ? /* @__PURE__ */ s.jsx(s.Fragment, { children: g && Ze(q, document.body) }) : /* @__PURE__ */ s.jsx(ai, { open: g, title: r ? "Select Time" : i, onClose: X, children: /* @__PURE__ */ s.jsx("div", { className: "w-72", children: q }) })
+    n === "inline" ? /* @__PURE__ */ s.jsx(s.Fragment, { children: g && Ze(q, document.body) }) : /* @__PURE__ */ s.jsx(li, { open: g, title: r ? "Select Time" : i, onClose: X, children: /* @__PURE__ */ s.jsx("div", { className: "w-72", children: q }) })
   ] });
-}, as = ({
+}, ls = ({
   tabs: e,
   activeKey: n,
   onChange: t,
@@ -8976,10 +9006,10 @@ const ns = ({
       ]
     }
   );
-}, is = ({
+}, ss = ({
   stats: e = [],
   className: n = ""
-}) => /* @__PURE__ */ s.jsx(ni, { className: `w-full  ${n}`, children: /* @__PURE__ */ s.jsx("div", { className: "grid grid-columns-1 sm:grid-columns-1 md:grid-columns-2 lg:grid-columns-4 gap-4  justify-items-center", children: e.map((t, r) => /* @__PURE__ */ s.jsxs(
+}) => /* @__PURE__ */ s.jsx(oi, { className: `w-full  ${n}`, children: /* @__PURE__ */ s.jsx("div", { className: "grid grid-columns-1 sm:grid-columns-1 md:grid-columns-2 lg:grid-columns-4 gap-4  justify-items-center", children: e.map((t, r) => /* @__PURE__ */ s.jsxs(
   "div",
   {
     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
@@ -9000,7 +9030,7 @@ const ns = ({
   },
   r
 )) }) });
-function ls({
+function cs({
   items: e = [],
   logoJSX: n,
   position: t,
@@ -9014,7 +9044,7 @@ function ls({
     c(d), d.onClick && d.onClick(), i && i(d);
   };
   return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsx(
-    li,
+    ci,
     {
       open: o,
       onClose: a,
@@ -9062,51 +9092,51 @@ function ls({
   ) });
 }
 export {
-  Ql as Accordion,
-  Jl as ActionMenu,
-  es as Alert,
-  ca as Avatar,
-  ts as Badge,
-  ns as BottomNavigation,
-  rs as Breadcrumbs,
+  ts as Accordion,
+  es as ActionMenu,
+  ns as Alert,
+  da as Avatar,
+  rs as Badge,
+  os as BottomNavigation,
+  as as Breadcrumbs,
   Gt as Button,
-  we as COLOR_MAP,
-  ni as Card,
-  Ml as CardWrapper,
-  Gl as Carousel,
-  Ll as Checkbox,
-  is as DashboardStatBoxes,
-  os as DatePicker,
-  ai as Dialog,
-  Yl as Divider,
-  li as Drawer,
-  Fl as Dropdown,
-  Al as DropzoneUploader,
-  Wl as EmptyState,
+  xe as COLOR_MAP,
+  oi as Card,
+  Fl as CardWrapper,
+  Ul as Carousel,
+  Al as Checkbox,
+  ss as DashboardStatBoxes,
+  is as DatePicker,
+  li as Dialog,
+  Kl as Divider,
+  ci as Drawer,
+  Dl as Dropdown,
+  Nl as DropzoneUploader,
+  Yl as EmptyState,
   je as IconButton,
   na as Menu,
   ia as OtpInput,
-  ei as Pagination,
-  la as PasswordInput,
-  Dl as Pill,
-  Nl as ProfileImageShowcase,
-  Bl as Progress,
+  ni as Pagination,
+  ca as PasswordInput,
+  zl as Pill,
+  Tl as ProfileImageShowcase,
+  Gl as Progress,
   qt as RANGE_COLOR_MAP,
-  Zl as RadioGroup,
-  ql as Rating,
-  Kl as Select,
-  ls as Sidebar,
-  Ol as Skeleton,
-  Vl as Slider,
-  Hl as Snackbar,
-  Tl as Stepper,
-  zl as Table,
-  as as Tabs,
-  Il as TextArea,
+  Xl as RadioGroup,
+  Wl as Rating,
+  Jl as Select,
+  cs as Sidebar,
+  Vl as Skeleton,
+  Bl as Slider,
+  ql as Snackbar,
+  Ol as Stepper,
+  Il as Table,
+  ls as Tabs,
+  Hl as TextArea,
   gr as TextInput,
-  Ul as ToggleSwitch,
-  Xl as Tooltip,
-  Qa as Typography,
-  El as extendColorMap,
-  Pl as extendRangeColorMap
+  Zl as ToggleSwitch,
+  Ql as Tooltip,
+  ti as Typography,
+  Ml as extendColorMap,
+  Ll as extendRangeColorMap
 };