sera-components 1.6.10 → 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 An, { createContext as be, useContext as B, useMemo as _, useState as $, useEffect as De } from "react";
-import { Paper as ie, Image as Tn, Text as P, Menu as ae, Button as H, Container as Nn, Alert as lt, Stack as W, Flex as q, Loader as Ee, NavLink as jt, Checkbox as de, Group as L, Input as X, useCombobox as qt, Combobox as O, Grid as A, InputBase as kn, PasswordInput as Bt, Select as Ln, CloseButton as On, 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 Oe, 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 K, 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 Q from "dayjs";
+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,242 +54,242 @@ 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(S) {
-      if (S == null) return null;
-      if (typeof S == "function")
-        return S.$$typeof === we ? null : S.displayName || S.name || null;
-      if (typeof S == "string") return S;
-      switch (S) {
+    function e(C) {
+      if (C == null) return null;
+      if (typeof C == "function")
+        return C.$$typeof === xe ? null : C.displayName || C.name || null;
+      if (typeof C == "string") return C;
+      switch (C) {
         case v:
           return "Fragment";
-        case y:
+        case R:
           return "Profiler";
-        case C:
+        case S:
           return "StrictMode";
-        case Z:
+        case k:
           return "Suspense";
-        case I:
+        case F:
           return "SuspenseList";
         case Ae:
           return "Activity";
       }
-      if (typeof S == "object")
-        switch (typeof S.tag == "number" && console.error(
+      if (typeof C == "object")
+        switch (typeof C.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), S.$$typeof) {
+        ), C.$$typeof) {
           case h:
             return "Portal";
-          case F:
-            return S.displayName || "Context";
-          case w:
-            return (S._context.displayName || "Context") + ".Consumer";
-          case N:
-            var j = S.render;
-            return S = S.displayName, S || (S = j.displayName || j.name || "", S = S !== "" ? "ForwardRef(" + S + ")" : "ForwardRef"), S;
-          case D:
-            return j = S.displayName || null, j !== null ? j : e(S.type) || "Memo";
-          case z:
-            j = S._payload, S = S._init;
+          case I:
+            return C.displayName || "Context";
+          case y:
+            return (C._context.displayName || "Context") + ".Consumer";
+          case P:
+            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(S(j));
+              return e(C(j));
             } catch {
             }
         }
       return null;
     }
-    function n(S) {
-      return "" + S;
+    function n(C) {
+      return "" + C;
     }
-    function t(S) {
+    function t(C) {
       try {
-        n(S);
+        n(C);
         var j = !1;
       } catch {
         j = !0;
       }
       if (j) {
         j = console;
-        var E = j.error, M = typeof Symbol == "function" && Symbol.toStringTag && S[Symbol.toStringTag] || S.constructor.name || "Object";
-        return E.call(
+        var $ = j.error, D = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
+        return $.call(
           j,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          M
-        ), n(S);
+          D
+        ), n(C);
       }
     }
-    function o(S) {
-      if (S === v) return "<>";
-      if (typeof S == "object" && S !== null && S.$$typeof === z)
+    function o(C) {
+      if (C === v) return "<>";
+      if (typeof C == "object" && C !== null && C.$$typeof === H)
         return "<...>";
       try {
-        var j = e(S);
+        var j = e(C);
         return j ? "<" + j + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var S = Te.A;
-      return S === null ? null : S.getOwner();
+      var C = Ne.A;
+      return C === null ? null : C.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function s(S) {
-      if (vt.call(S, "key")) {
-        var j = Object.getOwnPropertyDescriptor(S, "key").get;
+    function s(C) {
+      if (vt.call(C, "key")) {
+        var j = Object.getOwnPropertyDescriptor(C, "key").get;
         if (j && j.isReactWarning) return !1;
       }
-      return S.key !== void 0;
+      return C.key !== void 0;
     }
-    function a(S, j) {
-      function E() {
+    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)",
           j
         ));
       }
-      E.isReactWarning = !0, Object.defineProperty(S, "key", {
-        get: E,
+      $.isReactWarning = !0, Object.defineProperty(C, "key", {
+        get: $,
         configurable: !0
       });
     }
     function u() {
-      var S = e(this.type);
-      return wt[S] || (wt[S] = !0, console.error(
+      var C = e(this.type);
+      return wt[C] || (wt[C] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), S = this.props.ref, S !== void 0 ? S : null;
+      )), C = this.props.ref, C !== void 0 ? C : null;
     }
-    function c(S, j, E, M, xe, ke) {
-      var b = E.ref;
-      return S = {
-        $$typeof: g,
-        type: S,
+    function d(C, j, $, D, Re, Le) {
+      var V = $.ref;
+      return C = {
+        $$typeof: f,
+        type: C,
         key: j,
-        props: E,
-        _owner: M
-      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(S, "ref", {
+        props: $,
+        _owner: D
+      }, (V !== void 0 ? V : null) !== null ? Object.defineProperty(C, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(S, "ref", { enumerable: !1, value: null }), S._store = {}, Object.defineProperty(S._store, "validated", {
+      }) : Object.defineProperty(C, "ref", { enumerable: !1, value: null }), C._store = {}, Object.defineProperty(C._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(S, "_debugInfo", {
+      }), Object.defineProperty(C, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(S, "_debugStack", {
+      }), Object.defineProperty(C, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: xe
-      }), Object.defineProperty(S, "_debugTask", {
+        value: Re
+      }), Object.defineProperty(C, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ke
-      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
+        value: Le
+      }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     }
-    function f(S, j, E, M, xe, ke) {
-      var b = j.children;
-      if (b !== void 0)
-        if (M)
-          if (Mn(b)) {
-            for (M = 0; M < b.length; M++)
-              m(b[M]);
-            Object.freeze && Object.freeze(b);
+    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(b);
+        else m(V);
       if (vt.call(j, "key")) {
-        b = e(S);
+        V = e(C);
         var le = Object.keys(j).filter(function(bn) {
           return bn !== "key";
         });
-        M = 0 < le.length ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}", yt[b + M] || (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} />`,
-          M,
-          b,
+          D,
+          V,
           le,
-          b
-        ), yt[b + M] = !0);
+          V
+        ), jt[V + D] = !0);
       }
-      if (b = null, E !== void 0 && (t(E), b = "" + E), s(j) && (t(j.key), b = "" + j.key), "key" in j) {
-        E = {};
-        for (var Le in j)
-          Le !== "key" && (E[Le] = j[Le]);
-      } else E = j;
-      return b && a(
-        E,
-        typeof S == "function" ? S.displayName || S.name || "Unknown" : S
-      ), c(
-        S,
-        b,
-        E,
+      if (V = null, $ !== void 0 && (t($), V = "" + $), s(j) && (t(j.key), V = "" + j.key), "key" in j) {
+        $ = {};
+        for (var Oe in j)
+          Oe !== "key" && ($[Oe] = j[Oe]);
+      } else $ = j;
+      return V && a(
+        $,
+        typeof C == "function" ? C.displayName || C.name || "Unknown" : C
+      ), d(
+        C,
+        V,
+        $,
         r(),
-        xe,
-        ke
+        Re,
+        Le
       );
     }
-    function m(S) {
-      p(S) ? S._store && (S._store.validated = 1) : typeof S == "object" && S !== null && S.$$typeof === z && (S._payload.status === "fulfilled" ? p(S._payload.value) && S._payload.value._store && (S._payload.value._store.validated = 1) : S._store && (S._store.validated = 1));
+    function m(C) {
+      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(S) {
-      return typeof S == "object" && S !== null && S.$$typeof === g;
+    function p(C) {
+      return typeof C == "object" && C !== null && C.$$typeof === f;
     }
-    var d = An, g = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), F = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), Ae = Symbol.for("react.activity"), we = Symbol.for("react.client.reference"), Te = 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 = {
-      react_stack_bottom_frame: function(S) {
-        return S();
+    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(S, j, E) {
-      var M = 1e4 > Te.recentlyCreatedOwnerStacks++;
-      return f(
-        S,
+    )(), Rt = ke(o(i)), jt = {};
+    pe.Fragment = v, pe.jsx = function(C, j, $) {
+      var D = 1e4 > Ne.recentlyCreatedOwnerStacks++;
+      return g(
+        C,
         j,
-        E,
+        $,
         !1,
-        M ? Error("react-stack-top-frame") : xt,
-        M ? Ne(o(S)) : Rt
+        D ? Error("react-stack-top-frame") : xt,
+        D ? ke(o(C)) : Rt
       );
-    }, me.jsxs = function(S, j, E) {
-      var M = 1e4 > Te.recentlyCreatedOwnerStacks++;
-      return f(
-        S,
+    }, pe.jsxs = function(C, j, $) {
+      var D = 1e4 > Ne.recentlyCreatedOwnerStacks++;
+      return g(
+        C,
         j,
-        E,
+        $,
         !0,
-        M ? Error("react-stack-top-frame") : xt,
-        M ? Ne(o(S)) : 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 V = {
+var l = go();
+const A = {
   UK: {
     svgFlag: "https://flagcdn.com/gb.svg",
     emojiFlag: "🇬🇧"
@@ -354,76 +354,76 @@ const V = {
     svgFlag: "https://flagcdn.com/kh.svg",
     emojiFlag: "🇰🇭"
   }
-}, go = ({ flag: e }) => /* @__PURE__ */ l.jsx(ie, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ l.jsx(Tn, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), fo = ({ flag: e }) => /* @__PURE__ */ l.jsx(
-  P,
+}, 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")), hi = 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: V.US,
+    flag: A.US,
     locale: new Intl.Locale("en-US")
   },
   vi: {
     name: "Tiếng Việt",
-    flag: V.VN,
+    flag: A.VN,
     locale: new Intl.Locale("vi-VN")
   }
-}, Si = ({
+}, 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,
       {
         onClick: () => n(s),
         leftSection: /* @__PURE__ */ l.jsx(Qe, { flag: r }),
         rightSection: e.language === o && /* @__PURE__ */ l.jsx(Un, { size: "15", color: "#2986cc", stroke: 2 }),
-        children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: i })
+        children: /* @__PURE__ */ l.jsx(E, { size: "sm", children: i })
       },
       o
     )
-  ), [je, e]);
+  ), [_e, e]);
   return /* @__PURE__ */ l.jsxs(ae, { width: 170, children: [
     /* @__PURE__ */ l.jsx(ae.Target, { children: /* @__PURE__ */ l.jsx(
-      H,
+      z,
       {
         variant: "subtle",
         size: "sm",
-        leftSection: /* @__PURE__ */ l.jsx(Qe, { flag: je[e.language].flag }),
-        children: /* @__PURE__ */ l.jsx(P, { 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(P, { 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
     ] })
   ] });
-}, T = ({ value: e }) => {
-  const n = B(re);
+}, b = ({ value: e }) => {
+  const n = U(re);
   return e.lang2value[n.language] || e.lang2value[e.lang];
-}, vi = (e) => {
-  const n = B(re);
+}, 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 Ci = ({
+const yi = ({
   message: e,
   navigate: n
 }) => /* @__PURE__ */ l.jsx(
@@ -443,14 +443,14 @@ const Ci = ({
         title: "Not Found",
         variant: "404 - Not Found",
         icon: /* @__PURE__ */ l.jsx(at, { size: 12, stroke: 1.5 }),
-        children: /* @__PURE__ */ l.jsxs(W, { 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(H, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
+          /* @__PURE__ */ l.jsx(z, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
         ] })
       }
     )
   }
-), wi = ({ message: e }) => /* @__PURE__ */ l.jsx(
+), _i = ({ message: e }) => /* @__PURE__ */ l.jsx(
   lt,
   {
     color: "red",
@@ -459,8 +459,8 @@ const Ci = ({
     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(P, { c: "red", size: "sm", children: e || "Not Found" }), xi = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx(q, { justify: "center", align: "center", children: /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "md" }) }) : /* @__PURE__ */ l.jsxs(
-  q,
+), 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",
     direction: "column",
@@ -468,14 +468,14 @@ const Ci = ({
     align: "center",
     style: { height: "100%" },
     children: [
-      /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "md" }),
+      /* @__PURE__ */ l.jsx($e, { color: "blue", size: "md" }),
       e
     ]
   }
-), Ri = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "xs" }) : /* @__PURE__ */ l.jsxs(q, { 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
-] }), yi = ({ message: e }) => /* @__PURE__ */ l.jsx(
+] }), Pi = ({ message: e }) => /* @__PURE__ */ l.jsx(
   lt,
   {
     color: "red",
@@ -485,13 +485,13 @@ const Ci = ({
     children: e || "Sorry, you are not authorized to access this page."
   }
 );
-function ji(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 _i(e, n) {
+function $i(e, n) {
   const t = [];
   let o;
   return e.reduce((r, i) => {
@@ -499,14 +499,14 @@ function _i(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 Fi(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 Ii {
+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), Pi = ct.Provider;
-function Ei(e) {
-  return B(ct) ? { "data-testid": e } : {};
+const ct = De(!1), Di = ct.Provider;
+function Vi(e) {
+  return U(ct) ? { "data-testid": e } : {};
 }
-function $i(e, n) {
+function Ti(e, n) {
   return n ? { "data-testid": e } : {};
 }
-function Y(e, n = "") {
-  const t = B(ct), o = _(() => (n !== "" && (n = `_${n}`), e instanceof K ? `${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,98 +615,98 @@ function So(e, n) {
     return t;
   }).filter((t) => t !== null);
 }
-const Mi = (e) => {
-  const [n, t] = $(/* @__PURE__ */ new Set()), [o, r] = $(/* @__PURE__ */ new Set()), [i, s] = $(), a = _(() => So(e.items, e.checkPermission), [e.items, e.checkPermission]), u = _(() => ho(e.items), [e.items]), { key2fullpath: c, key2route: f } = _(
-    () => 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));
-  }, [window.location.pathname, f]);
+  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, g) {
+    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((C) => {
-              const y = new Set(C);
-              return y.add(d.key), y;
+            o.has(c.key) || t((S) => {
+              const R = new Set(S);
+              return R.add(c.key), R;
             });
           },
           onMouseLeave: () => {
-            o.has(d.key) || t((C) => {
-              const y = new Set(C);
-              return y.delete(d.key), y;
+            o.has(c.key) || t((S) => {
+              const R = new Set(S);
+              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: {
                     borderRadius: "var(--mantine-radius-sm)"
                   }
                 },
-                ml: g === 0 ? void 0 : g === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${g})`,
+                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),
-                onClick: (C) => {
-                  C.preventDefault(), r((y) => {
-                    const w = new Set(y);
-                    return y.has(d.key) ? w.delete(d.key) : w.add(d.key), w;
+                opened: n.has(c.key) || o.has(c.key),
+                onClick: (S) => {
+                  S.preventDefault(), r((R) => {
+                    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((C) => p(C, g + 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({ queryArgs: 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: {
               borderRadius: "var(--mantine-radius-sm)"
             }
           },
-          ml: g === 0 ? void 0 : g === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${g})`,
+          ml: f === 0 ? void 0 : f === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${f})`,
           w: "unset",
-          onClick: (C) => {
-            C.ctrlKey || C.metaKey || (C.preventDefault(), d.route != null && d.route.path.path({ queryArgs: d.route.defaultPathArgs }).open(e.navigate));
+          onClick: (S) => {
+            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",
@@ -769,17 +769,17 @@ const ze = 12, en = be({ gap: "sm" }), tn = ({
   className: o,
   style: r
 }) => {
-  const { gap: i } = B(en);
+  const { gap: i } = U(en);
   let s = {
     minWidth: 0,
     ...r
   };
   if (n !== void 0) {
-    const a = n / ze * 100, u = `var(--mantine-spacing-${i})`, c = (ze - n) / ze, f = `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 ${f}`,
-      maxWidth: f
+      flex: `0 0 ${g}`,
+      maxWidth: g
     };
   } else
     s = {
@@ -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(P, { 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 n = B(re), t = _(
+const jo = ({ value: e }) => {
+  const n = U(re), t = _(
     () => on(n, e),
     [n, e]
   );
-  return /* @__PURE__ */ l.jsx(P, { size: "sm", children: t });
-}, wo = ({ value: e }) => {
-  const n = B(re), t = _(() => Ce(n, e), [n, e]);
-  return /* @__PURE__ */ l.jsx(P, { size: "sm", children: t });
-}, bi = ({ value: e }) => {
-  const n = B(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");
+  return /* @__PURE__ */ l.jsx(E, { size: "sm", children: t });
+}, yo = ({ value: e }) => {
+  const n = U(re), t = _(() => we(n, e), [n, e]);
+  return /* @__PURE__ */ l.jsx(E, { size: "sm", children: t });
+}, Ni = ({ value: e }) => {
+  const n = U(re), [t, o] = _(() => {
+    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(P, { size: "sm", title: o, children: t });
-}, xo = {
+  return /* @__PURE__ */ l.jsx(E, { size: "sm", title: o, children: t });
+}, _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(T, { 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(P, { size: "sm", children: /* @__PURE__ */ l.jsx(T, { value: t.enumType.label[n] }) });
-}, gt = be({ link: () => null, entityRoutes: {} }), Di = ({
-  link: e,
+  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: { link: 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 = {};
@@ -864,19 +921,18 @@ const ft = oe(
     property: n,
     value: t
   }) => {
-    const { link: o, entityRoutes: r } = B(gt), i = _(() => [t], [t]), [s, a] = rn(
+    const { EntityLink: o, entityRoutes: r } = U(gt), i = _(() => [t], [t]), [s, a] = rn(
       e,
       n,
       i,
       r
     ), u = s[t];
-    return u === void 0 ? /* @__PURE__ */ l.jsx(P, { size: "sm", children: t }) : u === null ? /* @__PURE__ */ l.jsx(Qt, {}) : a === void 0 ? /* @__PURE__ */ l.jsx(P, { size: "sm", children: u.name }) : /* @__PURE__ */ l.jsx(
+    return u === void 0 ? /* @__PURE__ */ l.jsx(E, { size: "sm", children: t }) : u === null ? /* @__PURE__ */ l.jsx(Qt, {}) : a === void 0 ? /* @__PURE__ */ l.jsx(E, { size: "sm", children: u.name }) : /* @__PURE__ */ l.jsx(
       o,
       {
         path: a,
         openInNewPage: !1,
-        urlArgs: { id: u.id },
-        queryArgs: {},
+        args: { id: u.id },
         children: u.name
       }
     );
@@ -887,45 +943,44 @@ const ft = oe(
     property: n,
     value: t
   }) => {
-    const { link: o, entityRoutes: r } = B(gt), [i, s] = rn(
+    const { EntityLink: o, entityRoutes: r } = U(gt), [i, s] = rn(
       e,
       n,
       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(P, { size: "sm", children: t }, a) : c === null ? /* @__PURE__ */ l.jsx(Qt, {}, a) : s === void 0 ? /* @__PURE__ */ l.jsx(P, { 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,
-          urlArgs: { id: c.id },
-          queryArgs: {},
-          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 = Y(e);
+  const r = X(e);
   return /* @__PURE__ */ l.jsx(
-    de,
+    ce,
     {
       ...r,
       id: e.name,
@@ -937,15 +992,15 @@ const ft = oe(
       disabled: o
     }
   );
-}, Me = ({
+}, be = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
 }) => {
-  const r = Y(e);
+  const r = X(e);
   return /* @__PURE__ */ l.jsx(
-    X,
+    J,
     {
       ...r,
       id: e.name,
@@ -958,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ệ. "
@@ -973,65 +1028,65 @@ const ft = oe(
 }, ue = {
   84: {
     name: "Vietnam",
-    flags: [V.VN]
+    flags: [A.VN]
   },
   1: {
     name: "US, Canada",
-    flags: [V.US, V.CA]
+    flags: [A.US, A.CA]
   },
   61: {
     name: "Australia",
-    flags: [V.AU]
+    flags: [A.AU]
   },
   81: {
     name: "Japan",
-    flags: [V.JP]
+    flags: [A.JP]
   },
   44: {
     name: "UK",
-    flags: [V.UK]
+    flags: [A.UK]
   },
   33: {
     name: "France",
-    flags: [V.FR]
+    flags: [A.FR]
   },
   49: {
     name: "Germany",
-    flags: [V.DE]
+    flags: [A.DE]
   },
   91: {
     name: "India",
-    flags: [V.IN]
+    flags: [A.IN]
   },
   55: {
     name: "Brazil",
-    flags: [V.BR]
+    flags: [A.BR]
   },
   34: {
     name: "Spain",
-    flags: [V.ES]
+    flags: [A.ES]
   },
   39: {
     name: "Italy",
-    flags: [V.IT]
+    flags: [A.IT]
   },
   64: {
     name: "New Zealand",
-    flags: [V.NZ]
+    flags: [A.NZ]
   },
   52: {
     name: "Mexico",
-    flags: [V.MX]
+    flags: [A.MX]
   },
   86: {
     name: "China",
-    flags: [V.CN]
+    flags: [A.CN]
   },
   855: {
     name: "Cambodia",
-    flags: [V.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);
@@ -1041,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: [
-      /* @__PURE__ */ l.jsxs(P, { size: "sm", 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,
@@ -1058,112 +1113,112 @@ const ft = oe(
 }) => {
   let s = {}, a = {};
   i !== void 0 && (s = { "data-testid": `${i}_country_code` }, a = { "data-testid": i });
-  const [u, c] = $(""), [f, m] = $(!1), [p, d] = $(""), [g, h] = $(!1), v = _(() => {
-    const I = new Zt();
-    return Object.keys(ue).forEach((D) => {
-      I.insert(D);
-    }), I;
-  }, [ue]), { rawInput: C } = _(() => {
+  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((T) => {
+      F.insert(T);
+    }), F;
+  }, [ue]), { rawInput: S } = _(() => {
     try {
-      const { match: I, remaining: D } = Fo(
+      const { match: F, remaining: T } = $o(
         e,
         v
       );
-      return d(I), h(!1), {
-        rawInput: D
+      return c(F), h(!1), {
+        rawInput: T
       };
     } catch {
-      return h(!0), d(""), {
+      return h(!0), c(""), {
         rawInput: e
       };
     }
-  }, [e]), y = qt({
+  }, [e]), R = qt({
     onDropdownClose: () => {
-      y.resetSelectedOption(), c("");
+      R.resetSelectedOption(), d("");
     },
     onDropdownOpen: () => {
-      y.updateSelectedOptionIndex("active");
+      R.updateSelectedOptionIndex("active");
     }
-  }), w = _(() => Object.keys(ue), [ue]), F = (I, D) => {
-    if (I === void 0)
-      return `+${D}`;
-    const z = I.replace(/[^\d]/g, "");
-    return z.length === 0 ? `+${D}` : z.startsWith("0") ? (m(!0), `+${D}${z}`) : (m(!1), `+${D}${z}`);
-  }, N = _(() => w.filter((I) => ue[I].name.toLowerCase().includes(u.toLowerCase()) || I.includes(u)), [u, w]), Z = _(() => N.map((I, D) => /* @__PURE__ */ l.jsx(O.Option, { value: I, children: /* @__PURE__ */ l.jsx(Dt, { value: I }) }, D)), [N]);
+  }), y = _(() => Object.keys(ue), [ue]), I = (F, T) => {
+    if (F === void 0)
+      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(
-        O,
+        G,
         {
-          store: y,
+          store: R,
           position: "top-start",
-          onOptionSubmit: (I) => {
-            c(""), y.closeDropdown(), n({
-              target: { value: F(C, I) }
+          onOptionSubmit: (F) => {
+            d(""), R.closeDropdown(), n({
+              target: { value: I(S, F) }
             });
           },
           disabled: r,
           children: [
-            /* @__PURE__ */ l.jsx(O.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(O.Chevron, {}),
-                onClick: () => y.toggleDropdown(),
+                rightSection: /* @__PURE__ */ l.jsx(G.Chevron, {}),
+                onClick: () => R.toggleDropdown(),
                 rightSectionPointerEvents: "none",
                 disabled: r,
                 children: /* @__PURE__ */ l.jsx(Dt, { value: p })
               }
             ) }),
-            /* @__PURE__ */ l.jsxs(O.Dropdown, { children: [
+            /* @__PURE__ */ l.jsxs(G.Dropdown, { children: [
               /* @__PURE__ */ l.jsx(
-                O.Search,
+                G.Search,
                 {
                   leftSection: /* @__PURE__ */ l.jsx(ut, { size: 14, stroke: 1.5 }),
                   placeholder: ".....",
                   value: u,
-                  onChange: (I) => {
-                    c(I.currentTarget.value);
+                  onChange: (F) => {
+                    d(F.currentTarget.value);
                   },
                   disabled: r
                 }
               ),
-              /* @__PURE__ */ l.jsx(O.Options, { children: Z.length > 0 ? Z : /* @__PURE__ */ l.jsx(O.Empty, { children: /* @__PURE__ */ l.jsx(P, { 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" }) }) })
             ] })
           ]
         }
       ),
       p === "" ? /* @__PURE__ */ l.jsx(
-        X,
+        J,
         {
           ...a,
           id: o,
-          value: C,
+          value: S,
           type: "phone_number",
-          onChange: (I) => {
-            n({ target: { value: I.target.value } });
+          onChange: (F) => {
+            n({ target: { value: F.target.value } });
           },
           error: t,
           flex: 1,
           disabled: r
         }
       ) : /* @__PURE__ */ l.jsx(
-        X,
+        J,
         {
           ...a,
           id: o,
-          value: C,
+          value: S,
           type: "phone_number",
-          onAccept: (I) => {
-            const D = I.replace(/[^\d]/g, ""), z = F(D, p);
-            z !== e && n({
-              target: { value: z }
+          onAccept: (F) => {
+            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,
@@ -1171,16 +1226,16 @@ const ft = oe(
         }
       )
     ] }) }) }),
-    (f || g || t && typeof t == "string") && /* @__PURE__ */ l.jsx(A, { gutter: "xs", children: /* @__PURE__ */ l.jsx(A.Col, { children: /* @__PURE__ */ l.jsx(X.Error, { children: f ? /* @__PURE__ */ l.jsx(T, { value: jo }) : g ? /* @__PURE__ */ l.jsx(T, { 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 = Y(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", X], [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,
     {
@@ -1193,13 +1248,13 @@ const ft = oe(
       disabled: r
     }
   );
-}, Po = ({
+}, bo = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
 }) => {
-  const r = Y(e);
+  const r = X(e);
   return /* @__PURE__ */ l.jsx(
     Je,
     {
@@ -1208,7 +1263,7 @@ const ft = oe(
       value: n || null,
       onChange: (i) => {
         t(
-          i === null ? void 0 : Q(i).startOf("day").toDate()
+          i === null ? void 0 : Z(i).startOf("day").toDate()
         );
       },
       valueFormat: "YYYY MMM DD",
@@ -1219,28 +1274,28 @@ const ft = oe(
       disabled: o
     }
   );
-}, Eo = ({
+}, Do = ({
   property: e,
   value: n,
   onChange: t,
   freeze: o = !1
 }) => {
-  const r = B(re), i = Y(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 = {}, f = 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, f];
+    return [d, g];
   }, [r, s]);
   return /* @__PURE__ */ l.jsx(
     Ln,
@@ -1248,58 +1303,58 @@ const ft = oe(
       ...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"
-), Vi = ({ property: e }) => /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-  /* @__PURE__ */ l.jsx(T, { value: $o }),
+), Li = ({ property: e }) => /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  /* @__PURE__ */ l.jsx(b, { value: Vo }),
   " ",
-  /* @__PURE__ */ l.jsx(T, { 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 = Y(e, "confirm"), [s, a] = $(""), [u, c] = $(!1), [f, m] = _(() => e.constraints.includes("password") ? ["password", Bt] : ["text", X], [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,
     {
       ...i,
       id: `${e.name}-confirm`,
       value: s,
-      type: f,
-      onChange: (g) => {
-        const h = g.target.value;
-        a(h), c(!0), o(h);
+      type: g,
+      onChange: (f) => {
+        const h = f.target.value;
+        a(h), d(!0), o(h);
       },
-      error: d,
+      error: c,
       disabled: r
     }
   );
 };
-function bo(e, n) {
-  const [t, o] = $(""), [r, i] = $([]);
+function Ao(e, n) {
+  const [t, o] = M(""), [r, i] = M([]);
   return {
     data: r,
     query: t,
@@ -1317,7 +1372,7 @@ function bo(e, n) {
     table: e.getByName(n.targetClass)
   };
 }
-const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { 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(
   ({
@@ -1327,40 +1382,40 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { 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(W, { gap: "sm", children: [
+    return /* @__PURE__ */ l.jsxs(Y, { gap: "sm", children: [
       /* @__PURE__ */ l.jsx(
-        Ao,
+        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(
-        To,
+        Oo,
         {
-          items: t.map((c) => i.get(c)).filter((c) => c != null),
-          onDelete: (c) => {
-            o(t.filter((f) => f !== 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
         }
       )
     ] });
   }
-), Ao = ({
+), Lo = ({
   property: e,
   data: n,
   onSelect: t,
@@ -1370,43 +1425,43 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
   setQuery: s,
   freeze: a = !1
 }) => {
-  const u = Y(e), c = qt({
-    onDropdownClose: () => c.resetSelectedOption()
-  }), f = _(() => n.map((m) => (
+  const u = X(e), d = qt({
+    onDropdownClose: () => d.resetSelectedOption()
+  }), g = _(() => n.map((m) => (
     // value has to be a string
-    /* @__PURE__ */ l.jsx(O.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(
-    O,
+    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(O.Target, { children: /* @__PURE__ */ l.jsx(
-          X,
+        /* @__PURE__ */ l.jsx(G.Target, { children: /* @__PURE__ */ l.jsx(
+          J,
           {
             ...u,
             id: e.name,
             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(O.Dropdown, { children: /* @__PURE__ */ l.jsx(O.Options, { children: f.length === 0 ? /* @__PURE__ */ l.jsx(O.Empty, { children: "Nothing found" }) : f }) })
+        /* @__PURE__ */ l.jsx(G.Dropdown, { children: /* @__PURE__ */ l.jsx(G.Options, { children: g.length === 0 ? /* @__PURE__ */ l.jsx(G.Empty, { children: "Nothing found" }) : g }) })
       ]
     }
   );
-}, To = ({
+}, Oo = ({
   items: e,
   onDelete: n,
   render: t,
@@ -1417,7 +1472,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { 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(On, { size: "sm", onClick: () => n(a) })
         ] }, s)
@@ -1427,9 +1482,9 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { 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 = Y(e, "start"), i = Y(e, "end");
-  return /* @__PURE__ */ l.jsxs(q, { gap: "sm", justify: "space-between", direction: "row", align: "center", children: [
+}, 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,
       {
@@ -1438,7 +1493,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
         value: (n == null ? void 0 : n.start) || null,
         onChange: (s) => {
           t({
-            start: s === null ? void 0 : Q(s).startOf("day").toDate(),
+            start: s === null ? void 0 : Z(s).startOf("day").toDate(),
             end: n == null ? void 0 : n.end
           });
         },
@@ -1448,7 +1503,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
         disabled: o,
         popoverProps: { withinPortal: !1 },
         flex: 1,
-        leftSection: /* @__PURE__ */ l.jsx($e, { size: 16, stroke: 1.5 })
+        leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
       }
     ),
     /* @__PURE__ */ l.jsx("span", { style: { flexGrow: 0 }, children: "–" }),
@@ -1461,7 +1516,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
         onChange: (s) => {
           t({
             start: n == null ? void 0 : n.start,
-            end: s === null ? void 0 : Q(s).startOf("day").toDate()
+            end: s === null ? void 0 : Z(s).startOf("day").toDate()
           });
         },
         valueFormat: "YYYY MMM DD",
@@ -1470,13 +1525,13 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
         disabled: o,
         popoverProps: { withinPortal: !1 },
         flex: 1,
-        leftSection: /* @__PURE__ */ l.jsx($e, { size: 16, stroke: 1.5 })
+        leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
       }
     )
   ] });
-}, ko = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => {
-  const r = Y(e, "start"), i = Y(e, "end");
-  return /* @__PURE__ */ l.jsxs(q, { gap: "sm", justify: "space-between", direction: "row", align: "center", children: [
+}, 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,
       {
@@ -1485,7 +1540,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
         value: (n == null ? void 0 : n.start) || null,
         onChange: (s) => {
           t({
-            start: s === null ? void 0 : Q(s).toDate(),
+            start: s === null ? void 0 : Z(s).toDate(),
             end: n == null ? void 0 : n.end
           });
         },
@@ -1496,7 +1551,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
         popoverProps: { withinPortal: !1 },
         flex: 1,
         withSeconds: !1,
-        leftSection: /* @__PURE__ */ l.jsx($e, { size: 16, stroke: 1.5 })
+        leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
       }
     ),
     /* @__PURE__ */ l.jsx("span", { style: { flexGrow: 0 }, children: "–" }),
@@ -1509,7 +1564,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
         onChange: (s) => {
           t({
             start: n == null ? void 0 : n.start,
-            end: s === null ? void 0 : Q(s).toDate()
+            end: s === null ? void 0 : Z(s).toDate()
           });
         },
         valueFormat: "YYYY MMM DD HH:mm",
@@ -1519,21 +1574,21 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
         popoverProps: { withinPortal: !1 },
         flex: 1,
         withSeconds: !1,
-        leftSection: /* @__PURE__ */ l.jsx($e, { size: 16, stroke: 1.5 })
+        leftSection: /* @__PURE__ */ l.jsx(Me, { size: 16, stroke: 1.5 })
       }
     )
   ] });
 }, Vt = {
-  integer: Me,
-  float: Me,
-  string: Se,
+  integer: be,
+  float: be,
+  string: ve,
   boolean: sn,
-  "string[]": Se,
-  enum: Eo,
-  date: Po
-}, Lo = "_requiredLabelLeft_l5p83_1", Oo = "_requiredLabelRight_l5p83_11", At = {
-  requiredLabelLeft: Lo,
-  requiredLabelRight: Oo
+  "string[]": ve,
+  enum: Do,
+  date: bo
+}, Ho = "_requiredLabelLeft_l5p83_1", qo = "_requiredLabelRight_l5p83_11", Tt = {
+  requiredLabelLeft: Ho,
+  requiredLabelRight: qo
 }, un = ({
   label: e,
   name: n,
@@ -1542,9 +1597,9 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
   style: r,
   align: i = "left"
 }) => {
-  const s = t ? i === "left" ? At.requiredLabelRight : At.requiredLabelLeft : "";
-  return /* @__PURE__ */ l.jsx(q, { align: "center", h: 36, children: /* @__PURE__ */ l.jsx("label", { htmlFor: n, style: r, children: /* @__PURE__ */ l.jsxs(L, { gap: 4, children: [
-    /* @__PURE__ */ l.jsx(P, { size: "sm", className: s, children: e }),
+  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(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,
       {
@@ -1557,7 +1612,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
 }, dn = {
   type: "vertical",
   helpAlwaysVisible: !1
-}, zo = oe(
+}, Bo = oe(
   ({
     store: e,
     record: n,
@@ -1569,21 +1624,21 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
     onChange: a,
     visible: u
   }) => {
-    const [c, f] = $(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 g;
+      var f;
       if (Jt(n))
         Ze(n, t, p);
       else {
         const h = n.toDraft();
         Ze(h, t, p), e.setDraft(h);
       }
-      const d = t.validator(p);
-      d.isValid ? f(void 0) : f(
-        (g = d.errorMessage) == null ? void 0 : g.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,
@@ -1594,7 +1649,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
         InputComponent: r,
         freeze: i,
         value: m,
-        error: c,
+        error: d,
         label: s,
         onChange: a
       }
@@ -1612,10 +1667,10 @@ function cn({
   label: a,
   onChange: u
 }) {
-  return Go(n) ? /* @__PURE__ */ l.jsxs(W, { 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: {
@@ -1625,16 +1680,16 @@ function cn({
           children: /* @__PURE__ */ l.jsx(
             un,
             {
-              label: /* @__PURE__ */ l.jsx(T, { 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(T, { 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,
@@ -1646,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(X.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(T, { 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(T, { value: t.description }),
+        label: /* @__PURE__ */ l.jsx(b, { value: t.description }),
         withArrow: !0,
         children: /* @__PURE__ */ l.jsx(
           Wt,
@@ -1668,10 +1723,10 @@ function cn({
       }
     )
   ] })), /* @__PURE__ */ l.jsx(
-    X.Wrapper,
+    J.Wrapper,
     {
       label: a,
-      description: n.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ l.jsx(T, { value: t.description }) : void 0,
+      description: n.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ l.jsx(b, { value: t.description }) : void 0,
       required: t.isRequired,
       children: /* @__PURE__ */ l.jsx(
         o,
@@ -1687,11 +1742,11 @@ function cn({
     }
   ));
 }
-function Go(e) {
+function Uo(e) {
   return e.type === "horizontal";
 }
-const Ti = 12, Ni = (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,
@@ -1705,10 +1760,10 @@ const Ti = 12, Ni = (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(W, { 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(
-          H,
+        /* @__PURE__ */ l.jsx(O, { gap: "sm", justify: e.actionsAlign, children: e.actions.map((o, r) => /* @__PURE__ */ l.jsx(
+          z,
           {
             variant: o.variant,
             onClick: () => {
@@ -1723,26 +1778,26 @@ const Ti = 12, Ni = (e) => {
     }
   );
 };
-function Ho(e, n, t, o, r, i) {
-  var c, f;
+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 g = s[m][d];
+    for (let c = 0; c < s[m].length; c++) {
+      const f = s[m][c];
       let h, v = {};
-      if (typeof g == "function")
-        h = g(n, t);
+      if (typeof f == "function")
+        h = f(n, t);
       else {
-        let C;
-        typeof g == "object" && "prop" in g ? (C = g.prop instanceof K ? g.prop : e.allProperties[g.prop], g.args !== void 0 && (v = g.args)) : C = g instanceof K ? g : e.allProperties[g], h = /* @__PURE__ */ l.jsx(
-          zo,
+        let S;
+        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,
-            property: C,
+            property: S,
             layout: i,
-            InputComponent: gn(C, v.input),
+            InputComponent: gn(S, v.input),
             freeze: v.freeze ?? !1,
             visible: v.visible,
             label: v.label,
@@ -1754,11 +1809,11 @@ function Ho(e, n, t, o, r, i) {
         /* @__PURE__ */ l.jsx(
           nn,
           {
-            span: (c = v.colsize) == null ? void 0 : c.span,
-            grow: (f = v.colsize) == null ? void 0 : f.grow,
+            span: (d = v.colsize) == null ? void 0 : d.span,
+            grow: (g = v.colsize) == null ? void 0 : g.grow,
             children: h
           },
-          `${m}-${d}`
+          `${m}-${c}`
         )
       );
     }
@@ -1766,13 +1821,13 @@ function Ho(e, n, t, o, r, i) {
       /* @__PURE__ */ l.jsx(tn, { children: p }, m)
     );
   }
-  const u = /* @__PURE__ */ l.jsx(W, { 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 K ? 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)
@@ -1781,7 +1836,7 @@ function gn(e, n) {
     );
   return Vt[t.datatype];
 }
-const qo = oe(
+const Ko = oe(
   ({
     db: e,
     record: n,
@@ -1793,16 +1848,16 @@ const qo = oe(
     onChange: a,
     visible: u
   }) => {
-    const [c, f] = $(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 g;
+      var f;
       Ze(n, t, p);
-      const d = t.validator(p);
-      d.isValid ? f(void 0) : f(
-        (g = d.errorMessage) == null ? void 0 : g.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,
@@ -1813,14 +1868,14 @@ const qo = oe(
         InputComponent: r,
         freeze: i,
         value: m,
-        error: c,
+        error: d,
         label: s,
         onChange: a
       }
     );
   }
-), ki = (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,
@@ -1834,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(W, { 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(
-          H,
+        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: () => {
@@ -1852,26 +1907,26 @@ const qo = oe(
     }
   );
 };
-function Bo(e, n, t, o, r, i) {
-  var c, f;
+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 g = s[m][d];
+    for (let c = 0; c < s[m].length; c++) {
+      const f = s[m][c];
       let h, v = {};
-      if (typeof g == "function")
-        h = g(n);
+      if (typeof f == "function")
+        h = f(n);
       else {
-        let C;
-        typeof g == "object" && "prop" in g ? (C = g.prop instanceof K ? g.prop : e.allProperties[g.prop], g.args !== void 0 && (v = g.args)) : C = g instanceof K ? g : e.allProperties[g], h = /* @__PURE__ */ l.jsx(
-          qo,
+        let S;
+        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,
-            property: C,
+            property: S,
             layout: r,
-            InputComponent: gn(C, v.input),
+            InputComponent: gn(S, v.input),
             freeze: v.freeze ?? !1,
             visible: v.visible,
             label: v.label,
@@ -1883,11 +1938,11 @@ function Bo(e, n, t, o, r, i) {
         /* @__PURE__ */ l.jsx(
           nn,
           {
-            span: (c = v.colsize) == null ? void 0 : c.span,
-            grow: (f = v.colsize) == null ? void 0 : f.grow,
+            span: (d = v.colsize) == null ? void 0 : d.span,
+            grow: (g = v.colsize) == null ? void 0 : g.grow,
             children: h
           },
-          `${m}-${d}`
+          `${m}-${c}`
         )
       );
     }
@@ -1895,8 +1950,8 @@ function Bo(e, n, t, o, r, i) {
       /* @__PURE__ */ l.jsx(tn, { children: p }, m)
     );
   }
-  const u = /* @__PURE__ */ l.jsx(W, { 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
@@ -1911,7 +1966,7 @@ function Bo(e, n, t, o, r, i) {
 function te(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
-function G(e, n) {
+function q(e, n) {
   return (t) => {
     n.setState((o) => ({
       ...o,
@@ -1919,13 +1974,13 @@ function G(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);
@@ -1935,23 +1990,23 @@ function Ko(e, n) {
   };
   return o(e), t;
 }
-function x(e, n, t) {
+function w(e, n, t) {
   let o = [], r;
   return (i) => {
     let s;
     t.key && t.debug && (s = Date.now());
     const a = e(i);
-    if (!(a.length !== o.length || a.some((f, m) => o[m] !== f)))
+    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 f = Math.round((Date.now() - s) * 100) / 100, m = Math.round((Date.now() - c) * 100) / 100, p = m / 16, d = (g, h) => {
-        for (g = String(g); g.length < h; )
-          g = " " + g;
-        return g;
+    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(f, 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);
@@ -1959,7 +2014,7 @@ function x(e, n, t) {
     return r;
   };
 }
-function R(e, n, t, o) {
+function x(e, n, t, o) {
   return {
     debug: () => {
       var r;
@@ -1969,7 +2024,7 @@ function R(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;
@@ -1979,61 +2034,61 @@ function Yo(e, n, t, o) {
     column: t,
     getValue: () => n.getValue(o),
     renderValue: r,
-    getContext: x(() => [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
-    }), R(e.options, "debugCells", "cell.getContext"))
+      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, f;
-  if (a.accessorFn ? f = a.accessorFn : u && (u.includes(".") ? f = (p) => {
-    let d = p;
+  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 c = p;
     for (const h of u.split(".")) {
-      var g;
-      d = (g = d) == null ? void 0 : g[h], process.env.NODE_ENV !== "production" && d === void 0 && console.warn(`"${h}" in deeply nested key "${u}" returned undefined.`);
+      var f;
+      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;
-  } : f = (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)}`,
-    accessorFn: f,
+    id: `${String(d)}`,
+    accessorFn: g,
     parent: o,
     depth: t,
     columnDef: a,
     columns: [],
-    getFlatColumns: x(() => [!0], () => {
+    getFlatColumns: w(() => [!0], () => {
       var p;
-      return [m, ...(p = m.columns) == null ? void 0 : p.flatMap((d) => d.getFlatColumns())];
-    }, R(e.options, "debugColumns", "column.getFlatColumns")),
-    getLeafColumns: x(() => [e._getOrderColumnsFn()], (p) => {
-      var d;
-      if ((d = m.columns) != null && d.length) {
-        let g = m.columns.flatMap((h) => h.getLeafColumns());
-        return p(g);
+      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 c;
+      if ((c = m.columns) != null && c.length) {
+        let f = m.columns.flatMap((h) => h.getLeafColumns());
+        return p(f);
       }
       return [m];
-    }, R(e.options, "debugColumns", "column.getLeafColumns"))
+    }, x(e.options, "debugColumns", "column.getLeafColumns"))
   };
   for (const p of e._features)
     p.createColumn == null || p.createColumn(m, e);
   return m;
 }
-const k = "debugHeaders";
-function Tt(e, n, t) {
+const L = "debugHeaders";
+function At(e, n, t) {
   var o;
   let i = {
     id: (o = t.id) != null ? o : n.id,
@@ -2062,92 +2117,92 @@ function Tt(e, n, t) {
     s.createHeader == null || s.createHeader(i, e);
   }), i;
 }
-const Xo = {
+const er = {
   createTable: (e) => {
-    e.getHeaderGroups = x(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => {
+    e.getHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => {
       var i, s;
-      const a = (i = o == null ? void 0 : o.map((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);
-    }, R(e.options, k, "getHeaderGroups")), e.getCenterHeaderGroups = x(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => (t = t.filter((i) => !(o != null && o.includes(i.id)) && !(r != null && r.includes(i.id))), Fe(n, t, e, "center")), R(e.options, k, "getCenterHeaderGroups")), e.getLeftHeaderGroups = x(() => [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");
-    }, R(e.options, k, "getLeftHeaderGroups")), e.getRightHeaderGroups = x(() => [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");
-    }, R(e.options, k, "getRightHeaderGroups")), e.getFooterGroups = x(() => [e.getHeaderGroups()], (n) => [...n].reverse(), R(e.options, k, "getFooterGroups")), e.getLeftFooterGroups = x(() => [e.getLeftHeaderGroups()], (n) => [...n].reverse(), R(e.options, k, "getLeftFooterGroups")), e.getCenterFooterGroups = x(() => [e.getCenterHeaderGroups()], (n) => [...n].reverse(), R(e.options, k, "getCenterFooterGroups")), e.getRightFooterGroups = x(() => [e.getRightHeaderGroups()], (n) => [...n].reverse(), R(e.options, k, "getRightFooterGroups")), e.getFlatHeaders = x(() => [e.getHeaderGroups()], (n) => n.map((t) => t.headers).flat(), R(e.options, k, "getFlatHeaders")), e.getLeftFlatHeaders = x(() => [e.getLeftHeaderGroups()], (n) => n.map((t) => t.headers).flat(), R(e.options, k, "getLeftFlatHeaders")), e.getCenterFlatHeaders = x(() => [e.getCenterHeaderGroups()], (n) => n.map((t) => t.headers).flat(), R(e.options, k, "getCenterFlatHeaders")), e.getRightFlatHeaders = x(() => [e.getRightHeaderGroups()], (n) => n.map((t) => t.headers).flat(), R(e.options, k, "getRightFlatHeaders")), e.getCenterLeafHeaders = x(() => [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);
-    }), R(e.options, k, "getCenterLeafHeaders")), e.getLeftLeafHeaders = x(() => [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);
-    }), R(e.options, k, "getLeftLeafHeaders")), e.getRightLeafHeaders = x(() => [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);
-    }), R(e.options, k, "getRightLeafHeaders")), e.getLeafHeaders = x(() => [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((f) => f.getLeafHeaders()).flat();
-    }, R(e.options, k, "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((g) => g.getIsVisible()).forEach((g) => {
+  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 = g.columns) != null && h.length && a(g.columns, d + 1);
+      (h = f.columns) != null && h.length && a(f.columns, c + 1);
     }, 0);
   };
   a(e);
   let u = [];
-  const c = (p, d) => {
-    const g = {
-      depth: d,
-      id: [o, `${d}`].filter(Boolean).join("_"),
+  const d = (p, c) => {
+    const f = {
+      depth: c,
+      id: [o, `${c}`].filter(Boolean).join("_"),
       headers: []
     }, h = [];
     p.forEach((v) => {
-      const C = [...h].reverse()[0], y = v.column.depth === g.depth;
-      let w, F = !1;
-      if (y && v.column.parent ? w = v.column.parent : (w = v.column, F = !0), C && (C == null ? void 0 : C.column) === w)
-        C.subHeaders.push(v);
+      const S = [...h].reverse()[0], R = v.column.depth === f.depth;
+      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 N = Tt(t, w, {
-          id: [o, d, w.id, v == null ? void 0 : v.id].filter(Boolean).join("_"),
-          isPlaceholder: F,
-          placeholderId: F ? `${h.filter((Z) => Z.column === w).length}` : void 0,
-          depth: d,
+        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 === y).length}` : void 0,
+          depth: c,
           index: h.length
         });
-        N.subHeaders.push(v), h.push(N);
+        P.subHeaders.push(v), h.push(P);
       }
-      g.headers.push(v), v.headerGroup = g;
-    }), u.push(g), d > 0 && c(h, d - 1);
-  }, f = n.map((p, d) => Tt(t, p, {
+      f.headers.push(v), v.headerGroup = f;
+    }), u.push(f), c > 0 && d(h, c - 1);
+  }, g = n.map((p, c) => At(t, p, {
     depth: s,
-    index: d
+    index: c
   }));
-  c(f, s - 1), u.reverse();
-  const m = (p) => p.filter((g) => g.column.getIsVisible()).map((g) => {
-    let h = 0, v = 0, C = [0];
-    g.subHeaders && g.subHeaders.length ? (C = [], m(g.subHeaders).forEach((w) => {
+  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((y) => {
       let {
-        colSpan: F,
-        rowSpan: N
-      } = w;
-      h += F, C.push(N);
+        colSpan: I,
+        rowSpan: P
+      } = y;
+      h += I, S.push(P);
     })) : h = 1;
-    const y = Math.min(...C);
-    return v = v + y, g.colSpan = h, g.rowSpan = v, {
+    const R = Math.min(...S);
+    return v = v + R, f.colSpan = h, f.rowSpan = v, {
       colSpan: h,
       rowSpan: v
     };
   });
   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,
@@ -2159,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 f = c.getParentRow();
-        if (!f) break;
-        u.push(f), c = f;
+        const g = d.getParentRow();
+        if (!g) break;
+        u.push(g), d = g;
       }
       return u.reverse();
     },
-    getAllCells: x(() => [e.getAllLeafColumns()], (u) => u.map((c) => Yo(e, a, c, c.id)), R(e.options, "debugRows", "getAllCells")),
-    _getAllCellsByColumnId: x(() => [a.getAllCells()], (u) => u.reduce((c, f) => (c[f.column.id] = f, c), {}), R(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)
@@ -2206,36 +2261,36 @@ const Jo = (e, n, t, o, r, i, s) => {
   const i = t == null || (o = t.toString()) == null ? void 0 : o.toLowerCase();
   return !!(!((r = e.getValue(n)) == null || (r = r.toString()) == null || (r = r.toLowerCase()) == null) && r.includes(i));
 };
-fn.autoRemove = (e) => U(e);
+fn.autoRemove = (e) => K(e);
 const mn = (e, n, t) => {
   var o;
   return !!(!((o = e.getValue(n)) == null || (o = o.toString()) == null) && o.includes(t));
 };
-mn.autoRemove = (e) => U(e);
+mn.autoRemove = (e) => K(e);
 const pn = (e, n, t) => {
   var o;
   return ((o = e.getValue(n)) == null || (o = o.toString()) == null ? void 0 : o.toLowerCase()) === (t == null ? void 0 : t.toLowerCase());
 };
-pn.autoRemove = (e) => U(e);
+pn.autoRemove = (e) => K(e);
 const hn = (e, n, t) => {
   var o;
   return (o = e.getValue(n)) == null ? void 0 : o.includes(t);
 };
-hn.autoRemove = (e) => U(e);
+hn.autoRemove = (e) => K(e);
 const Sn = (e, n, t) => !t.some((o) => {
   var r;
   return !((r = e.getValue(n)) != null && r.includes(o));
 });
-Sn.autoRemove = (e) => U(e) || !(e != null && e.length);
+Sn.autoRemove = (e) => K(e) || !(e != null && e.length);
 const vn = (e, n, t) => t.some((o) => {
   var r;
   return (r = e.getValue(n)) == null ? void 0 : r.includes(o);
 });
-vn.autoRemove = (e) => U(e) || !(e != null && e.length);
+vn.autoRemove = (e) => K(e) || !(e != null && e.length);
 const Cn = (e, n, t) => e.getValue(n) === t;
-Cn.autoRemove = (e) => U(e);
+Cn.autoRemove = (e) => K(e);
 const wn = (e, n, t) => e.getValue(n) == t;
-wn.autoRemove = (e) => U(e);
+wn.autoRemove = (e) => K(e);
 const pt = (e, n, t) => {
   let [o, r] = t;
   const i = e.getValue(n);
@@ -2249,8 +2304,8 @@ pt.resolveFilterValue = (e) => {
   }
   return [i, s];
 };
-pt.autoRemove = (e) => U(e) || U(e[0]) && U(e[1]);
-const J = {
+pt.autoRemove = (e) => K(e) || K(e[0]) && K(e[1]);
+const Q = {
   includesString: fn,
   includesStringSensitive: mn,
   equalsString: pn,
@@ -2261,10 +2316,10 @@ const J = {
   weakEquals: wn,
   inNumberRange: pt
 };
-function U(e) {
+function K(e) {
   return e == null || e === "";
 }
-const Zo = {
+const or = {
   getDefaultColumnDef: () => ({
     filterFn: "auto"
   }),
@@ -2273,19 +2328,19 @@ const Zo = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnFiltersChange: G("columnFilters", e),
+    onColumnFiltersChange: q("columnFilters", e),
     filterFromLeafRows: !1,
     maxLeafRowFilterDepth: 100
   }),
   createColumn: (e, n) => {
     e.getAutoFilterFn = () => {
       const t = n.getCoreRowModel().flatRows[0], o = t == null ? void 0 : t.getValue(e.id);
-      return typeof o == "string" ? J.includesString : typeof o == "number" ? J.inNumberRange : typeof o == "boolean" || o !== null && typeof o == "object" ? J.equals : Array.isArray(o) ? J.arrIncludes : J.weakEquals;
+      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 : J[e.columnDef.filterFn]
+        (t = (o = n.options.filterFns) == null ? void 0 : o[e.columnDef.filterFn]) != null ? t : Q[e.columnDef.filterFn]
       );
     }, e.getCanFilter = () => {
       var t, o, r;
@@ -2298,18 +2353,18 @@ const Zo = {
       return (t = (o = n.getState().columnFilters) == null ? void 0 : o.findIndex((r) => r.id === e.id)) != null ? t : -1;
     }, e.setFilterValue = (t) => {
       n.setColumnFilters((o) => {
-        const r = e.getFilterFn(), i = o == null ? void 0 : o.find((f) => f.id === e.id), s = te(t, i ? i.value : void 0);
+        const r = e.getFilterFn(), i = o == null ? void 0 : o.find((g) => g.id === e.id), s = te(t, i ? i.value : void 0);
         if (Nt(r, s, e)) {
           var a;
-          return (a = o == null ? void 0 : o.filter((f) => f.id !== e.id)) != null ? a : [];
+          return (a = o == null ? void 0 : o.filter((g) => g.id !== e.id)) != null ? a : [];
         }
         const u = {
           id: e.id,
           value: s
         };
         if (i) {
-          var c;
-          return (c = o == null ? void 0 : o.map((f) => f.id === e.id ? u : f)) != 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];
       });
@@ -2342,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;
@@ -2402,7 +2457,7 @@ const er = (e, n, t) => t.reduce((o, r) => {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onGroupingChange: G("grouping", e),
+    onGroupingChange: q("grouping", e),
     groupedColumnMode: "reorder"
   }),
   createColumn: (e, n) => {
@@ -2432,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) => {
@@ -2456,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: G("columnOrder", e)
+    onColumnOrderChange: q("columnOrder", e)
   }),
   createColumn: (e, n) => {
-    e.getIndex = x((t) => [ve(n, t)], (t) => t.findIndex((o) => o.id === e.id), R(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;
     };
   },
@@ -2484,31 +2539,31 @@ const cr = {
     e.setColumnOrder = (n) => e.options.onColumnOrderChange == null ? void 0 : e.options.onColumnOrderChange(n), e.resetColumnOrder = (n) => {
       var t;
       e.setColumnOrder(n ? [] : (t = e.initialState.columnOrder) != null ? t : []);
-    }, e._getOrderColumnsFn = x(() => [e.getState().columnOrder, e.getState().grouping, e.options.groupedColumnMode], (n, t, o) => (r) => {
+    }, e._getOrderColumnsFn = w(() => [e.getState().columnOrder, e.getState().grouping, e.options.groupedColumnMode], (n, t, o) => (r) => {
       let i = [];
       if (!(n != null && n.length))
         i = r;
       else {
         const s = [...n], a = [...r];
         for (; a.length && s.length; ) {
-          const u = s.shift(), c = a.findIndex((f) => f.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);
-    }, R(e.options, "debugTable", "_getOrderColumnsFn"));
+      return mr(i, t, o);
+    }, x(e.options, "debugTable", "_getOrderColumnsFn"));
   }
 }, He = () => ({
   left: [],
   right: []
-}), gr = {
+}), hr = {
   getInitialState: (e) => ({
     columnPinning: He(),
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnPinningChange: G("columnPinning", e)
+    onColumnPinningChange: q("columnPinning", e)
   }),
   createColumn: (e, n) => {
     e.pin = (t) => {
@@ -2523,10 +2578,10 @@ const cr = {
           };
         }
         if (t === "left") {
-          var c, f;
+          var d, g;
           return {
-            left: [...((c = r == null ? void 0 : r.left) != null ? c : []).filter((m) => !(o != null && o.includes(m))), ...o],
-            right: ((f = r == null ? void 0 : r.right) != null ? f : []).filter((m) => !(o != null && o.includes(m)))
+            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)))
           };
         }
         return {
@@ -2550,16 +2605,16 @@ const cr = {
     };
   },
   createRow: (e, n) => {
-    e.getCenterVisibleCells = x(() => [e._getAllVisibleCells(), n.getState().columnPinning.left, n.getState().columnPinning.right], (t, o, r) => {
+    e.getCenterVisibleCells = w(() => [e._getAllVisibleCells(), n.getState().columnPinning.left, n.getState().columnPinning.right], (t, o, r) => {
       const i = [...o ?? [], ...r ?? []];
       return t.filter((s) => !i.includes(s.column.id));
-    }, R(n.options, "debugRows", "getCenterVisibleCells")), e.getLeftVisibleCells = x(() => [e._getAllVisibleCells(), n.getState().columnPinning.left], (t, o) => (o ?? []).map((i) => t.find((s) => s.column.id === i)).filter(Boolean).map((i) => ({
+    }, x(n.options, "debugRows", "getCenterVisibleCells")), e.getLeftVisibleCells = w(() => [e._getAllVisibleCells(), n.getState().columnPinning.left], (t, o) => (o ?? []).map((i) => t.find((s) => s.column.id === i)).filter(Boolean).map((i) => ({
       ...i,
       position: "left"
-    })), R(n.options, "debugRows", "getLeftVisibleCells")), e.getRightVisibleCells = x(() => [e._getAllVisibleCells(), n.getState().columnPinning.right], (t, o) => (o ?? []).map((i) => t.find((s) => s.column.id === i)).filter(Boolean).map((i) => ({
+    })), x(n.options, "debugRows", "getLeftVisibleCells")), e.getRightVisibleCells = w(() => [e._getAllVisibleCells(), n.getState().columnPinning.right], (t, o) => (o ?? []).map((i) => t.find((s) => s.column.id === i)).filter(Boolean).map((i) => ({
       ...i,
       position: "right"
-    })), R(n.options, "debugRows", "getRightVisibleCells"));
+    })), x(n.options, "debugRows", "getRightVisibleCells"));
   },
   createTable: (e) => {
     e.setColumnPinning = (n) => e.options.onColumnPinningChange == null ? void 0 : e.options.onColumnPinningChange(n), e.resetColumnPinning = (n) => {
@@ -2573,16 +2628,16 @@ const cr = {
         return !!((r = o.left) != null && r.length || (i = o.right) != null && i.length);
       }
       return !!((t = o[n]) != null && t.length);
-    }, e.getLeftLeafColumns = x(() => [e.getAllLeafColumns(), e.getState().columnPinning.left], (n, t) => (t ?? []).map((o) => n.find((r) => r.id === o)).filter(Boolean), R(e.options, "debugColumns", "getLeftLeafColumns")), e.getRightLeafColumns = x(() => [e.getAllLeafColumns(), e.getState().columnPinning.right], (n, t) => (t ?? []).map((o) => n.find((r) => r.id === o)).filter(Boolean), R(e.options, "debugColumns", "getRightLeafColumns")), e.getCenterLeafColumns = x(() => [e.getAllLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o) => {
+    }, e.getLeftLeafColumns = w(() => [e.getAllLeafColumns(), e.getState().columnPinning.left], (n, t) => (t ?? []).map((o) => n.find((r) => r.id === o)).filter(Boolean), x(e.options, "debugColumns", "getLeftLeafColumns")), e.getRightLeafColumns = w(() => [e.getAllLeafColumns(), e.getState().columnPinning.right], (n, t) => (t ?? []).map((o) => n.find((r) => r.id === o)).filter(Boolean), x(e.options, "debugColumns", "getRightLeafColumns")), e.getCenterLeafColumns = w(() => [e.getAllLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o) => {
       const r = [...t ?? [], ...o ?? []];
       return n.filter((i) => !r.includes(i.id));
-    }, R(e.options, "debugColumns", "getCenterLeafColumns"));
+    }, 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
@@ -2593,8 +2648,8 @@ const Ie = {
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), mr = {
-  getDefaultColumnDef: () => Ie,
+}), vr = {
+  getDefaultColumnDef: () => Pe,
   getInitialState: (e) => ({
     columnSizing: {},
     columnSizingInfo: qe(),
@@ -2603,15 +2658,15 @@ const Ie = {
   getDefaultOptions: (e) => ({
     columnResizeMode: "onEnd",
     columnResizeDirection: "ltr",
-    onColumnSizingChange: G("columnSizing", e),
-    onColumnSizingInfoChange: G("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 = x((t) => [t, ve(n, t), n.getState().columnSizing], (t, o) => o.slice(0, e.getIndex(t)).reduce((r, i) => r + i.getSize(), 0), R(n.options, "debugColumns", "getStart")), e.getAfter = x((t) => [t, ve(n, t), n.getState().columnSizing], (t, o) => o.slice(e.getIndex(t) + 1).reduce((r, i) => r + i.getSize(), 0), R(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
+      return Math.min(Math.max((t = e.columnDef.minSize) != null ? t : Pe.minSize, (o = i ?? e.columnDef.size) != null ? o : Pe.size), (r = e.columnDef.maxSize) != null ? r : Pe.maxSize);
+    }, e.getStart = 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,
@@ -2647,25 +2702,25 @@ 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((C) => [C.column.id, C.column.getSize()]) : [[o.id, o.getSize()]], u = Be(i) ? Math.round(i.touches[0].clientX) : i.clientX, c = {}, f = (C, y) => {
-          typeof y == "number" && (n.setColumnSizingInfo((w) => {
-            var F, N;
-            const Z = n.options.columnResizeDirection === "rtl" ? -1 : 1, I = (y - ((F = w == null ? void 0 : w.startOffset) != null ? F : 0)) * Z, D = Math.max(I / ((N = w == null ? void 0 : w.startSize) != null ? N : 0), -0.999999);
-            return w.columnSizingStart.forEach((z) => {
-              let [Ae, we] = z;
-              c[Ae] = Math.round(Math.max(we + we * D, 0) * 100) / 100;
+        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 = 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;
             }), {
-              ...w,
-              deltaOffset: I,
-              deltaPercentage: D
+              ...y,
+              deltaOffset: F,
+              deltaPercentage: T
             };
-          }), (n.options.columnResizeMode === "onChange" || C === "end") && n.setColumnSizing((w) => ({
-            ...w,
-            ...c
-          })));
-        }, m = (C) => f("move", C), p = (C) => {
-          f("end", C), n.setColumnSizingInfo((y) => ({
+          }), (n.options.columnResizeMode === "onChange" || S === "end") && n.setColumnSizing((y) => ({
             ...y,
+            ...d
+          })));
+        }, m = (S) => g("move", S), p = (S) => {
+          g("end", S), n.setColumnSizingInfo((R) => ({
+            ...R,
             isResizingColumn: !1,
             startOffset: null,
             startSize: null,
@@ -2673,22 +2728,22 @@ const Ie = {
             deltaPercentage: null,
             columnSizingStart: []
           }));
-        }, d = fr(t), g = {
-          moveHandler: (C) => m(C.clientX),
-          upHandler: (C) => {
-            d == null || d.removeEventListener("mousemove", g.moveHandler), d == null || d.removeEventListener("mouseup", g.upHandler), p(C.clientX);
+        }, c = Sr(t), f = {
+          moveHandler: (S) => m(S.clientX),
+          upHandler: (S) => {
+            c == null || c.removeEventListener("mousemove", f.moveHandler), c == null || c.removeEventListener("mouseup", f.upHandler), p(S.clientX);
           }
         }, h = {
-          moveHandler: (C) => (C.cancelable && (C.preventDefault(), C.stopPropagation()), m(C.touches[0].clientX), !1),
-          upHandler: (C) => {
-            var y;
-            d == null || d.removeEventListener("touchmove", h.moveHandler), d == null || d.removeEventListener("touchend", h.upHandler), C.cancelable && (C.preventDefault(), C.stopPropagation()), p((y = C.touches[0]) == null ? void 0 : y.clientX);
+          moveHandler: (S) => (S.cancelable && (S.preventDefault(), S.stopPropagation()), m(S.touches[0].clientX), !1),
+          upHandler: (S) => {
+            var R;
+            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", g.moveHandler, v), d == null || d.addEventListener("mouseup", g.upHandler, v)), n.setColumnSizingInfo((C) => ({
-          ...C,
+        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,
           deltaOffset: 0,
@@ -2721,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 = {
@@ -2736,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: G("columnVisibility", e)
+    onColumnVisibilityChange: q("columnVisibility", e)
   }),
   createColumn: (e, n) => {
     e.toggleVisibility = (t) => {
@@ -2767,10 +2822,10 @@ const hr = {
     };
   },
   createRow: (e, n) => {
-    e._getAllVisibleCells = x(() => [e.getAllCells(), n.getState().columnVisibility], (t) => t.filter((o) => o.column.getIsVisible()), R(n.options, "debugRows", "_getAllVisibleCells")), e.getVisibleCells = x(() => [e.getLeftVisibleCells(), e.getCenterVisibleCells(), e.getRightVisibleCells()], (t, o, r) => [...t, ...o, ...r], R(n.options, "debugRows", "getVisibleCells"));
+    e._getAllVisibleCells = w(() => [e.getAllCells(), n.getState().columnVisibility], (t) => t.filter((o) => o.column.getIsVisible()), x(n.options, "debugRows", "_getAllVisibleCells")), e.getVisibleCells = w(() => [e.getLeftVisibleCells(), e.getCenterVisibleCells(), e.getRightVisibleCells()], (t, o, r) => [...t, ...o, ...r], x(n.options, "debugRows", "getVisibleCells"));
   },
   createTable: (e) => {
-    const n = (t, o) => x(() => [o(), o().filter((r) => r.getIsVisible()).map((r) => r.id).join("_")], (r) => r.filter((i) => i.getIsVisible == null ? void 0 : i.getIsVisible()), R(e.options, "debugColumns", t));
+    const n = (t, o) => w(() => [o(), o().filter((r) => r.getIsVisible()).map((r) => r.id).join("_")], (r) => r.filter((i) => i.getIsVisible == null ? void 0 : i.getIsVisible()), x(e.options, "debugColumns", t));
     e.getVisibleFlatColumns = n("getVisibleFlatColumns", () => e.getAllFlatColumns()), e.getVisibleLeafColumns = n("getVisibleLeafColumns", () => e.getAllLeafColumns()), e.getLeftVisibleLeafColumns = n("getLeftVisibleLeafColumns", () => e.getLeftLeafColumns()), e.getRightVisibleLeafColumns = n("getRightVisibleLeafColumns", () => e.getRightLeafColumns()), e.getCenterVisibleLeafColumns = n("getCenterVisibleLeafColumns", () => e.getCenterLeafColumns()), e.setColumnVisibility = (t) => e.options.onColumnVisibilityChange == null ? void 0 : e.options.onColumnVisibilityChange(t), e.resetColumnVisibility = (t) => {
       var o;
       e.setColumnVisibility(t ? {} : (o = e.initialState.columnVisibility) != null ? o : {});
@@ -2786,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: G("globalFilter", e),
+    onGlobalFilterChange: q("globalFilter", e),
     globalFilterFn: "auto",
     getColumnCanGlobalFilter: (n) => {
       var t;
@@ -2817,25 +2872,25 @@ const Sr = {
     };
   },
   createTable: (e) => {
-    e.getGlobalAutoFilterFn = () => J.includesString, e.getGlobalFilterFn = () => {
+    e.getGlobalAutoFilterFn = () => Q.includesString, e.getGlobalFilterFn = () => {
       var n, t;
       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 : J[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: G("expanded", e),
+    onExpandedChange: q("expanded", e),
     paginateExpandedRows: !0
   }),
   createTable: (e) => {
@@ -2919,7 +2974,7 @@ const Sr = {
 }, tt = 0, nt = 10, Ue = () => ({
   pageIndex: tt,
   pageSize: nt
-}), wr = {
+}), yr = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
@@ -2928,7 +2983,7 @@ const Sr = {
     }
   }),
   getDefaultOptions: (e) => ({
-    onPaginationChange: G("pagination", e)
+    onPaginationChange: q("pagination", e)
   }),
   createTable: (e) => {
     let n = !1, t = !1;
@@ -2983,10 +3038,10 @@ const Sr = {
         ...r,
         pageCount: s
       };
-    }), e.getPageOptions = x(() => [e.getPageCount()], (o) => {
+    }), e.getPageOptions = w(() => [e.getPageCount()], (o) => {
       let r = [];
       return o && o > 0 && (r = [...new Array(o)].fill(null).map((i, s) => s)), r;
-    }, R(e.options, "debugTable", "getPageOptions")), e.getCanPreviousPage = () => e.getState().pagination.pageIndex > 0, e.getCanNextPage = () => {
+    }, x(e.options, "debugTable", "getPageOptions")), e.getCanPreviousPage = () => e.getState().pagination.pageIndex > 0, e.getCanNextPage = () => {
       const {
         pageIndex: o
       } = e.getState().pagination, r = e.getPageCount();
@@ -2999,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: G("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, f;
+        var d, g;
         if (t === "bottom") {
           var m, p;
           return {
@@ -3033,15 +3088,15 @@ const Sr = {
           };
         }
         if (t === "top") {
-          var d, g;
+          var c, f;
           return {
-            top: [...((d = u == null ? void 0 : u.top) != null ? d : []).filter((h) => !(a != null && a.has(h))), ...Array.from(a)],
-            bottom: ((g = u == null ? void 0 : u.bottom) != null ? g : []).filter((h) => !(a != null && a.has(h)))
+            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))),
-          bottom: ((f = u == null ? void 0 : u.bottom) != null ? f : []).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)))
         };
       });
     }, e.getCanPin = () => {
@@ -3073,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;
@@ -3098,18 +3153,18 @@ const Sr = {
         ...s,
         position: o
       }));
-    }, e.getTopRows = x(() => [e.getRowModel().rows, e.getState().rowPinning.top], (n, t) => e._getPinnedRows(n, t, "top"), R(e.options, "debugRows", "getTopRows")), e.getBottomRows = x(() => [e.getRowModel().rows, e.getState().rowPinning.bottom], (n, t) => e._getPinnedRows(n, t, "bottom"), R(e.options, "debugRows", "getBottomRows")), e.getCenterRows = x(() => [e.getRowModel().rows, e.getState().rowPinning.top, e.getState().rowPinning.bottom], (n, t, o) => {
+    }, e.getTopRows = w(() => [e.getRowModel().rows, e.getState().rowPinning.top], (n, t) => e._getPinnedRows(n, t, "top"), x(e.options, "debugRows", "getTopRows")), e.getBottomRows = w(() => [e.getRowModel().rows, e.getState().rowPinning.bottom], (n, t) => e._getPinnedRows(n, t, "bottom"), x(e.options, "debugRows", "getBottomRows")), e.getCenterRows = w(() => [e.getRowModel().rows, e.getState().rowPinning.top, e.getState().rowPinning.bottom], (n, t, o) => {
       const r = /* @__PURE__ */ new Set([...t ?? [], ...o ?? []]);
       return n.filter((i) => !r.has(i.id));
-    }, R(e.options, "debugRows", "getCenterRows"));
+    }, x(e.options, "debugRows", "getCenterRows"));
   }
-}, Rr = {
+}, Fr = {
   getInitialState: (e) => ({
     rowSelection: {},
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onRowSelectionChange: G("rowSelection", e),
+    onRowSelectionChange: q("rowSelection", e),
     enableRowSelection: !0,
     enableMultiRowSelection: !0,
     enableSubRowSelection: !0
@@ -3140,19 +3195,19 @@ const Sr = {
       return e.getRowModel().rows.forEach((i) => {
         ot(r, i.id, o, !0, e);
       }), r;
-    }), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = x(() => [e.getState().rowSelection, e.getCoreRowModel()], (n, t) => Object.keys(n).length ? 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: {}
-    }, R(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = x(() => [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: {}
-    }, R(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = x(() => [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: {}
-    }, R(e.options, "debugTable", "getGroupedSelectedRowModel")), e.getIsAllRowsSelected = () => {
+    }, x(e.options, "debugTable", "getGroupedSelectedRowModel")), e.getIsAllRowsSelected = () => {
       const n = e.getFilteredRowModel().flatRows, {
         rowSelection: t
       } = e.getState();
@@ -3226,15 +3281,15 @@ 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;
-      const f = ht(u, t);
-      if (f && (o.push(u), r[u.id] = u), (c = u.subRows) != null && c.length && (u = {
+      var d;
+      const g = ht(u, t);
+      if (g && (o.push(u), r[u.id] = u), (d = u.subRows) != null && d.length && (u = {
         ...u,
         subRows: i(u.subRows)
-      }), f)
+      }), g)
         return u;
     }).filter(Boolean);
   };
@@ -3259,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;
 }
@@ -3289,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
@@ -3306,7 +3361,7 @@ const pe = {
     sortUndefined: 1
   }),
   getDefaultOptions: (e) => ({
-    onSortingChange: G("sorting", e),
+    onSortingChange: q("sorting", e),
     isMultiSortEvent: (n) => n.shiftKey
   }),
   createColumn: (e, n) => {
@@ -3316,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";
@@ -3328,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 = [], f, m = i ? t : r === "desc";
-        if (s != null && s.length && e.getCanMultiSort() && o ? a ? f = "toggle" : f = "add" : s != null && s.length && u !== s.length - 1 ? f = "replace" : a ? f = "toggle" : f = "replace", f === "toggle" && (i || r || (f = "remove")), f === "add") {
+        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 f === "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) : f === "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;
@@ -3385,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
   };
@@ -3421,11 +3476,11 @@ 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 = [];
-  let f = !1;
+  const d = [];
+  let g = !1;
   const m = {
     _features: o,
     options: {
@@ -3434,86 +3489,86 @@ function Mr(e) {
     },
     initialState: u,
     _queue: (p) => {
-      c.push(p), f || (f = !0, Promise.resolve().then(() => {
-        for (; c.length; )
-          c.shift()();
-        f = !1;
-      }).catch((d) => setTimeout(() => {
-        throw d;
+      d.push(p), g || (g = !0, Promise.resolve().then(() => {
+        for (; d.length; )
+          d.shift()();
+        g = !1;
+      }).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, g) => {
+    _getRowId: (p, c, f) => {
       var h;
-      return (h = r.options.getRowId == null ? void 0 : r.options.getRowId(p, d, g)) != null ? h : `${g ? [g.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 g = (d ? r.getPrePaginationRowModel() : r.getRowModel()).rowsById[p];
-      if (!g && (g = r.getCoreRowModel().rowsById[p], !g))
+    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 g;
+      return f;
     },
-    _getDefaultColumnDef: x(() => [r.options.defaultColumn], (p) => {
-      var d;
-      return p = (d = p) != null ? d : {}, {
-        header: (g) => {
-          const h = g.header.column.columnDef;
+    _getDefaultColumnDef: w(() => [r.options.defaultColumn], (p) => {
+      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;
         },
         // footer: props => props.header.column.id,
-        cell: (g) => {
+        cell: (f) => {
           var h, v;
-          return (h = (v = g.renderValue()) == null || v.toString == null ? void 0 : v.toString()) != null ? h : null;
+          return (h = (v = f.renderValue()) == null || v.toString == null ? void 0 : v.toString()) != null ? h : null;
         },
-        ...r._features.reduce((g, h) => Object.assign(g, h.getDefaultColumnDef == null ? void 0 : h.getDefaultColumnDef()), {}),
+        ...r._features.reduce((f, h) => Object.assign(f, h.getDefaultColumnDef == null ? void 0 : h.getDefaultColumnDef()), {}),
         ...p
       };
-    }, R(e, "debugColumns", "_getDefaultColumnDef")),
+    }, x(e, "debugColumns", "_getDefaultColumnDef")),
     _getColumnDefs: () => r.options.columns,
-    getAllColumns: x(() => [r._getColumnDefs()], (p) => {
-      const d = function(g, h, v) {
-        return v === void 0 && (v = 0), g.map((C) => {
-          const y = Wo(r, C, v, h), w = C;
-          return y.columns = w.columns ? d(w.columns, y, v + 1) : [], y;
+    getAllColumns: w(() => [r._getColumnDefs()], (p) => {
+      const c = function(f, h, v) {
+        return v === void 0 && (v = 0), f.map((S) => {
+          const R = Zo(r, S, v, h), y = S;
+          return R.columns = y.columns ? c(y.columns, R, v + 1) : [], R;
         });
       };
-      return d(p);
-    }, R(e, "debugColumns", "getAllColumns")),
-    getAllFlatColumns: x(() => [r.getAllColumns()], (p) => p.flatMap((d) => d.getFlatColumns()), R(e, "debugColumns", "getAllFlatColumns")),
-    _getAllFlatColumnsById: x(() => [r.getAllFlatColumns()], (p) => p.reduce((d, g) => (d[g.id] = g, d), {}), R(e, "debugColumns", "getAllFlatColumnsById")),
-    getAllLeafColumns: x(() => [r.getAllColumns(), r._getOrderColumnsFn()], (p, d) => {
-      let g = p.flatMap((h) => h.getLeafColumns());
-      return d(g);
-    }, R(e, "debugColumns", "getAllLeafColumns")),
+      return c(p);
+    }, x(e, "debugColumns", "getAllColumns")),
+    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 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;
 }
 function Rn() {
-  return (e) => x(() => [e.options.data], (n) => {
+  return (e) => w(() => [e.options.data], (n) => {
     const t = {
       rows: [],
       flatRows: [],
@@ -3521,19 +3576,19 @@ function Rn() {
     }, o = function(r, i, s) {
       i === void 0 && (i = 0);
       const a = [];
-      for (let c = 0; c < r.length; c++) {
-        const f = Jo(e, e._getRowId(r[c], c, s), r[c], c, i, void 0, s == null ? void 0 : s.id);
-        if (t.flatRows.push(f), t.rowsById[f.id] = f, a.push(f), e.options.getSubRows) {
+      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;
-          f.originalSubRows = e.options.getSubRows(r[c], c), (u = f.originalSubRows) != null && u.length && (f.subRows = o(f.originalSubRows, i + 1, f));
+          g.originalSubRows = e.options.getSubRows(r[d], d), (u = g.originalSubRows) != null && u.length && (g.subRows = o(g.originalSubRows, i + 1, g));
         }
       }
       return a;
     };
     return t.rows = o(n), t;
-  }, R(e.options, "debugTable", "getRowModel", () => e._autoResetPageIndex()));
+  }, 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);
@@ -3544,8 +3599,8 @@ function br(e) {
     rowsById: e.rowsById
   };
 }
-function Dr(e) {
-  return (n) => x(() => [n.getState().pagination, n.getPrePaginationRowModel(), n.options.paginateExpandedRows ? void 0 : n.getState().expanded], (t, o) => {
+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;
     const {
@@ -3557,23 +3612,23 @@ function Dr(e) {
       flatRows: a,
       rowsById: u
     } = o;
-    const c = r * i, f = c + r;
-    s = s.slice(c, f);
+    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;
-  }, R(n.options, "debugTable", "getPaginationRowModel"));
+  }, x(n.options, "debugTable", "getPaginationRowModel"));
 }
 /**
    * react-table
@@ -3586,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 Ar(e) || typeof e == "function" || Tr(e);
+function kr(e) {
+  return Lr(e) || typeof e == "function" || Or(e);
 }
-function Ar(e) {
+function Lr(e) {
   return typeof e == "function" && (() => {
     const n = Object.getPrototypeOf(e);
     return n.prototype && n.prototype.isReactComponent;
   })();
 }
-function Tr(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
@@ -3610,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,
@@ -3626,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(
-    H,
+    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(
-    H,
+    z,
     {
       leftSection: /* @__PURE__ */ l.jsx(Wn, { size: 16, stroke: 1.5 }),
       size: o,
@@ -3653,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(
-    H,
+    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",
@@ -3664,9 +3742,9 @@ const jn = ({
     }
   ),
   (e == null ? void 0 : e.import) && /* @__PURE__ */ l.jsx(
-    H,
+    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,
@@ -3674,34 +3752,34 @@ const jn = ({
     }
   ),
   (e == null ? void 0 : e.export) && /* @__PURE__ */ l.jsx(
-    H,
+    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: Lr, Tbody: Or, Td: Lt } = 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(Lt, { colSpan: e.table.getVisibleLeafColumns().length, children: /* @__PURE__ */ l.jsxs(W, { justify: "center", align: "center", gap: "xs", children: [
-    /* @__PURE__ */ l.jsx(Zn, { color: "var(--mantine-color-dimmed)" }),
-    /* @__PURE__ */ l.jsx(P, { c: "dimmed", fz: "sm", children: "No records found." })
+  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 f of i.getVisibleCells()) {
-      const m = f.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(
+    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), 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(
           Lt,
           {
             rowSpan: p,
-            colSpan: d,
-            children: kt(f.column.columnDef.cell, f.getContext())
+            colSpan: c,
+            children: kt(g.column.columnDef.cell, g.getContext())
           },
-          f.id
+          g.id
         )
       );
     }
@@ -3715,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(
-          Lr,
+        /* @__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()
@@ -3733,56 +3811,57 @@ const jn = ({
           },
           i.id
         )) }, r.id)) }),
-        /* @__PURE__ */ l.jsx(Or, { 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
-}, Pn = ({
+}, Br = "_pageSizeSelectorActive_1wv6j_1", Ur = {
+  pageSizeSelectorActive: Br
+}, Yr = ["10", "20", "50", "100"], Pn = ({
   total: e,
   pageIndex: n,
   pageSize: t,
   allowPageSizeChange: o = !0,
-  onUpdatePagination: r
+  pageSizeOptions: r = Yr,
+  onUpdatePagination: i
 }) => {
-  const i = /* @__PURE__ */ l.jsx(
+  const s = /* @__PURE__ */ l.jsx(
     Gn,
     {
       size: "sm",
       total: e,
       value: n + 1,
-      onChange: (s) => r(s - 1, t)
+      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(P, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
+      /* @__PURE__ */ l.jsx(E, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
       /* @__PURE__ */ l.jsx(
-        Hr,
+        Kr,
         {
           size: "sm",
-          values: ["10", "20", "50", "100"],
+          values: r,
           value: t.toString(),
-          onChange: (s) => {
-            r(0, parseInt(s, 10));
+          onChange: (a) => {
+            i(0, parseInt(a, 10));
           }
         }
       )
     ] }),
-    i
-  ] }) : i;
+    s
+  ] }) : s;
 }, Ot = {
-  xs: ge(22),
-  sm: ge(26),
-  md: ge(32),
-  lg: ge(38),
-  xl: ge(44)
+  xs: fe(22),
+  sm: fe(26),
+  md: fe(32),
+  lg: fe(38),
+  xl: fe(44)
 };
-function Hr({
+function Kr({
   size: e,
   values: n,
   value: t,
@@ -3790,11 +3869,11 @@ function Hr({
 }) {
   return /* @__PURE__ */ l.jsxs(ae, { withinPortal: !0, withArrow: !0, offset: 2, children: [
     /* @__PURE__ */ l.jsx(Hn, { children: /* @__PURE__ */ l.jsx(
-      H,
+      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) => ({
@@ -3816,7 +3895,7 @@ function Hr({
       return /* @__PURE__ */ l.jsx(
         Bn,
         {
-          className: i ? Gr.pageSizeSelectorActive : void 0,
+          className: i ? Ur.pageSizeSelectorActive : void 0,
           style: [
             { height: Ot[e] }
             // isCurrent
@@ -3829,105 +3908,106 @@ function Hr({
           ],
           disabled: i,
           onClick: () => o(r),
-          children: /* @__PURE__ */ l.jsx(P, { component: "div", size: e, children: r })
+          children: /* @__PURE__ */ l.jsx(E, { component: "div", size: e, children: r })
         },
         r
       );
     }) })
   ] });
 }
-const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
-  var C, y;
-  const [n, t] = $({
+const Wr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), qi = (e) => {
+  var S, R, y, I;
+  const [n, t] = M({
     records: [],
     total: 0
-  }), [o, r] = $(!1), [i, s] = $(
+  }), [o, r] = M(!1), [i, s] = M(
     {}
-  ), a = (w) => {
-    r(!0), e.getData(w).then((F) => {
-      t(F), r(!1);
+  ), a = (P) => {
+    r(!0), e.getData(P).then((k) => {
+      t(k), r(!1);
     });
-  }, u = (w, F) => {
-    const N = {
+  }, u = (P, k) => {
+    const F = {
       ...e.query.query,
-      limit: F,
-      offset: w * F
+      limit: k,
+      offset: P * k
     };
-    e.query.update(N);
-  }, [c, f, m] = _(() => {
-    const w = e.query.query.limit, F = Math.floor(
+    e.query.update(F);
+  }, [d, g, m] = _(() => {
+    const P = e.query.query.limit, k = Math.floor(
       (e.query.query.offset || 0) / e.query.query.limit
-    ), N = Math.ceil(n.total / e.query.query.limit);
-    return [w, F, N];
+    ), 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]);
-  const p = _(() => Object.keys(i).filter((w) => i[w]).map((w) => e.normalizeRowId(w)), [i]);
-  let d, g;
-  _n(e.actions) && (d = /* @__PURE__ */ l.jsx(
-    jn,
+  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 c, f;
+  _n(e.actions) && (c = /* @__PURE__ */ l.jsx(
+    yn,
     {
       actions: e.actions,
       reloadData: () => a(e.query.query),
       selectedRowKeys: p
     }
   ));
-  const h = ((C = e.pagination) == null ? void 0 : C.positions) || qr;
+  const h = ((S = e.pagination) == null ? void 0 : S.positions) || Wr;
   if (h.size > 0) {
-    const w = /* @__PURE__ */ l.jsx(
+    const P = /* @__PURE__ */ l.jsx(
       Pn,
       {
         total: m,
-        pageIndex: f,
-        pageSize: c,
+        pageIndex: g,
+        pageSize: d,
         onUpdatePagination: u,
-        allowPageSizeChange: (y = e.pagination) == null ? void 0 : y.showSizeChanger
+        allowPageSizeChange: (R = e.pagination) == null ? void 0 : R.showSizeChanger,
+        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,
-      w
-    ] }) : d = /* @__PURE__ */ l.jsx(q, { justify: "flex-end", children: w })), (h.has("bottomRight") || h.has("bottomLeft") || h.has("bottomCenter")) && (h.has("bottomLeft") ? g = /* @__PURE__ */ l.jsxs(q, { justify: "space-between", align: "center", children: [
-      w,
-      /* @__PURE__ */ l.jsxs(P, { size: "sm", c: "dimmed", children: [
+    h.has("topRight") && (c !== void 0 ? c = /* @__PURE__ */ l.jsxs(O, { justify: "space-between", gap: "sm", children: [
+      c,
+      P
+    ] }) : 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(f * c + 1, n.total),
+        Math.min(g * d + 1, n.total),
         " to",
         " ",
-        Math.min((f + 1) * c, n.total),
+        Math.min((g + 1) * d, n.total),
         " of ",
         n.total,
         " ",
         "records"
       ] })
-    ] }) : g = /* @__PURE__ */ l.jsxs(q, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ l.jsxs(P, { size: "sm", c: "dimmed", children: [
+    ] }) : f = /* @__PURE__ */ l.jsxs(B, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ l.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        Math.min(f * c + 1, n.total),
+        Math.min(g * d + 1, n.total),
         " to",
         " ",
-        Math.min((f + 1) * c, n.total),
+        Math.min((g + 1) * d, n.total),
         " of ",
         n.total,
         " ",
         "records"
       ] }),
-      w
+      P
     ] }));
   }
   const v = _(() => {
-    const w = e.selectable ?? Fn(e.actions);
+    const P = e.selectable ?? Fn(e.actions);
     return /* @__PURE__ */ l.jsx(
-      Br,
+      Xr,
       {
         data: n,
         loading: o,
         columns: e.columns,
-        isSelectable: w,
+        isSelectable: P,
         getRowId: e.getRowId,
         selectedRowKeys: i,
         setSelectedRowKeys: s,
-        hasTopSection: d !== void 0,
-        hasBottomSection: g !== void 0
+        hasTopSection: c !== void 0,
+        hasBottomSection: f !== void 0
       }
     );
   }, [
@@ -3938,11 +4018,11 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
     e.getRowId,
     i,
     s,
-    d !== void 0,
-    g !== void 0
+    c !== void 0,
+    f !== void 0
   ]);
-  return d === void 0 || g === 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,11 +4032,11 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
           borderBottomRightRadius: 0,
           borderBottom: "none"
         },
-        children: d
+        children: c
       }
     ),
     v,
-    g !== void 0 && /* @__PURE__ */ l.jsx(
+    f !== void 0 && /* @__PURE__ */ l.jsx(
       ie,
       {
         withBorder: !0,
@@ -3966,17 +4046,17 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
           borderTopRightRadius: 0,
           borderTop: "none"
         },
-        children: g
+        children: f
       }
     )
   ] });
-}, Br = (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 qr = /* @__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 qr = /* @__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 qr = /* @__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(T, { 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 Oi(e, n, t, {
+function Bi(e, n, t, {
   title: o,
   nestedKey: r,
   component: i
@@ -4066,115 +4150,122 @@ function Oi(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(T, { 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 zi(e, n, t, o = {}) {
+function Ui(e, n, t, o = {}) {
   return t.map((r) => $n(r) ? r : En(e, n.publicProperties[r], o));
 }
-function Gi(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 Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
-  var m, p;
-  const [n, t] = $(
+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 = _(() => {
-    const d = [];
-    o && d.push({
+    const v = [];
+    o && v.push({
       id: "selection",
-      header: ({ table: g }) => /* @__PURE__ */ l.jsx(
-        de,
+      header: ({ table: S }) => /* @__PURE__ */ l.jsx(
+        ce,
         {
-          checked: g.getIsAllRowsSelected(),
-          indeterminate: g.getIsSomeRowsSelected(),
-          onChange: g.getToggleAllRowsSelectedHandler()
+          checked: S.getIsAllRowsSelected(),
+          indeterminate: S.getIsSomeRowsSelected(),
+          onChange: S.getToggleAllRowsSelectedHandler()
         }
       ),
-      cell: ({ row: g }) => /* @__PURE__ */ l.jsx(
-        de,
+      cell: ({ row: S }) => /* @__PURE__ */ l.jsx(
+        ce,
         {
-          checked: g.getIsSelected(),
-          disabled: !g.getCanSelect(),
-          onChange: g.getToggleSelectedHandler()
+          checked: S.getIsSelected(),
+          disabled: !S.getCanSelect(),
+          onChange: S.getToggleSelectedHandler()
         }
       )
     });
-    for (const g of e.columns)
-      d.push({
-        id: g.key,
-        header: g.title,
-        accessorFn: g.render,
-        cell: ({ row: h }) => g.render(h.original),
+    for (const S of e.columns)
+      v.push({
+        id: S.key,
+        header: S.title,
+        accessorFn: S.render,
+        cell: ({ row: R }) => S.render(R.original),
         meta: {
-          rowSpan: g.rowSpan,
-          colSpan: g.colSpan
+          rowSpan: S.rowSpan,
+          colSpan: S.colSpan
         }
       });
-    return d;
-  }, [e.columns, o]), i = yn({
+    return v;
+  }, [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,
+        pageIndex: 0
+      }
+    },
     state: {
       rowSelection: n
     },
     onRowSelectionChange: t
-  }), s = _(() => Object.keys(n).filter((d) => n[d]).map(Number), [n]);
+  }), 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 = ((m = e.pagination) == null ? void 0 : m.positions) || Ur;
-  if (c.size > 0) {
-    const d = i.getState().pagination, g = /* @__PURE__ */ l.jsx(
+  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: d.pageIndex,
-        pageSize: d.pageSize,
-        onUpdatePagination: (h, v) => i.setPagination({ pageIndex: h, pageSize: v }),
-        allowPageSizeChange: (p = e.pagination) == null ? void 0 : p.showSizeChanger
+        pageIndex: v.pageIndex,
+        pageSize: v.pageSize,
+        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,
-      g
-    ] }) : a = /* @__PURE__ */ l.jsx(q, { justify: "flex-end", children: g })), (c.has("bottomRight") || c.has("bottomLeft") || c.has("bottomCenter")) && (c.has("bottomLeft") ? u = /* @__PURE__ */ l.jsxs(q, { justify: "space-between", align: "center", children: [
-      g,
-      /* @__PURE__ */ l.jsxs(P, { size: "sm", c: "dimmed", children: [
+      S
+    ] }) : 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 ",
-        d.pageIndex * d.pageSize + 1,
+        v.pageIndex * v.pageSize + 1,
         " to",
         " ",
         Math.min(
-          (d.pageIndex + 1) * d.pageSize,
+          (v.pageIndex + 1) * v.pageSize,
           e.data.length
         ),
         " ",
@@ -4182,14 +4273,14 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
         e.data.length,
         " records"
       ] })
-    ] }) : u = /* @__PURE__ */ l.jsxs(q, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ l.jsxs(P, { size: "sm", c: "dimmed", children: [
+    ] }) : u = /* @__PURE__ */ l.jsxs(B, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ l.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        d.pageIndex * d.pageSize + 1,
+        v.pageIndex * v.pageSize + 1,
         " to",
         " ",
         Math.min(
-          (d.pageIndex + 1) * d.pageSize,
+          (v.pageIndex + 1) * v.pageSize,
           e.data.length
         ),
         " ",
@@ -4197,10 +4288,10 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
         e.data.length,
         " records"
       ] }),
-      g
+      S
     ] }));
   }
-  const f = /* @__PURE__ */ l.jsx(
+  const g = /* @__PURE__ */ l.jsx(
     In,
     {
       selectedRowKeys: n,
@@ -4211,7 +4302,7 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
       striped: e.striped
     }
   );
-  return a === void 0 && u === void 0 ? f : /* @__PURE__ */ l.jsxs("div", { children: [
+  return a === void 0 && u === void 0 ? g : /* @__PURE__ */ l.jsxs("div", { children: [
     a !== void 0 && /* @__PURE__ */ l.jsx(
       ie,
       {
@@ -4225,7 +4316,7 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
         children: a
       }
     ),
-    f,
+    g,
     u !== void 0 && /* @__PURE__ */ l.jsx(
       ie,
       {
@@ -4241,27 +4332,27 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
     )
   ] });
 }, zt = {
-  integer: Me,
-  float: Me,
-  string: Se,
+  integer: be,
+  float: be,
+  string: ve,
   boolean: sn,
-  "string[]": Se,
-  enum: Se,
-  date: No,
-  datetime: ko
-}, Kr = {
+  "string[]": ve,
+  enum: ve,
+  date: zo,
+  datetime: Go
+}, Qr = {
   lang2value: {
     en: "Update",
     vi: "Cập Nhật"
   },
   lang: "en"
-}, Yr = {
+}, Zr = {
   lang2value: {
     en: "Clear",
     vi: "Xóa"
   },
   lang: "en"
-}, Wr = ({
+}, ei = ({
   db: e,
   property: n,
   InputComponent: t,
@@ -4283,13 +4374,13 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (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(W, { 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: {
@@ -4299,16 +4390,16 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
           children: /* @__PURE__ */ l.jsx(
             un,
             {
-              label: /* @__PURE__ */ l.jsx(T, { 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(T, { 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,
@@ -4318,36 +4409,36 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (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(X.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 Xr({
+function ti({
   properties: e,
   queryConditions: n
 }) {
   return e.reduce((t, o) => n[o.property.tsName] === void 0 ? t : t + 1, 0);
 }
-const Jr = (e, n) => on(e, n, !1);
-function Qr({
+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 : Jr;
-        i.op === "bti" ? (o.push(s(t, Q(i.value[0]).toDate())), o.push(" ≤ "), o.push(he(t, r.property.label)), o.push(" ≤ "), o.push(s(t, Q(i.value[1]).toDate()))) : i.op === "gte" ? (o.push(he(t, r.property.label)), o.push(" ≥ "), o.push(s(t, Q(i.value).toDate()))) : i.op === "lte" && (o.push(he(t, r.property.label)), o.push(" ≤ "), o.push(s(t, Q(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 Zr = ({
+const ri = ({
   db: e,
   properties: n,
   styles: t,
@@ -4356,74 +4447,74 @@ const Zr = ({
   onChange: i,
   queryConditions: s
 }) => {
-  const [a, u] = $({});
-  De(() => {
-    const g = {};
+  const [a, u] = M({});
+  Ve(() => {
+    const f = {};
     for (const h of n) {
       const v = s[h.property.tsName];
-      v !== void 0 && (h.property.datatype === "date" || h.property.datatype === "datetime" ? v.op === "bti" ? g[h.property.tsName] = {
+      v !== void 0 && (h.property.datatype === "date" || h.property.datatype === "datetime" ? v.op === "bti" ? f[h.property.tsName] = {
         start: v.value[0] ? new Date(v.value[0]) : void 0,
         end: v.value[1] ? new Date(v.value[1]) : void 0
-      } : v.op === "gte" ? g[h.property.tsName] = {
+      } : v.op === "gte" ? f[h.property.tsName] = {
         start: v.value ? new Date(v.value) : void 0,
         end: void 0
-      } : v.op === "lte" && (g[h.property.tsName] = {
+      } : v.op === "lte" && (f[h.property.tsName] = {
         start: void 0,
         end: v.value ? new Date(v.value) : void 0
-      }) : g[h.property.tsName] = v.value);
+      }) : f[h.property.tsName] = v.value);
     }
-    u(g);
+    u(f);
   }, [n, s]);
-  const [c, f, m] = _(() => {
-    const g = [], h = {}, v = {};
-    for (const C of n) {
-      let y, w = (F) => {
-        if (!It.isEmpty(F))
-          return { op: "eq", value: F };
+  const [d, g, m] = _(() => {
+    const f = [], h = {}, v = {};
+    for (const S of n) {
+      let R, y = (I) => {
+        if (!It.isEmpty(I))
+          return { op: "eq", value: I };
       };
-      (C.property.datatype === "date" || C.property.datatype === "datetime") && (y = It.validateTimeRange, w = (F) => F.start !== void 0 && F.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: [F.start.toISOString(), F.end.toISOString()]
-      } : F.start !== void 0 ? { op: "gte", value: F.start.toISOString() } : F.end !== void 0 ? { op: "lte", value: F.end.toISOString() } : void 0), h[C.property.tsName] = w, v[C.property.tsName] = y, g.push(
+        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] = y, v[S.property.tsName] = R, f.push(
         /* @__PURE__ */ l.jsx(
-          Wr,
+          ei,
           {
             db: e,
-            property: C.property,
-            InputComponent: C.InputComponent,
-            value: a[C.property.tsName],
-            onChange: (F) => {
-              u({ ...a, [C.property.tsName]: F });
+            property: S.property,
+            InputComponent: S.InputComponent,
+            value: a[S.property.tsName],
+            onChange: (I) => {
+              u({ ...a, [S.property.tsName]: I });
             },
             layout: r,
-            validator: y
+            validator: R
           },
-          C.property.name
+          S.property.name
         )
       );
     }
-    return [g, h, v];
-  }, [n, a, u]), p = (g) => {
+    return [f, h, v];
+  }, [n, a, u]), p = (f) => {
     const h = {};
     for (const v of n) {
-      if (g[v.property.tsName] === void 0) continue;
-      const C = f[v.property.tsName](g[v.property.tsName]);
-      C !== void 0 && (h[v.property.tsName] = C);
+      if (f[v.property.tsName] === void 0) continue;
+      const S = g[v.property.tsName](f[v.property.tsName]);
+      S !== void 0 && (h[v.property.tsName] = S);
     }
     i(h);
-  }, d = _(() => (g) => {
+  }, c = _(() => (f) => {
     for (const h of n) {
       const v = m[h.property.tsName];
-      if (v !== void 0 && !v(g[h.property.tsName]).isValid)
+      if (v !== void 0 && !v(f[h.property.tsName]).isValid)
         return !1;
     }
     return !0;
   }, [n, m]);
-  return /* @__PURE__ */ l.jsxs(W, { 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(
-        H,
+        z,
         {
           variant: "light",
           size: "xs",
@@ -4432,28 +4523,28 @@ const Zr = ({
             u({}), p({});
           },
           disabled: Object.keys(a).length === 0,
-          children: /* @__PURE__ */ l.jsx(T, { value: Yr })
+          children: /* @__PURE__ */ l.jsx(b, { value: Zr })
         }
       ),
       /* @__PURE__ */ l.jsx(
-        H,
+        z,
         {
           variant: "light",
           size: "xs",
           onClick: () => p(a),
-          disabled: !d(a),
-          children: /* @__PURE__ */ l.jsx(T, { value: Kr })
+          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 }), ei = {
+}, 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"
-}, qi = ({
+}, Wi = ({
   query: e,
   onChange: n,
   debounceTime: t = 250,
@@ -4461,16 +4552,16 @@ const Zr = ({
   searchField: r,
   advancedSearch: i
 }) => {
-  const s = B(re), [a, u] = $(e), [c, f] = $(!1), [m, p] = $([!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,
-    (C) => {
-      f(!1), n(C);
+    (S) => {
+      g(!1), n(S);
     },
     { atBegin: !1 }
-  ), [t, n]), g = _(() => (C) => {
-    u(C.target.value), f(!0), d(C.target.value);
-  }, [u, f, d]);
-  o === void 0 && r !== void 0 && (o = ei);
+  ), [t, n]), f = _(() => (S) => {
+    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(
@@ -4479,14 +4570,14 @@ const Zr = ({
         flex: 1,
         label: "Search",
         placeholder: h,
-        leftSection: c ? Gt : Ht,
+        leftSection: d ? Gt : Ht,
         value: a,
-        onChange: g
+        onChange: f
       }
     );
-  const v = Xr(i);
+  const v = ti(i);
   return /* @__PURE__ */ l.jsxs(
-    Oe,
+    de,
     {
       width: "target",
       trapFocus: !0,
@@ -4498,13 +4589,13 @@ const Zr = ({
         p([!1, Date.now()]);
       },
       children: [
-        /* @__PURE__ */ l.jsx(Oe.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,
@@ -4514,7 +4605,7 @@ const Zr = ({
                   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(
@@ -4527,7 +4618,7 @@ const Zr = ({
                     m[1] + 200 >= Date.now() || p([!0, Date.now()]);
                   },
                   children: /* @__PURE__ */ l.jsx(
-                    no,
+                    oo,
                     {
                       size: 16,
                       stroke: v > 0 ? 2 : 1.5,
@@ -4542,13 +4633,13 @@ const Zr = ({
             ] }),
             rightSectionWidth: 68,
             value: a,
-            onChange: g,
-            description: Qr(i),
+            onChange: f,
+            description: oi(i),
             inputWrapperOrder: ["label", "input", "description", "error"]
           }
         ) }),
-        /* @__PURE__ */ l.jsx(Oe.Dropdown, { children: /* @__PURE__ */ l.jsx(
-          Zr,
+        /* @__PURE__ */ l.jsx(de.Dropdown, { children: /* @__PURE__ */ l.jsx(
+          ri,
           {
             db: i.db,
             properties: i.properties,
@@ -4562,7 +4653,7 @@ const Zr = ({
       ]
     }
   );
-}, ti = oe(
+}, si = oe(
   ({
     store: e,
     record: n,
@@ -4574,40 +4665,40 @@ const Zr = ({
       return /* @__PURE__ */ l.jsx("div", {});
     const i = dt(n, t);
     return /* @__PURE__ */ l.jsxs("div", { children: [
-      /* @__PURE__ */ l.jsx(P, { size: "sm", fw: 550, children: /* @__PURE__ */ l.jsx(T, { value: t.label }) }),
+      /* @__PURE__ */ l.jsx(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 })
     ] });
   }
-), ni = 12, oi = (e) => {
-  const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => ri(n, e.store, e.record, r, o)), [n, e.store, e.record, e.fieldGroups]);
-  return /* @__PURE__ */ l.jsx(W, { 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 ri(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 = ni / 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 f = i[a][c];
+    for (let d = 0; d < i[a].length; d++) {
+      const g = i[a][d];
       let m;
-      typeof f == "function" ? m = f(n, t) : typeof f == "object" && "prop" in f ? m = st(
+      typeof g == "function" ? m = g(n, t) : typeof g == "object" && "prop" in g ? m = st(
         n,
         t,
-        f.prop instanceof K ? f.prop : e.allProperties[f.prop],
-        f.args
+        g.prop instanceof W ? g.prop : e.allProperties[g.prop],
+        g.args
       ) : m = st(
         n,
         t,
-        f instanceof K ? f : e.allProperties[f]
+        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 Bi(e, n, t = {}) {
+function Xi(e, n, t = {}) {
   return (o, r) => {
     if (t.visible !== void 0 && !t.visible(r))
       return /* @__PURE__ */ l.jsx("div", {});
@@ -4616,13 +4707,13 @@ function Bi(e, n, t = {}) {
       if (typeof s == "function")
         u = s(o, r);
       else {
-        let c, f = {};
-        typeof s == "object" && "prop" in s ? (c = s.prop instanceof K ? s.prop : e.allProperties[s.prop], s.args !== void 0 && (f = s.args)) : c = s instanceof K ? s : e.allProperties[s], u = st(o, r, c, f);
+        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,
@@ -4632,19 +4723,19 @@ function Bi(e, n, t = {}) {
     );
   };
 }
-function ii(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 = ii(t instanceof K ? t.leafProperty : t), /* @__PURE__ */ l.jsx(
-    ti,
+  return o.display !== void 0 ? r = o.display : r = di(t instanceof W ? t.leafProperty : t), /* @__PURE__ */ l.jsx(
+    si,
     {
       store: e,
       record: n,
@@ -4654,10 +4745,10 @@ function st(e, n, t, o = {}) {
     }
   );
 }
-const Ui = (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(
-    oi,
+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,
@@ -4670,85 +4761,86 @@ const Ui = (e) => /* @__PURE__ */ l.jsxs(Re, { defaultValue: e.fieldTabs[0].tabN
 ] });
 export {
   sn as BooleanInput,
-  Ai as ConfirmationInput,
-  Vi as ConfirmationLabel,
+  Oi as ConfirmationInput,
+  Li as ConfirmationLabel,
   Qe as CountryFlagComponent,
   dn as DEFAULT_LAYOUT,
-  qr 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,
-  bi 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,
-  Si as LanguageSelector,
-  xi as Loading,
-  Ri as LoadingInline,
+  Ri as LanguageSelector,
+  Fi as Loading,
+  Ii as LoadingInline,
   re as LocaleContext,
-  hi as LocaleProvider,
-  vo as MenuTrie,
+  xi as LocaleProvider,
+  Co as MenuTrie,
   mt as MultiForeignKeyDisplay,
   an as MultiForeignKeyInput,
-  T as MultiLingualString,
-  yi as NotAuthorized,
-  Ci as NotFound,
+  b as MultiLingualString,
+  Pi as NotAuthorized,
+  yi as NotFound,
   Qt as NotFoundInline,
-  wi as NotFoundSubPage,
-  Me as NumberInput,
-  Ii as OrderedUniqueList,
+  _i as NotFoundSubPage,
+  be as NumberInput,
+  bi as OrderedUniqueList,
   et as Permission,
-  Ti as SPAN_COL,
-  go as SVGCountryFlag,
-  Zr as SearchForm,
-  Wr as SearchFormItem,
+  Ro as PopConfirm,
+  zi as SPAN_COL,
+  fo as SVGCountryFlag,
+  ri as SearchForm,
+  ei as SearchFormItem,
   nn as SeraCol,
   gt as SeraContext,
-  Di as SeraContextProvider,
-  ki as SeraEmbeddedForm,
-  Hi as SeraEmbeddedTable,
-  Ni as SeraForm,
+  ki as SeraContextProvider,
+  Hi as SeraEmbeddedForm,
+  Ki as SeraEmbeddedTable,
+  Gi as SeraForm,
   tn as SeraRow,
-  qi as SeraSearch,
-  Li as SeraTable,
-  Mi as SeraVerticalMenu,
-  oi as SeraView,
-  Ui 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,
-  Pi as TestIdProvider,
-  Se as TextInput,
+  Di as TestIdProvider,
+  ve as TextInput,
   Zt as Trie,
   bt as TrieNode,
-  po as buildMenuItemIndex,
-  V as countryFlags,
-  So as filterAllowedItems,
+  ho as buildMenuItemIndex,
+  A as countryFlags,
+  vo as filterAllowedItems,
   gn as getInputComponent,
-  Xr as getNumberOfFilters,
+  ti as getNumberOfFilters,
   dt as getPropertyValue,
-  Qr as getReadableFilters,
-  $i as getTestIdProps,
-  ji as groupBy,
-  _i as groupByAsList,
-  Bi 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,
-  Gi as makeEmbeddedTableColumns,
+  Yi as makeEmbeddedTableColumns,
   En as makeTableColumn,
-  Oi as makeTableColumnFromNestedProperty,
-  zi as makeTableColumns,
+  Bi as makeTableColumnFromNestedProperty,
+  Ui as makeTableColumns,
   Ze as setPropertyValue,
-  he as translateMultiLingualString,
-  Fi as uniqueList,
-  vi as useMultiLingualString,
-  Y as usePropertyTestId,
-  Ei as useTestId
+  Se as translateMultiLingualString,
+  Mi as uniqueList,
+  ji as useMultiLingualString,
+  X as usePropertyTestId,
+  Vi as useTestId
 };