sera-components 1.5.0 → 1.6.0

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);
-import * as We from "react";
-import Pn, { createContext as Ut, useContext as ee, useMemo as F, useState as M, useEffect as Ce } from "react";
-import { Paper as oe, Image as En, Text as P, Menu as le, Button as H, Container as $n, Alert as lt, Stack as te, Flex as z, Loader as Ee, NavLink as _t, Checkbox as ue, Group as k, Input as Y, useCombobox as Kt, Combobox as A, Grid as $, InputBase as Mn, PasswordInput as bn, Select as Dn, CloseButton as Nn, Divider as Tn, Tooltip as Yt, Fieldset as Vn, Table as Wt, rem as ce, Pagination as An, MenuTarget as kn, MenuDropdown as Ln, MenuItem as On, TextInput as Ft, Popover as Oe, ActionIcon as It, Tabs as xe } from "@mantine/core";
-import { IconCheck as zn, IconInfoCircle as at, IconChevronRight as Gn, IconSearch as ut, IconCalendar as $e, IconHelpOctagonFilled as Xt, 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 W } from "mobx-react-lite";
-import { isObjectProperty as X, isDraftRecord as dt, I18NStore as Zn, validators as eo } from "sera-db";
+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 { IMaskInput as to } from "react-imask";
 import K from "dayjs";
-import { DatePickerInput as Xe, DateTimePicker as Pt } from "@mantine/dates";
+import { DatePickerInput as We, DateTimePicker as yt } from "@mantine/dates";
 import { debounce as no } from "throttle-debounce";
-var Re = { exports: {} }, fe = {};
+var je = { exports: {} }, ge = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -21,10 +21,10 @@ var Re = { exports: {} }, fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Et;
+var jt;
 function oo() {
-  if (Et) return fe;
-  Et = 1;
+  if (jt) return ge;
+  jt = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
   function t(o, r, i) {
     var s = null;
@@ -41,9 +41,9 @@ function oo() {
       props: i
     };
   }
-  return fe.Fragment = n, fe.jsx = t, fe.jsxs = t, fe;
+  return ge.Fragment = n, ge.jsx = t, ge.jsxs = t, ge;
 }
