@unizap/uniui 1.0.24 → 1.0.25

package/dist/uniui.js

@@ -432,7 +432,7 @@ const ve = {
     accent: "accent-color-rose-500",
     peer: "peer-checked:border-color-rose-500 peer-checked:text-color-rose-500"
   }
-}, Fl = (e) => {
+}, Ll = (e) => {
   Object.assign(ve, e);
 }, qt = {
   dark: {
@@ -582,7 +582,7 @@ const ve = {
     thumbHover: "hover:bg-color-rose-600",
     thumbActive: "active:bg-color-rose-700"
   }
-}, Al = (e) => {
+}, Fl = (e) => {
   Object.assign(qt, e);
 }, Gt = ({
   title: e,
@@ -656,7 +656,7 @@ const ve = {
       ]
     }
   ) });
-}, Nl = ({
+}, Al = ({
   children: e,
   className: n = "",
   border: t = !0
@@ -670,7 +670,7 @@ const ve = {
       `,
     children: e
   }
-), Dl = ({
+), Nl = ({
   label: e,
   checked: n = !1,
   disabled: t = !1,
@@ -714,7 +714,7 @@ const ve = {
       e && /* @__PURE__ */ s.jsx("span", { className: `text-sm text-color-gray-700 ${a}`, children: e })
     ]
   }
-), zl = ({
+), Dl = ({
   selected: e,
   items: n = [],
   className: t = "",
@@ -3577,7 +3577,7 @@ function ra(e, n) {
 }
 function Vn() {
 }
-const Tl = ({
+const zl = ({
   onFilesAccepted: e,
   onError: n,
   accept: t = {
@@ -3988,7 +3988,7 @@ const hr = ({
   small: "!w-4 !h-4 text-xs",
   medium: "!w-5 !h-5 text-sm",
   large: "!w-6 !h-6 text-base"
-}, Ol = ({
+}, Tl = ({
   label: e,
   color: n = "blue",
   variant: t = "filled",
@@ -4039,7 +4039,7 @@ const hr = ({
       children: b
     }
   );
-}, Il = ({
+}, Ol = ({
   size: e,
   imageUrl: n,
   name: t = "User",
@@ -4051,7 +4051,7 @@ const hr = ({
     /* @__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 })
   ] })
-] }), Vl = ({ steps: e, currentStep: n, className: t = "", onChange: r }) => /* @__PURE__ */ s.jsx("div", { className: `flex items-center ${t}`, children: e.map((o, a) => {
+] }), Il = ({ steps: e, currentStep: n, className: t = "", onChange: r }) => /* @__PURE__ */ s.jsx("div", { className: `flex items-center ${t}`, children: e.map((o, a) => {
   const i = a === n, l = a < n;
   return /* @__PURE__ */ s.jsxs(Pe.Fragment, { children: [
     /* @__PURE__ */ s.jsxs(
@@ -5755,21 +5755,14 @@ const ei = {
   body2: "text-sm",
   caption: "text-xs",
   overline: "text-xs uppercase tracking-wide"
-}, ti = {
-  default: "text-color-gray-800",
-  primary: "text-color-primary",
-  secondary: "text-color-secondary",
-  accent: "text-color-accent",
-  muted: "text-color-gray-400",
-  error: "text-color-red-500",
-  success: "text-color-green-500"
-}, ni = ({
+}, ti = ({
   variant: e = "body1",
   component: n,
   className: t = "",
   children: r,
-  color: o = ""
+  color: o = "dark"
 }) => {
+  var l;
   const i = n || {
     h1: "h1",
     h2: "h2",
@@ -5784,8 +5777,8 @@ const ei = {
     caption: "span",
     overline: "span"
   }[e] || "p";
-  return /* @__PURE__ */ s.jsx(i, { className: `${ei[e]} ${ti[o]} ${t}`, children: r });
-}, ri = ({
+  return /* @__PURE__ */ s.jsx(i, { className: `${ei[e]} ${(l = ve[o]) == null ? void 0 : l.transparent} ${t}`, children: r });
+}, ni = ({
   total: e,
   currentPage: n,
   pageSize: t = 10,
@@ -5850,7 +5843,7 @@ const ei = {
       }
     )
   ] });
-}, Hl = ({
+}, Vl = ({
   data: e,
   columns: n = [],
   pageSize: t,
@@ -5895,7 +5888,7 @@ const ei = {
     ] }),
     /* @__PURE__ */ s.jsxs("div", { className: `w-full py-4 px-2 border-t border-color-gray-200 bg-color-[#FAFBFB]  flex justify-between items-center ${u} sticky bottom-0 z-10`, children: [
       /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s.jsx(ni, { variant: "body2", className: "hidden md:flex", children: "Rows per page" }),
+        /* @__PURE__ */ s.jsx(ti, { variant: "body2", className: "hidden md:!flex", children: "Rows per page" }),
         /* @__PURE__ */ s.jsx(
           oa,
           {
@@ -5909,7 +5902,7 @@ const ei = {
         )
       ] }),
       /* @__PURE__ */ s.jsx(
-        ri,
+        ni,
         {
           total: l,
           pageSize: t,
@@ -5919,10 +5912,10 @@ const ei = {
       )
     ] })
   ] }) });
