@unizap/uniui 1.0.31 → 1.0.33

package/dist/uniui.js

@@ -1,7 +1,7 @@
 import * as R from "react";
-import je, { useRef as se, useState as K, useEffect as ce, useMemo as Te, useReducer as Ur, useCallback as oe, forwardRef as Ye, useImperativeHandle as tr, Fragment as Yr, memo as Zr, useLayoutEffect as Kr } from "react";
+import je, { useRef as se, useState as K, useEffect as ce, useMemo as Te, useReducer as Ur, useCallback as oe, forwardRef as Ye, useImperativeHandle as er, Fragment as Yr, memo as Zr, useLayoutEffect as Kr } from "react";
 import { createPortal as Ze } from "react-dom";
-function nr(e) {
+function tr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var et = { exports: {} }, He = {};
@@ -14,10 +14,10 @@ var et = { exports: {} }, He = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var xn;
+var vn;
 function Xr() {
-  if (xn) return He;
-  xn = 1;
+  if (vn) return He;
+  vn = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
   function t(r, o, a) {
     var i = null;
@@ -46,9 +46,9 @@ var Be = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hn;
+var xn;
 function Jr() {
-  return hn || (hn = 1, process.env.NODE_ENV !== "production" && function() {
+  return xn || (xn = 1, process.env.NODE_ENV !== "production" && function() {
     function e(x) {
       if (x == null) return null;
       if (typeof x == "function")
@@ -191,7 +191,7 @@ function Jr() {
       var P = C.children;
       if (P !== void 0)
         if (L)
-          if (Q(P)) {
+          if (X(P)) {
             for (L = 0; L < P.length; L++)
               g(P[L]);
             Object.freeze && Object.freeze(P);
@@ -205,7 +205,7 @@ function Jr() {
         var B = Object.keys(C).filter(function(S) {
           return S !== "key";
         });
-        L = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", X[P + L] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
+        L = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", J[P + L] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -216,7 +216,7 @@ React keys must be passed directly to JSX without using spread:
           P,
           B,
           P
-        ), X[P + L] = !0);
+        ), J[P + L] = !0);
       }
       if (P = null, M !== void 0 && (t(M), P = "" + M), i(C) && (t(C.key), P = "" + C.key), "key" in C) {
         M = {};
@@ -240,7 +240,7 @@ React keys must be passed directly to JSX without using spread:
     function g(x) {
       typeof x == "object" && x !== null && x.$$typeof === f && x._store && (x._store.validated = 1);
     }
-    var p = je, f = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), b = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), ae = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ue = Object.prototype.hasOwnProperty, Q = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var p = je, f = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), b = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), ae = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ue = Object.prototype.hasOwnProperty, X = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
     p = {
@@ -251,7 +251,7 @@ React keys must be passed directly to JSX without using spread:
     var Y, T = {}, te = p["react-stack-bottom-frame"].bind(
       p,
       a
-    )(), pe = H(r(a)), X = {};
+    )(), pe = H(r(a)), J = {};
     Be.Fragment = m, Be.jsx = function(x, C, M, L, N) {
       var I = 1e4 > ae.recentlyCreatedOwnerStacks++;
       return d(
@@ -279,9 +279,9 @@ React keys must be passed directly to JSX without using spread:
     };
   }()), Be;
 }
-var wn;
+var hn;
 function Qr() {
-  return wn || (wn = 1, process.env.NODE_ENV === "production" ? et.exports = Xr() : et.exports = Jr()), et.exports;
+  return hn || (hn = 1, process.env.NODE_ENV === "production" ? et.exports = Xr() : et.exports = Jr()), et.exports;
 }
 var s = Qr();
 const ve = {
@@ -748,12 +748,12 @@ const ve = {
       l.current && !l.current.contains(u.target) && i(!1);
     };
     return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
-  }, []), /* @__PURE__ */ s.jsxs("div", { ref: l, className: "relative inline-block", children: [
+  }, []), /* @__PURE__ */ s.jsxs("div", { ref: l, className: "relative inline-block w-full", children: [
     /* @__PURE__ */ s.jsxs(
       "button",
       {
         onClick: () => i(!a),
-        className: `flex items-center cursor-pointer justify-between w-40 px-4 py-3 bg-color-white rounded-sm border border-color-gray-200 text-sm font-medium text-color-gray-700 hover:bg-color-gray-50 focus:outline-none ${t}`,
+        className: `flex items-center cursor-pointer justify-between w-full px-4 py-3 bg-color-white rounded-sm border border-color-gray-200 text-sm font-medium text-color-gray-700 hover:bg-color-gray-50 focus:outline-none ${t}`,
         children: [
           (e == null ? void 0 : e.label) || "Select",
           a ? /* @__PURE__ */ s.jsx("svg", { className: "ml-2 text-color-gray-500 size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z" }) }) : /* @__PURE__ */ s.jsx("svg", { className: "ml-2 text-color-gray-500 size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" }) })
@@ -763,7 +763,7 @@ const ve = {
     a && /* @__PURE__ */ s.jsx(
       "ul",
       {
-        className: `absolute mt-2 right-0 z-10 w-40 rounded-xl bg-color-white shadow-lg shadow-color-zinc-200 border border-color-gray-100 py-2 ${r}`,
+        className: `absolute mt-2 right-0 z-10 w-full rounded-xl bg-color-white shadow-lg shadow-color-zinc-200 border border-color-gray-100 py-2 ${r}`,
         children: n.map((c, u) => {
           const d = c.label === (e == null ? void 0 : e.label);
           return /* @__PURE__ */ s.jsx(
@@ -797,10 +797,10 @@ var tt = { exports: {} }, nt = { exports: {} }, ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var bn;
+var wn;
 function eo() {
-  if (bn) return ne;
-  bn = 1;
+  if (wn) return ne;
+  wn = 1;
   var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, p = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, m = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, h = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
   function b(y) {
     if (typeof y == "object" && y !== null) {
@@ -872,9 +872,9 @@ var re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var yn;
+var bn;
 function to() {
-  return yn || (yn = 1, process.env.NODE_ENV !== "production" && function() {
+  return bn || (bn = 1, process.env.NODE_ENV !== "production" && function() {
     var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, p = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, m = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, h = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
     function b(j) {
       return typeof j == "string" || typeof j == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
@@ -885,17 +885,17 @@ function to() {
         var _ = j.$$typeof;
         switch (_) {
           case n:
-            var J = j.type;
-            switch (J) {
+            var Q = j.type;
+            switch (Q) {
               case c:
               case u:
               case r:
               case a:
               case o:
               case g:
-                return J;
+                return Q;
               default:
-                var ee = J && J.$$typeof;
+                var ee = Q && Q.$$typeof;
                 switch (ee) {
                   case l:
                   case d:
@@ -912,8 +912,8 @@ function to() {
         }
       }
     }
-    var y = c, O = u, D = l, V = i, F = n, Z = d, ae = r, ue = v, Q = f, H = t, Y = a, T = o, te = g, pe = !1;
-    function X(j) {
+    var y = c, O = u, D = l, V = i, F = n, Z = d, ae = r, ue = v, X = f, H = t, Y = a, T = o, te = g, pe = !1;
+    function J(j) {
       return pe || (pe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(j) || $(j) === c;
     }
     function x(j) {
@@ -952,22 +952,22 @@ function to() {
     function S(j) {
       return $(j) === g;
     }
-    re.AsyncMode = y, re.ConcurrentMode = O, re.ContextConsumer = D, re.ContextProvider = V, re.Element = F, re.ForwardRef = Z, re.Fragment = ae, re.Lazy = ue, re.Memo = Q, re.Portal = H, re.Profiler = Y, re.StrictMode = T, re.Suspense = te, re.isAsyncMode = X, re.isConcurrentMode = x, re.isContextConsumer = C, re.isContextProvider = M, re.isElement = L, re.isForwardRef = N, re.isFragment = I, re.isLazy = z, re.isMemo = E, re.isPortal = P, re.isProfiler = B, re.isStrictMode = q, re.isSuspense = S, re.isValidElementType = b, re.typeOf = $;
+    re.AsyncMode = y, re.ConcurrentMode = O, re.ContextConsumer = D, re.ContextProvider = V, re.Element = F, re.ForwardRef = Z, re.Fragment = ae, re.Lazy = ue, re.Memo = X, re.Portal = H, re.Profiler = Y, re.StrictMode = T, re.Suspense = te, re.isAsyncMode = J, re.isConcurrentMode = x, re.isContextConsumer = C, re.isContextProvider = M, re.isElement = L, re.isForwardRef = N, re.isFragment = I, re.isLazy = z, re.isMemo = E, re.isPortal = P, re.isProfiler = B, re.isStrictMode = q, re.isSuspense = S, re.isValidElementType = b, re.typeOf = $;
   }()), re;
 }
-var Cn;
-function rr() {
-  return Cn || (Cn = 1, process.env.NODE_ENV === "production" ? nt.exports = eo() : nt.exports = to()), nt.exports;
+var yn;
+function nr() {
+  return yn || (yn = 1, process.env.NODE_ENV === "production" ? nt.exports = eo() : nt.exports = to()), nt.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var $t, Sn;
+var $t, Cn;
 function no() {
-  if (Sn) return $t;
-  Sn = 1;
+  if (Cn) return $t;
+  Cn = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function r(a) {
     if (a == null)
@@ -1010,25 +1010,25 @@ function no() {
     return c;
   }, $t;
 }
-var _t, jn;
+var _t, Sn;
 function rn() {
-  if (jn) return _t;
-  jn = 1;
+  if (Sn) return _t;
+  Sn = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return _t = e, _t;
 }
-var Et, Rn;
-function or() {
-  return Rn || (Rn = 1, Et = Function.call.bind(Object.prototype.hasOwnProperty)), Et;
+var Et, jn;
+function rr() {
+  return jn || (jn = 1, Et = Function.call.bind(Object.prototype.hasOwnProperty)), Et;
 }
-var Pt, kn;
+var Pt, Rn;
 function ro() {
-  if (kn) return Pt;
-  kn = 1;
+  if (Rn) return Pt;
+  Rn = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var n = /* @__PURE__ */ rn(), t = {}, r = /* @__PURE__ */ or();
+    var n = /* @__PURE__ */ rn(), t = {}, r = /* @__PURE__ */ rr();
     e = function(a) {
       var i = "Warning: " + a;
       typeof console < "u" && console.error(i);
@@ -1070,11 +1070,11 @@ function ro() {
     process.env.NODE_ENV !== "production" && (t = {});
   }, Pt = o, Pt;
 }
-var Lt, $n;
+var Lt, kn;
 function oo() {
-  if ($n) return Lt;
-  $n = 1;
-  var e = rr(), n = no(), t = /* @__PURE__ */ rn(), r = /* @__PURE__ */ or(), o = /* @__PURE__ */ ro(), a = function() {
+  if (kn) return Lt;
+  kn = 1;
+  var e = nr(), n = no(), t = /* @__PURE__ */ rn(), r = /* @__PURE__ */ rr(), o = /* @__PURE__ */ ro(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(l) {
     var c = "Warning: " + l;
@@ -1113,7 +1113,7 @@ function oo() {
       oneOf: D,
       oneOfType: F,
       shape: ue,
-      exact: Q
+      exact: X
     };
     function v(x, C) {
       return x === C ? x !== 0 || 1 / x === 1 / C : x !== x && C !== C;
@@ -1205,7 +1205,7 @@ function oo() {
     function O(x) {
       function C(M, L, N, I, z) {
         if (!(M[L] instanceof x)) {
-          var E = x.name || p, P = X(M[L]);
+          var E = x.name || p, P = J(M[L]);
           return new m("Invalid " + I + " `" + z + "` of type " + ("`" + P + "` supplied to `" + N + "`, expected ") + ("instance of `" + E + "`."));
         }
         return null;
@@ -1296,7 +1296,7 @@ function oo() {
       }
       return w(C);
     }
-    function Q(x) {
+    function X(x) {
       function C(M, L, N, I, z) {
         var E = M[L], P = T(E);
         if (P !== "object")
@@ -1385,16 +1385,16 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
           return C;
       }
     }
-    function X(x) {
+    function J(x) {
       return !x.constructor || !x.constructor.name ? p : x.constructor.name;
     }
     return f.checkPropTypes = o, f.resetWarningCache = o.resetWarningCache, f.PropTypes = f, f;
   }, Lt;
 }
-var Mt, _n;
+var Mt, $n;
 function ao() {
-  if (_n) return Mt;
-  _n = 1;
+  if ($n) return Mt;
+  $n = 1;
   var e = /* @__PURE__ */ rn();
   function n() {
   }
@@ -1439,18 +1439,18 @@ function ao() {
     return a.PropTypes = a, a;
   }, Mt;
 }
-var En;
+var _n;
 function io() {
-  if (En) return tt.exports;
-  if (En = 1, process.env.NODE_ENV !== "production") {
-    var e = rr(), n = !0;
+  if (_n) return tt.exports;
+  if (_n = 1, process.env.NODE_ENV !== "production") {
+    var e = nr(), n = !0;
     tt.exports = /* @__PURE__ */ oo()(e.isElement, n);
   } else
     tt.exports = /* @__PURE__ */ ao()();
   return tt.exports;
 }
 var lo = /* @__PURE__ */ io();
-const ie = /* @__PURE__ */ nr(lo);
+const ie = /* @__PURE__ */ tr(lo);
 function Ne(e, n, t, r) {
   function o(a) {
     return a instanceof t ? a : new t(function(i) {
@@ -2683,7 +2683,7 @@ const so = /* @__PURE__ */ new Map([
 ]);
 function Oe(e, n, t) {
   const r = co(e), { webkitRelativePath: o } = e, a = typeof n == "string" ? n : typeof o == "string" && o.length > 0 ? o : `./${e.name}`;
-  return typeof r.path != "string" && Pn(r, "path", a), Pn(r, "relativePath", a), r;
+  return typeof r.path != "string" && En(r, "path", a), En(r, "relativePath", a), r;
 }
 function co(e) {
   const { name: n } = e;
@@ -2698,7 +2698,7 @@ function co(e) {
   }
   return e;
 }
-function Pn(e, n, t) {
+function En(e, n, t) {
   Object.defineProperty(e, n, {
     value: t,
     writable: !1,
@@ -2742,12 +2742,12 @@ function xo(e, n) {
       if (n !== "drop")
         return t;
       const r = yield Promise.all(t.map(ho));
-      return Ln(ar(r));
+      return Pn(or(r));
     }
-    return Ln(Wt(e.files).map((t) => Oe(t)));
+    return Pn(Wt(e.files).map((t) => Oe(t)));
   });
 }
-function Ln(e) {
+function Pn(e) {
   return e.filter((n) => uo.indexOf(n.name) === -1);
 }
 function Wt(e) {
@@ -2762,17 +2762,17 @@ function Wt(e) {
 }
 function ho(e) {
   if (typeof e.webkitGetAsEntry != "function")
-    return Mn(e);
+    return Ln(e);
   const n = e.webkitGetAsEntry();
-  return n && n.isDirectory ? ir(n) : Mn(e, n);
+  return n && n.isDirectory ? ar(n) : Ln(e, n);
 }
-function ar(e) {
+function or(e) {
   return e.reduce((n, t) => [
     ...n,
-    ...Array.isArray(t) ? ar(t) : [t]
+    ...Array.isArray(t) ? or(t) : [t]
   ], []);
 }
-function Mn(e, n) {
+function Ln(e, n) {
   return Ne(this, void 0, void 0, function* () {
     var t;
     if (globalThis.isSecureContext && typeof e.getAsFileSystemHandle == "function") {
@@ -2792,10 +2792,10 @@ function Mn(e, n) {
 }
 function wo(e) {
   return Ne(this, void 0, void 0, function* () {
-    return e.isDirectory ? ir(e) : bo(e);
+    return e.isDirectory ? ar(e) : bo(e);
   });
 }
-function ir(e) {
+function ar(e) {
   const n = e.createReader();
   return new Promise((t, r) => {
     const o = [];
@@ -2830,9 +2830,9 @@ function bo(e) {
     });
   });
 }
-var rt = {}, Fn;
+var rt = {}, Mn;
 function yo() {
-  return Fn || (Fn = 1, rt.__esModule = !0, rt.default = function(e, n) {
+  return Mn || (Mn = 1, rt.__esModule = !0, rt.default = function(e, n) {
     if (e && n) {
       var t = Array.isArray(n) ? n : n.split(",");
       if (t.length === 0)
@@ -2847,9 +2847,9 @@ function yo() {
   }), rt;
 }
 var Co = yo();
-const Ft = /* @__PURE__ */ nr(Co);
-function An(e) {
-  return Ro(e) || jo(e) || sr(e) || So();
+const Ft = /* @__PURE__ */ tr(Co);
+function Fn(e) {
+  return Ro(e) || jo(e) || lr(e) || So();
 }
 function So() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
@@ -2861,7 +2861,7 @@ function jo(e) {
 function Ro(e) {
   if (Array.isArray(e)) return Ut(e);
 }
-function Nn(e, n) {
+function An(e, n) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
@@ -2871,28 +2871,28 @@ function Nn(e, n) {
   }
   return t;
 }
-function Dn(e) {
+function Nn(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? Nn(Object(t), !0).forEach(function(r) {
-      lr(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Nn(Object(t)).forEach(function(r) {
+    n % 2 ? An(Object(t), !0).forEach(function(r) {
+      ir(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : An(Object(t)).forEach(function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
   return e;
 }
-function lr(e, n, t) {
+function ir(e, n, t) {
   return n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
 }
 function Ue(e, n) {
-  return _o(e) || $o(e, n) || sr(e, n) || ko();
+  return _o(e) || $o(e, n) || lr(e, n) || ko();
 }
 function ko() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function sr(e, n) {
+function lr(e, n) {
   if (e) {
     if (typeof e == "string") return Ut(e, n);
     var t = Object.prototype.toString.call(e).slice(8, -1);
@@ -2934,12 +2934,12 @@ var Eo = typeof Ft == "function" ? Ft : Ft.default, Po = "file-invalid-type", Lo
     code: Po,
     message: "File type must be ".concat(r)
   };
-}, zn = function(n) {
+}, Dn = function(n) {
   return {
     code: Lo,
     message: "File is larger than ".concat(n, " ").concat(n === 1 ? "byte" : "bytes")
   };
-}, Tn = function(n) {
+}, zn = function(n) {
   return {
     code: Mo,
     message: "File is smaller than ".concat(n, " ").concat(n === 1 ? "byte" : "bytes")
@@ -2948,18 +2948,18 @@ var Eo = typeof Ft == "function" ? Ft : Ft.default, Po = "file-invalid-type", Lo
   code: Fo,
   message: "Too many files"
 };
-function cr(e, n) {
+function sr(e, n) {
   var t = e.type === "application/x-moz-file" || Eo(e, n);
   return [t, t ? null : Ao(n)];
 }
-function ur(e, n, t) {
+function cr(e, n, t) {
   if (Ae(e.size))
     if (Ae(n) && Ae(t)) {
-      if (e.size > t) return [!1, zn(t)];
-      if (e.size < n) return [!1, Tn(n)];
+      if (e.size > t) return [!1, Dn(t)];
+      if (e.size < n) return [!1, zn(n)];
     } else {
-      if (Ae(n) && e.size < n) return [!1, Tn(n)];
-      if (Ae(t) && e.size > t) return [!1, zn(t)];
+      if (Ae(n) && e.size < n) return [!1, zn(n)];
+      if (Ae(t) && e.size > t) return [!1, Dn(t)];
     }
   return [!0, null];
 }
@@ -2969,7 +2969,7 @@ function Ae(e) {
 function Do(e) {
   var n = e.files, t = e.accept, r = e.minSize, o = e.maxSize, a = e.multiple, i = e.maxFiles, l = e.validator;
   return !a && n.length > 1 || a && i >= 1 && n.length > i ? !1 : n.every(function(c) {
-    var u = cr(c, t), d = Ue(u, 1), g = d[0], p = ur(c, r, o), f = Ue(p, 1), v = f[0], m = l ? l(c) : null;
+    var u = sr(c, t), d = Ue(u, 1), g = d[0], p = cr(c, r, o), f = Ue(p, 1), v = f[0], m = l ? l(c) : null;
     return g && v && !m;
   });
 }
@@ -2981,7 +2981,7 @@ function ot(e) {
     return n === "Files" || n === "application/x-moz-file";
   }) : !!e.target && !!e.target.files;
 }
-function On(e) {
+function Tn(e) {
   e.preventDefault();
 }
 function zo(e) {
@@ -3012,10 +3012,10 @@ function Vo(e) {
   if (Ae(e)) {
     var n = Object.entries(e).filter(function(t) {
       var r = Ue(t, 2), o = r[0], a = r[1], i = !0;
-      return dr(o) || (console.warn('Skipped "'.concat(o, '" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.')), i = !1), (!Array.isArray(a) || !a.every(pr)) && (console.warn('Skipped "'.concat(o, '" because an invalid file extension was provided.')), i = !1), i;
+      return ur(o) || (console.warn('Skipped "'.concat(o, '" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.')), i = !1), (!Array.isArray(a) || !a.every(dr)) && (console.warn('Skipped "'.concat(o, '" because an invalid file extension was provided.')), i = !1), i;
     }).reduce(function(t, r) {
       var o = Ue(r, 2), a = o[0], i = o[1];
-      return Dn(Dn({}, t), {}, lr({}, a, i));
+      return Nn(Nn({}, t), {}, ir({}, a, i));
     }, {});
     return [{
       // description is required due to https://crbug.com/1264708
@@ -3029,9 +3029,9 @@ function Ho(e) {
   if (Ae(e))
     return Object.entries(e).reduce(function(n, t) {
       var r = Ue(t, 2), o = r[0], a = r[1];
-      return [].concat(An(n), [o], An(a));
+      return [].concat(Fn(n), [o], Fn(a));
     }, []).filter(function(n) {
-      return dr(n) || pr(n);
+      return ur(n) || dr(n);
     }).join(",");
 }
 function Bo(e) {
@@ -3040,15 +3040,15 @@ function Bo(e) {
 function qo(e) {
   return e instanceof DOMException && (e.name === "SecurityError" || e.code === e.SECURITY_ERR);
 }
-function dr(e) {
+function ur(e) {
   return e === "audio/*" || e === "video/*" || e === "image/*" || e === "text/*" || e === "application/*" || /\w+\/[-+.\w]+/g.test(e);
 }
-function pr(e) {
+function dr(e) {
   return /^.*\.[\w]+$/.test(e);
 }
 var Go = ["children"], Wo = ["open"], Uo = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], Yo = ["refKey", "onChange", "onClick"];
 function Zo(e) {
-  return Jo(e) || Xo(e) || fr(e) || Ko();
+  return Jo(e) || Xo(e) || pr(e) || Ko();
 }
 function Ko() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
@@ -3061,13 +3061,13 @@ function Jo(e) {
   if (Array.isArray(e)) return Yt(e);
 }
 function At(e, n) {
-  return ta(e) || ea(e, n) || fr(e, n) || Qo();
+  return ta(e) || ea(e, n) || pr(e, n) || Qo();
 }
 function Qo() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function fr(e, n) {
+function pr(e, n) {
   if (e) {
     if (typeof e == "string") return Yt(e, n);
     var t = Object.prototype.toString.call(e).slice(8, -1);
@@ -3103,7 +3103,7 @@ function ea(e, n) {
 function ta(e) {
   if (Array.isArray(e)) return e;
 }
-function In(e, n) {
+function On(e, n) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
@@ -3116,9 +3116,9 @@ function In(e, n) {
 function le(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? In(Object(t), !0).forEach(function(r) {
+    n % 2 ? On(Object(t), !0).forEach(function(r) {
       Zt(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : In(Object(t)).forEach(function(r) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : On(Object(t)).forEach(function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
@@ -3145,8 +3145,8 @@ function na(e, n) {
   return t;
 }
 var on = /* @__PURE__ */ Ye(function(e, n) {
-  var t = e.children, r = mt(e, Go), o = gr(r), a = o.open, i = mt(o, Wo);
-  return tr(n, function() {
+  var t = e.children, r = mt(e, Go), o = mr(r), a = o.open, i = mt(o, Wo);
+  return er(n, function() {
     return {
       open: a
     };
@@ -3155,7 +3155,7 @@ var on = /* @__PURE__ */ Ye(function(e, n) {
   })));
 });
 on.displayName = "Dropzone";
-var mr = {
+var fr = {
   disabled: !1,
   getFilesFromEvent: po,
   maxSize: 1 / 0,
@@ -3171,7 +3171,7 @@ var mr = {
   useFsAccessApi: !1,
   autoFocus: !1
 };
-on.defaultProps = mr;
+on.defaultProps = fr;
 on.propTypes = {
   /**
    * Render function that exposes the dropzone state and prop getter fns
@@ -3349,22 +3349,22 @@ var Kt = {
   acceptedFiles: [],
   fileRejections: []
 };
-function gr() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = le(le({}, mr), 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, p = n.onDrop, f = n.onDropAccepted, v = n.onDropRejected, m = n.onFileDialogCancel, w = n.onFileDialogOpen, h = n.useFsAccessApi, k = n.autoFocus, b = n.preventDropOnDocument, $ = n.noClick, y = n.noKeyboard, O = n.noDrag, D = n.noDragEventsBubbling, V = n.onError, F = n.validator, Z = Te(function() {
+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, p = n.onDrop, f = n.onDropAccepted, v = n.onDropRejected, m = n.onFileDialogCancel, w = n.onFileDialogOpen, h = n.useFsAccessApi, k = n.autoFocus, b = n.preventDropOnDocument, $ = n.noClick, y = n.noKeyboard, O = n.noDrag, D = n.noDragEventsBubbling, V = n.onError, F = n.validator, Z = Te(function() {
     return Ho(t);
   }, [t]), ae = Te(function() {
     return Vo(t);
   }, [t]), ue = Te(function() {
-    return typeof w == "function" ? w : Vn;
-  }, [w]), Q = Te(function() {
-    return typeof m == "function" ? m : Vn;
-  }, [m]), H = se(null), Y = se(null), T = Ur(ra, Kt), te = At(T, 2), pe = te[0], X = te[1], x = pe.isFocused, C = pe.isFileDialogActive, M = se(typeof window < "u" && window.isSecureContext && h && Io()), L = function() {
+    return typeof w == "function" ? w : In;
+  }, [w]), X = Te(function() {
+    return typeof m == "function" ? m : In;
+  }, [m]), H = se(null), Y = se(null), T = Ur(ra, Kt), te = At(T, 2), pe = te[0], J = te[1], x = pe.isFocused, C = pe.isFileDialogActive, M = se(typeof window < "u" && window.isSecureContext && h && Io()), L = function() {
     !M.current && C && setTimeout(function() {
       if (Y.current) {
         var G = Y.current.files;
-        G.length || (X({
+        G.length || (J({
           type: "closeDialog"
-        }), Q());
+        }), X());
       }
     }, 300);
   };
@@ -3372,13 +3372,13 @@ function gr() {
     return window.addEventListener("focus", L, !1), function() {
       window.removeEventListener("focus", L, !1);
     };
-  }, [Y, C, Q, M]);
+  }, [Y, C, X, M]);
   var N = se([]), I = function(G) {
     H.current && H.current.contains(G.target) || (G.preventDefault(), N.current = []);
   };
   ce(function() {
-    return b && (document.addEventListener("dragover", On, !1), document.addEventListener("drop", I, !1)), function() {
-      b && (document.removeEventListener("dragover", On), document.removeEventListener("drop", I));
+    return b && (document.addEventListener("dragover", Tn, !1), document.addEventListener("drop", I, !1)), function() {
+      b && (document.removeEventListener("dragover", Tn), document.removeEventListener("drop", I));
     };
   }, [H, b]), ce(function() {
     return !r && k && H.current && H.current.focus(), function() {
@@ -3398,7 +3398,7 @@ function gr() {
           maxFiles: c,
           validator: F
         }), be = me > 0 && !ge;
-        X({
+        J({
           isDragAccept: ge,
           isDragReject: be,
           isDragActive: !0,
@@ -3422,7 +3422,7 @@ function gr() {
     var G = N.current.filter(function(ge) {
       return H.current && H.current.contains(ge);
     }), me = G.indexOf(A.target);
-    me !== -1 && G.splice(me, 1), N.current = G, !(G.length > 0) && (X({
+    me !== -1 && G.splice(me, 1), N.current = G, !(G.length > 0) && (J({
       type: "setDraggedFiles",
       isDragActive: !1,
       isDragAccept: !1,
@@ -3431,7 +3431,7 @@ function gr() {
   }, [H, d, D]), q = oe(function(A, G) {
     var me = [], ge = [];
     A.forEach(function(be) {
-      var Ve = cr(be, Z), ze = At(Ve, 2), bt = ze[0], yt = ze[1], Ct = ur(be, i, a), Qe = At(Ct, 2), St = Qe[0], jt = Qe[1], Rt = 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], jt = Qe[1], Rt = F ? F(be) : null;
       if (bt && St && !Rt)
         me.push(be);
       else {
@@ -3448,23 +3448,23 @@ function gr() {
         file: be,
         errors: [No]
       });
-    }), me.splice(0)), X({
+    }), me.splice(0)), J({
       acceptedFiles: me,
       fileRejections: ge,
       isDragReject: ge.length > 0,
       type: "setFiles"
     }), p && p(me, ge, G), ge.length > 0 && v && v(ge, G), me.length > 0 && f && f(me, G);
-  }, [X, l, Z, i, a, c, p, f, v, F]), S = oe(function(A) {
+  }, [J, l, Z, i, a, c, p, f, v, F]), S = oe(function(A) {
     A.preventDefault(), A.persist(), Je(A), N.current = [], ot(A) && Promise.resolve(o(A)).then(function(G) {
       ft(A) && !D || q(G, A);
     }).catch(function(G) {
       return z(G);
-    }), X({
+    }), J({
       type: "reset"
     });
   }, [o, q, z, D]), j = oe(function() {
     if (M.current) {
-      X({
+      J({
         type: "openDialog"
       }), ue();
       var A = {
@@ -3474,27 +3474,27 @@ function gr() {
       window.showOpenFilePicker(A).then(function(G) {
         return o(G);
       }).then(function(G) {
-        q(G, null), X({
+        q(G, null), J({
           type: "closeDialog"
         });
       }).catch(function(G) {
-        Bo(G) ? (Q(G), X({
+        Bo(G) ? (X(G), J({
           type: "closeDialog"
         })) : qo(G) ? (M.current = !1, Y.current ? (Y.current.value = null, Y.current.click()) : z(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : z(G);
       });
       return;
     }
-    Y.current && (X({
+    Y.current && (J({
       type: "openDialog"
     }), ue(), Y.current.value = null, Y.current.click());
-  }, [X, ue, Q, h, q, z, ae, l]), _ = oe(function(A) {
+  }, [J, ue, X, h, q, z, ae, l]), _ = oe(function(A) {
     !H.current || !H.current.isEqualNode(A.target) || (A.key === " " || A.key === "Enter" || A.keyCode === 32 || A.keyCode === 13) && (A.preventDefault(), j());
-  }, [H, j]), J = oe(function() {
-    X({
+  }, [H, j]), Q = oe(function() {
+    J({
       type: "focus"
     });
   }, []), ee = oe(function() {
-    X({
+    J({
       type: "blur"
     });
   }, []), de = oe(function() {
@@ -3512,7 +3512,7 @@ function gr() {
       var A = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, G = A.refKey, me = G === void 0 ? "ref" : G, ge = A.role, be = A.onKeyDown, Ve = A.onFocus, ze = A.onBlur, bt = A.onClick, yt = A.onDragEnter, Ct = A.onDragOver, Qe = A.onDragLeave, St = A.onDrop, jt = mt(A, Uo);
       return le(le(Zt({
         onKeyDown: we(Se(be, _)),
-        onFocus: we(Se(Ve, J)),
+        onFocus: we(Se(Ve, Q)),
         onBlur: we(Se(ze, ee)),
         onClick: fe(Se(bt, de)),
         onDragEnter: Xe(Se(yt, E)),
@@ -3524,7 +3524,7 @@ function gr() {
         tabIndex: 0
       } : {}), jt);
     };
-  }, [H, _, J, ee, de, E, P, B, S, y, O, r]), qr = oe(function(A) {
+  }, [H, _, Q, ee, de, E, P, B, S, y, O, r]), qr = oe(function(A) {
     A.stopPropagation();
   }, []), Gr = Te(function() {
     return function() {
@@ -3596,7 +3596,7 @@ function ra(e, n) {
       return e;
   }
 }
-function Vn() {
+function In() {
 }
 const Tl = ({
   onFilesAccepted: e,
@@ -3629,10 +3629,10 @@ const Tl = ({
 }) => {
   const [b, $] = K(h), [y, O] = K([]);
   ce(() => {
-    $(h);
+    (h.length !== b.length || h.some((X, H) => X !== b[H])) && $(h);
   }, [h]);
   const D = oe(
-    (Q, H) => {
+    (X, H) => {
       const Y = [];
       if (H.length > 0 && H.forEach((T) => {
         T.errors.forEach((te) => {
@@ -3642,16 +3642,16 @@ const Tl = ({
             `${T.file.name} has an invalid file type`
           );
         });
-      }), a !== void 0 && (r ? b.length : 0) + Q.length > a && Y.push(
+      }), a !== void 0 && (r ? b.length : 0) + X.length > a && Y.push(
         `You can only upload up to ${a} file${a > 1 ? "s" : ""}.`
       ), Y.length > 0) {
         O(Y), n == null || n(Y);
         return;
       } else
         O([]);
-      Q.length > 0 && ($(
-        (T) => r ? [...T, ...Q] : Q
-      ), e(Q));
+      X.length > 0 && ($(
+        (T) => r ? [...T, ...X] : X
+      ), e(X));
     },
     [
       e,
@@ -3661,9 +3661,9 @@ const Tl = ({
       b,
       r
     ]
-  ), V = (Q) => {
-    $((H) => H.filter((Y, T) => T !== Q)), k(b);
-  }, { getRootProps: F, getInputProps: Z, isDragActive: ae, isDragReject: ue } = gr({
+  ), V = (X) => {
+    $((H) => H.filter((Y, T) => T !== X)), k(b);
+  }, { getRootProps: F, getInputProps: Z, isDragActive: ae, isDragReject: ue } = mr({
     onDrop: D,
     accept: t,
     multiple: r,
@@ -3694,15 +3694,15 @@ const Tl = ({
             ]
           }
         ),
-        y.length > 0 && /* @__PURE__ */ s.jsx("div", { className: "text-left text-sm text-color-red-600 px-6 pb-2 space-y-1", children: y.map((Q, H) => /* @__PURE__ */ s.jsxs("p", { children: [
+        y.length > 0 && /* @__PURE__ */ s.jsx("div", { className: "text-left text-sm text-color-red-600 px-6 pb-2 space-y-1", children: y.map((X, H) => /* @__PURE__ */ s.jsxs("p", { children: [
           "• ",
-          Q
+          X
         ] }, H)) }),
         v && b.length > 0 && /* @__PURE__ */ s.jsx(
           "ul",
           {
             className: `w-full ${m ? "space-y-2" : "grid grid-columns-2 gap-2"} px-4 pb-4`,
-            children: b.map((Q, H) => /* @__PURE__ */ s.jsxs(
+            children: b.map((X, H) => /* @__PURE__ */ s.jsxs(
               "li",
               {
                 className: "flex items-center justify-between bg-color-white rounded-md px-4 py-2 shadow-sm",
@@ -3711,16 +3711,16 @@ const Tl = ({
                     w && /* @__PURE__ */ s.jsx("div", { className: "w-10 h-10 rounded bg-color-gray-100 overflow-hidden flex-shrink-0", children: /* @__PURE__ */ s.jsx(
                       "img",
                       {
-                        src: Q.type.startsWith("image/") ? URL.createObjectURL(Q) : "https://img.icons8.com/ios-filled/50/pdf-2.png",
+                        src: X.type.startsWith("image/") ? URL.createObjectURL(X) : "https://img.icons8.com/ios-filled/50/pdf-2.png",
                         className: "w-full h-full object-cover",
                         alt: "preview"
                       }
                     ) }),
-                    /* @__PURE__ */ s.jsx("div", { className: "text-sm max-w-[200px]", children: /* @__PURE__ */ s.jsx("p", { className: "font-medium truncate text-xs text-color-gray-700", children: Q.name }) })
+                    /* @__PURE__ */ s.jsx("div", { className: "text-sm max-w-[200px]", children: /* @__PURE__ */ s.jsx("p", { className: "font-medium truncate text-xs text-color-gray-700", children: X.name }) })
                   ] }),
                   /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ s.jsxs("p", { className: "text-xs text-color-gray-400", children: [
-                      (Q.size / 1024).toFixed(2),
+                      (X.size / 1024).toFixed(2),
                       " KB"
                     ] }),
                     /* @__PURE__ */ s.jsx(
@@ -3862,7 +3862,7 @@ const ca = {
 }, ua = {
   filled: "bg-color-gray-100 border-color-gray-200",
   outlined: "border-color-gray-200 bg-color-transparent"
-}, vr = Ye(
+}, gr = Ye(
   ({
     placeholder: e,
     value: n,
@@ -3905,11 +3905,11 @@ const ca = {
     ] });
   }
 );
-vr.displayName = "TextInput";
+gr.displayName = "TextInput";
 const da = Ye((e, n) => {
   const [t, r] = K(!1);
   return /* @__PURE__ */ s.jsx(
-    vr,
+    gr,
     {
       ...e,
       ref: n,
@@ -3928,7 +3928,7 @@ const da = Ye((e, n) => {
   );
 });
 da.displayName = "PasswordInput";
-const xr = ({
+const vr = ({
   src: e,
   alt: n,
   size: t = "medium",
@@ -4005,7 +4005,7 @@ const xr = ({
   small: "text-xs px-2 py-1 gap-1",
   medium: "text-sm px-3 py-[0.35rem] gap-2",
   large: "text-base px-4 py-2 gap-2"
-}, Hn = {
+}, Vn = {
   small: "!w-4 !h-4 text-xs",
   medium: "!w-5 !h-5 text-sm",
   large: "!w-6 !h-6 text-base"
@@ -4025,14 +4025,14 @@ const xr = ({
 }) => {
   var h, k;
   const p = (h = ve[n]) == null ? void 0 : h.filled, f = (k = ve[n]) == null ? void 0 : k.outline, v = pa[r], m = `inline-flex items-center rounded-full font-medium leading-none ${t === "outlined" ? `border ${f}` : p} ${v} ${a ? "cursor-pointer transition hover:opacity-80" : ""}`.trim(), w = /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    d && /* @__PURE__ */ s.jsx(xr, { ...typeof d == "object" ? d : {}, className: `-ml-1 mr-1 ${Hn[r]}` }),
+    d && /* @__PURE__ */ s.jsx(vr, { ...typeof d == "object" ? d : {}, className: `-ml-1 mr-1 ${Vn[r]}` }),
     g && /* @__PURE__ */ s.jsx("span", { className: "mr-1 -ml-1", children: g }),
     /* @__PURE__ */ s.jsx("span", { children: e }),
     i && /* @__PURE__ */ s.jsx(
       Re,
       {
         type: "button",
-        className: `ml-1 -mr-1 ${Hn[r]}`,
+        className: `ml-1 -mr-1 ${Vn[r]}`,
         tabIndex: -1,
         onClick: (b) => {
           b.stopPropagation(), i(b);
@@ -4067,7 +4067,7 @@ const xr = ({
   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(xr, { size: e, src: n, alt: `${t}'s profile` }),
+  /* @__PURE__ */ s.jsx(vr, { 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 })
@@ -4231,7 +4231,7 @@ function va(e, n, t, r) {
   return g;
 }
 const he = "debugHeaders";
-function Bn(e, n, t) {
+function Hn(e, n, t) {
   var r;
   let a = {
     id: (r = t.id) != null ? r : n.id,
@@ -4312,7 +4312,7 @@ function at(e, n, t, r) {
       if (k && w.column.parent ? b = w.column.parent : (b = w.column, $ = !0), h && (h == null ? void 0 : h.column) === b)
         h.subHeaders.push(w);
       else {
-        const y = Bn(t, b, {
+        const y = Hn(t, b, {
           id: [r, f, b.id, w == null ? void 0 : w.id].filter(Boolean).join("_"),
           isPlaceholder: $,
           placeholderId: $ ? `${m.filter((O) => O.column === b).length}` : void 0,
@@ -4323,7 +4323,7 @@ function at(e, n, t, r) {
       }
       v.headers.push(w), w.headerGroup = v;
     }), c.push(v), f > 0 && u(m, f - 1);
-  }, d = n.map((p, f) => Bn(t, p, {
+  }, d = n.map((p, f) => Hn(t, p, {
     depth: i,
     index: f
   }));
@@ -4399,41 +4399,41 @@ const ha = (e, n, t, r, o, a, i) => {
         return e._getFacetedMinMaxValues();
     };
   }
-}, hr = (e, n, t) => {
+}, xr = (e, n, t) => {
   var r, o;
   const a = t == null || (r = t.toString()) == null ? void 0 : r.toLowerCase();
   return !!(!((o = e.getValue(n)) == null || (o = o.toString()) == null || (o = o.toLowerCase()) == null) && o.includes(a));
 };
-hr.autoRemove = (e) => Ce(e);
-const wr = (e, n, t) => {
+xr.autoRemove = (e) => Ce(e);
+const hr = (e, n, t) => {
   var r;
   return !!(!((r = e.getValue(n)) == null || (r = r.toString()) == null) && r.includes(t));
 };
-wr.autoRemove = (e) => Ce(e);
-const br = (e, n, t) => {
+hr.autoRemove = (e) => Ce(e);
+const wr = (e, n, t) => {
   var r;
   return ((r = e.getValue(n)) == null || (r = r.toString()) == null ? void 0 : r.toLowerCase()) === (t == null ? void 0 : t.toLowerCase());
 };
-br.autoRemove = (e) => Ce(e);
-const yr = (e, n, t) => {
+wr.autoRemove = (e) => Ce(e);
+const br = (e, n, t) => {
   var r;
   return (r = e.getValue(n)) == null ? void 0 : r.includes(t);
 };
-yr.autoRemove = (e) => Ce(e);
-const Cr = (e, n, t) => !t.some((r) => {
+br.autoRemove = (e) => Ce(e);
+const yr = (e, n, t) => !t.some((r) => {
   var o;
   return !((o = e.getValue(n)) != null && o.includes(r));
 });
-Cr.autoRemove = (e) => Ce(e) || !(e != null && e.length);
-const Sr = (e, n, t) => t.some((r) => {
+yr.autoRemove = (e) => Ce(e) || !(e != null && e.length);
+const Cr = (e, n, t) => t.some((r) => {
   var o;
   return (o = e.getValue(n)) == null ? void 0 : o.includes(r);
 });
-Sr.autoRemove = (e) => Ce(e) || !(e != null && e.length);
-const jr = (e, n, t) => e.getValue(n) === t;
+Cr.autoRemove = (e) => Ce(e) || !(e != null && e.length);
+const Sr = (e, n, t) => e.getValue(n) === t;
+Sr.autoRemove = (e) => Ce(e);
+const jr = (e, n, t) => e.getValue(n) == t;
 jr.autoRemove = (e) => Ce(e);
-const Rr = (e, n, t) => e.getValue(n) == t;
-Rr.autoRemove = (e) => Ce(e);
 const an = (e, n, t) => {
   let [r, o] = t;
   const a = e.getValue(n);
@@ -4449,14 +4449,14 @@ an.resolveFilterValue = (e) => {
 };
 an.autoRemove = (e) => Ce(e) || Ce(e[0]) && Ce(e[1]);
 const ke = {
-  includesString: hr,
-  includesStringSensitive: wr,
-  equalsString: br,
-  arrIncludes: yr,
-  arrIncludesAll: Cr,
-  arrIncludesSome: Sr,
-  equals: jr,
-  weakEquals: Rr,
+  includesString: xr,
+  includesStringSensitive: hr,
+  equalsString: wr,
+  arrIncludes: br,
+  arrIncludesAll: yr,
+  arrIncludesSome: Cr,
+  equals: Sr,
+  weakEquals: jr,
   inNumberRange: an
 };
 function Ce(e) {
@@ -4497,7 +4497,7 @@ const ba = {
     }, e.setFilterValue = (t) => {
       n.setColumnFilters((r) => {
         const o = e.getFilterFn(), a = r == null ? void 0 : r.find((d) => d.id === e.id), i = Le(t, a ? a.value : void 0);
-        if (qn(o, i, e)) {
+        if (Bn(o, i, e)) {
           var l;
           return (l = r == null ? void 0 : r.filter((d) => d.id !== e.id)) != null ? l : [];
         }
@@ -4524,7 +4524,7 @@ const ba = {
           const l = t.find((c) => c.id === i.id);
           if (l) {
             const c = l.getFilterFn();
-            if (qn(c, i.value, l))
+            if (Bn(c, i.value, l))
               return !1;
           }
           return !0;
@@ -4537,7 +4537,7 @@ const ba = {
     }, e.getPreFilteredRowModel = () => e.getCoreRowModel(), e.getFilteredRowModel = () => (!e._getFilteredRowModel && e.options.getFilteredRowModel && (e._getFilteredRowModel = e.options.getFilteredRowModel(e)), e.options.manualFiltering || !e._getFilteredRowModel ? e.getPreFilteredRowModel() : e._getFilteredRowModel());
   }
 };
-function qn(e, n, t) {
+function Bn(e, n, t) {
   return (e && e.autoRemove ? e.autoRemove(n, t) : !1) || typeof n > "u" || typeof n == "string" && !n;
 }
 const ya = (e, n, t) => t.reduce((r, o) => {
@@ -5453,7 +5453,7 @@ function en(e, n, t) {
     }
   }), o ? "all" : a ? "some" : !1;
 }
-const tn = /([0-9]+)/gm, Ba = (e, n, t) => kr(Me(e.getValue(t)).toLowerCase(), Me(n.getValue(t)).toLowerCase()), qa = (e, n, t) => kr(Me(e.getValue(t)), Me(n.getValue(t))), Ga = (e, n, t) => sn(Me(e.getValue(t)).toLowerCase(), Me(n.getValue(t)).toLowerCase()), Wa = (e, n, t) => sn(Me(e.getValue(t)), Me(n.getValue(t))), Ua = (e, n, t) => {
+const tn = /([0-9]+)/gm, Ba = (e, n, t) => Rr(Me(e.getValue(t)).toLowerCase(), Me(n.getValue(t)).toLowerCase()), qa = (e, n, t) => Rr(Me(e.getValue(t)), Me(n.getValue(t))), Ga = (e, n, t) => sn(Me(e.getValue(t)).toLowerCase(), Me(n.getValue(t)).toLowerCase()), Wa = (e, n, t) => sn(Me(e.getValue(t)), Me(n.getValue(t))), Ua = (e, n, t) => {
   const r = e.getValue(t), o = n.getValue(t);
   return r > o ? 1 : r < o ? -1 : 0;
 }, Ya = (e, n, t) => sn(e.getValue(t), n.getValue(t));
@@ -5463,7 +5463,7 @@ function sn(e, n) {
 function Me(e) {
   return typeof e == "number" ? isNaN(e) || e === 1 / 0 || e === -1 / 0 ? "" : String(e) : typeof e == "string" ? e : "";
 }
-function kr(e, n) {
+function Rr(e, n) {
   const t = e.split(tn).filter(Boolean), r = n.split(tn).filter(Boolean);
   for (; t.length && r.length; ) {
     const o = t.shift(), a = r.shift(), i = parseInt(o, 10), l = parseInt(a, 10), c = [i, l].sort();
@@ -6044,7 +6044,7 @@ const ei = {
     }
   ),
   n && /* @__PURE__ */ s.jsx("span", { className: "text-xs text-color-red-500", children: n })
-] }), Gn = {
+] }), qn = {
   small: { track: "h-1", thumb: "w-3 h-3" },
   medium: { track: "h-2", thumb: "w-4 h-4" },
   large: { track: "h-3", thumb: "w-5 h-5" }
@@ -6096,22 +6096,22 @@ const Ul = Zr(function({
   range: m = !1,
   minDistance: w = 0
 }) {
-  const h = n !== void 0, [k, b] = K(() => t !== void 0 ? t : m ? [a, i] : a), $ = h ? n : k, y = Array.isArray($) ? $[0] : $, [O, D] = Array.isArray($) ? $ : [$, $], V = qt[c] || qt.blue, F = Gn[u] ?? Gn.medium, Z = oe(
+  const h = n !== void 0, [k, b] = K(() => t !== void 0 ? t : m ? [a, i] : a), $ = h ? n : k, y = Array.isArray($) ? $[0] : $, [O, D] = Array.isArray($) ? $ : [$, $], V = qt[c] || qt.blue, F = qn[u] ?? qn.medium, Z = oe(
     (_) => (_ - a) / (i - a) * 100,
     [a, i]
-  ), ae = Z(y), ue = Z(O), Q = Z(D), H = oe((_) => Math.max(a, Math.min(i, _)), [a, i]), Y = oe((_) => Math.round(_ / l) * l, [l]), T = oi(r), te = oe(
-    (_, J = !0) => {
-      h || b(_), J ? T.schedule(_) : T.flush(_);
+  ), ae = Z(y), ue = Z(O), X = Z(D), H = oe((_) => Math.max(a, Math.min(i, _)), [a, i]), Y = oe((_) => Math.round(_ / l) * l, [l]), T = oi(r), te = oe(
+    (_, Q = !0) => {
+      h || b(_), Q ? T.schedule(_) : T.flush(_);
     },
     [h, T]
   ), pe = oe(() => {
     const _ = T.last.current;
     _ != null && (T.flush(_), o == null || o(_));
-  }, [T, o]), X = oe(
-    (_, J) => {
+  }, [T, o]), J = oe(
+    (_, Q) => {
       if (m && Array.isArray(_)) {
         let [ee, de] = _, fe = Y(H(ee)), we = Y(H(de));
-        return we - fe < w && (J === "min" ? we = H(fe + w) : J === "max" && (fe = H(we - w))), fe > we && (J === "min" ? fe = we : we = fe), [fe, we];
+        return we - fe < w && (Q === "min" ? we = H(fe + w) : Q === "max" && (fe = H(we - w))), fe > we && (Q === "min" ? fe = we : we = fe), [fe, we];
       } else if (!m && typeof _ == "number")
         return Y(H(_));
       return _;
@@ -6120,36 +6120,36 @@ const Ul = Zr(function({
   ), x = se(null), C = oe(
     (_) => {
       var de;
-      const J = (de = x.current) == null ? void 0 : de.getBoundingClientRect();
-      if (!J) return m ? a : y;
-      const ee = Math.max(0, Math.min(1, (_ - J.left) / J.width));
+      const Q = (de = x.current) == null ? void 0 : de.getBoundingClientRect();
+      if (!Q) return m ? a : y;
+      const ee = Math.max(0, Math.min(1, (_ - Q.left) / Q.width));
       return a + ee * (i - a);
     },
     [a, i, m, y]
   ), M = oe(
     (_) => {
-      const J = Math.abs(_ - O), ee = Math.abs(_ - D);
-      return J <= ee ? "min" : "max";
+      const Q = Math.abs(_ - O), ee = Math.abs(_ - D);
+      return Q <= ee ? "min" : "max";
     },
     [O, D]
   ), [L, N] = K(null), [I, z] = K(null), [E, P] = K(null), B = oe(
-    (_, J) => {
+    (_, Q) => {
       var de, fe;
       if (d) return;
       _.preventDefault(), (fe = (de = _.currentTarget).setPointerCapture) == null || fe.call(de, _.pointerId), P(_.pointerId);
       const ee = C(_.clientX);
       if (m) {
-        const we = J || M(ee);
-        N(we), te(we === "min" ? X([ee, D], "min") : X([O, ee], "max"));
+        const we = Q || M(ee);
+        N(we), te(we === "min" ? J([ee, D], "min") : J([O, ee], "max"));
       } else
-        N("single"), te(X(ee, "single"));
+        N("single"), te(J(ee, "single"));
     },
     [
       d,
       m,
       C,
       M,
-      X,
+      J,
       O,
       D,
       te
@@ -6157,8 +6157,8 @@ const Ul = Zr(function({
   ), q = oe(
     (_) => {
       if (d || E == null || L == null) return;
-      const J = C(_.clientX);
-      m ? L === "min" ? te(X([J, D], "min")) : L === "max" && te(X([O, J], "max")) : te(X(J, "single"));
+      const Q = C(_.clientX);
+      m ? L === "min" ? te(J([Q, D], "min")) : L === "max" && te(J([O, Q], "max")) : te(J(Q, "single"));
     },
     [
       d,
@@ -6166,7 +6166,7 @@ const Ul = Zr(function({
       L,
       m,
       C,
-      X,
+      J,
       O,
       D,
       te
@@ -6174,9 +6174,9 @@ const Ul = Zr(function({
   ), S = oe(() => {
     L != null && (N(null), P(null), pe());
   }, [L, pe]), j = oe(
-    (_, J) => {
+    (_, Q) => {
       if (d) return;
-      const ee = m ? J === "min" ? O : D : y;
+      const ee = m ? Q === "min" ? O : D : y;
       let de = ee;
       const fe = (i - a) / 10;
       switch (_.key) {
@@ -6203,7 +6203,7 @@ const Ul = Zr(function({
         default:
           return;
       }
-      _.preventDefault(), te(m ? J === "min" ? X([de, D], "min") : X([O, de], "max") : X(de, "single"), !1), o == null || o(h ? n : $);
+      _.preventDefault(), te(m ? Q === "min" ? J([de, D], "min") : J([O, de], "max") : J(de, "single"), !1), o == null || o(h ? n : $);
     },
     [
       d,
@@ -6214,7 +6214,7 @@ const Ul = Zr(function({
       l,
       a,
       i,
-      X,
+      J,
       te,
       o,
       h,
@@ -6248,7 +6248,7 @@ const Ul = Zr(function({
               "div",
               {
                 className: `absolute top-0 ${F.track} ${V.progress} rounded-full ${L ? "" : "transition-all duration-150"}`,
-                style: { left: `${ue}%`, width: `${Q - ue}%` }
+                style: { left: `${ue}%`, width: `${X - ue}%` }
               }
             ) : /* @__PURE__ */ s.jsx(
               "div",
@@ -6257,7 +6257,7 @@ const Ul = Zr(function({
                 style: { width: `${ae}%` }
               }
             ),
-            f && v.map((_, J) => {
+            f && v.map((_, Q) => {
               const ee = Z(_.value);
               return /* @__PURE__ */ s.jsx(
                 "div",
@@ -6265,7 +6265,7 @@ const Ul = Zr(function({
                   className: "absolute top-1/2 transform -translate-y-1/2 w-1 h-1 bg-gray-400 rounded-full",
                   style: { left: `${ee}%` }
                 },
-                J
+                Q
               );
             }),
             !m && /* @__PURE__ */ s.jsx(
@@ -6331,7 +6331,7 @@ const Ul = Zr(function({
                   ${I === "max" ? "ring-2 ring-offset-1 ring-blue-300" : ""}
                   shadow-md hover:shadow-lg focus:outline-none dark:shadow-none
                 `,
-                  style: { left: `${Q}%` },
+                  style: { left: `${X}%` },
                   tabIndex: d ? -1 : 0,
                   role: "slider",
                   "aria-orientation": "horizontal",
@@ -6354,7 +6354,7 @@ const Ul = Zr(function({
         "div",
         {
           className: "relative mt-2 text-xs text-color-gray-500 dark:text-color-gray-200",
-          children: v.map((_, J) => {
+          children: v.map((_, Q) => {
             const ee = Z(_.value);
             return /* @__PURE__ */ s.jsx(
               "div",
@@ -6363,7 +6363,7 @@ const Ul = Zr(function({
                 style: { left: `${ee}%` },
                 children: _.label || _.value
               },
-              J
+              Q
             );
           })
         }
@@ -6549,7 +6549,7 @@ const Ul = Zr(function({
       )
     }
   );
-}, Wn = /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5 fill-color-yellow-500", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ s.jsx("path", { d: "M10 15l-5.878 3.09 1.122-6.545L.488 6.91l6.561-.955L10 0l2.951 5.955 6.561.955-4.756 4.635 1.122 6.545z" }) }), Un = /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5 fill-color-gray-300", fill: "none", stroke: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ s.jsx("path", { d: "M10 15l-5.878 3.09 1.122-6.545L.488 6.91l6.561-.955L10 0l2.951 5.955 6.561.955-4.756 4.635 1.122 6.545z" }) }), st = {
+}, Gn = /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5 fill-color-yellow-500", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ s.jsx("path", { d: "M10 15l-5.878 3.09 1.122-6.545L.488 6.91l6.561-.955L10 0l2.951 5.955 6.561.955-4.756 4.635 1.122 6.545z" }) }), Wn = /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5 fill-color-gray-300", fill: "none", stroke: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ s.jsx("path", { d: "M10 15l-5.878 3.09 1.122-6.545L.488 6.91l6.561-.955L10 0l2.951 5.955 6.561.955-4.756 4.635 1.122 6.545z" }) }), st = {
   small: "w-4 h-4",
   medium: "w-6 h-6",
   large: "w-8 h-8"
@@ -6581,7 +6581,7 @@ const Ul = Zr(function({
     V = Math.min(a, Math.max(o, Math.round(V / o) * o)), v(V);
   }, h = () => v(null), k = [];
   for (let b = 1; b <= a; b++) {
-    let $ = (f !== null ? f : e) >= b, y = !$ && (f !== null ? f : e) > b - 1, O = $ ? l || je.cloneElement(Wn, { className: `fill-color-yellow-500 ${st[i]}` }) : c || je.cloneElement(Un, { className: `stroke-color-gray-300 ${st[i]}` });
+    let $ = (f !== null ? f : e) >= b, y = !$ && (f !== null ? f : e) > b - 1, O = $ ? l || je.cloneElement(Gn, { className: `fill-color-yellow-500 ${st[i]}` }) : c || je.cloneElement(Wn, { className: `stroke-color-gray-300 ${st[i]}` });
     if (y) {
       const D = ((f !== null ? f : e) - (b - 1)) * 100;
       O = /* @__PURE__ */ s.jsxs("span", { className: "relative block", children: [
@@ -6590,12 +6590,12 @@ const Ul = Zr(function({
           {
             className: "absolute top-0 left-0 overflow-hidden",
             style: { width: `${D}%` },
-            children: l || je.cloneElement(Wn, {
+            children: l || je.cloneElement(Gn, {
               className: `fill-color-yellow-500 ${st[i]}`
             })
           }
         ),
-        c || je.cloneElement(Un, {
+        c || je.cloneElement(Wn, {
           className: `stroke-color-gray-300 ${st[i]}`
         })
       ] });
@@ -6643,9 +6643,9 @@ const Ul = Zr(function({
   prevIcon: h,
   className: k
 }) => {
-  const b = e.length, $ = Math.min(Math.max(c, 0.1), b), [y, O] = K(0), [D, V] = K(!1), [F, Z] = K(!1), [ae, ue] = K(0), Q = se(null), H = se(0), Y = se(0), T = $ >= b ? 0 : Math.max(0, b - $), te = (E) => Math.max(0, Math.min(E, T)), pe = (E) => O(
+  const b = e.length, $ = Math.min(Math.max(c, 0.1), b), [y, O] = K(0), [D, V] = K(!1), [F, Z] = K(!1), [ae, ue] = K(0), X = se(null), H = se(0), Y = se(0), T = $ >= b ? 0 : Math.max(0, b - $), te = (E) => Math.max(0, Math.min(E, T)), pe = (E) => O(
     l && T > 0 ? (E % (T + 1) + (T + 1)) % (T + 1) : te(E)
-  ), X = () => {
+  ), J = () => {
     l && T > 0 ? O(y === 0 ? T : y - 1) : pe(y - 1);
   }, x = () => {
     l && T > 0 ? O(y >= T ? 0 : y + 1) : pe(y + 1);
@@ -6675,13 +6675,13 @@ const Ul = Zr(function({
     F && (Y.current = m === "horizontal" ? E : P, ue(Y.current - H.current));
   }, L = () => {
     if (!F) return;
-    Math.abs(Y.current - H.current) > 50 && (Y.current < H.current ? x() : X()), Z(!1), ue(0);
+    Math.abs(Y.current - H.current) > 50 && (Y.current < H.current ? x() : J()), Z(!1), ue(0);
   }, N = () => {
     const E = m === "horizontal" ? "X" : "Y";
     let P = 0;
-    if (F && Q.current && T > 0) {
-      const J = m === "horizontal" ? Q.current.offsetWidth : Q.current.offsetHeight;
-      P = ae / J * 100 * ($ / b);
+    if (F && X.current && T > 0) {
+      const Q = m === "horizontal" ? X.current.offsetWidth : X.current.offsetHeight;
+      P = ae / Q * 100 * ($ / b);
     }
     const q = Math.min(y, T) * (100 / b) - P, S = y >= T, _ = y <= 0 ? 0 : S ? u / (c / 2) : u / c;
     return `translate${E}(calc(-${q}% - ${_}px))`;
@@ -6697,7 +6697,7 @@ const Ul = Zr(function({
         /* @__PURE__ */ s.jsxs(
           "div",
           {
-            ref: Q,
+            ref: X,
             className: `w-full overflow-hidden relative ${f && T > 0 ? F ? "cursor-grabbing" : "cursor-grab" : "cursor-default"}`,
             style: {
               height: g ? `calc(${t} - ${v + 20}px)` : t
@@ -6743,7 +6743,7 @@ const Ul = Zr(function({
                   "button",
                   {
                     "aria-label": "prev",
-                    onClick: X,
+                    onClick: J,
                     className: `absolute z-20 bg-color-white/80 border border-color-gray-300 rounded-full w-10 h-10 flex items-center justify-center text-lg font-bold text-color-gray-800 hover:bg-color-white transition-color cursor-pointer
                 ${m === "horizontal" ? "left-2 top-1/2 -translate-y-1/2" : "left-1/2 top-2 -translate-x-1/2"}`,
                     children: h || (m === "horizontal" ? "‹" : "↑")
@@ -6959,17 +6959,17 @@ const Ul = Zr(function({
       })
     }
   );
-}, Yn = {
+}, Un = {
   small: "p-2",
   medium: "p-4",
   large: "p-6",
   none: "p-0"
-}, Zn = {
+}, Yn = {
   default: "shadow-xs",
   small: "shadow-sm",
   medium: "shadow-md",
   large: "shadow-lg"
-}, Kn = {
+}, Zn = {
   small: "rounded-md",
   medium: "rounded-xl",
   large: "rounded-2xl"
@@ -6994,9 +6994,9 @@ const Ul = Zr(function({
     "bg-white",
     "overflow-hidden",
     "w-full",
-    Yn[t] || Yn.medium,
-    Zn[r] || Zn.small,
-    Kn[o] || Kn.medium,
+    Un[t] || Un.medium,
+    Yn[r] || Yn.small,
+    Zn[o] || Zn.medium,
     d ? "hover:shadow-xl transition-shadow duration-300 cursor-pointer" : "",
     g ? "border border-color-gray-200" : "",
     u
@@ -7213,7 +7213,7 @@ const si = {
     const [g, p] = K(e || !1), [f, v] = K(!1), [m, w] = K(!1);
     ce(() => {
       e !== void 0 && p(e);
-    }, [e]), tr(d, () => ({
+    }, [e]), er(d, () => ({
       open: () => p(!0),
       close: () => {
         w(!1), setTimeout(() => p(!1), 300);
@@ -7366,8 +7366,8 @@ const di = ({
       h.key === "Escape" && (n == null || n());
     };
     return e && document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
-  }, [e, n]), ce(() => (e ? (document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden") : (document.body.style.overflow = "", document.documentElement.style.overflow = ""), () => {
-    document.body.style.overflow = "", document.documentElement.style.overflow = "";
+  }, [e, n]), ce(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
   }), [e]), !u) return null;
   const v = {
     left: "left-0 top-0 h-full min-w-96  transition-all duration-300",
@@ -7571,1605 +7571,1604 @@ const di = ({
       }
     )
   ] });
-};
-/**
- * react-router v7.7.1
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-function xe(e, n) {
-  if (e === !1 || e === null || typeof e > "u")
-    throw new Error(n);
-}
-function _e(e, n) {
-  if (!e) {
-    typeof console < "u" && console.warn(n);
-    try {
-      throw new Error(n);
-    } catch {
-    }
-  }
-}
-function nn({
-  pathname: e = "/",
-  search: n = "",
-  hash: t = ""
-}) {
-  return n && n !== "?" && (e += n.charAt(0) === "?" ? n : "?" + n), t && t !== "#" && (e += t.charAt(0) === "#" ? t : "#" + t), e;
-}
-function cn(e) {
-  let n = {};
-  if (e) {
-    let t = e.indexOf("#");
-    t >= 0 && (n.hash = e.substring(t), e = e.substring(0, t));
-    let r = e.indexOf("?");
-    r >= 0 && (n.search = e.substring(r), e = e.substring(0, r)), e && (n.pathname = e);
-  }
-  return n;
-}
-function $r(e, n, t = "/") {
-  return gi(e, n, t, !1);
-}
-function gi(e, n, t, r) {
-  let o = typeof n == "string" ? cn(n) : n, a = Fe(o.pathname || "/", t);
-  if (a == null)
-    return null;
-  let i = _r(e);
-  vi(i);
-  let l = null;
-  for (let c = 0; l == null && c < i.length; ++c) {
-    let u = $i(a);
-    l = Ri(
-      i[c],
-      u,
-      r
-    );
-  }
-  return l;
-}
-function _r(e, n = [], t = [], r = "") {
-  let o = (a, i, l) => {
-    let c = {
-      relativePath: l === void 0 ? a.path || "" : l,
-      caseSensitive: a.caseSensitive === !0,
-      childrenIndex: i,
-      route: a
-    };
-    c.relativePath.startsWith("/") && (xe(
-      c.relativePath.startsWith(r),
-      `Absolute route path "${c.relativePath}" nested under path "${r}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
-    ), c.relativePath = c.relativePath.slice(r.length));
-    let u = $e([r, c.relativePath]), d = t.concat(c);
-    a.children && a.children.length > 0 && (xe(
-      // Our types know better, but runtime JS may not!
-      // @ts-expect-error
-      a.index !== !0,
-      `Index routes must not have child routes. Please remove all child routes from route path "${u}".`
-    ), _r(a.children, n, d, u)), !(a.path == null && !a.index) && n.push({
-      path: u,
-      score: Si(u, a.index),
-      routesMeta: d
-    });
-  };
-  return e.forEach((a, i) => {
-    var l;
-    if (a.path === "" || !((l = a.path) != null && l.includes("?")))
-      o(a, i);
-    else
-      for (let c of Er(a.path))
-        o(a, i, c);
-  }), n;
-}
-function Er(e) {
-  let n = e.split("/");
-  if (n.length === 0) return [];
-  let [t, ...r] = n, o = t.endsWith("?"), a = t.replace(/\?$/, "");
-  if (r.length === 0)
-    return o ? [a, ""] : [a];
-  let i = Er(r.join("/")), l = [];
-  return l.push(
-    ...i.map(
-      (c) => c === "" ? a : [a, c].join("/")
-    )
-  ), o && l.push(...i), l.map(
-    (c) => e.startsWith("/") && c === "" ? "/" : c
-  );
-}
-function vi(e) {
-  e.sort(
-    (n, t) => n.score !== t.score ? t.score - n.score : ji(
-      n.routesMeta.map((r) => r.childrenIndex),
-      t.routesMeta.map((r) => r.childrenIndex)
-    )
-  );
-}
-var xi = /^:[\w-]+$/, hi = 3, wi = 2, bi = 1, yi = 10, Ci = -2, Xn = (e) => e === "*";
-function Si(e, n) {
-  let t = e.split("/"), r = t.length;
-  return t.some(Xn) && (r += Ci), n && (r += wi), t.filter((o) => !Xn(o)).reduce(
-    (o, a) => o + (xi.test(a) ? hi : a === "" ? bi : yi),
-    r
-  );
-}
-function ji(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
-    // behavior by simply putting routes with identical paths in the order they
-    // want them tried.
-    e[e.length - 1] - n[n.length - 1]
-  ) : (
-    // Otherwise, it doesn't really make sense to rank non-siblings by index,
-    // so they sort equally.
-    0
-  );
-}
-function Ri(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(
-      { path: c.relativePath, caseSensitive: c.caseSensitive, end: u },
-      d
-    ), p = c.route;
-    if (!g && u && t && !r[r.length - 1].route.index && (g = gt(
+}, cs = ({
+  variant: e = "fixed",
+  activeTab: n,
+  navItems: t,
+  onTabChange: r,
+  className: o = "",
+  activeClass: a = "",
+  buttonClass: i = ""
+}) => {
+  let l = "flex justify-around items-center bg-color-white shadow-sm  text-color-gray-600 py-2 px-4";
+  return e === "fixed" ? l += " fixed bottom-0 left-0 right-0" : e === "floating" ? l += " fixed bottom-4 left-4 right-4 rounded-full" : e === "static" && (l += " static w-full"), /* @__PURE__ */ s.jsx("nav", { className: `${l} ${o}`, children: t.map((c) => {
+    const u = c.label === n;
+    return /* @__PURE__ */ s.jsxs(
+      "a",
       {
-        path: c.relativePath,
-        caseSensitive: c.caseSensitive,
-        end: !1
-      },
-      d
-    )), !g)
-      return null;
-    Object.assign(o, g.params), i.push({
-      // TODO: Can this as be avoided?
-      params: o,
-      pathname: $e([a, g.pathname]),
-      pathnameBase: Li(
-        $e([a, g.pathnameBase])
-      ),
-      route: p
-    }), g.pathnameBase !== "/" && (a = $e([a, g.pathnameBase]));
-  }
-  return i;
-}
-function gt(e, n) {
-  typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [t, r] = ki(
-    e.path,
-    e.caseSensitive,
-    e.end
-  ), o = n.match(t);
-  if (!o) return null;
-  let a = o[0], i = a.replace(/(.)\/+$/, "$1"), l = o.slice(1);
-  return {
-    params: r.reduce(
-      (u, { paramName: d, isOptional: g }, p) => {
-        if (d === "*") {
-          let v = l[p] || "";
-          i = a.slice(0, a.length - v.length).replace(/(.)\/+$/, "$1");
-        }
-        const f = l[p];
-        return g && !f ? u[d] = void 0 : u[d] = (f || "").replace(/%2F/g, "/"), u;
+        href: c.path,
+        onClick: () => r(c.label),
+        className: `flex flex-col items-center text-sm cursor-pointer text-color-gray-500 no-underline ${i}`,
+        children: [
+          /* @__PURE__ */ s.jsx("span", { className: `text-xl ${u ? `text-color-blue-500 ${a}` : ""}`, children: c.icon }),
+          /* @__PURE__ */ s.jsx("span", { className: `text-xs font-medium mt-1 ${u ? `text-color-blue-500 ${a}` : ""}`, children: c.label })
+        ]
       },
-      {}
-    ),
-    pathname: a,
-    pathnameBase: i,
-    pattern: e
-  };
-}
-function ki(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(/\*$/, "/*")}".`
-  );
-  let r = [], o = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(
-    /\/:([\w-]+)(\?)?/g,
-    (i, l, c) => (r.push({ paramName: l, isOptional: c != null }), c ? "/?([^\\/]+)?" : "/([^\\/]+)")
-  );
-  return e.endsWith("*") ? (r.push({ paramName: "*" }), o += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : t ? o += "\\/*$" : e !== "" && e !== "/" && (o += "(?:(?=\\/|$))"), [new RegExp(o, n ? void 0 : "i"), r];
-}
-function $i(e) {
-  try {
-    return e.split("/").map((n) => decodeURIComponent(n).replace(/\//g, "%2F")).join("/");
-  } catch (n) {
-    return _e(
-      !1,
-      `The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${n}).`
-    ), e;
-  }
-}
-function Fe(e, n) {
-  if (n === "/") return e;
-  if (!e.toLowerCase().startsWith(n.toLowerCase()))
-    return null;
-  let t = n.endsWith("/") ? n.length - 1 : n.length, r = e.charAt(t);
-  return r && r !== "/" ? null : e.slice(t) || "/";
-}
-function _i(e, n = "/") {
-  let {
-    pathname: t,
-    search: r = "",
-    hash: o = ""
-  } = typeof e == "string" ? cn(e) : e;
-  return {
-    pathname: t ? t.startsWith("/") ? t : Ei(t, n) : n,
-    search: Mi(r),
-    hash: Fi(o)
+      c.label
+    );
+  }) });
+}, us = ({ 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",
+    {
+      href: r.href,
+      className: "text-color-gray-800 hover:underline font-medium",
+      children: r.label
+    }
+  ) : /* @__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)) }) }), Kn = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], gi = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], ds = ({
+  mode: e = "single",
+  type: n = "inline",
+  showTime: t = !1,
+  onlyTime: r = !1,
+  className: o,
+  onChange: a,
+  placeholder: i = "Select date",
+  icon: l = /* @__PURE__ */ s.jsx("svg", { className: "text-color-gray-500 size-5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M7 3V1H9V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V9H20V5H17V7H15V5H9V7H7V5H4V19H10V21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7ZM17 12C14.7909 12 13 13.7909 13 16C13 18.2091 14.7909 20 17 20C19.2091 20 21 18.2091 21 16C21 13.7909 19.2091 12 17 12ZM11 16C11 12.6863 13.6863 10 17 10C20.3137 10 23 12.6863 23 16C23 19.3137 20.3137 22 17 22C13.6863 22 11 19.3137 11 16ZM16 13V16.4142L18.2929 18.7071L19.7071 17.2929L18 15.5858V13H16Z" }) }),
+  disableBefore: c,
+  disableAfter: u,
+  selectedDate: d
+}) => {
+  const [g, p] = K(!1), [f, v] = K(null), [m, w] = K(/* @__PURE__ */ new Date()), [h, k] = K(
+    d ? new Date(d) : null
+  ), [b, $] = K(null), [y, O] = K(null), [D, V] = K(null), [F, Z] = K({ hour: 12, minute: 0, ampm: "AM" }), ae = se(null), [ue, X] = K(
+    d ? new Date(d) : null
+  ), [H, Y] = K(null), [T, te] = K(null);
+  ce(() => {
+    k(d ? new Date(d) : null), X(d ? new Date(d) : null);
+  }, [d]);
+  const pe = (S) => {
+    S.stopPropagation(), v(S.currentTarget), p(!0);
+  }, J = () => {
+    p(!1);
+  }, x = (S) => !!(c && S.getTime() < c || u && S.getTime() > u), C = (S) => {
+    n === "inline" && ae.current && !ae.current.contains(S.target) && (e === "single" ? h || k(null) : e === "range" && (!b || !y) && ($(null), O(null)), p(!1));
   };
-}
-function Ei(e, n) {
-  let t = n.replace(/\/+$/, "").split("/");
-  return e.split("/").forEach((o) => {
-    o === ".." ? t.length > 1 && t.pop() : o !== "." && t.push(o);
-  }), t.length > 1 ? t.join("/") : "/";
-}
-function Ht(e, n, t, r) {
-  return `Cannot include a '${e}' character in a manually specified \`to.${n}\` field [${JSON.stringify(
-    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 Pi(e) {
-  return e.filter(
-    (n, t) => t === 0 || n.route.path && n.route.path.length > 0
-  );
-}
-function Pr(e) {
-  let n = Pi(e);
-  return n.map(
-    (t, r) => r === n.length - 1 ? t.pathname : t.pathnameBase
-  );
-}
-function Lr(e, n, t, r = !1) {
-  let o;
-  typeof e == "string" ? o = cn(e) : (o = { ...e }, xe(
-    !o.pathname || !o.pathname.includes("?"),
-    Ht("?", "pathname", "search", o)
-  ), xe(
-    !o.pathname || !o.pathname.includes("#"),
-    Ht("#", "pathname", "hash", o)
-  ), xe(
-    !o.search || !o.search.includes("#"),
-    Ht("#", "search", "hash", o)
-  ));
-  let a = e === "" || o.pathname === "", i = a ? "/" : o.pathname, l;
-  if (i == null)
-    l = t;
-  else {
-    let g = n.length - 1;
-    if (!r && i.startsWith("..")) {
-      let p = i.split("/");
-      for (; p[0] === ".."; )
-        p.shift(), g -= 1;
-      o.pathname = p.join("/");
+  ce(() => (g ? document.addEventListener("mousedown", C) : document.removeEventListener("mousedown", C), () => {
+    document.removeEventListener("mousedown", C);
+  }), [g]);
+  const M = (S) => {
+    !S || x(S) || (e === "single" ? k(S) : e === "range" && (!b || b && y ? ($(S), O(null)) : S >= b ? O(S) : $(S)));
+  }, L = (S) => {
+    if (!S || x(S)) {
+      V(null);
+      return;
     }
-    l = g >= 0 ? n[g] : "/";
-  }
-  let c = _i(o, l), u = i && i !== "/" && i.endsWith("/"), d = (a || i === ".") && t.endsWith("/");
-  return !c.pathname.endsWith("/") && (u || d) && (c.pathname += "/"), c;
-}
-var $e = (e) => e.join("/").replace(/\/\/+/g, "/"), Li = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Mi = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Fi = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
-function Ai(e) {
-  return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
-}
-var Mr = [
-  "POST",
-  "PUT",
-  "PATCH",
-  "DELETE"
-];
-new Set(
-  Mr
-);
-var Ni = [
-  "GET",
-  ...Mr
-];
-new Set(Ni);
-var Ie = R.createContext(null);
-Ie.displayName = "DataRouter";
-var xt = R.createContext(null);
-xt.displayName = "DataRouterState";
-R.createContext(!1);
-var Fr = R.createContext({
-  isTransitioning: !1
-});
-Fr.displayName = "ViewTransition";
-var Di = R.createContext(
-  /* @__PURE__ */ new Map()
-);
-Di.displayName = "Fetchers";
-var zi = R.createContext(null);
-zi.displayName = "Await";
-var Ee = R.createContext(
-  null
-);
-Ee.displayName = "Navigation";
-var un = R.createContext(
-  null
-);
-un.displayName = "Location";
-var Pe = R.createContext({
-  outlet: null,
-  matches: [],
-  isDataRoute: !1
-});
-Pe.displayName = "Route";
-var dn = R.createContext(null);
-dn.displayName = "RouteError";
-function Ti(e, { relative: n } = {}) {
-  xe(
-    ht(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useHref() may be used only in the context of a <Router> component."
-  );
-  let { basename: t, navigator: r } = R.useContext(Ee), { hash: o, pathname: a, search: i } = Ke(e, { relative: n }), l = a;
-  return t !== "/" && (l = a === "/" ? t : $e([t, a])), r.createHref({ pathname: l, search: i, hash: o });
-}
-function ht() {
-  return R.useContext(un) != null;
-}
-function De() {
-  return xe(
-    ht(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useLocation() may be used only in the context of a <Router> component."
-  ), R.useContext(un).location;
-}
-var Ar = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
-function Nr(e) {
-  R.useContext(Ee).static || R.useLayoutEffect(e);
-}
-function Oi() {
-  let { isDataRoute: e } = R.useContext(Pe);
-  return e ? Ji() : Ii();
-}
-function Ii() {
-  xe(
-    ht(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useNavigate() may be used only in the context of a <Router> component."
-  );
-  let e = R.useContext(Ie), { basename: n, navigator: t } = R.useContext(Ee), { matches: r } = R.useContext(Pe), { pathname: o } = De(), a = JSON.stringify(Pr(r)), i = R.useRef(!1);
-  return Nr(() => {
-    i.current = !0;
-  }), R.useCallback(
-    (c, u = {}) => {
-      if (_e(i.current, Ar), !i.current) return;
-      if (typeof c == "number") {
-        t.go(c);
-        return;
+    e === "range" && b && !y && V(S);
+  }, N = () => {
+    V(null);
+  }, I = () => {
+    if (p(!1), e === "single") {
+      const S = r ? /* @__PURE__ */ new Date() : h, j = S ? new Date(
+        S.getFullYear(),
+        S.getMonth(),
+        S.getDate(),
+        F.ampm === "PM" && F.hour !== 12 ? F.hour + 12 : F.ampm === "AM" && F.hour === 12 ? 0 : F.hour,
+        F.minute
+      ) : null;
+      X(j), a == null || a(j ? j.getTime() : null);
+    } else e === "range" && (Y(b), te(y), a == null || a({
+      startDate: b ? b.getTime() : null,
+      endDate: y ? y.getTime() : null
+    }));
+  }, z = () => {
+    const S = new Date(m.getFullYear(), m.getMonth(), 1), j = new Date(m.getFullYear(), m.getMonth() + 1, 0), _ = [], Q = S.getDay();
+    for (let ee = 0; ee < Q; ee++)
+      _.push(null);
+    for (let ee = 1; ee <= j.getDate(); ee++)
+      _.push(new Date(m.getFullYear(), m.getMonth(), ee));
+    return _;
+  }, E = (S) => {
+    if (!S) return !1;
+    if (e === "single")
+      return (h == null ? void 0 : h.toDateString()) === S.toDateString();
+    if (e === "range") {
+      if (b && !y && D) {
+        const j = b < D ? b : D, _ = b < D ? D : b;
+        return S >= j && S <= _;
+      }
+      return b && y && S >= b && S <= y;
+    }
+    return !1;
+  }, P = (S, j) => {
+    if (!S)
+      return e === "range" ? j === "end" ? "End Date" : "Start Date" : r ? `${String(F.hour).padStart(2, "0")}:${String(F.minute).padStart(2, "0")} ${F.ampm}` : i;
+    if (r)
+      return `${String(F.hour).padStart(2, "0")}:${String(F.minute).padStart(2, "0")} ${F.ampm}`;
+    const _ = S.getDate().toString().padStart(2, "0"), Q = Kn[S.getMonth()], ee = S.getFullYear(), de = t ? ` ${String(F.hour).padStart(2, "0")}:${String(F.minute).padStart(2, "0")} ${F.ampm}` : "";
+    return `${_} ${Q} ${ee}${de}`;
+  }, B = /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between w-full border border-color-gray-300 rounded-md p-2", children: [
+    /* @__PURE__ */ s.jsx(
+      "select",
+      {
+        value: F.hour,
+        onChange: (S) => Z({ ...F, hour: parseInt(S.target.value) }),
+        className: "w-16 border-0 text-center bg-color-transparent outline-0",
+        children: Array.from({ length: 12 }, (S, j) => j + 1).map((S) => /* @__PURE__ */ s.jsx("option", { value: S, children: S.toString().padStart(2, "0") }, S))
       }
-      let d = Lr(
-        c,
-        JSON.parse(a),
-        o,
-        u.relative === "path"
-      );
-      e == null && n !== "/" && (d.pathname = d.pathname === "/" ? n : $e([n, d.pathname])), (u.replace ? t.replace : t.push)(
-        d,
-        u.state,
-        u
-      );
-    },
-    [
-      n,
-      t,
-      a,
-      o,
-      e
-    ]
-  );
-}
-R.createContext(null);
-function Ke(e, { relative: n } = {}) {
-  let { matches: t } = R.useContext(Pe), { pathname: r } = De(), o = JSON.stringify(Pr(t));
-  return R.useMemo(
-    () => Lr(
-      e,
-      JSON.parse(o),
-      r,
-      n === "path"
-    ),
-    [e, o, r, n]
-  );
-}
-function Vi(e, n, t, r) {
-  xe(
-    ht(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useRoutes() may be used only in the context of a <Router> component."
-  );
-  let { navigator: o } = R.useContext(Ee), { matches: a } = R.useContext(Pe), i = a[a.length - 1], l = i ? i.params : {}, c = i ? i.pathname : "/", u = i ? i.pathnameBase : "/", d = i && i.route;
-  {
-    let h = d && d.path || "";
-    Dr(
-      c,
-      !d || h.endsWith("*") || h.endsWith("*?"),
-      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${c}" (under <Route path="${h}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
-
-Please change the parent <Route path="${h}"> to <Route path="${h === "/" ? "*" : `${h}/*`}">.`
-    );
-  }
-  let g = De(), p;
-  p = g;
-  let f = p.pathname || "/", v = f;
-  if (u !== "/") {
-    let h = u.replace(/^\//, "").split("/");
-    v = "/" + f.replace(/^\//, "").split("/").slice(h.length).join("/");
-  }
-  let m = $r(e, { pathname: v });
-  return _e(
-    d || m != null,
-    `No routes matched location "${p.pathname}${p.search}${p.hash}" `
-  ), _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 "${p.pathname}${p.search}${p.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.`
-  ), Wi(
-    m && m.map(
-      (h) => Object.assign({}, h, {
-        params: Object.assign({}, l, h.params),
-        pathname: $e([
-          u,
-          // Re-encode pathnames that were decoded inside matchRoutes
-          o.encodeLocation ? o.encodeLocation(h.pathname).pathname : h.pathname
-        ]),
-        pathnameBase: h.pathnameBase === "/" ? u : $e([
-          u,
-          // Re-encode pathnames that were decoded inside matchRoutes
-          o.encodeLocation ? o.encodeLocation(h.pathnameBase).pathname : h.pathnameBase
-        ])
-      })
     ),
-    a,
-    t,
-    r
-  );
-}
-function Hi() {
-  let e = Xi(), n = Ai(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__ */ R.createElement(R.Fragment, null, /* @__PURE__ */ R.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ R.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ R.createElement("code", { style: a }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ R.createElement("code", { style: a }, "errorElement"), " prop on your route.")), /* @__PURE__ */ R.createElement(R.Fragment, null, /* @__PURE__ */ R.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ R.createElement("h3", { style: { fontStyle: "italic" } }, n), t ? /* @__PURE__ */ R.createElement("pre", { style: o }, t) : null, i);
-}
-var Bi = /* @__PURE__ */ R.createElement(Hi, null), qi = class extends R.Component {
-  constructor(e) {
-    super(e), this.state = {
-      location: e.location,
-      revalidation: e.revalidation,
-      error: e.error
-    };
-  }
-  static getDerivedStateFromError(e) {
-    return { error: e };
-  }
-  static getDerivedStateFromProps(e, n) {
-    return n.location !== e.location || n.revalidation !== "idle" && e.revalidation === "idle" ? {
-      error: e.error,
-      location: e.location,
-      revalidation: e.revalidation
-    } : {
-      error: e.error !== void 0 ? e.error : n.error,
-      location: n.location,
-      revalidation: e.revalidation || n.revalidation
-    };
-  }
-  componentDidCatch(e, n) {
-    console.error(
-      "React Router caught the following error during render",
-      e,
-      n
-    );
-  }
-  render() {
-    return this.state.error !== void 0 ? /* @__PURE__ */ R.createElement(Pe.Provider, { value: this.props.routeContext }, /* @__PURE__ */ R.createElement(
-      dn.Provider,
+    /* @__PURE__ */ s.jsx(
+      "select",
       {
-        value: this.state.error,
-        children: this.props.component
+        value: F.minute,
+        onChange: (S) => Z({ ...F, minute: parseInt(S.target.value) }),
+        className: "w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",
+        children: Array.from({ length: 60 }, (S, j) => j).map((S) => /* @__PURE__ */ s.jsx("option", { value: S, children: S.toString().padStart(2, "0") }, S))
       }
-    )) : this.props.children;
-  }
-};
-function Gi({ routeContext: e, match: n, children: t }) {
-  let r = R.useContext(Ie);
-  return r && r.static && r.staticContext && (n.route.errorElement || n.route.ErrorBoundary) && (r.staticContext._deepestRenderedBoundaryId = n.route.id), /* @__PURE__ */ R.createElement(Pe.Provider, { value: e }, t);
-}
-function Wi(e, n = [], t = null, r = null) {
-  if (e == null) {
-    if (!t)
-      return null;
-    if (t.errors)
-      e = t.matches;
-    else if (n.length === 0 && !t.initialized && t.matches.length > 0)
-      e = t.matches;
-    else
-      return null;
-  }
-  let o = e, a = t == null ? void 0 : t.errors;
-  if (a != null) {
-    let c = o.findIndex(
-      (u) => u.route.id && (a == null ? void 0 : a[u.route.id]) !== void 0
-    );
-    xe(
-      c >= 0,
-      `Could not find a matching route for errors on route IDs: ${Object.keys(
-        a
-      ).join(",")}`
-    ), o = o.slice(
-      0,
-      Math.min(o.length, c + 1)
-    );
-  }
-  let i = !1, l = -1;
-  if (t)
-    for (let c = 0; c < o.length; c++) {
-      let u = o[c];
-      if ((u.route.HydrateFallback || u.route.hydrateFallbackElement) && (l = c), u.route.id) {
-        let { loaderData: d, errors: g } = t, p = u.route.loader && !d.hasOwnProperty(u.route.id) && (!g || g[u.route.id] === void 0);
-        if (u.route.lazy || p) {
-          i = !0, l >= 0 ? o = o.slice(0, l + 1) : o = [o[0]];
-          break;
-        }
+    ),
+    /* @__PURE__ */ s.jsxs(
+      "select",
+      {
+        value: F.ampm,
+        onChange: (S) => Z({ ...F, ampm: S.target.value }),
+        className: "w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",
+        children: [
+          /* @__PURE__ */ s.jsx("option", { value: "AM", children: "AM" }),
+          /* @__PURE__ */ s.jsx("option", { value: "PM", children: "PM" })
+        ]
       }
-    }
-  return o.reduceRight(
-    (c, u, d) => {
-      let g, p = !1, f = null, v = null;
-      t && (g = a && u.route.id ? a[u.route.id] : void 0, f = u.route.errorElement || Bi, i && (l < 0 && d === 0 ? (Dr(
-        "route-fallback",
-        !1,
-        "No `HydrateFallback` element provided to render during initial hydration"
-      ), p = !0, v = null) : l === d && (p = !0, v = u.route.hydrateFallbackElement || null)));
-      let m = n.concat(o.slice(0, d + 1)), w = () => {
-        let h;
-        return g ? h = f : p ? h = v : u.route.Component ? h = /* @__PURE__ */ R.createElement(u.route.Component, null) : u.route.element ? h = u.route.element : h = c, /* @__PURE__ */ R.createElement(
-          Gi,
+    )
+  ] }), q = /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      ref: ae,
+      className: `${n === "dialog" ? "relative w-full" : "absolute z-50 mt-2 w-72 rounded-lg border border-color-gray-200 bg-color-white shadow-xl p-4"}`,
+      style: n === "dialog" ? void 0 : {
+        position: "absolute",
+        left: f == null ? void 0 : f.getBoundingClientRect().left,
+        top: f ? f.getBoundingClientRect().bottom + window.scrollY : 0
+      },
+      children: [
+        !r && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+          /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
+            /* @__PURE__ */ s.jsx(
+              Re,
+              {
+                variant: "transparent",
+                size: "small",
+                color: "gray",
+                roundedFull: !0,
+                onClick: () => w(new Date(m.getFullYear(), m.getMonth() - 1, 1)),
+                icon: /* @__PURE__ */ s.jsx("svg", { className: "size-5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z" }) })
+              }
+            ),
+            /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-4", children: [
+              /* @__PURE__ */ s.jsx(
+                "select",
+                {
+                  className: "text-sm outline-none",
+                  value: m.getMonth(),
+                  onChange: (S) => w(new Date(m.getFullYear(), parseInt(S.target.value), 1)),
+                  children: Kn.map((S, j) => /* @__PURE__ */ s.jsx("option", { value: j, children: S }, S))
+                }
+              ),
+              /* @__PURE__ */ s.jsx(
+                "select",
+                {
+                  className: "text-sm outline-none",
+                  value: m.getFullYear(),
+                  onChange: (S) => w(new Date(parseInt(S.target.value), m.getMonth(), 1)),
+                  children: Array.from({ length: 150 }, (S, j) => (/* @__PURE__ */ new Date()).getFullYear() - 100 + j).map((S) => /* @__PURE__ */ s.jsx("option", { value: S, children: S }, S))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s.jsx(
+              Re,
+              {
+                variant: "transparent",
+                size: "small",
+                color: "gray",
+                roundedFull: !0,
+                onClick: () => w(new Date(m.getFullYear(), m.getMonth() + 1, 1)),
+                icon: /* @__PURE__ */ s.jsx("svg", { className: "size-5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" }) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s.jsxs("div", { className: "grid grid-columns-7 gap-1 text-center text-sm mb-2", children: [
+            gi.map((S) => /* @__PURE__ */ s.jsx("div", { className: "font-semibold", children: S }, S)),
+            z().map((S, j) => /* @__PURE__ */ s.jsx(
+              "div",
+              {
+                className: `size-8 flex justify-center items-center text-sm rounded-full transition-all
+                  ${S ? "hover:bg-color-blue-100 cursor-pointer" : ""}
+                  ${S && E(S) ? "bg-color-blue-500 hover:bg-color-blue-500 text-color-white" : ""}
+                  ${S && x(S) ? "bg-color-gray-100 text-color-gray-400 !cursor-not-allowed hover:bg-color-gray-100" : ""}`,
+                onClick: () => S && M(S),
+                onMouseEnter: () => S && L(S),
+                onMouseLeave: N,
+                children: S ? S.getDate() : ""
+              },
+              j
+            ))
+          ] })
+        ] }),
+        (t || r) && B,
+        /* @__PURE__ */ s.jsx("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ s.jsx(
+          Gt,
           {
-            match: u,
-            routeContext: {
-              outlet: c,
-              matches: m,
-              isDataRoute: t != null
-            },
-            children: h
+            fullWidth: !0,
+            onClick: I,
+            disabled: e === "range" && !y && !r,
+            className: `${e === "range" && !y && !r ? "bg-color-gray-400 cursor-not-allowed" : ""}`,
+            children: "Confirm"
           }
-        );
-      };
-      return t && (u.route.ErrorBoundary || u.route.errorElement || d === 0) ? /* @__PURE__ */ R.createElement(
-        qi,
-        {
-          location: t.location,
-          revalidation: t.revalidation,
-          component: f,
-          error: g,
-          children: w(),
-          routeContext: { outlet: null, matches: m, isDataRoute: !0 }
-        }
-      ) : w();
-    },
-    null
-  );
-}
-function pn(e) {
-  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
-}
-function Ui(e) {
-  let n = R.useContext(Ie);
-  return xe(n, pn(e)), n;
-}
-function Yi(e) {
-  let n = R.useContext(xt);
-  return xe(n, pn(e)), n;
-}
-function Zi(e) {
-  let n = R.useContext(Pe);
-  return xe(n, pn(e)), n;
-}
-function fn(e) {
-  let n = Zi(e), t = n.matches[n.matches.length - 1];
-  return xe(
-    t.route.id,
-    `${e} can only be used on routes that contain a unique "id"`
-  ), t.route.id;
-}
-function Ki() {
-  return fn(
-    "useRouteId"
-    /* UseRouteId */
-  );
-}
-function Xi() {
-  var r;
-  let e = R.useContext(dn), n = Yi(
-    "useRouteError"
-    /* UseRouteError */
-  ), t = fn(
-    "useRouteError"
-    /* UseRouteError */
-  );
-  return e !== void 0 ? e : (r = n.errors) == null ? void 0 : r[t];
-}
-function Ji() {
-  let { router: e } = Ui(
-    "useNavigate"
-    /* UseNavigateStable */
-  ), n = fn(
-    "useNavigate"
-    /* UseNavigateStable */
-  ), t = R.useRef(!1);
-  return Nr(() => {
-    t.current = !0;
-  }), R.useCallback(
-    async (o, a = {}) => {
-      _e(t.current, Ar), t.current && (typeof o == "number" ? e.navigate(o) : await e.navigate(o, { fromRouteId: n, ...a }));
-    },
-    [e, n]
+        ) })
+      ]
+    }
   );
-}
-var Jn = {};
-function Dr(e, n, t) {
-  !n && !Jn[e] && (Jn[e] = !0, _e(!1, t));
-}
-R.memo(Qi);
-function Qi({
-  routes: e,
-  future: n,
-  state: t
-}) {
-  return Vi(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 el(e) {
-  return wt(e) && e.tagName.toLowerCase() === "button";
-}
-function tl(e) {
-  return wt(e) && e.tagName.toLowerCase() === "form";
-}
-function nl(e) {
-  return wt(e) && e.tagName.toLowerCase() === "input";
-}
-function rl(e) {
-  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
-}
-function ol(e, n) {
-  return e.button === 0 && // Ignore everything but left clicks
-  (!n || n === "_self") && // Let browser handle "target=_blank" etc.
-  !rl(e);
-}
-var ct = null;
-function al() {
-  if (ct === null)
-    try {
-      new FormData(
-        document.createElement("form"),
-        // @ts-expect-error if FormData supports the submitter parameter, this will throw
-        0
-      ), ct = !1;
-    } catch {
-      ct = !0;
+  return /* @__PURE__ */ s.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ s.jsxs(
+      Gt,
+      {
+        onClick: pe,
+        fullWidth: !0,
+        color: "gray",
+        variant: "outlined",
+        className: `!justify-between gap-2 ${o || ""}`,
+        children: [
+          e === "single" ? ue ? P(ue) : i : (
+            // Display rangeStart immediately if set, even if rangeEnd is null
+            b || H || T ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+              P(b || H, "start"),
+              " -",
+              " ",
+              P(y || T, "end")
+            ] }) : i
+          ),
+          l
+        ]
+      }
+    ),
+    n === "inline" ? /* @__PURE__ */ s.jsx(s.Fragment, { children: g && Ze(q, document.body) }) : /* @__PURE__ */ s.jsx(ci, { open: g, title: r ? "Select Time" : i, onClose: J, children: /* @__PURE__ */ s.jsx("div", { className: "w-72", children: q }) })
+  ] });
+}, ps = ({
+  tabs: e,
+  activeKey: n,
+  onChange: t,
+  className: r = "",
+  tabsClass: o = "",
+  tabItemClass: a = "",
+  tabContentClass: i = "",
+  variant: l = "horizontal"
+}) => {
+  const c = e.find((d) => d.key === n), u = l === "vertical";
+  return /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      className: `w-full flex ${u ? "flex-row" : "flex-col"} ${r}`,
+      children: [
+        /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            className: `${u ? "flex flex-col min-w-[160px] border-r border-color-gray-200" : "flex space-x-6 border-b border-color-gray-200"} ${o}`,
+            children: e.map((d) => {
+              const g = n === d.key;
+              return /* @__PURE__ */ s.jsxs(
+                "button",
+                {
+                  onClick: () => t(d.key),
+                  className: `relative flex ${u ? "flex-row items-center px-4 py-3" : "flex-col items-center py-4"} 
+                text-sm font-medium transition-color duration-200 bg-color-transparent
+                ${g ? "text-color-blue-500" : "text-color-gray-600 hover:text-color-blue-500 cursor-pointer"} 
+                ${a}`,
+                  children: [
+                    /* @__PURE__ */ s.jsxs("div", { className: `flex items-center ${u ? "space-x-3" : "space-x-2"}`, children: [
+                      d.icon && /* @__PURE__ */ s.jsx("span", { children: d.icon }),
+                      /* @__PURE__ */ s.jsx("span", { children: d.label })
+                    ] }),
+                    g && (u ? /* @__PURE__ */ s.jsx("div", { className: "absolute right-0 top-3 bottom-3 w-1 bg-color-blue-500 rounded-full" }) : /* @__PURE__ */ s.jsx("div", { className: "absolute bottom-0 left-0 right-0 h-1 bg-color-blue-500 rounded-full" }))
+                  ]
+                },
+                d.key
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ s.jsx("div", { className: `mt-4 ${u ? "ml-6 mt-0" : ""} ${i}`, children: c == null ? void 0 : c.content })
+      ]
     }
-  return ct;
-}
-var il = /* @__PURE__ */ new Set([
-  "application/x-www-form-urlencoded",
-  "multipart/form-data",
-  "text/plain"
-]);
-function Bt(e) {
-  return e != null && !il.has(e) ? (_e(
-    !1,
-    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${dt}"`
-  ), null) : e;
-}
-function ll(e, n) {
-  let t, r, o, a, i;
-  if (tl(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 (el(e) || nl(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), !al()) {
-      let { name: u, type: d, value: g } = e;
-      if (d === "image") {
-        let p = u ? `${u}.` : "";
-        a.append(`${p}x`, "0"), a.append(`${p}y`, "0");
-      } else u && a.append(u, g);
+  );
+}, fs = ({
+  stats: e = [],
+  className: n = ""
+}) => /* @__PURE__ */ s.jsx(ii, { 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
+                md:p-2 not-last:pb-4 w-full h-full ${t.className}`,
+    children: [
+      /* @__PURE__ */ s.jsx("div", { className: `p-2 ${t.accentColor} ${t.accentBackground} flex-shrink-0 flex items-center justify-center p-4 text-md rounded-lg`, children: t.icon }),
+      /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col justify-center gap-1 w-full ", children: [
+        /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            className: "text-sm",
+            children: t.name
+          }
+        ),
+        /* @__PURE__ */ s.jsx("div", { className: `text-xl ${t.accentColor} font-semibold`, children: t.value })
+      ] })
+    ]
+  },
+  r
+)) }) });
+/**
+ * react-router v7.7.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+function xe(e, n) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(n);
+}
+function _e(e, n) {
+  if (!e) {
+    typeof console < "u" && console.warn(n);
+    try {
+      throw new Error(n);
+    } catch {
     }
-  } else {
-    if (wt(e))
-      throw new Error(
-        'Cannot submit element that is not <form>, <button>, or <input type="submit|image">'
-      );
-    t = ut, r = null, o = dt, i = e;
   }
-  return a && o === "text/plain" && (i = a, a = void 0), { action: r, method: t.toLowerCase(), encType: o, formData: a, body: i };
 }
-Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
-function mn(e, n) {
-  if (e === !1 || e === null || typeof e > "u")
-    throw new Error(n);
+function nn({
+  pathname: e = "/",
+  search: n = "",
+  hash: t = ""
+}) {
+  return n && n !== "?" && (e += n.charAt(0) === "?" ? n : "?" + n), t && t !== "#" && (e += t.charAt(0) === "#" ? t : "#" + t), e;
 }
-function sl(e, n, t) {
-  let r = typeof e == "string" ? new URL(
-    e,
-    // This can be called during the SSR flow via PrefetchPageLinksImpl so
-    // don't assume window is available
-    typeof window > "u" ? "server://singlefetch/" : window.location.origin
-  ) : 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;
+function cn(e) {
+  let n = {};
+  if (e) {
+    let t = e.indexOf("#");
+    t >= 0 && (n.hash = e.substring(t), e = e.substring(0, t));
+    let r = e.indexOf("?");
+    r >= 0 && (n.search = e.substring(r), e = e.substring(0, r)), e && (n.pathname = e);
+  }
+  return n;
 }
-async function cl(e, n) {
-  if (e.id in n)
-    return n[e.id];
-  try {
-    let t = await import(
-      /* @vite-ignore */
-      /* webpackIgnore: true */
-      e.module
+function kr(e, n, t = "/") {
+  return vi(e, n, t, !1);
+}
+function vi(e, n, t, r) {
+  let o = typeof n == "string" ? cn(n) : n, a = Fe(o.pathname || "/", t);
+  if (a == null)
+    return null;
+  let i = $r(e);
+  xi(i);
+  let l = null;
+  for (let c = 0; l == null && c < i.length; ++c) {
+    let u = _i(a);
+    l = ki(
+      i[c],
+      u,
+      r
     );
-    return n[e.id] = t, t;
-  } catch (t) {
-    return console.error(
-      `Error loading route module \`${e.module}\`, reloading page...`
-    ), console.error(t), window.__reactRouterContext && window.__reactRouterContext.isSpaMode, window.location.reload(), new Promise(() => {
-    });
   }
+  return l;
 }
-function ul(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";
+function $r(e, n = [], t = [], r = "") {
+  let o = (a, i, l) => {
+    let c = {
+      relativePath: l === void 0 ? a.path || "" : l,
+      caseSensitive: a.caseSensitive === !0,
+      childrenIndex: i,
+      route: a
+    };
+    c.relativePath.startsWith("/") && (xe(
+      c.relativePath.startsWith(r),
+      `Absolute route path "${c.relativePath}" nested under path "${r}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
+    ), c.relativePath = c.relativePath.slice(r.length));
+    let u = $e([r, c.relativePath]), d = t.concat(c);
+    a.children && a.children.length > 0 && (xe(
+      // Our types know better, but runtime JS may not!
+      // @ts-expect-error
+      a.index !== !0,
+      `Index routes must not have child routes. Please remove all child routes from route path "${u}".`
+    ), $r(a.children, n, d, u)), !(a.path == null && !a.index) && n.push({
+      path: u,
+      score: ji(u, a.index),
+      routesMeta: d
+    });
+  };
+  return e.forEach((a, i) => {
+    var l;
+    if (a.path === "" || !((l = a.path) != null && l.includes("?")))
+      o(a, i);
+    else
+      for (let c of _r(a.path))
+        o(a, i, c);
+  }), n;
 }
-async function dl(e, n, t) {
-  let r = await Promise.all(
-    e.map(async (o) => {
-      let a = n.routes[o.route.id];
-      if (a) {
-        let i = await cl(a, t);
-        return i.links ? i.links() : [];
-      }
-      return [];
-    })
-  );
-  return gl(
-    r.flat(1).filter(ul).filter((o) => o.rel === "stylesheet" || o.rel === "preload").map(
-      (o) => o.rel === "stylesheet" ? { ...o, rel: "prefetch", as: "style" } : { ...o, rel: "prefetch" }
+function _r(e) {
+  let n = e.split("/");
+  if (n.length === 0) return [];
+  let [t, ...r] = n, o = t.endsWith("?"), a = t.replace(/\?$/, "");
+  if (r.length === 0)
+    return o ? [a, ""] : [a];
+  let i = _r(r.join("/")), l = [];
+  return l.push(
+    ...i.map(
+      (c) => c === "" ? a : [a, c].join("/")
     )
+  ), o && l.push(...i), l.map(
+    (c) => e.startsWith("/") && c === "" ? "/" : c
   );
 }
-function Qn(e, n, t, r, o, a) {
-  let i = (c, u) => t[u] ? c.route.id !== t[u].route.id : !0, l = (c, u) => {
-    var d;
-    return (
-      // param change, /users/123 -> /users/456
-      t[u].pathname !== c.pathname || // splat param changed, which is not present in match.path
-      // e.g. /files/images/avatar.jpg -> files/finances.xls
-      ((d = t[u].route.path) == null ? void 0 : d.endsWith("*")) && t[u].params["*"] !== c.params["*"]
-    );
-  };
-  return a === "assets" ? n.filter(
-    (c, u) => i(c, u) || l(c, u)
-  ) : a === "data" ? n.filter((c, u) => {
-    var g;
-    let d = r.routes[c.route.id];
-    if (!d || !d.hasLoader)
-      return !1;
-    if (i(c, u) || l(c, u))
-      return !0;
-    if (c.route.shouldRevalidate) {
-      let p = c.route.shouldRevalidate({
-        currentUrl: new URL(
-          o.pathname + o.search + o.hash,
-          window.origin
-        ),
-        currentParams: ((g = t[0]) == null ? void 0 : g.params) || {},
-        nextUrl: new URL(e, window.origin),
-        nextParams: c.params,
-        defaultShouldRevalidate: !0
-      });
-      if (typeof p == "boolean")
-        return p;
-    }
-    return !0;
-  }) : [];
+function xi(e) {
+  e.sort(
+    (n, t) => n.score !== t.score ? t.score - n.score : Ri(
+      n.routesMeta.map((r) => r.childrenIndex),
+      t.routesMeta.map((r) => r.childrenIndex)
+    )
+  );
 }
-function pl(e, n, { includeHydrateFallback: t } = {}) {
-  return fl(
-    e.map((r) => {
-      let o = n.routes[r.route.id];
-      if (!o) return [];
-      let a = [o.module];
-      return o.clientActionModule && (a = a.concat(o.clientActionModule)), o.clientLoaderModule && (a = a.concat(o.clientLoaderModule)), t && o.hydrateFallbackModule && (a = a.concat(o.hydrateFallbackModule)), o.imports && (a = a.concat(o.imports)), a;
-    }).flat(1)
+var hi = /^:[\w-]+$/, wi = 3, bi = 2, yi = 1, Ci = 10, Si = -2, Xn = (e) => e === "*";
+function ji(e, n) {
+  let t = e.split("/"), r = t.length;
+  return t.some(Xn) && (r += Si), n && (r += bi), t.filter((o) => !Xn(o)).reduce(
+    (o, a) => o + (hi.test(a) ? wi : a === "" ? yi : Ci),
+    r
   );
 }
-function fl(e) {
-  return [...new Set(e)];
+function Ri(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
+    // behavior by simply putting routes with identical paths in the order they
+    // want them tried.
+    e[e.length - 1] - n[n.length - 1]
+  ) : (
+    // Otherwise, it doesn't really make sense to rank non-siblings by index,
+    // so they sort equally.
+    0
+  );
 }
-function ml(e) {
-  let n = {}, t = Object.keys(e).sort();
-  for (let r of t)
-    n[r] = e[r];
-  return n;
+function ki(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(
+      { path: c.relativePath, caseSensitive: c.caseSensitive, end: u },
+      d
+    ), p = c.route;
+    if (!g && u && t && !r[r.length - 1].route.index && (g = gt(
+      {
+        path: c.relativePath,
+        caseSensitive: c.caseSensitive,
+        end: !1
+      },
+      d
+    )), !g)
+      return null;
+    Object.assign(o, g.params), i.push({
+      // TODO: Can this as be avoided?
+      params: o,
+      pathname: $e([a, g.pathname]),
+      pathnameBase: Mi(
+        $e([a, g.pathnameBase])
+      ),
+      route: p
+    }), g.pathnameBase !== "/" && (a = $e([a, g.pathnameBase]));
+  }
+  return i;
 }
-function gl(e, n) {
-  let t = /* @__PURE__ */ new Set();
-  return new Set(n), e.reduce((r, o) => {
-    let a = JSON.stringify(ml(o));
-    return t.has(a) || (t.add(a), r.push({ key: a, link: o })), r;
-  }, []);
+function gt(e, n) {
+  typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
+  let [t, r] = $i(
+    e.path,
+    e.caseSensitive,
+    e.end
+  ), o = n.match(t);
+  if (!o) return null;
+  let a = o[0], i = a.replace(/(.)\/+$/, "$1"), l = o.slice(1);
+  return {
+    params: r.reduce(
+      (u, { paramName: d, isOptional: g }, p) => {
+        if (d === "*") {
+          let v = l[p] || "";
+          i = a.slice(0, a.length - v.length).replace(/(.)\/+$/, "$1");
+        }
+        const f = l[p];
+        return g && !f ? u[d] = void 0 : u[d] = (f || "").replace(/%2F/g, "/"), u;
+      },
+      {}
+    ),
+    pathname: a,
+    pathnameBase: i,
+    pattern: e
+  };
 }
-function zr() {
-  let e = R.useContext(Ie);
-  return mn(
-    e,
-    "You must render this element inside a <DataRouterContext.Provider> element"
-  ), e;
+function $i(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(/\*$/, "/*")}".`
+  );
+  let r = [], o = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(
+    /\/:([\w-]+)(\?)?/g,
+    (i, l, c) => (r.push({ paramName: l, isOptional: c != null }), c ? "/?([^\\/]+)?" : "/([^\\/]+)")
+  );
+  return e.endsWith("*") ? (r.push({ paramName: "*" }), o += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : t ? o += "\\/*$" : e !== "" && e !== "/" && (o += "(?:(?=\\/|$))"), [new RegExp(o, n ? void 0 : "i"), r];
 }
-function vl() {
-  let e = R.useContext(xt);
-  return mn(
-    e,
-    "You must render this element inside a <DataRouterStateContext.Provider> element"
-  ), e;
+function _i(e) {
+  try {
+    return e.split("/").map((n) => decodeURIComponent(n).replace(/\//g, "%2F")).join("/");
+  } catch (n) {
+    return _e(
+      !1,
+      `The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${n}).`
+    ), e;
+  }
 }
-var gn = R.createContext(void 0);
-gn.displayName = "FrameworkContext";
-function Tr() {
-  let e = R.useContext(gn);
-  return mn(
-    e,
-    "You must render this element inside a <HydratedRouter> element"
-  ), e;
+function Fe(e, n) {
+  if (n === "/") return e;
+  if (!e.toLowerCase().startsWith(n.toLowerCase()))
+    return null;
+  let t = n.endsWith("/") ? n.length - 1 : n.length, r = e.charAt(t);
+  return r && r !== "/" ? null : e.slice(t) || "/";
 }
-function xl(e, n) {
-  let t = R.useContext(gn), [r, o] = R.useState(!1), [a, i] = R.useState(!1), { onFocus: l, onBlur: c, onMouseEnter: u, onMouseLeave: d, onTouchStart: g } = n, p = R.useRef(null);
-  R.useEffect(() => {
-    if (e === "render" && i(!0), e === "viewport") {
-      let m = (h) => {
-        h.forEach((k) => {
-          i(k.isIntersecting);
-        });
-      }, w = new IntersectionObserver(m, { threshold: 0.5 });
-      return p.current && w.observe(p.current), () => {
-        w.disconnect();
-      };
-    }
-  }, [e]), R.useEffect(() => {
-    if (r) {
-      let m = setTimeout(() => {
-        i(!0);
-      }, 100);
-      return () => {
-        clearTimeout(m);
-      };
-    }
-  }, [r]);
-  let f = () => {
-    o(!0);
-  }, v = () => {
-    o(!1), i(!1);
+function Ei(e, n = "/") {
+  let {
+    pathname: t,
+    search: r = "",
+    hash: o = ""
+  } = typeof e == "string" ? cn(e) : e;
+  return {
+    pathname: t ? t.startsWith("/") ? t : Pi(t, n) : n,
+    search: Fi(r),
+    hash: Ai(o)
   };
-  return t ? e !== "intent" ? [a, p, {}] : [
-    a,
-    p,
-    {
-      onFocus: Ge(l, f),
-      onBlur: Ge(c, v),
-      onMouseEnter: Ge(u, f),
-      onMouseLeave: Ge(d, v),
-      onTouchStart: Ge(g, f)
-    }
-  ] : [!1, p, {}];
 }
-function Ge(e, n) {
-  return (t) => {
-    e && e(t), t.defaultPrevented || n(t);
-  };
+function Pi(e, n) {
+  let t = n.replace(/\/+$/, "").split("/");
+  return e.split("/").forEach((o) => {
+    o === ".." ? t.length > 1 && t.pop() : o !== "." && t.push(o);
+  }), t.length > 1 ? t.join("/") : "/";
 }
-function hl({ page: e, ...n }) {
-  let { router: t } = zr(), r = R.useMemo(
-    () => $r(t.routes, e, t.basename),
-    [t.routes, e, t.basename]
+function Ht(e, n, t, r) {
+  return `Cannot include a '${e}' character in a manually specified \`to.${n}\` field [${JSON.stringify(
+    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 Li(e) {
+  return e.filter(
+    (n, t) => t === 0 || n.route.path && n.route.path.length > 0
   );
-  return r ? /* @__PURE__ */ R.createElement(bl, { page: e, matches: r, ...n }) : null;
 }
-function wl(e) {
-  let { manifest: n, routeModules: t } = Tr(), [r, o] = R.useState([]);
-  return R.useEffect(() => {
-    let a = !1;
-    return dl(e, n, t).then(
-      (i) => {
-        a || o(i);
-      }
-    ), () => {
-      a = !0;
-    };
-  }, [e, n, t]), r;
+function Er(e) {
+  let n = Li(e);
+  return n.map(
+    (t, r) => r === n.length - 1 ? t.pathname : t.pathnameBase
+  );
 }
-function bl({
-  page: e,
-  matches: n,
-  ...t
-}) {
-  let r = De(), { manifest: o, routeModules: a } = Tr(), { basename: i } = zr(), { loaderData: l, matches: c } = vl(), u = R.useMemo(
-    () => Qn(
-      e,
-      n,
-      c,
-      o,
-      r,
-      "data"
-    ),
-    [e, n, c, o, r]
-  ), d = R.useMemo(
-    () => Qn(
-      e,
-      n,
-      c,
-      o,
-      r,
-      "assets"
-    ),
-    [e, n, c, o, r]
-  ), g = R.useMemo(() => {
-    if (e === r.pathname + r.search + r.hash)
-      return [];
-    let v = /* @__PURE__ */ new Set(), m = !1;
-    if (n.forEach((h) => {
-      var b;
-      let k = o.routes[h.route.id];
-      !k || !k.hasLoader || (!u.some(($) => $.route.id === h.route.id) && h.route.id in l && ((b = a[h.route.id]) != null && b.shouldRevalidate) || k.hasClientLoader ? m = !0 : v.add(h.route.id));
-    }), v.size === 0)
-      return [];
-    let w = sl(e, i, "data");
-    return m && v.size > 0 && w.searchParams.set(
-      "_routes",
-      n.filter((h) => v.has(h.route.id)).map((h) => h.route.id).join(",")
-    ), [w.pathname + w.search];
-  }, [
-    i,
-    l,
-    r,
-    o,
-    u,
-    n,
-    e,
-    a
-  ]), p = R.useMemo(
-    () => pl(d, o),
-    [d, o]
-  ), f = wl(d);
-  return /* @__PURE__ */ R.createElement(R.Fragment, null, g.map((v) => /* @__PURE__ */ R.createElement("link", { key: v, rel: "prefetch", as: "fetch", href: v, ...t })), p.map((v) => /* @__PURE__ */ R.createElement("link", { key: v, rel: "modulepreload", href: v, ...t })), f.map(({ key: v, link: m }) => (
-    // these don't spread `linkProps` because they are full link descriptors
-    // already with their own props
-    /* @__PURE__ */ R.createElement("link", { key: v, ...m })
-  )));
+function Pr(e, n, t, r = !1) {
+  let o;
+  typeof e == "string" ? o = cn(e) : (o = { ...e }, xe(
+    !o.pathname || !o.pathname.includes("?"),
+    Ht("?", "pathname", "search", o)
+  ), xe(
+    !o.pathname || !o.pathname.includes("#"),
+    Ht("#", "pathname", "hash", o)
+  ), xe(
+    !o.search || !o.search.includes("#"),
+    Ht("#", "search", "hash", o)
+  ));
+  let a = e === "" || o.pathname === "", i = a ? "/" : o.pathname, l;
+  if (i == null)
+    l = t;
+  else {
+    let g = n.length - 1;
+    if (!r && i.startsWith("..")) {
+      let p = i.split("/");
+      for (; p[0] === ".."; )
+        p.shift(), g -= 1;
+      o.pathname = p.join("/");
+    }
+    l = g >= 0 ? n[g] : "/";
+  }
+  let c = Ei(o, l), u = i && i !== "/" && i.endsWith("/"), d = (a || i === ".") && t.endsWith("/");
+  return !c.pathname.endsWith("/") && (u || d) && (c.pathname += "/"), c;
 }
-function yl(...e) {
-  return (n) => {
-    e.forEach((t) => {
-      typeof t == "function" ? t(n) : t != null && (t.current = n);
-    });
-  };
+var $e = (e) => e.join("/").replace(/\/\/+/g, "/"), Mi = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Fi = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Ai = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
+function Ni(e) {
+  return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
 }
-var Or = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-try {
-  Or && (window.__reactRouterVersion = // @ts-expect-error
-  "7.7.1");
-} catch {
+var Lr = [
+  "POST",
+  "PUT",
+  "PATCH",
+  "DELETE"
+];
+new Set(
+  Lr
+);
+var Di = [
+  "GET",
+  ...Lr
+];
+new Set(Di);
+var Ie = R.createContext(null);
+Ie.displayName = "DataRouter";
+var xt = R.createContext(null);
+xt.displayName = "DataRouterState";
+R.createContext(!1);
+var Mr = R.createContext({
+  isTransitioning: !1
+});
+Mr.displayName = "ViewTransition";
+var zi = R.createContext(
+  /* @__PURE__ */ new Map()
+);
+zi.displayName = "Fetchers";
+var Ti = R.createContext(null);
+Ti.displayName = "Await";
+var Ee = R.createContext(
+  null
+);
+Ee.displayName = "Navigation";
+var un = R.createContext(
+  null
+);
+un.displayName = "Location";
+var Pe = R.createContext({
+  outlet: null,
+  matches: [],
+  isDataRoute: !1
+});
+Pe.displayName = "Route";
+var dn = R.createContext(null);
+dn.displayName = "RouteError";
+function Oi(e, { relative: n } = {}) {
+  xe(
+    ht(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useHref() may be used only in the context of a <Router> component."
+  );
+  let { basename: t, navigator: r } = R.useContext(Ee), { hash: o, pathname: a, search: i } = Ke(e, { relative: n }), l = a;
+  return t !== "/" && (l = a === "/" ? t : $e([t, a])), r.createHref({ pathname: l, search: i, hash: o });
 }
-var Ir = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = R.forwardRef(
-  function({
-    onClick: n,
-    discover: t = "render",
-    prefetch: r = "none",
-    relative: o,
-    reloadDocument: a,
-    replace: i,
-    state: l,
-    target: c,
-    to: u,
-    preventScrollReset: d,
-    viewTransition: g,
-    ...p
-  }, f) {
-    let { basename: v } = R.useContext(Ee), m = typeof u == "string" && Ir.test(u), w, h = !1;
-    if (typeof u == "string" && m && (w = u, Or))
-      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 : h = !0;
-      } catch {
-        _e(
-          !1,
-          `<Link to="${u}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
-        );
+function ht() {
+  return R.useContext(un) != null;
+}
+function De() {
+  return xe(
+    ht(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useLocation() may be used only in the context of a <Router> component."
+  ), R.useContext(un).location;
+}
+var Fr = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function Ar(e) {
+  R.useContext(Ee).static || R.useLayoutEffect(e);
+}
+function Ii() {
+  let { isDataRoute: e } = R.useContext(Pe);
+  return e ? Qi() : Vi();
+}
+function Vi() {
+  xe(
+    ht(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useNavigate() may be used only in the context of a <Router> component."
+  );
+  let e = R.useContext(Ie), { basename: n, navigator: t } = R.useContext(Ee), { matches: r } = R.useContext(Pe), { pathname: o } = De(), a = JSON.stringify(Er(r)), i = R.useRef(!1);
+  return Ar(() => {
+    i.current = !0;
+  }), R.useCallback(
+    (c, u = {}) => {
+      if (_e(i.current, Fr), !i.current) return;
+      if (typeof c == "number") {
+        t.go(c);
+        return;
       }
-    let k = Ti(u, { relative: o }), [b, $, y] = xl(
+      let d = Pr(
+        c,
+        JSON.parse(a),
+        o,
+        u.relative === "path"
+      );
+      e == null && n !== "/" && (d.pathname = d.pathname === "/" ? n : $e([n, d.pathname])), (u.replace ? t.replace : t.push)(
+        d,
+        u.state,
+        u
+      );
+    },
+    [
+      n,
+      t,
+      a,
+      o,
+      e
+    ]
+  );
+}
+R.createContext(null);
+function Ke(e, { relative: n } = {}) {
+  let { matches: t } = R.useContext(Pe), { pathname: r } = De(), o = JSON.stringify(Er(t));
+  return R.useMemo(
+    () => Pr(
+      e,
+      JSON.parse(o),
       r,
-      p
-    ), O = jl(u, {
-      replace: i,
-      state: l,
-      target: c,
-      preventScrollReset: d,
-      relative: o,
-      viewTransition: g
-    });
-    function D(F) {
-      n && n(F), F.defaultPrevented || O(F);
-    }
-    let V = (
-      // eslint-disable-next-line jsx-a11y/anchor-has-content
-      /* @__PURE__ */ R.createElement(
-        "a",
-        {
-          ...p,
-          ...y,
-          href: w || k,
-          onClick: h || a ? n : D,
-          ref: yl(f, $),
-          target: c,
-          "data-discover": !m && t === "render" ? "true" : void 0
-        }
-      )
+      n === "path"
+    ),
+    [e, o, r, n]
+  );
+}
+function Hi(e, n, t, r) {
+  xe(
+    ht(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useRoutes() may be used only in the context of a <Router> component."
+  );
+  let { navigator: o } = R.useContext(Ee), { matches: a } = R.useContext(Pe), i = a[a.length - 1], l = i ? i.params : {}, c = i ? i.pathname : "/", u = i ? i.pathnameBase : "/", d = i && i.route;
+  {
+    let h = d && d.path || "";
+    Nr(
+      c,
+      !d || h.endsWith("*") || h.endsWith("*?"),
+      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${c}" (under <Route path="${h}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
+
+Please change the parent <Route path="${h}"> to <Route path="${h === "/" ? "*" : `${h}/*`}">.`
     );
-    return b && !m ? /* @__PURE__ */ R.createElement(R.Fragment, null, V, /* @__PURE__ */ R.createElement(hl, { page: k })) : V;
   }
-);
-vn.displayName = "Link";
-var Vr = R.forwardRef(
-  function({
-    "aria-current": n = "page",
-    caseSensitive: t = !1,
-    className: r = "",
-    end: o = !1,
-    style: a,
-    to: i,
-    viewTransition: l,
-    children: c,
-    ...u
-  }, d) {
-    let g = Ke(i, { relative: u.relative }), p = De(), f = R.useContext(xt), { navigator: v, basename: m } = R.useContext(Ee), w = f != null && // Conditional usage is OK here because the usage of a data router is static
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    El(g) && l === !0, h = v.encodeLocation ? v.encodeLocation(g).pathname : g.pathname, k = p.pathname, b = f && f.navigation && f.navigation.location ? f.navigation.location.pathname : null;
-    t || (k = k.toLowerCase(), b = b ? b.toLowerCase() : null, h = h.toLowerCase()), b && m && (b = Fe(b, m) || b);
-    const $ = h !== "/" && h.endsWith("/") ? h.length - 1 : h.length;
-    let y = k === h || !o && k.startsWith(h) && k.charAt($) === "/", O = b != null && (b === h || !o && b.startsWith(h) && b.charAt(h.length) === "/"), D = {
-      isActive: y,
-      isPending: O,
-      isTransitioning: w
-    }, V = y ? n : void 0, F;
-    typeof r == "function" ? F = r(D) : F = [
-      r,
-      y ? "active" : null,
-      O ? "pending" : null,
-      w ? "transitioning" : null
-    ].filter(Boolean).join(" ");
-    let Z = typeof a == "function" ? a(D) : a;
-    return /* @__PURE__ */ R.createElement(
-      vn,
-      {
-        ...u,
-        "aria-current": V,
-        className: F,
-        ref: d,
-        style: Z,
-        to: i,
-        viewTransition: l
-      },
-      typeof c == "function" ? c(D) : c
-    );
+  let g = De(), p;
+  p = g;
+  let f = p.pathname || "/", v = f;
+  if (u !== "/") {
+    let h = u.replace(/^\//, "").split("/");
+    v = "/" + f.replace(/^\//, "").split("/").slice(h.length).join("/");
   }
-);
-Vr.displayName = "NavLink";
-var Cl = R.forwardRef(
-  ({
-    discover: e = "render",
-    fetcherKey: n,
-    navigate: t,
-    reloadDocument: r,
-    replace: o,
-    state: a,
-    method: i = ut,
-    action: l,
-    onSubmit: c,
-    relative: u,
-    preventScrollReset: d,
-    viewTransition: g,
-    ...p
-  }, f) => {
-    let v = $l(), m = _l(l, { relative: u }), w = i.toLowerCase() === "get" ? "get" : "post", h = typeof l == "string" && Ir.test(l), k = (b) => {
-      if (c && c(b), b.defaultPrevented) return;
-      b.preventDefault();
-      let $ = b.nativeEvent.submitter, y = ($ == null ? void 0 : $.getAttribute("formmethod")) || i;
-      v($ || b.currentTarget, {
-        fetcherKey: n,
-        method: y,
-        navigate: t,
-        replace: o,
-        state: a,
-        relative: u,
-        preventScrollReset: d,
-        viewTransition: g
-      });
+  let m = kr(e, { pathname: v });
+  return _e(
+    d || m != null,
+    `No routes matched location "${p.pathname}${p.search}${p.hash}" `
+  ), _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 "${p.pathname}${p.search}${p.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.`
+  ), Ui(
+    m && m.map(
+      (h) => Object.assign({}, h, {
+        params: Object.assign({}, l, h.params),
+        pathname: $e([
+          u,
+          // Re-encode pathnames that were decoded inside matchRoutes
+          o.encodeLocation ? o.encodeLocation(h.pathname).pathname : h.pathname
+        ]),
+        pathnameBase: h.pathnameBase === "/" ? u : $e([
+          u,
+          // Re-encode pathnames that were decoded inside matchRoutes
+          o.encodeLocation ? o.encodeLocation(h.pathnameBase).pathname : h.pathnameBase
+        ])
+      })
+    ),
+    a,
+    t,
+    r
+  );
+}
+function Bi() {
+  let e = Ji(), n = Ni(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__ */ R.createElement(R.Fragment, null, /* @__PURE__ */ R.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ R.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ R.createElement("code", { style: a }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ R.createElement("code", { style: a }, "errorElement"), " prop on your route.")), /* @__PURE__ */ R.createElement(R.Fragment, null, /* @__PURE__ */ R.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ R.createElement("h3", { style: { fontStyle: "italic" } }, n), t ? /* @__PURE__ */ R.createElement("pre", { style: o }, t) : null, i);
+}
+var qi = /* @__PURE__ */ R.createElement(Bi, null), Gi = class extends R.Component {
+  constructor(e) {
+    super(e), this.state = {
+      location: e.location,
+      revalidation: e.revalidation,
+      error: e.error
     };
-    return /* @__PURE__ */ R.createElement(
-      "form",
+  }
+  static getDerivedStateFromError(e) {
+    return { error: e };
+  }
+  static getDerivedStateFromProps(e, n) {
+    return n.location !== e.location || n.revalidation !== "idle" && e.revalidation === "idle" ? {
+      error: e.error,
+      location: e.location,
+      revalidation: e.revalidation
+    } : {
+      error: e.error !== void 0 ? e.error : n.error,
+      location: n.location,
+      revalidation: e.revalidation || n.revalidation
+    };
+  }
+  componentDidCatch(e, n) {
+    console.error(
+      "React Router caught the following error during render",
+      e,
+      n
+    );
+  }
+  render() {
+    return this.state.error !== void 0 ? /* @__PURE__ */ R.createElement(Pe.Provider, { value: this.props.routeContext }, /* @__PURE__ */ R.createElement(
+      dn.Provider,
       {
-        ref: f,
-        method: w,
-        action: m,
-        onSubmit: r ? c : k,
-        ...p,
-        "data-discover": !h && e === "render" ? "true" : void 0
+        value: this.state.error,
+        children: this.props.component
       }
+    )) : this.props.children;
+  }
+};
+function Wi({ routeContext: e, match: n, children: t }) {
+  let r = R.useContext(Ie);
+  return r && r.static && r.staticContext && (n.route.errorElement || n.route.ErrorBoundary) && (r.staticContext._deepestRenderedBoundaryId = n.route.id), /* @__PURE__ */ R.createElement(Pe.Provider, { value: e }, t);
+}
+function Ui(e, n = [], t = null, r = null) {
+  if (e == null) {
+    if (!t)
+      return null;
+    if (t.errors)
+      e = t.matches;
+    else if (n.length === 0 && !t.initialized && t.matches.length > 0)
+      e = t.matches;
+    else
+      return null;
+  }
+  let o = e, a = t == null ? void 0 : t.errors;
+  if (a != null) {
+    let c = o.findIndex(
+      (u) => u.route.id && (a == null ? void 0 : a[u.route.id]) !== void 0
+    );
+    xe(
+      c >= 0,
+      `Could not find a matching route for errors on route IDs: ${Object.keys(
+        a
+      ).join(",")}`
+    ), o = o.slice(
+      0,
+      Math.min(o.length, c + 1)
     );
   }
-);
-Cl.displayName = "Form";
-function Sl(e) {
+  let i = !1, l = -1;
+  if (t)
+    for (let c = 0; c < o.length; c++) {
+      let u = o[c];
+      if ((u.route.HydrateFallback || u.route.hydrateFallbackElement) && (l = c), u.route.id) {
+        let { loaderData: d, errors: g } = t, p = u.route.loader && !d.hasOwnProperty(u.route.id) && (!g || g[u.route.id] === void 0);
+        if (u.route.lazy || p) {
+          i = !0, l >= 0 ? o = o.slice(0, l + 1) : o = [o[0]];
+          break;
+        }
+      }
+    }
+  return o.reduceRight(
+    (c, u, d) => {
+      let g, p = !1, f = null, v = null;
+      t && (g = a && u.route.id ? a[u.route.id] : void 0, f = u.route.errorElement || qi, i && (l < 0 && d === 0 ? (Nr(
+        "route-fallback",
+        !1,
+        "No `HydrateFallback` element provided to render during initial hydration"
+      ), p = !0, v = null) : l === d && (p = !0, v = u.route.hydrateFallbackElement || null)));
+      let m = n.concat(o.slice(0, d + 1)), w = () => {
+        let h;
+        return g ? h = f : p ? h = v : u.route.Component ? h = /* @__PURE__ */ R.createElement(u.route.Component, null) : u.route.element ? h = u.route.element : h = c, /* @__PURE__ */ R.createElement(
+          Wi,
+          {
+            match: u,
+            routeContext: {
+              outlet: c,
+              matches: m,
+              isDataRoute: t != null
+            },
+            children: h
+          }
+        );
+      };
+      return t && (u.route.ErrorBoundary || u.route.errorElement || d === 0) ? /* @__PURE__ */ R.createElement(
+        Gi,
+        {
+          location: t.location,
+          revalidation: t.revalidation,
+          component: f,
+          error: g,
+          children: w(),
+          routeContext: { outlet: null, matches: m, isDataRoute: !0 }
+        }
+      ) : w();
+    },
+    null
+  );
+}
+function pn(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
-function Hr(e) {
+function Yi(e) {
   let n = R.useContext(Ie);
-  return xe(n, Sl(e)), n;
+  return xe(n, pn(e)), n;
 }
-function jl(e, {
-  target: n,
-  replace: t,
-  state: r,
-  preventScrollReset: o,
-  relative: a,
-  viewTransition: i
-} = {}) {
-  let l = Oi(), c = De(), u = Ke(e, { relative: a });
-  return R.useCallback(
-    (d) => {
-      if (ol(d, n)) {
-        d.preventDefault();
-        let g = t !== void 0 ? t : nn(c) === nn(u);
-        l(e, {
-          replace: g,
-          state: r,
-          preventScrollReset: o,
-          relative: a,
-          viewTransition: i
-        });
-      }
-    },
-    [
-      c,
-      l,
-      u,
-      t,
-      r,
-      n,
-      e,
-      o,
-      a,
-      i
-    ]
+function Zi(e) {
+  let n = R.useContext(xt);
+  return xe(n, pn(e)), n;
+}
+function Ki(e) {
+  let n = R.useContext(Pe);
+  return xe(n, pn(e)), n;
+}
+function fn(e) {
+  let n = Ki(e), t = n.matches[n.matches.length - 1];
+  return xe(
+    t.route.id,
+    `${e} can only be used on routes that contain a unique "id"`
+  ), t.route.id;
+}
+function Xi() {
+  return fn(
+    "useRouteId"
+    /* UseRouteId */
   );
 }
-var Rl = 0, kl = () => `__${String(++Rl)}__`;
-function $l() {
-  let { router: e } = Hr(
-    "useSubmit"
-    /* UseSubmit */
-  ), { basename: n } = R.useContext(Ee), t = Ki();
-  return R.useCallback(
-    async (r, o = {}) => {
-      let { action: a, method: i, encType: l, formData: c, body: u } = ll(
-        r,
-        n
-      );
-      if (o.navigate === !1) {
-        let d = o.fetcherKey || kl();
-        await e.fetch(d, t, o.action || a, {
-          preventScrollReset: o.preventScrollReset,
-          formData: c,
-          body: u,
-          formMethod: o.method || i,
-          formEncType: o.encType || l,
-          flushSync: o.flushSync
-        });
-      } else
-        await e.navigate(o.action || a, {
-          preventScrollReset: o.preventScrollReset,
-          formData: c,
-          body: u,
-          formMethod: o.method || i,
-          formEncType: o.encType || l,
-          replace: o.replace,
-          state: o.state,
-          fromRouteId: t,
-          flushSync: o.flushSync,
-          viewTransition: o.viewTransition
-        });
+function Ji() {
+  var r;
+  let e = R.useContext(dn), n = Zi(
+    "useRouteError"
+    /* UseRouteError */
+  ), t = fn(
+    "useRouteError"
+    /* UseRouteError */
+  );
+  return e !== void 0 ? e : (r = n.errors) == null ? void 0 : r[t];
+}
+function Qi() {
+  let { router: e } = Yi(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), n = fn(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), t = R.useRef(!1);
+  return Ar(() => {
+    t.current = !0;
+  }), R.useCallback(
+    async (o, a = {}) => {
+      _e(t.current, Fr), t.current && (typeof o == "number" ? e.navigate(o) : await e.navigate(o, { fromRouteId: n, ...a }));
     },
-    [e, n, t]
+    [e, n]
   );
 }
-function _l(e, { relative: n } = {}) {
-  let { basename: t } = R.useContext(Ee), r = R.useContext(Pe);
-  xe(r, "useFormAction must be used inside a RouteContext");
-  let [o] = r.matches.slice(-1), a = { ...Ke(e || ".", { relative: n }) }, i = De();
-  if (e == null) {
-    a.search = i.search;
-    let l = new URLSearchParams(a.search), c = l.getAll("index");
-    if (c.some((d) => d === "")) {
-      l.delete("index"), c.filter((g) => g).forEach((g) => l.append("index", g));
-      let d = l.toString();
-      a.search = d ? `?${d}` : "";
+var Jn = {};
+function Nr(e, n, t) {
+  !n && !Jn[e] && (Jn[e] = !0, _e(!1, t));
+}
+R.memo(el);
+function el({
+  routes: e,
+  future: n,
+  state: t
+}) {
+  return Hi(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 tl(e) {
+  return wt(e) && e.tagName.toLowerCase() === "button";
+}
+function nl(e) {
+  return wt(e) && e.tagName.toLowerCase() === "form";
+}
+function rl(e) {
+  return wt(e) && e.tagName.toLowerCase() === "input";
+}
+function ol(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+function al(e, n) {
+  return e.button === 0 && // Ignore everything but left clicks
+  (!n || n === "_self") && // Let browser handle "target=_blank" etc.
+  !ol(e);
+}
+var ct = null;
+function il() {
+  if (ct === null)
+    try {
+      new FormData(
+        document.createElement("form"),
+        // @ts-expect-error if FormData supports the submitter parameter, this will throw
+        0
+      ), ct = !1;
+    } catch {
+      ct = !0;
+    }
+  return ct;
+}
+var ll = /* @__PURE__ */ new Set([
+  "application/x-www-form-urlencoded",
+  "multipart/form-data",
+  "text/plain"
+]);
+function Bt(e) {
+  return e != null && !ll.has(e) ? (_e(
+    !1,
+    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${dt}"`
+  ), null) : e;
+}
+function sl(e, n) {
+  let t, r, o, a, i;
+  if (nl(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 (tl(e) || rl(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), !il()) {
+      let { name: u, type: d, value: g } = e;
+      if (d === "image") {
+        let p = u ? `${u}.` : "";
+        a.append(`${p}x`, "0"), a.append(`${p}y`, "0");
+      } else u && a.append(u, g);
     }
+  } else {
+    if (wt(e))
+      throw new Error(
+        'Cannot submit element that is not <form>, <button>, or <input type="submit|image">'
+      );
+    t = ut, r = null, o = dt, i = e;
+  }
+  return a && o === "text/plain" && (i = a, a = void 0), { action: r, method: t.toLowerCase(), encType: o, formData: a, body: i };
+}
+Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
+function mn(e, n) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(n);
+}
+function cl(e, n, t) {
+  let r = typeof e == "string" ? new URL(
+    e,
+    // This can be called during the SSR flow via PrefetchPageLinksImpl so
+    // don't assume window is available
+    typeof window > "u" ? "server://singlefetch/" : window.location.origin
+  ) : 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 ul(e, n) {
+  if (e.id in n)
+    return n[e.id];
+  try {
+    let t = await import(
+      /* @vite-ignore */
+      /* webpackIgnore: true */
+      e.module
+    );
+    return n[e.id] = t, t;
+  } catch (t) {
+    return console.error(
+      `Error loading route module \`${e.module}\`, reloading page...`
+    ), console.error(t), window.__reactRouterContext && window.__reactRouterContext.isSpaMode, window.location.reload(), new Promise(() => {
+    });
   }
-  return (!e || e === ".") && o.route.index && (a.search = a.search ? a.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (a.pathname = a.pathname === "/" ? t : $e([t, a.pathname])), nn(a);
 }
-function El(e, { relative: n } = {}) {
-  let t = R.useContext(Fr);
-  xe(
-    t != null,
-    "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
+function dl(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 pl(e, n, t) {
+  let r = await Promise.all(
+    e.map(async (o) => {
+      let a = n.routes[o.route.id];
+      if (a) {
+        let i = await ul(a, t);
+        return i.links ? i.links() : [];
+      }
+      return [];
+    })
+  );
+  return vl(
+    r.flat(1).filter(dl).filter((o) => o.rel === "stylesheet" || o.rel === "preload").map(
+      (o) => o.rel === "stylesheet" ? { ...o, rel: "prefetch", as: "style" } : { ...o, rel: "prefetch" }
+    )
   );
-  let { basename: r } = Hr(
-    "useViewTransitionState"
-    /* useViewTransitionState */
-  ), o = Ke(e, { relative: n });
-  if (!t.isTransitioning)
-    return !1;
-  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 cs = ({
-  variant: e = "fixed",
-  activeTab: n,
-  navItems: t,
-  onTabChange: r,
-  className: o = "",
-  activeClass: a = "",
-  buttonClass: i = ""
-}) => {
-  let l = "flex justify-around items-center bg-color-white shadow-sm  text-color-gray-600 py-2 px-4";
-  return e === "fixed" ? l += " fixed bottom-0 left-0 right-0" : e === "floating" ? l += " fixed bottom-4 left-4 right-4 rounded-full" : e === "static" && (l += " static"), /* @__PURE__ */ s.jsx("nav", { className: `${l} ${o}`, children: t.map((c) => {
-    const u = c.label === n;
-    return /* @__PURE__ */ s.jsxs(
-      vn,
-      {
-        to: c.path,
-        onClick: () => r(c.label),
-        className: `flex flex-col items-center text-sm cursor-pointer text-color-gray-500 no-underline ${i}`,
-        children: [
-          /* @__PURE__ */ s.jsx("span", { className: `text-xl ${u ? `text-color-blue-500 ${a}` : ""}`, children: c.icon }),
-          /* @__PURE__ */ s.jsx("span", { className: `text-xs font-medium mt-1 ${u ? `text-color-blue-500 ${a}` : ""}`, children: c.label })
-        ]
-      },
-      c.label
+function Qn(e, n, t, r, o, a) {
+  let i = (c, u) => t[u] ? c.route.id !== t[u].route.id : !0, l = (c, u) => {
+    var d;
+    return (
+      // param change, /users/123 -> /users/456
+      t[u].pathname !== c.pathname || // splat param changed, which is not present in match.path
+      // e.g. /files/images/avatar.jpg -> files/finances.xls
+      ((d = t[u].route.path) == null ? void 0 : d.endsWith("*")) && t[u].params["*"] !== c.params["*"]
     );
-  }) });
-}, us = ({ 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",
-    {
-      href: r.href,
-      className: "text-color-gray-800 hover:underline font-medium",
-      children: r.label
-    }
-  ) : /* @__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)) }) }), er = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], Pl = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], ds = ({
-  mode: e = "single",
-  type: n = "inline",
-  showTime: t = !1,
-  onlyTime: r = !1,
-  className: o,
-  onChange: a,
-  placeholder: i = "Select date",
-  icon: l = /* @__PURE__ */ s.jsx("svg", { className: "text-color-gray-500 size-5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M7 3V1H9V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V9H20V5H17V7H15V5H9V7H7V5H4V19H10V21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7ZM17 12C14.7909 12 13 13.7909 13 16C13 18.2091 14.7909 20 17 20C19.2091 20 21 18.2091 21 16C21 13.7909 19.2091 12 17 12ZM11 16C11 12.6863 13.6863 10 17 10C20.3137 10 23 12.6863 23 16C23 19.3137 20.3137 22 17 22C13.6863 22 11 19.3137 11 16ZM16 13V16.4142L18.2929 18.7071L19.7071 17.2929L18 15.5858V13H16Z" }) }),
-  disableBefore: c,
-  disableAfter: u,
-  selectedDate: d
-}) => {
-  const [g, p] = K(!1), [f, v] = K(null), [m, w] = K(/* @__PURE__ */ new Date()), [h, k] = K(
-    d ? new Date(d) : null
-  ), [b, $] = K(null), [y, O] = K(null), [D, V] = K(null), [F, Z] = K({ hour: 12, minute: 0, ampm: "AM" }), ae = se(null), [ue, Q] = K(
-    d ? new Date(d) : null
-  ), [H, Y] = K(null), [T, te] = K(null);
-  ce(() => {
-    k(d ? new Date(d) : null), Q(d ? new Date(d) : null);
-  }, [d]);
-  const pe = (S) => {
-    S.stopPropagation(), v(S.currentTarget), p(!0);
-  }, X = () => {
-    p(!1);
-  }, x = (S) => !!(c && S.getTime() < c || u && S.getTime() > u), C = (S) => {
-    n === "inline" && ae.current && !ae.current.contains(S.target) && (e === "single" ? h || k(null) : e === "range" && (!b || !y) && ($(null), O(null)), p(!1));
   };
-  ce(() => (g ? document.addEventListener("mousedown", C) : document.removeEventListener("mousedown", C), () => {
-    document.removeEventListener("mousedown", C);
-  }), [g]);
-  const M = (S) => {
-    !S || x(S) || (e === "single" ? k(S) : e === "range" && (!b || b && y ? ($(S), O(null)) : S >= b ? O(S) : $(S)));
-  }, L = (S) => {
-    if (!S || x(S)) {
-      V(null);
-      return;
+  return a === "assets" ? n.filter(
+    (c, u) => i(c, u) || l(c, u)
+  ) : a === "data" ? n.filter((c, u) => {
+    var g;
+    let d = r.routes[c.route.id];
+    if (!d || !d.hasLoader)
+      return !1;
+    if (i(c, u) || l(c, u))
+      return !0;
+    if (c.route.shouldRevalidate) {
+      let p = c.route.shouldRevalidate({
+        currentUrl: new URL(
+          o.pathname + o.search + o.hash,
+          window.origin
+        ),
+        currentParams: ((g = t[0]) == null ? void 0 : g.params) || {},
+        nextUrl: new URL(e, window.origin),
+        nextParams: c.params,
+        defaultShouldRevalidate: !0
+      });
+      if (typeof p == "boolean")
+        return p;
     }
-    e === "range" && b && !y && V(S);
-  }, N = () => {
-    V(null);
-  }, I = () => {
-    if (p(!1), e === "single") {
-      const S = r ? /* @__PURE__ */ new Date() : h, j = S ? new Date(
-        S.getFullYear(),
-        S.getMonth(),
-        S.getDate(),
-        F.ampm === "PM" && F.hour !== 12 ? F.hour + 12 : F.ampm === "AM" && F.hour === 12 ? 0 : F.hour,
-        F.minute
-      ) : null;
-      Q(j), a == null || a(j ? j.getTime() : null);
-    } else e === "range" && (Y(b), te(y), a == null || a({
-      startDate: b ? b.getTime() : null,
-      endDate: y ? y.getTime() : null
-    }));
-  }, z = () => {
-    const S = new Date(m.getFullYear(), m.getMonth(), 1), j = new Date(m.getFullYear(), m.getMonth() + 1, 0), _ = [], J = S.getDay();
-    for (let ee = 0; ee < J; ee++)
-      _.push(null);
-    for (let ee = 1; ee <= j.getDate(); ee++)
-      _.push(new Date(m.getFullYear(), m.getMonth(), ee));
-    return _;
-  }, E = (S) => {
-    if (!S) return !1;
-    if (e === "single")
-      return (h == null ? void 0 : h.toDateString()) === S.toDateString();
-    if (e === "range") {
-      if (b && !y && D) {
-        const j = b < D ? b : D, _ = b < D ? D : b;
-        return S >= j && S <= _;
-      }
-      return b && y && S >= b && S <= y;
+    return !0;
+  }) : [];
+}
+function fl(e, n, { includeHydrateFallback: t } = {}) {
+  return ml(
+    e.map((r) => {
+      let o = n.routes[r.route.id];
+      if (!o) return [];
+      let a = [o.module];
+      return o.clientActionModule && (a = a.concat(o.clientActionModule)), o.clientLoaderModule && (a = a.concat(o.clientLoaderModule)), t && o.hydrateFallbackModule && (a = a.concat(o.hydrateFallbackModule)), o.imports && (a = a.concat(o.imports)), a;
+    }).flat(1)
+  );
+}
+function ml(e) {
+  return [...new Set(e)];
+}
+function gl(e) {
+  let n = {}, t = Object.keys(e).sort();
+  for (let r of t)
+    n[r] = e[r];
+  return n;
+}
+function vl(e, n) {
+  let t = /* @__PURE__ */ new Set();
+  return new Set(n), e.reduce((r, o) => {
+    let a = JSON.stringify(gl(o));
+    return t.has(a) || (t.add(a), r.push({ key: a, link: o })), r;
+  }, []);
+}
+function Dr() {
+  let e = R.useContext(Ie);
+  return mn(
+    e,
+    "You must render this element inside a <DataRouterContext.Provider> element"
+  ), e;
+}
+function xl() {
+  let e = R.useContext(xt);
+  return mn(
+    e,
+    "You must render this element inside a <DataRouterStateContext.Provider> element"
+  ), e;
+}
+var gn = R.createContext(void 0);
+gn.displayName = "FrameworkContext";
+function zr() {
+  let e = R.useContext(gn);
+  return mn(
+    e,
+    "You must render this element inside a <HydratedRouter> element"
+  ), e;
+}
+function hl(e, n) {
+  let t = R.useContext(gn), [r, o] = R.useState(!1), [a, i] = R.useState(!1), { onFocus: l, onBlur: c, onMouseEnter: u, onMouseLeave: d, onTouchStart: g } = n, p = R.useRef(null);
+  R.useEffect(() => {
+    if (e === "render" && i(!0), e === "viewport") {
+      let m = (h) => {
+        h.forEach((k) => {
+          i(k.isIntersecting);
+        });
+      }, w = new IntersectionObserver(m, { threshold: 0.5 });
+      return p.current && w.observe(p.current), () => {
+        w.disconnect();
+      };
     }
-    return !1;
-  }, P = (S, j) => {
-    if (!S)
-      return e === "range" ? j === "end" ? "End Date" : "Start Date" : r ? `${String(F.hour).padStart(2, "0")}:${String(F.minute).padStart(2, "0")} ${F.ampm}` : i;
-    if (r)
-      return `${String(F.hour).padStart(2, "0")}:${String(F.minute).padStart(2, "0")} ${F.ampm}`;
-    const _ = S.getDate().toString().padStart(2, "0"), J = er[S.getMonth()], ee = S.getFullYear(), de = t ? ` ${String(F.hour).padStart(2, "0")}:${String(F.minute).padStart(2, "0")} ${F.ampm}` : "";
-    return `${_} ${J} ${ee}${de}`;
-  }, B = /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between w-full border border-color-gray-300 rounded-md p-2", children: [
-    /* @__PURE__ */ s.jsx(
-      "select",
-      {
-        value: F.hour,
-        onChange: (S) => Z({ ...F, hour: parseInt(S.target.value) }),
-        className: "w-16 border-0 text-center bg-color-transparent outline-0",
-        children: Array.from({ length: 12 }, (S, j) => j + 1).map((S) => /* @__PURE__ */ s.jsx("option", { value: S, children: S.toString().padStart(2, "0") }, S))
+  }, [e]), R.useEffect(() => {
+    if (r) {
+      let m = setTimeout(() => {
+        i(!0);
+      }, 100);
+      return () => {
+        clearTimeout(m);
+      };
+    }
+  }, [r]);
+  let f = () => {
+    o(!0);
+  }, v = () => {
+    o(!1), i(!1);
+  };
+  return t ? e !== "intent" ? [a, p, {}] : [
+    a,
+    p,
+    {
+      onFocus: Ge(l, f),
+      onBlur: Ge(c, v),
+      onMouseEnter: Ge(u, f),
+      onMouseLeave: Ge(d, v),
+      onTouchStart: Ge(g, f)
+    }
+  ] : [!1, p, {}];
+}
+function Ge(e, n) {
+  return (t) => {
+    e && e(t), t.defaultPrevented || n(t);
+  };
+}
+function wl({ page: e, ...n }) {
+  let { router: t } = Dr(), r = R.useMemo(
+    () => kr(t.routes, e, t.basename),
+    [t.routes, e, t.basename]
+  );
+  return r ? /* @__PURE__ */ R.createElement(yl, { page: e, matches: r, ...n }) : null;
+}
+function bl(e) {
+  let { manifest: n, routeModules: t } = zr(), [r, o] = R.useState([]);
+  return R.useEffect(() => {
+    let a = !1;
+    return pl(e, n, t).then(
+      (i) => {
+        a || o(i);
       }
+    ), () => {
+      a = !0;
+    };
+  }, [e, n, t]), r;
+}
+function yl({
+  page: e,
+  matches: n,
+  ...t
+}) {
+  let r = De(), { manifest: o, routeModules: a } = zr(), { basename: i } = Dr(), { loaderData: l, matches: c } = xl(), u = R.useMemo(
+    () => Qn(
+      e,
+      n,
+      c,
+      o,
+      r,
+      "data"
     ),
-    /* @__PURE__ */ s.jsx(
-      "select",
-      {
-        value: F.minute,
-        onChange: (S) => Z({ ...F, minute: parseInt(S.target.value) }),
-        className: "w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",
-        children: Array.from({ length: 60 }, (S, j) => j).map((S) => /* @__PURE__ */ s.jsx("option", { value: S, children: S.toString().padStart(2, "0") }, S))
-      }
+    [e, n, c, o, r]
+  ), d = R.useMemo(
+    () => Qn(
+      e,
+      n,
+      c,
+      o,
+      r,
+      "assets"
     ),
-    /* @__PURE__ */ s.jsxs(
-      "select",
-      {
-        value: F.ampm,
-        onChange: (S) => Z({ ...F, ampm: S.target.value }),
-        className: "w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",
-        children: [
-          /* @__PURE__ */ s.jsx("option", { value: "AM", children: "AM" }),
-          /* @__PURE__ */ s.jsx("option", { value: "PM", children: "PM" })
-        ]
+    [e, n, c, o, r]
+  ), g = R.useMemo(() => {
+    if (e === r.pathname + r.search + r.hash)
+      return [];
+    let v = /* @__PURE__ */ new Set(), m = !1;
+    if (n.forEach((h) => {
+      var b;
+      let k = o.routes[h.route.id];
+      !k || !k.hasLoader || (!u.some(($) => $.route.id === h.route.id) && h.route.id in l && ((b = a[h.route.id]) != null && b.shouldRevalidate) || k.hasClientLoader ? m = !0 : v.add(h.route.id));
+    }), v.size === 0)
+      return [];
+    let w = cl(e, i, "data");
+    return m && v.size > 0 && w.searchParams.set(
+      "_routes",
+      n.filter((h) => v.has(h.route.id)).map((h) => h.route.id).join(",")
+    ), [w.pathname + w.search];
+  }, [
+    i,
+    l,
+    r,
+    o,
+    u,
+    n,
+    e,
+    a
+  ]), p = R.useMemo(
+    () => fl(d, o),
+    [d, o]
+  ), f = bl(d);
+  return /* @__PURE__ */ R.createElement(R.Fragment, null, g.map((v) => /* @__PURE__ */ R.createElement("link", { key: v, rel: "prefetch", as: "fetch", href: v, ...t })), p.map((v) => /* @__PURE__ */ R.createElement("link", { key: v, rel: "modulepreload", href: v, ...t })), f.map(({ key: v, link: m }) => (
+    // these don't spread `linkProps` because they are full link descriptors
+    // already with their own props
+    /* @__PURE__ */ R.createElement("link", { key: v, ...m })
+  )));
+}
+function Cl(...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";
+try {
+  Tr && (window.__reactRouterVersion = // @ts-expect-error
+  "7.7.1");
+} catch {
+}
+var Or = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Ir = R.forwardRef(
+  function({
+    onClick: n,
+    discover: t = "render",
+    prefetch: r = "none",
+    relative: o,
+    reloadDocument: a,
+    replace: i,
+    state: l,
+    target: c,
+    to: u,
+    preventScrollReset: d,
+    viewTransition: g,
+    ...p
+  }, f) {
+    let { basename: v } = R.useContext(Ee), m = typeof u == "string" && Or.test(u), w, h = !1;
+    if (typeof u == "string" && m && (w = u, Tr))
+      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 : h = !0;
+      } catch {
+        _e(
+          !1,
+          `<Link to="${u}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
+        );
       }
-    )
-  ] }), q = /* @__PURE__ */ s.jsxs(
-    "div",
-    {
-      ref: ae,
-      className: `${n === "dialog" ? "relative w-full" : "absolute z-50 mt-2 w-72 rounded-lg border border-color-gray-200 bg-color-white shadow-xl p-4"}`,
-      style: n === "dialog" ? void 0 : {
-        position: "absolute",
-        left: f == null ? void 0 : f.getBoundingClientRect().left,
-        top: f ? f.getBoundingClientRect().bottom + window.scrollY : 0
-      },
-      children: [
-        !r && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-          /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
-            /* @__PURE__ */ s.jsx(
-              Re,
-              {
-                variant: "transparent",
-                size: "small",
-                color: "gray",
-                roundedFull: !0,
-                onClick: () => w(new Date(m.getFullYear(), m.getMonth() - 1, 1)),
-                icon: /* @__PURE__ */ s.jsx("svg", { className: "size-5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z" }) })
-              }
-            ),
-            /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-4", children: [
-              /* @__PURE__ */ s.jsx(
-                "select",
-                {
-                  className: "text-sm outline-none",
-                  value: m.getMonth(),
-                  onChange: (S) => w(new Date(m.getFullYear(), parseInt(S.target.value), 1)),
-                  children: er.map((S, j) => /* @__PURE__ */ s.jsx("option", { value: j, children: S }, S))
-                }
-              ),
-              /* @__PURE__ */ s.jsx(
-                "select",
-                {
-                  className: "text-sm outline-none",
-                  value: m.getFullYear(),
-                  onChange: (S) => w(new Date(parseInt(S.target.value), m.getMonth(), 1)),
-                  children: Array.from({ length: 150 }, (S, j) => (/* @__PURE__ */ new Date()).getFullYear() - 100 + j).map((S) => /* @__PURE__ */ s.jsx("option", { value: S, children: S }, S))
-                }
-              )
-            ] }),
-            /* @__PURE__ */ s.jsx(
-              Re,
-              {
-                variant: "transparent",
-                size: "small",
-                color: "gray",
-                roundedFull: !0,
-                onClick: () => w(new Date(m.getFullYear(), m.getMonth() + 1, 1)),
-                icon: /* @__PURE__ */ s.jsx("svg", { className: "size-5", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" }) })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ s.jsxs("div", { className: "grid grid-columns-7 gap-1 text-center text-sm mb-2", children: [
-            Pl.map((S) => /* @__PURE__ */ s.jsx("div", { className: "font-semibold", children: S }, S)),
-            z().map((S, j) => /* @__PURE__ */ s.jsx(
-              "div",
-              {
-                className: `size-8 flex justify-center items-center text-sm rounded-full transition-all
-                  ${S ? "hover:bg-color-blue-100 cursor-pointer" : ""}
-                  ${S && E(S) ? "bg-color-blue-500 hover:bg-color-blue-500 text-color-white" : ""}
-                  ${S && x(S) ? "bg-color-gray-100 text-color-gray-400 !cursor-not-allowed hover:bg-color-gray-100" : ""}`,
-                onClick: () => S && M(S),
-                onMouseEnter: () => S && L(S),
-                onMouseLeave: N,
-                children: S ? S.getDate() : ""
-              },
-              j
-            ))
-          ] })
-        ] }),
-        (t || r) && B,
-        /* @__PURE__ */ s.jsx("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ s.jsx(
-          Gt,
-          {
-            fullWidth: !0,
-            onClick: I,
-            disabled: e === "range" && !y && !r,
-            className: `${e === "range" && !y && !r ? "bg-color-gray-400 cursor-not-allowed" : ""}`,
-            children: "Confirm"
-          }
-        ) })
-      ]
+    let k = Oi(u, { relative: o }), [b, $, y] = hl(
+      r,
+      p
+    ), O = Rl(u, {
+      replace: i,
+      state: l,
+      target: c,
+      preventScrollReset: d,
+      relative: o,
+      viewTransition: g
+    });
+    function D(F) {
+      n && n(F), F.defaultPrevented || O(F);
     }
-  );
-  return /* @__PURE__ */ s.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ s.jsxs(
-      Gt,
+    let V = (
+      // eslint-disable-next-line jsx-a11y/anchor-has-content
+      /* @__PURE__ */ R.createElement(
+        "a",
+        {
+          ...p,
+          ...y,
+          href: w || k,
+          onClick: h || a ? n : D,
+          ref: Cl(f, $),
+          target: c,
+          "data-discover": !m && t === "render" ? "true" : void 0
+        }
+      )
+    );
+    return b && !m ? /* @__PURE__ */ R.createElement(R.Fragment, null, V, /* @__PURE__ */ R.createElement(wl, { page: k })) : V;
+  }
+);
+Ir.displayName = "Link";
+var Vr = R.forwardRef(
+  function({
+    "aria-current": n = "page",
+    caseSensitive: t = !1,
+    className: r = "",
+    end: o = !1,
+    style: a,
+    to: i,
+    viewTransition: l,
+    children: c,
+    ...u
+  }, d) {
+    let g = Ke(i, { relative: u.relative }), p = De(), f = R.useContext(xt), { navigator: v, basename: m } = R.useContext(Ee), w = f != null && // Conditional usage is OK here because the usage of a data router is static
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    Pl(g) && l === !0, h = v.encodeLocation ? v.encodeLocation(g).pathname : g.pathname, k = p.pathname, b = f && f.navigation && f.navigation.location ? f.navigation.location.pathname : null;
+    t || (k = k.toLowerCase(), b = b ? b.toLowerCase() : null, h = h.toLowerCase()), b && m && (b = Fe(b, m) || b);
+    const $ = h !== "/" && h.endsWith("/") ? h.length - 1 : h.length;
+    let y = k === h || !o && k.startsWith(h) && k.charAt($) === "/", O = b != null && (b === h || !o && b.startsWith(h) && b.charAt(h.length) === "/"), D = {
+      isActive: y,
+      isPending: O,
+      isTransitioning: w
+    }, V = y ? n : void 0, F;
+    typeof r == "function" ? F = r(D) : F = [
+      r,
+      y ? "active" : null,
+      O ? "pending" : null,
+      w ? "transitioning" : null
+    ].filter(Boolean).join(" ");
+    let Z = typeof a == "function" ? a(D) : a;
+    return /* @__PURE__ */ R.createElement(
+      Ir,
       {
-        onClick: pe,
-        fullWidth: !0,
-        color: "gray",
-        variant: "outlined",
-        className: `!justify-between gap-2 ${o || ""}`,
-        children: [
-          e === "single" ? ue ? P(ue) : i : (
-            // Display rangeStart immediately if set, even if rangeEnd is null
-            b || H || T ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-              P(b || H, "start"),
-              " -",
-              " ",
-              P(y || T, "end")
-            ] }) : i
-          ),
-          l
-        ]
+        ...u,
+        "aria-current": V,
+        className: F,
+        ref: d,
+        style: Z,
+        to: i,
+        viewTransition: l
+      },
+      typeof c == "function" ? c(D) : c
+    );
+  }
+);
+Vr.displayName = "NavLink";
+var Sl = R.forwardRef(
+  ({
+    discover: e = "render",
+    fetcherKey: n,
+    navigate: t,
+    reloadDocument: r,
+    replace: o,
+    state: a,
+    method: i = ut,
+    action: l,
+    onSubmit: c,
+    relative: u,
+    preventScrollReset: d,
+    viewTransition: g,
+    ...p
+  }, f) => {
+    let v = _l(), m = El(l, { relative: u }), w = i.toLowerCase() === "get" ? "get" : "post", h = typeof l == "string" && Or.test(l), k = (b) => {
+      if (c && c(b), b.defaultPrevented) return;
+      b.preventDefault();
+      let $ = b.nativeEvent.submitter, y = ($ == null ? void 0 : $.getAttribute("formmethod")) || i;
+      v($ || b.currentTarget, {
+        fetcherKey: n,
+        method: y,
+        navigate: t,
+        replace: o,
+        state: a,
+        relative: u,
+        preventScrollReset: d,
+        viewTransition: g
+      });
+    };
+    return /* @__PURE__ */ R.createElement(
+      "form",
+      {
+        ref: f,
+        method: w,
+        action: m,
+        onSubmit: r ? c : k,
+        ...p,
+        "data-discover": !h && e === "render" ? "true" : void 0
       }
-    ),
-    n === "inline" ? /* @__PURE__ */ s.jsx(s.Fragment, { children: g && Ze(q, document.body) }) : /* @__PURE__ */ s.jsx(ci, { open: g, title: r ? "Select Time" : i, onClose: X, children: /* @__PURE__ */ s.jsx("div", { className: "w-72", children: q }) })
-  ] });
-}, ps = ({
-  tabs: e,
-  activeKey: n,
-  onChange: t,
-  className: r = "",
-  tabsClass: o = "",
-  tabItemClass: a = "",
-  tabContentClass: i = "",
-  variant: l = "horizontal"
-}) => {
-  const c = e.find((d) => d.key === n), u = l === "vertical";
-  return /* @__PURE__ */ s.jsxs(
-    "div",
-    {
-      className: `w-full flex ${u ? "flex-row" : "flex-col"} ${r}`,
-      children: [
-        /* @__PURE__ */ s.jsx(
-          "div",
-          {
-            className: `${u ? "flex flex-col min-w-[160px] border-r border-color-gray-200" : "flex space-x-6 border-b border-color-gray-200"} ${o}`,
-            children: e.map((d) => {
-              const g = n === d.key;
-              return /* @__PURE__ */ s.jsxs(
-                "button",
-                {
-                  onClick: () => t(d.key),
-                  className: `relative flex ${u ? "flex-row items-center px-4 py-3" : "flex-col items-center py-4"} 
-                text-sm font-medium transition-color duration-200 bg-color-transparent
-                ${g ? "text-color-blue-500" : "text-color-gray-600 hover:text-color-blue-500 cursor-pointer"} 
-                ${a}`,
-                  children: [
-                    /* @__PURE__ */ s.jsxs("div", { className: `flex items-center ${u ? "space-x-3" : "space-x-2"}`, children: [
-                      d.icon && /* @__PURE__ */ s.jsx("span", { children: d.icon }),
-                      /* @__PURE__ */ s.jsx("span", { children: d.label })
-                    ] }),
-                    g && (u ? /* @__PURE__ */ s.jsx("div", { className: "absolute right-0 top-3 bottom-3 w-1 bg-color-blue-500 rounded-full" }) : /* @__PURE__ */ s.jsx("div", { className: "absolute bottom-0 left-0 right-0 h-1 bg-color-blue-500 rounded-full" }))
-                  ]
-                },
-                d.key
-              );
-            })
-          }
-        ),
-        /* @__PURE__ */ s.jsx("div", { className: `mt-4 ${u ? "ml-6 mt-0" : ""} ${i}`, children: c == null ? void 0 : c.content })
-      ]
+    );
+  }
+);
+Sl.displayName = "Form";
+function jl(e) {
+  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
+}
+function Hr(e) {
+  let n = R.useContext(Ie);
+  return xe(n, jl(e)), n;
+}
+function Rl(e, {
+  target: n,
+  replace: t,
+  state: r,
+  preventScrollReset: o,
+  relative: a,
+  viewTransition: i
+} = {}) {
+  let l = Ii(), c = De(), u = Ke(e, { relative: a });
+  return R.useCallback(
+    (d) => {
+      if (al(d, n)) {
+        d.preventDefault();
+        let g = t !== void 0 ? t : nn(c) === nn(u);
+        l(e, {
+          replace: g,
+          state: r,
+          preventScrollReset: o,
+          relative: a,
+          viewTransition: i
+        });
+      }
+    },
+    [
+      c,
+      l,
+      u,
+      t,
+      r,
+      n,
+      e,
+      o,
+      a,
+      i
+    ]
+  );
+}
+var kl = 0, $l = () => `__${String(++kl)}__`;
+function _l() {
+  let { router: e } = Hr(
+    "useSubmit"
+    /* UseSubmit */
+  ), { basename: n } = R.useContext(Ee), t = Xi();
+  return R.useCallback(
+    async (r, o = {}) => {
+      let { action: a, method: i, encType: l, formData: c, body: u } = sl(
+        r,
+        n
+      );
+      if (o.navigate === !1) {
+        let d = o.fetcherKey || $l();
+        await e.fetch(d, t, o.action || a, {
+          preventScrollReset: o.preventScrollReset,
+          formData: c,
+          body: u,
+          formMethod: o.method || i,
+          formEncType: o.encType || l,
+          flushSync: o.flushSync
+        });
+      } else
+        await e.navigate(o.action || a, {
+          preventScrollReset: o.preventScrollReset,
+          formData: c,
+          body: u,
+          formMethod: o.method || i,
+          formEncType: o.encType || l,
+          replace: o.replace,
+          state: o.state,
+          fromRouteId: t,
+          flushSync: o.flushSync,
+          viewTransition: o.viewTransition
+        });
+    },
+    [e, n, t]
+  );
+}
+function El(e, { relative: n } = {}) {
+  let { basename: t } = R.useContext(Ee), r = R.useContext(Pe);
+  xe(r, "useFormAction must be used inside a RouteContext");
+  let [o] = r.matches.slice(-1), a = { ...Ke(e || ".", { relative: n }) }, i = De();
+  if (e == null) {
+    a.search = i.search;
+    let l = new URLSearchParams(a.search), c = l.getAll("index");
+    if (c.some((d) => d === "")) {
+      l.delete("index"), c.filter((g) => g).forEach((g) => l.append("index", g));
+      let d = l.toString();
+      a.search = d ? `?${d}` : "";
     }
+  }
+  return (!e || e === ".") && o.route.index && (a.search = a.search ? a.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (a.pathname = a.pathname === "/" ? t : $e([t, a.pathname])), nn(a);
+}
+function Pl(e, { relative: n } = {}) {
+  let t = R.useContext(Mr);
+  xe(
+    t != null,
+    "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
   );
-}, fs = ({
-  stats: e = [],
-  className: n = ""
-}) => /* @__PURE__ */ s.jsx(ii, { 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
-                md:p-2 not-last:pb-4 w-full h-full ${t.className}`,
-    children: [
-      /* @__PURE__ */ s.jsx("div", { className: `p-2 ${t.accentColor} ${t.accentBackground} flex-shrink-0 flex items-center justify-center p-4 text-md rounded-lg`, children: t.icon }),
-      /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col justify-center gap-1 w-full ", children: [
-        /* @__PURE__ */ s.jsx(
-          "div",
-          {
-            className: "text-sm",
-            children: t.name
-          }
-        ),
-        /* @__PURE__ */ s.jsx("div", { className: `text-xl ${t.accentColor} font-semibold`, children: t.value })
-      ] })
-    ]
-  },
-  r
-)) }) });
+  let { basename: r } = Hr(
+    "useViewTransitionState"
+    /* useViewTransitionState */
+  ), o = Ke(e, { relative: n });
+  if (!t.isTransitioning)
+    return !1;
+  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;
+}
 function ms({
   items: e = [],
   logoJSX: n,
@@ -9235,7 +9234,7 @@ export {
   is as Accordion,
   as as ActionMenu,
   ls as Alert,
-  xr as Avatar,
+  vr as Avatar,
   Gl as Backdrop,
   ss as Badge,
   cs as BottomNavigation,
@@ -9263,6 +9262,7 @@ export {
   da as PasswordInput,
   Ol as Pill,
   Il as ProfileImageShowcase,
+  Il as ProfileShowcase,
   Zl as Progress,
   qt as RANGE_COLOR_MAP,
   ns as RadioGroup,
@@ -9276,7 +9276,7 @@ export {
   Hl as Table,
   ps as Tabs,
   Wl as TextArea,
-  vr as TextInput,
+  gr as TextInput,
   es as ToggleButton,
   Ql as ToggleSwitch,
   os as Tooltip,