sera-components 1.1.8 → 1.1.10

package/dist/index.js

@@ -1,16 +1,15 @@
-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 _, 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 = {};
+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 = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -20,29 +19,29 @@ var ye = { exports: {} }, de = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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, {
+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, {
       $$typeof: e,
-      type: a,
-      key: l,
+      type: o,
+      key: a,
       ref: r !== void 0 ? r : null,
-      props: o
+      props: i
     };
   }
-  return de.Fragment = n, de.jsx = t, de.jsxs = t, de;
+  return Z.Fragment = s, Z.jsx = n, Z.jsxs = n, Z;
 }
-var fe = {};
+var X = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -52,245 +51,245 @@ var fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ut;
-function Ln() {
-  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:
+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:
           return "Fragment";
-        case b:
+        case O:
           return "Profiler";
-        case j:
+        case C:
           return "StrictMode";
         case R:
           return "Suspense";
-        case U:
+        case ne:
           return "SuspenseList";
-        case O:
+        case lt:
           return "Activity";
       }
-      if (typeof m == "object")
-        switch (typeof m.tag == "number" && console.error(
+      if (typeof l == "object")
+        switch (typeof l.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), m.$$typeof) {
+        ), l.$$typeof) {
           case v:
             return "Portal";
-          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;
+          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;
             try {
-              return e(m(S));
+              return e(l(j));
             } catch {
             }
         }
       return null;
     }
-    function n(m) {
-      return "" + m;
+    function s(l) {
+      return "" + l;
     }
-    function t(m) {
+    function n(l) {
       try {
-        n(m);
-        var S = !1;
+        s(l);
+        var j = !1;
       } catch {
-        S = !0;
+        j = !0;
       }
-      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,
+      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,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          I
-        ), n(m);
+          k
+        ), s(l);
       }
     }
