sera-components 1.7.0 → 1.8.0

package/dist/index.js

@@ -2,16 +2,16 @@ var Dn = Object.defineProperty;
 var Vn = (e, n, t) => n in e ? Dn(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var ee = (e, n, t) => Vn(e, typeof n != "symbol" ? n + "" : n, t);
 import * as Xe from "react";
-import Tn, { createContext as be, useContext as U, useMemo as _, useState as M, useEffect as De } from "react";
-import { Paper as ie, Image as An, Text as E, Menu as ae, Button as q, Container as Nn, Alert as lt, Stack as X, Flex as B, Loader as Ee, NavLink as jt, Checkbox as de, Group as L, Input as J, useCombobox as qt, Combobox as z, Grid as A, InputBase as kn, PasswordInput as Bt, Select as On, CloseButton as Ln, Divider as zn, Tooltip as Ut, Fieldset as Kt, Table as Yt, rem as ge, Pagination as Gn, MenuTarget as Hn, MenuDropdown as qn, MenuItem as Bn, TextInput as _t, Popover as Le, ActionIcon as Ft, Tabs as Re } from "@mantine/core";
-import { IconCheck as Un, IconInfoCircle as at, IconChevronRight as Kn, IconSearch as ut, IconCalendar as $e, IconHelpCircle as Wt, IconPlus as Yn, IconPencil as Wn, IconReload as Xn, IconDatabaseImport as Jn, IconDownload as Qn, IconDatabaseOff as Zn, IconSelector as eo, IconCircleX as to, IconAdjustmentsHorizontal as no, IconKeyboard as oo } from "@tabler/icons-react";
+import Tn, { createContext as De, useContext as U, useMemo as _, useState as M, useEffect as Ve } from "react";
+import { Paper as ie, Image as An, Text as E, Menu as ae, Button as z, Container as Nn, Alert as lt, Stack as Y, Flex as B, Loader as $e, NavLink as yt, Popover as de, Group as O, Checkbox as ce, Input as J, useCombobox as qt, Combobox as G, Grid as N, InputBase as kn, PasswordInput as Bt, Select as Ln, CloseButton as On, Divider as zn, Tooltip as Ut, Fieldset as Yt, Table as Kt, rem as fe, Pagination as Gn, MenuTarget as Hn, MenuDropdown as qn, MenuItem as Bn, TextInput as _t, ActionIcon as Ft, Tabs as je } from "@mantine/core";
+import { IconCheck as Un, IconInfoCircle as at, IconChevronRight as Yn, IconSearch as ut, IconCalendar as Me, IconHelpCircle as Wt, IconPlus as Kn, IconPencil as Wn, IconTrash as Xn, IconReload as Jn, IconDatabaseImport as Qn, IconDownload as Zn, IconDatabaseOff as eo, IconSelector as to, IconCircleX as no, IconAdjustmentsHorizontal as oo, IconKeyboard as ro } from "@tabler/icons-react";
 import { observer as oe } from "mobx-react-lite";
-import { isNestedProperty as Xt, NestedProperty as Y, isObjectProperty as se, DynamicMultiLingualString as ro, isDraftRecord as Jt, I18NStore as io, validators as It } from "sera-db";
-import { IMaskInput as so } from "react-imask";
+import { isNestedProperty as Xt, NestedProperty as W, isObjectProperty as se, DynamicMultiLingualString as io, isDraftRecord as Jt, I18NStore as so, validators as It } from "sera-db";
+import { IMaskInput as lo } from "react-imask";
 import Z from "dayjs";
 import { DatePickerInput as Je, DateTimePicker as Pt } from "@mantine/dates";
-import { debounce as lo } from "throttle-debounce";
-var ye = { exports: {} }, fe = {};
+import { debounce as ao } from "throttle-debounce";
+var ye = { exports: {} }, me = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -22,8 +22,8 @@ var ye = { exports: {} }, fe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Et;
-function ao() {
-  if (Et) return fe;
+function uo() {
+  if (Et) return me;
   Et = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
   function t(o, r, i) {
@@ -41,9 +41,9 @@ function ao() {
       props: i
     };
   }
-  return fe.Fragment = n, fe.jsx = t, fe.jsxs = t, fe;
+  return me.Fragment = n, me.jsx = t, me.jsxs = t, me;
 }
-var me = {};
+var pe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -54,12 +54,12 @@ var me = {};
  * LICENSE file in the root directory of this source tree.
  */
 var $t;
-function uo() {
+function co() {
   return $t || ($t = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(C) {
       if (C == null) return null;
       if (typeof C == "function")
-        return C.$$typeof === we ? null : C.displayName || C.name || null;
+        return C.$$typeof === xe ? null : C.displayName || C.name || null;
       if (typeof C == "string") return C;
       switch (C) {
         case v:
@@ -72,7 +72,7 @@ function uo() {
           return "Suspense";
         case F:
           return "SuspenseList";
-        case Te:
+        case Ae:
           return "Activity";
       }
       if (typeof C == "object")
@@ -83,17 +83,17 @@ function uo() {
             return "Portal";
           case I:
             return C.displayName || "Context";
-          case j:
+          case y:
             return (C._context.displayName || "Context") + ".Consumer";
           case P:
-            var y = C.render;
-            return C = C.displayName, C || (C = y.displayName || y.name || "", C = C !== "" ? "ForwardRef(" + C + ")" : "ForwardRef"), C;
-          case V:
-            return y = C.displayName || null, y !== null ? y : e(C.type) || "Memo";
-          case G:
-            y = C._payload, C = C._init;
+            var j = C.render;
+            return C = C.displayName, C || (C = j.displayName || j.name || "", C = C !== "" ? "ForwardRef(" + C + ")" : "ForwardRef"), C;
+          case T:
+            return j = C.displayName || null, j !== null ? j : e(C.type) || "Memo";
+          case H:
+            j = C._payload, C = C._init;
             try {
-              return e(C(y));
+              return e(C(j));
             } catch {
             }
         }
@@ -105,33 +105,33 @@ function uo() {
     function t(C) {
       try {
         n(C);
-        var y = !1;
+        var j = !1;
       } catch {
-        y = !0;
+        j = !0;
       }
-      if (y) {
-        y = console;
-        var $ = y.error, b = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
+      if (j) {
+        j = console;
+        var $ = j.error, D = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
         return $.call(
-          y,
+          j,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          b
+          D
         ), n(C);
       }
     }
     function o(C) {
       if (C === v) return "<>";
-      if (typeof C == "object" && C !== null && C.$$typeof === G)
+      if (typeof C == "object" && C !== null && C.$$typeof === H)
         return "<...>";
       try {
-        var y = e(C);
-        return y ? "<" + y + ">" : "<...>";
+        var j = e(C);
+        return j ? "<" + j + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var C = Ae.A;
+      var C = Ne.A;
       return C === null ? null : C.getOwner();
     }
     function i() {
@@ -139,16 +139,16 @@ function uo() {
     }
     function s(C) {
       if (vt.call(C, "key")) {
-        var y = Object.getOwnPropertyDescriptor(C, "key").get;
-        if (y && y.isReactWarning) return !1;
+        var j = Object.getOwnPropertyDescriptor(C, "key").get;
+        if (j && j.isReactWarning) return !1;
       }
       return C.key !== void 0;
     }
-    function a(C, y) {
+    function a(C, j) {
       function $() {
         Ct || (Ct = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          y
+          j
         ));
       }
       $.isReactWarning = !0, Object.defineProperty(C, "key", {
@@ -162,15 +162,15 @@ function uo() {
         "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."
       )), C = this.props.ref, C !== void 0 ? C : null;
     }
-    function c(C, y, $, b, xe, ke) {
-      var D = $.ref;
+    function d(C, j, $, D, Re, Le) {
+      var V = $.ref;
       return C = {
         $$typeof: f,
         type: C,
-        key: y,
+        key: j,
         props: $,
-        _owner: b
-      }, (D !== void 0 ? D : null) !== null ? Object.defineProperty(C, "ref", {
+        _owner: D
+      }, (V !== void 0 ? V : null) !== null ? Object.defineProperty(C, "ref", {
         enumerable: !1,
         get: u
       }) : Object.defineProperty(C, "ref", { enumerable: !1, value: null }), C._store = {}, Object.defineProperty(C._store, "validated", {
@@ -187,109 +187,109 @@ function uo() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: xe
+        value: Re
       }), Object.defineProperty(C, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ke
+        value: Le
       }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     }
-    function g(C, y, $, b, xe, ke) {
-      var D = y.children;
-      if (D !== void 0)
-        if (b)
-          if (Mn(D)) {
-            for (b = 0; b < D.length; b++)
-              m(D[b]);
-            Object.freeze && Object.freeze(D);
+    function g(C, j, $, D, Re, Le) {
+      var V = j.children;
+      if (V !== void 0)
+        if (D)
+          if (Mn(V)) {
+            for (D = 0; D < V.length; D++)
+              m(V[D]);
+            Object.freeze && Object.freeze(V);
           } 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 m(D);
-      if (vt.call(y, "key")) {
-        D = e(C);
-        var le = Object.keys(y).filter(function(bn) {
+        else m(V);
+      if (vt.call(j, "key")) {
+        V = e(C);
+        var le = Object.keys(j).filter(function(bn) {
           return bn !== "key";
         });
-        b = 0 < le.length ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}", yt[D + b] || (le = 0 < le.length ? "{" + le.join(": ..., ") + ": ...}" : "{}", console.error(
+        D = 0 < le.length ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}", jt[V + D] || (le = 0 < le.length ? "{" + le.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          b,
           D,
+          V,
           le,
-          D
-        ), yt[D + b] = !0);
+          V
+        ), jt[V + D] = !0);
       }
-      if (D = null, $ !== void 0 && (t($), D = "" + $), s(y) && (t(y.key), D = "" + y.key), "key" in y) {
+      if (V = null, $ !== void 0 && (t($), V = "" + $), s(j) && (t(j.key), V = "" + j.key), "key" in j) {
         $ = {};
-        for (var Oe in y)
-          Oe !== "key" && ($[Oe] = y[Oe]);
-      } else $ = y;
-      return D && a(
+        for (var Oe in j)
+          Oe !== "key" && ($[Oe] = j[Oe]);
+      } else $ = j;
+      return V && a(
         $,
         typeof C == "function" ? C.displayName || C.name || "Unknown" : C
-      ), c(
+      ), d(
         C,
-        D,
+        V,
         $,
         r(),
-        xe,
-        ke
+        Re,
+        Le
       );
     }
     function m(C) {
-      p(C) ? C._store && (C._store.validated = 1) : typeof C == "object" && C !== null && C.$$typeof === G && (C._payload.status === "fulfilled" ? p(C._payload.value) && C._payload.value._store && (C._payload.value._store.validated = 1) : C._store && (C._store.validated = 1));
+      p(C) ? C._store && (C._store.validated = 1) : typeof C == "object" && C !== null && C.$$typeof === H && (C._payload.status === "fulfilled" ? p(C._payload.value) && C._payload.value._store && (C._payload.value._store.validated = 1) : C._store && (C._store.validated = 1));
     }
     function p(C) {
       return typeof C == "object" && C !== null && C.$$typeof === f;
     }
-    var d = Tn, f = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), I = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), V = Symbol.for("react.memo"), G = Symbol.for("react.lazy"), Te = Symbol.for("react.activity"), we = Symbol.for("react.client.reference"), Ae = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, vt = Object.prototype.hasOwnProperty, Mn = Array.isArray, Ne = console.createTask ? console.createTask : function() {
+    var c = Tn, f = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), I = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), Ae = Symbol.for("react.activity"), xe = Symbol.for("react.client.reference"), Ne = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, vt = Object.prototype.hasOwnProperty, Mn = Array.isArray, ke = console.createTask ? console.createTask : function() {
       return null;
     };
-    d = {
+    c = {
       react_stack_bottom_frame: function(C) {
         return C();
       }
     };
-    var Ct, wt = {}, xt = d.react_stack_bottom_frame.bind(
-      d,
+    var Ct, wt = {}, xt = c.react_stack_bottom_frame.bind(
+      c,
       i
-    )(), Rt = Ne(o(i)), yt = {};
-    me.Fragment = v, me.jsx = function(C, y, $) {
-      var b = 1e4 > Ae.recentlyCreatedOwnerStacks++;
+    )(), Rt = ke(o(i)), jt = {};
+    pe.Fragment = v, pe.jsx = function(C, j, $) {
+      var D = 1e4 > Ne.recentlyCreatedOwnerStacks++;
       return g(
         C,
-        y,
+        j,
         $,
         !1,
-        b ? Error("react-stack-top-frame") : xt,
-        b ? Ne(o(C)) : Rt
+        D ? Error("react-stack-top-frame") : xt,
+        D ? ke(o(C)) : Rt
       );
-    }, me.jsxs = function(C, y, $) {
-      var b = 1e4 > Ae.recentlyCreatedOwnerStacks++;
+    }, pe.jsxs = function(C, j, $) {
+      var D = 1e4 > Ne.recentlyCreatedOwnerStacks++;
       return g(
         C,
-        y,
+        j,
         $,
         !0,
-        b ? Error("react-stack-top-frame") : xt,
-        b ? Ne(o(C)) : Rt
+        D ? Error("react-stack-top-frame") : xt,
+        D ? ke(o(C)) : Rt
       );
     };
-  })()), me;
+  })()), pe;
 }
 var Mt;
-function co() {
-  return Mt || (Mt = 1, process.env.NODE_ENV === "production" ? ye.exports = ao() : ye.exports = uo()), ye.exports;
+function go() {
+  return Mt || (Mt = 1, process.env.NODE_ENV === "production" ? ye.exports = uo() : ye.exports = co()), ye.exports;
 }
-var l = co();
-const T = {
+var l = go();
+const A = {
   UK: {
     svgFlag: "https://flagcdn.com/gb.svg",
     emojiFlag: "🇬🇧"
@@ -354,39 +354,39 @@ const T = {
     svgFlag: "https://flagcdn.com/kh.svg",
     emojiFlag: "🇰🇭"
   }
-}, go = ({ flag: e }) => /* @__PURE__ */ l.jsx(ie, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ l.jsx(An, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), fo = ({ flag: e }) => /* @__PURE__ */ l.jsx(
+}, fo = ({ flag: e }) => /* @__PURE__ */ l.jsx(ie, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ l.jsx(An, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), mo = ({ flag: e }) => /* @__PURE__ */ l.jsx(
   E,
   {
     component: "span",
     style: (n) => ({ textShadow: n.shadows.xs }),
     children: e.emojiFlag
   }
-), Qe = navigator.userAgent.includes("Windows") ? go : fo, re = be(new Intl.Locale("en-US")), Si = oe(
+), Qe = navigator.userAgent.includes("Windows") ? fo : mo, re = De(new Intl.Locale("en-US")), xi = oe(
   ({
     value: e,
     children: n
   }) => /* @__PURE__ */ l.jsx(re.Provider, { value: e.locale, children: n })
-), mo = {
+), po = {
   lang2value: {
     en: "Choose Language",
     vi: "Chọn ngôn ngữ"
   }
-}, je = {
+}, _e = {
   en: {
     name: "English",
-    flag: T.US,
+    flag: A.US,
     locale: new Intl.Locale("en-US")
   },
   vi: {
     name: "Tiếng Việt",
-    flag: T.VN,
+    flag: A.VN,
     locale: new Intl.Locale("vi-VN")
   }
-}, vi = ({
+}, Ri = ({
   locale: e,
   setLocale: n
 }) => {
-  const t = _(() => Object.entries(je).map(
+  const t = _(() => Object.entries(_e).map(
     ([o, { flag: r, name: i, locale: s }]) => /* @__PURE__ */ l.jsx(
       ae.Item,
       {
@@ -397,33 +397,33 @@ const T = {
       },
       o
     )
-  ), [je, e]);
+  ), [_e, e]);
   return /* @__PURE__ */ l.jsxs(ae, { width: 170, children: [
     /* @__PURE__ */ l.jsx(ae.Target, { children: /* @__PURE__ */ l.jsx(
-      q,
+      z,
       {
         variant: "subtle",
         size: "sm",
-        leftSection: /* @__PURE__ */ l.jsx(Qe, { flag: je[e.language].flag }),
-        children: /* @__PURE__ */ l.jsx(E, { size: "sm", children: je[e.language].name })
+        leftSection: /* @__PURE__ */ l.jsx(Qe, { flag: _e[e.language].flag }),
+        children: /* @__PURE__ */ l.jsx(E, { size: "sm", children: _e[e.language].name })
       }
     ) }),
     /* @__PURE__ */ l.jsxs(ae.Dropdown, { children: [
-      /* @__PURE__ */ l.jsx(ae.Label, { children: /* @__PURE__ */ l.jsx(E, { size: "sm", children: mo.lang2value[e.language] }) }),
+      /* @__PURE__ */ l.jsx(ae.Label, { children: /* @__PURE__ */ l.jsx(E, { size: "sm", children: po.lang2value[e.language] }) }),
       t
     ] })
   ] });
-}, N = ({ value: e }) => {
+}, b = ({ value: e }) => {
   const n = U(re);
   return e.lang2value[n.language] || e.lang2value[e.lang];
-}, Ci = (e) => {
+}, ji = (e) => {
   const n = U(re);
   return e.lang2value[n.language] || e.lang2value[e.lang];
 };
-function he(e, n) {
+function Se(e, n) {
   return n.lang2value[e.language] || n.lang2value[n.lang];
 }
-const wi = ({
+const yi = ({
   message: e,
   navigate: n
 }) => /* @__PURE__ */ l.jsx(
@@ -443,14 +443,14 @@ const wi = ({
         title: "Not Found",
         variant: "404 - Not Found",
         icon: /* @__PURE__ */ l.jsx(at, { size: 12, stroke: 1.5 }),
-        children: /* @__PURE__ */ l.jsxs(X, { align: "flex-start", children: [
+        children: /* @__PURE__ */ l.jsxs(Y, { align: "flex-start", children: [
           e || "Sorry, the page you are looking for does not exist.",
-          /* @__PURE__ */ l.jsx(q, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
+          /* @__PURE__ */ l.jsx(z, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
         ] })
       }
     )
   }
-), xi = ({ message: e }) => /* @__PURE__ */ l.jsx(
+), _i = ({ message: e }) => /* @__PURE__ */ l.jsx(
   lt,
   {
     color: "red",
@@ -459,7 +459,7 @@ const wi = ({
     icon: /* @__PURE__ */ l.jsx(at, { size: 12, stroke: 1.5 }),
     children: e || "Sorry, the page you are looking for does not exist."
   }
-), Qt = ({ message: e }) => /* @__PURE__ */ l.jsx(E, { c: "red", size: "sm", children: e || "Not Found" }), Ri = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx(B, { justify: "center", align: "center", children: /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "md" }) }) : /* @__PURE__ */ l.jsxs(
+), Qt = ({ message: e }) => /* @__PURE__ */ l.jsx(E, { c: "red", size: "sm", children: e || "Not Found" }), Fi = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx(B, { justify: "center", align: "center", children: /* @__PURE__ */ l.jsx($e, { color: "blue", size: "md" }) }) : /* @__PURE__ */ l.jsxs(
   B,
   {
     gap: "md",
@@ -468,14 +468,14 @@ const wi = ({
     align: "center",
     style: { height: "100%" },
     children: [
-      /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "md" }),
+      /* @__PURE__ */ l.jsx($e, { color: "blue", size: "md" }),
       e
     ]
   }
-), yi = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "xs" }) : /* @__PURE__ */ l.jsxs(B, { gap: "md", direction: "column", justify: "center", align: "center", children: [
-  /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "xs" }),
+), Ii = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx($e, { color: "blue", size: "xs" }) : /* @__PURE__ */ l.jsxs(B, { gap: "md", direction: "column", justify: "center", align: "center", children: [
+  /* @__PURE__ */ l.jsx($e, { color: "blue", size: "xs" }),
   e
-] }), ji = ({ message: e }) => /* @__PURE__ */ l.jsx(
+] }), Pi = ({ message: e }) => /* @__PURE__ */ l.jsx(
   lt,
   {
     color: "red",
@@ -485,13 +485,13 @@ const wi = ({
     children: e || "Sorry, you are not authorized to access this page."
   }
 );
-function _i(e, n) {
+function Ei(e, n) {
   return e.reduce((t, o) => {
     const r = n(o);
     return t[r] || (t[r] = []), t[r].push(o), t;
   }, {});
 }
-function Fi(e, n) {
+function $i(e, n) {
   const t = [];
   let o;
   return e.reduce((r, i) => {
@@ -499,14 +499,14 @@ function Fi(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 Ii(e, n) {
+function Mi(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 Pi {
+class bi {
   constructor() {
     ee(this, "items", []);
     ee(this, "seen", /* @__PURE__ */ new Set());
@@ -571,19 +571,19 @@ function dt(e, n) {
 function Ze(e, n, t) {
   Xt(n) ? n.setValue(e, t) : e[n.updateFuncName](t);
 }
-const ct = be(!1), Ei = ct.Provider;
-function $i(e) {
+const ct = De(!1), Di = ct.Provider;
+function Vi(e) {
   return U(ct) ? { "data-testid": e } : {};
 }
-function Mi(e, n) {
+function Ti(e, n) {
   return n ? { "data-testid": e } : {};
 }
-function W(e, n = "") {
-  const t = U(ct), o = _(() => (n !== "" && (n = `_${n}`), e instanceof Y ? `${e.allProperties.map((r) => r.name).join(".")}${n}` : `${e.name}${n}`), [e, n]);
+function X(e, n = "") {
+  const t = U(ct), o = _(() => (n !== "" && (n = `_${n}`), e instanceof W ? `${e.allProperties.map((r) => r.name).join(".")}${n}` : `${e.name}${n}`), [e, n]);
   return t ? { "data-testid": o } : {};
 }
 var et = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(et || {});
-function po(e) {
+function ho(e) {
   const n = {}, t = {}, o = {}, r = (i, s = []) => {
     i.forEach((a) => {
       const u = [...s, a.key];
@@ -592,8 +592,8 @@ function po(e) {
   };
   return r(e), { key2item: n, key2fullpath: t, key2route: o };
 }
-function ho(e) {
-  const n = new vo(), t = (o) => {
+function So(e) {
+  const n = new Co(), t = (o) => {
     o.forEach((r) => {
       if (r.route !== void 0) {
         const i = r.route.path.pathDef;
@@ -604,7 +604,7 @@ function ho(e) {
   };
   return t(e), n;
 }
-function So(e, n) {
+function vo(e, n) {
   return e.map((t) => {
     if (t.route !== void 0)
       return n(t.route.role) === et.Allow ? t : null;
@@ -615,41 +615,41 @@ function So(e, n) {
     return t;
   }).filter((t) => t !== null);
 }
-const bi = (e) => {
-  const [n, t] = M(/* @__PURE__ */ new Set()), [o, r] = M(/* @__PURE__ */ new Set()), [i, s] = M(), a = _(() => So(e.items, e.checkPermission), [e.items, e.checkPermission]), u = _(() => ho(e.items), [e.items]), { key2fullpath: c, key2route: g } = _(
-    () => po(a),
+const Ai = (e) => {
+  const [n, t] = M(/* @__PURE__ */ new Set()), [o, r] = M(/* @__PURE__ */ new Set()), [i, s] = M(), a = _(() => vo(e.items, e.checkPermission), [e.items, e.checkPermission]), u = _(() => So(e.items), [e.items]), { key2fullpath: d, key2route: g } = _(
+    () => ho(a),
     [a]
   );
-  De(() => {
-    const p = window.location.pathname, d = u.findMatchingKey(p);
-    d !== void 0 && (r(new Set(c[d])), s(d));
+  Ve(() => {
+    const p = window.location.pathname, c = u.findMatchingKey(p);
+    c !== void 0 && (r(new Set(d[c])), s(c));
   }, [window.location.pathname, g]);
   const m = _(() => {
-    function p(d, f) {
+    function p(c, f) {
       var v;
-      const h = d.children !== void 0 && d.children.length > 0;
+      const h = c.children !== void 0 && c.children.length > 0;
       return h ? /* @__PURE__ */ l.jsxs(
         "div",
         {
           onMouseEnter: () => {
-            o.has(d.key) || t((S) => {
+            o.has(c.key) || t((S) => {
               const R = new Set(S);
-              return R.add(d.key), R;
+              return R.add(c.key), R;
             });
           },
           onMouseLeave: () => {
-            o.has(d.key) || t((S) => {
+            o.has(c.key) || t((S) => {
               const R = new Set(S);
-              return R.delete(d.key), R;
+              return R.delete(c.key), R;
             });
           },
           children: [
             /* @__PURE__ */ l.jsx(
-              jt,
+              yt,
               {
-                active: i === d.key,
-                label: d.label,
-                leftSection: d.icon,
+                active: i === c.key,
+                label: c.label,
+                leftSection: c.icon,
                 styles: {
                   label: { fontSize: "md" },
                   root: {
@@ -659,34 +659,34 @@ const bi = (e) => {
                 ml: f === 0 ? void 0 : f === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${f})`,
                 w: "unset",
                 rightSection: h ? /* @__PURE__ */ l.jsx(
-                  Kn,
+                  Yn,
                   {
                     size: 12,
                     stroke: 1.5,
                     className: "mantine-rotate-rtl"
                   }
                 ) : void 0,
-                opened: n.has(d.key) || o.has(d.key),
+                opened: n.has(c.key) || o.has(c.key),
                 onClick: (S) => {
                   S.preventDefault(), r((R) => {
-                    const j = new Set(R);
-                    return R.has(d.key) ? j.delete(d.key) : j.add(d.key), j;
+                    const y = new Set(R);
+                    return R.has(c.key) ? y.delete(c.key) : y.add(c.key), y;
                   });
                 }
               },
-              d.key
+              c.key
             ),
-            (o.has(d.key) || n.has(d.key)) && d.children.map((S) => p(S, f + 1))
+            (o.has(c.key) || n.has(c.key)) && c.children.map((S) => p(S, f + 1))
           ]
         },
-        `container-${d.key}`
+        `container-${c.key}`
       ) : /* @__PURE__ */ l.jsx(
-        jt,
+        yt,
         {
-          active: i === d.key,
-          href: (v = d.route) == null ? void 0 : v.path.getURL(d.route.defaultPathArgs ?? {}),
-          label: d.label,
-          leftSection: d.icon,
+          active: i === c.key,
+          href: (v = c.route) == null ? void 0 : v.path.getURL(c.route.defaultPathArgs ?? {}),
+          label: c.label,
+          leftSection: c.icon,
           styles: {
             label: { fontSize: "md" },
             root: {
@@ -696,17 +696,17 @@ const bi = (e) => {
           ml: f === 0 ? void 0 : f === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${f})`,
           w: "unset",
           onClick: (S) => {
-            S.ctrlKey || S.metaKey || (S.preventDefault(), d.route != null && d.route.path.path(d.route.defaultPathArgs ?? {}).open(e.navigate));
+            S.ctrlKey || S.metaKey || (S.preventDefault(), c.route != null && c.route.path.path(c.route.defaultPathArgs ?? {}).open(e.navigate));
           }
         },
-        d.key
+        c.key
       );
     }
-    return a.map((d) => p(d, 0));
+    return a.map((c) => p(c, 0));
   }, [a, i, o, n, e.navigate]);
   return /* @__PURE__ */ l.jsx(l.Fragment, { children: m });
 };
-class vo extends Zt {
+class Co extends Zt {
   constructor() {
     super(...arguments);
     ee(this, "pathToKey", /* @__PURE__ */ new Map());
@@ -742,7 +742,7 @@ class vo extends Zt {
       return this.pathToKey.get(r.match);
   }
 }
-const ze = 12, en = be({ gap: "sm" }), tn = ({
+const ze = 12, en = De({ gap: "sm" }), tn = ({
   children: e,
   gap: n = "sm",
   align: t = "flex-start",
@@ -775,7 +775,7 @@ const ze = 12, en = be({ gap: "sm" }), tn = ({
     ...r
   };
   if (n !== void 0) {
-    const a = n / ze * 100, u = `var(--mantine-spacing-${i})`, c = (ze - n) / ze, g = `calc(${a}% - ${c} * ${u})`;
+    const a = n / ze * 100, u = `var(--mantine-spacing-${i})`, d = (ze - n) / ze, g = `calc(${a}% - ${d} * ${u})`;
     s = {
       ...s,
       flex: `0 0 ${g}`,
@@ -787,8 +787,66 @@ const ze = 12, en = be({ gap: "sm" }), tn = ({
       flex: `${t ?? 1} 1 0px`
     };
   return /* @__PURE__ */ l.jsx("div", { className: o, style: s, children: e });
-}, _e = ({ value: e }) => /* @__PURE__ */ l.jsx(E, { size: "sm", children: e });
-function Ce(e, n) {
+}, wo = {
+  lang: "en",
+  lang2value: {
+    en: "Confirm",
+    vi: "Xác nhận"
+  }
+}, xo = {
+  lang: "en",
+  lang2value: {
+    en: "Cancel",
+    vi: "Hủy"
+  }
+}, Ro = ({
+  children: e,
+  title: n,
+  onConfirm: t,
+  onCancel: o,
+  confirmLabel: r = wo,
+  cancelLabel: i = xo,
+  confirmProps: s,
+  cancelProps: a,
+  popoverProps: u,
+  disabled: d = !1
+}) => {
+  const [g, m] = M(!1), p = () => {
+    m(!1), t();
+  }, c = () => {
+    m(!1), o == null || o();
+  };
+  return /* @__PURE__ */ l.jsxs(
+    de,
+    {
+      opened: g,
+      onClose: () => m(!1),
+      position: "bottom",
+      withArrow: !0,
+      shadow: "md",
+      ...u,
+      children: [
+        /* @__PURE__ */ l.jsx(de.Target, { children: /* @__PURE__ */ l.jsx(
+          "span",
+          {
+            onClick: (f) => {
+              d || (f.stopPropagation(), m(!0));
+            },
+            children: e
+          }
+        ) }),
+        /* @__PURE__ */ l.jsx(de.Dropdown, { children: /* @__PURE__ */ l.jsxs(Y, { gap: "xs", children: [
+          typeof n == "string" ? /* @__PURE__ */ l.jsx(E, { size: "sm", children: n }) : n,
+          /* @__PURE__ */ l.jsxs(O, { gap: "xs", justify: "flex-end", children: [
+            /* @__PURE__ */ l.jsx(z, { size: "xs", variant: "default", onClick: c, ...a, children: /* @__PURE__ */ l.jsx(b, { value: i }) }),
+            /* @__PURE__ */ l.jsx(z, { size: "xs", onClick: p, ...s, children: /* @__PURE__ */ l.jsx(b, { value: r }) })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}, Fe = ({ value: e }) => /* @__PURE__ */ l.jsx(E, { size: "sm", children: e });
+function we(e, n) {
   return n.toLocaleDateString(e.baseName, {
     year: "numeric",
     month: "short",
@@ -797,24 +855,24 @@ function Ce(e, n) {
 }
 function on(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 ? Ce(e, n) + ` ${o}:${r}:${i}` : Ce(e, n) + ` ${o}:${r}`;
+  return t ? we(e, n) + ` ${o}:${r}:${i}` : we(e, n) + ` ${o}:${r}`;
 }
-const Co = ({ value: e }) => {
+const jo = ({ value: e }) => {
   const n = U(re), t = _(
     () => on(n, e),
     [n, e]
   );
   return /* @__PURE__ */ l.jsx(E, { size: "sm", children: t });
-}, wo = ({ value: e }) => {
-  const n = U(re), t = _(() => Ce(n, e), [n, e]);
+}, yo = ({ value: e }) => {
+  const n = U(re), t = _(() => we(n, e), [n, e]);
   return /* @__PURE__ */ l.jsx(E, { size: "sm", children: t });
-}, Di = ({ value: e }) => {
+}, Ni = ({ value: e }) => {
   const n = U(re), [t, o] = _(() => {
-    const r = Ce(n, e), i = e.getHours().toString().padStart(2, "0"), s = e.getMinutes().toString().padStart(2, "0"), a = e.getSeconds().toString().padStart(2, "0");
+    const r = we(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(E, { size: "sm", title: o, children: t });
-}, xo = {
+}, _o = {
   yes: {
     lang2value: {
       en: "Yes",
@@ -829,28 +887,27 @@ const Co = ({ value: e }) => {
     },
     lang: "en"
   }
-}, Ro = ({ value: e }) => /* @__PURE__ */ l.jsx(
-  de,
+}, Fo = ({ value: e }) => /* @__PURE__ */ l.jsx(
+  ce,
   {
     checked: e,
-    label: /* @__PURE__ */ l.jsx(N, { value: xo[e ? "yes" : "no"] }),
+    label: /* @__PURE__ */ l.jsx(b, { value: _o[e ? "yes" : "no"] }),
     readOnly: !0
   }
-), yo = ({ property: e, value: n }) => {
-  const t = e;
-  if (se(t) || t.enumType === void 0)
+), Io = ({ property: e, value: n }) => {
+  if (se(e) || e.enumType === void 0)
     throw new Error(
       "Invalid usage of EnumDisplay. Expect a property of type enum"
     );
-  return /* @__PURE__ */ l.jsx(E, { size: "sm", children: /* @__PURE__ */ l.jsx(N, { value: t.enumType.label[n] }) });
-}, gt = be({ EntityLink: () => null, entityRoutes: {} }), Vi = ({
+  return /* @__PURE__ */ l.jsx(E, { size: "sm", children: /* @__PURE__ */ l.jsx(b, { value: e.enumType.label[n] }) });
+}, gt = De({ EntityLink: () => null, entityRoutes: {} }), ki = ({
   EntityLink: e,
   entityRoutes: n,
   children: t
 }) => /* @__PURE__ */ l.jsx(gt.Provider, { value: { EntityLink: e, entityRoutes: n }, children: t });
 function rn(e, n, t, o) {
   const r = e.getByName(n.targetClass), i = o[n.targetClass];
-  De(() => {
+  Ve(() => {
     r.fetchByIds(t);
   }, [t]);
   const s = {};
@@ -892,38 +949,38 @@ const ft = oe(
       t,
       r
     );
-    return /* @__PURE__ */ l.jsx(L, { gap: "xs", children: t.map((a, u) => {
-      const c = i[a];
-      return c === void 0 ? /* @__PURE__ */ l.jsx(E, { size: "sm", children: t }, a) : c === null ? /* @__PURE__ */ l.jsx(Qt, {}, a) : s === void 0 ? /* @__PURE__ */ l.jsx(E, { size: "sm", children: c.name }, u) : /* @__PURE__ */ l.jsx(
+    return /* @__PURE__ */ l.jsx(O, { gap: "xs", children: t.map((a, u) => {
+      const d = i[a];
+      return d === void 0 ? /* @__PURE__ */ l.jsx(E, { size: "sm", children: t }, a) : d === null ? /* @__PURE__ */ l.jsx(Qt, {}, a) : s === void 0 ? /* @__PURE__ */ l.jsx(E, { size: "sm", children: d.name }, u) : /* @__PURE__ */ l.jsx(
         o,
         {
           path: s,
           openInNewPage: !1,
-          args: { id: c.id },
-          children: c.name
+          args: { id: d.id },
+          children: d.name
         },
         u
       );
     }) });
   }
-), ce = {
-  string: _e,
-  integer: _e,
-  float: _e,
-  boolean: Ro,
-  "string[]": _e,
-  enum: yo,
-  datetime: Co,
-  date: wo
+), ge = {
+  string: Fe,
+  integer: Fe,
+  float: Fe,
+  boolean: Fo,
+  "string[]": Fe,
+  enum: Io,
+  datetime: jo,
+  date: yo
 }, sn = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
 }) => {
-  const r = W(e);
+  const r = X(e);
   return /* @__PURE__ */ l.jsx(
-    de,
+    ce,
     {
       ...r,
       id: e.name,
@@ -935,13 +992,13 @@ const ft = oe(
       disabled: o
     }
   );
-}, Me = ({
+}, be = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
 }) => {
-  const r = W(e);
+  const r = X(e);
   return /* @__PURE__ */ l.jsx(
     J,
     {
@@ -956,13 +1013,13 @@ const ft = oe(
       disabled: o
     }
   );
-}, jo = {
+}, Po = {
   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"
-}, _o = {
+}, Eo = {
   lang2value: {
     en: "No valid country code found.",
     vi: "Không tìm thấy mã quốc gia hợp lệ. "
@@ -971,65 +1028,65 @@ const ft = oe(
 }, ue = {
   84: {
     name: "Vietnam",
-    flags: [T.VN]
+    flags: [A.VN]
   },
   1: {
     name: "US, Canada",
-    flags: [T.US, T.CA]
+    flags: [A.US, A.CA]
   },
   61: {
     name: "Australia",
-    flags: [T.AU]
+    flags: [A.AU]
   },
   81: {
     name: "Japan",
-    flags: [T.JP]
+    flags: [A.JP]
   },
   44: {
     name: "UK",
-    flags: [T.UK]
+    flags: [A.UK]
   },
   33: {
     name: "France",
-    flags: [T.FR]
+    flags: [A.FR]
   },
   49: {
     name: "Germany",
-    flags: [T.DE]
+    flags: [A.DE]
   },
   91: {
     name: "India",
-    flags: [T.IN]
+    flags: [A.IN]
   },
   55: {
     name: "Brazil",
-    flags: [T.BR]
+    flags: [A.BR]
   },
   34: {
     name: "Spain",
-    flags: [T.ES]
+    flags: [A.ES]
   },
   39: {
     name: "Italy",
-    flags: [T.IT]
+    flags: [A.IT]
   },
   64: {
     name: "New Zealand",
-    flags: [T.NZ]
+    flags: [A.NZ]
   },
   52: {
     name: "Mexico",
-    flags: [T.MX]
+    flags: [A.MX]
   },
   86: {
     name: "China",
-    flags: [T.CN]
+    flags: [A.CN]
   },
   855: {
     name: "Cambodia",
-    flags: [T.CAM]
+    flags: [A.CAM]
   }
-}, Fo = (e, n) => {
+}, $o = (e, n) => {
   if (e === "" || e === void 0)
     return { match: "84", remaining: "" };
   const t = e.replace(/[^\d]/g, ""), o = n.findLongestPrefix(t);
@@ -1039,14 +1096,14 @@ const ft = oe(
 }, Dt = ({ value: e }) => {
   const n = ue[e];
   if (n !== void 0)
-    return /* @__PURE__ */ l.jsxs(L, { gap: "xs", wrap: "nowrap", align: "center", children: [
+    return /* @__PURE__ */ l.jsxs(O, { gap: "xs", wrap: "nowrap", align: "center", children: [
       /* @__PURE__ */ l.jsxs(E, { size: "sm", children: [
         "+",
         e
       ] }),
-      /* @__PURE__ */ l.jsx(L, { gap: "xs", wrap: "nowrap", children: n.flags.map((t, o) => /* @__PURE__ */ l.jsx(Qe, { flag: t }, o)) })
+      /* @__PURE__ */ l.jsx(O, { gap: "xs", wrap: "nowrap", children: n.flags.map((t, o) => /* @__PURE__ */ l.jsx(Qe, { flag: t }, o)) })
     ] });
-}, Io = ({
+}, Mo = ({
   value: e,
   onChange: n,
   error: t,
@@ -1056,80 +1113,80 @@ const ft = oe(
 }) => {
   let s = {}, a = {};
   i !== void 0 && (s = { "data-testid": `${i}_country_code` }, a = { "data-testid": i });
-  const [u, c] = M(""), [g, m] = M(!1), [p, d] = M(""), [f, h] = M(!1), v = _(() => {
+  const [u, d] = M(""), [g, m] = M(!1), [p, c] = M(""), [f, h] = M(!1), v = _(() => {
     const F = new Zt();
-    return Object.keys(ue).forEach((V) => {
-      F.insert(V);
+    return Object.keys(ue).forEach((T) => {
+      F.insert(T);
     }), F;
   }, [ue]), { rawInput: S } = _(() => {
     try {
-      const { match: F, remaining: V } = Fo(
+      const { match: F, remaining: T } = $o(
         e,
         v
       );
-      return d(F), h(!1), {
-        rawInput: V
+      return c(F), h(!1), {
+        rawInput: T
       };
     } catch {
-      return h(!0), d(""), {
+      return h(!0), c(""), {
         rawInput: e
       };
     }
   }, [e]), R = qt({
     onDropdownClose: () => {
-      R.resetSelectedOption(), c("");
+      R.resetSelectedOption(), d("");
     },
     onDropdownOpen: () => {
       R.updateSelectedOptionIndex("active");
     }
-  }), j = _(() => Object.keys(ue), [ue]), I = (F, V) => {
+  }), y = _(() => Object.keys(ue), [ue]), I = (F, T) => {
     if (F === void 0)
-      return `+${V}`;
-    const G = F.replace(/[^\d]/g, "");
-    return G.length === 0 ? `+${V}` : G.startsWith("0") ? (m(!0), `+${V}${G}`) : (m(!1), `+${V}${G}`);
-  }, P = _(() => j.filter((F) => ue[F].name.toLowerCase().includes(u.toLowerCase()) || F.includes(u)), [u, j]), k = _(() => P.map((F, V) => /* @__PURE__ */ l.jsx(z.Option, { value: F, children: /* @__PURE__ */ l.jsx(Dt, { value: F }) }, V)), [P]);
+      return `+${T}`;
+    const H = F.replace(/[^\d]/g, "");
+    return H.length === 0 ? `+${T}` : H.startsWith("0") ? (m(!0), `+${T}${H}`) : (m(!1), `+${T}${H}`);
+  }, P = _(() => y.filter((F) => ue[F].name.toLowerCase().includes(u.toLowerCase()) || F.includes(u)), [u, y]), k = _(() => P.map((F, T) => /* @__PURE__ */ l.jsx(G.Option, { value: F, children: /* @__PURE__ */ l.jsx(Dt, { value: F }) }, T)), [P]);
   return /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsx(A, { gutter: "xs", children: /* @__PURE__ */ l.jsx(A.Col, { children: /* @__PURE__ */ l.jsxs(L, { gap: 5, children: [
+    /* @__PURE__ */ l.jsx(N, { gutter: "xs", children: /* @__PURE__ */ l.jsx(N.Col, { children: /* @__PURE__ */ l.jsxs(O, { gap: 5, children: [
       /* @__PURE__ */ l.jsxs(
-        z,
+        G,
         {
           store: R,
           position: "top-start",
           onOptionSubmit: (F) => {
-            c(""), R.closeDropdown(), n({
+            d(""), R.closeDropdown(), n({
               target: { value: I(S, F) }
             });
           },
           disabled: r,
           children: [
-            /* @__PURE__ */ l.jsx(z.Target, { children: /* @__PURE__ */ l.jsx(
+            /* @__PURE__ */ l.jsx(G.Target, { children: /* @__PURE__ */ l.jsx(
               kn,
               {
                 ...s,
                 component: "button",
                 type: "button",
                 pointer: !0,
-                rightSection: /* @__PURE__ */ l.jsx(z.Chevron, {}),
+                rightSection: /* @__PURE__ */ l.jsx(G.Chevron, {}),
                 onClick: () => R.toggleDropdown(),
                 rightSectionPointerEvents: "none",
                 disabled: r,
                 children: /* @__PURE__ */ l.jsx(Dt, { value: p })
               }
             ) }),
-            /* @__PURE__ */ l.jsxs(z.Dropdown, { children: [
+            /* @__PURE__ */ l.jsxs(G.Dropdown, { children: [
               /* @__PURE__ */ l.jsx(
-                z.Search,
+                G.Search,
                 {
                   leftSection: /* @__PURE__ */ l.jsx(ut, { size: 14, stroke: 1.5 }),
                   placeholder: ".....",
                   value: u,
                   onChange: (F) => {
-                    c(F.currentTarget.value);
+                    d(F.currentTarget.value);
                   },
                   disabled: r
                 }
               ),
-              /* @__PURE__ */ l.jsx(z.Options, { children: k.length > 0 ? k : /* @__PURE__ */ l.jsx(z.Empty, { children: /* @__PURE__ */ l.jsx(E, { size: "sm", children: "Nothing found" }) }) })
+              /* @__PURE__ */ l.jsx(G.Options, { children: k.length > 0 ? k : /* @__PURE__ */ l.jsx(G.Empty, { children: /* @__PURE__ */ l.jsx(E, { size: "sm", children: "Nothing found" }) }) })
             ] })
           ]
         }
@@ -1156,12 +1213,12 @@ const ft = oe(
           value: S,
           type: "phone_number",
           onAccept: (F) => {
-            const V = F.replace(/[^\d]/g, ""), G = I(V, p);
-            G !== e && n({
-              target: { value: G }
+            const T = F.replace(/[^\d]/g, ""), H = I(T, p);
+            H !== e && n({
+              target: { value: H }
             });
           },
-          component: so,
+          component: lo,
           mask: "000-000-0000",
           error: t,
           flex: 1,
@@ -1169,16 +1226,16 @@ const ft = oe(
         }
       )
     ] }) }) }),
-    (g || f || t && typeof t == "string") && /* @__PURE__ */ l.jsx(A, { gutter: "xs", children: /* @__PURE__ */ l.jsx(A.Col, { children: /* @__PURE__ */ l.jsx(J.Error, { children: g ? /* @__PURE__ */ l.jsx(N, { value: jo }) : f ? /* @__PURE__ */ l.jsx(N, { value: _o }) : t }) }) })
+    (g || f || t && typeof t == "string") && /* @__PURE__ */ l.jsx(N, { gutter: "xs", children: /* @__PURE__ */ l.jsx(N.Col, { children: /* @__PURE__ */ l.jsx(J.Error, { children: g ? /* @__PURE__ */ l.jsx(b, { value: Po }) : f ? /* @__PURE__ */ l.jsx(b, { value: Eo }) : t }) }) })
   ] });
-}, Se = ({
+}, ve = ({
   property: e,
   error: n,
   value: t,
   onChange: o,
   freeze: r = !1
 }) => {
-  const i = W(e), [s, a] = _(() => e.constraints.includes("password") ? ["password", Bt] : e.constraints.includes("phone_number") ? ["phone_number", Io] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", J], [e.constraints]);
+  const i = X(e), [s, a] = _(() => e.constraints.includes("password") ? ["password", Bt] : e.constraints.includes("phone_number") ? ["phone_number", Mo] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", J], [e.constraints]);
   return /* @__PURE__ */ l.jsx(
     a,
     {
@@ -1191,13 +1248,13 @@ const ft = oe(
       disabled: r
     }
   );
-}, Po = ({
+}, bo = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
 }) => {
-  const r = W(e);
+  const r = X(e);
   return /* @__PURE__ */ l.jsx(
     Je,
     {
@@ -1217,69 +1274,69 @@ const ft = oe(
       disabled: o
     }
   );
-}, Eo = ({
+}, Do = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
 }) => {
-  const r = U(re), i = W(e);
+  const r = U(re), i = X(e);
   if (se(e) || e.enumType === void 0)
     throw new Error(
       "Invalid usage of EnumInput. Expect a property of type enum"
     );
   const s = e.enumType, [a, u] = _(() => {
-    const c = {}, g = Object.entries(s.label).map(
+    const d = {}, g = Object.entries(s.label).map(
       ([m, p]) => {
-        const d = isNaN(Number(m)) ? m : Number(m);
-        return c[m] = d, {
+        const c = isNaN(Number(m)) ? m : Number(m);
+        return d[m] = c, {
           value: m,
-          label: he(r, p)
+          label: Se(r, p)
         };
       }
     );
-    return [c, g];
+    return [d, g];
   }, [r, s]);
   return /* @__PURE__ */ l.jsx(
-    On,
+    Ln,
     {
       ...i,
       data: u,
       value: n === void 0 ? null : String(n),
-      onChange: (c) => {
-        if (c === null) {
+      onChange: (d) => {
+        if (d === null) {
           t(void 0);
           return;
         }
-        t(a[c]);
+        t(a[d]);
       },
       disabled: o,
       allowDeselect: !e.isRequired
     }
   );
-}, $o = {
+}, Vo = {
   lang2value: {
     en: "Confirm",
     vi: "Xác Nhận"
   },
   lang: "en"
-}, Mo = new ro(
+}, To = new io(
   "confirmation.valuesDoNotMatch"
-), Ti = ({ property: e }) => /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-  /* @__PURE__ */ l.jsx(N, { value: $o }),
+), Li = ({ property: e }) => /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  /* @__PURE__ */ l.jsx(b, { value: Vo }),
   " ",
-  /* @__PURE__ */ l.jsx(N, { value: e.label })
-] }), Ai = ({
+  /* @__PURE__ */ l.jsx(b, { value: e.label })
+] }), Oi = ({
   property: e,
   error: n,
   value: t,
   onChange: o,
   freeze: r = !1
 }) => {
-  const i = W(e, "confirm"), [s, a] = M(""), [u, c] = M(!1), [g, m] = _(() => e.constraints.includes("password") ? ["password", Bt] : ["text", J], [e.constraints]), p = _(() => {
+  const i = X(e, "confirm"), [s, a] = M(""), [u, d] = M(!1), [g, m] = _(() => e.constraints.includes("password") ? ["password", Bt] : ["text", J], [e.constraints]), p = _(() => {
     if (u && s !== t)
-      return Mo.t({ args: { name: e.label } });
-  }, [u, s, t, e.label]), d = n || p;
+      return To.t({ args: { name: e.label } });
+  }, [u, s, t, e.label]), c = n || p;
   return /* @__PURE__ */ l.jsx(
     m,
     {
@@ -1289,14 +1346,14 @@ const ft = oe(
       type: g,
       onChange: (f) => {
         const h = f.target.value;
-        a(h), c(!0), o(h);
+        a(h), d(!0), o(h);
       },
-      error: d,
+      error: c,
       disabled: r
     }
   );
 };
-function bo(e, n) {
+function Ao(e, n) {
   const [t, o] = M(""), [r, i] = M([]);
   return {
     data: r,
@@ -1315,7 +1372,7 @@ function bo(e, n) {
     table: e.getByName(n.targetClass)
   };
 }
-const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", children: e.name }), ln = oe(
+const No = (e) => e.name, ko = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", children: e.name }), ln = oe(
   (e) => /* @__PURE__ */ l.jsx("h1", { children: "SingleForeignKey" })
 ), an = oe(
   ({
@@ -1325,40 +1382,40 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", chi
     onChange: o,
     freeze: r = !1
   }) => {
-    const { table: i, data: s, query: a, setQuery: u } = bo(
+    const { table: i, data: s, query: a, setQuery: u } = Ao(
       e,
       n
     );
-    return /* @__PURE__ */ l.jsxs(X, { gap: "sm", children: [
+    return /* @__PURE__ */ l.jsxs(Y, { gap: "sm", children: [
       /* @__PURE__ */ l.jsx(
-        To,
+        Lo,
         {
           property: n,
           query: a,
           setQuery: u,
           data: s,
-          onSelect: (c) => {
-            t.includes(c) || o([...t, c]);
+          onSelect: (d) => {
+            t.includes(d) || o([...t, d]);
           },
-          renderOption: Do,
+          renderOption: No,
           isIdInteger: n.datatype === "integer",
           freeze: r
         }
       ),
       /* @__PURE__ */ l.jsx(
-        Ao,
+        Oo,
         {
-          items: t.map((c) => i.get(c)).filter((c) => c != null),
-          onDelete: (c) => {
-            o(t.filter((g) => g !== c.id));
+          items: t.map((d) => i.get(d)).filter((d) => d != null),
+          onDelete: (d) => {
+            o(t.filter((g) => g !== d.id));
           },
-          render: Vo,
+          render: ko,
           freeze: r
         }
       )
     ] });
   }
-), To = ({
+), Lo = ({
   property: e,
   data: n,
   onSelect: t,
@@ -1368,24 +1425,24 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", chi
   setQuery: s,
   freeze: a = !1
 }) => {
-  const u = W(e), c = qt({
-    onDropdownClose: () => c.resetSelectedOption()
+  const u = X(e), d = qt({
+    onDropdownClose: () => d.resetSelectedOption()
   }), g = _(() => n.map((m) => (
     // value has to be a string
-    /* @__PURE__ */ l.jsx(z.Option, { value: m.id.toString(), children: o(m) }, m.id)
+    /* @__PURE__ */ l.jsx(G.Option, { value: m.id.toString(), children: o(m) }, m.id)
   )), [n]);
   return /* @__PURE__ */ l.jsxs(
-    z,
+    G,
     {
-      store: c,
+      store: d,
       onOptionSubmit: (m) => {
-        t(r ? parseInt(m) : m), s(""), c.closeDropdown();
+        t(r ? parseInt(m) : m), s(""), d.closeDropdown();
       },
       offset: 4,
       shadow: "sm",
       disabled: a,
       children: [
-        /* @__PURE__ */ l.jsx(z.Target, { children: /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ l.jsx(G.Target, { children: /* @__PURE__ */ l.jsx(
           J,
           {
             ...u,
@@ -1393,18 +1450,18 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", chi
             pointer: !a,
             rightSection: /* @__PURE__ */ l.jsx(ut, { size: 16, stroke: 1.5 }),
             rightSectionPointerEvents: "none",
-            onClick: () => c.toggleDropdown(),
+            onClick: () => d.toggleDropdown(),
             placeholder: "Type to search...",
             value: i,
             onChange: (m) => s(m.currentTarget.value),
             disabled: a
           }
         ) }),
-        /* @__PURE__ */ l.jsx(z.Dropdown, { children: /* @__PURE__ */ l.jsx(z.Options, { children: g.length === 0 ? /* @__PURE__ */ l.jsx(z.Empty, { children: "Nothing found" }) : g }) })
+        /* @__PURE__ */ l.jsx(G.Dropdown, { children: /* @__PURE__ */ l.jsx(G.Options, { children: g.length === 0 ? /* @__PURE__ */ l.jsx(G.Empty, { children: "Nothing found" }) : g }) })
       ]
     }
   );
-}, Ao = ({
+}, Oo = ({
   items: e,
   onDelete: n,
   render: t,
@@ -1415,9 +1472,9 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", chi
     for (let s = 0; s < e.length; s++) {
       const a = e[s];
       i.push(
-        /* @__PURE__ */ l.jsxs(L, { justify: "space-between", p: "sm", children: [
+        /* @__PURE__ */ l.jsxs(O, { justify: "space-between", p: "sm", children: [
           t(a),
-          !o && /* @__PURE__ */ l.jsx(Ln, { size: "sm", onClick: () => n(a) })
+          !o && /* @__PURE__ */ l.jsx(On, { size: "sm", onClick: () => n(a) })
         ] }, s)
       ), s < e.length - 1 && i.push(/* @__PURE__ */ l.jsx(zn, {}, `divider-${s}`));
     }
@@ -1425,8 +1482,8 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", chi
   }, [e, o]);
   if (r.length !== 0)
     return /* @__PURE__ */ l.jsx(ie, { bd: "1px solid #ddd", children: r });
-}, No = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => {
-  const r = W(e, "start"), i = W(e, "end");
+}, zo = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => {
+  const r = X(e, "start"), i = X(e, "end");
   return /* @__PURE__ */ l.jsxs(B, { gap: "sm", justify: "space-between", direction: "row", align: "center", children: [
     /* @__PURE__ */ l.jsx(
       Je,
@@ -1446,7 +1503,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { 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: "–" }),
@@ -1468,12 +1525,12 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { 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 })
       }
     )
   ] });
-}, ko = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => {
-  const r = W(e, "start"), i = W(e, "end");
+}, Go = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => {
+  const r = X(e, "start"), i = X(e, "end");
   return /* @__PURE__ */ l.jsxs(B, { gap: "sm", justify: "space-between", direction: "row", align: "center", children: [
     /* @__PURE__ */ l.jsx(
       Pt,
@@ -1494,7 +1551,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { 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: "–" }),
@@ -1517,21 +1574,21 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { 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 })
       }
     )
   ] });
 }, Vt = {
-  integer: Me,
-  float: Me,
-  string: Se,
+  integer: be,
+  float: be,
+  string: ve,
   boolean: sn,
-  "string[]": Se,
-  enum: Eo,
-  date: Po
-}, Oo = "_requiredLabelLeft_l5p83_1", Lo = "_requiredLabelRight_l5p83_11", Tt = {
-  requiredLabelLeft: Oo,
-  requiredLabelRight: Lo
+  "string[]": ve,
+  enum: Do,
+  date: bo
+}, Ho = "_requiredLabelLeft_l5p83_1", qo = "_requiredLabelRight_l5p83_11", Tt = {
+  requiredLabelLeft: Ho,
+  requiredLabelRight: qo
 }, un = ({
   label: e,
   name: n,
@@ -1541,7 +1598,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", chi
   align: i = "left"
 }) => {
   const s = t ? i === "left" ? Tt.requiredLabelRight : Tt.requiredLabelLeft : "";
-  return /* @__PURE__ */ l.jsx(B, { align: "center", h: 36, children: /* @__PURE__ */ l.jsx("label", { htmlFor: n, style: r, children: /* @__PURE__ */ l.jsxs(L, { gap: 4, children: [
+  return /* @__PURE__ */ l.jsx(B, { align: "center", h: 36, children: /* @__PURE__ */ l.jsx("label", { htmlFor: n, style: r, children: /* @__PURE__ */ l.jsxs(O, { gap: 4, children: [
     /* @__PURE__ */ l.jsx(E, { size: "sm", className: s, children: e }),
     o !== void 0 && /* @__PURE__ */ l.jsx(Ut, { label: o, withArrow: !0, children: /* @__PURE__ */ l.jsx(
       Wt,
@@ -1555,7 +1612,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", chi
 }, dn = {
   type: "vertical",
   helpAlwaysVisible: !1
-}, zo = oe(
+}, Bo = oe(
   ({
     store: e,
     record: n,
@@ -1567,7 +1624,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", chi
     onChange: a,
     visible: u
   }) => {
-    const [c, g] = M(void 0);
+    const [d, g] = M(void 0);
     if (u !== void 0 && !u(n))
       return /* @__PURE__ */ l.jsx("div", {});
     const m = dt(n, t);
@@ -1579,9 +1636,9 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", chi
         const h = n.toDraft();
         Ze(h, t, p), e.setDraft(h);
       }
-      const d = t.validator(p);
-      d.isValid ? g(void 0) : g(
-        (f = d.errorMessage) == null ? void 0 : f.t({ args: { name: t.label } })
+      const c = t.validator(p);
+      c.isValid ? g(void 0) : g(
+        (f = c.errorMessage) == null ? void 0 : f.t({ args: { name: t.label } })
       );
     }), /* @__PURE__ */ l.jsx(
       cn,
@@ -1592,7 +1649,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", chi
         InputComponent: r,
         freeze: i,
         value: m,
-        error: c,
+        error: d,
         label: s,
         onChange: a
       }
@@ -1610,10 +1667,10 @@ function cn({
   label: a,
   onChange: u
 }) {
-  return Go(n) ? /* @__PURE__ */ l.jsxs(X, { gap: 5, children: [
-    /* @__PURE__ */ l.jsxs(A, { gutter: "sm", children: [
+  return Uo(n) ? /* @__PURE__ */ l.jsxs(Y, { gap: 5, children: [
+    /* @__PURE__ */ l.jsxs(N, { gutter: "sm", children: [
       /* @__PURE__ */ l.jsx(
-        A.Col,
+        N.Col,
         {
           span: n.labelCol,
           style: {
@@ -1623,16 +1680,16 @@ function cn({
           children: /* @__PURE__ */ l.jsx(
             un,
             {
-              label: /* @__PURE__ */ l.jsx(N, { value: t.label }),
+              label: /* @__PURE__ */ l.jsx(b, { value: t.label }),
               name: t.name,
               required: t.isRequired,
-              tooltip: t.description !== void 0 ? /* @__PURE__ */ l.jsx(N, { value: t.description }) : void 0,
+              tooltip: t.description !== void 0 ? /* @__PURE__ */ l.jsx(b, { value: t.description }) : void 0,
               align: n.align
             }
           )
         }
       ),
-      /* @__PURE__ */ l.jsx(A.Col, { span: n.itemCol, children: /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ l.jsx(N.Col, { span: n.itemCol, children: /* @__PURE__ */ l.jsx(
         o,
         {
           db: e,
@@ -1644,16 +1701,16 @@ function cn({
         }
       ) })
     ] }),
-    s !== void 0 && /* @__PURE__ */ l.jsxs(A, { gutter: "sm", children: [
-      /* @__PURE__ */ l.jsx(A.Col, { span: n.labelCol }),
-      /* @__PURE__ */ l.jsx(A.Col, { span: n.itemCol, children: /* @__PURE__ */ l.jsx(J.Error, { children: s }) })
+    s !== void 0 && /* @__PURE__ */ l.jsxs(N, { gutter: "sm", children: [
+      /* @__PURE__ */ l.jsx(N.Col, { span: n.labelCol }),
+      /* @__PURE__ */ l.jsx(N.Col, { span: n.itemCol, children: /* @__PURE__ */ l.jsx(J.Error, { children: s }) })
     ] })
-  ] }) : (a === void 0 && (a = /* @__PURE__ */ l.jsx(N, { value: t.label })), !n.helpAlwaysVisible && t.description !== void 0 && (a = /* @__PURE__ */ l.jsxs(L, { gap: 4, style: { display: "inline-flex" }, children: [
+  ] }) : (a === void 0 && (a = /* @__PURE__ */ l.jsx(b, { value: t.label })), !n.helpAlwaysVisible && t.description !== void 0 && (a = /* @__PURE__ */ l.jsxs(O, { gap: 4, style: { display: "inline-flex" }, children: [
     a,
     /* @__PURE__ */ l.jsx(
       Ut,
       {
-        label: /* @__PURE__ */ l.jsx(N, { value: t.description }),
+        label: /* @__PURE__ */ l.jsx(b, { value: t.description }),
         withArrow: !0,
         children: /* @__PURE__ */ l.jsx(
           Wt,
@@ -1669,7 +1726,7 @@ function cn({
     J.Wrapper,
     {
       label: a,
-      description: n.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ l.jsx(N, { value: t.description }) : void 0,
+      description: n.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ l.jsx(b, { value: t.description }) : void 0,
       required: t.isRequired,
       children: /* @__PURE__ */ l.jsx(
         o,
@@ -1685,11 +1742,11 @@ function cn({
     }
   ));
 }
-function Go(e) {
+function Uo(e) {
   return e.type === "horizontal";
 }
-const Ni = 12, ki = (e) => {
-  const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => Ho(
+const zi = 12, Gi = (e) => {
+  const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => Yo(
     n,
     e.store,
     e.record,
@@ -1703,10 +1760,10 @@ const Ni = 12, ki = (e) => {
       onSubmit: e.onSubmit === void 0 ? void 0 : (o) => {
         o.preventDefault(), e.onSubmit !== void 0 && Jt(e.record) && e.record.stale && e.record.isValid() && e.onSubmit(e.record);
       },
-      children: /* @__PURE__ */ l.jsxs(X, { gap: "sm", className: e.className, style: e.styles, children: [
+      children: /* @__PURE__ */ l.jsxs(Y, { gap: "sm", className: e.className, style: e.styles, children: [
         t,
-        /* @__PURE__ */ l.jsx(L, { gap: "sm", justify: e.actionsAlign, children: e.actions.map((o, r) => /* @__PURE__ */ l.jsx(
-          q,
+        /* @__PURE__ */ l.jsx(O, { gap: "sm", justify: e.actionsAlign, children: e.actions.map((o, r) => /* @__PURE__ */ l.jsx(
+          z,
           {
             variant: o.variant,
             onClick: () => {
@@ -1721,20 +1778,20 @@ const Ni = 12, ki = (e) => {
     }
   );
 };
-function Ho(e, n, t, o, r, i) {
-  var c, g;
+function Yo(e, n, t, o, r, i) {
+  var d, g;
   const s = r.fields, a = [];
   for (let m = 0; m < s.length; m++) {
     const p = [];
-    for (let d = 0; d < s[m].length; d++) {
-      const f = s[m][d];
+    for (let c = 0; c < s[m].length; c++) {
+      const f = s[m][c];
       let h, v = {};
       if (typeof f == "function")
         h = f(n, t);
       else {
         let S;
-        typeof f == "object" && "prop" in f ? (S = f.prop instanceof Y ? f.prop : e.allProperties[f.prop], f.args !== void 0 && (v = f.args)) : S = f instanceof Y ? f : e.allProperties[f], h = /* @__PURE__ */ l.jsx(
-          zo,
+        typeof f == "object" && "prop" in f ? (S = f.prop instanceof W ? f.prop : e.allProperties[f.prop], f.args !== void 0 && (v = f.args)) : S = f instanceof W ? f : e.allProperties[f], h = /* @__PURE__ */ l.jsx(
+          Bo,
           {
             store: n,
             record: t,
@@ -1752,11 +1809,11 @@ function Ho(e, n, t, o, r, i) {
         /* @__PURE__ */ l.jsx(
           nn,
           {
-            span: (c = v.colsize) == null ? void 0 : c.span,
+            span: (d = v.colsize) == null ? void 0 : d.span,
             grow: (g = v.colsize) == null ? void 0 : g.grow,
             children: h
           },
-          `${m}-${d}`
+          `${m}-${c}`
         )
       );
     }
@@ -1764,13 +1821,13 @@ function Ho(e, n, t, o, r, i) {
       /* @__PURE__ */ l.jsx(tn, { children: p }, m)
     );
   }
-  const u = /* @__PURE__ */ l.jsx(X, { gap: "sm", children: a }, o);
-  return r.name !== void 0 ? /* @__PURE__ */ l.jsx(Kt, { legend: r.name, children: u }, o) : u;
+  const u = /* @__PURE__ */ l.jsx(Y, { gap: "sm", children: a }, o);
+  return r.name !== void 0 ? /* @__PURE__ */ l.jsx(Yt, { legend: r.name, children: u }, o) : u;
 }
 function gn(e, n) {
   if (n !== void 0)
     return n;
-  const t = e instanceof Y ? e.leafProperty : e;
+  const t = e instanceof W ? e.leafProperty : e;
   if (se(t))
     return t.cardinality === "N:N" || t.cardinality === "1:N" ? an : ln;
   if (Vt[t.datatype] === void 0)
@@ -1779,7 +1836,7 @@ function gn(e, n) {
     );
   return Vt[t.datatype];
 }
-const qo = oe(
+const Ko = oe(
   ({
     db: e,
     record: n,
@@ -1791,16 +1848,16 @@ const qo = oe(
     onChange: a,
     visible: u
   }) => {
-    const [c, g] = M(void 0);
+    const [d, g] = M(void 0);
     if (u !== void 0 && !u(n))
       return /* @__PURE__ */ l.jsx("div", {});
     const m = dt(n, t);
     return a === void 0 && (a = (p) => {
       var f;
       Ze(n, t, p);
-      const d = t.validator(p);
-      d.isValid ? g(void 0) : g(
-        (f = d.errorMessage) == null ? void 0 : f.t({ args: { name: t.label } })
+      const c = t.validator(p);
+      c.isValid ? g(void 0) : g(
+        (f = c.errorMessage) == null ? void 0 : f.t({ args: { name: t.label } })
       );
     }), /* @__PURE__ */ l.jsx(
       cn,
@@ -1811,14 +1868,14 @@ const qo = oe(
         InputComponent: r,
         freeze: i,
         value: m,
-        error: c,
+        error: d,
         label: s,
         onChange: a
       }
     );
   }
-), Oi = (e) => {
-  const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => Bo(
+), Hi = (e) => {
+  const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => Wo(
     n,
     e.record,
     r,
@@ -1832,10 +1889,10 @@ const qo = oe(
       onSubmit: e.onSubmit === void 0 ? void 0 : (o) => {
         o.preventDefault(), e.onSubmit !== void 0 && e.record.stale && e.record.isValid() && e.onSubmit(e.record);
       },
-      children: /* @__PURE__ */ l.jsxs(X, { gap: "sm", className: e.className, style: e.styles, children: [
+      children: /* @__PURE__ */ l.jsxs(Y, { gap: "sm", className: e.className, style: e.styles, children: [
         t,
-        e.actions && e.actions.length > 0 && /* @__PURE__ */ l.jsx(L, { gap: "sm", justify: e.actionsAlign, children: e.actions.map((o, r) => /* @__PURE__ */ l.jsx(
-          q,
+        e.actions && e.actions.length > 0 && /* @__PURE__ */ l.jsx(O, { gap: "sm", justify: e.actionsAlign, children: e.actions.map((o, r) => /* @__PURE__ */ l.jsx(
+          z,
           {
             variant: o.variant,
             onClick: () => {
@@ -1850,20 +1907,20 @@ const qo = oe(
     }
   );
 };
-function Bo(e, n, t, o, r, i) {
-  var c, g;
+function Wo(e, n, t, o, r, i) {
+  var d, g;
   const s = o.fields, a = [];
   for (let m = 0; m < s.length; m++) {
     const p = [];
-    for (let d = 0; d < s[m].length; d++) {
-      const f = s[m][d];
+    for (let c = 0; c < s[m].length; c++) {
+      const f = s[m][c];
       let h, v = {};
       if (typeof f == "function")
         h = f(n);
       else {
         let S;
-        typeof f == "object" && "prop" in f ? (S = f.prop instanceof Y ? f.prop : e.allProperties[f.prop], f.args !== void 0 && (v = f.args)) : S = f instanceof Y ? f : e.allProperties[f], h = /* @__PURE__ */ l.jsx(
-          qo,
+        typeof f == "object" && "prop" in f ? (S = f.prop instanceof W ? f.prop : e.allProperties[f.prop], f.args !== void 0 && (v = f.args)) : S = f instanceof W ? f : e.allProperties[f], h = /* @__PURE__ */ l.jsx(
+          Ko,
           {
             db: i,
             record: n,
@@ -1881,11 +1938,11 @@ function Bo(e, n, t, o, r, i) {
         /* @__PURE__ */ l.jsx(
           nn,
           {
-            span: (c = v.colsize) == null ? void 0 : c.span,
+            span: (d = v.colsize) == null ? void 0 : d.span,
             grow: (g = v.colsize) == null ? void 0 : g.grow,
             children: h
           },
-          `${m}-${d}`
+          `${m}-${c}`
         )
       );
     }
@@ -1893,8 +1950,8 @@ function Bo(e, n, t, o, r, i) {
       /* @__PURE__ */ l.jsx(tn, { children: p }, m)
     );
   }
-  const u = /* @__PURE__ */ l.jsx(X, { gap: "sm", children: a }, t);
-  return o.name !== void 0 ? /* @__PURE__ */ l.jsx(Kt, { legend: o.name, children: u }, t) : u;
+  const u = /* @__PURE__ */ l.jsx(Y, { gap: "sm", children: a }, t);
+  return o.name !== void 0 ? /* @__PURE__ */ l.jsx(Yt, { legend: o.name, children: u }, t) : u;
 }
 /**
    * table-core
@@ -1909,7 +1966,7 @@ function Bo(e, n, t, o, r, i) {
 function te(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
-function H(e, n) {
+function q(e, n) {
   return (t) => {
     n.setState((o) => ({
       ...o,
@@ -1917,13 +1974,13 @@ function H(e, n) {
     }));
   };
 }
-function Ve(e) {
+function Te(e) {
   return e instanceof Function;
 }
-function Uo(e) {
+function Xo(e) {
   return Array.isArray(e) && e.every((n) => typeof n == "number");
 }
-function Ko(e, n) {
+function Jo(e, n) {
   const t = [], o = (r) => {
     r.forEach((i) => {
       t.push(i);
@@ -1942,14 +1999,14 @@ function w(e, n, t) {
     if (!(a.length !== o.length || a.some((g, m) => o[m] !== g)))
       return r;
     o = a;
-    let c;
-    if (t.key && t.debug && (c = Date.now()), r = n(...a), t == null || t.onChange == null || t.onChange(r), t.key && t.debug && t != null && t.debug()) {
-      const g = Math.round((Date.now() - s) * 100) / 100, m = Math.round((Date.now() - c) * 100) / 100, p = m / 16, d = (f, h) => {
+    let d;
+    if (t.key && t.debug && (d = Date.now()), r = n(...a), t == null || t.onChange == null || t.onChange(r), t.key && t.debug && t != null && t.debug()) {
+      const g = Math.round((Date.now() - s) * 100) / 100, m = Math.round((Date.now() - d) * 100) / 100, p = m / 16, c = (f, h) => {
         for (f = String(f); f.length < h; )
           f = " " + f;
         return f;
       };
-      console.info(`%c⏱ ${d(m, 5)} /${d(g, 5)} ms`, `
+      console.info(`%c⏱ ${c(m, 5)} /${c(g, 5)} ms`, `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(0, Math.min(120 - 120 * p, 120))}deg 100% 31%);`, t == null ? void 0 : t.key);
@@ -1967,7 +2024,7 @@ function x(e, n, t, o) {
     onChange: o
   };
 }
-function Yo(e, n, t, o) {
+function Qo(e, n, t, o) {
   const r = () => {
     var s;
     return (s = i.getValue()) != null ? s : e.options.renderFallbackValue;
@@ -1977,37 +2034,37 @@ function Yo(e, n, t, o) {
     column: t,
     getValue: () => n.getValue(o),
     renderValue: r,
-    getContext: w(() => [e, t, n, i], (s, a, u, c) => ({
+    getContext: w(() => [e, t, n, i], (s, a, u, d) => ({
       table: s,
       column: a,
       row: u,
-      cell: c,
-      getValue: c.getValue,
-      renderValue: c.renderValue
+      cell: d,
+      getValue: d.getValue,
+      renderValue: d.renderValue
     }), x(e.options, "debugCells", "cell.getContext"))
   };
   return e._features.forEach((s) => {
     s.createCell == null || s.createCell(i, t, n, e);
   }, {}), i;
 }
-function Wo(e, n, t, o) {
+function Zo(e, n, t, o) {
   var r, i;
   const a = {
     ...e._getDefaultColumnDef(),
     ...n
   }, u = a.accessorKey;
-  let c = (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, g;
+  let d = (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, g;
   if (a.accessorFn ? g = a.accessorFn : u && (u.includes(".") ? g = (p) => {
-    let d = p;
+    let c = p;
     for (const h of u.split(".")) {
       var f;
-      d = (f = d) == null ? void 0 : f[h], process.env.NODE_ENV !== "production" && d === void 0 && console.warn(`"${h}" in deeply nested key "${u}" returned undefined.`);
+      c = (f = c) == null ? void 0 : f[h], process.env.NODE_ENV !== "production" && c === void 0 && console.warn(`"${h}" in deeply nested key "${u}" returned undefined.`);
     }
-    return d;
-  } : g = (p) => p[a.accessorKey]), !c)
+    return c;
+  } : g = (p) => p[a.accessorKey]), !d)
     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 m = {
-    id: `${String(c)}`,
+    id: `${String(d)}`,
     accessorFn: g,
     parent: o,
     depth: t,
@@ -2015,11 +2072,11 @@ function Wo(e, n, t, o) {
     columns: [],
     getFlatColumns: w(() => [!0], () => {
       var p;
-      return [m, ...(p = m.columns) == null ? void 0 : p.flatMap((d) => d.getFlatColumns())];
+      return [m, ...(p = m.columns) == null ? void 0 : p.flatMap((c) => c.getFlatColumns())];
     }, x(e.options, "debugColumns", "column.getFlatColumns")),
     getLeafColumns: w(() => [e._getOrderColumnsFn()], (p) => {
-      var d;
-      if ((d = m.columns) != null && d.length) {
+      var c;
+      if ((c = m.columns) != null && c.length) {
         let f = m.columns.flatMap((h) => h.getLeafColumns());
         return p(f);
       }
@@ -2030,7 +2087,7 @@ function Wo(e, n, t, o) {
     p.createColumn == null || p.createColumn(m, e);
   return m;
 }
-const O = "debugHeaders";
+const L = "debugHeaders";
 function At(e, n, t) {
   var o;
   let i = {
@@ -2060,81 +2117,81 @@ function At(e, n, t) {
     s.createHeader == null || s.createHeader(i, e);
   }), i;
 }
-const Xo = {
+const er = {
   createTable: (e) => {
     e.getHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => {
       var i, s;
-      const a = (i = o == null ? void 0 : o.map((m) => t.find((p) => p.id === m)).filter(Boolean)) != null ? i : [], u = (s = r == null ? void 0 : r.map((m) => t.find((p) => p.id === m)).filter(Boolean)) != null ? s : [], c = t.filter((m) => !(o != null && o.includes(m.id)) && !(r != null && r.includes(m.id)));
-      return Fe(n, [...a, ...c, ...u], e);
-    }, x(e.options, O, "getHeaderGroups")), e.getCenterHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => (t = t.filter((i) => !(o != null && o.includes(i.id)) && !(r != null && r.includes(i.id))), Fe(n, t, e, "center")), x(e.options, O, "getCenterHeaderGroups")), e.getLeftHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (n, t, o) => {
+      const a = (i = o == null ? void 0 : o.map((m) => t.find((p) => p.id === m)).filter(Boolean)) != null ? i : [], u = (s = r == null ? void 0 : r.map((m) => t.find((p) => p.id === m)).filter(Boolean)) != null ? s : [], d = t.filter((m) => !(o != null && o.includes(m.id)) && !(r != null && r.includes(m.id)));
+      return Ie(n, [...a, ...d, ...u], e);
+    }, x(e.options, L, "getHeaderGroups")), e.getCenterHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => (t = t.filter((i) => !(o != null && o.includes(i.id)) && !(r != null && r.includes(i.id))), Ie(n, t, e, "center")), x(e.options, L, "getCenterHeaderGroups")), e.getLeftHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (n, t, o) => {
       var r;
       const i = (r = o == null ? void 0 : o.map((s) => t.find((a) => a.id === s)).filter(Boolean)) != null ? r : [];
-      return Fe(n, i, e, "left");
-    }, x(e.options, O, "getLeftHeaderGroups")), e.getRightHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (n, t, o) => {
+      return Ie(n, i, e, "left");
+    }, x(e.options, L, "getLeftHeaderGroups")), e.getRightHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (n, t, o) => {
       var r;
       const i = (r = o == null ? void 0 : o.map((s) => t.find((a) => a.id === s)).filter(Boolean)) != null ? r : [];
-      return Fe(n, i, e, "right");
-    }, x(e.options, O, "getRightHeaderGroups")), e.getFooterGroups = w(() => [e.getHeaderGroups()], (n) => [...n].reverse(), x(e.options, O, "getFooterGroups")), e.getLeftFooterGroups = w(() => [e.getLeftHeaderGroups()], (n) => [...n].reverse(), x(e.options, O, "getLeftFooterGroups")), e.getCenterFooterGroups = w(() => [e.getCenterHeaderGroups()], (n) => [...n].reverse(), x(e.options, O, "getCenterFooterGroups")), e.getRightFooterGroups = w(() => [e.getRightHeaderGroups()], (n) => [...n].reverse(), x(e.options, O, "getRightFooterGroups")), e.getFlatHeaders = w(() => [e.getHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, O, "getFlatHeaders")), e.getLeftFlatHeaders = w(() => [e.getLeftHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, O, "getLeftFlatHeaders")), e.getCenterFlatHeaders = w(() => [e.getCenterHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, O, "getCenterFlatHeaders")), e.getRightFlatHeaders = w(() => [e.getRightHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, O, "getRightFlatHeaders")), e.getCenterLeafHeaders = w(() => [e.getCenterFlatHeaders()], (n) => n.filter((t) => {
+      return Ie(n, i, e, "right");
+    }, x(e.options, L, "getRightHeaderGroups")), e.getFooterGroups = w(() => [e.getHeaderGroups()], (n) => [...n].reverse(), x(e.options, L, "getFooterGroups")), e.getLeftFooterGroups = w(() => [e.getLeftHeaderGroups()], (n) => [...n].reverse(), x(e.options, L, "getLeftFooterGroups")), e.getCenterFooterGroups = w(() => [e.getCenterHeaderGroups()], (n) => [...n].reverse(), x(e.options, L, "getCenterFooterGroups")), e.getRightFooterGroups = w(() => [e.getRightHeaderGroups()], (n) => [...n].reverse(), x(e.options, L, "getRightFooterGroups")), e.getFlatHeaders = w(() => [e.getHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, L, "getFlatHeaders")), e.getLeftFlatHeaders = w(() => [e.getLeftHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, L, "getLeftFlatHeaders")), e.getCenterFlatHeaders = w(() => [e.getCenterHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, L, "getCenterFlatHeaders")), e.getRightFlatHeaders = w(() => [e.getRightHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, L, "getRightFlatHeaders")), e.getCenterLeafHeaders = w(() => [e.getCenterFlatHeaders()], (n) => n.filter((t) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
-    }), x(e.options, O, "getCenterLeafHeaders")), e.getLeftLeafHeaders = w(() => [e.getLeftFlatHeaders()], (n) => n.filter((t) => {
+    }), x(e.options, L, "getCenterLeafHeaders")), e.getLeftLeafHeaders = w(() => [e.getLeftFlatHeaders()], (n) => n.filter((t) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
-    }), x(e.options, O, "getLeftLeafHeaders")), e.getRightLeafHeaders = w(() => [e.getRightFlatHeaders()], (n) => n.filter((t) => {
+    }), x(e.options, L, "getLeftLeafHeaders")), e.getRightLeafHeaders = w(() => [e.getRightFlatHeaders()], (n) => n.filter((t) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
-    }), x(e.options, O, "getRightLeafHeaders")), e.getLeafHeaders = w(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (n, t, o) => {
-      var r, i, s, a, u, c;
-      return [...(r = (i = n[0]) == null ? void 0 : i.headers) != null ? r : [], ...(s = (a = t[0]) == null ? void 0 : a.headers) != null ? s : [], ...(u = (c = o[0]) == null ? void 0 : c.headers) != null ? u : []].map((g) => g.getLeafHeaders()).flat();
-    }, x(e.options, O, "getLeafHeaders"));
+    }), x(e.options, L, "getRightLeafHeaders")), e.getLeafHeaders = w(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (n, t, o) => {
+      var r, i, s, a, u, d;
+      return [...(r = (i = n[0]) == null ? void 0 : i.headers) != null ? r : [], ...(s = (a = t[0]) == null ? void 0 : a.headers) != null ? s : [], ...(u = (d = o[0]) == null ? void 0 : d.headers) != null ? u : []].map((g) => g.getLeafHeaders()).flat();
+    }, x(e.options, L, "getLeafHeaders"));
   }
 };
-function Fe(e, n, t, o) {
+function Ie(e, n, t, o) {
   var r, i;
   let s = 0;
-  const a = function(p, d) {
-    d === void 0 && (d = 1), s = Math.max(s, d), p.filter((f) => f.getIsVisible()).forEach((f) => {
+  const a = function(p, c) {
+    c === void 0 && (c = 1), s = Math.max(s, c), p.filter((f) => f.getIsVisible()).forEach((f) => {
       var h;
-      (h = f.columns) != null && h.length && a(f.columns, d + 1);
+      (h = f.columns) != null && h.length && a(f.columns, c + 1);
     }, 0);
   };
   a(e);
   let u = [];
-  const c = (p, d) => {
+  const d = (p, c) => {
     const f = {
-      depth: d,
-      id: [o, `${d}`].filter(Boolean).join("_"),
+      depth: c,
+      id: [o, `${c}`].filter(Boolean).join("_"),
       headers: []
     }, h = [];
     p.forEach((v) => {
       const S = [...h].reverse()[0], R = v.column.depth === f.depth;
-      let j, I = !1;
-      if (R && v.column.parent ? j = v.column.parent : (j = v.column, I = !0), S && (S == null ? void 0 : S.column) === j)
+      let y, I = !1;
+      if (R && v.column.parent ? y = v.column.parent : (y = v.column, I = !0), S && (S == null ? void 0 : S.column) === y)
         S.subHeaders.push(v);
       else {
-        const P = At(t, j, {
-          id: [o, d, j.id, v == null ? void 0 : v.id].filter(Boolean).join("_"),
+        const P = At(t, y, {
+          id: [o, c, y.id, v == null ? void 0 : v.id].filter(Boolean).join("_"),
           isPlaceholder: I,
-          placeholderId: I ? `${h.filter((k) => k.column === j).length}` : void 0,
-          depth: d,
+          placeholderId: I ? `${h.filter((k) => k.column === y).length}` : void 0,
+          depth: c,
           index: h.length
         });
         P.subHeaders.push(v), h.push(P);
       }
       f.headers.push(v), v.headerGroup = f;
-    }), u.push(f), d > 0 && c(h, d - 1);
-  }, g = n.map((p, d) => At(t, p, {
+    }), u.push(f), c > 0 && d(h, c - 1);
+  }, g = n.map((p, c) => At(t, p, {
     depth: s,
-    index: d
+    index: c
   }));
-  c(g, s - 1), u.reverse();
+  d(g, s - 1), u.reverse();
   const m = (p) => p.filter((f) => f.column.getIsVisible()).map((f) => {
     let h = 0, v = 0, S = [0];
-    f.subHeaders && f.subHeaders.length ? (S = [], m(f.subHeaders).forEach((j) => {
+    f.subHeaders && f.subHeaders.length ? (S = [], m(f.subHeaders).forEach((y) => {
       let {
         colSpan: I,
         rowSpan: P
-      } = j;
+      } = y;
       h += I, S.push(P);
     })) : h = 1;
     const R = Math.min(...S);
@@ -2145,7 +2202,7 @@ function Fe(e, n, t, o) {
   });
   return m((r = (i = u[0]) == null ? void 0 : i.headers) != null ? r : []), u;
 }
-const Jo = (e, n, t, o, r, i, s) => {
+const tr = (e, n, t, o, r, i, s) => {
   let a = {
     id: n,
     index: o,
@@ -2157,42 +2214,42 @@ const Jo = (e, n, t, o, r, i, s) => {
     getValue: (u) => {
       if (a._valuesCache.hasOwnProperty(u))
         return a._valuesCache[u];
-      const c = e.getColumn(u);
-      if (c != null && c.accessorFn)
-        return a._valuesCache[u] = c.accessorFn(a.original, o), a._valuesCache[u];
+      const d = e.getColumn(u);
+      if (d != null && d.accessorFn)
+        return a._valuesCache[u] = d.accessorFn(a.original, o), a._valuesCache[u];
     },
     getUniqueValues: (u) => {
       if (a._uniqueValuesCache.hasOwnProperty(u))
         return a._uniqueValuesCache[u];
-      const c = e.getColumn(u);
-      if (c != null && c.accessorFn)
-        return c.columnDef.getUniqueValues ? (a._uniqueValuesCache[u] = c.columnDef.getUniqueValues(a.original, o), a._uniqueValuesCache[u]) : (a._uniqueValuesCache[u] = [a.getValue(u)], a._uniqueValuesCache[u]);
+      const d = e.getColumn(u);
+      if (d != null && d.accessorFn)
+        return d.columnDef.getUniqueValues ? (a._uniqueValuesCache[u] = d.columnDef.getUniqueValues(a.original, o), a._uniqueValuesCache[u]) : (a._uniqueValuesCache[u] = [a.getValue(u)], a._uniqueValuesCache[u]);
     },
     renderValue: (u) => {
-      var c;
-      return (c = a.getValue(u)) != null ? c : e.options.renderFallbackValue;
+      var d;
+      return (d = a.getValue(u)) != null ? d : e.options.renderFallbackValue;
     },
     subRows: [],
-    getLeafRows: () => Ko(a.subRows, (u) => u.subRows),
+    getLeafRows: () => Jo(a.subRows, (u) => u.subRows),
     getParentRow: () => a.parentId ? e.getRow(a.parentId, !0) : void 0,
     getParentRows: () => {
-      let u = [], c = a;
+      let u = [], d = a;
       for (; ; ) {
-        const g = c.getParentRow();
+        const g = d.getParentRow();
         if (!g) break;
-        u.push(g), c = g;
+        u.push(g), d = g;
       }
       return u.reverse();
     },
-    getAllCells: w(() => [e.getAllLeafColumns()], (u) => u.map((c) => Yo(e, a, c, c.id)), x(e.options, "debugRows", "getAllCells")),
-    _getAllCellsByColumnId: w(() => [a.getAllCells()], (u) => u.reduce((c, g) => (c[g.column.id] = g, c), {}), x(e.options, "debugRows", "getAllCellsByColumnId"))
+    getAllCells: w(() => [e.getAllLeafColumns()], (u) => u.map((d) => Qo(e, a, d, d.id)), x(e.options, "debugRows", "getAllCells")),
+    _getAllCellsByColumnId: w(() => [a.getAllCells()], (u) => u.reduce((d, g) => (d[g.column.id] = g, d), {}), x(e.options, "debugRows", "getAllCellsByColumnId"))
   };
   for (let u = 0; u < e._features.length; u++) {
-    const c = e._features[u];
-    c == null || c.createRow == null || c.createRow(a, e);
+    const d = e._features[u];
+    d == null || d.createRow == null || d.createRow(a, e);
   }
   return a;
-}, Qo = {
+}, nr = {
   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)
@@ -2262,7 +2319,7 @@ const Q = {
 function K(e) {
   return e == null || e === "";
 }
-const Zo = {
+const or = {
   getDefaultColumnDef: () => ({
     filterFn: "auto"
   }),
@@ -2271,7 +2328,7 @@ const Zo = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnFiltersChange: H("columnFilters", e),
+    onColumnFiltersChange: q("columnFilters", e),
     filterFromLeafRows: !1,
     maxLeafRowFilterDepth: 100
   }),
@@ -2281,7 +2338,7 @@ const Zo = {
       return typeof o == "string" ? Q.includesString : typeof o == "number" ? Q.inNumberRange : typeof o == "boolean" || o !== null && typeof o == "object" ? Q.equals : Array.isArray(o) ? Q.arrIncludes : Q.weakEquals;
     }, e.getFilterFn = () => {
       var t, o;
-      return Ve(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : (
+      return Te(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : (
         // @ts-ignore
         (t = (o = n.options.filterFns) == null ? void 0 : o[e.columnDef.filterFn]) != null ? t : Q[e.columnDef.filterFn]
       );
@@ -2306,8 +2363,8 @@ const Zo = {
           value: s
         };
         if (i) {
-          var c;
-          return (c = o == null ? void 0 : o.map((g) => g.id === e.id ? u : g)) != null ? c : [];
+          var d;
+          return (d = o == null ? void 0 : o.map((g) => g.id === e.id ? u : g)) != null ? d : [];
         }
         return o != null && o.length ? [...o, u] : [u];
       });
@@ -2340,54 +2397,54 @@ const Zo = {
 function Nt(e, n, t) {
   return (e && e.autoRemove ? e.autoRemove(n, t) : !1) || typeof n > "u" || typeof n == "string" && !n;
 }
-const er = (e, n, t) => t.reduce((o, r) => {
+const rr = (e, n, t) => t.reduce((o, r) => {
   const i = r.getValue(e);
   return o + (typeof i == "number" ? i : 0);
-}, 0), tr = (e, n, t) => {
+}, 0), ir = (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;
-}, nr = (e, n, t) => {
+}, sr = (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;
-}, or = (e, n, t) => {
+}, lr = (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];
-}, rr = (e, n) => {
+}, ar = (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;
-}, ir = (e, n) => {
+}, ur = (e, n) => {
   if (!n.length)
     return;
   const t = n.map((i) => i.getValue(e));
-  if (!Uo(t))
+  if (!Xo(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;
-}, sr = (e, n) => Array.from(new Set(n.map((t) => t.getValue(e))).values()), lr = (e, n) => new Set(n.map((t) => t.getValue(e))).size, ar = (e, n) => n.length, Ge = {
-  sum: er,
-  min: tr,
-  max: nr,
-  extent: or,
-  mean: rr,
-  median: ir,
-  unique: sr,
-  uniqueCount: lr,
-  count: ar
-}, ur = {
+}, dr = (e, n) => Array.from(new Set(n.map((t) => t.getValue(e))).values()), cr = (e, n) => new Set(n.map((t) => t.getValue(e))).size, gr = (e, n) => n.length, Ge = {
+  sum: rr,
+  min: ir,
+  max: sr,
+  extent: lr,
+  mean: ar,
+  median: ur,
+  unique: dr,
+  uniqueCount: cr,
+  count: gr
+}, fr = {
   getDefaultColumnDef: () => ({
     aggregatedCell: (e) => {
       var n, t;
@@ -2400,7 +2457,7 @@ const er = (e, n, t) => t.reduce((o, r) => {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onGroupingChange: H("grouping", e),
+    onGroupingChange: q("grouping", e),
     groupedColumnMode: "reorder"
   }),
   createColumn: (e, n) => {
@@ -2430,7 +2487,7 @@ const er = (e, n, t) => t.reduce((o, r) => {
       var t, o;
       if (!e)
         throw new Error();
-      return Ve(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 : Ge[e.columnDef.aggregationFn];
+      return Te(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 : Ge[e.columnDef.aggregationFn];
     };
   },
   createTable: (e) => {
@@ -2454,27 +2511,27 @@ const er = (e, n, t) => t.reduce((o, r) => {
     };
   }
 };
-function dr(e, n, t) {
+function mr(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 cr = {
+const pr = {
   getInitialState: (e) => ({
     columnOrder: [],
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnOrderChange: H("columnOrder", e)
+    onColumnOrderChange: q("columnOrder", e)
   }),
   createColumn: (e, n) => {
-    e.getIndex = w((t) => [ve(n, t)], (t) => t.findIndex((o) => o.id === e.id), x(n.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (t) => {
+    e.getIndex = w((t) => [Ce(n, t)], (t) => t.findIndex((o) => o.id === e.id), x(n.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (t) => {
       var o;
-      return ((o = ve(n, t)[0]) == null ? void 0 : o.id) === e.id;
+      return ((o = Ce(n, t)[0]) == null ? void 0 : o.id) === e.id;
     }, e.getIsLastColumn = (t) => {
       var o;
-      const r = ve(n, t);
+      const r = Ce(n, t);
       return ((o = r[r.length - 1]) == null ? void 0 : o.id) === e.id;
     };
   },
@@ -2489,24 +2546,24 @@ const cr = {
       else {
         const s = [...n], a = [...r];
         for (; a.length && s.length; ) {
-          const u = s.shift(), c = a.findIndex((g) => g.id === u);
-          c > -1 && i.push(a.splice(c, 1)[0]);
+          const u = s.shift(), d = a.findIndex((g) => g.id === u);
+          d > -1 && i.push(a.splice(d, 1)[0]);
         }
         i = [...i, ...a];
       }
-      return dr(i, t, o);
+      return mr(i, t, o);
     }, x(e.options, "debugTable", "_getOrderColumnsFn"));
   }
 }, He = () => ({
   left: [],
   right: []
-}), gr = {
+}), hr = {
   getInitialState: (e) => ({
     columnPinning: He(),
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnPinningChange: H("columnPinning", e)
+    onColumnPinningChange: q("columnPinning", e)
   }),
   createColumn: (e, n) => {
     e.pin = (t) => {
@@ -2521,9 +2578,9 @@ const cr = {
           };
         }
         if (t === "left") {
-          var c, g;
+          var d, g;
           return {
-            left: [...((c = r == null ? void 0 : r.left) != null ? c : []).filter((m) => !(o != null && o.includes(m))), ...o],
+            left: [...((d = r == null ? void 0 : r.left) != null ? d : []).filter((m) => !(o != null && o.includes(m))), ...o],
             right: ((g = r == null ? void 0 : r.right) != null ? g : []).filter((m) => !(o != null && o.includes(m)))
           };
         }
@@ -2577,10 +2634,10 @@ const cr = {
     }, x(e.options, "debugColumns", "getCenterLeafColumns"));
   }
 };
-function fr(e) {
+function Sr(e) {
   return e || (typeof document < "u" ? document : null);
 }
-const Ie = {
+const Pe = {
   size: 150,
   minSize: 20,
   maxSize: Number.MAX_SAFE_INTEGER
@@ -2591,8 +2648,8 @@ const Ie = {
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), mr = {
-  getDefaultColumnDef: () => Ie,
+}), vr = {
+  getDefaultColumnDef: () => Pe,
   getInitialState: (e) => ({
     columnSizing: {},
     columnSizingInfo: qe(),
@@ -2601,15 +2658,15 @@ const Ie = {
   getDefaultOptions: (e) => ({
     columnResizeMode: "onEnd",
     columnResizeDirection: "ltr",
-    onColumnSizingChange: H("columnSizing", e),
-    onColumnSizingInfoChange: H("columnSizingInfo", e)
+    onColumnSizingChange: q("columnSizing", e),
+    onColumnSizingInfoChange: q("columnSizingInfo", e)
   }),
   createColumn: (e, n) => {
     e.getSize = () => {
       var t, o, r;
       const i = n.getState().columnSizing[e.id];
-      return Math.min(Math.max((t = e.columnDef.minSize) != null ? t : Ie.minSize, (o = i ?? e.columnDef.size) != null ? o : Ie.size), (r = e.columnDef.maxSize) != null ? r : Ie.maxSize);
-    }, e.getStart = w((t) => [t, ve(n, t), n.getState().columnSizing], (t, o) => o.slice(0, e.getIndex(t)).reduce((r, i) => r + i.getSize(), 0), x(n.options, "debugColumns", "getStart")), e.getAfter = w((t) => [t, ve(n, t), n.getState().columnSizing], (t, o) => o.slice(e.getIndex(t) + 1).reduce((r, i) => r + i.getSize(), 0), x(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
+      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 = w((t) => [t, Ce(n, t), n.getState().columnSizing], (t, o) => o.slice(0, e.getIndex(t)).reduce((r, i) => r + i.getSize(), 0), x(n.options, "debugColumns", "getStart")), e.getAfter = w((t) => [t, Ce(n, t), n.getState().columnSizing], (t, o) => o.slice(e.getIndex(t) + 1).reduce((r, i) => r + i.getSize(), 0), x(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
       n.setColumnSizing((t) => {
         let {
           [e.id]: o,
@@ -2645,21 +2702,21 @@ const Ie = {
       return (i) => {
         if (!o || !r || (i.persist == null || i.persist(), Be(i) && i.touches && i.touches.length > 1))
           return;
-        const s = e.getSize(), a = e ? e.getLeafHeaders().map((S) => [S.column.id, S.column.getSize()]) : [[o.id, o.getSize()]], u = Be(i) ? Math.round(i.touches[0].clientX) : i.clientX, c = {}, g = (S, R) => {
-          typeof R == "number" && (n.setColumnSizingInfo((j) => {
+        const s = e.getSize(), a = e ? e.getLeafHeaders().map((S) => [S.column.id, S.column.getSize()]) : [[o.id, o.getSize()]], u = Be(i) ? Math.round(i.touches[0].clientX) : i.clientX, d = {}, g = (S, R) => {
+          typeof R == "number" && (n.setColumnSizingInfo((y) => {
             var I, P;
-            const k = n.options.columnResizeDirection === "rtl" ? -1 : 1, F = (R - ((I = j == null ? void 0 : j.startOffset) != null ? I : 0)) * k, V = Math.max(F / ((P = j == null ? void 0 : j.startSize) != null ? P : 0), -0.999999);
-            return j.columnSizingStart.forEach((G) => {
-              let [Te, we] = G;
-              c[Te] = Math.round(Math.max(we + we * V, 0) * 100) / 100;
+            const k = n.options.columnResizeDirection === "rtl" ? -1 : 1, F = (R - ((I = y == null ? void 0 : y.startOffset) != null ? I : 0)) * k, T = Math.max(F / ((P = y == null ? void 0 : y.startSize) != null ? P : 0), -0.999999);
+            return y.columnSizingStart.forEach((H) => {
+              let [Ae, xe] = H;
+              d[Ae] = Math.round(Math.max(xe + xe * T, 0) * 100) / 100;
             }), {
-              ...j,
+              ...y,
               deltaOffset: F,
-              deltaPercentage: V
+              deltaPercentage: T
             };
-          }), (n.options.columnResizeMode === "onChange" || S === "end") && n.setColumnSizing((j) => ({
-            ...j,
-            ...c
+          }), (n.options.columnResizeMode === "onChange" || S === "end") && n.setColumnSizing((y) => ({
+            ...y,
+            ...d
           })));
         }, m = (S) => g("move", S), p = (S) => {
           g("end", S), n.setColumnSizingInfo((R) => ({
@@ -2671,21 +2728,21 @@ const Ie = {
             deltaPercentage: null,
             columnSizingStart: []
           }));
-        }, d = fr(t), f = {
+        }, c = Sr(t), f = {
           moveHandler: (S) => m(S.clientX),
           upHandler: (S) => {
-            d == null || d.removeEventListener("mousemove", f.moveHandler), d == null || d.removeEventListener("mouseup", f.upHandler), p(S.clientX);
+            c == null || c.removeEventListener("mousemove", f.moveHandler), c == null || c.removeEventListener("mouseup", f.upHandler), p(S.clientX);
           }
         }, h = {
           moveHandler: (S) => (S.cancelable && (S.preventDefault(), S.stopPropagation()), m(S.touches[0].clientX), !1),
           upHandler: (S) => {
             var R;
-            d == null || d.removeEventListener("touchmove", h.moveHandler), d == null || d.removeEventListener("touchend", h.upHandler), S.cancelable && (S.preventDefault(), S.stopPropagation()), p((R = S.touches[0]) == null ? void 0 : R.clientX);
+            c == null || c.removeEventListener("touchmove", h.moveHandler), c == null || c.removeEventListener("touchend", h.upHandler), S.cancelable && (S.preventDefault(), S.stopPropagation()), p((R = S.touches[0]) == null ? void 0 : R.clientX);
           }
-        }, v = pr() ? {
+        }, v = Cr() ? {
           passive: !1
         } : !1;
-        Be(i) ? (d == null || d.addEventListener("touchmove", h.moveHandler, v), d == null || d.addEventListener("touchend", h.upHandler, v)) : (d == null || d.addEventListener("mousemove", f.moveHandler, v), d == null || d.addEventListener("mouseup", f.upHandler, v)), n.setColumnSizingInfo((S) => ({
+        Be(i) ? (c == null || c.addEventListener("touchmove", h.moveHandler, v), c == null || c.addEventListener("touchend", h.upHandler, v)) : (c == null || c.addEventListener("mousemove", f.moveHandler, v), c == null || c.addEventListener("mouseup", f.upHandler, v)), n.setColumnSizingInfo((S) => ({
           ...S,
           startOffset: u,
           startSize: s,
@@ -2719,9 +2776,9 @@ const Ie = {
     };
   }
 };
-let Pe = null;
-function pr() {
-  if (typeof Pe == "boolean") return Pe;
+let Ee = null;
+function Cr() {
+  if (typeof Ee == "boolean") return Ee;
   let e = !1;
   try {
     const n = {
@@ -2734,18 +2791,18 @@ function pr() {
   } catch {
     e = !1;
   }
-  return Pe = e, Pe;
+  return Ee = e, Ee;
 }
 function Be(e) {
   return e.type === "touchstart";
 }
-const hr = {
+const wr = {
   getInitialState: (e) => ({
     columnVisibility: {},
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnVisibilityChange: H("columnVisibility", e)
+    onColumnVisibilityChange: q("columnVisibility", e)
   }),
   createColumn: (e, n) => {
     e.toggleVisibility = (t) => {
@@ -2784,23 +2841,23 @@ const hr = {
     };
   }
 };
-function ve(e, n) {
+function Ce(e, n) {
   return n ? n === "center" ? e.getCenterVisibleLeafColumns() : n === "left" ? e.getLeftVisibleLeafColumns() : e.getRightVisibleLeafColumns() : e.getVisibleLeafColumns();
 }
-const Sr = {
+const xr = {
   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();
     };
   }
-}, vr = {
+}, Rr = {
   getInitialState: (e) => ({
     globalFilter: void 0,
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onGlobalFilterChange: H("globalFilter", e),
+    onGlobalFilterChange: q("globalFilter", e),
     globalFilterFn: "auto",
     getColumnCanGlobalFilter: (n) => {
       var t;
@@ -2820,20 +2877,20 @@ const Sr = {
       const {
         globalFilterFn: o
       } = e.options;
-      return Ve(o) ? o : o === "auto" ? e.getGlobalAutoFilterFn() : (n = (t = e.options.filterFns) == null ? void 0 : t[o]) != null ? n : Q[o];
+      return Te(o) ? o : o === "auto" ? e.getGlobalAutoFilterFn() : (n = (t = e.options.filterFns) == null ? void 0 : t[o]) != null ? n : Q[o];
     }, e.setGlobalFilter = (n) => {
       e.options.onGlobalFilterChange == null || e.options.onGlobalFilterChange(n);
     }, e.resetGlobalFilter = (n) => {
       e.setGlobalFilter(n ? void 0 : e.initialState.globalFilter);
     };
   }
-}, Cr = {
+}, jr = {
   getInitialState: (e) => ({
     expanded: {},
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onExpandedChange: H("expanded", e),
+    onExpandedChange: q("expanded", e),
     paginateExpandedRows: !0
   }),
   createTable: (e) => {
@@ -2917,7 +2974,7 @@ const Sr = {
 }, tt = 0, nt = 10, Ue = () => ({
   pageIndex: tt,
   pageSize: nt
-}), wr = {
+}), yr = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
@@ -2926,7 +2983,7 @@ const Sr = {
     }
   }),
   getDefaultOptions: (e) => ({
-    onPaginationChange: H("pagination", e)
+    onPaginationChange: q("pagination", e)
   }),
   createTable: (e) => {
     let n = !1, t = !1;
@@ -2997,32 +3054,32 @@ const Sr = {
       return (o = e.options.rowCount) != null ? o : e.getPrePaginationRowModel().rows.length;
     };
   }
-}, Ke = () => ({
+}, Ye = () => ({
   top: [],
   bottom: []
-}), xr = {
+}), _r = {
   getInitialState: (e) => ({
-    rowPinning: Ke(),
+    rowPinning: Ye(),
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onRowPinningChange: H("rowPinning", e)
+    onRowPinningChange: q("rowPinning", e)
   }),
   createRow: (e, n) => {
     e.pin = (t, o, r) => {
       const i = o ? e.getLeafRows().map((u) => {
         let {
-          id: c
+          id: d
         } = u;
-        return c;
+        return d;
       }) : [], s = r ? e.getParentRows().map((u) => {
         let {
-          id: c
+          id: d
         } = u;
-        return c;
+        return d;
       }) : [], a = /* @__PURE__ */ new Set([...s, e.id, ...i]);
       n.setRowPinning((u) => {
-        var c, g;
+        var d, g;
         if (t === "bottom") {
           var m, p;
           return {
@@ -3031,14 +3088,14 @@ const Sr = {
           };
         }
         if (t === "top") {
-          var d, f;
+          var c, f;
           return {
-            top: [...((d = u == null ? void 0 : u.top) != null ? d : []).filter((h) => !(a != null && a.has(h))), ...Array.from(a)],
+            top: [...((c = u == null ? void 0 : u.top) != null ? c : []).filter((h) => !(a != null && a.has(h))), ...Array.from(a)],
             bottom: ((f = u == null ? void 0 : u.bottom) != null ? f : []).filter((h) => !(a != null && a.has(h)))
           };
         }
         return {
-          top: ((c = u == null ? void 0 : u.top) != null ? c : []).filter((h) => !(a != null && a.has(h))),
+          top: ((d = u == null ? void 0 : u.top) != null ? d : []).filter((h) => !(a != null && a.has(h))),
           bottom: ((g = u == null ? void 0 : u.bottom) != null ? g : []).filter((h) => !(a != null && a.has(h)))
         };
       });
@@ -3071,7 +3128,7 @@ const Sr = {
   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 ? Ke() : (t = (o = e.initialState) == null ? void 0 : o.rowPinning) != null ? t : Ke());
+      return e.setRowPinning(n ? Ye() : (t = (o = e.initialState) == null ? void 0 : o.rowPinning) != null ? t : Ye());
     }, e.getIsSomeRowsPinned = (n) => {
       var t;
       const o = e.getState().rowPinning;
@@ -3101,13 +3158,13 @@ const Sr = {
       return n.filter((i) => !r.has(i.id));
     }, x(e.options, "debugRows", "getCenterRows"));
   }
-}, Rr = {
+}, Fr = {
   getInitialState: (e) => ({
     rowSelection: {},
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onRowSelectionChange: H("rowSelection", e),
+    onRowSelectionChange: q("rowSelection", e),
     enableRowSelection: !0,
     enableMultiRowSelection: !0,
     enableSubRowSelection: !0
@@ -3138,15 +3195,15 @@ const Sr = {
       return e.getRowModel().rows.forEach((i) => {
         ot(r, i.id, o, !0, e);
       }), r;
-    }), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = w(() => [e.getState().rowSelection, e.getCoreRowModel()], (n, t) => Object.keys(n).length ? Ye(e, t) : {
+    }), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = w(() => [e.getState().rowSelection, e.getCoreRowModel()], (n, t) => Object.keys(n).length ? Ke(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, x(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = w(() => [e.getState().rowSelection, e.getFilteredRowModel()], (n, t) => Object.keys(n).length ? Ye(e, t) : {
+    }, x(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = w(() => [e.getState().rowSelection, e.getFilteredRowModel()], (n, t) => Object.keys(n).length ? Ke(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, x(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = w(() => [e.getState().rowSelection, e.getSortedRowModel()], (n, t) => Object.keys(n).length ? Ye(e, t) : {
+    }, x(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = w(() => [e.getState().rowSelection, e.getSortedRowModel()], (n, t) => Object.keys(n).length ? Ke(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
@@ -3224,12 +3281,12 @@ const Sr = {
   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) => ot(e, a.id, t, o, r));
 };
-function Ye(e, n) {
+function Ke(e, n) {
   const t = e.getState().rowSelection, o = [], r = {}, i = function(s, a) {
     return s.map((u) => {
-      var c;
+      var d;
       const g = ht(u, t);
-      if (g && (o.push(u), r[u.id] = u), (c = u.subRows) != null && c.length && (u = {
+      if (g && (o.push(u), r[u.id] = u), (d = u.subRows) != null && d.length && (u = {
         ...u,
         subRows: i(u.subRows)
       }), g)
@@ -3257,10 +3314,10 @@ function rt(e, n, t) {
     }
   }), r ? "all" : i ? "some" : !1;
 }
-const it = /([0-9]+)/gm, yr = (e, n, t) => xn(ne(e.getValue(t)).toLowerCase(), ne(n.getValue(t)).toLowerCase()), jr = (e, n, t) => xn(ne(e.getValue(t)), ne(n.getValue(t))), _r = (e, n, t) => St(ne(e.getValue(t)).toLowerCase(), ne(n.getValue(t)).toLowerCase()), Fr = (e, n, t) => St(ne(e.getValue(t)), ne(n.getValue(t))), Ir = (e, n, t) => {
+const it = /([0-9]+)/gm, Ir = (e, n, t) => xn(ne(e.getValue(t)).toLowerCase(), ne(n.getValue(t)).toLowerCase()), Pr = (e, n, t) => xn(ne(e.getValue(t)), ne(n.getValue(t))), Er = (e, n, t) => St(ne(e.getValue(t)).toLowerCase(), ne(n.getValue(t)).toLowerCase()), $r = (e, n, t) => St(ne(e.getValue(t)), ne(n.getValue(t))), Mr = (e, n, t) => {
   const o = e.getValue(t), r = n.getValue(t);
   return o > r ? 1 : o < r ? -1 : 0;
-}, Pr = (e, n, t) => St(e.getValue(t), n.getValue(t));
+}, br = (e, n, t) => St(e.getValue(t), n.getValue(t));
 function St(e, n) {
   return e === n ? 0 : e > n ? 1 : -1;
 }
@@ -3287,14 +3344,14 @@ function xn(e, n) {
   }
   return t.length - o.length;
 }
-const pe = {
-  alphanumeric: yr,
-  alphanumericCaseSensitive: jr,
-  text: _r,
-  textCaseSensitive: Fr,
-  datetime: Ir,
-  basic: Pr
-}, Er = {
+const he = {
+  alphanumeric: Ir,
+  alphanumericCaseSensitive: Pr,
+  text: Er,
+  textCaseSensitive: $r,
+  datetime: Mr,
+  basic: br
+}, Dr = {
   getInitialState: (e) => ({
     sorting: [],
     ...e
@@ -3304,7 +3361,7 @@ const pe = {
     sortUndefined: 1
   }),
   getDefaultOptions: (e) => ({
-    onSortingChange: H("sorting", e),
+    onSortingChange: q("sorting", e),
     isMultiSortEvent: (n) => n.shiftKey
   }),
   createColumn: (e, n) => {
@@ -3314,11 +3371,11 @@ const pe = {
       for (const r of t) {
         const i = r == null ? void 0 : r.getValue(e.id);
         if (Object.prototype.toString.call(i) === "[object Date]")
-          return pe.datetime;
+          return he.datetime;
         if (typeof i == "string" && (o = !0, i.split(it).length > 1))
-          return pe.alphanumeric;
+          return he.alphanumeric;
       }
-      return o ? pe.text : pe.basic;
+      return o ? he.text : he.basic;
     }, e.getAutoSortDir = () => {
       const t = n.getFilteredRowModel().flatRows[0];
       return typeof (t == null ? void 0 : t.getValue(e.id)) == "string" ? "asc" : "desc";
@@ -3326,26 +3383,26 @@ const pe = {
       var t, o;
       if (!e)
         throw new Error();
-      return Ve(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 : pe[e.columnDef.sortingFn];
+      return Te(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 : he[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 c = [], g, m = i ? t : r === "desc";
+        const a = s == null ? void 0 : s.find((c) => c.id === e.id), u = s == null ? void 0 : s.findIndex((c) => c.id === e.id);
+        let d = [], g, m = i ? t : r === "desc";
         if (s != null && s.length && e.getCanMultiSort() && o ? a ? g = "toggle" : g = "add" : s != null && s.length && u !== s.length - 1 ? g = "replace" : a ? g = "toggle" : g = "replace", g === "toggle" && (i || r || (g = "remove")), g === "add") {
           var p;
-          c = [...s, {
+          d = [...s, {
             id: e.id,
             desc: m
-          }], c.splice(0, c.length - ((p = n.options.maxMultiSortColCount) != null ? p : Number.MAX_SAFE_INTEGER));
-        } else g === "toggle" ? c = s.map((d) => d.id === e.id ? {
-          ...d,
+          }], d.splice(0, d.length - ((p = n.options.maxMultiSortColCount) != null ? p : Number.MAX_SAFE_INTEGER));
+        } else g === "toggle" ? d = s.map((c) => c.id === e.id ? {
+          ...c,
           desc: m
-        } : d) : g === "remove" ? c = s.filter((d) => d.id !== e.id) : c = [{
+        } : c) : g === "remove" ? d = s.filter((c) => c.id !== e.id) : d = [{
           id: e.id,
           desc: m
         }];
-        return c;
+        return d;
       });
     }, e.getFirstSortDir = () => {
       var t, o;
@@ -3383,34 +3440,34 @@ const pe = {
       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());
   }
-}, $r = [
-  Xo,
+}, Vr = [
+  er,
+  wr,
+  pr,
   hr,
-  cr,
-  gr,
-  Qo,
-  Zo,
-  Sr,
+  nr,
+  or,
+  xr,
   //depends on ColumnFaceting
-  vr,
+  Rr,
   //depends on ColumnFiltering
-  Er,
-  ur,
+  Dr,
+  fr,
   //depends on RowSorting
-  Cr,
-  wr,
-  xr,
-  Rr,
-  mr
+  jr,
+  yr,
+  _r,
+  Fr,
+  vr
 ];
-function Mr(e) {
+function Tr(e) {
   var n, t;
   process.env.NODE_ENV !== "production" && (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
-  const o = [...$r, ...(n = e._features) != null ? n : []];
+  const o = [...Vr, ...(n = e._features) != null ? n : []];
   let r = {
     _features: o
   };
-  const i = r._features.reduce((p, d) => Object.assign(p, d.getDefaultOptions == null ? void 0 : d.getDefaultOptions(r)), {}), s = (p) => r.options.mergeOptions ? r.options.mergeOptions(i, p) : {
+  const i = r._features.reduce((p, c) => Object.assign(p, c.getDefaultOptions == null ? void 0 : c.getDefaultOptions(r)), {}), s = (p) => r.options.mergeOptions ? r.options.mergeOptions(i, p) : {
     ...i,
     ...p
   };
@@ -3419,10 +3476,10 @@ function Mr(e) {
     ...(t = e.initialState) != null ? t : {}
   };
   r._features.forEach((p) => {
-    var d;
-    u = (d = p.getInitialState == null ? void 0 : p.getInitialState(u)) != null ? d : u;
+    var c;
+    u = (c = p.getInitialState == null ? void 0 : p.getInitialState(u)) != null ? c : u;
   });
-  const c = [];
+  const d = [];
   let g = !1;
   const m = {
     _features: o,
@@ -3432,43 +3489,43 @@ function Mr(e) {
     },
     initialState: u,
     _queue: (p) => {
-      c.push(p), g || (g = !0, Promise.resolve().then(() => {
-        for (; c.length; )
-          c.shift()();
+      d.push(p), g || (g = !0, Promise.resolve().then(() => {
+        for (; d.length; )
+          d.shift()();
         g = !1;
-      }).catch((d) => setTimeout(() => {
-        throw d;
+      }).catch((c) => setTimeout(() => {
+        throw c;
       })));
     },
     reset: () => {
       r.setState(r.initialState);
     },
     setOptions: (p) => {
-      const d = te(p, r.options);
-      r.options = s(d);
+      const c = te(p, r.options);
+      r.options = s(c);
     },
     getState: () => r.options.state,
     setState: (p) => {
       r.options.onStateChange == null || r.options.onStateChange(p);
     },
-    _getRowId: (p, d, f) => {
+    _getRowId: (p, c, f) => {
       var h;
-      return (h = r.options.getRowId == null ? void 0 : r.options.getRowId(p, d, f)) != null ? h : `${f ? [f.id, d].join(".") : d}`;
+      return (h = r.options.getRowId == null ? void 0 : r.options.getRowId(p, c, f)) != null ? h : `${f ? [f.id, c].join(".") : c}`;
     },
     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: (p, d) => {
-      let f = (d ? r.getPrePaginationRowModel() : r.getRowModel()).rowsById[p];
+    getRow: (p, c) => {
+      let f = (c ? r.getPrePaginationRowModel() : r.getRowModel()).rowsById[p];
       if (!f && (f = r.getCoreRowModel().rowsById[p], !f))
         throw process.env.NODE_ENV !== "production" ? new Error(`getRow could not find row with ID: ${p}`) : new Error();
       return f;
     },
     _getDefaultColumnDef: w(() => [r.options.defaultColumn], (p) => {
-      var d;
-      return p = (d = p) != null ? d : {}, {
+      var c;
+      return p = (c = p) != null ? c : {}, {
         header: (f) => {
           const h = f.header.column.columnDef;
           return h.accessorKey ? h.accessorKey : h.accessorFn ? h.id : null;
@@ -3484,29 +3541,29 @@ function Mr(e) {
     }, x(e, "debugColumns", "_getDefaultColumnDef")),
     _getColumnDefs: () => r.options.columns,
     getAllColumns: w(() => [r._getColumnDefs()], (p) => {
-      const d = function(f, h, v) {
+      const c = function(f, h, v) {
         return v === void 0 && (v = 0), f.map((S) => {
-          const R = Wo(r, S, v, h), j = S;
-          return R.columns = j.columns ? d(j.columns, R, v + 1) : [], R;
+          const R = Zo(r, S, v, h), y = S;
+          return R.columns = y.columns ? c(y.columns, R, v + 1) : [], R;
         });
       };
-      return d(p);
+      return c(p);
     }, x(e, "debugColumns", "getAllColumns")),
-    getAllFlatColumns: w(() => [r.getAllColumns()], (p) => p.flatMap((d) => d.getFlatColumns()), x(e, "debugColumns", "getAllFlatColumns")),
-    _getAllFlatColumnsById: w(() => [r.getAllFlatColumns()], (p) => p.reduce((d, f) => (d[f.id] = f, d), {}), x(e, "debugColumns", "getAllFlatColumnsById")),
-    getAllLeafColumns: w(() => [r.getAllColumns(), r._getOrderColumnsFn()], (p, d) => {
+    getAllFlatColumns: w(() => [r.getAllColumns()], (p) => p.flatMap((c) => c.getFlatColumns()), x(e, "debugColumns", "getAllFlatColumns")),
+    _getAllFlatColumnsById: w(() => [r.getAllFlatColumns()], (p) => p.reduce((c, f) => (c[f.id] = f, c), {}), x(e, "debugColumns", "getAllFlatColumnsById")),
+    getAllLeafColumns: w(() => [r.getAllColumns(), r._getOrderColumnsFn()], (p, c) => {
       let f = p.flatMap((h) => h.getLeafColumns());
-      return d(f);
+      return c(f);
     }, x(e, "debugColumns", "getAllLeafColumns")),
     getColumn: (p) => {
-      const d = r._getAllFlatColumnsById()[p];
-      return process.env.NODE_ENV !== "production" && !d && console.error(`[Table] Column with id '${p}' does not exist.`), d;
+      const c = r._getAllFlatColumnsById()[p];
+      return process.env.NODE_ENV !== "production" && !c && console.error(`[Table] Column with id '${p}' does not exist.`), c;
     }
   };
   Object.assign(r, m);
   for (let p = 0; p < r._features.length; p++) {
-    const d = r._features[p];
-    d == null || d.createTable == null || d.createTable(r);
+    const c = r._features[p];
+    c == null || c.createTable == null || c.createTable(r);
   }
   return r;
 }
@@ -3519,11 +3576,11 @@ function Rn() {
     }, o = function(r, i, s) {
       i === void 0 && (i = 0);
       const a = [];
-      for (let c = 0; c < r.length; c++) {
-        const g = Jo(e, e._getRowId(r[c], c, s), r[c], c, i, void 0, s == null ? void 0 : s.id);
+      for (let d = 0; d < r.length; d++) {
+        const g = tr(e, e._getRowId(r[d], d, s), r[d], d, i, void 0, s == null ? void 0 : s.id);
         if (t.flatRows.push(g), t.rowsById[g.id] = g, a.push(g), e.options.getSubRows) {
           var u;
-          g.originalSubRows = e.options.getSubRows(r[c], c), (u = g.originalSubRows) != null && u.length && (g.subRows = o(g.originalSubRows, i + 1, g));
+          g.originalSubRows = e.options.getSubRows(r[d], d), (u = g.originalSubRows) != null && u.length && (g.subRows = o(g.originalSubRows, i + 1, g));
         }
       }
       return a;
@@ -3531,7 +3588,7 @@ function Rn() {
     return t.rows = o(n), t;
   }, x(e.options, "debugTable", "getRowModel", () => e._autoResetPageIndex()));
 }
-function br(e) {
+function Ar(e) {
   const n = [], t = (o) => {
     var r;
     n.push(o), (r = o.subRows) != null && r.length && o.getIsExpanded() && o.subRows.forEach(t);
@@ -3542,7 +3599,7 @@ function br(e) {
     rowsById: e.rowsById
   };
 }
-function Dr(e) {
+function Nr(e) {
   return (n) => w(() => [n.getState().pagination, n.getPrePaginationRowModel(), n.options.paginateExpandedRows ? void 0 : n.getState().expanded], (t, o) => {
     if (!o.rows.length)
       return o;
@@ -3555,20 +3612,20 @@ function Dr(e) {
       flatRows: a,
       rowsById: u
     } = o;
-    const c = r * i, g = c + r;
-    s = s.slice(c, g);
+    const d = r * i, g = d + r;
+    s = s.slice(d, g);
     let m;
     n.options.paginateExpandedRows ? m = {
       rows: s,
       flatRows: a,
       rowsById: u
-    } : m = br({
+    } : m = Ar({
       rows: s,
       flatRows: a,
       rowsById: u
     }), m.flatRows = [];
-    const p = (d) => {
-      m.flatRows.push(d), d.subRows.length && d.subRows.forEach(p);
+    const p = (c) => {
+      m.flatRows.push(c), c.subRows.length && c.subRows.forEach(p);
     };
     return m.rows.forEach(p), m;
   }, x(n.options, "debugTable", "getPaginationRowModel"));
@@ -3584,21 +3641,21 @@ function Dr(e) {
    * @license MIT
    */
 function kt(e, n) {
-  return e ? Vr(e) ? /* @__PURE__ */ Xe.createElement(e, n) : e : null;
+  return e ? kr(e) ? /* @__PURE__ */ Xe.createElement(e, n) : e : null;
 }
-function Vr(e) {
-  return Tr(e) || typeof e == "function" || Ar(e);
+function kr(e) {
+  return Lr(e) || typeof e == "function" || Or(e);
 }
-function Tr(e) {
+function Lr(e) {
   return typeof e == "function" && (() => {
     const n = Object.getPrototypeOf(e);
     return n.prototype && n.prototype.isReactComponent;
   })();
 }
-function Ar(e) {
+function Or(e) {
   return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
 }
-function yn(e) {
+function jn(e) {
   const n = {
     state: {},
     // Dummy state
@@ -3608,7 +3665,7 @@ function yn(e) {
     renderFallbackValue: null,
     ...e
   }, [t] = Xe.useState(() => ({
-    current: Mr(n)
+    current: Tr(n)
   })), [o, r] = Xe.useState(() => t.current.initialState);
   return t.current.setOptions((i) => ({
     ...i,
@@ -3624,24 +3681,24 @@ function yn(e) {
     }
   })), t.current;
 }
-const jn = ({
+const yn = ({
   actions: e,
   reloadData: n,
   selectedRowKeys: t,
   size: o = "xs"
-}) => /* @__PURE__ */ l.jsxs(L, { gap: o, children: [
+}) => /* @__PURE__ */ l.jsxs(O, { gap: o, children: [
   (e == null ? void 0 : e.add) && /* @__PURE__ */ l.jsx(
-    q,
+    z,
     {
       variant: "light",
-      leftSection: /* @__PURE__ */ l.jsx(Yn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Kn, { size: 16, stroke: 1.5 }),
       size: o,
       onClick: e.add,
       children: "Add"
     }
   ),
   (e == null ? void 0 : e.edit) && /* @__PURE__ */ l.jsx(
-    q,
+    z,
     {
       leftSection: /* @__PURE__ */ l.jsx(Wn, { size: 16, stroke: 1.5 }),
       size: o,
@@ -3651,10 +3708,33 @@ const jn = ({
       children: "Edit"
     }
   ),
+  (e == null ? void 0 : e.delete) && /* @__PURE__ */ l.jsx(
+    Ro,
+    {
+      title: `Delete ${t.length} item${t.length > 1 ? "s" : ""}?`,
+      onConfirm: () => {
+        var r;
+        return (r = e.delete) == null ? void 0 : r.call(e, t);
+      },
+      confirmProps: { color: "red" },
+      disabled: t.length === 0,
+      children: /* @__PURE__ */ l.jsx(
+        z,
+        {
+          leftSection: /* @__PURE__ */ l.jsx(Xn, { size: 16, stroke: 1.5 }),
+          size: o,
+          variant: "light",
+          color: "red",
+          disabled: t.length === 0,
+          children: "Delete"
+        }
+      )
+    }
+  ),
   (e == null ? void 0 : e.reload) && /* @__PURE__ */ l.jsx(
-    q,
+    z,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Xn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Jn, { size: 16, stroke: 1.5 }),
       size: o,
       onClick: n,
       variant: "light",
@@ -3662,9 +3742,9 @@ const jn = ({
     }
   ),
   (e == null ? void 0 : e.import) && /* @__PURE__ */ l.jsx(
-    q,
+    z,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Jn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Qn, { size: 16, stroke: 1.5 }),
       size: o,
       variant: "light",
       onClick: e.import,
@@ -3672,31 +3752,31 @@ const jn = ({
     }
   ),
   (e == null ? void 0 : e.export) && /* @__PURE__ */ l.jsx(
-    q,
+    z,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Qn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Zn, { size: 16, stroke: 1.5 }),
       size: o,
       variant: "light",
       onClick: e.export,
       children: "Export"
     }
   )
-] }), _n = (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), Fn = (e) => e !== void 0 && (e.add !== void 0 || e.edit !== void 0 || e.delete !== void 0 || e.export !== void 0), Nr = "__selectcol__", { Thead: kr, Tr: We, Th: Or, Tbody: Lr, Td: Ot } = Yt, In = (e) => {
+] }), _n = (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), Fn = (e) => e !== void 0 && (e.add !== void 0 || e.edit !== void 0 || e.delete !== void 0 || e.export !== void 0), zr = "__selectcol__", { Thead: Gr, Tr: We, Th: Hr, Tbody: qr, Td: Lt } = Kt, In = (e) => {
   let n;
-  e.table.getRowCount() === 0 ? n = /* @__PURE__ */ l.jsx(We, { children: /* @__PURE__ */ l.jsx(Ot, { colSpan: e.table.getVisibleLeafColumns().length, children: /* @__PURE__ */ l.jsxs(X, { justify: "center", align: "center", gap: "xs", children: [
-    /* @__PURE__ */ l.jsx(Zn, { color: "var(--mantine-color-dimmed)" }),
+  e.table.getRowCount() === 0 ? n = /* @__PURE__ */ l.jsx(We, { children: /* @__PURE__ */ l.jsx(Lt, { colSpan: e.table.getVisibleLeafColumns().length, children: /* @__PURE__ */ l.jsxs(Y, { justify: "center", align: "center", gap: "xs", children: [
+    /* @__PURE__ */ l.jsx(eo, { color: "var(--mantine-color-dimmed)" }),
     /* @__PURE__ */ l.jsx(E, { c: "dimmed", fz: "sm", children: "No records found." })
   ] }) }) }, "empty-row") : n = e.table.getRowModel().rows.map((i, s) => {
-    var u, c;
+    var u, d;
     const a = [];
     for (const g of i.getVisibleCells()) {
-      const m = g.column.columnDef.meta, p = (u = m == null ? void 0 : m.rowSpan) == null ? void 0 : u.call(m, i.original, s), d = (c = m == null ? void 0 : m.colSpan) == null ? void 0 : c.call(m, i.original, s);
-      p === 0 || d === 0 || a.push(
+      const m = g.column.columnDef.meta, p = (u = m == null ? void 0 : m.rowSpan) == null ? void 0 : u.call(m, i.original, s), c = (d = m == null ? void 0 : m.colSpan) == null ? void 0 : d.call(m, i.original, s);
+      p === 0 || c === 0 || a.push(
         /* @__PURE__ */ l.jsx(
-          Ot,
+          Lt,
           {
             rowSpan: p,
-            colSpan: d,
+            colSpan: c,
             children: kt(g.column.columnDef.cell, g.getContext())
           },
           g.id
@@ -3713,17 +3793,17 @@ const jn = ({
     );
   });
   const t = /* @__PURE__ */ l.jsxs(
-    Yt,
+    Kt,
     {
       striped: e.striped ?? !0,
       highlightOnHover: !0,
       verticalSpacing: "xs",
       tabularNums: !0,
       children: [
-        /* @__PURE__ */ l.jsx(kr, { children: e.table.getHeaderGroups().map((r) => /* @__PURE__ */ l.jsx(We, { children: r.headers.map((i) => /* @__PURE__ */ l.jsx(
-          Or,
+        /* @__PURE__ */ l.jsx(Gr, { children: e.table.getHeaderGroups().map((r) => /* @__PURE__ */ l.jsx(We, { children: r.headers.map((i) => /* @__PURE__ */ l.jsx(
+          Hr,
           {
-            w: i.id === Nr ? "1%" : void 0,
+            w: i.id === zr ? "1%" : void 0,
             children: i.isPlaceholder ? null : kt(
               i.column.columnDef.header,
               i.getContext()
@@ -3731,21 +3811,21 @@ const jn = ({
           },
           i.id
         )) }, r.id)) }),
-        /* @__PURE__ */ l.jsx(Lr, { pos: "relative", children: n })
+        /* @__PURE__ */ l.jsx(qr, { 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(ie, { withBorder: !0, p: 0, style: o, children: t });
-}, zr = "_pageSizeSelectorActive_1wv6j_1", Gr = {
-  pageSizeSelectorActive: zr
-}, Hr = ["10", "20", "50", "100"], Pn = ({
+}, Br = "_pageSizeSelectorActive_1wv6j_1", Ur = {
+  pageSizeSelectorActive: Br
+}, Yr = ["10", "20", "50", "100"], Pn = ({
   total: e,
   pageIndex: n,
   pageSize: t,
   allowPageSizeChange: o = !0,
-  pageSizeOptions: r = Hr,
+  pageSizeOptions: r = Yr,
   onUpdatePagination: i
 }) => {
   const s = /* @__PURE__ */ l.jsx(
@@ -3757,11 +3837,11 @@ const jn = ({
       onChange: (a) => i(a - 1, t)
     }
   );
-  return o ? /* @__PURE__ */ l.jsxs(L, { gap: "sm", children: [
+  return o ? /* @__PURE__ */ l.jsxs(O, { gap: "sm", children: [
     /* @__PURE__ */ l.jsxs("div", { children: [
       /* @__PURE__ */ l.jsx(E, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
       /* @__PURE__ */ l.jsx(
-        qr,
+        Kr,
         {
           size: "sm",
           values: r,
@@ -3774,14 +3854,14 @@ const jn = ({
     ] }),
     s
   ] }) : s;
-}, Lt = {
-  xs: ge(22),
-  sm: ge(26),
-  md: ge(32),
-  lg: ge(38),
-  xl: ge(44)
+}, Ot = {
+  xs: fe(22),
+  sm: fe(26),
+  md: fe(32),
+  lg: fe(38),
+  xl: fe(44)
 };
-function qr({
+function Kr({
   size: e,
   values: n,
   value: t,
@@ -3789,15 +3869,15 @@ function qr({
 }) {
   return /* @__PURE__ */ l.jsxs(ae, { withinPortal: !0, withArrow: !0, offset: 2, children: [
     /* @__PURE__ */ l.jsx(Hn, { children: /* @__PURE__ */ l.jsx(
-      q,
+      z,
       {
         size: e,
         variant: "default",
-        rightSection: /* @__PURE__ */ l.jsx(eo, { size: 16, stroke: 1.5 }),
+        rightSection: /* @__PURE__ */ l.jsx(to, { size: 16, stroke: 1.5 }),
         style: [
           { fontWeight: "normal" },
           (r) => ({
-            height: Lt[e],
+            height: Ot[e],
             paddingLeft: r.spacing[e],
             paddingRight: r.spacing[e]
           })
@@ -3815,9 +3895,9 @@ function qr({
       return /* @__PURE__ */ l.jsx(
         Bn,
         {
-          className: i ? Gr.pageSizeSelectorActive : void 0,
+          className: i ? Ur.pageSizeSelectorActive : void 0,
           style: [
-            { height: Lt[e] }
+            { height: Ot[e] }
             // isCurrent
             //   ? {
             //       color: "var(--mantine-color-text)",
@@ -3835,8 +3915,8 @@ function qr({
     }) })
   ] });
 }
-const Br = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
-  var S, R, j, I;
+const Wr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), qi = (e) => {
+  var S, R, y, I;
   const [n, t] = M({
     records: [],
     total: 0
@@ -3853,47 +3933,47 @@ const Br = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
       offset: P * k
     };
     e.query.update(F);
-  }, [c, g, m] = _(() => {
+  }, [d, g, m] = _(() => {
     const P = e.query.query.limit, k = Math.floor(
       (e.query.query.offset || 0) / e.query.query.limit
     ), F = Math.ceil(n.total / e.query.query.limit);
     return [P, k, F];
   }, [e.query.query.limit, e.query.query.offset, n.total]);
-  De(() => (n.total == 0 && a(e.query.query), e.query.subscribe(a)), [e.query]);
+  Ve(() => (n.total == 0 && a(e.query.query), e.query.subscribe(a)), [e.query]);
   const p = _(() => Object.keys(i).filter((P) => i[P]).map((P) => e.normalizeRowId(P)), [i]);
-  let d, f;
-  _n(e.actions) && (d = /* @__PURE__ */ l.jsx(
-    jn,
+  let c, f;
+  _n(e.actions) && (c = /* @__PURE__ */ l.jsx(
+    yn,
     {
       actions: e.actions,
       reloadData: () => a(e.query.query),
       selectedRowKeys: p
     }
   ));
-  const h = ((S = e.pagination) == null ? void 0 : S.positions) || Br;
+  const h = ((S = e.pagination) == null ? void 0 : S.positions) || Wr;
   if (h.size > 0) {
     const P = /* @__PURE__ */ l.jsx(
       Pn,
       {
         total: m,
         pageIndex: g,
-        pageSize: c,
+        pageSize: d,
         onUpdatePagination: u,
         allowPageSizeChange: (R = e.pagination) == null ? void 0 : R.showSizeChanger,
-        pageSizeOptions: (I = (j = e.pagination) == null ? void 0 : j.pageSizeOptions) == null ? void 0 : I.map((k) => k.toString())
+        pageSizeOptions: (I = (y = e.pagination) == null ? void 0 : y.pageSizeOptions) == null ? void 0 : I.map((k) => k.toString())
       }
     );
-    h.has("topRight") && (d !== void 0 ? d = /* @__PURE__ */ l.jsxs(L, { justify: "space-between", gap: "sm", children: [
-      d,
+    h.has("topRight") && (c !== void 0 ? c = /* @__PURE__ */ l.jsxs(O, { justify: "space-between", gap: "sm", children: [
+      c,
       P
-    ] }) : d = /* @__PURE__ */ l.jsx(B, { justify: "flex-end", children: P })), (h.has("bottomRight") || h.has("bottomLeft") || h.has("bottomCenter")) && (h.has("bottomLeft") ? f = /* @__PURE__ */ l.jsxs(B, { justify: "space-between", align: "center", children: [
+    ] }) : c = /* @__PURE__ */ l.jsx(B, { justify: "flex-end", children: P })), (h.has("bottomRight") || h.has("bottomLeft") || h.has("bottomCenter")) && (h.has("bottomLeft") ? f = /* @__PURE__ */ l.jsxs(B, { justify: "space-between", align: "center", children: [
       P,
       /* @__PURE__ */ l.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        Math.min(g * c + 1, n.total),
+        Math.min(g * d + 1, n.total),
         " to",
         " ",
-        Math.min((g + 1) * c, n.total),
+        Math.min((g + 1) * d, n.total),
         " of ",
         n.total,
         " ",
@@ -3902,10 +3982,10 @@ const Br = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
     ] }) : f = /* @__PURE__ */ l.jsxs(B, { justify: "space-between", align: "center", children: [
       /* @__PURE__ */ l.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        Math.min(g * c + 1, n.total),
+        Math.min(g * d + 1, n.total),
         " to",
         " ",
-        Math.min((g + 1) * c, n.total),
+        Math.min((g + 1) * d, n.total),
         " of ",
         n.total,
         " ",
@@ -3917,7 +3997,7 @@ const Br = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
   const v = _(() => {
     const P = e.selectable ?? Fn(e.actions);
     return /* @__PURE__ */ l.jsx(
-      Ur,
+      Xr,
       {
         data: n,
         loading: o,
@@ -3926,7 +4006,7 @@ const Br = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
         getRowId: e.getRowId,
         selectedRowKeys: i,
         setSelectedRowKeys: s,
-        hasTopSection: d !== void 0,
+        hasTopSection: c !== void 0,
         hasBottomSection: f !== void 0
       }
     );
@@ -3938,11 +4018,11 @@ const Br = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
     e.getRowId,
     i,
     s,
-    d !== void 0,
+    c !== void 0,
     f !== void 0
   ]);
-  return d === void 0 || f === void 0 ? v : /* @__PURE__ */ l.jsxs("div", { children: [
-    d !== void 0 && /* @__PURE__ */ l.jsx(
+  return c === void 0 || f === void 0 ? v : /* @__PURE__ */ l.jsxs("div", { children: [
+    c !== void 0 && /* @__PURE__ */ l.jsx(
       ie,
       {
         withBorder: !0,
@@ -3952,7 +4032,7 @@ const Br = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
           borderBottomRightRadius: 0,
           borderBottom: "none"
         },
-        children: d
+        children: c
       }
     ),
     v,
@@ -3970,13 +4050,13 @@ const Br = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
       }
     )
   ] });
-}, Ur = (e) => {
+}, Xr = (e) => {
   const n = _(() => {
     const o = [];
     e.isSelectable && o.push({
       id: "selection",
       header: ({ table: r }) => /* @__PURE__ */ l.jsx(
-        de,
+        ce,
         {
           checked: r.getIsAllRowsSelected(),
           indeterminate: r.getIsSomeRowsSelected(),
@@ -3984,7 +4064,7 @@ const Br = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
         }
       ),
       cell: ({ row: r }) => /* @__PURE__ */ l.jsx(
-        de,
+        ce,
         {
           checked: r.getIsSelected(),
           disabled: !r.getCanSelect(),
@@ -4000,7 +4080,7 @@ const Br = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
         cell: ({ row: i }) => r.render(i.original)
       });
     return o;
-  }, [e.columns, e.isSelectable]), t = yn({
+  }, [e.columns, e.isSelectable]), t = jn({
     data: e.data.records,
     columns: n,
     enableRowSelection: e.isSelectable,
@@ -4027,35 +4107,39 @@ const Br = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
 function En(e, n, {
   title: t,
   nestedKey: o,
-  component: r
+  component: r,
+  rowSpan: i,
+  colSpan: s
 } = {}) {
-  let i;
+  let a;
   if (r !== void 0)
-    i = r;
+    a = r;
   else if (se(n))
-    n.cardinality === "1:N" || n.cardinality === "N:N" ? i = mt : i = ft;
+    n.cardinality === "1:N" || n.cardinality === "N:N" ? a = mt : a = ft;
   else {
-    if (ce[n.datatype] === void 0)
+    if (ge[n.datatype] === void 0)
       throw new Error(
         `No display component found for datatype ${n.datatype}`
       );
-    i = ce[n.datatype];
+    a = ge[n.datatype];
   }
-  const s = {
+  const u = {
     key: n.name,
-    title: t || /* @__PURE__ */ l.jsx(N, { value: n.label }),
-    accessorFn: (a) => a[n.tsName],
-    render: (a) => {
-      const u = a[n.tsName];
-      return /* @__PURE__ */ l.jsx(i, { db: e, property: n, value: u });
-    }
+    title: t || /* @__PURE__ */ l.jsx(b, { value: n.label }),
+    accessorFn: (d) => d[n.tsName],
+    render: (d) => {
+      const g = d[n.tsName];
+      return /* @__PURE__ */ l.jsx(a, { db: e, property: n, value: g });
+    },
+    rowSpan: i,
+    colSpan: s
   };
-  return o !== void 0 && (s.accessorFn = (a) => a[o][n.tsName], s.render = (a) => {
-    const u = a[o][n.tsName];
-    return /* @__PURE__ */ l.jsx(i, { db: e, property: n, value: u });
-  }), s;
+  return o !== void 0 && (u.accessorFn = (d) => d[o][n.tsName], u.render = (d) => {
+    const g = d[o][n.tsName];
+    return /* @__PURE__ */ l.jsx(a, { db: e, property: n, value: g });
+  }), u;
 }
-function zi(e, n, t, {
+function Bi(e, n, t, {
   title: o,
   nestedKey: r,
   component: i
@@ -4066,37 +4150,37 @@ function zi(e, n, t, {
   else if (se(t))
     t.cardinality === "1:N" || t.cardinality === "N:N" ? s = mt : s = ft;
   else {
-    if (ce[t.datatype] === void 0)
+    if (ge[t.datatype] === void 0)
       throw new Error(
         `No display component found for datatype ${t.datatype}`
       );
-    s = ce[t.datatype];
+    s = ge[t.datatype];
   }
   const a = {
     key: n + "." + t.name,
-    title: o || /* @__PURE__ */ l.jsx(N, { value: t.label }),
+    title: o || /* @__PURE__ */ l.jsx(b, { value: t.label }),
     accessorFn: (u) => u[n.tsName][t.tsName],
     render: (u) => {
-      const c = u[n.tsName][t.tsName];
-      return /* @__PURE__ */ l.jsx(s, { db: e, property: t, value: c });
+      const d = u[n.tsName][t.tsName];
+      return /* @__PURE__ */ l.jsx(s, { db: e, property: t, value: d });
     }
   };
   return r !== void 0 && (a.accessorFn = (u) => u[r][n.tsName][t.tsName], a.render = (u) => {
-    const c = u[r][n.tsName][t.tsName];
-    return /* @__PURE__ */ l.jsx(s, { db: e, property: t, value: c });
+    const d = u[r][n.tsName][t.tsName];
+    return /* @__PURE__ */ l.jsx(s, { db: e, property: t, value: d });
   }), a;
 }
-function Gi(e, n, t, o = {}) {
+function Ui(e, n, t, o = {}) {
   return t.map((r) => $n(r) ? r : En(e, n.publicProperties[r], o));
 }
-function Hi(e, n, t = [], o = {}) {
+function Yi(e, n, t = [], o = {}) {
   return t.map((r) => $n(r) ? r : En(e, n.publicProperties[r], o));
 }
 function $n(e) {
   return typeof e == "object" && "key" in e && "title" in e;
 }
-const Kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), qi = (e) => {
-  var m, p, d, f, h;
+const Jr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Ki = (e) => {
+  var m, p, c, f, h;
   const [n, t] = M(
     {}
   ), o = e.selectable ?? Fn(e.actions), r = _(() => {
@@ -4104,7 +4188,7 @@ const Kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), qi = (e) => {
     o && v.push({
       id: "selection",
       header: ({ table: S }) => /* @__PURE__ */ l.jsx(
-        de,
+        ce,
         {
           checked: S.getIsAllRowsSelected(),
           indeterminate: S.getIsSomeRowsSelected(),
@@ -4112,7 +4196,7 @@ const Kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), qi = (e) => {
         }
       ),
       cell: ({ row: S }) => /* @__PURE__ */ l.jsx(
-        de,
+        ce,
         {
           checked: S.getIsSelected(),
           disabled: !S.getCanSelect(),
@@ -4132,12 +4216,12 @@ const Kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), qi = (e) => {
         }
       });
     return v;
-  }, [e.columns, o]), i = yn({
+  }, [e.columns, o]), i = jn({
     data: e.data,
     columns: r,
     enableRowSelection: o,
     getCoreRowModel: Rn(),
-    getPaginationRowModel: Dr(),
+    getPaginationRowModel: Nr(),
     initialState: {
       pagination: {
         pageSize: ((m = e.pagination) == null ? void 0 : m.pageSize) ?? 10,
@@ -4151,29 +4235,29 @@ const Kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), qi = (e) => {
   }), s = _(() => Object.keys(n).filter((v) => n[v]).map(Number), [n]);
   let a, u;
   _n(e.actions) && (a = /* @__PURE__ */ l.jsx(
-    jn,
+    yn,
     {
       actions: e.actions,
       selectedRowKeys: s
     }
   ));
-  const c = ((p = e.pagination) == null ? void 0 : p.positions) || Kr;
-  if (c.size > 0) {
+  const d = ((p = e.pagination) == null ? void 0 : p.positions) || Jr;
+  if (d.size > 0) {
     const v = i.getState().pagination, S = /* @__PURE__ */ l.jsx(
       Pn,
       {
         total: i.getPageCount(),
         pageIndex: v.pageIndex,
         pageSize: v.pageSize,
-        onUpdatePagination: (R, j) => i.setPagination({ pageIndex: R, pageSize: j }),
-        allowPageSizeChange: (d = e.pagination) == null ? void 0 : d.showSizeChanger,
+        onUpdatePagination: (R, y) => i.setPagination({ pageIndex: R, pageSize: y }),
+        allowPageSizeChange: (c = e.pagination) == null ? void 0 : c.showSizeChanger,
         pageSizeOptions: (h = (f = e.pagination) == null ? void 0 : f.pageSizeOptions) == null ? void 0 : h.map((R) => R.toString())
       }
     );
-    c.has("topRight") && (a !== void 0 ? a = /* @__PURE__ */ l.jsxs(L, { justify: "space-between", gap: "sm", children: [
+    d.has("topRight") && (a !== void 0 ? a = /* @__PURE__ */ l.jsxs(O, { justify: "space-between", gap: "sm", children: [
       a,
       S
-    ] }) : a = /* @__PURE__ */ l.jsx(B, { justify: "flex-end", children: S })), (c.has("bottomRight") || c.has("bottomLeft") || c.has("bottomCenter")) && (c.has("bottomLeft") ? u = /* @__PURE__ */ l.jsxs(B, { justify: "space-between", align: "center", children: [
+    ] }) : a = /* @__PURE__ */ l.jsx(B, { justify: "flex-end", children: S })), (d.has("bottomRight") || d.has("bottomLeft") || d.has("bottomCenter")) && (d.has("bottomLeft") ? u = /* @__PURE__ */ l.jsxs(B, { justify: "space-between", align: "center", children: [
       S,
       /* @__PURE__ */ l.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
@@ -4248,27 +4332,27 @@ const Kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), qi = (e) => {
     )
   ] });
 }, zt = {
-  integer: Me,
-  float: Me,
-  string: Se,
+  integer: be,
+  float: be,
+  string: ve,
   boolean: sn,
-  "string[]": Se,
-  enum: Se,
-  date: No,
-  datetime: ko
-}, Yr = {
+  "string[]": ve,
+  enum: ve,
+  date: zo,
+  datetime: Go
+}, Qr = {
   lang2value: {
     en: "Update",
     vi: "Cập Nhật"
   },
   lang: "en"
-}, Wr = {
+}, Zr = {
   lang2value: {
     en: "Clear",
     vi: "Xóa"
   },
   lang: "en"
-}, Xr = ({
+}, ei = ({
   db: e,
   property: n,
   InputComponent: t,
@@ -4290,13 +4374,13 @@ const Kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), qi = (e) => {
       t = zt[n.datatype];
     }
   const a = _(() => {
-    var c;
-    return r === void 0 || (c = r(i).errorMessage) == null ? void 0 : c.t({ args: { name: n.label } });
+    var d;
+    return r === void 0 || (d = r(i).errorMessage) == null ? void 0 : d.t({ args: { name: n.label } });
   }, [r, i, n.label]);
-  return /* @__PURE__ */ l.jsxs(X, { gap: 5, children: [
-    /* @__PURE__ */ l.jsxs(A, { gutter: "sm", children: [
+  return /* @__PURE__ */ l.jsxs(Y, { gap: 5, children: [
+    /* @__PURE__ */ l.jsxs(N, { gutter: "sm", children: [
       /* @__PURE__ */ l.jsx(
-        A.Col,
+        N.Col,
         {
           span: o.labelCol,
           style: {
@@ -4306,16 +4390,16 @@ const Kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), qi = (e) => {
           children: /* @__PURE__ */ l.jsx(
             un,
             {
-              label: /* @__PURE__ */ l.jsx(N, { value: n.label }),
+              label: /* @__PURE__ */ l.jsx(b, { value: n.label }),
               name: n.name,
               required: n.isRequired,
-              tooltip: n.description !== void 0 ? /* @__PURE__ */ l.jsx(N, { value: n.description }) : void 0,
+              tooltip: n.description !== void 0 ? /* @__PURE__ */ l.jsx(b, { value: n.description }) : void 0,
               align: o.align
             }
           )
         }
       ),
-      /* @__PURE__ */ l.jsx(A.Col, { span: o.itemCol, children: /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ l.jsx(N.Col, { span: o.itemCol, children: /* @__PURE__ */ l.jsx(
         t,
         {
           db: e,
@@ -4325,36 +4409,36 @@ const Kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), qi = (e) => {
         }
       ) })
     ] }),
-    a !== void 0 && /* @__PURE__ */ l.jsxs(A, { gutter: "sm", children: [
-      /* @__PURE__ */ l.jsx(A.Col, { span: o.labelCol }),
-      /* @__PURE__ */ l.jsx(A.Col, { span: o.itemCol, children: /* @__PURE__ */ l.jsx(J.Error, { children: a }) })
+    a !== void 0 && /* @__PURE__ */ l.jsxs(N, { gutter: "sm", children: [
+      /* @__PURE__ */ l.jsx(N.Col, { span: o.labelCol }),
+      /* @__PURE__ */ l.jsx(N.Col, { span: o.itemCol, children: /* @__PURE__ */ l.jsx(J.Error, { children: a }) })
     ] })
   ] });
 };
-function Jr({
+function ti({
   properties: e,
   queryConditions: n
 }) {
   return e.reduce((t, o) => n[o.property.tsName] === void 0 ? t : t + 1, 0);
 }
-const Qr = (e, n) => on(e, n, !1);
-function Zr({
+const ni = (e, n) => on(e, n, !1);
+function oi({
   properties: e,
   queryConditions: n
 }) {
-  const t = io.getInstance().getLocale(), o = [];
+  const t = so.getInstance().getLocale(), o = [];
   for (const r of e) {
     const i = n[r.property.tsName];
     if (i !== void 0)
       if (o.length > 0 && o.push(" & "), r.property.datatype === "date" || r.property.datatype === "datetime") {
-        const s = r.property.datatype === "date" ? Ce : Qr;
-        i.op === "bti" ? (o.push(s(t, Z(i.value[0]).toDate())), o.push(" ≤ "), o.push(he(t, r.property.label)), o.push(" ≤ "), o.push(s(t, Z(i.value[1]).toDate()))) : i.op === "gte" ? (o.push(he(t, r.property.label)), o.push(" ≥ "), o.push(s(t, Z(i.value).toDate()))) : i.op === "lte" && (o.push(he(t, r.property.label)), o.push(" ≤ "), o.push(s(t, Z(i.value).toDate())));
+        const s = r.property.datatype === "date" ? we : ni;
+        i.op === "bti" ? (o.push(s(t, Z(i.value[0]).toDate())), o.push(" ≤ "), o.push(Se(t, r.property.label)), o.push(" ≤ "), o.push(s(t, Z(i.value[1]).toDate()))) : i.op === "gte" ? (o.push(Se(t, r.property.label)), o.push(" ≥ "), o.push(s(t, Z(i.value).toDate()))) : i.op === "lte" && (o.push(Se(t, r.property.label)), o.push(" ≤ "), o.push(s(t, Z(i.value).toDate())));
       } else
-        o.push(he(t, r.property.label)), i.op === "eq" ? o.push(" = ") : o.push(` ${i.op} `), o.push(i.value.toString());
+        o.push(Se(t, r.property.label)), i.op === "eq" ? o.push(" = ") : o.push(` ${i.op} `), o.push(i.value.toString());
   }
   return o.join("");
 }
-const ei = ({
+const ri = ({
   db: e,
   properties: n,
   styles: t,
@@ -4364,7 +4448,7 @@ const ei = ({
   queryConditions: s
 }) => {
   const [a, u] = M({});
-  De(() => {
+  Ve(() => {
     const f = {};
     for (const h of n) {
       const v = s[h.property.tsName];
@@ -4381,19 +4465,19 @@ const ei = ({
     }
     u(f);
   }, [n, s]);
-  const [c, g, m] = _(() => {
+  const [d, g, m] = _(() => {
     const f = [], h = {}, v = {};
     for (const S of n) {
-      let R, j = (I) => {
+      let R, y = (I) => {
         if (!It.isEmpty(I))
           return { op: "eq", value: I };
       };
-      (S.property.datatype === "date" || S.property.datatype === "datetime") && (R = It.validateTimeRange, j = (I) => I.start !== void 0 && I.end !== void 0 ? {
+      (S.property.datatype === "date" || S.property.datatype === "datetime") && (R = It.validateTimeRange, y = (I) => I.start !== void 0 && I.end !== void 0 ? {
         op: "bti",
         value: [I.start.toISOString(), I.end.toISOString()]
-      } : I.start !== void 0 ? { op: "gte", value: I.start.toISOString() } : I.end !== void 0 ? { op: "lte", value: I.end.toISOString() } : void 0), h[S.property.tsName] = j, v[S.property.tsName] = R, f.push(
+      } : I.start !== void 0 ? { op: "gte", value: I.start.toISOString() } : I.end !== void 0 ? { op: "lte", value: I.end.toISOString() } : void 0), h[S.property.tsName] = y, v[S.property.tsName] = R, f.push(
         /* @__PURE__ */ l.jsx(
-          Xr,
+          ei,
           {
             db: e,
             property: S.property,
@@ -4418,7 +4502,7 @@ const ei = ({
       S !== void 0 && (h[v.property.tsName] = S);
     }
     i(h);
-  }, d = _(() => (f) => {
+  }, c = _(() => (f) => {
     for (const h of n) {
       const v = m[h.property.tsName];
       if (v !== void 0 && !v(f[h.property.tsName]).isValid)
@@ -4426,11 +4510,11 @@ const ei = ({
     }
     return !0;
   }, [n, m]);
-  return /* @__PURE__ */ l.jsxs(X, { gap: "sm", className: o, style: t, children: [
-    c,
-    /* @__PURE__ */ l.jsxs(L, { gap: "sm", justify: "flex-end", children: [
+  return /* @__PURE__ */ l.jsxs(Y, { gap: "sm", className: o, style: t, children: [
+    d,
+    /* @__PURE__ */ l.jsxs(O, { gap: "sm", justify: "flex-end", children: [
       /* @__PURE__ */ l.jsx(
-        q,
+        z,
         {
           variant: "light",
           size: "xs",
@@ -4439,28 +4523,28 @@ const ei = ({
             u({}), p({});
           },
           disabled: Object.keys(a).length === 0,
-          children: /* @__PURE__ */ l.jsx(N, { value: Wr })
+          children: /* @__PURE__ */ l.jsx(b, { value: Zr })
         }
       ),
       /* @__PURE__ */ l.jsx(
-        q,
+        z,
         {
           variant: "light",
           size: "xs",
           onClick: () => p(a),
-          disabled: !d(a),
-          children: /* @__PURE__ */ l.jsx(N, { value: Yr })
+          disabled: !c(a),
+          children: /* @__PURE__ */ l.jsx(b, { value: Qr })
         }
       )
     ] })
   ] });
-}, Gt = /* @__PURE__ */ l.jsx(oo, { size: 16, stroke: 1.5 }), Ht = /* @__PURE__ */ l.jsx(ut, { size: 16, stroke: 1.5 }), ti = {
+}, Gt = /* @__PURE__ */ l.jsx(ro, { size: 16, stroke: 1.5 }), Ht = /* @__PURE__ */ l.jsx(ut, { size: 16, stroke: 1.5 }), ii = {
   lang2value: {
     en: "Search By",
     vi: "Tìm Kiếm Theo"
   },
   lang: "en"
-}, Bi = ({
+}, Wi = ({
   query: e,
   onChange: n,
   debounceTime: t = 250,
@@ -4468,16 +4552,16 @@ const ei = ({
   searchField: r,
   advancedSearch: i
 }) => {
-  const s = U(re), [a, u] = M(e), [c, g] = M(!1), [m, p] = M([!1, Date.now()]), d = _(() => lo(
+  const s = U(re), [a, u] = M(e), [d, g] = M(!1), [m, p] = M([!1, Date.now()]), c = _(() => ao(
     t,
     (S) => {
       g(!1), n(S);
     },
     { atBegin: !1 }
   ), [t, n]), f = _(() => (S) => {
-    u(S.target.value), g(!0), d(S.target.value);
-  }, [u, g, d]);
-  o === void 0 && r !== void 0 && (o = ti);
+    u(S.target.value), g(!0), c(S.target.value);
+  }, [u, g, c]);
+  o === void 0 && r !== void 0 && (o = ii);
   let h = "";
   if (o !== void 0 && (h = o.lang2value[s.language] || o.lang2value[o.lang]), r !== void 0 && (h.length > 0 && (h += " "), h += r.lang2value[s.language] || r.lang2value[r.lang]), i === void 0)
     return /* @__PURE__ */ l.jsx(
@@ -4486,14 +4570,14 @@ const ei = ({
         flex: 1,
         label: "Search",
         placeholder: h,
-        leftSection: c ? Gt : Ht,
+        leftSection: d ? Gt : Ht,
         value: a,
         onChange: f
       }
     );
-  const v = Jr(i);
+  const v = ti(i);
   return /* @__PURE__ */ l.jsxs(
-    Le,
+    de,
     {
       width: "target",
       trapFocus: !0,
@@ -4505,13 +4589,13 @@ const ei = ({
         p([!1, Date.now()]);
       },
       children: [
-        /* @__PURE__ */ l.jsx(Le.Target, { children: /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ l.jsx(de.Target, { children: /* @__PURE__ */ l.jsx(
           _t,
           {
             flex: 1,
             label: "Search",
             placeholder: h,
-            leftSection: c ? Gt : Ht,
+            leftSection: d ? Gt : Ht,
             rightSection: /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
               /* @__PURE__ */ l.jsx(
                 Ft,
@@ -4521,7 +4605,7 @@ const ei = ({
                   onClick: () => {
                     u(""), n("");
                   },
-                  children: /* @__PURE__ */ l.jsx(to, { size: 16, stroke: 1.5, cursor: "pointer" })
+                  children: /* @__PURE__ */ l.jsx(no, { size: 16, stroke: 1.5, cursor: "pointer" })
                 }
               ),
               /* @__PURE__ */ l.jsx(
@@ -4534,7 +4618,7 @@ const ei = ({
                     m[1] + 200 >= Date.now() || p([!0, Date.now()]);
                   },
                   children: /* @__PURE__ */ l.jsx(
-                    no,
+                    oo,
                     {
                       size: 16,
                       stroke: v > 0 ? 2 : 1.5,
@@ -4550,12 +4634,12 @@ const ei = ({
             rightSectionWidth: 68,
             value: a,
             onChange: f,
-            description: Zr(i),
+            description: oi(i),
             inputWrapperOrder: ["label", "input", "description", "error"]
           }
         ) }),
-        /* @__PURE__ */ l.jsx(Le.Dropdown, { children: /* @__PURE__ */ l.jsx(
-          ei,
+        /* @__PURE__ */ l.jsx(de.Dropdown, { children: /* @__PURE__ */ l.jsx(
+          ri,
           {
             db: i.db,
             properties: i.properties,
@@ -4569,7 +4653,7 @@ const ei = ({
       ]
     }
   );
-}, ni = oe(
+}, si = oe(
   ({
     store: e,
     record: n,
@@ -4581,40 +4665,40 @@ const ei = ({
       return /* @__PURE__ */ l.jsx("div", {});
     const i = dt(n, t);
     return /* @__PURE__ */ l.jsxs("div", { children: [
-      /* @__PURE__ */ l.jsx(E, { size: "sm", fw: 550, children: /* @__PURE__ */ l.jsx(N, { value: t.label }) }),
+      /* @__PURE__ */ l.jsx(E, { size: "sm", fw: 550, children: /* @__PURE__ */ l.jsx(b, { value: t.label }) }),
       i !== void 0 && /* @__PURE__ */ l.jsx(o, { db: e.db, property: t, value: i })
     ] });
   }
-), oi = 12, ri = (e) => {
-  const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => ii(n, e.store, e.record, r, o)), [n, e.store, e.record, e.fieldGroups]);
-  return /* @__PURE__ */ l.jsx(X, { gap: "sm", className: e.className, style: e.styles, children: t });
+), li = 12, ai = (e) => {
+  const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => ui(n, e.store, e.record, r, o)), [n, e.store, e.record, e.fieldGroups]);
+  return /* @__PURE__ */ l.jsx(Y, { gap: "sm", className: e.className, style: e.styles, children: t });
 };
-function ii(e, n, t, o, r) {
+function ui(e, n, t, o, r) {
   const i = r.fields, s = [];
   for (let a = 0; a < i.length; a++) {
-    const u = oi / i[a].length;
+    const u = li / i[a].length;
     if (!Number.isInteger(u))
       throw new Error(`Span must be an integer, but got ${u} for row ${a}`);
-    for (let c = 0; c < i[a].length; c++) {
-      const g = i[a][c];
+    for (let d = 0; d < i[a].length; d++) {
+      const g = i[a][d];
       let m;
       typeof g == "function" ? m = g(n, t) : typeof g == "object" && "prop" in g ? m = st(
         n,
         t,
-        g.prop instanceof Y ? g.prop : e.allProperties[g.prop],
+        g.prop instanceof W ? g.prop : e.allProperties[g.prop],
         g.args
       ) : m = st(
         n,
         t,
-        g instanceof Y ? g : e.allProperties[g]
+        g instanceof W ? g : e.allProperties[g]
       ), s.push(
-        /* @__PURE__ */ l.jsx(A.Col, { span: u, children: m }, `${a}-${c}`)
+        /* @__PURE__ */ l.jsx(N.Col, { span: u, children: m }, `${a}-${d}`)
       );
     }
   }
-  return /* @__PURE__ */ l.jsx(A, { gutter: "sm", children: s }, o);
+  return /* @__PURE__ */ l.jsx(N, { gutter: "sm", children: s }, o);
 }
-function Ui(e, n, t = {}) {
+function Xi(e, n, t = {}) {
   return (o, r) => {
     if (t.visible !== void 0 && !t.visible(r))
       return /* @__PURE__ */ l.jsx("div", {});
@@ -4623,13 +4707,13 @@ function Ui(e, n, t = {}) {
       if (typeof s == "function")
         u = s(o, r);
       else {
-        let c, g = {};
-        typeof s == "object" && "prop" in s ? (c = s.prop instanceof Y ? s.prop : e.allProperties[s.prop], s.args !== void 0 && (g = s.args)) : c = s instanceof Y ? s : e.allProperties[s], u = st(o, r, c, g);
+        let d, g = {};
+        typeof s == "object" && "prop" in s ? (d = s.prop instanceof W ? s.prop : e.allProperties[s.prop], s.args !== void 0 && (g = s.args)) : d = s instanceof W ? s : e.allProperties[s], u = st(o, r, d, g);
       }
       return /* @__PURE__ */ l.jsx("div", { children: u }, a);
     });
     return /* @__PURE__ */ l.jsx(
-      L,
+      O,
       {
         gap: t.flexGap,
         grow: t.flexGrow ?? !0,
@@ -4639,19 +4723,19 @@ function Ui(e, n, t = {}) {
     );
   };
 }
-function si(e) {
+function di(e) {
   if (se(e))
     return e.cardinality === "N:N" || e.cardinality === "1:N" ? mt : ft;
-  if (ce[e.datatype] === void 0)
+  if (ge[e.datatype] === void 0)
     throw new Error(
       `No display component found for datatype ${e.datatype}`
     );
-  return ce[e.datatype];
+  return ge[e.datatype];
 }
 function st(e, n, t, o = {}) {
   let r;
-  return o.display !== void 0 ? r = o.display : r = si(t instanceof Y ? t.leafProperty : t), /* @__PURE__ */ l.jsx(
-    ni,
+  return o.display !== void 0 ? r = o.display : r = di(t instanceof W ? t.leafProperty : t), /* @__PURE__ */ l.jsx(
+    si,
     {
       store: e,
       record: n,
@@ -4661,10 +4745,10 @@ function st(e, n, t, o = {}) {
     }
   );
 }
-const Ki = (e) => /* @__PURE__ */ l.jsxs(Re, { defaultValue: e.fieldTabs[0].tabName, children: [
-  /* @__PURE__ */ l.jsx(Re.List, { children: e.fieldTabs.map((n, t) => /* @__PURE__ */ l.jsx(Re.Tab, { value: n.tabName, children: n.tabName }, t)) }),
-  e.fieldTabs.map((n, t) => /* @__PURE__ */ l.jsx(Re.Panel, { value: n.tabName, pt: "sm", children: /* @__PURE__ */ l.jsx(
-    ri,
+const Ji = (e) => /* @__PURE__ */ l.jsxs(je, { defaultValue: e.fieldTabs[0].tabName, children: [
+  /* @__PURE__ */ l.jsx(je.List, { children: e.fieldTabs.map((n, t) => /* @__PURE__ */ l.jsx(je.Tab, { value: n.tabName, children: n.tabName }, t)) }),
+  e.fieldTabs.map((n, t) => /* @__PURE__ */ l.jsx(je.Panel, { value: n.tabName, pt: "sm", children: /* @__PURE__ */ l.jsx(
+    ai,
     {
       schema: e.schema,
       store: e.store,
@@ -4677,85 +4761,86 @@ const Ki = (e) => /* @__PURE__ */ l.jsxs(Re, { defaultValue: e.fieldTabs[0].tabN
 ] });
 export {
   sn as BooleanInput,
-  Ai as ConfirmationInput,
-  Ti as ConfirmationLabel,
+  Oi as ConfirmationInput,
+  Li as ConfirmationLabel,
   Qe as CountryFlagComponent,
   dn as DEFAULT_LAYOUT,
-  Br as DEFAULT_PAGINATION_POSITIONS,
-  ce as DataType2DisplayComponent,
+  Wr as DEFAULT_PAGINATION_POSITIONS,
+  ge as DataType2DisplayComponent,
   Vt as DataType2InputComponent,
-  wo as DateDisplay,
-  Po as DateInput,
-  No as DateRangeInput,
-  Co as DateTimeDisplay,
-  Di as DateTimeHideTimeDisplay,
-  ko as DateTimeRangeInput,
-  qo as EmbeddedFormItem,
-  fo as EmojiCountryFlag,
-  Eo as EnumInput,
-  zo as FormItem,
+  yo as DateDisplay,
+  bo as DateInput,
+  zo as DateRangeInput,
+  jo as DateTimeDisplay,
+  Ni as DateTimeHideTimeDisplay,
+  Go as DateTimeRangeInput,
+  Ko as EmbeddedFormItem,
+  mo as EmojiCountryFlag,
+  Do as EnumInput,
+  Bo as FormItem,
   cn as FormItemInner,
   un as FormItemLabel,
-  vi as LanguageSelector,
-  Ri as Loading,
-  yi as LoadingInline,
+  Ri as LanguageSelector,
+  Fi as Loading,
+  Ii as LoadingInline,
   re as LocaleContext,
-  Si as LocaleProvider,
-  vo as MenuTrie,
+  xi as LocaleProvider,
+  Co as MenuTrie,
   mt as MultiForeignKeyDisplay,
   an as MultiForeignKeyInput,
-  N as MultiLingualString,
-  ji as NotAuthorized,
-  wi as NotFound,
+  b as MultiLingualString,
+  Pi as NotAuthorized,
+  yi as NotFound,
   Qt as NotFoundInline,
-  xi as NotFoundSubPage,
-  Me as NumberInput,
-  Pi as OrderedUniqueList,
+  _i as NotFoundSubPage,
+  be as NumberInput,
+  bi as OrderedUniqueList,
   et as Permission,
-  Ni as SPAN_COL,
-  go as SVGCountryFlag,
-  ei as SearchForm,
-  Xr as SearchFormItem,
+  Ro as PopConfirm,
+  zi as SPAN_COL,
+  fo as SVGCountryFlag,
+  ri as SearchForm,
+  ei as SearchFormItem,
   nn as SeraCol,
   gt as SeraContext,
-  Vi as SeraContextProvider,
-  Oi as SeraEmbeddedForm,
-  qi as SeraEmbeddedTable,
-  ki as SeraForm,
+  ki as SeraContextProvider,
+  Hi as SeraEmbeddedForm,
+  Ki as SeraEmbeddedTable,
+  Gi as SeraForm,
   tn as SeraRow,
-  Bi as SeraSearch,
-  Li as SeraTable,
-  bi as SeraVerticalMenu,
-  ri as SeraView,
-  Ki as SeraViewTab,
+  Wi as SeraSearch,
+  qi as SeraTable,
+  Ai as SeraVerticalMenu,
+  ai as SeraView,
+  Ji as SeraViewTab,
   ft as SingleForeignKeyDisplay,
   ln as SingleForeignKeyInput,
   ct as TestIdContext,
-  Ei as TestIdProvider,
-  Se as TextInput,
+  Di as TestIdProvider,
+  ve as TextInput,
   Zt as Trie,
   bt as TrieNode,
-  po as buildMenuItemIndex,
-  T as countryFlags,
-  So as filterAllowedItems,
+  ho as buildMenuItemIndex,
+  A as countryFlags,
+  vo as filterAllowedItems,
   gn as getInputComponent,
-  Jr as getNumberOfFilters,
+  ti as getNumberOfFilters,
   dt as getPropertyValue,
-  Zr as getReadableFilters,
-  Mi as getTestIdProps,
-  _i as groupBy,
-  Fi as groupByAsList,
-  Ui as groupFields,
-  Go as isHorizontalLayout,
+  oi as getReadableFilters,
+  Ti as getTestIdProps,
+  Ei as groupBy,
+  $i as groupByAsList,
+  Xi as groupFields,
+  Uo as isHorizontalLayout,
   $n as isSeraColumn,
-  Hi as makeEmbeddedTableColumns,
+  Yi as makeEmbeddedTableColumns,
   En as makeTableColumn,
-  zi as makeTableColumnFromNestedProperty,
-  Gi as makeTableColumns,
+  Bi as makeTableColumnFromNestedProperty,
+  Ui as makeTableColumns,
   Ze as setPropertyValue,
-  he as translateMultiLingualString,
-  Ii as uniqueList,
-  Ci as useMultiLingualString,
-  W as usePropertyTestId,
-  $i as useTestId
+  Se as translateMultiLingualString,
+  Mi as uniqueList,
+  ji as useMultiLingualString,
+  X as usePropertyTestId,
+  Vi as useTestId
 };