sera-components 1.1.10 → 1.1.11

package/dist/index.js

@@ -1,15 +1,16 @@
-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 on = Object.defineProperty;
+var ln = (e, n, t) => n in e ? on(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var X = (e, n, t) => ln(e, typeof n != "symbol" ? n + "" : n, t);
+import * as f from "react";
+import sn, { createContext as un, useContext as ke, useMemo as k, useState as _, useEffect as Te } from "react";
+import { Paper as re, Image as cn, Text as E, Menu as ie, Button as q, Container as dn, Alert as qe, Stack as ge, Flex as B, Loader as Re, NavLink as it, Checkbox as me, Group as D, Input as W, useCombobox as St, Combobox as F, Grid as A, InputBase as fn, PasswordInput as hn, CloseButton as mn, Divider as gn, Tooltip as Ct, Fieldset as pn, Table as Rt, rem as ce, Pagination as xn, MenuTarget as vn, MenuDropdown as yn, MenuItem as bn, Tabs as ve } from "@mantine/core";
+import { IconCheck as wn, IconInfoCircle as We, IconChevronRight as jn, IconSearch as Et, IconHelpOctagonFilled as kt, IconPlus as Sn, IconPencil as Cn, IconReload as Rn, IconDatabaseImport as En, IconDownload as kn, IconSelector as Tn } from "@tabler/icons-react";
+import { observer as ee } from "mobx-react-lite";
+import { isObjectProperty as se, isDraftRecord as Tt } from "sera-db";
+import { InternalLink as Nt } from "sera-route";
+import { IMaskInput as Nn } from "react-imask";
+import { flexRender as lt, useReactTable as Pt, getCoreRowModel as It, getPaginationRowModel as Pn } from "@tanstack/react-table";
+var ye = { exports: {} }, de = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -19,29 +20,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 st;
+function In() {
+  if (st) return de;
+  st = 1;
+  var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function t(a, r, o) {
+    var l = null;
+    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 de.Fragment = n, de.jsx = t, de.jsxs = t, de;
 }
-var X = {};
+var fe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -51,245 +52,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 ut;
+function Ln() {
+  return ut || (ut = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(m) {
+      if (m == null) return null;
+      if (typeof m == "function")
+        return m.$$typeof === G ? null : m.displayName || m.name || null;
+      if (typeof m == "string") return m;
+      switch (m) {
+        case h:
           return "Fragment";
-        case O:
+        case b:
           return "Profiler";
-        case C:
+        case j:
           return "StrictMode";
         case R:
           return "Suspense";
-        case ne:
+        case U:
           return "SuspenseList";
-        case lt:
+        case $:
           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) {
+        ), m.$$typeof) {
           case v:
             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 y:
+            return (m.displayName || "Context") + ".Provider";
+          case C:
+            return (m._context.displayName || "Context") + ".Consumer";
+          case w:
+            var S = m.render;
+            return m = m.displayName, m || (m = S.displayName || S.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
+          case M:
+            return S = m.displayName || null, S !== null ? S : e(m.type) || "Memo";
+          case ne:
+            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 T = S.error, I = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        return T.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 === h) return "<>";
+      if (typeof m == "object" && m !== null && m.$$typeof === ne)
         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 (et.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 T() {
+        tt || (tt = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          j
+          S
         ));
       }
-      w.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: w,
+      T.isReactWarning = !0, Object.defineProperty(m, "key", {
+        get: T,
         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 nt[m] || (nt[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, T, I, J, z, _e, $e) {
+      return T = z.ref, m = {
+        $$typeof: p,
+        type: m,
+        key: S,
+        props: z,
+        _owner: J
+      }, (T !== void 0 ? T : 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: $e
+      }), 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, T, I, J, z, _e, $e) {
+      var L = S.children;
+      if (L !== void 0)
+        if (I)
+          if (rn(L)) {
+            for (I = 0; I < L.length; I++)
+              x(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 x(L);
+      if (et.call(S, "key")) {
+        L = e(m);
+        var oe = Object.keys(S).filter(function(an) {
+          return an !== "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}", ot[L + I] || (oe = 0 < oe.length ? "{" + oe.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 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
+        ), ot[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, T !== void 0 && (t(T), L = "" + T), l(S) && (t(S.key), L = "" + S.key), "key" in S) {
+        T = {};
+        for (var Oe in S)
+          Oe !== "key" && (T[Oe] = S[Oe]);
+      } else T = S;
+      return L && s(
+        T,
+        typeof m == "function" ? m.displayName || m.name || "Unknown" : m
+      ), c(
+        m,
         L,
-        $,
+        z,
+        J,
         r(),
-        w,
-        fe,
-        me
+        T,
+        _e,
+        $e
       );
     }
-    function y(l) {
-      typeof l == "object" && l !== null && l.$$typeof === g && l._store && (l._store.validated = 1);
+    function x(m) {
+      typeof m == "object" && m !== null && m.$$typeof === p && 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 g = sn, p = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), y = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), U = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), ne = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), ae = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, et = Object.prototype.hasOwnProperty, rn = Array.isArray, Ae = console.createTask ? console.createTask : function() {
       return null;
     };
-    x = {
-      react_stack_bottom_frame: function(l) {
-        return l();
+    g = {
+      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,
+    var tt, nt = {}, rt = g.react_stack_bottom_frame.bind(
+      g,
+      o
+    )(), at = Ae(a(o)), ot = {};
+    fe.Fragment = h, fe.jsx = function(m, S, T, I, J) {
+      var z = 1e4 > ae.recentlyCreatedOwnerStacks++;
+      return d(
+        m,
+        S,
+        T,
         !1,
-        k,
-        $,
-        L ? Error("react-stack-top-frame") : Te,
-        L ? he(o(l)) : ke
+        I,
+        J,
+        z ? Error("react-stack-top-frame") : rt,
+        z ? Ae(a(m)) : at
       );
-    }, X.jsxs = function(l, j, w, k, $) {
-      var L = 1e4 > ge.recentlyCreatedOwnerStacks++;
-      return m(
-        l,
-        j,
-        w,
+    }, fe.jsxs = function(m, S, T, I, J) {
+      var z = 1e4 > ae.recentlyCreatedOwnerStacks++;
+      return d(
+        m,
+        S,
+        T,
         !0,
-        k,
-        $,
-        L ? Error("react-stack-top-frame") : Te,
-        L ? he(o(l)) : ke
+        I,
+        J,
+        z ? Error("react-stack-top-frame") : rt,
+        z ? Ae(a(m)) : at
       );
     };
-  }()), X;
+  }()), fe;
 }
-var Ae;
-function $t() {
-  return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? oe.exports = Dt() : oe.exports = Mt()), oe.exports;
+var ct;
+function Fn() {
+  return ct || (ct = 1, process.env.NODE_ENV === "production" ? ye.exports = In() : ye.exports = Ln()), ye.exports;
 }
-var t = $t();
-const T = {
+var i = Fn();
+const N = {
   UK: {
     svgFlag: "https://flagcdn.com/gb.svg",
     emojiFlag: "🇬🇧"
@@ -350,72 +351,1339 @@ 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,
+}, An = ({ flag: e }) => /* @__PURE__ */ i.jsx(re, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ i.jsx(cn, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), _n = ({ flag: e }) => /* @__PURE__ */ i.jsx(
+  E,
   {
     component: "span",
-    style: (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") ? An : _n, pe = un(new Intl.Locale("en-US")), Xa = ee(
   ({
     value: e,
-    children: s
-  }) => /* @__PURE__ */ t.jsx(te.Provider, { value: e.locale, children: s })
-), Bt = {
+    children: n
+  }) => /* @__PURE__ */ i.jsx(pe.Provider, { value: e.locale, children: n })
+), $n = {
   lang2value: {
     en: "Choose Language",
     vi: "Chọn ngôn ngữ"
   }
-}, se = {
+}, be = {
   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 = ({
+}, Za = ({
   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 = k(() => Object.entries(be).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(wn, { size: "15", color: "#2986cc", stroke: 2 }),
+        children: /* @__PURE__ */ i.jsx(E, { 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,
+  ), [be, e]);
+  return /* @__PURE__ */ i.jsxs(ie, { width: 170, children: [
+    /* @__PURE__ */ i.jsx(ie.Target, { children: /* @__PURE__ */ i.jsx(
+      q,
       {
         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: be[e.language].flag }),
+        children: /* @__PURE__ */ i.jsx(E, { size: "sm", children: be[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(E, { size: "sm", children: $n.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 = ke(pe);
+  return e.lang2value[n.language] || e.lang2value[e.lang];
+};
+/**
+ * react-router v7.7.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+function P(e, n) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(n);
+}
+function V(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 Ke(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 Lt(e, n, t = "/") {
+  return On(e, n, t, !1);
+}
+function On(e, n, t, a) {
+  let r = typeof n == "string" ? Ke(n) : n, o = Z(r.pathname || "/", t);
+  if (o == null)
+    return null;
+  let l = Ft(e);
+  Dn(l);
+  let s = null;
+  for (let u = 0; s == null && u < l.length; ++u) {
+    let c = Gn(o);
+    s = Hn(
+      l[u],
+      c,
+      a
+    );
+  }
+  return s;
+}
+function Ft(e, n = [], t = [], a = "") {
+  let r = (o, l, s) => {
+    let u = {
+      relativePath: s === void 0 ? o.path || "" : s,
+      caseSensitive: o.caseSensitive === !0,
+      childrenIndex: l,
+      route: o
+    };
+    u.relativePath.startsWith("/") && (P(
+      u.relativePath.startsWith(a),
+      `Absolute route path "${u.relativePath}" nested under path "${a}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
+    ), u.relativePath = u.relativePath.slice(a.length));
+    let c = K([a, u.relativePath]), d = t.concat(u);
+    o.children && o.children.length > 0 && (P(
+      // Our types know better, but runtime JS may not!
+      // @ts-expect-error
+      o.index !== !0,
+      `Index routes must not have child routes. Please remove all child routes from route path "${c}".`
+    ), Ft(o.children, n, d, c)), !(o.path == null && !o.index) && n.push({
+      path: c,
+      score: Kn(c, o.index),
+      routesMeta: d
+    });
+  };
+  return e.forEach((o, l) => {
+    var s;
+    if (o.path === "" || !((s = o.path) != null && s.includes("?")))
+      r(o, l);
+    else
+      for (let u of At(o.path))
+        r(o, l, u);
+  }), n;
+}
+function At(e) {
+  let n = e.split("/");
+  if (n.length === 0) return [];
+  let [t, ...a] = n, r = t.endsWith("?"), o = t.replace(/\?$/, "");
+  if (a.length === 0)
+    return r ? [o, ""] : [o];
+  let l = At(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 Dn(e) {
+  e.sort(
+    (n, t) => n.score !== t.score ? t.score - n.score : Vn(
+      n.routesMeta.map((a) => a.childrenIndex),
+      t.routesMeta.map((a) => a.childrenIndex)
+    )
+  );
+}
+var Mn = /^:[\w-]+$/, zn = 3, Bn = 2, Un = 1, qn = 10, Wn = -2, dt = (e) => e === "*";
+function Kn(e, n) {
+  let t = e.split("/"), a = t.length;
+  return t.some(dt) && (a += Wn), n && (a += Bn), t.filter((r) => !dt(r)).reduce(
+    (r, o) => r + (Mn.test(o) ? zn : o === "" ? Un : qn),
+    a
+  );
+}
+function Vn(e, n) {
+  return e.length === n.length && e.slice(0, -1).every((a, r) => a === n[r]) ? (
+    // If two routes are siblings, we should try to match the earlier sibling
+    // first. This allows people to have fine-grained control over the matching
+    // 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 Hn(e, n, t = !1) {
+  let { routesMeta: a } = e, r = {}, o = "/", l = [];
+  for (let s = 0; s < a.length; ++s) {
+    let u = a[s], c = s === a.length - 1, d = o === "/" ? n : n.slice(o.length) || "/", x = Ee(
+      { path: u.relativePath, caseSensitive: u.caseSensitive, end: c },
+      d
+    ), g = u.route;
+    if (!x && c && t && !a[a.length - 1].route.index && (x = Ee(
+      {
+        path: u.relativePath,
+        caseSensitive: u.caseSensitive,
+        end: !1
+      },
+      d
+    )), !x)
+      return null;
+    Object.assign(r, x.params), l.push({
+      // TODO: Can this as be avoided?
+      params: r,
+      pathname: K([o, x.pathname]),
+      pathnameBase: Qn(
+        K([o, x.pathnameBase])
+      ),
+      route: g
+    }), x.pathnameBase !== "/" && (o = K([o, x.pathnameBase]));
+  }
+  return l;
+}
+function Ee(e, n) {
+  typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
+  let [t, a] = Yn(
+    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: x }, g) => {
+        if (d === "*") {
+          let v = s[g] || "";
+          l = o.slice(0, o.length - v.length).replace(/(.)\/+$/, "$1");
+        }
+        const p = s[g];
+        return x && !p ? c[d] = void 0 : c[d] = (p || "").replace(/%2F/g, "/"), c;
+      },
+      {}
+    ),
+    pathname: o,
+    pathnameBase: l,
+    pattern: e
+  };
+}
+function Yn(e, n = !1, t = !0) {
+  V(
+    e === "*" || !e.endsWith("*") || e.endsWith("/*"),
+    `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
+  );
+  let a = [], r = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(
+    /\/:([\w-]+)(\?)?/g,
+    (l, s, u) => (a.push({ paramName: s, isOptional: u != null }), u ? "/?([^\\/]+)?" : "/([^\\/]+)")
+  );
+  return e.endsWith("*") ? (a.push({ paramName: "*" }), r += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : t ? r += "\\/*$" : e !== "" && e !== "/" && (r += "(?:(?=\\/|$))"), [new RegExp(r, n ? void 0 : "i"), a];
+}
+function Gn(e) {
+  try {
+    return e.split("/").map((n) => decodeURIComponent(n).replace(/\//g, "%2F")).join("/");
+  } catch (n) {
+    return V(
+      !1,
+      `The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${n}).`
+    ), e;
+  }
+}
+function Z(e, n) {
+  if (n === "/") return e;
+  if (!e.toLowerCase().startsWith(n.toLowerCase()))
+    return null;
+  let t = n.endsWith("/") ? n.length - 1 : n.length, a = e.charAt(t);
+  return a && a !== "/" ? null : e.slice(t) || "/";
+}
+function Jn(e, n = "/") {
+  let {
+    pathname: t,
+    search: a = "",
+    hash: r = ""
+  } = typeof e == "string" ? Ke(e) : e;
+  return {
+    pathname: t ? t.startsWith("/") ? t : Xn(t, n) : n,
+    search: er(a),
+    hash: tr(r)
+  };
+}
+function Xn(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 Zn(e) {
+  return e.filter(
+    (n, t) => t === 0 || n.route.path && n.route.path.length > 0
+  );
+}
+function _t(e) {
+  let n = Zn(e);
+  return n.map(
+    (t, a) => a === n.length - 1 ? t.pathname : t.pathnameBase
+  );
+}
+function $t(e, n, t, a = !1) {
+  let r;
+  typeof e == "string" ? r = Ke(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 x = n.length - 1;
+    if (!a && l.startsWith("..")) {
+      let g = l.split("/");
+      for (; g[0] === ".."; )
+        g.shift(), x -= 1;
+      r.pathname = g.join("/");
+    }
+    s = x >= 0 ? n[x] : "/";
+  }
+  let u = Jn(r, s), c = l && l !== "/" && l.endsWith("/"), d = (o || l === ".") && t.endsWith("/");
+  return !u.pathname.endsWith("/") && (c || d) && (u.pathname += "/"), u;
+}
+var K = (e) => e.join("/").replace(/\/\/+/g, "/"), Qn = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), er = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, tr = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
+function nr(e) {
+  return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
+}
+var Ot = [
+  "POST",
+  "PUT",
+  "PATCH",
+  "DELETE"
+];
+new Set(
+  Ot
+);
+var rr = [
+  "GET",
+  ...Ot
+];
+new Set(rr);
+var ue = f.createContext(null);
+ue.displayName = "DataRouter";
+var Ne = f.createContext(null);
+Ne.displayName = "DataRouterState";
+f.createContext(!1);
+var Dt = f.createContext({
+  isTransitioning: !1
+});
+Dt.displayName = "ViewTransition";
+var ar = f.createContext(
+  /* @__PURE__ */ new Map()
+);
+ar.displayName = "Fetchers";
+var or = f.createContext(null);
+or.displayName = "Await";
+var H = f.createContext(
+  null
+);
+H.displayName = "Navigation";
+var Ve = f.createContext(
+  null
+);
+Ve.displayName = "Location";
+var Y = f.createContext({
+  outlet: null,
+  matches: [],
+  isDataRoute: !1
+});
+Y.displayName = "Route";
+var He = f.createContext(null);
+He.displayName = "RouteError";
+function ir(e, { relative: n } = {}) {
+  P(
+    Pe(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useHref() may be used only in the context of a <Router> component."
+  );
+  let { basename: t, navigator: a } = f.useContext(H), { hash: r, pathname: o, search: l } = xe(e, { relative: n }), s = o;
+  return t !== "/" && (s = o === "/" ? t : K([t, o])), a.createHref({ pathname: s, search: l, hash: r });
+}
+function Pe() {
+  return f.useContext(Ve) != null;
+}
+function te() {
+  return P(
+    Pe(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useLocation() may be used only in the context of a <Router> component."
+  ), f.useContext(Ve).location;
+}
+var Mt = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function zt(e) {
+  f.useContext(H).static || f.useLayoutEffect(e);
+}
+function Ye() {
+  let { isDataRoute: e } = f.useContext(Y);
+  return e ? yr() : lr();
+}
+function lr() {
+  P(
+    Pe(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useNavigate() may be used only in the context of a <Router> component."
+  );
+  let e = f.useContext(ue), { basename: n, navigator: t } = f.useContext(H), { matches: a } = f.useContext(Y), { pathname: r } = te(), o = JSON.stringify(_t(a)), l = f.useRef(!1);
+  return zt(() => {
+    l.current = !0;
+  }), f.useCallback(
+    (u, c = {}) => {
+      if (V(l.current, Mt), !l.current) return;
+      if (typeof u == "number") {
+        t.go(u);
+        return;
+      }
+      let d = $t(
+        u,
+        JSON.parse(o),
+        r,
+        c.relative === "path"
+      );
+      e == null && n !== "/" && (d.pathname = d.pathname === "/" ? n : K([n, d.pathname])), (c.replace ? t.replace : t.push)(
+        d,
+        c.state,
+        c
+      );
+    },
+    [
+      n,
+      t,
+      o,
+      r,
+      e
+    ]
+  );
+}
+f.createContext(null);
+function xe(e, { relative: n } = {}) {
+  let { matches: t } = f.useContext(Y), { pathname: a } = te(), r = JSON.stringify(_t(t));
+  return f.useMemo(
+    () => $t(
+      e,
+      JSON.parse(r),
+      a,
+      n === "path"
+    ),
+    [e, r, a, n]
+  );
+}
+function sr(e, n, t, a) {
+  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: r } = f.useContext(H), { matches: o } = f.useContext(Y), l = o[o.length - 1], s = l ? l.params : {}, u = l ? l.pathname : "/", c = l ? l.pathnameBase : "/", d = l && l.route;
+  {
+    let b = d && d.path || "";
+    Bt(
+      u,
+      !d || b.endsWith("*") || b.endsWith("*?"),
+      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${u}" (under <Route path="${b}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
+
+Please change the parent <Route path="${b}"> to <Route path="${b === "/" ? "*" : `${b}/*`}">.`
+    );
+  }
+  let x = te(), g;
+  g = x;
+  let p = g.pathname || "/", v = p;
+  if (c !== "/") {
+    let b = c.replace(/^\//, "").split("/");
+    v = "/" + p.replace(/^\//, "").split("/").slice(b.length).join("/");
+  }
+  let h = Lt(e, { pathname: v });
+  return V(
+    d || h != null,
+    `No routes matched location "${g.pathname}${g.search}${g.hash}" `
+  ), V(
+    h == null || h[h.length - 1].route.element !== void 0 || h[h.length - 1].route.Component !== void 0 || h[h.length - 1].route.lazy !== void 0,
+    `Matched leaf route at location "${g.pathname}${g.search}${g.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
+  ), hr(
+    h && h.map(
+      (b) => Object.assign({}, b, {
+        params: Object.assign({}, s, b.params),
+        pathname: K([
+          c,
+          // Re-encode pathnames that were decoded inside matchRoutes
+          r.encodeLocation ? r.encodeLocation(b.pathname).pathname : b.pathname
+        ]),
+        pathnameBase: b.pathnameBase === "/" ? c : K([
+          c,
+          // Re-encode pathnames that were decoded inside matchRoutes
+          r.encodeLocation ? r.encodeLocation(b.pathnameBase).pathname : b.pathnameBase
+        ])
+      })
+    ),
+    o,
+    t,
+    a
+  );
+}
+function ur() {
+  let e = vr(), n = nr(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), t = e instanceof Error ? e.stack : null, a = "rgba(200,200,200, 0.5)", r = { padding: "0.5rem", backgroundColor: a }, o = { padding: "2px 4px", backgroundColor: a }, l = null;
+  return console.error(
+    "Error handled by React Router default ErrorBoundary:",
+    e
+  ), l = /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ f.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ f.createElement("code", { style: o }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ f.createElement("code", { style: o }, "errorElement"), " prop on your route.")), /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ f.createElement("h3", { style: { fontStyle: "italic" } }, n), t ? /* @__PURE__ */ f.createElement("pre", { style: r }, t) : null, l);
+}
+var cr = /* @__PURE__ */ f.createElement(ur, null), dr = class extends f.Component {
+  constructor(e) {
+    super(e), this.state = {
+      location: e.location,
+      revalidation: e.revalidation,
+      error: e.error
+    };
+  }
+  static getDerivedStateFromError(e) {
+    return { error: e };
+  }
+  static getDerivedStateFromProps(e, n) {
+    return n.location !== e.location || n.revalidation !== "idle" && e.revalidation === "idle" ? {
+      error: e.error,
+      location: e.location,
+      revalidation: e.revalidation
+    } : {
+      error: e.error !== void 0 ? e.error : n.error,
+      location: n.location,
+      revalidation: e.revalidation || n.revalidation
+    };
+  }
+  componentDidCatch(e, n) {
+    console.error(
+      "React Router caught the following error during render",
+      e,
+      n
+    );
+  }
+  render() {
+    return this.state.error !== void 0 ? /* @__PURE__ */ f.createElement(Y.Provider, { value: this.props.routeContext }, /* @__PURE__ */ f.createElement(
+      He.Provider,
+      {
+        value: this.state.error,
+        children: this.props.component
+      }
+    )) : this.props.children;
+  }
+};
+function fr({ routeContext: e, match: n, children: t }) {
+  let a = f.useContext(ue);
+  return a && a.static && a.staticContext && (n.route.errorElement || n.route.ErrorBoundary) && (a.staticContext._deepestRenderedBoundaryId = n.route.id), /* @__PURE__ */ f.createElement(Y.Provider, { value: e }, t);
+}
+function hr(e, n = [], t = null, a = 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 r = e, o = t == null ? void 0 : t.errors;
+  if (o != null) {
+    let u = r.findIndex(
+      (c) => c.route.id && (o == null ? void 0 : o[c.route.id]) !== void 0
+    );
+    P(
+      u >= 0,
+      `Could not find a matching route for errors on route IDs: ${Object.keys(
+        o
+      ).join(",")}`
+    ), r = r.slice(
+      0,
+      Math.min(r.length, u + 1)
+    );
+  }
+  let l = !1, s = -1;
+  if (t)
+    for (let u = 0; u < r.length; u++) {
+      let c = r[u];
+      if ((c.route.HydrateFallback || c.route.hydrateFallbackElement) && (s = u), c.route.id) {
+        let { loaderData: d, errors: x } = t, g = c.route.loader && !d.hasOwnProperty(c.route.id) && (!x || x[c.route.id] === void 0);
+        if (c.route.lazy || g) {
+          l = !0, s >= 0 ? r = r.slice(0, s + 1) : r = [r[0]];
+          break;
+        }
+      }
+    }
+  return r.reduceRight(
+    (u, c, d) => {
+      let x, g = !1, p = null, v = null;
+      t && (x = o && c.route.id ? o[c.route.id] : void 0, p = c.route.errorElement || cr, l && (s < 0 && d === 0 ? (Bt(
+        "route-fallback",
+        !1,
+        "No `HydrateFallback` element provided to render during initial hydration"
+      ), g = !0, v = null) : s === d && (g = !0, v = c.route.hydrateFallbackElement || null)));
+      let h = n.concat(r.slice(0, d + 1)), j = () => {
+        let b;
+        return x ? b = p : g ? b = v : c.route.Component ? b = /* @__PURE__ */ f.createElement(c.route.Component, null) : c.route.element ? b = c.route.element : b = u, /* @__PURE__ */ f.createElement(
+          fr,
+          {
+            match: c,
+            routeContext: {
+              outlet: u,
+              matches: h,
+              isDataRoute: t != null
+            },
+            children: b
+          }
+        );
+      };
+      return t && (c.route.ErrorBoundary || c.route.errorElement || d === 0) ? /* @__PURE__ */ f.createElement(
+        dr,
+        {
+          location: t.location,
+          revalidation: t.revalidation,
+          component: p,
+          error: x,
+          children: j(),
+          routeContext: { outlet: null, matches: h, isDataRoute: !0 }
+        }
+      ) : j();
+    },
+    null
+  );
+}
+function Ge(e) {
+  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
+}
+function mr(e) {
+  let n = f.useContext(ue);
+  return P(n, Ge(e)), n;
+}
+function gr(e) {
+  let n = f.useContext(Ne);
+  return P(n, Ge(e)), n;
+}
+function pr(e) {
+  let n = f.useContext(Y);
+  return P(n, Ge(e)), n;
+}
+function Je(e) {
+  let n = pr(e), t = n.matches[n.matches.length - 1];
+  return P(
+    t.route.id,
+    `${e} can only be used on routes that contain a unique "id"`
+  ), t.route.id;
+}
+function xr() {
+  return Je(
+    "useRouteId"
+    /* UseRouteId */
+  );
+}
+function vr() {
+  var a;
+  let e = f.useContext(He), n = gr(
+    "useRouteError"
+    /* UseRouteError */
+  ), t = Je(
+    "useRouteError"
+    /* UseRouteError */
+  );
+  return e !== void 0 ? e : (a = n.errors) == null ? void 0 : a[t];
+}
+function yr() {
+  let { router: e } = mr(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), n = Je(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), t = f.useRef(!1);
+  return zt(() => {
+    t.current = !0;
+  }), f.useCallback(
+    async (r, o = {}) => {
+      V(t.current, Mt), t.current && (typeof r == "number" ? e.navigate(r) : await e.navigate(r, { fromRouteId: n, ...o }));
+    },
+    [e, n]
+  );
+}
+var ft = {};
+function Bt(e, n, t) {
+  !n && !ft[e] && (ft[e] = !0, V(!1, t));
+}
+f.memo(br);
+function br({
+  routes: e,
+  future: n,
+  state: t
+}) {
+  return sr(e, void 0, t, n);
+}
+var Se = "get", Ce = "application/x-www-form-urlencoded";
+function Ie(e) {
+  return e != null && typeof e.tagName == "string";
+}
+function wr(e) {
+  return Ie(e) && e.tagName.toLowerCase() === "button";
+}
+function jr(e) {
+  return Ie(e) && e.tagName.toLowerCase() === "form";
+}
+function Sr(e) {
+  return Ie(e) && e.tagName.toLowerCase() === "input";
+}
+function Cr(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+function Rr(e, n) {
+  return e.button === 0 && // Ignore everything but left clicks
+  (!n || n === "_self") && // Let browser handle "target=_blank" etc.
+  !Cr(e);
+}
+var we = null;
+function Er() {
+  if (we === null)
+    try {
+      new FormData(
+        document.createElement("form"),
+        // @ts-expect-error if FormData supports the submitter parameter, this will throw
+        0
+      ), we = !1;
+    } catch {
+      we = !0;
+    }
+  return we;
+}
+var kr = /* @__PURE__ */ new Set([
+  "application/x-www-form-urlencoded",
+  "multipart/form-data",
+  "text/plain"
+]);
+function Me(e) {
+  return e != null && !kr.has(e) ? (V(
+    !1,
+    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${Ce}"`
+  ), null) : e;
+}
+function Tr(e, n) {
+  let t, a, r, o, l;
+  if (jr(e)) {
+    let s = e.getAttribute("action");
+    a = s ? Z(s, n) : null, t = e.getAttribute("method") || Se, r = Me(e.getAttribute("enctype")) || Ce, o = new FormData(e);
+  } else if (wr(e) || Sr(e) && (e.type === "submit" || e.type === "image")) {
+    let s = e.form;
+    if (s == null)
+      throw new Error(
+        'Cannot submit a <button> or <input type="submit"> without a <form>'
+      );
+    let u = e.getAttribute("formaction") || s.getAttribute("action");
+    if (a = u ? Z(u, n) : null, t = e.getAttribute("formmethod") || s.getAttribute("method") || Se, r = Me(e.getAttribute("formenctype")) || Me(s.getAttribute("enctype")) || Ce, o = new FormData(s, e), !Er()) {
+      let { name: c, type: d, value: x } = e;
+      if (d === "image") {
+        let g = c ? `${c}.` : "";
+        o.append(`${g}x`, "0"), o.append(`${g}y`, "0");
+      } else c && o.append(c, x);
+    }
+  } else {
+    if (Ie(e))
+      throw new Error(
+        'Cannot submit element that is not <form>, <button>, or <input type="submit|image">'
+      );
+    t = Se, a = null, r = Ce, l = e;
+  }
+  return o && r === "text/plain" && (l = o, o = void 0), { action: a, method: t.toLowerCase(), encType: r, formData: o, body: l };
+}
+Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
+function Xe(e, n) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(n);
+}
+function Nr(e, n, t) {
+  let a = typeof e == "string" ? new URL(
+    e,
+    // This can be called during the SSR flow via PrefetchPageLinksImpl so
+    // don't assume window is available
+    typeof window > "u" ? "server://singlefetch/" : window.location.origin
+  ) : e;
+  return a.pathname === "/" ? a.pathname = `_root.${t}` : n && Z(a.pathname, n) === "/" ? a.pathname = `${n.replace(/\/$/, "")}/_root.${t}` : a.pathname = `${a.pathname.replace(/\/$/, "")}.${t}`, a;
+}
+async function Pr(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 Ir(e) {
+  return e == null ? !1 : e.href == null ? e.rel === "preload" && typeof e.imageSrcSet == "string" && typeof e.imageSizes == "string" : typeof e.rel == "string" && typeof e.href == "string";
+}
+async function Lr(e, n, t) {
+  let a = await Promise.all(
+    e.map(async (r) => {
+      let o = n.routes[r.route.id];
+      if (o) {
+        let l = await Pr(o, t);
+        return l.links ? l.links() : [];
+      }
+      return [];
+    })
+  );
+  return $r(
+    a.flat(1).filter(Ir).filter((r) => r.rel === "stylesheet" || r.rel === "preload").map(
+      (r) => r.rel === "stylesheet" ? { ...r, rel: "prefetch", as: "style" } : { ...r, rel: "prefetch" }
+    )
+  );
+}
+function ht(e, n, t, a, r, o) {
+  let l = (u, c) => t[c] ? u.route.id !== t[c].route.id : !0, s = (u, c) => {
+    var d;
+    return (
+      // 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 x;
+    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 g = u.route.shouldRevalidate({
+        currentUrl: new URL(
+          r.pathname + r.search + r.hash,
+          window.origin
+        ),
+        currentParams: ((x = t[0]) == null ? void 0 : x.params) || {},
+        nextUrl: new URL(e, window.origin),
+        nextParams: u.params,
+        defaultShouldRevalidate: !0
+      });
+      if (typeof g == "boolean")
+        return g;
+    }
+    return !0;
+  }) : [];
+}
+function Fr(e, n, { includeHydrateFallback: t } = {}) {
+  return Ar(
+    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 Ar(e) {
+  return [...new Set(e)];
+}
+function _r(e) {
+  let n = {}, t = Object.keys(e).sort();
+  for (let a of t)
+    n[a] = e[a];
+  return n;
+}
+function $r(e, n) {
+  let t = /* @__PURE__ */ new Set();
+  return new Set(n), e.reduce((a, r) => {
+    let o = JSON.stringify(_r(r));
+    return t.has(o) || (t.add(o), a.push({ key: o, link: r })), a;
+  }, []);
+}
+function Ut() {
+  let e = f.useContext(ue);
+  return Xe(
+    e,
+    "You must render this element inside a <DataRouterContext.Provider> element"
+  ), e;
+}
+function Or() {
+  let e = f.useContext(Ne);
+  return Xe(
+    e,
+    "You must render this element inside a <DataRouterStateContext.Provider> element"
+  ), e;
+}
+var Ze = f.createContext(void 0);
+Ze.displayName = "FrameworkContext";
+function qt() {
+  let e = f.useContext(Ze);
+  return Xe(
+    e,
+    "You must render this element inside a <HydratedRouter> element"
+  ), e;
+}
+function Dr(e, n) {
+  let t = f.useContext(Ze), [a, r] = f.useState(!1), [o, l] = f.useState(!1), { onFocus: s, onBlur: u, onMouseEnter: c, onMouseLeave: d, onTouchStart: x } = n, g = f.useRef(null);
+  f.useEffect(() => {
+    if (e === "render" && l(!0), e === "viewport") {
+      let h = (b) => {
+        b.forEach((C) => {
+          l(C.isIntersecting);
+        });
+      }, j = new IntersectionObserver(h, { threshold: 0.5 });
+      return g.current && j.observe(g.current), () => {
+        j.disconnect();
+      };
+    }
+  }, [e]), f.useEffect(() => {
+    if (a) {
+      let h = setTimeout(() => {
+        l(!0);
+      }, 100);
+      return () => {
+        clearTimeout(h);
+      };
+    }
+  }, [a]);
+  let p = () => {
+    r(!0);
+  }, v = () => {
+    r(!1), l(!1);
+  };
+  return t ? e !== "intent" ? [o, g, {}] : [
+    o,
+    g,
+    {
+      onFocus: he(s, p),
+      onBlur: he(u, v),
+      onMouseEnter: he(c, p),
+      onMouseLeave: he(d, v),
+      onTouchStart: he(x, p)
+    }
+  ] : [!1, g, {}];
+}
+function he(e, n) {
+  return (t) => {
+    e && e(t), t.defaultPrevented || n(t);
+  };
+}
+function Mr({ page: e, ...n }) {
+  let { router: t } = Ut(), a = f.useMemo(
+    () => Lt(t.routes, e, t.basename),
+    [t.routes, e, t.basename]
+  );
+  return a ? /* @__PURE__ */ f.createElement(Br, { page: e, matches: a, ...n }) : null;
+}
+function zr(e) {
+  let { manifest: n, routeModules: t } = qt(), [a, r] = f.useState([]);
+  return f.useEffect(() => {
+    let o = !1;
+    return Lr(e, n, t).then(
+      (l) => {
+        o || r(l);
+      }
+    ), () => {
+      o = !0;
+    };
+  }, [e, n, t]), a;
+}
+function Br({
+  page: e,
+  matches: n,
+  ...t
+}) {
+  let a = te(), { manifest: r, routeModules: o } = qt(), { basename: l } = Ut(), { loaderData: s, matches: u } = Or(), c = f.useMemo(
+    () => ht(
+      e,
+      n,
+      u,
+      r,
+      a,
+      "data"
+    ),
+    [e, n, u, r, a]
+  ), d = f.useMemo(
+    () => ht(
+      e,
+      n,
+      u,
+      r,
+      a,
+      "assets"
+    ),
+    [e, n, u, r, a]
+  ), x = f.useMemo(() => {
+    if (e === a.pathname + a.search + a.hash)
+      return [];
+    let v = /* @__PURE__ */ new Set(), h = !1;
+    if (n.forEach((b) => {
+      var y;
+      let C = r.routes[b.route.id];
+      !C || !C.hasLoader || (!c.some((w) => w.route.id === b.route.id) && b.route.id in s && ((y = o[b.route.id]) != null && y.shouldRevalidate) || C.hasClientLoader ? h = !0 : v.add(b.route.id));
+    }), v.size === 0)
+      return [];
+    let j = Nr(e, l, "data");
+    return h && v.size > 0 && j.searchParams.set(
+      "_routes",
+      n.filter((b) => v.has(b.route.id)).map((b) => b.route.id).join(",")
+    ), [j.pathname + j.search];
+  }, [
+    l,
+    s,
+    a,
+    r,
+    c,
+    n,
+    e,
+    o
+  ]), g = f.useMemo(
+    () => Fr(d, r),
+    [d, r]
+  ), p = zr(d);
+  return /* @__PURE__ */ f.createElement(f.Fragment, null, x.map((v) => /* @__PURE__ */ f.createElement("link", { key: v, rel: "prefetch", as: "fetch", href: v, ...t })), g.map((v) => /* @__PURE__ */ f.createElement("link", { key: v, rel: "modulepreload", href: v, ...t })), p.map(({ key: v, link: h }) => (
+    // these don't spread `linkProps` because they are full link descriptors
+    // already with their own props
+    /* @__PURE__ */ f.createElement("link", { key: v, ...h })
+  )));
+}
+function Ur(...e) {
+  return (n) => {
+    e.forEach((t) => {
+      typeof t == "function" ? t(n) : t != null && (t.current = n);
+    });
+  };
+}
+var Wt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+try {
+  Wt && (window.__reactRouterVersion = // @ts-expect-error
+  "7.7.1");
+} catch {
+}
+var Kt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Vt = f.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: x,
+    ...g
+  }, p) {
+    let { basename: v } = f.useContext(H), h = typeof c == "string" && Kt.test(c), j, b = !1;
+    if (typeof c == "string" && h && (j = c, Wt))
+      try {
+        let $ = new URL(window.location.href), G = c.startsWith("//") ? new URL($.protocol + c) : new URL(c), ae = Z(G.pathname, v);
+        G.origin === $.origin && ae != null ? c = ae + G.search + G.hash : b = !0;
+      } catch {
+        V(
+          !1,
+          `<Link to="${c}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
+        );
+      }
+    let C = ir(c, { relative: r }), [y, w, R] = Dr(
+      a,
+      g
+    ), U = Vr(c, {
+      replace: l,
+      state: s,
+      target: u,
+      preventScrollReset: d,
+      relative: r,
+      viewTransition: x
+    });
+    function M($) {
+      n && n($), $.defaultPrevented || U($);
+    }
+    let ne = (
+      // eslint-disable-next-line jsx-a11y/anchor-has-content
+      /* @__PURE__ */ f.createElement(
+        "a",
+        {
+          ...g,
+          ...R,
+          href: j || C,
+          onClick: b || o ? n : M,
+          ref: Ur(p, w),
+          target: u,
+          "data-discover": !h && t === "render" ? "true" : void 0
+        }
+      )
+    );
+    return y && !h ? /* @__PURE__ */ f.createElement(f.Fragment, null, ne, /* @__PURE__ */ f.createElement(Mr, { page: C })) : ne;
+  }
+);
+Vt.displayName = "Link";
+var qr = f.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 x = xe(l, { relative: c.relative }), g = te(), p = f.useContext(Ne), { navigator: v, basename: h } = f.useContext(H), j = p != null && // Conditional usage is OK here because the usage of a data router is static
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    Xr(x) && s === !0, b = v.encodeLocation ? v.encodeLocation(x).pathname : x.pathname, C = g.pathname, y = p && p.navigation && p.navigation.location ? p.navigation.location.pathname : null;
+    t || (C = C.toLowerCase(), y = y ? y.toLowerCase() : null, b = b.toLowerCase()), y && h && (y = Z(y, h) || y);
+    const w = b !== "/" && b.endsWith("/") ? b.length - 1 : b.length;
+    let R = C === b || !r && C.startsWith(b) && C.charAt(w) === "/", U = y != null && (y === b || !r && y.startsWith(b) && y.charAt(b.length) === "/"), M = {
+      isActive: R,
+      isPending: U,
+      isTransitioning: j
+    }, ne = R ? n : void 0, $;
+    typeof a == "function" ? $ = a(M) : $ = [
+      a,
+      R ? "active" : null,
+      U ? "pending" : null,
+      j ? "transitioning" : null
+    ].filter(Boolean).join(" ");
+    let G = typeof o == "function" ? o(M) : o;
+    return /* @__PURE__ */ f.createElement(
+      Vt,
+      {
+        ...c,
+        "aria-current": ne,
+        className: $,
+        ref: d,
+        style: G,
+        to: l,
+        viewTransition: s
+      },
+      typeof u == "function" ? u(M) : u
+    );
+  }
+);
+qr.displayName = "NavLink";
+var Wr = f.forwardRef(
+  ({
+    discover: e = "render",
+    fetcherKey: n,
+    navigate: t,
+    reloadDocument: a,
+    replace: r,
+    state: o,
+    method: l = Se,
+    action: s,
+    onSubmit: u,
+    relative: c,
+    preventScrollReset: d,
+    viewTransition: x,
+    ...g
+  }, p) => {
+    let v = Gr(), h = Jr(s, { relative: c }), j = l.toLowerCase() === "get" ? "get" : "post", b = typeof s == "string" && Kt.test(s), C = (y) => {
+      if (u && u(y), y.defaultPrevented) return;
+      y.preventDefault();
+      let w = y.nativeEvent.submitter, R = (w == null ? void 0 : w.getAttribute("formmethod")) || l;
+      v(w || y.currentTarget, {
+        fetcherKey: n,
+        method: R,
+        navigate: t,
+        replace: r,
+        state: o,
+        relative: c,
+        preventScrollReset: d,
+        viewTransition: x
+      });
+    };
+    return /* @__PURE__ */ f.createElement(
+      "form",
+      {
+        ref: p,
+        method: j,
+        action: h,
+        onSubmit: a ? u : C,
+        ...g,
+        "data-discover": !b && e === "render" ? "true" : void 0
+      }
+    );
+  }
+);
+Wr.displayName = "Form";
+function Kr(e) {
+  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
+}
+function Ht(e) {
+  let n = f.useContext(ue);
+  return P(n, Kr(e)), n;
+}
+function Vr(e, {
+  target: n,
+  replace: t,
+  state: a,
+  preventScrollReset: r,
+  relative: o,
+  viewTransition: l
+} = {}) {
+  let s = Ye(), u = te(), c = xe(e, { relative: o });
+  return f.useCallback(
+    (d) => {
+      if (Rr(d, n)) {
+        d.preventDefault();
+        let x = t !== void 0 ? t : Ue(u) === Ue(c);
+        s(e, {
+          replace: x,
+          state: a,
+          preventScrollReset: r,
+          relative: o,
+          viewTransition: l
+        });
+      }
+    },
+    [
+      u,
+      s,
+      c,
+      t,
+      a,
+      n,
+      e,
+      r,
+      o,
+      l
+    ]
+  );
+}
+var Hr = 0, Yr = () => `__${String(++Hr)}__`;
+function Gr() {
+  let { router: e } = Ht(
+    "useSubmit"
+    /* UseSubmit */
+  ), { basename: n } = f.useContext(H), t = xr();
+  return f.useCallback(
+    async (a, r = {}) => {
+      let { action: o, method: l, encType: s, formData: u, body: c } = Tr(
+        a,
+        n
+      );
+      if (r.navigate === !1) {
+        let d = r.fetcherKey || Yr();
+        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 Jr(e, { relative: n } = {}) {
+  let { basename: t } = f.useContext(H), a = f.useContext(Y);
+  P(a, "useFormAction must be used inside a RouteContext");
+  let [r] = a.matches.slice(-1), o = { ...xe(e || ".", { relative: n }) }, l = te();
+  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((x) => x).forEach((x) => s.append("index", x));
+      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 : K([t, o.pathname])), Ue(o);
+}
+function Xr(e, { relative: n } = {}) {
+  let t = f.useContext(Dt);
+  P(
+    t != null,
+    "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
+  );
+  let { basename: a } = Ht(
+    "useViewTransitionState"
+    /* useViewTransitionState */
+  ), r = xe(e, { relative: n });
+  if (!t.isTransitioning)
+    return !1;
+  let o = Z(t.currentLocation.pathname, a) || t.currentLocation.pathname, l = Z(t.nextLocation.pathname, a) || t.nextLocation.pathname;
+  return Ee(r.pathname, l) != null || Ee(r.pathname, o) != null;
+}
+const Qa = ({ message: e }) => {
+  const n = Ye();
+  return /* @__PURE__ */ i.jsx(
+    dn,
     {
       size: "xs",
       style: {
@@ -424,32 +1692,32 @@ 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(We, { size: 12, stroke: 1.5 }),
+          children: /* @__PURE__ */ i.jsxs(ge, { align: "flex-start", children: [
             e || "Sorry, the page you are looking for does not exist.",
-            /* @__PURE__ */ t.jsx(D, { variant: "filled", onClick: () => s("/"), size: "xs", children: "Back Home" })
+            /* @__PURE__ */ i.jsx(q, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
           ] })
         }
       )
     }
   );
-}, Yn = ({ message: e }) => /* @__PURE__ */ t.jsx(
-  be,
+}, eo = ({ 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(We, { 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(
-  z,
+), Yt = ({ message: e }) => /* @__PURE__ */ i.jsx(E, { c: "red", size: "sm", children: e || "Not Found" }), to = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ i.jsx(B, { justify: "center", align: "center", children: /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "md" }) }) : /* @__PURE__ */ i.jsxs(
+  B,
   {
     gap: "md",
     direction: "column",
@@ -457,67 +1725,67 @@ const T = {
     align: "center",
     style: { height: "100%" },
     children: [
-      /* @__PURE__ */ t.jsx(ae, { color: "blue", size: "md" }),
+      /* @__PURE__ */ i.jsx(Re, { 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" }),
+), no = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "xs" }) : /* @__PURE__ */ i.jsxs(B, { gap: "md", direction: "column", justify: "center", align: "center", children: [
+  /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "xs" }),
   e
-] }), Jn = ({ message: e }) => /* @__PURE__ */ t.jsx(
-  be,
+] }), ro = ({ 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(We, { 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 ao(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 oo(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 io(e, n) {
+  const t = /* @__PURE__ */ new Set();
+  return e.filter((a) => {
+    const r = n(a);
+    return t.has(r) ? !1 : (t.add(r), !0);
   });
 }
-class er {
+class lo {
   constructor() {
-    q(this, "items", []);
-    q(this, "seen", /* @__PURE__ */ new Set());
+    X(this, "items", []);
+    X(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 mt {
   constructor() {
-    q(this, "children", /* @__PURE__ */ new Map());
-    q(this, "isEndOfWord", !1);
-    q(this, "value", "");
+    X(this, "children", /* @__PURE__ */ new Map());
+    X(this, "isEndOfWord", !1);
+    X(this, "value", "");
   }
 }
-class et {
+class Gt {
   constructor() {
-    q(this, "root", new Oe());
+    X(this, "root", new mt());
   }
   /**
    * Inserts a word into the trie structure.
@@ -525,13 +1793,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 mt(), 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,25 +1808,25 @@ 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 {
+var Zr = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(Zr || {});
+class Qr extends Gt {
   constructor() {
     super(...arguments);
-    q(this, "pathToKey", /* @__PURE__ */ new Map());
+    X(this, "pathToKey", /* @__PURE__ */ new Map());
   }
   /**
    * Normalizes a URL path by removing trailing slashes
@@ -566,8 +1834,8 @@ class Vt extends et {
    * @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(/\/$/, "");
+  normalizePath(t) {
+    return t === "/" ? "/" : t.replace(/\/$/, "");
   }
   /**
    * Inserts an url path into the trie and associates it with a menu key.
@@ -575,9 +1843,9 @@ class Vt extends et {
    * @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);
+  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
@@ -585,156 +1853,156 @@ class Vt extends et {
    * @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 === ""))
+  findMatchingKey(t) {
+    const a = this.normalizePath(t), r = this.findLongestPrefix(a);
+    if (r.match && this.pathToKey.has(r.match) && (a === r.match || r.remaining.startsWith("/") || r.remaining === ""))
       return this.pathToKey.get(r.match);
   }
 }
-function 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);
+function ea(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 };
+  return r(e), { key2item: n, key2fullpath: t, key2route: a };
 }
-function Yt(e) {
-  const s = new Vt(), n = (o) => {
-    o.forEach((r) => {
+function ta(e) {
+  const n = new Qr(), t = (a) => {
+    a.forEach((r) => {
       if (r.route !== void 0) {
-        const i = r.route.path.getURL();
-        s.insertRoute(i, r.key);
+        const o = r.route.path.getURL();
+        n.insertRoute(o, r.key);
       }
-      r.children !== void 0 && r.children.length > 0 && n(r.children);
+      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 na(e, n) {
+  return e.map((t) => {
+    if (t.route !== void 0)
+      return n(t.route.role) === 0 ? t : null;
+    if (t.children !== void 0) {
+      const a = t.children.filter((r) => r.route !== void 0 ? n(r.route.role) === 0 : !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 so = (e) => {
+  const n = Ye(), t = te(), [a, r] = _(/* @__PURE__ */ new Set()), [o, l] = _(/* @__PURE__ */ new Set()), [s, u] = _(), c = k(() => na(e.items, e.checkPermission), [e.items, e.checkPermission]), d = k(() => ta(e.items), [e.items]), { key2fullpath: x, key2route: g } = k(
+    () => ea(c),
+    [c]
   );
-  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 v = t.pathname, h = d.findMatchingKey(v);
+    h !== void 0 && (l(new Set(x[h])), u(h));
+  }, [t, g]);
+  const p = k(() => {
+    function v(h, j) {
+      var C, y;
+      const b = h.children !== void 0 && h.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;
+            o.has(h.key) || r((w) => {
+              const R = new Set(w);
+              return R.add(h.key), R;
             });
           },
           onMouseLeave: () => {
-            i.has(u.key) || r((b) => {
-              const R = new Set(b);
-              return R.delete(u.key), R;
+            o.has(h.key) || r((w) => {
+              const R = new Set(w);
+              return R.delete(h.key), R;
             });
           },
           children: [
-            /* @__PURE__ */ t.jsx(
-              Ee,
+            /* @__PURE__ */ i.jsx(
+              it,
               {
-                active: c === u.key,
-                href: (P = u.route) == null ? void 0 : P.path.getURL(),
-                label: u.label,
-                leftSection: u.icon,
+                active: s === h.key,
+                href: (C = h.route) == null ? void 0 : C.path.getURL(),
+                label: h.label,
+                leftSection: h.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: j === 0 ? void 0 : j === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${j})`,
                 w: "unset",
-                rightSection: O ? /* @__PURE__ */ t.jsx(
-                  Nt,
+                rightSection: b ? /* @__PURE__ */ i.jsx(
+                  jn,
                   {
                     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: a.has(h.key) || o.has(h.key),
+                onClick: (w) => {
+                  w.ctrlKey || w.metaKey || (w.preventDefault(), l((U) => {
+                    const M = new Set(U);
+                    return U.has(h.key) ? M.delete(h.key) : M.add(h.key), M;
                   }));
                 }
               },
-              u.key
+              h.key
             ),
-            (i.has(u.key) || o.has(u.key)) && u.children.map((b) => v(b, C + 1))
+            (o.has(h.key) || a.has(h.key)) && h.children.map((w) => v(w, j + 1))
           ]
         },
-        `container-${u.key}`
-      ) : /* @__PURE__ */ t.jsx(
-        Ee,
+        `container-${h.key}`
+      ) : /* @__PURE__ */ i.jsx(
+        it,
         {
-          active: c === u.key,
-          href: (f = u.route) == null ? void 0 : f.path.getURL(),
-          label: u.label,
-          leftSection: u.icon,
+          active: s === h.key,
+          href: (y = h.route) == null ? void 0 : y.path.getURL(),
+          label: h.label,
+          leftSection: h.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: j === 0 ? void 0 : j === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${j})`,
           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(), h.route != null && h.route.path.path().open(n));
           }
         },
-        u.key
+        h.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 c.map((h) => v(h, 0));
+  }, [c, s, o, a, n]);
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: p });
+}, je = ({ value: e }) => /* @__PURE__ */ i.jsx(E, { size: "sm", children: e });
+function Qe(e, n) {
+  const t = n.getDate().toString().padStart(2, "0"), a = (n.getMonth() + 1).toString().padStart(2, "0"), r = n.getFullYear();
+  return e.baseName === "en-US" ? `${a}/${t}/${r}` : e.baseName === "vi-VN" ? `${t}/${a}/${r}` : `${a}/${t}/${r}`;
+}
+const ra = ({ value: e }) => {
+  const n = ke(pe), t = k(() => {
+    const a = e.getHours().toString().padStart(2, "0"), r = e.getMinutes().toString().padStart(2, "0"), o = e.getSeconds().toString().padStart(2, "0");
+    return Qe(n, e) + `${a}:${r}:${o}`;
+  }, [n, e]);
+  return /* @__PURE__ */ i.jsx(E, { size: "sm", children: t });
+}, aa = ({ value: e }) => {
+  const n = ke(pe), t = k(() => Qe(n, e), [n, e]);
+  return /* @__PURE__ */ i.jsx(E, { size: "sm", children: t });
+}, uo = ({ value: e }) => {
+  const n = ke(pe), [t, a] = k(() => {
+    const r = Qe(n, e), o = e.getHours().toString().padStart(2, "0"), l = e.getMinutes().toString().padStart(2, "0"), s = e.getSeconds().toString().padStart(2, "0");
+    return [r, `${o}:${l}:${s}`];
+  }, [n, e]);
+  return /* @__PURE__ */ i.jsx(E, { size: "sm", title: a, children: t });
+}, oa = {
   yes: {
     lang2value: {
       en: "Yes",
@@ -749,482 +2017,482 @@ const Ht = ({ value: e }) => {
     },
     lang: "en"
   }
-}, Xt = ({ value: e }) => /* @__PURE__ */ t.jsx(
-  Q,
+}, ia = ({ value: e }) => /* @__PURE__ */ i.jsx(
+  me,
   {
     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 (se(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(E, { 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 Jt(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 = ee(
   ({
     db: e,
-    property: s,
-    value: n,
-    entityRoutes: o
+    property: n,
+    value: t,
+    entityRoutes: a
   }) => {
-    const r = S(() => [n], [n]), [i, a] = tt(
+    const r = k(() => [t], [t]), [o, l] = Jt(
       e,
-      s,
+      n,
       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,
+      a
+    ), s = o[t];
+    return s === void 0 ? /* @__PURE__ */ i.jsx(E, { size: "sm", children: t }) : s === null ? /* @__PURE__ */ i.jsx(Yt, {}) : l === void 0 ? /* @__PURE__ */ i.jsx(E, { size: "sm", children: s.name }) : /* @__PURE__ */ i.jsx(
+      Nt,
       {
-        path: a,
+        path: l,
         openInNewPage: !1,
-        urlArgs: { id: c.id },
+        urlArgs: { id: s.id },
         queryArgs: {},
-        children: c.name
+        children: s.name
       }
     );
   }
-), ue = B(
+), Fe = ee(
   ({
     db: e,
-    property: s,
-    value: n,
-    entityRoutes: o
+    property: n,
+    value: t,
+    entityRoutes: a
   }) => {
-    const [r, i] = tt(
+    const [r, o] = Jt(
       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((l, s) => {
+      const u = r[l];
+      return u === void 0 ? /* @__PURE__ */ i.jsx(E, { size: "sm", children: t }, l) : u === null ? /* @__PURE__ */ i.jsx(Yt, {}, l) : o === void 0 ? /* @__PURE__ */ i.jsx(E, { size: "sm", children: u.name }, s) : /* @__PURE__ */ i.jsx(
+        Nt,
         {
-          path: i,
+          path: o,
           openInNewPage: !1,
-          urlArgs: { id: d.id },
+          urlArgs: { id: u.id },
           queryArgs: {},
-          children: d.name
+          children: u.name
         },
-        c
+        s
       );
     }) });
   }
-), 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,
+), Q = {
+  string: je,
+  integer: je,
+  float: je,
+  boolean: ia,
+  "string[]": je,
+  enum: la,
+  datetime: ra,
+  date: aa
+}, sa = ({ property: e, value: n, onChange: t }) => /* @__PURE__ */ i.jsx(
+  W,
   {
     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 = ({
+), gt = ({
   property: e,
-  value: s,
-  onChange: n
-}) => /* @__PURE__ */ t.jsx(
-  M,
+  value: n,
+  onChange: t
+}) => /* @__PURE__ */ i.jsx(
+  W,
   {
     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;
+}, pt = ({ value: e }) => {
+  const n = le[e];
+  if (n !== void 0)
+    return /* @__PURE__ */ i.jsxs(D, { gap: "sm", wrap: "nowrap", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(E, { 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, x] = _(!1), g = k(() => {
+    const y = new Gt();
+    return Object.keys(le).forEach((w) => {
+      y.insert(w);
+    }), y;
+  }, [le]), { rawInput: p } = k(() => {
     try {
-      const { match: f, remaining: b } = rn(
+      const { match: y, remaining: w } = da(
         e,
-        x
+        g
       );
-      return h(f), y(!1), {
-        rawInput: b
+      return c(y), x(!1), {
+        rawInput: w
       };
     } catch {
-      return y(!0), h(""), {
+      return x(!0), c(""), {
         rawInput: e
       };
     }
-  }, [e]), v = Be({
+  }, [e]), v = St({
     onDropdownClose: () => {
-      v.resetSelectedOption(), i("");
+      v.resetSelectedOption(), o("");
     },
     onDropdownOpen: () => {
       v.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,
+  }), h = k(() => Object.keys(le), [le]), j = (y, w) => {
+    const R = y.replace(/[^\d]/g, "");
+    return R.length === 0 ? `+${w}` : R.startsWith("0") ? (s(!0), `+${w}${R}`) : (s(!1), `+${w}${R}`);
+  }, b = k(() => h.filter((y) => le[y].name.toLowerCase().includes(r.toLowerCase()) || y.includes(r)), [r, h]), C = k(() => b.map((y, w) => /* @__PURE__ */ i.jsx(F.Option, { value: y, children: /* @__PURE__ */ i.jsx(pt, { value: y }) }, w)), [b]);
+  return /* @__PURE__ */ i.jsxs("div", { children: [
+    /* @__PURE__ */ i.jsx(A, { gutter: "xs", children: /* @__PURE__ */ i.jsx(A.Col, { children: /* @__PURE__ */ i.jsxs(D, { gap: 5, children: [
+      /* @__PURE__ */ i.jsxs(
+        F,
         {
           store: v,
           position: "top-start",
-          onOptionSubmit: (f) => {
-            i(""), v.closeDropdown(), s({
-              target: { value: C(g, f) }
+          onOptionSubmit: (y) => {
+            o(""), v.closeDropdown(), n({
+              target: { value: j(p, y) }
             });
           },
           children: [
-            /* @__PURE__ */ t.jsx(E.Target, { children: /* @__PURE__ */ t.jsx(
-              vt,
+            /* @__PURE__ */ i.jsx(F.Target, { children: /* @__PURE__ */ i.jsx(
+              fn,
               {
                 component: "button",
                 type: "button",
                 pointer: !0,
-                rightSection: /* @__PURE__ */ t.jsx(E.Chevron, {}),
+                rightSection: /* @__PURE__ */ i.jsx(F.Chevron, {}),
                 onClick: () => v.toggleDropdown(),
                 rightSectionPointerEvents: "none",
                 w: 110,
-                children: /* @__PURE__ */ t.jsx(Le, { value: d })
+                children: /* @__PURE__ */ i.jsx(pt, { 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(Et, { size: 14, stroke: 1.5 }),
                   placeholder: ".....",
                   value: r,
-                  onChange: (f) => i(f.currentTarget.value)
+                  onChange: (y) => o(y.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: C.length > 0 ? C : /* @__PURE__ */ i.jsx(F.Empty, { children: /* @__PURE__ */ i.jsx(E, { size: "sm", children: "Nothing found" }) }) })
             ] })
           ]
         }
       ),
-      d === "" ? /* @__PURE__ */ t.jsx(
-        M,
+      u === "" ? /* @__PURE__ */ i.jsx(
+        W,
         {
-          id: o,
-          value: g,
+          id: a,
+          value: p,
           type: "phone_number",
-          onChange: (f) => {
-            s({ target: { value: f.target.value } });
+          onChange: (y) => {
+            n({ target: { value: y.target.value } });
           },
-          error: n,
+          error: t,
           flex: 1
         }
-      ) : /* @__PURE__ */ t.jsx(
-        M,
+      ) : /* @__PURE__ */ i.jsx(
+        W,
         {
-          id: o,
-          value: g,
+          id: a,
+          value: p,
           type: "phone_number",
-          onAccept: (f) => {
-            const b = f.replace(/[^\d]/g, "");
-            s({
-              target: { value: C(b, d) }
+          onAccept: (y) => {
+            const w = y.replace(/[^\d]/g, "");
+            n({
+              target: { value: j(w, u) }
             });
           },
-          component: Lt,
+          component: Nn,
           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(A, { gutter: "xs", children: /* @__PURE__ */ i.jsx(A.Col, { children: /* @__PURE__ */ i.jsx(W.Error, { children: l ? /* @__PURE__ */ i.jsx(O, { value: ua }) : d ? /* @__PURE__ */ i.jsx(O, { value: ca }) : t }) }) })
   ] });
-}, 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] = k(() => e.constraints.includes("password") ? ["password", hn] : e.constraints.includes("phone_number") ? ["phone_number", fa] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", W], [e.constraints]);
+  return /* @__PURE__ */ i.jsx(
+    o,
     {
       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
+}, xt = {
+  integer: gt,
+  float: gt,
+  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(E, { size: "sm", children: e.name }), pa = ee(
+  (e) => /* @__PURE__ */ i.jsx("h1", { children: "SingleForeignKey" })
+), xa = ee(
   ({
     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(ge, { 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 = St({
+    onDropdownClose: () => s.resetSelectedOption()
+  }), u = k(() => 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(
+          W,
           {
             id: e,
             pointer: !0,
-            rightSection: /* @__PURE__ */ t.jsx(Ge, { size: 16, stroke: 1.5 }),
+            rightSection: /* @__PURE__ */ i.jsx(Et, { 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 = k(() => {
     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(mn, { size: "sm", onClick: () => n(l) })
+        ] }, o)
+      ), o < e.length - 1 && r.push(/* @__PURE__ */ i.jsx(gn, {}, `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(re, { bd: "1px solid #ddd", children: a });
+}, ba = "_requiredLabelLeft_l5p83_1", wa = "_requiredLabelRight_l5p83_11", vt = {
+  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" ? vt.requiredLabelRight : vt.requiredLabelLeft : "";
+  return /* @__PURE__ */ i.jsx(B, { align: "center", h: 36, children: /* @__PURE__ */ i.jsx("label", { htmlFor: n, style: r, children: /* @__PURE__ */ i.jsxs(D, { gap: 4, children: [
+    /* @__PURE__ */ i.jsx(E, { size: "sm", className: l, children: e }),
+    a !== void 0 && /* @__PURE__ */ i.jsx(Ct, { label: a, withArrow: !0, children: /* @__PURE__ */ i.jsx(
+      kt,
       {
         size: 16,
         stroke: 1.5,
@@ -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 = ee(
   ({
     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 = (x) => {
+      var p;
+      if (Tt(n))
+        n[t.updateFuncName](x);
       else {
-        const v = s.toDraft();
-        v[n.updateFuncName](y), e.setDraft(v);
+        const v = n.toDraft();
+        v[t.updateFuncName](x), e.setDraft(v);
       }
-      const x = i(y);
-      x.isValid ? c(void 0) : c(
-        (g = x.errorMessage) == null ? void 0 : g.t({ args: { name: n.label } })
+      const g = o(x);
+      g.isValid ? s(void 0) : s(
+        (p = g.errorMessage) == null ? void 0 : p.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(ge, { gap: 5, children: [
+        /* @__PURE__ */ i.jsxs(A, { gutter: "sm", children: [
+          /* @__PURE__ */ i.jsx(
+            A.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(A.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(A, { gutter: "sm", children: [
+          /* @__PURE__ */ i.jsx(A.Col, { span: a.labelCol }),
+          /* @__PURE__ */ i.jsx(A.Col, { span: a.itemCol, children: /* @__PURE__ */ i.jsx(W.Error, { children: l }) })
         ] })
       ] });
-    let 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(
+        Ct,
         {
-          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(
+            kt,
             {
               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(
+      W.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 yt = 12, co = (e) => {
+  const n = e.schema, t = k(() => {
+    const a = Math.max(
+      ...e.fieldGroups.map((r) => Math.max(...r.fields.map((o) => o.length)))
     );
-    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 && Tt(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(ge, { gap: "sm", className: e.className, style: e.styles, children: [
+        t,
+        /* @__PURE__ */ i.jsx(D, { gap: "sm", children: e.actions.map((a, r) => /* @__PURE__ */ i.jsx(
+          q,
           {
-            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 x = yt / s[d].length;
+    if (!Number.isInteger(x))
+      throw new Error(`Span must be an integer, but got ${x} for row ${d}`);
+    let g;
+    l !== void 0 && typeof l == "object" && l.type === "horizontal" ? g = {
+      ...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: yt - Math.floor(l.labelCol * s[d].length / o)
+    } : g = l;
+    for (let p = 0; p < s[d].length; p++) {
+      const v = s[d][p], h = e.allProperties[v];
+      let j;
+      if (se(h))
+        j = h.cardinality === "N:N" || h.cardinality === "1:N" ? xa : pa;
       else {
-        if (ze[u.datatype] === void 0)
+        if (xt[h.datatype] === void 0)
           throw new Error(
-            `No input component found for datatype ${u.datatype}`
+            `No input component found for datatype ${h.datatype}`
           );
-        C = ze[u.datatype];
+        j = xt[h.datatype];
       }
-      d.push(
-        /* @__PURE__ */ t.jsx(I.Col, { span: y, children: /* @__PURE__ */ t.jsx(
-          jn,
+      u.push(
+        /* @__PURE__ */ i.jsx(A.Col, { span: x, children: /* @__PURE__ */ i.jsx(
+          Ca,
           {
-            store: s,
-            record: n,
-            property: u,
-            layout: x,
-            InputComponent: C,
+            store: n,
+            record: t,
+            property: h,
+            layout: g,
+            InputComponent: j,
             validator: e.validators[v]
           }
-        ) }, `${m}-${g}`)
+        ) }, `${d}-${p}`)
       );
     }
   }
-  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(A, { gutter: "sm", children: u }, a);
+  return r.name !== void 0 ? /* @__PURE__ */ i.jsx(pn, { legend: r.name, children: c }, a) : c;
 }
-const nt = ({
+const Xt = ({
   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(
+    q,
     {
       variant: "light",
-      leftSection: /* @__PURE__ */ t.jsx(Et, { size: 16, stroke: 1.5 }),
-      size: o,
+      leftSection: /* @__PURE__ */ i.jsx(Sn, { 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(
+    q,
     {
-      leftSection: /* @__PURE__ */ t.jsx(It, { size: 16, stroke: 1.5 }),
-      size: o,
+      leftSection: /* @__PURE__ */ i.jsx(Cn, { 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(
+    q,
     {
-      leftSection: /* @__PURE__ */ t.jsx(_t, { size: 16, stroke: 1.5 }),
-      size: o,
-      onClick: s,
+      leftSection: /* @__PURE__ */ i.jsx(Rn, { 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(
+    q,
     {
-      leftSection: /* @__PURE__ */ t.jsx(Ft, { size: 16, stroke: 1.5 }),
-      size: o,
+      leftSection: /* @__PURE__ */ i.jsx(En, { 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(
+    q,
     {
-      leftSection: /* @__PURE__ */ t.jsx(At, { size: 16, stroke: 1.5 }),
-      size: o,
+      leftSection: /* @__PURE__ */ i.jsx(kn, { 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,
+] }), Zt = (e) => e !== void 0 && (e.add !== void 0 || e.edit !== void 0 || e.delete !== void 0 || e.export !== void 0 || e.reload === !0 || e.import !== void 0), ka = "__selectcol__", { Thead: Ta, Tr: bt, Th: Na, Tbody: Pa, Td: Ia } = Rt, Qt = (e) => {
+  const n = /* @__PURE__ */ i.jsxs(
+    Rt,
     {
       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(bt, { 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 : lt(
               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(
+          bt,
           {
-            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: lt(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(re, { withBorder: !0, p: 0, style: t, children: n });
+}, La = "_pageSizeSelectorActive_1wv6j_1", Fa = {
+  pageSizeSelectorActive: La
+}, en = ({
   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(
+    xn,
     {
       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(E, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
+      /* @__PURE__ */ i.jsx(
+        Aa,
         {
           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;
+}, wt = {
+  xs: ce(22),
+  sm: ce(26),
+  md: ce(32),
+  lg: ce(38),
+  xl: ce(44)
 };
-function kn({
+function Aa({
   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(vn, { children: /* @__PURE__ */ i.jsx(
+      q,
       {
         size: e,
         variant: "default",
-        rightSection: /* @__PURE__ */ t.jsx(Ot, { size: 16, stroke: 1.5 }),
+        rightSection: /* @__PURE__ */ i.jsx(Tn, { size: 16, stroke: 1.5 }),
         style: [
           { fontWeight: "normal" },
           (r) => ({
-            height: qe[e],
+            height: wt[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(yn, { children: n.map((r) => {
+      const o = r === t;
+      return /* @__PURE__ */ i.jsx(
+        bn,
         {
-          className: i ? Tn.pageSizeSelectorActive : void 0,
+          className: o ? Fa.pageSizeSelectorActive : void 0,
           style: [
-            { height: qe[e] }
+            { height: wt[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(E, { 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 b, C;
+  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 = (y) => {
+    r(!0), e.getData(y).then((w) => {
+      t(w), r(!1);
     });
-  }, d = (f, b) => {
+  }, u = (y, w) => {
     const R = {
       ...e.query.query,
-      limit: b,
-      offset: f * b
+      limit: w,
+      offset: y * w
     };
     e.query.update(R);
-  }, [h, m, y] = S(() => {
-    const f = e.query.query.limit, b = Math.floor(
+  }, [c, d, x] = k(() => {
+    const y = e.query.query.limit, w = 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,
+    ), R = Math.ceil(n.total / e.query.query.limit);
+    return [y, w, R];
+  }, [e.query.query.limit, e.query.query.offset, n.total]);
+  Te(() => (n.total == 0 && s(e.query.query), e.query.subscribe(s)), [e.query]);
+  const g = k(() => Object.keys(o).filter((y) => o[y]).map((y) => e.normalizeRowId(y)), [o]);
+  let p, v;
+  Zt(e.actions) && (p = /* @__PURE__ */ i.jsx(
+    Xt,
     {
       actions: e.actions,
-      reloadData: () => c(e.query.query),
-      selectedRowKeys: x
+      reloadData: () => s(e.query.query),
+      selectedRowKeys: g
     }
   ));
-  const u = ((O = e.pagination) == null ? void 0 : O.positions) || Nn;
-  if (u.size > 0) {
-    const f = /* @__PURE__ */ t.jsx(
-      st,
+  const h = ((b = e.pagination) == null ? void 0 : b.positions) || _a;
+  if (h.size > 0) {
+    const y = /* @__PURE__ */ i.jsx(
+      en,
       {
-        total: y,
-        pageIndex: m,
-        pageSize: h,
-        onUpdatePagination: d,
-        allowPageSizeChange: (P = e.pagination) == null ? void 0 : P.showSizeChanger
+        total: x,
+        pageIndex: d,
+        pageSize: c,
+        onUpdatePagination: u,
+        allowPageSizeChange: (C = e.pagination) == null ? void 0 : C.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: [
-      f,
-      /* @__PURE__ */ t.jsxs(p, { size: "sm", c: "dimmed", children: [
+    h.has("topRight") && (p !== void 0 ? p = /* @__PURE__ */ i.jsxs(D, { justify: "space-between", gap: "sm", children: [
+      p,
+      y
+    ] }) : p = /* @__PURE__ */ i.jsx(B, { justify: "flex-end", children: y })), (h.has("bottomRight") || h.has("bottomLeft") || h.has("bottomCenter")) && (h.has("bottomLeft") ? v = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      y,
+      /* @__PURE__ */ i.jsxs(E, { 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: [
+    ] }) : v = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(E, { 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
+      y
     ] }));
   }
-  const C = S(() => /* @__PURE__ */ t.jsx(
-    En,
+  const j = k(() => /* @__PURE__ */ i.jsx(
+    $a,
     {
-      data: s,
-      loading: o,
+      data: n,
+      loading: a,
       columns: e.columns,
       getRowId: e.getRowId,
-      selectedRowKeys: i,
-      setSelectedRowKeys: a,
-      hasTopSection: g !== void 0,
+      selectedRowKeys: o,
+      setSelectedRowKeys: l,
+      hasTopSection: p !== void 0,
       hasBottomSection: v !== void 0
     }
   ), [
-    s,
-    o,
+    n,
+    a,
     e.columns,
     e.getRowId,
-    i,
-    a,
-    g !== void 0,
+    o,
+    l,
+    p !== void 0,
     v !== void 0
   ]);
-  return g === void 0 || v === void 0 ? C : /* @__PURE__ */ t.jsxs("div", { children: [
-    g !== void 0 && /* @__PURE__ */ t.jsx(
-      U,
+  return p === void 0 || v === void 0 ? j : /* @__PURE__ */ i.jsxs("div", { children: [
+    p !== void 0 && /* @__PURE__ */ i.jsx(
+      re,
       {
         withBorder: !0,
         p: "xs",
@@ -1721,12 +2989,12 @@ const Nn = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), or = (e) => {
           borderBottomRightRadius: 0,
           borderBottom: "none"
         },
-        children: g
+        children: p
       }
     ),
-    C,
-    v !== void 0 && /* @__PURE__ */ t.jsx(
-      U,
+    j,
+    v !== void 0 && /* @__PURE__ */ i.jsx(
+      re,
       {
         withBorder: !0,
         p: "xs",
@@ -1739,21 +3007,21 @@ const Nn = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), or = (e) => {
       }
     )
   ] });
-}, En = (e) => {
-  const s = S(() => {
-    const o = [
+}, $a = (e) => {
+  const n = k(() => {
+    const a = [
       {
         id: "selection",
-        header: ({ table: r }) => /* @__PURE__ */ t.jsx(
-          Q,
+        header: ({ table: r }) => /* @__PURE__ */ i.jsx(
+          me,
           {
             checked: r.getIsAllRowsSelected(),
             indeterminate: r.getIsSomeRowsSelected(),
             onChange: r.getToggleAllRowsSelectedHandler()
           }
         ),
-        cell: ({ row: r }) => /* @__PURE__ */ t.jsx(
-          Q,
+        cell: ({ row: r }) => /* @__PURE__ */ i.jsx(
+          me,
           {
             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 = Pt({
     data: e.data.records,
-    columns: s,
-    getCoreRowModel: Xe(),
+    columns: n,
+    getCoreRowModel: It(),
     // 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(
+    Qt,
     {
-      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 tn(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 (se(t))
+    t.cardinality === "1:N" || t.cardinality === "N:N" ? l = Fe : l = Le;
   else {
-    if (K[n.datatype] === void 0)
+    if (Q[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 = Q[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 (se(a))
+    a.cardinality === "1:N" || a.cardinality === "N:N" ? s = Fe : s = Le;
   else {
-    if (K[o.datatype] === void 0)
+    if (Q[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 = Q[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) => nn(o) ? o : tn(
     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) => nn(o) ? o : tn(
     e,
-    n,
-    s.publicProperties[i],
+    t,
+    n.publicProperties[o],
     r
   ));
 }
-function at(e) {
+function nn(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, x;
+  const [n, t] = _(
     {}
-  ), o = S(() => {
-    const x = [
+  ), a = k(() => {
+    const g = [
       {
         id: "selection",
-        header: ({ table: g }) => /* @__PURE__ */ t.jsx(
-          Q,
+        header: ({ table: p }) => /* @__PURE__ */ i.jsx(
+          me,
           {
-            checked: g.getIsAllRowsSelected(),
-            indeterminate: g.getIsSomeRowsSelected(),
-            onChange: g.getToggleAllRowsSelectedHandler()
+            checked: p.getIsAllRowsSelected(),
+            indeterminate: p.getIsSomeRowsSelected(),
+            onChange: p.getToggleAllRowsSelectedHandler()
           }
         ),
-        cell: ({ row: g }) => /* @__PURE__ */ t.jsx(
-          Q,
+        cell: ({ row: p }) => /* @__PURE__ */ i.jsx(
+          me,
           {
-            checked: g.getIsSelected(),
-            disabled: !g.getCanSelect(),
-            onChange: g.getToggleSelectedHandler()
+            checked: p.getIsSelected(),
+            disabled: !p.getCanSelect(),
+            onChange: p.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((p) => {
+      g.push({
+        id: p.key,
+        header: p.title,
+        accessorFn: p.render,
+        cell: ({ row: v }) => p.render(v.original)
       });
-    }), x;
-  }, [e.columns]), r = Ze({
+    }), g;
+  }, [e.columns]), r = Pt({
     data: e.data,
-    columns: o,
-    getCoreRowModel: Xe(),
-    getPaginationRowModel: zt(),
+    columns: a,
+    getCoreRowModel: It(),
+    getPaginationRowModel: Pn(),
     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 = k(() => Object.keys(n).filter((g) => n[g]).map(Number), [n]);
+  let l, s;
+  Zt(e.actions) && (l = /* @__PURE__ */ i.jsx(
+    Xt,
     {
       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 g = r.getState().pagination, p = /* @__PURE__ */ i.jsx(
+      en,
       {
         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: g.pageIndex,
+        pageSize: g.pageSize,
+        onUpdatePagination: (v, h) => r.setPagination({ pageIndex: v, pageSize: h }),
+        allowPageSizeChange: (x = e.pagination) == null ? void 0 : x.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,
+      p
+    ] }) : l = /* @__PURE__ */ i.jsx(B, { justify: "flex-end", children: p })), (u.has("bottomRight") || u.has("bottomLeft") || u.has("bottomCenter")) && (u.has("bottomLeft") ? s = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      p,
+      /* @__PURE__ */ i.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        x.pageIndex * x.pageSize + 1,
+        g.pageIndex * g.pageSize + 1,
         " to",
         " ",
         Math.min(
-          (x.pageIndex + 1) * x.pageSize,
+          (g.pageIndex + 1) * g.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(B, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        x.pageIndex * x.pageSize + 1,
+        g.pageIndex * g.pageSize + 1,
         " to",
         " ",
         Math.min(
-          (x.pageIndex + 1) * x.pageSize,
+          (g.pageIndex + 1) * g.pageSize,
           e.data.length
         ),
         " ",
@@ -2004,22 +3272,22 @@ const In = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), lr = (e) => {
         e.data.length,
         " records"
       ] }),
-      g
+      p
     ] }));
   }
-  const h = /* @__PURE__ */ t.jsx(
-    ot,
+  const c = /* @__PURE__ */ i.jsx(
+    Qt,
     {
-      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(
+      re,
       {
         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(
+      re,
       {
         withBorder: !0,
         p: "xs",
@@ -2042,206 +3310,206 @@ const In = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), lr = (e) => {
           borderTopRightRadius: 0,
           borderTop: "none"
         },
-        children: c
+        children: s
       }
     )
   ] });
-}, Ke = B(
+}, jt = ee(
   ({
     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(E, { 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 = ee(
   ({
     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(E, { 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 = k(() => 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(ge, { 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 x = l[u][d];
+      let g;
+      if (typeof x == "function")
+        g = x(n, t);
+      else if (typeof x == "object" && "prop" in x) {
+        const p = e.allProperties[x.prop], v = x.display;
+        g = /* @__PURE__ */ i.jsx(
+          jt,
           {
-            store: s,
-            record: n,
-            property: g,
+            store: n,
+            record: t,
+            property: p,
             DisplayComponent: v,
-            entityRoutes: i
+            entityRoutes: o
           }
         );
       } else {
-        const g = e.allProperties[y];
+        const p = e.allProperties[x];
         let v;
-        if (W(g))
-          v = g.cardinality === "N:N" || g.cardinality === "1:N" ? ue : de;
+        if (se(p))
+          v = p.cardinality === "N:N" || p.cardinality === "1:N" ? Fe : Le;
         else {
-          if (K[g.datatype] === void 0)
+          if (Q[p.datatype] === void 0)
             throw new Error(
-              `No display component found for datatype ${g.datatype}`
+              `No display component found for datatype ${p.datatype}`
             );
-          v = K[g.datatype];
+          v = Q[p.datatype];
         }
-        x = /* @__PURE__ */ t.jsx(
-          Ke,
+        g = /* @__PURE__ */ i.jsx(
+          jt,
           {
-            store: s,
-            record: n,
-            property: g,
+            store: n,
+            record: t,
+            property: p,
             DisplayComponent: v,
-            entityRoutes: i
+            entityRoutes: o
           }
         );
       }
-      c.push(
-        /* @__PURE__ */ t.jsx(I.Col, { span: h, children: x }, `${d}-${m}`)
+      s.push(
+        /* @__PURE__ */ i.jsx(A.Col, { span: c, children: g }, `${u}-${d}`)
       );
     }
   }
-  return /* @__PURE__ */ t.jsx(I, { gutter: "sm", children: c }, o);
+  return /* @__PURE__ */ i.jsx(A, { 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 (se(a))
+    r = a.cardinality === "N:N" || a.cardinality === "1:N" ? Fe : Le;
   else {
-    if (K[o.datatype] === void 0)
+    if (Q[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 = Q[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(ve, { defaultValue: e.fieldTabs[0].tabName, children: [
+  /* @__PURE__ */ i.jsx(ve.List, { children: e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(ve.Tab, { value: n.tabName, children: n.tabName }, t)) }),
+  e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(ve.Panel, { value: n.tabName, pt: "sm", children: /* @__PURE__ */ i.jsx(
+    za,
     {
       schema: e.schema,
       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,
+  xt as DataType2Component,
+  Q as DataType2DisplayComponent,
+  aa as DateDisplay,
+  ra as DateTimeDisplay,
+  uo as DateTimeHideTimeDisplay,
+  _n as EmojiCountryFlag,
+  Ca as FormItem,
+  ja as FormItemLabel,
+  Za as LanguageSelector,
+  to as Loading,
+  no as LoadingInline,
+  pe as LocaleContext,
+  Xa as LocaleProvider,
+  Qr as MenuTrie,
+  Fe as MultiForeignKeyDisplay,
+  O as MultiLingualString,
+  ro as NotAuthorized,
+  Qa as NotFound,
+  Yt as NotFoundInline,
+  eo as NotFoundSubPage,
+  lo as OrderedUniqueList,
+  Zr as Permission,
+  An as SVGCountryFlag,
+  po as SeraEmbeddedTable,
+  co as SeraForm,
+  fo as SeraTable,
+  so as SeraVerticalMenu,
+  za as SeraView,
+  vo as SeraViewTab,
+  Le as SingleForeignKeyDisplay,
+  Gt as Trie,
+  mt as TrieNode,
+  ea as buildMenuItemIndex,
+  N as countryFlags,
+  na as filterAllowedItems,
+  ao as groupBy,
+  oo as groupByAsList,
+  nn as isSeraColumn,
+  go as makeEmbeddedTableColumns,
+  xo as makeFieldDisplay,
+  tn as makeTableColumn,
+  ho as makeTableColumnFromNestedProperty,
+  mo as makeTableColumns,
+  io as uniqueList
 };