sera-components 1.4.0 → 1.4.1

package/dist/index.js

@@ -2,11 +2,11 @@ var en = Object.defineProperty;
 var tn = (e, o, t) => o in e ? en(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
 var K = (e, o, t) => tn(e, typeof o != "symbol" ? o + "" : o, t);
 import * as Ge from "react";
-import nn, { createContext as yt, useContext as oe, useMemo as I, useState as L, useEffect as ye } from "react";
-import { Paper as Z, Image as on, Text as j, Menu as te, Button as B, Container as rn, Alert as Xe, Stack as fe, Flex as G, Loader as _e, NavLink as at, Checkbox as ce, Group as z, Input as q, useCombobox as Ft, Combobox as D, Grid as T, InputBase as sn, PasswordInput as ln, CloseButton as an, Divider as un, Tooltip as jt, Fieldset as dn, Table as It, rem as le, Pagination as gn, MenuTarget as cn, MenuDropdown as fn, MenuItem as mn, Tabs as he } from "@mantine/core";
-import { IconCheck as pn, IconInfoCircle as Je, IconChevronRight as hn, IconSearch as $t, IconHelpOctagonFilled as Pt, IconPlus as Sn, IconPencil as vn, IconReload as Cn, IconDatabaseImport as wn, IconDownload as Rn, IconSelector as xn } from "@tabler/icons-react";
+import nn, { createContext as Ft, useContext as oe, useMemo as I, useState as L, useEffect as ye } from "react";
+import { Paper as Z, Image as on, Text as j, Menu as te, Button as B, Container as rn, Alert as Xe, Stack as fe, Flex as G, Loader as _e, NavLink as ut, Checkbox as ce, Group as z, Input as q, useCombobox as jt, Combobox as D, Grid as T, InputBase as sn, PasswordInput as ln, CloseButton as an, Divider as un, Tooltip as It, Fieldset as dn, Table as $t, rem as le, Pagination as gn, MenuTarget as cn, MenuDropdown as fn, MenuItem as mn, Tabs as he } from "@mantine/core";
+import { IconCheck as pn, IconInfoCircle as Je, IconChevronRight as hn, IconSearch as Pt, IconHelpOctagonFilled as Et, IconPlus as Sn, IconPencil as vn, IconReload as Cn, IconDatabaseImport as wn, IconDownload as Rn, IconSelector as xn } from "@tabler/icons-react";
 import { observer as J } from "mobx-react-lite";
-import { isObjectProperty as re, isDraftRecord as Et } from "sera-db";
+import { isObjectProperty as re, isDraftRecord as Mt } from "sera-db";
 import { IMaskInput as _n } from "react-imask";
 var Se = { exports: {} }, ae = {};
 /**
@@ -18,10 +18,10 @@ var Se = { exports: {} }, ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ut;
+var dt;
 function yn() {
-  if (ut) return ae;
-  ut = 1;
+  if (dt) return ae;
+  dt = 1;
   var e = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
   function t(n, r, i) {
     var s = null;
@@ -50,9 +50,9 @@ var ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var dt;
+var gt;
 function Fn() {
-  return dt || (dt = 1, process.env.NODE_ENV !== "production" && (function() {
+  return gt || (gt = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(p) {
       if (p == null) return null;
       if (typeof p == "function")
@@ -135,7 +135,7 @@ function Fn() {
       return Error("react-stack-top-frame");
     }
     function s(p) {
-      if (nt.call(p, "key")) {
+      if (ot.call(p, "key")) {
         var _ = Object.getOwnPropertyDescriptor(p, "key").get;
         if (_ && _.isReactWarning) return !1;
       }
@@ -143,7 +143,7 @@ function Fn() {
     }
     function l(p, _) {
       function $() {
-        ot || (ot = !0, console.error(
+        rt || (rt = !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)",
           _
         ));
@@ -155,7 +155,7 @@ function Fn() {
     }
     function d() {
       var p = e(this.type);
-      return rt[p] || (rt[p] = !0, console.error(
+      return it[p] || (it[p] = !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."
       )), p = this.props.ref, p !== void 0 ? p : null;
     }
@@ -204,12 +204,12 @@ function Fn() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else S(V);
-      if (nt.call(_, "key")) {
+      if (ot.call(_, "key")) {
         V = e(p);
         var ee = Object.keys(_).filter(function(Qt) {
           return Qt !== "key";
         });
-        M = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", lt[V + M] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        M = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", at[V + M] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -220,7 +220,7 @@ React keys must be passed directly to JSX without using spread:
           V,
           ee,
           V
-        ), lt[V + M] = !0);
+        ), at[V + M] = !0);
       }
       if (V = null, $ !== void 0 && (t($), V = "" + $), s(_) && (t(_.key), V = "" + _.key), "key" in _) {
         $ = {};
@@ -244,7 +244,7 @@ React keys must be passed directly to JSX without using spread:
     function S(p) {
       typeof p == "object" && p !== null && p.$$typeof === u && p._store && (p._store.validated = 1);
     }
-    var c = nn, u = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), v = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), ie = Symbol.for("react.suspense_list"), pe = Symbol.for("react.memo"), se = Symbol.for("react.lazy"), $e = Symbol.for("react.activity"), Pe = Symbol.for("react.client.reference"), Q = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, nt = Object.prototype.hasOwnProperty, Zt = Array.isArray, Ee = console.createTask ? console.createTask : function() {
+    var c = nn, u = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), v = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), ie = Symbol.for("react.suspense_list"), pe = Symbol.for("react.memo"), se = Symbol.for("react.lazy"), $e = Symbol.for("react.activity"), Pe = Symbol.for("react.client.reference"), Q = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ot = Object.prototype.hasOwnProperty, Zt = Array.isArray, Ee = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
@@ -252,10 +252,10 @@ React keys must be passed directly to JSX without using spread:
         return p();
       }
     };
-    var ot, rt = {}, it = c.react_stack_bottom_frame.bind(
+    var rt, it = {}, st = c.react_stack_bottom_frame.bind(
       c,
       i
-    )(), st = Ee(n(i)), lt = {};
+    )(), lt = Ee(n(i)), at = {};
     ue.Fragment = h, ue.jsx = function(p, _, $, M, U) {
       var b = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return f(
@@ -265,8 +265,8 @@ React keys must be passed directly to JSX without using spread:
         !1,
         M,
         U,
-        b ? Error("react-stack-top-frame") : it,
-        b ? Ee(n(p)) : st
+        b ? Error("react-stack-top-frame") : st,
+        b ? Ee(n(p)) : lt
       );
     }, ue.jsxs = function(p, _, $, M, U) {
       var b = 1e4 > Q.recentlyCreatedOwnerStacks++;
@@ -277,15 +277,15 @@ React keys must be passed directly to JSX without using spread:
         !0,
         M,
         U,
-        b ? Error("react-stack-top-frame") : it,
-        b ? Ee(n(p)) : st
+        b ? Error("react-stack-top-frame") : st,
+        b ? Ee(n(p)) : lt
       );
     };
   })()), ue;
 }
-var gt;
+var ct;
 function jn() {
-  return gt || (gt = 1, process.env.NODE_ENV === "production" ? Se.exports = yn() : Se.exports = Fn()), Se.exports;
+  return ct || (ct = 1, process.env.NODE_ENV === "production" ? Se.exports = yn() : Se.exports = Fn()), Se.exports;
 }
 var a = jn();
 const E = {
@@ -356,7 +356,7 @@ const E = {
     style: (o) => ({ textShadow: o.shadows.xs }),
     children: e.emojiFlag
   }
-), He = navigator.userAgent.includes("Windows") ? In : $n, me = yt(new Intl.Locale("en-US")), vr = J(
+), He = navigator.userAgent.includes("Windows") ? In : $n, me = Ft(new Intl.Locale("en-US")), vr = J(
   ({
     value: e,
     children: o
@@ -447,7 +447,7 @@ const E = {
     icon: /* @__PURE__ */ a.jsx(Je, { size: 12, stroke: 1.5 }),
     children: e || "Sorry, the page you are looking for does not exist."
   }