-}, Bl = ({ children: e, className: n = "" }) => /* @__PURE__ */ s.jsx("ul", { className: `divide-y divide-color-gray-200 rounded-md bg-color-white shadow-sm border border-color-gray-200 ${n}`, children: e }), ql = ({ children: e, secondaryAction: n, className: t = "" }) => /* @__PURE__ */ s.jsxs("li", { className: `flex items-center justify-between overflow-hidden px-4 py-3 hover:bg-color-gray-50 transition ${t}`, children: [
+}, Hl = ({ children: e, className: n = "" }) => /* @__PURE__ */ s.jsx("ul", { className: `divide-y divide-color-gray-200 rounded-md bg-color-white shadow-sm border border-color-gray-200 ${n}`, children: e }), Bl = ({ children: e, secondaryAction: n, className: t = "" }) => /* @__PURE__ */ s.jsxs("li", { className: `flex items-center justify-between overflow-hidden px-4 py-3 hover:bg-color-gray-50 transition ${t}`, children: [
   /* @__PURE__ */ s.jsx("div", { className: "flex-1", children: e }),
   n && /* @__PURE__ */ s.jsx("div", { className: "ml-4", children: n })
-] }), Gl = ({
+] }), ql = ({
   animation: e = "pulse",
   variant: n = "rectangular",
   width: t,
@@ -5992,7 +5985,7 @@ const ei = {
             }
           ` })
   ] }) });
-}, Wl = ({
+}, Gl = ({
   label: e,
   error: n,
   className: t = "",
@@ -6014,7 +6007,7 @@ const ei = {
   medium: { track: "h-2", thumb: "w-4 h-4" },
   large: { track: "h-3", thumb: "w-5 h-5" }
 };
-function oi(e) {
+function ri(e) {
   const n = se(null), t = se(null), r = se(null), o = (c, u) => {
     if (c === u) return !0;
     if (Array.isArray(c) && Array.isArray(u)) {
@@ -6040,7 +6033,7 @@ function oi(e) {
   }, []);
   return { schedule: i, flush: a, cancel: l, last: t };
 }
-const Ul = Zr(function({
+const Wl = Zr(function({
   /** controlled */
   value: n,
   /** uncontrolled */
@@ -6064,7 +6057,7 @@ const Ul = Zr(function({
   const x = n !== void 0, [k, w] = K(() => t !== void 0 ? t : m ? [a, i] : a), $ = x ? n : k, y = Array.isArray($) ? $[0] : $, [O, D] = Array.isArray($) ? $ : [$, $], V = qt[c] || qt.blue, F = Gn[u] ?? Gn.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(
+  ), 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 = ri(r), te = oe(
     (_, J = !0) => {
       x || w(_), J ? T.schedule(_) : T.flush(_);
     },
@@ -6336,7 +6329,7 @@ const Ul = Zr(function({
     ] }),
     p && /* @__PURE__ */ s.jsx("div", { className: "ml-3 text-sm font-medium text-color-gray-700 dark:text-color-gray-200 min-w-[2rem] text-right", children: m ? /* @__PURE__ */ s.jsx("div", { className: "range-max", children: /* @__PURE__ */ s.jsx("div", { children: D }) }) : /* @__PURE__ */ s.jsx("span", { children: y }) })
   ] }) });
-}), Yl = ({
+}), Ul = ({
   open: e = !1,
   message: n,
   autoHideDuration: t = 4e3,
@@ -6418,7 +6411,7 @@ const Ul = Zr(function({
       }
     )
   ] }) : null;
-}, Zl = ({
+}, Yl = ({
   variant: e = "linear",
   value: n = 0,
   color: t = "blue",
@@ -6518,7 +6511,7 @@ const Ul = Zr(function({
   small: "w-4 h-4",
   medium: "w-6 h-6",
   large: "w-8 h-8"
-}, Kl = ({
+}, Zl = ({
   value: e,
   onChange: n,
   readOnly: t = !1,
@@ -6587,7 +6580,7 @@ const Ul = Zr(function({
     k,
     d && f !== null ? /* @__PURE__ */ s.jsx("span", { className: "ml-2 text-xs text-gray-500", children: p[f] || f }) : g ? /* @__PURE__ */ s.jsx("span", { className: "ml-2 text-xs text-gray-500", children: p[e] || e }) : null
   ] });
-}, Xl = ({
+}, Kl = ({
   children: e,
   width: n = "100%",
   height: t = "auto",
@@ -6776,7 +6769,7 @@ const Ul = Zr(function({
       ]
     }
   );
-}, Jl = ({
+}, Xl = ({
   title: e,
   description: n,
   actionLabel: t,
@@ -6809,7 +6802,7 @@ const Ul = Zr(function({
       i
     ]
   }
-), Ql = ({
+), Jl = ({
   initialState: e = !1,
   onToggle: n,
   disabled: t = !1,
@@ -6868,11 +6861,11 @@ const Ul = Zr(function({
       )
     }
   );
-}, ai = {
+}, oi = {
   small: "px-2 py-1 text-sm",
   medium: "px-4 py-2 text-base",
   large: "px-6 py-3 text-lg"
-}, es = ({
+}, Ql = ({
   value: e,
   onChange: n,
   options: t,
@@ -6907,7 +6900,7 @@ const Ul = Zr(function({
             disabled: u || p.disabled,
             className: `
             flex items-center justify-center gap-2 border-0 ${i === "vertical" ? "not-last:border-b-1" : "not-last:border-r-1"} border-color-gray-200
-            ${ai[o]}
+            ${oi[o]}
             ${d(p.value) ? ((v = ve[a]) == null ? void 0 : v.filled) || a : "bg-color-transparent text-color-gray-700"}
             ${u || p.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
             ${c}
@@ -6938,7 +6931,7 @@ const Ul = Zr(function({
   small: "rounded-md",
   medium: "rounded-xl",
   large: "rounded-2xl"
-}, ii = ({
+}, ai = ({
   title: e,
   subtitle: n,
   space: t = "medium",
@@ -6980,7 +6973,7 @@ const Ul = Zr(function({
     /* @__PURE__ */ s.jsx("div", { children: c }),
     f && /* @__PURE__ */ s.jsx("div", { className: "absolute w-full h-full top-0 left-0 flex items-center justify-center bg-color-white bg-opacity-50", children: f })
   ] });
-}, ts = ({
+}, es = ({
   orientation: e = "horizontal",
   variant: n = "fullWidth",
   children: t,
@@ -7017,7 +7010,7 @@ const Ul = Zr(function({
       ${n === "inset" ? o ? "pl-4" : "pt-4" : ""} ${a}`
     }
   );
-}, ns = ({
+}, ts = ({
   name: e,
   options: n,
   selectedValue: t,
@@ -7058,7 +7051,7 @@ const Ul = Zr(function({
     },
     d
   );
-}) }), rs = ({
+}) }), ns = ({
   label: e,
   value: n,
   onChange: t,
@@ -7099,7 +7092,7 @@ const Ul = Zr(function({
       /* @__PURE__ */ s.jsx("span", { className: `absolute right-3 text-sm top-1/2 -translate-y-1/2 ${i ? "opacity-60" : ""}`, children: /* @__PURE__ */ s.jsx("svg", { className: "size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" }) }) })
     ] })
   ] });
-}, os = ({
+}, rs = ({
   content: e,
   children: n,
   position: t = "top"
@@ -7150,10 +7143,10 @@ const Ul = Zr(function({
     )
   ] });
 };
-function li(...e) {
+function ii(...e) {
   return e.filter(Boolean).join(" ");
 }
-const si = {
+const li = {
   sm: "max-w-sm",
   md: "max-w-md",
   lg: "max-w-lg",
@@ -7161,7 +7154,7 @@ const si = {
   "2xl": "max-w-2xl",
   "4xl": "max-w-4xl",
   "6xl": "max-w-6xl"
-}, ci = Ye(
+}, si = Ye(
   ({
     open: e,
     onClose: n,
@@ -7200,7 +7193,7 @@ const si = {
       /* @__PURE__ */ s.jsxs(
         "div",
         {
-          className: li(
+          className: ii(
             "fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300",
             m ? "opacity-100" : "opacity-0 pointer-events-none"
           ),
@@ -7217,7 +7210,7 @@ const si = {
             /* @__PURE__ */ s.jsxs(
               "div",
               {
-                className: `relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${m ? "opacity-100 scale-100" : "opacity-0 scale-95"} ${l ? "w-full h-[calc(100%_-_40px)] m-5" : `${c ? "w-full" : "w-auto"} ${u ? si[u] : ""} mx-5`} ${t}`,
+                className: `relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${m ? "opacity-100 scale-100" : "opacity-0 scale-95"} ${l ? "w-full h-[calc(100%_-_40px)] m-5" : `${c ? "w-full" : "w-auto"} ${u ? li[u] : ""} mx-5`} ${t}`,
                 onTransitionEnd: x,
                 children: [
                   /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
@@ -7248,7 +7241,7 @@ const si = {
     ) : null;
   }
 );
-function as({ items: e, trigger: n, className: t, dropdownItemClass: r }) {
+function os({ items: e, trigger: n, className: t, dropdownItemClass: r }) {
   const [o, a] = K(!1), [i, l] = K({ top: 0, left: 0 }), [c, u] = K(!1), d = se(null), g = se(null), p = (v) => {
     v.stopPropagation(), a((m) => !m), u(!1);
   };
@@ -7301,10 +7294,10 @@ function as({ items: e, trigger: n, className: t, dropdownItemClass: r }) {
     o && Ze(f, document.body)
   ] });
 }
-function ui(...e) {
+function ci(...e) {
   return e.filter(Boolean).join(" ");
 }
-const di = ({
+const ui = ({
   open: e,
   onClose: n,
   className: t,
@@ -7348,7 +7341,7 @@ const di = ({
     /* @__PURE__ */ s.jsxs(
       "div",
       {
-        className: ui(
+        className: ci(
           "fixed inset-0 z-50 transition-opacity duration-300",
           g ? "opacity-100" : "opacity-0 pointer-events-none"
         ),
@@ -7388,7 +7381,7 @@ const di = ({
     ),
     document.body
   );
-}, is = ({
+}, as = ({
   title: e,
   content: n,
   expandIcon: t,
@@ -7426,25 +7419,25 @@ const di = ({
     ),
     /* @__PURE__ */ s.jsx("div", { className: `grid overflow-hidden transition-all duration-300 ease-in-out grid-rows-[0fr] ${f ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"}`, children: /* @__PURE__ */ s.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ s.jsx("div", { className: `p-4 text-sm text-color-gray-700 ${u}`, children: n }) }) })
   ] });
-}, pi = {
+}, di = {
   info: "bg-color-blue-50 border-color-blue-300 text-color-blue-800",
   success: "bg-color-green-50 border-color-green-300 text-color-green-800",
   danger: "bg-color-red-50 border-color-red-300 text-color-red-800",
   warning: "bg-color-yellow-50 border-color-yellow-300 text-color-yellow-800",
   dark: "bg-color-gray-100 border-color-gray-300 text-color-gray-800"
-}, fi = {
+}, pi = {
   info: /* @__PURE__ */ s.jsx("svg", { className: "text-color-blue-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" }) }),
   success: /* @__PURE__ */ s.jsx("svg", { className: "text-color-green-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM17.4571 9.45711L16.0429 8.04289L11 13.0858L8.20711 10.2929L6.79289 11.7071L11 15.9142L17.4571 9.45711Z" }) }),
   danger: /* @__PURE__ */ s.jsx("svg", { className: "text-color-red-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z" }) }),
   warning: /* @__PURE__ */ s.jsx("svg", { className: "text-color-yellow-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z" }) }),
   dark: /* @__PURE__ */ s.jsx("svg", { className: "text-color-gray-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" }) })
-}, mi = {
+}, fi = {
   info: "bg-color-blue-500",
   success: "bg-color-green-500",
   danger: "bg-color-red-500",
   warning: "bg-color-yellow-500",
   dark: "bg-color-gray-700"
-}, ls = ({
+}, is = ({
   message: e,
   variant: n = "info",
   onClose: t,
@@ -7463,10 +7456,10 @@ const di = ({
   }, [r, a, t]), i ? /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: `relative border-t-4 p-4 flex items-start justify-between ${pi[n]} ${o}`,
+      className: `relative border-t-4 p-4 flex items-start justify-between ${di[n]} ${o}`,
       children: [
         /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-          fi[n],
+          pi[n],
           /* @__PURE__ */ s.jsx("span", { dangerouslySetInnerHTML: { __html: e } })
         ] }),
         /* @__PURE__ */ s.jsx(
@@ -7484,14 +7477,14 @@ const di = ({
           "div",
           {
             ref: c,
-            className: `${mi[n]} h-1`,
+            className: `${fi[n]} h-1`,
             style: { width: "100%" }
           }
         ) })
       ]
     }
   ) : null;
