sera-components 1.1.10 → 1.2.1

package/dist/index.js

@@ -1,15 +1,15 @@
-var gt = Object.defineProperty;
-var ht = (e, s, n) => s in e ? gt(e, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[s] = n;
-var q = (e, s, n) => ht(e, typeof s != "symbol" ? s + "" : s, n);
-import ft, { createContext as mt, useContext as le, useMemo as S, useState as _, useEffect as ce } from "react";
-import { Paper as U, Image as xt, Text as p, Menu as G, Button as D, Container as jt, Alert as be, Stack as ee, Flex as z, Loader as ae, NavLink as Ee, Checkbox as Q, Group as A, Input as M, useCombobox as Be, Combobox as E, Grid as I, InputBase as vt, PasswordInput as bt, CloseButton as yt, Divider as pt, Tooltip as Ue, Fieldset as St, Table as Ve, rem as J, Pagination as wt, MenuTarget as Ct, MenuDropdown as Rt, MenuItem as Tt, Tabs as re } from "@mantine/core";
-import { IconCheck as kt, IconInfoCircle as ye, IconChevronRight as Nt, IconSearch as Ge, IconHelpOctagonFilled as Ye, IconPlus as Et, IconPencil as It, IconReload as _t, IconDatabaseImport as Ft, IconDownload as At, IconSelector as Ot } from "@tabler/icons-react";
-import { observer as B } from "mobx-react-lite";
-import { useNavigate as We, useLocation as Pt, InternalLink as He } from "sera-route";
-import { isObjectProperty as W, isDraftRecord as Je } from "sera-db";
-import { IMaskInput as Lt } from "react-imask";
-import { flexRender as Ie, useReactTable as Ze, getCoreRowModel as Xe, getPaginationRowModel as zt } from "@tanstack/react-table";
-var oe = { exports: {} }, Z = {};
+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 = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -19,29 +19,29 @@ var oe = { exports: {} }, Z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var _e;
-function Dt() {
-  if (_e) return Z;
-  _e = 1;
-  var e = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function n(o, r, i) {
-    var a = null;
-    if (i !== void 0 && (a = "" + i), r.key !== void 0 && (a = "" + r.key), "key" in r) {
-      i = {};
-      for (var c in r)
-        c !== "key" && (i[c] = r[c]);
-    } else i = r;
-    return r = i.ref, {
+var ut;
+function Ln() {
+  if (ut) return fe;
+  ut = 1;
+  var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function t(a, r, o) {
+    var l = null;
+    if (o !== void 0 && (l = "" + o), r.key !== void 0 && (l = "" + r.key), "key" in r) {
+      o = {};
+      for (var s in r)
+        s !== "key" && (o[s] = r[s]);
+    } else o = r;
+    return r = o.ref, {
       $$typeof: e,
-      type: o,
-      key: a,
+      type: a,
+      key: l,
       ref: r !== void 0 ? r : null,
-      props: i
+      props: o
     };
   }
-  return Z.Fragment = s, Z.jsx = n, Z.jsxs = n, Z;
+  return fe.Fragment = n, fe.jsx = t, fe.jsxs = t, fe;
 }
-var X = {};
+var he = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -51,245 +51,245 @@ var X = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Fe;
-function Mt() {
-  return Fe || (Fe = 1, process.env.NODE_ENV !== "production" && function() {
-    function e(l) {
-      if (l == null) return null;
-      if (typeof l == "function")
-        return l.$$typeof === ct ? null : l.displayName || l.name || null;
-      if (typeof l == "string") return l;
-      switch (l) {
-        case u:
+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:
           return "Fragment";
-        case O:
+        case w:
           return "Profiler";
-        case C:
+        case j:
           return "StrictMode";
-        case R:
+        case T:
           return "Suspense";
-        case ne:
+        case re:
           return "SuspenseList";
-        case lt:
+        case A:
           return "Activity";
       }
-      if (typeof l == "object")
-        switch (typeof l.tag == "number" && console.error(
+      if (typeof m == "object")
+        switch (typeof m.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), l.$$typeof) {
-          case v:
+        ), m.$$typeof) {
+          case x:
             return "Portal";
-          case f:
-            return (l.displayName || "Context") + ".Provider";
-          case P:
-            return (l._context.displayName || "Context") + ".Consumer";
-          case b:
-            var j = l.render;
-            return l = l.displayName, l || (l = j.displayName || j.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
-          case H:
-            return j = l.displayName || null, j !== null ? j : e(l.type) || "Memo";
-          case Se:
-            j = l._payload, l = l._init;
+          case v:
+            return (m.displayName || "Context") + ".Provider";
+          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;
             try {
-              return e(l(j));
+              return e(m(S));
             } catch {
             }
         }
       return null;
     }
-    function s(l) {
-      return "" + l;
+    function n(m) {
+      return "" + m;
     }
-    function n(l) {
+    function t(m) {
       try {
-        s(l);
-        var j = !1;
+        n(m);
+        var S = !1;
       } catch {
-        j = !0;
+        S = !0;
       }
-      if (j) {
-        j = console;
-        var w = j.error, k = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return w.call(
-          j,
+      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,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          k
-        ), s(l);
+          I
+        ), n(m);
       }
     }
-    function o(l) {
-      if (l === u) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === Se)
+    function a(m) {
+      if (m === b) return "<>";
+      if (typeof m == "object" && m !== null && m.$$typeof === ee)
         return "<...>";
       try {
-        var j = e(l);
-        return j ? "<" + j + ">" : "<...>";
+        var S = e(m);
+        return S ? "<" + S + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var l = ge.A;
-      return l === null ? null : l.getOwner();
+      var m = ae.A;
+      return m === null ? null : m.getOwner();
     }
-    function i() {
+    function o() {
       return Error("react-stack-top-frame");
     }
-    function a(l) {
-      if (we.call(l, "key")) {
-        var j = Object.getOwnPropertyDescriptor(l, "key").get;
-        if (j && j.isReactWarning) return !1;
+    function l(m) {
+      if (tt.call(m, "key")) {
+        var S = Object.getOwnPropertyDescriptor(m, "key").get;
+        if (S && S.isReactWarning) return !1;
       }
-      return l.key !== void 0;
+      return m.key !== void 0;
     }
-    function c(l, j) {
-      function w() {
-        Ce || (Ce = !0, console.error(
+    function s(m, S) {
+      function k() {
+        nt || (nt = !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)",
-          j
+          S
         ));
       }
-      w.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: w,
+      k.isReactWarning = !0, Object.defineProperty(m, "key", {
+        get: k,
         configurable: !0
       });
     }
-    function d() {
-      var l = e(this.type);
-      return Re[l] || (Re[l] = !0, console.error(
+    function u() {
+      var m = e(this.type);
+      return rt[m] || (rt[m] = !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."
-      )), l = this.props.ref, l !== void 0 ? l : null;
+      )), m = this.props.ref, m !== void 0 ? m : null;
     }
-    function h(l, j, w, k, $, L, fe, me) {
-      return w = L.ref, l = {
-        $$typeof: g,
-        type: l,
-        key: j,
-        props: L,
-        _owner: $
-      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(l, "ref", {
+    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", {
         enumerable: !1,
-        get: d
-      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
+        get: u
+      }) : Object.defineProperty(m, "ref", { enumerable: !1, value: null }), m._store = {}, Object.defineProperty(m._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(l, "_debugInfo", {
+      }), Object.defineProperty(m, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(l, "_debugStack", {
+      }), Object.defineProperty(m, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: fe
-      }), Object.defineProperty(l, "_debugTask", {
+        value: $e
+      }), Object.defineProperty(m, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: me
-      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+        value: Ae
+      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     }
-    function m(l, j, w, k, $, L, fe, me) {
-      var N = j.children;
-      if (N !== void 0)
-        if (k)
-          if (dt(N)) {
-            for (k = 0; k < N.length; k++)
-              y(N[k]);
-            Object.freeze && Object.freeze(N);
+    function d(m, S, k, I, Y, M, $e, Ae) {
+      var L = S.children;
+      if (L !== void 0)
+        if (I)
+          if (on(L)) {
+            for (I = 0; I < L.length; I++)
+              g(L[I]);
+            Object.freeze && Object.freeze(L);
           } else
             console.error(
               "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 y(N);
-      if (we.call(j, "key")) {
-        N = e(l);
-        var V = Object.keys(j).filter(function(ut) {
-          return ut !== "key";
+        else g(L);
+      if (tt.call(S, "key")) {
+        L = e(m);
+        var oe = Object.keys(S).filter(function(ln) {
+          return ln !== "key";
         });
-        k = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", Ne[N + k] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
+        I = 0 < oe.length ? "{key: someKey, " + oe.join(": ..., ") + ": ...}" : "{key: someKey}", it[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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          k,
-          N,
-          V,
-          N
-        ), Ne[N + k] = !0);
+          I,
+          L,
+          oe,
+          L
+        ), it[L + I] = !0);
       }
-      if (N = null, w !== void 0 && (n(w), N = "" + w), a(j) && (n(j.key), N = "" + j.key), "key" in j) {
-        w = {};
-        for (var xe in j)
-          xe !== "key" && (w[xe] = j[xe]);
-      } else w = j;
-      return N && c(
-        w,
-        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
-      ), h(
-        l,
-        N,
+      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;
+      return L && s(
+        k,
+        typeof m == "function" ? m.displayName || m.name || "Unknown" : m
+      ), c(
+        m,
         L,
-        $,
+        M,
+        Y,
         r(),
-        w,
-        fe,
-        me
+        k,
+        $e,
+        Ae
       );
     }
-    function y(l) {
-      typeof l == "object" && l !== null && l.$$typeof === g && l._store && (l._store.validated = 1);
+    function g(m) {
+      typeof m == "object" && m !== null && m.$$typeof === f && m._store && (m._store.validated = 1);
     }
-    var x = ft, g = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), f = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), ne = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), Se = Symbol.for("react.lazy"), lt = Symbol.for("react.activity"), ct = Symbol.for("react.client.reference"), ge = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, we = Object.prototype.hasOwnProperty, dt = Array.isArray, he = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    x = {
-      react_stack_bottom_frame: function(l) {
-        return l();
+    p = {
+      react_stack_bottom_frame: function(m) {
+        return m();
       }
     };
-    var Ce, Re = {}, Te = x.react_stack_bottom_frame.bind(
-      x,
-      i
-    )(), ke = he(o(i)), Ne = {};
-    X.Fragment = u, X.jsx = function(l, j, w, k, $) {
-      var L = 1e4 > ge.recentlyCreatedOwnerStacks++;
-      return m(
-        l,
-        j,
-        w,
-        !1,
+    var nt, rt = {}, at = p.react_stack_bottom_frame.bind(
+      p,
+      o
+    )(), ot = _e(a(o)), it = {};
+    he.Fragment = b, he.jsx = function(m, S, k, I, Y) {
+      var M = 1e4 > ae.recentlyCreatedOwnerStacks++;
+      return d(
+        m,
+        S,
         k,
-        $,
-        L ? Error("react-stack-top-frame") : Te,
-        L ? he(o(l)) : ke
+        !1,
+        I,
+        Y,
+        M ? Error("react-stack-top-frame") : at,
+        M ? _e(a(m)) : ot
       );
-    }, X.jsxs = function(l, j, w, k, $) {
-      var L = 1e4 > ge.recentlyCreatedOwnerStacks++;
-      return m(
-        l,
-        j,
-        w,
-        !0,
+    }, he.jsxs = function(m, S, k, I, Y) {
+      var M = 1e4 > ae.recentlyCreatedOwnerStacks++;
+      return d(
+        m,
+        S,
         k,
-        $,
-        L ? Error("react-stack-top-frame") : Te,
-        L ? he(o(l)) : ke
+        !0,
+        I,
+        Y,
+        M ? Error("react-stack-top-frame") : at,
+        M ? _e(a(m)) : ot
       );
     };
-  }()), X;
+  }()), he;
 }
-var Ae;
-function $t() {
-  return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? oe.exports = Dt() : oe.exports = Mt()), oe.exports;
+var dt;
+function _n() {
+  return dt || (dt = 1, process.env.NODE_ENV === "production" ? be.exports = Ln() : be.exports = Fn()), be.exports;
 }
-var t = $t();
-const T = {
+var i = _n();
+const N = {
   UK: {
     svgFlag: "https://flagcdn.com/gb.svg",
     emojiFlag: "🇬🇧"
@@ -350,72 +350,1351 @@ const T = {
     svgFlag: "https://flagcdn.com/in.svg",
     emojiFlag: "🇮🇳"
   }
-}, qt = ({ flag: e }) => /* @__PURE__ */ t.jsx(U, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ t.jsx(xt, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), Kt = ({ flag: e }) => /* @__PURE__ */ t.jsx(
-  p,
+}, $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,
   {
     component: "span",
-    style: (s) => ({ textShadow: s.shadows.xs }),
+    style: (n) => ({ textShadow: n.shadows.xs }),
     children: e.emojiFlag
   }
-), ve = navigator.userAgent.includes("Windows") ? qt : Kt, te = mt(new Intl.Locale("en-US")), Un = B(
+), Be = navigator.userAgent.includes("Windows") ? $n : An, xe = Ct(new Intl.Locale("en-US")), Ja = Z(
   ({
     value: e,
-    children: s
-  }) => /* @__PURE__ */ t.jsx(te.Provider, { value: e.locale, children: s })
-), Bt = {
+    children: n
+  }) => /* @__PURE__ */ i.jsx(xe.Provider, { value: e.locale, children: n })
+), On = {
   lang2value: {
     en: "Choose Language",
     vi: "Chọn ngôn ngữ"
   }
-}, se = {
+}, we = {
   en: {
     name: "English",
-    flag: T.US,
+    flag: N.US,
     locale: new Intl.Locale("en-US")
   },
   vi: {
     name: "Tiếng Việt",
-    flag: T.VN,
+    flag: N.VN,
     locale: new Intl.Locale("vi-VN")
   }
-}, Vn = ({
+}, Xa = ({
   locale: e,
-  setLocale: s
+  setLocale: n
 }) => {
-  const n = S(() => Object.entries(se).map(
-    ([o, { flag: r, name: i, locale: a }]) => /* @__PURE__ */ t.jsx(
-      G.Item,
+  const t = E(() => Object.entries(we).map(
+    ([a, { flag: r, name: o, locale: l }]) => /* @__PURE__ */ i.jsx(
+      ie.Item,
       {
-        onClick: () => s(a),
-        leftSection: /* @__PURE__ */ t.jsx(ve, { flag: r }),
-        rightSection: e.language === o && /* @__PURE__ */ t.jsx(kt, { size: "15", color: "#2986cc", stroke: 2 }),
-        children: /* @__PURE__ */ t.jsx(p, { size: "sm", children: i })
+        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 })
       },
-      o
+      a
     )
-  ), [se, e]);
-  return /* @__PURE__ */ t.jsxs(G, { width: 170, children: [
-    /* @__PURE__ */ t.jsx(G.Target, { children: /* @__PURE__ */ t.jsx(
-      D,
+  ), [we, e]);
+  return /* @__PURE__ */ i.jsxs(ie, { width: 170, children: [
+    /* @__PURE__ */ i.jsx(ie.Target, { children: /* @__PURE__ */ i.jsx(
+      B,
       {
         variant: "subtle",
         size: "sm",
-        leftSection: /* @__PURE__ */ t.jsx(ve, { flag: se[e.language].flag }),
-        children: /* @__PURE__ */ t.jsx(p, { size: "sm", children: se[e.language].name })
+        leftSection: /* @__PURE__ */ i.jsx(Be, { flag: we[e.language].flag }),
+        children: /* @__PURE__ */ i.jsx(R, { size: "sm", children: we[e.language].name })
       }
     ) }),
-    /* @__PURE__ */ t.jsxs(G.Dropdown, { children: [
-      /* @__PURE__ */ t.jsx(G.Label, { children: /* @__PURE__ */ t.jsx(p, { size: "sm", children: Bt.lang2value[e.language] }) }),
-      n
+    /* @__PURE__ */ i.jsxs(ie.Dropdown, { children: [
+      /* @__PURE__ */ i.jsx(ie.Label, { children: /* @__PURE__ */ i.jsx(R, { size: "sm", children: On.lang2value[e.language] }) }),
+      t
     ] })
   ] });
-}, F = ({ value: e }) => {
-  const s = le(te);
-  return e.lang2value[s.language] || e.lang2value[e.lang];
-}, Gn = ({ message: e }) => {
-  const s = We();
-  return /* @__PURE__ */ t.jsx(
-    jt,
+}, O = ({ value: e }) => {
+  const n = se(xe);
+  return e.lang2value[n.language] || e.lang2value[e.lang];
+};
+/**
+ * react-router v7.8.2
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+function P(e, n) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(n);
+}
+function q(e, n) {
+  if (!e) {
+    typeof console < "u" && console.warn(n);
+    try {
+      throw new Error(n);
+    } catch {
+    }
+  }
+}
+function Ue({
+  pathname: e = "/",
+  search: n = "",
+  hash: t = ""
+}) {
+  return n && n !== "?" && (e += n.charAt(0) === "?" ? n : "?" + n), t && t !== "#" && (e += t.charAt(0) === "#" ? t : "#" + t), e;
+}
+function Ve(e) {
+  let n = {};
+  if (e) {
+    let t = e.indexOf("#");
+    t >= 0 && (n.hash = e.substring(t), e = e.substring(0, t));
+    let a = e.indexOf("?");
+    a >= 0 && (n.search = e.substring(a), e = e.substring(0, a)), e && (n.pathname = e);
+  }
+  return n;
+}
+function Ft(e, n, t = "/") {
+  return Dn(e, n, t, !1);
+}
+function Dn(e, n, t, a) {
+  let r = typeof n == "string" ? Ve(n) : n, o = J(r.pathname || "/", t);
+  if (o == null)
+    return null;
+  let l = _t(e);
+  Mn(l);
+  let s = null;
+  for (let u = 0; s == null && u < l.length; ++u) {
+    let c = Jn(o);
+    s = Yn(
+      l[u],
+      c,
+      a
+    );
+  }
+  return s;
+}
+function _t(e, n = [], t = [], a = "", r = !1) {
+  let o = (l, s, u = r, c) => {
+    let d = {
+      relativePath: c === void 0 ? l.path || "" : c,
+      caseSensitive: l.caseSensitive === !0,
+      childrenIndex: s,
+      route: l
+    };
+    if (d.relativePath.startsWith("/")) {
+      if (!d.relativePath.startsWith(a) && u)
+        return;
+      P(
+        d.relativePath.startsWith(a),
+        `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);
+    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(
+      l.children,
+      n,
+      p,
+      g,
+      u
+    )), !(l.path == null && !l.index) && n.push({
+      path: g,
+      score: Vn(g, l.index),
+      routesMeta: p
+    });
+  };
+  return e.forEach((l, s) => {
+    var u;
+    if (l.path === "" || !((u = l.path) != null && u.includes("?")))
+      o(l, s);
+    else
+      for (let c of $t(l.path))
+        o(l, s, !0, c);
+  }), n;
+}
+function $t(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 = [];
+  return s.push(
+    ...l.map(
+      (u) => u === "" ? o : [o, u].join("/")
+    )
+  ), r && s.push(...l), s.map(
+    (u) => e.startsWith("/") && u === "" ? "/" : u
+  );
+}
+function Mn(e) {
+  e.sort(
+    (n, t) => n.score !== t.score ? t.score - n.score : Hn(
+      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) {
+  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),
+    a
+  );
+}
+function Hn(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
+    // behavior by simply putting routes with identical paths in the order they
+    // want them tried.
+    e[e.length - 1] - n[n.length - 1]
+  ) : (
+    // Otherwise, it doesn't really make sense to rank non-siblings by index,
+    // so they sort equally.
+    0
+  );
+}
+function Yn(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(
+      { path: u.relativePath, caseSensitive: u.caseSensitive, end: c },
+      d
+    ), p = u.route;
+    if (!g && c && t && !a[a.length - 1].route.index && (g = ke(
+      {
+        path: u.relativePath,
+        caseSensitive: u.caseSensitive,
+        end: !1
+      },
+      d
+    )), !g)
+      return null;
+    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])
+      ),
+      route: p
+    }), g.pathnameBase !== "/" && (o = W([o, g.pathnameBase]));
+  }
+  return l;
+}
+function ke(e, n) {
+  typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
+  let [t, a] = Gn(
+    e.path,
+    e.caseSensitive,
+    e.end
+  ), r = n.match(t);
+  if (!r) return null;
+  let o = r[0], l = o.replace(/(.)\/+$/, "$1"), s = r.slice(1);
+  return {
+    params: a.reduce(
+      (c, { paramName: d, isOptional: g }, p) => {
+        if (d === "*") {
+          let x = s[p] || "";
+          l = o.slice(0, o.length - x.length).replace(/(.)\/+$/, "$1");
+        }
+        const f = s[p];
+        return g && !f ? c[d] = void 0 : c[d] = (f || "").replace(/%2F/g, "/"), c;
+      },
+      {}
+    ),
+    pathname: o,
+    pathnameBase: l,
+    pattern: e
+  };
+}
+function Gn(e, n = !1, t = !0) {
+  q(
+    e === "*" || !e.endsWith("*") || e.endsWith("/*"),
+    `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
+  );
+  let a = [], r = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(
+    /\/:([\w-]+)(\?)?/g,
+    (l, s, u) => (a.push({ paramName: s, isOptional: u != null }), u ? "/?([^\\/]+)?" : "/([^\\/]+)")
+  ).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) {
+  try {
+    return e.split("/").map((n) => decodeURIComponent(n).replace(/\//g, "%2F")).join("/");
+  } catch (n) {
+    return q(
+      !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) {
+  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 = "/") {
+  let {
+    pathname: t,
+    search: a = "",
+    hash: r = ""
+  } = typeof e == "string" ? Ve(e) : e;
+  return {
+    pathname: t ? t.startsWith("/") ? t : Zn(t, n) : n,
+    search: tr(a),
+    hash: nr(r)
+  };
+}
+function Zn(e, n) {
+  let t = n.replace(/\/+$/, "").split("/");
+  return e.split("/").forEach((r) => {
+    r === ".." ? t.length > 1 && t.pop() : r !== "." && t.push(r);
+  }), t.length > 1 ? t.join("/") : "/";
+}
+function De(e, n, t, a) {
+  return `Cannot include a '${e}' character in a manually specified \`to.${n}\` field [${JSON.stringify(
+    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) {
+  return e.filter(
+    (n, t) => t === 0 || n.route.path && n.route.path.length > 0
+  );
+}
+function At(e) {
+  let n = Qn(e);
+  return n.map(
+    (t, a) => a === n.length - 1 ? t.pathname : t.pathnameBase
+  );
+}
+function Ot(e, n, t, a = !1) {
+  let r;
+  typeof e == "string" ? r = Ve(e) : (r = { ...e }, P(
+    !r.pathname || !r.pathname.includes("?"),
+    De("?", "pathname", "search", r)
+  ), P(
+    !r.pathname || !r.pathname.includes("#"),
+    De("#", "pathname", "hash", r)
+  ), P(
+    !r.search || !r.search.includes("#"),
+    De("#", "search", "hash", r)
+  ));
+  let o = e === "" || r.pathname === "", l = o ? "/" : r.pathname, s;
+  if (l == null)
+    s = t;
+  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("/");
+    }
+    s = g >= 0 ? n[g] : "/";
+  }
+  let u = Xn(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) {
+  return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
+}
+var Dt = [
+  "POST",
+  "PUT",
+  "PATCH",
+  "DELETE"
+];
+new Set(
+  Dt
+);
+var ar = [
+  "GET",
+  ...Dt
+];
+new Set(ar);
+var ce = h.createContext(null);
+ce.displayName = "DataRouter";
+var Ne = h.createContext(null);
+Ne.displayName = "DataRouterState";
+h.createContext(!1);
+var Mt = h.createContext({
+  isTransitioning: !1
+});
+Mt.displayName = "ViewTransition";
+var or = h.createContext(
+  /* @__PURE__ */ new Map()
+);
+or.displayName = "Fetchers";
+var ir = h.createContext(null);
+ir.displayName = "Await";
+var K = h.createContext(
+  null
+);
+K.displayName = "Navigation";
+var He = h.createContext(
+  null
+);
+He.displayName = "Location";
+var V = h.createContext({
+  outlet: null,
+  matches: [],
+  isDataRoute: !1
+});
+V.displayName = "Route";
+var Ye = h.createContext(null);
+Ye.displayName = "RouteError";
+function lr(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 });
+}
+function Pe() {
+  return h.useContext(He) != null;
+}
+function ne() {
+  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;
+}
+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);
+}
+function Ut() {
+  let { isDataRoute: e } = h.useContext(V);
+  return e ? br() : sr();
+}
+function sr() {
+  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(() => {
+    l.current = !0;
+  }), h.useCallback(
+    (u, c = {}) => {
+      if (q(l.current, zt), !l.current) return;
+      if (typeof u == "number") {
+        t.go(u);
+        return;
+      }
+      let d = Ot(
+        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)(
+        d,
+        c.state,
+        c
+      );
+    },
+    [
+      n,
+      t,
+      o,
+      r,
+      e
+    ]
+  );
+}
+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(
+      e,
+      JSON.parse(r),
+      a,
+      n === "path"
+    ),
+    [e, r, a, n]
+  );
+}
+function ur(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 y = g && g.path || "";
+    Wt(
+      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.
+
+Please change the parent <Route path="${y}"> to <Route path="${y === "/" ? "*" : `${y}/*`}">.`
+    );
+  }
+  let p = ne(), f;
+  f = p;
+  let x = f.pathname || "/", b = x;
+  if (d !== "/") {
+    let y = d.replace(/^\//, "").split("/");
+    b = "/" + x.replace(/^\//, "").split("/").slice(y.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([
+          d,
+          // Re-encode pathnames that were decoded inside matchRoutes
+          o.encodeLocation ? o.encodeLocation(y.pathname).pathname : y.pathname
+        ]),
+        pathnameBase: y.pathnameBase === "/" ? d : W([
+          d,
+          // Re-encode pathnames that were decoded inside matchRoutes
+          o.encodeLocation ? o.encodeLocation(y.pathnameBase).pathname : y.pathnameBase
+        ])
+      })
+    ),
+    l,
+    t,
+    a,
+    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;
+  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);
+}
+var dr = /* @__PURE__ */ h.createElement(cr, null), fr = class extends h.Component {
+  constructor(e) {
+    super(e), this.state = {
+      location: e.location,
+      revalidation: e.revalidation,
+      error: e.error
+    };
+  }
+  static getDerivedStateFromError(e) {
+    return { error: e };
+  }
+  static getDerivedStateFromProps(e, n) {
+    return n.location !== e.location || n.revalidation !== "idle" && e.revalidation === "idle" ? {
+      error: e.error,
+      location: e.location,
+      revalidation: e.revalidation
+    } : {
+      error: e.error !== void 0 ? e.error : n.error,
+      location: n.location,
+      revalidation: e.revalidation || n.revalidation
+    };
+  }
+  componentDidCatch(e, n) {
+    this.props.unstable_onError ? this.props.unstable_onError(e, n) : console.error(
+      "React Router caught the following error during render",
+      e
+    );
+  }
+  render() {
+    return this.state.error !== void 0 ? /* @__PURE__ */ h.createElement(V.Provider, { value: this.props.routeContext }, /* @__PURE__ */ h.createElement(
+      Ye.Provider,
+      {
+        value: this.state.error,
+        children: this.props.component
+      }
+    )) : 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 mr(e, n = [], t = null, a = null, r = null) {
+  if (e == null) {
+    if (!t)
+      return null;
+    if (t.errors)
+      e = t.matches;
+    else if (n.length === 0 && !t.initialized && t.matches.length > 0)
+      e = t.matches;
+    else
+      return null;
+  }
+  let o = e, l = t == null ? void 0 : t.errors;
+  if (l != null) {
+    let c = o.findIndex(
+      (d) => d.route.id && (l == null ? void 0 : l[d.route.id]) !== void 0
+    );
+    P(
+      c >= 0,
+      `Could not find a matching route for errors on route IDs: ${Object.keys(
+        l
+      ).join(",")}`
+    ), o = o.slice(
+      0,
+      Math.min(o.length, c + 1)
+    );
+  }
+  let s = !1, u = -1;
+  if (t)
+    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) {
+          s = !0, u >= 0 ? o = o.slice(0, u + 1) : o = [o[0]];
+          break;
+        }
+      }
+    }
+  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(
+        "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,
+          {
+            match: d,
+            routeContext: {
+              outlet: c,
+              matches: j,
+              isDataRoute: t != null
+            },
+            children: y
+          }
+        );
+      };
+      return t && (d.route.ErrorBoundary || d.route.errorElement || g === 0) ? /* @__PURE__ */ h.createElement(
+        fr,
+        {
+          location: t.location,
+          revalidation: t.revalidation,
+          component: x,
+          error: p,
+          children: w(),
+          routeContext: { outlet: null, matches: j, isDataRoute: !0 },
+          unstable_onError: a
+        }
+      ) : w();
+    },
+    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);
+  return P(n, Ge(e)), n;
+}
+function pr(e) {
+  let n = h.useContext(Ne);
+  return P(n, Ge(e)), n;
+}
+function xr(e) {
+  let n = h.useContext(V);
+  return P(n, Ge(e)), n;
+}
+function Je(e) {
+  let n = xr(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() {
+  return Je(
+    "useRouteId"
+    /* UseRouteId */
+  );
+}
+function yr() {
+  var a;
+  let e = h.useContext(Ye), n = pr(
+    "useRouteError"
+    /* UseRouteError */
+  ), t = Je(
+    "useRouteError"
+    /* UseRouteError */
+  );
+  return e !== void 0 ? e : (a = n.errors) == null ? void 0 : a[t];
+}
+function br() {
+  let { router: e } = gr(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), n = Je(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), t = h.useRef(!1);
+  return Bt(() => {
+    t.current = !0;
+  }), h.useCallback(
+    async (r, o = {}) => {
+      q(t.current, zt), 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));
+}
+h.memo(wr);
+function wr({
+  routes: e,
+  future: n,
+  state: t,
+  unstable_onError: a
+}) {
+  return ur(e, void 0, t, a, n);
+}
+var Ce = "get", Re = "application/x-www-form-urlencoded";
+function Ie(e) {
+  return e != null && typeof e.tagName == "string";
+}
+function jr(e) {
+  return Ie(e) && e.tagName.toLowerCase() === "button";
+}
+function Sr(e) {
+  return Ie(e) && e.tagName.toLowerCase() === "form";
+}
+function Cr(e) {
+  return Ie(e) && e.tagName.toLowerCase() === "input";
+}
+function Rr(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+function Er(e, n) {
+  return e.button === 0 && // Ignore everything but left clicks
+  (!n || n === "_self") && // Let browser handle "target=_blank" etc.
+  !Rr(e);
+}
+var je = null;
+function kr() {
+  if (je === null)
+    try {
+      new FormData(
+        document.createElement("form"),
+        // @ts-expect-error if FormData supports the submitter parameter, this will throw
+        0
+      ), je = !1;
+    } catch {
+      je = !0;
+    }
+  return je;
+}
+var Tr = /* @__PURE__ */ new Set([
+  "application/x-www-form-urlencoded",
+  "multipart/form-data",
+  "text/plain"
+]);
+function Me(e) {
+  return e != null && !Tr.has(e) ? (q(
+    !1,
+    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${Re}"`
+  ), null) : e;
+}
+function Nr(e, n) {
+  let t, a, r, o, l;
+  if (Sr(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")) {
+    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()) {
+      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");
+      } else c && o.append(c, g);
+    }
+  } else {
+    if (Ie(e))
+      throw new Error(
+        'Cannot submit element that is not <form>, <button>, or <input type="submit|image">'
+      );
+    t = Ce, a = null, r = Re, l = e;
+  }
+  return o && r === "text/plain" && (l = o, o = void 0), { action: a, method: t.toLowerCase(), encType: r, formData: o, body: l };
+}
+Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
+function Xe(e, n) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(n);
+}
+function Pr(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;
+}
+async function Ir(e, n) {
+  if (e.id in n)
+    return n[e.id];
+  try {
+    let t = await import(
+      /* @vite-ignore */
+      /* webpackIgnore: true */
+      e.module
+    );
+    return n[e.id] = t, t;
+  } catch (t) {
+    return console.error(
+      `Error loading route module \`${e.module}\`, reloading page...`
+    ), console.error(t), window.__reactRouterContext && window.__reactRouterContext.isSpaMode, window.location.reload(), new Promise(() => {
+    });
+  }
+}
+function Lr(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) {
+  let a = await Promise.all(
+    e.map(async (r) => {
+      let o = n.routes[r.route.id];
+      if (o) {
+        let l = await Ir(o, t);
+        return l.links ? l.links() : [];
+      }
+      return [];
+    })
+  );
+  return Or(
+    a.flat(1).filter(Lr).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) {
+  let l = (u, c) => t[c] ? u.route.id !== t[c].route.id : !0, s = (u, c) => {
+    var d;
+    return (
+      // param change, /users/123 -> /users/456
+      t[c].pathname !== u.pathname || // splat param changed, which is not present in match.path
+      // e.g. /files/images/avatar.jpg -> files/finances.xls
+      ((d = t[c].route.path) == null ? void 0 : d.endsWith("*")) && t[c].params["*"] !== u.params["*"]
+    );
+  };
+  return o === "assets" ? n.filter(
+    (u, c) => l(u, c) || s(u, c)
+  ) : o === "data" ? n.filter((u, c) => {
+    var g;
+    let d = a.routes[u.route.id];
+    if (!d || !d.hasLoader)
+      return !1;
+    if (l(u, c) || s(u, c))
+      return !0;
+    if (u.route.shouldRevalidate) {
+      let p = u.route.shouldRevalidate({
+        currentUrl: new URL(
+          r.pathname + r.search + r.hash,
+          window.origin
+        ),
+        currentParams: ((g = t[0]) == null ? void 0 : g.params) || {},
+        nextUrl: new URL(e, window.origin),
+        nextParams: u.params,
+        defaultShouldRevalidate: !0
+      });
+      if (typeof p == "boolean")
+        return p;
+    }
+    return !0;
+  }) : [];
+}
+function _r(e, n, { includeHydrateFallback: t } = {}) {
+  return $r(
+    e.map((a) => {
+      let r = n.routes[a.route.id];
+      if (!r) return [];
+      let o = [r.module];
+      return r.clientActionModule && (o = o.concat(r.clientActionModule)), r.clientLoaderModule && (o = o.concat(r.clientLoaderModule)), t && r.hydrateFallbackModule && (o = o.concat(r.hydrateFallbackModule)), r.imports && (o = o.concat(r.imports)), o;
+    }).flat(1)
+  );
+}
+function $r(e) {
+  return [...new Set(e)];
+}
+function Ar(e) {
+  let n = {}, t = Object.keys(e).sort();
+  for (let a of t)
+    n[a] = e[a];
+  return n;
+}
+function Or(e, n) {
+  let t = /* @__PURE__ */ new Set();
+  return new Set(n), e.reduce((a, r) => {
+    let o = JSON.stringify(Ar(r));
+    return t.has(o) || (t.add(o), a.push({ key: o, link: r })), a;
+  }, []);
+}
+function qt() {
+  let e = h.useContext(ce);
+  return Xe(
+    e,
+    "You must render this element inside a <DataRouterContext.Provider> element"
+  ), e;
+}
+function Dr() {
+  let e = h.useContext(Ne);
+  return Xe(
+    e,
+    "You must render this element inside a <DataRouterStateContext.Provider> element"
+  ), e;
+}
+var Ze = h.createContext(void 0);
+Ze.displayName = "FrameworkContext";
+function Kt() {
+  let e = h.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(() => {
+    if (e === "render" && l(!0), e === "viewport") {
+      let b = (w) => {
+        w.forEach((y) => {
+          l(y.isIntersecting);
+        });
+      }, j = new IntersectionObserver(b, { threshold: 0.5 });
+      return p.current && j.observe(p.current), () => {
+        j.disconnect();
+      };
+    }
+  }, [e]), h.useEffect(() => {
+    if (a) {
+      let b = setTimeout(() => {
+        l(!0);
+      }, 100);
+      return () => {
+        clearTimeout(b);
+      };
+    }
+  }, [a]);
+  let f = () => {
+    r(!0);
+  }, x = () => {
+    r(!1), l(!1);
+  };
+  return t ? e !== "intent" ? [o, p, {}] : [
+    o,
+    p,
+    {
+      onFocus: me(s, f),
+      onBlur: me(u, x),
+      onMouseEnter: me(c, f),
+      onMouseLeave: me(d, x),
+      onTouchStart: me(g, f)
+    }
+  ] : [!1, p, {}];
+}
+function me(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),
+    [t.routes, e, t.basename]
+  );
+  return a ? /* @__PURE__ */ h.createElement(Ur, { page: e, matches: a, ...n }) : null;
+}
+function Br(e) {
+  let { manifest: n, routeModules: t } = Kt(), [a, r] = h.useState([]);
+  return h.useEffect(() => {
+    let o = !1;
+    return Fr(e, n, t).then(
+      (l) => {
+        o || r(l);
+      }
+    ), () => {
+      o = !0;
+    };
+  }, [e, n, t]), a;
+}
+function Ur({
+  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(
+      e,
+      n,
+      u,
+      r,
+      a,
+      "data"
+    ),
+    [e, n, u, r, a]
+  ), d = h.useMemo(
+    () => mt(
+      e,
+      n,
+      u,
+      r,
+      a,
+      "assets"
+    ),
+    [e, n, u, r, a]
+  ), g = h.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)
+      return [];
+    let j = Pr(e, l, "data");
+    return b && x.size > 0 && j.searchParams.set(
+      "_routes",
+      n.filter((w) => x.has(w.route.id)).map((w) => w.route.id).join(",")
+    ), [j.pathname + j.search];
+  }, [
+    l,
+    s,
+    a,
+    r,
+    c,
+    n,
+    e,
+    o
+  ]), p = h.useMemo(
+    () => _r(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 }) => (
+    // 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 })
+  )));
+}
+function Wr(...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";
+try {
+  Vt && (window.__reactRouterVersion = // @ts-expect-error
+  "7.8.2");
+} catch {
+}
+var Ht = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Yt = h.forwardRef(
+  function({
+    onClick: n,
+    discover: t = "render",
+    prefetch: a = "none",
+    relative: r,
+    reloadDocument: o,
+    replace: l,
+    state: s,
+    target: u,
+    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))
+      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;
+      } catch {
+        q(
+          !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(
+      a,
+      p
+    ), re = Hr(c, {
+      replace: l,
+      state: s,
+      target: u,
+      preventScrollReset: d,
+      relative: r,
+      viewTransition: g
+    });
+    function Q(A) {
+      n && n(A), A.defaultPrevented || re(A);
+    }
+    let ee = (
+      // eslint-disable-next-line jsx-a11y/anchor-has-content
+      /* @__PURE__ */ h.createElement(
+        "a",
+        {
+          ...p,
+          ...T,
+          href: j || y,
+          onClick: w || o ? n : Q,
+          ref: Wr(f, C),
+          target: u,
+          "data-discover": !b && t === "render" ? "true" : void 0
+        }
+      )
+    );
+    return v && !b ? /* @__PURE__ */ h.createElement(h.Fragment, null, ee, /* @__PURE__ */ h.createElement(zr, { page: y })) : ee;
+  }
+);
+Yt.displayName = "Link";
+var qr = h.forwardRef(
+  function({
+    "aria-current": n = "page",
+    caseSensitive: t = !1,
+    className: a = "",
+    end: r = !1,
+    style: o,
+    to: l,
+    viewTransition: s,
+    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
+    // 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 = [
+      a,
+      T ? "active" : null,
+      re ? "pending" : null,
+      j ? "transitioning" : null
+    ].filter(Boolean).join(" ");
+    let H = typeof o == "function" ? o(Q) : o;
+    return /* @__PURE__ */ h.createElement(
+      Yt,
+      {
+        ...c,
+        "aria-current": ee,
+        className: A,
+        ref: d,
+        style: H,
+        to: l,
+        viewTransition: s
+      },
+      typeof u == "function" ? u(Q) : u
+    );
+  }
+);
+qr.displayName = "NavLink";
+var Kr = h.forwardRef(
+  ({
+    discover: e = "render",
+    fetcherKey: n,
+    navigate: t,
+    reloadDocument: a,
+    replace: r,
+    state: o,
+    method: l = Ce,
+    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, {
+        fetcherKey: n,
+        method: T,
+        navigate: t,
+        replace: r,
+        state: o,
+        relative: c,
+        preventScrollReset: d,
+        viewTransition: g
+      });
+    };
+    return /* @__PURE__ */ h.createElement(
+      "form",
+      {
+        ref: f,
+        method: j,
+        action: b,
+        onSubmit: a ? u : y,
+        ...p,
+        "data-discover": !w && e === "render" ? "true" : void 0
+      }
+    );
+  }
+);
+Kr.displayName = "Form";
+function Vr(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 Hr(e, {
+  target: n,
+  replace: t,
+  state: a,
+  preventScrollReset: r,
+  relative: o,
+  viewTransition: l
+} = {}) {
+  let s = Ut(), u = ne(), c = ve(e, { relative: o });
+  return h.useCallback(
+    (d) => {
+      if (Er(d, n)) {
+        d.preventDefault();
+        let g = t !== void 0 ? t : Ue(u) === Ue(c);
+        s(e, {
+          replace: g,
+          state: a,
+          preventScrollReset: r,
+          relative: o,
+          viewTransition: l
+        });
+      }
+    },
+    [
+      u,
+      s,
+      c,
+      t,
+      a,
+      n,
+      e,
+      r,
+      o,
+      l
+    ]
+  );
+}
+var Yr = 0, Gr = () => `__${String(++Yr)}__`;
+function Jr() {
+  let { router: e } = Gt(
+    "useSubmit"
+    /* UseSubmit */
+  ), { basename: n } = h.useContext(K), t = vr();
+  return h.useCallback(
+    async (a, r = {}) => {
+      let { action: o, method: l, encType: s, formData: u, body: c } = Nr(
+        a,
+        n
+      );
+      if (r.navigate === !1) {
+        let d = r.fetcherKey || Gr();
+        await e.fetch(d, t, r.action || o, {
+          preventScrollReset: r.preventScrollReset,
+          formData: u,
+          body: c,
+          formMethod: r.method || l,
+          formEncType: r.encType || s,
+          flushSync: r.flushSync
+        });
+      } else
+        await e.navigate(r.action || o, {
+          preventScrollReset: r.preventScrollReset,
+          formData: u,
+          body: c,
+          formMethod: r.method || l,
+          formEncType: r.encType || s,
+          replace: r.replace,
+          state: r.state,
+          fromRouteId: t,
+          flushSync: r.flushSync,
+          viewTransition: r.viewTransition
+        });
+    },
+    [e, n, t]
+  );
+}
+function Xr(e, { relative: n } = {}) {
+  let { basename: t } = h.useContext(K), a = h.useContext(V);
+  P(a, "useFormAction must be used inside a RouteContext");
+  let [r] = a.matches.slice(-1), o = { ...ve(e || ".", { relative: n }) }, l = ne();
+  if (e == null) {
+    o.search = l.search;
+    let s = new URLSearchParams(o.search), u = s.getAll("index");
+    if (u.some((d) => d === "")) {
+      s.delete("index"), u.filter((g) => g).forEach((g) => s.append("index", g));
+      let d = s.toString();
+      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);
+}
+function Zr(e, { relative: n } = {}) {
+  let t = h.useContext(Mt);
+  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(
+    "useViewTransitionState"
+    /* useViewTransitionState */
+  ), r = ve(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;
+}
+const Za = ({ message: e }) => {
+  const n = Ut();
+  return /* @__PURE__ */ i.jsx(
+    fn,
     {
       size: "xs",
       style: {
@@ -424,31 +1703,31 @@ const T = {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: /* @__PURE__ */ t.jsx(
-        be,
+      children: /* @__PURE__ */ i.jsx(
+        qe,
         {
           color: "red",
           title: "Not Found",
           variant: "404 - Not Found",
-          icon: /* @__PURE__ */ t.jsx(ye, { size: 12, stroke: 1.5 }),
-          children: /* @__PURE__ */ t.jsxs(ee, { align: "flex-start", children: [
+          icon: /* @__PURE__ */ i.jsx(Ke, { size: 12, stroke: 1.5 }),
+          children: /* @__PURE__ */ i.jsxs(pe, { align: "flex-start", children: [
             e || "Sorry, the page you are looking for does not exist.",
-            /* @__PURE__ */ t.jsx(D, { variant: "filled", onClick: () => s("/"), size: "xs", children: "Back Home" })
+            /* @__PURE__ */ i.jsx(B, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
           ] })
         }
       )
     }
   );
-}, Yn = ({ message: e }) => /* @__PURE__ */ t.jsx(
-  be,
+}, Qa = ({ message: e }) => /* @__PURE__ */ i.jsx(
+  qe,
   {
     color: "red",
     title: "Not Found",
     variant: "404 - Not Found",
-    icon: /* @__PURE__ */ t.jsx(ye, { size: 12, stroke: 1.5 }),
+    icon: /* @__PURE__ */ i.jsx(Ke, { size: 12, stroke: 1.5 }),
     children: e || "Sorry, the page you are looking for does not exist."
   }
-), Qe = ({ message: e }) => /* @__PURE__ */ t.jsx(p, { c: "red", size: "sm", children: e || "Not Found" }), Wn = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ t.jsx(z, { justify: "center", align: "center", children: /* @__PURE__ */ t.jsx(ae, { color: "blue", size: "md" }) }) : /* @__PURE__ */ t.jsxs(
+), 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,
   {
     gap: "md",
@@ -457,67 +1736,67 @@ const T = {
     align: "center",
     style: { height: "100%" },
     children: [
-      /* @__PURE__ */ t.jsx(ae, { color: "blue", size: "md" }),
+      /* @__PURE__ */ i.jsx(Ee, { color: "blue", size: "md" }),
       e
     ]
   }
-), Hn = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ t.jsx(ae, { color: "blue", size: "xs" }) : /* @__PURE__ */ t.jsxs(z, { gap: "md", direction: "column", justify: "center", align: "center", children: [
-  /* @__PURE__ */ t.jsx(ae, { color: "blue", size: "xs" }),
+), 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" }),
   e
-] }), Jn = ({ message: e }) => /* @__PURE__ */ t.jsx(
-  be,
+] }), no = ({ message: e }) => /* @__PURE__ */ i.jsx(
+  qe,
   {
     color: "red",
     title: "Not Found",
     variant: "403 - Not Authorized",
-    icon: /* @__PURE__ */ t.jsx(ye, { size: 12, stroke: 1.5 }),
+    icon: /* @__PURE__ */ i.jsx(Ke, { size: 12, stroke: 1.5 }),
     children: e || "Sorry, you are not authorized to access this page."
   }
 );
-function Zn(e, s) {
-  return e.reduce((n, o) => {
-    const r = s(o);
-    return n[r] || (n[r] = []), n[r].push(o), n;
+function ro(e, n) {
+  return e.reduce((t, a) => {
+    const r = n(a);
+    return t[r] || (t[r] = []), t[r].push(a), t;
   }, {});
 }
-function Xn(e, s) {
-  const n = [];
-  let o;
-  return e.reduce((r, i) => {
-    const a = s(i);
-    return a === void 0 ? (o === void 0 && (o = n.length, n.push([])), n[o].push(i)) : (r[a] === void 0 && (r[a] = n.length, n.push([])), n[r[a]].push(i)), r;
-  }, {}), n;
-}
-function Qn(e, s) {
-  const n = /* @__PURE__ */ new Set();
-  return e.filter((o) => {
-    const r = s(o);
-    return n.has(r) ? !1 : (n.add(r), !0);
+function ao(e, n) {
+  const t = [];
+  let a;
+  return e.reduce((r, o) => {
+    const l = n(o);
+    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) {
+  const t = /* @__PURE__ */ new Set();
+  return e.filter((a) => {
+    const r = n(a);
+    return t.has(r) ? !1 : (t.add(r), !0);
   });
 }
-class er {
+class io {
   constructor() {
-    q(this, "items", []);
-    q(this, "seen", /* @__PURE__ */ new Set());
+    G(this, "items", []);
+    G(this, "seen", /* @__PURE__ */ new Set());
   }
-  add(s, n) {
-    const o = n(s);
-    this.seen.has(o) || (this.items.push(s), this.seen.add(o));
+  add(n, t) {
+    const a = t(n);
+    this.seen.has(a) || (this.items.push(n), this.seen.add(a));
   }
   toArray() {
     return this.items;
   }
 }
-class Oe {
+class gt {
   constructor() {
-    q(this, "children", /* @__PURE__ */ new Map());
-    q(this, "isEndOfWord", !1);
-    q(this, "value", "");
+    G(this, "children", /* @__PURE__ */ new Map());
+    G(this, "isEndOfWord", !1);
+    G(this, "value", "");
   }
 }
-class et {
+class Xt {
   constructor() {
-    q(this, "root", new Oe());
+    G(this, "root", new gt());
   }
   /**
    * Inserts a word into the trie structure.
@@ -525,13 +1804,13 @@ class et {
    *
    * @param word - The string to insert into the trie
    */
-  insert(s) {
-    let n = this.root;
-    for (const o of s) {
-      let r = n.children.get(o);
-      r === void 0 && (r = new Oe(), n.children.set(o, r)), n = r;
+  insert(n) {
+    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;
     }
-    n.isEndOfWord = !0, n.value = s;
+    t.isEndOfWord = !0, t.value = n;
   }
   /**
    * Finds the longest prefix match for the given text.
@@ -540,201 +1819,200 @@ class et {
    * @param text - The input string to find prefix matches for
    * @returns Object containing the longest matching prefix and remaining text
    */
-  findLongestPrefix(s) {
-    let n = this.root, o = { match: "", remaining: s };
-    for (let r = 0; r < s.length; r++) {
-      const i = s[r];
-      if (!n.children.has(i))
+  findLongestPrefix(n) {
+    let t = this.root, a = { match: "", remaining: n };
+    for (let r = 0; r < n.length; r++) {
+      const o = n[r];
+      if (!t.children.has(o))
         break;
-      n = n.children.get(i), n.isEndOfWord && (o = {
-        match: n.value,
-        remaining: s.slice(r + 1)
+      t = t.children.get(o), t.isEndOfWord && (a = {
+        match: t.value,
+        remaining: n.slice(r + 1)
       });
     }
-    return o;
+    return a;
   }
 }
-var Ut = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(Ut || {});
-class Vt extends et {
-  constructor() {
-    super(...arguments);
-    q(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(n) {
-    return n === "/" ? "/" : n.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(n, o) {
-    const r = this.normalizePath(n);
-    this.insert(r), this.pathToKey.set(r, o);
-  }
-  /**
-   * 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(n) {
-    const o = this.normalizePath(n), r = this.findLongestPrefix(o);
-    if (r.match && this.pathToKey.has(r.match) && (o === r.match || r.remaining.startsWith("/") || r.remaining === ""))
-      return this.pathToKey.get(r.match);
-  }
-}
-function Gt(e) {
-  const s = {}, n = {}, o = {}, r = (i, a = []) => {
-    i.forEach((c) => {
-      const d = [...a, c.key];
-      s[c.key] = c, n[c.key] = d, c.route !== void 0 && (o[c.key] = c.route), c.children !== void 0 && c.children.length > 0 && r(c.children, d);
+var We = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(We || {});
+function Qr(e) {
+  const n = {}, t = {}, a = {}, r = (o, l = []) => {
+    o.forEach((s) => {
+      const u = [...l, s.key];
+      n[s.key] = s, t[s.key] = u, s.route !== void 0 && (a[s.key] = s.route), s.children !== void 0 && s.children.length > 0 && r(s.children, u);
     });
   };
-  return r(e), { key2item: s, key2fullpath: n, key2route: o };
-}
-function Yt(e) {
-  const s = new Vt(), n = (o) => {
-    o.forEach((r) => {
-      if (r.route !== void 0) {
-        const i = r.route.path.getURL();
-        s.insertRoute(i, r.key);
-      }
-      r.children !== void 0 && r.children.length > 0 && n(r.children);
+  return r(e), { key2item: n, key2fullpath: t, key2route: a };
+}
+function ea(e) {
+  const n = new na(), 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);
     });
   };
-  return n(e), s;
-}
-function Wt(e, s) {
-  return e.map((n) => {
-    if (n.route !== void 0)
-      return s(n.route.role) === 0 ? n : null;
-    if (n.children !== void 0) {
-      const o = n.children.filter((r) => r.route !== void 0 ? s(r.route.role) === 0 : !0);
-      return o.length > 0 ? { ...n, children: o } : null;
+  return t(e), n;
+}
+function ta(e, n) {
+  return e.map((t) => {
+    if (t.route !== void 0)
+      return n(t.route.role) === We.Allow ? t : null;
+    if (t.children !== void 0) {
+      const a = t.children.filter((r) => r.route !== void 0 ? n(r.route.role) === We.Allow : !0);
+      return a.length > 0 ? { ...t, children: a } : null;
     }
-    return n;
-  }).filter((n) => n !== null);
+    return t;
+  }).filter((t) => t !== null);
 }
-const tr = (e) => {
-  const s = We(), n = Pt(), [o, r] = _(/* @__PURE__ */ new Set()), [i, a] = _(/* @__PURE__ */ new Set()), [c, d] = _(), h = S(() => Wt(e.items, e.checkPermission), [e.items, e.checkPermission]), m = S(() => Yt(e.items), [e.items]), { key2fullpath: y, key2route: x } = S(
-    () => Gt(h),
-    [h]
+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]
   );
-  ce(() => {
-    const v = n.pathname, u = m.findMatchingKey(v);
-    u !== void 0 && (a(new Set(y[u])), d(u));
-  }, [n, x]);
-  const g = S(() => {
-    function v(u, C) {
-      var P, f;
-      const O = u.children !== void 0 && u.children.length > 0;
-      return O ? /* @__PURE__ */ t.jsxs(
+  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(
         "div",
         {
           onMouseEnter: () => {
-            i.has(u.key) || r((b) => {
-              const R = new Set(b);
-              return R.add(u.key), R;
+            a.has(f.key) || t((w) => {
+              const y = new Set(w);
+              return y.add(f.key), y;
             });
           },
           onMouseLeave: () => {
-            i.has(u.key) || r((b) => {
-              const R = new Set(b);
-              return R.delete(u.key), R;
+            a.has(f.key) || t((w) => {
+              const y = new Set(w);
+              return y.delete(f.key), y;
             });
           },
           children: [
-            /* @__PURE__ */ t.jsx(
-              Ee,
+            /* @__PURE__ */ i.jsx(
+              lt,
               {
-                active: c === u.key,
-                href: (P = u.route) == null ? void 0 : P.path.getURL(),
-                label: u.label,
-                leftSection: u.icon,
+                active: o === f.key,
+                label: f.label,
+                leftSection: f.icon,
                 styles: {
                   label: { fontSize: "md" },
                   root: {
                     borderRadius: "var(--mantine-radius-sm)"
                   }
                 },
-                ml: C === 0 ? void 0 : C === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${C})`,
+                ml: x === 0 ? void 0 : x === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${x})`,
                 w: "unset",
-                rightSection: O ? /* @__PURE__ */ t.jsx(
-                  Nt,
+                rightSection: b ? /* @__PURE__ */ i.jsx(
+                  Sn,
                   {
                     size: 12,
                     stroke: 1.5,
                     className: "mantine-rotate-rtl"
                   }
                 ) : void 0,
-                opened: o.has(u.key) || i.has(u.key),
-                onClick: (b) => {
-                  b.ctrlKey || b.metaKey || (b.preventDefault(), a((ne) => {
-                    const H = new Set(ne);
-                    return ne.has(u.key) ? H.delete(u.key) : H.add(u.key), H;
-                  }));
+                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;
+                  });
                 }
               },
-              u.key
+              f.key
             ),
-            (i.has(u.key) || o.has(u.key)) && u.children.map((b) => v(b, C + 1))
+            (a.has(f.key) || n.has(f.key)) && f.children.map((w) => p(w, x + 1))
           ]
         },
-        `container-${u.key}`
-      ) : /* @__PURE__ */ t.jsx(
-        Ee,
+        `container-${f.key}`
+      ) : /* @__PURE__ */ i.jsx(
+        lt,
         {
-          active: c === u.key,
-          href: (f = u.route) == null ? void 0 : f.path.getURL(),
-          label: u.label,
-          leftSection: u.icon,
+          active: o === f.key,
+          href: (j = f.route) == null ? void 0 : j.route.fullPath,
+          label: f.label,
+          leftSection: f.icon,
           styles: {
             label: { fontSize: "md" },
             root: {
               borderRadius: "var(--mantine-radius-sm)"
             }
           },
-          ml: C === 0 ? void 0 : C === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${C})`,
+          ml: x === 0 ? void 0 : x === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${x})`,
           w: "unset",
-          onClick: (b) => {
-            b.ctrlKey || b.metaKey || (b.preventDefault(), u.route != null && u.route.path.path().open(s));
+          onClick: (w) => {
+            w.ctrlKey || w.metaKey || (w.preventDefault(), f.route != null && e.navigate({ to: f.route.route.to }));
           }
         },
-        u.key
+        f.key
       );
     }
-    return h.map((u) => v(u, 0));
-  }, [h, c, i, o, s]);
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: g });
-}, ie = ({ value: e }) => /* @__PURE__ */ t.jsx(p, { size: "sm", children: e });
-function pe(e, s) {
-  const n = s.getDate().toString().padStart(2, "0"), o = (s.getMonth() + 1).toString().padStart(2, "0"), r = s.getFullYear();
-  return e.baseName === "en-US" ? `${o}/${n}/${r}` : e.baseName === "vi-VN" ? `${n}/${o}/${r}` : `${o}/${n}/${r}`;
-}
-const Ht = ({ value: e }) => {
-  const s = le(te), n = S(() => {
-    const o = e.getHours().toString().padStart(2, "0"), r = e.getMinutes().toString().padStart(2, "0"), i = e.getSeconds().toString().padStart(2, "0");
-    return pe(s, e) + `${o}:${r}:${i}`;
-  }, [s, e]);
-  return /* @__PURE__ */ t.jsx(p, { size: "sm", children: n });
-}, Jt = ({ value: e }) => {
-  const s = le(te), n = S(() => pe(s, e), [s, e]);
-  return /* @__PURE__ */ t.jsx(p, { size: "sm", children: n });
-}, nr = ({ value: e }) => {
-  const s = le(te), [n, o] = S(() => {
-    const r = pe(s, e), i = e.getHours().toString().padStart(2, "0"), a = e.getMinutes().toString().padStart(2, "0"), c = e.getSeconds().toString().padStart(2, "0");
-    return [r, `${i}:${a}:${c}`];
-  }, [s, e]);
-  return /* @__PURE__ */ t.jsx(p, { size: "sm", title: o, children: n });
-}, Zt = {
+    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) {
+  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 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}`;
+  }, [n, e]);
+  return /* @__PURE__ */ i.jsx(R, { 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 });
+}, 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");
+    return [r, `${o}:${l}:${s}`];
+  }, [n, e]);
+  return /* @__PURE__ */ i.jsx(R, { size: "sm", title: a, children: t });
+}, oa = {
   yes: {
     lang2value: {
       en: "Yes",
@@ -749,482 +2027,472 @@ const Ht = ({ value: e }) => {
     },
     lang: "en"
   }
-}, Xt = ({ value: e }) => /* @__PURE__ */ t.jsx(
-  Q,
+}, ia = ({ value: e }) => /* @__PURE__ */ i.jsx(
+  ge,
   {
     checked: e,
-    label: /* @__PURE__ */ t.jsx(F, { value: Zt[e ? "yes" : "no"] }),
+    label: /* @__PURE__ */ i.jsx(O, { value: oa[e ? "yes" : "no"] }),
     readOnly: !0
   }
-), Qt = ({
+), la = ({
   nestedProperty: e,
-  property: s,
-  value: n
+  property: n,
+  value: t
 }) => {
-  const o = e || s;
-  if (W(o) || o.enumType === void 0)
+  const a = e || n;
+  if (ue(a) || a.enumType === void 0)
     throw new Error(
       "Invalid usage of EnumDisplay. Expect a property of type enum"
     );
-  return /* @__PURE__ */ t.jsx(p, { size: "sm", children: /* @__PURE__ */ t.jsx(F, { value: o.enumType.label[n] }) });
+  return /* @__PURE__ */ i.jsx(R, { size: "sm", children: /* @__PURE__ */ i.jsx(O, { value: a.enumType.label[t] }) });
 };
-function tt(e, s, n, o) {
-  const r = e.getByName(s.targetClass), i = o[s.targetClass];
-  ce(() => {
-    r.fetchByIds(n);
-  }, [n]);
-  const a = {};
-  for (const c of n)
-    a[c] = r.get(c);
-  return [a, i];
-}
-const de = B(
+function Zt(e, n, t, a) {
+  const r = e.getByName(n.targetClass), o = a[n.targetClass];
+  Te(() => {
+    r.fetchByIds(t);
+  }, [t]);
+  const l = {};
+  for (const s of t)
+    l[s] = r.get(s);
+  return [l, o];
+}
+const Le = Z(
   ({
     db: e,
-    property: s,
-    value: n,
-    entityRoutes: o
+    property: n,
+    value: t,
+    entityRoutes: a
   }) => {
-    const r = S(() => [n], [n]), [i, a] = tt(
+    const { link: r } = se(Qe), o = E(() => [t], [t]), [l, s] = Zt(
       e,
-      s,
-      r,
-      o
-    ), c = i[n];
-    return c === void 0 ? /* @__PURE__ */ t.jsx(p, { size: "sm", children: n }) : c === null ? /* @__PURE__ */ t.jsx(Qe, {}) : a === void 0 ? /* @__PURE__ */ t.jsx(p, { size: "sm", children: c.name }) : /* @__PURE__ */ t.jsx(
-      He,
-      {
-        path: a,
-        openInNewPage: !1,
-        urlArgs: { id: c.id },
-        queryArgs: {},
-        children: c.name
-      }
-    );
+      n,
+      o,
+      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 });
   }
-), ue = B(
+), Fe = Z(
   ({
     db: e,
-    property: s,
-    value: n,
-    entityRoutes: o
+    property: n,
+    value: t,
+    entityRoutes: a
   }) => {
-    const [r, i] = tt(
+    const { link: r } = se(Qe), [o, l] = Zt(
       e,
-      s,
       n,
-      o
+      t,
+      a
     );
-    return /* @__PURE__ */ t.jsx(A, { gap: "xs", children: n.map((a, c) => {
-      const d = r[a];
-      return d === void 0 ? /* @__PURE__ */ t.jsx(p, { size: "sm", children: n }, a) : d === null ? /* @__PURE__ */ t.jsx(Qe, {}, a) : i === void 0 ? /* @__PURE__ */ t.jsx(p, { size: "sm", children: d.name }, c) : /* @__PURE__ */ t.jsx(
-        He,
+    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,
         {
-          path: i,
+          to: l.to,
           openInNewPage: !1,
-          urlArgs: { id: d.id },
-          queryArgs: {},
-          children: d.name
+          params: { id: c.id },
+          children: c.name
         },
-        c
+        u
       );
     }) });
   }
-), K = {
-  string: ie,
-  integer: ie,
-  float: ie,
-  boolean: Xt,
-  "string[]": ie,
-  enum: Qt,
-  datetime: Ht,
-  date: Jt
-}, en = ({ property: e, value: s, onChange: n }) => /* @__PURE__ */ t.jsx(
-  M,
+), X = {
+  string: Se,
+  integer: Se,
+  float: Se,
+  boolean: ia,
+  "string[]": Se,
+  enum: la,
+  datetime: ra,
+  date: aa
+}, sa = ({ property: e, value: n, onChange: t }) => /* @__PURE__ */ i.jsx(
+  U,
   {
     id: e.name,
     type: "checkbox",
-    checked: s,
-    onChange: (o) => {
-      const r = o.target.checked;
-      n(r);
+    checked: n,
+    onChange: (a) => {
+      const r = a.target.checked;
+      t(r);
     }
   }
-), Pe = ({
+), pt = ({
   property: e,
-  value: s,
-  onChange: n
-}) => /* @__PURE__ */ t.jsx(
-  M,
+  value: n,
+  onChange: t
+}) => /* @__PURE__ */ i.jsx(
+  U,
   {
     id: e.name,
     type: "number",
-    value: s,
-    onChange: (o) => {
-      const r = o.target.value;
-      n(r === "" ? void 0 : Number(r));
+    value: n,
+    onChange: (a) => {
+      const r = a.target.value;
+      t(r === "" ? void 0 : Number(r));
     }
   }
-), tn = {
+), ua = {
   lang2value: {
     en: "The leading zero is not necessary in international phone number format. For example, if your phone number is 0123456789, you should enter it as 123-456-789.",
     vi: "Số 0 đầu tiên không cần thiết trong định dạng điện thoại quốc tế. Ví dụ, nếu số điện thoại của bạn là 0123456789, bạn nên nhập nó là 123-456-789."
   },
   lang: "en"
-}, nn = {
+}, ca = {
   lang2value: {
     en: "No valid country code found.",
     vi: "Không tìm thấy mã quốc gia hợp lệ. "
   },
   lang: "en"
-}, Y = {
+}, le = {
   84: {
     name: "Vietnam",
-    flags: [T.VN]
+    flags: [N.VN]
   },
   1: {
     name: "US, Canada",
-    flags: [T.US, T.CA]
+    flags: [N.US, N.CA]
   },
   61: {
     name: "Australia",
-    flags: [T.AU]
+    flags: [N.AU]
   },
   81: {
     name: "Japan",
-    flags: [T.JP]
+    flags: [N.JP]
   },
   44: {
     name: "UK",
-    flags: [T.UK]
+    flags: [N.UK]
   },
   33: {
     name: "France",
-    flags: [T.FR]
+    flags: [N.FR]
   },
   49: {
     name: "Germany",
-    flags: [T.DE]
+    flags: [N.DE]
   },
   91: {
     name: "India",
-    flags: [T.IN]
+    flags: [N.IN]
   },
   55: {
     name: "Brazil",
-    flags: [T.BR]
+    flags: [N.BR]
   },
   34: {
     name: "Spain",
-    flags: [T.ES]
+    flags: [N.ES]
   },
   39: {
     name: "Italy",
-    flags: [T.IT]
+    flags: [N.IT]
   },
   64: {
     name: "New Zealand",
-    flags: [T.NZ]
+    flags: [N.NZ]
   },
   52: {
     name: "Mexico",
-    flags: [T.MX]
+    flags: [N.MX]
   },
   86: {
     name: "China",
-    flags: [T.CN]
+    flags: [N.CN]
   }
-}, rn = (e, s) => {
+}, da = (e, n) => {
   if (e === "")
     return { match: "84", remaining: "" };
-  const n = e.replace(/[^\d]/g, ""), o = s.findLongestPrefix(n);
-  if (o.match === "")
+  const t = e.replace(/[^\d]/g, ""), a = n.findLongestPrefix(t);
+  if (a.match === "")
     throw new Error(`No valid country code found for phone number: ${e}`);
-  return o;
-}, Le = ({ value: e }) => {
-  const s = Y[e];
-  if (s !== void 0)
-    return /* @__PURE__ */ t.jsxs(A, { gap: "sm", wrap: "nowrap", align: "center", children: [
-      /* @__PURE__ */ t.jsxs(p, { size: "sm", children: [
+  return a;
+}, xt = ({ 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: [
         "+",
         e
       ] }),
-      /* @__PURE__ */ t.jsx(A, { gap: 4, wrap: "nowrap", children: s.flags.map((n, o) => /* @__PURE__ */ t.jsx(ve, { flag: n }, o)) })
+      /* @__PURE__ */ i.jsx(D, { gap: 4, wrap: "nowrap", children: n.flags.map((t, a) => /* @__PURE__ */ i.jsx(Be, { flag: t }, a)) })
     ] });
-}, on = ({
+}, fa = ({
   value: e,
-  onChange: s,
-  error: n,
-  id: o
+  onChange: n,
+  error: t,
+  id: a
 }) => {
-  const [r, i] = _(""), [a, c] = _(!1), [d, h] = _(""), [m, y] = _(!1), x = S(() => {
-    const f = new et();
-    return Object.keys(Y).forEach((b) => {
-      f.insert(b);
-    }), f;
-  }, [Y]), { rawInput: g } = S(() => {
+  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(() => {
     try {
-      const { match: f, remaining: b } = rn(
+      const { match: v, remaining: C } = da(
         e,
-        x
+        p
       );
-      return h(f), y(!1), {
-        rawInput: b
+      return c(v), g(!1), {
+        rawInput: C
       };
     } catch {
-      return y(!0), h(""), {
+      return g(!0), c(""), {
         rawInput: e
       };
     }
-  }, [e]), v = Be({
+  }, [e]), x = Rt({
     onDropdownClose: () => {
-      v.resetSelectedOption(), i("");
+      x.resetSelectedOption(), o("");
     },
     onDropdownOpen: () => {
-      v.updateSelectedOptionIndex("active");
+      x.updateSelectedOptionIndex("active");
     }
-  }), u = S(() => Object.keys(Y), [Y]), C = (f, b) => {
-    const R = f.replace(/[^\d]/g, "");
-    return R.length === 0 ? `+${b}` : R.startsWith("0") ? (c(!0), `+${b}${R}`) : (c(!1), `+${b}${R}`);
-  }, O = S(() => u.filter((f) => Y[f].name.toLowerCase().includes(r.toLowerCase()) || f.includes(r)), [r, u]), P = S(() => O.map((f, b) => /* @__PURE__ */ t.jsx(E.Option, { value: f, children: /* @__PURE__ */ t.jsx(Le, { value: f }) }, b)), [O]);
-  return /* @__PURE__ */ t.jsxs("div", { children: [
-    /* @__PURE__ */ t.jsx(I, { gutter: "xs", children: /* @__PURE__ */ t.jsx(I.Col, { children: /* @__PURE__ */ t.jsxs(A, { gap: 5, children: [
-      /* @__PURE__ */ t.jsxs(
-        E,
+  }), 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]);
+  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.jsxs(
+        F,
         {
-          store: v,
+          store: x,
           position: "top-start",
-          onOptionSubmit: (f) => {
-            i(""), v.closeDropdown(), s({
-              target: { value: C(g, f) }
+          onOptionSubmit: (v) => {
+            o(""), x.closeDropdown(), n({
+              target: { value: j(f, v) }
             });
           },
           children: [
-            /* @__PURE__ */ t.jsx(E.Target, { children: /* @__PURE__ */ t.jsx(
-              vt,
+            /* @__PURE__ */ i.jsx(F.Target, { children: /* @__PURE__ */ i.jsx(
+              hn,
               {
                 component: "button",
                 type: "button",
                 pointer: !0,
-                rightSection: /* @__PURE__ */ t.jsx(E.Chevron, {}),
-                onClick: () => v.toggleDropdown(),
+                rightSection: /* @__PURE__ */ i.jsx(F.Chevron, {}),
+                onClick: () => x.toggleDropdown(),
                 rightSectionPointerEvents: "none",
                 w: 110,
-                children: /* @__PURE__ */ t.jsx(Le, { value: d })
+                children: /* @__PURE__ */ i.jsx(xt, { value: u })
               }
             ) }),
-            /* @__PURE__ */ t.jsxs(E.Dropdown, { children: [
-              /* @__PURE__ */ t.jsx(
-                E.Search,
+            /* @__PURE__ */ i.jsxs(F.Dropdown, { children: [
+              /* @__PURE__ */ i.jsx(
+                F.Search,
                 {
-                  leftSection: /* @__PURE__ */ t.jsx(Ge, { size: 14, stroke: 1.5 }),
+                  leftSection: /* @__PURE__ */ i.jsx(Tt, { size: 14, stroke: 1.5 }),
                   placeholder: ".....",
                   value: r,
-                  onChange: (f) => i(f.currentTarget.value)
+                  onChange: (v) => o(v.currentTarget.value)
                 }
               ),
-              /* @__PURE__ */ t.jsx(E.Options, { children: P.length > 0 ? P : /* @__PURE__ */ t.jsx(E.Empty, { children: /* @__PURE__ */ t.jsx(p, { size: "sm", children: "Nothing found" }) }) })
+              /* @__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" }) }) })
             ] })
           ]
         }
       ),
-      d === "" ? /* @__PURE__ */ t.jsx(
-        M,
+      u === "" ? /* @__PURE__ */ i.jsx(
+        U,
         {
-          id: o,
-          value: g,
+          id: a,
+          value: f,
           type: "phone_number",
-          onChange: (f) => {
-            s({ target: { value: f.target.value } });
+          onChange: (v) => {
+            n({ target: { value: v.target.value } });
           },
-          error: n,
+          error: t,
           flex: 1
         }
-      ) : /* @__PURE__ */ t.jsx(
-        M,
+      ) : /* @__PURE__ */ i.jsx(
+        U,
         {
-          id: o,
-          value: g,
+          id: a,
+          value: f,
           type: "phone_number",
-          onAccept: (f) => {
-            const b = f.replace(/[^\d]/g, "");
-            s({
-              target: { value: C(b, d) }
+          onAccept: (v) => {
+            const C = v.replace(/[^\d]/g, "");
+            n({
+              target: { value: j(C, u) }
             });
           },
-          component: Lt,
+          component: Pn,
           mask: "000-000-0000",
-          error: n,
+          error: t,
           flex: 1
         }
       )
     ] }) }) }),
-    (a || m || n && typeof n == "string") && /* @__PURE__ */ t.jsx(I, { gutter: "xs", children: /* @__PURE__ */ t.jsx(I.Col, { children: /* @__PURE__ */ t.jsx(M.Error, { children: a ? /* @__PURE__ */ t.jsx(F, { value: tn }) : m ? /* @__PURE__ */ t.jsx(F, { value: nn }) : n }) }) })
+    (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 }) }) })
   ] });
-}, je = ({
+}, ze = ({
   property: e,
-  error: s,
-  value: n,
-  onChange: o
+  error: n,
+  value: t,
+  onChange: a
 }) => {
-  const [r, i] = S(() => e.constraints.includes("password") ? ["password", bt] : e.constraints.includes("phone_number") ? ["phone_number", on] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", M], [e.constraints]);
-  return /* @__PURE__ */ t.jsx(
-    i,
+  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]);
+  return /* @__PURE__ */ i.jsx(
+    o,
     {
       id: e.name,
-      value: n,
+      value: t,
       type: r,
-      onChange: (a) => o(a.target.value),
-      error: s
+      onChange: (l) => a(l.target.value),
+      error: n
     }
   );
-}, ze = {
-  integer: Pe,
-  float: Pe,
-  string: je,
-  boolean: en,
-  "string[]": je,
-  enum: je
+}, vt = {
+  integer: pt,
+  float: pt,
+  string: ze,
+  boolean: sa,
+  "string[]": ze,
+  enum: ze
 };
-function sn(e, s) {
-  const [n, o] = _(""), [r, i] = _([]);
-  return ce(() => {
-    e.getByName(s.targetClass).fetch({ limit: 100, offset: 0 }).then((c) => i(c.records));
-  }, [s.name]), {
+function ha(e, n) {
+  const [t, a] = $(""), [r, o] = $([]);
+  return Te(() => {
+    e.getByName(n.targetClass).fetch({ limit: 100, offset: 0 }).then((s) => o(s.records));
+  }, [n.name]), {
     data: r,
-    query: n,
-    setQuery: (c) => {
-      o(c);
-      const d = e.getByName(s.targetClass);
-      i(
-        d.filter(
-          (h) => h.name.toLowerCase().includes(c.toLowerCase())
+    query: t,
+    setQuery: (s) => {
+      a(s);
+      const u = e.getByName(n.targetClass);
+      o(
+        u.filter(
+          (c) => c.name.toLowerCase().includes(s.toLowerCase())
         )
       );
     },
-    table: e.getByName(s.targetClass)
+    table: e.getByName(n.targetClass)
   };
 }
-const an = (e) => e.name, ln = (e) => /* @__PURE__ */ t.jsx(p, { size: "sm", children: e.name }), cn = B(
-  (e) => /* @__PURE__ */ t.jsx("h1", { children: "SingleForeignKey" })
-), dn = B(
+const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(R, { size: "sm", children: e.name }), pa = Z(
+  (e) => /* @__PURE__ */ i.jsx("h1", { children: "SingleForeignKey" })
+), xa = Z(
   ({
     db: e,
-    property: s,
-    value: n,
-    onChange: o
+    property: n,
+    value: t,
+    onChange: a
   }) => {
-    const { table: r, data: i, query: a, setQuery: c } = sn(
+    const { table: r, data: o, query: l, setQuery: s } = ha(
       e,
-      s
+      n
     );
-    return /* @__PURE__ */ t.jsxs(ee, { gap: "sm", children: [
-      /* @__PURE__ */ t.jsx(
-        un,
+    return /* @__PURE__ */ i.jsxs(pe, { gap: "sm", children: [
+      /* @__PURE__ */ i.jsx(
+        va,
         {
-          name: s.name,
-          query: a,
-          setQuery: c,
-          data: i,
-          onSelect: (d) => {
-            n.includes(d) || o([...n, d]);
+          name: n.name,
+          query: l,
+          setQuery: s,
+          data: o,
+          onSelect: (u) => {
+            t.includes(u) || a([...t, u]);
           },
-          renderOption: an,
-          isIdInteger: s.datatype === "integer"
+          renderOption: ma,
+          isIdInteger: n.datatype === "integer"
         }
       ),
-      /* @__PURE__ */ t.jsx(
-        gn,
+      /* @__PURE__ */ i.jsx(
+        ya,
         {
-          items: n.map((d) => r.get(d)),
-          onDelete: (d) => {
-            o(n.filter((h) => h !== d.id));
+          items: t.map((u) => r.get(u)),
+          onDelete: (u) => {
+            a(t.filter((c) => c !== u.id));
           },
-          render: ln
+          render: ga
         }
       )
     ] });
   }
-), un = ({
+), va = ({
   name: e,
-  data: s,
-  onSelect: n,
-  renderOption: o,
+  data: n,
+  onSelect: t,
+  renderOption: a,
   isIdInteger: r,
-  query: i,
-  setQuery: a
+  query: o,
+  setQuery: l
 }) => {
-  const c = Be({
-    onDropdownClose: () => c.resetSelectedOption()
-  }), d = S(() => s.map((h) => (
+  const s = Rt({
+    onDropdownClose: () => s.resetSelectedOption()
+  }), u = E(() => n.map((c) => (
     // value has to be a string
-    /* @__PURE__ */ t.jsx(E.Option, { value: h.id.toString(), children: o(h) }, h.id)
-  )), [s]);
-  return /* @__PURE__ */ t.jsxs(
-    E,
+    /* @__PURE__ */ i.jsx(F.Option, { value: c.id.toString(), children: a(c) }, c.id)
+  )), [n]);
+  return /* @__PURE__ */ i.jsxs(
+    F,
     {
-      store: c,
-      onOptionSubmit: (h) => {
-        n(r ? parseInt(h) : h), a(""), c.closeDropdown();
+      store: s,
+      onOptionSubmit: (c) => {
+        t(r ? parseInt(c) : c), l(""), s.closeDropdown();
       },
       offset: 0,
       shadow: "sm",
       children: [
-        /* @__PURE__ */ t.jsx(E.Target, { children: /* @__PURE__ */ t.jsx(
-          M,
+        /* @__PURE__ */ i.jsx(F.Target, { children: /* @__PURE__ */ i.jsx(
+          U,
           {
             id: e,
             pointer: !0,
-            rightSection: /* @__PURE__ */ t.jsx(Ge, { size: 16, stroke: 1.5 }),
+            rightSection: /* @__PURE__ */ i.jsx(Tt, { size: 16, stroke: 1.5 }),
             rightSectionPointerEvents: "none",
-            onClick: () => c.toggleDropdown(),
+            onClick: () => s.toggleDropdown(),
             placeholder: "Type to search...",
-            value: i,
-            onChange: (h) => {
-              a(h.currentTarget.value);
+            value: o,
+            onChange: (c) => {
+              l(c.currentTarget.value);
             }
           }
         ) }),
-        /* @__PURE__ */ t.jsx(E.Dropdown, { children: /* @__PURE__ */ t.jsx(E.Options, { children: d.length === 0 ? /* @__PURE__ */ t.jsx(E.Empty, { children: "Nothing found" }) : d }) })
+        /* @__PURE__ */ i.jsx(F.Dropdown, { children: /* @__PURE__ */ i.jsx(F.Options, { children: u.length === 0 ? /* @__PURE__ */ i.jsx(F.Empty, { children: "Nothing found" }) : u }) })
       ]
     }
   );
-}, gn = ({
+}, ya = ({
   items: e,
-  onDelete: s,
-  render: n
+  onDelete: n,
+  render: t
 }) => {
-  const o = S(() => {
+  const a = E(() => {
     const r = [];
-    for (let i = 0; i < e.length; i++) {
-      const a = e[i];
+    for (let o = 0; o < e.length; o++) {
+      const l = e[o];
       r.push(
-        /* @__PURE__ */ t.jsxs(A, { justify: "space-between", p: "sm", children: [
-          n(a),
-          /* @__PURE__ */ t.jsx(yt, { size: "sm", onClick: () => s(a) })
-        ] }, i)
-      ), i < e.length - 1 && r.push(/* @__PURE__ */ t.jsx(pt, {}, `divider-${i}`));
+        /* @__PURE__ */ i.jsxs(D, { justify: "space-between", p: "sm", children: [
+          t(l),
+          /* @__PURE__ */ i.jsx(gn, { size: "sm", onClick: () => n(l) })
+        ] }, o)
+      ), o < e.length - 1 && r.push(/* @__PURE__ */ i.jsx(pn, {}, `divider-${o}`));
     }
     return r;
   }, [e]);
-  if (o.length !== 0)
-    return /* @__PURE__ */ t.jsx(U, { bd: "1px solid #ddd", children: o });
-}, hn = "_requiredLabelLeft_l5p83_1", fn = "_requiredLabelRight_l5p83_11", De = {
-  requiredLabelLeft: hn,
-  requiredLabelRight: fn
-}, mn = ({
+  if (a.length !== 0)
+    return /* @__PURE__ */ i.jsx(te, { bd: "1px solid #ddd", children: a });
+}, ba = "_requiredLabelLeft_l5p83_1", wa = "_requiredLabelRight_l5p83_11", yt = {
+  requiredLabelLeft: ba,
+  requiredLabelRight: wa
+}, ja = ({
   label: e,
-  name: s,
-  required: n = !1,
-  tooltip: o,
+  name: n,
+  required: t = !1,
+  tooltip: a,
   style: r,
-  align: i = "left"
+  align: o = "left"
 }) => {
-  const a = n ? i === "left" ? De.requiredLabelRight : De.requiredLabelLeft : "";
-  return /* @__PURE__ */ t.jsx(z, { align: "center", h: 36, children: /* @__PURE__ */ t.jsx("label", { htmlFor: s, style: r, children: /* @__PURE__ */ t.jsxs(A, { gap: 4, children: [
-    /* @__PURE__ */ t.jsx(p, { size: "sm", className: a, children: e }),
-    o !== void 0 && /* @__PURE__ */ t.jsx(Ue, { label: o, withArrow: !0, children: /* @__PURE__ */ t.jsx(
-      Ye,
+  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,
       {
         size: 16,
         stroke: 1.5,
@@ -1232,80 +2500,80 @@ const an = (e) => e.name, ln = (e) => /* @__PURE__ */ t.jsx(p, { size: "sm", chi
       }
     ) })
   ] }) }) });
-}, xn = {
+}, Sa = {
   type: "vertical",
   helpAlwaysVisible: !1
-}, jn = B(
+}, Ca = Z(
   ({
     store: e,
-    record: s,
-    property: n,
-    layout: o = xn,
+    record: n,
+    property: t,
+    layout: a = Sa,
     InputComponent: r,
-    validator: i
+    validator: o
   }) => {
-    const [a, c] = _(void 0), d = s[n.tsName], h = (y) => {
-      var g;
-      if (Je(s))
-        s[n.updateFuncName](y);
+    const [l, s] = $(void 0), u = n[t.tsName], c = (g) => {
+      var f;
+      if (Pt(n))
+        n[t.updateFuncName](g);
       else {
-        const v = s.toDraft();
-        v[n.updateFuncName](y), e.setDraft(v);
+        const x = n.toDraft();
+        x[t.updateFuncName](g), e.setDraft(x);
       }
-      const x = i(y);
-      x.isValid ? c(void 0) : c(
-        (g = x.errorMessage) == null ? void 0 : g.t({ args: { name: n.label } })
+      const p = o(g);
+      p.isValid ? s(void 0) : s(
+        (f = p.errorMessage) == null ? void 0 : f.t({ args: { name: t.label } })
       );
     };
-    if (vn(o))
-      return /* @__PURE__ */ t.jsxs(ee, { gap: 5, children: [
-        /* @__PURE__ */ t.jsxs(I, { gutter: "sm", children: [
-          /* @__PURE__ */ t.jsx(
-            I.Col,
+    if (Ra(a))
+      return /* @__PURE__ */ i.jsxs(pe, { gap: 5, children: [
+        /* @__PURE__ */ i.jsxs(_, { gutter: "sm", children: [
+          /* @__PURE__ */ i.jsx(
+            _.Col,
             {
-              span: o.labelCol,
+              span: a.labelCol,
               style: {
                 display: "flex",
-                justifyContent: o.align || "left"
+                justifyContent: a.align || "left"
               },
-              children: /* @__PURE__ */ t.jsx(
-                mn,
+              children: /* @__PURE__ */ i.jsx(
+                ja,
                 {
-                  label: /* @__PURE__ */ t.jsx(F, { value: n.label }),
-                  name: n.name,
-                  required: n.isRequired,
-                  tooltip: n.description !== void 0 ? /* @__PURE__ */ t.jsx(F, { value: n.description }) : void 0,
-                  align: o.align
+                  label: /* @__PURE__ */ i.jsx(O, { value: t.label }),
+                  name: t.name,
+                  required: t.isRequired,
+                  tooltip: t.description !== void 0 ? /* @__PURE__ */ i.jsx(O, { value: t.description }) : void 0,
+                  align: a.align
                 }
               )
             }
           ),
-          /* @__PURE__ */ t.jsx(I.Col, { span: o.itemCol, children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ i.jsx(_.Col, { span: a.itemCol, children: /* @__PURE__ */ i.jsx(
             r,
             {
               db: e.db,
-              property: n,
-              value: d,
-              error: a !== void 0,
-              onChange: h
+              property: t,
+              value: u,
+              error: l !== void 0,
+              onChange: c
             }
           ) })
         ] }),
-        a !== void 0 && /* @__PURE__ */ t.jsxs(I, { gutter: "sm", children: [
-          /* @__PURE__ */ t.jsx(I.Col, { span: o.labelCol }),
-          /* @__PURE__ */ t.jsx(I.Col, { span: o.itemCol, children: /* @__PURE__ */ t.jsx(M.Error, { children: a }) })
+        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 }) })
         ] })
       ] });
-    let m = /* @__PURE__ */ t.jsx(F, { value: n.label });
-    return !o.helpAlwaysVisible && n.description !== void 0 && (m = /* @__PURE__ */ t.jsxs(A, { gap: 4, style: { display: "inline-flex" }, children: [
-      m,
-      /* @__PURE__ */ t.jsx(
-        Ue,
+    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,
         {
-          label: /* @__PURE__ */ t.jsx(F, { value: n.description }),
+          label: /* @__PURE__ */ i.jsx(O, { value: t.description }),
           withArrow: !0,
-          children: /* @__PURE__ */ t.jsx(
-            Ye,
+          children: /* @__PURE__ */ i.jsx(
+            Nt,
             {
               size: 16,
               stroke: 1.5,
@@ -1314,61 +2582,61 @@ const an = (e) => e.name, ln = (e) => /* @__PURE__ */ t.jsx(p, { size: "sm", chi
           )
         }
       )
-    ] })), /* @__PURE__ */ t.jsx(
-      M.Wrapper,
+    ] })), /* @__PURE__ */ i.jsx(
+      U.Wrapper,
       {
-        label: m,
-        description: o.helpAlwaysVisible && n.description !== void 0 ? /* @__PURE__ */ t.jsx(F, { value: n.description }) : void 0,
-        required: n.isRequired,
-        children: /* @__PURE__ */ t.jsx(
+        label: d,
+        description: a.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ i.jsx(O, { value: t.description }) : void 0,
+        required: t.isRequired,
+        children: /* @__PURE__ */ i.jsx(
           r,
           {
             db: e.db,
-            property: n,
-            value: d,
-            error: a,
-            onChange: h
+            property: t,
+            value: u,
+            error: l,
+            onChange: c
           }
         )
       }
     );
   }
 );
-function vn(e) {
+function Ra(e) {
   return e.type === "horizontal";
 }
-const Me = 12, rr = (e) => {
-  const s = e.schema, n = S(() => {
-    const o = Math.max(
-      ...e.fieldGroups.map((r) => Math.max(...r.fields.map((i) => i.length)))
+const bt = 12, co = (e) => {
+  const n = e.schema, t = E(() => {
+    const a = Math.max(
+      ...e.fieldGroups.map((r) => Math.max(...r.fields.map((o) => o.length)))
     );
-    return e.fieldGroups.map((r, i) => bn(
-      s,
+    return e.fieldGroups.map((r, o) => Ea(
+      n,
       e.store,
       e.record,
-      i,
-      r,
       o,
+      r,
+      a,
       e.layout
     ));
-  }, [s, e.store, e.record, e.fieldGroups, e.layout]);
-  return /* @__PURE__ */ t.jsx(
+  }, [n, e.store, e.record, e.fieldGroups, e.layout]);
+  return /* @__PURE__ */ i.jsx(
     "form",
     {
-      onSubmit: e.onSubmit === void 0 ? void 0 : (o) => {
-        o.preventDefault(), e.onSubmit !== void 0 && Je(e.record) && e.onSubmit(e.record);
+      onSubmit: e.onSubmit === void 0 ? void 0 : (a) => {
+        a.preventDefault(), e.onSubmit !== void 0 && Pt(e.record) && e.onSubmit(e.record);
       },
-      children: /* @__PURE__ */ t.jsxs(ee, { gap: "sm", className: e.className, style: e.styles, children: [
-        n,
-        /* @__PURE__ */ t.jsx(A, { gap: "sm", children: e.actions.map((o, r) => /* @__PURE__ */ t.jsx(
-          D,
+      children: /* @__PURE__ */ i.jsxs(pe, { 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,
           {
-            variant: o.variant,
+            variant: a.variant,
             onClick: () => {
-              o.onClick !== void 0 && o.onClick();
+              a.onClick !== void 0 && a.onClick();
             },
-            disabled: o.disabled,
-            children: o.label
+            disabled: a.disabled,
+            children: a.label
           },
           r
         )) })
@@ -1376,203 +2644,203 @@ const Me = 12, rr = (e) => {
     }
   );
 };
-function bn(e, s, n, o, r, i, a) {
-  const c = r.fields, d = [];
-  for (let m = 0; m < c.length; m++) {
-    const y = Me / c[m].length;
-    if (!Number.isInteger(y))
-      throw new Error(`Span must be an integer, but got ${y} for row ${m}`);
-    let x;
-    a !== void 0 && typeof a == "object" && a.type === "horizontal" ? x = {
-      ...a,
+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;
+    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 = {
+      ...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
       // but this is okay as users will need to adjust the layout anyway.
       labelCol: Math.floor(
-        a.labelCol * c[m].length / i
+        l.labelCol * s[d].length / o
       ),
-      itemCol: Me - Math.floor(a.labelCol * c[m].length / i)
-    } : x = a;
-    for (let g = 0; g < c[m].length; g++) {
-      const v = c[m][g], u = e.allProperties[v];
-      let C;
-      if (W(u))
-        C = u.cardinality === "N:N" || u.cardinality === "1:N" ? dn : cn;
+      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;
       else {
-        if (ze[u.datatype] === void 0)
+        if (vt[b.datatype] === void 0)
           throw new Error(
-            `No input component found for datatype ${u.datatype}`
+            `No input component found for datatype ${b.datatype}`
           );
-        C = ze[u.datatype];
+        j = vt[b.datatype];
       }
-      d.push(
-        /* @__PURE__ */ t.jsx(I.Col, { span: y, children: /* @__PURE__ */ t.jsx(
-          jn,
+      u.push(
+        /* @__PURE__ */ i.jsx(_.Col, { span: g, children: /* @__PURE__ */ i.jsx(
+          Ca,
           {
-            store: s,
-            record: n,
-            property: u,
-            layout: x,
-            InputComponent: C,
-            validator: e.validators[v]
+            store: n,
+            record: t,
+            property: b,
+            layout: p,
+            InputComponent: j,
+            validator: e.validators[x]
           }
-        ) }, `${m}-${g}`)
+        ) }, `${d}-${f}`)
       );
     }
   }
-  const h = /* @__PURE__ */ t.jsx(I, { gutter: "sm", children: d }, o);
-  return r.name !== void 0 ? /* @__PURE__ */ t.jsx(St, { legend: r.name, children: h }, o) : h;
+  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 nt = ({
+const Qt = ({
   actions: e,
-  reloadData: s,
-  selectedRowKeys: n,
-  size: o = "xs"
-}) => /* @__PURE__ */ t.jsxs(A, { gap: o, children: [
-  (e == null ? void 0 : e.add) && /* @__PURE__ */ t.jsx(
-    D,
+  reloadData: n,
+  selectedRowKeys: t,
+  size: a = "xs"
+}) => /* @__PURE__ */ i.jsxs(D, { gap: a, children: [
+  (e == null ? void 0 : e.add) && /* @__PURE__ */ i.jsx(
+    B,
     {
       variant: "light",
-      leftSection: /* @__PURE__ */ t.jsx(Et, { size: 16, stroke: 1.5 }),
-      size: o,
+      leftSection: /* @__PURE__ */ i.jsx(Cn, { size: 16, stroke: 1.5 }),
+      size: a,
       onClick: e.add,
       children: "Add"
     }
   ),
-  (e == null ? void 0 : e.edit) && /* @__PURE__ */ t.jsx(
-    D,
+  (e == null ? void 0 : e.edit) && /* @__PURE__ */ i.jsx(
+    B,
     {
-      leftSection: /* @__PURE__ */ t.jsx(It, { size: 16, stroke: 1.5 }),
-      size: o,
+      leftSection: /* @__PURE__ */ i.jsx(Rn, { size: 16, stroke: 1.5 }),
+      size: a,
       variant: "light",
-      onClick: () => e.edit !== void 0 && e.edit(n[0]),
-      disabled: n.length !== 1,
+      onClick: () => e.edit !== void 0 && e.edit(t[0]),
+      disabled: t.length !== 1,
       children: "Edit"
     }
   ),
-  (e == null ? void 0 : e.reload) && /* @__PURE__ */ t.jsx(
-    D,
+  (e == null ? void 0 : e.reload) && /* @__PURE__ */ i.jsx(
+    B,
     {
-      leftSection: /* @__PURE__ */ t.jsx(_t, { size: 16, stroke: 1.5 }),
-      size: o,
-      onClick: s,
+      leftSection: /* @__PURE__ */ i.jsx(En, { size: 16, stroke: 1.5 }),
+      size: a,
+      onClick: n,
       variant: "light",
       children: "Reload"
     }
   ),
-  (e == null ? void 0 : e.import) && /* @__PURE__ */ t.jsx(
-    D,
+  (e == null ? void 0 : e.import) && /* @__PURE__ */ i.jsx(
+    B,
     {
-      leftSection: /* @__PURE__ */ t.jsx(Ft, { size: 16, stroke: 1.5 }),
-      size: o,
+      leftSection: /* @__PURE__ */ i.jsx(kn, { size: 16, stroke: 1.5 }),
+      size: a,
       variant: "light",
       onClick: e.import,
       children: "Import"
     }
   ),
-  (e == null ? void 0 : e.export) && /* @__PURE__ */ t.jsx(
-    D,
+  (e == null ? void 0 : e.export) && /* @__PURE__ */ i.jsx(
+    B,
     {
-      leftSection: /* @__PURE__ */ t.jsx(At, { size: 16, stroke: 1.5 }),
-      size: o,
+      leftSection: /* @__PURE__ */ i.jsx(Tn, { size: 16, stroke: 1.5 }),
+      size: a,
       variant: "light",
       onClick: e.export,
       children: "Export"
     }
   )
-] }), rt = (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), yn = "__selectcol__", { Thead: pn, Tr: $e, Th: Sn, Tbody: wn, Td: Cn } = Ve, ot = (e) => {
-  const s = /* @__PURE__ */ t.jsxs(
-    Ve,
+] }), 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) => {
+  const n = /* @__PURE__ */ i.jsxs(
+    kt,
     {
       striped: !0,
       highlightOnHover: !0,
       verticalSpacing: "xs",
       tabularNums: !0,
       children: [
-        /* @__PURE__ */ t.jsx(pn, { children: e.table.getHeaderGroups().map((o) => /* @__PURE__ */ t.jsx($e, { children: o.headers.map((r) => /* @__PURE__ */ t.jsx(
-          Sn,
+        /* @__PURE__ */ i.jsx(Ta, { children: e.table.getHeaderGroups().map((a) => /* @__PURE__ */ i.jsx(wt, { children: a.headers.map((r) => /* @__PURE__ */ i.jsx(
+          Na,
           {
-            w: r.id === yn ? "1%" : void 0,
-            children: r.isPlaceholder ? null : Ie(
+            w: r.id === ka ? "1%" : void 0,
+            children: r.isPlaceholder ? null : st(
               r.column.columnDef.header,
               r.getContext()
             )
           },
           r.id
-        )) }, o.id)) }),
-        /* @__PURE__ */ t.jsx(wn, { pos: "relative", children: e.table.getRowModel().rows.map((o) => /* @__PURE__ */ t.jsx(
-          $e,
+        )) }, a.id)) }),
+        /* @__PURE__ */ i.jsx(Pa, { pos: "relative", children: e.table.getRowModel().rows.map((a) => /* @__PURE__ */ i.jsx(
+          wt,
           {
-            bg: e.selectedRowKeys[o.id] ? "var(--mantine-color-blue-light)" : void 0,
-            children: o.getVisibleCells().map((r) => /* @__PURE__ */ t.jsx(Cn, { children: Ie(r.column.columnDef.cell, r.getContext()) }, r.id))
+            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))
           },
-          o.id
+          a.id
         )) })
       ]
     }
   );
-  if (!e.bordered) return s;
-  const n = {};
-  return e.hasTopSection && (n.borderTopLeftRadius = 0, n.borderTopRightRadius = 0), e.hasBottomSection && (n.borderBottomLeftRadius = 0, n.borderBottomRightRadius = 0), /* @__PURE__ */ t.jsx(U, { withBorder: !0, p: 0, style: n, children: s });
-}, Rn = "_pageSizeSelectorActive_1wv6j_1", Tn = {
-  pageSizeSelectorActive: Rn
-}, st = ({
+  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 });
+}, La = "_pageSizeSelectorActive_1wv6j_1", Fa = {
+  pageSizeSelectorActive: La
+}, nn = ({
   total: e,
-  pageIndex: s,
-  pageSize: n,
-  allowPageSizeChange: o = !0,
+  pageIndex: n,
+  pageSize: t,
+  allowPageSizeChange: a = !0,
   onUpdatePagination: r
 }) => {
-  const i = /* @__PURE__ */ t.jsx(
-    wt,
+  const o = /* @__PURE__ */ i.jsx(
+    vn,
     {
       size: "sm",
       total: e,
-      value: s + 1,
-      onChange: (a) => r(a - 1, n)
+      value: n + 1,
+      onChange: (l) => r(l - 1, t)
     }
   );
-  return o ? /* @__PURE__ */ t.jsxs(A, { gap: "sm", children: [
-    /* @__PURE__ */ t.jsxs("div", { children: [
-      /* @__PURE__ */ t.jsx(p, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
-      /* @__PURE__ */ t.jsx(
-        kn,
+  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(
+        _a,
         {
           size: "sm",
           values: ["10", "20", "50", "100"],
-          value: n.toString(),
-          onChange: (a) => {
-            r(0, parseInt(a, 10));
+          value: t.toString(),
+          onChange: (l) => {
+            r(0, parseInt(l, 10));
           }
         }
       )
     ] }),
-    i
-  ] }) : i;
-}, qe = {
-  xs: J(22),
-  sm: J(26),
-  md: J(32),
-  lg: J(38),
-  xl: J(44)
+    o
+  ] }) : o;
+}, jt = {
+  xs: de(22),
+  sm: de(26),
+  md: de(32),
+  lg: de(38),
+  xl: de(44)
 };
-function kn({
+function _a({
   size: e,
-  values: s,
-  value: n,
-  onChange: o
+  values: n,
+  value: t,
+  onChange: a
 }) {
-  return /* @__PURE__ */ t.jsxs(G, { withinPortal: !0, withArrow: !0, offset: 2, children: [
-    /* @__PURE__ */ t.jsx(Ct, { children: /* @__PURE__ */ t.jsx(
-      D,
+  return /* @__PURE__ */ i.jsxs(ie, { withinPortal: !0, withArrow: !0, offset: 2, children: [
+    /* @__PURE__ */ i.jsx(yn, { children: /* @__PURE__ */ i.jsx(
+      B,
       {
         size: e,
         variant: "default",
-        rightSection: /* @__PURE__ */ t.jsx(Ot, { size: 16, stroke: 1.5 }),
+        rightSection: /* @__PURE__ */ i.jsx(Nn, { size: 16, stroke: 1.5 }),
         style: [
           { fontWeight: "normal" },
           (r) => ({
-            height: qe[e],
+            height: jt[e],
             paddingLeft: r.spacing[e],
             paddingRight: r.spacing[e]
           })
@@ -1582,17 +2850,17 @@ function kn({
             marginInlineStart: 2
           }
         },
-        children: n
+        children: t
       }
     ) }),
-    /* @__PURE__ */ t.jsx(Rt, { children: s.map((r) => {
-      const i = r === n;
-      return /* @__PURE__ */ t.jsx(
-        Tt,
+    /* @__PURE__ */ i.jsx(bn, { children: n.map((r) => {
+      const o = r === t;
+      return /* @__PURE__ */ i.jsx(
+        wn,
         {
-          className: i ? Tn.pageSizeSelectorActive : void 0,
+          className: o ? Fa.pageSizeSelectorActive : void 0,
           style: [
-            { height: qe[e] }
+            { height: jt[e] }
             // isCurrent
             //   ? {
             //       color: "var(--mantine-color-text)",
@@ -1601,118 +2869,118 @@ function kn({
             //     }
             //   : undefined,
           ],
-          disabled: i,
-          onClick: () => o(r),
-          children: /* @__PURE__ */ t.jsx(p, { component: "div", size: e, children: r })
+          disabled: o,
+          onClick: () => a(r),
+          children: /* @__PURE__ */ i.jsx(R, { component: "div", size: e, children: r })
         },
         r
       );
     }) })
   ] });
 }
-const Nn = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), or = (e) => {
-  var O, P;
-  const [s, n] = _({
+const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
+  var w, y;
+  const [n, t] = $({
     records: [],
     total: 0
-  }), [o, r] = _(!1), [i, a] = _(
+  }), [a, r] = $(!1), [o, l] = $(
     {}
-  ), c = (f) => {
-    r(!0), e.getData(f).then((b) => {
-      n(b), r(!1);
+  ), s = (v) => {
+    r(!0), e.getData(v).then((C) => {
+      t(C), r(!1);
     });
-  }, d = (f, b) => {
-    const R = {
+  }, u = (v, C) => {
+    const T = {
       ...e.query.query,
-      limit: b,
-      offset: f * b
+      limit: C,
+      offset: v * C
     };
-    e.query.update(R);
-  }, [h, m, y] = S(() => {
-    const f = e.query.query.limit, b = Math.floor(
+    e.query.update(T);
+  }, [c, d, g] = E(() => {
+    const v = e.query.query.limit, C = Math.floor(
       (e.query.query.offset || 0) / e.query.query.limit
-    ), R = Math.ceil(s.total / e.query.query.limit);
-    return [f, b, R];
-  }, [e.query.query.limit, e.query.query.offset, s.total]);
-  ce(() => (s.total == 0 && c(e.query.query), e.query.subscribe(c)), [e.query]);
-  const x = S(() => Object.keys(i).filter((f) => i[f]).map((f) => e.normalizeRowId(f)), [i]);
-  let g, v;
-  rt(e.actions) && (g = /* @__PURE__ */ t.jsx(
-    nt,
+    ), T = Math.ceil(n.total / e.query.query.limit);
+    return [v, C, T];
+  }, [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,
     {
       actions: e.actions,
-      reloadData: () => c(e.query.query),
-      selectedRowKeys: x
+      reloadData: () => s(e.query.query),
+      selectedRowKeys: p
     }
   ));
-  const u = ((O = e.pagination) == null ? void 0 : O.positions) || Nn;
-  if (u.size > 0) {
-    const f = /* @__PURE__ */ t.jsx(
-      st,
+  const b = ((w = e.pagination) == null ? void 0 : w.positions) || $a;
+  if (b.size > 0) {
+    const v = /* @__PURE__ */ i.jsx(
+      nn,
       {
-        total: y,
-        pageIndex: m,
-        pageSize: h,
-        onUpdatePagination: d,
-        allowPageSizeChange: (P = e.pagination) == null ? void 0 : P.showSizeChanger
+        total: g,
+        pageIndex: d,
+        pageSize: c,
+        onUpdatePagination: u,
+        allowPageSizeChange: (y = e.pagination) == null ? void 0 : y.showSizeChanger
       }
     );
-    u.has("topRight") && (g !== void 0 ? g = /* @__PURE__ */ t.jsxs(A, { justify: "space-between", gap: "sm", children: [
-      g,
-      f
-    ] }) : g = /* @__PURE__ */ t.jsx(z, { justify: "flex-end", children: f })), (u.has("bottomRight") || u.has("bottomLeft") || u.has("bottomCenter")) && (u.has("bottomLeft") ? v = /* @__PURE__ */ t.jsxs(z, { justify: "space-between", align: "center", children: [
+    b.has("topRight") && (f !== void 0 ? f = /* @__PURE__ */ i.jsxs(D, { justify: "space-between", gap: "sm", children: [
       f,
-      /* @__PURE__ */ t.jsxs(p, { size: "sm", c: "dimmed", children: [
+      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: [
         "Showing ",
-        m * h + 1,
+        d * c + 1,
         " to",
         " ",
-        Math.min((m + 1) * h, s.total),
+        Math.min((d + 1) * c, n.total),
         " of ",
-        s.total,
+        n.total,
         " ",
         "records"
       ] })
-    ] }) : v = /* @__PURE__ */ t.jsxs(z, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ t.jsxs(p, { size: "sm", c: "dimmed", children: [
+    ] }) : x = /* @__PURE__ */ i.jsxs(z, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(R, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        m * h + 1,
+        d * c + 1,
         " to",
         " ",
-        Math.min((m + 1) * h, s.total),
+        Math.min((d + 1) * c, n.total),
         " of ",
-        s.total,
+        n.total,
         " ",
         "records"
       ] }),
-      f
+      v
     ] }));
   }
-  const C = S(() => /* @__PURE__ */ t.jsx(
-    En,
+  const j = E(() => /* @__PURE__ */ i.jsx(
+    Aa,
     {
-      data: s,
-      loading: o,
+      data: n,
+      loading: a,
       columns: e.columns,
       getRowId: e.getRowId,
-      selectedRowKeys: i,
-      setSelectedRowKeys: a,
-      hasTopSection: g !== void 0,
-      hasBottomSection: v !== void 0
+      selectedRowKeys: o,
+      setSelectedRowKeys: l,
+      hasTopSection: f !== void 0,
+      hasBottomSection: x !== void 0
     }
   ), [
-    s,
-    o,
+    n,
+    a,
     e.columns,
     e.getRowId,
-    i,
-    a,
-    g !== void 0,
-    v !== void 0
+    o,
+    l,
+    f !== void 0,
+    x !== void 0
   ]);
-  return g === void 0 || v === void 0 ? C : /* @__PURE__ */ t.jsxs("div", { children: [
-    g !== void 0 && /* @__PURE__ */ t.jsx(
-      U,
+  return f === void 0 || x === void 0 ? j : /* @__PURE__ */ i.jsxs("div", { children: [
+    f !== void 0 && /* @__PURE__ */ i.jsx(
+      te,
       {
         withBorder: !0,
         p: "xs",
@@ -1721,12 +2989,12 @@ const Nn = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), or = (e) => {
           borderBottomRightRadius: 0,
           borderBottom: "none"
         },
-        children: g
+        children: f
       }
     ),
-    C,
-    v !== void 0 && /* @__PURE__ */ t.jsx(
-      U,
+    j,
+    x !== void 0 && /* @__PURE__ */ i.jsx(
+      te,
       {
         withBorder: !0,
         p: "xs",
@@ -1735,25 +3003,25 @@ const Nn = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), or = (e) => {
           borderTopRightRadius: 0,
           borderTop: "none"
         },
-        children: v
+        children: x
       }
     )
   ] });
-}, En = (e) => {
-  const s = S(() => {
-    const o = [
+}, Aa = (e) => {
+  const n = E(() => {
+    const a = [
       {
         id: "selection",
-        header: ({ table: r }) => /* @__PURE__ */ t.jsx(
-          Q,
+        header: ({ table: r }) => /* @__PURE__ */ i.jsx(
+          ge,
           {
             checked: r.getIsAllRowsSelected(),
             indeterminate: r.getIsSomeRowsSelected(),
             onChange: r.getToggleAllRowsSelectedHandler()
           }
         ),
-        cell: ({ row: r }) => /* @__PURE__ */ t.jsx(
-          Q,
+        cell: ({ row: r }) => /* @__PURE__ */ i.jsx(
+          ge,
           {
             checked: r.getIsSelected(),
             disabled: !r.getCanSelect(),
@@ -1763,29 +3031,29 @@ const Nn = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), or = (e) => {
       }
     ];
     return e.columns.forEach((r) => {
-      o.push({
+      a.push({
         id: r.key,
         header: r.title,
         accessorFn: r.render,
-        cell: ({ row: i }) => r.render(i.original)
+        cell: ({ row: o }) => r.render(o.original)
       });
-    }), o;
-  }, [e.columns]), n = Ze({
+    }), a;
+  }, [e.columns]), t = It({
     data: e.data.records,
-    columns: s,
-    getCoreRowModel: Xe(),
+    columns: n,
+    getCoreRowModel: Lt(),
     // convert to string, but we actually can get away with number
-    getRowId: (o) => e.getRowId(o).toString(),
+    getRowId: (a) => e.getRowId(a).toString(),
     state: {
       rowSelection: e.selectedRowKeys
     },
     onRowSelectionChange: e.setSelectedRowKeys,
     manualPagination: !0
   });
-  return /* @__PURE__ */ t.jsx(
-    ot,
+  return /* @__PURE__ */ i.jsx(
+    tn,
     {
-      table: n,
+      table: t,
       selectedRowKeys: e.selectedRowKeys,
       bordered: !0,
       hasTopSection: e.hasTopSection,
@@ -1793,195 +3061,195 @@ const Nn = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), or = (e) => {
     }
   );
 };
-function it(e, s, n, {
-  title: o,
+function rn(e, n, t, {
+  title: a,
   nestedKey: r,
-  component: i
+  component: o
 } = {}) {
-  let a;
-  if (i !== void 0)
-    a = i;
-  else if (W(n))
-    n.cardinality === "1:N" || n.cardinality === "N:N" ? a = ue : a = de;
+  let l;
+  if (o !== void 0)
+    l = o;
+  else if (ue(t))
+    t.cardinality === "1:N" || t.cardinality === "N:N" ? l = Fe : l = Le;
   else {
-    if (K[n.datatype] === void 0)
+    if (X[t.datatype] === void 0)
       throw new Error(
-        `No display component found for datatype ${n.datatype}`
+        `No display component found for datatype ${t.datatype}`
       );
-    a = K[n.datatype];
+    l = X[t.datatype];
   }
-  const c = {
-    key: n.name,
-    title: o || /* @__PURE__ */ t.jsx(F, { value: n.label }),
-    accessorFn: (d) => d[n.tsName],
-    render: (d) => {
-      const h = d[n.tsName];
-      return /* @__PURE__ */ t.jsx(
-        a,
+  const s = {
+    key: t.name,
+    title: a || /* @__PURE__ */ i.jsx(O, { value: t.label }),
+    accessorFn: (u) => u[t.tsName],
+    render: (u) => {
+      const c = u[t.tsName];
+      return /* @__PURE__ */ i.jsx(
+        l,
         {
           db: e,
-          property: n,
-          value: h,
-          entityRoutes: s
+          property: t,
+          value: c,
+          entityRoutes: n
         }
       );
     }
   };
-  return r !== void 0 && (c.accessorFn = (d) => d[r][n.tsName], c.render = (d) => {
-    const h = d[r][n.tsName];
-    return /* @__PURE__ */ t.jsx(
-      a,
+  return r !== void 0 && (s.accessorFn = (u) => u[r][t.tsName], s.render = (u) => {
+    const c = u[r][t.tsName];
+    return /* @__PURE__ */ i.jsx(
+      l,
       {
         db: e,
-        property: n,
-        value: h,
-        entityRoutes: s
+        property: t,
+        value: c,
+        entityRoutes: n
       }
     );
-  }), c;
+  }), s;
 }
-function sr(e, s, n, o, {
+function ho(e, n, t, a, {
   title: r,
-  nestedKey: i,
-  component: a
+  nestedKey: o,
+  component: l
 } = {}) {
-  let c;
-  if (a !== void 0)
-    c = a;
-  else if (W(o))
-    o.cardinality === "1:N" || o.cardinality === "N:N" ? c = ue : c = de;
+  let s;
+  if (l !== void 0)
+    s = l;
+  else if (ue(a))
+    a.cardinality === "1:N" || a.cardinality === "N:N" ? s = Fe : s = Le;
   else {
-    if (K[o.datatype] === void 0)
+    if (X[a.datatype] === void 0)
       throw new Error(
-        `No display component found for datatype ${o.datatype}`
+        `No display component found for datatype ${a.datatype}`
       );
-    c = K[o.datatype];
+    s = X[a.datatype];
   }
-  const d = {
-    key: n + "." + o.name,
-    title: r || /* @__PURE__ */ t.jsx(F, { value: o.label }),
-    accessorFn: (h) => h[n.tsName][o.tsName],
-    render: (h) => {
-      const m = h[n.tsName][o.tsName];
-      return /* @__PURE__ */ t.jsx(
-        c,
+  const u = {
+    key: t + "." + a.name,
+    title: r || /* @__PURE__ */ i.jsx(O, { value: a.label }),
+    accessorFn: (c) => c[t.tsName][a.tsName],
+    render: (c) => {
+      const d = c[t.tsName][a.tsName];
+      return /* @__PURE__ */ i.jsx(
+        s,
         {
           db: e,
-          property: o,
-          value: m,
-          entityRoutes: s
+          property: a,
+          value: d,
+          entityRoutes: n
         }
       );
     }
   };
-  return i !== void 0 && (d.accessorFn = (h) => h[i][n.tsName][o.tsName], d.render = (h) => {
-    const m = h[i][n.tsName][o.tsName];
-    return /* @__PURE__ */ t.jsx(
-      c,
+  return o !== void 0 && (u.accessorFn = (c) => c[o][t.tsName][a.tsName], u.render = (c) => {
+    const d = c[o][t.tsName][a.tsName];
+    return /* @__PURE__ */ i.jsx(
+      s,
       {
         db: e,
-        property: o,
-        value: m,
-        entityRoutes: s
+        property: a,
+        value: d,
+        entityRoutes: n
       }
     );
-  }), d;
+  }), u;
 }
-function ir(e, s, n, o, r = {}) {
-  return o.map((i) => at(i) ? i : it(
+function mo(e, n, t, a, r = {}) {
+  return a.map((o) => an(o) ? o : rn(
     e,
-    n,
-    s.publicProperties[i],
+    t,
+    n.publicProperties[o],
     r
   ));
 }
-function ar(e, s, n, o = [], r = {}) {
-  return o.map((i) => at(i) ? i : it(
+function go(e, n, t, a = [], r = {}) {
+  return a.map((o) => an(o) ? o : rn(
     e,
-    n,
-    s.publicProperties[i],
+    t,
+    n.publicProperties[o],
     r
   ));
 }
-function at(e) {
+function an(e) {
   return typeof e == "object" && "key" in e && "title" in e;
 }
-const In = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), lr = (e) => {
-  var m, y;
-  const [s, n] = _(
+const Oa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
+  var d, g;
+  const [n, t] = $(
     {}
-  ), o = S(() => {
-    const x = [
+  ), a = E(() => {
+    const p = [
       {
         id: "selection",
-        header: ({ table: g }) => /* @__PURE__ */ t.jsx(
-          Q,
+        header: ({ table: f }) => /* @__PURE__ */ i.jsx(
+          ge,
           {
-            checked: g.getIsAllRowsSelected(),
-            indeterminate: g.getIsSomeRowsSelected(),
-            onChange: g.getToggleAllRowsSelectedHandler()
+            checked: f.getIsAllRowsSelected(),
+            indeterminate: f.getIsSomeRowsSelected(),
+            onChange: f.getToggleAllRowsSelectedHandler()
           }
         ),
-        cell: ({ row: g }) => /* @__PURE__ */ t.jsx(
-          Q,
+        cell: ({ row: f }) => /* @__PURE__ */ i.jsx(
+          ge,
           {
-            checked: g.getIsSelected(),
-            disabled: !g.getCanSelect(),
-            onChange: g.getToggleSelectedHandler()
+            checked: f.getIsSelected(),
+            disabled: !f.getCanSelect(),
+            onChange: f.getToggleSelectedHandler()
           }
         )
       }
     ];
-    return e.columns.forEach((g) => {
-      x.push({
-        id: g.key,
-        header: g.title,
-        accessorFn: g.render,
-        cell: ({ row: v }) => g.render(v.original)
+    return e.columns.forEach((f) => {
+      p.push({
+        id: f.key,
+        header: f.title,
+        accessorFn: f.render,
+        cell: ({ row: x }) => f.render(x.original)
       });
-    }), x;
-  }, [e.columns]), r = Ze({
+    }), p;
+  }, [e.columns]), r = It({
     data: e.data,
-    columns: o,
-    getCoreRowModel: Xe(),
-    getPaginationRowModel: zt(),
+    columns: a,
+    getCoreRowModel: Lt(),
+    getPaginationRowModel: In(),
     state: {
-      rowSelection: s
+      rowSelection: n
     },
-    onRowSelectionChange: n
-  }), i = S(() => Object.keys(s).filter((x) => s[x]).map(Number), [s]);
-  let a, c;
-  rt(e.actions) && (a = /* @__PURE__ */ t.jsx(
-    nt,
+    onRowSelectionChange: t
+  }), o = E(() => Object.keys(n).filter((p) => n[p]).map(Number), [n]);
+  let l, s;
+  en(e.actions) && (l = /* @__PURE__ */ i.jsx(
+    Qt,
     {
       actions: e.actions,
-      selectedRowKeys: i
+      selectedRowKeys: o
     }
   ));
-  const d = ((m = e.pagination) == null ? void 0 : m.positions) || In;
-  if (d.size > 0) {
-    const x = r.getState().pagination, g = /* @__PURE__ */ t.jsx(
-      st,
+  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,
       {
         total: r.getPageCount(),
-        pageIndex: x.pageIndex,
-        pageSize: x.pageSize,
-        onUpdatePagination: (v, u) => r.setPagination({ pageIndex: v, pageSize: u }),
-        allowPageSizeChange: (y = e.pagination) == null ? void 0 : y.showSizeChanger
+        pageIndex: p.pageIndex,
+        pageSize: p.pageSize,
+        onUpdatePagination: (x, b) => r.setPagination({ pageIndex: x, pageSize: b }),
+        allowPageSizeChange: (g = e.pagination) == null ? void 0 : g.showSizeChanger
       }
     );
-    d.has("topRight") && (a !== void 0 ? a = /* @__PURE__ */ t.jsxs(A, { justify: "space-between", gap: "sm", children: [
-      a,
-      g
-    ] }) : a = /* @__PURE__ */ t.jsx(z, { justify: "flex-end", children: g })), (d.has("bottomRight") || d.has("bottomLeft") || d.has("bottomCenter")) && (d.has("bottomLeft") ? c = /* @__PURE__ */ t.jsxs(z, { justify: "space-between", align: "center", children: [
-      g,
-      /* @__PURE__ */ t.jsxs(p, { size: "sm", c: "dimmed", children: [
+    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: [
         "Showing ",
-        x.pageIndex * x.pageSize + 1,
+        p.pageIndex * p.pageSize + 1,
         " to",
         " ",
         Math.min(
-          (x.pageIndex + 1) * x.pageSize,
+          (p.pageIndex + 1) * p.pageSize,
           e.data.length
         ),
         " ",
@@ -1989,14 +3257,14 @@ const In = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), lr = (e) => {
         e.data.length,
         " records"
       ] })
-    ] }) : c = /* @__PURE__ */ t.jsxs(z, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ t.jsxs(p, { size: "sm", c: "dimmed", children: [
+    ] }) : s = /* @__PURE__ */ i.jsxs(z, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(R, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        x.pageIndex * x.pageSize + 1,
+        p.pageIndex * p.pageSize + 1,
         " to",
         " ",
         Math.min(
-          (x.pageIndex + 1) * x.pageSize,
+          (p.pageIndex + 1) * p.pageSize,
           e.data.length
         ),
         " ",
@@ -2004,22 +3272,22 @@ const In = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), lr = (e) => {
         e.data.length,
         " records"
       ] }),
-      g
+      f
     ] }));
   }
-  const h = /* @__PURE__ */ t.jsx(
-    ot,
+  const c = /* @__PURE__ */ i.jsx(
+    tn,
     {
-      selectedRowKeys: s,
+      selectedRowKeys: n,
       table: r,
       bordered: !0,
-      hasTopSection: a !== void 0,
-      hasBottomSection: c !== void 0
+      hasTopSection: l !== void 0,
+      hasBottomSection: s !== void 0
     }
   );
-  return a === void 0 && c === void 0 ? h : /* @__PURE__ */ t.jsxs("div", { children: [
-    a !== void 0 && /* @__PURE__ */ t.jsx(
-      U,
+  return l === void 0 && s === void 0 ? c : /* @__PURE__ */ i.jsxs("div", { children: [
+    l !== void 0 && /* @__PURE__ */ i.jsx(
+      te,
       {
         withBorder: !0,
         p: "xs",
@@ -2028,12 +3296,12 @@ const In = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), lr = (e) => {
           borderBottomRightRadius: 0,
           borderBottom: "none"
         },
-        children: a
+        children: l
       }
     ),
-    h,
-    c !== void 0 && /* @__PURE__ */ t.jsx(
-      U,
+    c,
+    s !== void 0 && /* @__PURE__ */ i.jsx(
+      te,
       {
         withBorder: !0,
         p: "xs",
@@ -2042,206 +3310,208 @@ const In = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), lr = (e) => {
           borderTopRightRadius: 0,
           borderTop: "none"
         },
-        children: c
+        children: s
       }
     )
   ] });
-}, Ke = B(
+}, St = Z(
   ({
     store: e,
-    record: s,
-    property: n,
-    DisplayComponent: o,
+    record: n,
+    property: t,
+    DisplayComponent: a,
     entityRoutes: r
   }) => {
-    const i = s[n.tsName];
-    return /* @__PURE__ */ t.jsxs("div", { children: [
-      /* @__PURE__ */ t.jsx(p, { size: "sm", fw: 550, children: /* @__PURE__ */ t.jsx(F, { value: n.label }) }),
-      /* @__PURE__ */ t.jsx(
-        o,
+    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(
+        a,
         {
           db: e.db,
           entityRoutes: r,
-          property: n,
-          value: i
+          property: t,
+          value: o
         }
       )
     ] });
   }
-), _n = B(
+), Da = Z(
   ({
     store: e,
-    record: s,
-    properties: n,
-    DisplayComponent: o,
+    record: n,
+    properties: t,
+    DisplayComponent: a,
     entityRoutes: r
   }) => {
-    const i = n[n.length - 1], a = n.reduce((c, d) => {
-      if (c != null)
-        return c[d.tsName];
-    }, s);
-    return /* @__PURE__ */ t.jsxs("div", { children: [
-      /* @__PURE__ */ t.jsx(p, { size: "sm", fw: 550, children: /* @__PURE__ */ t.jsx(F, { value: i.label }) }),
-      a !== void 0 && /* @__PURE__ */ t.jsx(
-        o,
+    const o = t[t.length - 1], l = t.reduce((s, u) => {
+      if (s != null)
+        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 }) }),
+      l !== void 0 && /* @__PURE__ */ i.jsx(
+        a,
         {
           db: e.db,
-          property: i,
-          value: a,
+          property: o,
+          value: l,
           entityRoutes: r
         }
       )
     ] });
   }
-), Fn = 12, An = (e) => {
-  const s = e.schema, n = S(() => e.fieldGroups.map((o, r) => On(
-    s,
+), Ma = 12, za = (e) => {
+  const n = e.schema, t = E(() => e.fieldGroups.map((a, r) => Ba(
+    n,
     e.store,
     e.record,
     r,
-    o,
+    a,
     e.entityRoutes
-  )), [s, e.store, e.record, e.fieldGroups]);
-  return /* @__PURE__ */ t.jsx(ee, { gap: "sm", className: e.className, style: e.styles, children: n });
+  )), [n, e.store, e.record, e.fieldGroups]);
+  return /* @__PURE__ */ i.jsx(pe, { gap: "sm", className: e.className, style: e.styles, children: t });
 };
-function On(e, s, n, o, r, i) {
-  const a = r.fields, c = [];
-  for (let d = 0; d < a.length; d++) {
-    const h = Fn / a[d].length;
-    if (!Number.isInteger(h))
-      throw new Error(`Span must be an integer, but got ${h} for row ${d}`);
-    for (let m = 0; m < a[d].length; m++) {
-      const y = a[d][m];
-      let x;
-      if (typeof y == "function")
-        x = y(s, n);
-      else if (typeof y == "object" && "prop" in y) {
-        const g = e.allProperties[y.prop], v = y.display;
-        x = /* @__PURE__ */ t.jsx(
-          Ke,
+function Ba(e, n, t, a, r, o) {
+  const l = r.fields, s = [];
+  for (let u = 0; u < l.length; u++) {
+    const c = Ma / l[u].length;
+    if (!Number.isInteger(c))
+      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;
+      if (typeof g == "function")
+        p = 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,
           {
-            store: s,
-            record: n,
-            property: g,
-            DisplayComponent: v,
-            entityRoutes: i
+            store: n,
+            record: t,
+            property: f,
+            DisplayComponent: x,
+            entityRoutes: o
           }
         );
       } else {
-        const g = e.allProperties[y];
-        let v;
-        if (W(g))
-          v = g.cardinality === "N:N" || g.cardinality === "1:N" ? ue : de;
+        const f = e.allProperties[g];
+        let x;
+        if (ue(f))
+          x = f.cardinality === "N:N" || f.cardinality === "1:N" ? Fe : Le;
         else {
-          if (K[g.datatype] === void 0)
+          if (X[f.datatype] === void 0)
             throw new Error(
-              `No display component found for datatype ${g.datatype}`
+              `No display component found for datatype ${f.datatype}`
             );
-          v = K[g.datatype];
+          x = X[f.datatype];
         }
-        x = /* @__PURE__ */ t.jsx(
-          Ke,
+        p = /* @__PURE__ */ i.jsx(
+          St,
           {
-            store: s,
-            record: n,
-            property: g,
-            DisplayComponent: v,
-            entityRoutes: i
+            store: n,
+            record: t,
+            property: f,
+            DisplayComponent: x,
+            entityRoutes: o
           }
         );
       }
-      c.push(
-        /* @__PURE__ */ t.jsx(I.Col, { span: h, children: x }, `${d}-${m}`)
+      s.push(
+        /* @__PURE__ */ i.jsx(_.Col, { span: c, children: p }, `${u}-${d}`)
       );
     }
   }
-  return /* @__PURE__ */ t.jsx(I, { gutter: "sm", children: c }, o);
+  return /* @__PURE__ */ i.jsx(_, { gutter: "sm", children: s }, a);
 }
-function cr(e, s, n) {
-  const o = e[e.length - 1];
+function xo(e, n, t) {
+  const a = e[e.length - 1];
   let r;
-  if (n !== void 0)
-    r = n;
-  else if (W(o))
-    r = o.cardinality === "N:N" || o.cardinality === "1:N" ? ue : de;
+  if (t !== void 0)
+    r = t;
+  else if (ue(a))
+    r = a.cardinality === "N:N" || a.cardinality === "1:N" ? Fe : Le;
   else {
-    if (K[o.datatype] === void 0)
+    if (X[a.datatype] === void 0)
       throw new Error(
-        `No display component found for datatype ${o.datatype}`
+        `No display component found for datatype ${a.datatype}`
       );
-    r = K[o.datatype];
+    r = X[a.datatype];
   }
-  return (i, a) => /* @__PURE__ */ t.jsx(
-    _n,
+  return (o, l) => /* @__PURE__ */ i.jsx(
+    Da,
     {
-      store: i,
-      record: a,
+      store: o,
+      record: l,
       properties: e,
       DisplayComponent: r,
-      entityRoutes: s
+      entityRoutes: n
     }
   );
 }
-const dr = (e) => /* @__PURE__ */ t.jsxs(re, { defaultValue: e.fieldTabs[0].tabName, children: [
-  /* @__PURE__ */ t.jsx(re.List, { children: e.fieldTabs.map((s, n) => /* @__PURE__ */ t.jsx(re.Tab, { value: s.tabName, children: s.tabName }, n)) }),
-  e.fieldTabs.map((s, n) => /* @__PURE__ */ t.jsx(re.Panel, { value: s.tabName, pt: "sm", children: /* @__PURE__ */ t.jsx(
-    An,
+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(
+    za,
     {
       schema: e.schema,
       store: e.store,
       record: e.record,
-      fieldGroups: s.fieldGroups,
+      fieldGroups: n.fieldGroups,
       styles: e.tabStyles,
       className: e.tabClassName,
       entityRoutes: e.entityRoutes
     }
-  ) }, n))
+  ) }, t))
 ] });
 export {
-  ve as CountryFlagComponent,
-  Nn as DEFAULT_PAGINATION_POSITIONS,
-  ze as DataType2Component,
-  K as DataType2DisplayComponent,
-  Jt as DateDisplay,
-  Ht as DateTimeDisplay,
-  nr as DateTimeHideTimeDisplay,
-  Kt as EmojiCountryFlag,
-  jn as FormItem,
-  mn as FormItemLabel,
-  Vn as LanguageSelector,
-  Wn as Loading,
-  Hn as LoadingInline,
-  te as LocaleContext,
-  Un as LocaleProvider,
-  Vt as MenuTrie,
-  ue as MultiForeignKeyDisplay,
-  F as MultiLingualString,
-  Jn as NotAuthorized,
-  Gn as NotFound,
-  Qe as NotFoundInline,
-  Yn as NotFoundSubPage,
-  er as OrderedUniqueList,
-  Ut as Permission,
-  qt as SVGCountryFlag,
-  lr as SeraEmbeddedTable,
-  rr as SeraForm,
-  or as SeraTable,
-  tr as SeraVerticalMenu,
-  An as SeraView,
-  dr as SeraViewTab,
-  de as SingleForeignKeyDisplay,
-  et as Trie,
-  Oe as TrieNode,
-  Gt as buildMenuItemIndex,
-  T as countryFlags,
-  Wt as filterAllowedItems,
-  Zn as groupBy,
-  Xn as groupByAsList,
-  at as isSeraColumn,
-  ar as makeEmbeddedTableColumns,
-  cr as makeFieldDisplay,
-  it as makeTableColumn,
-  sr as makeTableColumnFromNestedProperty,
-  ir as makeTableColumns,
-  Qn as uniqueList
+  Be as CountryFlagComponent,
+  $a as DEFAULT_PAGINATION_POSITIONS,
+  vt as DataType2Component,
+  X as DataType2DisplayComponent,
+  aa as DateDisplay,
+  ra as DateTimeDisplay,
+  uo as DateTimeHideTimeDisplay,
+  An as EmojiCountryFlag,
+  Qe as ExternalComponentContext,
+  so as ExternalComponentProvider,
+  Ca as FormItem,
+  ja as FormItemLabel,
+  Xa as LanguageSelector,
+  eo as Loading,
+  to as LoadingInline,
+  xe as LocaleContext,
+  Ja as LocaleProvider,
+  na 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,
+  po as SeraEmbeddedTable,
+  co as SeraForm,
+  fo as SeraTable,
+  lo as SeraVerticalMenu,
+  za as SeraView,
+  vo as SeraViewTab,
+  Le as SingleForeignKeyDisplay,
+  Xt as Trie,
+  gt as TrieNode,
+  Qr as buildMenuItemIndex,
+  N as countryFlags,
+  ta as filterAllowedItems,
+  ro as groupBy,
+  ao as groupByAsList,
+  an as isSeraColumn,
+  go as makeEmbeddedTableColumns,
+  xo as makeFieldDisplay,
+  rn as makeTableColumn,
+  ho as makeTableColumnFromNestedProperty,
+  mo as makeTableColumns,
+  oo as uniqueList
 };