sera-components 1.1.5 → 1.1.8

package/dist/index.js

@@ -2,15 +2,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 E, useState as _, useEffect as Te } from "react";
-import { Paper as re, Image as cn, Text as k, Menu as ie, Button as q, Container as dn, Alert as qe, Stack as ge, Flex as B, Loader as Re, NavLink as it, Checkbox as me, Group as D, Input as W, useCombobox as St, Combobox as F, Grid as A, InputBase as fn, PasswordInput as hn, CloseButton as mn, Divider as gn, Tooltip as Ct, Fieldset as pn, Table as Rt, rem as ue, Pagination as xn, MenuTarget as vn, MenuDropdown as yn, MenuItem as bn, Tabs as ye } from "@mantine/core";
+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 { InternalLink as Tt } from "sera-route";
+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 { isDraftRecord as Nt, isObjectProperty as pe } from "sera-db";
 import { flexRender as lt, useReactTable as Pt, getCoreRowModel as It, getPaginationRowModel as Pn } from "@tanstack/react-table";
-var be = { exports: {} }, ce = {};
+var ye = { exports: {} }, de = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -22,7 +22,7 @@ var be = { exports: {} }, ce = {};
  */
 var st;
 function In() {
-  if (st) return ce;
+  if (st) return de;
   st = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
   function t(a, r, o) {
@@ -40,9 +40,9 @@ function In() {
       props: o
     };
   }
-  return ce.Fragment = n, ce.jsx = t, ce.jsxs = t, ce;
+  return de.Fragment = n, de.jsx = t, de.jsxs = t, de;
 }
-var de = {};
+var fe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -71,7 +71,7 @@ function Ln() {
           return "Suspense";
         case U:
           return "SuspenseList";
-        case $:
+        case O:
           return "Activity";
       }
       if (typeof m == "object")
@@ -161,7 +161,7 @@ function Ln() {
         "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;
     }
-    function c(m, S, T, I, J, z, _e, $e) {
+    function c(m, S, T, I, J, z, $e, Oe) {
       return T = z.ref, m = {
         $$typeof: p,
         type: m,
@@ -185,15 +185,15 @@ function Ln() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: _e
+        value: $e
       }), Object.defineProperty(m, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $e
+        value: Oe
       }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     }