-}, ss = ({
+}, ls = ({
   children: e,
   count: n,
   showDot: t = !1,
@@ -7577,18 +7570,18 @@ function cn(e) {
   return n;
 }
 function $r(e, n, t = "/") {
-  return gi(e, n, t, !1);
+  return mi(e, n, t, !1);
 }
-function gi(e, n, t, r) {
+function mi(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);
+  gi(i);
   let l = null;
   for (let c = 0; l == null && c < i.length; ++c) {
-    let u = $i(a);
-    l = Ri(
+    let u = ki(a);
+    l = ji(
       i[c],
       u,
       r
@@ -7616,7 +7609,7 @@ function _r(e, n = [], t = [], r = "") {
       `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),
+      score: Ci(u, a.index),
       routesMeta: d
     });
   };
@@ -7644,23 +7637,23 @@ function Er(e) {
     (c) => e.startsWith("/") && c === "" ? "/" : c
   );
 }
-function vi(e) {
+function gi(e) {
   e.sort(
-    (n, t) => n.score !== t.score ? t.score - n.score : ji(
+    (n, t) => n.score !== t.score ? t.score - n.score : Si(
       n.routesMeta.map((r) => r.childrenIndex),
       t.routesMeta.map((r) => r.childrenIndex)
     )
   );
 }
-var hi = /^:[\w-]+$/, xi = 3, bi = 2, wi = 1, yi = 10, Ci = -2, Xn = (e) => e === "*";
-function Si(e, n) {
+var vi = /^:[\w-]+$/, hi = 3, xi = 2, bi = 1, wi = 10, yi = -2, Xn = (e) => e === "*";
+function Ci(e, n) {
   let t = e.split("/"), r = t.length;
-  return t.some(Xn) && (r += Ci), n && (r += bi), t.filter((o) => !Xn(o)).reduce(
-    (o, a) => o + (hi.test(a) ? xi : a === "" ? wi : yi),
+  return t.some(Xn) && (r += yi), n && (r += xi), t.filter((o) => !Xn(o)).reduce(
+    (o, a) => o + (vi.test(a) ? hi : a === "" ? bi : wi),
     r
   );
 }
-function ji(e, n) {
+function Si(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
@@ -7673,7 +7666,7 @@ function ji(e, n) {
     0
   );
 }
-function Ri(e, n, t = !1) {
+function ji(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(
@@ -7693,7 +7686,7 @@ function Ri(e, n, t = !1) {
       // TODO: Can this as be avoided?
       params: o,
       pathname: ke([a, g.pathname]),
-      pathnameBase: Mi(
+      pathnameBase: Pi(
         ke([a, g.pathnameBase])
       ),
       route: p
@@ -7703,7 +7696,7 @@ function Ri(e, n, t = !1) {
 }
 function gt(e, n) {
   typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [t, r] = ki(
+  let [t, r] = Ri(
     e.path,
     e.caseSensitive,
     e.end
@@ -7727,7 +7720,7 @@ function gt(e, n) {
     pattern: e
   };
 }
-function ki(e, n = !1, t = !0) {
+function Ri(e, n = !1, t = !0) {
   $e(
     e === "*" || !e.endsWith("*") || e.endsWith("/*"),
     `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
@@ -7738,7 +7731,7 @@ function ki(e, n = !1, t = !0) {
   );
   return e.endsWith("*") ? (r.push({ paramName: "*" }), o += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : t ? o += "\\/*$" : e !== "" && e !== "/" && (o += "(?:(?=\\/|$))"), [new RegExp(o, n ? void 0 : "i"), r];
 }
-function $i(e) {
+function ki(e) {
   try {
     return e.split("/").map((n) => decodeURIComponent(n).replace(/\//g, "%2F")).join("/");
   } catch (n) {
@@ -7755,19 +7748,19 @@ function Fe(e, n) {
   let t = n.endsWith("/") ? n.length - 1 : n.length, r = e.charAt(t);
   return r && r !== "/" ? null : e.slice(t) || "/";
 }
-function _i(e, n = "/") {
+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: Li(r),
-    hash: Fi(o)
+    pathname: t ? t.startsWith("/") ? t : _i(t, n) : n,
+    search: Mi(r),
+    hash: Li(o)
   };
 }
-function Ei(e, n) {
+function _i(e, n) {
   let t = n.replace(/\/+$/, "").split("/");
   return e.split("/").forEach((o) => {
     o === ".." ? t.length > 1 && t.pop() : o !== "." && t.push(o);
@@ -7778,13 +7771,13 @@ function Ht(e, n, t, r) {
     r
   )}].  Please separate it out to the \`to.${t}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
 }
-function Pi(e) {
+function Ei(e) {
   return e.filter(
     (n, t) => t === 0 || n.route.path && n.route.path.length > 0
   );
 }
 function Pr(e) {
-  let n = Pi(e);
+  let n = Ei(e);
   return n.map(
     (t, r) => r === n.length - 1 ? t.pathname : t.pathnameBase
   );
@@ -7814,11 +7807,11 @@ function Mr(e, n, t, r = !1) {
     }
     l = g >= 0 ? n[g] : "/";
   }
-  let c = _i(o, l), u = i && i !== "/" && i.endsWith("/"), d = (a || i === ".") && t.endsWith("/");
+  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 ke = (e) => e.join("/").replace(/\/\/+/g, "/"), Mi = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Li = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Fi = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
-function Ai(e) {
+var ke = (e) => e.join("/").replace(/\/\/+/g, "/"), Pi = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Mi = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Li = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
+function Fi(e) {
   return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
 }
 var Lr = [
@@ -7830,11 +7823,11 @@ var Lr = [
 new Set(
   Lr
 );
-var Ni = [
+var Ai = [
   "GET",
   ...Lr
 ];
-new Set(Ni);
+new Set(Ai);
 var Ie = R.createContext(null);
 Ie.displayName = "DataRouter";
 var ht = R.createContext(null);
@@ -7844,12 +7837,12 @@ var Fr = R.createContext({
   isTransitioning: !1
 });
 Fr.displayName = "ViewTransition";
-var Di = R.createContext(
+var Ni = R.createContext(
   /* @__PURE__ */ new Map()
 );
-Di.displayName = "Fetchers";
-var zi = R.createContext(null);
-zi.displayName = "Await";
+Ni.displayName = "Fetchers";
+var Di = R.createContext(null);
+Di.displayName = "Await";
 var _e = R.createContext(
   null
 );
@@ -7866,7 +7859,7 @@ var Ee = R.createContext({
 Ee.displayName = "Route";
 var dn = R.createContext(null);
 dn.displayName = "RouteError";
-function Ti(e, { relative: n } = {}) {
+function zi(e, { relative: n } = {}) {
   he(
     xt(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -7891,11 +7884,11 @@ var Ar = "You should call navigate() in a React.useEffect(), not when your compo
 function Nr(e) {
   R.useContext(_e).static || R.useLayoutEffect(e);
 }
-function Oi() {
+function Ti() {
   let { isDataRoute: e } = R.useContext(Ee);
-  return e ? Ji() : Ii();
+  return e ? Xi() : Oi();
 }
-function Ii() {
+function Oi() {
   he(
     xt(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -7946,7 +7939,7 @@ function Ke(e, { relative: n } = {}) {
     [e, o, r, n]
   );
 }
-function Vi(e, n, t, r) {
+function Ii(e, n, t, r) {
   he(
     xt(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -7978,7 +7971,7 @@ Please change the parent <Route path="${x}"> to <Route path="${x === "/" ? "*" :
   ), $e(
     m == null || m[m.length - 1].route.element !== void 0 || m[m.length - 1].route.Component !== void 0 || m[m.length - 1].route.lazy !== void 0,
     `Matched leaf route at location "${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(
+  ), Gi(
     m && m.map(
       (x) => Object.assign({}, x, {
         params: Object.assign({}, l, x.params),
@@ -7999,14 +7992,14 @@ Please change the parent <Route path="${x}"> to <Route path="${x === "/" ? "*" :
     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;
+function Vi() {
+  let e = Ki(), n = Fi(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 {
+var Hi = /* @__PURE__ */ R.createElement(Vi, null), Bi = class extends R.Component {
   constructor(e) {
     super(e), this.state = {
       location: e.location,
@@ -8045,11 +8038,11 @@ var Bi = /* @__PURE__ */ R.createElement(Hi, null), qi = class extends R.Compone
     )) : this.props.children;
   }
 };
-function Gi({ routeContext: e, match: n, children: t }) {
+function qi({ 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(Ee.Provider, { value: e }, t);
 }
-function Wi(e, n = [], t = null, r = null) {
+function Gi(e, n = [], t = null, r = null) {
   if (e == null) {
     if (!t)
       return null;
@@ -8090,7 +8083,7 @@ function Wi(e, n = [], t = null, r = null) {
   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(
+      t && (g = a && u.route.id ? a[u.route.id] : void 0, f = u.route.errorElement || Hi, i && (l < 0 && d === 0 ? (Dr(
         "route-fallback",
         !1,
         "No `HydrateFallback` element provided to render during initial hydration"
@@ -8098,7 +8091,7 @@ function Wi(e, n = [], t = null, r = null) {
       let m = n.concat(o.slice(0, d + 1)), b = () => {
         let x;
         return g ? x = f : p ? x = v : u.route.Component ? x = /* @__PURE__ */ R.createElement(u.route.Component, null) : u.route.element ? x = u.route.element : x = c, /* @__PURE__ */ R.createElement(
-          Gi,
+          qi,
           {
             match: u,
             routeContext: {
@@ -8111,7 +8104,7 @@ function Wi(e, n = [], t = null, r = null) {
         );
       };
       return t && (u.route.ErrorBoundary || u.route.errorElement || d === 0) ? /* @__PURE__ */ R.createElement(
-        qi,
+        Bi,
         {
           location: t.location,
           revalidation: t.revalidation,
@@ -8128,34 +8121,34 @@ function Wi(e, n = [], t = null, r = null) {
 function pn(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
-function Ui(e) {
+function Wi(e) {
   let n = R.useContext(Ie);
   return he(n, pn(e)), n;
 }
-function Yi(e) {
+function Ui(e) {
   let n = R.useContext(ht);
   return he(n, pn(e)), n;
 }
-function Zi(e) {
+function Yi(e) {
   let n = R.useContext(Ee);
   return he(n, pn(e)), n;
 }
 function fn(e) {
-  let n = Zi(e), t = n.matches[n.matches.length - 1];
+  let n = Yi(e), t = n.matches[n.matches.length - 1];
   return he(
     t.route.id,
     `${e} can only be used on routes that contain a unique "id"`
   ), t.route.id;
 }
-function Ki() {
+function Zi() {
   return fn(
     "useRouteId"
     /* UseRouteId */
   );
 }
-function Xi() {
+function Ki() {
   var r;
-  let e = R.useContext(dn), n = Yi(
+  let e = R.useContext(dn), n = Ui(
     "useRouteError"
     /* UseRouteError */
   ), t = fn(
@@ -8164,8 +8157,8 @@ function Xi() {
   );
   return e !== void 0 ? e : (r = n.errors) == null ? void 0 : r[t];
 }
-function Ji() {
-  let { router: e } = Ui(
+function Xi() {
+  let { router: e } = Wi(
     "useNavigate"
     /* UseNavigateStable */
   ), n = fn(
@@ -8185,37 +8178,37 @@ var Jn = {};
 function Dr(e, n, t) {
   !n && !Jn[e] && (Jn[e] = !0, $e(!1, t));
 }
-R.memo(Qi);
-function Qi({
+R.memo(Ji);
+function Ji({
   routes: e,
   future: n,
   state: t
 }) {
-  return Vi(e, void 0, t, n);
+  return Ii(e, void 0, t, n);
 }
 var ut = "get", dt = "application/x-www-form-urlencoded";
 function bt(e) {
   return e != null && typeof e.tagName == "string";
 }
-function el(e) {
+function Qi(e) {
   return bt(e) && e.tagName.toLowerCase() === "button";
 }
-function tl(e) {
+function el(e) {
   return bt(e) && e.tagName.toLowerCase() === "form";
 }
-function nl(e) {
+function tl(e) {
   return bt(e) && e.tagName.toLowerCase() === "input";
 }
-function rl(e) {
+function nl(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function ol(e, n) {
+function rl(e, n) {
   return e.button === 0 && // Ignore everything but left clicks
   (!n || n === "_self") && // Let browser handle "target=_blank" etc.
-  !rl(e);
+  !nl(e);
 }
 var ct = null;
-function al() {
+function ol() {
   if (ct === null)
     try {
       new FormData(
@@ -8228,30 +8221,30 @@ function al() {
     }
   return ct;
 }
-var il = /* @__PURE__ */ new Set([
+var al = /* @__PURE__ */ new Set([
   "application/x-www-form-urlencoded",
   "multipart/form-data",
   "text/plain"
 ]);
 function Bt(e) {
-  return e != null && !il.has(e) ? ($e(
+  return e != null && !al.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) {
+function il(e, n) {
   let t, r, o, a, i;
-  if (tl(e)) {
+  if (el(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")) {
+  } else if (Qi(e) || tl(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()) {
+    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), !ol()) {
       let { name: u, type: d, value: g } = e;
       if (d === "image") {
         let p = u ? `${u}.` : "";
@@ -8272,7 +8265,7 @@ function mn(e, n) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(n);
 }
-function sl(e, n, t) {
+function ll(e, n, t) {
   let r = typeof e == "string" ? new URL(
     e,
     // This can be called during the SSR flow via PrefetchPageLinksImpl so
@@ -8281,7 +8274,7 @@ function sl(e, n, t) {
   ) : e;
   return r.pathname === "/" ? r.pathname = `_root.${t}` : n && Fe(r.pathname, n) === "/" ? r.pathname = `${n.replace(/\/$/, "")}/_root.${t}` : r.pathname = `${r.pathname.replace(/\/$/, "")}.${t}`, r;
 }
-async function cl(e, n) {
+async function sl(e, n) {
   if (e.id in n)
     return n[e.id];
   try {
@@ -8298,22 +8291,22 @@ async function cl(e, n) {
     });
   }
 }
-function ul(e) {
+function cl(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 dl(e, n, t) {
+async function ul(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);
+        let i = await sl(a, t);
         return i.links ? i.links() : [];
       }
       return [];
     })
   );
-  return gl(
-    r.flat(1).filter(ul).filter((o) => o.rel === "stylesheet" || o.rel === "preload").map(
+  return ml(
+    r.flat(1).filter(cl).filter((o) => o.rel === "stylesheet" || o.rel === "preload").map(
       (o) => o.rel === "stylesheet" ? { ...o, rel: "prefetch", as: "style" } : { ...o, rel: "prefetch" }
     )
   );
@@ -8354,8 +8347,8 @@ function Qn(e, n, t, r, o, a) {
     return !0;
   }) : [];
 }
-function pl(e, n, { includeHydrateFallback: t } = {}) {
-  return fl(
+function dl(e, n, { includeHydrateFallback: t } = {}) {
+  return pl(
     e.map((r) => {
       let o = n.routes[r.route.id];
       if (!o) return [];
@@ -8364,19 +8357,19 @@ function pl(e, n, { includeHydrateFallback: t } = {}) {
     }).flat(1)
   );
 }
-function fl(e) {
+function pl(e) {
   return [...new Set(e)];
 }
-function ml(e) {
+function fl(e) {
   let n = {}, t = Object.keys(e).sort();
   for (let r of t)
     n[r] = e[r];
   return n;
 }
-function gl(e, n) {
+function ml(e, n) {
   let t = /* @__PURE__ */ new Set();
   return new Set(n), e.reduce((r, o) => {
-    let a = JSON.stringify(ml(o));
+    let a = JSON.stringify(fl(o));
     return t.has(a) || (t.add(a), r.push({ key: a, link: o })), r;
   }, []);
 }
@@ -8387,7 +8380,7 @@ function zr() {
     "You must render this element inside a <DataRouterContext.Provider> element"
   ), e;
 }
-function vl() {
+function gl() {
   let e = R.useContext(ht);
   return mn(
     e,
@@ -8403,7 +8396,7 @@ function Tr() {
     "You must render this element inside a <HydratedRouter> element"
   ), e;
 }
-function hl(e, n) {
+function vl(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") {
@@ -8448,18 +8441,18 @@ function Ge(e, n) {
     e && e(t), t.defaultPrevented || n(t);
   };
 }
-function xl({ page: e, ...n }) {
+function hl({ page: e, ...n }) {
   let { router: t } = zr(), r = R.useMemo(
     () => $r(t.routes, e, t.basename),
     [t.routes, e, t.basename]
   );
-  return r ? /* @__PURE__ */ R.createElement(wl, { page: e, matches: r, ...n }) : null;
+  return r ? /* @__PURE__ */ R.createElement(bl, { page: e, matches: r, ...n }) : null;
 }
-function bl(e) {
+function xl(e) {
   let { manifest: n, routeModules: t } = Tr(), [r, o] = R.useState([]);
   return R.useEffect(() => {
     let a = !1;
-    return dl(e, n, t).then(
+    return ul(e, n, t).then(
       (i) => {
         a || o(i);
       }
@@ -8468,12 +8461,12 @@ function bl(e) {
     };
   }, [e, n, t]), r;
 }
-function wl({
+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(
+  let r = De(), { manifest: o, routeModules: a } = Tr(), { basename: i } = zr(), { loaderData: l, matches: c } = gl(), u = R.useMemo(
     () => Qn(
       e,
       n,
@@ -8503,7 +8496,7 @@ function wl({
       !k || !k.hasLoader || (!u.some(($) => $.route.id === x.route.id) && x.route.id in l && ((w = a[x.route.id]) != null && w.shouldRevalidate) || k.hasClientLoader ? m = !0 : v.add(x.route.id));
     }), v.size === 0)
       return [];
-    let b = sl(e, i, "data");
+    let b = ll(e, i, "data");
     return m && v.size > 0 && b.searchParams.set(
       "_routes",
       n.filter((x) => v.has(x.route.id)).map((x) => x.route.id).join(",")
@@ -8518,16 +8511,16 @@ function wl({
     e,
     a
   ]), p = R.useMemo(
-    () => pl(d, o),
+    () => dl(d, o),
     [d, o]
-  ), f = bl(d);
+  ), f = xl(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 yl(...e) {
+function wl(...e) {
   return (n) => {
     e.forEach((t) => {
       typeof t == "function" ? t(n) : t != null && (t.current = n);
@@ -8566,10 +8559,10 @@ var Ir = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = R.forwardRef(
           `<Link to="${u}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
         );
       }
-    let k = Ti(u, { relative: o }), [w, $, y] = hl(
+    let k = zi(u, { relative: o }), [w, $, y] = vl(
       r,
       p
-    ), O = jl(u, {
+    ), O = Sl(u, {
       replace: i,
       state: l,
       target: c,
@@ -8589,13 +8582,13 @@ var Ir = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = R.forwardRef(
           ...y,
           href: b || k,
           onClick: x || a ? n : D,
-          ref: yl(f, $),
+          ref: wl(f, $),
           target: c,
           "data-discover": !m && t === "render" ? "true" : void 0
         }
       )
     );
-    return w && !m ? /* @__PURE__ */ R.createElement(R.Fragment, null, V, /* @__PURE__ */ R.createElement(xl, { page: k })) : V;
+    return w && !m ? /* @__PURE__ */ R.createElement(R.Fragment, null, V, /* @__PURE__ */ R.createElement(hl, { page: k })) : V;
   }
 );
 vn.displayName = "Link";
@@ -8613,7 +8606,7 @@ var Vr = R.forwardRef(
   }, d) {
     let g = Ke(i, { relative: u.relative }), p = De(), f = R.useContext(ht), { navigator: v, basename: m } = R.useContext(_e), b = 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, x = v.encodeLocation ? v.encodeLocation(g).pathname : g.pathname, k = p.pathname, w = f && f.navigation && f.navigation.location ? f.navigation.location.pathname : null;
+    _l(g) && l === !0, x = v.encodeLocation ? v.encodeLocation(g).pathname : g.pathname, k = p.pathname, w = f && f.navigation && f.navigation.location ? f.navigation.location.pathname : null;
     t || (k = k.toLowerCase(), w = w ? w.toLowerCase() : null, x = x.toLowerCase()), w && m && (w = Fe(w, m) || w);
     const $ = x !== "/" && x.endsWith("/") ? x.length - 1 : x.length;
     let y = k === x || !o && k.startsWith(x) && k.charAt($) === "/", O = w != null && (w === x || !o && w.startsWith(x) && w.charAt(x.length) === "/"), D = {
@@ -8644,7 +8637,7 @@ var Vr = R.forwardRef(
   }
 );
 Vr.displayName = "NavLink";
-var Cl = R.forwardRef(
+var yl = R.forwardRef(
   ({
     discover: e = "render",
     fetcherKey: n,
@@ -8660,7 +8653,7 @@ var Cl = R.forwardRef(
     viewTransition: g,
     ...p
   }, f) => {
-    let v = $l(), m = _l(l, { relative: u }), b = i.toLowerCase() === "get" ? "get" : "post", x = typeof l == "string" && Ir.test(l), k = (w) => {
+    let v = kl(), m = $l(l, { relative: u }), b = i.toLowerCase() === "get" ? "get" : "post", x = typeof l == "string" && Ir.test(l), k = (w) => {
       if (c && c(w), w.defaultPrevented) return;
       w.preventDefault();
       let $ = w.nativeEvent.submitter, y = ($ == null ? void 0 : $.getAttribute("formmethod")) || i;
@@ -8688,15 +8681,15 @@ var Cl = R.forwardRef(
     );
   }
 );
-Cl.displayName = "Form";
-function Sl(e) {
+yl.displayName = "Form";
+function Cl(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 he(n, Sl(e)), n;
+  return he(n, Cl(e)), n;
 }
-function jl(e, {
+function Sl(e, {
   target: n,
   replace: t,
   state: r,
@@ -8704,10 +8697,10 @@ function jl(e, {
   relative: a,
   viewTransition: i
 } = {}) {
-  let l = Oi(), c = De(), u = Ke(e, { relative: a });
+  let l = Ti(), c = De(), u = Ke(e, { relative: a });
   return R.useCallback(
     (d) => {
-      if (ol(d, n)) {
+      if (rl(d, n)) {
         d.preventDefault();
         let g = t !== void 0 ? t : nn(c) === nn(u);
         l(e, {
@@ -8733,20 +8726,20 @@ function jl(e, {
     ]
   );
 }
-var Rl = 0, kl = () => `__${String(++Rl)}__`;
-function $l() {
+var jl = 0, Rl = () => `__${String(++jl)}__`;
+function kl() {
   let { router: e } = Hr(
     "useSubmit"
     /* UseSubmit */
-  ), { basename: n } = R.useContext(_e), t = Ki();
+  ), { basename: n } = R.useContext(_e), t = Zi();
   return R.useCallback(
     async (r, o = {}) => {
-      let { action: a, method: i, encType: l, formData: c, body: u } = ll(
+      let { action: a, method: i, encType: l, formData: c, body: u } = il(
         r,
         n
       );
       if (o.navigate === !1) {
-        let d = o.fetcherKey || kl();
+        let d = o.fetcherKey || Rl();
         await e.fetch(d, t, o.action || a, {
           preventScrollReset: o.preventScrollReset,
           formData: c,
@@ -8772,7 +8765,7 @@ function $l() {
     [e, n, t]
   );
 }
-function _l(e, { relative: n } = {}) {
+function $l(e, { relative: n } = {}) {
   let { basename: t } = R.useContext(_e), r = R.useContext(Ee);
   he(r, "useFormAction must be used inside a RouteContext");
   let [o] = r.matches.slice(-1), a = { ...Ke(e || ".", { relative: n }) }, i = De();
@@ -8787,7 +8780,7 @@ function _l(e, { relative: n } = {}) {
   }
   return (!e || e === ".") && o.route.index && (a.search = a.search ? a.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (a.pathname = a.pathname === "/" ? t : ke([t, a.pathname])), nn(a);
 }
-function El(e, { relative: n } = {}) {
+function _l(e, { relative: n } = {}) {
   let t = R.useContext(Fr);
   he(
     t != null,
@@ -8802,7 +8795,7 @@ function El(e, { relative: n } = {}) {
   let a = Fe(t.currentLocation.pathname, r) || t.currentLocation.pathname, i = Fe(t.nextLocation.pathname, r) || t.nextLocation.pathname;
   return gt(o.pathname, i) != null || gt(o.pathname, a) != null;
 }
-const cs = ({
+const ss = ({
   variant: e = "fixed",
   activeTab: n,
   navItems: t,
@@ -8828,7 +8821,7 @@ const cs = ({
       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: [
+}, cs = ({ 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",
     {
@@ -8838,7 +8831,7 @@ const cs = ({
     }
   ) : /* @__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 = ({
+] }, o)) }) }), er = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], El = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], us = ({
   mode: e = "single",
   type: n = "inline",
   showTime: t = !1,
@@ -9007,7 +9000,7 @@ const cs = ({
             )
           ] }),
           /* @__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)),
+            El.map((S) => /* @__PURE__ */ s.jsx("div", { className: "font-semibold", children: S }, S)),
             z().map((S, j) => /* @__PURE__ */ s.jsx(
               "div",
               {
@@ -9061,9 +9054,9 @@ const cs = ({
         ]
       }
     ),
-    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 }) })
+    n === "inline" ? /* @__PURE__ */ s.jsx(s.Fragment, { children: g && Ze(q, document.body) }) : /* @__PURE__ */ s.jsx(si, { open: g, title: r ? "Select Time" : i, onClose: X, children: /* @__PURE__ */ s.jsx("div", { className: "w-72", children: q }) })
   ] });
-}, ps = ({
+}, ds = ({
   tabs: e,
   activeKey: n,
   onChange: t,
@@ -9110,10 +9103,10 @@ const cs = ({
       ]
     }
   );
-}, fs = ({
+}, ps = ({
   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(
+}) => /* @__PURE__ */ s.jsx(ai, { 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
@@ -9134,7 +9127,7 @@ const cs = ({
   },
   r
 )) }) });
-function ms({
+function fs({
   items: e = [],
   logoJSX: n,
   position: t,
@@ -9148,7 +9141,7 @@ function ms({
     c(d), d.onClick && d.onClick(), i && i(d);
   };
   return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsx(
-    di,
+    ui,
     {
       open: o,
       onClose: a,
@@ -9196,54 +9189,54 @@ function ms({
   ) });
 }
 export {
-  is as Accordion,
-  as as ActionMenu,
-  ls as Alert,
+  as as Accordion,
+  os as ActionMenu,
+  is as Alert,
   hr as Avatar,
-  ss as Badge,
-  cs as BottomNavigation,
-  us as Breadcrumbs,
+  ls as Badge,
+  ss as BottomNavigation,
+  cs as Breadcrumbs,
   Gt as Button,
   ve as COLOR_MAP,
-  ii as Card,
-  Nl as CardWrapper,
-  Xl as Carousel,
-  Dl as Checkbox,
-  fs as DashboardStatBoxes,
-  ds as DatePicker,
-  ci as Dialog,
-  ts as Divider,
-  di as Drawer,
-  zl as Dropdown,
-  Tl as DropzoneUploader,
-  Jl as EmptyState,
+  ai as Card,
+  Al as CardWrapper,
+  Kl as Carousel,
+  Nl as Checkbox,
+  ps as DashboardStatBoxes,
+  us as DatePicker,
+  si as Dialog,
+  es as Divider,
+  ui as Drawer,
+  Dl as Dropdown,
+  zl as DropzoneUploader,
+  Xl as EmptyState,
   je as IconButton,
-  Bl as List,
-  ql as ListItem,
+  Hl as List,
+  Bl as ListItem,
   oa as Menu,
   sa as OtpInput,
-  ri as Pagination,
+  ni as Pagination,
   da as PasswordInput,
-  Ol as Pill,
-  Il as ProfileImageShowcase,
-  Zl as Progress,
+  Tl as Pill,
+  Ol as ProfileImageShowcase,
+  Yl as Progress,
   qt as RANGE_COLOR_MAP,
-  ns as RadioGroup,
-  Kl as Rating,
-  rs as Select,
-  ms as Sidebar,
-  Gl as Skeleton,
-  Ul as Slider,
-  Yl as Snackbar,
-  Vl as Stepper,
-  Hl as Table,
-  ps as Tabs,
-  Wl as TextArea,
+  ts as RadioGroup,
+  Zl as Rating,
+  ns as Select,
+  fs as Sidebar,
+  ql as Skeleton,
+  Wl as Slider,
+  Ul as Snackbar,
+  Il as Stepper,
+  Vl as Table,
+  ds as Tabs,
+  Gl as TextArea,
   vr as TextInput,
-  es as ToggleButton,
-  Ql as ToggleSwitch,
-  os as Tooltip,
-  ni as Typography,
-  Fl as extendColorMap,
-  Al as extendRangeColorMap
+  Ql as ToggleButton,
+  Jl as ToggleSwitch,
+  rs as Tooltip,
+  ti as Typography,
+  Ll as extendColorMap,
+  Fl as extendRangeColorMap
 };