-), Mt = ({ message: e }) => /* @__PURE__ */ a.jsx(j, { c: "red", size: "sm", children: e || "Not Found" }), xr = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ a.jsx(G, { justify: "center", align: "center", children: /* @__PURE__ */ a.jsx(_e, { color: "blue", size: "md" }) }) : /* @__PURE__ */ a.jsxs(
+), Vt = ({ message: e }) => /* @__PURE__ */ a.jsx(j, { c: "red", size: "sm", children: e || "Not Found" }), xr = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ a.jsx(G, { justify: "center", align: "center", children: /* @__PURE__ */ a.jsx(_e, { color: "blue", size: "md" }) }) : /* @__PURE__ */ a.jsxs(
   G,
   {
     gap: "md",
@@ -507,16 +507,16 @@ class $r {
     return this.items;
   }
 }
-class ct {
+class ft {
   constructor() {
     K(this, "children", /* @__PURE__ */ new Map());
     K(this, "isEndOfWord", !1);
     K(this, "value", "");
   }
 }
-class Vt {
+class At {
   constructor() {
-    K(this, "root", new ct());
+    K(this, "root", new ft());
   }
   /**
    * Inserts a word into the trie structure.
@@ -528,7 +528,7 @@ class Vt {
     let t = this.root;
     for (const n of o) {
       let r = t.children.get(n);
-      r === void 0 && (r = new ct(), t.children.set(n, r)), t = r;
+      r === void 0 && (r = new ft(), t.children.set(n, r)), t = r;
     }
     t.isEndOfWord = !0, t.value = o;
   }
@@ -616,7 +616,7 @@ const Pr = (e) => {
           },
           children: [
             /* @__PURE__ */ a.jsx(
-              at,
+              ut,
               {
                 active: i === u.key,
                 label: u.label,
@@ -652,7 +652,7 @@ const Pr = (e) => {
         },
         `container-${u.key}`
       ) : /* @__PURE__ */ a.jsx(
-        at,
+        ut,
         {
           active: i === u.key,
           href: (x = u.route) == null ? void 0 : x.path.getURL(),
@@ -677,7 +677,7 @@ const Pr = (e) => {
   }, [l, i, n, o, e.navigate]);
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: S });
 };
-class An extends Vt {
+class An extends At {
   constructor() {
     super(...arguments);
     K(this, "pathToKey", /* @__PURE__ */ new Map());
@@ -766,7 +766,11 @@ const Dn = ({ value: e }) => {
       "Invalid usage of EnumDisplay. Expect a property of type enum"
     );
   return /* @__PURE__ */ a.jsx(j, { size: "sm", children: /* @__PURE__ */ a.jsx(N, { value: n.enumType.label[t] }) });
-}, At = yt({ link: () => null, entityRoutes: {} });
+}, Qe = Ft({ link: () => null, entityRoutes: {} }), Mr = ({
+  link: e,
+  entityRoutes: o,
+  children: t
+}) => /* @__PURE__ */ a.jsx(Qe.Provider, { value: { link: e, entityRoutes: o }, children: t });
 function Dt(e, o, t, n) {
   const r = e.getByName(o.targetClass), i = n[o.targetClass];
   ye(() => {
@@ -783,13 +787,13 @@ const Fe = J(
     property: o,
     value: t
   }) => {
-    const { link: n, entityRoutes: r } = oe(At), i = I(() => [t], [t]), [s, l] = Dt(
+    const { link: n, entityRoutes: r } = oe(Qe), i = I(() => [t], [t]), [s, l] = Dt(
       e,
       o,
       i,
       r
     ), d = s[t];
-    return d === void 0 ? /* @__PURE__ */ a.jsx(j, { size: "sm", children: t }) : d === null ? /* @__PURE__ */ a.jsx(Mt, {}) : l === void 0 ? /* @__PURE__ */ a.jsx(j, { size: "sm", children: d.name }) : /* @__PURE__ */ a.jsx(n, { path: l, openInNewPage: !1, urlArgs: { id: d.id }, children: d.name });
+    return d === void 0 ? /* @__PURE__ */ a.jsx(j, { size: "sm", children: t }) : d === null ? /* @__PURE__ */ a.jsx(Vt, {}) : l === void 0 ? /* @__PURE__ */ a.jsx(j, { size: "sm", children: d.name }) : /* @__PURE__ */ a.jsx(n, { path: l, openInNewPage: !1, urlArgs: { id: d.id }, children: d.name });
   }
 ), je = J(
   ({
@@ -797,7 +801,7 @@ const Fe = J(
     property: o,
     value: t
   }) => {
-    const { link: n, entityRoutes: r } = oe(At), [i, s] = Dt(
+    const { link: n, entityRoutes: r } = oe(Qe), [i, s] = Dt(
       e,
       o,
       t,
@@ -805,7 +809,7 @@ const Fe = J(
     );
     return /* @__PURE__ */ a.jsx(z, { gap: "xs", children: t.map((l, d) => {
       const g = i[l];
-      return g === void 0 ? /* @__PURE__ */ a.jsx(j, { size: "sm", children: t }, l) : g === null ? /* @__PURE__ */ a.jsx(Mt, {}, l) : s === void 0 ? /* @__PURE__ */ a.jsx(j, { size: "sm", children: g.name }, d) : /* @__PURE__ */ a.jsx(
+      return g === void 0 ? /* @__PURE__ */ a.jsx(j, { size: "sm", children: t }, l) : g === null ? /* @__PURE__ */ a.jsx(Vt, {}, l) : s === void 0 ? /* @__PURE__ */ a.jsx(j, { size: "sm", children: g.name }, d) : /* @__PURE__ */ a.jsx(
         n,
         {
           path: s,
@@ -837,7 +841,7 @@ const Fe = J(
       t(r);
     }
   }
-), ft = ({
+), mt = ({
   property: e,
   value: o,
   onChange: t
@@ -928,7 +932,7 @@ const Fe = J(
   if (n.match === "")
     throw new Error(`No valid country code found for phone number: ${e}`);
   return n;
-}, mt = ({ value: e }) => {
+}, pt = ({ value: e }) => {
   const o = ne[e];
   if (o !== void 0)
     return /* @__PURE__ */ a.jsxs(z, { gap: "sm", wrap: "nowrap", align: "center", children: [
@@ -945,7 +949,7 @@ const Fe = J(
   id: n
 }) => {
   const [r, i] = L(""), [s, l] = L(!1), [d, g] = L(""), [f, S] = L(!1), c = I(() => {
-    const v = new Vt();
+    const v = new At();
     return Object.keys(ne).forEach((F) => {
       v.insert(F);
     }), v;
@@ -963,7 +967,7 @@ const Fe = J(
         rawInput: e
       };
     }
-  }, [e]), m = Ft({
+  }, [e]), m = jt({
     onDropdownClose: () => {
       m.resetSelectedOption(), i("");
     },
@@ -973,7 +977,7 @@ const Fe = J(
   }), h = I(() => Object.keys(ne), [ne]), x = (v, F) => {
     const P = v.replace(/[^\d]/g, "");
     return P.length === 0 ? `+${F}` : P.startsWith("0") ? (l(!0), `+${F}${P}`) : (l(!1), `+${F}${P}`);
-  }, C = I(() => h.filter((v) => ne[v].name.toLowerCase().includes(r.toLowerCase()) || v.includes(r)), [r, h]), y = I(() => C.map((v, F) => /* @__PURE__ */ a.jsx(D.Option, { value: v, children: /* @__PURE__ */ a.jsx(mt, { value: v }) }, F)), [C]);
+  }, C = I(() => h.filter((v) => ne[v].name.toLowerCase().includes(r.toLowerCase()) || v.includes(r)), [r, h]), y = I(() => C.map((v, F) => /* @__PURE__ */ a.jsx(D.Option, { value: v, children: /* @__PURE__ */ a.jsx(pt, { value: v }) }, F)), [C]);
   return /* @__PURE__ */ a.jsxs("div", { children: [
     /* @__PURE__ */ a.jsx(T, { gutter: "xs", children: /* @__PURE__ */ a.jsx(T.Col, { children: /* @__PURE__ */ a.jsxs(z, { gap: 5, children: [
       /* @__PURE__ */ a.jsxs(
@@ -997,14 +1001,14 @@ const Fe = J(
                 onClick: () => m.toggleDropdown(),
                 rightSectionPointerEvents: "none",
                 w: 110,
-                children: /* @__PURE__ */ a.jsx(mt, { value: d })
+                children: /* @__PURE__ */ a.jsx(pt, { value: d })
               }
             ) }),
             /* @__PURE__ */ a.jsxs(D.Dropdown, { children: [
               /* @__PURE__ */ a.jsx(
                 D.Search,
                 {
-                  leftSection: /* @__PURE__ */ a.jsx($t, { size: 14, stroke: 1.5 }),
+                  leftSection: /* @__PURE__ */ a.jsx(Pt, { size: 14, stroke: 1.5 }),
                   placeholder: ".....",
                   value: r,
                   onChange: (v) => i(v.currentTarget.value)
@@ -1065,9 +1069,9 @@ const Fe = J(
       error: o
     }
   );
-}, pt = {
-  integer: ft,
-  float: ft,
+}, ht = {
+  integer: mt,
+  float: mt,
   string: De,
   boolean: zn,
   "string[]": De,
@@ -1141,7 +1145,7 @@ const qn = (e) => e.name, Un = (e) => /* @__PURE__ */ a.jsx(j, { size: "sm", chi
   query: i,
   setQuery: s
 }) => {
-  const l = Ft({
+  const l = jt({
     onDropdownClose: () => l.resetSelectedOption()
   }), d = I(() => o.map((g) => (
     // value has to be a string
@@ -1162,7 +1166,7 @@ const qn = (e) => e.name, Un = (e) => /* @__PURE__ */ a.jsx(j, { size: "sm", chi
           {
             id: e,
             pointer: !0,
-            rightSection: /* @__PURE__ */ a.jsx($t, { size: 16, stroke: 1.5 }),
+            rightSection: /* @__PURE__ */ a.jsx(Pt, { size: 16, stroke: 1.5 }),
             rightSectionPointerEvents: "none",
             onClick: () => l.toggleDropdown(),
             placeholder: "Type to search...",
@@ -1196,7 +1200,7 @@ const qn = (e) => e.name, Un = (e) => /* @__PURE__ */ a.jsx(j, { size: "sm", chi
   }, [e]);
   if (n.length !== 0)
     return /* @__PURE__ */ a.jsx(Z, { bd: "1px solid #ddd", children: n });
-}, Jn = "_requiredLabelLeft_l5p83_1", Zn = "_requiredLabelRight_l5p83_11", ht = {
+}, Jn = "_requiredLabelLeft_l5p83_1", Zn = "_requiredLabelRight_l5p83_11", St = {
   requiredLabelLeft: Jn,
   requiredLabelRight: Zn
 }, Qn = ({
@@ -1207,11 +1211,11 @@ const qn = (e) => e.name, Un = (e) => /* @__PURE__ */ a.jsx(j, { size: "sm", chi
   style: r,
   align: i = "left"
 }) => {
-  const s = t ? i === "left" ? ht.requiredLabelRight : ht.requiredLabelLeft : "";
+  const s = t ? i === "left" ? St.requiredLabelRight : St.requiredLabelLeft : "";
   return /* @__PURE__ */ a.jsx(G, { align: "center", h: 36, children: /* @__PURE__ */ a.jsx("label", { htmlFor: o, style: r, children: /* @__PURE__ */ a.jsxs(z, { gap: 4, children: [
     /* @__PURE__ */ a.jsx(j, { size: "sm", className: s, children: e }),
-    n !== void 0 && /* @__PURE__ */ a.jsx(jt, { label: n, withArrow: !0, children: /* @__PURE__ */ a.jsx(
-      Pt,
+    n !== void 0 && /* @__PURE__ */ a.jsx(It, { label: n, withArrow: !0, children: /* @__PURE__ */ a.jsx(
+      Et,
       {
         size: 16,
         stroke: 1.5,
@@ -1233,7 +1237,7 @@ const qn = (e) => e.name, Un = (e) => /* @__PURE__ */ a.jsx(j, { size: "sm", chi
   }) => {
     const [s, l] = L(void 0), d = o[t.tsName], g = (S) => {
       var u;
-      if (Et(o))
+      if (Mt(o))
         o[t.updateFuncName](S);
       else {
         const m = o.toDraft();
@@ -1287,12 +1291,12 @@ const qn = (e) => e.name, Un = (e) => /* @__PURE__ */ a.jsx(j, { size: "sm", chi
     return !n.helpAlwaysVisible && t.description !== void 0 && (f = /* @__PURE__ */ a.jsxs(z, { gap: 4, style: { display: "inline-flex" }, children: [
       f,
       /* @__PURE__ */ a.jsx(
-        jt,
+        It,
         {
           label: /* @__PURE__ */ a.jsx(N, { value: t.description }),
           withArrow: !0,
           children: /* @__PURE__ */ a.jsx(
-            Pt,
+            Et,
             {
               size: 16,
               stroke: 1.5,
@@ -1324,7 +1328,7 @@ const qn = (e) => e.name, Un = (e) => /* @__PURE__ */ a.jsx(j, { size: "sm", chi
 function no(e) {
   return e.type === "horizontal";
 }
-const St = 12, Mr = (e) => {
+const vt = 12, Vr = (e) => {
   const o = e.schema, t = I(() => {
     const n = Math.max(
       ...e.fieldGroups.map((r) => Math.max(...r.fields.map((i) => i.length)))
@@ -1343,7 +1347,7 @@ const St = 12, Mr = (e) => {
     "form",
     {
       onSubmit: e.onSubmit === void 0 ? void 0 : (n) => {
-        n.preventDefault(), e.onSubmit !== void 0 && Et(e.record) && e.onSubmit(e.record);
+        n.preventDefault(), e.onSubmit !== void 0 && Mt(e.record) && e.onSubmit(e.record);
       },
       children: /* @__PURE__ */ a.jsxs(fe, { gap: "sm", className: e.className, style: e.styles, children: [
         t,
@@ -1366,7 +1370,7 @@ const St = 12, Mr = (e) => {
 function oo(e, o, t, n, r, i, s) {
   const l = r.fields, d = [];
   for (let f = 0; f < l.length; f++) {
-    const S = St / l[f].length;
+    const S = vt / l[f].length;
     if (!Number.isInteger(S))
       throw new Error(`Span must be an integer, but got ${S} for row ${f}`);
     let c;
@@ -1378,7 +1382,7 @@ function oo(e, o, t, n, r, i, s) {
       labelCol: Math.floor(
         s.labelCol * l[f].length / i
       ),
-      itemCol: St - Math.floor(s.labelCol * l[f].length / i)
+      itemCol: vt - Math.floor(s.labelCol * l[f].length / i)
     } : c = s;
     for (let u = 0; u < l[f].length; u++) {
       const m = l[f][u], h = e.allProperties[m];
@@ -1386,11 +1390,11 @@ function oo(e, o, t, n, r, i, s) {
       if (re(h))
         x = h.cardinality === "N:N" || h.cardinality === "1:N" ? Yn : Kn;
       else {
-        if (pt[h.datatype] === void 0)
+        if (ht[h.datatype] === void 0)
           throw new Error(
             `No input component found for datatype ${h.datatype}`
           );
-        x = pt[h.datatype];
+        x = ht[h.datatype];
       }
       d.push(
         /* @__PURE__ */ a.jsx(T.Col, { span: S, children: /* @__PURE__ */ a.jsx(
@@ -1545,7 +1549,7 @@ function lo(e, o, t, n) {
   return S;
 }
 const A = "debugHeaders";
-function vt(e, o, t) {
+function Ct(e, o, t) {
   var n;
   let i = {
     id: (n = t.id) != null ? n : o.id,
@@ -1626,7 +1630,7 @@ function we(e, o, t, n) {
       if (y && x.column.parent ? v = x.column.parent : (v = x.column, F = !0), C && (C == null ? void 0 : C.column) === v)
         C.subHeaders.push(x);
       else {
-        const P = vt(t, v, {
+        const P = Ct(t, v, {
           id: [n, u, v.id, x == null ? void 0 : x.id].filter(Boolean).join("_"),
           isPlaceholder: F,
           placeholderId: F ? `${h.filter((ie) => ie.column === v).length}` : void 0,
@@ -1637,7 +1641,7 @@ function we(e, o, t, n) {
       }
       m.headers.push(x), x.headerGroup = m;
     }), d.push(m), u > 0 && g(h, u - 1);
-  }, f = o.map((c, u) => vt(t, c, {
+  }, f = o.map((c, u) => Ct(t, c, {
     depth: s,
     index: u
   }));
@@ -1748,12 +1752,12 @@ const bt = (e, o, t) => e.getValue(o) === t;
 bt.autoRemove = (e) => O(e);
 const Gt = (e, o, t) => e.getValue(o) == t;
 Gt.autoRemove = (e) => O(e);
-const Qe = (e, o, t) => {
+const et = (e, o, t) => {
   let [n, r] = t;
   const i = e.getValue(o);
   return i >= n && i <= r;
 };
-Qe.resolveFilterValue = (e) => {
+et.resolveFilterValue = (e) => {
   let [o, t] = e, n = typeof o != "number" ? parseFloat(o) : o, r = typeof t != "number" ? parseFloat(t) : t, i = o === null || Number.isNaN(n) ? -1 / 0 : n, s = t === null || Number.isNaN(r) ? 1 / 0 : r;
   if (i > s) {
     const l = i;
@@ -1761,7 +1765,7 @@ Qe.resolveFilterValue = (e) => {
   }
   return [i, s];
 };
-Qe.autoRemove = (e) => O(e) || O(e[0]) && O(e[1]);
+et.autoRemove = (e) => O(e) || O(e[0]) && O(e[1]);
 const H = {
   includesString: Tt,
   includesStringSensitive: Lt,
@@ -1771,7 +1775,7 @@ const H = {
   arrIncludesSome: Ot,
   equals: bt,
   weakEquals: Gt,
-  inNumberRange: Qe
+  inNumberRange: et
 };
 function O(e) {
   return e == null || e === "";
@@ -1811,7 +1815,7 @@ const co = {
     }, e.setFilterValue = (t) => {
       o.setColumnFilters((n) => {
         const r = e.getFilterFn(), i = n == null ? void 0 : n.find((f) => f.id === e.id), s = Y(t, i ? i.value : void 0);
-        if (Ct(r, s, e)) {
+        if (wt(r, s, e)) {
           var l;
           return (l = n == null ? void 0 : n.filter((f) => f.id !== e.id)) != null ? l : [];
         }
@@ -1838,7 +1842,7 @@ const co = {
           const l = t.find((d) => d.id === s.id);
           if (l) {
             const d = l.getFilterFn();
-            if (Ct(d, s.value, l))
+            if (wt(d, s.value, l))
               return !1;
           }
           return !0;
@@ -1851,7 +1855,7 @@ const co = {
     }, e.getPreFilteredRowModel = () => e.getCoreRowModel(), e.getFilteredRowModel = () => (!e._getFilteredRowModel && e.options.getFilteredRowModel && (e._getFilteredRowModel = e.options.getFilteredRowModel(e)), e.options.manualFiltering || !e._getFilteredRowModel ? e.getPreFilteredRowModel() : e._getFilteredRowModel());
   }
 };
-function Ct(e, o, t) {
+function wt(e, o, t) {
   return (e && e.autoRemove ? e.autoRemove(o, t) : !1) || typeof o > "u" || typeof o == "string" && !o;
 }
 const fo = (e, o, t) => t.reduce((n, r) => {
@@ -2705,7 +2709,7 @@ const Eo = {
       const {
         rowSelection: t
       } = o.getState();
-      return et(e, t);
+      return tt(e, t);
     }, e.getIsSomeSelected = () => {
       const {
         rowSelection: t
@@ -2742,7 +2746,7 @@ function be(e, o) {
   const t = e.getState().rowSelection, n = [], r = {}, i = function(s, l) {
     return s.map((d) => {
       var g;
-      const f = et(d, t);
+      const f = tt(d, t);
       if (f && (n.push(d), r[d.id] = d), (g = d.subRows) != null && g.length && (d = {
         ...d,
         subRows: i(d.subRows)
@@ -2756,7 +2760,7 @@ function be(e, o) {
     rowsById: r
   };
 }
-function et(e, o) {
+function tt(e, o) {
   var t;
   return (t = o[e.id]) != null ? t : !1;
 }
@@ -2765,17 +2769,17 @@ function Ye(e, o, t) {
   if (!((n = e.subRows) != null && n.length)) return !1;
   let r = !0, i = !1;
   return e.subRows.forEach((s) => {
-    if (!(i && !r) && (s.getCanSelect() && (et(s, o) ? i = !0 : r = !1), s.subRows && s.subRows.length)) {
+    if (!(i && !r) && (s.getCanSelect() && (tt(s, o) ? i = !0 : r = !1), s.subRows && s.subRows.length)) {
       const l = Ye(s, o);
       l === "all" ? i = !0 : (l === "some" && (i = !0), r = !1);
     }
   }), r ? "all" : i ? "some" : !1;
 }
-const We = /([0-9]+)/gm, Lo = (e, o, t) => Ht(X(e.getValue(t)).toLowerCase(), X(o.getValue(t)).toLowerCase()), No = (e, o, t) => Ht(X(e.getValue(t)), X(o.getValue(t))), ko = (e, o, t) => tt(X(e.getValue(t)).toLowerCase(), X(o.getValue(t)).toLowerCase()), zo = (e, o, t) => tt(X(e.getValue(t)), X(o.getValue(t))), Oo = (e, o, t) => {
+const We = /([0-9]+)/gm, Lo = (e, o, t) => Ht(X(e.getValue(t)).toLowerCase(), X(o.getValue(t)).toLowerCase()), No = (e, o, t) => Ht(X(e.getValue(t)), X(o.getValue(t))), ko = (e, o, t) => nt(X(e.getValue(t)).toLowerCase(), X(o.getValue(t)).toLowerCase()), zo = (e, o, t) => nt(X(e.getValue(t)), X(o.getValue(t))), Oo = (e, o, t) => {
   const n = e.getValue(t), r = o.getValue(t);
   return n > r ? 1 : n < r ? -1 : 0;
-}, bo = (e, o, t) => tt(e.getValue(t), o.getValue(t));
-function tt(e, o) {
+}, bo = (e, o, t) => nt(e.getValue(t), o.getValue(t));
+function nt(e, o) {
   return e === o ? 0 : e > o ? 1 : -1;
 }
 function X(e) {
@@ -3097,7 +3101,7 @@ function Uo(e) {
    *
    * @license MIT
    */
-function wt(e, o) {
+function Rt(e, o) {
   return e ? Ko(e) ? /* @__PURE__ */ Ge.createElement(e, o) : e : null;
 }
 function Ko(e) {
@@ -3195,20 +3199,20 @@ const Ut = ({
       children: "Export"
     }
   )
-] }), Kt = (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), Xo = "__selectcol__", { Thead: Jo, Tr: Rt, Th: Zo, Tbody: Qo, Td: er } = It, Yt = (e) => {
+] }), Kt = (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), Xo = "__selectcol__", { Thead: Jo, Tr: xt, Th: Zo, Tbody: Qo, Td: er } = $t, Yt = (e) => {
   const o = /* @__PURE__ */ a.jsxs(
-    It,
+    $t,
     {
       striped: !0,
       highlightOnHover: !0,
       verticalSpacing: "xs",
       tabularNums: !0,
       children: [
-        /* @__PURE__ */ a.jsx(Jo, { children: e.table.getHeaderGroups().map((n) => /* @__PURE__ */ a.jsx(Rt, { children: n.headers.map((r) => /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ a.jsx(Jo, { children: e.table.getHeaderGroups().map((n) => /* @__PURE__ */ a.jsx(xt, { children: n.headers.map((r) => /* @__PURE__ */ a.jsx(
           Zo,
           {
             w: r.id === Xo ? "1%" : void 0,
-            children: r.isPlaceholder ? null : wt(
+            children: r.isPlaceholder ? null : Rt(
               r.column.columnDef.header,
               r.getContext()
             )
@@ -3216,10 +3220,10 @@ const Ut = ({
           r.id
         )) }, n.id)) }),
         /* @__PURE__ */ a.jsx(Qo, { pos: "relative", children: e.table.getRowModel().rows.map((n) => /* @__PURE__ */ a.jsx(
-          Rt,
+          xt,
           {
             bg: e.selectedRowKeys[n.id] ? "var(--mantine-color-blue-light)" : void 0,
-            children: n.getVisibleCells().map((r) => /* @__PURE__ */ a.jsx(er, { children: wt(r.column.columnDef.cell, r.getContext()) }, r.id))
+            children: n.getVisibleCells().map((r) => /* @__PURE__ */ a.jsx(er, { children: Rt(r.column.columnDef.cell, r.getContext()) }, r.id))
           },
           n.id
         )) })
@@ -3264,7 +3268,7 @@ const Ut = ({
     ] }),
     i
   ] }) : i;
-}, xt = {
+}, _t = {
   xs: le(22),
   sm: le(26),
   md: le(32),
@@ -3287,7 +3291,7 @@ function or({
         style: [
           { fontWeight: "normal" },
           (r) => ({
-            height: xt[e],
+            height: _t[e],
             paddingLeft: r.spacing[e],
             paddingRight: r.spacing[e]
           })
@@ -3307,7 +3311,7 @@ function or({
         {
           className: i ? nr.pageSizeSelectorActive : void 0,
           style: [
-            { height: xt[e] }
+            { height: _t[e] }
             // isCurrent
             //   ? {
             //       color: "var(--mantine-color-text)",
@@ -3325,7 +3329,7 @@ function or({
     }) })
   ] });
 }
-const rr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Vr = (e) => {
+const rr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ar = (e) => {
   var C, y;
   const [o, t] = L({
     records: [],
@@ -3539,7 +3543,7 @@ function Xt(e, o, {
     return /* @__PURE__ */ a.jsx(i, { db: e, property: o, value: d });
   }), s;
 }
-function Ar(e, o, t, {
+function Dr(e, o, t, {
   title: n,
   nestedKey: r,
   component: i
@@ -3570,16 +3574,16 @@ function Ar(e, o, t, {
     return /* @__PURE__ */ a.jsx(s, { db: e, property: t, value: g });
   }), l;
 }
-function Dr(e, o, t, n = {}) {
+function Tr(e, o, t, n = {}) {
   return t.map((r) => Jt(r) ? r : Xt(e, o.publicProperties[r], n));
 }
-function Tr(e, o, t = [], n = {}) {
+function Lr(e, o, t = [], n = {}) {
   return t.map((r) => Jt(r) ? r : Xt(e, o.publicProperties[r], n));
 }
 function Jt(e) {
   return typeof e == "object" && "key" in e && "title" in e;
 }
-const sr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Lr = (e) => {
+const sr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Nr = (e) => {
   var f, S;
   const [o, t] = L(
     {}
@@ -3719,7 +3723,7 @@ const sr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Lr = (e) => {
       }
     )
   ] });
-}, _t = J(
+}, yt = J(
   ({
     store: e,
     record: o,
@@ -3766,7 +3770,7 @@ function dr(e, o, t, n, r) {
       else if (typeof f == "object" && "prop" in f) {
         const c = e.allProperties[f.prop], u = f.display;
         S = /* @__PURE__ */ a.jsx(
-          _t,
+          yt,
           {
             store: o,
             record: t,
@@ -3787,7 +3791,7 @@ function dr(e, o, t, n, r) {
           u = W[c.datatype];
         }
         S = /* @__PURE__ */ a.jsx(
-          _t,
+          yt,
           {
             store: o,
             record: t,
@@ -3803,7 +3807,7 @@ function dr(e, o, t, n, r) {
   }
   return /* @__PURE__ */ a.jsx(T, { gutter: "sm", children: s }, n);
 }
-function Nr(e, o) {
+function kr(e, o) {
   const t = e[e.length - 1];
   let n;
   if (o !== void 0)
@@ -3827,7 +3831,7 @@ function Nr(e, o) {
     }
   );
 }
-const kr = (e) => /* @__PURE__ */ a.jsxs(he, { defaultValue: e.fieldTabs[0].tabName, children: [
+const zr = (e) => /* @__PURE__ */ a.jsxs(he, { defaultValue: e.fieldTabs[0].tabName, children: [
   /* @__PURE__ */ a.jsx(he.List, { children: e.fieldTabs.map((o, t) => /* @__PURE__ */ a.jsx(he.Tab, { value: o.tabName, children: o.tabName }, t)) }),
   e.fieldTabs.map((o, t) => /* @__PURE__ */ a.jsx(he.Panel, { value: o.tabName, pt: "sm", children: /* @__PURE__ */ a.jsx(
     ur,
@@ -3844,7 +3848,7 @@ const kr = (e) => /* @__PURE__ */ a.jsxs(he, { defaultValue: e.fieldTabs[0].tabN
 export {
   He as CountryFlagComponent,
   rr as DEFAULT_PAGINATION_POSITIONS,
-  pt as DataType2Component,
+  ht as DataType2Component,
   W as DataType2DisplayComponent,
   Tn as DateDisplay,
   Dn as DateTimeDisplay,
@@ -3862,30 +3866,31 @@ export {
   N as MultiLingualString,
   yr as NotAuthorized,
   wr as NotFound,
-  Mt as NotFoundInline,
+  Vt as NotFoundInline,
   Rr as NotFoundSubPage,
   $r as OrderedUniqueList,
   Be as Permission,
   In as SVGCountryFlag,
-  Lr as SeraEmbeddedTable,
-  Mr as SeraForm,
-  Vr as SeraTable,
+  Mr as SeraContextProvider,
+  Nr as SeraEmbeddedTable,
+  Vr as SeraForm,
+  Ar as SeraTable,
   Pr as SeraVerticalMenu,
   ur as SeraView,
-  kr as SeraViewTab,
+  zr as SeraViewTab,
   Fe as SingleForeignKeyDisplay,
-  Vt as Trie,
-  ct as TrieNode,
+  At as Trie,
+  ft as TrieNode,
   En as buildMenuItemIndex,
   E as countryFlags,
   Vn as filterAllowedItems,
   Fr as groupBy,
   jr as groupByAsList,
   Jt as isSeraColumn,
-  Tr as makeEmbeddedTableColumns,
-  Nr as makeFieldDisplay,
+  Lr as makeEmbeddedTableColumns,
+  kr as makeFieldDisplay,
   Xt as makeTableColumn,
-  Ar as makeTableColumnFromNestedProperty,
-  Dr as makeTableColumns,
+  Dr as makeTableColumnFromNestedProperty,
+  Tr as makeTableColumns,
   Ir as uniqueList
 };