-var pe = {};
+var ce = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -53,47 +53,47 @@ var pe = {};
  * 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 _t;
 function ro() {
-  return $t || ($t = 1, process.env.NODE_ENV !== "production" && (function() {
+  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 === Te ? null : h.displayName || h.name || null;
+        return h.$$typeof === xe ? null : h.displayName || h.name || null;
       if (typeof h == "string") return h;
       switch (h) {
-        case m:
-          return "Fragment";
         case C:
+          return "Fragment";
+        case j:
           return "Profiler";
         case v:
           return "StrictMode";
-        case I:
-          return "Suspense";
         case L:
+          return "Suspense";
+        case Ce:
           return "SuspenseList";
-        case Ne:
+        case Ve:
           return "Activity";
       }
       if (typeof h == "object")
         switch (typeof h.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), h.$$typeof) {
-          case p:
+          case m:
             return "Portal";
-          case y:
-            return (h.displayName || "Context") + ".Provider";
-          case _:
-            return (h._context.displayName || "Context") + ".Consumer";
+          case x:
+            return h.displayName || "Context";
           case w:
-            var j = h.render;
-            return h = h.displayName, h || (h = j.displayName || j.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
+            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 j = h.displayName || null, j !== null ? j : e(h.type) || "Memo";
-          case ge:
-            j = h._payload, h = h._init;
+            return _ = h.displayName || null, _ !== null ? _ : e(h.type) || "Memo";
+          case ue:
+            _ = h._payload, h = h._init;
             try {
-              return e(h(j));
+              return e(h(_));
             } catch {
             }
         }
@@ -105,50 +105,50 @@ function ro() {
     function t(h) {
       try {
         n(h);
-        var j = !1;
+        var _ = !1;
       } catch {
-        j = !0;
+        _ = !0;
       }
-      if (j) {
-        j = console;
-        var E = j.error, N = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
+      if (_) {
+        _ = console;
+        var E = _.error, b = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
         return E.call(
-          j,
+          _,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          N
+          b
         ), n(h);
       }
     }
     function o(h) {
-      if (h === m) return "<>";
-      if (typeof h == "object" && h !== null && h.$$typeof === ge)
+      if (h === C) return "<>";
+      if (typeof h == "object" && h !== null && h.$$typeof === ue)
         return "<...>";
       try {
-        var j = e(h);
-        return j ? "<" + j + ">" : "<...>";
+        var _ = e(h);
+        return _ ? "<" + _ + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var h = ie.A;
+      var h = Te.A;
       return h === null ? null : h.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
     function s(h) {
-      if (Ct.call(h, "key")) {
-        var j = Object.getOwnPropertyDescriptor(h, "key").get;
-        if (j && j.isReactWarning) return !1;
+      if (pt.call(h, "key")) {
+        var _ = Object.getOwnPropertyDescriptor(h, "key").get;
+        if (_ && _.isReactWarning) return !1;
       }
       return h.key !== void 0;
     }
-    function a(h, j) {
+    function a(h, _) {
       function E() {
-        wt || (wt = !0, console.error(
+        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)",
-          j
+          _
         ));
       }
       E.isReactWarning = !0, Object.defineProperty(h, "key", {
@@ -158,18 +158,19 @@ function ro() {
     }
     function u() {
       var h = e(this.type);
-      return xt[h] || (xt[h] = !0, console.error(
+      return ht[h] || (ht[h] = !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;
     }
-    function g(h, j, E, N, J, B, Ae, ke) {
-      return E = B.ref, h = {
-        $$typeof: d,
+    function g(h, _, E, b, Re, Ne) {
+      var D = E.ref;
+      return h = {
+        $$typeof: p,
         type: h,
-        key: j,
-        props: B,
-        _owner: J
-      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(h, "ref", {
+        key: _,
+        props: E,
+        _owner: b
+      }, (D !== void 0 ? D : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
         get: u
       }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
@@ -186,112 +187,109 @@ function ro() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Ae
+        value: Re
       }), Object.defineProperty(h, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ke
+        value: Ne
       }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function f(h, j, E, N, J, B, Ae, ke) {
-      var T = j.children;
-      if (T !== void 0)
-        if (N)
-          if (jn(T)) {
-            for (N = 0; N < T.length; N++)
-              S(T[N]);
-            Object.freeze && Object.freeze(T);
+    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);
           } 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(T);
-      if (Ct.call(j, "key")) {
-        T = e(h);
-        var se = Object.keys(j).filter(function(_n) {
+        else S(D);
+      if (pt.call(_, "key")) {
+        D = e(h);
+        var re = Object.keys(_).filter(function(_n) {
           return _n !== "key";
         });
-        N = 0 < se.length ? "{key: someKey, " + se.join(": ..., ") + ": ...}" : "{key: someKey}", jt[T + N] || (se = 0 < se.length ? "{" + se.join(": ..., ") + ": ...}" : "{}", console.error(
+        b = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", Ct[D + b] || (re = 0 < re.length ? "{" + re.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} />`,
-          N,
-          T,
-          se,
-          T
-        ), jt[T + N] = !0);
+          b,
+          D,
+          re,
+          D
+        ), Ct[D + b] = !0);
       }
-      if (T = null, E !== void 0 && (t(E), T = "" + E), s(j) && (t(j.key), T = "" + j.key), "key" in j) {
+      if (D = null, E !== void 0 && (t(E), D = "" + E), s(_) && (t(_.key), D = "" + _.key), "key" in _) {
         E = {};
-        for (var Le in j)
-          Le !== "key" && (E[Le] = j[Le]);
-      } else E = j;
-      return T && a(
+        for (var ke in _)
+          ke !== "key" && (E[ke] = _[ke]);
+      } else E = _;
+      return D && a(
         E,
         typeof h == "function" ? h.displayName || h.name || "Unknown" : h
       ), g(
         h,
-        T,
-        B,
-        J,
-        r(),
+        D,
         E,
-        Ae,
-        ke
+        r(),
+        Re,
+        Ne
       );
     }
     function S(h) {
-      typeof h == "object" && h !== null && h.$$typeof === d && h._store && (h._store.validated = 1);
+      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 f(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === p;
     }
-    var c = Pn, d = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), y = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), we = Symbol.for("react.memo"), ge = Symbol.for("react.lazy"), Ne = Symbol.for("react.activity"), Te = Symbol.for("react.client.reference"), ie = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Ct = Object.prototype.hasOwnProperty, jn = Array.isArray, Ve = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    c = {
+    d = {
       react_stack_bottom_frame: function(h) {
         return h();
       }
     };
-    var wt, xt = {}, Rt = c.react_stack_bottom_frame.bind(
-      c,
+    var mt, ht = {}, St = d.react_stack_bottom_frame.bind(
+      d,
       i
-    )(), yt = Ve(o(i)), jt = {};
-    pe.Fragment = m, pe.jsx = function(h, j, E, N, J) {
-      var B = 1e4 > ie.recentlyCreatedOwnerStacks++;
-      return f(
+    )(), vt = Ae(o(i)), Ct = {};
+    ce.Fragment = C, ce.jsx = function(h, _, E) {
+      var b = 1e4 > Te.recentlyCreatedOwnerStacks++;
+      return c(
         h,
-        j,
+        _,
         E,
         !1,
-        N,
-        J,
-        B ? Error("react-stack-top-frame") : Rt,
-        B ? Ve(o(h)) : yt
+        b ? Error("react-stack-top-frame") : St,
+        b ? Ae(o(h)) : vt
       );
-    }, pe.jsxs = function(h, j, E, N, J) {
-      var B = 1e4 > ie.recentlyCreatedOwnerStacks++;
-      return f(
+    }, ce.jsxs = function(h, _, E) {
+      var b = 1e4 > Te.recentlyCreatedOwnerStacks++;
+      return c(
         h,
-        j,
+        _,
         E,
         !0,
-        N,
-        J,
-        B ? Error("react-stack-top-frame") : Rt,
-        B ? Ve(o(h)) : yt
+        b ? Error("react-stack-top-frame") : St,
+        b ? Ae(o(h)) : vt
       );
     };
-  })()), pe;
+  })()), ce;
 }
-var Mt;
+var Ft;
 function io() {
-  return Mt || (Mt = 1, process.env.NODE_ENV === "production" ? Re.exports = oo() : Re.exports = ro()), Re.exports;
+  return Ft || (Ft = 1, process.env.NODE_ENV === "production" ? je.exports = oo() : je.exports = ro()), je.exports;
 }
 var l = io();
-const b = {
+const V = {
   UK: {
     svgFlag: "https://flagcdn.com/gb.svg",
     emojiFlag: "🇬🇧"
@@ -356,76 +354,76 @@ const b = {
     svgFlag: "https://flagcdn.com/kh.svg",
     emojiFlag: "🇰🇭"
   }
-}, so = ({ flag: e }) => /* @__PURE__ */ l.jsx(oe, { 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(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(
   P,
   {
     component: "span",
     style: (n) => ({ textShadow: n.shadows.xs }),
     children: e.emojiFlag
   }
-), Je = navigator.userAgent.includes("Windows") ? so : lo, re = Ut(new Intl.Locale("en-US")), fi = W(
+), Xe = navigator.userAgent.includes("Windows") ? so : lo, Z = Ht(new Intl.Locale("en-US")), mi = ne(
   ({
     value: e,
     children: n
-  }) => /* @__PURE__ */ l.jsx(re.Provider, { value: e.locale, children: n })
+  }) => /* @__PURE__ */ l.jsx(Z.Provider, { value: e.locale, children: n })
 ), ao = {
   lang2value: {
     en: "Choose Language",
     vi: "Chọn ngôn ngữ"
   }
-}, ye = {
+}, _e = {
   en: {
     name: "English",
-    flag: b.US,
+    flag: V.US,
     locale: new Intl.Locale("en-US")
   },
   vi: {
     name: "Tiếng Việt",
-    flag: b.VN,
+    flag: V.VN,
     locale: new Intl.Locale("vi-VN")
   }
-}, pi = ({
+}, hi = ({
   locale: e,
   setLocale: n
 }) => {
-  const t = F(() => Object.entries(ye).map(
+  const t = I(() => Object.entries(_e).map(
     ([o, { flag: r, name: i, locale: s }]) => /* @__PURE__ */ l.jsx(
-      le.Item,
+      ie.Item,
       {
         onClick: () => n(s),
-        leftSection: /* @__PURE__ */ l.jsx(Je, { flag: r }),
-        rightSection: e.language === o && /* @__PURE__ */ l.jsx(zn, { size: "15", color: "#2986cc", stroke: 2 }),
+        leftSection: /* @__PURE__ */ l.jsx(Xe, { flag: r }),
+        rightSection: e.language === o && /* @__PURE__ */ l.jsx(On, { size: "15", color: "#2986cc", stroke: 2 }),
         children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: i })
       },
       o
     )
-  ), [ye, e]);
-  return /* @__PURE__ */ l.jsxs(le, { width: 170, children: [
-    /* @__PURE__ */ l.jsx(le.Target, { children: /* @__PURE__ */ l.jsx(
+  ), [_e, e]);
+  return /* @__PURE__ */ l.jsxs(ie, { width: 170, children: [
+    /* @__PURE__ */ l.jsx(ie.Target, { children: /* @__PURE__ */ l.jsx(
       H,
       {
         variant: "subtle",
         size: "sm",
-        leftSection: /* @__PURE__ */ l.jsx(Je, { flag: ye[e.language].flag }),
-        children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: ye[e.language].name })
+        leftSection: /* @__PURE__ */ l.jsx(Xe, { flag: _e[e.language].flag }),
+        children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: _e[e.language].name })
       }
     ) }),
-    /* @__PURE__ */ l.jsxs(le.Dropdown, { children: [
-      /* @__PURE__ */ l.jsx(le.Label, { children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: ao.lang2value[e.language] }) }),
+    /* @__PURE__ */ l.jsxs(ie.Dropdown, { children: [
+      /* @__PURE__ */ l.jsx(ie.Label, { children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: ao.lang2value[e.language] }) }),
       t
     ] })
   ] });
-}, D = ({ value: e }) => {
-  const n = ee(re);
+}, T = ({ value: e }) => {
+  const n = Y(Z);
   return e.lang2value[n.language] || e.lang2value[e.lang];
-}, uo = (e) => {
-  const n = ee(re);
+}, Si = (e) => {
+  const n = Y(Z);
   return e.lang2value[n.language] || e.lang2value[e.lang];
 };
-function je(e, n) {
+function pe(e, n) {
   return n.lang2value[e.language] || n.lang2value[n.lang];
 }
-const mi = ({
+const vi = ({
   message: e,
   navigate: n
 }) => /* @__PURE__ */ l.jsx(
@@ -439,29 +437,29 @@ const mi = ({
       justifyContent: "center"
     },
     children: /* @__PURE__ */ l.jsx(
-      lt,
+      it,
       {
         color: "red",
         title: "Not Found",
         variant: "404 - Not Found",
-        icon: /* @__PURE__ */ l.jsx(at, { size: 12, stroke: 1.5 }),
-        children: /* @__PURE__ */ l.jsxs(te, { align: "flex-start", children: [
+        icon: /* @__PURE__ */ l.jsx(st, { size: 12, stroke: 1.5 }),
+        children: /* @__PURE__ */ l.jsxs(Q, { 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" })
         ] })
       }
     )
   }
-), hi = ({ message: e }) => /* @__PURE__ */ l.jsx(
-  lt,
+), Ci = ({ message: e }) => /* @__PURE__ */ l.jsx(
+  it,
   {
     color: "red",
     title: "Not Found",
     variant: "404 - Not Found",
-    icon: /* @__PURE__ */ l.jsx(at, { size: 12, stroke: 1.5 }),
+    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" }), Si = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx(z, { justify: "center", align: "center", children: /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "md" }) }) : /* @__PURE__ */ l.jsxs(
+), 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,
   {
     gap: "md",
@@ -470,30 +468,30 @@ const mi = ({
     align: "center",
     style: { height: "100%" },
     children: [
-      /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "md" }),
+      /* @__PURE__ */ l.jsx($e, { color: "blue", size: "md" }),
       e
     ]
   }
-), vi = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "xs" }) : /* @__PURE__ */ l.jsxs(z, { gap: "md", direction: "column", justify: "center", align: "center", children: [
-  /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "xs" }),
+), 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: [
+  /* @__PURE__ */ l.jsx($e, { color: "blue", size: "xs" }),
   e
-] }), Ci = ({ message: e }) => /* @__PURE__ */ l.jsx(
-  lt,
+] }), Ri = ({ message: e }) => /* @__PURE__ */ l.jsx(
+  it,
   {
     color: "red",
     title: "Not Found",
     variant: "403 - Not Authorized",
-    icon: /* @__PURE__ */ l.jsx(at, { size: 12, stroke: 1.5 }),
+    icon: /* @__PURE__ */ l.jsx(st, { size: 12, stroke: 1.5 }),
     children: e || "Sorry, you are not authorized to access this page."
   }
 );
-function wi(e, n) {
+function yi(e, n) {
   return e.reduce((t, o) => {
     const r = n(o);
     return t[r] || (t[r] = []), t[r].push(o), t;
   }, {});
 }
-function xi(e, n) {
+function ji(e, n) {
   const t = [];
   let o;
   return e.reduce((r, i) => {
@@ -501,14 +499,14 @@ function xi(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 Ri(e, n) {
+function _i(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 yi {
+class Fi {
   constructor() {
     G(this, "items", []);
     G(this, "seen", /* @__PURE__ */ new Set());
@@ -521,7 +519,7 @@ class yi {
     return this.items;
   }
 }
-class bt {
+class It {
   constructor() {
     G(this, "children", /* @__PURE__ */ new Map());
     G(this, "isEndOfWord", !1);
@@ -530,7 +528,7 @@ class bt {
 }
 class Qt {
   constructor() {
-    G(this, "root", new bt());
+    G(this, "root", new It());
   }
   /**
    * Inserts a word into the trie structure.
@@ -542,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 bt(), t.children.set(o, r)), t = r;
+      r === void 0 && (r = new It(), t.children.set(o, r)), t = r;
     }
     t.isEndOfWord = !0, t.value = n;
   }
@@ -567,8 +565,14 @@ class Qt {
     return o;
   }
 }
-var Qe = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(Qe || {});
-function go(e) {
+function Zt(e, n) {
+  return Wt(n) ? n.getValue(e) : e[n.tsName];
+}
+function Pt(e, n, t) {
+  Wt(n) ? n.setValue(e, t) : e[n.updateFuncName](t);
+}
+var Je = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(Je || {});
+function uo(e) {
   const n = {}, t = {}, o = {}, r = (i, s = []) => {
     i.forEach((a) => {
       const u = [...s, a.key];
@@ -577,11 +581,11 @@ function go(e) {
   };
   return r(e), { key2item: n, key2fullpath: t, key2route: o };
 }
-function co(e) {
-  const n = new po(), t = (o) => {
+function go(e) {
+  const n = new fo(), t = (o) => {
     o.forEach((r) => {
       if (r.route !== void 0) {
-        const i = r.route.path.getURL();
+        const i = r.route.path.pathDef;
         n.insertRoute(i, r.key);
       }
       r.children !== void 0 && r.children.length > 0 && t(r.children);
@@ -589,48 +593,48 @@ function co(e) {
   };
   return t(e), n;
 }
-function fo(e, n) {
+function co(e, n) {
   return e.map((t) => {
     if (t.route !== void 0)
-      return n(t.route.role) === Qe.Allow ? t : null;
+      return n(t.route.role) === Je.Allow ? t : null;
     if (t.children !== void 0) {
-      const o = t.children.filter((r) => r.route !== void 0 ? n(r.route.role) === Qe.Allow : !0);
+      const o = t.children.filter((r) => r.route !== void 0 ? n(r.route.role) === Je.Allow : !0);
       return o.length > 0 ? { ...t, children: o } : null;
     }
     return t;
   }).filter((t) => t !== null);
 }
-const ji = (e) => {
-  const [n, t] = M(/* @__PURE__ */ new Set()), [o, r] = M(/* @__PURE__ */ new Set()), [i, s] = M(), a = F(() => fo(e.items, e.checkPermission), [e.items, e.checkPermission]), u = F(() => co(e.items), [e.items]), { key2fullpath: g, key2route: f } = F(
-    () => go(a),
+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(
+    () => uo(a),
     [a]
   );
-  Ce(() => {
-    const c = window.location.pathname, d = u.findMatchingKey(c);
+  ve(() => {
+    const f = window.location.pathname, d = u.findMatchingKey(f);
     d !== void 0 && (r(new Set(g[d])), s(d));
-  }, [window.location.pathname, f]);
-  const S = F(() => {
-    function c(d, p) {
-      var v;
+  }, [window.location.pathname, c]);
+  const S = I(() => {
+    function f(d, p) {
+      var C;
       const m = d.children !== void 0 && d.children.length > 0;
       return m ? /* @__PURE__ */ l.jsxs(
         "div",
         {
           onMouseEnter: () => {
-            o.has(d.key) || t((C) => {
-              const _ = new Set(C);
-              return _.add(d.key), _;
+            o.has(d.key) || t((v) => {
+              const j = new Set(v);
+              return j.add(d.key), j;
             });
           },
           onMouseLeave: () => {
-            o.has(d.key) || t((C) => {
-              const _ = new Set(C);
-              return _.delete(d.key), _;
+            o.has(d.key) || t((v) => {
+              const j = new Set(v);
+              return j.delete(d.key), j;
             });
           },
           children: [
             /* @__PURE__ */ l.jsx(
-              _t,
+              wt,
               {
                 active: i === d.key,
                 label: d.label,
@@ -644,7 +648,7 @@ const ji = (e) => {
                 ml: p === 0 ? void 0 : p === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${p})`,
                 w: "unset",
                 rightSection: m ? /* @__PURE__ */ l.jsx(
-                  Gn,
+                  zn,
                   {
                     size: 12,
                     stroke: 1.5,
@@ -652,24 +656,24 @@ const ji = (e) => {
                   }
                 ) : void 0,
                 opened: n.has(d.key) || o.has(d.key),
-                onClick: (C) => {
-                  C.preventDefault(), r((_) => {
-                    const y = new Set(_);
-                    return _.has(d.key) ? y.delete(d.key) : y.add(d.key), y;
+                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;
                   });
                 }
               },
               d.key
             ),
-            (o.has(d.key) || n.has(d.key)) && d.children.map((C) => c(C, p + 1))
+            (o.has(d.key) || n.has(d.key)) && d.children.map((v) => f(v, p + 1))
           ]
         },
         `container-${d.key}`
       ) : /* @__PURE__ */ l.jsx(
-        _t,
+        wt,
         {
           active: i === d.key,
-          href: (v = d.route) == null ? void 0 : v.path.getURL(),
+          href: (C = d.route) == null ? void 0 : C.path.getURL({ queryArgs: d.route.defaultPathArgs }),
           label: d.label,
           leftSection: d.icon,
           styles: {
@@ -680,18 +684,18 @@ const ji = (e) => {
           },
           ml: p === 0 ? void 0 : p === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${p})`,
           w: "unset",
-          onClick: (C) => {
-            C.ctrlKey || C.metaKey || (C.preventDefault(), d.route != null && d.route.path.path().open(e.navigate));
+          onClick: (v) => {
+            v.ctrlKey || v.metaKey || (v.preventDefault(), d.route != null && d.route.path.path({ queryArgs: d.route.defaultPathArgs }).open(e.navigate));
           }
         },
         d.key
       );
     }
-    return a.map((d) => c(d, 0));
+    return a.map((d) => f(d, 0));
   }, [a, i, o, n, e.navigate]);
   return /* @__PURE__ */ l.jsx(l.Fragment, { children: S });
 };
-class po extends Qt {
+class fo extends Qt {
   constructor() {
     super(...arguments);
     G(this, "pathToKey", /* @__PURE__ */ new Map());
@@ -727,34 +731,34 @@ class po extends Qt {
       return this.pathToKey.get(r.match);
   }
 }
-const _e = ({ value: e }) => /* @__PURE__ */ l.jsx(P, { size: "sm", children: e });
-function ve(e, n) {
+const Fe = ({ value: e }) => /* @__PURE__ */ l.jsx(P, { size: "sm", children: e });
+function Se(e, n) {
   return n.toLocaleDateString(e.baseName, {
     year: "numeric",
     month: "short",
     day: "2-digit"
   });
 }
-function Zt(e, n, t = !0) {
+function en(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 ? ve(e, n) + ` ${o}:${r}:${i}` : ve(e, n) + ` ${o}:${r}`;
+  return t ? Se(e, n) + ` ${o}:${r}:${i}` : Se(e, n) + ` ${o}:${r}`;
 }
-const mo = ({ value: e }) => {
-  const n = ee(re), t = F(
-    () => Zt(n, e),
+const po = ({ value: e }) => {
+  const n = Y(Z), t = I(
+    () => en(n, e),
     [n, e]
   );
   return /* @__PURE__ */ l.jsx(P, { size: "sm", children: t });
-}, ho = ({ value: e }) => {
-  const n = ee(re), t = F(() => ve(n, e), [n, e]);
+}, mo = ({ value: e }) => {
+  const n = Y(Z), t = I(() => Se(n, e), [n, e]);
   return /* @__PURE__ */ l.jsx(P, { size: "sm", children: t });
-}, _i = ({ value: e }) => {
-  const n = ee(re), [t, o] = F(() => {
-    const r = ve(n, e), i = e.getHours().toString().padStart(2, "0"), s = e.getMinutes().toString().padStart(2, "0"), a = e.getSeconds().toString().padStart(2, "0");
+}, 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");
     return [r, `${i}:${s}:${a}`];
   }, [n, e]);
   return /* @__PURE__ */ l.jsx(P, { size: "sm", title: o, children: t });
-}, So = {
+}, ho = {
   yes: {
     lang2value: {
       en: "Yes",
@@ -769,28 +773,28 @@ const mo = ({ value: e }) => {
     },
     lang: "en"
   }
-}, vo = ({ value: e }) => /* @__PURE__ */ l.jsx(
-  ue,
+}, So = ({ value: e }) => /* @__PURE__ */ l.jsx(
+  le,
   {
     checked: e,
-    label: /* @__PURE__ */ l.jsx(D, { value: So[e ? "yes" : "no"] }),
+    label: /* @__PURE__ */ l.jsx(T, { value: ho[e ? "yes" : "no"] }),
     readOnly: !0
   }
-), Co = ({ property: e, value: n }) => {
+), vo = ({ property: e, value: n }) => {
   const t = e;
-  if (X(t) || t.enumType === void 0)
+  if (oe(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(D, { value: t.enumType.label[n] }) });
-}, gt = Ut({ link: () => null, entityRoutes: {} }), Fi = ({
+  return /* @__PURE__ */ l.jsx(P, { size: "sm", children: /* @__PURE__ */ l.jsx(T, { value: t.enumType.label[n] }) });
+}, at = Ht({ link: () => null, entityRoutes: {} }), Ei = ({
   link: e,
   entityRoutes: n,
   children: t
-}) => /* @__PURE__ */ l.jsx(gt.Provider, { value: { link: e, entityRoutes: n }, children: t });
-function en(e, n, t, o) {
+}) => /* @__PURE__ */ l.jsx(at.Provider, { value: { link: e, entityRoutes: n }, children: t });
+function tn(e, n, t, o) {
   const r = e.getByName(n.targetClass), i = o[n.targetClass];
-  Ce(() => {
+  ve(() => {
     r.fetchByIds(t);
   }, [t]);
   const s = {};
@@ -798,13 +802,13 @@ function en(e, n, t, o) {
     s[a] = r.get(a);
   return [s, i.view];
 }
-const ct = W(
+const ut = ne(
   ({
     db: e,
     property: n,
     value: t
   }) => {
-    const { link: o, entityRoutes: r } = ee(gt), i = F(() => [t], [t]), [s, a] = en(
+    const { link: o, entityRoutes: r } = Y(at), i = I(() => [t], [t]), [s, a] = tn(
       e,
       n,
       i,
@@ -821,13 +825,13 @@ const ct = W(
       }
     );
   }
-), ft = W(
+), dt = ne(
   ({
     db: e,
     property: n,
     value: t
   }) => {
-    const { link: o, entityRoutes: r } = ee(gt), [i, s] = en(
+    const { link: o, entityRoutes: r } = Y(at), [i, s] = tn(
       e,
       n,
       t,
@@ -848,22 +852,22 @@ const ct = W(
       );
     }) });
   }
-), de = {
-  string: _e,
-  integer: _e,
-  float: _e,
-  boolean: vo,
-  "string[]": _e,
-  enum: Co,
-  datetime: mo,
-  date: ho
-}, tn = ({
+), ae = {
+  string: Fe,
+  integer: Fe,
+  float: Fe,
+  boolean: So,
+  "string[]": Fe,
+  enum: vo,
+  datetime: po,
+  date: mo
+}, nn = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
 }) => /* @__PURE__ */ l.jsx(
-  ue,
+  le,
   {
     id: e.name,
     checked: n,
@@ -873,13 +877,13 @@ const ct = W(
     },
     disabled: o
   }
-), Me = ({
+), be = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
 }) => /* @__PURE__ */ l.jsx(
-  Y,
+  B,
   {
     id: e.name,
     type: "number",
@@ -890,202 +894,202 @@ const ct = W(
     },
     disabled: o
   }
-), wo = {
+), 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."
   },
   lang: "en"
-}, xo = {
+}, wo = {
   lang2value: {
     en: "No valid country code found.",
     vi: "Không tìm thấy mã quốc gia hợp lệ. "
   },
   lang: "en"
-}, ae = {
+}, se = {
   84: {
     name: "Vietnam",
-    flags: [b.VN]
+    flags: [V.VN]
   },
   1: {
     name: "US, Canada",
-    flags: [b.US, b.CA]
+    flags: [V.US, V.CA]
   },
   61: {
     name: "Australia",
-    flags: [b.AU]
+    flags: [V.AU]
   },
   81: {
     name: "Japan",
-    flags: [b.JP]
+    flags: [V.JP]
   },
   44: {
     name: "UK",
-    flags: [b.UK]
+    flags: [V.UK]
   },
   33: {
     name: "France",
-    flags: [b.FR]
+    flags: [V.FR]
   },
   49: {
     name: "Germany",
-    flags: [b.DE]
+    flags: [V.DE]
   },
   91: {
     name: "India",
-    flags: [b.IN]
+    flags: [V.IN]
   },
   55: {
     name: "Brazil",
-    flags: [b.BR]
+    flags: [V.BR]
   },
   34: {
     name: "Spain",
-    flags: [b.ES]
+    flags: [V.ES]
   },
   39: {
     name: "Italy",
-    flags: [b.IT]
+    flags: [V.IT]
   },
   64: {
     name: "New Zealand",
-    flags: [b.NZ]
+    flags: [V.NZ]
   },
   52: {
     name: "Mexico",
-    flags: [b.MX]
+    flags: [V.MX]
   },
   86: {
     name: "China",
-    flags: [b.CN]
+    flags: [V.CN]
   },
   855: {
     name: "Cambodia",
-    flags: [b.CAM]
+    flags: [V.CAM]
   }
-}, Ro = (e, n) => {
+}, xo = (e, n) => {
   if (e === "" || e === void 0)
     return { match: "84", remaining: "" };
   const t = e.replace(/[^\d]/g, ""), o = n.findLongestPrefix(t);
   if (o.match === "")
     throw new Error(`No valid country code found for phone number: ${e}`);
   return o;
-}, Dt = ({ value: e }) => {
-  const n = ae[e];
+}, Et = ({ value: e }) => {
+  const n = se[e];
   if (n !== void 0)
     return /* @__PURE__ */ l.jsxs(k, { 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(Je, { flag: t }, o)) })
+      /* @__PURE__ */ l.jsx(k, { gap: 4, wrap: "nowrap", children: n.flags.map((t, o) => /* @__PURE__ */ l.jsx(Xe, { flag: t }, o)) })
     ] });
-}, yo = ({
+}, Ro = ({
   value: e,
   onChange: n,
   error: t,
   id: o,
   disabled: r = !1
 }) => {
-  const [i, s] = M(""), [a, u] = M(!1), [g, f] = M(""), [S, c] = M(!1), d = F(() => {
-    const w = new Qt();
-    return Object.keys(ae).forEach((I) => {
-      w.insert(I);
-    }), w;
-  }, [ae]), { rawInput: p } = F(() => {
+  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(() => {
     try {
-      const { match: w, remaining: I } = Ro(
+      const { match: x, remaining: F } = xo(
         e,
         d
       );
-      return f(w), c(!1), {
-        rawInput: I
+      return c(x), f(!1), {
+        rawInput: F
       };
     } catch {
-      return c(!0), f(""), {
+      return f(!0), c(""), {
         rawInput: e
       };
     }
-  }, [e]), m = Kt({
+  }, [e]), m = qt({
     onDropdownClose: () => {
       m.resetSelectedOption(), s("");
     },
     onDropdownOpen: () => {
       m.updateSelectedOptionIndex("active");
     }
-  }), v = F(() => Object.keys(ae), [ae]), C = (w, I) => {
-    if (w === void 0)
-      return `+${I}`;
-    const L = w.replace(/[^\d]/g, "");
-    return L.length === 0 ? `+${I}` : L.startsWith("0") ? (u(!0), `+${I}${L}`) : (u(!1), `+${I}${L}`);
-  }, _ = F(() => v.filter((w) => ae[w].name.toLowerCase().includes(i.toLowerCase()) || w.includes(i)), [i, v]), y = F(() => _.map((w, I) => /* @__PURE__ */ l.jsx(A.Option, { value: w, children: /* @__PURE__ */ l.jsx(Dt, { value: w }) }, I)), [_]);
+  }), 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]);
   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.jsxs(
-        A,
+        N,
         {
           store: m,
           position: "top-start",
-          onOptionSubmit: (w) => {
+          onOptionSubmit: (x) => {
             s(""), m.closeDropdown(), n({
-              target: { value: C(p, w) }
+              target: { value: v(p, x) }
             });
           },
           disabled: r,
           children: [
-            /* @__PURE__ */ l.jsx(A.Target, { children: /* @__PURE__ */ l.jsx(
+            /* @__PURE__ */ l.jsx(N.Target, { children: /* @__PURE__ */ l.jsx(
               Mn,
               {
                 component: "button",
                 type: "button",
                 pointer: !0,
-                rightSection: /* @__PURE__ */ l.jsx(A.Chevron, {}),
+                rightSection: /* @__PURE__ */ l.jsx(N.Chevron, {}),
                 onClick: () => m.toggleDropdown(),
                 rightSectionPointerEvents: "none",
                 w: 110,
                 disabled: r,
-                children: /* @__PURE__ */ l.jsx(Dt, { value: g })
+                children: /* @__PURE__ */ l.jsx(Et, { value: g })
               }
             ) }),
-            /* @__PURE__ */ l.jsxs(A.Dropdown, { children: [
+            /* @__PURE__ */ l.jsxs(N.Dropdown, { children: [
               /* @__PURE__ */ l.jsx(
-                A.Search,
+                N.Search,
                 {
-                  leftSection: /* @__PURE__ */ l.jsx(ut, { size: 14, stroke: 1.5 }),
+                  leftSection: /* @__PURE__ */ l.jsx(lt, { size: 14, stroke: 1.5 }),
                   placeholder: ".....",
                   value: i,
-                  onChange: (w) => {
-                    s(w.currentTarget.value);
+                  onChange: (x) => {
+                    s(x.currentTarget.value);
                   },
                   disabled: r
                 }
               ),
-              /* @__PURE__ */ l.jsx(A.Options, { children: y.length > 0 ? y : /* @__PURE__ */ l.jsx(A.Empty, { children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: "Nothing found" }) }) })
+              /* @__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" }) }) })
             ] })
           ]
         }
       ),
       g === "" ? /* @__PURE__ */ l.jsx(
-        Y,
+        B,
         {
           id: o,
           value: p,
           type: "phone_number",
-          onChange: (w) => {
-            n({ target: { value: w.target.value } });
+          onChange: (x) => {
+            n({ target: { value: x.target.value } });
           },
           error: t,
           flex: 1,
           disabled: r
         }
       ) : /* @__PURE__ */ l.jsx(
-        Y,
+        B,
         {
           id: o,
           value: p,
           type: "phone_number",
-          onAccept: (w) => {
-            const I = w.replace(/[^\d]/g, ""), L = C(I, g);
+          onAccept: (x) => {
+            const F = x.replace(/[^\d]/g, ""), L = v(F, g);
             L !== e && n({
               target: { value: L }
             });
@@ -1098,16 +1102,16 @@ const ct = W(
         }
       )
     ] }) }) }),
-    (a || S || t && typeof t == "string") && /* @__PURE__ */ l.jsx($, { gutter: "xs", children: /* @__PURE__ */ l.jsx($.Col, { children: /* @__PURE__ */ l.jsx(Y.Error, { children: a ? /* @__PURE__ */ l.jsx(D, { value: wo }) : S ? /* @__PURE__ */ l.jsx(D, { value: xo }) : t }) }) })
+    (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 }) }) })
   ] });
-}, he = ({
+}, me = ({
   property: e,
   error: n,
   value: t,
   onChange: o,
   freeze: r = !1
 }) => {
-  const [i, s] = F(() => e.constraints.includes("password") ? ["password", bn] : e.constraints.includes("phone_number") ? ["phone_number", yo] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", Y], [e.constraints]);
+  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]);
   return /* @__PURE__ */ l.jsx(
     s,
     {
@@ -1119,13 +1123,13 @@ const ct = W(
       disabled: r
     }
   );
-}, jo = ({
+}, yo = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
 }) => /* @__PURE__ */ l.jsx(
-  Xe,
+  We,
   {
     id: e.tsName,
     value: n || null,
@@ -1141,45 +1145,84 @@ const ct = W(
     flex: 1,
     disabled: o
   }
-), _o = ({
+), jo = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
 }) => {
-  var g;
-  if (X(e) || e.enumType === void 0)
+  const r = Y(Z);
+  if (oe(e) || e.enumType === void 0)
     throw new Error(
       "Invalid usage of EnumInput. Expect a property of type enum"
     );
-  if (n == null)
-    throw new Error("EnumInput value cannot be null or undefined");
-  const r = e.enumType.type, i = {}, s = Object.entries(e.enumType.label).map(
-    ([f, S]) => {
-      const c = f !== "" && Number.isNaN(Number(f)) === !1 ? Number(f) : r && f in r ? r[f] : f, d = String(c);
-      return i[d] = c, {
-        value: d,
-        label: uo(S)
-      };
+  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)
+        };
+      }
+    );
+    return [u, g];
+  }, [r, i]);
+  return /* @__PURE__ */ l.jsx(
+    bn,
+    {
+      data: a,
+      value: n === void 0 ? null : String(n),
+      onChange: (u) => {
+        if (u === null) {
+          t(void 0);
+          return;
+        }
+        t(s[u]);
+      },
+      disabled: o,
+      allowDeselect: !e.isRequired
     }
-  ), a = ((g = Object.entries(i).find(
-    ([, f]) => f === n
-  )) == null ? void 0 : g[0]) ?? String(n), u = (f) => {
-    f !== null && t(i[f]);
-  };
+  );
+}, _o = {
+  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 }),
+  " ",
+  /* @__PURE__ */ l.jsx(T, { value: e.label })
+] }), Mi = ({
+  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)
+      return Fo.t({ args: { name: e.label } });
+  }, [a, i, t, e.label]), f = n || S;
   return /* @__PURE__ */ l.jsx(
-    Dn,
+    c,
     {
-      data: s,
-      value: a,
-      onChange: u,
-      disabled: o
+      id: `${e.name}-confirm`,
+      value: i,
+      type: g,
+      onChange: (d) => {
+        const p = d.target.value;
+        s(p), u(!0), o(p);
+      },
+      error: f,
+      disabled: r
     }
   );
 };
-function Fo(e, n) {
+function Io(e, n) {
   const [t, o] = M(""), [r, i] = M([]);
-  return Ce(() => {
+  return ve(() => {
     e.getByName(n.targetClass).fetch({ limit: 100, offset: 0 }).then((a) => i(a.records));
   }, [n.name]), {
     data: r,
@@ -1196,9 +1239,9 @@ function Fo(e, n) {
     table: e.getByName(n.targetClass)
   };
 }
-const Io = (e) => e.name, Po = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", children: e.name }), pt = W(
+const Po = (e) => e.name, Eo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", children: e.name }), on = ne(
   (e) => /* @__PURE__ */ l.jsx("h1", { children: "SingleForeignKey" })
-), mt = W(
+), rn = ne(
   ({
     db: e,
     property: n,
@@ -1206,13 +1249,13 @@ const Io = (e) => e.name, Po = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
     onChange: o,
     freeze: r = !1
   }) => {
-    const { table: i, data: s, query: a, setQuery: u } = Fo(
+    const { table: i, data: s, query: a, setQuery: u } = Io(
       e,
       n
     );
-    return /* @__PURE__ */ l.jsxs(te, { gap: "sm", children: [
+    return /* @__PURE__ */ l.jsxs(Q, { gap: "sm", children: [
       /* @__PURE__ */ l.jsx(
-        Eo,
+        $o,
         {
           name: n.name,
           query: a,
@@ -1221,25 +1264,25 @@ const Io = (e) => e.name, Po = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
           onSelect: (g) => {
             t.includes(g) || o([...t, g]);
           },
-          renderOption: Io,
+          renderOption: Po,
           isIdInteger: n.datatype === "integer",
           freeze: r
         }
       ),
       /* @__PURE__ */ l.jsx(
-        $o,
+        Mo,
         {
           items: t.map((g) => i.get(g)),
           onDelete: (g) => {
-            o(t.filter((f) => f !== g.id));
+            o(t.filter((c) => c !== g.id));
           },
-          render: Po,
+          render: Eo,
           freeze: r
         }
       )
     ] });
   }
-), Eo = ({
+), $o = ({
   name: e,
   data: n,
   onSelect: t,
@@ -1249,65 +1292,65 @@ const Io = (e) => e.name, Po = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
   setQuery: s,
   freeze: a = !1
 }) => {
-  const u = Kt({
+  const u = qt({
     onDropdownClose: () => u.resetSelectedOption()
-  }), g = F(() => n.map((f) => (
+  }), g = I(() => n.map((c) => (
     // value has to be a string
-    /* @__PURE__ */ l.jsx(A.Option, { value: f.id.toString(), children: o(f) }, f.id)
+    /* @__PURE__ */ l.jsx(N.Option, { value: c.id.toString(), children: o(c) }, c.id)
   )), [n]);
   return /* @__PURE__ */ l.jsxs(
-    A,
+    N,
     {
       store: u,
-      onOptionSubmit: (f) => {
-        t(r ? parseInt(f) : f), s(""), u.closeDropdown();
+      onOptionSubmit: (c) => {
+        t(r ? parseInt(c) : c), s(""), u.closeDropdown();
       },
       offset: 0,
       shadow: "sm",
       disabled: a,
       children: [
-        /* @__PURE__ */ l.jsx(A.Target, { children: /* @__PURE__ */ l.jsx(
-          Y,
+        /* @__PURE__ */ l.jsx(N.Target, { children: /* @__PURE__ */ l.jsx(
+          B,
           {
             id: e,
             pointer: !a,
-            rightSection: /* @__PURE__ */ l.jsx(ut, { size: 16, stroke: 1.5 }),
+            rightSection: /* @__PURE__ */ l.jsx(lt, { size: 16, stroke: 1.5 }),
             rightSectionPointerEvents: "none",
             onClick: () => u.toggleDropdown(),
             placeholder: "Type to search...",
             value: i,
-            onChange: (f) => s(f.currentTarget.value),
+            onChange: (c) => s(c.currentTarget.value),
             disabled: a
           }
         ) }),
-        /* @__PURE__ */ l.jsx(A.Dropdown, { children: /* @__PURE__ */ l.jsx(A.Options, { children: g.length === 0 ? /* @__PURE__ */ l.jsx(A.Empty, { children: "Nothing found" }) : g }) })
+        /* @__PURE__ */ l.jsx(N.Dropdown, { children: /* @__PURE__ */ l.jsx(N.Options, { children: g.length === 0 ? /* @__PURE__ */ l.jsx(N.Empty, { children: "Nothing found" }) : g }) })
       ]
     }
   );
-}, $o = ({
+}, Mo = ({
   items: e,
   onDelete: n,
   render: t,
   freeze: o = !1
 }) => {
-  const r = F(() => {
+  const r = I(() => {
     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: [
           t(a),
-          !o && /* @__PURE__ */ l.jsx(Nn, { size: "sm", onClick: () => n(a) })
+          !o && /* @__PURE__ */ l.jsx(Dn, { size: "sm", onClick: () => n(a) })
         ] }, s)
-      ), s < e.length - 1 && i.push(/* @__PURE__ */ l.jsx(Tn, {}, `divider-${s}`));
+      ), s < e.length - 1 && i.push(/* @__PURE__ */ l.jsx(Vn, {}, `divider-${s}`));
     }
     return i;
   }, [e, o]);
   if (r.length !== 0)
-    return /* @__PURE__ */ l.jsx(oe, { bd: "1px solid #ddd", children: r });
-}, Mo = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => /* @__PURE__ */ l.jsxs(z, { gap: "sm", justify: "space-between", direction: "row", align: "center", children: [
+    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(
-    Xe,
+    We,
     {
       id: e.tsName,
       value: (n == null ? void 0 : n.start) || null,
@@ -1323,12 +1366,12 @@ const Io = (e) => e.name, Po = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       disabled: o,
       popoverProps: { withinPortal: !1 },
       flex: 1,
-      leftSection: /* @__PURE__ */ l.jsx($e, { size: 16, stroke: 1.5 })
+      leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
     }
   ),
   /* @__PURE__ */ l.jsx("span", { style: { flexGrow: 0 }, children: "–" }),
   /* @__PURE__ */ l.jsx(
-    Xe,
+    We,
     {
       id: e.tsName,
       value: (n == null ? void 0 : n.end) || null,
@@ -1344,12 +1387,12 @@ const Io = (e) => e.name, Po = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       disabled: o,
       popoverProps: { withinPortal: !1 },
       flex: 1,
-      leftSection: /* @__PURE__ */ l.jsx($e, { size: 16, stroke: 1.5 })
+      leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
     }
   )
-] }), bo = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => /* @__PURE__ */ l.jsxs(z, { gap: "sm", justify: "space-between", direction: "row", align: "center", children: [
+] }), 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(
-    Pt,
+    yt,
     {
       id: e.tsName,
       value: (n == null ? void 0 : n.start) || null,
@@ -1366,12 +1409,12 @@ const Io = (e) => e.name, Po = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       popoverProps: { withinPortal: !1 },
       flex: 1,
       withSeconds: !1,
-      leftSection: /* @__PURE__ */ l.jsx($e, { size: 16, stroke: 1.5 })
+      leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
     }
   ),
   /* @__PURE__ */ l.jsx("span", { style: { flexGrow: 0 }, children: "–" }),
   /* @__PURE__ */ l.jsx(
-    Pt,
+    yt,
     {
       id: e.tsName,
       value: (n == null ? void 0 : n.end) || null,
@@ -1388,21 +1431,21 @@ const Io = (e) => e.name, Po = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       popoverProps: { withinPortal: !1 },
       flex: 1,
       withSeconds: !1,
-      leftSection: /* @__PURE__ */ l.jsx($e, { size: 16, stroke: 1.5 })
+      leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
     }
   )
-] }), be = {
-  integer: Me,
-  float: Me,
-  string: he,
-  boolean: tn,
-  "string[]": he,
-  enum: _o,
-  date: jo
-}, Do = "_requiredLabelLeft_l5p83_1", No = "_requiredLabelRight_l5p83_11", Nt = {
-  requiredLabelLeft: Do,
-  requiredLabelRight: No
-}, nn = ({
+] }), $t = {
+  integer: be,
+  float: be,
+  string: me,
+  boolean: nn,
+  "string[]": me,
+  enum: jo,
+  date: yo
+}, Vo = "_requiredLabelLeft_l5p83_1", To = "_requiredLabelRight_l5p83_11", Mt = {
+  requiredLabelLeft: Vo,
+  requiredLabelRight: To
+}, sn = ({
   label: e,
   name: n,
   required: t = !1,
@@ -1410,11 +1453,11 @@ const Io = (e) => e.name, Po = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
   style: r,
   align: i = "left"
 }) => {
-  const s = t ? i === "left" ? Nt.requiredLabelRight : Nt.requiredLabelLeft : "";
+  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: [
     /* @__PURE__ */ l.jsx(P, { size: "sm", className: s, children: e }),
-    o !== void 0 && /* @__PURE__ */ l.jsx(Yt, { label: o, withArrow: !0, children: /* @__PURE__ */ l.jsx(
-      Xt,
+    o !== void 0 && /* @__PURE__ */ l.jsx(Ut, { label: o, withArrow: !0, children: /* @__PURE__ */ l.jsx(
+      Yt,
       {
         size: 16,
         stroke: 1.5,
@@ -1422,49 +1465,54 @@ const Io = (e) => e.name, Po = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       }
     ) })
   ] }) }) });
-}, on = {
+}, Ao = {
   type: "vertical",
   helpAlwaysVisible: !1
-}, Tt = W(
+}, bt = ne(
   ({
     store: e,
     record: n,
     property: t,
-    layout: o = on,
+    layout: o = Ao,
     InputComponent: r,
-    validator: i,
-    freeze: s = !1
+    freeze: i = !1,
+    label: s,
+    onChange: a,
+    visible: u
   }) => {
-    const [a, u] = M(void 0), g = n[t.tsName], f = (S) => {
-      var d;
-      if (dt(n))
-        n[t.updateFuncName](S);
+    const [g, c] = M(void 0);
+    if (u !== void 0 && !u(n))
+      return /* @__PURE__ */ l.jsx("div", {});
+    const S = Zt(n, t);
+    return a === void 0 && (a = (f) => {
+      var p;
+      if (Xt(n))
+        Pt(n, t, f);
       else {
-        const p = n.toDraft();
-        p[t.updateFuncName](S), e.setDraft(p);
+        const m = n.toDraft();
+        Pt(m, t, f), e.setDraft(m);
       }
-      const c = i(S);
-      c.isValid ? u(void 0) : u(
-        (d = c.errorMessage) == null ? void 0 : d.t({ args: { name: t.label } })
+      const d = t.validator(f);
+      d.isValid ? c(void 0) : c(
+        (p = d.errorMessage) == null ? void 0 : p.t({ args: { name: t.label } })
       );
-    };
-    return /* @__PURE__ */ l.jsx(
-      rn,
+    }), /* @__PURE__ */ l.jsx(
+      No,
       {
         db: e.db,
         property: t,
         layout: o,
         InputComponent: r,
-        validator: i,
-        freeze: s,
-        value: g,
-        error: a,
-        onChange: f
+        freeze: i,
+        value: S,
+        error: g,
+        label: s,
+        onChange: a
       }
     );
   }
 );
-function rn({
+function No({
   db: e,
   layout: n,
   property: t,
@@ -1472,58 +1520,56 @@ function rn({
   freeze: r,
   value: i,
   error: s,
-  onChange: a
+  label: a,
+  onChange: u
 }) {
-  if (To(n))
-    return /* @__PURE__ */ l.jsxs(te, { gap: 5, children: [
-      /* @__PURE__ */ l.jsxs($, { gutter: "sm", children: [
-        /* @__PURE__ */ l.jsx(
-          $.Col,
-          {
-            span: n.labelCol,
-            style: {
-              display: "flex",
-              justifyContent: n.align || "left"
-            },
-            children: /* @__PURE__ */ l.jsx(
-              nn,
-              {
-                label: /* @__PURE__ */ l.jsx(D, { value: t.label }),
-                name: t.name,
-                required: t.isRequired,
-                tooltip: t.description !== void 0 ? /* @__PURE__ */ l.jsx(D, { value: t.description }) : void 0,
-                align: n.align
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ l.jsx($.Col, { span: n.itemCol, children: /* @__PURE__ */ l.jsx(
-          o,
-          {
-            db: e,
-            property: t,
-            value: i,
-            error: s !== void 0,
-            onChange: a,
-            freeze: r
-          }
-        ) })
-      ] }),
-      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(Y.Error, { children: s }) })
-      ] })
-    ] });
-  let u = /* @__PURE__ */ l.jsx(D, { value: t.label });
-  return !n.helpAlwaysVisible && t.description !== void 0 && (u = /* @__PURE__ */ l.jsxs(k, { gap: 4, style: { display: "inline-flex" }, children: [
-    u,
+  return ko(n) ? /* @__PURE__ */ l.jsxs(Q, { gap: 5, children: [
+    /* @__PURE__ */ l.jsxs($, { gutter: "sm", children: [
+      /* @__PURE__ */ l.jsx(
+        $.Col,
+        {
+          span: n.labelCol,
+          style: {
+            display: "flex",
+            justifyContent: n.align || "left"
+          },
+          children: /* @__PURE__ */ l.jsx(
+            sn,
+            {
+              label: /* @__PURE__ */ l.jsx(T, { value: t.label }),
+              name: t.name,
+              required: t.isRequired,
+              tooltip: t.description !== void 0 ? /* @__PURE__ */ l.jsx(T, { value: t.description }) : void 0,
+              align: n.align
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ l.jsx($.Col, { span: n.itemCol, children: /* @__PURE__ */ l.jsx(
+        o,
+        {
+          db: e,
+          property: t,
+          value: i,
+          error: s !== void 0,
+          onChange: u,
+          freeze: r
+        }
+      ) })
+    ] }),
+    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 }) })
+    ] })
+  ] }) : (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,
     /* @__PURE__ */ l.jsx(
-      Yt,
+      Ut,
       {
-        label: /* @__PURE__ */ l.jsx(D, { value: t.description }),
+        label: /* @__PURE__ */ l.jsx(T, { value: t.description }),
         withArrow: !0,
         children: /* @__PURE__ */ l.jsx(
-          Xt,
+          Yt,
           {
             size: 16,
             stroke: 1.5,
@@ -1533,10 +1579,10 @@ function rn({
       }
     )
   ] })), /* @__PURE__ */ l.jsx(
-    Y.Wrapper,
+    B.Wrapper,
     {
-      label: u,
-      description: n.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ l.jsx(D, { value: t.description }) : void 0,
+      label: a,
+      description: n.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ l.jsx(T, { value: t.description }) : void 0,
       required: t.isRequired,
       children: /* @__PURE__ */ l.jsx(
         o,
@@ -1545,22 +1591,22 @@ function rn({
           property: t,
           value: i,
           error: s,
-          onChange: a,
+          onChange: u,
           freeze: r
         }
       )
     }
-  );
+  ));
 }
-function To(e) {
+function ko(e) {
   return e.type === "horizontal";
 }
-const Vt = 12, Ii = (e) => {
-  const n = e.schema, t = F(() => {
+const Dt = 12, bi = (e) => {
+  const n = e.schema, t = I(() => {
     const o = Math.max(
       ...e.fieldGroups.map((r) => Math.max(...r.fields.map((i) => i.length)))
     );
-    return e.fieldGroups.map((r, i) => Vo(
+    return e.fieldGroups.map((r, i) => Lo(
       n,
       e.store,
       e.record,
@@ -1574,9 +1620,9 @@ const Vt = 12, Ii = (e) => {
     "form",
     {
       onSubmit: e.onSubmit === void 0 ? void 0 : (o) => {
-        o.preventDefault(), e.onSubmit !== void 0 && dt(e.record) && e.onSubmit(e.record);
+        o.preventDefault(), e.onSubmit !== void 0 && Xt(e.record) && e.onSubmit(e.record);
       },
-      children: /* @__PURE__ */ l.jsxs(te, { gap: "sm", className: e.className, style: e.styles, children: [
+      children: /* @__PURE__ */ l.jsxs(Q, { 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,
@@ -1594,161 +1640,81 @@ const Vt = 12, Ii = (e) => {
     }
   );
 };
-function Vo(e, n, t, o, r, i, s) {
-  var f, S;
+function Lo(e, n, t, o, r, i, s) {
+  var c, S, f, d, p;
   const a = r.fields, u = [];
-  for (let c = 0; c < a.length; c++) {
-    const d = Vt / a[c].length;
-    if (!Number.isInteger(d))
-      throw new Error(`Span must be an integer, but got ${d} for row ${c}`);
-    let p;
-    s !== void 0 && typeof s == "object" && s.type === "horizontal" ? p = {
+  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 = {
       ...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[c].length / i
+        s.labelCol * a[m].length / i
       ),
-      itemCol: Vt - Math.floor(s.labelCol * a[c].length / i)
-    } : p = s;
-    for (let m = 0; m < a[c].length; m++) {
-      const v = a[c][m];
-      let C;
-      typeof v == "function" ? C = v(n, t) : typeof v == "object" && "prop" in v ? C = /* @__PURE__ */ l.jsx(
-        Tt,
-        {
-          store: n,
-          record: t,
-          property: e.allProperties[v.prop],
-          layout: p,
-          InputComponent: At(
-            e.allProperties[v.prop],
-            (f = v.args) == null ? void 0 : f.input
-          ),
-          validator: e.validators[v.prop],
-          freeze: ((S = v.args) == null ? void 0 : S.freeze) ?? !1
-        }
-      ) : C = /* @__PURE__ */ l.jsx(
-        Tt,
-        {
-          store: n,
-          record: t,
-          property: e.allProperties[v],
-          layout: p,
-          InputComponent: At(e.allProperties[v]),
-          validator: e.validators[v],
-          freeze: !1
-        }
-      ), u.push(
-        /* @__PURE__ */ l.jsx($.Col, { span: d, children: C }, `${c}-${m}`)
+      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,
+          {
+            store: n,
+            record: t,
+            property: F,
+            layout: v,
+            InputComponent: Vt(F),
+            freeze: !1
+          }
+        );
+      }
+      u.push(
+        /* @__PURE__ */ l.jsx($.Col, { span: C, children: x }, `${m}-${j}`)
       );
     }
   }
   const g = /* @__PURE__ */ l.jsx($, { gutter: "sm", children: u }, o);
-  return r.name !== void 0 ? /* @__PURE__ */ l.jsx(Vn, { legend: r.name, children: g }, o) : g;
+  return r.name !== void 0 ? /* @__PURE__ */ l.jsx(Tn, { legend: r.name, children: g }, o) : g;
 }
-function At(e, n) {
+function Vt(e, n) {
   if (n !== void 0)
     return n;
-  if (X(e))
-    return e.cardinality === "N:N" || e.cardinality === "1:N" ? mt : pt;
-  if (be[e.datatype] === void 0)
+  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)
     throw new Error(
-      `No input component found for datatype ${e.datatype}`
+      `No input component found for datatype ${t.datatype}`
     );
-  return be[e.datatype];
-}
-const Ao = W(
-  ({
-    store: e,
-    record: n,
-    properties: t,
-    layout: o = on,
-    InputComponent: r,
-    validator: i,
-    freeze: s = !1
-  }) => {
-    const [a, u] = M(void 0);
-    if (t.length < 2)
-      throw new Error(
-        "FormNestedPropertyItem requires at least two properties to form a nested path."
-      );
-    const g = t[t.length - 1], f = t.reduce((c, d) => {
-      if (c != null)
-        return c[d.tsName];
-    }, n), S = (c) => {
-      var p;
-      if (dt(n))
-        Ze(t, 0, n, c);
-      else {
-        const m = n.toDraft();
-        Ze(t, 0, m, c), e.setDraft(m);
-      }
-      const d = i(c);
-      d.isValid ? u(void 0) : u(
-        (p = d.errorMessage) == null ? void 0 : p.t({ args: { name: g.label } })
-      );
-    };
-    return /* @__PURE__ */ l.jsx(
-      rn,
-      {
-        db: e.db,
-        property: g,
-        layout: o,
-        InputComponent: r,
-        validator: i,
-        freeze: s,
-        value: f,
-        error: a,
-        onChange: S
-      }
-    );
-  }
-);
-function Ze(e, n, t, o) {
-  if (!X(e[n]))
-    throw new Error(
-      "All properties except the last one must be object properties in updateNestedProperty."
-    );
-  if (n === e.length - 2) {
-    t[e[n].updateFuncName](
-      (r, i) => (i === void 0 && (i = new r()), i[e[n + 1].updateFuncName](o), i)
-    );
-    return;
-  } else {
-    if (n > e.length - 2)
-      throw new Error("Invalid index in updateProperties");
-    t[e[n].updateFuncName](
-      (r, i) => (i === void 0 && (i = new r()), Ze(e, n + 1, i, o), i)
-    );
-  }
-}
-function Pi(e, n, t) {
-  const o = e[e.length - 1];
-  let r;
-  if ((t == null ? void 0 : t.input) !== void 0)
-    r = t.input;
-  else if (X(o))
-    r = o.cardinality === "N:N" || o.cardinality === "1:N" ? mt : pt;
-  else {
-    if (be[o.datatype] === void 0)
-      throw new Error(
-        `No input component found for datatype ${o.datatype}`
-      );
-    r = be[o.datatype];
-  }
-  return (i, s) => /* @__PURE__ */ l.jsx(
-    Ao,
-    {
-      store: i,
-      record: s,
-      properties: e,
-      InputComponent: r,
-      validator: n,
-      freeze: (t == null ? void 0 : t.freeze) ?? !1
-    }
-  );
+  return $t[t.datatype];
 }
 /**
    * table-core
@@ -1760,24 +1726,24 @@ function Pi(e, n, t) {
    *
    * @license MIT
    */
-function Q(e, n) {
+function W(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
 function O(e, n) {
   return (t) => {
     n.setState((o) => ({
       ...o,
-      [e]: Q(t, o[e])
+      [e]: W(t, o[e])
     }));
   };
 }
 function De(e) {
   return e instanceof Function;
 }
-function ko(e) {
+function Oo(e) {
   return Array.isArray(e) && e.every((n) => typeof n == "number");
 }
-function Lo(e, n) {
+function zo(e, n) {
   const t = [], o = (r) => {
     r.forEach((i) => {
       t.push(i);
@@ -1787,31 +1753,31 @@ function Lo(e, n) {
   };
   return o(e), t;
 }
-function x(e, n, t) {
+function R(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((f, S) => o[S] !== f)))
+    if (!(a.length !== o.length || a.some((c, S) => o[S] !== 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 f = Math.round((Date.now() - s) * 100) / 100, S = Math.round((Date.now() - g) * 100) / 100, c = S / 16, d = (p, m) => {
+      const c = Math.round((Date.now() - s) * 100) / 100, S = Math.round((Date.now() - g) * 100) / 100, f = S / 16, d = (p, m) => {
         for (p = String(p); p.length < m; )
           p = " " + p;
         return p;
       };
-      console.info(`%c⏱ ${d(S, 5)} /${d(f, 5)} ms`, `
+      console.info(`%c⏱ ${d(S, 5)} /${d(c, 5)} ms`, `
             font-size: .6rem;
             font-weight: bold;
-            color: hsl(${Math.max(0, Math.min(120 - 120 * c, 120))}deg 100% 31%);`, t == null ? void 0 : t.key);
+            color: hsl(${Math.max(0, Math.min(120 - 120 * f, 120))}deg 100% 31%);`, t == null ? void 0 : t.key);
     }
     return r;
   };
 }
-function R(e, n, t, o) {
+function y(e, n, t, o) {
   return {
     debug: () => {
       var r;
@@ -1821,7 +1787,7 @@ function R(e, n, t, o) {
     onChange: o
   };
 }
-function Oo(e, n, t, o) {
+function Go(e, n, t, o) {
   const r = () => {
     var s;
     return (s = i.getValue()) != null ? s : e.options.renderFallbackValue;
@@ -1831,61 +1797,61 @@ function Oo(e, n, t, o) {
     column: t,
     getValue: () => n.getValue(o),
     renderValue: r,
-    getContext: x(() => [e, t, n, i], (s, a, u, g) => ({
+    getContext: R(() => [e, t, n, i], (s, a, u, g) => ({
       table: s,
       column: a,
       row: u,
       cell: g,
       getValue: g.getValue,
       renderValue: g.renderValue
-    }), R(e.options, "debugCells", "cell.getContext"))
+    }), y(e.options, "debugCells", "cell.getContext"))
   };
   return e._features.forEach((s) => {
     s.createCell == null || s.createCell(i, t, n, e);
   }, {}), i;
 }
-function zo(e, n, t, o) {
+function Ho(e, n, t, o) {
   var r, i;
   const a = {
     ...e._getDefaultColumnDef(),
     ...n
   }, u = a.accessorKey;
-  let g = (r = (i = a.id) != null ? i : u ? typeof String.prototype.replaceAll == "function" ? u.replaceAll(".", "_") : u.replace(/\./g, "_") : void 0) != null ? r : typeof a.header == "string" ? a.header : void 0, f;
-  if (a.accessorFn ? f = a.accessorFn : u && (u.includes(".") ? f = (c) => {
-    let d = c;
+  let g = (r = (i = a.id) != null ? i : u ? typeof String.prototype.replaceAll == "function" ? u.replaceAll(".", "_") : u.replace(/\./g, "_") : void 0) != null ? r : typeof a.header == "string" ? a.header : void 0, c;
+  if (a.accessorFn ? c = a.accessorFn : u && (u.includes(".") ? c = (f) => {
+    let d = f;
     for (const m of u.split(".")) {
       var p;
       d = (p = d) == null ? void 0 : p[m], process.env.NODE_ENV !== "production" && d === void 0 && console.warn(`"${m}" in deeply nested key "${u}" returned undefined.`);
     }
     return d;
-  } : f = (c) => c[a.accessorKey]), !g)
+  } : 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 = {
     id: `${String(g)}`,
-    accessorFn: f,
+    accessorFn: c,
     parent: o,
     depth: t,
     columnDef: a,
     columns: [],
-    getFlatColumns: x(() => [!0], () => {
-      var c;
-      return [S, ...(c = S.columns) == null ? void 0 : c.flatMap((d) => d.getFlatColumns())];
-    }, R(e.options, "debugColumns", "column.getFlatColumns")),
-    getLeafColumns: x(() => [e._getOrderColumnsFn()], (c) => {
+    getFlatColumns: R(() => [!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) => {
       var d;
       if ((d = S.columns) != null && d.length) {
         let p = S.columns.flatMap((m) => m.getLeafColumns());
-        return c(p);
+        return f(p);
       }
       return [S];
-    }, R(e.options, "debugColumns", "column.getLeafColumns"))
+    }, y(e.options, "debugColumns", "column.getLeafColumns"))
   };
-  for (const c of e._features)
-    c.createColumn == null || c.createColumn(S, e);
+  for (const f of e._features)
+    f.createColumn == null || f.createColumn(S, e);
   return S;
 }
-const V = "debugHeaders";
-function kt(e, n, t) {
+const A = "debugHeaders";
+function Tt(e, n, t) {
   var o;
   let i = {
     id: (o = t.id) != null ? o : n.id,
@@ -1914,92 +1880,92 @@ function kt(e, n, t) {
     s.createHeader == null || s.createHeader(i, e);
   }), i;
 }
-const Go = {
+const qo = {
   createTable: (e) => {
-    e.getHeaderGroups = x(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => {
+    e.getHeaderGroups = R(() => [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((c) => c.id === S)).filter(Boolean)) != null ? i : [], u = (s = r == null ? void 0 : r.map((S) => t.find((c) => c.id === S)).filter(Boolean)) != null ? s : [], g = t.filter((S) => !(o != null && o.includes(S.id)) && !(r != null && r.includes(S.id)));
-      return Fe(n, [...a, ...g, ...u], e);
-    }, R(e.options, V, "getHeaderGroups")), e.getCenterHeaderGroups = x(() => [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))), Fe(n, t, e, "center")), R(e.options, V, "getCenterHeaderGroups")), e.getLeftHeaderGroups = x(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (n, t, o) => {
+      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)));
+      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) => {
       var r;
       const i = (r = o == null ? void 0 : o.map((s) => t.find((a) => a.id === s)).filter(Boolean)) != null ? r : [];
-      return Fe(n, i, e, "left");
-    }, R(e.options, V, "getLeftHeaderGroups")), e.getRightHeaderGroups = x(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (n, t, o) => {
+      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) => {
       var r;
       const i = (r = o == null ? void 0 : o.map((s) => t.find((a) => a.id === s)).filter(Boolean)) != null ? r : [];
-      return Fe(n, i, e, "right");
-    }, R(e.options, V, "getRightHeaderGroups")), e.getFooterGroups = x(() => [e.getHeaderGroups()], (n) => [...n].reverse(), R(e.options, V, "getFooterGroups")), e.getLeftFooterGroups = x(() => [e.getLeftHeaderGroups()], (n) => [...n].reverse(), R(e.options, V, "getLeftFooterGroups")), e.getCenterFooterGroups = x(() => [e.getCenterHeaderGroups()], (n) => [...n].reverse(), R(e.options, V, "getCenterFooterGroups")), e.getRightFooterGroups = x(() => [e.getRightHeaderGroups()], (n) => [...n].reverse(), R(e.options, V, "getRightFooterGroups")), e.getFlatHeaders = x(() => [e.getHeaderGroups()], (n) => n.map((t) => t.headers).flat(), R(e.options, V, "getFlatHeaders")), e.getLeftFlatHeaders = x(() => [e.getLeftHeaderGroups()], (n) => n.map((t) => t.headers).flat(), R(e.options, V, "getLeftFlatHeaders")), e.getCenterFlatHeaders = x(() => [e.getCenterHeaderGroups()], (n) => n.map((t) => t.headers).flat(), R(e.options, V, "getCenterFlatHeaders")), e.getRightFlatHeaders = x(() => [e.getRightHeaderGroups()], (n) => n.map((t) => t.headers).flat(), R(e.options, V, "getRightFlatHeaders")), e.getCenterLeafHeaders = x(() => [e.getCenterFlatHeaders()], (n) => n.filter((t) => {
+      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) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
-    }), R(e.options, V, "getCenterLeafHeaders")), e.getLeftLeafHeaders = x(() => [e.getLeftFlatHeaders()], (n) => n.filter((t) => {
+    }), y(e.options, A, "getCenterLeafHeaders")), e.getLeftLeafHeaders = R(() => [e.getLeftFlatHeaders()], (n) => n.filter((t) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
-    }), R(e.options, V, "getLeftLeafHeaders")), e.getRightLeafHeaders = x(() => [e.getRightFlatHeaders()], (n) => n.filter((t) => {
+    }), y(e.options, A, "getLeftLeafHeaders")), e.getRightLeafHeaders = R(() => [e.getRightFlatHeaders()], (n) => n.filter((t) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
-    }), R(e.options, V, "getRightLeafHeaders")), e.getLeafHeaders = x(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (n, t, o) => {
+    }), y(e.options, A, "getRightLeafHeaders")), e.getLeafHeaders = R(() => [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((f) => f.getLeafHeaders()).flat();
-    }, R(e.options, V, "getLeafHeaders"));
+      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"));
   }
 };
-function Fe(e, n, t, o) {
+function Ie(e, n, t, o) {
   var r, i;
   let s = 0;
-  const a = function(c, d) {
-    d === void 0 && (d = 1), s = Math.max(s, d), c.filter((p) => p.getIsVisible()).forEach((p) => {
+  const a = function(f, d) {
+    d === void 0 && (d = 1), s = Math.max(s, d), f.filter((p) => p.getIsVisible()).forEach((p) => {
       var m;
       (m = p.columns) != null && m.length && a(p.columns, d + 1);
     }, 0);
   };
   a(e);
   let u = [];
-  const g = (c, d) => {
+  const g = (f, d) => {
     const p = {
       depth: d,
       id: [o, `${d}`].filter(Boolean).join("_"),
       headers: []
     }, m = [];
-    c.forEach((v) => {
-      const C = [...m].reverse()[0], _ = v.column.depth === p.depth;
-      let y, w = !1;
-      if (_ && v.column.parent ? y = v.column.parent : (y = v.column, w = !0), C && (C == null ? void 0 : C.column) === y)
-        C.subHeaders.push(v);
+    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)
+        v.subHeaders.push(C);
       else {
-        const I = kt(t, y, {
-          id: [o, d, y.id, v == null ? void 0 : v.id].filter(Boolean).join("_"),
-          isPlaceholder: w,
-          placeholderId: w ? `${m.filter((L) => L.column === y).length}` : void 0,
+        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,
           depth: d,
           index: m.length
         });
-        I.subHeaders.push(v), m.push(I);
+        F.subHeaders.push(C), m.push(F);
       }
-      p.headers.push(v), v.headerGroup = p;
+      p.headers.push(C), C.headerGroup = p;
     }), u.push(p), d > 0 && g(m, d - 1);
-  }, f = n.map((c, d) => kt(t, c, {
+  }, c = n.map((f, d) => Tt(t, f, {
     depth: s,
     index: d
   }));
-  g(f, s - 1), u.reverse();
-  const S = (c) => c.filter((p) => p.column.getIsVisible()).map((p) => {
-    let m = 0, v = 0, C = [0];
-    p.subHeaders && p.subHeaders.length ? (C = [], S(p.subHeaders).forEach((y) => {
+  g(c, s - 1), u.reverse();
+  const S = (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) => {
       let {
-        colSpan: w,
-        rowSpan: I
-      } = y;
-      m += w, C.push(I);
+        colSpan: x,
+        rowSpan: F
+      } = w;
+      m += x, v.push(F);
     })) : m = 1;
-    const _ = Math.min(...C);
-    return v = v + _, p.colSpan = m, p.rowSpan = v, {
+    const j = Math.min(...v);
+    return C = C + j, p.colSpan = m, p.rowSpan = C, {
       colSpan: m,
-      rowSpan: v
+      rowSpan: C
     };
   });
   return S((r = (i = u[0]) == null ? void 0 : i.headers) != null ? r : []), u;
 }
-const Ho = (e, n, t, o, r, i, s) => {
+const Bo = (e, n, t, o, r, i, s) => {
   let a = {
     id: n,
     index: o,
@@ -2027,73 +1993,73 @@ const Ho = (e, n, t, o, r, i, s) => {
       return (g = a.getValue(u)) != null ? g : e.options.renderFallbackValue;
     },
     subRows: [],
-    getLeafRows: () => Lo(a.subRows, (u) => u.subRows),
+    getLeafRows: () => zo(a.subRows, (u) => u.subRows),
     getParentRow: () => a.parentId ? e.getRow(a.parentId, !0) : void 0,
     getParentRows: () => {
       let u = [], g = a;
       for (; ; ) {
-        const f = g.getParentRow();
-        if (!f) break;
-        u.push(f), g = f;
+        const c = g.getParentRow();
+        if (!c) break;
+        u.push(c), g = c;
       }
       return u.reverse();
     },
-    getAllCells: x(() => [e.getAllLeafColumns()], (u) => u.map((g) => Oo(e, a, g, g.id)), R(e.options, "debugRows", "getAllCells")),
-    _getAllCellsByColumnId: x(() => [a.getAllCells()], (u) => u.reduce((g, f) => (g[f.column.id] = f, g), {}), R(e.options, "debugRows", "getAllCellsByColumnId"))
+    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"))
   };
   for (let u = 0; u < e._features.length; u++) {
     const g = e._features[u];
     g == null || g.createRow == null || g.createRow(a, e);
   }
   return a;
-}, qo = {
+}, Uo = {
   createColumn: (e, n) => {
     e._getFacetedRowModel = n.options.getFacetedRowModel && n.options.getFacetedRowModel(n, e.id), e.getFacetedRowModel = () => e._getFacetedRowModel ? e._getFacetedRowModel() : n.getPreFilteredRowModel(), e._getFacetedUniqueValues = n.options.getFacetedUniqueValues && n.options.getFacetedUniqueValues(n, e.id), e.getFacetedUniqueValues = () => e._getFacetedUniqueValues ? e._getFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getFacetedMinMaxValues = n.options.getFacetedMinMaxValues && n.options.getFacetedMinMaxValues(n, e.id), e.getFacetedMinMaxValues = () => {
       if (e._getFacetedMinMaxValues)
         return e._getFacetedMinMaxValues();
     };
   }
-}, sn = (e, n, t) => {
+}, ln = (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));
 };
-sn.autoRemove = (e) => q(e);
-const ln = (e, n, t) => {
-  var o;
-  return !!(!((o = e.getValue(n)) == null || (o = o.toString()) == null) && o.includes(t));
-};
 ln.autoRemove = (e) => q(e);
 const an = (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());
+  return !!(!((o = e.getValue(n)) == null || (o = o.toString()) == null) && o.includes(t));
 };
 an.autoRemove = (e) => q(e);
 const un = (e, n, t) => {
   var o;
-  return (o = e.getValue(n)) == null ? void 0 : o.includes(t);
+  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) => !t.some((o) => {
+const dn = (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) => {
   var r;
   return !((r = e.getValue(n)) != null && r.includes(o));
 });
-dn.autoRemove = (e) => q(e) || !(e != null && e.length);
-const gn = (e, n, t) => t.some((o) => {
+gn.autoRemove = (e) => q(e) || !(e != null && e.length);
+const cn = (e, n, t) => t.some((o) => {
   var r;
   return (r = e.getValue(n)) == null ? void 0 : r.includes(o);
 });
-gn.autoRemove = (e) => q(e) || !(e != null && e.length);
-const cn = (e, n, t) => e.getValue(n) === t;
-cn.autoRemove = (e) => q(e);
-const fn = (e, n, t) => e.getValue(n) == t;
+cn.autoRemove = (e) => q(e) || !(e != null && e.length);
+const fn = (e, n, t) => e.getValue(n) === t;
 fn.autoRemove = (e) => q(e);
-const ht = (e, n, t) => {
+const pn = (e, n, t) => e.getValue(n) == t;
+pn.autoRemove = (e) => q(e);
+const gt = (e, n, t) => {
   let [o, r] = t;
   const i = e.getValue(n);
   return i >= o && i <= r;
 };
-ht.resolveFilterValue = (e) => {
+gt.resolveFilterValue = (e) => {
   let [n, t] = e, o = typeof n != "number" ? parseFloat(n) : n, r = typeof t != "number" ? parseFloat(t) : t, i = n === null || Number.isNaN(o) ? -1 / 0 : o, s = t === null || Number.isNaN(r) ? 1 / 0 : r;
   if (i > s) {
     const a = i;
@@ -2101,22 +2067,22 @@ ht.resolveFilterValue = (e) => {
   }
   return [i, s];
 };
-ht.autoRemove = (e) => q(e) || q(e[0]) && q(e[1]);
+gt.autoRemove = (e) => q(e) || q(e[0]) && q(e[1]);
 const U = {
-  includesString: sn,
-  includesStringSensitive: ln,
-  equalsString: an,
-  arrIncludes: un,
-  arrIncludesAll: dn,
-  arrIncludesSome: gn,
-  equals: cn,
-  weakEquals: fn,
-  inNumberRange: ht
+  includesString: ln,
+  includesStringSensitive: an,
+  equalsString: un,
+  arrIncludes: dn,
+  arrIncludesAll: gn,
+  arrIncludesSome: cn,
+  equals: fn,
+  weakEquals: pn,
+  inNumberRange: gt
 };
 function q(e) {
   return e == null || e === "";
 }
-const Bo = {
+const Ko = {
   getDefaultColumnDef: () => ({
     filterFn: "auto"
   }),
@@ -2150,10 +2116,10 @@ const Bo = {
       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((f) => f.id === e.id), s = Q(t, i ? i.value : void 0);
-        if (Lt(r, s, e)) {
+        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)) {
           var a;
-          return (a = o == null ? void 0 : o.filter((f) => f.id !== e.id)) != null ? a : [];
+          return (a = o == null ? void 0 : o.filter((c) => c.id !== e.id)) != null ? a : [];
         }
         const u = {
           id: e.id,
@@ -2161,7 +2127,7 @@ const Bo = {
         };
         if (i) {
           var g;
-          return (g = o == null ? void 0 : o.map((f) => f.id === e.id ? u : f)) != null ? g : [];
+          return (g = o == null ? void 0 : o.map((c) => c.id === e.id ? u : c)) != null ? g : [];
         }
         return o != null && o.length ? [...o, u] : [u];
       });
@@ -2174,11 +2140,11 @@ const Bo = {
     e.setColumnFilters = (n) => {
       const t = e.getAllLeafColumns(), o = (r) => {
         var i;
-        return (i = Q(n, r)) == null ? void 0 : i.filter((s) => {
+        return (i = W(n, r)) == null ? void 0 : i.filter((s) => {
           const a = t.find((u) => u.id === s.id);
           if (a) {
             const u = a.getFilterFn();
-            if (Lt(u, s.value, a))
+            if (At(u, s.value, a))
               return !1;
           }
           return !0;
@@ -2191,57 +2157,57 @@ const Bo = {
     }, 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 Lt(e, n, t) {
+function At(e, n, t) {
   return (e && e.autoRemove ? e.autoRemove(n, t) : !1) || typeof n > "u" || typeof n == "string" && !n;
 }
-const Uo = (e, n, t) => t.reduce((o, r) => {
+const Yo = (e, n, t) => t.reduce((o, r) => {
   const i = r.getValue(e);
   return o + (typeof i == "number" ? i : 0);
-}, 0), Ko = (e, n, t) => {
+}, 0), Wo = (e, n, t) => {
   let o;
   return t.forEach((r) => {
     const i = r.getValue(e);
     i != null && (o > i || o === void 0 && i >= i) && (o = i);
   }), o;
-}, Yo = (e, n, t) => {
+}, Xo = (e, n, t) => {
   let o;
   return t.forEach((r) => {
     const i = r.getValue(e);
     i != null && (o < i || o === void 0 && i >= i) && (o = i);
   }), o;
-}, Wo = (e, n, t) => {
+}, Jo = (e, n, t) => {
   let o, r;
   return t.forEach((i) => {
     const s = i.getValue(e);
     s != null && (o === void 0 ? s >= s && (o = r = s) : (o > s && (o = s), r < s && (r = s)));
   }), [o, r];
-}, Xo = (e, n) => {
+}, Qo = (e, n) => {
   let t = 0, o = 0;
   if (n.forEach((r) => {
     let i = r.getValue(e);
     i != null && (i = +i) >= i && (++t, o += i);
   }), t) return o / t;
-}, Jo = (e, n) => {
+}, Zo = (e, n) => {
   if (!n.length)
     return;
   const t = n.map((i) => i.getValue(e));
-  if (!ko(t))
+  if (!Oo(t))
     return;
   if (t.length === 1)
     return t[0];
   const o = Math.floor(t.length / 2), r = t.sort((i, s) => i - s);
   return t.length % 2 !== 0 ? r[o] : (r[o - 1] + r[o]) / 2;
-}, Qo = (e, n) => Array.from(new Set(n.map((t) => t.getValue(e))).values()), Zo = (e, n) => new Set(n.map((t) => t.getValue(e))).size, er = (e, n) => n.length, ze = {
-  sum: Uo,
-  min: Ko,
-  max: Yo,
-  extent: Wo,
-  mean: Xo,
-  median: Jo,
-  unique: Qo,
-  uniqueCount: Zo,
-  count: er
-}, tr = {
+}, er = (e, n) => Array.from(new Set(n.map((t) => t.getValue(e))).values()), tr = (e, n) => new Set(n.map((t) => t.getValue(e))).size, nr = (e, n) => n.length, Oe = {
+  sum: Yo,
+  min: Wo,
+  max: Xo,
+  extent: Jo,
+  mean: Qo,
+  median: Zo,
+  unique: er,
+  uniqueCount: tr,
+  count: nr
+}, or = {
   getDefaultColumnDef: () => ({
     aggregatedCell: (e) => {
       var n, t;
@@ -2277,14 +2243,14 @@ const Uo = (e, n, t) => t.reduce((o, r) => {
     }, e.getAutoAggregationFn = () => {
       const t = n.getCoreRowModel().flatRows[0], o = t == null ? void 0 : t.getValue(e.id);
       if (typeof o == "number")
-        return ze.sum;
+        return Oe.sum;
       if (Object.prototype.toString.call(o) === "[object Date]")
-        return ze.extent;
+        return Oe.extent;
     }, e.getAggregationFn = () => {
       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 : ze[e.columnDef.aggregationFn];
+      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];
     };
   },
   createTable: (e) => {
@@ -2308,13 +2274,13 @@ const Uo = (e, n, t) => t.reduce((o, r) => {
     };
   }
 };
-function nr(e, n, t) {
+function rr(e, n, t) {
   if (!(n != null && n.length) || !t)
     return e;
   const o = e.filter((i) => !n.includes(i.id));
   return t === "remove" ? o : [...n.map((i) => e.find((s) => s.id === i)).filter(Boolean), ...o];
 }
-const or = {
+const ir = {
   getInitialState: (e) => ({
     columnOrder: [],
     ...e
@@ -2323,12 +2289,12 @@ const or = {
     onColumnOrderChange: O("columnOrder", e)
   }),
   createColumn: (e, n) => {
-    e.getIndex = x((t) => [Se(n, t)], (t) => t.findIndex((o) => o.id === e.id), R(n.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (t) => {
+    e.getIndex = R((t) => [he(n, t)], (t) => t.findIndex((o) => o.id === e.id), y(n.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (t) => {
       var o;
-      return ((o = Se(n, t)[0]) == null ? void 0 : o.id) === e.id;
+      return ((o = he(n, t)[0]) == null ? void 0 : o.id) === e.id;
     }, e.getIsLastColumn = (t) => {
       var o;
-      const r = Se(n, t);
+      const r = he(n, t);
       return ((o = r[r.length - 1]) == null ? void 0 : o.id) === e.id;
     };
   },
@@ -2336,27 +2302,27 @@ const or = {
     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 = x(() => [e.getState().columnOrder, e.getState().grouping, e.options.groupedColumnMode], (n, t, o) => (r) => {
+    }, e._getOrderColumnsFn = R(() => [e.getState().columnOrder, e.getState().grouping, e.options.groupedColumnMode], (n, t, o) => (r) => {
       let i = [];
       if (!(n != null && n.length))
         i = r;
       else {
         const s = [...n], a = [...r];
         for (; a.length && s.length; ) {
-          const u = s.shift(), g = a.findIndex((f) => f.id === u);
+          const u = s.shift(), g = a.findIndex((c) => c.id === u);
           g > -1 && i.push(a.splice(g, 1)[0]);
         }
         i = [...i, ...a];
       }
-      return nr(i, t, o);
-    }, R(e.options, "debugTable", "_getOrderColumnsFn"));
+      return rr(i, t, o);
+    }, y(e.options, "debugTable", "_getOrderColumnsFn"));
   }
-}, Ge = () => ({
+}, ze = () => ({
   left: [],
   right: []
-}), rr = {
+}), sr = {
   getInitialState: (e) => ({
-    columnPinning: Ge(),
+    columnPinning: ze(),
     ...e
   }),
   getDefaultOptions: (e) => ({
@@ -2375,10 +2341,10 @@ const or = {
           };
         }
         if (t === "left") {
-          var g, f;
+          var g, c;
           return {
             left: [...((g = r == null ? void 0 : r.left) != null ? g : []).filter((S) => !(o != null && o.includes(S))), ...o],
-            right: ((f = r == null ? void 0 : r.right) != null ? f : []).filter((S) => !(o != null && o.includes(S)))
+            right: ((c = r == null ? void 0 : r.right) != null ? c : []).filter((S) => !(o != null && o.includes(S)))
           };
         }
         return {
@@ -2402,21 +2368,21 @@ const or = {
     };
   },
   createRow: (e, n) => {
-    e.getCenterVisibleCells = x(() => [e._getAllVisibleCells(), n.getState().columnPinning.left, n.getState().columnPinning.right], (t, o, r) => {
+    e.getCenterVisibleCells = R(() => [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));
-    }, R(n.options, "debugRows", "getCenterVisibleCells")), e.getLeftVisibleCells = x(() => [e._getAllVisibleCells(), n.getState().columnPinning.left], (t, o) => (o ?? []).map((i) => t.find((s) => s.column.id === i)).filter(Boolean).map((i) => ({
+    }, 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) => ({
       ...i,
       position: "left"
-    })), R(n.options, "debugRows", "getLeftVisibleCells")), e.getRightVisibleCells = x(() => [e._getAllVisibleCells(), n.getState().columnPinning.right], (t, o) => (o ?? []).map((i) => t.find((s) => s.column.id === i)).filter(Boolean).map((i) => ({
+    })), 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) => ({
       ...i,
       position: "right"
-    })), R(n.options, "debugRows", "getRightVisibleCells"));
+    })), y(n.options, "debugRows", "getRightVisibleCells"));
   },
   createTable: (e) => {
     e.setColumnPinning = (n) => e.options.onColumnPinningChange == null ? void 0 : e.options.onColumnPinningChange(n), e.resetColumnPinning = (n) => {
       var t, o;
-      return e.setColumnPinning(n ? Ge() : (t = (o = e.initialState) == null ? void 0 : o.columnPinning) != null ? t : Ge());
+      return e.setColumnPinning(n ? ze() : (t = (o = e.initialState) == null ? void 0 : o.columnPinning) != null ? t : ze());
     }, e.getIsSomeColumnsPinned = (n) => {
       var t;
       const o = e.getState().columnPinning;
@@ -2425,31 +2391,31 @@ const or = {
         return !!((r = o.left) != null && r.length || (i = o.right) != null && i.length);
       }
       return !!((t = o[n]) != null && t.length);
-    }, e.getLeftLeafColumns = x(() => [e.getAllLeafColumns(), e.getState().columnPinning.left], (n, t) => (t ?? []).map((o) => n.find((r) => r.id === o)).filter(Boolean), R(e.options, "debugColumns", "getLeftLeafColumns")), e.getRightLeafColumns = x(() => [e.getAllLeafColumns(), e.getState().columnPinning.right], (n, t) => (t ?? []).map((o) => n.find((r) => r.id === o)).filter(Boolean), R(e.options, "debugColumns", "getRightLeafColumns")), e.getCenterLeafColumns = x(() => [e.getAllLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o) => {
+    }, 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) => {
       const r = [...t ?? [], ...o ?? []];
       return n.filter((i) => !r.includes(i.id));
-    }, R(e.options, "debugColumns", "getCenterLeafColumns"));
+    }, y(e.options, "debugColumns", "getCenterLeafColumns"));
   }
 };
-function ir(e) {
+function lr(e) {
   return e || (typeof document < "u" ? document : null);
 }
-const Ie = {
+const Pe = {
   size: 150,
   minSize: 20,
   maxSize: Number.MAX_SAFE_INTEGER
-}, He = () => ({
+}, Ge = () => ({
   startOffset: null,
   startSize: null,
   deltaOffset: null,
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), sr = {
-  getDefaultColumnDef: () => Ie,
+}), ar = {
+  getDefaultColumnDef: () => Pe,
   getInitialState: (e) => ({
     columnSizing: {},
-    columnSizingInfo: He(),
+    columnSizingInfo: Ge(),
     ...e
   }),
   getDefaultOptions: (e) => ({
@@ -2462,8 +2428,8 @@ const Ie = {
     e.getSize = () => {
       var t, o, r;
       const i = n.getState().columnSizing[e.id];
-      return Math.min(Math.max((t = e.columnDef.minSize) != null ? t : Ie.minSize, (o = i ?? e.columnDef.size) != null ? o : Ie.size), (r = e.columnDef.maxSize) != null ? r : Ie.maxSize);
-    }, e.getStart = x((t) => [t, Se(n, t), n.getState().columnSizing], (t, o) => o.slice(0, e.getIndex(t)).reduce((r, i) => r + i.getSize(), 0), R(n.options, "debugColumns", "getStart")), e.getAfter = x((t) => [t, Se(n, t), n.getState().columnSizing], (t, o) => o.slice(e.getIndex(t) + 1).reduce((r, i) => r + i.getSize(), 0), R(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
+      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 = () => {
       n.setColumnSizing((t) => {
         let {
           [e.id]: o,
@@ -2497,27 +2463,27 @@ const Ie = {
     }, e.getResizeHandler = (t) => {
       const o = n.getColumn(e.column.id), r = o == null ? void 0 : o.getCanResize();
       return (i) => {
-        if (!o || !r || (i.persist == null || i.persist(), qe(i) && i.touches && i.touches.length > 1))
+        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((C) => [C.column.id, C.column.getSize()]) : [[o.id, o.getSize()]], u = qe(i) ? Math.round(i.touches[0].clientX) : i.clientX, g = {}, f = (C, _) => {
-          typeof _ == "number" && (n.setColumnSizingInfo((y) => {
-            var w, I;
-            const L = n.options.columnResizeDirection === "rtl" ? -1 : 1, we = (_ - ((w = y == null ? void 0 : y.startOffset) != null ? w : 0)) * L, ge = Math.max(we / ((I = y == null ? void 0 : y.startSize) != null ? I : 0), -0.999999);
-            return y.columnSizingStart.forEach((Ne) => {
-              let [Te, ie] = Ne;
-              g[Te] = Math.round(Math.max(ie + ie * ge, 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, 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;
             }), {
-              ...y,
-              deltaOffset: we,
-              deltaPercentage: ge
+              ...w,
+              deltaOffset: Ce,
+              deltaPercentage: we
             };
-          }), (n.options.columnResizeMode === "onChange" || C === "end") && n.setColumnSizing((y) => ({
-            ...y,
+          }), (n.options.columnResizeMode === "onChange" || v === "end") && n.setColumnSizing((w) => ({
+            ...w,
             ...g
           })));
-        }, S = (C) => f("move", C), c = (C) => {
-          f("end", C), n.setColumnSizingInfo((_) => ({
-            ..._,
+        }, S = (v) => c("move", v), f = (v) => {
+          c("end", v), n.setColumnSizingInfo((j) => ({
+            ...j,
             isResizingColumn: !1,
             startOffset: null,
             startSize: null,
@@ -2525,22 +2491,22 @@ const Ie = {
             deltaPercentage: null,
             columnSizingStart: []
           }));
-        }, d = ir(t), p = {
-          moveHandler: (C) => S(C.clientX),
-          upHandler: (C) => {
-            d == null || d.removeEventListener("mousemove", p.moveHandler), d == null || d.removeEventListener("mouseup", p.upHandler), c(C.clientX);
+        }, d = lr(t), p = {
+          moveHandler: (v) => S(v.clientX),
+          upHandler: (v) => {
+            d == null || d.removeEventListener("mousemove", p.moveHandler), d == null || d.removeEventListener("mouseup", p.upHandler), f(v.clientX);
           }
         }, m = {
-          moveHandler: (C) => (C.cancelable && (C.preventDefault(), C.stopPropagation()), S(C.touches[0].clientX), !1),
-          upHandler: (C) => {
-            var _;
-            d == null || d.removeEventListener("touchmove", m.moveHandler), d == null || d.removeEventListener("touchend", m.upHandler), C.cancelable && (C.preventDefault(), C.stopPropagation()), c((_ = C.touches[0]) == null ? void 0 : _.clientX);
+          moveHandler: (v) => (v.cancelable && (v.preventDefault(), v.stopPropagation()), S(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);
           }
-        }, v = lr() ? {
+        }, C = ur() ? {
           passive: !1
         } : !1;
-        qe(i) ? (d == null || d.addEventListener("touchmove", m.moveHandler, v), d == null || d.addEventListener("touchend", m.upHandler, v)) : (d == null || d.addEventListener("mousemove", p.moveHandler, v), d == null || d.addEventListener("mouseup", p.upHandler, v)), n.setColumnSizingInfo((C) => ({
-          ...C,
+        He(i) ? (d == null || d.addEventListener("touchmove", m.moveHandler, C), d == null || d.addEventListener("touchend", m.upHandler, C)) : (d == null || d.addEventListener("mousemove", p.moveHandler, C), d == null || d.addEventListener("mouseup", p.upHandler, C)), n.setColumnSizingInfo((v) => ({
+          ...v,
           startOffset: u,
           startSize: s,
           deltaOffset: 0,
@@ -2557,7 +2523,7 @@ const Ie = {
       e.setColumnSizing(n ? {} : (t = e.initialState.columnSizing) != null ? t : {});
     }, e.resetHeaderSizeInfo = (n) => {
       var t;
-      e.setColumnSizingInfo(n ? He() : (t = e.initialState.columnSizingInfo) != null ? t : He());
+      e.setColumnSizingInfo(n ? Ge() : (t = e.initialState.columnSizingInfo) != null ? t : Ge());
     }, e.getTotalSize = () => {
       var n, t;
       return (n = (t = e.getHeaderGroups()[0]) == null ? void 0 : t.headers.reduce((o, r) => o + r.getSize(), 0)) != null ? n : 0;
@@ -2573,9 +2539,9 @@ const Ie = {
     };
   }
 };
-let Pe = null;
-function lr() {
-  if (typeof Pe == "boolean") return Pe;
+let Ee = null;
+function ur() {
+  if (typeof Ee == "boolean") return Ee;
   let e = !1;
   try {
     const n = {
@@ -2588,12 +2554,12 @@ function lr() {
   } catch {
     e = !1;
   }
-  return Pe = e, Pe;
+  return Ee = e, Ee;
 }
-function qe(e) {
+function He(e) {
   return e.type === "touchstart";
 }
-const ar = {
+const dr = {
   getInitialState: (e) => ({
     columnVisibility: {},
     ...e
@@ -2619,10 +2585,10 @@ const ar = {
     };
   },
   createRow: (e, n) => {
-    e._getAllVisibleCells = x(() => [e.getAllCells(), n.getState().columnVisibility], (t) => t.filter((o) => o.column.getIsVisible()), R(n.options, "debugRows", "_getAllVisibleCells")), e.getVisibleCells = x(() => [e.getLeftVisibleCells(), e.getCenterVisibleCells(), e.getRightVisibleCells()], (t, o, r) => [...t, ...o, ...r], R(n.options, "debugRows", "getVisibleCells"));
+    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"));
   },
   createTable: (e) => {
-    const n = (t, o) => x(() => [o(), o().filter((r) => r.getIsVisible()).map((r) => r.id).join("_")], (r) => r.filter((i) => i.getIsVisible == null ? void 0 : i.getIsVisible()), R(e.options, "debugColumns", t));
+    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));
     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 : {});
@@ -2638,17 +2604,17 @@ const ar = {
     };
   }
 };
-function Se(e, n) {
+function he(e, n) {
   return n ? n === "center" ? e.getCenterVisibleLeafColumns() : n === "left" ? e.getLeftVisibleLeafColumns() : e.getRightVisibleLeafColumns() : e.getVisibleLeafColumns();
 }
-const ur = {
+const gr = {
   createTable: (e) => {
     e._getGlobalFacetedRowModel = e.options.getFacetedRowModel && e.options.getFacetedRowModel(e, "__global__"), e.getGlobalFacetedRowModel = () => e.options.manualFiltering || !e._getGlobalFacetedRowModel ? e.getPreFilteredRowModel() : e._getGlobalFacetedRowModel(), e._getGlobalFacetedUniqueValues = e.options.getFacetedUniqueValues && e.options.getFacetedUniqueValues(e, "__global__"), e.getGlobalFacetedUniqueValues = () => e._getGlobalFacetedUniqueValues ? e._getGlobalFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getGlobalFacetedMinMaxValues = e.options.getFacetedMinMaxValues && e.options.getFacetedMinMaxValues(e, "__global__"), e.getGlobalFacetedMinMaxValues = () => {
       if (e._getGlobalFacetedMinMaxValues)
         return e._getGlobalFacetedMinMaxValues();
     };
   }
-}, dr = {
+}, cr = {
   getInitialState: (e) => ({
     globalFilter: void 0,
     ...e
@@ -2681,7 +2647,7 @@ const ur = {
       e.setGlobalFilter(n ? void 0 : e.initialState.globalFilter);
     };
   }
-}, gr = {
+}, fr = {
   getInitialState: (e) => ({
     expanded: {},
     ...e
@@ -2768,14 +2734,14 @@ const ur = {
       };
     };
   }
-}, et = 0, tt = 10, Be = () => ({
-  pageIndex: et,
-  pageSize: tt
-}), cr = {
+}, Qe = 0, Ze = 10, qe = () => ({
+  pageIndex: Qe,
+  pageSize: Ze
+}), pr = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
-      ...Be(),
+      ...qe(),
       ...e == null ? void 0 : e.pagination
     }
   }),
@@ -2799,14 +2765,14 @@ const ur = {
         });
       }
     }, e.setPagination = (o) => {
-      const r = (i) => Q(o, i);
+      const r = (i) => W(o, i);
       return e.options.onPaginationChange == null ? void 0 : e.options.onPaginationChange(r);
     }, e.resetPagination = (o) => {
       var r;
-      e.setPagination(o ? Be() : (r = e.initialState.pagination) != null ? r : Be());
+      e.setPagination(o ? qe() : (r = e.initialState.pagination) != null ? r : qe());
     }, e.setPageIndex = (o) => {
       e.setPagination((r) => {
-        let i = Q(o, r.pageIndex);
+        let i = W(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,
@@ -2815,13 +2781,13 @@ const ur = {
       });
     }, e.resetPageIndex = (o) => {
       var r, i;
-      e.setPageIndex(o ? et : (r = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageIndex) != null ? r : et);
+      e.setPageIndex(o ? Qe : (r = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageIndex) != null ? r : Qe);
     }, e.resetPageSize = (o) => {
       var r, i;
-      e.setPageSize(o ? tt : (r = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageSize) != null ? r : tt);
+      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, Q(o, r.pageSize)), s = r.pageSize * r.pageIndex, a = Math.floor(s / i);
+        const i = Math.max(1, W(o, r.pageSize)), s = r.pageSize * r.pageIndex, a = Math.floor(s / i);
         return {
           ...r,
           pageIndex: a,
@@ -2830,15 +2796,15 @@ const ur = {
       });
     }, e.setPageCount = (o) => e.setPagination((r) => {
       var i;
-      let s = Q(o, (i = e.options.pageCount) != null ? i : -1);
+      let s = W(o, (i = e.options.pageCount) != null ? i : -1);
       return typeof s == "number" && (s = Math.max(-1, s)), {
         ...r,
         pageCount: s
       };
-    }), e.getPageOptions = x(() => [e.getPageCount()], (o) => {
+    }), e.getPageOptions = R(() => [e.getPageCount()], (o) => {
       let r = [];
       return o && o > 0 && (r = [...new Array(o)].fill(null).map((i, s) => s)), r;
-    }, R(e.options, "debugTable", "getPageOptions")), e.getCanPreviousPage = () => e.getState().pagination.pageIndex > 0, e.getCanNextPage = () => {
+    }, y(e.options, "debugTable", "getPageOptions")), e.getCanPreviousPage = () => e.getState().pagination.pageIndex > 0, e.getCanNextPage = () => {
       const {
         pageIndex: o
       } = e.getState().pagination, r = e.getPageCount();
@@ -2851,12 +2817,12 @@ const ur = {
       return (o = e.options.rowCount) != null ? o : e.getPrePaginationRowModel().rows.length;
     };
   }
-}, Ue = () => ({
+}, Be = () => ({
   top: [],
   bottom: []
-}), fr = {
+}), mr = {
   getInitialState: (e) => ({
-    rowPinning: Ue(),
+    rowPinning: Be(),
     ...e
   }),
   getDefaultOptions: (e) => ({
@@ -2876,12 +2842,12 @@ const ur = {
         return g;
       }) : [], a = /* @__PURE__ */ new Set([...s, e.id, ...i]);
       n.setRowPinning((u) => {
-        var g, f;
+        var g, c;
         if (t === "bottom") {
-          var S, c;
+          var S, f;
           return {
             top: ((S = u == null ? void 0 : u.top) != null ? S : []).filter((m) => !(a != null && a.has(m))),
-            bottom: [...((c = u == null ? void 0 : u.bottom) != null ? c : []).filter((m) => !(a != null && a.has(m))), ...Array.from(a)]
+            bottom: [...((f = u == null ? void 0 : u.bottom) != null ? f : []).filter((m) => !(a != null && a.has(m))), ...Array.from(a)]
           };
         }
         if (t === "top") {
@@ -2893,7 +2859,7 @@ const ur = {
         }
         return {
           top: ((g = u == null ? void 0 : u.top) != null ? g : []).filter((m) => !(a != null && a.has(m))),
-          bottom: ((f = u == null ? void 0 : u.bottom) != null ? f : []).filter((m) => !(a != null && a.has(m)))
+          bottom: ((c = u == null ? void 0 : u.bottom) != null ? c : []).filter((m) => !(a != null && a.has(m)))
         };
       });
     }, e.getCanPin = () => {
@@ -2925,7 +2891,7 @@ const ur = {
   createTable: (e) => {
     e.setRowPinning = (n) => e.options.onRowPinningChange == null ? void 0 : e.options.onRowPinningChange(n), e.resetRowPinning = (n) => {
       var t, o;
-      return e.setRowPinning(n ? Ue() : (t = (o = e.initialState) == null ? void 0 : o.rowPinning) != null ? t : Ue());
+      return e.setRowPinning(n ? Be() : (t = (o = e.initialState) == null ? void 0 : o.rowPinning) != null ? t : Be());
     }, e.getIsSomeRowsPinned = (n) => {
       var t;
       const o = e.getState().rowPinning;
@@ -2950,12 +2916,12 @@ const ur = {
         ...s,
         position: o
       }));
-    }, e.getTopRows = x(() => [e.getRowModel().rows, e.getState().rowPinning.top], (n, t) => e._getPinnedRows(n, t, "top"), R(e.options, "debugRows", "getTopRows")), e.getBottomRows = x(() => [e.getRowModel().rows, e.getState().rowPinning.bottom], (n, t) => e._getPinnedRows(n, t, "bottom"), R(e.options, "debugRows", "getBottomRows")), e.getCenterRows = x(() => [e.getRowModel().rows, e.getState().rowPinning.top, e.getState().rowPinning.bottom], (n, t, 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) => {
       const r = /* @__PURE__ */ new Set([...t ?? [], ...o ?? []]);
       return n.filter((i) => !r.has(i.id));
-    }, R(e.options, "debugRows", "getCenterRows"));
+    }, y(e.options, "debugRows", "getCenterRows"));
   }
-}, pr = {
+}, hr = {
   getInitialState: (e) => ({
     rowSelection: {},
     ...e
@@ -2990,21 +2956,21 @@ const ur = {
         ...t
       };
       return e.getRowModel().rows.forEach((i) => {
-        nt(r, i.id, o, !0, e);
+        et(r, i.id, o, !0, e);
       }), r;
-    }), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = x(() => [e.getState().rowSelection, e.getCoreRowModel()], (n, t) => Object.keys(n).length ? Ke(e, t) : {
+    }), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = R(() => [e.getState().rowSelection, e.getCoreRowModel()], (n, t) => Object.keys(n).length ? Ue(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, R(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = x(() => [e.getState().rowSelection, e.getFilteredRowModel()], (n, t) => Object.keys(n).length ? Ke(e, t) : {
+    }, y(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = R(() => [e.getState().rowSelection, e.getFilteredRowModel()], (n, t) => Object.keys(n).length ? Ue(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, R(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = x(() => [e.getState().rowSelection, e.getSortedRowModel()], (n, t) => Object.keys(n).length ? Ke(e, t) : {
+    }, y(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = R(() => [e.getState().rowSelection, e.getSortedRowModel()], (n, t) => Object.keys(n).length ? Ue(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, R(e.options, "debugTable", "getGroupedSelectedRowModel")), e.getIsAllRowsSelected = () => {
+    }, y(e.options, "debugTable", "getGroupedSelectedRowModel")), e.getIsAllRowsSelected = () => {
       const n = e.getFilteredRowModel().flatRows, {
         rowSelection: t
       } = e.getState();
@@ -3039,23 +3005,23 @@ const ur = {
         const a = {
           ...i
         };
-        return nt(a, e.id, t, (s = o == null ? void 0 : o.selectChildren) != null ? s : !0, n), a;
+        return et(a, e.id, t, (s = o == null ? void 0 : o.selectChildren) != null ? s : !0, n), a;
       });
     }, e.getIsSelected = () => {
       const {
         rowSelection: t
       } = n.getState();
-      return St(e, t);
+      return ct(e, t);
     }, e.getIsSomeSelected = () => {
       const {
         rowSelection: t
       } = n.getState();
-      return ot(e, t) === "some";
+      return tt(e, t) === "some";
     }, e.getIsAllSubRowsSelected = () => {
       const {
         rowSelection: t
       } = n.getState();
-      return ot(e, t) === "all";
+      return tt(e, t) === "all";
     }, e.getCanSelect = () => {
       var t;
       return typeof n.options.enableRowSelection == "function" ? n.options.enableRowSelection(e) : (t = n.options.enableRowSelection) != null ? t : !0;
@@ -3073,20 +3039,20 @@ const ur = {
       };
     };
   }
-}, nt = (e, n, t, o, r) => {
+}, et = (e, n, t, o, r) => {
   var i;
   const s = r.getRow(n, !0);
-  t ? (s.getCanMultiSelect() || Object.keys(e).forEach((a) => delete e[a]), s.getCanSelect() && (e[n] = !0)) : delete e[n], o && (i = s.subRows) != null && i.length && s.getCanSelectSubRows() && s.subRows.forEach((a) => nt(e, a.id, t, o, r));
+  t ? (s.getCanMultiSelect() || Object.keys(e).forEach((a) => delete e[a]), s.getCanSelect() && (e[n] = !0)) : delete e[n], o && (i = s.subRows) != null && i.length && s.getCanSelectSubRows() && s.subRows.forEach((a) => et(e, a.id, t, o, r));
 };
-function Ke(e, n) {
+function Ue(e, n) {
   const t = e.getState().rowSelection, o = [], r = {}, i = function(s, a) {
     return s.map((u) => {
       var g;
-      const f = St(u, t);
-      if (f && (o.push(u), r[u.id] = u), (g = u.subRows) != null && g.length && (u = {
+      const c = ct(u, t);
+      if (c && (o.push(u), r[u.id] = u), (g = u.subRows) != null && g.length && (u = {
         ...u,
         subRows: i(u.subRows)
-      }), f)
+      }), c)
         return u;
     }).filter(Boolean);
   };
@@ -3096,33 +3062,33 @@ function Ke(e, n) {
     rowsById: r
   };
 }
-function St(e, n) {
+function ct(e, n) {
   var t;
   return (t = n[e.id]) != null ? t : !1;
 }
-function ot(e, n, t) {
+function tt(e, n, t) {
   var o;
   if (!((o = e.subRows) != null && o.length)) return !1;
   let r = !0, i = !1;
   return e.subRows.forEach((s) => {
-    if (!(i && !r) && (s.getCanSelect() && (St(s, n) ? i = !0 : r = !1), s.subRows && s.subRows.length)) {
-      const a = ot(s, n);
+    if (!(i && !r) && (s.getCanSelect() && (ct(s, n) ? i = !0 : r = !1), s.subRows && s.subRows.length)) {
+      const a = tt(s, n);
       a === "all" ? i = !0 : (a === "some" && (i = !0), r = !1);
     }
   }), r ? "all" : i ? "some" : !1;
 }
-const rt = /([0-9]+)/gm, mr = (e, n, t) => pn(Z(e.getValue(t)).toLowerCase(), Z(n.getValue(t)).toLowerCase()), hr = (e, n, t) => pn(Z(e.getValue(t)), Z(n.getValue(t))), Sr = (e, n, t) => vt(Z(e.getValue(t)).toLowerCase(), Z(n.getValue(t)).toLowerCase()), vr = (e, n, t) => vt(Z(e.getValue(t)), Z(n.getValue(t))), Cr = (e, n, t) => {
+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 o = e.getValue(t), r = n.getValue(t);
   return o > r ? 1 : o < r ? -1 : 0;
-}, wr = (e, n, t) => vt(e.getValue(t), n.getValue(t));
-function vt(e, n) {
+}, Rr = (e, n, t) => ft(e.getValue(t), n.getValue(t));
+function ft(e, n) {
   return e === n ? 0 : e > n ? 1 : -1;
 }
-function Z(e) {
+function J(e) {
   return typeof e == "number" ? isNaN(e) || e === 1 / 0 || e === -1 / 0 ? "" : String(e) : typeof e == "string" ? e : "";
 }
-function pn(e, n) {
-  const t = e.split(rt).filter(Boolean), o = n.split(rt).filter(Boolean);
+function mn(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();
     if (isNaN(u[0])) {
@@ -3141,14 +3107,14 @@ function pn(e, n) {
   }
   return t.length - o.length;
 }
-const me = {
-  alphanumeric: mr,
-  alphanumericCaseSensitive: hr,
-  text: Sr,
-  textCaseSensitive: vr,
-  datetime: Cr,
-  basic: wr
-}, xr = {
+const fe = {
+  alphanumeric: Sr,
+  alphanumericCaseSensitive: vr,
+  text: Cr,
+  textCaseSensitive: wr,
+  datetime: xr,
+  basic: Rr
+}, yr = {
   getInitialState: (e) => ({
     sorting: [],
     ...e
@@ -3168,11 +3134,11 @@ const me = {
       for (const r of t) {
         const i = r == null ? void 0 : r.getValue(e.id);
         if (Object.prototype.toString.call(i) === "[object Date]")
-          return me.datetime;
-        if (typeof i == "string" && (o = !0, i.split(rt).length > 1))
-          return me.alphanumeric;
+          return fe.datetime;
+        if (typeof i == "string" && (o = !0, i.split(nt).length > 1))
+          return fe.alphanumeric;
       }
-      return o ? me.text : me.basic;
+      return o ? fe.text : fe.basic;
     }, e.getAutoSortDir = () => {
       const t = n.getFilteredRowModel().flatRows[0];
       return typeof (t == null ? void 0 : t.getValue(e.id)) == "string" ? "asc" : "desc";
@@ -3180,22 +3146,22 @@ const me = {
       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 : me[e.columnDef.sortingFn];
+      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];
     }, 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 = [], f, S = i ? t : r === "desc";
-        if (s != null && s.length && e.getCanMultiSort() && o ? a ? f = "toggle" : f = "add" : s != null && s.length && u !== s.length - 1 ? f = "replace" : a ? f = "toggle" : f = "replace", f === "toggle" && (i || r || (f = "remove")), f === "add") {
-          var c;
+        let g = [], c, S = 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
-          }], g.splice(0, g.length - ((c = n.options.maxMultiSortColCount) != null ? c : Number.MAX_SAFE_INTEGER));
-        } else f === "toggle" ? g = s.map((d) => d.id === e.id ? {
+          }], 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
-        } : d) : f === "remove" ? g = s.filter((d) => d.id !== e.id) : g = [{
+        } : d) : c === "remove" ? g = s.filter((d) => d.id !== e.id) : g = [{
           id: e.id,
           desc: S
         }];
@@ -3237,47 +3203,47 @@ const me = {
       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());
   }
-}, Rr = [
-  Go,
-  ar,
-  or,
-  rr,
+}, jr = [
   qo,
-  Bo,
-  ur,
-  //depends on ColumnFaceting
   dr,
-  //depends on ColumnFiltering
-  xr,
-  tr,
-  //depends on RowSorting
+  ir,
+  sr,
+  Uo,
+  Ko,
   gr,
+  //depends on ColumnFaceting
   cr,
+  //depends on ColumnFiltering
+  yr,
+  or,
+  //depends on RowSorting
   fr,
   pr,
-  sr
+  mr,
+  hr,
+  ar
 ];
-function yr(e) {
+function _r(e) {
   var n, t;
   process.env.NODE_ENV !== "production" && (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
-  const o = [...Rr, ...(n = e._features) != null ? n : []];
+  const o = [...jr, ...(n = e._features) != null ? n : []];
   let r = {
     _features: o
   };
-  const i = r._features.reduce((c, d) => Object.assign(c, d.getDefaultOptions == null ? void 0 : d.getDefaultOptions(r)), {}), s = (c) => r.options.mergeOptions ? r.options.mergeOptions(i, c) : {
+  const i = r._features.reduce((f, d) => Object.assign(f, d.getDefaultOptions == null ? void 0 : d.getDefaultOptions(r)), {}), s = (f) => r.options.mergeOptions ? r.options.mergeOptions(i, f) : {
     ...i,
-    ...c
+    ...f
   };
   let u = {
     ...{},
     ...(t = e.initialState) != null ? t : {}
   };
-  r._features.forEach((c) => {
+  r._features.forEach((f) => {
     var d;
-    u = (d = c.getInitialState == null ? void 0 : c.getInitialState(u)) != null ? d : u;
+    u = (d = f.getInitialState == null ? void 0 : f.getInitialState(u)) != null ? d : u;
   });
   const g = [];
-  let f = !1;
+  let c = !1;
   const S = {
     _features: o,
     options: {
@@ -3285,11 +3251,11 @@ function yr(e) {
       ...e
     },
     initialState: u,
-    _queue: (c) => {
-      g.push(c), f || (f = !0, Promise.resolve().then(() => {
+    _queue: (f) => {
+      g.push(f), c || (c = !0, Promise.resolve().then(() => {
         for (; g.length; )
           g.shift()();
-        f = !1;
+        c = !1;
       }).catch((d) => setTimeout(() => {
         throw d;
       })));
@@ -3297,75 +3263,75 @@ function yr(e) {
     reset: () => {
       r.setState(r.initialState);
     },
-    setOptions: (c) => {
-      const d = Q(c, r.options);
+    setOptions: (f) => {
+      const d = W(f, r.options);
       r.options = s(d);
     },
     getState: () => r.options.state,
-    setState: (c) => {
-      r.options.onStateChange == null || r.options.onStateChange(c);
+    setState: (f) => {
+      r.options.onStateChange == null || r.options.onStateChange(f);
     },
-    _getRowId: (c, d, p) => {
+    _getRowId: (f, d, p) => {
       var m;
-      return (m = r.options.getRowId == null ? void 0 : r.options.getRowId(c, d, p)) != null ? m : `${p ? [p.id, d].join(".") : d}`;
+      return (m = r.options.getRowId == null ? void 0 : r.options.getRowId(f, d, p)) != null ? m : `${p ? [p.id, d].join(".") : d}`;
     },
     getCoreRowModel: () => (r._getCoreRowModel || (r._getCoreRowModel = r.options.getCoreRowModel(r)), r._getCoreRowModel()),
     // The final calls start at the bottom of the model,
     // expanded rows, which then work their way up
     getRowModel: () => r.getPaginationRowModel(),
     //in next version, we should just pass in the row model as the optional 2nd arg
-    getRow: (c, d) => {
-      let p = (d ? r.getPrePaginationRowModel() : r.getRowModel()).rowsById[c];
-      if (!p && (p = r.getCoreRowModel().rowsById[c], !p))
-        throw process.env.NODE_ENV !== "production" ? new Error(`getRow could not find row with ID: ${c}`) : new Error();
+    getRow: (f, d) => {
+      let p = (d ? r.getPrePaginationRowModel() : r.getRowModel()).rowsById[f];
+      if (!p && (p = r.getCoreRowModel().rowsById[f], !p))
+        throw process.env.NODE_ENV !== "production" ? new Error(`getRow could not find row with ID: ${f}`) : new Error();
       return p;
     },
-    _getDefaultColumnDef: x(() => [r.options.defaultColumn], (c) => {
+    _getDefaultColumnDef: R(() => [r.options.defaultColumn], (f) => {
       var d;
-      return c = (d = c) != null ? d : {}, {
+      return f = (d = f) != null ? d : {}, {
         header: (p) => {
           const m = p.header.column.columnDef;
           return m.accessorKey ? m.accessorKey : m.accessorFn ? m.id : null;
         },
         // footer: props => props.header.column.id,
         cell: (p) => {
-          var m, v;
-          return (m = (v = p.renderValue()) == null || v.toString == null ? void 0 : v.toString()) != null ? m : null;
+          var m, C;
+          return (m = (C = p.renderValue()) == null || C.toString == null ? void 0 : C.toString()) != null ? m : null;
         },
         ...r._features.reduce((p, m) => Object.assign(p, m.getDefaultColumnDef == null ? void 0 : m.getDefaultColumnDef()), {}),
-        ...c
+        ...f
       };
-    }, R(e, "debugColumns", "_getDefaultColumnDef")),
+    }, y(e, "debugColumns", "_getDefaultColumnDef")),
     _getColumnDefs: () => r.options.columns,
-    getAllColumns: x(() => [r._getColumnDefs()], (c) => {
-      const d = function(p, m, v) {
-        return v === void 0 && (v = 0), p.map((C) => {
-          const _ = zo(r, C, v, m), y = C;
-          return _.columns = y.columns ? d(y.columns, _, v + 1) : [], _;
+    getAllColumns: R(() => [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;
         });
       };
-      return d(c);
-    }, R(e, "debugColumns", "getAllColumns")),
-    getAllFlatColumns: x(() => [r.getAllColumns()], (c) => c.flatMap((d) => d.getFlatColumns()), R(e, "debugColumns", "getAllFlatColumns")),
-    _getAllFlatColumnsById: x(() => [r.getAllFlatColumns()], (c) => c.reduce((d, p) => (d[p.id] = p, d), {}), R(e, "debugColumns", "getAllFlatColumnsById")),
-    getAllLeafColumns: x(() => [r.getAllColumns(), r._getOrderColumnsFn()], (c, d) => {
-      let p = c.flatMap((m) => m.getLeafColumns());
+      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) => {
+      let p = f.flatMap((m) => m.getLeafColumns());
       return d(p);
-    }, R(e, "debugColumns", "getAllLeafColumns")),
-    getColumn: (c) => {
-      const d = r._getAllFlatColumnsById()[c];
-      return process.env.NODE_ENV !== "production" && !d && console.error(`[Table] Column with id '${c}' does not exist.`), d;
+    }, y(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);
-  for (let c = 0; c < r._features.length; c++) {
-    const d = r._features[c];
+  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 mn() {
-  return (e) => x(() => [e.options.data], (n) => {
+function hn() {
+  return (e) => R(() => [e.options.data], (n) => {
     const t = {
       rows: [],
       flatRows: [],
@@ -3374,18 +3340,18 @@ function mn() {
       i === void 0 && (i = 0);
       const a = [];
       for (let g = 0; g < r.length; g++) {
-        const f = Ho(e, e._getRowId(r[g], g, s), r[g], g, i, void 0, s == null ? void 0 : s.id);
-        if (t.flatRows.push(f), t.rowsById[f.id] = f, a.push(f), e.options.getSubRows) {
+        const c = Bo(e, e._getRowId(r[g], g, s), r[g], g, i, void 0, s == null ? void 0 : s.id);
+        if (t.flatRows.push(c), t.rowsById[c.id] = c, a.push(c), e.options.getSubRows) {
           var u;
-          f.originalSubRows = e.options.getSubRows(r[g], g), (u = f.originalSubRows) != null && u.length && (f.subRows = o(f.originalSubRows, i + 1, f));
+          c.originalSubRows = e.options.getSubRows(r[g], g), (u = c.originalSubRows) != null && u.length && (c.subRows = o(c.originalSubRows, i + 1, c));
         }
       }
       return a;
     };
     return t.rows = o(n), t;
-  }, R(e.options, "debugTable", "getRowModel", () => e._autoResetPageIndex()));
+  }, y(e.options, "debugTable", "getRowModel", () => e._autoResetPageIndex()));
 }
-function jr(e) {
+function Fr(e) {
   const n = [], t = (o) => {
     var r;
     n.push(o), (r = o.subRows) != null && r.length && o.getIsExpanded() && o.subRows.forEach(t);
@@ -3396,8 +3362,8 @@ function jr(e) {
     rowsById: e.rowsById
   };
 }
-function _r(e) {
-  return (n) => x(() => [n.getState().pagination, n.getPrePaginationRowModel(), n.options.paginateExpandedRows ? void 0 : n.getState().expanded], (t, o) => {
+function Ir(e) {
+  return (n) => R(() => [n.getState().pagination, n.getPrePaginationRowModel(), n.options.paginateExpandedRows ? void 0 : n.getState().expanded], (t, o) => {
     if (!o.rows.length)
       return o;
     const {
@@ -3409,23 +3375,23 @@ function _r(e) {
       flatRows: a,
       rowsById: u
     } = o;
-    const g = r * i, f = g + r;
-    s = s.slice(g, f);
+    const g = r * i, c = g + r;
+    s = s.slice(g, c);
     let S;
     n.options.paginateExpandedRows ? S = {
       rows: s,
       flatRows: a,
       rowsById: u
-    } : S = jr({
+    } : S = Fr({
       rows: s,
       flatRows: a,
       rowsById: u
     }), S.flatRows = [];
-    const c = (d) => {
-      S.flatRows.push(d), d.subRows.length && d.subRows.forEach(c);
+    const f = (d) => {
+      S.flatRows.push(d), d.subRows.length && d.subRows.forEach(f);
     };
-    return S.rows.forEach(c), S;
-  }, R(n.options, "debugTable", "getPaginationRowModel"));
+    return S.rows.forEach(f), S;
+  }, y(n.options, "debugTable", "getPaginationRowModel"));
 }
 /**
    * react-table
@@ -3437,22 +3403,22 @@ function _r(e) {
    *
    * @license MIT
    */
-function Ot(e, n) {
-  return e ? Fr(e) ? /* @__PURE__ */ We.createElement(e, n) : e : null;
+function Nt(e, n) {
+  return e ? Pr(e) ? /* @__PURE__ */ Ye.createElement(e, n) : e : null;
 }
-function Fr(e) {
-  return Ir(e) || typeof e == "function" || Pr(e);
+function Pr(e) {
+  return Er(e) || typeof e == "function" || $r(e);
 }
-function Ir(e) {
+function Er(e) {
   return typeof e == "function" && (() => {
     const n = Object.getPrototypeOf(e);
     return n.prototype && n.prototype.isReactComponent;
   })();
 }
-function Pr(e) {
+function $r(e) {
   return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
 }
-function hn(e) {
+function Sn(e) {
   const n = {
     state: {},
     // Dummy state
@@ -3461,9 +3427,9 @@ function hn(e) {
     // noop
     renderFallbackValue: null,
     ...e
-  }, [t] = We.useState(() => ({
-    current: yr(n)
-  })), [o, r] = We.useState(() => t.current.initialState);
+  }, [t] = Ye.useState(() => ({
+    current: _r(n)
+  })), [o, r] = Ye.useState(() => t.current.initialState);
   return t.current.setOptions((i) => ({
     ...i,
     ...e,
@@ -3478,7 +3444,7 @@ function hn(e) {
     }
   })), t.current;
 }
-const Sn = ({
+const vn = ({
   actions: e,
   reloadData: n,
   selectedRowKeys: t,
@@ -3488,7 +3454,7 @@ const Sn = ({
     H,
     {
       variant: "light",
-      leftSection: /* @__PURE__ */ l.jsx(Hn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Gn, { size: 16, stroke: 1.5 }),
       size: o,
       onClick: e.add,
       children: "Add"
@@ -3497,7 +3463,7 @@ const Sn = ({
   (e == null ? void 0 : e.edit) && /* @__PURE__ */ l.jsx(
     H,
     {
-      leftSection: /* @__PURE__ */ l.jsx(qn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Hn, { size: 16, stroke: 1.5 }),
       size: o,
       variant: "light",
       onClick: () => e.edit !== void 0 && e.edit(t[0]),
@@ -3508,7 +3474,7 @@ const Sn = ({
   (e == null ? void 0 : e.reload) && /* @__PURE__ */ l.jsx(
     H,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Bn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(qn, { size: 16, stroke: 1.5 }),
       size: o,
       onClick: n,
       variant: "light",
@@ -3518,7 +3484,7 @@ const Sn = ({
   (e == null ? void 0 : e.import) && /* @__PURE__ */ l.jsx(
     H,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Un, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Bn, { size: 16, stroke: 1.5 }),
       size: o,
       variant: "light",
       onClick: e.import,
@@ -3528,55 +3494,55 @@ const Sn = ({
   (e == null ? void 0 : e.export) && /* @__PURE__ */ l.jsx(
     H,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Kn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Un, { size: 16, stroke: 1.5 }),
       size: o,
       variant: "light",
       onClick: e.export,
       children: "Export"
     }
   )
-] }), vn = (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), Er = "__selectcol__", { Thead: $r, Tr: Ye, Th: Mr, Tbody: br, Td: zt } = Wt, Cn = (e) => {
+] }), 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) => {
   let n;
-  e.table.getRowCount() === 0 ? n = /* @__PURE__ */ l.jsx(Ye, { children: /* @__PURE__ */ l.jsx(zt, { 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)" }),
+  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)" }),
     /* @__PURE__ */ l.jsx(P, { c: "dimmed", fz: "sm", children: "No records found." })
   ] }) }) }, "empty-row") : n = e.table.getRowModel().rows.map((r) => /* @__PURE__ */ l.jsx(
-    Ye,
+    Ke,
     {
       bg: e.selectedRowKeys[r.id] ? "var(--mantine-color-blue-light)" : void 0,
-      children: r.getVisibleCells().map((i) => /* @__PURE__ */ l.jsx(zt, { children: Ot(i.column.columnDef.cell, i.getContext()) }, i.id))
+      children: r.getVisibleCells().map((i) => /* @__PURE__ */ l.jsx(kt, { children: Nt(i.column.columnDef.cell, i.getContext()) }, i.id))
     },
     r.id
   ));
   const t = /* @__PURE__ */ l.jsxs(
-    Wt,
+    Kt,
     {
       striped: !0,
       highlightOnHover: !0,
       verticalSpacing: "xs",
       tabularNums: !0,
       children: [
-        /* @__PURE__ */ l.jsx($r, { children: e.table.getHeaderGroups().map((r) => /* @__PURE__ */ l.jsx(Ye, { children: r.headers.map((i) => /* @__PURE__ */ l.jsx(
-          Mr,
+        /* @__PURE__ */ l.jsx(br, { children: e.table.getHeaderGroups().map((r) => /* @__PURE__ */ l.jsx(Ke, { children: r.headers.map((i) => /* @__PURE__ */ l.jsx(
+          Dr,
           {
-            w: i.id === Er ? "1%" : void 0,
-            children: i.isPlaceholder ? null : Ot(
+            w: i.id === Mr ? "1%" : void 0,
+            children: i.isPlaceholder ? null : Nt(
               i.column.columnDef.header,
               i.getContext()
             )
           },
           i.id
         )) }, r.id)) }),
-        /* @__PURE__ */ l.jsx(br, { pos: "relative", children: n })
+        /* @__PURE__ */ l.jsx(Vr, { pos: "relative", children: n })
       ]
     }
   );
   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(oe, { withBorder: !0, p: 0, style: o, children: t });
-}, Dr = "_pageSizeSelectorActive_1wv6j_1", Nr = {
-  pageSizeSelectorActive: Dr
-}, wn = ({
+  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 = {
+  pageSizeSelectorActive: Tr
+}, xn = ({
   total: e,
   pageIndex: n,
   pageSize: t,
@@ -3596,7 +3562,7 @@ const Sn = ({
     /* @__PURE__ */ l.jsxs("div", { children: [
       /* @__PURE__ */ l.jsx(P, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
       /* @__PURE__ */ l.jsx(
-        Tr,
+        Nr,
         {
           size: "sm",
           values: ["10", "20", "50", "100"],
@@ -3609,30 +3575,30 @@ const Sn = ({
     ] }),
     i
   ] }) : i;
-}, Gt = {
-  xs: ce(22),
-  sm: ce(26),
-  md: ce(32),
-  lg: ce(38),
-  xl: ce(44)
+}, Lt = {
+  xs: de(22),
+  sm: de(26),
+  md: de(32),
+  lg: de(38),
+  xl: de(44)
 };
-function Tr({
+function Nr({
   size: e,
   values: n,
   value: t,
   onChange: o
 }) {
-  return /* @__PURE__ */ l.jsxs(le, { withinPortal: !0, withArrow: !0, offset: 2, children: [
-    /* @__PURE__ */ l.jsx(kn, { children: /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ l.jsxs(ie, { withinPortal: !0, withArrow: !0, offset: 2, children: [
+    /* @__PURE__ */ l.jsx(Nn, { children: /* @__PURE__ */ l.jsx(
       H,
       {
         size: e,
         variant: "default",
-        rightSection: /* @__PURE__ */ l.jsx(Wn, { size: 16, stroke: 1.5 }),
+        rightSection: /* @__PURE__ */ l.jsx(Yn, { size: 16, stroke: 1.5 }),
         style: [
           { fontWeight: "normal" },
           (r) => ({
-            height: Gt[e],
+            height: Lt[e],
             paddingLeft: r.spacing[e],
             paddingRight: r.spacing[e]
           })
@@ -3645,14 +3611,14 @@ function Tr({
         children: t
       }
     ) }),
-    /* @__PURE__ */ l.jsx(Ln, { children: n.map((r) => {
+    /* @__PURE__ */ l.jsx(kn, { children: n.map((r) => {
       const i = r === t;
       return /* @__PURE__ */ l.jsx(
-        On,
+        Ln,
         {
-          className: i ? Nr.pageSizeSelectorActive : void 0,
+          className: i ? Ar.pageSizeSelectorActive : void 0,
           style: [
-            { height: Gt[e] }
+            { height: Lt[e] }
             // isCurrent
             //   ? {
             //       color: "var(--mantine-color-text)",
@@ -3670,64 +3636,64 @@ function Tr({
     }) })
   ] });
 }
-const Vr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ei = (e) => {
-  var C, _;
+const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
+  var v, j;
   const [n, t] = M({
     records: [],
     total: 0
   }), [o, r] = M(!1), [i, s] = M(
     {}
-  ), a = (y) => {
-    r(!0), e.getData(y).then((w) => {
-      t(w), r(!1);
+  ), a = (w) => {
+    r(!0), e.getData(w).then((x) => {
+      t(x), r(!1);
     });
-  }, u = (y, w) => {
-    const I = {
+  }, u = (w, x) => {
+    const F = {
       ...e.query.query,
-      limit: w,
-      offset: y * w
+      limit: x,
+      offset: w * x
     };
-    e.query.update(I);
-  }, [g, f, S] = F(() => {
-    const y = e.query.query.limit, w = Math.floor(
+    e.query.update(F);
+  }, [g, c, S] = I(() => {
+    const w = e.query.query.limit, x = Math.floor(
       (e.query.query.offset || 0) / e.query.query.limit
-    ), I = Math.ceil(n.total / e.query.query.limit);
-    return [y, w, I];
+    ), F = Math.ceil(n.total / e.query.query.limit);
+    return [w, x, F];
   }, [e.query.query.limit, e.query.query.offset, n.total]);
-  Ce(() => (n.total == 0 && a(e.query.query), e.query.subscribe(a)), [e.query]);
-  const c = F(() => Object.keys(i).filter((y) => i[y]).map((y) => e.normalizeRowId(y)), [i]);
+  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]);
   let d, p;
-  vn(e.actions) && (d = /* @__PURE__ */ l.jsx(
-    Sn,
+  Cn(e.actions) && (d = /* @__PURE__ */ l.jsx(
+    vn,
     {
       actions: e.actions,
       reloadData: () => a(e.query.query),
-      selectedRowKeys: c
+      selectedRowKeys: f
     }
   ));
-  const m = ((C = e.pagination) == null ? void 0 : C.positions) || Vr;
+  const m = ((v = e.pagination) == null ? void 0 : v.positions) || kr;
   if (m.size > 0) {
-    const y = /* @__PURE__ */ l.jsx(
-      wn,
+    const w = /* @__PURE__ */ l.jsx(
+      xn,
       {
         total: S,
-        pageIndex: f,
+        pageIndex: c,
         pageSize: g,
         onUpdatePagination: u,
-        allowPageSizeChange: (_ = e.pagination) == null ? void 0 : _.showSizeChanger
+        allowPageSizeChange: (j = e.pagination) == null ? void 0 : j.showSizeChanger
       }
     );
     m.has("topRight") && (d !== void 0 ? d = /* @__PURE__ */ l.jsxs(k, { justify: "space-between", gap: "sm", children: [
       d,
-      y
-    ] }) : d = /* @__PURE__ */ l.jsx(z, { justify: "flex-end", children: y })), (m.has("bottomRight") || m.has("bottomLeft") || m.has("bottomCenter")) && (m.has("bottomLeft") ? p = /* @__PURE__ */ l.jsxs(z, { justify: "space-between", align: "center", children: [
-      y,
+      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,
       /* @__PURE__ */ l.jsxs(P, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        Math.min(f * g + 1, n.total),
+        Math.min(c * g + 1, n.total),
         " to",
         " ",
-        Math.min((f + 1) * g, n.total),
+        Math.min((c + 1) * g, n.total),
         " of ",
         n.total,
         " ",
@@ -3736,20 +3702,20 @@ const Vr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ei = (e) => {
     ] }) : p = /* @__PURE__ */ l.jsxs(z, { justify: "space-between", align: "center", children: [
       /* @__PURE__ */ l.jsxs(P, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        Math.min(f * g + 1, n.total),
+        Math.min(c * g + 1, n.total),
         " to",
         " ",
-        Math.min((f + 1) * g, n.total),
+        Math.min((c + 1) * g, n.total),
         " of ",
         n.total,
         " ",
         "records"
       ] }),
-      y
+      w
     ] }));
   }
-  const v = F(() => /* @__PURE__ */ l.jsx(
-    Ar,
+  const C = I(() => /* @__PURE__ */ l.jsx(
+    Lr,
     {
       data: n,
       loading: o,
@@ -3770,9 +3736,9 @@ const Vr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ei = (e) => {
     d !== void 0,
     p !== void 0
   ]);
-  return d === void 0 || p === void 0 ? v : /* @__PURE__ */ l.jsxs("div", { children: [
+  return d === void 0 || p === void 0 ? C : /* @__PURE__ */ l.jsxs("div", { children: [
     d !== void 0 && /* @__PURE__ */ l.jsx(
-      oe,
+      te,
       {
         withBorder: !0,
         p: "xs",
@@ -3784,9 +3750,9 @@ const Vr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ei = (e) => {
         children: d
       }
     ),
-    v,
+    C,
     p !== void 0 && /* @__PURE__ */ l.jsx(
-      oe,
+      te,
       {
         withBorder: !0,
         p: "xs",
@@ -3799,13 +3765,13 @@ const Vr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ei = (e) => {
       }
     )
   ] });
-}, Ar = (e) => {
-  const n = F(() => {
+}, Lr = (e) => {
+  const n = I(() => {
     const o = [
       {
         id: "selection",
         header: ({ table: r }) => /* @__PURE__ */ l.jsx(
-          ue,
+          le,
           {
             checked: r.getIsAllRowsSelected(),
             indeterminate: r.getIsSomeRowsSelected(),
@@ -3813,7 +3779,7 @@ const Vr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ei = (e) => {
           }
         ),
         cell: ({ row: r }) => /* @__PURE__ */ l.jsx(
-          ue,
+          le,
           {
             checked: r.getIsSelected(),
             disabled: !r.getCanSelect(),
@@ -3830,10 +3796,10 @@ const Vr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ei = (e) => {
         cell: ({ row: i }) => r.render(i.original)
       });
     }), o;
-  }, [e.columns]), t = hn({
+  }, [e.columns]), t = Sn({
     data: e.data.records,
     columns: n,
-    getCoreRowModel: mn(),
+    getCoreRowModel: hn(),
     // convert to string, but we actually can get away with number
     getRowId: (o) => e.getRowId(o).toString(),
     state: {
@@ -3843,7 +3809,7 @@ const Vr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ei = (e) => {
     manualPagination: !0
   });
   return /* @__PURE__ */ l.jsx(
-    Cn,
+    wn,
     {
       table: t,
       selectedRowKeys: e.selectedRowKeys,
@@ -3853,7 +3819,7 @@ const Vr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ei = (e) => {
     }
   );
 };
-function xn(e, n, {
+function Rn(e, n, {
   title: t,
   nestedKey: o,
   component: r
@@ -3861,18 +3827,18 @@ function xn(e, n, {
   let i;
   if (r !== void 0)
     i = r;
-  else if (X(n))
-    n.cardinality === "1:N" || n.cardinality === "N:N" ? i = ft : i = ct;
+  else if (oe(n))
+    n.cardinality === "1:N" || n.cardinality === "N:N" ? i = dt : i = ut;
   else {
-    if (de[n.datatype] === void 0)
+    if (ae[n.datatype] === void 0)
       throw new Error(
         `No display component found for datatype ${n.datatype}`
       );
-    i = de[n.datatype];
+    i = ae[n.datatype];
   }
   const s = {
     key: n.name,
-    title: t || /* @__PURE__ */ l.jsx(D, { value: n.label }),
+    title: t || /* @__PURE__ */ l.jsx(T, { value: n.label }),
     accessorFn: (a) => a[n.tsName],
     render: (a) => {
       const u = a[n.tsName];
@@ -3884,7 +3850,7 @@ function xn(e, n, {
     return /* @__PURE__ */ l.jsx(i, { db: e, property: n, value: u });
   }), s;
 }
-function $i(e, n, t, {
+function Vi(e, n, t, {
   title: o,
   nestedKey: r,
   component: i
@@ -3892,18 +3858,18 @@ function $i(e, n, t, {
   let s;
   if (i !== void 0)
     s = i;
-  else if (X(t))
-    t.cardinality === "1:N" || t.cardinality === "N:N" ? s = ft : s = ct;
+  else if (oe(t))
+    t.cardinality === "1:N" || t.cardinality === "N:N" ? s = dt : s = ut;
   else {
-    if (de[t.datatype] === void 0)
+    if (ae[t.datatype] === void 0)
       throw new Error(
         `No display component found for datatype ${t.datatype}`
       );
-    s = de[t.datatype];
+    s = ae[t.datatype];
   }
   const a = {
     key: n + "." + t.name,
-    title: o || /* @__PURE__ */ l.jsx(D, { value: t.label }),
+    title: o || /* @__PURE__ */ l.jsx(T, { value: t.label }),
     accessorFn: (u) => u[n.tsName][t.tsName],
     render: (u) => {
       const g = u[n.tsName][t.tsName];
@@ -3915,25 +3881,25 @@ function $i(e, n, t, {
     return /* @__PURE__ */ l.jsx(s, { db: e, property: t, value: g });
   }), a;
 }
-function Mi(e, n, t, o = {}) {
-  return t.map((r) => Rn(r) ? r : xn(e, n.publicProperties[r], o));
+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) => Rn(r) ? r : xn(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 Rn(e) {
+function yn(e) {
   return typeof e == "object" && "key" in e && "title" in e;
 }
-const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
-  var f, S;
+const Or = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ni = (e) => {
+  var c, S;
   const [n, t] = M(
     {}
-  ), o = F(() => {
-    const c = [
+  ), o = I(() => {
+    const f = [
       {
         id: "selection",
         header: ({ table: d }) => /* @__PURE__ */ l.jsx(
-          ue,
+          le,
           {
             checked: d.getIsAllRowsSelected(),
             indeterminate: d.getIsSomeRowsSelected(),
@@ -3941,7 +3907,7 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
           }
         ),
         cell: ({ row: d }) => /* @__PURE__ */ l.jsx(
-          ue,
+          le,
           {
             checked: d.getIsSelected(),
             disabled: !d.getCanSelect(),
@@ -3951,39 +3917,39 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
       }
     ];
     return e.columns.forEach((d) => {
-      c.push({
+      f.push({
         id: d.key,
         header: d.title,
         accessorFn: d.render,
         cell: ({ row: p }) => d.render(p.original)
       });
-    }), c;
-  }, [e.columns]), r = hn({
+    }), f;
+  }, [e.columns]), r = Sn({
     data: e.data,
     columns: o,
-    getCoreRowModel: mn(),
-    getPaginationRowModel: _r(),
+    getCoreRowModel: hn(),
+    getPaginationRowModel: Ir(),
     state: {
       rowSelection: n
     },
     onRowSelectionChange: t
-  }), i = F(() => Object.keys(n).filter((c) => n[c]).map(Number), [n]);
+  }), i = I(() => Object.keys(n).filter((f) => n[f]).map(Number), [n]);
   let s, a;
-  vn(e.actions) && (s = /* @__PURE__ */ l.jsx(
-    Sn,
+  Cn(e.actions) && (s = /* @__PURE__ */ l.jsx(
+    vn,
     {
       actions: e.actions,
       selectedRowKeys: i
     }
   ));
-  const u = ((f = e.pagination) == null ? void 0 : f.positions) || kr;
+  const u = ((c = e.pagination) == null ? void 0 : c.positions) || Or;
   if (u.size > 0) {
-    const c = r.getState().pagination, d = /* @__PURE__ */ l.jsx(
-      wn,
+    const f = r.getState().pagination, d = /* @__PURE__ */ l.jsx(
+      xn,
       {
         total: r.getPageCount(),
-        pageIndex: c.pageIndex,
-        pageSize: c.pageSize,
+        pageIndex: f.pageIndex,
+        pageSize: f.pageSize,
         onUpdatePagination: (p, m) => r.setPagination({ pageIndex: p, pageSize: m }),
         allowPageSizeChange: (S = e.pagination) == null ? void 0 : S.showSizeChanger
       }
@@ -3995,11 +3961,11 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
       d,
       /* @__PURE__ */ l.jsxs(P, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        c.pageIndex * c.pageSize + 1,
+        f.pageIndex * f.pageSize + 1,
         " to",
         " ",
         Math.min(
-          (c.pageIndex + 1) * c.pageSize,
+          (f.pageIndex + 1) * f.pageSize,
           e.data.length
         ),
         " ",
@@ -4010,11 +3976,11 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
     ] }) : a = /* @__PURE__ */ l.jsxs(z, { justify: "space-between", align: "center", children: [
       /* @__PURE__ */ l.jsxs(P, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        c.pageIndex * c.pageSize + 1,
+        f.pageIndex * f.pageSize + 1,
         " to",
         " ",
         Math.min(
-          (c.pageIndex + 1) * c.pageSize,
+          (f.pageIndex + 1) * f.pageSize,
           e.data.length
         ),
         " ",
@@ -4026,7 +3992,7 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
     ] }));
   }
   const g = /* @__PURE__ */ l.jsx(
-    Cn,
+    wn,
     {
       selectedRowKeys: n,
       table: r,
@@ -4037,7 +4003,7 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
   );
   return s === void 0 && a === void 0 ? g : /* @__PURE__ */ l.jsxs("div", { children: [
     s !== void 0 && /* @__PURE__ */ l.jsx(
-      oe,
+      te,
       {
         withBorder: !0,
         p: "xs",
@@ -4051,7 +4017,7 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
     ),
     g,
     a !== void 0 && /* @__PURE__ */ l.jsx(
-      oe,
+      te,
       {
         withBorder: !0,
         p: "xs",
@@ -4064,20 +4030,16 @@ const kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Di = (e) => {
       }
     )
   ] });
-}, Ht = {
-  integer: Me,
-  float: Me,
-  string: he,
-  boolean: tn,
-  "string[]": he,
-  enum: he,
-  date: Mo,
-  datetime: bo
-};
-function Lr(e) {
-  return typeof e == "object" && e !== null && "lang" in e && "lang2value" in e;
-}
-const ne = class ne {
+}, 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
@@ -4102,7 +4064,7 @@ const ne = class ne {
    * @returns The singleton instance of I18NStore
    */
   static getInstance() {
-    return ne.instance || (ne.instance = new ne()), ne.instance;
+    return ee.instance || (ee.instance = new ee()), ee.instance;
   }
   /**
    * Gets the current locale.
@@ -4193,7 +4155,7 @@ const ne = class ne {
       return t.args !== void 0 && Object.entries(t.args).forEach(([s, a]) => {
         const u = new RegExp(`{{\\s*${s}\\s*}}`, "g");
         let g;
-        Lr(a) ? g = a.lang2value[this.locale.language] || a.lang2value[a.lang] : g = a, r = r.replace(u, g);
+        zr(a) ? g = a.lang2value[this.locale.language] || a.lang2value[a.lang] : g = a, r = r.replace(u, g);
       }), r;
     }
   }
@@ -4202,29 +4164,32 @@ const ne = class ne {
  * Singleton instance of the I18NStore.
  * @private
  */
-G(ne, "instance");
-let it = ne;
-const Or = { "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" }, zr = { "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" }, Gr = {
-  en: Or,
-  vi: zr
+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
 };
-it.getInstance().registerTranslations(Gr);
-function Hr(e) {
+ot.getInstance().registerTranslations(qr);
+function Br(e) {
   return e === void 0 || typeof e == "string" && e.trim() === "";
 }
-const qr = {
+const Ur = {
   lang2value: {
     en: "Update",
     vi: "Cập Nhật"
   },
   lang: "en"
-}, Br = {
+}, Kr = {
   lang2value: {
     en: "Clear",
     vi: "Xóa"
   },
   lang: "en"
-}, Ur = ({
+}, Yr = ({
   db: e,
   property: n,
   InputComponent: t,
@@ -4234,22 +4199,22 @@ const qr = {
   onChange: s
 }) => {
   if (t === void 0)
-    if (X(n)) {
+    if (oe(n)) {
       if (n.isEmbedded)
         throw new Error("You should use nested property for embedded object");
-      t = n.cardinality === "N:N" || n.cardinality === "1:N" ? mt : pt;
+      t = n.cardinality === "N:N" || n.cardinality === "1:N" ? rn : on;
     } else {
-      if (Ht[n.datatype] === void 0)
+      if (Ot[n.datatype] === void 0)
         throw new Error(
           `No input component found for datatype ${n.datatype}`
         );
-      t = Ht[n.datatype];
+      t = Ot[n.datatype];
     }
-  const a = F(() => {
+  const a = I(() => {
     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(te, { gap: 5, children: [
+  return /* @__PURE__ */ l.jsxs(Q, { gap: 5, children: [
     /* @__PURE__ */ l.jsxs($, { gutter: "sm", children: [
       /* @__PURE__ */ l.jsx(
         $.Col,
@@ -4260,12 +4225,12 @@ const qr = {
             justifyContent: o.align || "left"
           },
           children: /* @__PURE__ */ l.jsx(
-            nn,
+            sn,
             {
-              label: /* @__PURE__ */ l.jsx(D, { value: n.label }),
+              label: /* @__PURE__ */ l.jsx(T, { value: n.label }),
               name: n.name,
               required: n.isRequired,
-              tooltip: n.description !== void 0 ? /* @__PURE__ */ l.jsx(D, { value: n.description }) : void 0,
+              tooltip: n.description !== void 0 ? /* @__PURE__ */ l.jsx(T, { value: n.description }) : void 0,
               align: o.align
             }
           )
@@ -4283,18 +4248,18 @@ const qr = {
     ] }),
     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(Y.Error, { children: a }) })
+      /* @__PURE__ */ l.jsx($.Col, { span: o.itemCol, children: /* @__PURE__ */ l.jsx(B.Error, { children: a }) })
     ] })
   ] });
 };
-function Kr({
+function Wr({
   properties: e,
   queryConditions: n
 }) {
   return e.reduce((t, o) => n[o.property.tsName] === void 0 ? t : t + 1, 0);
 }
-const Yr = (e, n) => Zt(e, n, !1);
-function Wr({
+const Xr = (e, n) => en(e, n, !1);
+function Jr({
   properties: e,
   queryConditions: n
 }) {
@@ -4303,14 +4268,14 @@ function Wr({
     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" ? ve : Yr;
-        i.op === "bti" ? (o.push(s(t, K(i.value[0]).toDate())), o.push(" ≤ "), o.push(je(t, r.property.label)), o.push(" ≤ "), o.push(s(t, K(i.value[1]).toDate()))) : i.op === "gte" ? (o.push(je(t, r.property.label)), o.push(" ≥ "), o.push(s(t, K(i.value).toDate()))) : i.op === "lte" && (o.push(je(t, r.property.label)), o.push(" ≤ "), o.push(s(t, K(i.value).toDate())));
+        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())));
       } else
-        o.push(je(t, r.property.label)), i.op === "eq" ? o.push(" = ") : o.push(` ${i.op} `), o.push(i.value.toString());
+        o.push(pe(t, r.property.label)), i.op === "eq" ? o.push(" = ") : o.push(` ${i.op} `), o.push(i.value.toString());
   }
   return o.join("");
 }
-const Xr = ({
+const Qr = ({
   db: e,
   properties: n,
   styles: t,
@@ -4320,69 +4285,69 @@ const Xr = ({
   queryConditions: s
 }) => {
   const [a, u] = M({});
-  Ce(() => {
+  ve(() => {
     const p = {};
     for (const m of n) {
-      const v = s[m.property.tsName];
-      v !== void 0 && (m.property.datatype === "date" || m.property.datatype === "datetime" ? v.op === "bti" ? p[m.property.tsName] = {
-        start: v.value[0] ? new Date(v.value[0]) : void 0,
-        end: v.value[1] ? new Date(v.value[1]) : void 0
-      } : v.op === "gte" ? p[m.property.tsName] = {
-        start: v.value ? new Date(v.value) : void 0,
+      const C = s[m.property.tsName];
+      C !== void 0 && (m.property.datatype === "date" || m.property.datatype === "datetime" ? C.op === "bti" ? p[m.property.tsName] = {
+        start: C.value[0] ? new Date(C.value[0]) : void 0,
+        end: C.value[1] ? new Date(C.value[1]) : void 0
+      } : C.op === "gte" ? p[m.property.tsName] = {
+        start: C.value ? new Date(C.value) : void 0,
         end: void 0
-      } : v.op === "lte" && (p[m.property.tsName] = {
+      } : C.op === "lte" && (p[m.property.tsName] = {
         start: void 0,
-        end: v.value ? new Date(v.value) : void 0
-      }) : p[m.property.tsName] = v.value);
+        end: C.value ? new Date(C.value) : void 0
+      }) : p[m.property.tsName] = C.value);
     }
     u(p);
   }, [n, s]);
-  const [g, f, S] = F(() => {
-    const p = [], m = {}, v = {};
-    for (const C of n) {
-      let _, y = (w) => {
-        if (!Hr(w))
-          return { op: "eq", value: w };
+  const [g, c, S] = I(() => {
+    const p = [], m = {}, C = {};
+    for (const v of n) {
+      let j, w = (x) => {
+        if (!Br(x))
+          return { op: "eq", value: x };
       };
-      (C.property.datatype === "date" || C.property.datatype === "datetime") && (_ = eo.validateTimeRange, y = (w) => w.start !== void 0 && w.end !== void 0 ? {
+      (v.property.datatype === "date" || v.property.datatype === "datetime") && (j = eo.validateTimeRange, w = (x) => x.start !== void 0 && x.end !== void 0 ? {
         op: "bti",
-        value: [w.start.toISOString(), w.end.toISOString()]
-      } : w.start !== void 0 ? { op: "gte", value: w.start.toISOString() } : w.end !== void 0 ? { op: "lte", value: w.end.toISOString() } : void 0), m[C.property.tsName] = y, v[C.property.tsName] = _, p.push(
+        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(
         /* @__PURE__ */ l.jsx(
-          Ur,
+          Yr,
           {
             db: e,
-            property: C.property,
-            InputComponent: C.InputComponent,
-            value: a[C.property.tsName],
-            onChange: (w) => {
-              u({ ...a, [C.property.tsName]: w });
+            property: v.property,
+            InputComponent: v.InputComponent,
+            value: a[v.property.tsName],
+            onChange: (x) => {
+              u({ ...a, [v.property.tsName]: x });
             },
             layout: r,
-            validator: _
+            validator: j
           },
-          C.property.name
+          v.property.name
         )
       );
     }
-    return [p, m, v];
-  }, [n, a, u]), c = (p) => {
+    return [p, m, C];
+  }, [n, a, u]), f = (p) => {
     const m = {};
-    for (const v of n) {
-      if (p[v.property.tsName] === void 0) continue;
-      const C = f[v.property.tsName](p[v.property.tsName]);
-      C !== void 0 && (m[v.property.tsName] = C);
+    for (const C of n) {
+      if (p[C.property.tsName] === void 0) continue;
+      const v = c[C.property.tsName](p[C.property.tsName]);
+      v !== void 0 && (m[C.property.tsName] = v);
     }
     i(m);
-  }, d = F(() => (p) => {
+  }, d = I(() => (p) => {
     for (const m of n) {
-      const v = S[m.property.tsName];
-      if (v !== void 0 && !v(p[m.property.tsName]).isValid)
+      const C = S[m.property.tsName];
+      if (C !== void 0 && !C(p[m.property.tsName]).isValid)
         return !1;
     }
     return !0;
   }, [n, S]);
-  return /* @__PURE__ */ l.jsxs(te, { gap: "sm", className: o, style: t, children: [
+  return /* @__PURE__ */ l.jsxs(Q, { gap: "sm", className: o, style: t, children: [
     g,
     /* @__PURE__ */ l.jsxs(k, { gap: "sm", justify: "flex-end", children: [
       /* @__PURE__ */ l.jsx(
@@ -4392,10 +4357,10 @@ const Xr = ({
           size: "xs",
           color: "gray",
           onClick: () => {
-            u({}), c({});
+            u({}), f({});
           },
           disabled: Object.keys(a).length === 0,
-          children: /* @__PURE__ */ l.jsx(D, { value: Br })
+          children: /* @__PURE__ */ l.jsx(T, { value: Kr })
         }
       ),
       /* @__PURE__ */ l.jsx(
@@ -4403,20 +4368,20 @@ const Xr = ({
         {
           variant: "light",
           size: "xs",
-          onClick: () => c(a),
+          onClick: () => f(a),
           disabled: !d(a),
-          children: /* @__PURE__ */ l.jsx(D, { value: qr })
+          children: /* @__PURE__ */ l.jsx(T, { value: Ur })
         }
       )
     ] })
   ] });
-}, qt = /* @__PURE__ */ l.jsx(Qn, { size: 16, stroke: 1.5 }), Bt = /* @__PURE__ */ l.jsx(ut, { size: 16, stroke: 1.5 }), Jr = {
+}, zt = /* @__PURE__ */ l.jsx(Jn, { size: 16, stroke: 1.5 }), Gt = /* @__PURE__ */ l.jsx(lt, { size: 16, stroke: 1.5 }), Zr = {
   lang2value: {
     en: "Search By",
     vi: "Tìm Kiếm Theo"
   },
   lang: "en"
-}, Ni = ({
+}, ki = ({
   query: e,
   onChange: n,
   debounceTime: t = 250,
@@ -4424,32 +4389,32 @@ const Xr = ({
   searchField: r,
   advancedSearch: i
 }) => {
-  const s = ee(re), [a, u] = M(e), [g, f] = M(!1), [S, c] = M([!1, Date.now()]), d = F(() => no(
+  const s = Y(Z), [a, u] = M(e), [g, c] = M(!1), [S, f] = M([!1, Date.now()]), d = I(() => no(
     t,
-    (C) => {
-      f(!1), n(C);
+    (v) => {
+      c(!1), n(v);
     },
     { atBegin: !1 }
-  ), [t, n]), p = F(() => (C) => {
-    u(C.target.value), f(!0), d(C.target.value);
-  }, [u, f, d]);
-  o === void 0 && r !== void 0 && (o = Jr);
+  ), [t, n]), p = I(() => (v) => {
+    u(v.target.value), c(!0), d(v.target.value);
+  }, [u, c, d]);
+  o === void 0 && r !== void 0 && (o = Zr);
   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(
-      Ft,
+      xt,
       {
         flex: 1,
         label: "Search",
         placeholder: m,
-        leftSection: g ? qt : Bt,
+        leftSection: g ? zt : Gt,
         value: a,
         onChange: p
       }
     );
-  const v = Kr(i);
+  const C = Wr(i);
   return /* @__PURE__ */ l.jsxs(
-    Oe,
+    Le,
     {
       width: "target",
       trapFocus: !0,
@@ -4458,42 +4423,42 @@ const Xr = ({
       shadow: "md",
       opened: S[0],
       onDismiss: () => {
-        c([!1, Date.now()]);
+        f([!1, Date.now()]);
       },
       children: [
-        /* @__PURE__ */ l.jsx(Oe.Target, { children: /* @__PURE__ */ l.jsx(
-          Ft,
+        /* @__PURE__ */ l.jsx(Le.Target, { children: /* @__PURE__ */ l.jsx(
+          xt,
           {
             flex: 1,
             label: "Search",
             placeholder: m,
-            leftSection: g ? qt : Bt,
+            leftSection: g ? zt : Gt,
             rightSection: /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
               /* @__PURE__ */ l.jsx(
-                It,
+                Rt,
                 {
                   variant: "transparent",
                   "aria-label": "Clear Query",
                   onClick: () => {
                     u(""), n("");
                   },
-                  children: /* @__PURE__ */ l.jsx(Xn, { size: 16, stroke: 1.5, cursor: "pointer" })
+                  children: /* @__PURE__ */ l.jsx(Wn, { size: 16, stroke: 1.5, cursor: "pointer" })
                 }
               ),
               /* @__PURE__ */ l.jsx(
-                It,
+                Rt,
                 {
                   variant: "transparent",
                   "aria-label": "Extra Filters",
-                  color: v > 0 ? "orange" : void 0,
+                  color: C > 0 ? "orange" : void 0,
                   onClick: () => {
-                    S[1] + 200 >= Date.now() || c([!0, Date.now()]);
+                    S[1] + 200 >= Date.now() || f([!0, Date.now()]);
                   },
                   children: /* @__PURE__ */ l.jsx(
-                    Jn,
+                    Xn,
                     {
                       size: 16,
-                      stroke: v > 0 ? 2 : 1.5,
+                      stroke: C > 0 ? 2 : 1.5,
                       cursor: "pointer",
                       style: {
                         position: "relative"
@@ -4506,12 +4471,12 @@ const Xr = ({
             rightSectionWidth: 68,
             value: a,
             onChange: p,
-            description: Wr(i),
+            description: Jr(i),
             inputWrapperOrder: ["label", "input", "description", "error"]
           }
         ) }),
-        /* @__PURE__ */ l.jsx(Oe.Dropdown, { children: /* @__PURE__ */ l.jsx(
-          Xr,
+        /* @__PURE__ */ l.jsx(Le.Dropdown, { children: /* @__PURE__ */ l.jsx(
+          Qr,
           {
             db: i.db,
             properties: i.properties,
@@ -4525,7 +4490,7 @@ const Xr = ({
       ]
     }
   );
-}, Qr = W(
+}, ei = ne(
   ({
     store: e,
     record: n,
@@ -4535,53 +4500,34 @@ const Xr = ({
   }) => {
     if (r !== void 0 && !r(n))
       return /* @__PURE__ */ l.jsx("div", {});
-    const i = n[t.tsName];
+    const i = Zt(n, t);
     return /* @__PURE__ */ l.jsxs("div", { children: [
-      /* @__PURE__ */ l.jsx(P, { size: "sm", fw: 550, children: /* @__PURE__ */ l.jsx(D, { value: t.label }) }),
+      /* @__PURE__ */ l.jsx(P, { size: "sm", fw: 550, children: /* @__PURE__ */ l.jsx(T, { value: t.label }) }),
       i !== void 0 && /* @__PURE__ */ l.jsx(o, { db: e.db, property: t, value: i })
     ] });
   }
-), Zr = W(
-  ({
-    store: e,
-    record: n,
-    properties: t,
-    DisplayComponent: o,
-    visible: r
-  }) => {
-    if (r !== void 0 && !r(n))
-      return /* @__PURE__ */ l.jsx("div", {});
-    const i = t[t.length - 1], s = t.reduce((a, u) => {
-      if (a != null)
-        return a[u.tsName];
-    }, n);
-    return /* @__PURE__ */ l.jsxs("div", { children: [
-      /* @__PURE__ */ l.jsx(P, { size: "sm", fw: 550, children: /* @__PURE__ */ l.jsx(D, { value: i.label }) }),
-      s !== void 0 && /* @__PURE__ */ l.jsx(o, { db: e.db, property: i, value: s })
-    ] });
-  }
-), ei = 12, ti = (e) => {
-  const n = e.schema, t = F(() => e.fieldGroups.map((o, r) => ni(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 });
+), 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 });
 };
-function ni(e, n, t, o, r) {
+function oi(e, n, t, o, r) {
   const i = r.fields, s = [];
   for (let a = 0; a < i.length; a++) {
-    const u = ei / i[a].length;
+    const u = ti / 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 f = i[a][g];
+      const c = i[a][g];
       let S;
-      typeof f == "function" ? S = f(n, t) : typeof f == "object" && "prop" in f ? S = st(
+      typeof c == "function" ? S = c(n, t) : typeof c == "object" && "prop" in c ? S = rt(
         n,
         t,
-        e.allProperties[f.prop],
-        f.args
-      ) : S = st(
+        c.prop instanceof X ? c.prop : e.allProperties[c.prop],
+        c.args
+      ) : S = rt(
         n,
         t,
-        e.allProperties[f]
+        c instanceof X ? c : e.allProperties[c]
       ), s.push(
         /* @__PURE__ */ l.jsx($.Col, { span: u, children: S }, `${a}-${g}`)
       );
@@ -4589,43 +4535,7 @@ function ni(e, n, t, o, r) {
   }
   return /* @__PURE__ */ l.jsx($, { gutter: "sm", children: s }, o);
 }
-function yn(e) {
-  if (X(e))
-    return e.cardinality === "N:N" || e.cardinality === "1:N" ? ft : ct;
-  if (de[e.datatype] === void 0)
-    throw new Error(
-      `No display component found for datatype ${e.datatype}`
-    );
-  return de[e.datatype];
-}
-function st(e, n, t, o = {}) {
-  let r;
-  return o.display !== void 0 ? r = o.display : r = yn(t), /* @__PURE__ */ l.jsx(
-    Qr,
-    {
-      store: e,
-      record: n,
-      property: t,
-      DisplayComponent: r,
-      visible: o == null ? void 0 : o.visible
-    }
-  );
-}
-function Ti(e, n = {}) {
-  const t = e[e.length - 1];
-  let o;
-  return n.display !== void 0 ? o = n.display : o = yn(t), (r, i) => /* @__PURE__ */ l.jsx(
-    Zr,
-    {
-      store: r,
-      record: i,
-      properties: e,
-      DisplayComponent: o,
-      visible: n.visible
-    }
-  );
-}
-function Vi(e, n, t = {}) {
+function Li(e, n, t = {}) {
   return (o, r) => {
     if (t.visible !== void 0 && !t.visible(r))
       return /* @__PURE__ */ l.jsx("div", {});
@@ -4634,8 +4544,8 @@ function Vi(e, n, t = {}) {
       if (typeof s == "function")
         u = s(o, r);
       else {
-        let g, f = {};
-        typeof s == "object" && "prop" in s ? (g = e.allProperties[s.prop], s.args !== void 0 && (f = s.args)) : g = e.allProperties[s], u = st(o, r, g, f);
+        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);
       }
       return /* @__PURE__ */ l.jsx("div", { children: u }, a);
     });
@@ -4650,10 +4560,32 @@ function Vi(e, n, t = {}) {
     );
   };
 }
-const Ai = (e) => /* @__PURE__ */ l.jsxs(xe, { defaultValue: e.fieldTabs[0].tabName, children: [
-  /* @__PURE__ */ l.jsx(xe.List, { children: e.fieldTabs.map((n, t) => /* @__PURE__ */ l.jsx(xe.Tab, { value: n.tabName, children: n.tabName }, t)) }),
-  e.fieldTabs.map((n, t) => /* @__PURE__ */ l.jsx(xe.Panel, { value: n.tabName, pt: "sm", children: /* @__PURE__ */ l.jsx(
-    ti,
+function ri(e) {
+  if (oe(e))
+    return e.cardinality === "N:N" || e.cardinality === "1:N" ? dt : ut;
+  if (ae[e.datatype] === void 0)
+    throw new Error(
+      `No display component found for datatype ${e.datatype}`
+    );
+  return ae[e.datatype];
+}
+function rt(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,
+    {
+      store: e,
+      record: n,
+      property: t,
+      DisplayComponent: r,
+      visible: o == null ? void 0 : o.visible
+    }
+  );
+}
+const Oi = (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,
     {
       schema: e.schema,
       store: e.store,
@@ -4665,74 +4597,75 @@ const Ai = (e) => /* @__PURE__ */ l.jsxs(xe, { defaultValue: e.fieldTabs[0].tabN
   ) }, t))
 ] });
 export {
-  tn as BooleanInput,
-  Je as CountryFlagComponent,
-  on as DEFAULT_LAYOUT,
-  Vr as DEFAULT_PAGINATION_POSITIONS,
-  de as DataType2DisplayComponent,
-  be as DataType2InputComponent,
-  ho as DateDisplay,
-  jo as DateInput,
-  Mo as DateRangeInput,
-  mo as DateTimeDisplay,
-  _i as DateTimeHideTimeDisplay,
-  bo as DateTimeRangeInput,
+  nn as BooleanInput,
+  Mi as ConfirmationInput,
+  $i as ConfirmationLabel,
+  Xe as CountryFlagComponent,
+  Ao as DEFAULT_LAYOUT,
+  kr as DEFAULT_PAGINATION_POSITIONS,
+  ae as DataType2DisplayComponent,
+  $t as DataType2InputComponent,
+  mo as DateDisplay,
+  yo as DateInput,
+  bo as DateRangeInput,
+  po as DateTimeDisplay,
+  Pi as DateTimeHideTimeDisplay,
+  Do as DateTimeRangeInput,
   lo as EmojiCountryFlag,
-  _o as EnumInput,
-  Tt as FormItem,
-  rn as FormItemInner,
-  nn as FormItemLabel,
-  Ao as FormNestedPropertyItem,
-  pi as LanguageSelector,
-  Si as Loading,
-  vi as LoadingInline,
-  re as LocaleContext,
-  fi as LocaleProvider,
-  po as MenuTrie,
-  ft as MultiForeignKeyDisplay,
-  mt as MultiForeignKeyInput,
-  D as MultiLingualString,
-  Ci as NotAuthorized,
-  mi as NotFound,
+  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,
+  fo as MenuTrie,
+  dt as MultiForeignKeyDisplay,
+  rn as MultiForeignKeyInput,
+  T as MultiLingualString,
+  Ri as NotAuthorized,
+  vi as NotFound,
   Jt as NotFoundInline,
-  hi as NotFoundSubPage,
-  Me as NumberInput,
-  yi as OrderedUniqueList,
-  Qe as Permission,
+  Ci as NotFoundSubPage,
+  be as NumberInput,
+  Fi as OrderedUniqueList,
+  Je as Permission,
   so as SVGCountryFlag,
-  Xr as SearchForm,
-  Ur as SearchFormItem,
-  gt as SeraContext,
-  Fi as SeraContextProvider,
-  Di as SeraEmbeddedTable,
-  Ii as SeraForm,
-  Ni as SeraSearch,
-  Ei as SeraTable,
-  ji as SeraVerticalMenu,
-  ti as SeraView,
-  Ai as SeraViewTab,
-  ct as SingleForeignKeyDisplay,
-  pt as SingleForeignKeyInput,
-  he as TextInput,
+  Qr as SearchForm,
+  Yr 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,
+  ut as SingleForeignKeyDisplay,
+  on as SingleForeignKeyInput,
+  me as TextInput,
   Qt as Trie,
-  bt as TrieNode,
-  go as buildMenuItemIndex,
-  b as countryFlags,
-  fo as filterAllowedItems,
-  Kr as getNumberOfFilters,
-  Wr as getReadableFilters,
-  wi as groupBy,
-  xi as groupByAsList,
-  Vi as groupFields,
-  To as isHorizontalLayout,
-  Rn as isSeraColumn,
-  bi as makeEmbeddedTableColumns,
-  Pi as makeFieldForm,
-  Ti as makeNestedField,
-  xn as makeTableColumn,
-  $i as makeTableColumnFromNestedProperty,
-  Mi as makeTableColumns,
-  je as translateMultiLingualString,
-  Ri as uniqueList,
-  uo as useMultiLingualString
+  It as TrieNode,
+  uo as buildMenuItemIndex,
+  V as countryFlags,
+  co as filterAllowedItems,
+  Wr as getNumberOfFilters,
+  Zt as getPropertyValue,
+  Jr as getReadableFilters,
+  yi as groupBy,
+  ji as groupByAsList,
+  Li as groupFields,
+  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
 };