-    function a(m) {
-      if (m === h) return "<>";
-      if (typeof m == "object" && m !== null && m.$$typeof === ne)
+    function o(l) {
+      if (l === u) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === Se)
         return "<...>";
       try {
-        var S = e(m);
-        return S ? "<" + S + ">" : "<...>";
+        var j = e(l);
+        return j ? "<" + j + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var m = ae.A;
-      return m === null ? null : m.getOwner();
+      var l = ge.A;
+      return l === null ? null : l.getOwner();
     }
-    function o() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function l(m) {
-      if (et.call(m, "key")) {
-        var S = Object.getOwnPropertyDescriptor(m, "key").get;
-        if (S && S.isReactWarning) return !1;
+    function a(l) {
+      if (we.call(l, "key")) {
+        var j = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (j && j.isReactWarning) return !1;
       }
-      return m.key !== void 0;
+      return l.key !== void 0;
     }
-    function s(m, S) {
-      function T() {
-        tt || (tt = !0, console.error(
+    function c(l, j) {
+      function w() {
+        Ce || (Ce = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          S
+          j
         ));
       }
-      T.isReactWarning = !0, Object.defineProperty(m, "key", {
-        get: T,
+      w.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: w,
         configurable: !0
       });
     }
-    function u() {
-      var m = e(this.type);
-      return nt[m] || (nt[m] = !0, console.error(
+    function d() {
+      var l = e(this.type);
+      return Re[l] || (Re[l] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), m = this.props.ref, m !== void 0 ? m : null;
+      )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function c(m, S, T, I, J, z, $e, Oe) {
-      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", {
+    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", {
         enumerable: !1,
-        get: u
-      }) : Object.defineProperty(m, "ref", { enumerable: !1, value: null }), m._store = {}, Object.defineProperty(m._store, "validated", {
+        get: d
+      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(m, "_debugInfo", {
+      }), Object.defineProperty(l, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(m, "_debugStack", {
+      }), Object.defineProperty(l, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $e
-      }), Object.defineProperty(m, "_debugTask", {
+        value: fe
+      }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Oe
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+        value: me
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function d(m, S, T, I, J, z, $e, Oe) {
-      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);
+    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);
           } 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 x(L);
-      if (et.call(S, "key")) {
-        L = e(m);
-        var oe = Object.keys(S).filter(function(an) {
-          return an !== "key";
+        else y(N);
+      if (we.call(j, "key")) {
+        N = e(l);
+        var V = Object.keys(j).filter(function(ut) {
+          return ut !== "key";
         });
-        I = 0 < oe.length ? "{key: someKey, " + oe.join(": ..., ") + ": ...}" : "{key: someKey}", ot[L + I] || (oe = 0 < oe.length ? "{" + oe.join(": ..., ") + ": ...}" : "{}", console.error(
+        k = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", Ne[N + k] || (V = 0 < V.length ? "{" + V.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} />`,
-          I,
-          L,
-          oe,
-          L
-        ), ot[L + I] = !0);
+          k,
+          N,
+          V,
+          N
+        ), Ne[N + k] = !0);
       }
-      if (L = null, T !== void 0 && (t(T), L = "" + T), l(S) && (t(S.key), L = "" + S.key), "key" in S) {
-        T = {};
-        for (var De in S)
-          De !== "key" && (T[De] = S[De]);
-      } else T = S;
-      return L && s(
-        T,
-        typeof m == "function" ? m.displayName || m.name || "Unknown" : m
-      ), c(
-        m,
+      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,
         L,
-        z,
-        J,
+        $,
         r(),
-        T,
-        $e,
-        Oe
+        w,
+        fe,
+        me
       );
     }
-    function x(m) {
-      typeof m == "object" && m !== null && m.$$typeof === p && m._store && (m._store.validated = 1);
+    function y(l) {
+      typeof l == "object" && l !== null && l.$$typeof === g && l._store && (l._store.validated = 1);
     }
-    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"), O = 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() {
+    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() {
       return null;
     };
-    g = {
-      "react-stack-bottom-frame": function(m) {
-        return m();
+    x = {
+      react_stack_bottom_frame: function(l) {
+        return l();
       }
     };
-    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,
+    var Ce, Re = {}, Te = x.react_stack_bottom_frame.bind(
+      x,
+      i
+    )(), ke = he(o(i)), Ne = {};
+    X.Fragment = u, X.jsx = function(l, j, w, k, $) {
+      var L = 1e4 > ge.recentlyCreatedOwnerStacks++;
+      return m(
+        l,
+        j,
+        w,
         !1,
-        I,
-        J,
-        z ? Error("react-stack-top-frame") : rt,
-        z ? Ae(a(m)) : at
+        k,
+        $,
+        L ? Error("react-stack-top-frame") : Te,
+        L ? he(o(l)) : ke
       );
-    }, fe.jsxs = function(m, S, T, I, J) {
-      var z = 1e4 > ae.recentlyCreatedOwnerStacks++;
-      return d(
-        m,
-        S,
-        T,
+    }, X.jsxs = function(l, j, w, k, $) {
+      var L = 1e4 > ge.recentlyCreatedOwnerStacks++;
+      return m(
+        l,
+        j,
+        w,
         !0,
-        I,
-        J,
-        z ? Error("react-stack-top-frame") : rt,
-        z ? Ae(a(m)) : at
+        k,
+        $,
+        L ? Error("react-stack-top-frame") : Te,
+        L ? he(o(l)) : ke
       );
     };
-  }()), fe;
+  }()), X;
 }
-var ct;
-function Fn() {
-  return ct || (ct = 1, process.env.NODE_ENV === "production" ? ye.exports = In() : ye.exports = Ln()), ye.exports;
+var Ae;
+function $t() {
+  return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? oe.exports = Dt() : oe.exports = Mt()), oe.exports;
 }
-var i = Fn();
-const N = {
+var t = $t();
+const T = {
   UK: {
     svgFlag: "https://flagcdn.com/gb.svg",
     emojiFlag: "🇬🇧"
@@ -351,1339 +350,72 @@ const N = {
     svgFlag: "https://flagcdn.com/in.svg",
     emojiFlag: "🇮🇳"
   }
-}, 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,
+}, 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,
   {
     component: "span",
-    style: (n) => ({ textShadow: n.shadows.xs }),
+    style: (s) => ({ textShadow: s.shadows.xs }),
     children: e.emojiFlag
   }
-), Be = navigator.userAgent.includes("Windows") ? An : $n, pe = un(new Intl.Locale("en-US")), Xa = ee(
+), ve = navigator.userAgent.includes("Windows") ? qt : Kt, te = mt(new Intl.Locale("en-US")), Un = B(
   ({
     value: e,
-    children: n
-  }) => /* @__PURE__ */ i.jsx(pe.Provider, { value: e.locale, children: n })
-), On = {
+    children: s
+  }) => /* @__PURE__ */ t.jsx(te.Provider, { value: e.locale, children: s })
+), Bt = {
   lang2value: {
     en: "Choose Language",
     vi: "Chọn ngôn ngữ"
   }
-}, be = {
+}, se = {
   en: {
     name: "English",
-    flag: N.US,
+    flag: T.US,
     locale: new Intl.Locale("en-US")
   },
   vi: {
     name: "Tiếng Việt",
-    flag: N.VN,
+    flag: T.VN,
     locale: new Intl.Locale("vi-VN")
   }
-}, Za = ({
+}, Vn = ({
   locale: e,
-  setLocale: n
+  setLocale: s
 }) => {
-  const t = k(() => Object.entries(be).map(
-    ([a, { flag: r, name: o, locale: l }]) => /* @__PURE__ */ i.jsx(
-      ie.Item,
+  const n = S(() => Object.entries(se).map(
+    ([o, { flag: r, name: i, locale: a }]) => /* @__PURE__ */ t.jsx(
+      G.Item,
       {
-        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 })
+        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 })
       },
-      a
+      o
     )
-  ), [be, e]);
-  return /* @__PURE__ */ i.jsxs(ie, { width: 170, children: [
-    /* @__PURE__ */ i.jsx(ie.Target, { children: /* @__PURE__ */ i.jsx(
-      q,
+  ), [se, e]);
+  return /* @__PURE__ */ t.jsxs(G, { width: 170, children: [
+    /* @__PURE__ */ t.jsx(G.Target, { children: /* @__PURE__ */ t.jsx(
+      D,
       {
         variant: "subtle",
         size: "sm",
-        leftSection: /* @__PURE__ */ i.jsx(Be, { flag: be[e.language].flag }),
-        children: /* @__PURE__ */ i.jsx(E, { size: "sm", children: be[e.language].name })
+        leftSection: /* @__PURE__ */ t.jsx(ve, { flag: se[e.language].flag }),
+        children: /* @__PURE__ */ t.jsx(p, { size: "sm", children: se[e.language].name })
       }
     ) }),
-    /* @__PURE__ */ i.jsxs(ie.Dropdown, { children: [
-      /* @__PURE__ */ i.jsx(ie.Label, { children: /* @__PURE__ */ i.jsx(E, { size: "sm", children: On.lang2value[e.language] }) }),
-      t
+    /* @__PURE__ */ t.jsxs(G.Dropdown, { children: [
+      /* @__PURE__ */ t.jsx(G.Label, { children: /* @__PURE__ */ t.jsx(p, { size: "sm", children: Bt.lang2value[e.language] }) }),
+      n
     ] })
   ] });
-}, D = ({ 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 Dn(e, n, t, !1);
-}
-function Dn(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);
-  _n(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 _n(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 _e(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 Ot(e, n, t, a = !1) {
-  let r;
-  typeof e == "string" ? r = Ke(e) : (r = { ...e }, P(
-    !r.pathname || !r.pathname.includes("?"),
-    _e("?", "pathname", "search", r)
-  ), P(
-    !r.pathname || !r.pathname.includes("#"),
-    _e("#", "pathname", "hash", r)
-  ), P(
-    !r.search || !r.search.includes("#"),
-    _e("#", "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 Dt = [
-  "POST",
-  "PUT",
-  "PATCH",
-  "DELETE"
-];
-new Set(
-  Dt
-);
-var rr = [
-  "GET",
-  ...Dt
-];
-new Set(rr);
-var ue = f.createContext(null);
-ue.displayName = "DataRouter";
-var Ne = f.createContext(null);
-Ne.displayName = "DataRouterState";
-f.createContext(!1);
-var _t = f.createContext({
-  isTransitioning: !1
-});
-_t.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 = Ot(
-        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(
-    () => Ot(
-      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 Or(
-    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 Or(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 Dr() {
-  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 _r(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 } = Dr(), 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 O = new URL(window.location.href), G = c.startsWith("//") ? new URL(O.protocol + c) : new URL(c), ae = Z(G.pathname, v);
-        G.origin === O.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] = _r(
-      a,
-      g
-    ), U = Vr(c, {
-      replace: l,
-      state: s,
-      target: u,
-      preventScrollReset: d,
-      relative: r,
-      viewTransition: x
-    });
-    function M(O) {
-      n && n(O), O.defaultPrevented || U(O);
-    }
-    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, O;
-    typeof a == "function" ? O = a(M) : O = [
-      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: O,
-        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(_t);
-  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,
+}, 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,
     {
       size: "xs",
       style: {
@@ -1692,32 +424,32 @@ const Qa = ({ message: e }) => {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: /* @__PURE__ */ i.jsx(
-        qe,
+      children: /* @__PURE__ */ t.jsx(
+        be,
         {
           color: "red",
           title: "Not Found",
           variant: "404 - Not Found",
-          icon: /* @__PURE__ */ i.jsx(We, { size: 12, stroke: 1.5 }),
-          children: /* @__PURE__ */ i.jsxs(ge, { align: "flex-start", children: [
+          icon: /* @__PURE__ */ t.jsx(ye, { size: 12, stroke: 1.5 }),
+          children: /* @__PURE__ */ t.jsxs(ee, { align: "flex-start", children: [
             e || "Sorry, the page you are looking for does not exist.",
-            /* @__PURE__ */ i.jsx(q, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
+            /* @__PURE__ */ t.jsx(D, { variant: "filled", onClick: () => s("/"), size: "xs", children: "Back Home" })
           ] })
         }
       )
     }
   );
-}, eo = ({ message: e }) => /* @__PURE__ */ i.jsx(
-  qe,
+}, Yn = ({ message: e }) => /* @__PURE__ */ t.jsx(
+  be,
   {
     color: "red",
     title: "Not Found",
     variant: "404 - Not Found",
-    icon: /* @__PURE__ */ i.jsx(We, { size: 12, stroke: 1.5 }),
+    icon: /* @__PURE__ */ t.jsx(ye, { size: 12, stroke: 1.5 }),
     children: e || "Sorry, the page you are looking for does not exist."
   }
-), 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,
+), 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,
   {
     gap: "md",
     direction: "column",
@@ -1725,67 +457,67 @@ const Qa = ({ message: e }) => {
     align: "center",
     style: { height: "100%" },
     children: [
-      /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "md" }),
+      /* @__PURE__ */ t.jsx(ae, { color: "blue", size: "md" }),
       e
     ]
   }
-), 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" }),
+), 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" }),
   e
-] }), ro = ({ message: e }) => /* @__PURE__ */ i.jsx(
-  qe,
+] }), Jn = ({ message: e }) => /* @__PURE__ */ t.jsx(
+  be,
   {
     color: "red",
     title: "Not Found",
     variant: "403 - Not Authorized",
-    icon: /* @__PURE__ */ i.jsx(We, { size: 12, stroke: 1.5 }),
+    icon: /* @__PURE__ */ t.jsx(ye, { size: 12, stroke: 1.5 }),
     children: e || "Sorry, you are not authorized to access this page."
   }
 );
-function ao(e, n) {
-  return e.reduce((t, a) => {
-    const r = n(a);
-    return t[r] || (t[r] = []), t[r].push(a), t;
+function Zn(e, s) {
+  return e.reduce((n, o) => {
+    const r = s(o);
+    return n[r] || (n[r] = []), n[r].push(o), n;
   }, {});
 }
-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);
+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);
   });
 }
-class lo {
+class er {
   constructor() {
-    X(this, "items", []);
-    X(this, "seen", /* @__PURE__ */ new Set());
+    q(this, "items", []);
+    q(this, "seen", /* @__PURE__ */ new Set());
   }
-  add(n, t) {
-    const a = t(n);
-    this.seen.has(a) || (this.items.push(n), this.seen.add(a));
+  add(s, n) {
+    const o = n(s);
+    this.seen.has(o) || (this.items.push(s), this.seen.add(o));
   }
   toArray() {
     return this.items;
   }
 }
-class mt {
+class Oe {
   constructor() {
-    X(this, "children", /* @__PURE__ */ new Map());
-    X(this, "isEndOfWord", !1);
-    X(this, "value", "");
+    q(this, "children", /* @__PURE__ */ new Map());
+    q(this, "isEndOfWord", !1);
+    q(this, "value", "");
   }
 }
-class Gt {
+class et {
   constructor() {
-    X(this, "root", new mt());
+    q(this, "root", new Oe());
   }
   /**
    * Inserts a word into the trie structure.
@@ -1793,13 +525,13 @@ class Gt {
    *
    * @param word - The string to insert into the trie
    */
-  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;
+  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;
     }
-    t.isEndOfWord = !0, t.value = n;
+    n.isEndOfWord = !0, n.value = s;
   }
   /**
    * Finds the longest prefix match for the given text.
@@ -1808,25 +540,25 @@ class Gt {
    * @param text - The input string to find prefix matches for
    * @returns Object containing the longest matching prefix and remaining text
    */
-  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))
+  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))
         break;
-      t = t.children.get(o), t.isEndOfWord && (a = {
-        match: t.value,
-        remaining: n.slice(r + 1)
+      n = n.children.get(i), n.isEndOfWord && (o = {
+        match: n.value,
+        remaining: s.slice(r + 1)
       });
     }
-    return a;
+    return o;
   }
 }
-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 {
+var Ut = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(Ut || {});
+class Vt extends et {
   constructor() {
     super(...arguments);
-    X(this, "pathToKey", /* @__PURE__ */ new Map());
+    q(this, "pathToKey", /* @__PURE__ */ new Map());
   }
   /**
    * Normalizes a URL path by removing trailing slashes
@@ -1834,8 +566,8 @@ class Qr extends Gt {
    * @param path - The path which is an URL string to normalize
    * @returns The normalized path without trailing slash, except for root "/"
    */
-  normalizePath(t) {
-    return t === "/" ? "/" : t.replace(/\/$/, "");
+  normalizePath(n) {
+    return n === "/" ? "/" : n.replace(/\/$/, "");
   }
   /**
    * Inserts an url path into the trie and associates it with a menu key.
@@ -1843,9 +575,9 @@ class Qr extends Gt {
    * @param path - The URL path to store (e.g., "/admin/users")
    * @param menuKey - The menu key to associate with this path
    */
-  insertRoute(t, a) {
-    const r = this.normalizePath(t);
-    this.insert(r), this.pathToKey.set(r, a);
+  insertRoute(n, o) {
+    const r = this.normalizePath(n);
+    this.insert(r), this.pathToKey.set(r, o);
   }
   /**
    * Finds the menu key associated with the longest matching route prefix
@@ -1853,156 +585,156 @@ class Qr extends Gt {
    * @param route - The URL to match against stored menu url paths
    * @returns The menu key if a valid prefix match is found, undefined otherwise
    */
-  findMatchingKey(t) {
-    const a = this.normalizePath(t), r = this.findLongestPrefix(a);
-    if (r.match && this.pathToKey.has(r.match) && (a === r.match || r.remaining.startsWith("/") || r.remaining === ""))
+  findMatchingKey(n) {
+    const o = this.normalizePath(n), r = this.findLongestPrefix(o);
+    if (r.match && this.pathToKey.has(r.match) && (o === r.match || r.remaining.startsWith("/") || r.remaining === ""))
       return this.pathToKey.get(r.match);
   }
 }
-function 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);
+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);
     });
   };
-  return r(e), { key2item: n, key2fullpath: t, key2route: a };
+  return r(e), { key2item: s, key2fullpath: n, key2route: o };
 }
-function ta(e) {
-  const n = new Qr(), t = (a) => {
-    a.forEach((r) => {
+function Yt(e) {
+  const s = new Vt(), n = (o) => {
+    o.forEach((r) => {
       if (r.route !== void 0) {
-        const o = r.route.path.getURL();
-        n.insertRoute(o, r.key);
+        const i = r.route.path.getURL();
+        s.insertRoute(i, r.key);
       }
-      r.children !== void 0 && r.children.length > 0 && t(r.children);
+      r.children !== void 0 && r.children.length > 0 && n(r.children);
     });
   };
-  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(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;
-  }).filter((t) => t !== null);
+    return n;
+  }).filter((n) => n !== null);
 }
-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]
+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]
   );
-  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(
+  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(
         "div",
         {
           onMouseEnter: () => {
-            o.has(h.key) || r((w) => {
-              const R = new Set(w);
-              return R.add(h.key), R;
+            i.has(u.key) || r((b) => {
+              const R = new Set(b);
+              return R.add(u.key), R;
             });
           },
           onMouseLeave: () => {
-            o.has(h.key) || r((w) => {
-              const R = new Set(w);
-              return R.delete(h.key), R;
+            i.has(u.key) || r((b) => {
+              const R = new Set(b);
+              return R.delete(u.key), R;
             });
           },
           children: [
-            /* @__PURE__ */ i.jsx(
-              it,
+            /* @__PURE__ */ t.jsx(
+              Ee,
               {
-                active: s === h.key,
-                href: (C = h.route) == null ? void 0 : C.path.getURL(),
-                label: h.label,
-                leftSection: h.icon,
+                active: c === u.key,
+                href: (P = u.route) == null ? void 0 : P.path.getURL(),
+                label: u.label,
+                leftSection: u.icon,
                 styles: {
                   label: { fontSize: "md" },
                   root: {
                     borderRadius: "var(--mantine-radius-sm)"
                   }
                 },
-                ml: j === 0 ? void 0 : j === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${j})`,
+                ml: C === 0 ? void 0 : C === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${C})`,
                 w: "unset",
-                rightSection: b ? /* @__PURE__ */ i.jsx(
-                  jn,
+                rightSection: O ? /* @__PURE__ */ t.jsx(
+                  Nt,
                   {
                     size: 12,
                     stroke: 1.5,
                     className: "mantine-rotate-rtl"
                   }
                 ) : void 0,
-                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;
+                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;
                   }));
                 }
               },
-              h.key
+              u.key
             ),
-            (o.has(h.key) || a.has(h.key)) && h.children.map((w) => v(w, j + 1))
+            (i.has(u.key) || o.has(u.key)) && u.children.map((b) => v(b, C + 1))
           ]
         },
-        `container-${h.key}`
-      ) : /* @__PURE__ */ i.jsx(
-        it,
+        `container-${u.key}`
+      ) : /* @__PURE__ */ t.jsx(
+        Ee,
         {
-          active: s === h.key,
-          href: (y = h.route) == null ? void 0 : y.path.getURL(),
-          label: h.label,
-          leftSection: h.icon,
+          active: c === u.key,
+          href: (f = u.route) == null ? void 0 : f.path.getURL(),
+          label: u.label,
+          leftSection: u.icon,
           styles: {
             label: { fontSize: "md" },
             root: {
               borderRadius: "var(--mantine-radius-sm)"
             }
           },
-          ml: j === 0 ? void 0 : j === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${j})`,
+          ml: C === 0 ? void 0 : C === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${C})`,
           w: "unset",
-          onClick: (w) => {
-            w.ctrlKey || w.metaKey || (w.preventDefault(), h.route != null && h.route.path.path().open(n));
+          onClick: (b) => {
+            b.ctrlKey || b.metaKey || (b.preventDefault(), u.route != null && u.route.path.path().open(s));
           }
         },
-        h.key
+        u.key
       );
     }
-    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 = {
+    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 = {
   yes: {
     lang2value: {
       en: "Yes",
@@ -2017,482 +749,482 @@ const ra = ({ value: e }) => {
     },
     lang: "en"
   }
-}, ia = ({ value: e }) => /* @__PURE__ */ i.jsx(
-  me,
+}, Xt = ({ value: e }) => /* @__PURE__ */ t.jsx(
+  Q,
   {
     checked: e,
-    label: /* @__PURE__ */ i.jsx(D, { value: oa[e ? "yes" : "no"] }),
+    label: /* @__PURE__ */ t.jsx(F, { value: Zt[e ? "yes" : "no"] }),
     readOnly: !0
   }
-), la = ({
+), Qt = ({
   nestedProperty: e,
-  property: n,
-  value: t
+  property: s,
+  value: n
 }) => {
-  const a = e || n;
-  if (se(a) || a.enumType === void 0)
+  const o = e || s;
+  if (W(o) || o.enumType === void 0)
     throw new Error(
       "Invalid usage of EnumDisplay. Expect a property of type enum"
     );
-  return /* @__PURE__ */ i.jsx(E, { size: "sm", children: /* @__PURE__ */ i.jsx(D, { value: a.enumType.label[t] }) });
+  return /* @__PURE__ */ t.jsx(p, { size: "sm", children: /* @__PURE__ */ t.jsx(F, { value: o.enumType.label[n] }) });
 };
-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(
+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(
   ({
     db: e,
-    property: n,
-    value: t,
-    entityRoutes: a
+    property: s,
+    value: n,
+    entityRoutes: o
   }) => {
-    const r = k(() => [t], [t]), [o, l] = Jt(
+    const r = S(() => [n], [n]), [i, a] = tt(
       e,
-      n,
+      s,
       r,
-      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,
+      o
+    ), c = i[n];
+    return c === void 0 ? /* @__PURE__ */ t.jsx(p, { size: "sm", children: n }) : c === null ? /* @__PURE__ */ t.jsx(Qe, {}) : a === void 0 ? /* @__PURE__ */ t.jsx(p, { size: "sm", children: c.name }) : /* @__PURE__ */ t.jsx(
+      He,
       {
-        path: l,
+        path: a,
         openInNewPage: !1,
-        urlArgs: { id: s.id },
+        urlArgs: { id: c.id },
         queryArgs: {},
-        children: s.name
+        children: c.name
       }
     );
   }
-), Fe = ee(
+), ue = B(
   ({
     db: e,
-    property: n,
-    value: t,
-    entityRoutes: a
+    property: s,
+    value: n,
+    entityRoutes: o
   }) => {
-    const [r, o] = Jt(
+    const [r, i] = tt(
       e,
+      s,
       n,
-      t,
-      a
+      o
     );
-    return /* @__PURE__ */ i.jsx(_, { 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,
+    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,
         {
-          path: o,
+          path: i,
           openInNewPage: !1,
-          urlArgs: { id: u.id },
+          urlArgs: { id: d.id },
           queryArgs: {},
-          children: u.name
+          children: d.name
         },
-        s
+        c
       );
     }) });
   }
-), 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,
+), 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,
   {
     id: e.name,
     type: "checkbox",
-    checked: n,
-    onChange: (a) => {
-      const r = a.target.checked;
-      t(r);
+    checked: s,
+    onChange: (o) => {
+      const r = o.target.checked;
+      n(r);
     }
   }
-), gt = ({
+), Pe = ({
   property: e,
-  value: n,
-  onChange: t
-}) => /* @__PURE__ */ i.jsx(
-  W,
+  value: s,
+  onChange: n
+}) => /* @__PURE__ */ t.jsx(
+  M,
   {
     id: e.name,
     type: "number",
-    value: n,
-    onChange: (a) => {
-      const r = a.target.value;
-      t(r === "" ? void 0 : Number(r));
+    value: s,
+    onChange: (o) => {
+      const r = o.target.value;
+      n(r === "" ? void 0 : Number(r));
     }
   }
-), ua = {
+), tn = {
   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"
-}, ca = {
+}, nn = {
   lang2value: {
     en: "No valid country code found.",
     vi: "Không tìm thấy mã quốc gia hợp lệ. "
   },
   lang: "en"
-}, le = {
+}, Y = {
   84: {
     name: "Vietnam",
-    flags: [N.VN]
+    flags: [T.VN]
   },
   1: {
     name: "US, Canada",
-    flags: [N.US, N.CA]
+    flags: [T.US, T.CA]
   },
   61: {
     name: "Australia",
-    flags: [N.AU]
+    flags: [T.AU]
   },
   81: {
     name: "Japan",
-    flags: [N.JP]
+    flags: [T.JP]
   },
   44: {
     name: "UK",
-    flags: [N.UK]
+    flags: [T.UK]
   },
   33: {
     name: "France",
-    flags: [N.FR]
+    flags: [T.FR]
   },
   49: {
     name: "Germany",
-    flags: [N.DE]
+    flags: [T.DE]
   },
   91: {
     name: "India",
-    flags: [N.IN]
+    flags: [T.IN]
   },
   55: {
     name: "Brazil",
-    flags: [N.BR]
+    flags: [T.BR]
   },
   34: {
     name: "Spain",
-    flags: [N.ES]
+    flags: [T.ES]
   },
   39: {
     name: "Italy",
-    flags: [N.IT]
+    flags: [T.IT]
   },
   64: {
     name: "New Zealand",
-    flags: [N.NZ]
+    flags: [T.NZ]
   },
   52: {
     name: "Mexico",
-    flags: [N.MX]
+    flags: [T.MX]
   },
   86: {
     name: "China",
-    flags: [N.CN]
+    flags: [T.CN]
   }
-}, da = (e, n) => {
+}, rn = (e, s) => {
   if (e === "")
     return { match: "84", remaining: "" };
-  const t = e.replace(/[^\d]/g, ""), a = n.findLongestPrefix(t);
-  if (a.match === "")
+  const n = e.replace(/[^\d]/g, ""), o = s.findLongestPrefix(n);
+  if (o.match === "")
     throw new Error(`No valid country code found for phone number: ${e}`);
-  return a;
-}, pt = ({ value: e }) => {
-  const n = le[e];
-  if (n !== void 0)
-    return /* @__PURE__ */ i.jsxs(_, { gap: "sm", wrap: "nowrap", align: "center", children: [
-      /* @__PURE__ */ i.jsxs(E, { size: "sm", children: [
+  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: [
         "+",
         e
       ] }),
-      /* @__PURE__ */ i.jsx(_, { gap: 4, wrap: "nowrap", children: n.flags.map((t, a) => /* @__PURE__ */ i.jsx(Be, { flag: t }, a)) })
+      /* @__PURE__ */ t.jsx(A, { gap: 4, wrap: "nowrap", children: s.flags.map((n, o) => /* @__PURE__ */ t.jsx(ve, { flag: n }, o)) })
     ] });
-}, fa = ({
+}, on = ({
   value: e,
-  onChange: n,
-  error: t,
-  id: a
+  onChange: s,
+  error: n,
+  id: o
 }) => {
-  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(() => {
+  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(() => {
     try {
-      const { match: y, remaining: w } = da(
+      const { match: f, remaining: b } = rn(
         e,
-        g
+        x
       );
-      return c(y), x(!1), {
-        rawInput: w
+      return h(f), y(!1), {
+        rawInput: b
       };
     } catch {
-      return x(!0), c(""), {
+      return y(!0), h(""), {
         rawInput: e
       };
     }
-  }, [e]), v = St({
+  }, [e]), v = Be({
     onDropdownClose: () => {
-      v.resetSelectedOption(), o("");
+      v.resetSelectedOption(), i("");
     },
     onDropdownOpen: () => {
       v.updateSelectedOptionIndex("active");
     }
-  }), 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(_, { gap: 5, children: [
-      /* @__PURE__ */ i.jsxs(
-        F,
+  }), 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,
         {
           store: v,
           position: "top-start",
-          onOptionSubmit: (y) => {
-            o(""), v.closeDropdown(), n({
-              target: { value: j(p, y) }
+          onOptionSubmit: (f) => {
+            i(""), v.closeDropdown(), s({
+              target: { value: C(g, f) }
             });
           },
           children: [
-            /* @__PURE__ */ i.jsx(F.Target, { children: /* @__PURE__ */ i.jsx(
-              fn,
+            /* @__PURE__ */ t.jsx(E.Target, { children: /* @__PURE__ */ t.jsx(
+              vt,
               {
                 component: "button",
                 type: "button",
                 pointer: !0,
-                rightSection: /* @__PURE__ */ i.jsx(F.Chevron, {}),
+                rightSection: /* @__PURE__ */ t.jsx(E.Chevron, {}),
                 onClick: () => v.toggleDropdown(),
                 rightSectionPointerEvents: "none",
                 w: 110,
-                children: /* @__PURE__ */ i.jsx(pt, { value: u })
+                children: /* @__PURE__ */ t.jsx(Le, { value: d })
               }
             ) }),
-            /* @__PURE__ */ i.jsxs(F.Dropdown, { children: [
-              /* @__PURE__ */ i.jsx(
-                F.Search,
+            /* @__PURE__ */ t.jsxs(E.Dropdown, { children: [
+              /* @__PURE__ */ t.jsx(
+                E.Search,
                 {
-                  leftSection: /* @__PURE__ */ i.jsx(Et, { size: 14, stroke: 1.5 }),
+                  leftSection: /* @__PURE__ */ t.jsx(Ge, { size: 14, stroke: 1.5 }),
                   placeholder: ".....",
                   value: r,
-                  onChange: (y) => o(y.currentTarget.value)
+                  onChange: (f) => i(f.currentTarget.value)
                 }
               ),
-              /* @__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" }) }) })
+              /* @__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" }) }) })
             ] })
           ]
         }
       ),
-      u === "" ? /* @__PURE__ */ i.jsx(
-        W,
+      d === "" ? /* @__PURE__ */ t.jsx(
+        M,
         {
-          id: a,
-          value: p,
+          id: o,
+          value: g,
           type: "phone_number",
-          onChange: (y) => {
-            n({ target: { value: y.target.value } });
+          onChange: (f) => {
+            s({ target: { value: f.target.value } });
           },
-          error: t,
+          error: n,
           flex: 1
         }
-      ) : /* @__PURE__ */ i.jsx(
-        W,
+      ) : /* @__PURE__ */ t.jsx(
+        M,
         {
-          id: a,
-          value: p,
+          id: o,
+          value: g,
           type: "phone_number",
-          onAccept: (y) => {
-            const w = y.replace(/[^\d]/g, "");
-            n({
-              target: { value: j(w, u) }
+          onAccept: (f) => {
+            const b = f.replace(/[^\d]/g, "");
+            s({
+              target: { value: C(b, d) }
             });
           },
-          component: Nn,
+          component: Lt,
           mask: "000-000-0000",
-          error: t,
+          error: n,
           flex: 1
         }
       )
     ] }) }) }),
-    (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(D, { value: ua }) : d ? /* @__PURE__ */ i.jsx(D, { value: ca }) : t }) }) })
+    (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 }) }) })
   ] });
-}, ze = ({
+}, je = ({
   property: e,
-  error: n,
-  value: t,
-  onChange: a
+  error: s,
+  value: n,
+  onChange: o
 }) => {
-  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,
+  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,
     {
       id: e.name,
-      value: t,
+      value: n,
       type: r,
-      onChange: (l) => a(l.target.value),
-      error: n
+      onChange: (a) => o(a.target.value),
+      error: s
     }
   );
-}, xt = {
-  integer: gt,
-  float: gt,
-  string: ze,
-  boolean: sa,
-  "string[]": ze,
-  enum: ze
+}, ze = {
+  integer: Pe,
+  float: Pe,
+  string: je,
+  boolean: en,
+  "string[]": je,
+  enum: je
 };
-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]), {
+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]), {
     data: r,
-    query: t,
-    setQuery: (s) => {
-      a(s);
-      const u = e.getByName(n.targetClass);
-      o(
-        u.filter(
-          (c) => c.name.toLowerCase().includes(s.toLowerCase())
+    query: n,
+    setQuery: (c) => {
+      o(c);
+      const d = e.getByName(s.targetClass);
+      i(
+        d.filter(
+          (h) => h.name.toLowerCase().includes(c.toLowerCase())
         )
       );
     },
-    table: e.getByName(n.targetClass)
+    table: e.getByName(s.targetClass)
   };
 }
-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(
+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(
   ({
     db: e,
-    property: n,
-    value: t,
-    onChange: a
+    property: s,
+    value: n,
+    onChange: o
   }) => {
-    const { table: r, data: o, query: l, setQuery: s } = ha(
+    const { table: r, data: i, query: a, setQuery: c } = sn(
       e,
-      n
+      s
     );
-    return /* @__PURE__ */ i.jsxs(ge, { gap: "sm", children: [
-      /* @__PURE__ */ i.jsx(
-        va,
+    return /* @__PURE__ */ t.jsxs(ee, { gap: "sm", children: [
+      /* @__PURE__ */ t.jsx(
+        un,
         {
-          name: n.name,
-          query: l,
-          setQuery: s,
-          data: o,
-          onSelect: (u) => {
-            t.includes(u) || a([...t, u]);
+          name: s.name,
+          query: a,
+          setQuery: c,
+          data: i,
+          onSelect: (d) => {
+            n.includes(d) || o([...n, d]);
           },
-          renderOption: ma,
-          isIdInteger: n.datatype === "integer"
+          renderOption: an,
+          isIdInteger: s.datatype === "integer"
         }
       ),
-      /* @__PURE__ */ i.jsx(
-        ya,
+      /* @__PURE__ */ t.jsx(
+        gn,
         {
-          items: t.map((u) => r.get(u)),
-          onDelete: (u) => {
-            a(t.filter((c) => c !== u.id));
+          items: n.map((d) => r.get(d)),
+          onDelete: (d) => {
+            o(n.filter((h) => h !== d.id));
           },
-          render: ga
+          render: ln
         }
       )
     ] });
   }
-), va = ({
+), un = ({
   name: e,
-  data: n,
-  onSelect: t,
-  renderOption: a,
+  data: s,
+  onSelect: n,
+  renderOption: o,
   isIdInteger: r,
-  query: o,
-  setQuery: l
+  query: i,
+  setQuery: a
 }) => {
-  const s = St({
-    onDropdownClose: () => s.resetSelectedOption()
-  }), u = k(() => n.map((c) => (
+  const c = Be({
+    onDropdownClose: () => c.resetSelectedOption()
+  }), d = S(() => s.map((h) => (
     // value has to be a string
-    /* @__PURE__ */ i.jsx(F.Option, { value: c.id.toString(), children: a(c) }, c.id)
-  )), [n]);
-  return /* @__PURE__ */ i.jsxs(
-    F,
+    /* @__PURE__ */ t.jsx(E.Option, { value: h.id.toString(), children: o(h) }, h.id)
+  )), [s]);
+  return /* @__PURE__ */ t.jsxs(
+    E,
     {
-      store: s,
-      onOptionSubmit: (c) => {
-        t(r ? parseInt(c) : c), l(""), s.closeDropdown();
+      store: c,
+      onOptionSubmit: (h) => {
+        n(r ? parseInt(h) : h), a(""), c.closeDropdown();
       },
       offset: 0,
       shadow: "sm",
       children: [
-        /* @__PURE__ */ i.jsx(F.Target, { children: /* @__PURE__ */ i.jsx(
-          W,
+        /* @__PURE__ */ t.jsx(E.Target, { children: /* @__PURE__ */ t.jsx(
+          M,
           {
             id: e,
             pointer: !0,
-            rightSection: /* @__PURE__ */ i.jsx(Et, { size: 16, stroke: 1.5 }),
+            rightSection: /* @__PURE__ */ t.jsx(Ge, { size: 16, stroke: 1.5 }),
             rightSectionPointerEvents: "none",
-            onClick: () => s.toggleDropdown(),
+            onClick: () => c.toggleDropdown(),
             placeholder: "Type to search...",
-            value: o,
-            onChange: (c) => {
-              l(c.currentTarget.value);
+            value: i,
+            onChange: (h) => {
+              a(h.currentTarget.value);
             }
           }
         ) }),
-        /* @__PURE__ */ i.jsx(F.Dropdown, { children: /* @__PURE__ */ i.jsx(F.Options, { children: u.length === 0 ? /* @__PURE__ */ i.jsx(F.Empty, { children: "Nothing found" }) : u }) })
+        /* @__PURE__ */ t.jsx(E.Dropdown, { children: /* @__PURE__ */ t.jsx(E.Options, { children: d.length === 0 ? /* @__PURE__ */ t.jsx(E.Empty, { children: "Nothing found" }) : d }) })
       ]
     }
   );
-}, ya = ({
+}, gn = ({
   items: e,
-  onDelete: n,
-  render: t
+  onDelete: s,
+  render: n
 }) => {
-  const a = k(() => {
+  const o = S(() => {
     const r = [];
-    for (let o = 0; o < e.length; o++) {
-      const l = e[o];
+    for (let i = 0; i < e.length; i++) {
+      const a = e[i];
       r.push(
-        /* @__PURE__ */ i.jsxs(_, { 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}`));
+        /* @__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}`));
     }
     return r;
   }, [e]);
-  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 = ({
+  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 = ({
   label: e,
-  name: n,
-  required: t = !1,
-  tooltip: a,
+  name: s,
+  required: n = !1,
+  tooltip: o,
   style: r,
-  align: o = "left"
+  align: i = "left"
 }) => {
-  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(_, { 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,
+  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,
       {
         size: 16,
         stroke: 1.5,
@@ -2500,80 +1232,80 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(E, { size: "sm", chi
       }
     ) })
   ] }) }) });
-}, Sa = {
+}, xn = {
   type: "vertical",
   helpAlwaysVisible: !1
-}, Ca = ee(
+}, jn = B(
   ({
     store: e,
-    record: n,
-    property: t,
-    layout: a = Sa,
+    record: s,
+    property: n,
+    layout: o = xn,
     InputComponent: r,
-    validator: o
+    validator: i
   }) => {
-    const [l, s] = $(void 0), u = n[t.tsName], c = (x) => {
-      var p;
-      if (Tt(n))
-        n[t.updateFuncName](x);
+    const [a, c] = _(void 0), d = s[n.tsName], h = (y) => {
+      var g;
+      if (Je(s))
+        s[n.updateFuncName](y);
       else {
-        const v = n.toDraft();
-        v[t.updateFuncName](x), e.setDraft(v);
+        const v = s.toDraft();
+        v[n.updateFuncName](y), e.setDraft(v);
       }
-      const g = o(x);
-      g.isValid ? s(void 0) : s(
-        (p = g.errorMessage) == null ? void 0 : p.t({ args: { name: t.label } })
+      const x = i(y);
+      x.isValid ? c(void 0) : c(
+        (g = x.errorMessage) == null ? void 0 : g.t({ args: { name: n.label } })
       );
     };
-    if (Ra(a))
-      return /* @__PURE__ */ i.jsxs(ge, { gap: 5, children: [
-        /* @__PURE__ */ i.jsxs(A, { gutter: "sm", children: [
-          /* @__PURE__ */ i.jsx(
-            A.Col,
+    if (vn(o))
+      return /* @__PURE__ */ t.jsxs(ee, { gap: 5, children: [
+        /* @__PURE__ */ t.jsxs(I, { gutter: "sm", children: [
+          /* @__PURE__ */ t.jsx(
+            I.Col,
             {
-              span: a.labelCol,
+              span: o.labelCol,
               style: {
                 display: "flex",
-                justifyContent: a.align || "left"
+                justifyContent: o.align || "left"
               },
-              children: /* @__PURE__ */ i.jsx(
-                ja,
+              children: /* @__PURE__ */ t.jsx(
+                mn,
                 {
-                  label: /* @__PURE__ */ i.jsx(D, { value: t.label }),
-                  name: t.name,
-                  required: t.isRequired,
-                  tooltip: t.description !== void 0 ? /* @__PURE__ */ i.jsx(D, { value: t.description }) : void 0,
-                  align: a.align
+                  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
                 }
               )
             }
           ),
-          /* @__PURE__ */ i.jsx(A.Col, { span: a.itemCol, children: /* @__PURE__ */ i.jsx(
+          /* @__PURE__ */ t.jsx(I.Col, { span: o.itemCol, children: /* @__PURE__ */ t.jsx(
             r,
             {
               db: e.db,
-              property: t,
-              value: u,
-              error: l !== void 0,
-              onChange: c
+              property: n,
+              value: d,
+              error: a !== void 0,
+              onChange: h
             }
           ) })
         ] }),
-        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 }) })
+        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 }) })
         ] })
       ] });
-    let d = /* @__PURE__ */ i.jsx(D, { value: t.label });
-    return !a.helpAlwaysVisible && t.description !== void 0 && (d = /* @__PURE__ */ i.jsxs(_, { gap: 4, style: { display: "inline-flex" }, children: [
-      d,
-      /* @__PURE__ */ i.jsx(
-        Ct,
+    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,
         {
-          label: /* @__PURE__ */ i.jsx(D, { value: t.description }),
+          label: /* @__PURE__ */ t.jsx(F, { value: n.description }),
           withArrow: !0,
-          children: /* @__PURE__ */ i.jsx(
-            kt,
+          children: /* @__PURE__ */ t.jsx(
+            Ye,
             {
               size: 16,
               stroke: 1.5,
@@ -2582,61 +1314,61 @@ const ma = (e) => e.name, ga = (e) => /* @__PURE__ */ i.jsx(E, { size: "sm", chi
           )
         }
       )
-    ] })), /* @__PURE__ */ i.jsx(
-      W.Wrapper,
+    ] })), /* @__PURE__ */ t.jsx(
+      M.Wrapper,
       {
-        label: d,
-        description: a.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ i.jsx(D, { value: t.description }) : void 0,
-        required: t.isRequired,
-        children: /* @__PURE__ */ i.jsx(
+        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(
           r,
           {
             db: e.db,
-            property: t,
-            value: u,
-            error: l,
-            onChange: c
+            property: n,
+            value: d,
+            error: a,
+            onChange: h
           }
         )
       }
     );
   }
 );
-function Ra(e) {
+function vn(e) {
   return e.type === "horizontal";
 }
-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)))
+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)))
     );
-    return e.fieldGroups.map((r, o) => Ea(
-      n,
+    return e.fieldGroups.map((r, i) => bn(
+      s,
       e.store,
       e.record,
-      o,
+      i,
       r,
-      a,
+      o,
       e.layout
     ));
-  }, [n, e.store, e.record, e.fieldGroups, e.layout]);
-  return /* @__PURE__ */ i.jsx(
+  }, [s, e.store, e.record, e.fieldGroups, e.layout]);
+  return /* @__PURE__ */ t.jsx(
     "form",
     {
-      onSubmit: e.onSubmit === void 0 ? void 0 : (a) => {
-        a.preventDefault(), e.onSubmit !== void 0 && Tt(e.record) && e.onSubmit(e.record);
+      onSubmit: e.onSubmit === void 0 ? void 0 : (o) => {
+        o.preventDefault(), e.onSubmit !== void 0 && Je(e.record) && e.onSubmit(e.record);
       },
-      children: /* @__PURE__ */ i.jsxs(ge, { gap: "sm", className: e.className, style: e.styles, children: [
-        t,
-        /* @__PURE__ */ i.jsx(_, { gap: "sm", children: e.actions.map((a, r) => /* @__PURE__ */ i.jsx(
-          q,
+      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,
           {
-            variant: a.variant,
+            variant: o.variant,
             onClick: () => {
-              a.onClick !== void 0 && a.onClick();
+              o.onClick !== void 0 && o.onClick();
             },
-            disabled: a.disabled,
-            children: a.label
+            disabled: o.disabled,
+            children: o.label
           },
           r
         )) })
@@ -2644,203 +1376,203 @@ const yt = 12, co = (e) => {
     }
   );
 };
-function Ea(e, n, t, a, r, o, l) {
-  const s = r.fields, u = [];
-  for (let d = 0; d < s.length; d++) {
-    const 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,
+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,
       // 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(
-        l.labelCol * s[d].length / o
+        a.labelCol * c[m].length / i
       ),
-      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;
+      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;
       else {
-        if (xt[h.datatype] === void 0)
+        if (ze[u.datatype] === void 0)
           throw new Error(
-            `No input component found for datatype ${h.datatype}`
+            `No input component found for datatype ${u.datatype}`
           );
-        j = xt[h.datatype];
+        C = ze[u.datatype];
       }
-      u.push(
-        /* @__PURE__ */ i.jsx(A.Col, { span: x, children: /* @__PURE__ */ i.jsx(
-          Ca,
+      d.push(
+        /* @__PURE__ */ t.jsx(I.Col, { span: y, children: /* @__PURE__ */ t.jsx(
+          jn,
           {
-            store: n,
-            record: t,
-            property: h,
-            layout: g,
-            InputComponent: j,
+            store: s,
+            record: n,
+            property: u,
+            layout: x,
+            InputComponent: C,
             validator: e.validators[v]
           }
-        ) }, `${d}-${p}`)
+        ) }, `${m}-${g}`)
       );
     }
   }
-  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 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 Xt = ({
+const nt = ({
   actions: e,
-  reloadData: n,
-  selectedRowKeys: t,
-  size: a = "xs"
-}) => /* @__PURE__ */ i.jsxs(_, { gap: a, children: [
-  (e == null ? void 0 : e.add) && /* @__PURE__ */ i.jsx(
-    q,
+  reloadData: s,
+  selectedRowKeys: n,
+  size: o = "xs"
+}) => /* @__PURE__ */ t.jsxs(A, { gap: o, children: [
+  (e == null ? void 0 : e.add) && /* @__PURE__ */ t.jsx(
+    D,
     {
       variant: "light",
-      leftSection: /* @__PURE__ */ i.jsx(Sn, { size: 16, stroke: 1.5 }),
-      size: a,
+      leftSection: /* @__PURE__ */ t.jsx(Et, { size: 16, stroke: 1.5 }),
+      size: o,
       onClick: e.add,
       children: "Add"
     }
   ),
-  (e == null ? void 0 : e.edit) && /* @__PURE__ */ i.jsx(
-    q,
+  (e == null ? void 0 : e.edit) && /* @__PURE__ */ t.jsx(
+    D,
     {
-      leftSection: /* @__PURE__ */ i.jsx(Cn, { size: 16, stroke: 1.5 }),
-      size: a,
+      leftSection: /* @__PURE__ */ t.jsx(It, { size: 16, stroke: 1.5 }),
+      size: o,
       variant: "light",
-      onClick: () => e.edit !== void 0 && e.edit(t[0]),
-      disabled: t.length !== 1,
+      onClick: () => e.edit !== void 0 && e.edit(n[0]),
+      disabled: n.length !== 1,
       children: "Edit"
     }
   ),
-  (e == null ? void 0 : e.reload) && /* @__PURE__ */ i.jsx(
-    q,
+  (e == null ? void 0 : e.reload) && /* @__PURE__ */ t.jsx(
+    D,
     {
-      leftSection: /* @__PURE__ */ i.jsx(Rn, { size: 16, stroke: 1.5 }),
-      size: a,
-      onClick: n,
+      leftSection: /* @__PURE__ */ t.jsx(_t, { size: 16, stroke: 1.5 }),
+      size: o,
+      onClick: s,
       variant: "light",
       children: "Reload"
     }
   ),
-  (e == null ? void 0 : e.import) && /* @__PURE__ */ i.jsx(
-    q,
+  (e == null ? void 0 : e.import) && /* @__PURE__ */ t.jsx(
+    D,
     {
-      leftSection: /* @__PURE__ */ i.jsx(En, { size: 16, stroke: 1.5 }),
-      size: a,
+      leftSection: /* @__PURE__ */ t.jsx(Ft, { size: 16, stroke: 1.5 }),
+      size: o,
       variant: "light",
       onClick: e.import,
       children: "Import"
     }
   ),
-  (e == null ? void 0 : e.export) && /* @__PURE__ */ i.jsx(
-    q,
+  (e == null ? void 0 : e.export) && /* @__PURE__ */ t.jsx(
+    D,
     {
-      leftSection: /* @__PURE__ */ i.jsx(kn, { size: 16, stroke: 1.5 }),
-      size: a,
+      leftSection: /* @__PURE__ */ t.jsx(At, { size: 16, stroke: 1.5 }),
+      size: o,
       variant: "light",
       onClick: e.export,
       children: "Export"
     }
   )
-] }), 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,
+] }), 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,
     {
       striped: !0,
       highlightOnHover: !0,
       verticalSpacing: "xs",
       tabularNums: !0,
       children: [
-        /* @__PURE__ */ i.jsx(Ta, { children: e.table.getHeaderGroups().map((a) => /* @__PURE__ */ i.jsx(bt, { children: a.headers.map((r) => /* @__PURE__ */ i.jsx(
-          Na,
+        /* @__PURE__ */ t.jsx(pn, { children: e.table.getHeaderGroups().map((o) => /* @__PURE__ */ t.jsx($e, { children: o.headers.map((r) => /* @__PURE__ */ t.jsx(
+          Sn,
           {
-            w: r.id === ka ? "1%" : void 0,
-            children: r.isPlaceholder ? null : lt(
+            w: r.id === yn ? "1%" : void 0,
+            children: r.isPlaceholder ? null : Ie(
               r.column.columnDef.header,
               r.getContext()
             )
           },
           r.id
-        )) }, a.id)) }),
-        /* @__PURE__ */ i.jsx(Pa, { pos: "relative", children: e.table.getRowModel().rows.map((a) => /* @__PURE__ */ i.jsx(
-          bt,
+        )) }, o.id)) }),
+        /* @__PURE__ */ t.jsx(wn, { pos: "relative", children: e.table.getRowModel().rows.map((o) => /* @__PURE__ */ t.jsx(
+          $e,
           {
-            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))
+            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))
           },
-          a.id
+          o.id
         )) })
       ]
     }
   );
-  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 = ({
+  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 = ({
   total: e,
-  pageIndex: n,
-  pageSize: t,
-  allowPageSizeChange: a = !0,
+  pageIndex: s,
+  pageSize: n,
+  allowPageSizeChange: o = !0,
   onUpdatePagination: r
 }) => {
-  const o = /* @__PURE__ */ i.jsx(
-    xn,
+  const i = /* @__PURE__ */ t.jsx(
+    wt,
     {
       size: "sm",
       total: e,
-      value: n + 1,
-      onChange: (l) => r(l - 1, t)
+      value: s + 1,
+      onChange: (a) => r(a - 1, n)
     }
   );
-  return a ? /* @__PURE__ */ i.jsxs(_, { 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,
+  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,
         {
           size: "sm",
           values: ["10", "20", "50", "100"],
-          value: t.toString(),
-          onChange: (l) => {
-            r(0, parseInt(l, 10));
+          value: n.toString(),
+          onChange: (a) => {
+            r(0, parseInt(a, 10));
           }
         }
       )
     ] }),
-    o
-  ] }) : o;
-}, wt = {
-  xs: ce(22),
-  sm: ce(26),
-  md: ce(32),
-  lg: ce(38),
-  xl: ce(44)
+    i
+  ] }) : i;
+}, qe = {
+  xs: J(22),
+  sm: J(26),
+  md: J(32),
+  lg: J(38),
+  xl: J(44)
 };
-function Aa({
+function kn({
   size: e,
-  values: n,
-  value: t,
-  onChange: a
+  values: s,
+  value: n,
+  onChange: o
 }) {
-  return /* @__PURE__ */ i.jsxs(ie, { withinPortal: !0, withArrow: !0, offset: 2, children: [
-    /* @__PURE__ */ i.jsx(vn, { children: /* @__PURE__ */ i.jsx(
-      q,
+  return /* @__PURE__ */ t.jsxs(G, { withinPortal: !0, withArrow: !0, offset: 2, children: [
+    /* @__PURE__ */ t.jsx(Ct, { children: /* @__PURE__ */ t.jsx(
+      D,
       {
         size: e,
         variant: "default",
-        rightSection: /* @__PURE__ */ i.jsx(Tn, { size: 16, stroke: 1.5 }),
+        rightSection: /* @__PURE__ */ t.jsx(Ot, { size: 16, stroke: 1.5 }),
         style: [
           { fontWeight: "normal" },
           (r) => ({
-            height: wt[e],
+            height: qe[e],
             paddingLeft: r.spacing[e],
             paddingRight: r.spacing[e]
           })
@@ -2850,17 +1582,17 @@ function Aa({
             marginInlineStart: 2
           }
         },
-        children: t
+        children: n
       }
     ) }),
-    /* @__PURE__ */ i.jsx(yn, { children: n.map((r) => {
-      const o = r === t;
-      return /* @__PURE__ */ i.jsx(
-        bn,
+    /* @__PURE__ */ t.jsx(Rt, { children: s.map((r) => {
+      const i = r === n;
+      return /* @__PURE__ */ t.jsx(
+        Tt,
         {
-          className: o ? Fa.pageSizeSelectorActive : void 0,
+          className: i ? Tn.pageSizeSelectorActive : void 0,
           style: [
-            { height: wt[e] }
+            { height: qe[e] }
             // isCurrent
             //   ? {
             //       color: "var(--mantine-color-text)",
@@ -2869,118 +1601,118 @@ function Aa({
             //     }
             //   : undefined,
           ],
-          disabled: o,
-          onClick: () => a(r),
-          children: /* @__PURE__ */ i.jsx(E, { component: "div", size: e, children: r })
+          disabled: i,
+          onClick: () => o(r),
+          children: /* @__PURE__ */ t.jsx(p, { component: "div", size: e, children: r })
         },
         r
       );
     }) })
   ] });
 }
-const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
-  var b, C;
-  const [n, t] = $({
+const Nn = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), or = (e) => {
+  var O, P;
+  const [s, n] = _({
     records: [],
     total: 0
-  }), [a, r] = $(!1), [o, l] = $(
+  }), [o, r] = _(!1), [i, a] = _(
     {}
-  ), s = (y) => {
-    r(!0), e.getData(y).then((w) => {
-      t(w), r(!1);
+  ), c = (f) => {
+    r(!0), e.getData(f).then((b) => {
+      n(b), r(!1);
     });
-  }, u = (y, w) => {
+  }, d = (f, b) => {
     const R = {
       ...e.query.query,
-      limit: w,
-      offset: y * w
+      limit: b,
+      offset: f * b
     };
     e.query.update(R);
-  }, [c, d, x] = k(() => {
-    const y = e.query.query.limit, w = Math.floor(
+  }, [h, m, y] = S(() => {
+    const f = e.query.query.limit, b = Math.floor(
       (e.query.query.offset || 0) / e.query.query.limit
-    ), 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,
+    ), 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,
     {
       actions: e.actions,
-      reloadData: () => s(e.query.query),
-      selectedRowKeys: g
+      reloadData: () => c(e.query.query),
+      selectedRowKeys: x
     }
   ));
-  const h = ((b = e.pagination) == null ? void 0 : b.positions) || $a;
-  if (h.size > 0) {
-    const y = /* @__PURE__ */ i.jsx(
-      en,
+  const u = ((O = e.pagination) == null ? void 0 : O.positions) || Nn;
+  if (u.size > 0) {
+    const f = /* @__PURE__ */ t.jsx(
+      st,
       {
-        total: x,
-        pageIndex: d,
-        pageSize: c,
-        onUpdatePagination: u,
-        allowPageSizeChange: (C = e.pagination) == null ? void 0 : C.showSizeChanger
+        total: y,
+        pageIndex: m,
+        pageSize: h,
+        onUpdatePagination: d,
+        allowPageSizeChange: (P = e.pagination) == null ? void 0 : P.showSizeChanger
       }
     );
-    h.has("topRight") && (p !== void 0 ? p = /* @__PURE__ */ i.jsxs(_, { 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: [
+    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: [
         "Showing ",
-        d * c + 1,
+        m * h + 1,
         " to",
         " ",
-        Math.min((d + 1) * c, n.total),
+        Math.min((m + 1) * h, s.total),
         " of ",
-        n.total,
+        s.total,
         " ",
         "records"
       ] })
-    ] }) : v = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ i.jsxs(E, { size: "sm", c: "dimmed", children: [
+    ] }) : v = /* @__PURE__ */ t.jsxs(z, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ t.jsxs(p, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        d * c + 1,
+        m * h + 1,
         " to",
         " ",
-        Math.min((d + 1) * c, n.total),
+        Math.min((m + 1) * h, s.total),
         " of ",
-        n.total,
+        s.total,
         " ",
         "records"
       ] }),
-      y
+      f
     ] }));
   }
-  const j = k(() => /* @__PURE__ */ i.jsx(
-    Oa,
+  const C = S(() => /* @__PURE__ */ t.jsx(
+    En,
     {
-      data: n,
-      loading: a,
+      data: s,
+      loading: o,
       columns: e.columns,
       getRowId: e.getRowId,
-      selectedRowKeys: o,
-      setSelectedRowKeys: l,
-      hasTopSection: p !== void 0,
+      selectedRowKeys: i,
+      setSelectedRowKeys: a,
+      hasTopSection: g !== void 0,
       hasBottomSection: v !== void 0
     }
   ), [
-    n,
-    a,
+    s,
+    o,
     e.columns,
     e.getRowId,
-    o,
-    l,
-    p !== void 0,
+    i,
+    a,
+    g !== void 0,
     v !== void 0
   ]);
-  return p === void 0 || v === void 0 ? j : /* @__PURE__ */ i.jsxs("div", { children: [
-    p !== void 0 && /* @__PURE__ */ i.jsx(
-      re,
+  return g === void 0 || v === void 0 ? C : /* @__PURE__ */ t.jsxs("div", { children: [
+    g !== void 0 && /* @__PURE__ */ t.jsx(
+      U,
       {
         withBorder: !0,
         p: "xs",
@@ -2989,12 +1721,12 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
           borderBottomRightRadius: 0,
           borderBottom: "none"
         },
-        children: p
+        children: g
       }
     ),
-    j,
-    v !== void 0 && /* @__PURE__ */ i.jsx(
-      re,
+    C,
+    v !== void 0 && /* @__PURE__ */ t.jsx(
+      U,
       {
         withBorder: !0,
         p: "xs",
@@ -3007,21 +1739,21 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
       }
     )
   ] });
-}, Oa = (e) => {
-  const n = k(() => {
-    const a = [
+}, En = (e) => {
+  const s = S(() => {
+    const o = [
       {
         id: "selection",
-        header: ({ table: r }) => /* @__PURE__ */ i.jsx(
-          me,
+        header: ({ table: r }) => /* @__PURE__ */ t.jsx(
+          Q,
           {
             checked: r.getIsAllRowsSelected(),
             indeterminate: r.getIsSomeRowsSelected(),
             onChange: r.getToggleAllRowsSelectedHandler()
           }
         ),
-        cell: ({ row: r }) => /* @__PURE__ */ i.jsx(
-          me,
+        cell: ({ row: r }) => /* @__PURE__ */ t.jsx(
+          Q,
           {
             checked: r.getIsSelected(),
             disabled: !r.getCanSelect(),
@@ -3031,29 +1763,29 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
       }
     ];
     return e.columns.forEach((r) => {
-      a.push({
+      o.push({
         id: r.key,
         header: r.title,
         accessorFn: r.render,
-        cell: ({ row: o }) => r.render(o.original)
+        cell: ({ row: i }) => r.render(i.original)
       });
-    }), a;
-  }, [e.columns]), t = Pt({
+    }), o;
+  }, [e.columns]), n = Ze({
     data: e.data.records,
-    columns: n,
-    getCoreRowModel: It(),
+    columns: s,
+    getCoreRowModel: Xe(),
     // convert to string, but we actually can get away with number
-    getRowId: (a) => e.getRowId(a).toString(),
+    getRowId: (o) => e.getRowId(o).toString(),
     state: {
       rowSelection: e.selectedRowKeys
     },
     onRowSelectionChange: e.setSelectedRowKeys,
     manualPagination: !0
   });
-  return /* @__PURE__ */ i.jsx(
-    Qt,
+  return /* @__PURE__ */ t.jsx(
+    ot,
     {
-      table: t,
+      table: n,
       selectedRowKeys: e.selectedRowKeys,
       bordered: !0,
       hasTopSection: e.hasTopSection,
@@ -3061,195 +1793,195 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
     }
   );
 };
-function tn(e, n, t, {
-  title: a,
+function it(e, s, n, {
+  title: o,
   nestedKey: r,
-  component: o
+  component: i
 } = {}) {
-  let l;
-  if (o !== void 0)
-    l = o;
-  else if (se(t))
-    t.cardinality === "1:N" || t.cardinality === "N:N" ? l = Fe : l = Le;
+  let a;
+  if (i !== void 0)
+    a = i;
+  else if (W(n))
+    n.cardinality === "1:N" || n.cardinality === "N:N" ? a = ue : a = de;
   else {
-    if (Q[t.datatype] === void 0)
+    if (K[n.datatype] === void 0)
       throw new Error(
-        `No display component found for datatype ${t.datatype}`
+        `No display component found for datatype ${n.datatype}`
       );
-    l = Q[t.datatype];
+    a = K[n.datatype];
   }
-  const s = {
-    key: t.name,
-    title: a || /* @__PURE__ */ i.jsx(D, { value: t.label }),
-    accessorFn: (u) => u[t.tsName],
-    render: (u) => {
-      const c = u[t.tsName];
-      return /* @__PURE__ */ i.jsx(
-        l,
+  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,
         {
           db: e,
-          property: t,
-          value: c,
-          entityRoutes: n
+          property: n,
+          value: h,
+          entityRoutes: s
         }
       );
     }
   };
-  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,
+  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,
       {
         db: e,
-        property: t,
-        value: c,
-        entityRoutes: n
+        property: n,
+        value: h,
+        entityRoutes: s
       }
     );
-  }), s;
+  }), c;
 }
-function ho(e, n, t, a, {
+function sr(e, s, n, o, {
   title: r,
-  nestedKey: o,
-  component: l
+  nestedKey: i,
+  component: a
 } = {}) {
-  let s;
-  if (l !== void 0)
-    s = l;
-  else if (se(a))
-    a.cardinality === "1:N" || a.cardinality === "N:N" ? s = Fe : s = Le;
+  let c;
+  if (a !== void 0)
+    c = a;
+  else if (W(o))
+    o.cardinality === "1:N" || o.cardinality === "N:N" ? c = ue : c = de;
   else {
-    if (Q[a.datatype] === void 0)
+    if (K[o.datatype] === void 0)
       throw new Error(
-        `No display component found for datatype ${a.datatype}`
+        `No display component found for datatype ${o.datatype}`
       );
-    s = Q[a.datatype];
+    c = K[o.datatype];
   }
-  const u = {
-    key: t + "." + a.name,
-    title: r || /* @__PURE__ */ i.jsx(D, { value: a.label }),
-    accessorFn: (c) => c[t.tsName][a.tsName],
-    render: (c) => {
-      const d = c[t.tsName][a.tsName];
-      return /* @__PURE__ */ i.jsx(
-        s,
+  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,
         {
           db: e,
-          property: a,
-          value: d,
-          entityRoutes: n
+          property: o,
+          value: m,
+          entityRoutes: s
         }
       );
     }
   };
-  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,
+  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,
       {
         db: e,
-        property: a,
-        value: d,
-        entityRoutes: n
+        property: o,
+        value: m,
+        entityRoutes: s
       }
     );
-  }), u;
+  }), d;
 }
-function mo(e, n, t, a, r = {}) {
-  return a.map((o) => nn(o) ? o : tn(
+function ir(e, s, n, o, r = {}) {
+  return o.map((i) => at(i) ? i : it(
     e,
-    t,
-    n.publicProperties[o],
+    n,
+    s.publicProperties[i],
     r
   ));
 }
-function go(e, n, t, a = [], r = {}) {
-  return a.map((o) => nn(o) ? o : tn(
+function ar(e, s, n, o = [], r = {}) {
+  return o.map((i) => at(i) ? i : it(
     e,
-    t,
-    n.publicProperties[o],
+    n,
+    s.publicProperties[i],
     r
   ));
 }
-function nn(e) {
+function at(e) {
   return typeof e == "object" && "key" in e && "title" in e;
 }
-const Da = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
-  var d, x;
-  const [n, t] = $(
+const In = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), lr = (e) => {
+  var m, y;
+  const [s, n] = _(
     {}
-  ), a = k(() => {
-    const g = [
+  ), o = S(() => {
+    const x = [
       {
         id: "selection",
-        header: ({ table: p }) => /* @__PURE__ */ i.jsx(
-          me,
+        header: ({ table: g }) => /* @__PURE__ */ t.jsx(
+          Q,
           {
-            checked: p.getIsAllRowsSelected(),
-            indeterminate: p.getIsSomeRowsSelected(),
-            onChange: p.getToggleAllRowsSelectedHandler()
+            checked: g.getIsAllRowsSelected(),
+            indeterminate: g.getIsSomeRowsSelected(),
+            onChange: g.getToggleAllRowsSelectedHandler()
           }
         ),
-        cell: ({ row: p }) => /* @__PURE__ */ i.jsx(
-          me,
+        cell: ({ row: g }) => /* @__PURE__ */ t.jsx(
+          Q,
           {
-            checked: p.getIsSelected(),
-            disabled: !p.getCanSelect(),
-            onChange: p.getToggleSelectedHandler()
+            checked: g.getIsSelected(),
+            disabled: !g.getCanSelect(),
+            onChange: g.getToggleSelectedHandler()
           }
         )
       }
     ];
-    return e.columns.forEach((p) => {
-      g.push({
-        id: p.key,
-        header: p.title,
-        accessorFn: p.render,
-        cell: ({ row: v }) => p.render(v.original)
+    return e.columns.forEach((g) => {
+      x.push({
+        id: g.key,
+        header: g.title,
+        accessorFn: g.render,
+        cell: ({ row: v }) => g.render(v.original)
       });
-    }), g;
-  }, [e.columns]), r = Pt({
+    }), x;
+  }, [e.columns]), r = Ze({
     data: e.data,
-    columns: a,
-    getCoreRowModel: It(),
-    getPaginationRowModel: Pn(),
+    columns: o,
+    getCoreRowModel: Xe(),
+    getPaginationRowModel: zt(),
     state: {
-      rowSelection: n
+      rowSelection: s
     },
-    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,
+    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,
     {
       actions: e.actions,
-      selectedRowKeys: o
+      selectedRowKeys: i
     }
   ));
-  const u = ((d = e.pagination) == null ? void 0 : d.positions) || Da;
-  if (u.size > 0) {
-    const g = r.getState().pagination, p = /* @__PURE__ */ i.jsx(
-      en,
+  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,
       {
         total: r.getPageCount(),
-        pageIndex: g.pageIndex,
-        pageSize: g.pageSize,
-        onUpdatePagination: (v, h) => r.setPagination({ pageIndex: v, pageSize: h }),
-        allowPageSizeChange: (x = e.pagination) == null ? void 0 : x.showSizeChanger
+        pageIndex: x.pageIndex,
+        pageSize: x.pageSize,
+        onUpdatePagination: (v, u) => r.setPagination({ pageIndex: v, pageSize: u }),
+        allowPageSizeChange: (y = e.pagination) == null ? void 0 : y.showSizeChanger
       }
     );
-    u.has("topRight") && (l !== void 0 ? l = /* @__PURE__ */ i.jsxs(_, { 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: [
+    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: [
         "Showing ",
-        g.pageIndex * g.pageSize + 1,
+        x.pageIndex * x.pageSize + 1,
         " to",
         " ",
         Math.min(
-          (g.pageIndex + 1) * g.pageSize,
+          (x.pageIndex + 1) * x.pageSize,
           e.data.length
         ),
         " ",
@@ -3257,14 +1989,14 @@ const Da = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
         e.data.length,
         " records"
       ] })
-    ] }) : s = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ i.jsxs(E, { size: "sm", c: "dimmed", children: [
+    ] }) : c = /* @__PURE__ */ t.jsxs(z, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ t.jsxs(p, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        g.pageIndex * g.pageSize + 1,
+        x.pageIndex * x.pageSize + 1,
         " to",
         " ",
         Math.min(
-          (g.pageIndex + 1) * g.pageSize,
+          (x.pageIndex + 1) * x.pageSize,
           e.data.length
         ),
         " ",
@@ -3272,22 +2004,22 @@ const Da = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
         e.data.length,
         " records"
       ] }),
-      p
+      g
     ] }));
   }
-  const c = /* @__PURE__ */ i.jsx(
-    Qt,
+  const h = /* @__PURE__ */ t.jsx(
+    ot,
     {
-      selectedRowKeys: n,
+      selectedRowKeys: s,
       table: r,
       bordered: !0,
-      hasTopSection: l !== void 0,
-      hasBottomSection: s !== void 0
+      hasTopSection: a !== void 0,
+      hasBottomSection: c !== void 0
     }
   );
-  return l === void 0 && s === void 0 ? c : /* @__PURE__ */ i.jsxs("div", { children: [
-    l !== void 0 && /* @__PURE__ */ i.jsx(
-      re,
+  return a === void 0 && c === void 0 ? h : /* @__PURE__ */ t.jsxs("div", { children: [
+    a !== void 0 && /* @__PURE__ */ t.jsx(
+      U,
       {
         withBorder: !0,
         p: "xs",
@@ -3296,12 +2028,12 @@ const Da = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
           borderBottomRightRadius: 0,
           borderBottom: "none"
         },
-        children: l
+        children: a
       }
     ),
-    c,
-    s !== void 0 && /* @__PURE__ */ i.jsx(
-      re,
+    h,
+    c !== void 0 && /* @__PURE__ */ t.jsx(
+      U,
       {
         withBorder: !0,
         p: "xs",
@@ -3310,206 +2042,206 @@ const Da = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
           borderTopRightRadius: 0,
           borderTop: "none"
         },
-        children: s
+        children: c
       }
     )
   ] });
-}, jt = ee(
+}, Ke = B(
   ({
     store: e,
-    record: n,
-    property: t,
-    DisplayComponent: a,
+    record: s,
+    property: n,
+    DisplayComponent: o,
     entityRoutes: r
   }) => {
-    const o = n[t.tsName];
-    return /* @__PURE__ */ i.jsxs("div", { children: [
-      /* @__PURE__ */ i.jsx(E, { size: "sm", fw: 550, children: /* @__PURE__ */ i.jsx(D, { value: t.label }) }),
-      /* @__PURE__ */ i.jsx(
-        a,
+    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,
         {
           db: e.db,
           entityRoutes: r,
-          property: t,
-          value: o
+          property: n,
+          value: i
         }
       )
     ] });
   }
-), _a = ee(
+), _n = B(
   ({
     store: e,
-    record: n,
-    properties: t,
-    DisplayComponent: a,
+    record: s,
+    properties: n,
+    DisplayComponent: o,
     entityRoutes: r
   }) => {
-    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(D, { value: o.label }) }),
-      l !== void 0 && /* @__PURE__ */ i.jsx(
-        a,
+    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,
         {
           db: e.db,
-          property: o,
-          value: l,
+          property: i,
+          value: a,
           entityRoutes: r
         }
       )
     ] });
   }
-), Ma = 12, za = (e) => {
-  const n = e.schema, t = k(() => e.fieldGroups.map((a, r) => Ba(
-    n,
+), Fn = 12, An = (e) => {
+  const s = e.schema, n = S(() => e.fieldGroups.map((o, r) => On(
+    s,
     e.store,
     e.record,
     r,
-    a,
+    o,
     e.entityRoutes
-  )), [n, e.store, e.record, e.fieldGroups]);
-  return /* @__PURE__ */ i.jsx(ge, { gap: "sm", className: e.className, style: e.styles, children: t });
+  )), [s, e.store, e.record, e.fieldGroups]);
+  return /* @__PURE__ */ t.jsx(ee, { gap: "sm", className: e.className, style: e.styles, children: n });
 };
-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,
+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,
           {
-            store: n,
-            record: t,
-            property: p,
+            store: s,
+            record: n,
+            property: g,
             DisplayComponent: v,
-            entityRoutes: o
+            entityRoutes: i
           }
         );
       } else {
-        const p = e.allProperties[x];
+        const g = e.allProperties[y];
         let v;
-        if (se(p))
-          v = p.cardinality === "N:N" || p.cardinality === "1:N" ? Fe : Le;
+        if (W(g))
+          v = g.cardinality === "N:N" || g.cardinality === "1:N" ? ue : de;
         else {
-          if (Q[p.datatype] === void 0)
+          if (K[g.datatype] === void 0)
             throw new Error(
-              `No display component found for datatype ${p.datatype}`
+              `No display component found for datatype ${g.datatype}`
             );
-          v = Q[p.datatype];
+          v = K[g.datatype];
         }
-        g = /* @__PURE__ */ i.jsx(
-          jt,
+        x = /* @__PURE__ */ t.jsx(
+          Ke,
           {
-            store: n,
-            record: t,
-            property: p,
+            store: s,
+            record: n,
+            property: g,
             DisplayComponent: v,
-            entityRoutes: o
+            entityRoutes: i
           }
         );
       }
-      s.push(
-        /* @__PURE__ */ i.jsx(A.Col, { span: c, children: g }, `${u}-${d}`)
+      c.push(
+        /* @__PURE__ */ t.jsx(I.Col, { span: h, children: x }, `${d}-${m}`)
       );
     }
   }
-  return /* @__PURE__ */ i.jsx(A, { gutter: "sm", children: s }, a);
+  return /* @__PURE__ */ t.jsx(I, { gutter: "sm", children: c }, o);
 }
-function xo(e, n, t) {
-  const a = e[e.length - 1];
+function cr(e, s, n) {
+  const o = e[e.length - 1];
   let r;
-  if (t !== void 0)
-    r = t;
-  else if (se(a))
-    r = a.cardinality === "N:N" || a.cardinality === "1:N" ? Fe : Le;
+  if (n !== void 0)
+    r = n;
+  else if (W(o))
+    r = o.cardinality === "N:N" || o.cardinality === "1:N" ? ue : de;
   else {
-    if (Q[a.datatype] === void 0)
+    if (K[o.datatype] === void 0)
       throw new Error(
-        `No display component found for datatype ${a.datatype}`
+        `No display component found for datatype ${o.datatype}`
       );
-    r = Q[a.datatype];
+    r = K[o.datatype];
   }
-  return (o, l) => /* @__PURE__ */ i.jsx(
-    _a,
+  return (i, a) => /* @__PURE__ */ t.jsx(
+    _n,
     {
-      store: o,
-      record: l,
+      store: i,
+      record: a,
       properties: e,
       DisplayComponent: r,
-      entityRoutes: n
+      entityRoutes: s
     }
   );
 }
-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,
+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,
     {
       schema: e.schema,
       store: e.store,
       record: e.record,
-      fieldGroups: n.fieldGroups,
+      fieldGroups: s.fieldGroups,
       styles: e.tabStyles,
       className: e.tabClassName,
       entityRoutes: e.entityRoutes
     }
-  ) }, t))
+  ) }, n))
 ] });
 export {
-  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,
-  D 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
+  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
 };