-    function d(m, S, T, I, J, z, _e, $e) {
+    function d(m, S, T, I, J, z, $e, Oe) {
       var L = S.children;
       if (L !== void 0)
         if (I)
@@ -226,8 +226,8 @@ React keys must be passed directly to JSX without using spread:
       }
       if (L = null, T !== void 0 && (t(T), L = "" + T), l(S) && (t(S.key), L = "" + S.key), "key" in S) {
         T = {};
-        for (var Oe in S)
-          Oe !== "key" && (T[Oe] = S[Oe]);
+        for (var De in S)
+          De !== "key" && (T[De] = S[De]);
       } else T = S;
       return L && s(
         T,
@@ -239,26 +239,26 @@ React keys must be passed directly to JSX without using spread:
         J,
         r(),
         T,
-        _e,
-        $e
+        $e,
+        Oe
       );
     }
     function x(m) {
       typeof m == "object" && m !== null && m.$$typeof === p && m._store && (m._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"), $ = 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 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() {
       return null;
     };
     g = {
-      react_stack_bottom_frame: function(m) {
+      "react-stack-bottom-frame": function(m) {
         return m();
       }
     };
-    var tt, nt = {}, rt = g.react_stack_bottom_frame.bind(
+    var tt, nt = {}, rt = g["react-stack-bottom-frame"].bind(
       g,
       o
     )(), at = Ae(a(o)), ot = {};
-    de.Fragment = h, de.jsx = function(m, S, T, I, J) {
+    fe.Fragment = h, fe.jsx = function(m, S, T, I, J) {
       var z = 1e4 > ae.recentlyCreatedOwnerStacks++;
       return d(
         m,
@@ -270,7 +270,7 @@ React keys must be passed directly to JSX without using spread:
         z ? Error("react-stack-top-frame") : rt,
         z ? Ae(a(m)) : at
       );
-    }, de.jsxs = function(m, S, T, I, J) {
+    }, fe.jsxs = function(m, S, T, I, J) {
       var z = 1e4 > ae.recentlyCreatedOwnerStacks++;
       return d(
         m,
@@ -283,11 +283,11 @@ React keys must be passed directly to JSX without using spread:
         z ? Ae(a(m)) : at
       );
     };
-  }()), de;
+  }()), fe;
 }
 var ct;
 function Fn() {
-  return ct || (ct = 1, process.env.NODE_ENV === "production" ? be.exports = In() : be.exports = Ln()), be.exports;
+  return ct || (ct = 1, process.env.NODE_ENV === "production" ? ye.exports = In() : ye.exports = Ln()), ye.exports;
 }
 var i = Fn();
 const N = {
@@ -351,24 +351,24 @@ 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(
-  k,
+}, An = ({ flag: e }) => /* @__PURE__ */ i.jsx(re, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ i.jsx(cn, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), $n = ({ flag: e }) => /* @__PURE__ */ i.jsx(
+  E,
   {
     component: "span",
     style: (n) => ({ textShadow: n.shadows.xs }),
     children: e.emojiFlag
   }
-), Be = navigator.userAgent.includes("Windows") ? An : _n, xe = un(new Intl.Locale("en-US")), Ja = ee(
+), Be = navigator.userAgent.includes("Windows") ? An : $n, pe = un(new Intl.Locale("en-US")), Xa = ee(
   ({
     value: e,
     children: n
-  }) => /* @__PURE__ */ i.jsx(xe.Provider, { value: e.locale, children: n })
-), $n = {
+  }) => /* @__PURE__ */ i.jsx(pe.Provider, { value: e.locale, children: n })
+), On = {
   lang2value: {
     en: "Choose Language",
     vi: "Chọn ngôn ngữ"
   }
-}, we = {
+}, be = {
   en: {
     name: "English",
     flag: N.US,
@@ -379,39 +379,39 @@ const N = {
     flag: N.VN,
     locale: new Intl.Locale("vi-VN")
   }
-}, Xa = ({
+}, Za = ({
   locale: e,
   setLocale: n
 }) => {
-  const t = E(() => Object.entries(we).map(
+  const t = k(() => Object.entries(be).map(
     ([a, { flag: r, name: o, locale: l }]) => /* @__PURE__ */ i.jsx(
       ie.Item,
       {
         onClick: () => n(l),
         leftSection: /* @__PURE__ */ i.jsx(Be, { flag: r }),
         rightSection: e.language === a && /* @__PURE__ */ i.jsx(wn, { size: "15", color: "#2986cc", stroke: 2 }),
-        children: /* @__PURE__ */ i.jsx(k, { size: "sm", children: o })
+        children: /* @__PURE__ */ i.jsx(E, { size: "sm", children: o })
       },
       a
     )
-  ), [we, e]);
+  ), [be, e]);
   return /* @__PURE__ */ i.jsxs(ie, { width: 170, children: [
     /* @__PURE__ */ i.jsx(ie.Target, { children: /* @__PURE__ */ i.jsx(
       q,
       {
         variant: "subtle",
         size: "sm",
-        leftSection: /* @__PURE__ */ i.jsx(Be, { flag: we[e.language].flag }),
-        children: /* @__PURE__ */ i.jsx(k, { size: "sm", children: we[e.language].name })
+        leftSection: /* @__PURE__ */ i.jsx(Be, { flag: be[e.language].flag }),
+        children: /* @__PURE__ */ i.jsx(E, { size: "sm", children: be[e.language].name })
       }
     ) }),
     /* @__PURE__ */ i.jsxs(ie.Dropdown, { children: [
-      /* @__PURE__ */ i.jsx(ie.Label, { children: /* @__PURE__ */ i.jsx(k, { size: "sm", children: $n.lang2value[e.language] }) }),
+      /* @__PURE__ */ i.jsx(ie.Label, { children: /* @__PURE__ */ i.jsx(E, { size: "sm", children: On.lang2value[e.language] }) }),
       t
     ] })
   ] });
-}, O = ({ value: e }) => {
-  const n = ke(xe);
+}, D = ({ value: e }) => {
+  const n = ke(pe);
   return e.lang2value[n.language] || e.lang2value[e.lang];
 };
 /**
@@ -455,14 +455,14 @@ function Ke(e) {
   return n;
 }
 function Lt(e, n, t = "/") {
-  return On(e, n, t, !1);
+  return Dn(e, n, t, !1);
 }
-function On(e, n, t, a) {
+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);
-  Dn(l);
+  _n(l);
   let s = null;
   for (let u = 0; s == null && u < l.length; ++u) {
     let c = Gn(o);
@@ -522,7 +522,7 @@ function At(e) {
     (u) => e.startsWith("/") && u === "" ? "/" : u
   );
 }
-function Dn(e) {
+function _n(e) {
   e.sort(
     (n, t) => n.score !== t.score ? t.score - n.score : Vn(
       n.routesMeta.map((a) => a.childrenIndex),
@@ -651,7 +651,7 @@ function Xn(e, n) {
     r === ".." ? t.length > 1 && t.pop() : r !== "." && t.push(r);
   }), t.length > 1 ? t.join("/") : "/";
 }
-function De(e, n, t, a) {
+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.`;
@@ -661,23 +661,23 @@ function Zn(e) {
     (n, t) => t === 0 || n.route.path && n.route.path.length > 0
   );
 }
-function _t(e) {
+function $t(e) {
   let n = Zn(e);
   return n.map(
     (t, a) => a === n.length - 1 ? t.pathname : t.pathnameBase
   );
 }
-function $t(e, n, t, a = !1) {
+function Ot(e, n, t, a = !1) {
   let r;
   typeof e == "string" ? r = Ke(e) : (r = { ...e }, P(
     !r.pathname || !r.pathname.includes("?"),
-    De("?", "pathname", "search", r)
+    _e("?", "pathname", "search", r)
   ), P(
     !r.pathname || !r.pathname.includes("#"),
-    De("#", "pathname", "hash", r)
+    _e("#", "pathname", "hash", r)
   ), P(
     !r.search || !r.search.includes("#"),
-    De("#", "search", "hash", r)
+    _e("#", "search", "hash", r)
   ));
   let o = e === "" || r.pathname === "", l = o ? "/" : r.pathname, s;
   if (l == null)
@@ -699,29 +699,29 @@ var K = (e) => e.join("/").replace(/\/\/+/g, "/"), Qn = (e) => e.replace(/\/+$/,
 function nr(e) {
   return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
 }
-var Ot = [
+var Dt = [
   "POST",
   "PUT",
   "PATCH",
   "DELETE"
 ];
 new Set(
-  Ot
+  Dt
 );
 var rr = [
   "GET",
-  ...Ot
+  ...Dt
 ];
 new Set(rr);
-var se = f.createContext(null);
-se.displayName = "DataRouter";
+var ue = f.createContext(null);
+ue.displayName = "DataRouter";
 var Ne = f.createContext(null);
 Ne.displayName = "DataRouterState";
 f.createContext(!1);
-var Dt = f.createContext({
+var _t = f.createContext({
   isTransitioning: !1
 });
-Dt.displayName = "ViewTransition";
+_t.displayName = "ViewTransition";
 var ar = f.createContext(
   /* @__PURE__ */ new Map()
 );
@@ -751,7 +751,7 @@ function ir(e, { relative: n } = {}) {
     // 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 } = ve(e, { relative: n }), s = o;
+  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() {
@@ -780,7 +780,7 @@ function lr() {
     // 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(se), { basename: n, navigator: t } = f.useContext(H), { matches: a } = f.useContext(Y), { pathname: r } = te(), o = JSON.stringify(_t(a)), l = f.useRef(!1);
+  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(
@@ -790,7 +790,7 @@ function lr() {
         t.go(u);
         return;
       }
-      let d = $t(
+      let d = Ot(
         u,
         JSON.parse(o),
         r,
@@ -812,10 +812,10 @@ function lr() {
   );
 }
 f.createContext(null);
-function ve(e, { relative: n } = {}) {
-  let { matches: t } = f.useContext(Y), { pathname: a } = te(), r = JSON.stringify(_t(t));
+function xe(e, { relative: n } = {}) {
+  let { matches: t } = f.useContext(Y), { pathname: a } = te(), r = JSON.stringify($t(t));
   return f.useMemo(
-    () => $t(
+    () => Ot(
       e,
       JSON.parse(r),
       a,
@@ -924,7 +924,7 @@ var cr = /* @__PURE__ */ f.createElement(ur, null), dr = class extends f.Compone
   }
 };
 function fr({ routeContext: e, match: n, children: t }) {
-  let a = f.useContext(se);
+  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) {
@@ -1007,7 +1007,7 @@ 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(se);
+  let n = f.useContext(ue);
   return P(n, Ge(e)), n;
 }
 function gr(e) {
@@ -1092,19 +1092,19 @@ function Rr(e, n) {
   (!n || n === "_self") && // Let browser handle "target=_blank" etc.
   !Cr(e);
 }
-var je = null;
+var we = null;
 function Er() {
-  if (je === null)
+  if (we === null)
     try {
       new FormData(
         document.createElement("form"),
         // @ts-expect-error if FormData supports the submitter parameter, this will throw
         0
-      ), je = !1;
+      ), we = !1;
     } catch {
-      je = !0;
+      we = !0;
     }
-  return je;
+  return we;
 }
 var kr = /* @__PURE__ */ new Set([
   "application/x-www-form-urlencoded",
@@ -1190,7 +1190,7 @@ async function Lr(e, n, t) {
       return [];
     })
   );
-  return $r(
+  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" }
     )
@@ -1245,27 +1245,27 @@ function Fr(e, n, { includeHydrateFallback: t } = {}) {
 function Ar(e) {
   return [...new Set(e)];
 }
-function _r(e) {
+function $r(e) {
   let n = {}, t = Object.keys(e).sort();
   for (let a of t)
     n[a] = e[a];
   return n;
 }
-function $r(e, n) {
+function Or(e, n) {
   let t = /* @__PURE__ */ new Set();
   return new Set(n), e.reduce((a, r) => {
-    let o = JSON.stringify(_r(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(se);
+  let e = f.useContext(ue);
   return Xe(
     e,
     "You must render this element inside a <DataRouterContext.Provider> element"
   ), e;
 }
-function Or() {
+function Dr() {
   let e = f.useContext(Ne);
   return Xe(
     e,
@@ -1281,7 +1281,7 @@ function qt() {
     "You must render this element inside a <HydratedRouter> element"
   ), e;
 }
-function Dr(e, n) {
+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") {
@@ -1313,15 +1313,15 @@ function Dr(e, n) {
     o,
     g,
     {
-      onFocus: fe(s, p),
-      onBlur: fe(u, v),
-      onMouseEnter: fe(c, p),
-      onMouseLeave: fe(d, v),
-      onTouchStart: fe(x, p)
+      onFocus: he(s, p),
+      onBlur: he(u, v),
+      onMouseEnter: he(c, p),
+      onMouseLeave: he(d, v),
+      onTouchStart: he(x, p)
     }
   ] : [!1, g, {}];
 }
-function fe(e, n) {
+function he(e, n) {
   return (t) => {
     e && e(t), t.defaultPrevented || n(t);
   };
@@ -1351,7 +1351,7 @@ function Br({
   matches: n,
   ...t
 }) {
-  let a = te(), { manifest: r, routeModules: o } = qt(), { basename: l } = Ut(), { loaderData: s, matches: u } = Or(), c = f.useMemo(
+  let a = te(), { manifest: r, routeModules: o } = qt(), { basename: l } = Ut(), { loaderData: s, matches: u } = Dr(), c = f.useMemo(
     () => ht(
       e,
       n,
@@ -1436,15 +1436,15 @@ var Kt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Vt = f.forwardRef(
     let { basename: v } = f.useContext(H), h = typeof c == "string" && Kt.test(c), j, b = !1;
     if (typeof c == "string" && h && (j = c, Wt))
       try {
-        let $ = new URL(window.location.href), G = c.startsWith("//") ? new URL($.protocol + c) : new URL(c), ae = Z(G.pathname, v);
-        G.origin === $.origin && ae != null ? c = ae + G.search + G.hash : b = !0;
+        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] = Dr(
+    let C = ir(c, { relative: r }), [y, w, R] = _r(
       a,
       g
     ), U = Vr(c, {
@@ -1455,8 +1455,8 @@ var Kt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Vt = f.forwardRef(
       relative: r,
       viewTransition: x
     });
-    function M($) {
-      n && n($), $.defaultPrevented || U($);
+    function M(O) {
+      n && n(O), O.defaultPrevented || U(O);
     }
     let ne = (
       // eslint-disable-next-line jsx-a11y/anchor-has-content
@@ -1489,7 +1489,7 @@ var qr = f.forwardRef(
     children: u,
     ...c
   }, d) {
-    let x = ve(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
+    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);
@@ -1498,8 +1498,8 @@ var qr = f.forwardRef(
       isActive: R,
       isPending: U,
       isTransitioning: j
-    }, ne = R ? n : void 0, $;
-    typeof a == "function" ? $ = a(M) : $ = [
+    }, ne = R ? n : void 0, O;
+    typeof a == "function" ? O = a(M) : O = [
       a,
       R ? "active" : null,
       U ? "pending" : null,
@@ -1511,7 +1511,7 @@ var qr = f.forwardRef(
       {
         ...c,
         "aria-current": ne,
-        className: $,
+        className: O,
         ref: d,
         style: G,
         to: l,
@@ -1571,7 +1571,7 @@ 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(se);
+  let n = f.useContext(ue);
   return P(n, Kr(e)), n;
 }
 function Vr(e, {
@@ -1582,7 +1582,7 @@ function Vr(e, {
   relative: o,
   viewTransition: l
 } = {}) {
-  let s = Ye(), u = te(), c = ve(e, { relative: o });
+  let s = Ye(), u = te(), c = xe(e, { relative: o });
   return f.useCallback(
     (d) => {
       if (Rr(d, n)) {
@@ -1653,7 +1653,7 @@ function Gr() {
 function Jr(e, { relative: n } = {}) {
   let { basename: t } = f.useContext(H), a = f.useContext(Y);
   P(a, "useFormAction must be used inside a RouteContext");
-  let [r] = a.matches.slice(-1), o = { ...ve(e || ".", { relative: n }) }, l = te();
+  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");
@@ -1666,7 +1666,7 @@ function Jr(e, { relative: n } = {}) {
   return (!e || e === ".") && r.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (o.pathname = o.pathname === "/" ? t : K([t, o.pathname])), Ue(o);
 }
 function Xr(e, { relative: n } = {}) {
-  let t = f.useContext(Dt);
+  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`?"
@@ -1674,13 +1674,13 @@ function Xr(e, { relative: n } = {}) {
   let { basename: a } = Ht(
     "useViewTransitionState"
     /* useViewTransitionState */
-  ), r = ve(e, { relative: n });
+  ), 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 Za = ({ message: e }) => {
+const Qa = ({ message: e }) => {
   const n = Ye();
   return /* @__PURE__ */ i.jsx(
     dn,
@@ -1707,7 +1707,7 @@ const Za = ({ message: e }) => {
       )
     }
   );
-}, Qa = ({ message: e }) => /* @__PURE__ */ i.jsx(
+}, eo = ({ message: e }) => /* @__PURE__ */ i.jsx(
   qe,
   {
     color: "red",
@@ -1716,7 +1716,7 @@ const Za = ({ message: e }) => {
     icon: /* @__PURE__ */ i.jsx(We, { size: 12, stroke: 1.5 }),
     children: e || "Sorry, the page you are looking for does not exist."
   }
-), Yt = ({ message: e }) => /* @__PURE__ */ i.jsx(k, { c: "red", size: "sm", children: e || "Not Found" }), eo = ({ 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(
+), Yt = ({ message: e }) => /* @__PURE__ */ i.jsx(E, { c: "red", size: "sm", children: e || "Not Found" }), to = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ i.jsx(B, { justify: "center", align: "center", children: /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "md" }) }) : /* @__PURE__ */ i.jsxs(
   B,
   {
     gap: "md",
@@ -1729,10 +1729,10 @@ const Za = ({ message: e }) => {
       e
     ]
   }
-), to = ({ 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: [
+), no = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "xs" }) : /* @__PURE__ */ i.jsxs(B, { gap: "md", direction: "column", justify: "center", align: "center", children: [
   /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "xs" }),
   e
-] }), no = ({ message: e }) => /* @__PURE__ */ i.jsx(
+] }), ro = ({ message: e }) => /* @__PURE__ */ i.jsx(
   qe,
   {
     color: "red",
@@ -1742,13 +1742,13 @@ const Za = ({ message: e }) => {
     children: e || "Sorry, you are not authorized to access this page."
   }
 );
-function ro(e, n) {
+function ao(e, n) {
   return e.reduce((t, a) => {
     const r = n(a);
     return t[r] || (t[r] = []), t[r].push(a), t;
   }, {});
 }
-function ao(e, n) {
+function oo(e, n) {
   const t = [];
   let a;
   return e.reduce((r, o) => {
@@ -1756,14 +1756,14 @@ function ao(e, n) {
     return l === void 0 ? (a === void 0 && (a = t.length, t.push([])), t[a].push(o)) : (r[l] === void 0 && (r[l] = t.length, t.push([])), t[r[l]].push(o)), r;
   }, {}), t;
 }
-function oo(e, n) {
+function io(e, n) {
   const t = /* @__PURE__ */ new Set();
   return e.filter((a) => {
     const r = n(a);
     return t.has(r) ? !1 : (t.add(r), !0);
   });
 }
-class io {
+class lo {
   constructor() {
     X(this, "items", []);
     X(this, "seen", /* @__PURE__ */ new Set());
@@ -1891,8 +1891,8 @@ function na(e, n) {
     return t;
   }).filter((t) => t !== null);
 }
-const lo = (e) => {
-  const n = Ye(), t = te(), [a, r] = _(/* @__PURE__ */ new Set()), [o, l] = _(/* @__PURE__ */ new Set()), [s, u] = _(), c = E(() => na(e.items, e.checkPermission), [e.items, e.checkPermission]), d = E(() => ta(e.items), [e.items]), { key2fullpath: x, key2route: g } = E(
+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]
   );
@@ -1900,7 +1900,7 @@ const lo = (e) => {
     const v = t.pathname, h = d.findMatchingKey(v);
     h !== void 0 && (l(new Set(x[h])), u(h));
   }, [t, g]);
-  const p = E(() => {
+  const p = k(() => {
     function v(h, j) {
       var C, y;
       const b = h.children !== void 0 && h.children.length > 0;
@@ -1982,26 +1982,26 @@ const lo = (e) => {
     return c.map((h) => v(h, 0));
   }, [c, s, o, a, n]);
   return /* @__PURE__ */ i.jsx(i.Fragment, { children: p });
-}, he = ({ value: e }) => /* @__PURE__ */ i.jsx(k, { size: "sm", children: e });
+}, 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(xe), t = E(() => {
+  const n = ke(pe), t = k(() => {
     const a = e.getHours().toString().padStart(2, "0"), r = e.getMinutes().toString().padStart(2, "0"), o = e.getSeconds().toString().padStart(2, "0");
     return Qe(n, e) + `${a}:${r}:${o}`;
   }, [n, e]);
-  return /* @__PURE__ */ i.jsx(k, { size: "sm", children: t });
+  return /* @__PURE__ */ i.jsx(E, { size: "sm", children: t });
 }, aa = ({ value: e }) => {
-  const n = ke(xe), t = E(() => Qe(n, e), [n, e]);
-  return /* @__PURE__ */ i.jsx(k, { size: "sm", children: t });
-}, so = ({ value: e }) => {
-  const n = ke(xe), [t, a] = 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(k, { size: "sm", title: a, children: t });
+  return /* @__PURE__ */ i.jsx(E, { size: "sm", title: a, children: t });
 }, oa = {
   yes: {
     lang2value: {
@@ -2021,10 +2021,21 @@ const ra = ({ value: e }) => {
   me,
   {
     checked: e,
-    label: /* @__PURE__ */ i.jsx(O, { value: oa[e ? "yes" : "no"] }),
+    label: /* @__PURE__ */ i.jsx(D, { value: oa[e ? "yes" : "no"] }),
     readOnly: !0
   }
-);
+), la = ({
+  nestedProperty: e,
+  property: n,
+  value: t
+}) => {
+  const a = e || n;
+  if (se(a) || a.enumType === void 0)
+    throw new Error(
+      "Invalid usage of EnumDisplay. Expect a property of type enum"
+    );
+  return /* @__PURE__ */ i.jsx(E, { size: "sm", children: /* @__PURE__ */ i.jsx(D, { value: a.enumType.label[t] }) });
+};
 function Jt(e, n, t, a) {
   const r = e.getByName(n.targetClass), o = a[n.targetClass];
   Te(() => {
@@ -2042,14 +2053,14 @@ const Le = ee(
     value: t,
     entityRoutes: a
   }) => {
-    const r = E(() => [t], [t]), [o, l] = Jt(
+    const r = k(() => [t], [t]), [o, l] = Jt(
       e,
       n,
       r,
       a
     ), s = o[t];
-    return s === void 0 ? /* @__PURE__ */ i.jsx(k, { size: "sm", children: t }) : s === null ? /* @__PURE__ */ i.jsx(Yt, {}) : l === void 0 ? /* @__PURE__ */ i.jsx(k, { size: "sm", children: s.name }) : /* @__PURE__ */ i.jsx(
-      Tt,
+    return s === void 0 ? /* @__PURE__ */ i.jsx(E, { size: "sm", children: t }) : s === null ? /* @__PURE__ */ i.jsx(Yt, {}) : l === void 0 ? /* @__PURE__ */ i.jsx(E, { size: "sm", children: s.name }) : /* @__PURE__ */ i.jsx(
+      Nt,
       {
         path: l,
         openInNewPage: !1,
@@ -2072,10 +2083,10 @@ const Le = ee(
       t,
       a
     );
-    return /* @__PURE__ */ i.jsx(D, { gap: "xs", children: t.map((l, s) => {
+    return /* @__PURE__ */ i.jsx(_, { gap: "xs", children: t.map((l, s) => {
       const u = r[l];
-      return u === void 0 ? /* @__PURE__ */ i.jsx(k, { size: "sm", children: t }, l) : u === null ? /* @__PURE__ */ i.jsx(Yt, {}, l) : o === void 0 ? /* @__PURE__ */ i.jsx(k, { size: "sm", children: u.name }, s) : /* @__PURE__ */ i.jsx(
-        Tt,
+      return u === void 0 ? /* @__PURE__ */ i.jsx(E, { size: "sm", children: t }, l) : u === null ? /* @__PURE__ */ i.jsx(Yt, {}, l) : o === void 0 ? /* @__PURE__ */ i.jsx(E, { size: "sm", children: u.name }, s) : /* @__PURE__ */ i.jsx(
+        Nt,
         {
           path: o,
           openInNewPage: !1,
@@ -2088,15 +2099,15 @@ const Le = ee(
     }) });
   }
 ), Q = {
-  string: he,
-  integer: he,
-  float: he,
+  string: je,
+  integer: je,
+  float: je,
   boolean: ia,
-  "string[]": he,
-  enum: he,
+  "string[]": je,
+  enum: la,
   datetime: ra,
   date: aa
-}, la = ({ property: e, value: n, onChange: t }) => /* @__PURE__ */ i.jsx(
+}, sa = ({ property: e, value: n, onChange: t }) => /* @__PURE__ */ i.jsx(
   W,
   {
     id: e.name,
@@ -2122,13 +2133,13 @@ const Le = ee(
       t(r === "" ? void 0 : Number(r));
     }
   }
-), sa = {
+), ua = {
   lang2value: {
     en: "The leading zero is not necessary in international phone number format. For example, if your phone number is 0123456789, you should enter it as 123-456-789.",
     vi: "Số 0 đầu tiên không cần thiết trong định dạng điện thoại quốc tế. Ví dụ, nếu số điện thoại của bạn là 0123456789, bạn nên nhập nó là 123-456-789."
   },
   lang: "en"
-}, ua = {
+}, ca = {
   lang2value: {
     en: "No valid country code found.",
     vi: "Không tìm thấy mã quốc gia hợp lệ. "
@@ -2191,7 +2202,7 @@ const Le = ee(
     name: "China",
     flags: [N.CN]
   }
-}, ca = (e, n) => {
+}, da = (e, n) => {
   if (e === "")
     return { match: "84", remaining: "" };
   const t = e.replace(/[^\d]/g, ""), a = n.findLongestPrefix(t);
@@ -2201,27 +2212,27 @@ const Le = ee(
 }, pt = ({ value: e }) => {
   const n = le[e];
   if (n !== void 0)
-    return /* @__PURE__ */ i.jsxs(D, { gap: "sm", wrap: "nowrap", align: "center", children: [
-      /* @__PURE__ */ i.jsxs(k, { size: "sm", children: [
+    return /* @__PURE__ */ i.jsxs(_, { gap: "sm", wrap: "nowrap", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(E, { size: "sm", children: [
         "+",
         e
       ] }),
-      /* @__PURE__ */ i.jsx(D, { gap: 4, wrap: "nowrap", children: n.flags.map((t, a) => /* @__PURE__ */ i.jsx(Be, { flag: t }, a)) })
+      /* @__PURE__ */ i.jsx(_, { gap: 4, wrap: "nowrap", children: n.flags.map((t, a) => /* @__PURE__ */ i.jsx(Be, { flag: t }, a)) })
     ] });
-}, da = ({
+}, fa = ({
   value: e,
   onChange: n,
   error: t,
   id: a
 }) => {
-  const [r, o] = _(""), [l, s] = _(!1), [u, c] = _(""), [d, x] = _(!1), g = E(() => {
+  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 } = E(() => {
+  }, [le]), { rawInput: p } = k(() => {
     try {
-      const { match: y, remaining: w } = ca(
+      const { match: y, remaining: w } = da(
         e,
         g
       );
@@ -2240,12 +2251,12 @@ const Le = ee(
     onDropdownOpen: () => {
       v.updateSelectedOptionIndex("active");
     }
-  }), h = E(() => Object.keys(le), [le]), j = (y, w) => {
+  }), 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 = E(() => h.filter((y) => le[y].name.toLowerCase().includes(r.toLowerCase()) || y.includes(r)), [r, h]), C = E(() => b.map((y, w) => /* @__PURE__ */ i.jsx(F.Option, { value: y, children: /* @__PURE__ */ i.jsx(pt, { value: y }) }, w)), [b]);
+  }, b = k(() => h.filter((y) => le[y].name.toLowerCase().includes(r.toLowerCase()) || y.includes(r)), [r, h]), C = k(() => b.map((y, w) => /* @__PURE__ */ i.jsx(F.Option, { value: y, children: /* @__PURE__ */ i.jsx(pt, { value: y }) }, w)), [b]);
   return /* @__PURE__ */ i.jsxs("div", { children: [
-    /* @__PURE__ */ i.jsx(A, { gutter: "xs", children: /* @__PURE__ */ i.jsx(A.Col, { children: /* @__PURE__ */ i.jsxs(D, { gap: 5, children: [
+    /* @__PURE__ */ i.jsx(A, { gutter: "xs", children: /* @__PURE__ */ i.jsx(A.Col, { children: /* @__PURE__ */ i.jsxs(_, { gap: 5, children: [
       /* @__PURE__ */ i.jsxs(
         F,
         {
@@ -2280,7 +2291,7 @@ const Le = ee(
                   onChange: (y) => o(y.currentTarget.value)
                 }
               ),
-              /* @__PURE__ */ i.jsx(F.Options, { children: C.length > 0 ? C : /* @__PURE__ */ i.jsx(F.Empty, { children: /* @__PURE__ */ i.jsx(k, { size: "sm", children: "Nothing found" }) }) })
+              /* @__PURE__ */ i.jsx(F.Options, { children: C.length > 0 ? C : /* @__PURE__ */ i.jsx(F.Empty, { children: /* @__PURE__ */ i.jsx(E, { size: "sm", children: "Nothing found" }) }) })
             ] })
           ]
         }
@@ -2316,7 +2327,7 @@ const Le = ee(
         }
       )
     ] }) }) }),
-    (l || d || t && typeof t == "string") && /* @__PURE__ */ i.jsx(A, { gutter: "xs", children: /* @__PURE__ */ i.jsx(A.Col, { children: /* @__PURE__ */ i.jsx(W.Error, { children: l ? /* @__PURE__ */ i.jsx(O, { value: sa }) : d ? /* @__PURE__ */ i.jsx(O, { value: ua }) : t }) }) })
+    (l || d || t && typeof t == "string") && /* @__PURE__ */ i.jsx(A, { gutter: "xs", children: /* @__PURE__ */ i.jsx(A.Col, { children: /* @__PURE__ */ i.jsx(W.Error, { children: l ? /* @__PURE__ */ i.jsx(D, { value: ua }) : d ? /* @__PURE__ */ i.jsx(D, { value: ca }) : t }) }) })
   ] });
 }, ze = ({
   property: e,
@@ -2324,7 +2335,7 @@ const Le = ee(
   value: t,
   onChange: a
 }) => {
-  const [r, o] = E(() => e.constraints.includes("password") ? ["password", hn] : e.constraints.includes("phone_number") ? ["phone_number", da] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", W], [e.constraints]);
+  const [r, o] = k(() => e.constraints.includes("password") ? ["password", hn] : e.constraints.includes("phone_number") ? ["phone_number", fa] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", W], [e.constraints]);
   return /* @__PURE__ */ i.jsx(
     o,
     {
@@ -2339,12 +2350,12 @@ const Le = ee(
   integer: gt,
   float: gt,
   string: ze,
-  boolean: la,
+  boolean: sa,
   "string[]": ze,
   enum: ze
 };
-function fa(e, n) {
-  const [t, a] = _(""), [r, o] = _([]);
+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]), {
@@ -2362,22 +2373,22 @@ function fa(e, n) {
     table: e.getByName(n.targetClass)
   };
 }
-const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", children: e.name }), ga = ee(
+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" })
-), pa = ee(
+), xa = ee(
   ({
     db: e,
     property: n,
     value: t,
     onChange: a
   }) => {
-    const { table: r, data: o, query: l, setQuery: s } = fa(
+    const { table: r, data: o, query: l, setQuery: s } = ha(
       e,
       n
     );
     return /* @__PURE__ */ i.jsxs(ge, { gap: "sm", children: [
       /* @__PURE__ */ i.jsx(
-        xa,
+        va,
         {
           name: n.name,
           query: l,
@@ -2386,23 +2397,23 @@ const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", chi
           onSelect: (u) => {
             t.includes(u) || a([...t, u]);
           },
-          renderOption: ha,
+          renderOption: ma,
           isIdInteger: n.datatype === "integer"
         }
       ),
       /* @__PURE__ */ i.jsx(
-        va,
+        ya,
         {
           items: t.map((u) => r.get(u)),
           onDelete: (u) => {
             a(t.filter((c) => c !== u.id));
           },
-          render: ma
+          render: ga
         }
       )
     ] });
   }
-), xa = ({
+), va = ({
   name: e,
   data: n,
   onSelect: t,
@@ -2413,7 +2424,7 @@ const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", chi
 }) => {
   const s = St({
     onDropdownClose: () => s.resetSelectedOption()
-  }), u = E(() => n.map((c) => (
+  }), u = k(() => n.map((c) => (
     // value has to be a string
     /* @__PURE__ */ i.jsx(F.Option, { value: c.id.toString(), children: a(c) }, c.id)
   )), [n]);
@@ -2446,17 +2457,17 @@ const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", chi
       ]
     }
   );
-}, va = ({
+}, ya = ({
   items: e,
   onDelete: n,
   render: t
 }) => {
-  const a = E(() => {
+  const a = k(() => {
     const r = [];
     for (let o = 0; o < e.length; o++) {
       const l = e[o];
       r.push(
-        /* @__PURE__ */ i.jsxs(D, { justify: "space-between", p: "sm", children: [
+        /* @__PURE__ */ i.jsxs(_, { justify: "space-between", p: "sm", children: [
           t(l),
           /* @__PURE__ */ i.jsx(mn, { size: "sm", onClick: () => n(l) })
         ] }, o)
@@ -2466,10 +2477,10 @@ const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", chi
   }, [e]);
   if (a.length !== 0)
     return /* @__PURE__ */ i.jsx(re, { bd: "1px solid #ddd", children: a });
-}, ya = "_requiredLabelLeft_l5p83_1", ba = "_requiredLabelRight_l5p83_11", vt = {
-  requiredLabelLeft: ya,
-  requiredLabelRight: ba
-}, wa = ({
+}, ba = "_requiredLabelLeft_l5p83_1", wa = "_requiredLabelRight_l5p83_11", vt = {
+  requiredLabelLeft: ba,
+  requiredLabelRight: wa
+}, ja = ({
   label: e,
   name: n,
   required: t = !1,
@@ -2478,8 +2489,8 @@ const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", chi
   align: o = "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(D, { gap: 4, children: [
-    /* @__PURE__ */ i.jsx(k, { size: "sm", className: l, children: e }),
+  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,
       {
@@ -2489,21 +2500,21 @@ const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", chi
       }
     ) })
   ] }) }) });
-}, ja = {
+}, Sa = {
   type: "vertical",
   helpAlwaysVisible: !1
-}, Sa = ee(
+}, Ca = ee(
   ({
     store: e,
     record: n,
     property: t,
-    layout: a = ja,
+    layout: a = Sa,
     InputComponent: r,
     validator: o
   }) => {
-    const [l, s] = _(void 0), u = n[t.tsName], c = (x) => {
+    const [l, s] = $(void 0), u = n[t.tsName], c = (x) => {
       var p;
-      if (Nt(n))
+      if (Tt(n))
         n[t.updateFuncName](x);
       else {
         const v = n.toDraft();
@@ -2514,7 +2525,7 @@ const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", chi
         (p = g.errorMessage) == null ? void 0 : p.t({ args: { name: t.label } })
       );
     };
-    if (Ca(a))
+    if (Ra(a))
       return /* @__PURE__ */ i.jsxs(ge, { gap: 5, children: [
         /* @__PURE__ */ i.jsxs(A, { gutter: "sm", children: [
           /* @__PURE__ */ i.jsx(
@@ -2526,12 +2537,12 @@ const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", chi
                 justifyContent: a.align || "left"
               },
               children: /* @__PURE__ */ i.jsx(
-                wa,
+                ja,
                 {
-                  label: /* @__PURE__ */ i.jsx(O, { value: t.label }),
+                  label: /* @__PURE__ */ i.jsx(D, { value: t.label }),
                   name: t.name,
                   required: t.isRequired,
-                  tooltip: t.description !== void 0 ? /* @__PURE__ */ i.jsx(O, { value: t.description }) : void 0,
+                  tooltip: t.description !== void 0 ? /* @__PURE__ */ i.jsx(D, { value: t.description }) : void 0,
                   align: a.align
                 }
               )
@@ -2553,13 +2564,13 @@ const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", chi
           /* @__PURE__ */ i.jsx(A.Col, { span: a.itemCol, children: /* @__PURE__ */ i.jsx(W.Error, { children: l }) })
         ] })
       ] });
-    let d = /* @__PURE__ */ i.jsx(O, { value: t.label });
-    return !a.helpAlwaysVisible && t.description !== void 0 && (d = /* @__PURE__ */ i.jsxs(D, { gap: 4, style: { display: "inline-flex" }, children: [
+    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,
         {
-          label: /* @__PURE__ */ i.jsx(O, { value: t.description }),
+          label: /* @__PURE__ */ i.jsx(D, { value: t.description }),
           withArrow: !0,
           children: /* @__PURE__ */ i.jsx(
             kt,
@@ -2575,7 +2586,7 @@ const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", chi
       W.Wrapper,
       {
         label: d,
-        description: a.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ i.jsx(O, { value: t.description }) : void 0,
+        description: a.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ i.jsx(D, { value: t.description }) : void 0,
         required: t.isRequired,
         children: /* @__PURE__ */ i.jsx(
           r,
@@ -2591,15 +2602,15 @@ const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", chi
     );
   }
 );
-function Ca(e) {
+function Ra(e) {
   return e.type === "horizontal";
 }
-const yt = 12, uo = (e) => {
-  const n = e.schema, t = E(() => {
+const yt = 12, co = (e) => {
+  const n = e.schema, t = k(() => {
     const a = Math.max(
       ...e.fieldGroups.map((r) => Math.max(...r.fields.map((o) => o.length)))
     );
-    return e.fieldGroups.map((r, o) => Ra(
+    return e.fieldGroups.map((r, o) => Ea(
       n,
       e.store,
       e.record,
@@ -2613,11 +2624,11 @@ const yt = 12, uo = (e) => {
     "form",
     {
       onSubmit: e.onSubmit === void 0 ? void 0 : (a) => {
-        a.preventDefault(), e.onSubmit !== void 0 && Nt(e.record) && e.onSubmit(e.record);
+        a.preventDefault(), e.onSubmit !== void 0 && Tt(e.record) && e.onSubmit(e.record);
       },
       children: /* @__PURE__ */ i.jsxs(ge, { gap: "sm", className: e.className, style: e.styles, children: [
         t,
-        /* @__PURE__ */ i.jsx(D, { gap: "sm", children: e.actions.map((a, r) => /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ i.jsx(_, { gap: "sm", children: e.actions.map((a, r) => /* @__PURE__ */ i.jsx(
           q,
           {
             variant: a.variant,
@@ -2633,7 +2644,7 @@ const yt = 12, uo = (e) => {
     }
   );
 };
-function Ra(e, n, t, a, r, o, l) {
+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;
@@ -2653,8 +2664,8 @@ function Ra(e, n, t, a, r, o, l) {
     for (let p = 0; p < s[d].length; p++) {
       const v = s[d][p], h = e.allProperties[v];
       let j;
-      if (pe(h))
-        j = h.cardinality === "N:N" || h.cardinality === "1:N" ? pa : ga;
+      if (se(h))
+        j = h.cardinality === "N:N" || h.cardinality === "1:N" ? xa : pa;
       else {
         if (xt[h.datatype] === void 0)
           throw new Error(
@@ -2664,7 +2675,7 @@ function Ra(e, n, t, a, r, o, l) {
       }
       u.push(
         /* @__PURE__ */ i.jsx(A.Col, { span: x, children: /* @__PURE__ */ i.jsx(
-          Sa,
+          Ca,
           {
             store: n,
             record: t,
@@ -2685,7 +2696,7 @@ const Xt = ({
   reloadData: n,
   selectedRowKeys: t,
   size: a = "xs"
-}) => /* @__PURE__ */ i.jsxs(D, { gap: a, children: [
+}) => /* @__PURE__ */ i.jsxs(_, { gap: a, children: [
   (e == null ? void 0 : e.add) && /* @__PURE__ */ i.jsx(
     q,
     {
@@ -2737,7 +2748,7 @@ const Xt = ({
       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), Ea = "__selectcol__", { Thead: ka, Tr: bt, Th: Ta, Tbody: Na, Td: Pa } = Rt, Qt = (e) => {
+] }), Zt = (e) => e !== void 0 && (e.add !== void 0 || e.edit !== void 0 || e.delete !== void 0 || e.export !== void 0 || e.reload === !0 || e.import !== void 0), ka = "__selectcol__", { Thead: Ta, Tr: bt, Th: Na, Tbody: Pa, Td: Ia } = Rt, Qt = (e) => {
   const n = /* @__PURE__ */ i.jsxs(
     Rt,
     {
@@ -2746,10 +2757,10 @@ const Xt = ({
       verticalSpacing: "xs",
       tabularNums: !0,
       children: [
-        /* @__PURE__ */ i.jsx(ka, { children: e.table.getHeaderGroups().map((a) => /* @__PURE__ */ i.jsx(bt, { children: a.headers.map((r) => /* @__PURE__ */ i.jsx(
-          Ta,
+        /* @__PURE__ */ i.jsx(Ta, { children: e.table.getHeaderGroups().map((a) => /* @__PURE__ */ i.jsx(bt, { children: a.headers.map((r) => /* @__PURE__ */ i.jsx(
+          Na,
           {
-            w: r.id === Ea ? "1%" : void 0,
+            w: r.id === ka ? "1%" : void 0,
             children: r.isPlaceholder ? null : lt(
               r.column.columnDef.header,
               r.getContext()
@@ -2757,11 +2768,11 @@ const Xt = ({
           },
           r.id
         )) }, a.id)) }),
-        /* @__PURE__ */ i.jsx(Na, { pos: "relative", children: e.table.getRowModel().rows.map((a) => /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ i.jsx(Pa, { pos: "relative", children: e.table.getRowModel().rows.map((a) => /* @__PURE__ */ i.jsx(
           bt,
           {
             bg: e.selectedRowKeys[a.id] ? "var(--mantine-color-blue-light)" : void 0,
-            children: a.getVisibleCells().map((r) => /* @__PURE__ */ i.jsx(Pa, { children: lt(r.column.columnDef.cell, r.getContext()) }, r.id))
+            children: a.getVisibleCells().map((r) => /* @__PURE__ */ i.jsx(Ia, { children: lt(r.column.columnDef.cell, r.getContext()) }, r.id))
           },
           a.id
         )) })
@@ -2771,8 +2782,8 @@ const Xt = ({
   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 });
-}, Ia = "_pageSizeSelectorActive_1wv6j_1", La = {
-  pageSizeSelectorActive: Ia
+}, La = "_pageSizeSelectorActive_1wv6j_1", Fa = {
+  pageSizeSelectorActive: La
 }, en = ({
   total: e,
   pageIndex: n,
@@ -2789,11 +2800,11 @@ const Xt = ({
       onChange: (l) => r(l - 1, t)
     }
   );
-  return a ? /* @__PURE__ */ i.jsxs(D, { gap: "sm", children: [
+  return a ? /* @__PURE__ */ i.jsxs(_, { gap: "sm", children: [
     /* @__PURE__ */ i.jsxs("div", { children: [
-      /* @__PURE__ */ i.jsx(k, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
+      /* @__PURE__ */ i.jsx(E, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
       /* @__PURE__ */ i.jsx(
-        Fa,
+        Aa,
         {
           size: "sm",
           values: ["10", "20", "50", "100"],
@@ -2807,13 +2818,13 @@ const Xt = ({
     o
   ] }) : o;
 }, wt = {
-  xs: ue(22),
-  sm: ue(26),
-  md: ue(32),
-  lg: ue(38),
-  xl: ue(44)
+  xs: ce(22),
+  sm: ce(26),
+  md: ce(32),
+  lg: ce(38),
+  xl: ce(44)
 };
-function Fa({
+function Aa({
   size: e,
   values: n,
   value: t,
@@ -2847,7 +2858,7 @@ function Fa({
       return /* @__PURE__ */ i.jsx(
         bn,
         {
-          className: o ? La.pageSizeSelectorActive : void 0,
+          className: o ? Fa.pageSizeSelectorActive : void 0,
           style: [
             { height: wt[e] }
             // isCurrent
@@ -2860,19 +2871,19 @@ function Fa({
           ],
           disabled: o,
           onClick: () => a(r),
-          children: /* @__PURE__ */ i.jsx(k, { component: "div", size: e, children: r })
+          children: /* @__PURE__ */ i.jsx(E, { component: "div", size: e, children: r })
         },
         r
       );
     }) })
   ] });
 }
-const Aa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), co = (e) => {
+const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), fo = (e) => {
   var b, C;
-  const [n, t] = _({
+  const [n, t] = $({
     records: [],
     total: 0
-  }), [a, r] = _(!1), [o, l] = _(
+  }), [a, r] = $(!1), [o, l] = $(
     {}
   ), s = (y) => {
     r(!0), e.getData(y).then((w) => {
@@ -2885,14 +2896,14 @@ const Aa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), co = (e) => {
       offset: y * w
     };
     e.query.update(R);
-  }, [c, d, x] = E(() => {
+  }, [c, d, x] = k(() => {
     const y = e.query.query.limit, w = Math.floor(
       (e.query.query.offset || 0) / e.query.query.limit
     ), R = Math.ceil(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 = E(() => Object.keys(o).filter((y) => o[y]).map((y) => e.normalizeRowId(y)), [o]);
+  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,
@@ -2902,7 +2913,7 @@ const Aa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), co = (e) => {
       selectedRowKeys: g
     }
   ));
-  const h = ((b = e.pagination) == null ? void 0 : b.positions) || Aa;
+  const h = ((b = e.pagination) == null ? void 0 : b.positions) || $a;
   if (h.size > 0) {
     const y = /* @__PURE__ */ i.jsx(
       en,
@@ -2914,12 +2925,12 @@ const Aa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), co = (e) => {
         allowPageSizeChange: (C = e.pagination) == null ? void 0 : C.showSizeChanger
       }
     );
-    h.has("topRight") && (p !== void 0 ? p = /* @__PURE__ */ i.jsxs(D, { justify: "space-between", gap: "sm", children: [
+    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(k, { size: "sm", c: "dimmed", children: [
+      /* @__PURE__ */ i.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
         d * c + 1,
         " to",
@@ -2931,7 +2942,7 @@ const Aa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), co = (e) => {
         "records"
       ] })
     ] }) : v = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ i.jsxs(k, { size: "sm", c: "dimmed", children: [
+      /* @__PURE__ */ i.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
         d * c + 1,
         " to",
@@ -2945,8 +2956,8 @@ const Aa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), co = (e) => {
       y
     ] }));
   }
-  const j = E(() => /* @__PURE__ */ i.jsx(
-    _a,
+  const j = k(() => /* @__PURE__ */ i.jsx(
+    Oa,
     {
       data: n,
       loading: a,
@@ -2996,8 +3007,8 @@ const Aa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), co = (e) => {
       }
     )
   ] });
-}, _a = (e) => {
-  const n = E(() => {
+}, Oa = (e) => {
+  const n = k(() => {
     const a = [
       {
         id: "selection",
@@ -3058,7 +3069,7 @@ function tn(e, n, t, {
   let l;
   if (o !== void 0)
     l = o;
-  else if (pe(t))
+  else if (se(t))
     t.cardinality === "1:N" || t.cardinality === "N:N" ? l = Fe : l = Le;
   else {
     if (Q[t.datatype] === void 0)
@@ -3069,7 +3080,7 @@ function tn(e, n, t, {
   }
   const s = {
     key: t.name,
-    title: a || /* @__PURE__ */ i.jsx(O, { value: t.label }),
+    title: a || /* @__PURE__ */ i.jsx(D, { value: t.label }),
     accessorFn: (u) => u[t.tsName],
     render: (u) => {
       const c = u[t.tsName];
@@ -3097,7 +3108,7 @@ function tn(e, n, t, {
     );
   }), s;
 }
-function fo(e, n, t, a, {
+function ho(e, n, t, a, {
   title: r,
   nestedKey: o,
   component: l
@@ -3105,7 +3116,7 @@ function fo(e, n, t, a, {
   let s;
   if (l !== void 0)
     s = l;
-  else if (pe(a))
+  else if (se(a))
     a.cardinality === "1:N" || a.cardinality === "N:N" ? s = Fe : s = Le;
   else {
     if (Q[a.datatype] === void 0)
@@ -3116,7 +3127,7 @@ function fo(e, n, t, a, {
   }
   const u = {
     key: t + "." + a.name,
-    title: r || /* @__PURE__ */ i.jsx(O, { value: a.label }),
+    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];
@@ -3144,7 +3155,7 @@ function fo(e, n, t, a, {
     );
   }), u;
 }
-function ho(e, n, t, a, r = {}) {
+function mo(e, n, t, a, r = {}) {
   return a.map((o) => nn(o) ? o : tn(
     e,
     t,
@@ -3152,7 +3163,7 @@ function ho(e, n, t, a, r = {}) {
     r
   ));
 }
-function mo(e, n, t, a = [], r = {}) {
+function go(e, n, t, a = [], r = {}) {
   return a.map((o) => nn(o) ? o : tn(
     e,
     t,
@@ -3163,11 +3174,11 @@ function mo(e, n, t, a = [], r = {}) {
 function nn(e) {
   return typeof e == "object" && "key" in e && "title" in e;
 }
-const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), go = (e) => {
+const Da = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), po = (e) => {
   var d, x;
-  const [n, t] = _(
+  const [n, t] = $(
     {}
-  ), a = E(() => {
+  ), a = k(() => {
     const g = [
       {
         id: "selection",
@@ -3206,7 +3217,7 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), go = (e) => {
       rowSelection: n
     },
     onRowSelectionChange: t
-  }), o = E(() => Object.keys(n).filter((g) => n[g]).map(Number), [n]);
+  }), o = k(() => Object.keys(n).filter((g) => n[g]).map(Number), [n]);
   let l, s;
   Zt(e.actions) && (l = /* @__PURE__ */ i.jsx(
     Xt,
@@ -3215,7 +3226,7 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), go = (e) => {
       selectedRowKeys: o
     }
   ));
-  const u = ((d = e.pagination) == null ? void 0 : d.positions) || $a;
+  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,
@@ -3227,12 +3238,12 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), go = (e) => {
         allowPageSizeChange: (x = e.pagination) == null ? void 0 : x.showSizeChanger
       }
     );
-    u.has("topRight") && (l !== void 0 ? l = /* @__PURE__ */ i.jsxs(D, { justify: "space-between", gap: "sm", children: [
+    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(k, { size: "sm", c: "dimmed", children: [
+      /* @__PURE__ */ i.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
         g.pageIndex * g.pageSize + 1,
         " to",
@@ -3247,7 +3258,7 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), go = (e) => {
         " records"
       ] })
     ] }) : s = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ i.jsxs(k, { size: "sm", c: "dimmed", children: [
+      /* @__PURE__ */ i.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
         g.pageIndex * g.pageSize + 1,
         " to",
@@ -3313,7 +3324,7 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), go = (e) => {
   }) => {
     const o = n[t.tsName];
     return /* @__PURE__ */ i.jsxs("div", { children: [
-      /* @__PURE__ */ i.jsx(k, { size: "sm", fw: 500, children: /* @__PURE__ */ i.jsx(O, { value: t.label }) }),
+      /* @__PURE__ */ i.jsx(E, { size: "sm", fw: 550, children: /* @__PURE__ */ i.jsx(D, { value: t.label }) }),
       /* @__PURE__ */ i.jsx(
         a,
         {
@@ -3325,7 +3336,7 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), go = (e) => {
       )
     ] });
   }
-), Oa = ee(
+), _a = ee(
   ({
     store: e,
     record: n,
@@ -3338,7 +3349,7 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), go = (e) => {
         return s[u.tsName];
     }, n);
     return /* @__PURE__ */ i.jsxs("div", { children: [
-      /* @__PURE__ */ i.jsx(k, { size: "sm", fw: 500, children: /* @__PURE__ */ i.jsx(O, { value: o.label }) }),
+      /* @__PURE__ */ i.jsx(E, { size: "sm", fw: 550, children: /* @__PURE__ */ i.jsx(D, { value: o.label }) }),
       l !== void 0 && /* @__PURE__ */ i.jsx(
         a,
         {
@@ -3350,8 +3361,8 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), go = (e) => {
       )
     ] });
   }
-), Da = 12, Ma = (e) => {
-  const n = e.schema, t = E(() => e.fieldGroups.map((a, r) => za(
+), Ma = 12, za = (e) => {
+  const n = e.schema, t = k(() => e.fieldGroups.map((a, r) => Ba(
     n,
     e.store,
     e.record,
@@ -3361,10 +3372,10 @@ const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), go = (e) => {
   )), [n, e.store, e.record, e.fieldGroups]);
   return /* @__PURE__ */ i.jsx(ge, { gap: "sm", className: e.className, style: e.styles, children: t });
 };
-function za(e, n, t, a, r, o) {
+function Ba(e, n, t, a, r, o) {
   const l = r.fields, s = [];
   for (let u = 0; u < l.length; u++) {
-    const c = Da / l[u].length;
+    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++) {
@@ -3387,7 +3398,7 @@ function za(e, n, t, a, r, o) {
       } else {
         const p = e.allProperties[x];
         let v;
-        if (pe(p))
+        if (se(p))
           v = p.cardinality === "N:N" || p.cardinality === "1:N" ? Fe : Le;
         else {
           if (Q[p.datatype] === void 0)
@@ -3414,12 +3425,12 @@ function za(e, n, t, a, r, o) {
   }
   return /* @__PURE__ */ i.jsx(A, { gutter: "sm", children: s }, a);
 }
-function po(e, n, t) {
+function xo(e, n, t) {
   const a = e[e.length - 1];
   let r;
   if (t !== void 0)
     r = t;
-  else if (pe(a))
+  else if (se(a))
     r = a.cardinality === "N:N" || a.cardinality === "1:N" ? Fe : Le;
   else {
     if (Q[a.datatype] === void 0)
@@ -3429,7 +3440,7 @@ function po(e, n, t) {
     r = Q[a.datatype];
   }
   return (o, l) => /* @__PURE__ */ i.jsx(
-    Oa,
+    _a,
     {
       store: o,
       record: l,
@@ -3439,10 +3450,10 @@ function po(e, n, t) {
     }
   );
 }
-const xo = (e) => /* @__PURE__ */ i.jsxs(ye, { defaultValue: e.fieldTabs[0].tabName, children: [
-  /* @__PURE__ */ i.jsx(ye.List, { children: e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(ye.Tab, { value: n.tabName, children: n.tabName }, t)) }),
-  e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(ye.Panel, { value: n.tabName, pt: "sm", children: /* @__PURE__ */ i.jsx(
-    Ma,
+const vo = (e) => /* @__PURE__ */ i.jsxs(ve, { defaultValue: e.fieldTabs[0].tabName, children: [
+  /* @__PURE__ */ i.jsx(ve.List, { children: e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(ve.Tab, { value: n.tabName, children: n.tabName }, t)) }),
+  e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(ve.Panel, { value: n.tabName, pt: "sm", children: /* @__PURE__ */ i.jsx(
+    za,
     {
       schema: e.schema,
       store: e.store,
@@ -3456,49 +3467,49 @@ const xo = (e) => /* @__PURE__ */ i.jsxs(ye, { defaultValue: e.fieldTabs[0].tabN
 ] });
 export {
   Be as CountryFlagComponent,
-  Aa as DEFAULT_PAGINATION_POSITIONS,
+  $a as DEFAULT_PAGINATION_POSITIONS,
   xt as DataType2Component,
   Q as DataType2DisplayComponent,
   aa as DateDisplay,
   ra as DateTimeDisplay,
-  so as DateTimeHideTimeDisplay,
-  _n as EmojiCountryFlag,
-  Sa as FormItem,
-  wa as FormItemLabel,
-  Xa as LanguageSelector,
-  eo as Loading,
-  to as LoadingInline,
-  xe as LocaleContext,
-  Ja as LocaleProvider,
+  uo as DateTimeHideTimeDisplay,
+  $n as EmojiCountryFlag,
+  Ca as FormItem,
+  ja as FormItemLabel,
+  Za as LanguageSelector,
+  to as Loading,
+  no as LoadingInline,
+  pe as LocaleContext,
+  Xa as LocaleProvider,
   Qr as MenuTrie,
   Fe as MultiForeignKeyDisplay,
-  O as MultiLingualString,
-  no as NotAuthorized,
-  Za as NotFound,
+  D as MultiLingualString,
+  ro as NotAuthorized,
+  Qa as NotFound,
   Yt as NotFoundInline,
-  Qa as NotFoundSubPage,
-  io as OrderedUniqueList,
+  eo as NotFoundSubPage,
+  lo as OrderedUniqueList,
   Zr as Permission,
   An as SVGCountryFlag,
-  go as SeraEmbeddedTable,
-  uo as SeraForm,
-  co as SeraTable,
-  lo as SeraVerticalMenu,
-  Ma as SeraView,
-  xo as SeraViewTab,
+  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,
-  ro as groupBy,
-  ao as groupByAsList,
+  ao as groupBy,
+  oo as groupByAsList,
   nn as isSeraColumn,
-  mo as makeEmbeddedTableColumns,
-  po as makeFieldDisplay,
+  go as makeEmbeddedTableColumns,
+  xo as makeFieldDisplay,
   tn as makeTableColumn,
-  fo as makeTableColumnFromNestedProperty,
-  ho as makeTableColumns,
-  oo as uniqueList
+  ho as makeTableColumnFromNestedProperty,
+  mo as makeTableColumns,
+  io as uniqueList
 };