sera-components 1.6.0 → 1.6.3

package/dist/index.js

@@ -1,17 +1,17 @@
-var Fn = Object.defineProperty;
-var In = (e, n, t) => n in e ? Fn(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var G = (e, n, t) => In(e, typeof n != "symbol" ? n + "" : n, t);
+var In = Object.defineProperty;
+var Pn = (e, n, t) => n in e ? In(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var Q = (e, n, t) => Pn(e, typeof n != "symbol" ? n + "" : n, t);
 import * as Ye from "react";
-import Pn, { createContext as Ht, useContext as Y, useMemo as I, useState as M, useEffect as ve } from "react";
-import { Paper as te, Image as En, Text as P, Menu as ie, Button as H, Container as $n, Alert as it, Stack as Q, Flex as z, Loader as $e, NavLink as wt, Checkbox as le, Group as k, Input as B, useCombobox as qt, Combobox as N, Grid as $, InputBase as Mn, PasswordInput as Bt, Select as bn, CloseButton as Dn, Divider as Vn, Tooltip as Ut, Fieldset as Tn, Table as Kt, rem as de, Pagination as An, MenuTarget as Nn, MenuDropdown as kn, MenuItem as Ln, TextInput as xt, Popover as Le, ActionIcon as Rt, Tabs as ye } from "@mantine/core";
-import { IconCheck as On, IconInfoCircle as st, IconChevronRight as zn, IconSearch as lt, IconCalendar as Me, IconHelpOctagonFilled as Yt, IconPlus as Gn, IconPencil as Hn, IconReload as qn, IconDatabaseImport as Bn, IconDownload as Un, IconDatabaseOff as Kn, IconSelector as Yn, IconCircleX as Wn, IconAdjustmentsHorizontal as Xn, IconKeyboard as Jn } from "@tabler/icons-react";
-import { observer as ne } from "mobx-react-lite";
-import { isNestedProperty as Wt, isObjectProperty as oe, DynamicMultiLingualString as Qn, isDraftRecord as Xt, NestedProperty as X, I18NStore as Zn, validators as eo } from "sera-db";
+import En, { createContext as rt, useContext as W, useMemo as F, useState as M, useEffect as we } from "react";
+import { Paper as oe, Image as $n, Text as P, Menu as le, Button as B, Container as Mn, Alert as it, Stack as te, Flex as q, Loader as $e, NavLink as wt, Checkbox as ue, Group as L, Input as K, useCombobox as Gt, Combobox as O, Grid as $, InputBase as Dn, PasswordInput as Ht, Select as bn, CloseButton as Vn, Divider as Tn, Tooltip as qt, Fieldset as Nn, Table as Bt, rem as ce, Pagination as An, MenuTarget as kn, MenuDropdown as Ln, MenuItem as On, TextInput as xt, Popover as Le, ActionIcon as Rt, Tabs as ye } from "@mantine/core";
+import { IconCheck as zn, IconInfoCircle as st, IconChevronRight as Gn, IconSearch as lt, IconCalendar as Me, IconHelpOctagonFilled as Ut, IconPlus as Hn, IconPencil as qn, IconReload as Bn, IconDatabaseImport as Un, IconDownload as Kn, IconDatabaseOff as Yn, IconSelector as Wn, IconCircleX as Xn, IconAdjustmentsHorizontal as Jn, IconKeyboard as Qn } from "@tabler/icons-react";
+import { observer as re } from "mobx-react-lite";
+import { isNestedProperty as Kt, isObjectProperty as ie, DynamicMultiLingualString as Zn, isDraftRecord as Yt, NestedProperty as Y, I18NStore as eo, validators as yt } from "sera-db";
 import { IMaskInput as to } from "react-imask";
-import K from "dayjs";
-import { DatePickerInput as We, DateTimePicker as yt } from "@mantine/dates";
+import J from "dayjs";
+import { DatePickerInput as We, DateTimePicker as _t } from "@mantine/dates";
 import { debounce as no } from "throttle-debounce";
-var je = { exports: {} }, ge = {};
+var _e = { exports: {} }, fe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -23,7 +23,7 @@ var je = { exports: {} }, ge = {};
  */
 var jt;
 function oo() {
-  if (jt) return ge;
+  if (jt) return fe;
   jt = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
   function t(o, r, i) {
@@ -41,9 +41,9 @@ function oo() {
       props: i
     };
   }
-  return ge.Fragment = n, ge.jsx = t, ge.jsxs = t, ge;
+  return fe.Fragment = n, fe.jsx = t, fe.jsxs = t, fe;
 }
-var ce = {};
+var pe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -53,243 +53,243 @@ var ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var _t;
+var Ft;
 function ro() {
-  return _t || (_t = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(h) {
-      if (h == null) return null;
-      if (typeof h == "function")
-        return h.$$typeof === xe ? null : h.displayName || h.name || null;
-      if (typeof h == "string") return h;
-      switch (h) {
+  return Ft || (Ft = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(S) {
+      if (S == null) return null;
+      if (typeof S == "function")
+        return S.$$typeof === xe ? null : S.displayName || S.name || null;
+      if (typeof S == "string") return S;
+      switch (S) {
         case C:
           return "Fragment";
-        case j:
+        case _:
           return "Profiler";
         case v:
           return "StrictMode";
-        case L:
+        case I:
           return "Suspense";
-        case Ce:
+        case V:
           return "SuspenseList";
         case Ve:
           return "Activity";
       }
-      if (typeof h == "object")
-        switch (typeof h.tag == "number" && console.error(
+      if (typeof S == "object")
+        switch (typeof S.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), h.$$typeof) {
+        ), S.$$typeof) {
           case m:
             return "Portal";
-          case x:
-            return h.displayName || "Context";
-          case w:
-            return (h._context.displayName || "Context") + ".Consumer";
-          case F:
-            var _ = h.render;
-            return h = h.displayName, h || (h = _.displayName || _.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
-          case we:
-            return _ = h.displayName || null, _ !== null ? _ : e(h.type) || "Memo";
-          case ue:
-            _ = h._payload, h = h._init;
+          case j:
+            return S.displayName || "Context";
+          case R:
+            return (S._context.displayName || "Context") + ".Consumer";
+          case A:
+            var y = S.render;
+            return S = S.displayName, S || (S = y.displayName || y.name || "", S = S !== "" ? "ForwardRef(" + S + ")" : "ForwardRef"), S;
+          case H:
+            return y = S.displayName || null, y !== null ? y : e(S.type) || "Memo";
+          case ge:
+            y = S._payload, S = S._init;
             try {
-              return e(h(_));
+              return e(S(y));
             } catch {
             }
         }
       return null;
     }
-    function n(h) {
-      return "" + h;
+    function n(S) {
+      return "" + S;
     }
-    function t(h) {
+    function t(S) {
       try {
-        n(h);
-        var _ = !1;
+        n(S);
+        var y = !1;
       } catch {
-        _ = !0;
+        y = !0;
       }
-      if (_) {
-        _ = console;
-        var E = _.error, b = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
+      if (y) {
+        y = console;
+        var E = y.error, D = typeof Symbol == "function" && Symbol.toStringTag && S[Symbol.toStringTag] || S.constructor.name || "Object";
         return E.call(
-          _,
+          y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          b
-        ), n(h);
+          D
+        ), n(S);
       }
     }
-    function o(h) {
-      if (h === C) return "<>";
-      if (typeof h == "object" && h !== null && h.$$typeof === ue)
+    function o(S) {
+      if (S === C) return "<>";
+      if (typeof S == "object" && S !== null && S.$$typeof === ge)
         return "<...>";
       try {
-        var _ = e(h);
-        return _ ? "<" + _ + ">" : "<...>";
+        var y = e(S);
+        return y ? "<" + y + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var h = Te.A;
-      return h === null ? null : h.getOwner();
+      var S = Te.A;
+      return S === null ? null : S.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function s(h) {
-      if (pt.call(h, "key")) {
-        var _ = Object.getOwnPropertyDescriptor(h, "key").get;
-        if (_ && _.isReactWarning) return !1;
+    function s(S) {
+      if (pt.call(S, "key")) {
+        var y = Object.getOwnPropertyDescriptor(S, "key").get;
+        if (y && y.isReactWarning) return !1;
       }
-      return h.key !== void 0;
+      return S.key !== void 0;
     }
-    function a(h, _) {
+    function a(S, y) {
       function E() {
         mt || (mt = !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)",
-          _
+          y
         ));
       }
-      E.isReactWarning = !0, Object.defineProperty(h, "key", {
+      E.isReactWarning = !0, Object.defineProperty(S, "key", {
         get: E,
         configurable: !0
       });
     }
     function u() {
-      var h = e(this.type);
-      return ht[h] || (ht[h] = !0, console.error(
+      var S = e(this.type);
+      return ht[S] || (ht[S] = !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."
-      )), h = this.props.ref, h !== void 0 ? h : null;
+      )), S = this.props.ref, S !== void 0 ? S : null;
     }
-    function g(h, _, E, b, Re, Ne) {
-      var D = E.ref;
-      return h = {
+    function g(S, y, E, D, Re, Ae) {
+      var b = E.ref;
+      return S = {
         $$typeof: p,
-        type: h,
-        key: _,
+        type: S,
+        key: y,
         props: E,
-        _owner: b
-      }, (D !== void 0 ? D : null) !== null ? Object.defineProperty(h, "ref", {
+        _owner: D
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(S, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
+      }) : Object.defineProperty(S, "ref", { enumerable: !1, value: null }), S._store = {}, Object.defineProperty(S._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(h, "_debugInfo", {
+      }), Object.defineProperty(S, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(h, "_debugStack", {
+      }), Object.defineProperty(S, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Re
-      }), Object.defineProperty(h, "_debugTask", {
+      }), Object.defineProperty(S, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Ne
-      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
+        value: Ae
+      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
     }
-    function c(h, _, E, b, Re, Ne) {
-      var D = _.children;
-      if (D !== void 0)
-        if (b)
-          if (jn(D)) {
-            for (b = 0; b < D.length; b++)
-              S(D[b]);
-            Object.freeze && Object.freeze(D);
+    function c(S, y, E, D, Re, Ae) {
+      var b = y.children;
+      if (b !== void 0)
+        if (D)
+          if (jn(b)) {
+            for (D = 0; D < b.length; D++)
+              h(b[D]);
+            Object.freeze && Object.freeze(b);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else S(D);
-      if (pt.call(_, "key")) {
-        D = e(h);
-        var re = Object.keys(_).filter(function(_n) {
-          return _n !== "key";
+        else h(b);
+      if (pt.call(y, "key")) {
+        b = e(S);
+        var se = Object.keys(y).filter(function(Fn) {
+          return Fn !== "key";
         });
-        b = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", Ct[D + b] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
+        D = 0 < se.length ? "{key: someKey, " + se.join(": ..., ") + ": ...}" : "{key: someKey}", Ct[b + D] || (se = 0 < se.length ? "{" + se.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          b,
           D,
-          re,
-          D
-        ), Ct[D + b] = !0);
+          b,
+          se,
+          b
+        ), Ct[b + D] = !0);
       }
-      if (D = null, E !== void 0 && (t(E), D = "" + E), s(_) && (t(_.key), D = "" + _.key), "key" in _) {
+      if (b = null, E !== void 0 && (t(E), b = "" + E), s(y) && (t(y.key), b = "" + y.key), "key" in y) {
         E = {};
-        for (var ke in _)
-          ke !== "key" && (E[ke] = _[ke]);
-      } else E = _;
-      return D && a(
+        for (var ke in y)
+          ke !== "key" && (E[ke] = y[ke]);
+      } else E = y;
+      return b && a(
         E,
-        typeof h == "function" ? h.displayName || h.name || "Unknown" : h
+        typeof S == "function" ? S.displayName || S.name || "Unknown" : S
       ), g(
-        h,
-        D,
+        S,
+        b,
         E,
         r(),
         Re,
-        Ne
+        Ae
       );
     }
-    function S(h) {
-      f(h) ? h._store && (h._store.validated = 1) : typeof h == "object" && h !== null && h.$$typeof === ue && (h._payload.status === "fulfilled" ? f(h._payload.value) && h._payload.value._store && (h._payload.value._store.validated = 1) : h._store && (h._store.validated = 1));
+    function h(S) {
+      f(S) ? S._store && (S._store.validated = 1) : typeof S == "object" && S !== null && S.$$typeof === ge && (S._payload.status === "fulfilled" ? f(S._payload.value) && S._payload.value._store && (S._payload.value._store.validated = 1) : S._store && (S._store.validated = 1));
     }
-    function f(h) {
-      return typeof h == "object" && h !== null && h.$$typeof === p;
+    function f(S) {
+      return typeof S == "object" && S !== null && S.$$typeof === p;
     }
-    var d = Pn, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), x = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), Ce = Symbol.for("react.suspense_list"), we = Symbol.for("react.memo"), ue = Symbol.for("react.lazy"), Ve = Symbol.for("react.activity"), xe = Symbol.for("react.client.reference"), Te = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, pt = Object.prototype.hasOwnProperty, jn = Array.isArray, Ae = console.createTask ? console.createTask : function() {
+    var d = En, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), j = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), V = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), ge = Symbol.for("react.lazy"), Ve = Symbol.for("react.activity"), xe = Symbol.for("react.client.reference"), Te = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, pt = Object.prototype.hasOwnProperty, jn = Array.isArray, Ne = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
-      react_stack_bottom_frame: function(h) {
-        return h();
+      react_stack_bottom_frame: function(S) {
+        return S();
       }
     };
     var mt, ht = {}, St = d.react_stack_bottom_frame.bind(
       d,
       i
-    )(), vt = Ae(o(i)), Ct = {};
-    ce.Fragment = C, ce.jsx = function(h, _, E) {
-      var b = 1e4 > Te.recentlyCreatedOwnerStacks++;
+    )(), vt = Ne(o(i)), Ct = {};
+    pe.Fragment = C, pe.jsx = function(S, y, E) {
+      var D = 1e4 > Te.recentlyCreatedOwnerStacks++;
       return c(
-        h,
-        _,
+        S,
+        y,
         E,
         !1,
-        b ? Error("react-stack-top-frame") : St,
-        b ? Ae(o(h)) : vt
+        D ? Error("react-stack-top-frame") : St,
+        D ? Ne(o(S)) : vt
       );
-    }, ce.jsxs = function(h, _, E) {
-      var b = 1e4 > Te.recentlyCreatedOwnerStacks++;
+    }, pe.jsxs = function(S, y, E) {
+      var D = 1e4 > Te.recentlyCreatedOwnerStacks++;
       return c(
-        h,
-        _,
+        S,
+        y,
         E,
         !0,
-        b ? Error("react-stack-top-frame") : St,
-        b ? Ae(o(h)) : vt
+        D ? Error("react-stack-top-frame") : St,
+        D ? Ne(o(S)) : vt
       );
     };
-  })()), ce;
+  })()), pe;
 }
-var Ft;
+var It;
 function io() {
-  return Ft || (Ft = 1, process.env.NODE_ENV === "production" ? je.exports = oo() : je.exports = ro()), je.exports;
+  return It || (It = 1, process.env.NODE_ENV === "production" ? _e.exports = oo() : _e.exports = ro()), _e.exports;
 }
 var l = io();
-const V = {
+const T = {
   UK: {
     svgFlag: "https://flagcdn.com/gb.svg",
     emojiFlag: "🇬🇧"
@@ -354,80 +354,80 @@ const V = {
     svgFlag: "https://flagcdn.com/kh.svg",
     emojiFlag: "🇰🇭"
   }
-}, so = ({ flag: e }) => /* @__PURE__ */ l.jsx(te, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ l.jsx(En, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), lo = ({ flag: e }) => /* @__PURE__ */ l.jsx(
+}, so = ({ flag: e }) => /* @__PURE__ */ l.jsx(oe, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ l.jsx($n, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), lo = ({ flag: e }) => /* @__PURE__ */ l.jsx(
   P,
   {
     component: "span",
     style: (n) => ({ textShadow: n.shadows.xs }),
     children: e.emojiFlag
   }
-), Xe = navigator.userAgent.includes("Windows") ? so : lo, Z = Ht(new Intl.Locale("en-US")), mi = ne(
+), Xe = navigator.userAgent.includes("Windows") ? so : lo, ne = rt(new Intl.Locale("en-US")), di = re(
   ({
     value: e,
     children: n
-  }) => /* @__PURE__ */ l.jsx(Z.Provider, { value: e.locale, children: n })
+  }) => /* @__PURE__ */ l.jsx(ne.Provider, { value: e.locale, children: n })
 ), ao = {
   lang2value: {
     en: "Choose Language",
     vi: "Chọn ngôn ngữ"
   }
-}, _e = {
+}, je = {
   en: {
     name: "English",
-    flag: V.US,
+    flag: T.US,
     locale: new Intl.Locale("en-US")
   },
   vi: {
     name: "Tiếng Việt",
-    flag: V.VN,
+    flag: T.VN,
     locale: new Intl.Locale("vi-VN")
   }
-}, hi = ({
+}, gi = ({
   locale: e,
   setLocale: n
 }) => {
-  const t = I(() => Object.entries(_e).map(
+  const t = F(() => Object.entries(je).map(
     ([o, { flag: r, name: i, locale: s }]) => /* @__PURE__ */ l.jsx(
-      ie.Item,
+      le.Item,
       {
         onClick: () => n(s),
         leftSection: /* @__PURE__ */ l.jsx(Xe, { flag: r }),
-        rightSection: e.language === o && /* @__PURE__ */ l.jsx(On, { size: "15", color: "#2986cc", stroke: 2 }),
+        rightSection: e.language === o && /* @__PURE__ */ l.jsx(zn, { size: "15", color: "#2986cc", stroke: 2 }),
         children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: i })
       },
       o
     )
-  ), [_e, e]);
-  return /* @__PURE__ */ l.jsxs(ie, { width: 170, children: [
-    /* @__PURE__ */ l.jsx(ie.Target, { children: /* @__PURE__ */ l.jsx(
-      H,
+  ), [je, e]);
+  return /* @__PURE__ */ l.jsxs(le, { width: 170, children: [
+    /* @__PURE__ */ l.jsx(le.Target, { children: /* @__PURE__ */ l.jsx(
+      B,
       {
         variant: "subtle",
         size: "sm",
-        leftSection: /* @__PURE__ */ l.jsx(Xe, { flag: _e[e.language].flag }),
-        children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: _e[e.language].name })
+        leftSection: /* @__PURE__ */ l.jsx(Xe, { flag: je[e.language].flag }),
+        children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: je[e.language].name })
       }
     ) }),
-    /* @__PURE__ */ l.jsxs(ie.Dropdown, { children: [
-      /* @__PURE__ */ l.jsx(ie.Label, { children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: ao.lang2value[e.language] }) }),
+    /* @__PURE__ */ l.jsxs(le.Dropdown, { children: [
+      /* @__PURE__ */ l.jsx(le.Label, { children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: ao.lang2value[e.language] }) }),
       t
     ] })
   ] });
-}, T = ({ value: e }) => {
-  const n = Y(Z);
+}, N = ({ value: e }) => {
+  const n = W(ne);
   return e.lang2value[n.language] || e.lang2value[e.lang];
-}, Si = (e) => {
-  const n = Y(Z);
+}, ci = (e) => {
+  const n = W(ne);
   return e.lang2value[n.language] || e.lang2value[e.lang];
 };
-function pe(e, n) {
+function he(e, n) {
   return n.lang2value[e.language] || n.lang2value[n.lang];
 }
-const vi = ({
+const fi = ({
   message: e,
   navigate: n
 }) => /* @__PURE__ */ l.jsx(
-  $n,
+  Mn,
   {
     size: "xs",
     style: {
@@ -443,14 +443,14 @@ const vi = ({
         title: "Not Found",
         variant: "404 - Not Found",
         icon: /* @__PURE__ */ l.jsx(st, { size: 12, stroke: 1.5 }),
-        children: /* @__PURE__ */ l.jsxs(Q, { align: "flex-start", children: [
+        children: /* @__PURE__ */ l.jsxs(te, { align: "flex-start", children: [
           e || "Sorry, the page you are looking for does not exist.",
-          /* @__PURE__ */ l.jsx(H, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
+          /* @__PURE__ */ l.jsx(B, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
         ] })
       }
     )
   }
-), Ci = ({ message: e }) => /* @__PURE__ */ l.jsx(
+), pi = ({ message: e }) => /* @__PURE__ */ l.jsx(
   it,
   {
     color: "red",
@@ -459,8 +459,8 @@ const vi = ({
     icon: /* @__PURE__ */ l.jsx(st, { size: 12, stroke: 1.5 }),
     children: e || "Sorry, the page you are looking for does not exist."
   }
-), Jt = ({ message: e }) => /* @__PURE__ */ l.jsx(P, { c: "red", size: "sm", children: e || "Not Found" }), wi = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx(z, { justify: "center", align: "center", children: /* @__PURE__ */ l.jsx($e, { color: "blue", size: "md" }) }) : /* @__PURE__ */ l.jsxs(
-  z,
+), Wt = ({ message: e }) => /* @__PURE__ */ l.jsx(P, { c: "red", size: "sm", children: e || "Not Found" }), mi = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx(q, { justify: "center", align: "center", children: /* @__PURE__ */ l.jsx($e, { color: "blue", size: "md" }) }) : /* @__PURE__ */ l.jsxs(
+  q,
   {
     gap: "md",
     direction: "column",
@@ -472,10 +472,10 @@ const vi = ({
       e
     ]
   }
-), xi = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx($e, { color: "blue", size: "xs" }) : /* @__PURE__ */ l.jsxs(z, { gap: "md", direction: "column", justify: "center", align: "center", children: [
+), hi = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx($e, { color: "blue", size: "xs" }) : /* @__PURE__ */ l.jsxs(q, { gap: "md", direction: "column", justify: "center", align: "center", children: [
   /* @__PURE__ */ l.jsx($e, { color: "blue", size: "xs" }),
   e
-] }), Ri = ({ message: e }) => /* @__PURE__ */ l.jsx(
+] }), Si = ({ message: e }) => /* @__PURE__ */ l.jsx(
   it,
   {
     color: "red",
@@ -485,13 +485,13 @@ const vi = ({
     children: e || "Sorry, you are not authorized to access this page."
   }
 );
-function yi(e, n) {
+function vi(e, n) {
   return e.reduce((t, o) => {
     const r = n(o);
     return t[r] || (t[r] = []), t[r].push(o), t;
   }, {});
 }
-function ji(e, n) {
+function Ci(e, n) {
   const t = [];
   let o;
   return e.reduce((r, i) => {
@@ -499,17 +499,17 @@ function ji(e, n) {
     return s === void 0 ? (o === void 0 && (o = t.length, t.push([])), t[o].push(i)) : (r[s] === void 0 && (r[s] = t.length, t.push([])), t[r[s]].push(i)), r;
   }, {}), t;
 }
-function _i(e, n) {
+function wi(e, n) {
   const t = /* @__PURE__ */ new Set();
   return e.filter((o) => {
     const r = n(o);
     return t.has(r) ? !1 : (t.add(r), !0);
   });
 }
-class Fi {
+class xi {
   constructor() {
-    G(this, "items", []);
-    G(this, "seen", /* @__PURE__ */ new Set());
+    Q(this, "items", []);
+    Q(this, "seen", /* @__PURE__ */ new Set());
   }
   add(n, t) {
     const o = t(n);
@@ -519,16 +519,16 @@ class Fi {
     return this.items;
   }
 }
-class It {
+class Pt {
   constructor() {
-    G(this, "children", /* @__PURE__ */ new Map());
-    G(this, "isEndOfWord", !1);
-    G(this, "value", "");
+    Q(this, "children", /* @__PURE__ */ new Map());
+    Q(this, "isEndOfWord", !1);
+    Q(this, "value", "");
   }
 }
-class Qt {
+class Xt {
   constructor() {
-    G(this, "root", new It());
+    Q(this, "root", new Pt());
   }
   /**
    * Inserts a word into the trie structure.
@@ -540,7 +540,7 @@ class Qt {
     let t = this.root;
     for (const o of n) {
       let r = t.children.get(o);
-      r === void 0 && (r = new It(), t.children.set(o, r)), t = r;
+      r === void 0 && (r = new Pt(), t.children.set(o, r)), t = r;
     }
     t.isEndOfWord = !0, t.value = n;
   }
@@ -565,11 +565,18 @@ class Qt {
     return o;
   }
 }
-function Zt(e, n) {
-  return Wt(n) ? n.getValue(e) : e[n.tsName];
+function Jt(e, n) {
+  return Kt(n) ? n.getValue(e) : e[n.tsName];
+}
+function Et(e, n, t) {
+  Kt(n) ? n.setValue(e, t) : e[n.updateFuncName](t);
 }
-function Pt(e, n, t) {
-  Wt(n) ? n.setValue(e, t) : e[n.updateFuncName](t);
+const Qt = rt(!1), Ri = Qt.Provider;
+function z(e) {
+  return W(Qt) ? { "data-testid": e } : {};
+}
+function yi(e, n) {
+  return n ? { "data-testid": e } : {};
 }
 var Je = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(Je || {});
 function uo(e) {
@@ -604,16 +611,16 @@ function co(e, n) {
     return t;
   }).filter((t) => t !== null);
 }
-const Ii = (e) => {
-  const [n, t] = M(/* @__PURE__ */ new Set()), [o, r] = M(/* @__PURE__ */ new Set()), [i, s] = M(), a = I(() => co(e.items, e.checkPermission), [e.items, e.checkPermission]), u = I(() => go(e.items), [e.items]), { key2fullpath: g, key2route: c } = I(
+const _i = (e) => {
+  const [n, t] = M(/* @__PURE__ */ new Set()), [o, r] = M(/* @__PURE__ */ new Set()), [i, s] = M(), a = F(() => co(e.items, e.checkPermission), [e.items, e.checkPermission]), u = F(() => go(e.items), [e.items]), { key2fullpath: g, key2route: c } = F(
     () => uo(a),
     [a]
   );
-  ve(() => {
+  we(() => {
     const f = window.location.pathname, d = u.findMatchingKey(f);
     d !== void 0 && (r(new Set(g[d])), s(d));
   }, [window.location.pathname, c]);
-  const S = I(() => {
+  const h = F(() => {
     function f(d, p) {
       var C;
       const m = d.children !== void 0 && d.children.length > 0;
@@ -622,14 +629,14 @@ const Ii = (e) => {
         {
           onMouseEnter: () => {
             o.has(d.key) || t((v) => {
-              const j = new Set(v);
-              return j.add(d.key), j;
+              const _ = new Set(v);
+              return _.add(d.key), _;
             });
           },
           onMouseLeave: () => {
             o.has(d.key) || t((v) => {
-              const j = new Set(v);
-              return j.delete(d.key), j;
+              const _ = new Set(v);
+              return _.delete(d.key), _;
             });
           },
           children: [
@@ -648,7 +655,7 @@ const Ii = (e) => {
                 ml: p === 0 ? void 0 : p === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${p})`,
                 w: "unset",
                 rightSection: m ? /* @__PURE__ */ l.jsx(
-                  zn,
+                  Gn,
                   {
                     size: 12,
                     stroke: 1.5,
@@ -657,9 +664,9 @@ const Ii = (e) => {
                 ) : void 0,
                 opened: n.has(d.key) || o.has(d.key),
                 onClick: (v) => {
-                  v.preventDefault(), r((j) => {
-                    const w = new Set(j);
-                    return j.has(d.key) ? w.delete(d.key) : w.add(d.key), w;
+                  v.preventDefault(), r((_) => {
+                    const R = new Set(_);
+                    return _.has(d.key) ? R.delete(d.key) : R.add(d.key), R;
                   });
                 }
               },
@@ -693,12 +700,12 @@ const Ii = (e) => {
     }
     return a.map((d) => f(d, 0));
   }, [a, i, o, n, e.navigate]);
-  return /* @__PURE__ */ l.jsx(l.Fragment, { children: S });
+  return /* @__PURE__ */ l.jsx(l.Fragment, { children: h });
 };
-class fo extends Qt {
+class fo extends Xt {
   constructor() {
     super(...arguments);
-    G(this, "pathToKey", /* @__PURE__ */ new Map());
+    Q(this, "pathToKey", /* @__PURE__ */ new Map());
   }
   /**
    * Normalizes a URL path by removing trailing slashes
@@ -732,29 +739,29 @@ class fo extends Qt {
   }
 }
 const Fe = ({ value: e }) => /* @__PURE__ */ l.jsx(P, { size: "sm", children: e });
-function Se(e, n) {
+function Ce(e, n) {
   return n.toLocaleDateString(e.baseName, {
     year: "numeric",
     month: "short",
     day: "2-digit"
   });
 }
-function en(e, n, t = !0) {
+function Zt(e, n, t = !0) {
   const o = n.getHours().toString().padStart(2, "0"), r = n.getMinutes().toString().padStart(2, "0"), i = n.getSeconds().toString().padStart(2, "0");
-  return t ? Se(e, n) + ` ${o}:${r}:${i}` : Se(e, n) + ` ${o}:${r}`;
+  return t ? Ce(e, n) + ` ${o}:${r}:${i}` : Ce(e, n) + ` ${o}:${r}`;
 }
 const po = ({ value: e }) => {
-  const n = Y(Z), t = I(
-    () => en(n, e),
+  const n = W(ne), t = F(
+    () => Zt(n, e),
     [n, e]
   );
   return /* @__PURE__ */ l.jsx(P, { size: "sm", children: t });
 }, mo = ({ value: e }) => {
-  const n = Y(Z), t = I(() => Se(n, e), [n, e]);
+  const n = W(ne), t = F(() => Ce(n, e), [n, e]);
   return /* @__PURE__ */ l.jsx(P, { size: "sm", children: t });
-}, Pi = ({ value: e }) => {
-  const n = Y(Z), [t, o] = I(() => {
-    const r = Se(n, e), i = e.getHours().toString().padStart(2, "0"), s = e.getMinutes().toString().padStart(2, "0"), a = e.getSeconds().toString().padStart(2, "0");
+}, ji = ({ value: e }) => {
+  const n = W(ne), [t, o] = F(() => {
+    const r = Ce(n, e), i = e.getHours().toString().padStart(2, "0"), s = e.getMinutes().toString().padStart(2, "0"), a = e.getSeconds().toString().padStart(2, "0");
     return [r, `${i}:${s}:${a}`];
   }, [n, e]);
   return /* @__PURE__ */ l.jsx(P, { size: "sm", title: o, children: t });
@@ -774,27 +781,27 @@ const po = ({ value: e }) => {
     lang: "en"
   }
 }, So = ({ value: e }) => /* @__PURE__ */ l.jsx(
-  le,
+  ue,
   {
     checked: e,
-    label: /* @__PURE__ */ l.jsx(T, { value: ho[e ? "yes" : "no"] }),
+    label: /* @__PURE__ */ l.jsx(N, { value: ho[e ? "yes" : "no"] }),
     readOnly: !0
   }
 ), vo = ({ property: e, value: n }) => {
   const t = e;
-  if (oe(t) || t.enumType === void 0)
+  if (ie(t) || t.enumType === void 0)
     throw new Error(
       "Invalid usage of EnumDisplay. Expect a property of type enum"
     );
-  return /* @__PURE__ */ l.jsx(P, { size: "sm", children: /* @__PURE__ */ l.jsx(T, { value: t.enumType.label[n] }) });
-}, at = Ht({ link: () => null, entityRoutes: {} }), Ei = ({
+  return /* @__PURE__ */ l.jsx(P, { size: "sm", children: /* @__PURE__ */ l.jsx(N, { value: t.enumType.label[n] }) });
+}, at = rt({ link: () => null, entityRoutes: {} }), Fi = ({
   link: e,
   entityRoutes: n,
   children: t
 }) => /* @__PURE__ */ l.jsx(at.Provider, { value: { link: e, entityRoutes: n }, children: t });
-function tn(e, n, t, o) {
+function en(e, n, t, o) {
   const r = e.getByName(n.targetClass), i = o[n.targetClass];
-  ve(() => {
+  we(() => {
     r.fetchByIds(t);
   }, [t]);
   const s = {};
@@ -802,19 +809,19 @@ function tn(e, n, t, o) {
     s[a] = r.get(a);
   return [s, i.view];
 }
-const ut = ne(
+const ut = re(
   ({
     db: e,
     property: n,
     value: t
   }) => {
-    const { link: o, entityRoutes: r } = Y(at), i = I(() => [t], [t]), [s, a] = tn(
+    const { link: o, entityRoutes: r } = W(at), i = F(() => [t], [t]), [s, a] = en(
       e,
       n,
       i,
       r
     ), u = s[t];
-    return u === void 0 ? /* @__PURE__ */ l.jsx(P, { size: "sm", children: t }) : u === null ? /* @__PURE__ */ l.jsx(Jt, {}) : a === void 0 ? /* @__PURE__ */ l.jsx(P, { size: "sm", children: u.name }) : /* @__PURE__ */ l.jsx(
+    return u === void 0 ? /* @__PURE__ */ l.jsx(P, { size: "sm", children: t }) : u === null ? /* @__PURE__ */ l.jsx(Wt, {}) : a === void 0 ? /* @__PURE__ */ l.jsx(P, { size: "sm", children: u.name }) : /* @__PURE__ */ l.jsx(
       o,
       {
         path: a,
@@ -825,21 +832,21 @@ const ut = ne(
       }
     );
   }
-), dt = ne(
+), dt = re(
   ({
     db: e,
     property: n,
     value: t
   }) => {
-    const { link: o, entityRoutes: r } = Y(at), [i, s] = tn(
+    const { link: o, entityRoutes: r } = W(at), [i, s] = en(
       e,
       n,
       t,
       r
     );
-    return /* @__PURE__ */ l.jsx(k, { gap: "xs", children: t.map((a, u) => {
+    return /* @__PURE__ */ l.jsx(L, { gap: "xs", children: t.map((a, u) => {
       const g = i[a];
-      return g === void 0 ? /* @__PURE__ */ l.jsx(P, { size: "sm", children: t }, a) : g === null ? /* @__PURE__ */ l.jsx(Jt, {}, a) : s === void 0 ? /* @__PURE__ */ l.jsx(P, { size: "sm", children: g.name }, u) : /* @__PURE__ */ l.jsx(
+      return g === void 0 ? /* @__PURE__ */ l.jsx(P, { size: "sm", children: t }, a) : g === null ? /* @__PURE__ */ l.jsx(Wt, {}, a) : s === void 0 ? /* @__PURE__ */ l.jsx(P, { size: "sm", children: g.name }, u) : /* @__PURE__ */ l.jsx(
         o,
         {
           path: s,
@@ -852,7 +859,7 @@ const ut = ne(
       );
     }) });
   }
-), ae = {
+), de = {
   string: Fe,
   integer: Fe,
   float: Fe,
@@ -861,40 +868,48 @@ const ut = ne(
   enum: vo,
   datetime: po,
   date: mo
-}, nn = ({
+}, tn = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
-}) => /* @__PURE__ */ l.jsx(
-  le,
-  {
-    id: e.name,
-    checked: n,
-    onChange: (r) => {
-      const i = r.target.checked;
-      t(i);
-    },
-    disabled: o
-  }
-), be = ({
+}) => {
+  const r = z(e.name);
+  return /* @__PURE__ */ l.jsx(
+    ue,
+    {
+      ...r,
+      id: e.name,
+      checked: n,
+      onChange: (i) => {
+        const s = i.target.checked;
+        t(s);
+      },
+      disabled: o
+    }
+  );
+}, De = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
-}) => /* @__PURE__ */ l.jsx(
-  B,
-  {
-    id: e.name,
-    type: "number",
-    value: n,
-    onChange: (r) => {
-      const i = r.target.value;
-      t(i === "" ? void 0 : Number(i));
-    },
-    disabled: o
-  }
-), Co = {
+}) => {
+  const r = z(e.name);
+  return /* @__PURE__ */ l.jsx(
+    K,
+    {
+      ...r,
+      id: e.name,
+      type: "number",
+      value: n,
+      onChange: (i) => {
+        const s = i.target.value;
+        t(s === "" ? void 0 : Number(s));
+      },
+      disabled: o
+    }
+  );
+}, Co = {
   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."
@@ -906,66 +921,66 @@ const ut = ne(
     vi: "Không tìm thấy mã quốc gia hợp lệ. "
   },
   lang: "en"
-}, se = {
+}, ae = {
   84: {
     name: "Vietnam",
-    flags: [V.VN]
+    flags: [T.VN]
   },
   1: {
     name: "US, Canada",
-    flags: [V.US, V.CA]
+    flags: [T.US, T.CA]
   },
   61: {
     name: "Australia",
-    flags: [V.AU]
+    flags: [T.AU]
   },
   81: {
     name: "Japan",
-    flags: [V.JP]
+    flags: [T.JP]
   },
   44: {
     name: "UK",
-    flags: [V.UK]
+    flags: [T.UK]
   },
   33: {
     name: "France",
-    flags: [V.FR]
+    flags: [T.FR]
   },
   49: {
     name: "Germany",
-    flags: [V.DE]
+    flags: [T.DE]
   },
   91: {
     name: "India",
-    flags: [V.IN]
+    flags: [T.IN]
   },
   55: {
     name: "Brazil",
-    flags: [V.BR]
+    flags: [T.BR]
   },
   34: {
     name: "Spain",
-    flags: [V.ES]
+    flags: [T.ES]
   },
   39: {
     name: "Italy",
-    flags: [V.IT]
+    flags: [T.IT]
   },
   64: {
     name: "New Zealand",
-    flags: [V.NZ]
+    flags: [T.NZ]
   },
   52: {
     name: "Mexico",
-    flags: [V.MX]
+    flags: [T.MX]
   },
   86: {
     name: "China",
-    flags: [V.CN]
+    flags: [T.CN]
   },
   855: {
     name: "Cambodia",
-    flags: [V.CAM]
+    flags: [T.CAM]
   }
 }, xo = (e, n) => {
   if (e === "" || e === void 0)
@@ -974,15 +989,15 @@ const ut = ne(
   if (o.match === "")
     throw new Error(`No valid country code found for phone number: ${e}`);
   return o;
-}, Et = ({ value: e }) => {
-  const n = se[e];
+}, $t = ({ value: e }) => {
+  const n = ae[e];
   if (n !== void 0)
-    return /* @__PURE__ */ l.jsxs(k, { gap: "sm", wrap: "nowrap", align: "center", children: [
+    return /* @__PURE__ */ l.jsxs(L, { gap: "sm", wrap: "nowrap", align: "center", children: [
       /* @__PURE__ */ l.jsxs(P, { size: "sm", children: [
         "+",
         e
       ] }),
-      /* @__PURE__ */ l.jsx(k, { gap: 4, wrap: "nowrap", children: n.flags.map((t, o) => /* @__PURE__ */ l.jsx(Xe, { flag: t }, o)) })
+      /* @__PURE__ */ l.jsx(L, { gap: 4, wrap: "nowrap", children: n.flags.map((t, o) => /* @__PURE__ */ l.jsx(Xe, { flag: t }, o)) })
     ] });
 }, Ro = ({
   value: e,
@@ -991,107 +1006,110 @@ const ut = ne(
   id: o,
   disabled: r = !1
 }) => {
-  const [i, s] = M(""), [a, u] = M(!1), [g, c] = M(""), [S, f] = M(!1), d = I(() => {
-    const x = new Qt();
-    return Object.keys(se).forEach((F) => {
-      x.insert(F);
-    }), x;
-  }, [se]), { rawInput: p } = I(() => {
+  const i = z(`${o}_country_code`), s = z(o), [a, u] = M(""), [g, c] = M(!1), [h, f] = M(""), [d, p] = M(!1), m = F(() => {
+    const I = new Xt();
+    return Object.keys(ae).forEach((V) => {
+      I.insert(V);
+    }), I;
+  }, [ae]), { rawInput: C } = F(() => {
     try {
-      const { match: x, remaining: F } = xo(
+      const { match: I, remaining: V } = xo(
         e,
-        d
+        m
       );
-      return c(x), f(!1), {
-        rawInput: F
+      return f(I), p(!1), {
+        rawInput: V
       };
     } catch {
-      return f(!0), c(""), {
+      return p(!0), f(""), {
         rawInput: e
       };
     }
-  }, [e]), m = qt({
+  }, [e]), v = Gt({
     onDropdownClose: () => {
-      m.resetSelectedOption(), s("");
+      v.resetSelectedOption(), u("");
     },
     onDropdownOpen: () => {
-      m.updateSelectedOptionIndex("active");
+      v.updateSelectedOptionIndex("active");
     }
-  }), C = I(() => Object.keys(se), [se]), v = (x, F) => {
-    if (x === void 0)
-      return `+${F}`;
-    const L = x.replace(/[^\d]/g, "");
-    return L.length === 0 ? `+${F}` : L.startsWith("0") ? (u(!0), `+${F}${L}`) : (u(!1), `+${F}${L}`);
-  }, j = I(() => C.filter((x) => se[x].name.toLowerCase().includes(i.toLowerCase()) || x.includes(i)), [i, C]), w = I(() => j.map((x, F) => /* @__PURE__ */ l.jsx(N.Option, { value: x, children: /* @__PURE__ */ l.jsx(Et, { value: x }) }, F)), [j]);
+  }), _ = F(() => Object.keys(ae), [ae]), R = (I, V) => {
+    if (I === void 0)
+      return `+${V}`;
+    const H = I.replace(/[^\d]/g, "");
+    return H.length === 0 ? `+${V}` : H.startsWith("0") ? (c(!0), `+${V}${H}`) : (c(!1), `+${V}${H}`);
+  }, j = F(() => _.filter((I) => ae[I].name.toLowerCase().includes(a.toLowerCase()) || I.includes(a)), [a, _]), A = F(() => j.map((I, V) => /* @__PURE__ */ l.jsx(O.Option, { value: I, children: /* @__PURE__ */ l.jsx($t, { value: I }) }, V)), [j]);
   return /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsx($, { gutter: "xs", children: /* @__PURE__ */ l.jsx($.Col, { children: /* @__PURE__ */ l.jsxs(k, { gap: 5, children: [
+    /* @__PURE__ */ l.jsx($, { gutter: "xs", children: /* @__PURE__ */ l.jsx($.Col, { children: /* @__PURE__ */ l.jsxs(L, { gap: 5, children: [
       /* @__PURE__ */ l.jsxs(
-        N,
+        O,
         {
-          store: m,
+          store: v,
           position: "top-start",
-          onOptionSubmit: (x) => {
-            s(""), m.closeDropdown(), n({
-              target: { value: v(p, x) }
+          onOptionSubmit: (I) => {
+            u(""), v.closeDropdown(), n({
+              target: { value: R(C, I) }
             });
           },
           disabled: r,
           children: [
-            /* @__PURE__ */ l.jsx(N.Target, { children: /* @__PURE__ */ l.jsx(
-              Mn,
+            /* @__PURE__ */ l.jsx(O.Target, { children: /* @__PURE__ */ l.jsx(
+              Dn,
               {
+                ...i,
                 component: "button",
                 type: "button",
                 pointer: !0,
-                rightSection: /* @__PURE__ */ l.jsx(N.Chevron, {}),
-                onClick: () => m.toggleDropdown(),
+                rightSection: /* @__PURE__ */ l.jsx(O.Chevron, {}),
+                onClick: () => v.toggleDropdown(),
                 rightSectionPointerEvents: "none",
                 w: 110,
                 disabled: r,
-                children: /* @__PURE__ */ l.jsx(Et, { value: g })
+                children: /* @__PURE__ */ l.jsx($t, { value: h })
               }
             ) }),
-            /* @__PURE__ */ l.jsxs(N.Dropdown, { children: [
+            /* @__PURE__ */ l.jsxs(O.Dropdown, { children: [
               /* @__PURE__ */ l.jsx(
-                N.Search,
+                O.Search,
                 {
                   leftSection: /* @__PURE__ */ l.jsx(lt, { size: 14, stroke: 1.5 }),
                   placeholder: ".....",
-                  value: i,
-                  onChange: (x) => {
-                    s(x.currentTarget.value);
+                  value: a,
+                  onChange: (I) => {
+                    u(I.currentTarget.value);
                   },
                   disabled: r
                 }
               ),
-              /* @__PURE__ */ l.jsx(N.Options, { children: w.length > 0 ? w : /* @__PURE__ */ l.jsx(N.Empty, { children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: "Nothing found" }) }) })
+              /* @__PURE__ */ l.jsx(O.Options, { children: A.length > 0 ? A : /* @__PURE__ */ l.jsx(O.Empty, { children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: "Nothing found" }) }) })
             ] })
           ]
         }
       ),
-      g === "" ? /* @__PURE__ */ l.jsx(
-        B,
+      h === "" ? /* @__PURE__ */ l.jsx(
+        K,
         {
+          ...s,
           id: o,
-          value: p,
+          value: C,
           type: "phone_number",
-          onChange: (x) => {
-            n({ target: { value: x.target.value } });
+          onChange: (I) => {
+            n({ target: { value: I.target.value } });
           },
           error: t,
           flex: 1,
           disabled: r
         }
       ) : /* @__PURE__ */ l.jsx(
-        B,
+        K,
         {
+          ...s,
           id: o,
-          value: p,
+          value: C,
           type: "phone_number",
-          onAccept: (x) => {
-            const F = x.replace(/[^\d]/g, ""), L = v(F, g);
-            L !== e && n({
-              target: { value: L }
+          onAccept: (I) => {
+            const V = I.replace(/[^\d]/g, ""), H = R(V, h);
+            H !== e && n({
+              target: { value: H }
             });
           },
           component: to,
@@ -1102,23 +1120,24 @@ const ut = ne(
         }
       )
     ] }) }) }),
-    (a || S || t && typeof t == "string") && /* @__PURE__ */ l.jsx($, { gutter: "xs", children: /* @__PURE__ */ l.jsx($.Col, { children: /* @__PURE__ */ l.jsx(B.Error, { children: a ? /* @__PURE__ */ l.jsx(T, { value: Co }) : S ? /* @__PURE__ */ l.jsx(T, { value: wo }) : t }) }) })
+    (g || d || t && typeof t == "string") && /* @__PURE__ */ l.jsx($, { gutter: "xs", children: /* @__PURE__ */ l.jsx($.Col, { children: /* @__PURE__ */ l.jsx(K.Error, { children: g ? /* @__PURE__ */ l.jsx(N, { value: Co }) : d ? /* @__PURE__ */ l.jsx(N, { value: wo }) : t }) }) })
   ] });
-}, me = ({
+}, Se = ({
   property: e,
   error: n,
   value: t,
   onChange: o,
   freeze: r = !1
 }) => {
-  const [i, s] = I(() => e.constraints.includes("password") ? ["password", Bt] : e.constraints.includes("phone_number") ? ["phone_number", Ro] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", B], [e.constraints]);
+  const i = z(e.name), [s, a] = F(() => e.constraints.includes("password") ? ["password", Ht] : e.constraints.includes("phone_number") ? ["phone_number", Ro] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", K], [e.constraints]);
   return /* @__PURE__ */ l.jsx(
-    s,
+    a,
     {
+      ...i,
       id: e.name,
       value: t,
-      type: i,
-      onChange: (a) => o(a.target.value),
+      type: s,
+      onChange: (u) => o(u.target.value),
       error: n,
       disabled: r
     }
@@ -1128,101 +1147,107 @@ const ut = ne(
   value: n,
   onChange: t,
   freeze: o = !1
-}) => /* @__PURE__ */ l.jsx(
-  We,
-  {
-    id: e.tsName,
-    value: n || null,
-    onChange: (r) => {
-      t(
-        r === null ? void 0 : K(r).startOf("day").toDate()
-      );
-    },
-    valueFormat: "YYYY MMM DD",
-    placeholder: "Pick date range",
-    clearable: !0,
-    popoverProps: { withinPortal: !1 },
-    flex: 1,
-    disabled: o
-  }
-), jo = ({
+}) => {
+  const r = z(e.tsName);
+  return /* @__PURE__ */ l.jsx(
+    We,
+    {
+      ...r,
+      id: e.tsName,
+      value: n || null,
+      onChange: (i) => {
+        t(
+          i === null ? void 0 : J(i).startOf("day").toDate()
+        );
+      },
+      valueFormat: "YYYY MMM DD",
+      placeholder: "Pick date range",
+      clearable: !0,
+      popoverProps: { withinPortal: !1 },
+      flex: 1,
+      disabled: o
+    }
+  );
+}, _o = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
 }) => {
-  const r = Y(Z);
-  if (oe(e) || e.enumType === void 0)
+  const r = W(ne), i = z(e.name);
+  if (ie(e) || e.enumType === void 0)
     throw new Error(
       "Invalid usage of EnumInput. Expect a property of type enum"
     );
-  const i = e.enumType, [s, a] = I(() => {
-    const u = {}, g = Object.entries(i.label).map(
-      ([c, S]) => {
-        const f = isNaN(Number(c)) ? c : Number(c);
-        return u[c] = f, {
-          value: c,
-          label: pe(r, S)
+  const s = e.enumType, [a, u] = F(() => {
+    const g = {}, c = Object.entries(s.label).map(
+      ([h, f]) => {
+        const d = isNaN(Number(h)) ? h : Number(h);
+        return g[h] = d, {
+          value: h,
+          label: he(r, f)
         };
       }
     );
-    return [u, g];
-  }, [r, i]);
+    return [g, c];
+  }, [r, s]);
   return /* @__PURE__ */ l.jsx(
     bn,
     {
-      data: a,
+      ...i,
+      data: u,
       value: n === void 0 ? null : String(n),
-      onChange: (u) => {
-        if (u === null) {
+      onChange: (g) => {
+        if (g === null) {
           t(void 0);
           return;
         }
-        t(s[u]);
+        t(a[g]);
       },
       disabled: o,
       allowDeselect: !e.isRequired
     }
   );
-}, _o = {
+}, jo = {
   lang2value: {
     en: "Confirm",
     vi: "Xác Nhận"
   },
   lang: "en"
-}, Fo = new Qn("confirmation.valuesDoNotMatch"), $i = ({ property: e }) => /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-  /* @__PURE__ */ l.jsx(T, { value: _o }),
+}, Fo = new Zn("confirmation.valuesDoNotMatch"), Ii = ({ property: e }) => /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  /* @__PURE__ */ l.jsx(N, { value: jo }),
   " ",
-  /* @__PURE__ */ l.jsx(T, { value: e.label })
-] }), Mi = ({
+  /* @__PURE__ */ l.jsx(N, { value: e.label })
+] }), Pi = ({
   property: e,
   error: n,
   value: t,
   onChange: o,
   freeze: r = !1
 }) => {
-  const [i, s] = M(""), [a, u] = M(!1), [g, c] = I(() => e.constraints.includes("password") ? ["password", Bt] : ["text", B], [e.constraints]), S = I(() => {
-    if (a && i !== t)
+  const i = z(`${e.name}_confirm`), [s, a] = M(""), [u, g] = M(!1), [c, h] = F(() => e.constraints.includes("password") ? ["password", Ht] : ["text", K], [e.constraints]), f = F(() => {
+    if (u && s !== t)
       return Fo.t({ args: { name: e.label } });
-  }, [a, i, t, e.label]), f = n || S;
+  }, [u, s, t, e.label]), d = n || f;
   return /* @__PURE__ */ l.jsx(
-    c,
+    h,
     {
+      ...i,
       id: `${e.name}-confirm`,
-      value: i,
-      type: g,
-      onChange: (d) => {
-        const p = d.target.value;
-        s(p), u(!0), o(p);
+      value: s,
+      type: c,
+      onChange: (p) => {
+        const m = p.target.value;
+        a(m), g(!0), o(m);
       },
-      error: f,
+      error: d,
       disabled: r
     }
   );
 };
 function Io(e, n) {
   const [t, o] = M(""), [r, i] = M([]);
-  return ve(() => {
+  return we(() => {
     e.getByName(n.targetClass).fetch({ limit: 100, offset: 0 }).then((a) => i(a.records));
   }, [n.name]), {
     data: r,
@@ -1239,9 +1264,9 @@ function Io(e, n) {
     table: e.getByName(n.targetClass)
   };
 }
-const Po = (e) => e.name, Eo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", children: e.name }), on = ne(
+const Po = (e) => e.name, Eo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", children: e.name }), nn = re(
   (e) => /* @__PURE__ */ l.jsx("h1", { children: "SingleForeignKey" })
-), rn = ne(
+), on = re(
   ({
     db: e,
     property: n,
@@ -1253,7 +1278,7 @@ const Po = (e) => e.name, Eo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       e,
       n
     );
-    return /* @__PURE__ */ l.jsxs(Q, { gap: "sm", children: [
+    return /* @__PURE__ */ l.jsxs(te, { gap: "sm", children: [
       /* @__PURE__ */ l.jsx(
         $o,
         {
@@ -1292,38 +1317,39 @@ const Po = (e) => e.name, Eo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
   setQuery: s,
   freeze: a = !1
 }) => {
-  const u = qt({
-    onDropdownClose: () => u.resetSelectedOption()
-  }), g = I(() => n.map((c) => (
+  const u = z(e || "search"), g = Gt({
+    onDropdownClose: () => g.resetSelectedOption()
+  }), c = F(() => n.map((h) => (
     // value has to be a string
-    /* @__PURE__ */ l.jsx(N.Option, { value: c.id.toString(), children: o(c) }, c.id)
+    /* @__PURE__ */ l.jsx(O.Option, { value: h.id.toString(), children: o(h) }, h.id)
   )), [n]);
   return /* @__PURE__ */ l.jsxs(
-    N,
+    O,
     {
-      store: u,
-      onOptionSubmit: (c) => {
-        t(r ? parseInt(c) : c), s(""), u.closeDropdown();
+      store: g,
+      onOptionSubmit: (h) => {
+        t(r ? parseInt(h) : h), s(""), g.closeDropdown();
       },
       offset: 0,
       shadow: "sm",
       disabled: a,
       children: [
-        /* @__PURE__ */ l.jsx(N.Target, { children: /* @__PURE__ */ l.jsx(
-          B,
+        /* @__PURE__ */ l.jsx(O.Target, { children: /* @__PURE__ */ l.jsx(
+          K,
           {
+            ...u,
             id: e,
             pointer: !a,
             rightSection: /* @__PURE__ */ l.jsx(lt, { size: 16, stroke: 1.5 }),
             rightSectionPointerEvents: "none",
-            onClick: () => u.toggleDropdown(),
+            onClick: () => g.toggleDropdown(),
             placeholder: "Type to search...",
             value: i,
-            onChange: (c) => s(c.currentTarget.value),
+            onChange: (h) => s(h.currentTarget.value),
             disabled: a
           }
         ) }),
-        /* @__PURE__ */ l.jsx(N.Dropdown, { children: /* @__PURE__ */ l.jsx(N.Options, { children: g.length === 0 ? /* @__PURE__ */ l.jsx(N.Empty, { children: "Nothing found" }) : g }) })
+        /* @__PURE__ */ l.jsx(O.Dropdown, { children: /* @__PURE__ */ l.jsx(O.Options, { children: c.length === 0 ? /* @__PURE__ */ l.jsx(O.Empty, { children: "Nothing found" }) : c }) })
       ]
     }
   );
@@ -1333,119 +1359,129 @@ const Po = (e) => e.name, Eo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
   render: t,
   freeze: o = !1
 }) => {
-  const r = I(() => {
+  const r = F(() => {
     const i = [];
     for (let s = 0; s < e.length; s++) {
       const a = e[s];
       i.push(
-        /* @__PURE__ */ l.jsxs(k, { justify: "space-between", p: "sm", children: [
+        /* @__PURE__ */ l.jsxs(L, { justify: "space-between", p: "sm", children: [
           t(a),
-          !o && /* @__PURE__ */ l.jsx(Dn, { size: "sm", onClick: () => n(a) })
+          !o && /* @__PURE__ */ l.jsx(Vn, { size: "sm", onClick: () => n(a) })
         ] }, s)
-      ), s < e.length - 1 && i.push(/* @__PURE__ */ l.jsx(Vn, {}, `divider-${s}`));
+      ), s < e.length - 1 && i.push(/* @__PURE__ */ l.jsx(Tn, {}, `divider-${s}`));
     }
     return i;
   }, [e, o]);
   if (r.length !== 0)
-    return /* @__PURE__ */ l.jsx(te, { bd: "1px solid #ddd", children: r });
-}, bo = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => /* @__PURE__ */ l.jsxs(z, { gap: "sm", justify: "space-between", direction: "row", align: "center", children: [
-  /* @__PURE__ */ l.jsx(
-    We,
-    {
-      id: e.tsName,
-      value: (n == null ? void 0 : n.start) || null,
-      onChange: (r) => {
-        t({
-          start: r === null ? void 0 : K(r).startOf("day").toDate(),
-          end: n == null ? void 0 : n.end
-        });
-      },
-      valueFormat: "YYYY MMM DD",
-      placeholder: "Pick date range",
-      clearable: !o,
-      disabled: o,
-      popoverProps: { withinPortal: !1 },
-      flex: 1,
-      leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
-    }
-  ),
-  /* @__PURE__ */ l.jsx("span", { style: { flexGrow: 0 }, children: "–" }),
-  /* @__PURE__ */ l.jsx(
-    We,
-    {
-      id: e.tsName,
-      value: (n == null ? void 0 : n.end) || null,
-      onChange: (r) => {
-        t({
-          start: n == null ? void 0 : n.start,
-          end: r === null ? void 0 : K(r).startOf("day").toDate()
-        });
-      },
-      valueFormat: "YYYY MMM DD",
-      placeholder: "Pick date range",
-      clearable: !o,
-      disabled: o,
-      popoverProps: { withinPortal: !1 },
-      flex: 1,
-      leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
-    }
-  )
-] }), Do = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => /* @__PURE__ */ l.jsxs(z, { gap: "sm", justify: "space-between", direction: "row", align: "center", children: [
-  /* @__PURE__ */ l.jsx(
-    yt,
-    {
-      id: e.tsName,
-      value: (n == null ? void 0 : n.start) || null,
-      onChange: (r) => {
-        t({
-          start: r === null ? void 0 : K(r).toDate(),
-          end: n == null ? void 0 : n.end
-        });
-      },
-      valueFormat: "YYYY MMM DD HH:mm",
-      placeholder: "Pick date range",
-      clearable: !o,
-      disabled: o,
-      popoverProps: { withinPortal: !1 },
-      flex: 1,
-      withSeconds: !1,
-      leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
-    }
-  ),
-  /* @__PURE__ */ l.jsx("span", { style: { flexGrow: 0 }, children: "–" }),
-  /* @__PURE__ */ l.jsx(
-    yt,
-    {
-      id: e.tsName,
-      value: (n == null ? void 0 : n.end) || null,
-      onChange: (r) => {
-        t({
-          start: n == null ? void 0 : n.start,
-          end: r === null ? void 0 : K(r).toDate()
-        });
-      },
-      valueFormat: "YYYY MMM DD HH:mm",
-      placeholder: "Pick date range",
-      clearable: !o,
-      disabled: o,
-      popoverProps: { withinPortal: !1 },
-      flex: 1,
-      withSeconds: !1,
-      leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
-    }
-  )
-] }), $t = {
-  integer: be,
-  float: be,
-  string: me,
-  boolean: nn,
-  "string[]": me,
-  enum: jo,
+    return /* @__PURE__ */ l.jsx(oe, { bd: "1px solid #ddd", children: r });
+}, Do = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => {
+  const r = z(`${e.tsName}_start`), i = z(`${e.tsName}_end`);
+  return /* @__PURE__ */ l.jsxs(q, { gap: "sm", justify: "space-between", direction: "row", align: "center", children: [
+    /* @__PURE__ */ l.jsx(
+      We,
+      {
+        ...r,
+        id: e.tsName,
+        value: (n == null ? void 0 : n.start) || null,
+        onChange: (s) => {
+          t({
+            start: s === null ? void 0 : J(s).startOf("day").toDate(),
+            end: n == null ? void 0 : n.end
+          });
+        },
+        valueFormat: "YYYY MMM DD",
+        placeholder: "Pick date range",
+        clearable: !o,
+        disabled: o,
+        popoverProps: { withinPortal: !1 },
+        flex: 1,
+        leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
+      }
+    ),
+    /* @__PURE__ */ l.jsx("span", { style: { flexGrow: 0 }, children: "–" }),
+    /* @__PURE__ */ l.jsx(
+      We,
+      {
+        ...i,
+        id: e.tsName,
+        value: (n == null ? void 0 : n.end) || null,
+        onChange: (s) => {
+          t({
+            start: n == null ? void 0 : n.start,
+            end: s === null ? void 0 : J(s).startOf("day").toDate()
+          });
+        },
+        valueFormat: "YYYY MMM DD",
+        placeholder: "Pick date range",
+        clearable: !o,
+        disabled: o,
+        popoverProps: { withinPortal: !1 },
+        flex: 1,
+        leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
+      }
+    )
+  ] });
+}, bo = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => {
+  const r = z(`${e.tsName}_start`), i = z(`${e.tsName}_end`);
+  return /* @__PURE__ */ l.jsxs(q, { gap: "sm", justify: "space-between", direction: "row", align: "center", children: [
+    /* @__PURE__ */ l.jsx(
+      _t,
+      {
+        ...r,
+        id: e.tsName,
+        value: (n == null ? void 0 : n.start) || null,
+        onChange: (s) => {
+          t({
+            start: s === null ? void 0 : J(s).toDate(),
+            end: n == null ? void 0 : n.end
+          });
+        },
+        valueFormat: "YYYY MMM DD HH:mm",
+        placeholder: "Pick date range",
+        clearable: !o,
+        disabled: o,
+        popoverProps: { withinPortal: !1 },
+        flex: 1,
+        withSeconds: !1,
+        leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
+      }
+    ),
+    /* @__PURE__ */ l.jsx("span", { style: { flexGrow: 0 }, children: "–" }),
+    /* @__PURE__ */ l.jsx(
+      _t,
+      {
+        ...i,
+        id: e.tsName,
+        value: (n == null ? void 0 : n.end) || null,
+        onChange: (s) => {
+          t({
+            start: n == null ? void 0 : n.start,
+            end: s === null ? void 0 : J(s).toDate()
+          });
+        },
+        valueFormat: "YYYY MMM DD HH:mm",
+        placeholder: "Pick date range",
+        clearable: !o,
+        disabled: o,
+        popoverProps: { withinPortal: !1 },
+        flex: 1,
+        withSeconds: !1,
+        leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
+      }
+    )
+  ] });
+}, Mt = {
+  integer: De,
+  float: De,
+  string: Se,
+  boolean: tn,
+  "string[]": Se,
+  enum: _o,
   date: yo
-}, Vo = "_requiredLabelLeft_l5p83_1", To = "_requiredLabelRight_l5p83_11", Mt = {
+}, Vo = "_requiredLabelLeft_l5p83_1", To = "_requiredLabelRight_l5p83_11", Dt = {
   requiredLabelLeft: Vo,
   requiredLabelRight: To
-}, sn = ({
+}, rn = ({
   label: e,
   name: n,
   required: t = !1,
@@ -1453,11 +1489,11 @@ const Po = (e) => e.name, Eo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
   style: r,
   align: i = "left"
 }) => {
-  const s = t ? i === "left" ? Mt.requiredLabelRight : Mt.requiredLabelLeft : "";
-  return /* @__PURE__ */ l.jsx(z, { align: "center", h: 36, children: /* @__PURE__ */ l.jsx("label", { htmlFor: n, style: r, children: /* @__PURE__ */ l.jsxs(k, { gap: 4, children: [
+  const s = t ? i === "left" ? Dt.requiredLabelRight : Dt.requiredLabelLeft : "";
+  return /* @__PURE__ */ l.jsx(q, { align: "center", h: 36, children: /* @__PURE__ */ l.jsx("label", { htmlFor: n, style: r, children: /* @__PURE__ */ l.jsxs(L, { gap: 4, children: [
     /* @__PURE__ */ l.jsx(P, { size: "sm", className: s, children: e }),
-    o !== void 0 && /* @__PURE__ */ l.jsx(Ut, { label: o, withArrow: !0, children: /* @__PURE__ */ l.jsx(
-      Yt,
+    o !== void 0 && /* @__PURE__ */ l.jsx(qt, { label: o, withArrow: !0, children: /* @__PURE__ */ l.jsx(
+      Ut,
       {
         size: 16,
         stroke: 1.5,
@@ -1465,15 +1501,15 @@ const Po = (e) => e.name, Eo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       }
     ) })
   ] }) }) });
-}, Ao = {
+}, No = {
   type: "vertical",
   helpAlwaysVisible: !1
-}, bt = ne(
+}, sn = re(
   ({
     store: e,
     record: n,
     property: t,
-    layout: o = Ao,
+    layout: o = No,
     InputComponent: r,
     freeze: i = !1,
     label: s,
@@ -1483,28 +1519,28 @@ const Po = (e) => e.name, Eo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
     const [g, c] = M(void 0);
     if (u !== void 0 && !u(n))
       return /* @__PURE__ */ l.jsx("div", {});
-    const S = Zt(n, t);
+    const h = Jt(n, t);
     return a === void 0 && (a = (f) => {
       var p;
-      if (Xt(n))
-        Pt(n, t, f);
+      if (Yt(n))
+        Et(n, t, f);
       else {
         const m = n.toDraft();
-        Pt(m, t, f), e.setDraft(m);
+        Et(m, t, f), e.setDraft(m);
       }
       const d = t.validator(f);
       d.isValid ? c(void 0) : c(
         (p = d.errorMessage) == null ? void 0 : p.t({ args: { name: t.label } })
       );
     }), /* @__PURE__ */ l.jsx(
-      No,
+      Ao,
       {
         db: e.db,
         property: t,
         layout: o,
         InputComponent: r,
         freeze: i,
-        value: S,
+        value: h,
         error: g,
         label: s,
         onChange: a
@@ -1512,7 +1548,7 @@ const Po = (e) => e.name, Eo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
     );
   }
 );
-function No({
+function Ao({
   db: e,
   layout: n,
   property: t,
@@ -1523,7 +1559,7 @@ function No({
   label: a,
   onChange: u
 }) {
-  return ko(n) ? /* @__PURE__ */ l.jsxs(Q, { gap: 5, children: [
+  return ko(n) ? /* @__PURE__ */ l.jsxs(te, { gap: 5, children: [
     /* @__PURE__ */ l.jsxs($, { gutter: "sm", children: [
       /* @__PURE__ */ l.jsx(
         $.Col,
@@ -1534,12 +1570,12 @@ function No({
             justifyContent: n.align || "left"
           },
           children: /* @__PURE__ */ l.jsx(
-            sn,
+            rn,
             {
-              label: /* @__PURE__ */ l.jsx(T, { value: t.label }),
+              label: /* @__PURE__ */ l.jsx(N, { value: t.label }),
               name: t.name,
               required: t.isRequired,
-              tooltip: t.description !== void 0 ? /* @__PURE__ */ l.jsx(T, { value: t.description }) : void 0,
+              tooltip: t.description !== void 0 ? /* @__PURE__ */ l.jsx(N, { value: t.description }) : void 0,
               align: n.align
             }
           )
@@ -1559,17 +1595,17 @@ function No({
     ] }),
     s !== void 0 && /* @__PURE__ */ l.jsxs($, { gutter: "sm", children: [
       /* @__PURE__ */ l.jsx($.Col, { span: n.labelCol }),
-      /* @__PURE__ */ l.jsx($.Col, { span: n.itemCol, children: /* @__PURE__ */ l.jsx(B.Error, { children: s }) })
+      /* @__PURE__ */ l.jsx($.Col, { span: n.itemCol, children: /* @__PURE__ */ l.jsx(K.Error, { children: s }) })
     ] })
-  ] }) : (a === void 0 && (a = /* @__PURE__ */ l.jsx(T, { value: t.label })), !n.helpAlwaysVisible && t.description !== void 0 && (a = /* @__PURE__ */ l.jsxs(k, { gap: 4, style: { display: "inline-flex" }, children: [
+  ] }) : (a === void 0 && (a = /* @__PURE__ */ l.jsx(N, { value: t.label })), !n.helpAlwaysVisible && t.description !== void 0 && (a = /* @__PURE__ */ l.jsxs(L, { gap: 4, style: { display: "inline-flex" }, children: [
     a,
     /* @__PURE__ */ l.jsx(
-      Ut,
+      qt,
       {
-        label: /* @__PURE__ */ l.jsx(T, { value: t.description }),
+        label: /* @__PURE__ */ l.jsx(N, { value: t.description }),
         withArrow: !0,
         children: /* @__PURE__ */ l.jsx(
-          Yt,
+          Ut,
           {
             size: 16,
             stroke: 1.5,
@@ -1579,10 +1615,10 @@ function No({
       }
     )
   ] })), /* @__PURE__ */ l.jsx(
-    B.Wrapper,
+    K.Wrapper,
     {
       label: a,
-      description: n.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ l.jsx(T, { value: t.description }) : void 0,
+      description: n.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ l.jsx(N, { value: t.description }) : void 0,
       required: t.isRequired,
       children: /* @__PURE__ */ l.jsx(
         o,
@@ -1601,8 +1637,8 @@ function No({
 function ko(e) {
   return e.type === "horizontal";
 }
-const Dt = 12, bi = (e) => {
-  const n = e.schema, t = I(() => {
+const bt = 12, Ei = (e) => {
+  const n = e.schema, t = F(() => {
     const o = Math.max(
       ...e.fieldGroups.map((r) => Math.max(...r.fields.map((i) => i.length)))
     );
@@ -1620,12 +1656,12 @@ const Dt = 12, bi = (e) => {
     "form",
     {
       onSubmit: e.onSubmit === void 0 ? void 0 : (o) => {
-        o.preventDefault(), e.onSubmit !== void 0 && Xt(e.record) && e.onSubmit(e.record);
+        o.preventDefault(), e.onSubmit !== void 0 && Yt(e.record) && e.onSubmit(e.record);
       },
-      children: /* @__PURE__ */ l.jsxs(Q, { gap: "sm", className: e.className, style: e.styles, children: [
+      children: /* @__PURE__ */ l.jsxs(te, { gap: "sm", className: e.className, style: e.styles, children: [
         t,
-        /* @__PURE__ */ l.jsx(k, { gap: "sm", children: e.actions.map((o, r) => /* @__PURE__ */ l.jsx(
-          H,
+        /* @__PURE__ */ l.jsx(L, { gap: "sm", children: e.actions.map((o, r) => /* @__PURE__ */ l.jsx(
+          B,
           {
             variant: o.variant,
             onClick: () => {
@@ -1641,80 +1677,101 @@ const Dt = 12, bi = (e) => {
   );
 };
 function Lo(e, n, t, o, r, i, s) {
-  var c, S, f, d, p;
   const a = r.fields, u = [];
-  for (let m = 0; m < a.length; m++) {
-    const C = Dt / a[m].length;
-    if (!Number.isInteger(C))
-      throw new Error(`Span must be an integer, but got ${C} for row ${m}`);
-    let v;
-    s !== void 0 && typeof s == "object" && s.type === "horizontal" ? v = {
+  for (let c = 0; c < a.length; c++) {
+    const h = bt / a[c].length;
+    if (!Number.isInteger(h))
+      throw new Error(`Span must be an integer, but got ${h} for row ${c}`);
+    let f;
+    s !== void 0 && typeof s == "object" && s.type === "horizontal" ? f = {
       ...s,
       // the size of labelCol must match the minimum size of labelCol across different groups
       // and rows -- if the result isn't a whole number, we may see unaligned labels
       // but this is okay as users will need to adjust the layout anyway.
       labelCol: Math.floor(
-        s.labelCol * a[m].length / i
+        s.labelCol * a[c].length / i
       ),
-      itemCol: Dt - Math.floor(s.labelCol * a[m].length / i)
-    } : v = s;
-    for (let j = 0; j < a[m].length; j++) {
-      const w = a[m][j];
-      let x;
-      if (typeof w == "function")
-        x = w(n, t);
-      else if (typeof w == "object" && "prop" in w) {
-        const F = w.prop instanceof X ? w.prop : e.allProperties[w.prop];
-        x = /* @__PURE__ */ l.jsx(
-          bt,
-          {
-            store: n,
-            record: t,
-            property: F,
-            layout: v,
-            InputComponent: Vt(
-              F,
-              (c = w.args) == null ? void 0 : c.input
-            ),
-            freeze: ((S = w.args) == null ? void 0 : S.freeze) ?? !1,
-            visible: (f = w.args) == null ? void 0 : f.visible,
-            label: (d = w.args) == null ? void 0 : d.label,
-            onChange: (p = w.args) == null ? void 0 : p.onChange
-          }
-        );
-      } else {
-        const F = w instanceof X ? w : e.allProperties[w];
-        x = /* @__PURE__ */ l.jsx(
-          bt,
+      itemCol: bt - Math.floor(s.labelCol * a[c].length / i)
+    } : f = s;
+    for (let d = 0; d < a[c].length; d++) {
+      const p = a[c][d];
+      let m;
+      if (typeof p == "function")
+        m = p(n, t);
+      else {
+        let C, v = {};
+        typeof p == "object" && "prop" in p ? (C = p.prop instanceof Y ? p.prop : e.allProperties[p.prop], p.args !== void 0 && (v = p.args)) : C = p instanceof Y ? p : e.allProperties[p], m = /* @__PURE__ */ l.jsx(
+          sn,
           {
             store: n,
             record: t,
-            property: F,
-            layout: v,
-            InputComponent: Vt(F),
-            freeze: !1
+            property: C,
+            layout: f,
+            InputComponent: ln(C, v.input),
+            freeze: v.freeze ?? !1,
+            visible: v.visible,
+            label: v.label,
+            onChange: v.onChange
           }
         );
       }
       u.push(
-        /* @__PURE__ */ l.jsx($.Col, { span: C, children: x }, `${m}-${j}`)
+        /* @__PURE__ */ l.jsx($.Col, { span: h, children: m }, `${c}-${d}`)
       );
     }
   }
   const g = /* @__PURE__ */ l.jsx($, { gutter: "sm", children: u }, o);
-  return r.name !== void 0 ? /* @__PURE__ */ l.jsx(Tn, { legend: r.name, children: g }, o) : g;
+  return r.name !== void 0 ? /* @__PURE__ */ l.jsx(Nn, { legend: r.name, children: g }, o) : g;
 }
-function Vt(e, n) {
+function ln(e, n) {
   if (n !== void 0)
     return n;
-  const t = e instanceof X ? e.leafProperty : e;
-  if (oe(t))
-    return t.cardinality === "N:N" || t.cardinality === "1:N" ? rn : on;
-  if ($t[t.datatype] === void 0)
+  const t = e instanceof Y ? e.leafProperty : e;
+  if (ie(t))
+    return t.cardinality === "N:N" || t.cardinality === "1:N" ? on : nn;
+  if (Mt[t.datatype] === void 0)
     throw new Error(
       `No input component found for datatype ${t.datatype}`
     );
-  return $t[t.datatype];
+  return Mt[t.datatype];
+}
+function $i(e, n, t = {}) {
+  return (o, r) => {
+    if (t.visible !== void 0 && !t.visible(r))
+      return /* @__PURE__ */ l.jsx("div", {});
+    const i = n.map((s, a) => {
+      let u;
+      if (typeof s == "function")
+        u = s(o, r);
+      else {
+        let g, c = {};
+        typeof s == "object" && "prop" in s ? (g = s.prop instanceof Y ? s.prop : e.allProperties[s.prop], s.args !== void 0 && (c = s.args)) : g = s instanceof Y ? s : e.allProperties[s], u = /* @__PURE__ */ l.jsx(
+          sn,
+          {
+            store: o,
+            record: r,
+            property: g,
+            layout: t.layout,
+            InputComponent: ln(g, c.input),
+            freeze: c.freeze ?? !1,
+            visible: c.visible,
+            label: c.label,
+            onChange: c.onChange
+          }
+        );
+      }
+      return /* @__PURE__ */ l.jsx("div", { children: u }, a);
+    });
+    return /* @__PURE__ */ l.jsx(
+      L,
+      {
+        gap: t.flexGap,
+        grow: t.flexGrow ?? !0,
+        align: "flex-start",
+        children: i
+      }
+    );
+  };
 }
 /**
    * table-core
@@ -1726,18 +1783,18 @@ function Vt(e, n) {
    *
    * @license MIT
    */
-function W(e, n) {
+function Z(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
-function O(e, n) {
+function G(e, n) {
   return (t) => {
     n.setState((o) => ({
       ...o,
-      [e]: W(t, o[e])
+      [e]: Z(t, o[e])
     }));
   };
 }
-function De(e) {
+function be(e) {
   return e instanceof Function;
 }
 function Oo(e) {
@@ -1753,23 +1810,23 @@ function zo(e, n) {
   };
   return o(e), t;
 }
-function R(e, n, t) {
+function w(e, n, t) {
   let o = [], r;
   return (i) => {
     let s;
     t.key && t.debug && (s = Date.now());
     const a = e(i);
-    if (!(a.length !== o.length || a.some((c, S) => o[S] !== c)))
+    if (!(a.length !== o.length || a.some((c, h) => o[h] !== c)))
       return r;
     o = a;
     let g;
     if (t.key && t.debug && (g = Date.now()), r = n(...a), t == null || t.onChange == null || t.onChange(r), t.key && t.debug && t != null && t.debug()) {
-      const c = Math.round((Date.now() - s) * 100) / 100, S = Math.round((Date.now() - g) * 100) / 100, f = S / 16, d = (p, m) => {
+      const c = Math.round((Date.now() - s) * 100) / 100, h = Math.round((Date.now() - g) * 100) / 100, f = h / 16, d = (p, m) => {
         for (p = String(p); p.length < m; )
           p = " " + p;
         return p;
       };
-      console.info(`%c⏱ ${d(S, 5)} /${d(c, 5)} ms`, `
+      console.info(`%c⏱ ${d(h, 5)} /${d(c, 5)} ms`, `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(0, Math.min(120 - 120 * f, 120))}deg 100% 31%);`, t == null ? void 0 : t.key);
@@ -1777,7 +1834,7 @@ function R(e, n, t) {
     return r;
   };
 }
-function y(e, n, t, o) {
+function x(e, n, t, o) {
   return {
     debug: () => {
       var r;
@@ -1797,14 +1854,14 @@ function Go(e, n, t, o) {
     column: t,
     getValue: () => n.getValue(o),
     renderValue: r,
-    getContext: R(() => [e, t, n, i], (s, a, u, g) => ({
+    getContext: w(() => [e, t, n, i], (s, a, u, g) => ({
       table: s,
       column: a,
       row: u,
       cell: g,
       getValue: g.getValue,
       renderValue: g.renderValue
-    }), y(e.options, "debugCells", "cell.getContext"))
+    }), x(e.options, "debugCells", "cell.getContext"))
   };
   return e._features.forEach((s) => {
     s.createCell == null || s.createCell(i, t, n, e);
@@ -1826,32 +1883,32 @@ function Ho(e, n, t, o) {
     return d;
   } : c = (f) => f[a.accessorKey]), !g)
     throw process.env.NODE_ENV !== "production" ? new Error(a.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header") : new Error();
-  let S = {
+  let h = {
     id: `${String(g)}`,
     accessorFn: c,
     parent: o,
     depth: t,
     columnDef: a,
     columns: [],
-    getFlatColumns: R(() => [!0], () => {
+    getFlatColumns: w(() => [!0], () => {
       var f;
-      return [S, ...(f = S.columns) == null ? void 0 : f.flatMap((d) => d.getFlatColumns())];
-    }, y(e.options, "debugColumns", "column.getFlatColumns")),
-    getLeafColumns: R(() => [e._getOrderColumnsFn()], (f) => {
+      return [h, ...(f = h.columns) == null ? void 0 : f.flatMap((d) => d.getFlatColumns())];
+    }, x(e.options, "debugColumns", "column.getFlatColumns")),
+    getLeafColumns: w(() => [e._getOrderColumnsFn()], (f) => {
       var d;
-      if ((d = S.columns) != null && d.length) {
-        let p = S.columns.flatMap((m) => m.getLeafColumns());
+      if ((d = h.columns) != null && d.length) {
+        let p = h.columns.flatMap((m) => m.getLeafColumns());
         return f(p);
       }
-      return [S];
-    }, y(e.options, "debugColumns", "column.getLeafColumns"))
+      return [h];
+    }, x(e.options, "debugColumns", "column.getLeafColumns"))
   };
   for (const f of e._features)
-    f.createColumn == null || f.createColumn(S, e);
-  return S;
+    f.createColumn == null || f.createColumn(h, e);
+  return h;
 }
-const A = "debugHeaders";
-function Tt(e, n, t) {
+const k = "debugHeaders";
+function Vt(e, n, t) {
   var o;
   let i = {
     id: (o = t.id) != null ? o : n.id,
@@ -1882,31 +1939,31 @@ function Tt(e, n, t) {
 }
 const qo = {
   createTable: (e) => {
-    e.getHeaderGroups = R(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => {
+    e.getHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => {
       var i, s;
-      const a = (i = o == null ? void 0 : o.map((S) => t.find((f) => f.id === S)).filter(Boolean)) != null ? i : [], u = (s = r == null ? void 0 : r.map((S) => t.find((f) => f.id === S)).filter(Boolean)) != null ? s : [], g = t.filter((S) => !(o != null && o.includes(S.id)) && !(r != null && r.includes(S.id)));
+      const a = (i = o == null ? void 0 : o.map((h) => t.find((f) => f.id === h)).filter(Boolean)) != null ? i : [], u = (s = r == null ? void 0 : r.map((h) => t.find((f) => f.id === h)).filter(Boolean)) != null ? s : [], g = t.filter((h) => !(o != null && o.includes(h.id)) && !(r != null && r.includes(h.id)));
       return Ie(n, [...a, ...g, ...u], e);
-    }, y(e.options, A, "getHeaderGroups")), e.getCenterHeaderGroups = R(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => (t = t.filter((i) => !(o != null && o.includes(i.id)) && !(r != null && r.includes(i.id))), Ie(n, t, e, "center")), y(e.options, A, "getCenterHeaderGroups")), e.getLeftHeaderGroups = R(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (n, t, o) => {
+    }, x(e.options, k, "getHeaderGroups")), e.getCenterHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => (t = t.filter((i) => !(o != null && o.includes(i.id)) && !(r != null && r.includes(i.id))), Ie(n, t, e, "center")), x(e.options, k, "getCenterHeaderGroups")), e.getLeftHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (n, t, o) => {
       var r;
       const i = (r = o == null ? void 0 : o.map((s) => t.find((a) => a.id === s)).filter(Boolean)) != null ? r : [];
       return Ie(n, i, e, "left");
-    }, y(e.options, A, "getLeftHeaderGroups")), e.getRightHeaderGroups = R(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (n, t, o) => {
+    }, x(e.options, k, "getLeftHeaderGroups")), e.getRightHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (n, t, o) => {
       var r;
       const i = (r = o == null ? void 0 : o.map((s) => t.find((a) => a.id === s)).filter(Boolean)) != null ? r : [];
       return Ie(n, i, e, "right");
-    }, y(e.options, A, "getRightHeaderGroups")), e.getFooterGroups = R(() => [e.getHeaderGroups()], (n) => [...n].reverse(), y(e.options, A, "getFooterGroups")), e.getLeftFooterGroups = R(() => [e.getLeftHeaderGroups()], (n) => [...n].reverse(), y(e.options, A, "getLeftFooterGroups")), e.getCenterFooterGroups = R(() => [e.getCenterHeaderGroups()], (n) => [...n].reverse(), y(e.options, A, "getCenterFooterGroups")), e.getRightFooterGroups = R(() => [e.getRightHeaderGroups()], (n) => [...n].reverse(), y(e.options, A, "getRightFooterGroups")), e.getFlatHeaders = R(() => [e.getHeaderGroups()], (n) => n.map((t) => t.headers).flat(), y(e.options, A, "getFlatHeaders")), e.getLeftFlatHeaders = R(() => [e.getLeftHeaderGroups()], (n) => n.map((t) => t.headers).flat(), y(e.options, A, "getLeftFlatHeaders")), e.getCenterFlatHeaders = R(() => [e.getCenterHeaderGroups()], (n) => n.map((t) => t.headers).flat(), y(e.options, A, "getCenterFlatHeaders")), e.getRightFlatHeaders = R(() => [e.getRightHeaderGroups()], (n) => n.map((t) => t.headers).flat(), y(e.options, A, "getRightFlatHeaders")), e.getCenterLeafHeaders = R(() => [e.getCenterFlatHeaders()], (n) => n.filter((t) => {
+    }, x(e.options, k, "getRightHeaderGroups")), e.getFooterGroups = w(() => [e.getHeaderGroups()], (n) => [...n].reverse(), x(e.options, k, "getFooterGroups")), e.getLeftFooterGroups = w(() => [e.getLeftHeaderGroups()], (n) => [...n].reverse(), x(e.options, k, "getLeftFooterGroups")), e.getCenterFooterGroups = w(() => [e.getCenterHeaderGroups()], (n) => [...n].reverse(), x(e.options, k, "getCenterFooterGroups")), e.getRightFooterGroups = w(() => [e.getRightHeaderGroups()], (n) => [...n].reverse(), x(e.options, k, "getRightFooterGroups")), e.getFlatHeaders = w(() => [e.getHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, k, "getFlatHeaders")), e.getLeftFlatHeaders = w(() => [e.getLeftHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, k, "getLeftFlatHeaders")), e.getCenterFlatHeaders = w(() => [e.getCenterHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, k, "getCenterFlatHeaders")), e.getRightFlatHeaders = w(() => [e.getRightHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, k, "getRightFlatHeaders")), e.getCenterLeafHeaders = w(() => [e.getCenterFlatHeaders()], (n) => n.filter((t) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
-    }), y(e.options, A, "getCenterLeafHeaders")), e.getLeftLeafHeaders = R(() => [e.getLeftFlatHeaders()], (n) => n.filter((t) => {
+    }), x(e.options, k, "getCenterLeafHeaders")), e.getLeftLeafHeaders = w(() => [e.getLeftFlatHeaders()], (n) => n.filter((t) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
-    }), y(e.options, A, "getLeftLeafHeaders")), e.getRightLeafHeaders = R(() => [e.getRightFlatHeaders()], (n) => n.filter((t) => {
+    }), x(e.options, k, "getLeftLeafHeaders")), e.getRightLeafHeaders = w(() => [e.getRightFlatHeaders()], (n) => n.filter((t) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
-    }), y(e.options, A, "getRightLeafHeaders")), e.getLeafHeaders = R(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (n, t, o) => {
+    }), x(e.options, k, "getRightLeafHeaders")), e.getLeafHeaders = w(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (n, t, o) => {
       var r, i, s, a, u, g;
       return [...(r = (i = n[0]) == null ? void 0 : i.headers) != null ? r : [], ...(s = (a = t[0]) == null ? void 0 : a.headers) != null ? s : [], ...(u = (g = o[0]) == null ? void 0 : g.headers) != null ? u : []].map((c) => c.getLeafHeaders()).flat();
-    }, y(e.options, A, "getLeafHeaders"));
+    }, x(e.options, k, "getLeafHeaders"));
   }
 };
 function Ie(e, n, t, o) {
@@ -1927,43 +1984,43 @@ function Ie(e, n, t, o) {
       headers: []
     }, m = [];
     f.forEach((C) => {
-      const v = [...m].reverse()[0], j = C.column.depth === p.depth;
-      let w, x = !1;
-      if (j && C.column.parent ? w = C.column.parent : (w = C.column, x = !0), v && (v == null ? void 0 : v.column) === w)
+      const v = [...m].reverse()[0], _ = C.column.depth === p.depth;
+      let R, j = !1;
+      if (_ && C.column.parent ? R = C.column.parent : (R = C.column, j = !0), v && (v == null ? void 0 : v.column) === R)
         v.subHeaders.push(C);
       else {
-        const F = Tt(t, w, {
-          id: [o, d, w.id, C == null ? void 0 : C.id].filter(Boolean).join("_"),
-          isPlaceholder: x,
-          placeholderId: x ? `${m.filter((L) => L.column === w).length}` : void 0,
+        const A = Vt(t, R, {
+          id: [o, d, R.id, C == null ? void 0 : C.id].filter(Boolean).join("_"),
+          isPlaceholder: j,
+          placeholderId: j ? `${m.filter((I) => I.column === R).length}` : void 0,
           depth: d,
           index: m.length
         });
-        F.subHeaders.push(C), m.push(F);
+        A.subHeaders.push(C), m.push(A);
       }
       p.headers.push(C), C.headerGroup = p;
     }), u.push(p), d > 0 && g(m, d - 1);
-  }, c = n.map((f, d) => Tt(t, f, {
+  }, c = n.map((f, d) => Vt(t, f, {
     depth: s,
     index: d
   }));
   g(c, s - 1), u.reverse();
-  const S = (f) => f.filter((p) => p.column.getIsVisible()).map((p) => {
+  const h = (f) => f.filter((p) => p.column.getIsVisible()).map((p) => {
     let m = 0, C = 0, v = [0];
-    p.subHeaders && p.subHeaders.length ? (v = [], S(p.subHeaders).forEach((w) => {
+    p.subHeaders && p.subHeaders.length ? (v = [], h(p.subHeaders).forEach((R) => {
       let {
-        colSpan: x,
-        rowSpan: F
-      } = w;
-      m += x, v.push(F);
+        colSpan: j,
+        rowSpan: A
+      } = R;
+      m += j, v.push(A);
     })) : m = 1;
-    const j = Math.min(...v);
-    return C = C + j, p.colSpan = m, p.rowSpan = C, {
+    const _ = Math.min(...v);
+    return C = C + _, p.colSpan = m, p.rowSpan = C, {
       colSpan: m,
       rowSpan: C
     };
   });
-  return S((r = (i = u[0]) == null ? void 0 : i.headers) != null ? r : []), u;
+  return h((r = (i = u[0]) == null ? void 0 : i.headers) != null ? r : []), u;
 }
 const Bo = (e, n, t, o, r, i, s) => {
   let a = {
@@ -2004,8 +2061,8 @@ const Bo = (e, n, t, o, r, i, s) => {
       }
       return u.reverse();
     },
-    getAllCells: R(() => [e.getAllLeafColumns()], (u) => u.map((g) => Go(e, a, g, g.id)), y(e.options, "debugRows", "getAllCells")),
-    _getAllCellsByColumnId: R(() => [a.getAllCells()], (u) => u.reduce((g, c) => (g[c.column.id] = c, g), {}), y(e.options, "debugRows", "getAllCellsByColumnId"))
+    getAllCells: w(() => [e.getAllLeafColumns()], (u) => u.map((g) => Go(e, a, g, g.id)), x(e.options, "debugRows", "getAllCells")),
+    _getAllCellsByColumnId: w(() => [a.getAllCells()], (u) => u.reduce((g, c) => (g[c.column.id] = c, g), {}), x(e.options, "debugRows", "getAllCellsByColumnId"))
   };
   for (let u = 0; u < e._features.length; u++) {
     const g = e._features[u];
@@ -2019,41 +2076,41 @@ const Bo = (e, n, t, o, r, i, s) => {
         return e._getFacetedMinMaxValues();
     };
   }
-}, ln = (e, n, t) => {
+}, an = (e, n, t) => {
   var o, r;
   const i = t == null || (o = t.toString()) == null ? void 0 : o.toLowerCase();
   return !!(!((r = e.getValue(n)) == null || (r = r.toString()) == null || (r = r.toLowerCase()) == null) && r.includes(i));
 };
-ln.autoRemove = (e) => q(e);
-const an = (e, n, t) => {
+an.autoRemove = (e) => U(e);
+const un = (e, n, t) => {
   var o;
   return !!(!((o = e.getValue(n)) == null || (o = o.toString()) == null) && o.includes(t));
 };
-an.autoRemove = (e) => q(e);
-const un = (e, n, t) => {
+un.autoRemove = (e) => U(e);
+const dn = (e, n, t) => {
   var o;
   return ((o = e.getValue(n)) == null || (o = o.toString()) == null ? void 0 : o.toLowerCase()) === (t == null ? void 0 : t.toLowerCase());
 };
-un.autoRemove = (e) => q(e);
-const dn = (e, n, t) => {
+dn.autoRemove = (e) => U(e);
+const gn = (e, n, t) => {
   var o;
   return (o = e.getValue(n)) == null ? void 0 : o.includes(t);
 };
-dn.autoRemove = (e) => q(e);
-const gn = (e, n, t) => !t.some((o) => {
+gn.autoRemove = (e) => U(e);
+const cn = (e, n, t) => !t.some((o) => {
   var r;
   return !((r = e.getValue(n)) != null && r.includes(o));
 });
-gn.autoRemove = (e) => q(e) || !(e != null && e.length);
-const cn = (e, n, t) => t.some((o) => {
+cn.autoRemove = (e) => U(e) || !(e != null && e.length);
+const fn = (e, n, t) => t.some((o) => {
   var r;
   return (r = e.getValue(n)) == null ? void 0 : r.includes(o);
 });
-cn.autoRemove = (e) => q(e) || !(e != null && e.length);
-const fn = (e, n, t) => e.getValue(n) === t;
-fn.autoRemove = (e) => q(e);
-const pn = (e, n, t) => e.getValue(n) == t;
-pn.autoRemove = (e) => q(e);
+fn.autoRemove = (e) => U(e) || !(e != null && e.length);
+const pn = (e, n, t) => e.getValue(n) === t;
+pn.autoRemove = (e) => U(e);
+const mn = (e, n, t) => e.getValue(n) == t;
+mn.autoRemove = (e) => U(e);
 const gt = (e, n, t) => {
   let [o, r] = t;
   const i = e.getValue(n);
@@ -2067,19 +2124,19 @@ gt.resolveFilterValue = (e) => {
   }
   return [i, s];
 };
-gt.autoRemove = (e) => q(e) || q(e[0]) && q(e[1]);
-const U = {
-  includesString: ln,
-  includesStringSensitive: an,
-  equalsString: un,
-  arrIncludes: dn,
-  arrIncludesAll: gn,
-  arrIncludesSome: cn,
-  equals: fn,
-  weakEquals: pn,
+gt.autoRemove = (e) => U(e) || U(e[0]) && U(e[1]);
+const X = {
+  includesString: an,
+  includesStringSensitive: un,
+  equalsString: dn,
+  arrIncludes: gn,
+  arrIncludesAll: cn,
+  arrIncludesSome: fn,
+  equals: pn,
+  weakEquals: mn,
   inNumberRange: gt
 };
-function q(e) {
+function U(e) {
   return e == null || e === "";
 }
 const Ko = {
@@ -2091,19 +2148,19 @@ const Ko = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnFiltersChange: O("columnFilters", e),
+    onColumnFiltersChange: G("columnFilters", e),
     filterFromLeafRows: !1,
     maxLeafRowFilterDepth: 100
   }),
   createColumn: (e, n) => {
     e.getAutoFilterFn = () => {
       const t = n.getCoreRowModel().flatRows[0], o = t == null ? void 0 : t.getValue(e.id);
-      return typeof o == "string" ? U.includesString : typeof o == "number" ? U.inNumberRange : typeof o == "boolean" || o !== null && typeof o == "object" ? U.equals : Array.isArray(o) ? U.arrIncludes : U.weakEquals;
+      return typeof o == "string" ? X.includesString : typeof o == "number" ? X.inNumberRange : typeof o == "boolean" || o !== null && typeof o == "object" ? X.equals : Array.isArray(o) ? X.arrIncludes : X.weakEquals;
     }, e.getFilterFn = () => {
       var t, o;
-      return De(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : (
+      return be(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : (
         // @ts-ignore
-        (t = (o = n.options.filterFns) == null ? void 0 : o[e.columnDef.filterFn]) != null ? t : U[e.columnDef.filterFn]
+        (t = (o = n.options.filterFns) == null ? void 0 : o[e.columnDef.filterFn]) != null ? t : X[e.columnDef.filterFn]
       );
     }, e.getCanFilter = () => {
       var t, o, r;
@@ -2116,8 +2173,8 @@ const Ko = {
       return (t = (o = n.getState().columnFilters) == null ? void 0 : o.findIndex((r) => r.id === e.id)) != null ? t : -1;
     }, e.setFilterValue = (t) => {
       n.setColumnFilters((o) => {
-        const r = e.getFilterFn(), i = o == null ? void 0 : o.find((c) => c.id === e.id), s = W(t, i ? i.value : void 0);
-        if (At(r, s, e)) {
+        const r = e.getFilterFn(), i = o == null ? void 0 : o.find((c) => c.id === e.id), s = Z(t, i ? i.value : void 0);
+        if (Tt(r, s, e)) {
           var a;
           return (a = o == null ? void 0 : o.filter((c) => c.id !== e.id)) != null ? a : [];
         }
@@ -2140,11 +2197,11 @@ const Ko = {
     e.setColumnFilters = (n) => {
       const t = e.getAllLeafColumns(), o = (r) => {
         var i;
-        return (i = W(n, r)) == null ? void 0 : i.filter((s) => {
+        return (i = Z(n, r)) == null ? void 0 : i.filter((s) => {
           const a = t.find((u) => u.id === s.id);
           if (a) {
             const u = a.getFilterFn();
-            if (At(u, s.value, a))
+            if (Tt(u, s.value, a))
               return !1;
           }
           return !0;
@@ -2157,7 +2214,7 @@ const Ko = {
     }, 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 At(e, n, t) {
+function Tt(e, n, t) {
   return (e && e.autoRemove ? e.autoRemove(n, t) : !1) || typeof n > "u" || typeof n == "string" && !n;
 }
 const Yo = (e, n, t) => t.reduce((o, r) => {
@@ -2220,7 +2277,7 @@ const Yo = (e, n, t) => t.reduce((o, r) => {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onGroupingChange: O("grouping", e),
+    onGroupingChange: G("grouping", e),
     groupedColumnMode: "reorder"
   }),
   createColumn: (e, n) => {
@@ -2250,7 +2307,7 @@ const Yo = (e, n, t) => t.reduce((o, r) => {
       var t, o;
       if (!e)
         throw new Error();
-      return De(e.columnDef.aggregationFn) ? e.columnDef.aggregationFn : e.columnDef.aggregationFn === "auto" ? e.getAutoAggregationFn() : (t = (o = n.options.aggregationFns) == null ? void 0 : o[e.columnDef.aggregationFn]) != null ? t : Oe[e.columnDef.aggregationFn];
+      return be(e.columnDef.aggregationFn) ? e.columnDef.aggregationFn : e.columnDef.aggregationFn === "auto" ? e.getAutoAggregationFn() : (t = (o = n.options.aggregationFns) == null ? void 0 : o[e.columnDef.aggregationFn]) != null ? t : Oe[e.columnDef.aggregationFn];
     };
   },
   createTable: (e) => {
@@ -2286,15 +2343,15 @@ const ir = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnOrderChange: O("columnOrder", e)
+    onColumnOrderChange: G("columnOrder", e)
   }),
   createColumn: (e, n) => {
-    e.getIndex = R((t) => [he(n, t)], (t) => t.findIndex((o) => o.id === e.id), y(n.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (t) => {
+    e.getIndex = w((t) => [ve(n, t)], (t) => t.findIndex((o) => o.id === e.id), x(n.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (t) => {
       var o;
-      return ((o = he(n, t)[0]) == null ? void 0 : o.id) === e.id;
+      return ((o = ve(n, t)[0]) == null ? void 0 : o.id) === e.id;
     }, e.getIsLastColumn = (t) => {
       var o;
-      const r = he(n, t);
+      const r = ve(n, t);
       return ((o = r[r.length - 1]) == null ? void 0 : o.id) === e.id;
     };
   },
@@ -2302,7 +2359,7 @@ const ir = {
     e.setColumnOrder = (n) => e.options.onColumnOrderChange == null ? void 0 : e.options.onColumnOrderChange(n), e.resetColumnOrder = (n) => {
       var t;
       e.setColumnOrder(n ? [] : (t = e.initialState.columnOrder) != null ? t : []);
-    }, e._getOrderColumnsFn = R(() => [e.getState().columnOrder, e.getState().grouping, e.options.groupedColumnMode], (n, t, o) => (r) => {
+    }, e._getOrderColumnsFn = w(() => [e.getState().columnOrder, e.getState().grouping, e.options.groupedColumnMode], (n, t, o) => (r) => {
       let i = [];
       if (!(n != null && n.length))
         i = r;
@@ -2315,7 +2372,7 @@ const ir = {
         i = [...i, ...a];
       }
       return rr(i, t, o);
-    }, y(e.options, "debugTable", "_getOrderColumnsFn"));
+    }, x(e.options, "debugTable", "_getOrderColumnsFn"));
   }
 }, ze = () => ({
   left: [],
@@ -2326,7 +2383,7 @@ const ir = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnPinningChange: O("columnPinning", e)
+    onColumnPinningChange: G("columnPinning", e)
   }),
   createColumn: (e, n) => {
     e.pin = (t) => {
@@ -2336,20 +2393,20 @@ const ir = {
         if (t === "right") {
           var a, u;
           return {
-            left: ((a = r == null ? void 0 : r.left) != null ? a : []).filter((S) => !(o != null && o.includes(S))),
-            right: [...((u = r == null ? void 0 : r.right) != null ? u : []).filter((S) => !(o != null && o.includes(S))), ...o]
+            left: ((a = r == null ? void 0 : r.left) != null ? a : []).filter((h) => !(o != null && o.includes(h))),
+            right: [...((u = r == null ? void 0 : r.right) != null ? u : []).filter((h) => !(o != null && o.includes(h))), ...o]
           };
         }
         if (t === "left") {
           var g, c;
           return {
-            left: [...((g = r == null ? void 0 : r.left) != null ? g : []).filter((S) => !(o != null && o.includes(S))), ...o],
-            right: ((c = r == null ? void 0 : r.right) != null ? c : []).filter((S) => !(o != null && o.includes(S)))
+            left: [...((g = r == null ? void 0 : r.left) != null ? g : []).filter((h) => !(o != null && o.includes(h))), ...o],
+            right: ((c = r == null ? void 0 : r.right) != null ? c : []).filter((h) => !(o != null && o.includes(h)))
           };
         }
         return {
-          left: ((i = r == null ? void 0 : r.left) != null ? i : []).filter((S) => !(o != null && o.includes(S))),
-          right: ((s = r == null ? void 0 : r.right) != null ? s : []).filter((S) => !(o != null && o.includes(S)))
+          left: ((i = r == null ? void 0 : r.left) != null ? i : []).filter((h) => !(o != null && o.includes(h))),
+          right: ((s = r == null ? void 0 : r.right) != null ? s : []).filter((h) => !(o != null && o.includes(h)))
         };
       });
     }, e.getCanPin = () => e.getLeafColumns().some((o) => {
@@ -2368,16 +2425,16 @@ const ir = {
     };
   },
   createRow: (e, n) => {
-    e.getCenterVisibleCells = R(() => [e._getAllVisibleCells(), n.getState().columnPinning.left, n.getState().columnPinning.right], (t, o, r) => {
+    e.getCenterVisibleCells = w(() => [e._getAllVisibleCells(), n.getState().columnPinning.left, n.getState().columnPinning.right], (t, o, r) => {
       const i = [...o ?? [], ...r ?? []];
       return t.filter((s) => !i.includes(s.column.id));
-    }, y(n.options, "debugRows", "getCenterVisibleCells")), e.getLeftVisibleCells = R(() => [e._getAllVisibleCells(), n.getState().columnPinning.left], (t, o) => (o ?? []).map((i) => t.find((s) => s.column.id === i)).filter(Boolean).map((i) => ({
+    }, x(n.options, "debugRows", "getCenterVisibleCells")), e.getLeftVisibleCells = w(() => [e._getAllVisibleCells(), n.getState().columnPinning.left], (t, o) => (o ?? []).map((i) => t.find((s) => s.column.id === i)).filter(Boolean).map((i) => ({
       ...i,
       position: "left"
-    })), y(n.options, "debugRows", "getLeftVisibleCells")), e.getRightVisibleCells = R(() => [e._getAllVisibleCells(), n.getState().columnPinning.right], (t, o) => (o ?? []).map((i) => t.find((s) => s.column.id === i)).filter(Boolean).map((i) => ({
+    })), x(n.options, "debugRows", "getLeftVisibleCells")), e.getRightVisibleCells = w(() => [e._getAllVisibleCells(), n.getState().columnPinning.right], (t, o) => (o ?? []).map((i) => t.find((s) => s.column.id === i)).filter(Boolean).map((i) => ({
       ...i,
       position: "right"
-    })), y(n.options, "debugRows", "getRightVisibleCells"));
+    })), x(n.options, "debugRows", "getRightVisibleCells"));
   },
   createTable: (e) => {
     e.setColumnPinning = (n) => e.options.onColumnPinningChange == null ? void 0 : e.options.onColumnPinningChange(n), e.resetColumnPinning = (n) => {
@@ -2391,10 +2448,10 @@ const ir = {
         return !!((r = o.left) != null && r.length || (i = o.right) != null && i.length);
       }
       return !!((t = o[n]) != null && t.length);
-    }, e.getLeftLeafColumns = R(() => [e.getAllLeafColumns(), e.getState().columnPinning.left], (n, t) => (t ?? []).map((o) => n.find((r) => r.id === o)).filter(Boolean), y(e.options, "debugColumns", "getLeftLeafColumns")), e.getRightLeafColumns = R(() => [e.getAllLeafColumns(), e.getState().columnPinning.right], (n, t) => (t ?? []).map((o) => n.find((r) => r.id === o)).filter(Boolean), y(e.options, "debugColumns", "getRightLeafColumns")), e.getCenterLeafColumns = R(() => [e.getAllLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o) => {
+    }, e.getLeftLeafColumns = w(() => [e.getAllLeafColumns(), e.getState().columnPinning.left], (n, t) => (t ?? []).map((o) => n.find((r) => r.id === o)).filter(Boolean), x(e.options, "debugColumns", "getLeftLeafColumns")), e.getRightLeafColumns = w(() => [e.getAllLeafColumns(), e.getState().columnPinning.right], (n, t) => (t ?? []).map((o) => n.find((r) => r.id === o)).filter(Boolean), x(e.options, "debugColumns", "getRightLeafColumns")), e.getCenterLeafColumns = w(() => [e.getAllLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o) => {
       const r = [...t ?? [], ...o ?? []];
       return n.filter((i) => !r.includes(i.id));
-    }, y(e.options, "debugColumns", "getCenterLeafColumns"));
+    }, x(e.options, "debugColumns", "getCenterLeafColumns"));
   }
 };
 function lr(e) {
@@ -2421,15 +2478,15 @@ const Pe = {
   getDefaultOptions: (e) => ({
     columnResizeMode: "onEnd",
     columnResizeDirection: "ltr",
-    onColumnSizingChange: O("columnSizing", e),
-    onColumnSizingInfoChange: O("columnSizingInfo", e)
+    onColumnSizingChange: G("columnSizing", e),
+    onColumnSizingInfoChange: G("columnSizingInfo", e)
   }),
   createColumn: (e, n) => {
     e.getSize = () => {
       var t, o, r;
       const i = n.getState().columnSizing[e.id];
       return Math.min(Math.max((t = e.columnDef.minSize) != null ? t : Pe.minSize, (o = i ?? e.columnDef.size) != null ? o : Pe.size), (r = e.columnDef.maxSize) != null ? r : Pe.maxSize);
-    }, e.getStart = R((t) => [t, he(n, t), n.getState().columnSizing], (t, o) => o.slice(0, e.getIndex(t)).reduce((r, i) => r + i.getSize(), 0), y(n.options, "debugColumns", "getStart")), e.getAfter = R((t) => [t, he(n, t), n.getState().columnSizing], (t, o) => o.slice(e.getIndex(t) + 1).reduce((r, i) => r + i.getSize(), 0), y(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
+    }, e.getStart = w((t) => [t, ve(n, t), n.getState().columnSizing], (t, o) => o.slice(0, e.getIndex(t)).reduce((r, i) => r + i.getSize(), 0), x(n.options, "debugColumns", "getStart")), e.getAfter = w((t) => [t, ve(n, t), n.getState().columnSizing], (t, o) => o.slice(e.getIndex(t) + 1).reduce((r, i) => r + i.getSize(), 0), x(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
       n.setColumnSizing((t) => {
         let {
           [e.id]: o,
@@ -2465,25 +2522,25 @@ const Pe = {
       return (i) => {
         if (!o || !r || (i.persist == null || i.persist(), He(i) && i.touches && i.touches.length > 1))
           return;
-        const s = e.getSize(), a = e ? e.getLeafHeaders().map((v) => [v.column.id, v.column.getSize()]) : [[o.id, o.getSize()]], u = He(i) ? Math.round(i.touches[0].clientX) : i.clientX, g = {}, c = (v, j) => {
-          typeof j == "number" && (n.setColumnSizingInfo((w) => {
-            var x, F;
-            const L = n.options.columnResizeDirection === "rtl" ? -1 : 1, Ce = (j - ((x = w == null ? void 0 : w.startOffset) != null ? x : 0)) * L, we = Math.max(Ce / ((F = w == null ? void 0 : w.startSize) != null ? F : 0), -0.999999);
-            return w.columnSizingStart.forEach((ue) => {
-              let [Ve, xe] = ue;
-              g[Ve] = Math.round(Math.max(xe + xe * we, 0) * 100) / 100;
+        const s = e.getSize(), a = e ? e.getLeafHeaders().map((v) => [v.column.id, v.column.getSize()]) : [[o.id, o.getSize()]], u = He(i) ? Math.round(i.touches[0].clientX) : i.clientX, g = {}, c = (v, _) => {
+          typeof _ == "number" && (n.setColumnSizingInfo((R) => {
+            var j, A;
+            const I = n.options.columnResizeDirection === "rtl" ? -1 : 1, V = (_ - ((j = R == null ? void 0 : R.startOffset) != null ? j : 0)) * I, H = Math.max(V / ((A = R == null ? void 0 : R.startSize) != null ? A : 0), -0.999999);
+            return R.columnSizingStart.forEach((ge) => {
+              let [Ve, xe] = ge;
+              g[Ve] = Math.round(Math.max(xe + xe * H, 0) * 100) / 100;
             }), {
-              ...w,
-              deltaOffset: Ce,
-              deltaPercentage: we
+              ...R,
+              deltaOffset: V,
+              deltaPercentage: H
             };
-          }), (n.options.columnResizeMode === "onChange" || v === "end") && n.setColumnSizing((w) => ({
-            ...w,
+          }), (n.options.columnResizeMode === "onChange" || v === "end") && n.setColumnSizing((R) => ({
+            ...R,
             ...g
           })));
-        }, S = (v) => c("move", v), f = (v) => {
-          c("end", v), n.setColumnSizingInfo((j) => ({
-            ...j,
+        }, h = (v) => c("move", v), f = (v) => {
+          c("end", v), n.setColumnSizingInfo((_) => ({
+            ..._,
             isResizingColumn: !1,
             startOffset: null,
             startSize: null,
@@ -2492,15 +2549,15 @@ const Pe = {
             columnSizingStart: []
           }));
         }, d = lr(t), p = {
-          moveHandler: (v) => S(v.clientX),
+          moveHandler: (v) => h(v.clientX),
           upHandler: (v) => {
             d == null || d.removeEventListener("mousemove", p.moveHandler), d == null || d.removeEventListener("mouseup", p.upHandler), f(v.clientX);
           }
         }, m = {
-          moveHandler: (v) => (v.cancelable && (v.preventDefault(), v.stopPropagation()), S(v.touches[0].clientX), !1),
+          moveHandler: (v) => (v.cancelable && (v.preventDefault(), v.stopPropagation()), h(v.touches[0].clientX), !1),
           upHandler: (v) => {
-            var j;
-            d == null || d.removeEventListener("touchmove", m.moveHandler), d == null || d.removeEventListener("touchend", m.upHandler), v.cancelable && (v.preventDefault(), v.stopPropagation()), f((j = v.touches[0]) == null ? void 0 : j.clientX);
+            var _;
+            d == null || d.removeEventListener("touchmove", m.moveHandler), d == null || d.removeEventListener("touchend", m.upHandler), v.cancelable && (v.preventDefault(), v.stopPropagation()), f((_ = v.touches[0]) == null ? void 0 : _.clientX);
           }
         }, C = ur() ? {
           passive: !1
@@ -2565,7 +2622,7 @@ const dr = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnVisibilityChange: O("columnVisibility", e)
+    onColumnVisibilityChange: G("columnVisibility", e)
   }),
   createColumn: (e, n) => {
     e.toggleVisibility = (t) => {
@@ -2585,10 +2642,10 @@ const dr = {
     };
   },
   createRow: (e, n) => {
-    e._getAllVisibleCells = R(() => [e.getAllCells(), n.getState().columnVisibility], (t) => t.filter((o) => o.column.getIsVisible()), y(n.options, "debugRows", "_getAllVisibleCells")), e.getVisibleCells = R(() => [e.getLeftVisibleCells(), e.getCenterVisibleCells(), e.getRightVisibleCells()], (t, o, r) => [...t, ...o, ...r], y(n.options, "debugRows", "getVisibleCells"));
+    e._getAllVisibleCells = w(() => [e.getAllCells(), n.getState().columnVisibility], (t) => t.filter((o) => o.column.getIsVisible()), x(n.options, "debugRows", "_getAllVisibleCells")), e.getVisibleCells = w(() => [e.getLeftVisibleCells(), e.getCenterVisibleCells(), e.getRightVisibleCells()], (t, o, r) => [...t, ...o, ...r], x(n.options, "debugRows", "getVisibleCells"));
   },
   createTable: (e) => {
-    const n = (t, o) => R(() => [o(), o().filter((r) => r.getIsVisible()).map((r) => r.id).join("_")], (r) => r.filter((i) => i.getIsVisible == null ? void 0 : i.getIsVisible()), y(e.options, "debugColumns", t));
+    const n = (t, o) => w(() => [o(), o().filter((r) => r.getIsVisible()).map((r) => r.id).join("_")], (r) => r.filter((i) => i.getIsVisible == null ? void 0 : i.getIsVisible()), x(e.options, "debugColumns", t));
     e.getVisibleFlatColumns = n("getVisibleFlatColumns", () => e.getAllFlatColumns()), e.getVisibleLeafColumns = n("getVisibleLeafColumns", () => e.getAllLeafColumns()), e.getLeftVisibleLeafColumns = n("getLeftVisibleLeafColumns", () => e.getLeftLeafColumns()), e.getRightVisibleLeafColumns = n("getRightVisibleLeafColumns", () => e.getRightLeafColumns()), e.getCenterVisibleLeafColumns = n("getCenterVisibleLeafColumns", () => e.getCenterLeafColumns()), e.setColumnVisibility = (t) => e.options.onColumnVisibilityChange == null ? void 0 : e.options.onColumnVisibilityChange(t), e.resetColumnVisibility = (t) => {
       var o;
       e.setColumnVisibility(t ? {} : (o = e.initialState.columnVisibility) != null ? o : {});
@@ -2604,7 +2661,7 @@ const dr = {
     };
   }
 };
-function he(e, n) {
+function ve(e, n) {
   return n ? n === "center" ? e.getCenterVisibleLeafColumns() : n === "left" ? e.getLeftVisibleLeafColumns() : e.getRightVisibleLeafColumns() : e.getVisibleLeafColumns();
 }
 const gr = {
@@ -2620,7 +2677,7 @@ const gr = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onGlobalFilterChange: O("globalFilter", e),
+    onGlobalFilterChange: G("globalFilter", e),
     globalFilterFn: "auto",
     getColumnCanGlobalFilter: (n) => {
       var t;
@@ -2635,12 +2692,12 @@ const gr = {
     };
   },
   createTable: (e) => {
-    e.getGlobalAutoFilterFn = () => U.includesString, e.getGlobalFilterFn = () => {
+    e.getGlobalAutoFilterFn = () => X.includesString, e.getGlobalFilterFn = () => {
       var n, t;
       const {
         globalFilterFn: o
       } = e.options;
-      return De(o) ? o : o === "auto" ? e.getGlobalAutoFilterFn() : (n = (t = e.options.filterFns) == null ? void 0 : t[o]) != null ? n : U[o];
+      return be(o) ? o : o === "auto" ? e.getGlobalAutoFilterFn() : (n = (t = e.options.filterFns) == null ? void 0 : t[o]) != null ? n : X[o];
     }, e.setGlobalFilter = (n) => {
       e.options.onGlobalFilterChange == null || e.options.onGlobalFilterChange(n);
     }, e.resetGlobalFilter = (n) => {
@@ -2653,7 +2710,7 @@ const gr = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onExpandedChange: O("expanded", e),
+    onExpandedChange: G("expanded", e),
     paginateExpandedRows: !0
   }),
   createTable: (e) => {
@@ -2746,7 +2803,7 @@ const gr = {
     }
   }),
   getDefaultOptions: (e) => ({
-    onPaginationChange: O("pagination", e)
+    onPaginationChange: G("pagination", e)
   }),
   createTable: (e) => {
     let n = !1, t = !1;
@@ -2765,14 +2822,14 @@ const gr = {
         });
       }
     }, e.setPagination = (o) => {
-      const r = (i) => W(o, i);
+      const r = (i) => Z(o, i);
       return e.options.onPaginationChange == null ? void 0 : e.options.onPaginationChange(r);
     }, e.resetPagination = (o) => {
       var r;
       e.setPagination(o ? qe() : (r = e.initialState.pagination) != null ? r : qe());
     }, e.setPageIndex = (o) => {
       e.setPagination((r) => {
-        let i = W(o, r.pageIndex);
+        let i = Z(o, r.pageIndex);
         const s = typeof e.options.pageCount > "u" || e.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : e.options.pageCount - 1;
         return i = Math.max(0, Math.min(i, s)), {
           ...r,
@@ -2787,7 +2844,7 @@ const gr = {
       e.setPageSize(o ? Ze : (r = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageSize) != null ? r : Ze);
     }, e.setPageSize = (o) => {
       e.setPagination((r) => {
-        const i = Math.max(1, W(o, r.pageSize)), s = r.pageSize * r.pageIndex, a = Math.floor(s / i);
+        const i = Math.max(1, Z(o, r.pageSize)), s = r.pageSize * r.pageIndex, a = Math.floor(s / i);
         return {
           ...r,
           pageIndex: a,
@@ -2796,15 +2853,15 @@ const gr = {
       });
     }, e.setPageCount = (o) => e.setPagination((r) => {
       var i;
-      let s = W(o, (i = e.options.pageCount) != null ? i : -1);
+      let s = Z(o, (i = e.options.pageCount) != null ? i : -1);
       return typeof s == "number" && (s = Math.max(-1, s)), {
         ...r,
         pageCount: s
       };
-    }), e.getPageOptions = R(() => [e.getPageCount()], (o) => {
+    }), e.getPageOptions = w(() => [e.getPageCount()], (o) => {
       let r = [];
       return o && o > 0 && (r = [...new Array(o)].fill(null).map((i, s) => s)), r;
-    }, y(e.options, "debugTable", "getPageOptions")), e.getCanPreviousPage = () => e.getState().pagination.pageIndex > 0, e.getCanNextPage = () => {
+    }, x(e.options, "debugTable", "getPageOptions")), e.getCanPreviousPage = () => e.getState().pagination.pageIndex > 0, e.getCanNextPage = () => {
       const {
         pageIndex: o
       } = e.getState().pagination, r = e.getPageCount();
@@ -2826,7 +2883,7 @@ const gr = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onRowPinningChange: O("rowPinning", e)
+    onRowPinningChange: G("rowPinning", e)
   }),
   createRow: (e, n) => {
     e.pin = (t, o, r) => {
@@ -2844,9 +2901,9 @@ const gr = {
       n.setRowPinning((u) => {
         var g, c;
         if (t === "bottom") {
-          var S, f;
+          var h, f;
           return {
-            top: ((S = u == null ? void 0 : u.top) != null ? S : []).filter((m) => !(a != null && a.has(m))),
+            top: ((h = u == null ? void 0 : u.top) != null ? h : []).filter((m) => !(a != null && a.has(m))),
             bottom: [...((f = u == null ? void 0 : u.bottom) != null ? f : []).filter((m) => !(a != null && a.has(m))), ...Array.from(a)]
           };
         }
@@ -2916,10 +2973,10 @@ const gr = {
         ...s,
         position: o
       }));
-    }, e.getTopRows = R(() => [e.getRowModel().rows, e.getState().rowPinning.top], (n, t) => e._getPinnedRows(n, t, "top"), y(e.options, "debugRows", "getTopRows")), e.getBottomRows = R(() => [e.getRowModel().rows, e.getState().rowPinning.bottom], (n, t) => e._getPinnedRows(n, t, "bottom"), y(e.options, "debugRows", "getBottomRows")), e.getCenterRows = R(() => [e.getRowModel().rows, e.getState().rowPinning.top, e.getState().rowPinning.bottom], (n, t, o) => {
+    }, e.getTopRows = w(() => [e.getRowModel().rows, e.getState().rowPinning.top], (n, t) => e._getPinnedRows(n, t, "top"), x(e.options, "debugRows", "getTopRows")), e.getBottomRows = w(() => [e.getRowModel().rows, e.getState().rowPinning.bottom], (n, t) => e._getPinnedRows(n, t, "bottom"), x(e.options, "debugRows", "getBottomRows")), e.getCenterRows = w(() => [e.getRowModel().rows, e.getState().rowPinning.top, e.getState().rowPinning.bottom], (n, t, o) => {
       const r = /* @__PURE__ */ new Set([...t ?? [], ...o ?? []]);
       return n.filter((i) => !r.has(i.id));
-    }, y(e.options, "debugRows", "getCenterRows"));
+    }, x(e.options, "debugRows", "getCenterRows"));
   }
 }, hr = {
   getInitialState: (e) => ({
@@ -2927,7 +2984,7 @@ const gr = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onRowSelectionChange: O("rowSelection", e),
+    onRowSelectionChange: G("rowSelection", e),
     enableRowSelection: !0,
     enableMultiRowSelection: !0,
     enableSubRowSelection: !0
@@ -2958,19 +3015,19 @@ const gr = {
       return e.getRowModel().rows.forEach((i) => {
         et(r, i.id, o, !0, e);
       }), r;
-    }), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = R(() => [e.getState().rowSelection, e.getCoreRowModel()], (n, t) => Object.keys(n).length ? Ue(e, t) : {
+    }), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = w(() => [e.getState().rowSelection, e.getCoreRowModel()], (n, t) => Object.keys(n).length ? Ue(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, y(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = R(() => [e.getState().rowSelection, e.getFilteredRowModel()], (n, t) => Object.keys(n).length ? Ue(e, t) : {
+    }, x(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = w(() => [e.getState().rowSelection, e.getFilteredRowModel()], (n, t) => Object.keys(n).length ? Ue(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, y(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = R(() => [e.getState().rowSelection, e.getSortedRowModel()], (n, t) => Object.keys(n).length ? Ue(e, t) : {
+    }, x(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = w(() => [e.getState().rowSelection, e.getSortedRowModel()], (n, t) => Object.keys(n).length ? Ue(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, y(e.options, "debugTable", "getGroupedSelectedRowModel")), e.getIsAllRowsSelected = () => {
+    }, x(e.options, "debugTable", "getGroupedSelectedRowModel")), e.getIsAllRowsSelected = () => {
       const n = e.getFilteredRowModel().flatRows, {
         rowSelection: t
       } = e.getState();
@@ -3077,17 +3134,17 @@ function tt(e, n, t) {
     }
   }), r ? "all" : i ? "some" : !1;
 }
-const nt = /([0-9]+)/gm, Sr = (e, n, t) => mn(J(e.getValue(t)).toLowerCase(), J(n.getValue(t)).toLowerCase()), vr = (e, n, t) => mn(J(e.getValue(t)), J(n.getValue(t))), Cr = (e, n, t) => ft(J(e.getValue(t)).toLowerCase(), J(n.getValue(t)).toLowerCase()), wr = (e, n, t) => ft(J(e.getValue(t)), J(n.getValue(t))), xr = (e, n, t) => {
+const nt = /([0-9]+)/gm, Sr = (e, n, t) => hn(ee(e.getValue(t)).toLowerCase(), ee(n.getValue(t)).toLowerCase()), vr = (e, n, t) => hn(ee(e.getValue(t)), ee(n.getValue(t))), Cr = (e, n, t) => ft(ee(e.getValue(t)).toLowerCase(), ee(n.getValue(t)).toLowerCase()), wr = (e, n, t) => ft(ee(e.getValue(t)), ee(n.getValue(t))), xr = (e, n, t) => {
   const o = e.getValue(t), r = n.getValue(t);
   return o > r ? 1 : o < r ? -1 : 0;
 }, Rr = (e, n, t) => ft(e.getValue(t), n.getValue(t));
 function ft(e, n) {
   return e === n ? 0 : e > n ? 1 : -1;
 }
-function J(e) {
+function ee(e) {
   return typeof e == "number" ? isNaN(e) || e === 1 / 0 || e === -1 / 0 ? "" : String(e) : typeof e == "string" ? e : "";
 }
-function mn(e, n) {
+function hn(e, n) {
   const t = e.split(nt).filter(Boolean), o = n.split(nt).filter(Boolean);
   for (; t.length && o.length; ) {
     const r = t.shift(), i = o.shift(), s = parseInt(r, 10), a = parseInt(i, 10), u = [s, a].sort();
@@ -3107,7 +3164,7 @@ function mn(e, n) {
   }
   return t.length - o.length;
 }
-const fe = {
+const me = {
   alphanumeric: Sr,
   alphanumericCaseSensitive: vr,
   text: Cr,
@@ -3124,7 +3181,7 @@ const fe = {
     sortUndefined: 1
   }),
   getDefaultOptions: (e) => ({
-    onSortingChange: O("sorting", e),
+    onSortingChange: G("sorting", e),
     isMultiSortEvent: (n) => n.shiftKey
   }),
   createColumn: (e, n) => {
@@ -3134,11 +3191,11 @@ const fe = {
       for (const r of t) {
         const i = r == null ? void 0 : r.getValue(e.id);
         if (Object.prototype.toString.call(i) === "[object Date]")
-          return fe.datetime;
+          return me.datetime;
         if (typeof i == "string" && (o = !0, i.split(nt).length > 1))
-          return fe.alphanumeric;
+          return me.alphanumeric;
       }
-      return o ? fe.text : fe.basic;
+      return o ? me.text : me.basic;
     }, e.getAutoSortDir = () => {
       const t = n.getFilteredRowModel().flatRows[0];
       return typeof (t == null ? void 0 : t.getValue(e.id)) == "string" ? "asc" : "desc";
@@ -3146,24 +3203,24 @@ const fe = {
       var t, o;
       if (!e)
         throw new Error();
-      return De(e.columnDef.sortingFn) ? e.columnDef.sortingFn : e.columnDef.sortingFn === "auto" ? e.getAutoSortingFn() : (t = (o = n.options.sortingFns) == null ? void 0 : o[e.columnDef.sortingFn]) != null ? t : fe[e.columnDef.sortingFn];
+      return be(e.columnDef.sortingFn) ? e.columnDef.sortingFn : e.columnDef.sortingFn === "auto" ? e.getAutoSortingFn() : (t = (o = n.options.sortingFns) == null ? void 0 : o[e.columnDef.sortingFn]) != null ? t : me[e.columnDef.sortingFn];
     }, e.toggleSorting = (t, o) => {
       const r = e.getNextSortingOrder(), i = typeof t < "u" && t !== null;
       n.setSorting((s) => {
         const a = s == null ? void 0 : s.find((d) => d.id === e.id), u = s == null ? void 0 : s.findIndex((d) => d.id === e.id);
-        let g = [], c, S = i ? t : r === "desc";
+        let g = [], c, h = i ? t : r === "desc";
         if (s != null && s.length && e.getCanMultiSort() && o ? a ? c = "toggle" : c = "add" : s != null && s.length && u !== s.length - 1 ? c = "replace" : a ? c = "toggle" : c = "replace", c === "toggle" && (i || r || (c = "remove")), c === "add") {
           var f;
           g = [...s, {
             id: e.id,
-            desc: S
+            desc: h
           }], g.splice(0, g.length - ((f = n.options.maxMultiSortColCount) != null ? f : Number.MAX_SAFE_INTEGER));
         } else c === "toggle" ? g = s.map((d) => d.id === e.id ? {
           ...d,
-          desc: S
+          desc: h
         } : d) : c === "remove" ? g = s.filter((d) => d.id !== e.id) : g = [{
           id: e.id,
-          desc: S
+          desc: h
         }];
         return g;
       });
@@ -3203,7 +3260,7 @@ const fe = {
       e.setSorting(n ? [] : (t = (o = e.initialState) == null ? void 0 : o.sorting) != null ? t : []);
     }, e.getPreSortedRowModel = () => e.getGroupedRowModel(), e.getSortedRowModel = () => (!e._getSortedRowModel && e.options.getSortedRowModel && (e._getSortedRowModel = e.options.getSortedRowModel(e)), e.options.manualSorting || !e._getSortedRowModel ? e.getPreSortedRowModel() : e._getSortedRowModel());
   }
-}, jr = [
+}, _r = [
   qo,
   dr,
   ir,
@@ -3223,10 +3280,10 @@ const fe = {
   hr,
   ar
 ];
-function _r(e) {
+function jr(e) {
   var n, t;
   process.env.NODE_ENV !== "production" && (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
-  const o = [...jr, ...(n = e._features) != null ? n : []];
+  const o = [..._r, ...(n = e._features) != null ? n : []];
   let r = {
     _features: o
   };
@@ -3244,7 +3301,7 @@ function _r(e) {
   });
   const g = [];
   let c = !1;
-  const S = {
+  const h = {
     _features: o,
     options: {
       ...i,
@@ -3264,7 +3321,7 @@ function _r(e) {
       r.setState(r.initialState);
     },
     setOptions: (f) => {
-      const d = W(f, r.options);
+      const d = Z(f, r.options);
       r.options = s(d);
     },
     getState: () => r.options.state,
@@ -3286,7 +3343,7 @@ function _r(e) {
         throw process.env.NODE_ENV !== "production" ? new Error(`getRow could not find row with ID: ${f}`) : new Error();
       return p;
     },
-    _getDefaultColumnDef: R(() => [r.options.defaultColumn], (f) => {
+    _getDefaultColumnDef: w(() => [r.options.defaultColumn], (f) => {
       var d;
       return f = (d = f) != null ? d : {}, {
         header: (p) => {
@@ -3301,37 +3358,37 @@ function _r(e) {
         ...r._features.reduce((p, m) => Object.assign(p, m.getDefaultColumnDef == null ? void 0 : m.getDefaultColumnDef()), {}),
         ...f
       };
-    }, y(e, "debugColumns", "_getDefaultColumnDef")),
+    }, x(e, "debugColumns", "_getDefaultColumnDef")),
     _getColumnDefs: () => r.options.columns,
-    getAllColumns: R(() => [r._getColumnDefs()], (f) => {
+    getAllColumns: w(() => [r._getColumnDefs()], (f) => {
       const d = function(p, m, C) {
         return C === void 0 && (C = 0), p.map((v) => {
-          const j = Ho(r, v, C, m), w = v;
-          return j.columns = w.columns ? d(w.columns, j, C + 1) : [], j;
+          const _ = Ho(r, v, C, m), R = v;
+          return _.columns = R.columns ? d(R.columns, _, C + 1) : [], _;
         });
       };
       return d(f);
-    }, y(e, "debugColumns", "getAllColumns")),
-    getAllFlatColumns: R(() => [r.getAllColumns()], (f) => f.flatMap((d) => d.getFlatColumns()), y(e, "debugColumns", "getAllFlatColumns")),
-    _getAllFlatColumnsById: R(() => [r.getAllFlatColumns()], (f) => f.reduce((d, p) => (d[p.id] = p, d), {}), y(e, "debugColumns", "getAllFlatColumnsById")),
-    getAllLeafColumns: R(() => [r.getAllColumns(), r._getOrderColumnsFn()], (f, d) => {
+    }, x(e, "debugColumns", "getAllColumns")),
+    getAllFlatColumns: w(() => [r.getAllColumns()], (f) => f.flatMap((d) => d.getFlatColumns()), x(e, "debugColumns", "getAllFlatColumns")),
+    _getAllFlatColumnsById: w(() => [r.getAllFlatColumns()], (f) => f.reduce((d, p) => (d[p.id] = p, d), {}), x(e, "debugColumns", "getAllFlatColumnsById")),
+    getAllLeafColumns: w(() => [r.getAllColumns(), r._getOrderColumnsFn()], (f, d) => {
       let p = f.flatMap((m) => m.getLeafColumns());
       return d(p);
-    }, y(e, "debugColumns", "getAllLeafColumns")),
+    }, x(e, "debugColumns", "getAllLeafColumns")),
     getColumn: (f) => {
       const d = r._getAllFlatColumnsById()[f];
       return process.env.NODE_ENV !== "production" && !d && console.error(`[Table] Column with id '${f}' does not exist.`), d;
     }
   };
-  Object.assign(r, S);
+  Object.assign(r, h);
   for (let f = 0; f < r._features.length; f++) {
     const d = r._features[f];
     d == null || d.createTable == null || d.createTable(r);
   }
   return r;
 }
-function hn() {
-  return (e) => R(() => [e.options.data], (n) => {
+function Sn() {
+  return (e) => w(() => [e.options.data], (n) => {
     const t = {
       rows: [],
       flatRows: [],
@@ -3349,7 +3406,7 @@ function hn() {
       return a;
     };
     return t.rows = o(n), t;
-  }, y(e.options, "debugTable", "getRowModel", () => e._autoResetPageIndex()));
+  }, x(e.options, "debugTable", "getRowModel", () => e._autoResetPageIndex()));
 }
 function Fr(e) {
   const n = [], t = (o) => {
@@ -3363,7 +3420,7 @@ function Fr(e) {
   };
 }
 function Ir(e) {
-  return (n) => R(() => [n.getState().pagination, n.getPrePaginationRowModel(), n.options.paginateExpandedRows ? void 0 : n.getState().expanded], (t, o) => {
+  return (n) => w(() => [n.getState().pagination, n.getPrePaginationRowModel(), n.options.paginateExpandedRows ? void 0 : n.getState().expanded], (t, o) => {
     if (!o.rows.length)
       return o;
     const {
@@ -3377,21 +3434,21 @@ function Ir(e) {
     } = o;
     const g = r * i, c = g + r;
     s = s.slice(g, c);
-    let S;
-    n.options.paginateExpandedRows ? S = {
+    let h;
+    n.options.paginateExpandedRows ? h = {
       rows: s,
       flatRows: a,
       rowsById: u
-    } : S = Fr({
+    } : h = Fr({
       rows: s,
       flatRows: a,
       rowsById: u
-    }), S.flatRows = [];
+    }), h.flatRows = [];
     const f = (d) => {
-      S.flatRows.push(d), d.subRows.length && d.subRows.forEach(f);
+      h.flatRows.push(d), d.subRows.length && d.subRows.forEach(f);
     };
-    return S.rows.forEach(f), S;
-  }, y(n.options, "debugTable", "getPaginationRowModel"));
+    return h.rows.forEach(f), h;
+  }, x(n.options, "debugTable", "getPaginationRowModel"));
 }
 /**
    * react-table
@@ -3418,7 +3475,7 @@ function Er(e) {
 function $r(e) {
   return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
 }
-function Sn(e) {
+function vn(e) {
   const n = {
     state: {},
     // Dummy state
@@ -3428,7 +3485,7 @@ function Sn(e) {
     renderFallbackValue: null,
     ...e
   }, [t] = Ye.useState(() => ({
-    current: _r(n)
+    current: jr(n)
   })), [o, r] = Ye.useState(() => t.current.initialState);
   return t.current.setOptions((i) => ({
     ...i,
@@ -3444,26 +3501,26 @@ function Sn(e) {
     }
   })), t.current;
 }
-const vn = ({
+const Cn = ({
   actions: e,
   reloadData: n,
   selectedRowKeys: t,
   size: o = "xs"
-}) => /* @__PURE__ */ l.jsxs(k, { gap: o, children: [
+}) => /* @__PURE__ */ l.jsxs(L, { gap: o, children: [
   (e == null ? void 0 : e.add) && /* @__PURE__ */ l.jsx(
-    H,
+    B,
     {
       variant: "light",
-      leftSection: /* @__PURE__ */ l.jsx(Gn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Hn, { size: 16, stroke: 1.5 }),
       size: o,
       onClick: e.add,
       children: "Add"
     }
   ),
   (e == null ? void 0 : e.edit) && /* @__PURE__ */ l.jsx(
-    H,
+    B,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Hn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(qn, { size: 16, stroke: 1.5 }),
       size: o,
       variant: "light",
       onClick: () => e.edit !== void 0 && e.edit(t[0]),
@@ -3472,9 +3529,9 @@ const vn = ({
     }
   ),
   (e == null ? void 0 : e.reload) && /* @__PURE__ */ l.jsx(
-    H,
+    B,
     {
-      leftSection: /* @__PURE__ */ l.jsx(qn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Bn, { size: 16, stroke: 1.5 }),
       size: o,
       onClick: n,
       variant: "light",
@@ -3482,9 +3539,9 @@ const vn = ({
     }
   ),
   (e == null ? void 0 : e.import) && /* @__PURE__ */ l.jsx(
-    H,
+    B,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Bn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Un, { size: 16, stroke: 1.5 }),
       size: o,
       variant: "light",
       onClick: e.import,
@@ -3492,38 +3549,38 @@ const vn = ({
     }
   ),
   (e == null ? void 0 : e.export) && /* @__PURE__ */ l.jsx(
-    H,
+    B,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Un, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Kn, { size: 16, stroke: 1.5 }),
       size: o,
       variant: "light",
       onClick: e.export,
       children: "Export"
     }
   )
-] }), Cn = (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), Mr = "__selectcol__", { Thead: br, Tr: Ke, Th: Dr, Tbody: Vr, Td: kt } = Kt, wn = (e) => {
+] }), wn = (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), Mr = "__selectcol__", { Thead: Dr, Tr: Ke, Th: br, Tbody: Vr, Td: At } = Bt, xn = (e) => {
   let n;
-  e.table.getRowCount() === 0 ? n = /* @__PURE__ */ l.jsx(Ke, { children: /* @__PURE__ */ l.jsx(kt, { colSpan: e.table.getVisibleLeafColumns().length, children: /* @__PURE__ */ l.jsxs(Q, { justify: "center", align: "center", gap: "xs", children: [
-    /* @__PURE__ */ l.jsx(Kn, { color: "var(--mantine-color-dimmed)" }),
+  e.table.getRowCount() === 0 ? n = /* @__PURE__ */ l.jsx(Ke, { children: /* @__PURE__ */ l.jsx(At, { colSpan: e.table.getVisibleLeafColumns().length, children: /* @__PURE__ */ l.jsxs(te, { justify: "center", align: "center", gap: "xs", children: [
+    /* @__PURE__ */ l.jsx(Yn, { color: "var(--mantine-color-dimmed)" }),
     /* @__PURE__ */ l.jsx(P, { c: "dimmed", fz: "sm", children: "No records found." })
   ] }) }) }, "empty-row") : n = e.table.getRowModel().rows.map((r) => /* @__PURE__ */ l.jsx(
     Ke,
     {
       bg: e.selectedRowKeys[r.id] ? "var(--mantine-color-blue-light)" : void 0,
-      children: r.getVisibleCells().map((i) => /* @__PURE__ */ l.jsx(kt, { children: Nt(i.column.columnDef.cell, i.getContext()) }, i.id))
+      children: r.getVisibleCells().map((i) => /* @__PURE__ */ l.jsx(At, { children: Nt(i.column.columnDef.cell, i.getContext()) }, i.id))
     },
     r.id
   ));
   const t = /* @__PURE__ */ l.jsxs(
-    Kt,
+    Bt,
     {
       striped: !0,
       highlightOnHover: !0,
       verticalSpacing: "xs",
       tabularNums: !0,
       children: [
-        /* @__PURE__ */ l.jsx(br, { children: e.table.getHeaderGroups().map((r) => /* @__PURE__ */ l.jsx(Ke, { children: r.headers.map((i) => /* @__PURE__ */ l.jsx(
-          Dr,
+        /* @__PURE__ */ l.jsx(Dr, { children: e.table.getHeaderGroups().map((r) => /* @__PURE__ */ l.jsx(Ke, { children: r.headers.map((i) => /* @__PURE__ */ l.jsx(
+          br,
           {
             w: i.id === Mr ? "1%" : void 0,
             children: i.isPlaceholder ? null : Nt(
@@ -3539,10 +3596,10 @@ const vn = ({
   );
   if (!e.bordered) return t;
   const o = {};
-  return e.hasTopSection && (o.borderTopLeftRadius = 0, o.borderTopRightRadius = 0), e.hasBottomSection && (o.borderBottomLeftRadius = 0, o.borderBottomRightRadius = 0), /* @__PURE__ */ l.jsx(te, { withBorder: !0, p: 0, style: o, children: t });
-}, Tr = "_pageSizeSelectorActive_1wv6j_1", Ar = {
+  return e.hasTopSection && (o.borderTopLeftRadius = 0, o.borderTopRightRadius = 0), e.hasBottomSection && (o.borderBottomLeftRadius = 0, o.borderBottomRightRadius = 0), /* @__PURE__ */ l.jsx(oe, { withBorder: !0, p: 0, style: o, children: t });
+}, Tr = "_pageSizeSelectorActive_1wv6j_1", Nr = {
   pageSizeSelectorActive: Tr
-}, xn = ({
+}, Rn = ({
   total: e,
   pageIndex: n,
   pageSize: t,
@@ -3558,11 +3615,11 @@ const vn = ({
       onChange: (s) => r(s - 1, t)
     }
   );
-  return o ? /* @__PURE__ */ l.jsxs(k, { gap: "sm", children: [
+  return o ? /* @__PURE__ */ l.jsxs(L, { gap: "sm", children: [
     /* @__PURE__ */ l.jsxs("div", { children: [
       /* @__PURE__ */ l.jsx(P, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
       /* @__PURE__ */ l.jsx(
-        Nr,
+        Ar,
         {
           size: "sm",
           values: ["10", "20", "50", "100"],
@@ -3575,30 +3632,30 @@ const vn = ({
     ] }),
     i
   ] }) : i;
-}, Lt = {
-  xs: de(22),
-  sm: de(26),
-  md: de(32),
-  lg: de(38),
-  xl: de(44)
+}, kt = {
+  xs: ce(22),
+  sm: ce(26),
+  md: ce(32),
+  lg: ce(38),
+  xl: ce(44)
 };
-function Nr({
+function Ar({
   size: e,
   values: n,
   value: t,
   onChange: o
 }) {
-  return /* @__PURE__ */ l.jsxs(ie, { withinPortal: !0, withArrow: !0, offset: 2, children: [
-    /* @__PURE__ */ l.jsx(Nn, { children: /* @__PURE__ */ l.jsx(
-      H,
+  return /* @__PURE__ */ l.jsxs(le, { withinPortal: !0, withArrow: !0, offset: 2, children: [
+    /* @__PURE__ */ l.jsx(kn, { children: /* @__PURE__ */ l.jsx(
+      B,
       {
         size: e,
         variant: "default",
-        rightSection: /* @__PURE__ */ l.jsx(Yn, { size: 16, stroke: 1.5 }),
+        rightSection: /* @__PURE__ */ l.jsx(Wn, { size: 16, stroke: 1.5 }),
         style: [
           { fontWeight: "normal" },
           (r) => ({
-            height: Lt[e],
+            height: kt[e],
             paddingLeft: r.spacing[e],
             paddingRight: r.spacing[e]
           })
@@ -3611,14 +3668,14 @@ function Nr({
         children: t
       }
     ) }),
-    /* @__PURE__ */ l.jsx(kn, { children: n.map((r) => {
+    /* @__PURE__ */ l.jsx(Ln, { children: n.map((r) => {
       const i = r === t;
       return /* @__PURE__ */ l.jsx(
-        Ln,
+        On,
         {
-          className: i ? Ar.pageSizeSelectorActive : void 0,
+          className: i ? Nr.pageSizeSelectorActive : void 0,
           style: [
-            { height: Lt[e] }
+            { height: kt[e] }
             // isCurrent
             //   ? {
             //       color: "var(--mantine-color-text)",
@@ -3636,35 +3693,35 @@ function Nr({
     }) })
   ] });
 }
-const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
-  var v, j;
+const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Mi = (e) => {
+  var v, _;
   const [n, t] = M({
     records: [],
     total: 0
   }), [o, r] = M(!1), [i, s] = M(
     {}
-  ), a = (w) => {
-    r(!0), e.getData(w).then((x) => {
-      t(x), r(!1);
+  ), a = (R) => {
+    r(!0), e.getData(R).then((j) => {
+      t(j), r(!1);
     });
-  }, u = (w, x) => {
-    const F = {
+  }, u = (R, j) => {
+    const A = {
       ...e.query.query,
-      limit: x,
-      offset: w * x
+      limit: j,
+      offset: R * j
     };
-    e.query.update(F);
-  }, [g, c, S] = I(() => {
-    const w = e.query.query.limit, x = Math.floor(
+    e.query.update(A);
+  }, [g, c, h] = F(() => {
+    const R = e.query.query.limit, j = Math.floor(
       (e.query.query.offset || 0) / e.query.query.limit
-    ), F = Math.ceil(n.total / e.query.query.limit);
-    return [w, x, F];
+    ), A = Math.ceil(n.total / e.query.query.limit);
+    return [R, j, A];
   }, [e.query.query.limit, e.query.query.offset, n.total]);
-  ve(() => (n.total == 0 && a(e.query.query), e.query.subscribe(a)), [e.query]);
-  const f = I(() => Object.keys(i).filter((w) => i[w]).map((w) => e.normalizeRowId(w)), [i]);
+  we(() => (n.total == 0 && a(e.query.query), e.query.subscribe(a)), [e.query]);
+  const f = F(() => Object.keys(i).filter((R) => i[R]).map((R) => e.normalizeRowId(R)), [i]);
   let d, p;
-  Cn(e.actions) && (d = /* @__PURE__ */ l.jsx(
-    vn,
+  wn(e.actions) && (d = /* @__PURE__ */ l.jsx(
+    Cn,
     {
       actions: e.actions,
       reloadData: () => a(e.query.query),
@@ -3673,21 +3730,21 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
   ));
   const m = ((v = e.pagination) == null ? void 0 : v.positions) || kr;
   if (m.size > 0) {
-    const w = /* @__PURE__ */ l.jsx(
-      xn,
+    const R = /* @__PURE__ */ l.jsx(
+      Rn,
       {
-        total: S,
+        total: h,
         pageIndex: c,
         pageSize: g,
         onUpdatePagination: u,
-        allowPageSizeChange: (j = e.pagination) == null ? void 0 : j.showSizeChanger
+        allowPageSizeChange: (_ = e.pagination) == null ? void 0 : _.showSizeChanger
       }
     );
-    m.has("topRight") && (d !== void 0 ? d = /* @__PURE__ */ l.jsxs(k, { justify: "space-between", gap: "sm", children: [
+    m.has("topRight") && (d !== void 0 ? d = /* @__PURE__ */ l.jsxs(L, { justify: "space-between", gap: "sm", children: [
       d,
-      w
-    ] }) : d = /* @__PURE__ */ l.jsx(z, { justify: "flex-end", children: w })), (m.has("bottomRight") || m.has("bottomLeft") || m.has("bottomCenter")) && (m.has("bottomLeft") ? p = /* @__PURE__ */ l.jsxs(z, { justify: "space-between", align: "center", children: [
-      w,
+      R
+    ] }) : d = /* @__PURE__ */ l.jsx(q, { justify: "flex-end", children: R })), (m.has("bottomRight") || m.has("bottomLeft") || m.has("bottomCenter")) && (m.has("bottomLeft") ? p = /* @__PURE__ */ l.jsxs(q, { justify: "space-between", align: "center", children: [
+      R,
       /* @__PURE__ */ l.jsxs(P, { size: "sm", c: "dimmed", children: [
         "Showing ",
         Math.min(c * g + 1, n.total),
@@ -3699,7 +3756,7 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
         " ",
         "records"
       ] })
-    ] }) : p = /* @__PURE__ */ l.jsxs(z, { justify: "space-between", align: "center", children: [
+    ] }) : p = /* @__PURE__ */ l.jsxs(q, { justify: "space-between", align: "center", children: [
       /* @__PURE__ */ l.jsxs(P, { size: "sm", c: "dimmed", children: [
         "Showing ",
         Math.min(c * g + 1, n.total),
@@ -3711,10 +3768,10 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
         " ",
         "records"
       ] }),
-      w
+      R
     ] }));
   }
-  const C = I(() => /* @__PURE__ */ l.jsx(
+  const C = F(() => /* @__PURE__ */ l.jsx(
     Lr,
     {
       data: n,
@@ -3738,7 +3795,7 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
   ]);
   return d === void 0 || p === void 0 ? C : /* @__PURE__ */ l.jsxs("div", { children: [
     d !== void 0 && /* @__PURE__ */ l.jsx(
-      te,
+      oe,
       {
         withBorder: !0,
         p: "xs",
@@ -3752,7 +3809,7 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
     ),
     C,
     p !== void 0 && /* @__PURE__ */ l.jsx(
-      te,
+      oe,
       {
         withBorder: !0,
         p: "xs",
@@ -3766,12 +3823,12 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
     )
   ] });
 }, Lr = (e) => {
-  const n = I(() => {
+  const n = F(() => {
     const o = [
       {
         id: "selection",
         header: ({ table: r }) => /* @__PURE__ */ l.jsx(
-          le,
+          ue,
           {
             checked: r.getIsAllRowsSelected(),
             indeterminate: r.getIsSomeRowsSelected(),
@@ -3779,7 +3836,7 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
           }
         ),
         cell: ({ row: r }) => /* @__PURE__ */ l.jsx(
-          le,
+          ue,
           {
             checked: r.getIsSelected(),
             disabled: !r.getCanSelect(),
@@ -3796,10 +3853,10 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
         cell: ({ row: i }) => r.render(i.original)
       });
     }), o;
-  }, [e.columns]), t = Sn({
+  }, [e.columns]), t = vn({
     data: e.data.records,
     columns: n,
-    getCoreRowModel: hn(),
+    getCoreRowModel: Sn(),
     // convert to string, but we actually can get away with number
     getRowId: (o) => e.getRowId(o).toString(),
     state: {
@@ -3809,7 +3866,7 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
     manualPagination: !0
   });
   return /* @__PURE__ */ l.jsx(
-    wn,
+    xn,
     {
       table: t,
       selectedRowKeys: e.selectedRowKeys,
@@ -3819,7 +3876,7 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
     }
   );
 };
-function Rn(e, n, {
+function yn(e, n, {
   title: t,
   nestedKey: o,
   component: r
@@ -3827,18 +3884,18 @@ function Rn(e, n, {
   let i;
   if (r !== void 0)
     i = r;
-  else if (oe(n))
+  else if (ie(n))
     n.cardinality === "1:N" || n.cardinality === "N:N" ? i = dt : i = ut;
   else {
-    if (ae[n.datatype] === void 0)
+    if (de[n.datatype] === void 0)
       throw new Error(
         `No display component found for datatype ${n.datatype}`
       );
-    i = ae[n.datatype];
+    i = de[n.datatype];
   }
   const s = {
     key: n.name,
-    title: t || /* @__PURE__ */ l.jsx(T, { value: n.label }),
+    title: t || /* @__PURE__ */ l.jsx(N, { value: n.label }),
     accessorFn: (a) => a[n.tsName],
     render: (a) => {
       const u = a[n.tsName];
@@ -3850,7 +3907,7 @@ function Rn(e, n, {
     return /* @__PURE__ */ l.jsx(i, { db: e, property: n, value: u });
   }), s;
 }
-function Vi(e, n, t, {
+function Di(e, n, t, {
   title: o,
   nestedKey: r,
   component: i
@@ -3858,18 +3915,18 @@ function Vi(e, n, t, {
   let s;
   if (i !== void 0)
     s = i;
-  else if (oe(t))
+  else if (ie(t))
     t.cardinality === "1:N" || t.cardinality === "N:N" ? s = dt : s = ut;
   else {
-    if (ae[t.datatype] === void 0)
+    if (de[t.datatype] === void 0)
       throw new Error(
         `No display component found for datatype ${t.datatype}`
       );
-    s = ae[t.datatype];
+    s = de[t.datatype];
   }
   const a = {
     key: n + "." + t.name,
-    title: o || /* @__PURE__ */ l.jsx(T, { value: t.label }),
+    title: o || /* @__PURE__ */ l.jsx(N, { value: t.label }),
     accessorFn: (u) => u[n.tsName][t.tsName],
     render: (u) => {
       const g = u[n.tsName][t.tsName];
@@ -3881,25 +3938,25 @@ function Vi(e, n, t, {
     return /* @__PURE__ */ l.jsx(s, { db: e, property: t, value: g });
   }), a;
 }
-function Ti(e, n, t, o = {}) {
-  return t.map((r) => yn(r) ? r : Rn(e, n.publicProperties[r], o));
+function bi(e, n, t, o = {}) {
+  return t.map((r) => _n(r) ? r : yn(e, n.publicProperties[r], o));
 }
-function Ai(e, n, t = [], o = {}) {
-  return t.map((r) => yn(r) ? r : Rn(e, n.publicProperties[r], o));
+function Vi(e, n, t = [], o = {}) {
+  return t.map((r) => _n(r) ? r : yn(e, n.publicProperties[r], o));
 }
-function yn(e) {
+function _n(e) {
   return typeof e == "object" && "key" in e && "title" in e;
 }
-const Or = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ni = (e) => {
-  var c, S;
+const Or = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ti = (e) => {
+  var c, h;
   const [n, t] = M(
     {}
-  ), o = I(() => {
+  ), o = F(() => {
     const f = [
       {
         id: "selection",
         header: ({ table: d }) => /* @__PURE__ */ l.jsx(
-          le,
+          ue,
           {
             checked: d.getIsAllRowsSelected(),
             indeterminate: d.getIsSomeRowsSelected(),
@@ -3907,7 +3964,7 @@ const Or = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ni = (e) => {
           }
         ),
         cell: ({ row: d }) => /* @__PURE__ */ l.jsx(
-          le,
+          ue,
           {
             checked: d.getIsSelected(),
             disabled: !d.getCanSelect(),
@@ -3924,19 +3981,19 @@ const Or = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ni = (e) => {
         cell: ({ row: p }) => d.render(p.original)
       });
     }), f;
-  }, [e.columns]), r = Sn({
+  }, [e.columns]), r = vn({
     data: e.data,
     columns: o,
-    getCoreRowModel: hn(),
+    getCoreRowModel: Sn(),
     getPaginationRowModel: Ir(),
     state: {
       rowSelection: n
     },
     onRowSelectionChange: t
-  }), i = I(() => Object.keys(n).filter((f) => n[f]).map(Number), [n]);
+  }), i = F(() => Object.keys(n).filter((f) => n[f]).map(Number), [n]);
   let s, a;
-  Cn(e.actions) && (s = /* @__PURE__ */ l.jsx(
-    vn,
+  wn(e.actions) && (s = /* @__PURE__ */ l.jsx(
+    Cn,
     {
       actions: e.actions,
       selectedRowKeys: i
@@ -3945,19 +4002,19 @@ const Or = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ni = (e) => {
   const u = ((c = e.pagination) == null ? void 0 : c.positions) || Or;
   if (u.size > 0) {
     const f = r.getState().pagination, d = /* @__PURE__ */ l.jsx(
-      xn,
+      Rn,
       {
         total: r.getPageCount(),
         pageIndex: f.pageIndex,
         pageSize: f.pageSize,
         onUpdatePagination: (p, m) => r.setPagination({ pageIndex: p, pageSize: m }),
-        allowPageSizeChange: (S = e.pagination) == null ? void 0 : S.showSizeChanger
+        allowPageSizeChange: (h = e.pagination) == null ? void 0 : h.showSizeChanger
       }
     );
-    u.has("topRight") && (s !== void 0 ? s = /* @__PURE__ */ l.jsxs(k, { justify: "space-between", gap: "sm", children: [
+    u.has("topRight") && (s !== void 0 ? s = /* @__PURE__ */ l.jsxs(L, { justify: "space-between", gap: "sm", children: [
       s,
       d
-    ] }) : s = /* @__PURE__ */ l.jsx(z, { justify: "flex-end", children: d })), (u.has("bottomRight") || u.has("bottomLeft") || u.has("bottomCenter")) && (u.has("bottomLeft") ? a = /* @__PURE__ */ l.jsxs(z, { justify: "space-between", align: "center", children: [
+    ] }) : s = /* @__PURE__ */ l.jsx(q, { justify: "flex-end", children: d })), (u.has("bottomRight") || u.has("bottomLeft") || u.has("bottomCenter")) && (u.has("bottomLeft") ? a = /* @__PURE__ */ l.jsxs(q, { justify: "space-between", align: "center", children: [
       d,
       /* @__PURE__ */ l.jsxs(P, { size: "sm", c: "dimmed", children: [
         "Showing ",
@@ -3973,7 +4030,7 @@ const Or = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ni = (e) => {
         e.data.length,
         " records"
       ] })
-    ] }) : a = /* @__PURE__ */ l.jsxs(z, { justify: "space-between", align: "center", children: [
+    ] }) : a = /* @__PURE__ */ l.jsxs(q, { justify: "space-between", align: "center", children: [
       /* @__PURE__ */ l.jsxs(P, { size: "sm", c: "dimmed", children: [
         "Showing ",
         f.pageIndex * f.pageSize + 1,
@@ -3992,7 +4049,7 @@ const Or = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ni = (e) => {
     ] }));
   }
   const g = /* @__PURE__ */ l.jsx(
-    wn,
+    xn,
     {
       selectedRowKeys: n,
       table: r,
@@ -4003,7 +4060,7 @@ const Or = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ni = (e) => {
   );
   return s === void 0 && a === void 0 ? g : /* @__PURE__ */ l.jsxs("div", { children: [
     s !== void 0 && /* @__PURE__ */ l.jsx(
-      te,
+      oe,
       {
         withBorder: !0,
         p: "xs",
@@ -4017,7 +4074,7 @@ const Or = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ni = (e) => {
     ),
     g,
     a !== void 0 && /* @__PURE__ */ l.jsx(
-      te,
+      oe,
       {
         withBorder: !0,
         p: "xs",
@@ -4030,166 +4087,28 @@ const Or = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ni = (e) => {
       }
     )
   ] });
-}, Ot = {
-  integer: be,
-  float: be,
-  string: me,
-  boolean: nn,
-  "string[]": me,
-  enum: me,
-  date: bo,
-  datetime: Do
-}, ee = class ee {
-  /**
-   * Creates a new I18N instance.
-   * @param initialLocale - The initial locale to use
-   * @param initialTranslations - Initial set of translations
-   */
-  constructor(n, t) {
-    /**
-     * The current active locale for the application.
-     * @private
-     */
-    G(this, "locale", new Intl.Locale("en-US"));
-    /**
-     * Store for translation key-value pairs by locale.
-     * @private
-     */
-    G(this, "translations", {});
-    n && (this.locale = new Intl.Locale(n)), t && (this.translations = t);
-  }
-  /**
-   * Gets the singleton instance of the I18NStore.
-   * If it doesn't exist, it initializes it with default values.
-   * @returns The singleton instance of I18NStore
-   */
-  static getInstance() {
-    return ee.instance || (ee.instance = new ee()), ee.instance;
-  }
-  /**
-   * Gets the current locale.
-   * @returns The current locale code
-   */
-  getLocale() {
-    return this.locale;
-  }
-  /**
-   * Sets the active locale.
-   * @param locale - The locale code to set as active
-   */
-  setLocale(n) {
-    this.locale = n;
-  }
-  /**
-   * Registers one or more translations for different languages.
-   * 
-   * @param translations - An object containing translations mapped by language code.
-   *                      The format is { [languageCode: string]: { [key: string]: string } }
-   *                      where each language code points to an object of translation keys and values.
-   * 
-   * @example
-   * // Add translations for English and Spanish
-   * i18n.registerTranslations({
-   *   en: {
-   *     greeting: 'Hello',
-   *     farewell: 'Goodbye'
-   *   },
-   *   es: {
-   *     greeting: 'Hola',
-   *     farewell: 'Adiós'
-   *   }
-   * });
-   */
-  registerTranslations(n) {
-    Object.entries(n).forEach(([t, o]) => {
-      this.translations[t] || (this.translations[t] = {}), Object.entries(o).forEach(([r, i]) => {
-        this.translations[t][r] = i;
-      });
-    });
-  }
-  /**
-   * Translates a key into a localized string with support for pluralization and interpolation.
-   * 
-   * @param key - The translation key to look up
-   * @param options - Configuration options for the translation
-   * @param options.language - Optional language to use instead of the current locale's language
-   * @param options.count - Optional count for pluralization
-   * @param options.ordinal - Whether to use ordinal pluralization rules
-   * @param options.args - Optional arguments for string interpolation
-   * @returns The translated string or undefined if no translation is found
-   * 
-   * @example
-   * // Basic usage
-   * t('greeting'); // => "Hello"
-   * 
-   * @example
-   * // With pluralization
-   * t('item', { count: 1 }); // Uses 'item_one'
-   * t('item', { count: 5 }); // Uses 'item_other'
-   * 
-   * @example
-   * // With interpolation
-   * t('welcome', { args: { name: 'John' } }); // => "Welcome, John!"
-   * 
-   * @example
-   * // With count interpolation
-   * t('count', { count: 5 }); // => "Count: 5"
-   * 
-   * @example
-   * // With ordinal pluralization
-   * t('position', { count: 1, ordinal: true }); // Uses 'position_ordinal_one'
-   */
-  t(n, t = {}) {
-    var i;
-    let o = n;
-    if (t.count !== void 0) {
-      const s = t.count === 1 ? "one" : "other", a = t.ordinal ? `ordinal_${s}` : s;
-      o = `${n}_${a}`;
-    }
-    let r = (i = this.translations[t.language || this.locale.language]) == null ? void 0 : i[o];
-    if (r !== void 0) {
-      if (t.count !== void 0) {
-        const s = new RegExp("{{\\s*count\\s*}}", "g");
-        r = r.replace(s, String(t.count));
-      }
-      return t.args !== void 0 && Object.entries(t.args).forEach(([s, a]) => {
-        const u = new RegExp(`{{\\s*${s}\\s*}}`, "g");
-        let g;
-        zr(a) ? g = a.lang2value[this.locale.language] || a.lang2value[a.lang] : g = a, r = r.replace(u, g);
-      }), r;
-    }
-  }
-};
-/**
- * Singleton instance of the I18NStore.
- * @private
- */
-G(ee, "instance");
-let ot = ee;
-function zr(e) {
-  return typeof e == "object" && e !== null && "lang" in e && "lang2value" in e;
-}
-const Gr = { "validator.not_empty": "This field cannot be empty.", "validator.password": "Password must be between 8 and 32 characters and contain at least one uppercase letter and one number", "validator.email": "Email is invalid", "validator.username": "Username must be between 3 and 20 characters, start with a letter, and contain only alphanumeric characters, hyphens, underscores, or periods", "validator.url": "URL is invalid", "validator.phone_number": "Phone number is invalid", "validator.time_range": "The start time must be before the end time", "confirmation.valuesDoNotMatch": "Values do not match with {{name}}" }, Hr = { "validator.not_empty": "Trường này không được để trống.", "validator.password": "Mật khẩu phải từ 8 đến 32 ký tự và chứa ít nhất một chữ hoa và một số", "validator.email": "Email không hợp lệ", "validator.username": "Tên người dùng phải từ 3 đến 20 ký tự, bắt đầu bằng một chữ cái và chỉ chứa các ký tự chữ và số, dấu gạch ngang, dấu gạch dưới hoặc dấu chấm", "validator.url": "URL không hợp lệ", "validator.phone_number": "Số điện thoại không hợp lệ", "validator.time_range": "Thời gian bắt đầu phải trước thời gian kết thúc", "confirmation.valuesDoNotMatch": "Giá trị không khớp với {{name}}" }, qr = {
-  en: Gr,
-  vi: Hr
-};
-ot.getInstance().registerTranslations(qr);
-function Br(e) {
-  return e === void 0 || typeof e == "string" && e.trim() === "";
-}
-const Ur = {
+}, Lt = {
+  integer: De,
+  float: De,
+  string: Se,
+  boolean: tn,
+  "string[]": Se,
+  enum: Se,
+  date: Do,
+  datetime: bo
+}, zr = {
   lang2value: {
     en: "Update",
     vi: "Cập Nhật"
   },
   lang: "en"
-}, Kr = {
+}, Gr = {
   lang2value: {
     en: "Clear",
     vi: "Xóa"
   },
   lang: "en"
-}, Yr = ({
+}, Hr = ({
   db: e,
   property: n,
   InputComponent: t,
@@ -4199,22 +4118,22 @@ const Ur = {
   onChange: s
 }) => {
   if (t === void 0)
-    if (oe(n)) {
+    if (ie(n)) {
       if (n.isEmbedded)
         throw new Error("You should use nested property for embedded object");
-      t = n.cardinality === "N:N" || n.cardinality === "1:N" ? rn : on;
+      t = n.cardinality === "N:N" || n.cardinality === "1:N" ? on : nn;
     } else {
-      if (Ot[n.datatype] === void 0)
+      if (Lt[n.datatype] === void 0)
         throw new Error(
           `No input component found for datatype ${n.datatype}`
         );
-      t = Ot[n.datatype];
+      t = Lt[n.datatype];
     }
-  const a = I(() => {
+  const a = F(() => {
     var g;
     return r === void 0 || (g = r(i).errorMessage) == null ? void 0 : g.t({ args: { name: n.label } });
   }, [r, i, n.label]);
-  return /* @__PURE__ */ l.jsxs(Q, { gap: 5, children: [
+  return /* @__PURE__ */ l.jsxs(te, { gap: 5, children: [
     /* @__PURE__ */ l.jsxs($, { gutter: "sm", children: [
       /* @__PURE__ */ l.jsx(
         $.Col,
@@ -4225,12 +4144,12 @@ const Ur = {
             justifyContent: o.align || "left"
           },
           children: /* @__PURE__ */ l.jsx(
-            sn,
+            rn,
             {
-              label: /* @__PURE__ */ l.jsx(T, { value: n.label }),
+              label: /* @__PURE__ */ l.jsx(N, { value: n.label }),
               name: n.name,
               required: n.isRequired,
-              tooltip: n.description !== void 0 ? /* @__PURE__ */ l.jsx(T, { value: n.description }) : void 0,
+              tooltip: n.description !== void 0 ? /* @__PURE__ */ l.jsx(N, { value: n.description }) : void 0,
               align: o.align
             }
           )
@@ -4248,34 +4167,34 @@ const Ur = {
     ] }),
     a !== void 0 && /* @__PURE__ */ l.jsxs($, { gutter: "sm", children: [
       /* @__PURE__ */ l.jsx($.Col, { span: o.labelCol }),
-      /* @__PURE__ */ l.jsx($.Col, { span: o.itemCol, children: /* @__PURE__ */ l.jsx(B.Error, { children: a }) })
+      /* @__PURE__ */ l.jsx($.Col, { span: o.itemCol, children: /* @__PURE__ */ l.jsx(K.Error, { children: a }) })
     ] })
   ] });
 };
-function Wr({
+function qr({
   properties: e,
   queryConditions: n
 }) {
   return e.reduce((t, o) => n[o.property.tsName] === void 0 ? t : t + 1, 0);
 }
-const Xr = (e, n) => en(e, n, !1);
-function Jr({
+const Br = (e, n) => Zt(e, n, !1);
+function Ur({
   properties: e,
   queryConditions: n
 }) {
-  const t = Zn.getInstance().getLocale(), o = [];
+  const t = eo.getInstance().getLocale(), o = [];
   for (const r of e) {
     const i = n[r.property.tsName];
     if (i !== void 0)
       if (o.length > 0 && o.push(" & "), r.property.datatype === "date" || r.property.datatype === "datetime") {
-        const s = r.property.datatype === "date" ? Se : Xr;
-        i.op === "bti" ? (o.push(s(t, K(i.value[0]).toDate())), o.push(" ≤ "), o.push(pe(t, r.property.label)), o.push(" ≤ "), o.push(s(t, K(i.value[1]).toDate()))) : i.op === "gte" ? (o.push(pe(t, r.property.label)), o.push(" ≥ "), o.push(s(t, K(i.value).toDate()))) : i.op === "lte" && (o.push(pe(t, r.property.label)), o.push(" ≤ "), o.push(s(t, K(i.value).toDate())));
+        const s = r.property.datatype === "date" ? Ce : Br;
+        i.op === "bti" ? (o.push(s(t, J(i.value[0]).toDate())), o.push(" ≤ "), o.push(he(t, r.property.label)), o.push(" ≤ "), o.push(s(t, J(i.value[1]).toDate()))) : i.op === "gte" ? (o.push(he(t, r.property.label)), o.push(" ≥ "), o.push(s(t, J(i.value).toDate()))) : i.op === "lte" && (o.push(he(t, r.property.label)), o.push(" ≤ "), o.push(s(t, J(i.value).toDate())));
       } else
-        o.push(pe(t, r.property.label)), i.op === "eq" ? o.push(" = ") : o.push(` ${i.op} `), o.push(i.value.toString());
+        o.push(he(t, r.property.label)), i.op === "eq" ? o.push(" = ") : o.push(` ${i.op} `), o.push(i.value.toString());
   }
   return o.join("");
 }
-const Qr = ({
+const Kr = ({
   db: e,
   properties: n,
   styles: t,
@@ -4285,7 +4204,7 @@ const Qr = ({
   queryConditions: s
 }) => {
   const [a, u] = M({});
-  ve(() => {
+  we(() => {
     const p = {};
     for (const m of n) {
       const C = s[m.property.tsName];
@@ -4302,29 +4221,29 @@ const Qr = ({
     }
     u(p);
   }, [n, s]);
-  const [g, c, S] = I(() => {
+  const [g, c, h] = F(() => {
     const p = [], m = {}, C = {};
     for (const v of n) {
-      let j, w = (x) => {
-        if (!Br(x))
-          return { op: "eq", value: x };
+      let _, R = (j) => {
+        if (!yt.isEmpty(j))
+          return { op: "eq", value: j };
       };
-      (v.property.datatype === "date" || v.property.datatype === "datetime") && (j = eo.validateTimeRange, w = (x) => x.start !== void 0 && x.end !== void 0 ? {
+      (v.property.datatype === "date" || v.property.datatype === "datetime") && (_ = yt.validateTimeRange, R = (j) => j.start !== void 0 && j.end !== void 0 ? {
         op: "bti",
-        value: [x.start.toISOString(), x.end.toISOString()]
-      } : x.start !== void 0 ? { op: "gte", value: x.start.toISOString() } : x.end !== void 0 ? { op: "lte", value: x.end.toISOString() } : void 0), m[v.property.tsName] = w, C[v.property.tsName] = j, p.push(
+        value: [j.start.toISOString(), j.end.toISOString()]
+      } : j.start !== void 0 ? { op: "gte", value: j.start.toISOString() } : j.end !== void 0 ? { op: "lte", value: j.end.toISOString() } : void 0), m[v.property.tsName] = R, C[v.property.tsName] = _, p.push(
         /* @__PURE__ */ l.jsx(
-          Yr,
+          Hr,
           {
             db: e,
             property: v.property,
             InputComponent: v.InputComponent,
             value: a[v.property.tsName],
-            onChange: (x) => {
-              u({ ...a, [v.property.tsName]: x });
+            onChange: (j) => {
+              u({ ...a, [v.property.tsName]: j });
             },
             layout: r,
-            validator: j
+            validator: _
           },
           v.property.name
         )
@@ -4339,19 +4258,19 @@ const Qr = ({
       v !== void 0 && (m[C.property.tsName] = v);
     }
     i(m);
-  }, d = I(() => (p) => {
+  }, d = F(() => (p) => {
     for (const m of n) {
-      const C = S[m.property.tsName];
+      const C = h[m.property.tsName];
       if (C !== void 0 && !C(p[m.property.tsName]).isValid)
         return !1;
     }
     return !0;
-  }, [n, S]);
-  return /* @__PURE__ */ l.jsxs(Q, { gap: "sm", className: o, style: t, children: [
+  }, [n, h]);
+  return /* @__PURE__ */ l.jsxs(te, { gap: "sm", className: o, style: t, children: [
     g,
-    /* @__PURE__ */ l.jsxs(k, { gap: "sm", justify: "flex-end", children: [
+    /* @__PURE__ */ l.jsxs(L, { gap: "sm", justify: "flex-end", children: [
       /* @__PURE__ */ l.jsx(
-        H,
+        B,
         {
           variant: "light",
           size: "xs",
@@ -4360,28 +4279,28 @@ const Qr = ({
             u({}), f({});
           },
           disabled: Object.keys(a).length === 0,
-          children: /* @__PURE__ */ l.jsx(T, { value: Kr })
+          children: /* @__PURE__ */ l.jsx(N, { value: Gr })
         }
       ),
       /* @__PURE__ */ l.jsx(
-        H,
+        B,
         {
           variant: "light",
           size: "xs",
           onClick: () => f(a),
           disabled: !d(a),
-          children: /* @__PURE__ */ l.jsx(T, { value: Ur })
+          children: /* @__PURE__ */ l.jsx(N, { value: zr })
         }
       )
     ] })
   ] });
-}, zt = /* @__PURE__ */ l.jsx(Jn, { size: 16, stroke: 1.5 }), Gt = /* @__PURE__ */ l.jsx(lt, { size: 16, stroke: 1.5 }), Zr = {
+}, Ot = /* @__PURE__ */ l.jsx(Qn, { size: 16, stroke: 1.5 }), zt = /* @__PURE__ */ l.jsx(lt, { size: 16, stroke: 1.5 }), Yr = {
   lang2value: {
     en: "Search By",
     vi: "Tìm Kiếm Theo"
   },
   lang: "en"
-}, ki = ({
+}, Ni = ({
   query: e,
   onChange: n,
   debounceTime: t = 250,
@@ -4389,16 +4308,16 @@ const Qr = ({
   searchField: r,
   advancedSearch: i
 }) => {
-  const s = Y(Z), [a, u] = M(e), [g, c] = M(!1), [S, f] = M([!1, Date.now()]), d = I(() => no(
+  const s = W(ne), [a, u] = M(e), [g, c] = M(!1), [h, f] = M([!1, Date.now()]), d = F(() => no(
     t,
     (v) => {
       c(!1), n(v);
     },
     { atBegin: !1 }
-  ), [t, n]), p = I(() => (v) => {
+  ), [t, n]), p = F(() => (v) => {
     u(v.target.value), c(!0), d(v.target.value);
   }, [u, c, d]);
-  o === void 0 && r !== void 0 && (o = Zr);
+  o === void 0 && r !== void 0 && (o = Yr);
   let m = "";
   if (o !== void 0 && (m = o.lang2value[s.language] || o.lang2value[o.lang]), r !== void 0 && (m.length > 0 && (m += " "), m += r.lang2value[s.language] || r.lang2value[r.lang]), i === void 0)
     return /* @__PURE__ */ l.jsx(
@@ -4407,12 +4326,12 @@ const Qr = ({
         flex: 1,
         label: "Search",
         placeholder: m,
-        leftSection: g ? zt : Gt,
+        leftSection: g ? Ot : zt,
         value: a,
         onChange: p
       }
     );
-  const C = Wr(i);
+  const C = qr(i);
   return /* @__PURE__ */ l.jsxs(
     Le,
     {
@@ -4421,7 +4340,7 @@ const Qr = ({
       position: "bottom",
       withArrow: !0,
       shadow: "md",
-      opened: S[0],
+      opened: h[0],
       onDismiss: () => {
         f([!1, Date.now()]);
       },
@@ -4432,7 +4351,7 @@ const Qr = ({
             flex: 1,
             label: "Search",
             placeholder: m,
-            leftSection: g ? zt : Gt,
+            leftSection: g ? Ot : zt,
             rightSection: /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
               /* @__PURE__ */ l.jsx(
                 Rt,
@@ -4442,7 +4361,7 @@ const Qr = ({
                   onClick: () => {
                     u(""), n("");
                   },
-                  children: /* @__PURE__ */ l.jsx(Wn, { size: 16, stroke: 1.5, cursor: "pointer" })
+                  children: /* @__PURE__ */ l.jsx(Xn, { size: 16, stroke: 1.5, cursor: "pointer" })
                 }
               ),
               /* @__PURE__ */ l.jsx(
@@ -4452,10 +4371,10 @@ const Qr = ({
                   "aria-label": "Extra Filters",
                   color: C > 0 ? "orange" : void 0,
                   onClick: () => {
-                    S[1] + 200 >= Date.now() || f([!0, Date.now()]);
+                    h[1] + 200 >= Date.now() || f([!0, Date.now()]);
                   },
                   children: /* @__PURE__ */ l.jsx(
-                    Xn,
+                    Jn,
                     {
                       size: 16,
                       stroke: C > 0 ? 2 : 1.5,
@@ -4471,12 +4390,12 @@ const Qr = ({
             rightSectionWidth: 68,
             value: a,
             onChange: p,
-            description: Jr(i),
+            description: Ur(i),
             inputWrapperOrder: ["label", "input", "description", "error"]
           }
         ) }),
         /* @__PURE__ */ l.jsx(Le.Dropdown, { children: /* @__PURE__ */ l.jsx(
-          Qr,
+          Kr,
           {
             db: i.db,
             properties: i.properties,
@@ -4490,7 +4409,7 @@ const Qr = ({
       ]
     }
   );
-}, ei = ne(
+}, Wr = re(
   ({
     store: e,
     record: n,
@@ -4500,42 +4419,42 @@ const Qr = ({
   }) => {
     if (r !== void 0 && !r(n))
       return /* @__PURE__ */ l.jsx("div", {});
-    const i = Zt(n, t);
+    const i = Jt(n, t);
     return /* @__PURE__ */ l.jsxs("div", { children: [
-      /* @__PURE__ */ l.jsx(P, { size: "sm", fw: 550, children: /* @__PURE__ */ l.jsx(T, { value: t.label }) }),
+      /* @__PURE__ */ l.jsx(P, { size: "sm", fw: 550, children: /* @__PURE__ */ l.jsx(N, { value: t.label }) }),
       i !== void 0 && /* @__PURE__ */ l.jsx(o, { db: e.db, property: t, value: i })
     ] });
   }
-), ti = 12, ni = (e) => {
-  const n = e.schema, t = I(() => e.fieldGroups.map((o, r) => oi(n, e.store, e.record, r, o)), [n, e.store, e.record, e.fieldGroups]);
-  return /* @__PURE__ */ l.jsx(Q, { gap: "sm", className: e.className, style: e.styles, children: t });
+), Xr = 12, Jr = (e) => {
+  const n = e.schema, t = F(() => e.fieldGroups.map((o, r) => Qr(n, e.store, e.record, r, o)), [n, e.store, e.record, e.fieldGroups]);
+  return /* @__PURE__ */ l.jsx(te, { gap: "sm", className: e.className, style: e.styles, children: t });
 };
-function oi(e, n, t, o, r) {
+function Qr(e, n, t, o, r) {
   const i = r.fields, s = [];
   for (let a = 0; a < i.length; a++) {
-    const u = ti / i[a].length;
+    const u = Xr / i[a].length;
     if (!Number.isInteger(u))
       throw new Error(`Span must be an integer, but got ${u} for row ${a}`);
     for (let g = 0; g < i[a].length; g++) {
       const c = i[a][g];
-      let S;
-      typeof c == "function" ? S = c(n, t) : typeof c == "object" && "prop" in c ? S = rt(
+      let h;
+      typeof c == "function" ? h = c(n, t) : typeof c == "object" && "prop" in c ? h = ot(
         n,
         t,
-        c.prop instanceof X ? c.prop : e.allProperties[c.prop],
+        c.prop instanceof Y ? c.prop : e.allProperties[c.prop],
         c.args
-      ) : S = rt(
+      ) : h = ot(
         n,
         t,
-        c instanceof X ? c : e.allProperties[c]
+        c instanceof Y ? c : e.allProperties[c]
       ), s.push(
-        /* @__PURE__ */ l.jsx($.Col, { span: u, children: S }, `${a}-${g}`)
+        /* @__PURE__ */ l.jsx($.Col, { span: u, children: h }, `${a}-${g}`)
       );
     }
   }
   return /* @__PURE__ */ l.jsx($, { gutter: "sm", children: s }, o);
 }
-function Li(e, n, t = {}) {
+function Ai(e, n, t = {}) {
   return (o, r) => {
     if (t.visible !== void 0 && !t.visible(r))
       return /* @__PURE__ */ l.jsx("div", {});
@@ -4545,12 +4464,12 @@ function Li(e, n, t = {}) {
         u = s(o, r);
       else {
         let g, c = {};
-        typeof s == "object" && "prop" in s ? (g = s.prop instanceof X ? s.prop : e.allProperties[s.prop], s.args !== void 0 && (c = s.args)) : g = s instanceof X ? s : e.allProperties[s], u = rt(o, r, g, c);
+        typeof s == "object" && "prop" in s ? (g = s.prop instanceof Y ? s.prop : e.allProperties[s.prop], s.args !== void 0 && (c = s.args)) : g = s instanceof Y ? s : e.allProperties[s], u = ot(o, r, g, c);
       }
       return /* @__PURE__ */ l.jsx("div", { children: u }, a);
     });
     return /* @__PURE__ */ l.jsx(
-      k,
+      L,
       {
         gap: t.flexGap,
         grow: t.flexGrow ?? !0,
@@ -4560,19 +4479,19 @@ function Li(e, n, t = {}) {
     );
   };
 }
-function ri(e) {
-  if (oe(e))
+function Zr(e) {
+  if (ie(e))
     return e.cardinality === "N:N" || e.cardinality === "1:N" ? dt : ut;
-  if (ae[e.datatype] === void 0)
+  if (de[e.datatype] === void 0)
     throw new Error(
       `No display component found for datatype ${e.datatype}`
     );
-  return ae[e.datatype];
+  return de[e.datatype];
 }
-function rt(e, n, t, o = {}) {
+function ot(e, n, t, o = {}) {
   let r;
-  return o.display !== void 0 ? r = o.display : r = ri(t instanceof X ? t.leafProperty : t), /* @__PURE__ */ l.jsx(
-    ei,
+  return o.display !== void 0 ? r = o.display : r = Zr(t instanceof Y ? t.leafProperty : t), /* @__PURE__ */ l.jsx(
+    Wr,
     {
       store: e,
       record: n,
@@ -4582,10 +4501,10 @@ function rt(e, n, t, o = {}) {
     }
   );
 }
-const Oi = (e) => /* @__PURE__ */ l.jsxs(ye, { defaultValue: e.fieldTabs[0].tabName, children: [
+const ki = (e) => /* @__PURE__ */ l.jsxs(ye, { defaultValue: e.fieldTabs[0].tabName, children: [
   /* @__PURE__ */ l.jsx(ye.List, { children: e.fieldTabs.map((n, t) => /* @__PURE__ */ l.jsx(ye.Tab, { value: n.tabName, children: n.tabName }, t)) }),
   e.fieldTabs.map((n, t) => /* @__PURE__ */ l.jsx(ye.Panel, { value: n.tabName, pt: "sm", children: /* @__PURE__ */ l.jsx(
-    ni,
+    Jr,
     {
       schema: e.schema,
       store: e.store,
@@ -4597,75 +4516,80 @@ const Oi = (e) => /* @__PURE__ */ l.jsxs(ye, { defaultValue: e.fieldTabs[0].tabN
   ) }, t))
 ] });
 export {
-  nn as BooleanInput,
-  Mi as ConfirmationInput,
-  $i as ConfirmationLabel,
+  tn as BooleanInput,
+  Pi as ConfirmationInput,
+  Ii as ConfirmationLabel,
   Xe as CountryFlagComponent,
-  Ao as DEFAULT_LAYOUT,
+  No as DEFAULT_LAYOUT,
   kr as DEFAULT_PAGINATION_POSITIONS,
-  ae as DataType2DisplayComponent,
-  $t as DataType2InputComponent,
+  de as DataType2DisplayComponent,
+  Mt as DataType2InputComponent,
   mo as DateDisplay,
   yo as DateInput,
-  bo as DateRangeInput,
+  Do as DateRangeInput,
   po as DateTimeDisplay,
-  Pi as DateTimeHideTimeDisplay,
-  Do as DateTimeRangeInput,
+  ji as DateTimeHideTimeDisplay,
+  bo as DateTimeRangeInput,
   lo as EmojiCountryFlag,
-  jo as EnumInput,
-  bt as FormItem,
-  No as FormItemInner,
-  sn as FormItemLabel,
-  hi as LanguageSelector,
-  wi as Loading,
-  xi as LoadingInline,
-  Z as LocaleContext,
-  mi as LocaleProvider,
+  _o as EnumInput,
+  sn as FormItem,
+  Ao as FormItemInner,
+  rn as FormItemLabel,
+  gi as LanguageSelector,
+  mi as Loading,
+  hi as LoadingInline,
+  ne as LocaleContext,
+  di as LocaleProvider,
   fo as MenuTrie,
   dt as MultiForeignKeyDisplay,
-  rn as MultiForeignKeyInput,
-  T as MultiLingualString,
-  Ri as NotAuthorized,
-  vi as NotFound,
-  Jt as NotFoundInline,
-  Ci as NotFoundSubPage,
-  be as NumberInput,
-  Fi as OrderedUniqueList,
+  on as MultiForeignKeyInput,
+  N as MultiLingualString,
+  Si as NotAuthorized,
+  fi as NotFound,
+  Wt as NotFoundInline,
+  pi as NotFoundSubPage,
+  De as NumberInput,
+  xi as OrderedUniqueList,
   Je as Permission,
   so as SVGCountryFlag,
-  Qr as SearchForm,
-  Yr as SearchFormItem,
+  Kr as SearchForm,
+  Hr as SearchFormItem,
   at as SeraContext,
-  Ei as SeraContextProvider,
-  Ni as SeraEmbeddedTable,
-  bi as SeraForm,
-  ki as SeraSearch,
-  Di as SeraTable,
-  Ii as SeraVerticalMenu,
-  ni as SeraView,
-  Oi as SeraViewTab,
+  Fi as SeraContextProvider,
+  Ti as SeraEmbeddedTable,
+  Ei as SeraForm,
+  Ni as SeraSearch,
+  Mi as SeraTable,
+  _i as SeraVerticalMenu,
+  Jr as SeraView,
+  ki as SeraViewTab,
   ut as SingleForeignKeyDisplay,
-  on as SingleForeignKeyInput,
-  me as TextInput,
-  Qt as Trie,
-  It as TrieNode,
+  nn as SingleForeignKeyInput,
+  Qt as TestIdContext,
+  Ri as TestIdProvider,
+  Se as TextInput,
+  Xt as Trie,
+  Pt as TrieNode,
   uo as buildMenuItemIndex,
-  V as countryFlags,
+  T as countryFlags,
   co as filterAllowedItems,
-  Wr as getNumberOfFilters,
-  Zt as getPropertyValue,
-  Jr as getReadableFilters,
-  yi as groupBy,
-  ji as groupByAsList,
-  Li as groupFields,
+  qr as getNumberOfFilters,
+  Jt as getPropertyValue,
+  Ur as getReadableFilters,
+  yi as getTestIdProps,
+  vi as groupBy,
+  Ci as groupByAsList,
+  Ai as groupFields,
+  $i as groupFormFields,
   ko as isHorizontalLayout,
-  yn as isSeraColumn,
-  Ai as makeEmbeddedTableColumns,
-  Rn as makeTableColumn,
-  Vi as makeTableColumnFromNestedProperty,
-  Ti as makeTableColumns,
-  Pt as setPropertyValue,
-  pe as translateMultiLingualString,
-  _i as uniqueList,
-  Si as useMultiLingualString
+  _n as isSeraColumn,
+  Vi as makeEmbeddedTableColumns,
+  yn as makeTableColumn,
+  Di as makeTableColumnFromNestedProperty,
+  bi as makeTableColumns,
+  Et as setPropertyValue,
+  he as translateMultiLingualString,
+  wi as uniqueList,
+  ci as useMultiLingualString,
+  z as useTestId
 };