sera-components 1.2.2 → 1.3.0

package/dist/index.js

@@ -1,15 +1,16 @@
-var sn = Object.defineProperty;
-var un = (e, n, t) => n in e ? sn(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var G = (e, n, t) => un(e, typeof n != "symbol" ? n + "" : n, t);
-import * as h from "react";
-import cn, { createContext as Ct, useContext as se, useMemo as E, useState as $, useEffect as Te } from "react";
-import { Paper as te, Image as dn, Text as R, Menu as ie, Button as B, Container as fn, Alert as qe, Stack as pe, Flex as z, Loader as Ee, NavLink as lt, Checkbox as ge, Group as D, Input as U, useCombobox as Rt, Combobox as F, Grid as _, InputBase as hn, PasswordInput as mn, CloseButton as gn, Divider as pn, Tooltip as Et, Fieldset as xn, Table as kt, rem as de, Pagination as vn, MenuTarget as yn, MenuDropdown as bn, MenuItem as wn, Tabs as ye } from "@mantine/core";
-import { IconCheck as jn, IconInfoCircle as Ke, IconChevronRight as Sn, IconSearch as Tt, IconHelpOctagonFilled as Nt, IconPlus as Cn, IconPencil as Rn, IconReload as En, IconDatabaseImport as kn, IconDownload as Tn, IconSelector as Nn } from "@tabler/icons-react";
-import { observer as Z } from "mobx-react-lite";
-import { isObjectProperty as ue, isDraftRecord as Pt } from "sera-db";
-import { IMaskInput as Pn } from "react-imask";
-import { flexRender as st, useReactTable as It, getCoreRowModel as Lt, getPaginationRowModel as In } from "@tanstack/react-table";
-var be = { exports: {} }, fe = {};
+var on = Object.defineProperty;
+var ln = (e, n, t) => n in e ? on(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var X = (e, n, t) => ln(e, typeof n != "symbol" ? n + "" : n, t);
+import * as f from "react";
+import sn, { createContext as un, useContext as ke, useMemo as k, useState as _, useEffect as Te } from "react";
+import { Paper as re, Image as cn, Text as E, Menu as ie, Button as q, Container as dn, Alert as qe, Stack as ge, Flex as B, Loader as Re, NavLink as it, Checkbox as me, Group as D, Input as W, useCombobox as St, Combobox as F, Grid as A, InputBase as fn, PasswordInput as hn, CloseButton as mn, Divider as gn, Tooltip as Ct, Fieldset as pn, Table as Rt, rem as ce, Pagination as xn, MenuTarget as vn, MenuDropdown as yn, MenuItem as bn, Tabs as ve } from "@mantine/core";
+import { IconCheck as wn, IconInfoCircle as We, IconChevronRight as jn, IconSearch as Et, IconHelpOctagonFilled as kt, IconPlus as Sn, IconPencil as Cn, IconReload as Rn, IconDatabaseImport as En, IconDownload as kn, IconSelector as Tn } from "@tabler/icons-react";
+import { observer as ee } from "mobx-react-lite";
+import { isObjectProperty as se, isDraftRecord as Tt } from "sera-db";
+import { InternalLink as Nt } from "sera-route";
+import { IMaskInput as Nn } from "react-imask";
+import { flexRender as lt, useReactTable as Pt, getCoreRowModel as It, getPaginationRowModel as Pn } from "@tanstack/react-table";
+var ye = { exports: {} }, de = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -19,10 +20,10 @@ var be = { exports: {} }, fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ut;
-function Ln() {
-  if (ut) return fe;
-  ut = 1;
+var st;
+function In() {
+  if (st) return de;
+  st = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
   function t(a, r, o) {
     var l = null;
@@ -39,9 +40,9 @@ function Ln() {
       props: o
     };
   }
-  return fe.Fragment = n, fe.jsx = t, fe.jsxs = t, fe;
+  return de.Fragment = n, de.jsx = t, de.jsxs = t, de;
 }
-var he = {};
+var fe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -51,152 +52,152 @@ var he = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ct;
-function Fn() {
-  return ct || (ct = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(m) {
-      if (m == null) return null;
-      if (typeof m == "function")
-        return m.$$typeof === H ? null : m.displayName || m.name || null;
-      if (typeof m == "string") return m;
-      switch (m) {
-        case b:
+var ut;
+function Ln() {
+  return ut || (ut = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(h) {
+      if (h == null) return null;
+      if (typeof h == "function")
+        return h.$$typeof === G ? null : h.displayName || h.name || null;
+      if (typeof h == "string") return h;
+      switch (h) {
+        case p:
           return "Fragment";
-        case w:
+        case S:
           return "Profiler";
-        case j:
+        case w:
           return "StrictMode";
-        case T:
+        case R:
           return "Suspense";
-        case re:
+        case U:
           return "SuspenseList";
-        case A:
+        case $:
           return "Activity";
       }
-      if (typeof m == "object")
-        switch (typeof m.tag == "number" && console.error(
+      if (typeof h == "object")
+        switch (typeof h.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), m.$$typeof) {
-          case x:
-            return "Portal";
+        ), h.$$typeof) {
           case v:
-            return (m.displayName || "Context") + ".Provider";
+            return "Portal";
           case y:
-            return (m._context.displayName || "Context") + ".Consumer";
-          case C:
-            var S = m.render;
-            return m = m.displayName, m || (m = S.displayName || S.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
-          case Q:
-            return S = m.displayName || null, S !== null ? S : e(m.type) || "Memo";
-          case ee:
-            S = m._payload, m = m._init;
+            return (h.displayName || "Context") + ".Provider";
+          case b:
+            return (h._context.displayName || "Context") + ".Consumer";
+          case j:
+            var C = h.render;
+            return h = h.displayName, h || (h = C.displayName || C.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
+          case M:
+            return C = h.displayName || null, C !== null ? C : e(h.type) || "Memo";
+          case ne:
+            C = h._payload, h = h._init;
             try {
-              return e(m(S));
+              return e(h(C));
             } catch {
             }
         }
       return null;
     }
-    function n(m) {
-      return "" + m;
+    function n(h) {
+      return "" + h;
     }
-    function t(m) {
+    function t(h) {
       try {
-        n(m);
-        var S = !1;
+        n(h);
+        var C = !1;
       } catch {
-        S = !0;
+        C = !0;
       }
-      if (S) {
-        S = console;
-        var k = S.error, I = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
-        return k.call(
-          S,
+      if (C) {
+        C = console;
+        var T = C.error, I = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
+        return T.call(
+          C,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           I
-        ), n(m);
+        ), n(h);
       }
     }
-    function a(m) {
-      if (m === b) return "<>";
-      if (typeof m == "object" && m !== null && m.$$typeof === ee)
+    function a(h) {
+      if (h === p) return "<>";
+      if (typeof h == "object" && h !== null && h.$$typeof === ne)
         return "<...>";
       try {
-        var S = e(m);
-        return S ? "<" + S + ">" : "<...>";
+        var C = e(h);
+        return C ? "<" + C + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var m = ae.A;
-      return m === null ? null : m.getOwner();
+      var h = ae.A;
+      return h === null ? null : h.getOwner();
     }
     function o() {
       return Error("react-stack-top-frame");
     }
-    function l(m) {
-      if (tt.call(m, "key")) {
-        var S = Object.getOwnPropertyDescriptor(m, "key").get;
-        if (S && S.isReactWarning) return !1;
+    function l(h) {
+      if (et.call(h, "key")) {
+        var C = Object.getOwnPropertyDescriptor(h, "key").get;
+        if (C && C.isReactWarning) return !1;
       }
-      return m.key !== void 0;
+      return h.key !== void 0;
     }
-    function s(m, S) {
-      function k() {
-        nt || (nt = !0, console.error(
+    function s(h, C) {
+      function T() {
+        tt || (tt = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          S
+          C
         ));
       }
-      k.isReactWarning = !0, Object.defineProperty(m, "key", {
-        get: k,
+      T.isReactWarning = !0, Object.defineProperty(h, "key", {
+        get: T,
         configurable: !0
       });
     }
     function u() {
-      var m = e(this.type);
-      return rt[m] || (rt[m] = !0, console.error(
+      var h = e(this.type);
+      return nt[h] || (nt[h] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), m = this.props.ref, m !== void 0 ? m : null;
+      )), h = this.props.ref, h !== void 0 ? h : null;
     }
-    function c(m, S, k, I, Y, M, $e, Ae) {
-      return k = M.ref, m = {
-        $$typeof: f,
-        type: m,
-        key: S,
-        props: M,
-        _owner: Y
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(m, "ref", {
+    function c(h, C, T, I, J, z, _e, $e) {
+      return T = z.ref, h = {
+        $$typeof: m,
+        type: h,
+        key: C,
+        props: z,
+        _owner: J
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(m, "ref", { enumerable: !1, value: null }), m._store = {}, Object.defineProperty(m._store, "validated", {
+      }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(m, "_debugInfo", {
+      }), Object.defineProperty(h, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(m, "_debugStack", {
+      }), Object.defineProperty(h, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $e
-      }), Object.defineProperty(m, "_debugTask", {
+        value: _e
+      }), Object.defineProperty(h, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Ae
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+        value: $e
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function d(m, S, k, I, Y, M, $e, Ae) {
-      var L = S.children;
+    function d(h, C, T, I, J, z, _e, $e) {
+      var L = C.children;
       if (L !== void 0)
         if (I)
-          if (on(L)) {
+          if (rn(L)) {
             for (I = 0; I < L.length; I++)
               g(L[I]);
             Object.freeze && Object.freeze(L);
@@ -205,12 +206,12 @@ function Fn() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else g(L);
-      if (tt.call(S, "key")) {
-        L = e(m);
-        var oe = Object.keys(S).filter(function(ln) {
-          return ln !== "key";
+      if (et.call(C, "key")) {
+        L = e(h);
+        var oe = Object.keys(C).filter(function(an) {
+          return an !== "key";
         });
-        I = 0 < oe.length ? "{key: someKey, " + oe.join(": ..., ") + ": ...}" : "{key: someKey}", it[L + I] || (oe = 0 < oe.length ? "{" + oe.join(": ..., ") + ": ...}" : "{}", console.error(
+        I = 0 < oe.length ? "{key: someKey, " + oe.join(": ..., ") + ": ...}" : "{key: someKey}", ot[L + I] || (oe = 0 < oe.length ? "{" + oe.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -221,74 +222,74 @@ React keys must be passed directly to JSX without using spread:
           L,
           oe,
           L
-        ), it[L + I] = !0);
+        ), ot[L + I] = !0);
       }
-      if (L = null, k !== void 0 && (t(k), L = "" + k), l(S) && (t(S.key), L = "" + S.key), "key" in S) {
-        k = {};
-        for (var Oe in S)
-          Oe !== "key" && (k[Oe] = S[Oe]);
-      } else k = S;
+      if (L = null, T !== void 0 && (t(T), L = "" + T), l(C) && (t(C.key), L = "" + C.key), "key" in C) {
+        T = {};
+        for (var Oe in C)
+          Oe !== "key" && (T[Oe] = C[Oe]);
+      } else T = C;
       return L && s(
-        k,
-        typeof m == "function" ? m.displayName || m.name || "Unknown" : m
+        T,
+        typeof h == "function" ? h.displayName || h.name || "Unknown" : h
       ), c(
-        m,
+        h,
         L,
-        M,
-        Y,
+        z,
+        J,
         r(),
-        k,
-        $e,
-        Ae
+        T,
+        _e,
+        $e
       );
     }
-    function g(m) {
-      typeof m == "object" && m !== null && m.$$typeof === f && m._store && (m._store.validated = 1);
+    function g(h) {
+      typeof h == "object" && h !== null && h.$$typeof === m && h._store && (h._store.validated = 1);
     }
-    var p = cn, f = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), v = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), re = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), ee = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), ae = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, tt = Object.prototype.hasOwnProperty, on = Array.isArray, _e = console.createTask ? console.createTask : function() {
+    var x = sn, m = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), y = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), U = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), ne = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), ae = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, et = Object.prototype.hasOwnProperty, rn = Array.isArray, Ae = console.createTask ? console.createTask : function() {
       return null;
     };
-    p = {
-      react_stack_bottom_frame: function(m) {
-        return m();
+    x = {
+      react_stack_bottom_frame: function(h) {
+        return h();
       }
     };
-    var nt, rt = {}, at = p.react_stack_bottom_frame.bind(
-      p,
+    var tt, nt = {}, rt = x.react_stack_bottom_frame.bind(
+      x,
       o
-    )(), ot = _e(a(o)), it = {};
-    he.Fragment = b, he.jsx = function(m, S, k, I, Y) {
-      var M = 1e4 > ae.recentlyCreatedOwnerStacks++;
+    )(), at = Ae(a(o)), ot = {};
+    fe.Fragment = p, fe.jsx = function(h, C, T, I, J) {
+      var z = 1e4 > ae.recentlyCreatedOwnerStacks++;
       return d(
-        m,
-        S,
-        k,
+        h,
+        C,
+        T,
         !1,
         I,
-        Y,
-        M ? Error("react-stack-top-frame") : at,
-        M ? _e(a(m)) : ot
+        J,
+        z ? Error("react-stack-top-frame") : rt,
+        z ? Ae(a(h)) : at
       );
-    }, he.jsxs = function(m, S, k, I, Y) {
-      var M = 1e4 > ae.recentlyCreatedOwnerStacks++;
+    }, fe.jsxs = function(h, C, T, I, J) {
+      var z = 1e4 > ae.recentlyCreatedOwnerStacks++;
       return d(
-        m,
-        S,
-        k,
+        h,
+        C,
+        T,
         !0,
         I,
-        Y,
-        M ? Error("react-stack-top-frame") : at,
-        M ? _e(a(m)) : ot
+        J,
+        z ? Error("react-stack-top-frame") : rt,
+        z ? Ae(a(h)) : at
       );
     };
-  })()), he;
+  })()), fe;
 }
-var dt;
-function _n() {
-  return dt || (dt = 1, process.env.NODE_ENV === "production" ? be.exports = Ln() : be.exports = Fn()), be.exports;
+var ct;
+function Fn() {
+  return ct || (ct = 1, process.env.NODE_ENV === "production" ? ye.exports = In() : ye.exports = Ln()), ye.exports;
 }
-var i = _n();
+var i = Fn();
 const N = {
   UK: {
     svgFlag: "https://flagcdn.com/gb.svg",
@@ -350,24 +351,24 @@ const N = {
     svgFlag: "https://flagcdn.com/in.svg",
     emojiFlag: "🇮🇳"
   }
-}, $n = ({ flag: e }) => /* @__PURE__ */ i.jsx(te, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ i.jsx(dn, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), An = ({ flag: e }) => /* @__PURE__ */ i.jsx(
-  R,
+}, An = ({ flag: e }) => /* @__PURE__ */ i.jsx(re, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ i.jsx(cn, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), _n = ({ flag: e }) => /* @__PURE__ */ i.jsx(
+  E,
   {
     component: "span",
     style: (n) => ({ textShadow: n.shadows.xs }),
     children: e.emojiFlag
   }
-), Be = navigator.userAgent.includes("Windows") ? $n : An, xe = Ct(new Intl.Locale("en-US")), Ja = Z(
+), Be = navigator.userAgent.includes("Windows") ? An : _n, pe = un(new Intl.Locale("en-US")), Xa = ee(
   ({
     value: e,
     children: n
-  }) => /* @__PURE__ */ i.jsx(xe.Provider, { value: e.locale, children: n })
-), On = {
+  }) => /* @__PURE__ */ i.jsx(pe.Provider, { value: e.locale, children: n })
+), $n = {
   lang2value: {
     en: "Choose Language",
     vi: "Chọn ngôn ngữ"
   }
-}, we = {
+}, be = {
   en: {
     name: "English",
     flag: N.US,
@@ -378,39 +379,39 @@ const N = {
     flag: N.VN,
     locale: new Intl.Locale("vi-VN")
   }
-}, Xa = ({
+}, Za = ({
   locale: e,
   setLocale: n
 }) => {
-  const t = E(() => Object.entries(we).map(
+  const t = k(() => Object.entries(be).map(
     ([a, { flag: r, name: o, locale: l }]) => /* @__PURE__ */ i.jsx(
       ie.Item,
       {
         onClick: () => n(l),
         leftSection: /* @__PURE__ */ i.jsx(Be, { flag: r }),
-        rightSection: e.language === a && /* @__PURE__ */ i.jsx(jn, { size: "15", color: "#2986cc", stroke: 2 }),
-        children: /* @__PURE__ */ i.jsx(R, { size: "sm", children: o })
+        rightSection: e.language === a && /* @__PURE__ */ i.jsx(wn, { size: "15", color: "#2986cc", stroke: 2 }),
+        children: /* @__PURE__ */ i.jsx(E, { size: "sm", children: o })
       },
       a
     )
-  ), [we, e]);
+  ), [be, e]);
   return /* @__PURE__ */ i.jsxs(ie, { width: 170, children: [
     /* @__PURE__ */ i.jsx(ie.Target, { children: /* @__PURE__ */ i.jsx(
-      B,
+      q,
       {
         variant: "subtle",
         size: "sm",
-        leftSection: /* @__PURE__ */ i.jsx(Be, { flag: we[e.language].flag }),
-        children: /* @__PURE__ */ i.jsx(R, { size: "sm", children: we[e.language].name })
+        leftSection: /* @__PURE__ */ i.jsx(Be, { flag: be[e.language].flag }),
+        children: /* @__PURE__ */ i.jsx(E, { size: "sm", children: be[e.language].name })
       }
     ) }),
     /* @__PURE__ */ i.jsxs(ie.Dropdown, { children: [
-      /* @__PURE__ */ i.jsx(ie.Label, { children: /* @__PURE__ */ i.jsx(R, { size: "sm", children: On.lang2value[e.language] }) }),
+      /* @__PURE__ */ i.jsx(ie.Label, { children: /* @__PURE__ */ i.jsx(E, { size: "sm", children: $n.lang2value[e.language] }) }),
       t
     ] })
   ] });
 }, O = ({ value: e }) => {
-  const n = se(xe);
+  const n = ke(pe);
   return e.lang2value[n.language] || e.lang2value[e.lang];
 };
 /**
@@ -427,7 +428,7 @@ function P(e, n) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(n);
 }
-function q(e, n) {
+function V(e, n) {
   if (!e) {
     typeof console < "u" && console.warn(n);
     try {
@@ -443,7 +444,7 @@ function Ue({
 }) {
   return n && n !== "?" && (e += n.charAt(0) === "?" ? n : "?" + n), t && t !== "#" && (e += t.charAt(0) === "#" ? t : "#" + t), e;
 }
-function Ve(e) {
+function Ke(e) {
   let n = {};
   if (e) {
     let t = e.indexOf("#");
@@ -453,19 +454,19 @@ function Ve(e) {
   }
   return n;
 }
-function Ft(e, n, t = "/") {
-  return Dn(e, n, t, !1);
+function Lt(e, n, t = "/") {
+  return On(e, n, t, !1);
 }
-function Dn(e, n, t, a) {
-  let r = typeof n == "string" ? Ve(n) : n, o = J(r.pathname || "/", t);
+function On(e, n, t, a) {
+  let r = typeof n == "string" ? Ke(n) : n, o = Z(r.pathname || "/", t);
   if (o == null)
     return null;
-  let l = _t(e);
-  Mn(l);
+  let l = Ft(e);
+  Dn(l);
   let s = null;
   for (let u = 0; s == null && u < l.length; ++u) {
-    let c = Jn(o);
-    s = Yn(
+    let c = Gn(o);
+    s = Hn(
       l[u],
       c,
       a
@@ -473,7 +474,7 @@ function Dn(e, n, t, a) {
   }
   return s;
 }
-function _t(e, n = [], t = [], a = "", r = !1) {
+function Ft(e, n = [], t = [], a = "", r = !1) {
   let o = (l, s, u = r, c) => {
     let d = {
       relativePath: c === void 0 ? l.path || "" : c,
@@ -489,22 +490,22 @@ function _t(e, n = [], t = [], a = "", r = !1) {
         `Absolute route path "${d.relativePath}" nested under path "${a}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
       ), d.relativePath = d.relativePath.slice(a.length);
     }
-    let g = W([a, d.relativePath]), p = t.concat(d);
+    let g = K([a, d.relativePath]), x = t.concat(d);
     l.children && l.children.length > 0 && (P(
       // Our types know better, but runtime JS may not!
       // @ts-expect-error
       l.index !== !0,
       `Index routes must not have child routes. Please remove all child routes from route path "${g}".`
-    ), _t(
+    ), Ft(
       l.children,
       n,
-      p,
+      x,
       g,
       u
     )), !(l.path == null && !l.index) && n.push({
       path: g,
-      score: Vn(g, l.index),
-      routesMeta: p
+      score: Kn(g, l.index),
+      routesMeta: x
     });
   };
   return e.forEach((l, s) => {
@@ -512,17 +513,17 @@ function _t(e, n = [], t = [], a = "", r = !1) {
     if (l.path === "" || !((u = l.path) != null && u.includes("?")))
       o(l, s);
     else
-      for (let c of $t(l.path))
+      for (let c of At(l.path))
         o(l, s, !0, c);
   }), n;
 }
-function $t(e) {
+function At(e) {
   let n = e.split("/");
   if (n.length === 0) return [];
   let [t, ...a] = n, r = t.endsWith("?"), o = t.replace(/\?$/, "");
   if (a.length === 0)
     return r ? [o, ""] : [o];
-  let l = $t(a.join("/")), s = [];
+  let l = At(a.join("/")), s = [];
   return s.push(
     ...l.map(
       (u) => u === "" ? o : [o, u].join("/")
@@ -531,23 +532,23 @@ function $t(e) {
     (u) => e.startsWith("/") && u === "" ? "/" : u
   );
 }
-function Mn(e) {
+function Dn(e) {
   e.sort(
-    (n, t) => n.score !== t.score ? t.score - n.score : Hn(
+    (n, t) => n.score !== t.score ? t.score - n.score : Vn(
       n.routesMeta.map((a) => a.childrenIndex),
       t.routesMeta.map((a) => a.childrenIndex)
     )
   );
 }
-var zn = /^:[\w-]+$/, Bn = 3, Un = 2, Wn = 1, qn = 10, Kn = -2, ft = (e) => e === "*";
-function Vn(e, n) {
+var Mn = /^:[\w-]+$/, zn = 3, Bn = 2, Un = 1, qn = 10, Wn = -2, dt = (e) => e === "*";
+function Kn(e, n) {
   let t = e.split("/"), a = t.length;
-  return t.some(ft) && (a += Kn), n && (a += Un), t.filter((r) => !ft(r)).reduce(
-    (r, o) => r + (zn.test(o) ? Bn : o === "" ? Wn : qn),
+  return t.some(dt) && (a += Wn), n && (a += Bn), t.filter((r) => !dt(r)).reduce(
+    (r, o) => r + (Mn.test(o) ? zn : o === "" ? Un : qn),
     a
   );
 }
-function Hn(e, n) {
+function Vn(e, n) {
   return e.length === n.length && e.slice(0, -1).every((a, r) => a === n[r]) ? (
     // 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
@@ -560,14 +561,14 @@ function Hn(e, n) {
     0
   );
 }
-function Yn(e, n, t = !1) {
+function Hn(e, n, t = !1) {
   let { routesMeta: a } = e, r = {}, o = "/", l = [];
   for (let s = 0; s < a.length; ++s) {
-    let u = a[s], c = s === a.length - 1, d = o === "/" ? n : n.slice(o.length) || "/", g = ke(
+    let u = a[s], c = s === a.length - 1, d = o === "/" ? n : n.slice(o.length) || "/", g = Ee(
       { path: u.relativePath, caseSensitive: u.caseSensitive, end: c },
       d
-    ), p = u.route;
-    if (!g && c && t && !a[a.length - 1].route.index && (g = ke(
+    ), x = u.route;
+    if (!g && c && t && !a[a.length - 1].route.index && (g = Ee(
       {
         path: u.relativePath,
         caseSensitive: u.caseSensitive,
@@ -579,18 +580,18 @@ function Yn(e, n, t = !1) {
     Object.assign(r, g.params), l.push({
       // TODO: Can this as be avoided?
       params: r,
-      pathname: W([o, g.pathname]),
-      pathnameBase: er(
-        W([o, g.pathnameBase])
+      pathname: K([o, g.pathname]),
+      pathnameBase: Qn(
+        K([o, g.pathnameBase])
       ),
-      route: p
-    }), g.pathnameBase !== "/" && (o = W([o, g.pathnameBase]));
+      route: x
+    }), g.pathnameBase !== "/" && (o = K([o, g.pathnameBase]));
   }
   return l;
 }
-function ke(e, n) {
+function Ee(e, n) {
   typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [t, a] = Gn(
+  let [t, a] = Yn(
     e.path,
     e.caseSensitive,
     e.end
@@ -599,13 +600,13 @@ function ke(e, n) {
   let o = r[0], l = o.replace(/(.)\/+$/, "$1"), s = r.slice(1);
   return {
     params: a.reduce(
-      (c, { paramName: d, isOptional: g }, p) => {
+      (c, { paramName: d, isOptional: g }, x) => {
         if (d === "*") {
-          let x = s[p] || "";
-          l = o.slice(0, o.length - x.length).replace(/(.)\/+$/, "$1");
+          let v = s[x] || "";
+          l = o.slice(0, o.length - v.length).replace(/(.)\/+$/, "$1");
         }
-        const f = s[p];
-        return g && !f ? c[d] = void 0 : c[d] = (f || "").replace(/%2F/g, "/"), c;
+        const m = s[x];
+        return g && !m ? c[d] = void 0 : c[d] = (m || "").replace(/%2F/g, "/"), c;
       },
       {}
     ),
@@ -614,8 +615,8 @@ function ke(e, n) {
     pattern: e
   };
 }
-function Gn(e, n = !1, t = !0) {
-  q(
+function Yn(e, n = !1, t = !0) {
+  V(
     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(/\*$/, "/*")}".`
   );
@@ -625,36 +626,36 @@ function Gn(e, n = !1, t = !0) {
   ).replace(/\/([\w-]+)\?(\/|$)/g, "(/$1)?$2");
   return e.endsWith("*") ? (a.push({ paramName: "*" }), r += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : t ? r += "\\/*$" : e !== "" && e !== "/" && (r += "(?:(?=\\/|$))"), [new RegExp(r, n ? void 0 : "i"), a];
 }
-function Jn(e) {
+function Gn(e) {
   try {
     return e.split("/").map((n) => decodeURIComponent(n).replace(/\//g, "%2F")).join("/");
   } catch (n) {
-    return q(
+    return V(
       !1,
       `The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${n}).`
     ), e;
   }
 }
-function J(e, n) {
+function Z(e, n) {
   if (n === "/") return e;
   if (!e.toLowerCase().startsWith(n.toLowerCase()))
     return null;
   let t = n.endsWith("/") ? n.length - 1 : n.length, a = e.charAt(t);
   return a && a !== "/" ? null : e.slice(t) || "/";
 }
-function Xn(e, n = "/") {
+function Jn(e, n = "/") {
   let {
     pathname: t,
     search: a = "",
     hash: r = ""
-  } = typeof e == "string" ? Ve(e) : e;
+  } = typeof e == "string" ? Ke(e) : e;
   return {
-    pathname: t ? t.startsWith("/") ? t : Zn(t, n) : n,
-    search: tr(a),
-    hash: nr(r)
+    pathname: t ? t.startsWith("/") ? t : Xn(t, n) : n,
+    search: er(a),
+    hash: tr(r)
   };
 }
-function Zn(e, n) {
+function Xn(e, n) {
   let t = n.replace(/\/+$/, "").split("/");
   return e.split("/").forEach((r) => {
     r === ".." ? t.length > 1 && t.pop() : r !== "." && t.push(r);
@@ -665,20 +666,20 @@ function De(e, n, t, a) {
     a
   )}].  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 Qn(e) {
+function Zn(e) {
   return e.filter(
     (n, t) => t === 0 || n.route.path && n.route.path.length > 0
   );
 }
-function At(e) {
-  let n = Qn(e);
+function _t(e) {
+  let n = Zn(e);
   return n.map(
     (t, a) => a === n.length - 1 ? t.pathname : t.pathnameBase
   );
 }
-function Ot(e, n, t, a = !1) {
+function $t(e, n, t, a = !1) {
   let r;
-  typeof e == "string" ? r = Ve(e) : (r = { ...e }, P(
+  typeof e == "string" ? r = Ke(e) : (r = { ...e }, P(
     !r.pathname || !r.pathname.includes("?"),
     De("?", "pathname", "search", r)
   ), P(
@@ -694,118 +695,118 @@ function Ot(e, n, t, a = !1) {
   else {
     let g = n.length - 1;
     if (!a && l.startsWith("..")) {
-      let p = l.split("/");
-      for (; p[0] === ".."; )
-        p.shift(), g -= 1;
-      r.pathname = p.join("/");
+      let x = l.split("/");
+      for (; x[0] === ".."; )
+        x.shift(), g -= 1;
+      r.pathname = x.join("/");
     }
     s = g >= 0 ? n[g] : "/";
   }
-  let u = Xn(r, s), c = l && l !== "/" && l.endsWith("/"), d = (o || l === ".") && t.endsWith("/");
+  let u = Jn(r, s), c = l && l !== "/" && l.endsWith("/"), d = (o || l === ".") && t.endsWith("/");
   return !u.pathname.endsWith("/") && (c || d) && (u.pathname += "/"), u;
 }
-var W = (e) => e.join("/").replace(/\/\/+/g, "/"), er = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), tr = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, nr = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
-function rr(e) {
+var K = (e) => e.join("/").replace(/\/\/+/g, "/"), Qn = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), er = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, tr = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
+function nr(e) {
   return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
 }
-var Dt = [
+var Ot = [
   "POST",
   "PUT",
   "PATCH",
   "DELETE"
 ];
 new Set(
-  Dt
+  Ot
 );
-var ar = [
+var rr = [
   "GET",
-  ...Dt
+  ...Ot
 ];
-new Set(ar);
-var ce = h.createContext(null);
-ce.displayName = "DataRouter";
-var Ne = h.createContext(null);
+new Set(rr);
+var ue = f.createContext(null);
+ue.displayName = "DataRouter";
+var Ne = f.createContext(null);
 Ne.displayName = "DataRouterState";
-h.createContext(!1);
-var Mt = h.createContext({
+f.createContext(!1);
+var Dt = f.createContext({
   isTransitioning: !1
 });
-Mt.displayName = "ViewTransition";
-var or = h.createContext(
+Dt.displayName = "ViewTransition";
+var ar = f.createContext(
   /* @__PURE__ */ new Map()
 );
-or.displayName = "Fetchers";
-var ir = h.createContext(null);
-ir.displayName = "Await";
-var K = h.createContext(
+ar.displayName = "Fetchers";
+var or = f.createContext(null);
+or.displayName = "Await";
+var H = f.createContext(
   null
 );
-K.displayName = "Navigation";
-var He = h.createContext(
+H.displayName = "Navigation";
+var Ve = f.createContext(
   null
 );
-He.displayName = "Location";
-var V = h.createContext({
+Ve.displayName = "Location";
+var Y = f.createContext({
   outlet: null,
   matches: [],
   isDataRoute: !1
 });
-V.displayName = "Route";
-var Ye = h.createContext(null);
-Ye.displayName = "RouteError";
-function lr(e, { relative: n } = {}) {
+Y.displayName = "Route";
+var He = f.createContext(null);
+He.displayName = "RouteError";
+function ir(e, { relative: n } = {}) {
   P(
     Pe(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useHref() may be used only in the context of a <Router> component."
   );
-  let { basename: t, navigator: a } = h.useContext(K), { hash: r, pathname: o, search: l } = ve(e, { relative: n }), s = o;
-  return t !== "/" && (s = o === "/" ? t : W([t, o])), a.createHref({ pathname: s, search: l, hash: r });
+  let { basename: t, navigator: a } = f.useContext(H), { hash: r, pathname: o, search: l } = xe(e, { relative: n }), s = o;
+  return t !== "/" && (s = o === "/" ? t : K([t, o])), a.createHref({ pathname: s, search: l, hash: r });
 }
 function Pe() {
-  return h.useContext(He) != null;
+  return f.useContext(Ve) != null;
 }
-function ne() {
+function te() {
   return P(
     Pe(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useLocation() may be used only in the context of a <Router> component."
-  ), h.useContext(He).location;
+  ), f.useContext(Ve).location;
 }
-var zt = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
-function Bt(e) {
-  h.useContext(K).static || h.useLayoutEffect(e);
+var Mt = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function zt(e) {
+  f.useContext(H).static || f.useLayoutEffect(e);
 }
-function Ut() {
-  let { isDataRoute: e } = h.useContext(V);
-  return e ? br() : sr();
+function Ye() {
+  let { isDataRoute: e } = f.useContext(Y);
+  return e ? yr() : lr();
 }
-function sr() {
+function lr() {
   P(
     Pe(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useNavigate() may be used only in the context of a <Router> component."
   );
-  let e = h.useContext(ce), { basename: n, navigator: t } = h.useContext(K), { matches: a } = h.useContext(V), { pathname: r } = ne(), o = JSON.stringify(At(a)), l = h.useRef(!1);
-  return Bt(() => {
+  let e = f.useContext(ue), { basename: n, navigator: t } = f.useContext(H), { matches: a } = f.useContext(Y), { pathname: r } = te(), o = JSON.stringify(_t(a)), l = f.useRef(!1);
+  return zt(() => {
     l.current = !0;
-  }), h.useCallback(
+  }), f.useCallback(
     (u, c = {}) => {
-      if (q(l.current, zt), !l.current) return;
+      if (V(l.current, Mt), !l.current) return;
       if (typeof u == "number") {
         t.go(u);
         return;
       }
-      let d = Ot(
+      let d = $t(
         u,
         JSON.parse(o),
         r,
         c.relative === "path"
       );
-      e == null && n !== "/" && (d.pathname = d.pathname === "/" ? n : W([n, d.pathname])), (c.replace ? t.replace : t.push)(
+      e == null && n !== "/" && (d.pathname = d.pathname === "/" ? n : K([n, d.pathname])), (c.replace ? t.replace : t.push)(
         d,
         c.state,
         c
@@ -820,11 +821,11 @@ function sr() {
     ]
   );
 }
-h.createContext(null);
-function ve(e, { relative: n } = {}) {
-  let { matches: t } = h.useContext(V), { pathname: a } = ne(), r = JSON.stringify(At(t));
-  return h.useMemo(
-    () => Ot(
+f.createContext(null);
+function xe(e, { relative: n } = {}) {
+  let { matches: t } = f.useContext(Y), { pathname: a } = te(), r = JSON.stringify(_t(t));
+  return f.useMemo(
+    () => $t(
       e,
       JSON.parse(r),
       a,
@@ -833,51 +834,51 @@ function ve(e, { relative: n } = {}) {
     [e, r, a, n]
   );
 }
-function ur(e, n, t, a, r) {
+function sr(e, n, t, a, r) {
   P(
     Pe(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useRoutes() may be used only in the context of a <Router> component."
   );
-  let { navigator: o } = h.useContext(K), { matches: l } = h.useContext(V), s = l[l.length - 1], u = s ? s.params : {}, c = s ? s.pathname : "/", d = s ? s.pathnameBase : "/", g = s && s.route;
+  let { navigator: o } = f.useContext(H), { matches: l } = f.useContext(Y), s = l[l.length - 1], u = s ? s.params : {}, c = s ? s.pathname : "/", d = s ? s.pathnameBase : "/", g = s && s.route;
   {
-    let y = g && g.path || "";
-    Wt(
+    let b = g && g.path || "";
+    Bt(
       c,
-      !g || y.endsWith("*") || y.endsWith("*?"),
-      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${c}" (under <Route path="${y}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
+      !g || b.endsWith("*") || b.endsWith("*?"),
+      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${c}" (under <Route path="${b}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
 
-Please change the parent <Route path="${y}"> to <Route path="${y === "/" ? "*" : `${y}/*`}">.`
+Please change the parent <Route path="${b}"> to <Route path="${b === "/" ? "*" : `${b}/*`}">.`
     );
   }
-  let p = ne(), f;
-  f = p;
-  let x = f.pathname || "/", b = x;
+  let x = te(), m;
+  m = x;
+  let v = m.pathname || "/", p = v;
   if (d !== "/") {
-    let y = d.replace(/^\//, "").split("/");
-    b = "/" + x.replace(/^\//, "").split("/").slice(y.length).join("/");
+    let b = d.replace(/^\//, "").split("/");
+    p = "/" + v.replace(/^\//, "").split("/").slice(b.length).join("/");
   }
-  let j = Ft(e, { pathname: b });
-  return q(
-    g || j != null,
-    `No routes matched location "${f.pathname}${f.search}${f.hash}" `
-  ), q(
-    j == null || j[j.length - 1].route.element !== void 0 || j[j.length - 1].route.Component !== void 0 || j[j.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.`
-  ), mr(
-    j && j.map(
-      (y) => Object.assign({}, y, {
-        params: Object.assign({}, u, y.params),
-        pathname: W([
+  let w = Lt(e, { pathname: p });
+  return V(
+    g || w != null,
+    `No routes matched location "${m.pathname}${m.search}${m.hash}" `
+  ), V(
+    w == null || w[w.length - 1].route.element !== void 0 || w[w.length - 1].route.Component !== void 0 || w[w.length - 1].route.lazy !== void 0,
+    `Matched leaf route at location "${m.pathname}${m.search}${m.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.`
+  ), hr(
+    w && w.map(
+      (b) => Object.assign({}, b, {
+        params: Object.assign({}, u, b.params),
+        pathname: K([
           d,
           // Re-encode pathnames that were decoded inside matchRoutes
-          o.encodeLocation ? o.encodeLocation(y.pathname).pathname : y.pathname
+          o.encodeLocation ? o.encodeLocation(b.pathname).pathname : b.pathname
         ]),
-        pathnameBase: y.pathnameBase === "/" ? d : W([
+        pathnameBase: b.pathnameBase === "/" ? d : K([
           d,
           // Re-encode pathnames that were decoded inside matchRoutes
-          o.encodeLocation ? o.encodeLocation(y.pathnameBase).pathname : y.pathnameBase
+          o.encodeLocation ? o.encodeLocation(b.pathnameBase).pathname : b.pathnameBase
         ])
       })
     ),
@@ -887,14 +888,14 @@ Please change the parent <Route path="${y}"> to <Route path="${y === "/" ? "*" :
     r
   );
 }
-function cr() {
-  let e = yr(), n = rr(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), t = e instanceof Error ? e.stack : null, a = "rgba(200,200,200, 0.5)", r = { padding: "0.5rem", backgroundColor: a }, o = { padding: "2px 4px", backgroundColor: a }, l = null;
+function ur() {
+  let e = vr(), n = nr(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), t = e instanceof Error ? e.stack : null, a = "rgba(200,200,200, 0.5)", r = { padding: "0.5rem", backgroundColor: a }, o = { padding: "2px 4px", backgroundColor: a }, l = null;
   return console.error(
     "Error handled by React Router default ErrorBoundary:",
     e
-  ), l = /* @__PURE__ */ h.createElement(h.Fragment, null, /* @__PURE__ */ h.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ h.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ h.createElement("code", { style: o }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ h.createElement("code", { style: o }, "errorElement"), " prop on your route.")), /* @__PURE__ */ h.createElement(h.Fragment, null, /* @__PURE__ */ h.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ h.createElement("h3", { style: { fontStyle: "italic" } }, n), t ? /* @__PURE__ */ h.createElement("pre", { style: r }, t) : null, l);
+  ), l = /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ f.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ f.createElement("code", { style: o }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ f.createElement("code", { style: o }, "errorElement"), " prop on your route.")), /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ f.createElement("h3", { style: { fontStyle: "italic" } }, n), t ? /* @__PURE__ */ f.createElement("pre", { style: r }, t) : null, l);
 }
-var dr = /* @__PURE__ */ h.createElement(cr, null), fr = class extends h.Component {
+var cr = /* @__PURE__ */ f.createElement(ur, null), dr = class extends f.Component {
   constructor(e) {
     super(e), this.state = {
       location: e.location,
@@ -923,8 +924,8 @@ var dr = /* @__PURE__ */ h.createElement(cr, null), fr = class extends h.Compone
     );
   }
   render() {
-    return this.state.error !== void 0 ? /* @__PURE__ */ h.createElement(V.Provider, { value: this.props.routeContext }, /* @__PURE__ */ h.createElement(
-      Ye.Provider,
+    return this.state.error !== void 0 ? /* @__PURE__ */ f.createElement(Y.Provider, { value: this.props.routeContext }, /* @__PURE__ */ f.createElement(
+      He.Provider,
       {
         value: this.state.error,
         children: this.props.component
@@ -932,11 +933,11 @@ var dr = /* @__PURE__ */ h.createElement(cr, null), fr = class extends h.Compone
     )) : this.props.children;
   }
 };
-function hr({ routeContext: e, match: n, children: t }) {
-  let a = h.useContext(ce);
-  return a && a.static && a.staticContext && (n.route.errorElement || n.route.ErrorBoundary) && (a.staticContext._deepestRenderedBoundaryId = n.route.id), /* @__PURE__ */ h.createElement(V.Provider, { value: e }, t);
+function fr({ routeContext: e, match: n, children: t }) {
+  let a = f.useContext(ue);
+  return a && a.static && a.staticContext && (n.route.errorElement || n.route.ErrorBoundary) && (a.staticContext._deepestRenderedBoundaryId = n.route.id), /* @__PURE__ */ f.createElement(Y.Provider, { value: e }, t);
 }
-function mr(e, n = [], t = null, a = null, r = null) {
+function hr(e, n = [], t = null, a = null, r = null) {
   if (e == null) {
     if (!t)
       return null;
@@ -967,8 +968,8 @@ function mr(e, n = [], t = null, a = null, r = null) {
     for (let c = 0; c < o.length; c++) {
       let d = o[c];
       if ((d.route.HydrateFallback || d.route.hydrateFallbackElement) && (u = c), d.route.id) {
-        let { loaderData: g, errors: p } = t, f = d.route.loader && !g.hasOwnProperty(d.route.id) && (!p || p[d.route.id] === void 0);
-        if (d.route.lazy || f) {
+        let { loaderData: g, errors: x } = t, m = d.route.loader && !g.hasOwnProperty(d.route.id) && (!x || x[d.route.id] === void 0);
+        if (d.route.lazy || m) {
           s = !0, u >= 0 ? o = o.slice(0, u + 1) : o = [o[0]];
           break;
         }
@@ -976,39 +977,39 @@ function mr(e, n = [], t = null, a = null, r = null) {
     }
   return o.reduceRight(
     (c, d, g) => {
-      let p, f = !1, x = null, b = null;
-      t && (p = l && d.route.id ? l[d.route.id] : void 0, x = d.route.errorElement || dr, s && (u < 0 && g === 0 ? (Wt(
+      let x, m = !1, v = null, p = null;
+      t && (x = l && d.route.id ? l[d.route.id] : void 0, v = d.route.errorElement || cr, s && (u < 0 && g === 0 ? (Bt(
         "route-fallback",
         !1,
         "No `HydrateFallback` element provided to render during initial hydration"
-      ), f = !0, b = null) : u === g && (f = !0, b = d.route.hydrateFallbackElement || null)));
-      let j = n.concat(o.slice(0, g + 1)), w = () => {
-        let y;
-        return p ? y = x : f ? y = b : d.route.Component ? y = /* @__PURE__ */ h.createElement(d.route.Component, null) : d.route.element ? y = d.route.element : y = c, /* @__PURE__ */ h.createElement(
-          hr,
+      ), m = !0, p = null) : u === g && (m = !0, p = d.route.hydrateFallbackElement || null)));
+      let w = n.concat(o.slice(0, g + 1)), S = () => {
+        let b;
+        return x ? b = v : m ? b = p : d.route.Component ? b = /* @__PURE__ */ f.createElement(d.route.Component, null) : d.route.element ? b = d.route.element : b = c, /* @__PURE__ */ f.createElement(
+          fr,
           {
             match: d,
             routeContext: {
               outlet: c,
-              matches: j,
+              matches: w,
               isDataRoute: t != null
             },
-            children: y
+            children: b
           }
         );
       };
-      return t && (d.route.ErrorBoundary || d.route.errorElement || g === 0) ? /* @__PURE__ */ h.createElement(
-        fr,
+      return t && (d.route.ErrorBoundary || d.route.errorElement || g === 0) ? /* @__PURE__ */ f.createElement(
+        dr,
         {
           location: t.location,
           revalidation: t.revalidation,
-          component: x,
-          error: p,
-          children: w(),
-          routeContext: { outlet: null, matches: j, isDataRoute: !0 },
+          component: v,
+          error: x,
+          children: S(),
+          routeContext: { outlet: null, matches: w, isDataRoute: !0 },
           unstable_onError: a
         }
-      ) : w();
+      ) : S();
     },
     null
   );
@@ -1016,34 +1017,34 @@ function mr(e, n = [], t = null, a = null, r = null) {
 function Ge(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
-function gr(e) {
-  let n = h.useContext(ce);
+function mr(e) {
+  let n = f.useContext(ue);
   return P(n, Ge(e)), n;
 }
-function pr(e) {
-  let n = h.useContext(Ne);
+function gr(e) {
+  let n = f.useContext(Ne);
   return P(n, Ge(e)), n;
 }
-function xr(e) {
-  let n = h.useContext(V);
+function pr(e) {
+  let n = f.useContext(Y);
   return P(n, Ge(e)), n;
 }
 function Je(e) {
-  let n = xr(e), t = n.matches[n.matches.length - 1];
+  let n = pr(e), t = n.matches[n.matches.length - 1];
   return P(
     t.route.id,
     `${e} can only be used on routes that contain a unique "id"`
   ), t.route.id;
 }
-function vr() {
+function xr() {
   return Je(
     "useRouteId"
     /* UseRouteId */
   );
 }
-function yr() {
+function vr() {
   var a;
-  let e = h.useContext(Ye), n = pr(
+  let e = f.useContext(He), n = gr(
     "useRouteError"
     /* UseRouteError */
   ), t = Je(
@@ -1052,99 +1053,99 @@ function yr() {
   );
   return e !== void 0 ? e : (a = n.errors) == null ? void 0 : a[t];
 }
-function br() {
-  let { router: e } = gr(
+function yr() {
+  let { router: e } = mr(
     "useNavigate"
     /* UseNavigateStable */
   ), n = Je(
     "useNavigate"
     /* UseNavigateStable */
-  ), t = h.useRef(!1);
-  return Bt(() => {
+  ), t = f.useRef(!1);
+  return zt(() => {
     t.current = !0;
-  }), h.useCallback(
+  }), f.useCallback(
     async (r, o = {}) => {
-      q(t.current, zt), t.current && (typeof r == "number" ? e.navigate(r) : await e.navigate(r, { fromRouteId: n, ...o }));
+      V(t.current, Mt), t.current && (typeof r == "number" ? e.navigate(r) : await e.navigate(r, { fromRouteId: n, ...o }));
     },
     [e, n]
   );
 }
-var ht = {};
-function Wt(e, n, t) {
-  !n && !ht[e] && (ht[e] = !0, q(!1, t));
+var ft = {};
+function Bt(e, n, t) {
+  !n && !ft[e] && (ft[e] = !0, V(!1, t));
 }
-h.memo(wr);
-function wr({
+f.memo(br);
+function br({
   routes: e,
   future: n,
   state: t,
   unstable_onError: a
 }) {
-  return ur(e, void 0, t, a, n);
+  return sr(e, void 0, t, a, n);
 }
-var Ce = "get", Re = "application/x-www-form-urlencoded";
+var Se = "get", Ce = "application/x-www-form-urlencoded";
 function Ie(e) {
   return e != null && typeof e.tagName == "string";
 }
-function jr(e) {
+function wr(e) {
   return Ie(e) && e.tagName.toLowerCase() === "button";
 }
-function Sr(e) {
+function jr(e) {
   return Ie(e) && e.tagName.toLowerCase() === "form";
 }
-function Cr(e) {
+function Sr(e) {
   return Ie(e) && e.tagName.toLowerCase() === "input";
 }
-function Rr(e) {
+function Cr(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function Er(e, n) {
+function Rr(e, n) {
   return e.button === 0 && // Ignore everything but left clicks
   (!n || n === "_self") && // Let browser handle "target=_blank" etc.
-  !Rr(e);
+  !Cr(e);
 }
-var je = null;
-function kr() {
-  if (je === null)
+var we = null;
+function Er() {
+  if (we === null)
     try {
       new FormData(
         document.createElement("form"),
         // @ts-expect-error if FormData supports the submitter parameter, this will throw
         0
-      ), je = !1;
+      ), we = !1;
     } catch {
-      je = !0;
+      we = !0;
     }
-  return je;
+  return we;
 }
-var Tr = /* @__PURE__ */ new Set([
+var kr = /* @__PURE__ */ new Set([
   "application/x-www-form-urlencoded",
   "multipart/form-data",
   "text/plain"
 ]);
 function Me(e) {
-  return e != null && !Tr.has(e) ? (q(
+  return e != null && !kr.has(e) ? (V(
     !1,
-    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${Re}"`
+    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${Ce}"`
   ), null) : e;
 }
-function Nr(e, n) {
+function Tr(e, n) {
   let t, a, r, o, l;
-  if (Sr(e)) {
+  if (jr(e)) {
     let s = e.getAttribute("action");
-    a = s ? J(s, n) : null, t = e.getAttribute("method") || Ce, r = Me(e.getAttribute("enctype")) || Re, o = new FormData(e);
-  } else if (jr(e) || Cr(e) && (e.type === "submit" || e.type === "image")) {
+    a = s ? Z(s, n) : null, t = e.getAttribute("method") || Se, r = Me(e.getAttribute("enctype")) || Ce, o = new FormData(e);
+  } else if (wr(e) || Sr(e) && (e.type === "submit" || e.type === "image")) {
     let s = e.form;
     if (s == null)
       throw new Error(
         'Cannot submit a <button> or <input type="submit"> without a <form>'
       );
     let u = e.getAttribute("formaction") || s.getAttribute("action");
-    if (a = u ? J(u, n) : null, t = e.getAttribute("formmethod") || s.getAttribute("method") || Ce, r = Me(e.getAttribute("formenctype")) || Me(s.getAttribute("enctype")) || Re, o = new FormData(s, e), !kr()) {
+    if (a = u ? Z(u, n) : null, t = e.getAttribute("formmethod") || s.getAttribute("method") || Se, r = Me(e.getAttribute("formenctype")) || Me(s.getAttribute("enctype")) || Ce, o = new FormData(s, e), !Er()) {
       let { name: c, type: d, value: g } = e;
       if (d === "image") {
-        let p = c ? `${c}.` : "";
-        o.append(`${p}x`, "0"), o.append(`${p}y`, "0");
+        let x = c ? `${c}.` : "";
+        o.append(`${x}x`, "0"), o.append(`${x}y`, "0");
       } else c && o.append(c, g);
     }
   } else {
@@ -1152,7 +1153,7 @@ function Nr(e, n) {
       throw new Error(
         'Cannot submit element that is not <form>, <button>, or <input type="submit|image">'
       );
-    t = Ce, a = null, r = Re, l = e;
+    t = Se, a = null, r = Ce, l = e;
   }
   return o && r === "text/plain" && (l = o, o = void 0), { action: a, method: t.toLowerCase(), encType: r, formData: o, body: l };
 }
@@ -1161,16 +1162,16 @@ function Xe(e, n) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(n);
 }
-function Pr(e, n, t) {
+function Nr(e, n, t) {
   let a = typeof e == "string" ? new URL(
     e,
     // This can be called during the SSR flow via PrefetchPageLinksImpl so
     // don't assume window is available
     typeof window > "u" ? "server://singlefetch/" : window.location.origin
   ) : e;
-  return a.pathname === "/" ? a.pathname = `_root.${t}` : n && J(a.pathname, n) === "/" ? a.pathname = `${n.replace(/\/$/, "")}/_root.${t}` : a.pathname = `${a.pathname.replace(/\/$/, "")}.${t}`, a;
+  return a.pathname === "/" ? a.pathname = `_root.${t}` : n && Z(a.pathname, n) === "/" ? a.pathname = `${n.replace(/\/$/, "")}/_root.${t}` : a.pathname = `${a.pathname.replace(/\/$/, "")}.${t}`, a;
 }
-async function Ir(e, n) {
+async function Pr(e, n) {
   if (e.id in n)
     return n[e.id];
   try {
@@ -1187,27 +1188,27 @@ async function Ir(e, n) {
     });
   }
 }
-function Lr(e) {
+function Ir(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 Fr(e, n, t) {
+async function Lr(e, n, t) {
   let a = await Promise.all(
     e.map(async (r) => {
       let o = n.routes[r.route.id];
       if (o) {
-        let l = await Ir(o, t);
+        let l = await Pr(o, t);
         return l.links ? l.links() : [];
       }
       return [];
     })
   );
-  return Or(
-    a.flat(1).filter(Lr).filter((r) => r.rel === "stylesheet" || r.rel === "preload").map(
+  return $r(
+    a.flat(1).filter(Ir).filter((r) => r.rel === "stylesheet" || r.rel === "preload").map(
       (r) => r.rel === "stylesheet" ? { ...r, rel: "prefetch", as: "style" } : { ...r, rel: "prefetch" }
     )
   );
 }
-function mt(e, n, t, a, r, o) {
+function ht(e, n, t, a, r, o) {
   let l = (u, c) => t[c] ? u.route.id !== t[c].route.id : !0, s = (u, c) => {
     var d;
     return (
@@ -1227,7 +1228,7 @@ function mt(e, n, t, a, r, o) {
     if (l(u, c) || s(u, c))
       return !0;
     if (u.route.shouldRevalidate) {
-      let p = u.route.shouldRevalidate({
+      let x = u.route.shouldRevalidate({
         currentUrl: new URL(
           r.pathname + r.search + r.hash,
           window.origin
@@ -1237,14 +1238,14 @@ function mt(e, n, t, a, r, o) {
         nextParams: u.params,
         defaultShouldRevalidate: !0
       });
-      if (typeof p == "boolean")
-        return p;
+      if (typeof x == "boolean")
+        return x;
     }
     return !0;
   }) : [];
 }
-function _r(e, n, { includeHydrateFallback: t } = {}) {
-  return $r(
+function Fr(e, n, { includeHydrateFallback: t } = {}) {
+  return Ar(
     e.map((a) => {
       let r = n.routes[a.route.id];
       if (!r) return [];
@@ -1253,102 +1254,102 @@ function _r(e, n, { includeHydrateFallback: t } = {}) {
     }).flat(1)
   );
 }
-function $r(e) {
+function Ar(e) {
   return [...new Set(e)];
 }
-function Ar(e) {
+function _r(e) {
   let n = {}, t = Object.keys(e).sort();
   for (let a of t)
     n[a] = e[a];
   return n;
 }
-function Or(e, n) {
+function $r(e, n) {
   let t = /* @__PURE__ */ new Set();
   return new Set(n), e.reduce((a, r) => {
-    let o = JSON.stringify(Ar(r));
+    let o = JSON.stringify(_r(r));
     return t.has(o) || (t.add(o), a.push({ key: o, link: r })), a;
   }, []);
 }
-function qt() {
-  let e = h.useContext(ce);
+function Ut() {
+  let e = f.useContext(ue);
   return Xe(
     e,
     "You must render this element inside a <DataRouterContext.Provider> element"
   ), e;
 }
-function Dr() {
-  let e = h.useContext(Ne);
+function Or() {
+  let e = f.useContext(Ne);
   return Xe(
     e,
     "You must render this element inside a <DataRouterStateContext.Provider> element"
   ), e;
 }
-var Ze = h.createContext(void 0);
+var Ze = f.createContext(void 0);
 Ze.displayName = "FrameworkContext";
-function Kt() {
-  let e = h.useContext(Ze);
+function qt() {
+  let e = f.useContext(Ze);
   return Xe(
     e,
     "You must render this element inside a <HydratedRouter> element"
   ), e;
 }
-function Mr(e, n) {
-  let t = h.useContext(Ze), [a, r] = h.useState(!1), [o, l] = h.useState(!1), { onFocus: s, onBlur: u, onMouseEnter: c, onMouseLeave: d, onTouchStart: g } = n, p = h.useRef(null);
-  h.useEffect(() => {
+function Dr(e, n) {
+  let t = f.useContext(Ze), [a, r] = f.useState(!1), [o, l] = f.useState(!1), { onFocus: s, onBlur: u, onMouseEnter: c, onMouseLeave: d, onTouchStart: g } = n, x = f.useRef(null);
+  f.useEffect(() => {
     if (e === "render" && l(!0), e === "viewport") {
-      let b = (w) => {
-        w.forEach((y) => {
-          l(y.isIntersecting);
+      let p = (S) => {
+        S.forEach((b) => {
+          l(b.isIntersecting);
         });
-      }, j = new IntersectionObserver(b, { threshold: 0.5 });
-      return p.current && j.observe(p.current), () => {
-        j.disconnect();
+      }, w = new IntersectionObserver(p, { threshold: 0.5 });
+      return x.current && w.observe(x.current), () => {
+        w.disconnect();
       };
     }
-  }, [e]), h.useEffect(() => {
+  }, [e]), f.useEffect(() => {
     if (a) {
-      let b = setTimeout(() => {
+      let p = setTimeout(() => {
         l(!0);
       }, 100);
       return () => {
-        clearTimeout(b);
+        clearTimeout(p);
       };
     }
   }, [a]);
-  let f = () => {
+  let m = () => {
     r(!0);
-  }, x = () => {
+  }, v = () => {
     r(!1), l(!1);
   };
-  return t ? e !== "intent" ? [o, p, {}] : [
+  return t ? e !== "intent" ? [o, x, {}] : [
     o,
-    p,
+    x,
     {
-      onFocus: me(s, f),
-      onBlur: me(u, x),
-      onMouseEnter: me(c, f),
-      onMouseLeave: me(d, x),
-      onTouchStart: me(g, f)
+      onFocus: he(s, m),
+      onBlur: he(u, v),
+      onMouseEnter: he(c, m),
+      onMouseLeave: he(d, v),
+      onTouchStart: he(g, m)
     }
-  ] : [!1, p, {}];
+  ] : [!1, x, {}];
 }
-function me(e, n) {
+function he(e, n) {
   return (t) => {
     e && e(t), t.defaultPrevented || n(t);
   };
 }
-function zr({ page: e, ...n }) {
-  let { router: t } = qt(), a = h.useMemo(
-    () => Ft(t.routes, e, t.basename),
+function Mr({ page: e, ...n }) {
+  let { router: t } = Ut(), a = f.useMemo(
+    () => Lt(t.routes, e, t.basename),
     [t.routes, e, t.basename]
   );
-  return a ? /* @__PURE__ */ h.createElement(Ur, { page: e, matches: a, ...n }) : null;
+  return a ? /* @__PURE__ */ f.createElement(Br, { page: e, matches: a, ...n }) : null;
 }
-function Br(e) {
-  let { manifest: n, routeModules: t } = Kt(), [a, r] = h.useState([]);
-  return h.useEffect(() => {
+function zr(e) {
+  let { manifest: n, routeModules: t } = qt(), [a, r] = f.useState([]);
+  return f.useEffect(() => {
     let o = !1;
-    return Fr(e, n, t).then(
+    return Lr(e, n, t).then(
       (l) => {
         o || r(l);
       }
@@ -1357,13 +1358,13 @@ function Br(e) {
     };
   }, [e, n, t]), a;
 }
-function Ur({
+function Br({
   page: e,
   matches: n,
   ...t
 }) {
-  let a = ne(), { manifest: r, routeModules: o } = Kt(), { basename: l } = qt(), { loaderData: s, matches: u } = Dr(), c = h.useMemo(
-    () => mt(
+  let a = te(), { manifest: r, routeModules: o } = qt(), { basename: l } = Ut(), { loaderData: s, matches: u } = Or(), c = f.useMemo(
+    () => ht(
       e,
       n,
       u,
@@ -1372,8 +1373,8 @@ function Ur({
       "data"
     ),
     [e, n, u, r, a]
-  ), d = h.useMemo(
-    () => mt(
+  ), d = f.useMemo(
+    () => ht(
       e,
       n,
       u,
@@ -1382,21 +1383,21 @@ function Ur({
       "assets"
     ),
     [e, n, u, r, a]
-  ), g = h.useMemo(() => {
+  ), g = f.useMemo(() => {
     if (e === a.pathname + a.search + a.hash)
       return [];
-    let x = /* @__PURE__ */ new Set(), b = !1;
-    if (n.forEach((w) => {
-      var v;
-      let y = r.routes[w.route.id];
-      !y || !y.hasLoader || (!c.some((C) => C.route.id === w.route.id) && w.route.id in s && ((v = o[w.route.id]) != null && v.shouldRevalidate) || y.hasClientLoader ? b = !0 : x.add(w.route.id));
-    }), x.size === 0)
+    let v = /* @__PURE__ */ new Set(), p = !1;
+    if (n.forEach((S) => {
+      var y;
+      let b = r.routes[S.route.id];
+      !b || !b.hasLoader || (!c.some((j) => j.route.id === S.route.id) && S.route.id in s && ((y = o[S.route.id]) != null && y.shouldRevalidate) || b.hasClientLoader ? p = !0 : v.add(S.route.id));
+    }), v.size === 0)
       return [];
-    let j = Pr(e, l, "data");
-    return b && x.size > 0 && j.searchParams.set(
+    let w = Nr(e, l, "data");
+    return p && v.size > 0 && w.searchParams.set(
       "_routes",
-      n.filter((w) => x.has(w.route.id)).map((w) => w.route.id).join(",")
-    ), [j.pathname + j.search];
+      n.filter((S) => v.has(S.route.id)).map((S) => S.route.id).join(",")
+    ), [w.pathname + w.search];
   }, [
     l,
     s,
@@ -1406,30 +1407,30 @@ function Ur({
     n,
     e,
     o
-  ]), p = h.useMemo(
-    () => _r(d, r),
+  ]), x = f.useMemo(
+    () => Fr(d, r),
     [d, r]
-  ), f = Br(d);
-  return /* @__PURE__ */ h.createElement(h.Fragment, null, g.map((x) => /* @__PURE__ */ h.createElement("link", { key: x, rel: "prefetch", as: "fetch", href: x, ...t })), p.map((x) => /* @__PURE__ */ h.createElement("link", { key: x, rel: "modulepreload", href: x, ...t })), f.map(({ key: x, link: b }) => (
+  ), m = zr(d);
+  return /* @__PURE__ */ f.createElement(f.Fragment, null, g.map((v) => /* @__PURE__ */ f.createElement("link", { key: v, rel: "prefetch", as: "fetch", href: v, ...t })), x.map((v) => /* @__PURE__ */ f.createElement("link", { key: v, rel: "modulepreload", href: v, ...t })), m.map(({ key: v, link: p }) => (
     // these don't spread `linkProps` because they are full link descriptors
     // already with their own props
-    /* @__PURE__ */ h.createElement("link", { key: x, nonce: t.nonce, ...b })
+    /* @__PURE__ */ f.createElement("link", { key: v, nonce: t.nonce, ...p })
   )));
 }
-function Wr(...e) {
+function Ur(...e) {
   return (n) => {
     e.forEach((t) => {
       typeof t == "function" ? t(n) : t != null && (t.current = n);
     });
   };
 }
-var Vt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+var Wt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
 try {
-  Vt && (window.__reactRouterVersion = // @ts-expect-error
+  Wt && (window.__reactRouterVersion = // @ts-expect-error
   "7.8.2");
 } catch {
 }
-var Ht = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Yt = h.forwardRef(
+var Kt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Vt = f.forwardRef(
   function({
     onClick: n,
     discover: t = "render",
@@ -1442,23 +1443,23 @@ var Ht = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Yt = h.forwardRef(
     to: c,
     preventScrollReset: d,
     viewTransition: g,
-    ...p
-  }, f) {
-    let { basename: x } = h.useContext(K), b = typeof c == "string" && Ht.test(c), j, w = !1;
-    if (typeof c == "string" && b && (j = c, Vt))
+    ...x
+  }, m) {
+    let { basename: v } = f.useContext(H), p = typeof c == "string" && Kt.test(c), w, S = !1;
+    if (typeof c == "string" && p && (w = c, Wt))
       try {
-        let A = new URL(window.location.href), H = c.startsWith("//") ? new URL(A.protocol + c) : new URL(c), ae = J(H.pathname, x);
-        H.origin === A.origin && ae != null ? c = ae + H.search + H.hash : w = !0;
+        let $ = new URL(window.location.href), G = c.startsWith("//") ? new URL($.protocol + c) : new URL(c), ae = Z(G.pathname, v);
+        G.origin === $.origin && ae != null ? c = ae + G.search + G.hash : S = !0;
       } catch {
-        q(
+        V(
           !1,
           `<Link to="${c}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
         );
       }
-    let y = lr(c, { relative: r }), [v, C, T] = Mr(
+    let b = ir(c, { relative: r }), [y, j, R] = Dr(
       a,
-      p
-    ), re = Hr(c, {
+      x
+    ), U = Vr(c, {
       replace: l,
       state: s,
       target: u,
@@ -1466,29 +1467,29 @@ var Ht = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Yt = h.forwardRef(
       relative: r,
       viewTransition: g
     });
-    function Q(A) {
-      n && n(A), A.defaultPrevented || re(A);
+    function M($) {
+      n && n($), $.defaultPrevented || U($);
     }
-    let ee = (
+    let ne = (
       // eslint-disable-next-line jsx-a11y/anchor-has-content
-      /* @__PURE__ */ h.createElement(
+      /* @__PURE__ */ f.createElement(
         "a",
         {
-          ...p,
-          ...T,
-          href: j || y,
-          onClick: w || o ? n : Q,
-          ref: Wr(f, C),
+          ...x,
+          ...R,
+          href: w || b,
+          onClick: S || o ? n : M,
+          ref: Ur(m, j),
           target: u,
-          "data-discover": !b && t === "render" ? "true" : void 0
+          "data-discover": !p && t === "render" ? "true" : void 0
         }
       )
     );
-    return v && !b ? /* @__PURE__ */ h.createElement(h.Fragment, null, ee, /* @__PURE__ */ h.createElement(zr, { page: y })) : ee;
+    return y && !p ? /* @__PURE__ */ f.createElement(f.Fragment, null, ne, /* @__PURE__ */ f.createElement(Mr, { page: b })) : ne;
   }
 );
-Yt.displayName = "Link";
-var qr = h.forwardRef(
+Vt.displayName = "Link";
+var qr = f.forwardRef(
   function({
     "aria-current": n = "page",
     caseSensitive: t = !1,
@@ -1500,40 +1501,40 @@ var qr = h.forwardRef(
     children: u,
     ...c
   }, d) {
-    let g = ve(l, { relative: c.relative }), p = ne(), f = h.useContext(Ne), { navigator: x, basename: b } = h.useContext(K), j = f != null && // Conditional usage is OK here because the usage of a data router is static
+    let g = xe(l, { relative: c.relative }), x = te(), m = f.useContext(Ne), { navigator: v, basename: p } = f.useContext(H), w = m != null && // Conditional usage is OK here because the usage of a data router is static
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    Zr(g) && s === !0, w = x.encodeLocation ? x.encodeLocation(g).pathname : g.pathname, y = p.pathname, v = f && f.navigation && f.navigation.location ? f.navigation.location.pathname : null;
-    t || (y = y.toLowerCase(), v = v ? v.toLowerCase() : null, w = w.toLowerCase()), v && b && (v = J(v, b) || v);
-    const C = w !== "/" && w.endsWith("/") ? w.length - 1 : w.length;
-    let T = y === w || !r && y.startsWith(w) && y.charAt(C) === "/", re = v != null && (v === w || !r && v.startsWith(w) && v.charAt(w.length) === "/"), Q = {
-      isActive: T,
-      isPending: re,
-      isTransitioning: j
-    }, ee = T ? n : void 0, A;
-    typeof a == "function" ? A = a(Q) : A = [
+    Xr(g) && s === !0, S = v.encodeLocation ? v.encodeLocation(g).pathname : g.pathname, b = x.pathname, y = m && m.navigation && m.navigation.location ? m.navigation.location.pathname : null;
+    t || (b = b.toLowerCase(), y = y ? y.toLowerCase() : null, S = S.toLowerCase()), y && p && (y = Z(y, p) || y);
+    const j = S !== "/" && S.endsWith("/") ? S.length - 1 : S.length;
+    let R = b === S || !r && b.startsWith(S) && b.charAt(j) === "/", U = y != null && (y === S || !r && y.startsWith(S) && y.charAt(S.length) === "/"), M = {
+      isActive: R,
+      isPending: U,
+      isTransitioning: w
+    }, ne = R ? n : void 0, $;
+    typeof a == "function" ? $ = a(M) : $ = [
       a,
-      T ? "active" : null,
-      re ? "pending" : null,
-      j ? "transitioning" : null
+      R ? "active" : null,
+      U ? "pending" : null,
+      w ? "transitioning" : null
     ].filter(Boolean).join(" ");
-    let H = typeof o == "function" ? o(Q) : o;
-    return /* @__PURE__ */ h.createElement(
-      Yt,
+    let G = typeof o == "function" ? o(M) : o;
+    return /* @__PURE__ */ f.createElement(
+      Vt,
       {
         ...c,
-        "aria-current": ee,
-        className: A,
+        "aria-current": ne,
+        className: $,
         ref: d,
-        style: H,
+        style: G,
         to: l,
         viewTransition: s
       },
-      typeof u == "function" ? u(Q) : u
+      typeof u == "function" ? u(M) : u
     );
   }
 );
 qr.displayName = "NavLink";
-var Kr = h.forwardRef(
+var Wr = f.forwardRef(
   ({
     discover: e = "render",
     fetcherKey: n,
@@ -1541,21 +1542,21 @@ var Kr = h.forwardRef(
     reloadDocument: a,
     replace: r,
     state: o,
-    method: l = Ce,
+    method: l = Se,
     action: s,
     onSubmit: u,
     relative: c,
     preventScrollReset: d,
     viewTransition: g,
-    ...p
-  }, f) => {
-    let x = Jr(), b = Xr(s, { relative: c }), j = l.toLowerCase() === "get" ? "get" : "post", w = typeof s == "string" && Ht.test(s), y = (v) => {
-      if (u && u(v), v.defaultPrevented) return;
-      v.preventDefault();
-      let C = v.nativeEvent.submitter, T = (C == null ? void 0 : C.getAttribute("formmethod")) || l;
-      x(C || v.currentTarget, {
+    ...x
+  }, m) => {
+    let v = Gr(), p = Jr(s, { relative: c }), w = l.toLowerCase() === "get" ? "get" : "post", S = typeof s == "string" && Kt.test(s), b = (y) => {
+      if (u && u(y), y.defaultPrevented) return;
+      y.preventDefault();
+      let j = y.nativeEvent.submitter, R = (j == null ? void 0 : j.getAttribute("formmethod")) || l;
+      v(j || y.currentTarget, {
         fetcherKey: n,
-        method: T,
+        method: R,
         navigate: t,
         replace: r,
         state: o,
@@ -1564,28 +1565,28 @@ var Kr = h.forwardRef(
         viewTransition: g
       });
     };
-    return /* @__PURE__ */ h.createElement(
+    return /* @__PURE__ */ f.createElement(
       "form",
       {
-        ref: f,
-        method: j,
-        action: b,
-        onSubmit: a ? u : y,
-        ...p,
-        "data-discover": !w && e === "render" ? "true" : void 0
+        ref: m,
+        method: w,
+        action: p,
+        onSubmit: a ? u : b,
+        ...x,
+        "data-discover": !S && e === "render" ? "true" : void 0
       }
     );
   }
 );
-Kr.displayName = "Form";
-function Vr(e) {
+Wr.displayName = "Form";
+function Kr(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
-function Gt(e) {
-  let n = h.useContext(ce);
-  return P(n, Vr(e)), n;
+function Ht(e) {
+  let n = f.useContext(ue);
+  return P(n, Kr(e)), n;
 }
-function Hr(e, {
+function Vr(e, {
   target: n,
   replace: t,
   state: a,
@@ -1593,10 +1594,10 @@ function Hr(e, {
   relative: o,
   viewTransition: l
 } = {}) {
-  let s = Ut(), u = ne(), c = ve(e, { relative: o });
-  return h.useCallback(
+  let s = Ye(), u = te(), c = xe(e, { relative: o });
+  return f.useCallback(
     (d) => {
-      if (Er(d, n)) {
+      if (Rr(d, n)) {
         d.preventDefault();
         let g = t !== void 0 ? t : Ue(u) === Ue(c);
         s(e, {
@@ -1622,20 +1623,20 @@ function Hr(e, {
     ]
   );
 }
-var Yr = 0, Gr = () => `__${String(++Yr)}__`;
-function Jr() {
-  let { router: e } = Gt(
+var Hr = 0, Yr = () => `__${String(++Hr)}__`;
+function Gr() {
+  let { router: e } = Ht(
     "useSubmit"
     /* UseSubmit */
-  ), { basename: n } = h.useContext(K), t = vr();
-  return h.useCallback(
+  ), { basename: n } = f.useContext(H), t = xr();
+  return f.useCallback(
     async (a, r = {}) => {
-      let { action: o, method: l, encType: s, formData: u, body: c } = Nr(
+      let { action: o, method: l, encType: s, formData: u, body: c } = Tr(
         a,
         n
       );
       if (r.navigate === !1) {
-        let d = r.fetcherKey || Gr();
+        let d = r.fetcherKey || Yr();
         await e.fetch(d, t, r.action || o, {
           preventScrollReset: r.preventScrollReset,
           formData: u,
@@ -1661,10 +1662,10 @@ function Jr() {
     [e, n, t]
   );
 }
-function Xr(e, { relative: n } = {}) {
-  let { basename: t } = h.useContext(K), a = h.useContext(V);
+function Jr(e, { relative: n } = {}) {
+  let { basename: t } = f.useContext(H), a = f.useContext(Y);
   P(a, "useFormAction must be used inside a RouteContext");
-  let [r] = a.matches.slice(-1), o = { ...ve(e || ".", { relative: n }) }, l = ne();
+  let [r] = a.matches.slice(-1), o = { ...xe(e || ".", { relative: n }) }, l = te();
   if (e == null) {
     o.search = l.search;
     let s = new URLSearchParams(o.search), u = s.getAll("index");
@@ -1674,27 +1675,27 @@ function Xr(e, { relative: n } = {}) {
       o.search = d ? `?${d}` : "";
     }
   }
-  return (!e || e === ".") && r.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (o.pathname = o.pathname === "/" ? t : W([t, o.pathname])), Ue(o);
+  return (!e || e === ".") && r.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (o.pathname = o.pathname === "/" ? t : K([t, o.pathname])), Ue(o);
 }
-function Zr(e, { relative: n } = {}) {
-  let t = h.useContext(Mt);
+function Xr(e, { relative: n } = {}) {
+  let t = f.useContext(Dt);
   P(
     t != null,
     "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
   );
-  let { basename: a } = Gt(
+  let { basename: a } = Ht(
     "useViewTransitionState"
     /* useViewTransitionState */
-  ), r = ve(e, { relative: n });
+  ), r = xe(e, { relative: n });
   if (!t.isTransitioning)
     return !1;
-  let o = J(t.currentLocation.pathname, a) || t.currentLocation.pathname, l = J(t.nextLocation.pathname, a) || t.nextLocation.pathname;
-  return ke(r.pathname, l) != null || ke(r.pathname, o) != null;
+  let o = Z(t.currentLocation.pathname, a) || t.currentLocation.pathname, l = Z(t.nextLocation.pathname, a) || t.nextLocation.pathname;
+  return Ee(r.pathname, l) != null || Ee(r.pathname, o) != null;
 }
-const Za = ({ message: e }) => {
-  const n = Ut();
+const Qa = ({ message: e }) => {
+  const n = Ye();
   return /* @__PURE__ */ i.jsx(
-    fn,
+    dn,
     {
       size: "xs",
       style: {
@@ -1709,26 +1710,26 @@ const Za = ({ message: e }) => {
           color: "red",
           title: "Not Found",
           variant: "404 - Not Found",
-          icon: /* @__PURE__ */ i.jsx(Ke, { size: 12, stroke: 1.5 }),
-          children: /* @__PURE__ */ i.jsxs(pe, { align: "flex-start", children: [
+          icon: /* @__PURE__ */ i.jsx(We, { size: 12, stroke: 1.5 }),
+          children: /* @__PURE__ */ i.jsxs(ge, { align: "flex-start", children: [
             e || "Sorry, the page you are looking for does not exist.",
-            /* @__PURE__ */ i.jsx(B, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
+            /* @__PURE__ */ i.jsx(q, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
           ] })
         }
       )
     }
   );
-}, Qa = ({ message: e }) => /* @__PURE__ */ i.jsx(
+}, eo = ({ message: e }) => /* @__PURE__ */ i.jsx(
   qe,
   {
     color: "red",
     title: "Not Found",
     variant: "404 - Not Found",
-    icon: /* @__PURE__ */ i.jsx(Ke, { size: 12, stroke: 1.5 }),
+    icon: /* @__PURE__ */ i.jsx(We, { size: 12, stroke: 1.5 }),
     children: e || "Sorry, the page you are looking for does not exist."
   }
-), Jt = ({ message: e }) => /* @__PURE__ */ i.jsx(R, { c: "red", size: "sm", children: e || "Not Found" }), eo = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ i.jsx(z, { justify: "center", align: "center", children: /* @__PURE__ */ i.jsx(Ee, { color: "blue", size: "md" }) }) : /* @__PURE__ */ i.jsxs(
-  z,
+), Yt = ({ message: e }) => /* @__PURE__ */ i.jsx(E, { c: "red", size: "sm", children: e || "Not Found" }), to = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ i.jsx(B, { justify: "center", align: "center", children: /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "md" }) }) : /* @__PURE__ */ i.jsxs(
+  B,
   {
     gap: "md",
     direction: "column",
@@ -1736,30 +1737,30 @@ const Za = ({ message: e }) => {
     align: "center",
     style: { height: "100%" },
     children: [
-      /* @__PURE__ */ i.jsx(Ee, { color: "blue", size: "md" }),
+      /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "md" }),
       e
     ]
   }
-), to = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ i.jsx(Ee, { color: "blue", size: "xs" }) : /* @__PURE__ */ i.jsxs(z, { gap: "md", direction: "column", justify: "center", align: "center", children: [
-  /* @__PURE__ */ i.jsx(Ee, { color: "blue", size: "xs" }),
+), no = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "xs" }) : /* @__PURE__ */ i.jsxs(B, { gap: "md", direction: "column", justify: "center", align: "center", children: [
+  /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "xs" }),
   e
-] }), no = ({ message: e }) => /* @__PURE__ */ i.jsx(
+] }), ro = ({ message: e }) => /* @__PURE__ */ i.jsx(
   qe,
   {
     color: "red",
     title: "Not Found",
     variant: "403 - Not Authorized",
-    icon: /* @__PURE__ */ i.jsx(Ke, { size: 12, stroke: 1.5 }),
+    icon: /* @__PURE__ */ i.jsx(We, { size: 12, stroke: 1.5 }),
     children: e || "Sorry, you are not authorized to access this page."
   }
 );
-function ro(e, n) {
+function ao(e, n) {
   return e.reduce((t, a) => {
     const r = n(a);
     return t[r] || (t[r] = []), t[r].push(a), t;
   }, {});
 }
-function ao(e, n) {
+function oo(e, n) {
   const t = [];
   let a;
   return e.reduce((r, o) => {
@@ -1767,17 +1768,17 @@ function ao(e, n) {
     return l === void 0 ? (a === void 0 && (a = t.length, t.push([])), t[a].push(o)) : (r[l] === void 0 && (r[l] = t.length, t.push([])), t[r[l]].push(o)), r;
   }, {}), t;
 }
-function oo(e, n) {
+function io(e, n) {
   const t = /* @__PURE__ */ new Set();
   return e.filter((a) => {
     const r = n(a);
     return t.has(r) ? !1 : (t.add(r), !0);
   });
 }
-class io {
+class lo {
   constructor() {
-    G(this, "items", []);
-    G(this, "seen", /* @__PURE__ */ new Set());
+    X(this, "items", []);
+    X(this, "seen", /* @__PURE__ */ new Set());
   }
   add(n, t) {
     const a = t(n);
@@ -1787,16 +1788,16 @@ class io {
     return this.items;
   }
 }
-class gt {
+class mt {
   constructor() {
-    G(this, "children", /* @__PURE__ */ new Map());
-    G(this, "isEndOfWord", !1);
-    G(this, "value", "");
+    X(this, "children", /* @__PURE__ */ new Map());
+    X(this, "isEndOfWord", !1);
+    X(this, "value", "");
   }
 }
-class Xt {
+class Gt {
   constructor() {
-    G(this, "root", new gt());
+    X(this, "root", new mt());
   }
   /**
    * Inserts a word into the trie structure.
@@ -1808,7 +1809,7 @@ class Xt {
     let t = this.root;
     for (const a of n) {
       let r = t.children.get(a);
-      r === void 0 && (r = new gt(), t.children.set(a, r)), t = r;
+      r === void 0 && (r = new mt(), t.children.set(a, r)), t = r;
     }
     t.isEndOfWord = !0, t.value = n;
   }
@@ -1833,8 +1834,44 @@ class Xt {
     return a;
   }
 }
-var We = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(We || {});
-function Qr(e) {
+var Zr = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(Zr || {});
+class Qr extends Gt {
+  constructor() {
+    super(...arguments);
+    X(this, "pathToKey", /* @__PURE__ */ new Map());
+  }
+  /**
+   * Normalizes a URL path by removing trailing slashes
+   *
+   * @param path - The path which is an URL string to normalize
+   * @returns The normalized path without trailing slash, except for root "/"
+   */
+  normalizePath(t) {
+    return t === "/" ? "/" : t.replace(/\/$/, "");
+  }
+  /**
+   * Inserts an url path into the trie and associates it with a menu key.
+   *
+   * @param path - The URL path to store (e.g., "/admin/users")
+   * @param menuKey - The menu key to associate with this path
+   */
+  insertRoute(t, a) {
+    const r = this.normalizePath(t);
+    this.insert(r), this.pathToKey.set(r, a);
+  }
+  /**
+   * Finds the menu key associated with the longest matching route prefix
+   *
+   * @param route - The URL to match against stored menu url paths
+   * @returns The menu key if a valid prefix match is found, undefined otherwise
+   */
+  findMatchingKey(t) {
+    const a = this.normalizePath(t), r = this.findLongestPrefix(a);
+    if (r.match && this.pathToKey.has(r.match) && (a === r.match || r.remaining.startsWith("/") || r.remaining === ""))
+      return this.pathToKey.get(r.match);
+  }
+}
+function ea(e) {
   const n = {}, t = {}, a = {}, r = (o, l = []) => {
     o.forEach((s) => {
       const u = [...l, s.key];
@@ -1843,175 +1880,140 @@ function Qr(e) {
   };
   return r(e), { key2item: n, key2fullpath: t, key2route: a };
 }
-function ea(e) {
-  const n = new na(), t = (a) => {
+function ta(e) {
+  const n = new Qr(), t = (a) => {
     a.forEach((r) => {
-      r.route !== void 0 && n.insertRoute(r.route.route.fullPath, r.key), r.children !== void 0 && r.children.length > 0 && t(r.children);
+      if (r.route !== void 0) {
+        const o = r.route.path.getURL();
+        n.insertRoute(o, r.key);
+      }
+      r.children !== void 0 && r.children.length > 0 && t(r.children);
     });
   };
   return t(e), n;
 }
-function ta(e, n) {
+function na(e, n) {
   return e.map((t) => {
     if (t.route !== void 0)
-      return n(t.route.role) === We.Allow ? t : null;
+      return n(t.route.role) === 0 ? t : null;
     if (t.children !== void 0) {
-      const a = t.children.filter((r) => r.route !== void 0 ? n(r.route.role) === We.Allow : !0);
+      const a = t.children.filter((r) => r.route !== void 0 ? n(r.route.role) === 0 : !0);
       return a.length > 0 ? { ...t, children: a } : null;
     }
     return t;
   }).filter((t) => t !== null);
 }
-const lo = (e) => {
-  const [n, t] = $(/* @__PURE__ */ new Set()), [a, r] = $(/* @__PURE__ */ new Set()), [o, l] = $(), s = E(() => ta(e.items, e.checkPermission), [e.items, e.checkPermission]), u = E(() => ea(e.items), [e.items]), { key2fullpath: c, key2route: d } = E(
-    () => Qr(s),
-    [s]
+const so = (e) => {
+  const n = Ye(), t = te(), [a, r] = _(/* @__PURE__ */ new Set()), [o, l] = _(/* @__PURE__ */ new Set()), [s, u] = _(), c = k(() => na(e.items, e.checkPermission), [e.items, e.checkPermission]), d = k(() => ta(e.items), [e.items]), { key2fullpath: g, key2route: x } = k(
+    () => ea(c),
+    [c]
   );
   Te(() => {
-    const p = window.location.pathname, f = u.findMatchingKey(p);
-    f !== void 0 && (r(new Set(c[f])), l(f));
-  }, [location, d]);
-  const g = E(() => {
-    function p(f, x) {
-      var j;
-      const b = f.children !== void 0 && f.children.length > 0;
-      return b ? /* @__PURE__ */ i.jsxs(
+    const v = t.pathname, p = d.findMatchingKey(v);
+    p !== void 0 && (l(new Set(g[p])), u(p));
+  }, [t, x]);
+  const m = k(() => {
+    function v(p, w) {
+      var b, y;
+      const S = p.children !== void 0 && p.children.length > 0;
+      return S ? /* @__PURE__ */ i.jsxs(
         "div",
         {
           onMouseEnter: () => {
-            a.has(f.key) || t((w) => {
-              const y = new Set(w);
-              return y.add(f.key), y;
+            o.has(p.key) || r((j) => {
+              const R = new Set(j);
+              return R.add(p.key), R;
             });
           },
           onMouseLeave: () => {
-            a.has(f.key) || t((w) => {
-              const y = new Set(w);
-              return y.delete(f.key), y;
+            o.has(p.key) || r((j) => {
+              const R = new Set(j);
+              return R.delete(p.key), R;
             });
           },
           children: [
             /* @__PURE__ */ i.jsx(
-              lt,
+              it,
               {
-                active: o === f.key,
-                label: f.label,
-                leftSection: f.icon,
+                active: s === p.key,
+                href: (b = p.route) == null ? void 0 : b.path.getURL(),
+                label: p.label,
+                leftSection: p.icon,
                 styles: {
                   label: { fontSize: "md" },
                   root: {
                     borderRadius: "var(--mantine-radius-sm)"
                   }
                 },
-                ml: x === 0 ? void 0 : x === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${x})`,
+                ml: w === 0 ? void 0 : w === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${w})`,
                 w: "unset",
-                rightSection: b ? /* @__PURE__ */ i.jsx(
-                  Sn,
+                rightSection: S ? /* @__PURE__ */ i.jsx(
+                  jn,
                   {
                     size: 12,
                     stroke: 1.5,
                     className: "mantine-rotate-rtl"
                   }
                 ) : void 0,
-                opened: n.has(f.key) || a.has(f.key),
-                onClick: (w) => {
-                  w.preventDefault(), r((y) => {
-                    const v = new Set(y);
-                    return y.has(f.key) ? v.delete(f.key) : v.add(f.key), v;
-                  });
+                opened: a.has(p.key) || o.has(p.key),
+                onClick: (j) => {
+                  j.ctrlKey || j.metaKey || (j.preventDefault(), l((U) => {
+                    const M = new Set(U);
+                    return U.has(p.key) ? M.delete(p.key) : M.add(p.key), M;
+                  }));
                 }
               },
-              f.key
+              p.key
             ),
-            (a.has(f.key) || n.has(f.key)) && f.children.map((w) => p(w, x + 1))
+            (o.has(p.key) || a.has(p.key)) && p.children.map((j) => v(j, w + 1))
           ]
         },
-        `container-${f.key}`
+        `container-${p.key}`
       ) : /* @__PURE__ */ i.jsx(
-        lt,
+        it,
         {
-          active: o === f.key,
-          href: (j = f.route) == null ? void 0 : j.route.fullPath,
-          label: f.label,
-          leftSection: f.icon,
+          active: s === p.key,
+          href: (y = p.route) == null ? void 0 : y.path.getURL(),
+          label: p.label,
+          leftSection: p.icon,
           styles: {
             label: { fontSize: "md" },
             root: {
               borderRadius: "var(--mantine-radius-sm)"
             }
           },
-          ml: x === 0 ? void 0 : x === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${x})`,
+          ml: w === 0 ? void 0 : w === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${w})`,
           w: "unset",
-          onClick: (w) => {
-            w.ctrlKey || w.metaKey || (w.preventDefault(), f.route != null && e.navigate({ to: f.route.route.to }));
+          onClick: (j) => {
+            j.ctrlKey || j.metaKey || (j.preventDefault(), p.route != null && p.route.path.path().open(n));
           }
         },
-        f.key
+        p.key
       );
     }
-    return s.map((f) => p(f, 0));
-  }, [s, o, a, n]);
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: g });
-};
-class na extends Xt {
-  constructor() {
-    super(...arguments);
-    G(this, "pathToKey", /* @__PURE__ */ new Map());
-  }
-  /**
-   * Normalizes a URL path by removing trailing slashes
-   *
-   * @param path - The path which is an URL string to normalize
-   * @returns The normalized path without trailing slash, except for root "/"
-   */
-  normalizePath(t) {
-    return t === "/" ? "/" : t.replace(/\/$/, "");
-  }
-  /**
-   * Inserts an url path into the trie and associates it with a menu key.
-   *
-   * @param path - The URL path to store (e.g., "/admin/users")
-   * @param menuKey - The menu key to associate with this path
-   */
-  insertRoute(t, a) {
-    const r = this.normalizePath(t);
-    this.insert(r), this.pathToKey.set(r, a);
-  }
-  /**
-   * Finds the menu key associated with the longest matching route prefix
-   *
-   * @param route - The URL to match against stored menu url paths
-   * @returns The menu key if a valid prefix match is found, undefined otherwise
-   */
-  findMatchingKey(t) {
-    const a = this.normalizePath(t), r = this.findLongestPrefix(a);
-    if (r.match && this.pathToKey.has(r.match) && (a === r.match || r.remaining.startsWith("/") || r.remaining === ""))
-      return this.pathToKey.get(r.match);
-  }
-}
-const Qe = Ct({ link: () => null }), so = ({
-  link: e,
-  children: n
-}) => /* @__PURE__ */ i.jsx(Qe.Provider, { value: { link: e }, children: n }), Se = ({ value: e }) => /* @__PURE__ */ i.jsx(R, { size: "sm", children: e });
-function et(e, n) {
+    return c.map((p) => v(p, 0));
+  }, [c, s, o, a, n]);
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: m });
+}, je = ({ value: e }) => /* @__PURE__ */ i.jsx(E, { size: "sm", children: e });
+function Qe(e, n) {
   const t = n.getDate().toString().padStart(2, "0"), a = (n.getMonth() + 1).toString().padStart(2, "0"), r = n.getFullYear();
   return e.baseName === "en-US" ? `${a}/${t}/${r}` : e.baseName === "vi-VN" ? `${t}/${a}/${r}` : `${a}/${t}/${r}`;
 }
 const ra = ({ value: e }) => {
-  const n = se(xe), t = E(() => {
+  const n = ke(pe), t = k(() => {
     const a = e.getHours().toString().padStart(2, "0"), r = e.getMinutes().toString().padStart(2, "0"), o = e.getSeconds().toString().padStart(2, "0");
-    return et(n, e) + `${a}:${r}:${o}`;
+    return Qe(n, e) + `${a}:${r}:${o}`;
   }, [n, e]);
-  return /* @__PURE__ */ i.jsx(R, { size: "sm", children: t });
+  return /* @__PURE__ */ i.jsx(E, { size: "sm", children: t });
 }, aa = ({ value: e }) => {
-  const n = se(xe), t = E(() => et(n, e), [n, e]);
-  return /* @__PURE__ */ i.jsx(R, { size: "sm", children: t });
+  const n = ke(pe), t = k(() => Qe(n, e), [n, e]);
+  return /* @__PURE__ */ i.jsx(E, { size: "sm", children: t });
 }, uo = ({ value: e }) => {
-  const n = se(xe), [t, a] = E(() => {
-    const r = et(n, e), o = e.getHours().toString().padStart(2, "0"), l = e.getMinutes().toString().padStart(2, "0"), s = e.getSeconds().toString().padStart(2, "0");
+  const n = ke(pe), [t, a] = k(() => {
+    const r = Qe(n, e), o = e.getHours().toString().padStart(2, "0"), l = e.getMinutes().toString().padStart(2, "0"), s = e.getSeconds().toString().padStart(2, "0");
     return [r, `${o}:${l}:${s}`];
   }, [n, e]);
-  return /* @__PURE__ */ i.jsx(R, { size: "sm", title: a, children: t });
+  return /* @__PURE__ */ i.jsx(E, { size: "sm", title: a, children: t });
 }, oa = {
   yes: {
     lang2value: {
@@ -2028,7 +2030,7 @@ const ra = ({ value: e }) => {
     lang: "en"
   }
 }, ia = ({ value: e }) => /* @__PURE__ */ i.jsx(
-  ge,
+  me,
   {
     checked: e,
     label: /* @__PURE__ */ i.jsx(O, { value: oa[e ? "yes" : "no"] }),
@@ -2040,13 +2042,13 @@ const ra = ({ value: e }) => {
   value: t
 }) => {
   const a = e || n;
-  if (ue(a) || a.enumType === void 0)
+  if (se(a) || a.enumType === void 0)
     throw new Error(
       "Invalid usage of EnumDisplay. Expect a property of type enum"
     );
-  return /* @__PURE__ */ i.jsx(R, { size: "sm", children: /* @__PURE__ */ i.jsx(O, { value: a.enumType.label[t] }) });
+  return /* @__PURE__ */ i.jsx(E, { size: "sm", children: /* @__PURE__ */ i.jsx(O, { value: a.enumType.label[t] }) });
 };
-function Zt(e, n, t, a) {
+function Jt(e, n, t, a) {
   const r = e.getByName(n.targetClass), o = a[n.targetClass];
   Te(() => {
     r.fetchByIds(t);
@@ -2056,59 +2058,69 @@ function Zt(e, n, t, a) {
     l[s] = r.get(s);
   return [l, o];
 }
-const Le = Z(
+const Le = ee(
   ({
     db: e,
     property: n,
     value: t,
     entityRoutes: a
   }) => {
-    const { link: r } = se(Qe), o = E(() => [t], [t]), [l, s] = Zt(
+    const r = k(() => [t], [t]), [o, l] = Jt(
       e,
       n,
-      o,
+      r,
       a
-    ), u = l[t];
-    return u === void 0 ? /* @__PURE__ */ i.jsx(R, { size: "sm", children: t }) : u === null ? /* @__PURE__ */ i.jsx(Jt, {}) : s === void 0 ? /* @__PURE__ */ i.jsx(R, { size: "sm", children: u.name }) : /* @__PURE__ */ i.jsx(r, { to: s.to, openInNewPage: !1, params: { id: u.id }, children: u.name });
+    ), s = o[t];
+    return s === void 0 ? /* @__PURE__ */ i.jsx(E, { size: "sm", children: t }) : s === null ? /* @__PURE__ */ i.jsx(Yt, {}) : l === void 0 ? /* @__PURE__ */ i.jsx(E, { size: "sm", children: s.name }) : /* @__PURE__ */ i.jsx(
+      Nt,
+      {
+        path: l,
+        openInNewPage: !1,
+        urlArgs: { id: s.id },
+        queryArgs: {},
+        children: s.name
+      }
+    );
   }
-), Fe = Z(
+), Fe = ee(
   ({
     db: e,
     property: n,
     value: t,
     entityRoutes: a
   }) => {
-    const { link: r } = se(Qe), [o, l] = Zt(
+    const [r, o] = Jt(
       e,
       n,
       t,
       a
     );
-    return /* @__PURE__ */ i.jsx(D, { gap: "xs", children: t.map((s, u) => {
-      const c = o[s];
-      return c === void 0 ? /* @__PURE__ */ i.jsx(R, { size: "sm", children: t }, s) : c === null ? /* @__PURE__ */ i.jsx(Jt, {}, s) : l === void 0 ? /* @__PURE__ */ i.jsx(R, { size: "sm", children: c.name }, u) : /* @__PURE__ */ i.jsx(
-        r,
+    return /* @__PURE__ */ i.jsx(D, { gap: "xs", children: t.map((l, s) => {
+      const u = r[l];
+      return u === void 0 ? /* @__PURE__ */ i.jsx(E, { size: "sm", children: t }, l) : u === null ? /* @__PURE__ */ i.jsx(Yt, {}, l) : o === void 0 ? /* @__PURE__ */ i.jsx(E, { size: "sm", children: u.name }, s) : /* @__PURE__ */ i.jsx(
+        Nt,
         {
-          to: l.to,
+          path: o,
           openInNewPage: !1,
-          params: { id: c.id },
-          children: c.name
+          urlArgs: { id: u.id },
+          queryArgs: {},
+          children: u.name
         },
-        u
+        s
       );
     }) });
   }
-), X = {
-  string: Se,
-  integer: Se,
-  float: Se,
+), Q = {
+  string: je,
+  integer: je,
+  float: je,
   boolean: ia,
-  "string[]": Se,
+  "string[]": je,
   enum: la,
   datetime: ra,
   date: aa
 }, sa = ({ property: e, value: n, onChange: t }) => /* @__PURE__ */ i.jsx(
-  U,
+  W,
   {
     id: e.name,
     type: "checkbox",
@@ -2118,12 +2130,12 @@ const Le = Z(
       t(r);
     }
   }
-), pt = ({
+), gt = ({
   property: e,
   value: n,
   onChange: t
 }) => /* @__PURE__ */ i.jsx(
-  U,
+  W,
   {
     id: e.name,
     type: "number",
@@ -2209,11 +2221,11 @@ const Le = Z(
   if (a.match === "")
     throw new Error(`No valid country code found for phone number: ${e}`);
   return a;
-}, xt = ({ value: e }) => {
+}, pt = ({ value: e }) => {
   const n = le[e];
   if (n !== void 0)
     return /* @__PURE__ */ i.jsxs(D, { gap: "sm", wrap: "nowrap", align: "center", children: [
-      /* @__PURE__ */ i.jsxs(R, { size: "sm", children: [
+      /* @__PURE__ */ i.jsxs(E, { size: "sm", children: [
         "+",
         e
       ] }),
@@ -2225,109 +2237,109 @@ const Le = Z(
   error: t,
   id: a
 }) => {
-  const [r, o] = $(""), [l, s] = $(!1), [u, c] = $(""), [d, g] = $(!1), p = E(() => {
-    const v = new Xt();
-    return Object.keys(le).forEach((C) => {
-      v.insert(C);
-    }), v;
-  }, [le]), { rawInput: f } = E(() => {
+  const [r, o] = _(""), [l, s] = _(!1), [u, c] = _(""), [d, g] = _(!1), x = k(() => {
+    const y = new Gt();
+    return Object.keys(le).forEach((j) => {
+      y.insert(j);
+    }), y;
+  }, [le]), { rawInput: m } = k(() => {
     try {
-      const { match: v, remaining: C } = da(
+      const { match: y, remaining: j } = da(
         e,
-        p
+        x
       );
-      return c(v), g(!1), {
-        rawInput: C
+      return c(y), g(!1), {
+        rawInput: j
       };
     } catch {
       return g(!0), c(""), {
         rawInput: e
       };
     }
-  }, [e]), x = Rt({
+  }, [e]), v = St({
     onDropdownClose: () => {
-      x.resetSelectedOption(), o("");
+      v.resetSelectedOption(), o("");
     },
     onDropdownOpen: () => {
-      x.updateSelectedOptionIndex("active");
+      v.updateSelectedOptionIndex("active");
     }
-  }), b = E(() => Object.keys(le), [le]), j = (v, C) => {
-    const T = v.replace(/[^\d]/g, "");
-    return T.length === 0 ? `+${C}` : T.startsWith("0") ? (s(!0), `+${C}${T}`) : (s(!1), `+${C}${T}`);
-  }, w = E(() => b.filter((v) => le[v].name.toLowerCase().includes(r.toLowerCase()) || v.includes(r)), [r, b]), y = E(() => w.map((v, C) => /* @__PURE__ */ i.jsx(F.Option, { value: v, children: /* @__PURE__ */ i.jsx(xt, { value: v }) }, C)), [w]);
+  }), p = k(() => Object.keys(le), [le]), w = (y, j) => {
+    const R = y.replace(/[^\d]/g, "");
+    return R.length === 0 ? `+${j}` : R.startsWith("0") ? (s(!0), `+${j}${R}`) : (s(!1), `+${j}${R}`);
+  }, S = k(() => p.filter((y) => le[y].name.toLowerCase().includes(r.toLowerCase()) || y.includes(r)), [r, p]), b = k(() => S.map((y, j) => /* @__PURE__ */ i.jsx(F.Option, { value: y, children: /* @__PURE__ */ i.jsx(pt, { value: y }) }, j)), [S]);
   return /* @__PURE__ */ i.jsxs("div", { children: [
-    /* @__PURE__ */ i.jsx(_, { gutter: "xs", children: /* @__PURE__ */ i.jsx(_.Col, { children: /* @__PURE__ */ i.jsxs(D, { gap: 5, children: [
+    /* @__PURE__ */ i.jsx(A, { gutter: "xs", children: /* @__PURE__ */ i.jsx(A.Col, { children: /* @__PURE__ */ i.jsxs(D, { gap: 5, children: [
       /* @__PURE__ */ i.jsxs(
         F,
         {
-          store: x,
+          store: v,
           position: "top-start",
-          onOptionSubmit: (v) => {
-            o(""), x.closeDropdown(), n({
-              target: { value: j(f, v) }
+          onOptionSubmit: (y) => {
+            o(""), v.closeDropdown(), n({
+              target: { value: w(m, y) }
             });
           },
           children: [
             /* @__PURE__ */ i.jsx(F.Target, { children: /* @__PURE__ */ i.jsx(
-              hn,
+              fn,
               {
                 component: "button",
                 type: "button",
                 pointer: !0,
                 rightSection: /* @__PURE__ */ i.jsx(F.Chevron, {}),
-                onClick: () => x.toggleDropdown(),
+                onClick: () => v.toggleDropdown(),
                 rightSectionPointerEvents: "none",
                 w: 110,
-                children: /* @__PURE__ */ i.jsx(xt, { value: u })
+                children: /* @__PURE__ */ i.jsx(pt, { value: u })
               }
             ) }),
             /* @__PURE__ */ i.jsxs(F.Dropdown, { children: [
               /* @__PURE__ */ i.jsx(
                 F.Search,
                 {
-                  leftSection: /* @__PURE__ */ i.jsx(Tt, { size: 14, stroke: 1.5 }),
+                  leftSection: /* @__PURE__ */ i.jsx(Et, { size: 14, stroke: 1.5 }),
                   placeholder: ".....",
                   value: r,
-                  onChange: (v) => o(v.currentTarget.value)
+                  onChange: (y) => o(y.currentTarget.value)
                 }
               ),
-              /* @__PURE__ */ i.jsx(F.Options, { children: y.length > 0 ? y : /* @__PURE__ */ i.jsx(F.Empty, { children: /* @__PURE__ */ i.jsx(R, { size: "sm", children: "Nothing found" }) }) })
+              /* @__PURE__ */ i.jsx(F.Options, { children: b.length > 0 ? b : /* @__PURE__ */ i.jsx(F.Empty, { children: /* @__PURE__ */ i.jsx(E, { size: "sm", children: "Nothing found" }) }) })
             ] })
           ]
         }
       ),
       u === "" ? /* @__PURE__ */ i.jsx(
-        U,
+        W,
         {
           id: a,
-          value: f,
+          value: m,
           type: "phone_number",
-          onChange: (v) => {
-            n({ target: { value: v.target.value } });
+          onChange: (y) => {
+            n({ target: { value: y.target.value } });
           },
           error: t,
           flex: 1
         }
       ) : /* @__PURE__ */ i.jsx(
-        U,
+        W,
         {
           id: a,
-          value: f,
+          value: m,
           type: "phone_number",
-          onAccept: (v) => {
-            const C = v.replace(/[^\d]/g, "");
+          onAccept: (y) => {
+            const j = y.replace(/[^\d]/g, "");
             n({
-              target: { value: j(C, u) }
+              target: { value: w(j, u) }
             });
           },
-          component: Pn,
+          component: Nn,
           mask: "000-000-0000",
           error: t,
           flex: 1
         }
       )
     ] }) }) }),
-    (l || d || t && typeof t == "string") && /* @__PURE__ */ i.jsx(_, { gutter: "xs", children: /* @__PURE__ */ i.jsx(_.Col, { children: /* @__PURE__ */ i.jsx(U.Error, { children: l ? /* @__PURE__ */ i.jsx(O, { value: ua }) : d ? /* @__PURE__ */ i.jsx(O, { value: ca }) : t }) }) })
+    (l || d || t && typeof t == "string") && /* @__PURE__ */ i.jsx(A, { gutter: "xs", children: /* @__PURE__ */ i.jsx(A.Col, { children: /* @__PURE__ */ i.jsx(W.Error, { children: l ? /* @__PURE__ */ i.jsx(O, { value: ua }) : d ? /* @__PURE__ */ i.jsx(O, { value: ca }) : t }) }) })
   ] });
 }, ze = ({
   property: e,
@@ -2335,7 +2347,7 @@ const Le = Z(
   value: t,
   onChange: a
 }) => {
-  const [r, o] = E(() => e.constraints.includes("password") ? ["password", mn] : e.constraints.includes("phone_number") ? ["phone_number", fa] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", U], [e.constraints]);
+  const [r, o] = k(() => e.constraints.includes("password") ? ["password", hn] : e.constraints.includes("phone_number") ? ["phone_number", fa] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", W], [e.constraints]);
   return /* @__PURE__ */ i.jsx(
     o,
     {
@@ -2346,16 +2358,16 @@ const Le = Z(
       error: n
     }
   );
-}, vt = {
-  integer: pt,
-  float: pt,
+}, xt = {
+  integer: gt,
+  float: gt,
   string: ze,
   boolean: sa,
   "string[]": ze,
   enum: ze
 };
 function ha(e, n) {
-  const [t, a] = $(""), [r, o] = $([]);
+  const [t, a] = _(""), [r, o] = _([]);
   return Te(() => {
     e.getByName(n.targetClass).fetch({ limit: 100, offset: 0 }).then((s) => o(s.records));
   }, [n.name]), {
@@ -2373,9 +2385,9 @@ function ha(e, n) {
     table: e.getByName(n.targetClass)
   };
 }
-const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", children: e.name }), pa = Z(
+const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(E, { size: "sm", children: e.name }), pa = ee(
   (e) => /* @__PURE__ */ i.jsx("h1", { children: "SingleForeignKey" })
-), xa = Z(
+), xa = ee(
   ({
     db: e,
     property: n,
@@ -2386,7 +2398,7 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", chi
       e,
       n
     );
-    return /* @__PURE__ */ i.jsxs(pe, { gap: "sm", children: [
+    return /* @__PURE__ */ i.jsxs(ge, { gap: "sm", children: [
       /* @__PURE__ */ i.jsx(
         va,
         {
@@ -2422,9 +2434,9 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", chi
   query: o,
   setQuery: l
 }) => {
-  const s = Rt({
+  const s = St({
     onDropdownClose: () => s.resetSelectedOption()
-  }), u = E(() => n.map((c) => (
+  }), u = k(() => n.map((c) => (
     // value has to be a string
     /* @__PURE__ */ i.jsx(F.Option, { value: c.id.toString(), children: a(c) }, c.id)
   )), [n]);
@@ -2439,11 +2451,11 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", chi
       shadow: "sm",
       children: [
         /* @__PURE__ */ i.jsx(F.Target, { children: /* @__PURE__ */ i.jsx(
-          U,
+          W,
           {
             id: e,
             pointer: !0,
-            rightSection: /* @__PURE__ */ i.jsx(Tt, { size: 16, stroke: 1.5 }),
+            rightSection: /* @__PURE__ */ i.jsx(Et, { size: 16, stroke: 1.5 }),
             rightSectionPointerEvents: "none",
             onClick: () => s.toggleDropdown(),
             placeholder: "Type to search...",
@@ -2462,22 +2474,22 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", chi
   onDelete: n,
   render: t
 }) => {
-  const a = E(() => {
+  const a = k(() => {
     const r = [];
     for (let o = 0; o < e.length; o++) {
       const l = e[o];
       r.push(
         /* @__PURE__ */ i.jsxs(D, { justify: "space-between", p: "sm", children: [
           t(l),
-          /* @__PURE__ */ i.jsx(gn, { size: "sm", onClick: () => n(l) })
+          /* @__PURE__ */ i.jsx(mn, { size: "sm", onClick: () => n(l) })
         ] }, o)
-      ), o < e.length - 1 && r.push(/* @__PURE__ */ i.jsx(pn, {}, `divider-${o}`));
+      ), o < e.length - 1 && r.push(/* @__PURE__ */ i.jsx(gn, {}, `divider-${o}`));
     }
     return r;
   }, [e]);
   if (a.length !== 0)
-    return /* @__PURE__ */ i.jsx(te, { bd: "1px solid #ddd", children: a });
-}, ba = "_requiredLabelLeft_l5p83_1", wa = "_requiredLabelRight_l5p83_11", yt = {
+    return /* @__PURE__ */ i.jsx(re, { bd: "1px solid #ddd", children: a });
+}, ba = "_requiredLabelLeft_l5p83_1", wa = "_requiredLabelRight_l5p83_11", vt = {
   requiredLabelLeft: ba,
   requiredLabelRight: wa
 }, ja = ({
@@ -2488,11 +2500,11 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", chi
   style: r,
   align: o = "left"
 }) => {
-  const l = t ? o === "left" ? yt.requiredLabelRight : yt.requiredLabelLeft : "";
-  return /* @__PURE__ */ i.jsx(z, { align: "center", h: 36, children: /* @__PURE__ */ i.jsx("label", { htmlFor: n, style: r, children: /* @__PURE__ */ i.jsxs(D, { gap: 4, children: [
-    /* @__PURE__ */ i.jsx(R, { size: "sm", className: l, children: e }),
-    a !== void 0 && /* @__PURE__ */ i.jsx(Et, { label: a, withArrow: !0, children: /* @__PURE__ */ i.jsx(
-      Nt,
+  const l = t ? o === "left" ? vt.requiredLabelRight : vt.requiredLabelLeft : "";
+  return /* @__PURE__ */ i.jsx(B, { align: "center", h: 36, children: /* @__PURE__ */ i.jsx("label", { htmlFor: n, style: r, children: /* @__PURE__ */ i.jsxs(D, { gap: 4, children: [
+    /* @__PURE__ */ i.jsx(E, { size: "sm", className: l, children: e }),
+    a !== void 0 && /* @__PURE__ */ i.jsx(Ct, { label: a, withArrow: !0, children: /* @__PURE__ */ i.jsx(
+      kt,
       {
         size: 16,
         stroke: 1.5,
@@ -2503,7 +2515,7 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", chi
 }, Sa = {
   type: "vertical",
   helpAlwaysVisible: !1
-}, Ca = Z(
+}, Ca = ee(
   ({
     store: e,
     record: n,
@@ -2512,24 +2524,24 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", chi
     InputComponent: r,
     validator: o
   }) => {
-    const [l, s] = $(void 0), u = n[t.tsName], c = (g) => {
-      var f;
-      if (Pt(n))
+    const [l, s] = _(void 0), u = n[t.tsName], c = (g) => {
+      var m;
+      if (Tt(n))
         n[t.updateFuncName](g);
       else {
-        const x = n.toDraft();
-        x[t.updateFuncName](g), e.setDraft(x);
+        const v = n.toDraft();
+        v[t.updateFuncName](g), e.setDraft(v);
       }
-      const p = o(g);
-      p.isValid ? s(void 0) : s(
-        (f = p.errorMessage) == null ? void 0 : f.t({ args: { name: t.label } })
+      const x = o(g);
+      x.isValid ? s(void 0) : s(
+        (m = x.errorMessage) == null ? void 0 : m.t({ args: { name: t.label } })
       );
     };
     if (Ra(a))
-      return /* @__PURE__ */ i.jsxs(pe, { gap: 5, children: [
-        /* @__PURE__ */ i.jsxs(_, { gutter: "sm", children: [
+      return /* @__PURE__ */ i.jsxs(ge, { gap: 5, children: [
+        /* @__PURE__ */ i.jsxs(A, { gutter: "sm", children: [
           /* @__PURE__ */ i.jsx(
-            _.Col,
+            A.Col,
             {
               span: a.labelCol,
               style: {
@@ -2548,7 +2560,7 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", chi
               )
             }
           ),
-          /* @__PURE__ */ i.jsx(_.Col, { span: a.itemCol, children: /* @__PURE__ */ i.jsx(
+          /* @__PURE__ */ i.jsx(A.Col, { span: a.itemCol, children: /* @__PURE__ */ i.jsx(
             r,
             {
               db: e.db,
@@ -2559,21 +2571,21 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", chi
             }
           ) })
         ] }),
-        l !== void 0 && /* @__PURE__ */ i.jsxs(_, { gutter: "sm", children: [
-          /* @__PURE__ */ i.jsx(_.Col, { span: a.labelCol }),
-          /* @__PURE__ */ i.jsx(_.Col, { span: a.itemCol, children: /* @__PURE__ */ i.jsx(U.Error, { children: l }) })
+        l !== void 0 && /* @__PURE__ */ i.jsxs(A, { gutter: "sm", children: [
+          /* @__PURE__ */ i.jsx(A.Col, { span: a.labelCol }),
+          /* @__PURE__ */ i.jsx(A.Col, { span: a.itemCol, children: /* @__PURE__ */ i.jsx(W.Error, { children: l }) })
         ] })
       ] });
     let d = /* @__PURE__ */ i.jsx(O, { value: t.label });
     return !a.helpAlwaysVisible && t.description !== void 0 && (d = /* @__PURE__ */ i.jsxs(D, { gap: 4, style: { display: "inline-flex" }, children: [
       d,
       /* @__PURE__ */ i.jsx(
-        Et,
+        Ct,
         {
           label: /* @__PURE__ */ i.jsx(O, { value: t.description }),
           withArrow: !0,
           children: /* @__PURE__ */ i.jsx(
-            Nt,
+            kt,
             {
               size: 16,
               stroke: 1.5,
@@ -2583,7 +2595,7 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", chi
         }
       )
     ] })), /* @__PURE__ */ i.jsx(
-      U.Wrapper,
+      W.Wrapper,
       {
         label: d,
         description: a.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ i.jsx(O, { value: t.description }) : void 0,
@@ -2605,8 +2617,8 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", chi
 function Ra(e) {
   return e.type === "horizontal";
 }
-const bt = 12, co = (e) => {
-  const n = e.schema, t = E(() => {
+const yt = 12, co = (e) => {
+  const n = e.schema, t = k(() => {
     const a = Math.max(
       ...e.fieldGroups.map((r) => Math.max(...r.fields.map((o) => o.length)))
     );
@@ -2624,12 +2636,12 @@ const bt = 12, co = (e) => {
     "form",
     {
       onSubmit: e.onSubmit === void 0 ? void 0 : (a) => {
-        a.preventDefault(), e.onSubmit !== void 0 && Pt(e.record) && e.onSubmit(e.record);
+        a.preventDefault(), e.onSubmit !== void 0 && Tt(e.record) && e.onSubmit(e.record);
       },
-      children: /* @__PURE__ */ i.jsxs(pe, { gap: "sm", className: e.className, style: e.styles, children: [
+      children: /* @__PURE__ */ i.jsxs(ge, { gap: "sm", className: e.className, style: e.styles, children: [
         t,
         /* @__PURE__ */ i.jsx(D, { gap: "sm", children: e.actions.map((a, r) => /* @__PURE__ */ i.jsx(
-          B,
+          q,
           {
             variant: a.variant,
             onClick: () => {
@@ -2647,11 +2659,11 @@ const bt = 12, co = (e) => {
 function Ea(e, n, t, a, r, o, l) {
   const s = r.fields, u = [];
   for (let d = 0; d < s.length; d++) {
-    const g = bt / s[d].length;
+    const g = yt / s[d].length;
     if (!Number.isInteger(g))
       throw new Error(`Span must be an integer, but got ${g} for row ${d}`);
-    let p;
-    l !== void 0 && typeof l == "object" && l.type === "horizontal" ? p = {
+    let x;
+    l !== void 0 && typeof l == "object" && l.type === "horizontal" ? x = {
       ...l,
       // the size of labelCol must match the minimum size of labelCol across different groups
       // and rows -- if the result isn't a whole number, we may see unaligned labels
@@ -2659,58 +2671,58 @@ function Ea(e, n, t, a, r, o, l) {
       labelCol: Math.floor(
         l.labelCol * s[d].length / o
       ),
-      itemCol: bt - Math.floor(l.labelCol * s[d].length / o)
-    } : p = l;
-    for (let f = 0; f < s[d].length; f++) {
-      const x = s[d][f], b = e.allProperties[x];
-      let j;
-      if (ue(b))
-        j = b.cardinality === "N:N" || b.cardinality === "1:N" ? xa : pa;
+      itemCol: yt - Math.floor(l.labelCol * s[d].length / o)
+    } : x = l;
+    for (let m = 0; m < s[d].length; m++) {
+      const v = s[d][m], p = e.allProperties[v];
+      let w;
+      if (se(p))
+        w = p.cardinality === "N:N" || p.cardinality === "1:N" ? xa : pa;
       else {
-        if (vt[b.datatype] === void 0)
+        if (xt[p.datatype] === void 0)
           throw new Error(
-            `No input component found for datatype ${b.datatype}`
+            `No input component found for datatype ${p.datatype}`
           );
-        j = vt[b.datatype];
+        w = xt[p.datatype];
       }
       u.push(
-        /* @__PURE__ */ i.jsx(_.Col, { span: g, children: /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ i.jsx(A.Col, { span: g, children: /* @__PURE__ */ i.jsx(
           Ca,
           {
             store: n,
             record: t,
-            property: b,
-            layout: p,
-            InputComponent: j,
-            validator: e.validators[x]
+            property: p,
+            layout: x,
+            InputComponent: w,
+            validator: e.validators[v]
           }
-        ) }, `${d}-${f}`)
+        ) }, `${d}-${m}`)
       );
     }
   }
-  const c = /* @__PURE__ */ i.jsx(_, { gutter: "sm", children: u }, a);
-  return r.name !== void 0 ? /* @__PURE__ */ i.jsx(xn, { legend: r.name, children: c }, a) : c;
+  const c = /* @__PURE__ */ i.jsx(A, { gutter: "sm", children: u }, a);
+  return r.name !== void 0 ? /* @__PURE__ */ i.jsx(pn, { legend: r.name, children: c }, a) : c;
 }
-const Qt = ({
+const Xt = ({
   actions: e,
   reloadData: n,
   selectedRowKeys: t,
   size: a = "xs"
 }) => /* @__PURE__ */ i.jsxs(D, { gap: a, children: [
   (e == null ? void 0 : e.add) && /* @__PURE__ */ i.jsx(
-    B,
+    q,
     {
       variant: "light",
-      leftSection: /* @__PURE__ */ i.jsx(Cn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ i.jsx(Sn, { size: 16, stroke: 1.5 }),
       size: a,
       onClick: e.add,
       children: "Add"
     }
   ),
   (e == null ? void 0 : e.edit) && /* @__PURE__ */ i.jsx(
-    B,
+    q,
     {
-      leftSection: /* @__PURE__ */ i.jsx(Rn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ i.jsx(Cn, { size: 16, stroke: 1.5 }),
       size: a,
       variant: "light",
       onClick: () => e.edit !== void 0 && e.edit(t[0]),
@@ -2719,9 +2731,9 @@ const Qt = ({
     }
   ),
   (e == null ? void 0 : e.reload) && /* @__PURE__ */ i.jsx(
-    B,
+    q,
     {
-      leftSection: /* @__PURE__ */ i.jsx(En, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ i.jsx(Rn, { size: 16, stroke: 1.5 }),
       size: a,
       onClick: n,
       variant: "light",
@@ -2729,9 +2741,9 @@ const Qt = ({
     }
   ),
   (e == null ? void 0 : e.import) && /* @__PURE__ */ i.jsx(
-    B,
+    q,
     {
-      leftSection: /* @__PURE__ */ i.jsx(kn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ i.jsx(En, { size: 16, stroke: 1.5 }),
       size: a,
       variant: "light",
       onClick: e.import,
@@ -2739,29 +2751,29 @@ const Qt = ({
     }
   ),
   (e == null ? void 0 : e.export) && /* @__PURE__ */ i.jsx(
-    B,
+    q,
     {
-      leftSection: /* @__PURE__ */ i.jsx(Tn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ i.jsx(kn, { size: 16, stroke: 1.5 }),
       size: a,
       variant: "light",
       onClick: e.export,
       children: "Export"
     }
   )
-] }), en = (e) => e !== void 0 && (e.add !== void 0 || e.edit !== void 0 || e.delete !== void 0 || e.export !== void 0 || e.reload === !0 || e.import !== void 0), ka = "__selectcol__", { Thead: Ta, Tr: wt, Th: Na, Tbody: Pa, Td: Ia } = kt, tn = (e) => {
+] }), Zt = (e) => e !== void 0 && (e.add !== void 0 || e.edit !== void 0 || e.delete !== void 0 || e.export !== void 0 || e.reload === !0 || e.import !== void 0), ka = "__selectcol__", { Thead: Ta, Tr: bt, Th: Na, Tbody: Pa, Td: Ia } = Rt, Qt = (e) => {
   const n = /* @__PURE__ */ i.jsxs(
-    kt,
+    Rt,
     {
       striped: !0,
       highlightOnHover: !0,
       verticalSpacing: "xs",
       tabularNums: !0,
       children: [
-        /* @__PURE__ */ i.jsx(Ta, { children: e.table.getHeaderGroups().map((a) => /* @__PURE__ */ i.jsx(wt, { children: a.headers.map((r) => /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ i.jsx(Ta, { children: e.table.getHeaderGroups().map((a) => /* @__PURE__ */ i.jsx(bt, { children: a.headers.map((r) => /* @__PURE__ */ i.jsx(
           Na,
           {
             w: r.id === ka ? "1%" : void 0,
-            children: r.isPlaceholder ? null : st(
+            children: r.isPlaceholder ? null : lt(
               r.column.columnDef.header,
               r.getContext()
             )
@@ -2769,10 +2781,10 @@ const Qt = ({
           r.id
         )) }, a.id)) }),
         /* @__PURE__ */ i.jsx(Pa, { pos: "relative", children: e.table.getRowModel().rows.map((a) => /* @__PURE__ */ i.jsx(
-          wt,
+          bt,
           {
             bg: e.selectedRowKeys[a.id] ? "var(--mantine-color-blue-light)" : void 0,
-            children: a.getVisibleCells().map((r) => /* @__PURE__ */ i.jsx(Ia, { children: st(r.column.columnDef.cell, r.getContext()) }, r.id))
+            children: a.getVisibleCells().map((r) => /* @__PURE__ */ i.jsx(Ia, { children: lt(r.column.columnDef.cell, r.getContext()) }, r.id))
           },
           a.id
         )) })
@@ -2781,10 +2793,10 @@ const Qt = ({
   );
   if (!e.bordered) return n;
   const t = {};
-  return e.hasTopSection && (t.borderTopLeftRadius = 0, t.borderTopRightRadius = 0), e.hasBottomSection && (t.borderBottomLeftRadius = 0, t.borderBottomRightRadius = 0), /* @__PURE__ */ i.jsx(te, { withBorder: !0, p: 0, style: t, children: n });
+  return e.hasTopSection && (t.borderTopLeftRadius = 0, t.borderTopRightRadius = 0), e.hasBottomSection && (t.borderBottomLeftRadius = 0, t.borderBottomRightRadius = 0), /* @__PURE__ */ i.jsx(re, { withBorder: !0, p: 0, style: t, children: n });
 }, La = "_pageSizeSelectorActive_1wv6j_1", Fa = {
   pageSizeSelectorActive: La
-}, nn = ({
+}, en = ({
   total: e,
   pageIndex: n,
   pageSize: t,
@@ -2792,7 +2804,7 @@ const Qt = ({
   onUpdatePagination: r
 }) => {
   const o = /* @__PURE__ */ i.jsx(
-    vn,
+    xn,
     {
       size: "sm",
       total: e,
@@ -2802,9 +2814,9 @@ const Qt = ({
   );
   return a ? /* @__PURE__ */ i.jsxs(D, { gap: "sm", children: [
     /* @__PURE__ */ i.jsxs("div", { children: [
-      /* @__PURE__ */ i.jsx(R, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
+      /* @__PURE__ */ i.jsx(E, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
       /* @__PURE__ */ i.jsx(
-        _a,
+        Aa,
         {
           size: "sm",
           values: ["10", "20", "50", "100"],
@@ -2817,30 +2829,30 @@ const Qt = ({
     ] }),
     o
   ] }) : o;
-}, jt = {
-  xs: de(22),
-  sm: de(26),
-  md: de(32),
-  lg: de(38),
-  xl: de(44)
+}, wt = {
+  xs: ce(22),
+  sm: ce(26),
+  md: ce(32),
+  lg: ce(38),
+  xl: ce(44)
 };
-function _a({
+function Aa({
   size: e,
   values: n,
   value: t,
   onChange: a
 }) {
   return /* @__PURE__ */ i.jsxs(ie, { withinPortal: !0, withArrow: !0, offset: 2, children: [
-    /* @__PURE__ */ i.jsx(yn, { children: /* @__PURE__ */ i.jsx(
-      B,
+    /* @__PURE__ */ i.jsx(vn, { children: /* @__PURE__ */ i.jsx(
+      q,
       {
         size: e,
         variant: "default",
-        rightSection: /* @__PURE__ */ i.jsx(Nn, { size: 16, stroke: 1.5 }),
+        rightSection: /* @__PURE__ */ i.jsx(Tn, { size: 16, stroke: 1.5 }),
         style: [
           { fontWeight: "normal" },
           (r) => ({
-            height: jt[e],
+            height: wt[e],
             paddingLeft: r.spacing[e],
             paddingRight: r.spacing[e]
           })
@@ -2853,14 +2865,14 @@ function _a({
         children: t
       }
     ) }),
-    /* @__PURE__ */ i.jsx(bn, { children: n.map((r) => {
+    /* @__PURE__ */ i.jsx(yn, { children: n.map((r) => {
       const o = r === t;
       return /* @__PURE__ */ i.jsx(
-        wn,
+        bn,
         {
           className: o ? Fa.pageSizeSelectorActive : void 0,
           style: [
-            { height: jt[e] }
+            { height: wt[e] }
             // isCurrent
             //   ? {
             //       color: "var(--mantine-color-text)",
@@ -2871,66 +2883,66 @@ function _a({
           ],
           disabled: o,
           onClick: () => a(r),
-          children: /* @__PURE__ */ i.jsx(R, { component: "div", size: e, children: r })
+          children: /* @__PURE__ */ i.jsx(E, { component: "div", size: e, children: r })
         },
         r
       );
     }) })
   ] });
 }
-const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
-  var w, y;
-  const [n, t] = $({
+const _a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
+  var S, b;
+  const [n, t] = _({
     records: [],
     total: 0
-  }), [a, r] = $(!1), [o, l] = $(
+  }), [a, r] = _(!1), [o, l] = _(
     {}
-  ), s = (v) => {
-    r(!0), e.getData(v).then((C) => {
-      t(C), r(!1);
+  ), s = (y) => {
+    r(!0), e.getData(y).then((j) => {
+      t(j), r(!1);
     });
-  }, u = (v, C) => {
-    const T = {
+  }, u = (y, j) => {
+    const R = {
       ...e.query.query,
-      limit: C,
-      offset: v * C
+      limit: j,
+      offset: y * j
     };
-    e.query.update(T);
-  }, [c, d, g] = E(() => {
-    const v = e.query.query.limit, C = Math.floor(
+    e.query.update(R);
+  }, [c, d, g] = k(() => {
+    const y = e.query.query.limit, j = Math.floor(
       (e.query.query.offset || 0) / e.query.query.limit
-    ), T = Math.ceil(n.total / e.query.query.limit);
-    return [v, C, T];
+    ), R = Math.ceil(n.total / e.query.query.limit);
+    return [y, j, R];
   }, [e.query.query.limit, e.query.query.offset, n.total]);
   Te(() => (n.total == 0 && s(e.query.query), e.query.subscribe(s)), [e.query]);
-  const p = E(() => Object.keys(o).filter((v) => o[v]).map((v) => e.normalizeRowId(v)), [o]);
-  let f, x;
-  en(e.actions) && (f = /* @__PURE__ */ i.jsx(
-    Qt,
+  const x = k(() => Object.keys(o).filter((y) => o[y]).map((y) => e.normalizeRowId(y)), [o]);
+  let m, v;
+  Zt(e.actions) && (m = /* @__PURE__ */ i.jsx(
+    Xt,
     {
       actions: e.actions,
       reloadData: () => s(e.query.query),
-      selectedRowKeys: p
+      selectedRowKeys: x
     }
   ));
-  const b = ((w = e.pagination) == null ? void 0 : w.positions) || $a;
-  if (b.size > 0) {
-    const v = /* @__PURE__ */ i.jsx(
-      nn,
+  const p = ((S = e.pagination) == null ? void 0 : S.positions) || _a;
+  if (p.size > 0) {
+    const y = /* @__PURE__ */ i.jsx(
+      en,
       {
         total: g,
         pageIndex: d,
         pageSize: c,
         onUpdatePagination: u,
-        allowPageSizeChange: (y = e.pagination) == null ? void 0 : y.showSizeChanger
+        allowPageSizeChange: (b = e.pagination) == null ? void 0 : b.showSizeChanger
       }
     );
-    b.has("topRight") && (f !== void 0 ? f = /* @__PURE__ */ i.jsxs(D, { justify: "space-between", gap: "sm", children: [
-      f,
-      v
-    ] }) : f = /* @__PURE__ */ i.jsx(z, { justify: "flex-end", children: v })), (b.has("bottomRight") || b.has("bottomLeft") || b.has("bottomCenter")) && (b.has("bottomLeft") ? x = /* @__PURE__ */ i.jsxs(z, { justify: "space-between", align: "center", children: [
-      v,
-      /* @__PURE__ */ i.jsxs(R, { size: "sm", c: "dimmed", children: [
+    p.has("topRight") && (m !== void 0 ? m = /* @__PURE__ */ i.jsxs(D, { justify: "space-between", gap: "sm", children: [
+      m,
+      y
+    ] }) : m = /* @__PURE__ */ i.jsx(B, { justify: "flex-end", children: y })), (p.has("bottomRight") || p.has("bottomLeft") || p.has("bottomCenter")) && (p.has("bottomLeft") ? v = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      y,
+      /* @__PURE__ */ i.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
         d * c + 1,
         " to",
@@ -2941,8 +2953,8 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
         " ",
         "records"
       ] })
-    ] }) : x = /* @__PURE__ */ i.jsxs(z, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ i.jsxs(R, { size: "sm", c: "dimmed", children: [
+    ] }) : v = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
         d * c + 1,
         " to",
@@ -2953,11 +2965,11 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
         " ",
         "records"
       ] }),
-      v
+      y
     ] }));
   }
-  const j = E(() => /* @__PURE__ */ i.jsx(
-    Aa,
+  const w = k(() => /* @__PURE__ */ i.jsx(
+    $a,
     {
       data: n,
       loading: a,
@@ -2965,8 +2977,8 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
       getRowId: e.getRowId,
       selectedRowKeys: o,
       setSelectedRowKeys: l,
-      hasTopSection: f !== void 0,
-      hasBottomSection: x !== void 0
+      hasTopSection: m !== void 0,
+      hasBottomSection: v !== void 0
     }
   ), [
     n,
@@ -2975,12 +2987,12 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
     e.getRowId,
     o,
     l,
-    f !== void 0,
-    x !== void 0
+    m !== void 0,
+    v !== void 0
   ]);
-  return f === void 0 || x === void 0 ? j : /* @__PURE__ */ i.jsxs("div", { children: [
-    f !== void 0 && /* @__PURE__ */ i.jsx(
-      te,
+  return m === void 0 || v === void 0 ? w : /* @__PURE__ */ i.jsxs("div", { children: [
+    m !== void 0 && /* @__PURE__ */ i.jsx(
+      re,
       {
         withBorder: !0,
         p: "xs",
@@ -2989,12 +3001,12 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
           borderBottomRightRadius: 0,
           borderBottom: "none"
         },
-        children: f
+        children: m
       }
     ),
-    j,
-    x !== void 0 && /* @__PURE__ */ i.jsx(
-      te,
+    w,
+    v !== void 0 && /* @__PURE__ */ i.jsx(
+      re,
       {
         withBorder: !0,
         p: "xs",
@@ -3003,17 +3015,17 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
           borderTopRightRadius: 0,
           borderTop: "none"
         },
-        children: x
+        children: v
       }
     )
   ] });
-}, Aa = (e) => {
-  const n = E(() => {
+}, $a = (e) => {
+  const n = k(() => {
     const a = [
       {
         id: "selection",
         header: ({ table: r }) => /* @__PURE__ */ i.jsx(
-          ge,
+          me,
           {
             checked: r.getIsAllRowsSelected(),
             indeterminate: r.getIsSomeRowsSelected(),
@@ -3021,7 +3033,7 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
           }
         ),
         cell: ({ row: r }) => /* @__PURE__ */ i.jsx(
-          ge,
+          me,
           {
             checked: r.getIsSelected(),
             disabled: !r.getCanSelect(),
@@ -3038,10 +3050,10 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
         cell: ({ row: o }) => r.render(o.original)
       });
     }), a;
-  }, [e.columns]), t = It({
+  }, [e.columns]), t = Pt({
     data: e.data.records,
     columns: n,
-    getCoreRowModel: Lt(),
+    getCoreRowModel: It(),
     // convert to string, but we actually can get away with number
     getRowId: (a) => e.getRowId(a).toString(),
     state: {
@@ -3051,7 +3063,7 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
     manualPagination: !0
   });
   return /* @__PURE__ */ i.jsx(
-    tn,
+    Qt,
     {
       table: t,
       selectedRowKeys: e.selectedRowKeys,
@@ -3061,7 +3073,7 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
     }
   );
 };
-function rn(e, n, t, {
+function tn(e, n, t, {
   title: a,
   nestedKey: r,
   component: o
@@ -3069,14 +3081,14 @@ function rn(e, n, t, {
   let l;
   if (o !== void 0)
     l = o;
-  else if (ue(t))
+  else if (se(t))
     t.cardinality === "1:N" || t.cardinality === "N:N" ? l = Fe : l = Le;
   else {
-    if (X[t.datatype] === void 0)
+    if (Q[t.datatype] === void 0)
       throw new Error(
         `No display component found for datatype ${t.datatype}`
       );
-    l = X[t.datatype];
+    l = Q[t.datatype];
   }
   const s = {
     key: t.name,
@@ -3116,14 +3128,14 @@ function ho(e, n, t, a, {
   let s;
   if (l !== void 0)
     s = l;
-  else if (ue(a))
+  else if (se(a))
     a.cardinality === "1:N" || a.cardinality === "N:N" ? s = Fe : s = Le;
   else {
-    if (X[a.datatype] === void 0)
+    if (Q[a.datatype] === void 0)
       throw new Error(
         `No display component found for datatype ${a.datatype}`
       );
-    s = X[a.datatype];
+    s = Q[a.datatype];
   }
   const u = {
     key: t + "." + a.name,
@@ -3156,7 +3168,7 @@ function ho(e, n, t, a, {
   }), u;
 }
 function mo(e, n, t, a, r = {}) {
-  return a.map((o) => an(o) ? o : rn(
+  return a.map((o) => nn(o) ? o : tn(
     e,
     t,
     n.publicProperties[o],
@@ -3164,63 +3176,63 @@ function mo(e, n, t, a, r = {}) {
   ));
 }
 function go(e, n, t, a = [], r = {}) {
-  return a.map((o) => an(o) ? o : rn(
+  return a.map((o) => nn(o) ? o : tn(
     e,
     t,
     n.publicProperties[o],
     r
   ));
 }
-function an(e) {
+function nn(e) {
   return typeof e == "object" && "key" in e && "title" in e;
 }
 const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
   var d, g;
-  const [n, t] = $(
+  const [n, t] = _(
     {}
-  ), a = E(() => {
-    const p = [
+  ), a = k(() => {
+    const x = [
       {
         id: "selection",
-        header: ({ table: f }) => /* @__PURE__ */ i.jsx(
-          ge,
+        header: ({ table: m }) => /* @__PURE__ */ i.jsx(
+          me,
           {
-            checked: f.getIsAllRowsSelected(),
-            indeterminate: f.getIsSomeRowsSelected(),
-            onChange: f.getToggleAllRowsSelectedHandler()
+            checked: m.getIsAllRowsSelected(),
+            indeterminate: m.getIsSomeRowsSelected(),
+            onChange: m.getToggleAllRowsSelectedHandler()
           }
         ),
-        cell: ({ row: f }) => /* @__PURE__ */ i.jsx(
-          ge,
+        cell: ({ row: m }) => /* @__PURE__ */ i.jsx(
+          me,
           {
-            checked: f.getIsSelected(),
-            disabled: !f.getCanSelect(),
-            onChange: f.getToggleSelectedHandler()
+            checked: m.getIsSelected(),
+            disabled: !m.getCanSelect(),
+            onChange: m.getToggleSelectedHandler()
           }
         )
       }
     ];
-    return e.columns.forEach((f) => {
-      p.push({
-        id: f.key,
-        header: f.title,
-        accessorFn: f.render,
-        cell: ({ row: x }) => f.render(x.original)
+    return e.columns.forEach((m) => {
+      x.push({
+        id: m.key,
+        header: m.title,
+        accessorFn: m.render,
+        cell: ({ row: v }) => m.render(v.original)
       });
-    }), p;
-  }, [e.columns]), r = It({
+    }), x;
+  }, [e.columns]), r = Pt({
     data: e.data,
     columns: a,
-    getCoreRowModel: Lt(),
-    getPaginationRowModel: In(),
+    getCoreRowModel: It(),
+    getPaginationRowModel: Pn(),
     state: {
       rowSelection: n
     },
     onRowSelectionChange: t
-  }), o = E(() => Object.keys(n).filter((p) => n[p]).map(Number), [n]);
+  }), o = k(() => Object.keys(n).filter((x) => n[x]).map(Number), [n]);
   let l, s;
-  en(e.actions) && (l = /* @__PURE__ */ i.jsx(
-    Qt,
+  Zt(e.actions) && (l = /* @__PURE__ */ i.jsx(
+    Xt,
     {
       actions: e.actions,
       selectedRowKeys: o
@@ -3228,28 +3240,28 @@ const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
   ));
   const u = ((d = e.pagination) == null ? void 0 : d.positions) || Oa;
   if (u.size > 0) {
-    const p = r.getState().pagination, f = /* @__PURE__ */ i.jsx(
-      nn,
+    const x = r.getState().pagination, m = /* @__PURE__ */ i.jsx(
+      en,
       {
         total: r.getPageCount(),
-        pageIndex: p.pageIndex,
-        pageSize: p.pageSize,
-        onUpdatePagination: (x, b) => r.setPagination({ pageIndex: x, pageSize: b }),
+        pageIndex: x.pageIndex,
+        pageSize: x.pageSize,
+        onUpdatePagination: (v, p) => r.setPagination({ pageIndex: v, pageSize: p }),
         allowPageSizeChange: (g = e.pagination) == null ? void 0 : g.showSizeChanger
       }
     );
     u.has("topRight") && (l !== void 0 ? l = /* @__PURE__ */ i.jsxs(D, { justify: "space-between", gap: "sm", children: [
       l,
-      f
-    ] }) : l = /* @__PURE__ */ i.jsx(z, { justify: "flex-end", children: f })), (u.has("bottomRight") || u.has("bottomLeft") || u.has("bottomCenter")) && (u.has("bottomLeft") ? s = /* @__PURE__ */ i.jsxs(z, { justify: "space-between", align: "center", children: [
-      f,
-      /* @__PURE__ */ i.jsxs(R, { size: "sm", c: "dimmed", children: [
+      m
+    ] }) : l = /* @__PURE__ */ i.jsx(B, { justify: "flex-end", children: m })), (u.has("bottomRight") || u.has("bottomLeft") || u.has("bottomCenter")) && (u.has("bottomLeft") ? s = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      m,
+      /* @__PURE__ */ i.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        p.pageIndex * p.pageSize + 1,
+        x.pageIndex * x.pageSize + 1,
         " to",
         " ",
         Math.min(
-          (p.pageIndex + 1) * p.pageSize,
+          (x.pageIndex + 1) * x.pageSize,
           e.data.length
         ),
         " ",
@@ -3257,14 +3269,14 @@ const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
         e.data.length,
         " records"
       ] })
-    ] }) : s = /* @__PURE__ */ i.jsxs(z, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ i.jsxs(R, { size: "sm", c: "dimmed", children: [
+    ] }) : s = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        p.pageIndex * p.pageSize + 1,
+        x.pageIndex * x.pageSize + 1,
         " to",
         " ",
         Math.min(
-          (p.pageIndex + 1) * p.pageSize,
+          (x.pageIndex + 1) * x.pageSize,
           e.data.length
         ),
         " ",
@@ -3272,11 +3284,11 @@ const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
         e.data.length,
         " records"
       ] }),
-      f
+      m
     ] }));
   }
   const c = /* @__PURE__ */ i.jsx(
-    tn,
+    Qt,
     {
       selectedRowKeys: n,
       table: r,
@@ -3287,7 +3299,7 @@ const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
   );
   return l === void 0 && s === void 0 ? c : /* @__PURE__ */ i.jsxs("div", { children: [
     l !== void 0 && /* @__PURE__ */ i.jsx(
-      te,
+      re,
       {
         withBorder: !0,
         p: "xs",
@@ -3301,7 +3313,7 @@ const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
     ),
     c,
     s !== void 0 && /* @__PURE__ */ i.jsx(
-      te,
+      re,
       {
         withBorder: !0,
         p: "xs",
@@ -3314,7 +3326,7 @@ const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
       }
     )
   ] });
-}, St = Z(
+}, jt = ee(
   ({
     store: e,
     record: n,
@@ -3324,7 +3336,7 @@ const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
   }) => {
     const o = n[t.tsName];
     return /* @__PURE__ */ i.jsxs("div", { children: [
-      /* @__PURE__ */ i.jsx(R, { size: "sm", fw: 550, children: /* @__PURE__ */ i.jsx(O, { value: t.label }) }),
+      /* @__PURE__ */ i.jsx(E, { size: "sm", fw: 550, children: /* @__PURE__ */ i.jsx(O, { value: t.label }) }),
       /* @__PURE__ */ i.jsx(
         a,
         {
@@ -3336,7 +3348,7 @@ const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
       )
     ] });
   }
-), Da = Z(
+), Da = ee(
   ({
     store: e,
     record: n,
@@ -3349,7 +3361,7 @@ const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
         return s[u.tsName];
     }, n);
     return /* @__PURE__ */ i.jsxs("div", { children: [
-      /* @__PURE__ */ i.jsx(R, { size: "sm", fw: 550, children: /* @__PURE__ */ i.jsx(O, { value: o.label }) }),
+      /* @__PURE__ */ i.jsx(E, { size: "sm", fw: 550, children: /* @__PURE__ */ i.jsx(O, { value: o.label }) }),
       l !== void 0 && /* @__PURE__ */ i.jsx(
         a,
         {
@@ -3362,7 +3374,7 @@ const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
     ] });
   }
 ), Ma = 12, za = (e) => {
-  const n = e.schema, t = E(() => e.fieldGroups.map((a, r) => Ba(
+  const n = e.schema, t = k(() => e.fieldGroups.map((a, r) => Ba(
     n,
     e.store,
     e.record,
@@ -3370,7 +3382,7 @@ const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
     a,
     e.entityRoutes
   )), [n, e.store, e.record, e.fieldGroups]);
-  return /* @__PURE__ */ i.jsx(pe, { gap: "sm", className: e.className, style: e.styles, children: t });
+  return /* @__PURE__ */ i.jsx(ge, { gap: "sm", className: e.className, style: e.styles, children: t });
 };
 function Ba(e, n, t, a, r, o) {
   const l = r.fields, s = [];
@@ -3380,64 +3392,64 @@ function Ba(e, n, t, a, r, o) {
       throw new Error(`Span must be an integer, but got ${c} for row ${u}`);
     for (let d = 0; d < l[u].length; d++) {
       const g = l[u][d];
-      let p;
+      let x;
       if (typeof g == "function")
-        p = g(n, t);
+        x = g(n, t);
       else if (typeof g == "object" && "prop" in g) {
-        const f = e.allProperties[g.prop], x = g.display;
-        p = /* @__PURE__ */ i.jsx(
-          St,
+        const m = e.allProperties[g.prop], v = g.display;
+        x = /* @__PURE__ */ i.jsx(
+          jt,
           {
             store: n,
             record: t,
-            property: f,
-            DisplayComponent: x,
+            property: m,
+            DisplayComponent: v,
             entityRoutes: o
           }
         );
       } else {
-        const f = e.allProperties[g];
-        let x;
-        if (ue(f))
-          x = f.cardinality === "N:N" || f.cardinality === "1:N" ? Fe : Le;
+        const m = e.allProperties[g];
+        let v;
+        if (se(m))
+          v = m.cardinality === "N:N" || m.cardinality === "1:N" ? Fe : Le;
         else {
-          if (X[f.datatype] === void 0)
+          if (Q[m.datatype] === void 0)
             throw new Error(
-              `No display component found for datatype ${f.datatype}`
+              `No display component found for datatype ${m.datatype}`
             );
-          x = X[f.datatype];
+          v = Q[m.datatype];
         }
-        p = /* @__PURE__ */ i.jsx(
-          St,
+        x = /* @__PURE__ */ i.jsx(
+          jt,
           {
             store: n,
             record: t,
-            property: f,
-            DisplayComponent: x,
+            property: m,
+            DisplayComponent: v,
             entityRoutes: o
           }
         );
       }
       s.push(
-        /* @__PURE__ */ i.jsx(_.Col, { span: c, children: p }, `${u}-${d}`)
+        /* @__PURE__ */ i.jsx(A.Col, { span: c, children: x }, `${u}-${d}`)
       );
     }
   }
-  return /* @__PURE__ */ i.jsx(_, { gutter: "sm", children: s }, a);
+  return /* @__PURE__ */ i.jsx(A, { gutter: "sm", children: s }, a);
 }
 function xo(e, n, t) {
   const a = e[e.length - 1];
   let r;
   if (t !== void 0)
     r = t;
-  else if (ue(a))
+  else if (se(a))
     r = a.cardinality === "N:N" || a.cardinality === "1:N" ? Fe : Le;
   else {
-    if (X[a.datatype] === void 0)
+    if (Q[a.datatype] === void 0)
       throw new Error(
         `No display component found for datatype ${a.datatype}`
       );
-    r = X[a.datatype];
+    r = Q[a.datatype];
   }
   return (o, l) => /* @__PURE__ */ i.jsx(
     Da,
@@ -3450,9 +3462,9 @@ function xo(e, n, t) {
     }
   );
 }
-const vo = (e) => /* @__PURE__ */ i.jsxs(ye, { defaultValue: e.fieldTabs[0].tabName, children: [
-  /* @__PURE__ */ i.jsx(ye.List, { children: e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(ye.Tab, { value: n.tabName, children: n.tabName }, t)) }),
-  e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(ye.Panel, { value: n.tabName, pt: "sm", children: /* @__PURE__ */ i.jsx(
+const vo = (e) => /* @__PURE__ */ i.jsxs(ve, { defaultValue: e.fieldTabs[0].tabName, children: [
+  /* @__PURE__ */ i.jsx(ve.List, { children: e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(ve.Tab, { value: n.tabName, children: n.tabName }, t)) }),
+  e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(ve.Panel, { value: n.tabName, pt: "sm", children: /* @__PURE__ */ i.jsx(
     za,
     {
       schema: e.schema,
@@ -3467,51 +3479,49 @@ const vo = (e) => /* @__PURE__ */ i.jsxs(ye, { defaultValue: e.fieldTabs[0].tabN
 ] });
 export {
   Be as CountryFlagComponent,
-  $a as DEFAULT_PAGINATION_POSITIONS,
-  vt as DataType2Component,
-  X as DataType2DisplayComponent,
+  _a as DEFAULT_PAGINATION_POSITIONS,
+  xt as DataType2Component,
+  Q as DataType2DisplayComponent,
   aa as DateDisplay,
   ra as DateTimeDisplay,
   uo as DateTimeHideTimeDisplay,
-  An as EmojiCountryFlag,
-  Qe as ExternalComponentContext,
-  so as ExternalComponentProvider,
+  _n as EmojiCountryFlag,
   Ca as FormItem,
   ja as FormItemLabel,
-  Xa as LanguageSelector,
-  eo as Loading,
-  to as LoadingInline,
-  xe as LocaleContext,
-  Ja as LocaleProvider,
-  na as MenuTrie,
+  Za as LanguageSelector,
+  to as Loading,
+  no as LoadingInline,
+  pe as LocaleContext,
+  Xa as LocaleProvider,
+  Qr as MenuTrie,
   Fe as MultiForeignKeyDisplay,
   O as MultiLingualString,
-  no as NotAuthorized,
-  Za as NotFound,
-  Jt as NotFoundInline,
-  Qa as NotFoundSubPage,
-  io as OrderedUniqueList,
-  We as Permission,
-  $n as SVGCountryFlag,
+  ro as NotAuthorized,
+  Qa as NotFound,
+  Yt as NotFoundInline,
+  eo as NotFoundSubPage,
+  lo as OrderedUniqueList,
+  Zr as Permission,
+  An as SVGCountryFlag,
   po as SeraEmbeddedTable,
   co as SeraForm,
   fo as SeraTable,
-  lo as SeraVerticalMenu,
+  so as SeraVerticalMenu,
   za as SeraView,
   vo as SeraViewTab,
   Le as SingleForeignKeyDisplay,
-  Xt as Trie,
-  gt as TrieNode,
-  Qr as buildMenuItemIndex,
+  Gt as Trie,
+  mt as TrieNode,
+  ea as buildMenuItemIndex,
   N as countryFlags,
-  ta as filterAllowedItems,
-  ro as groupBy,
-  ao as groupByAsList,
-  an as isSeraColumn,
+  na as filterAllowedItems,
+  ao as groupBy,
+  oo as groupByAsList,
+  nn as isSeraColumn,
   go as makeEmbeddedTableColumns,
   xo as makeFieldDisplay,
-  rn as makeTableColumn,
+  tn as makeTableColumn,
   ho as makeTableColumnFromNestedProperty,
   mo as makeTableColumns,
-  oo as uniqueList
+  io as uniqueList
 };