@unizap/uniui 1.0.18 → 1.0.20

package/dist/uniui.js

@@ -432,7 +432,7 @@ const xe = {
     accent: "accent-color-rose-500",
     peer: "peer-checked:border-color-rose-500 peer-checked:text-color-rose-500"
   }
-}, El = (e) => {
+}, Ml = (e) => {
   Object.assign(xe, e);
 }, qt = {
   dark: {
@@ -582,7 +582,7 @@ const xe = {
     thumbHover: "hover:bg-color-rose-600",
     thumbActive: "active:bg-color-rose-700"
   }
-}, Pl = (e) => {
+}, Ll = (e) => {
   Object.assign(qt, e);
 }, Gt = ({
   title: e,
@@ -656,7 +656,7 @@ const xe = {
       ]
     }
   ) });
-}, Ml = ({
+}, Fl = ({
   children: e,
   className: n = "",
   border: t = !0
@@ -670,7 +670,7 @@ const xe = {
       `,
     children: e
   }
-), Ll = ({
+), Al = ({
   label: e,
   checked: n = !1,
   disabled: t = !1,
@@ -714,7 +714,7 @@ const xe = {
       e && /* @__PURE__ */ s.jsx("span", { className: `text-sm text-color-gray-700 ${a}`, children: e })
     ]
   }
-), Fl = ({
+), Dl = ({
   selected: e,
   items: n = [],
   className: t = "",
@@ -3577,7 +3577,7 @@ function ta(e, n) {
 }
 function Vn() {
 }
-const Al = ({
+const Nl = ({
   onFilesAccepted: e,
   onError: n,
   accept: t = {
@@ -3834,7 +3834,14 @@ const ra = {
   }
 );
 ia.displayName = "OtpInput";
-const gr = Ye(
+const la = {
+  small: "p-2 text-sm",
+  medium: "p-3 text-base",
+  large: "p-4 text-lg"
+}, sa = {
+  filled: "bg-color-gray-100 border-color-gray-200",
+  outlined: "border-color-gray-200 bg-color-transparent"
+}, gr = Ye(
   ({
     placeholder: e,
     value: n,
@@ -3849,34 +3856,36 @@ const gr = Ye(
     maxLength: d,
     label: g,
     labelClassName: f = "",
-    ...p
-  }, v) => {
-    const m = u ? "border-color-red-500 focus-within:ring-color-red-500" : "border-color-gray-200", w = u ? "text-color-red-500" : i;
+    variant: p = "outlined",
+    size: v = "medium",
+    ...m
+  }, w) => {
+    const x = u ? "border-color-red-500 focus-within:ring-color-red-500" : "border-color-gray-200", k = u ? "text-color-red-500" : i;
     return /* @__PURE__ */ s.jsxs("div", { className: "w-full", children: [
       g && /* @__PURE__ */ s.jsx("label", { className: `text-sm text-color-gray-500 mb-2 block ${f}`, children: g }),
-      /* @__PURE__ */ s.jsxs("div", { className: `flex items-center w-full rounded-md border focus-within:ring-1 ${m} ${o}`, children: [
-        l && /* @__PURE__ */ s.jsx("span", { className: `pl-3 ${w}`, children: l }),
+      /* @__PURE__ */ s.jsxs("div", { className: `flex items-center w-full rounded-md border focus-within:ring-1 ${x} ${sa[p]} ${o}`, children: [
+        l && /* @__PURE__ */ s.jsx("span", { className: `pl-3 ${k}`, children: l }),
         /* @__PURE__ */ s.jsx(
           "input",
           {
-            ...p,
-            ref: v,
+            ...m,
+            ref: w,
             type: r,
             placeholder: e,
             defaultValue: n,
             maxLength: d,
             onChange: t,
-            className: `grow bg-color-transparent px-3 py-3 outline-0 text-md w-full font-medium placeholder:font-normal  ${a}`
+            className: `grow outline-0 w-full font-medium placeholder:font-normal bg-color-transparent ${la[v]} ${a}`
           }
         ),
-        c && /* @__PURE__ */ s.jsx("span", { className: `pr-3 ${w}`, children: c })
+        c && /* @__PURE__ */ s.jsx("span", { className: `pr-3 ${k}`, children: c })
       ] }),
       u && /* @__PURE__ */ s.jsx("p", { className: "text-color-red-500 text-xs mt-1", children: u })
     ] });
   }
 );
 gr.displayName = "TextInput";
-const la = Ye((e, n) => {
+const ca = Ye((e, n) => {
   const [t, r] = K(!1);
   return /* @__PURE__ */ s.jsx(
     gr,
@@ -3897,12 +3906,12 @@ const la = Ye((e, n) => {
     }
   );
 });
-la.displayName = "PasswordInput";
-const sa = {
+ca.displayName = "PasswordInput";
+const ua = {
   small: "text-xs px-2 py-1",
   medium: "text-sm px-3 py-[0.35rem]",
   large: "text-base px-4 py-2"
-}, Dl = ({
+}, zl = ({
   label: e,
   color: n = "blue",
   variant: t = "filled",
@@ -3910,9 +3919,9 @@ const sa = {
   className: o = ""
 }) => {
   var u, d;
-  const a = (u = xe[n]) == null ? void 0 : u.filled, i = (d = xe[n]) == null ? void 0 : d.outline, l = sa[r], c = `inline-flex text-nowrap items-center rounded-full font-medium leading-none ${t === "outlined" ? `border ${i}` : a} ${l}`.trim();
+  const a = (u = xe[n]) == null ? void 0 : u.filled, i = (d = xe[n]) == null ? void 0 : d.outline, l = ua[r], c = `inline-flex text-nowrap items-center rounded-full font-medium leading-none ${t === "outlined" ? `border ${i}` : a} ${l}`.trim();
   return /* @__PURE__ */ s.jsx("span", { className: `${c}  ${o}`, children: e });
-}, ca = ({
+}, da = ({
   src: e,
   alt: n,
   size: t = "medium",
@@ -3946,19 +3955,19 @@ const sa = {
       ) : r || ((u = n == null ? void 0 : n[0]) == null ? void 0 : u.toUpperCase()) || "?"
     }
   );
-}, Nl = ({
+}, Tl = ({
   size: e,
   imageUrl: n,
   name: t = "User",
   number: r = "1234567890",
   className: o = ""
 }) => /* @__PURE__ */ s.jsxs("div", { className: o || "flex items-center gap-2 w-fit bg-color-transparent rounded-md p-1", children: [
-  /* @__PURE__ */ s.jsx(ca, { size: e, src: n, alt: `${t}'s profile` }),
+  /* @__PURE__ */ s.jsx(da, { size: e, src: n, alt: `${t}'s profile` }),
   /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ s.jsx("span", { className: "text-sm font-medium text-color-gray-800", children: t }),
     /* @__PURE__ */ s.jsx("span", { className: "text-xs text-color-gray-600", children: r })
   ] })
-] }), zl = ({ steps: e, currentStep: n, className: t = "", onChange: r }) => /* @__PURE__ */ s.jsx("div", { className: `flex items-center ${t}`, children: e.map((o, a) => {
+] }), Ol = ({ steps: e, currentStep: n, className: t = "", onChange: r }) => /* @__PURE__ */ s.jsx("div", { className: `flex items-center ${t}`, children: e.map((o, a) => {
   const i = a === n, l = a < n;
   return /* @__PURE__ */ s.jsxs(Pe.Fragment, { children: [
     /* @__PURE__ */ s.jsxs(
@@ -4006,10 +4015,10 @@ function ye(e, n) {
 function vt(e) {
   return e instanceof Function;
 }
-function ua(e) {
+function pa(e) {
   return Array.isArray(e) && e.every((n) => typeof n == "number");
 }
-function da(e, n) {
+function fa(e, n) {
   const t = [], r = (o) => {
     o.forEach((a) => {
       t.push(a);
@@ -4053,7 +4062,7 @@ function U(e, n, t, r) {
     onChange: r
   };
 }
-function pa(e, n, t, r) {
+function ma(e, n, t, r) {
   const o = () => {
     var i;
     return (i = a.getValue()) != null ? i : e.options.renderFallbackValue;
@@ -4076,7 +4085,7 @@ function pa(e, n, t, r) {
     i.createCell == null || i.createCell(a, t, n, e);
   }, {}), a;
 }
-function fa(e, n, t, r) {
+function ga(e, n, t, r) {
   var o, a;
   const l = {
     ...e._getDefaultColumnDef(),
@@ -4146,7 +4155,7 @@ function Hn(e, n, t) {
     i.createHeader == null || i.createHeader(a, e);
   }), a;
 }
-const ma = {
+const va = {
   createTable: (e) => {
     e.getHeaderGroups = W(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, r, o) => {
       var a, i;
@@ -4231,7 +4240,7 @@ function at(e, n, t, r) {
   });
   return g((o = (a = c[0]) == null ? void 0 : a.headers) != null ? o : []), c;
 }
-const ga = (e, n, t, r, o, a, i) => {
+const ha = (e, n, t, r, o, a, i) => {
   let l = {
     id: n,
     index: r,
@@ -4259,7 +4268,7 @@ const ga = (e, n, t, r, o, a, i) => {
       return (u = l.getValue(c)) != null ? u : e.options.renderFallbackValue;
     },
     subRows: [],
-    getLeafRows: () => da(l.subRows, (c) => c.subRows),
+    getLeafRows: () => fa(l.subRows, (c) => c.subRows),
     getParentRow: () => l.parentId ? e.getRow(l.parentId, !0) : void 0,
     getParentRows: () => {
       let c = [], u = l;
@@ -4270,7 +4279,7 @@ const ga = (e, n, t, r, o, a, i) => {
       }
       return c.reverse();
     },
-    getAllCells: W(() => [e.getAllLeafColumns()], (c) => c.map((u) => pa(e, l, u, u.id)), U(e.options, "debugRows", "getAllCells")),
+    getAllCells: W(() => [e.getAllLeafColumns()], (c) => c.map((u) => ma(e, l, u, u.id)), U(e.options, "debugRows", "getAllCells")),
     _getAllCellsByColumnId: W(() => [l.getAllCells()], (c) => c.reduce((u, d) => (u[d.column.id] = d, u), {}), U(e.options, "debugRows", "getAllCellsByColumnId"))
   };
   for (let c = 0; c < e._features.length; c++) {
@@ -4278,7 +4287,7 @@ const ga = (e, n, t, r, o, a, i) => {
     u == null || u.createRow == null || u.createRow(l, e);
   }
   return l;
-}, va = {
+}, xa = {
   createColumn: (e, n) => {
     e._getFacetedRowModel = n.options.getFacetedRowModel && n.options.getFacetedRowModel(n, e.id), e.getFacetedRowModel = () => e._getFacetedRowModel ? e._getFacetedRowModel() : n.getPreFilteredRowModel(), e._getFacetedUniqueValues = n.options.getFacetedUniqueValues && n.options.getFacetedUniqueValues(n, e.id), e.getFacetedUniqueValues = () => e._getFacetedUniqueValues ? e._getFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getFacetedMinMaxValues = n.options.getFacetedMinMaxValues && n.options.getFacetedMinMaxValues(n, e.id), e.getFacetedMinMaxValues = () => {
       if (e._getFacetedMinMaxValues)
@@ -4348,7 +4357,7 @@ const Re = {
 function Ce(e) {
   return e == null || e === "";
 }
-const ha = {
+const wa = {
   getDefaultColumnDef: () => ({
     filterFn: "auto"
   }),
@@ -4426,54 +4435,54 @@ const ha = {
 function Bn(e, n, t) {
   return (e && e.autoRemove ? e.autoRemove(n, t) : !1) || typeof n > "u" || typeof n == "string" && !n;
 }
-const xa = (e, n, t) => t.reduce((r, o) => {
+const ba = (e, n, t) => t.reduce((r, o) => {
   const a = o.getValue(e);
   return r + (typeof a == "number" ? a : 0);
-}, 0), wa = (e, n, t) => {
+}, 0), ya = (e, n, t) => {
   let r;
   return t.forEach((o) => {
     const a = o.getValue(e);
     a != null && (r > a || r === void 0 && a >= a) && (r = a);
   }), r;
-}, ba = (e, n, t) => {
+}, Ca = (e, n, t) => {
   let r;
   return t.forEach((o) => {
     const a = o.getValue(e);
     a != null && (r < a || r === void 0 && a >= a) && (r = a);
   }), r;
-}, ya = (e, n, t) => {
+}, Sa = (e, n, t) => {
   let r, o;
   return t.forEach((a) => {
     const i = a.getValue(e);
     i != null && (r === void 0 ? i >= i && (r = o = i) : (r > i && (r = i), o < i && (o = i)));
   }), [r, o];
-}, Ca = (e, n) => {
+}, Ra = (e, n) => {
   let t = 0, r = 0;
   if (n.forEach((o) => {
     let a = o.getValue(e);
     a != null && (a = +a) >= a && (++t, r += a);
   }), t) return r / t;
-}, Sa = (e, n) => {
+}, ja = (e, n) => {
   if (!n.length)
     return;
   const t = n.map((a) => a.getValue(e));
-  if (!ua(t))
+  if (!pa(t))
     return;
   if (t.length === 1)
     return t[0];
   const r = Math.floor(t.length / 2), o = t.sort((a, i) => a - i);
   return t.length % 2 !== 0 ? o[r] : (o[r - 1] + o[r]) / 2;
-}, Ra = (e, n) => Array.from(new Set(n.map((t) => t.getValue(e))).values()), ja = (e, n) => new Set(n.map((t) => t.getValue(e))).size, ka = (e, n) => n.length, Dt = {
-  sum: xa,
-  min: wa,
-  max: ba,
-  extent: ya,
-  mean: Ca,
-  median: Sa,
-  unique: Ra,
-  uniqueCount: ja,
-  count: ka
-}, $a = {
+}, ka = (e, n) => Array.from(new Set(n.map((t) => t.getValue(e))).values()), $a = (e, n) => new Set(n.map((t) => t.getValue(e))).size, _a = (e, n) => n.length, Dt = {
+  sum: ba,
+  min: ya,
+  max: Ca,
+  extent: Sa,
+  mean: Ra,
+  median: ja,
+  unique: ka,
+  uniqueCount: $a,
+  count: _a
+}, Ea = {
   getDefaultColumnDef: () => ({
     aggregatedCell: (e) => {
       var n, t;
@@ -4540,13 +4549,13 @@ const xa = (e, n, t) => t.reduce((r, o) => {
     };
   }
 };
-function _a(e, n, t) {
+function Pa(e, n, t) {
   if (!(n != null && n.length) || !t)
     return e;
   const r = e.filter((a) => !n.includes(a.id));
   return t === "remove" ? r : [...n.map((a) => e.find((i) => i.id === a)).filter(Boolean), ...r];
 }
-const Ea = {
+const Ma = {
   getInitialState: (e) => ({
     columnOrder: [],
     ...e
@@ -4580,13 +4589,13 @@ const Ea = {
         }
         a = [...a, ...l];
       }
-      return _a(a, t, r);
+      return Pa(a, t, r);
     }, U(e.options, "debugTable", "_getOrderColumnsFn"));
   }
 }, Nt = () => ({
   left: [],
   right: []
-}), Pa = {
+}), La = {
   getInitialState: (e) => ({
     columnPinning: Nt(),
     ...e
@@ -4673,7 +4682,7 @@ const Ea = {
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), Ma = {
+}), Fa = {
   getDefaultColumnDef: () => it,
   getInitialState: (e) => ({
     columnSizing: {},
@@ -4764,7 +4773,7 @@ const Ea = {
             var k;
             p == null || p.removeEventListener("touchmove", m.moveHandler), p == null || p.removeEventListener("touchend", m.upHandler), x.cancelable && (x.preventDefault(), x.stopPropagation()), f((k = x.touches[0]) == null ? void 0 : k.clientX);
           }
-        }, w = La() ? {
+        }, w = Aa() ? {
           passive: !1
         } : !1;
         Tt(a) ? (p == null || p.addEventListener("touchmove", m.moveHandler, w), p == null || p.addEventListener("touchend", m.upHandler, w)) : (p == null || p.addEventListener("mousemove", v.moveHandler, w), p == null || p.addEventListener("mouseup", v.upHandler, w)), n.setColumnSizingInfo((x) => ({
@@ -4802,7 +4811,7 @@ const Ea = {
   }
 };
 let lt = null;
-function La() {
+function Aa() {
   if (typeof lt == "boolean") return lt;
   let e = !1;
   try {
@@ -4821,7 +4830,7 @@ function La() {
 function Tt(e) {
   return e.type === "touchstart";
 }
-const Fa = {
+const Da = {
   getInitialState: (e) => ({
     columnVisibility: {},
     ...e
@@ -4869,14 +4878,14 @@ const Fa = {
 function We(e, n) {
   return n ? n === "center" ? e.getCenterVisibleLeafColumns() : n === "left" ? e.getLeftVisibleLeafColumns() : e.getRightVisibleLeafColumns() : e.getVisibleLeafColumns();
 }
-const Aa = {
+const Na = {
   createTable: (e) => {
     e._getGlobalFacetedRowModel = e.options.getFacetedRowModel && e.options.getFacetedRowModel(e, "__global__"), e.getGlobalFacetedRowModel = () => e.options.manualFiltering || !e._getGlobalFacetedRowModel ? e.getPreFilteredRowModel() : e._getGlobalFacetedRowModel(), e._getGlobalFacetedUniqueValues = e.options.getFacetedUniqueValues && e.options.getFacetedUniqueValues(e, "__global__"), e.getGlobalFacetedUniqueValues = () => e._getGlobalFacetedUniqueValues ? e._getGlobalFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getGlobalFacetedMinMaxValues = e.options.getFacetedMinMaxValues && e.options.getFacetedMinMaxValues(e, "__global__"), e.getGlobalFacetedMinMaxValues = () => {
       if (e._getGlobalFacetedMinMaxValues)
         return e._getGlobalFacetedMinMaxValues();
     };
   }
-}, Da = {
+}, za = {
   getInitialState: (e) => ({
     globalFilter: void 0,
     ...e
@@ -4909,7 +4918,7 @@ const Aa = {
       e.setGlobalFilter(n ? void 0 : e.initialState.globalFilter);
     };
   }
-}, Na = {
+}, Ta = {
   getInitialState: (e) => ({
     expanded: {},
     ...e
@@ -4999,7 +5008,7 @@ const Aa = {
 }, Xt = 0, Jt = 10, Ot = () => ({
   pageIndex: Xt,
   pageSize: Jt
-}), za = {
+}), Oa = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
@@ -5082,7 +5091,7 @@ const Aa = {
 }, It = () => ({
   top: [],
   bottom: []
-}), Ta = {
+}), Ia = {
   getInitialState: (e) => ({
     rowPinning: It(),
     ...e
@@ -5183,7 +5192,7 @@ const Aa = {
       return n.filter((a) => !o.has(a.id));
     }, U(e.options, "debugRows", "getCenterRows"));
   }
-}, Oa = {
+}, Va = {
   getInitialState: (e) => ({
     rowSelection: {},
     ...e
@@ -5339,10 +5348,10 @@ function en(e, n, t) {
     }
   }), o ? "all" : a ? "some" : !1;
 }
-const tn = /([0-9]+)/gm, Ia = (e, n, t) => Rr(Le(e.getValue(t)).toLowerCase(), Le(n.getValue(t)).toLowerCase()), Va = (e, n, t) => Rr(Le(e.getValue(t)), Le(n.getValue(t))), Ha = (e, n, t) => sn(Le(e.getValue(t)).toLowerCase(), Le(n.getValue(t)).toLowerCase()), Ba = (e, n, t) => sn(Le(e.getValue(t)), Le(n.getValue(t))), qa = (e, n, t) => {
+const tn = /([0-9]+)/gm, Ha = (e, n, t) => Rr(Le(e.getValue(t)).toLowerCase(), Le(n.getValue(t)).toLowerCase()), Ba = (e, n, t) => Rr(Le(e.getValue(t)), Le(n.getValue(t))), qa = (e, n, t) => sn(Le(e.getValue(t)).toLowerCase(), Le(n.getValue(t)).toLowerCase()), Ga = (e, n, t) => sn(Le(e.getValue(t)), Le(n.getValue(t))), Wa = (e, n, t) => {
   const r = e.getValue(t), o = n.getValue(t);
   return r > o ? 1 : r < o ? -1 : 0;
-}, Ga = (e, n, t) => sn(e.getValue(t), n.getValue(t));
+}, Ua = (e, n, t) => sn(e.getValue(t), n.getValue(t));
 function sn(e, n) {
   return e === n ? 0 : e > n ? 1 : -1;
 }
@@ -5370,13 +5379,13 @@ function Rr(e, n) {
   return t.length - r.length;
 }
 const qe = {
-  alphanumeric: Ia,
-  alphanumericCaseSensitive: Va,
-  text: Ha,
-  textCaseSensitive: Ba,
-  datetime: qa,
-  basic: Ga
-}, Wa = {
+  alphanumeric: Ha,
+  alphanumericCaseSensitive: Ba,
+  text: qa,
+  textCaseSensitive: Ga,
+  datetime: Wa,
+  basic: Ua
+}, Ya = {
   getInitialState: (e) => ({
     sorting: [],
     ...e
@@ -5465,30 +5474,30 @@ const qe = {
       e.setSorting(n ? [] : (t = (r = e.initialState) == null ? void 0 : r.sorting) != null ? t : []);
     }, e.getPreSortedRowModel = () => e.getGroupedRowModel(), e.getSortedRowModel = () => (!e._getSortedRowModel && e.options.getSortedRowModel && (e._getSortedRowModel = e.options.getSortedRowModel(e)), e.options.manualSorting || !e._getSortedRowModel ? e.getPreSortedRowModel() : e._getSortedRowModel());
   }
-}, Ua = [
-  ma,
-  Fa,
-  Ea,
-  Pa,
+}, Za = [
   va,
-  ha,
-  Aa,
-  //depends on ColumnFaceting
   Da,
-  //depends on ColumnFiltering
-  Wa,
-  $a,
-  //depends on RowSorting
+  Ma,
+  La,
+  xa,
+  wa,
   Na,
+  //depends on ColumnFaceting
   za,
+  //depends on ColumnFiltering
+  Ya,
+  Ea,
+  //depends on RowSorting
   Ta,
   Oa,
-  Ma
+  Ia,
+  Va,
+  Fa
 ];
-function Ya(e) {
+function Ka(e) {
   var n, t;
   process.env.NODE_ENV !== "production" && (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
-  const r = [...Ua, ...(n = e._features) != null ? n : []];
+  const r = [...Za, ...(n = e._features) != null ? n : []];
   let o = {
     _features: r
   };
@@ -5568,7 +5577,7 @@ function Ya(e) {
     getAllColumns: W(() => [o._getColumnDefs()], (f) => {
       const p = function(v, m, w) {
         return w === void 0 && (w = 0), v.map((x) => {
-          const k = fa(o, x, w, m), b = x;
+          const k = ga(o, x, w, m), b = x;
           return k.columns = b.columns ? p(b.columns, k, w + 1) : [], k;
         });
       };
@@ -5592,7 +5601,7 @@ function Ya(e) {
   }
   return o;
 }
-function Za() {
+function Xa() {
   return (e) => W(() => [e.options.data], (n) => {
     const t = {
       rows: [],
@@ -5602,7 +5611,7 @@ function Za() {
       a === void 0 && (a = 0);
       const l = [];
       for (let u = 0; u < o.length; u++) {
-        const d = ga(e, e._getRowId(o[u], u, i), o[u], u, a, void 0, i == null ? void 0 : i.id);
+        const d = ha(e, e._getRowId(o[u], u, i), o[u], u, a, void 0, i == null ? void 0 : i.id);
         if (t.flatRows.push(d), t.rowsById[d.id] = d, l.push(d), e.options.getSubRows) {
           var c;
           d.originalSubRows = e.options.getSubRows(o[u], u), (c = d.originalSubRows) != null && c.length && (d.subRows = r(d.originalSubRows, a + 1, d));
@@ -5623,7 +5632,7 @@ function Za() {
    *
    * @license MIT
    */
-function Ka(e) {
+function Ja(e) {
   const n = {
     state: {},
     // Dummy state
@@ -5633,7 +5642,7 @@ function Ka(e) {
     renderFallbackValue: null,
     ...e
   }, [t] = j.useState(() => ({
-    current: Ya(n)
+    current: Ka(n)
   })), [r, o] = j.useState(() => t.current.initialState);
   return t.current.setOptions((a) => ({
     ...a,
@@ -5649,7 +5658,7 @@ function Ka(e) {
     }
   })), t.current;
 }
-const Xa = {
+const Qa = {
   h1: "text-5xl font-bold",
   h2: "text-4xl font-bold",
   h3: "text-3xl font-bold",
@@ -5662,7 +5671,7 @@ const Xa = {
   body2: "text-sm",
   caption: "text-xs",
   overline: "text-xs uppercase tracking-wide"
-}, Ja = {
+}, ei = {
   default: "text-color-gray-800",
   primary: "text-color-primary",
   secondary: "text-color-secondary",
@@ -5670,7 +5679,7 @@ const Xa = {
   muted: "text-color-gray-400",
   error: "text-color-red-500",
   success: "text-color-green-500"
-}, Qa = ({
+}, ti = ({
   variant: e = "body1",
   component: n,
   className: t = "",
@@ -5691,7 +5700,7 @@ const Xa = {
     caption: "span",
     overline: "span"
   }[e] || "p";
-  return /* @__PURE__ */ s.jsx(i, { className: `${Xa[e]} ${Ja[o]} ${t}`, children: r });
+  return /* @__PURE__ */ s.jsx(i, { className: `${Qa[e]} ${ei[o]} ${t}`, children: r });
 }, je = ({
   variant: e = "filled",
   color: n = "blue",
@@ -5731,7 +5740,7 @@ const Xa = {
       children: t && /* @__PURE__ */ s.jsx(s.Fragment, { children: t })
     }
   );
-}, ei = ({
+}, ni = ({
   total: e,
   currentPage: n,
   pageSize: t = 10,
@@ -5796,7 +5805,7 @@ const Xa = {
       }
     )
   ] });
-}, Tl = ({
+}, Il = ({
   data: e,
   columns: n = [],
   pageSize: t,
@@ -5810,10 +5819,10 @@ const Xa = {
   tdClassName: d = "",
   thClassName: g = ""
 }) => {
-  const f = Ka({
+  const f = Ja({
     data: e,
     columns: n,
-    getCoreRowModel: Za(),
+    getCoreRowModel: Xa(),
     manualPagination: !0,
     pageCount: Math.ceil(l / t),
     state: {
@@ -5841,7 +5850,7 @@ const Xa = {
     ] }),
     /* @__PURE__ */ s.jsxs("div", { className: `w-full py-4 px-2 border-t border-color-gray-200 bg-color-[#FAFBFB]  flex justify-between items-center ${u} sticky bottom-0 z-10`, children: [
       /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ s.jsx(Qa, { variant: "body2", className: "hidden md:flex", children: "Rows per page" }),
+        /* @__PURE__ */ s.jsx(ti, { variant: "body2", className: "hidden md:flex", children: "Rows per page" }),
         /* @__PURE__ */ s.jsx(
           na,
           {
@@ -5855,7 +5864,7 @@ const Xa = {
         )
       ] }),
       /* @__PURE__ */ s.jsx(
-        ei,
+        ni,
         {
           total: l,
           pageSize: t,
@@ -5865,7 +5874,7 @@ const Xa = {
       )
     ] })
   ] }) });
-}, Ol = ({
+}, Vl = ({
   animation: e = "pulse",
   variant: n = "rectangular",
   width: t,
@@ -5935,7 +5944,7 @@ const Xa = {
             }
           ` })
   ] }) });
-}, Il = ({
+}, Hl = ({
   label: e,
   error: n,
   className: t = "",
@@ -5957,7 +5966,7 @@ const Xa = {
   medium: { track: "h-2", thumb: "w-4 h-4" },
   large: { track: "h-3", thumb: "w-5 h-5" }
 };
-function ti(e) {
+function ri(e) {
   const n = se(null), t = se(null), r = se(null), o = (c, u) => {
     if (c === u) return !0;
     if (Array.isArray(c) && Array.isArray(u)) {
@@ -5983,7 +5992,7 @@ function ti(e) {
   }, []);
   return { schedule: i, flush: a, cancel: l, last: t };
 }
-const Vl = Ur(function({
+const Bl = Ur(function({
   /** controlled */
   value: n,
   /** uncontrolled */
@@ -6007,7 +6016,7 @@ const Vl = Ur(function({
   const x = n !== void 0, [k, b] = K(() => t !== void 0 ? t : m ? [a, i] : a), $ = x ? n : k, y = Array.isArray($) ? $[0] : $, [O, N] = Array.isArray($) ? $ : [$, $], V = qt[c] || qt.blue, F = qn[u] ?? qn.medium, Z = oe(
     (_) => (_ - a) / (i - a) * 100,
     [a, i]
-  ), ae = Z(y), ue = Z(O), Q = Z(N), H = oe((_) => Math.max(a, Math.min(i, _)), [a, i]), Y = oe((_) => Math.round(_ / l) * l, [l]), T = ti(r), te = oe(
+  ), ae = Z(y), ue = Z(O), Q = Z(N), H = oe((_) => Math.max(a, Math.min(i, _)), [a, i]), Y = oe((_) => Math.round(_ / l) * l, [l]), T = ri(r), te = oe(
     (_, J = !0) => {
       x || b(_), J ? T.schedule(_) : T.flush(_);
     },
@@ -6279,7 +6288,7 @@ const Vl = Ur(function({
     ] }),
     f && /* @__PURE__ */ s.jsx("div", { className: "ml-3 text-sm font-medium text-color-gray-700 dark:text-color-gray-200 min-w-[2rem] text-right", children: m ? /* @__PURE__ */ s.jsx("div", { className: "range-max", children: /* @__PURE__ */ s.jsx("div", { children: N }) }) : /* @__PURE__ */ s.jsx("span", { children: y }) })
   ] }) });
-}), Hl = ({
+}), ql = ({
   open: e = !1,
   message: n,
   autoHideDuration: t = 4e3,
@@ -6361,7 +6370,7 @@ const Vl = Ur(function({
       }
     )
   ] }) : null;
-}, Bl = ({
+}, Gl = ({
   variant: e = "linear",
   value: n = 0,
   color: t = "blue",
@@ -6461,7 +6470,7 @@ const Vl = Ur(function({
   small: "w-4 h-4",
   medium: "w-6 h-6",
   large: "w-8 h-8"
-}, ql = ({
+}, Wl = ({
   value: e,
   onChange: n,
   readOnly: t = !1,
@@ -6530,7 +6539,7 @@ const Vl = Ur(function({
     k,
     d && p !== null ? /* @__PURE__ */ s.jsx("span", { className: "ml-2 text-xs text-gray-500", children: f[p] || p }) : g ? /* @__PURE__ */ s.jsx("span", { className: "ml-2 text-xs text-gray-500", children: f[e] || e }) : null
   ] });
-}, Gl = ({
+}, Ul = ({
   children: e,
   width: n = "100%",
   height: t = "auto",
@@ -6719,7 +6728,7 @@ const Vl = Ur(function({
       ]
     }
   );
-}, Wl = ({
+}, Yl = ({
   title: e,
   description: n,
   actionLabel: t,
@@ -6752,7 +6761,7 @@ const Vl = Ur(function({
       i
     ]
   }
-), Ul = ({
+), Zl = ({
   initialState: e = !1,
   onToggle: n,
   disabled: t = !1,
@@ -6825,7 +6834,7 @@ const Vl = Ur(function({
   small: "rounded-md",
   medium: "rounded-xl",
   large: "rounded-2xl"
-}, ni = ({
+}, oi = ({
   title: e,
   subtitle: n,
   space: t = "medium",
@@ -6867,7 +6876,7 @@ const Vl = Ur(function({
     /* @__PURE__ */ s.jsx("div", { children: c }),
     p && /* @__PURE__ */ s.jsx("div", { className: "absolute w-full h-full top-0 left-0 flex items-center justify-center bg-color-white bg-opacity-50", children: p })
   ] });
-}, Yl = ({
+}, Kl = ({
   orientation: e = "horizontal",
   variant: n = "fullWidth",
   children: t,
@@ -6904,7 +6913,7 @@ const Vl = Ur(function({
       ${n === "inset" ? o ? "pl-4" : "pt-4" : ""} ${a}`
     }
   );
-}, Zl = ({
+}, Xl = ({
   name: e,
   options: n,
   selectedValue: t,
@@ -6945,7 +6954,7 @@ const Vl = Ur(function({
     },
     d
   );
-}) }), Kl = ({
+}) }), Jl = ({
   label: e,
   value: n,
   onChange: t,
@@ -6986,7 +6995,7 @@ const Vl = Ur(function({
       /* @__PURE__ */ s.jsx("span", { className: `absolute right-3 text-sm top-1/2 -translate-y-1/2 ${i ? "opacity-60" : ""}`, children: /* @__PURE__ */ s.jsx("svg", { className: "size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" }) }) })
     ] })
   ] });
-}, Xl = ({
+}, Ql = ({
   content: e,
   children: n,
   position: t = "top"
@@ -7037,10 +7046,10 @@ const Vl = Ur(function({
     )
   ] });
 };
-function ri(...e) {
+function ai(...e) {
   return e.filter(Boolean).join(" ");
 }
-const oi = {
+const ii = {
   sm: "max-w-sm",
   md: "max-w-md",
   lg: "max-w-lg",
@@ -7048,7 +7057,7 @@ const oi = {
   "2xl": "max-w-2xl",
   "4xl": "max-w-4xl",
   "6xl": "max-w-6xl"
-}, ai = Ye(
+}, li = Ye(
   ({
     open: e,
     onClose: n,
@@ -7087,7 +7096,7 @@ const oi = {
       /* @__PURE__ */ s.jsxs(
         "div",
         {
-          className: ri(
+          className: ai(
             "fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300",
             m ? "opacity-100" : "opacity-0 pointer-events-none"
           ),
@@ -7104,7 +7113,7 @@ const oi = {
             /* @__PURE__ */ s.jsxs(
               "div",
               {
-                className: `relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${m ? "opacity-100 scale-100" : "opacity-0 scale-95"} ${l ? "w-full h-[calc(100%_-_40px)] m-5" : `${c ? "w-full" : "w-auto"} ${u ? oi[u] : ""} mx-5`} ${t}`,
+                className: `relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${m ? "opacity-100 scale-100" : "opacity-0 scale-95"} ${l ? "w-full h-[calc(100%_-_40px)] m-5" : `${c ? "w-full" : "w-auto"} ${u ? ii[u] : ""} mx-5`} ${t}`,
                 onTransitionEnd: x,
                 children: [
                   /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
@@ -7135,7 +7144,7 @@ const oi = {
     ) : null;
   }
 );
-function Jl({ items: e, trigger: n, className: t, dropdownItemClass: r }) {
+function es({ items: e, trigger: n, className: t, dropdownItemClass: r }) {
   const [o, a] = K(!1), [i, l] = K({ top: 0, left: 0 }), [c, u] = K(!1), d = se(null), g = se(null), f = (v) => {
     v.stopPropagation(), a((m) => !m), u(!1);
   };
@@ -7188,10 +7197,10 @@ function Jl({ items: e, trigger: n, className: t, dropdownItemClass: r }) {
     o && Ze(p, document.body)
   ] });
 }
-function ii(...e) {
+function si(...e) {
   return e.filter(Boolean).join(" ");
 }
-const li = ({
+const ci = ({
   open: e,
   onClose: n,
   className: t,
@@ -7235,7 +7244,7 @@ const li = ({
     /* @__PURE__ */ s.jsxs(
       "div",
       {
-        className: ii(
+        className: si(
           "fixed inset-0 z-50 transition-opacity duration-300",
           g ? "opacity-100" : "opacity-0 pointer-events-none"
         ),
@@ -7275,7 +7284,7 @@ const li = ({
     ),
     document.body
   );
-}, Ql = ({
+}, ts = ({
   title: e,
   content: n,
   expandIcon: t,
@@ -7313,25 +7322,25 @@ const li = ({
     ),
     /* @__PURE__ */ s.jsx("div", { className: `grid overflow-hidden transition-all duration-300 ease-in-out grid-rows-[0fr] ${p ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"}`, children: /* @__PURE__ */ s.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ s.jsx("div", { className: `p-4 text-sm text-color-gray-700 ${u}`, children: n }) }) })
   ] });
-}, si = {
+}, ui = {
   info: "bg-color-blue-50 border-color-blue-300 text-color-blue-800",
   success: "bg-color-green-50 border-color-green-300 text-color-green-800",
   danger: "bg-color-red-50 border-color-red-300 text-color-red-800",
   warning: "bg-color-yellow-50 border-color-yellow-300 text-color-yellow-800",
   dark: "bg-color-gray-100 border-color-gray-300 text-color-gray-800"
-}, ci = {
+}, di = {
   info: /* @__PURE__ */ s.jsx("svg", { className: "text-color-blue-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" }) }),
   success: /* @__PURE__ */ s.jsx("svg", { className: "text-color-green-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM17.4571 9.45711L16.0429 8.04289L11 13.0858L8.20711 10.2929L6.79289 11.7071L11 15.9142L17.4571 9.45711Z" }) }),
   danger: /* @__PURE__ */ s.jsx("svg", { className: "text-color-red-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z" }) }),
   warning: /* @__PURE__ */ s.jsx("svg", { className: "text-color-yellow-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z" }) }),
   dark: /* @__PURE__ */ s.jsx("svg", { className: "text-color-gray-800 shrink-0 size-7", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" }) })
-}, ui = {
+}, pi = {
   info: "bg-color-blue-500",
   success: "bg-color-green-500",
   danger: "bg-color-red-500",
   warning: "bg-color-yellow-500",
   dark: "bg-color-gray-700"
-}, es = ({
+}, ns = ({
   message: e,
   variant: n = "info",
   onClose: t,
@@ -7350,10 +7359,10 @@ const li = ({
   }, [r, a, t]), i ? /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: `relative border-t-4 p-4 flex items-start justify-between ${si[n]} ${o}`,
+      className: `relative border-t-4 p-4 flex items-start justify-between ${ui[n]} ${o}`,
       children: [
         /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-          ci[n],
+          di[n],
           /* @__PURE__ */ s.jsx("span", { dangerouslySetInnerHTML: { __html: e } })
         ] }),
         /* @__PURE__ */ s.jsx(
@@ -7371,14 +7380,14 @@ const li = ({
           "div",
           {
             ref: c,
-            className: `${ui[n]} h-1`,
+            className: `${pi[n]} h-1`,
             style: { width: "100%" }
           }
         ) })
       ]
     }
   ) : null;
-}, ts = ({
+}, rs = ({
   children: e,
   count: n,
   showDot: t = !1,
@@ -7464,18 +7473,18 @@ function cn(e) {
   return n;
 }
 function jr(e, n, t = "/") {
-  return di(e, n, t, !1);
+  return fi(e, n, t, !1);
 }
-function di(e, n, t, r) {
+function fi(e, n, t, r) {
   let o = typeof n == "string" ? cn(n) : n, a = Fe(o.pathname || "/", t);
   if (a == null)
     return null;
   let i = kr(e);
-  pi(i);
+  mi(i);
   let l = null;
   for (let c = 0; l == null && c < i.length; ++c) {
-    let u = Si(a);
-    l = yi(
+    let u = ji(a);
+    l = Si(
       i[c],
       u,
       r
@@ -7503,7 +7512,7 @@ function kr(e, n = [], t = [], r = "") {
       `Index routes must not have child routes. Please remove all child routes from route path "${u}".`
     ), kr(a.children, n, d, u)), !(a.path == null && !a.index) && n.push({
       path: u,
-      score: wi(u, a.index),
+      score: yi(u, a.index),
       routesMeta: d
     });
   };
@@ -7531,23 +7540,23 @@ function $r(e) {
     (c) => e.startsWith("/") && c === "" ? "/" : c
   );
 }
-function pi(e) {
+function mi(e) {
   e.sort(
-    (n, t) => n.score !== t.score ? t.score - n.score : bi(
+    (n, t) => n.score !== t.score ? t.score - n.score : Ci(
       n.routesMeta.map((r) => r.childrenIndex),
       t.routesMeta.map((r) => r.childrenIndex)
     )
   );
 }
-var fi = /^:[\w-]+$/, mi = 3, gi = 2, vi = 1, hi = 10, xi = -2, Kn = (e) => e === "*";
-function wi(e, n) {
+var gi = /^:[\w-]+$/, vi = 3, hi = 2, xi = 1, wi = 10, bi = -2, Kn = (e) => e === "*";
+function yi(e, n) {
   let t = e.split("/"), r = t.length;
-  return t.some(Kn) && (r += xi), n && (r += gi), t.filter((o) => !Kn(o)).reduce(
-    (o, a) => o + (fi.test(a) ? mi : a === "" ? vi : hi),
+  return t.some(Kn) && (r += bi), n && (r += hi), t.filter((o) => !Kn(o)).reduce(
+    (o, a) => o + (gi.test(a) ? vi : a === "" ? xi : wi),
     r
   );
 }
-function bi(e, n) {
+function Ci(e, n) {
   return e.length === n.length && e.slice(0, -1).every((r, o) => r === n[o]) ? (
     // If two routes are siblings, we should try to match the earlier sibling
     // first. This allows people to have fine-grained control over the matching
@@ -7560,7 +7569,7 @@ function bi(e, n) {
     0
   );
 }
-function yi(e, n, t = !1) {
+function Si(e, n, t = !1) {
   let { routesMeta: r } = e, o = {}, a = "/", i = [];
   for (let l = 0; l < r.length; ++l) {
     let c = r[l], u = l === r.length - 1, d = a === "/" ? n : n.slice(a.length) || "/", g = gt(
@@ -7580,7 +7589,7 @@ function yi(e, n, t = !1) {
       // TODO: Can this as be avoided?
       params: o,
       pathname: ke([a, g.pathname]),
-      pathnameBase: $i(
+      pathnameBase: Ei(
         ke([a, g.pathnameBase])
       ),
       route: f
@@ -7590,7 +7599,7 @@ function yi(e, n, t = !1) {
 }
 function gt(e, n) {
   typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [t, r] = Ci(
+  let [t, r] = Ri(
     e.path,
     e.caseSensitive,
     e.end
@@ -7614,7 +7623,7 @@ function gt(e, n) {
     pattern: e
   };
 }
-function Ci(e, n = !1, t = !0) {
+function Ri(e, n = !1, t = !0) {
   $e(
     e === "*" || !e.endsWith("*") || e.endsWith("/*"),
     `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
@@ -7625,7 +7634,7 @@ function Ci(e, n = !1, t = !0) {
   );
   return e.endsWith("*") ? (r.push({ paramName: "*" }), o += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : t ? o += "\\/*$" : e !== "" && e !== "/" && (o += "(?:(?=\\/|$))"), [new RegExp(o, n ? void 0 : "i"), r];
 }
-function Si(e) {
+function ji(e) {
   try {
     return e.split("/").map((n) => decodeURIComponent(n).replace(/\//g, "%2F")).join("/");
   } catch (n) {
@@ -7642,19 +7651,19 @@ function Fe(e, n) {
   let t = n.endsWith("/") ? n.length - 1 : n.length, r = e.charAt(t);
   return r && r !== "/" ? null : e.slice(t) || "/";
 }
-function Ri(e, n = "/") {
+function ki(e, n = "/") {
   let {
     pathname: t,
     search: r = "",
     hash: o = ""
   } = typeof e == "string" ? cn(e) : e;
   return {
-    pathname: t ? t.startsWith("/") ? t : ji(t, n) : n,
-    search: _i(r),
-    hash: Ei(o)
+    pathname: t ? t.startsWith("/") ? t : $i(t, n) : n,
+    search: Pi(r),
+    hash: Mi(o)
   };
 }
-function ji(e, n) {
+function $i(e, n) {
   let t = n.replace(/\/+$/, "").split("/");
   return e.split("/").forEach((o) => {
     o === ".." ? t.length > 1 && t.pop() : o !== "." && t.push(o);
@@ -7665,13 +7674,13 @@ function Ht(e, n, t, r) {
     r
   )}].  Please separate it out to the \`to.${t}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
 }
-function ki(e) {
+function _i(e) {
   return e.filter(
     (n, t) => t === 0 || n.route.path && n.route.path.length > 0
   );
 }
 function _r(e) {
-  let n = ki(e);
+  let n = _i(e);
   return n.map(
     (t, r) => r === n.length - 1 ? t.pathname : t.pathnameBase
   );
@@ -7701,11 +7710,11 @@ function Er(e, n, t, r = !1) {
     }
     l = g >= 0 ? n[g] : "/";
   }
-  let c = Ri(o, l), u = i && i !== "/" && i.endsWith("/"), d = (a || i === ".") && t.endsWith("/");
+  let c = ki(o, l), u = i && i !== "/" && i.endsWith("/"), d = (a || i === ".") && t.endsWith("/");
   return !c.pathname.endsWith("/") && (u || d) && (c.pathname += "/"), c;
 }
-var ke = (e) => e.join("/").replace(/\/\/+/g, "/"), $i = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), _i = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Ei = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
-function Pi(e) {
+var ke = (e) => e.join("/").replace(/\/\/+/g, "/"), Ei = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Pi = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Mi = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
+function Li(e) {
   return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
 }
 var Pr = [
@@ -7717,11 +7726,11 @@ var Pr = [
 new Set(
   Pr
 );
-var Mi = [
+var Fi = [
   "GET",
   ...Pr
 ];
-new Set(Mi);
+new Set(Fi);
 var Ie = j.createContext(null);
 Ie.displayName = "DataRouter";
 var ht = j.createContext(null);
@@ -7731,12 +7740,12 @@ var Mr = j.createContext({
   isTransitioning: !1
 });
 Mr.displayName = "ViewTransition";
-var Li = j.createContext(
+var Ai = j.createContext(
   /* @__PURE__ */ new Map()
 );
-Li.displayName = "Fetchers";
-var Fi = j.createContext(null);
-Fi.displayName = "Await";
+Ai.displayName = "Fetchers";
+var Di = j.createContext(null);
+Di.displayName = "Await";
 var _e = j.createContext(
   null
 );
@@ -7753,7 +7762,7 @@ var Ee = j.createContext({
 Ee.displayName = "Route";
 var dn = j.createContext(null);
 dn.displayName = "RouteError";
-function Ai(e, { relative: n } = {}) {
+function Ni(e, { relative: n } = {}) {
   ve(
     xt(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -7778,11 +7787,11 @@ var Lr = "You should call navigate() in a React.useEffect(), not when your compo
 function Fr(e) {
   j.useContext(_e).static || j.useLayoutEffect(e);
 }
-function Di() {
+function zi() {
   let { isDataRoute: e } = j.useContext(Ee);
-  return e ? Yi() : Ni();
+  return e ? Ki() : Ti();
 }
-function Ni() {
+function Ti() {
   ve(
     xt(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -7833,7 +7842,7 @@ function Ke(e, { relative: n } = {}) {
     [e, o, r, n]
   );
 }
-function zi(e, n, t, r) {
+function Oi(e, n, t, r) {
   ve(
     xt(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -7865,7 +7874,7 @@ Please change the parent <Route path="${x}"> to <Route path="${x === "/" ? "*" :
   ), $e(
     m == null || m[m.length - 1].route.element !== void 0 || m[m.length - 1].route.Component !== void 0 || m[m.length - 1].route.lazy !== void 0,
     `Matched leaf route at location "${f.pathname}${f.search}${f.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
-  ), Hi(
+  ), qi(
     m && m.map(
       (x) => Object.assign({}, x, {
         params: Object.assign({}, l, x.params),
@@ -7886,14 +7895,14 @@ Please change the parent <Route path="${x}"> to <Route path="${x === "/" ? "*" :
     r
   );
 }
-function Ti() {
-  let e = Ui(), n = Pi(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), t = e instanceof Error ? e.stack : null, r = "rgba(200,200,200, 0.5)", o = { padding: "0.5rem", backgroundColor: r }, a = { padding: "2px 4px", backgroundColor: r }, i = null;
+function Ii() {
+  let e = Zi(), n = Li(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), t = e instanceof Error ? e.stack : null, r = "rgba(200,200,200, 0.5)", o = { padding: "0.5rem", backgroundColor: r }, a = { padding: "2px 4px", backgroundColor: r }, i = null;
   return console.error(
     "Error handled by React Router default ErrorBoundary:",
     e
   ), i = /* @__PURE__ */ j.createElement(j.Fragment, null, /* @__PURE__ */ j.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ j.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ j.createElement("code", { style: a }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ j.createElement("code", { style: a }, "errorElement"), " prop on your route.")), /* @__PURE__ */ j.createElement(j.Fragment, null, /* @__PURE__ */ j.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ j.createElement("h3", { style: { fontStyle: "italic" } }, n), t ? /* @__PURE__ */ j.createElement("pre", { style: o }, t) : null, i);
 }
-var Oi = /* @__PURE__ */ j.createElement(Ti, null), Ii = class extends j.Component {
+var Vi = /* @__PURE__ */ j.createElement(Ii, null), Hi = class extends j.Component {
   constructor(e) {
     super(e), this.state = {
       location: e.location,
@@ -7932,11 +7941,11 @@ var Oi = /* @__PURE__ */ j.createElement(Ti, null), Ii = class extends j.Compone
     )) : this.props.children;
   }
 };
-function Vi({ routeContext: e, match: n, children: t }) {
+function Bi({ routeContext: e, match: n, children: t }) {
   let r = j.useContext(Ie);
   return r && r.static && r.staticContext && (n.route.errorElement || n.route.ErrorBoundary) && (r.staticContext._deepestRenderedBoundaryId = n.route.id), /* @__PURE__ */ j.createElement(Ee.Provider, { value: e }, t);
 }
-function Hi(e, n = [], t = null, r = null) {
+function qi(e, n = [], t = null, r = null) {
   if (e == null) {
     if (!t)
       return null;
@@ -7977,7 +7986,7 @@ function Hi(e, n = [], t = null, r = null) {
   return o.reduceRight(
     (c, u, d) => {
       let g, f = !1, p = null, v = null;
-      t && (g = a && u.route.id ? a[u.route.id] : void 0, p = u.route.errorElement || Oi, i && (l < 0 && d === 0 ? (Ar(
+      t && (g = a && u.route.id ? a[u.route.id] : void 0, p = u.route.errorElement || Vi, i && (l < 0 && d === 0 ? (Ar(
         "route-fallback",
         !1,
         "No `HydrateFallback` element provided to render during initial hydration"
@@ -7985,7 +7994,7 @@ function Hi(e, n = [], t = null, r = null) {
       let m = n.concat(o.slice(0, d + 1)), w = () => {
         let x;
         return g ? x = p : f ? x = v : u.route.Component ? x = /* @__PURE__ */ j.createElement(u.route.Component, null) : u.route.element ? x = u.route.element : x = c, /* @__PURE__ */ j.createElement(
-          Vi,
+          Bi,
           {
             match: u,
             routeContext: {
@@ -7998,7 +8007,7 @@ function Hi(e, n = [], t = null, r = null) {
         );
       };
       return t && (u.route.ErrorBoundary || u.route.errorElement || d === 0) ? /* @__PURE__ */ j.createElement(
-        Ii,
+        Hi,
         {
           location: t.location,
           revalidation: t.revalidation,
@@ -8015,34 +8024,34 @@ function Hi(e, n = [], t = null, r = null) {
 function pn(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
-function Bi(e) {
+function Gi(e) {
   let n = j.useContext(Ie);
   return ve(n, pn(e)), n;
 }
-function qi(e) {
+function Wi(e) {
   let n = j.useContext(ht);
   return ve(n, pn(e)), n;
 }
-function Gi(e) {
+function Ui(e) {
   let n = j.useContext(Ee);
   return ve(n, pn(e)), n;
 }
 function fn(e) {
-  let n = Gi(e), t = n.matches[n.matches.length - 1];
+  let n = Ui(e), t = n.matches[n.matches.length - 1];
   return ve(
     t.route.id,
     `${e} can only be used on routes that contain a unique "id"`
   ), t.route.id;
 }
-function Wi() {
+function Yi() {
   return fn(
     "useRouteId"
     /* UseRouteId */
   );
 }
-function Ui() {
+function Zi() {
   var r;
-  let e = j.useContext(dn), n = qi(
+  let e = j.useContext(dn), n = Wi(
     "useRouteError"
     /* UseRouteError */
   ), t = fn(
@@ -8051,8 +8060,8 @@ function Ui() {
   );
   return e !== void 0 ? e : (r = n.errors) == null ? void 0 : r[t];
 }
-function Yi() {
-  let { router: e } = Bi(
+function Ki() {
+  let { router: e } = Gi(
     "useNavigate"
     /* UseNavigateStable */
   ), n = fn(
@@ -8072,37 +8081,37 @@ var Xn = {};
 function Ar(e, n, t) {
   !n && !Xn[e] && (Xn[e] = !0, $e(!1, t));
 }
-j.memo(Zi);
-function Zi({
+j.memo(Xi);
+function Xi({
   routes: e,
   future: n,
   state: t
 }) {
-  return zi(e, void 0, t, n);
+  return Oi(e, void 0, t, n);
 }
 var ut = "get", dt = "application/x-www-form-urlencoded";
 function wt(e) {
   return e != null && typeof e.tagName == "string";
 }
-function Ki(e) {
+function Ji(e) {
   return wt(e) && e.tagName.toLowerCase() === "button";
 }
-function Xi(e) {
+function Qi(e) {
   return wt(e) && e.tagName.toLowerCase() === "form";
 }
-function Ji(e) {
+function el(e) {
   return wt(e) && e.tagName.toLowerCase() === "input";
 }
-function Qi(e) {
+function tl(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function el(e, n) {
+function nl(e, n) {
   return e.button === 0 && // Ignore everything but left clicks
   (!n || n === "_self") && // Let browser handle "target=_blank" etc.
-  !Qi(e);
+  !tl(e);
 }
 var ct = null;
-function tl() {
+function rl() {
   if (ct === null)
     try {
       new FormData(
@@ -8115,30 +8124,30 @@ function tl() {
     }
   return ct;
 }
-var nl = /* @__PURE__ */ new Set([
+var ol = /* @__PURE__ */ new Set([
   "application/x-www-form-urlencoded",
   "multipart/form-data",
   "text/plain"
 ]);
 function Bt(e) {
-  return e != null && !nl.has(e) ? ($e(
+  return e != null && !ol.has(e) ? ($e(
     !1,
     `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${dt}"`
   ), null) : e;
 }
-function rl(e, n) {
+function al(e, n) {
   let t, r, o, a, i;
-  if (Xi(e)) {
+  if (Qi(e)) {
     let l = e.getAttribute("action");
     r = l ? Fe(l, n) : null, t = e.getAttribute("method") || ut, o = Bt(e.getAttribute("enctype")) || dt, a = new FormData(e);
-  } else if (Ki(e) || Ji(e) && (e.type === "submit" || e.type === "image")) {
+  } else if (Ji(e) || el(e) && (e.type === "submit" || e.type === "image")) {
     let l = e.form;
     if (l == null)
       throw new Error(
         'Cannot submit a <button> or <input type="submit"> without a <form>'
       );
     let c = e.getAttribute("formaction") || l.getAttribute("action");
-    if (r = c ? Fe(c, n) : null, t = e.getAttribute("formmethod") || l.getAttribute("method") || ut, o = Bt(e.getAttribute("formenctype")) || Bt(l.getAttribute("enctype")) || dt, a = new FormData(l, e), !tl()) {
+    if (r = c ? Fe(c, n) : null, t = e.getAttribute("formmethod") || l.getAttribute("method") || ut, o = Bt(e.getAttribute("formenctype")) || Bt(l.getAttribute("enctype")) || dt, a = new FormData(l, e), !rl()) {
       let { name: u, type: d, value: g } = e;
       if (d === "image") {
         let f = u ? `${u}.` : "";
@@ -8159,7 +8168,7 @@ function mn(e, n) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(n);
 }
-function ol(e, n, t) {
+function il(e, n, t) {
   let r = typeof e == "string" ? new URL(
     e,
     // This can be called during the SSR flow via PrefetchPageLinksImpl so
@@ -8168,7 +8177,7 @@ function ol(e, n, t) {
   ) : e;
   return r.pathname === "/" ? r.pathname = `_root.${t}` : n && Fe(r.pathname, n) === "/" ? r.pathname = `${n.replace(/\/$/, "")}/_root.${t}` : r.pathname = `${r.pathname.replace(/\/$/, "")}.${t}`, r;
 }
-async function al(e, n) {
+async function ll(e, n) {
   if (e.id in n)
     return n[e.id];
   try {
@@ -8185,22 +8194,22 @@ async function al(e, n) {
     });
   }
 }
-function il(e) {
+function sl(e) {
   return e == null ? !1 : e.href == null ? e.rel === "preload" && typeof e.imageSrcSet == "string" && typeof e.imageSizes == "string" : typeof e.rel == "string" && typeof e.href == "string";
 }
-async function ll(e, n, t) {
+async function cl(e, n, t) {
   let r = await Promise.all(
     e.map(async (o) => {
       let a = n.routes[o.route.id];
       if (a) {
-        let i = await al(a, t);
+        let i = await ll(a, t);
         return i.links ? i.links() : [];
       }
       return [];
     })
   );
-  return dl(
-    r.flat(1).filter(il).filter((o) => o.rel === "stylesheet" || o.rel === "preload").map(
+  return fl(
+    r.flat(1).filter(sl).filter((o) => o.rel === "stylesheet" || o.rel === "preload").map(
       (o) => o.rel === "stylesheet" ? { ...o, rel: "prefetch", as: "style" } : { ...o, rel: "prefetch" }
     )
   );
@@ -8241,8 +8250,8 @@ function Jn(e, n, t, r, o, a) {
     return !0;
   }) : [];
 }
-function sl(e, n, { includeHydrateFallback: t } = {}) {
-  return cl(
+function ul(e, n, { includeHydrateFallback: t } = {}) {
+  return dl(
     e.map((r) => {
       let o = n.routes[r.route.id];
       if (!o) return [];
@@ -8251,19 +8260,19 @@ function sl(e, n, { includeHydrateFallback: t } = {}) {
     }).flat(1)
   );
 }
-function cl(e) {
+function dl(e) {
   return [...new Set(e)];
 }
-function ul(e) {
+function pl(e) {
   let n = {}, t = Object.keys(e).sort();
   for (let r of t)
     n[r] = e[r];
   return n;
 }
-function dl(e, n) {
+function fl(e, n) {
   let t = /* @__PURE__ */ new Set();
   return new Set(n), e.reduce((r, o) => {
-    let a = JSON.stringify(ul(o));
+    let a = JSON.stringify(pl(o));
     return t.has(a) || (t.add(a), r.push({ key: a, link: o })), r;
   }, []);
 }
@@ -8274,7 +8283,7 @@ function Dr() {
     "You must render this element inside a <DataRouterContext.Provider> element"
   ), e;
 }
-function pl() {
+function ml() {
   let e = j.useContext(ht);
   return mn(
     e,
@@ -8290,7 +8299,7 @@ function Nr() {
     "You must render this element inside a <HydratedRouter> element"
   ), e;
 }
-function fl(e, n) {
+function gl(e, n) {
   let t = j.useContext(gn), [r, o] = j.useState(!1), [a, i] = j.useState(!1), { onFocus: l, onBlur: c, onMouseEnter: u, onMouseLeave: d, onTouchStart: g } = n, f = j.useRef(null);
   j.useEffect(() => {
     if (e === "render" && i(!0), e === "viewport") {
@@ -8335,18 +8344,18 @@ function Ge(e, n) {
     e && e(t), t.defaultPrevented || n(t);
   };
 }
-function ml({ page: e, ...n }) {
+function vl({ page: e, ...n }) {
   let { router: t } = Dr(), r = j.useMemo(
     () => jr(t.routes, e, t.basename),
     [t.routes, e, t.basename]
   );
-  return r ? /* @__PURE__ */ j.createElement(vl, { page: e, matches: r, ...n }) : null;
+  return r ? /* @__PURE__ */ j.createElement(xl, { page: e, matches: r, ...n }) : null;
 }
-function gl(e) {
+function hl(e) {
   let { manifest: n, routeModules: t } = Nr(), [r, o] = j.useState([]);
   return j.useEffect(() => {
     let a = !1;
-    return ll(e, n, t).then(
+    return cl(e, n, t).then(
       (i) => {
         a || o(i);
       }
@@ -8355,12 +8364,12 @@ function gl(e) {
     };
   }, [e, n, t]), r;
 }
-function vl({
+function xl({
   page: e,
   matches: n,
   ...t
 }) {
-  let r = Ne(), { manifest: o, routeModules: a } = Nr(), { basename: i } = Dr(), { loaderData: l, matches: c } = pl(), u = j.useMemo(
+  let r = Ne(), { manifest: o, routeModules: a } = Nr(), { basename: i } = Dr(), { loaderData: l, matches: c } = ml(), u = j.useMemo(
     () => Jn(
       e,
       n,
@@ -8390,7 +8399,7 @@ function vl({
       !k || !k.hasLoader || (!u.some(($) => $.route.id === x.route.id) && x.route.id in l && ((b = a[x.route.id]) != null && b.shouldRevalidate) || k.hasClientLoader ? m = !0 : v.add(x.route.id));
     }), v.size === 0)
       return [];
-    let w = ol(e, i, "data");
+    let w = il(e, i, "data");
     return m && v.size > 0 && w.searchParams.set(
       "_routes",
       n.filter((x) => v.has(x.route.id)).map((x) => x.route.id).join(",")
@@ -8405,16 +8414,16 @@ function vl({
     e,
     a
   ]), f = j.useMemo(
-    () => sl(d, o),
+    () => ul(d, o),
     [d, o]
-  ), p = gl(d);
+  ), p = hl(d);
   return /* @__PURE__ */ j.createElement(j.Fragment, null, g.map((v) => /* @__PURE__ */ j.createElement("link", { key: v, rel: "prefetch", as: "fetch", href: v, ...t })), f.map((v) => /* @__PURE__ */ j.createElement("link", { key: v, rel: "modulepreload", href: v, ...t })), p.map(({ key: v, link: m }) => (
     // these don't spread `linkProps` because they are full link descriptors
     // already with their own props
     /* @__PURE__ */ j.createElement("link", { key: v, ...m })
   )));
 }
-function hl(...e) {
+function wl(...e) {
   return (n) => {
     e.forEach((t) => {
       typeof t == "function" ? t(n) : t != null && (t.current = n);
@@ -8453,10 +8462,10 @@ var Tr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = j.forwardRef(
           `<Link to="${u}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
         );
       }
-    let k = Ai(u, { relative: o }), [b, $, y] = fl(
+    let k = Ni(u, { relative: o }), [b, $, y] = gl(
       r,
       f
-    ), O = bl(u, {
+    ), O = Cl(u, {
       replace: i,
       state: l,
       target: c,
@@ -8476,13 +8485,13 @@ var Tr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = j.forwardRef(
           ...y,
           href: w || k,
           onClick: x || a ? n : N,
-          ref: hl(p, $),
+          ref: wl(p, $),
           target: c,
           "data-discover": !m && t === "render" ? "true" : void 0
         }
       )
     );
-    return b && !m ? /* @__PURE__ */ j.createElement(j.Fragment, null, V, /* @__PURE__ */ j.createElement(ml, { page: k })) : V;
+    return b && !m ? /* @__PURE__ */ j.createElement(j.Fragment, null, V, /* @__PURE__ */ j.createElement(vl, { page: k })) : V;
   }
 );
 vn.displayName = "Link";
@@ -8500,7 +8509,7 @@ var Or = j.forwardRef(
   }, d) {
     let g = Ke(i, { relative: u.relative }), f = Ne(), p = j.useContext(ht), { navigator: v, basename: m } = j.useContext(_e), w = p != null && // Conditional usage is OK here because the usage of a data router is static
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    jl(g) && l === !0, x = v.encodeLocation ? v.encodeLocation(g).pathname : g.pathname, k = f.pathname, b = p && p.navigation && p.navigation.location ? p.navigation.location.pathname : null;
+    $l(g) && l === !0, x = v.encodeLocation ? v.encodeLocation(g).pathname : g.pathname, k = f.pathname, b = p && p.navigation && p.navigation.location ? p.navigation.location.pathname : null;
     t || (k = k.toLowerCase(), b = b ? b.toLowerCase() : null, x = x.toLowerCase()), b && m && (b = Fe(b, m) || b);
     const $ = x !== "/" && x.endsWith("/") ? x.length - 1 : x.length;
     let y = k === x || !o && k.startsWith(x) && k.charAt($) === "/", O = b != null && (b === x || !o && b.startsWith(x) && b.charAt(x.length) === "/"), N = {
@@ -8531,7 +8540,7 @@ var Or = j.forwardRef(
   }
 );
 Or.displayName = "NavLink";
-var xl = j.forwardRef(
+var bl = j.forwardRef(
   ({
     discover: e = "render",
     fetcherKey: n,
@@ -8547,7 +8556,7 @@ var xl = j.forwardRef(
     viewTransition: g,
     ...f
   }, p) => {
-    let v = Sl(), m = Rl(l, { relative: u }), w = i.toLowerCase() === "get" ? "get" : "post", x = typeof l == "string" && Tr.test(l), k = (b) => {
+    let v = jl(), m = kl(l, { relative: u }), w = i.toLowerCase() === "get" ? "get" : "post", x = typeof l == "string" && Tr.test(l), k = (b) => {
       if (c && c(b), b.defaultPrevented) return;
       b.preventDefault();
       let $ = b.nativeEvent.submitter, y = ($ == null ? void 0 : $.getAttribute("formmethod")) || i;
@@ -8575,15 +8584,15 @@ var xl = j.forwardRef(
     );
   }
 );
-xl.displayName = "Form";
-function wl(e) {
+bl.displayName = "Form";
+function yl(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
 function Ir(e) {
   let n = j.useContext(Ie);
-  return ve(n, wl(e)), n;
+  return ve(n, yl(e)), n;
 }
-function bl(e, {
+function Cl(e, {
   target: n,
   replace: t,
   state: r,
@@ -8591,10 +8600,10 @@ function bl(e, {
   relative: a,
   viewTransition: i
 } = {}) {
-  let l = Di(), c = Ne(), u = Ke(e, { relative: a });
+  let l = zi(), c = Ne(), u = Ke(e, { relative: a });
   return j.useCallback(
     (d) => {
-      if (el(d, n)) {
+      if (nl(d, n)) {
         d.preventDefault();
         let g = t !== void 0 ? t : nn(c) === nn(u);
         l(e, {
@@ -8620,20 +8629,20 @@ function bl(e, {
     ]
   );
 }
-var yl = 0, Cl = () => `__${String(++yl)}__`;
-function Sl() {
+var Sl = 0, Rl = () => `__${String(++Sl)}__`;
+function jl() {
   let { router: e } = Ir(
     "useSubmit"
     /* UseSubmit */
-  ), { basename: n } = j.useContext(_e), t = Wi();
+  ), { basename: n } = j.useContext(_e), t = Yi();
   return j.useCallback(
     async (r, o = {}) => {
-      let { action: a, method: i, encType: l, formData: c, body: u } = rl(
+      let { action: a, method: i, encType: l, formData: c, body: u } = al(
         r,
         n
       );
       if (o.navigate === !1) {
-        let d = o.fetcherKey || Cl();
+        let d = o.fetcherKey || Rl();
         await e.fetch(d, t, o.action || a, {
           preventScrollReset: o.preventScrollReset,
           formData: c,
@@ -8659,7 +8668,7 @@ function Sl() {
     [e, n, t]
   );
 }
-function Rl(e, { relative: n } = {}) {
+function kl(e, { relative: n } = {}) {
   let { basename: t } = j.useContext(_e), r = j.useContext(Ee);
   ve(r, "useFormAction must be used inside a RouteContext");
   let [o] = r.matches.slice(-1), a = { ...Ke(e || ".", { relative: n }) }, i = Ne();
@@ -8674,7 +8683,7 @@ function Rl(e, { relative: n } = {}) {
   }
   return (!e || e === ".") && o.route.index && (a.search = a.search ? a.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (a.pathname = a.pathname === "/" ? t : ke([t, a.pathname])), nn(a);
 }
-function jl(e, { relative: n } = {}) {
+function $l(e, { relative: n } = {}) {
   let t = j.useContext(Mr);
   ve(
     t != null,
@@ -8689,7 +8698,7 @@ function jl(e, { relative: n } = {}) {
   let a = Fe(t.currentLocation.pathname, r) || t.currentLocation.pathname, i = Fe(t.nextLocation.pathname, r) || t.nextLocation.pathname;
   return gt(o.pathname, i) != null || gt(o.pathname, a) != null;
 }
-const ns = ({
+const os = ({
   variant: e = "fixed",
   activeTab: n,
   navItems: t,
@@ -8715,7 +8724,7 @@ const ns = ({
       c.label
     );
   }) });
-}, rs = ({ items: e, separator: n = "/", className: t = "" }) => /* @__PURE__ */ s.jsx("nav", { className: `text-sm text-color-gray-600 ${t}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ s.jsx("ol", { className: "flex items-center space-x-1", children: e.map((r, o) => /* @__PURE__ */ s.jsxs("li", { className: "flex items-center", children: [
+}, as = ({ items: e, separator: n = "/", className: t = "" }) => /* @__PURE__ */ s.jsx("nav", { className: `text-sm text-color-gray-600 ${t}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ s.jsx("ol", { className: "flex items-center space-x-1", children: e.map((r, o) => /* @__PURE__ */ s.jsxs("li", { className: "flex items-center", children: [
   r.href ? /* @__PURE__ */ s.jsx(
     "a",
     {
@@ -8725,7 +8734,7 @@ const ns = ({
     }
   ) : /* @__PURE__ */ s.jsx("span", { className: "text-color-gray-500 font-medium", children: r.label }),
   o < e.length - 1 && /* @__PURE__ */ s.jsx("span", { className: "mx-2 text-color-gray-400", children: n })
-] }, o)) }) }), Qn = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], kl = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], os = ({
+] }, o)) }) }), Qn = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], _l = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], is = ({
   mode: e = "single",
   type: n = "inline",
   showTime: t = !1,
@@ -8894,7 +8903,7 @@ const ns = ({
             )
           ] }),
           /* @__PURE__ */ s.jsxs("div", { className: "grid grid-columns-7 gap-1 text-center text-sm mb-2", children: [
-            kl.map((S) => /* @__PURE__ */ s.jsx("div", { className: "font-semibold", children: S }, S)),
+            _l.map((S) => /* @__PURE__ */ s.jsx("div", { className: "font-semibold", children: S }, S)),
             z().map((S, R) => /* @__PURE__ */ s.jsx(
               "div",
               {
@@ -8948,9 +8957,9 @@ const ns = ({
         ]
       }
     ),
-    n === "inline" ? /* @__PURE__ */ s.jsx(s.Fragment, { children: g && Ze(q, document.body) }) : /* @__PURE__ */ s.jsx(ai, { open: g, title: r ? "Select Time" : i, onClose: X, children: /* @__PURE__ */ s.jsx("div", { className: "w-72", children: q }) })
+    n === "inline" ? /* @__PURE__ */ s.jsx(s.Fragment, { children: g && Ze(q, document.body) }) : /* @__PURE__ */ s.jsx(li, { open: g, title: r ? "Select Time" : i, onClose: X, children: /* @__PURE__ */ s.jsx("div", { className: "w-72", children: q }) })
   ] });
-}, as = ({
+}, ls = ({
   tabs: e,
   activeKey: n,
   onChange: t,
@@ -8997,10 +9006,10 @@ const ns = ({
       ]
     }
   );
-}, is = ({
+}, ss = ({
   stats: e = [],
   className: n = ""
-}) => /* @__PURE__ */ s.jsx(ni, { className: `w-full  ${n}`, children: /* @__PURE__ */ s.jsx("div", { className: "grid grid-columns-1 sm:grid-columns-1 md:grid-columns-2 lg:grid-columns-4 gap-4  justify-items-center", children: e.map((t, r) => /* @__PURE__ */ s.jsxs(
+}) => /* @__PURE__ */ s.jsx(oi, { className: `w-full  ${n}`, children: /* @__PURE__ */ s.jsx("div", { className: "grid grid-columns-1 sm:grid-columns-1 md:grid-columns-2 lg:grid-columns-4 gap-4  justify-items-center", children: e.map((t, r) => /* @__PURE__ */ s.jsxs(
   "div",
   {
     className: `flex items-center justify-center gap-4 lg:not-last:border-r md:not-last:border-r md:nth-2:border-r-0 md:not-last:border-b-0 not-last:border-b border-color-gray-200
@@ -9021,7 +9030,7 @@ const ns = ({
   },
   r
 )) }) });
-function ls({
+function cs({
   items: e = [],
   logoJSX: n,
   position: t,
@@ -9035,7 +9044,7 @@ function ls({
     c(d), d.onClick && d.onClick(), i && i(d);
   };
   return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsx(
-    li,
+    ci,
     {
       open: o,
       onClose: a,
@@ -9083,51 +9092,51 @@ function ls({
   ) });
 }
 export {
-  Ql as Accordion,
-  Jl as ActionMenu,
-  es as Alert,
-  ca as Avatar,
-  ts as Badge,
-  ns as BottomNavigation,
-  rs as Breadcrumbs,
+  ts as Accordion,
+  es as ActionMenu,
+  ns as Alert,
+  da as Avatar,
+  rs as Badge,
+  os as BottomNavigation,
+  as as Breadcrumbs,
   Gt as Button,
   xe as COLOR_MAP,
-  ni as Card,
-  Ml as CardWrapper,
-  Gl as Carousel,
-  Ll as Checkbox,
-  is as DashboardStatBoxes,
-  os as DatePicker,
-  ai as Dialog,
-  Yl as Divider,
-  li as Drawer,
-  Fl as Dropdown,
-  Al as DropzoneUploader,
-  Wl as EmptyState,
+  oi as Card,
+  Fl as CardWrapper,
+  Ul as Carousel,
+  Al as Checkbox,
+  ss as DashboardStatBoxes,
+  is as DatePicker,
+  li as Dialog,
+  Kl as Divider,
+  ci as Drawer,
+  Dl as Dropdown,
+  Nl as DropzoneUploader,
+  Yl as EmptyState,
   je as IconButton,
   na as Menu,
   ia as OtpInput,
-  ei as Pagination,
-  la as PasswordInput,
-  Dl as Pill,
-  Nl as ProfileImageShowcase,
-  Bl as Progress,
+  ni as Pagination,
+  ca as PasswordInput,
+  zl as Pill,
+  Tl as ProfileImageShowcase,
+  Gl as Progress,
   qt as RANGE_COLOR_MAP,
-  Zl as RadioGroup,
-  ql as Rating,
-  Kl as Select,
-  ls as Sidebar,
-  Ol as Skeleton,
-  Vl as Slider,
-  Hl as Snackbar,
-  zl as Stepper,
-  Tl as Table,
-  as as Tabs,
-  Il as TextArea,
+  Xl as RadioGroup,
+  Wl as Rating,
+  Jl as Select,
+  cs as Sidebar,
+  Vl as Skeleton,
+  Bl as Slider,
+  ql as Snackbar,
+  Ol as Stepper,
+  Il as Table,
+  ls as Tabs,
+  Hl as TextArea,
   gr as TextInput,
-  Ul as ToggleSwitch,
-  Xl as Tooltip,
-  Qa as Typography,
-  El as extendColorMap,
-  Pl as extendRangeColorMap
+  Zl as ToggleSwitch,
+  Ql as Tooltip,
+  ti as Typography,
+  Ml as extendColorMap,
+  Ll as extendRangeColorMap
 };