sera-components 1.6.9 → 1.7.0

package/dist/index.js

@@ -2,13 +2,13 @@ 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 Tn, { createContext as be, useContext as U, useMemo as _, useState as M, useEffect as De } from "react";
+import { Paper as ie, Image as An, Text as E, Menu as ae, Button as q, Container as Nn, Alert as lt, Stack as X, Flex as B, Loader as Ee, NavLink as jt, Checkbox as de, Group as L, Input as J, useCombobox as qt, Combobox as z, Grid as A, InputBase as kn, PasswordInput as Bt, Select as On, CloseButton as Ln, Divider as zn, Tooltip as Ut, Fieldset as Kt, Table as Yt, rem as ge, Pagination as Gn, MenuTarget as Hn, MenuDropdown as qn, MenuItem as Bn, TextInput as _t, Popover as Le, ActionIcon as Ft, Tabs as Re } from "@mantine/core";
 import { IconCheck as Un, IconInfoCircle as at, IconChevronRight as Kn, IconSearch as ut, IconCalendar as $e, IconHelpCircle as Wt, IconPlus as Yn, IconPencil as Wn, IconReload as Xn, IconDatabaseImport as Jn, IconDownload as Qn, IconDatabaseOff as Zn, IconSelector as eo, IconCircleX as to, IconAdjustmentsHorizontal as no, IconKeyboard as oo } from "@tabler/icons-react";
 import { 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 { isNestedProperty as Xt, NestedProperty as Y, isObjectProperty as se, DynamicMultiLingualString as ro, isDraftRecord as Jt, I18NStore as io, validators as It } from "sera-db";
 import { IMaskInput as so } from "react-imask";
-import Q from "dayjs";
+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 = {};
@@ -56,230 +56,230 @@ var me = {};
 var $t;
 function uo() {
   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 === we ? 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:
+        case Te:
           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 j:
+            return (C._context.displayName || "Context") + ".Consumer";
+          case P:
+            var y = C.render;
+            return C = C.displayName, C || (C = y.displayName || y.name || "", C = C !== "" ? "ForwardRef(" + C + ")" : "ForwardRef"), C;
+          case V:
+            return y = C.displayName || null, y !== null ? y : e(C.type) || "Memo";
+          case G:
+            y = C._payload, C = C._init;
             try {
-              return e(S(j));
+              return e(C(y));
             } catch {
             }
         }
       return null;
     }
-    function n(S) {
-      return "" + S;
+    function n(C) {
+      return "" + C;
     }
-    function t(S) {
+    function t(C) {
       try {
-        n(S);
-        var j = !1;
+        n(C);
+        var y = !1;
       } catch {
-        j = !0;
+        y = !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(
-          j,
+      if (y) {
+        y = console;
+        var $ = y.error, b = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
+        return $.call(
+          y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          M
-        ), n(S);
+          b
+        ), 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 === G)
         return "<...>";
       try {
-        var j = e(S);
-        return j ? "<" + j + ">" : "<...>";
+        var y = e(C);
+        return y ? "<" + y + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var S = Te.A;
-      return S === null ? null : S.getOwner();
+      var C = Ae.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;
-        if (j && j.isReactWarning) return !1;
+    function s(C) {
+      if (vt.call(C, "key")) {
+        var y = Object.getOwnPropertyDescriptor(C, "key").get;
+        if (y && y.isReactWarning) return !1;
       }
-      return S.key !== void 0;
+      return C.key !== void 0;
     }
-    function a(S, j) {
-      function E() {
+    function a(C, y) {
+      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
+          y
         ));
       }
-      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,
-        key: j,
-        props: E,
-        _owner: M
-      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(S, "ref", {
+    function c(C, y, $, b, xe, ke) {
+      var D = $.ref;
+      return C = {
+        $$typeof: f,
+        type: C,
+        key: y,
+        props: $,
+        _owner: b
+      }, (D !== void 0 ? D : 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", {
+      }), Object.defineProperty(C, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ke
-      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
+      }), 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, y, $, b, xe, ke) {
+      var D = y.children;
+      if (D !== void 0)
+        if (b)
+          if (Mn(D)) {
+            for (b = 0; b < D.length; b++)
+              m(D[b]);
+            Object.freeze && Object.freeze(D);
           } 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);
-      if (vt.call(j, "key")) {
-        b = e(S);
-        var le = Object.keys(j).filter(function(bn) {
+        else m(D);
+      if (vt.call(y, "key")) {
+        D = e(C);
+        var le = Object.keys(y).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(
+        b = 0 < le.length ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}", yt[D + b] || (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,
           le,
-          b
-        ), yt[b + M] = !0);
+          D
+        ), yt[D + b] = !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
+      if (D = null, $ !== void 0 && (t($), D = "" + $), s(y) && (t(y.key), D = "" + y.key), "key" in y) {
+        $ = {};
+        for (var Oe in y)
+          Oe !== "key" && ($[Oe] = y[Oe]);
+      } else $ = y;
+      return D && a(
+        $,
+        typeof C == "function" ? C.displayName || C.name || "Unknown" : C
       ), c(
-        S,
-        b,
-        E,
+        C,
+        D,
+        $,
         r(),
         xe,
         ke
       );
     }
-    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 === G && (C._payload.status === "fulfilled" ? p(C._payload.value) && C._payload.value._store && (C._payload.value._store.validated = 1) : C._store && (C._store.validated = 1));
     }
-    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 d = Tn, f = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), I = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), V = Symbol.for("react.memo"), G = Symbol.for("react.lazy"), Te = Symbol.for("react.activity"), we = Symbol.for("react.client.reference"), Ae = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, vt = Object.prototype.hasOwnProperty, Mn = Array.isArray, Ne = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
-      react_stack_bottom_frame: function(S) {
-        return S();
+      react_stack_bottom_frame: function(C) {
+        return C();
       }
     };
     var Ct, wt = {}, xt = d.react_stack_bottom_frame.bind(
       d,
       i
     )(), Rt = Ne(o(i)), yt = {};
-    me.Fragment = v, me.jsx = function(S, j, E) {
-      var M = 1e4 > Te.recentlyCreatedOwnerStacks++;
-      return f(
-        S,
-        j,
-        E,
+    me.Fragment = v, me.jsx = function(C, y, $) {
+      var b = 1e4 > Ae.recentlyCreatedOwnerStacks++;
+      return g(
+        C,
+        y,
+        $,
         !1,
-        M ? Error("react-stack-top-frame") : xt,
-        M ? Ne(o(S)) : Rt
+        b ? Error("react-stack-top-frame") : xt,
+        b ? Ne(o(C)) : Rt
       );
-    }, me.jsxs = function(S, j, E) {
-      var M = 1e4 > Te.recentlyCreatedOwnerStacks++;
-      return f(
-        S,
-        j,
-        E,
+    }, me.jsxs = function(C, y, $) {
+      var b = 1e4 > Ae.recentlyCreatedOwnerStacks++;
+      return g(
+        C,
+        y,
+        $,
         !0,
-        M ? Error("react-stack-top-frame") : xt,
-        M ? Ne(o(S)) : Rt
+        b ? Error("react-stack-top-frame") : xt,
+        b ? Ne(o(C)) : Rt
       );
     };
   })()), me;
@@ -289,7 +289,7 @@ function co() {
   return Mt || (Mt = 1, process.env.NODE_ENV === "production" ? ye.exports = ao() : ye.exports = uo()), ye.exports;
 }
 var l = co();
-const V = {
+const T = {
   UK: {
     svgFlag: "https://flagcdn.com/gb.svg",
     emojiFlag: "🇬🇧"
@@ -354,14 +354,14 @@ 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,
+}, go = ({ flag: e }) => /* @__PURE__ */ l.jsx(ie, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ l.jsx(An, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), fo = ({ flag: e }) => /* @__PURE__ */ l.jsx(
+  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") ? go : fo, re = be(new Intl.Locale("en-US")), Si = oe(
   ({
     value: e,
     children: n
@@ -374,15 +374,15 @@ const V = {
 }, je = {
   en: {
     name: "English",
-    flag: V.US,
+    flag: T.US,
     locale: new Intl.Locale("en-US")
   },
   vi: {
     name: "Tiếng Việt",
-    flag: V.VN,
+    flag: T.VN,
     locale: new Intl.Locale("vi-VN")
   }
-}, Si = ({
+}, vi = ({
   locale: e,
   setLocale: n
 }) => {
@@ -393,37 +393,37 @@ const V = {
         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]);
   return /* @__PURE__ */ l.jsxs(ae, { width: 170, children: [
     /* @__PURE__ */ l.jsx(ae.Target, { children: /* @__PURE__ */ l.jsx(
-      H,
+      q,
       {
         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 })
+        children: /* @__PURE__ */ l.jsx(E, { size: "sm", children: je[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: mo.lang2value[e.language] }) }),
       t
     ] })
   ] });
-}, T = ({ value: e }) => {
-  const n = B(re);
+}, N = ({ value: e }) => {
+  const n = U(re);
   return e.lang2value[n.language] || e.lang2value[e.lang];
-}, vi = (e) => {
-  const n = B(re);
+}, Ci = (e) => {
+  const n = U(re);
   return e.lang2value[n.language] || e.lang2value[e.lang];
 };
 function he(e, n) {
   return n.lang2value[e.language] || n.lang2value[n.lang];
 }
-const Ci = ({
+const wi = ({
   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(X, { 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(q, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
         ] })
       }
     )
   }
-), wi = ({ message: e }) => /* @__PURE__ */ l.jsx(
+), xi = ({ 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" }), Ri = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx(B, { justify: "center", align: "center", children: /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "md" }) }) : /* @__PURE__ */ l.jsxs(
+  B,
   {
     gap: "md",
     direction: "column",
@@ -472,10 +472,10 @@ const Ci = ({
       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: [
+), yi = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "xs" }) : /* @__PURE__ */ l.jsxs(B, { gap: "md", direction: "column", justify: "center", align: "center", children: [
   /* @__PURE__ */ l.jsx(Ee, { color: "blue", size: "xs" }),
   e
-] }), yi = ({ message: e }) => /* @__PURE__ */ l.jsx(
+] }), ji = ({ 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 _i(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 Fi(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 Ii(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 Pi {
   constructor() {
     ee(this, "items", []);
     ee(this, "seen", /* @__PURE__ */ new Set());
@@ -571,15 +571,15 @@ 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 = be(!1), Ei = ct.Provider;
+function $i(e) {
+  return U(ct) ? { "data-testid": e } : {};
 }
-function $i(e, n) {
+function Mi(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 W(e, n = "") {
+  const t = U(ct), o = _(() => (n !== "" && (n = `_${n}`), e instanceof Y ? `${e.allProperties.map((r) => r.name).join(".")}${n}` : `${e.name}${n}`), [e, n]);
   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 || {});
@@ -615,32 +615,32 @@ 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 } = _(
+const bi = (e) => {
+  const [n, t] = M(/* @__PURE__ */ new Set()), [o, r] = M(/* @__PURE__ */ new Set()), [i, s] = M(), a = _(() => So(e.items, e.checkPermission), [e.items, e.checkPermission]), u = _(() => ho(e.items), [e.items]), { key2fullpath: c, key2route: g } = _(
     () => po(a),
     [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]);
+  }, [window.location.pathname, g]);
   const m = _(() => {
-    function p(d, g) {
+    function p(d, f) {
       var v;
       const h = d.children !== void 0 && d.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(d.key) || t((S) => {
+              const R = new Set(S);
+              return R.add(d.key), R;
             });
           },
           onMouseLeave: () => {
-            o.has(d.key) || t((C) => {
-              const y = new Set(C);
-              return y.delete(d.key), y;
+            o.has(d.key) || t((S) => {
+              const R = new Set(S);
+              return R.delete(d.key), R;
             });
           },
           children: [
@@ -656,7 +656,7 @@ const Mi = (e) => {
                     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,
@@ -667,16 +667,16 @@ const Mi = (e) => {
                   }
                 ) : 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;
+                onClick: (S) => {
+                  S.preventDefault(), r((R) => {
+                    const j = new Set(R);
+                    return R.has(d.key) ? j.delete(d.key) : j.add(d.key), j;
                   });
                 }
               },
               d.key
             ),
-            (o.has(d.key) || n.has(d.key)) && d.children.map((C) => p(C, g + 1))
+            (o.has(d.key) || n.has(d.key)) && d.children.map((S) => p(S, f + 1))
           ]
         },
         `container-${d.key}`
@@ -684,7 +684,7 @@ const Mi = (e) => {
         jt,
         {
           active: i === d.key,
-          href: (v = d.route) == null ? void 0 : v.path.getURL({ queryArgs: d.route.defaultPathArgs }),
+          href: (v = d.route) == null ? void 0 : v.path.getURL(d.route.defaultPathArgs ?? {}),
           label: d.label,
           leftSection: d.icon,
           styles: {
@@ -693,10 +693,10 @@ const Mi = (e) => {
               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(), d.route != null && d.route.path.path(d.route.defaultPathArgs ?? {}).open(e.navigate));
           }
         },
         d.key
@@ -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})`, c = (ze - n) / ze, g = `calc(${a}% - ${c} * ${u})`;
     s = {
       ...s,
-      flex: `0 0 ${f}`,
-      maxWidth: f
+      flex: `0 0 ${g}`,
+      maxWidth: g
     };
   } else
     s = {
@@ -787,7 +787,7 @@ 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 });
+}, _e = ({ value: e }) => /* @__PURE__ */ l.jsx(E, { size: "sm", children: e });
 function Ce(e, n) {
   return n.toLocaleDateString(e.baseName, {
     year: "numeric",
@@ -800,20 +800,20 @@ function on(e, n, t = !0) {
   return t ? Ce(e, n) + ` ${o}:${r}:${i}` : Ce(e, n) + ` ${o}:${r}`;
 }
 const Co = ({ value: e }) => {
-  const n = B(re), t = _(
+  const n = U(re), t = _(
     () => on(n, e),
     [n, e]
   );
-  return /* @__PURE__ */ l.jsx(P, { size: "sm", children: t });
+  return /* @__PURE__ */ l.jsx(E, { 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 n = U(re), t = _(() => Ce(n, e), [n, e]);
+  return /* @__PURE__ */ l.jsx(E, { size: "sm", children: t });
+}, Di = ({ value: e }) => {
+  const n = U(re), [t, o] = _(() => {
     const r = Ce(n, e), i = e.getHours().toString().padStart(2, "0"), s = e.getMinutes().toString().padStart(2, "0"), a = e.getSeconds().toString().padStart(2, "0");
     return [r, `${i}:${s}:${a}`];
   }, [n, e]);
-  return /* @__PURE__ */ l.jsx(P, { size: "sm", title: o, children: t });
+  return /* @__PURE__ */ l.jsx(E, { size: "sm", title: o, children: t });
 }, xo = {
   yes: {
     lang2value: {
@@ -833,7 +833,7 @@ const Co = ({ value: e }) => {
   de,
   {
     checked: e,
-    label: /* @__PURE__ */ l.jsx(T, { value: xo[e ? "yes" : "no"] }),
+    label: /* @__PURE__ */ l.jsx(N, { value: xo[e ? "yes" : "no"] }),
     readOnly: !0
   }
 ), yo = ({ property: e, value: n }) => {
@@ -842,12 +842,12 @@ const Co = ({ value: e }) => {
     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(N, { value: t.enumType.label[n] }) });
+}, gt = be({ EntityLink: () => null, entityRoutes: {} }), Vi = ({
+  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(() => {
@@ -864,19 +864,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,7 +886,7 @@ 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,
@@ -895,13 +894,12 @@ const ft = oe(
     );
     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 c === void 0 ? /* @__PURE__ */ l.jsx(E, { size: "sm", children: t }, a) : c === null ? /* @__PURE__ */ l.jsx(Qt, {}, a) : s === void 0 ? /* @__PURE__ */ l.jsx(E, { size: "sm", children: c.name }, u) : /* @__PURE__ */ l.jsx(
         o,
         {
           path: s,
           openInNewPage: !1,
-          urlArgs: { id: c.id },
-          queryArgs: {},
+          args: { id: c.id },
           children: c.name
         },
         u
@@ -923,7 +921,7 @@ const ft = oe(
   onChange: t,
   freeze: o = !1
 }) => {
-  const r = Y(e);
+  const r = W(e);
   return /* @__PURE__ */ l.jsx(
     de,
     {
@@ -943,9 +941,9 @@ const ft = oe(
   onChange: t,
   freeze: o = !1
 }) => {
-  const r = Y(e);
+  const r = W(e);
   return /* @__PURE__ */ l.jsx(
-    X,
+    J,
     {
       ...r,
       id: e.name,
@@ -973,63 +971,63 @@ const ft = oe(
 }, ue = {
   84: {
     name: "Vietnam",
-    flags: [V.VN]
+    flags: [T.VN]
   },
   1: {
     name: "US, Canada",
-    flags: [V.US, V.CA]
+    flags: [T.US, T.CA]
   },
   61: {
     name: "Australia",
-    flags: [V.AU]
+    flags: [T.AU]
   },
   81: {
     name: "Japan",
-    flags: [V.JP]
+    flags: [T.JP]
   },
   44: {
     name: "UK",
-    flags: [V.UK]
+    flags: [T.UK]
   },
   33: {
     name: "France",
-    flags: [V.FR]
+    flags: [T.FR]
   },
   49: {
     name: "Germany",
-    flags: [V.DE]
+    flags: [T.DE]
   },
   91: {
     name: "India",
-    flags: [V.IN]
+    flags: [T.IN]
   },
   55: {
     name: "Brazil",
-    flags: [V.BR]
+    flags: [T.BR]
   },
   34: {
     name: "Spain",
-    flags: [V.ES]
+    flags: [T.ES]
   },
   39: {
     name: "Italy",
-    flags: [V.IT]
+    flags: [T.IT]
   },
   64: {
     name: "New Zealand",
-    flags: [V.NZ]
+    flags: [T.NZ]
   },
   52: {
     name: "Mexico",
-    flags: [V.MX]
+    flags: [T.MX]
   },
   86: {
     name: "China",
-    flags: [V.CN]
+    flags: [T.CN]
   },
   855: {
     name: "Cambodia",
-    flags: [V.CAM]
+    flags: [T.CAM]
   }
 }, Fo = (e, n) => {
   if (e === "" || e === void 0)
@@ -1042,7 +1040,7 @@ const ft = oe(
   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: [
+      /* @__PURE__ */ l.jsxs(E, { size: "sm", children: [
         "+",
         e
       ] }),
@@ -1058,109 +1056,109 @@ 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, c] = M(""), [g, m] = M(!1), [p, d] = M(""), [f, h] = M(!1), v = _(() => {
+    const F = new Zt();
+    return Object.keys(ue).forEach((V) => {
+      F.insert(V);
+    }), F;
+  }, [ue]), { rawInput: S } = _(() => {
     try {
-      const { match: I, remaining: D } = Fo(
+      const { match: F, remaining: V } = Fo(
         e,
         v
       );
-      return d(I), h(!1), {
-        rawInput: D
+      return d(F), h(!1), {
+        rawInput: V
       };
     } catch {
       return h(!0), d(""), {
         rawInput: e
       };
     }
-  }, [e]), y = qt({
+  }, [e]), R = qt({
     onDropdownClose: () => {
-      y.resetSelectedOption(), c("");
+      R.resetSelectedOption(), c("");
     },
     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]);
+  }), j = _(() => Object.keys(ue), [ue]), I = (F, V) => {
+    if (F === void 0)
+      return `+${V}`;
+    const G = F.replace(/[^\d]/g, "");
+    return G.length === 0 ? `+${V}` : G.startsWith("0") ? (m(!0), `+${V}${G}`) : (m(!1), `+${V}${G}`);
+  }, P = _(() => j.filter((F) => ue[F].name.toLowerCase().includes(u.toLowerCase()) || F.includes(u)), [u, j]), k = _(() => P.map((F, V) => /* @__PURE__ */ l.jsx(z.Option, { value: F, children: /* @__PURE__ */ l.jsx(Dt, { value: F }) }, V)), [P]);
   return /* @__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.jsxs(
-        O,
+        z,
         {
-          store: y,
+          store: R,
           position: "top-start",
-          onOptionSubmit: (I) => {
-            c(""), y.closeDropdown(), n({
-              target: { value: F(C, I) }
+          onOptionSubmit: (F) => {
+            c(""), R.closeDropdown(), n({
+              target: { value: I(S, F) }
             });
           },
           disabled: r,
           children: [
-            /* @__PURE__ */ l.jsx(O.Target, { children: /* @__PURE__ */ l.jsx(
+            /* @__PURE__ */ l.jsx(z.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(z.Chevron, {}),
+                onClick: () => R.toggleDropdown(),
                 rightSectionPointerEvents: "none",
                 disabled: r,
                 children: /* @__PURE__ */ l.jsx(Dt, { value: p })
               }
             ) }),
-            /* @__PURE__ */ l.jsxs(O.Dropdown, { children: [
+            /* @__PURE__ */ l.jsxs(z.Dropdown, { children: [
               /* @__PURE__ */ l.jsx(
-                O.Search,
+                z.Search,
                 {
                   leftSection: /* @__PURE__ */ l.jsx(ut, { size: 14, stroke: 1.5 }),
                   placeholder: ".....",
                   value: u,
-                  onChange: (I) => {
-                    c(I.currentTarget.value);
+                  onChange: (F) => {
+                    c(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(z.Options, { children: k.length > 0 ? k : /* @__PURE__ */ l.jsx(z.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 V = F.replace(/[^\d]/g, ""), G = I(V, p);
+            G !== e && n({
+              target: { value: G }
             });
           },
           component: so,
@@ -1171,7 +1169,7 @@ 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(A, { gutter: "xs", children: /* @__PURE__ */ l.jsx(A.Col, { children: /* @__PURE__ */ l.jsx(J.Error, { children: g ? /* @__PURE__ */ l.jsx(N, { value: jo }) : f ? /* @__PURE__ */ l.jsx(N, { value: _o }) : t }) }) })
   ] });
 }, Se = ({
   property: e,
@@ -1180,7 +1178,7 @@ const ft = oe(
   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 = W(e), [s, a] = _(() => e.constraints.includes("password") ? ["password", Bt] : e.constraints.includes("phone_number") ? ["phone_number", Io] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", J], [e.constraints]);
   return /* @__PURE__ */ l.jsx(
     a,
     {
@@ -1199,7 +1197,7 @@ const ft = oe(
   onChange: t,
   freeze: o = !1
 }) => {
-  const r = Y(e);
+  const r = W(e);
   return /* @__PURE__ */ l.jsx(
     Je,
     {
@@ -1208,7 +1206,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",
@@ -1225,13 +1223,13 @@ const ft = oe(
   onChange: t,
   freeze: o = !1
 }) => {
-  const r = B(re), i = Y(e);
+  const r = U(re), i = W(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 c = {}, g = Object.entries(s.label).map(
       ([m, p]) => {
         const d = isNaN(Number(m)) ? m : Number(m);
         return c[m] = d, {
@@ -1240,10 +1238,10 @@ const ft = oe(
         };
       }
     );
-    return [c, f];
+    return [c, g];
   }, [r, s]);
   return /* @__PURE__ */ l.jsx(
-    Ln,
+    On,
     {
       ...i,
       data: u,
@@ -1267,10 +1265,10 @@ const ft = oe(
   lang: "en"
 }, Mo = new ro(
   "confirmation.valuesDoNotMatch"
-), Vi = ({ property: e }) => /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-  /* @__PURE__ */ l.jsx(T, { value: $o }),
+), Ti = ({ property: e }) => /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+  /* @__PURE__ */ l.jsx(N, { value: $o }),
   " ",
-  /* @__PURE__ */ l.jsx(T, { value: e.label })
+  /* @__PURE__ */ l.jsx(N, { value: e.label })
 ] }), Ai = ({
   property: e,
   error: n,
@@ -1278,7 +1276,7 @@ const ft = oe(
   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 = W(e, "confirm"), [s, a] = M(""), [u, c] = 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;
@@ -1288,9 +1286,9 @@ const ft = oe(
       ...i,
       id: `${e.name}-confirm`,
       value: s,
-      type: f,
-      onChange: (g) => {
-        const h = g.target.value;
+      type: g,
+      onChange: (f) => {
+        const h = f.target.value;
         a(h), c(!0), o(h);
       },
       error: d,
@@ -1299,7 +1297,7 @@ const ft = oe(
   );
 };
 function bo(e, n) {
-  const [t, o] = $(""), [r, i] = $([]);
+  const [t, o] = M(""), [r, i] = M([]);
   return {
     data: r,
     query: t,
@@ -1317,7 +1315,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 Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(E, { size: "sm", children: e.name }), ln = oe(
   (e) => /* @__PURE__ */ l.jsx("h1", { children: "SingleForeignKey" })
 ), an = oe(
   ({
@@ -1331,9 +1329,9 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       e,
       n
     );
-    return /* @__PURE__ */ l.jsxs(W, { gap: "sm", children: [
+    return /* @__PURE__ */ l.jsxs(X, { gap: "sm", children: [
       /* @__PURE__ */ l.jsx(
-        Ao,
+        To,
         {
           property: n,
           query: a,
@@ -1348,11 +1346,11 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
         }
       ),
       /* @__PURE__ */ l.jsx(
-        To,
+        Ao,
         {
           items: t.map((c) => i.get(c)).filter((c) => c != null),
           onDelete: (c) => {
-            o(t.filter((f) => f !== c.id));
+            o(t.filter((g) => g !== c.id));
           },
           render: Vo,
           freeze: r
@@ -1360,7 +1358,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       )
     ] });
   }
-), Ao = ({
+), To = ({
   property: e,
   data: n,
   onSelect: t,
@@ -1370,14 +1368,14 @@ 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({
+  const u = W(e), c = qt({
     onDropdownClose: () => c.resetSelectedOption()
-  }), f = _(() => n.map((m) => (
+  }), 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(z.Option, { value: m.id.toString(), children: o(m) }, m.id)
   )), [n]);
   return /* @__PURE__ */ l.jsxs(
-    O,
+    z,
     {
       store: c,
       onOptionSubmit: (m) => {
@@ -1387,8 +1385,8 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       shadow: "sm",
       disabled: a,
       children: [
-        /* @__PURE__ */ l.jsx(O.Target, { children: /* @__PURE__ */ l.jsx(
-          X,
+        /* @__PURE__ */ l.jsx(z.Target, { children: /* @__PURE__ */ l.jsx(
+          J,
           {
             ...u,
             id: e.name,
@@ -1402,11 +1400,11 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
             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(z.Dropdown, { children: /* @__PURE__ */ l.jsx(z.Options, { children: g.length === 0 ? /* @__PURE__ */ l.jsx(z.Empty, { children: "Nothing found" }) : g }) })
       ]
     }
   );
-}, To = ({
+}, Ao = ({
   items: e,
   onDelete: n,
   render: t,
@@ -1419,7 +1417,7 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       i.push(
         /* @__PURE__ */ l.jsxs(L, { justify: "space-between", p: "sm", children: [
           t(a),
-          !o && /* @__PURE__ */ l.jsx(On, { size: "sm", onClick: () => n(a) })
+          !o && /* @__PURE__ */ l.jsx(Ln, { size: "sm", onClick: () => n(a) })
         ] }, s)
       ), s < e.length - 1 && i.push(/* @__PURE__ */ l.jsx(zn, {}, `divider-${s}`));
     }
@@ -1428,8 +1426,8 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
   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: [
+  const r = W(e, "start"), i = W(e, "end");
+  return /* @__PURE__ */ l.jsxs(B, { gap: "sm", justify: "space-between", direction: "row", align: "center", children: [
     /* @__PURE__ */ l.jsx(
       Je,
       {
@@ -1438,7 +1436,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
           });
         },
@@ -1461,7 +1459,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",
@@ -1475,8 +1473,8 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
     )
   ] });
 }, 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: [
+  const r = W(e, "start"), i = W(e, "end");
+  return /* @__PURE__ */ l.jsxs(B, { gap: "sm", justify: "space-between", direction: "row", align: "center", children: [
     /* @__PURE__ */ l.jsx(
       Pt,
       {
@@ -1485,7 +1483,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
           });
         },
@@ -1509,7 +1507,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",
@@ -1531,9 +1529,9 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
   "string[]": Se,
   enum: Eo,
   date: Po
-}, Lo = "_requiredLabelLeft_l5p83_1", Oo = "_requiredLabelRight_l5p83_11", At = {
-  requiredLabelLeft: Lo,
-  requiredLabelRight: Oo
+}, Oo = "_requiredLabelLeft_l5p83_1", Lo = "_requiredLabelRight_l5p83_11", Tt = {
+  requiredLabelLeft: Oo,
+  requiredLabelRight: Lo
 }, un = ({
   label: e,
   name: n,
@@ -1542,9 +1540,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(L, { 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,
       {
@@ -1569,12 +1567,12 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
     onChange: a,
     visible: u
   }) => {
-    const [c, f] = $(void 0);
+    const [c, 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 {
@@ -1582,8 +1580,8 @@ const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
         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 } })
+      d.isValid ? g(void 0) : g(
+        (f = d.errorMessage) == null ? void 0 : f.t({ args: { name: t.label } })
       );
     }), /* @__PURE__ */ l.jsx(
       cn,
@@ -1612,7 +1610,7 @@ function cn({
   label: a,
   onChange: u
 }) {
-  return Go(n) ? /* @__PURE__ */ l.jsxs(W, { gap: 5, children: [
+  return Go(n) ? /* @__PURE__ */ l.jsxs(X, { gap: 5, children: [
     /* @__PURE__ */ l.jsxs(A, { gutter: "sm", children: [
       /* @__PURE__ */ l.jsx(
         A.Col,
@@ -1625,10 +1623,10 @@ function cn({
           children: /* @__PURE__ */ l.jsx(
             un,
             {
-              label: /* @__PURE__ */ l.jsx(T, { value: t.label }),
+              label: /* @__PURE__ */ l.jsx(N, { value: t.label }),
               name: t.name,
               required: t.isRequired,
-              tooltip: t.description !== void 0 ? /* @__PURE__ */ l.jsx(T, { value: t.description }) : void 0,
+              tooltip: t.description !== void 0 ? /* @__PURE__ */ l.jsx(N, { value: t.description }) : void 0,
               align: n.align
             }
           )
@@ -1648,14 +1646,14 @@ 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 }) })
+      /* @__PURE__ */ l.jsx(A.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(N, { value: t.label })), !n.helpAlwaysVisible && t.description !== void 0 && (a = /* @__PURE__ */ l.jsxs(L, { gap: 4, style: { display: "inline-flex" }, children: [
     a,
     /* @__PURE__ */ l.jsx(
       Ut,
       {
-        label: /* @__PURE__ */ l.jsx(T, { value: t.description }),
+        label: /* @__PURE__ */ l.jsx(N, { value: t.description }),
         withArrow: !0,
         children: /* @__PURE__ */ l.jsx(
           Wt,
@@ -1668,10 +1666,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(N, { value: t.description }) : void 0,
       required: t.isRequired,
       children: /* @__PURE__ */ l.jsx(
         o,
@@ -1690,7 +1688,7 @@ function cn({
 function Go(e) {
   return e.type === "horizontal";
 }
-const Ti = 12, Ni = (e) => {
+const Ni = 12, ki = (e) => {
   const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => Ho(
     n,
     e.store,
@@ -1705,10 +1703,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(X, { gap: "sm", className: e.className, style: e.styles, children: [
         t,
-        /* @__PURE__ */ l.jsx(L, { gap: "sm", children: e.actions.map((o, r) => /* @__PURE__ */ l.jsx(
-          H,
+        /* @__PURE__ */ l.jsx(L, { gap: "sm", justify: e.actionsAlign, children: e.actions.map((o, r) => /* @__PURE__ */ l.jsx(
+          q,
           {
             variant: o.variant,
             onClick: () => {
@@ -1724,25 +1722,25 @@ const Ti = 12, Ni = (e) => {
   );
 };
 function Ho(e, n, t, o, r, i) {
-  var c, f;
+  var c, 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];
+      const f = s[m][d];
       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(
+        let S;
+        typeof f == "object" && "prop" in f ? (S = f.prop instanceof Y ? f.prop : e.allProperties[f.prop], f.args !== void 0 && (v = f.args)) : S = f instanceof Y ? f : e.allProperties[f], h = /* @__PURE__ */ l.jsx(
           zo,
           {
             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,
@@ -1755,7 +1753,7 @@ function Ho(e, n, t, o, r, i) {
           nn,
           {
             span: (c = v.colsize) == null ? void 0 : c.span,
-            grow: (f = v.colsize) == null ? void 0 : f.grow,
+            grow: (g = v.colsize) == null ? void 0 : g.grow,
             children: h
           },
           `${m}-${d}`
@@ -1766,13 +1764,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);
+  const u = /* @__PURE__ */ l.jsx(X, { gap: "sm", children: a }, o);
   return r.name !== void 0 ? /* @__PURE__ */ l.jsx(Kt, { legend: r.name, children: u }, o) : u;
 }
 function gn(e, n) {
   if (n !== void 0)
     return n;
-  const t = e instanceof K ? e.leafProperty : e;
+  const t = e instanceof Y ? e.leafProperty : e;
   if (se(t))
     return t.cardinality === "N:N" || t.cardinality === "1:N" ? an : ln;
   if (Vt[t.datatype] === void 0)
@@ -1793,16 +1791,16 @@ const qo = oe(
     onChange: a,
     visible: u
   }) => {
-    const [c, f] = $(void 0);
+    const [c, 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 } })
+      d.isValid ? g(void 0) : g(
+        (f = d.errorMessage) == null ? void 0 : f.t({ args: { name: t.label } })
       );
     }), /* @__PURE__ */ l.jsx(
       cn,
@@ -1819,7 +1817,7 @@ const qo = oe(
       }
     );
   }
-), ki = (e) => {
+), Oi = (e) => {
   const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => Bo(
     n,
     e.record,
@@ -1834,10 +1832,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(X, { gap: "sm", className: e.className, style: e.styles, children: [
         t,
-        e.actions && e.actions.length > 0 && /* @__PURE__ */ l.jsx(L, { gap: "sm", justify: "flex-end", children: e.actions.map((o, r) => /* @__PURE__ */ l.jsx(
-          H,
+        e.actions && e.actions.length > 0 && /* @__PURE__ */ l.jsx(L, { gap: "sm", justify: e.actionsAlign, children: e.actions.map((o, r) => /* @__PURE__ */ l.jsx(
+          q,
           {
             variant: o.variant,
             onClick: () => {
@@ -1853,25 +1851,25 @@ const qo = oe(
   );
 };
 function Bo(e, n, t, o, r, i) {
-  var c, f;
+  var c, 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];
+      const f = s[m][d];
       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(
+        let S;
+        typeof f == "object" && "prop" in f ? (S = f.prop instanceof Y ? f.prop : e.allProperties[f.prop], f.args !== void 0 && (v = f.args)) : S = f instanceof Y ? f : e.allProperties[f], h = /* @__PURE__ */ l.jsx(
           qo,
           {
             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,
@@ -1884,7 +1882,7 @@ function Bo(e, n, t, o, r, i) {
           nn,
           {
             span: (c = v.colsize) == null ? void 0 : c.span,
-            grow: (f = v.colsize) == null ? void 0 : f.grow,
+            grow: (g = v.colsize) == null ? void 0 : g.grow,
             children: h
           },
           `${m}-${d}`
@@ -1895,7 +1893,7 @@ 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);
+  const u = /* @__PURE__ */ l.jsx(X, { gap: "sm", children: a }, t);
   return o.name !== void 0 ? /* @__PURE__ */ l.jsx(Kt, { legend: o.name, children: u }, t) : u;
 }
 /**
@@ -1911,7 +1909,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 H(e, n) {
   return (t) => {
     n.setState((o) => ({
       ...o,
@@ -1935,23 +1933,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;
+      const g = Math.round((Date.now() - s) * 100) / 100, m = Math.round((Date.now() - c) * 100) / 100, p = m / 16, d = (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⏱ ${d(m, 5)} /${d(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 +1957,7 @@ function x(e, n, t) {
     return r;
   };
 }
-function R(e, n, t, o) {
+function x(e, n, t, o) {
   return {
     debug: () => {
       var r;
@@ -1979,14 +1977,14 @@ 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, c) => ({
       table: s,
       column: a,
       row: u,
       cell: c,
       getValue: c.getValue,
       renderValue: c.renderValue
-    }), R(e.options, "debugCells", "cell.getContext"))
+    }), x(e.options, "debugCells", "cell.getContext"))
   };
   return e._features.forEach((s) => {
     s.createCell == null || s.createCell(i, t, n, e);
@@ -1998,42 +1996,42 @@ function Wo(e, n, t, o) {
     ...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 c = (r = (i = a.id) != null ? i : u ? typeof String.prototype.replaceAll == "function" ? u.replaceAll(".", "_") : u.replace(/\./g, "_") : void 0) != null ? r : typeof a.header == "string" ? a.header : void 0, g;
+  if (a.accessorFn ? g = a.accessorFn : u && (u.includes(".") ? g = (p) => {
     let d = 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;
+      d = (f = d) == null ? void 0 : f[h], process.env.NODE_ENV !== "production" && d === void 0 && console.warn(`"${h}" in deeply nested key "${u}" returned undefined.`);
     }
     return d;
-  } : f = (p) => p[a.accessorKey]), !c)
+  } : g = (p) => p[a.accessorKey]), !c)
     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,
+    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) => {
+    }, x(e.options, "debugColumns", "column.getFlatColumns")),
+    getLeafColumns: w(() => [e._getOrderColumnsFn()], (p) => {
       var d;
       if ((d = m.columns) != null && d.length) {
-        let g = m.columns.flatMap((h) => h.getLeafColumns());
-        return p(g);
+        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 O = "debugHeaders";
+function At(e, n, t) {
   var o;
   let i = {
     id: (o = t.id) != null ? o : n.id,
@@ -2064,83 +2062,83 @@ function Tt(e, n, t) {
 }
 const Xo = {
   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) => {
+    }, x(e.options, O, "getHeaderGroups")), e.getCenterHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => (t = t.filter((i) => !(o != null && o.includes(i.id)) && !(r != null && r.includes(i.id))), Fe(n, t, e, "center")), x(e.options, O, "getCenterHeaderGroups")), e.getLeftHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (n, t, o) => {
       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) => {
+    }, x(e.options, O, "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) => {
+    }, x(e.options, O, "getRightHeaderGroups")), e.getFooterGroups = w(() => [e.getHeaderGroups()], (n) => [...n].reverse(), x(e.options, O, "getFooterGroups")), e.getLeftFooterGroups = w(() => [e.getLeftHeaderGroups()], (n) => [...n].reverse(), x(e.options, O, "getLeftFooterGroups")), e.getCenterFooterGroups = w(() => [e.getCenterHeaderGroups()], (n) => [...n].reverse(), x(e.options, O, "getCenterFooterGroups")), e.getRightFooterGroups = w(() => [e.getRightHeaderGroups()], (n) => [...n].reverse(), x(e.options, O, "getRightFooterGroups")), e.getFlatHeaders = w(() => [e.getHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, O, "getFlatHeaders")), e.getLeftFlatHeaders = w(() => [e.getLeftHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, O, "getLeftFlatHeaders")), e.getCenterFlatHeaders = w(() => [e.getCenterHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, O, "getCenterFlatHeaders")), e.getRightFlatHeaders = w(() => [e.getRightHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, O, "getRightFlatHeaders")), e.getCenterLeafHeaders = w(() => [e.getCenterFlatHeaders()], (n) => n.filter((t) => {
       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, O, "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, O, "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) => {
+    }), x(e.options, O, "getRightLeafHeaders")), e.getLeafHeaders = w(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (n, t, o) => {
       var r, i, s, a, u, c;
-      return [...(r = (i = n[0]) == null ? void 0 : i.headers) != null ? r : [], ...(s = (a = t[0]) == null ? void 0 : a.headers) != null ? s : [], ...(u = (c = o[0]) == null ? void 0 : c.headers) != null ? u : []].map((f) => f.getLeafHeaders()).flat();
-    }, R(e.options, k, "getLeafHeaders"));
+      return [...(r = (i = n[0]) == null ? void 0 : i.headers) != null ? r : [], ...(s = (a = t[0]) == null ? void 0 : a.headers) != null ? s : [], ...(u = (c = o[0]) == null ? void 0 : c.headers) != null ? u : []].map((g) => g.getLeafHeaders()).flat();
+    }, x(e.options, O, "getLeafHeaders"));
   }
 };
 function Fe(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) => {
+    d === void 0 && (d = 1), s = Math.max(s, d), 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, d + 1);
     }, 0);
   };
   a(e);
   let u = [];
   const c = (p, d) => {
-    const g = {
+    const f = {
       depth: d,
       id: [o, `${d}`].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 j, I = !1;
+      if (R && v.column.parent ? j = v.column.parent : (j = v.column, I = !0), S && (S == null ? void 0 : S.column) === j)
+        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,
+        const P = At(t, j, {
+          id: [o, d, j.id, v == null ? void 0 : v.id].filter(Boolean).join("_"),
+          isPlaceholder: I,
+          placeholderId: I ? `${h.filter((k) => k.column === j).length}` : void 0,
           depth: d,
           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), d > 0 && c(h, d - 1);
+  }, g = n.map((p, d) => At(t, p, {
     depth: s,
     index: d
   }));
-  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) => {
+  c(g, s - 1), u.reverse();
+  const m = (p) => p.filter((f) => f.column.getIsVisible()).map((f) => {
+    let h = 0, v = 0, S = [0];
+    f.subHeaders && f.subHeaders.length ? (S = [], m(f.subHeaders).forEach((j) => {
       let {
-        colSpan: F,
-        rowSpan: N
-      } = w;
-      h += F, C.push(N);
+        colSpan: I,
+        rowSpan: P
+      } = j;
+      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
     };
@@ -2180,14 +2178,14 @@ const Jo = (e, n, t, o, r, i, s) => {
     getParentRows: () => {
       let u = [], c = a;
       for (; ; ) {
-        const f = c.getParentRow();
-        if (!f) break;
-        u.push(f), c = f;
+        const g = c.getParentRow();
+        if (!g) break;
+        u.push(g), c = 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((c) => Yo(e, a, c, c.id)), x(e.options, "debugRows", "getAllCells")),
+    _getAllCellsByColumnId: w(() => [a.getAllCells()], (u) => u.reduce((c, g) => (c[g.column.id] = g, c), {}), x(e.options, "debugRows", "getAllCellsByColumnId"))
   };
   for (let u = 0; u < e._features.length; u++) {
     const c = e._features[u];
@@ -2206,36 +2204,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 +2247,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,7 +2259,7 @@ const J = {
   weakEquals: wn,
   inNumberRange: pt
 };
-function U(e) {
+function K(e) {
   return e == null || e === "";
 }
 const Zo = {
@@ -2273,19 +2271,19 @@ const Zo = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnFiltersChange: G("columnFilters", e),
+    onColumnFiltersChange: H("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() : (
         // @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,10 +2296,10 @@ 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,
@@ -2309,7 +2307,7 @@ const Zo = {
         };
         if (i) {
           var c;
-          return (c = o == null ? void 0 : o.map((f) => f.id === e.id ? u : f)) != null ? c : [];
+          return (c = o == null ? void 0 : o.map((g) => g.id === e.id ? u : g)) != null ? c : [];
         }
         return o != null && o.length ? [...o, u] : [u];
       });
@@ -2402,7 +2400,7 @@ const er = (e, n, t) => t.reduce((o, r) => {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onGroupingChange: G("grouping", e),
+    onGroupingChange: H("grouping", e),
     groupedColumnMode: "reorder"
   }),
   createColumn: (e, n) => {
@@ -2468,10 +2466,10 @@ const cr = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnOrderChange: G("columnOrder", e)
+    onColumnOrderChange: H("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) => [ve(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;
     }, e.getIsLastColumn = (t) => {
@@ -2484,20 +2482,20 @@ 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);
+          const u = s.shift(), c = a.findIndex((g) => g.id === u);
           c > -1 && i.push(a.splice(c, 1)[0]);
         }
         i = [...i, ...a];
       }
       return dr(i, t, o);
-    }, R(e.options, "debugTable", "_getOrderColumnsFn"));
+    }, x(e.options, "debugTable", "_getOrderColumnsFn"));
   }
 }, He = () => ({
   left: [],
@@ -2508,7 +2506,7 @@ const cr = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnPinningChange: G("columnPinning", e)
+    onColumnPinningChange: H("columnPinning", e)
   }),
   createColumn: (e, n) => {
     e.pin = (t) => {
@@ -2523,10 +2521,10 @@ const cr = {
           };
         }
         if (t === "left") {
-          var c, f;
+          var c, 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)))
+            right: ((g = r == null ? void 0 : r.right) != null ? g : []).filter((m) => !(o != null && o.includes(m)))
           };
         }
         return {
@@ -2550,16 +2548,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,10 +2571,10 @@ 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) {
@@ -2603,15 +2601,15 @@ const Ie = {
   getDefaultOptions: (e) => ({
     columnResizeMode: "onEnd",
     columnResizeDirection: "ltr",
-    onColumnSizingChange: G("columnSizing", e),
-    onColumnSizingInfoChange: G("columnSizingInfo", e)
+    onColumnSizingChange: H("columnSizing", e),
+    onColumnSizingInfoChange: H("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 = () => {
+    }, e.getStart = w((t) => [t, ve(n, t), n.getState().columnSizing], (t, o) => o.slice(0, e.getIndex(t)).reduce((r, i) => r + i.getSize(), 0), x(n.options, "debugColumns", "getStart")), e.getAfter = w((t) => [t, ve(n, t), n.getState().columnSizing], (t, o) => o.slice(e.getIndex(t) + 1).reduce((r, i) => r + i.getSize(), 0), x(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
       n.setColumnSizing((t) => {
         let {
           [e.id]: o,
@@ -2647,25 +2645,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, c = {}, g = (S, R) => {
+          typeof R == "number" && (n.setColumnSizingInfo((j) => {
+            var I, P;
+            const k = n.options.columnResizeDirection === "rtl" ? -1 : 1, F = (R - ((I = j == null ? void 0 : j.startOffset) != null ? I : 0)) * k, V = Math.max(F / ((P = j == null ? void 0 : j.startSize) != null ? P : 0), -0.999999);
+            return j.columnSizingStart.forEach((G) => {
+              let [Te, we] = G;
+              c[Te] = Math.round(Math.max(we + we * V, 0) * 100) / 100;
             }), {
-              ...w,
-              deltaOffset: I,
-              deltaPercentage: D
+              ...j,
+              deltaOffset: F,
+              deltaPercentage: V
             };
-          }), (n.options.columnResizeMode === "onChange" || C === "end") && n.setColumnSizing((w) => ({
-            ...w,
+          }), (n.options.columnResizeMode === "onChange" || S === "end") && n.setColumnSizing((j) => ({
+            ...j,
             ...c
           })));
-        }, m = (C) => f("move", C), p = (C) => {
-          f("end", C), n.setColumnSizingInfo((y) => ({
-            ...y,
+        }, m = (S) => g("move", S), p = (S) => {
+          g("end", S), n.setColumnSizingInfo((R) => ({
+            ...R,
             isResizingColumn: !1,
             startOffset: null,
             startSize: null,
@@ -2673,22 +2671,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);
+        }, d = fr(t), f = {
+          moveHandler: (S) => m(S.clientX),
+          upHandler: (S) => {
+            d == null || d.removeEventListener("mousemove", f.moveHandler), d == null || d.removeEventListener("mouseup", f.upHandler), p(S.clientX);
           }
         }, 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;
+            d == null || d.removeEventListener("touchmove", h.moveHandler), d == null || d.removeEventListener("touchend", h.upHandler), S.cancelable && (S.preventDefault(), S.stopPropagation()), p((R = S.touches[0]) == null ? void 0 : R.clientX);
           }
         }, v = pr() ? {
           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) ? (d == null || d.addEventListener("touchmove", h.moveHandler, v), d == null || d.addEventListener("touchend", h.upHandler, v)) : (d == null || d.addEventListener("mousemove", f.moveHandler, v), d == null || d.addEventListener("mouseup", f.upHandler, v)), n.setColumnSizingInfo((S) => ({
+          ...S,
           startOffset: u,
           startSize: s,
           deltaOffset: 0,
@@ -2747,7 +2745,7 @@ const hr = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onColumnVisibilityChange: G("columnVisibility", e)
+    onColumnVisibilityChange: H("columnVisibility", e)
   }),
   createColumn: (e, n) => {
     e.toggleVisibility = (t) => {
@@ -2767,10 +2765,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 : {});
@@ -2802,7 +2800,7 @@ const Sr = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onGlobalFilterChange: G("globalFilter", e),
+    onGlobalFilterChange: H("globalFilter", e),
     globalFilterFn: "auto",
     getColumnCanGlobalFilter: (n) => {
       var t;
@@ -2817,12 +2815,12 @@ 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 Ve(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) => {
@@ -2835,7 +2833,7 @@ const Sr = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onExpandedChange: G("expanded", e),
+    onExpandedChange: H("expanded", e),
     paginateExpandedRows: !0
   }),
   createTable: (e) => {
@@ -2928,7 +2926,7 @@ const Sr = {
     }
   }),
   getDefaultOptions: (e) => ({
-    onPaginationChange: G("pagination", e)
+    onPaginationChange: H("pagination", e)
   }),
   createTable: (e) => {
     let n = !1, t = !1;
@@ -2983,10 +2981,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();
@@ -3008,7 +3006,7 @@ const Sr = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onRowPinningChange: G("rowPinning", e)
+    onRowPinningChange: H("rowPinning", e)
   }),
   createRow: (e, n) => {
     e.pin = (t, o, r) => {
@@ -3024,7 +3022,7 @@ const Sr = {
         return c;
       }) : [], a = /* @__PURE__ */ new Set([...s, e.id, ...i]);
       n.setRowPinning((u) => {
-        var c, f;
+        var c, g;
         if (t === "bottom") {
           var m, p;
           return {
@@ -3033,15 +3031,15 @@ const Sr = {
           };
         }
         if (t === "top") {
-          var d, g;
+          var d, 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)))
+            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)))
+          bottom: ((g = u == null ? void 0 : u.bottom) != null ? g : []).filter((h) => !(a != null && a.has(h)))
         };
       });
     }, e.getCanPin = () => {
@@ -3098,10 +3096,10 @@ 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 = {
   getInitialState: (e) => ({
@@ -3109,7 +3107,7 @@ const Sr = {
     ...e
   }),
   getDefaultOptions: (e) => ({
-    onRowSelectionChange: G("rowSelection", e),
+    onRowSelectionChange: H("rowSelection", e),
     enableRowSelection: !0,
     enableMultiRowSelection: !0,
     enableSubRowSelection: !0
@@ -3140,19 +3138,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 ? Ye(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 ? Ye(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 ? Ye(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();
@@ -3230,11 +3228,11 @@ function Ye(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 = {
+      const g = ht(u, t);
+      if (g && (o.push(u), r[u.id] = u), (c = u.subRows) != null && c.length && (u = {
         ...u,
         subRows: i(u.subRows)
-      }), f)
+      }), g)
         return u;
     }).filter(Boolean);
   };
@@ -3306,7 +3304,7 @@ const pe = {
     sortUndefined: 1
   }),
   getDefaultOptions: (e) => ({
-    onSortingChange: G("sorting", e),
+    onSortingChange: H("sorting", e),
     isMultiSortEvent: (n) => n.shiftKey
   }),
   createColumn: (e, n) => {
@@ -3333,17 +3331,17 @@ const pe = {
       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") {
+        let c = [], 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, {
             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 ? {
+        } else g === "toggle" ? c = s.map((d) => d.id === e.id ? {
           ...d,
           desc: m
-        } : d) : f === "remove" ? c = s.filter((d) => d.id !== e.id) : c = [{
+        } : d) : g === "remove" ? c = s.filter((d) => d.id !== e.id) : c = [{
           id: e.id,
           desc: m
         }];
@@ -3425,7 +3423,7 @@ function Mr(e) {
     u = (d = p.getInitialState == null ? void 0 : p.getInitialState(u)) != null ? d : u;
   });
   const c = [];
-  let f = !1;
+  let g = !1;
   const m = {
     _features: o,
     options: {
@@ -3434,10 +3432,10 @@ function Mr(e) {
     },
     initialState: u,
     _queue: (p) => {
-      c.push(p), f || (f = !0, Promise.resolve().then(() => {
+      c.push(p), g || (g = !0, Promise.resolve().then(() => {
         for (; c.length; )
           c.shift()();
-        f = !1;
+        g = !1;
       }).catch((d) => setTimeout(() => {
         throw d;
       })));
@@ -3453,9 +3451,9 @@ function Mr(e) {
     setState: (p) => {
       r.options.onStateChange == null || r.options.onStateChange(p);
     },
-    _getRowId: (p, d, g) => {
+    _getRowId: (p, d, 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, d, f)) != null ? h : `${f ? [f.id, d].join(".") : d}`;
     },
     getCoreRowModel: () => (r._getCoreRowModel || (r._getCoreRowModel = r.options.getCoreRowModel(r)), r._getCoreRowModel()),
     // The final calls start at the bottom of the model,
@@ -3463,43 +3461,43 @@ function Mr(e) {
     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))
+      let f = (d ? 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) => {
+    _getDefaultColumnDef: w(() => [r.options.defaultColumn], (p) => {
       var d;
       return p = (d = p) != null ? d : {}, {
-        header: (g) => {
-          const h = g.header.column.columnDef;
+        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 d = function(f, h, v) {
+        return v === void 0 && (v = 0), f.map((S) => {
+          const R = Wo(r, S, v, h), j = S;
+          return R.columns = j.columns ? d(j.columns, R, v + 1) : [], R;
         });
       };
       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")),
+    }, x(e, "debugColumns", "getAllColumns")),
+    getAllFlatColumns: w(() => [r.getAllColumns()], (p) => p.flatMap((d) => d.getFlatColumns()), x(e, "debugColumns", "getAllFlatColumns")),
+    _getAllFlatColumnsById: w(() => [r.getAllFlatColumns()], (p) => p.reduce((d, f) => (d[f.id] = f, d), {}), x(e, "debugColumns", "getAllFlatColumnsById")),
+    getAllLeafColumns: w(() => [r.getAllColumns(), r._getOrderColumnsFn()], (p, d) => {
+      let f = p.flatMap((h) => h.getLeafColumns());
+      return d(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;
@@ -3513,7 +3511,7 @@ function Mr(e) {
   return r;
 }
 function Rn() {
-  return (e) => x(() => [e.options.data], (n) => {
+  return (e) => w(() => [e.options.data], (n) => {
     const t = {
       rows: [],
       flatRows: [],
@@ -3522,16 +3520,16 @@ function Rn() {
       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) {
+        const g = Jo(e, e._getRowId(r[c], c, s), r[c], c, 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[c], c), (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) {
   const n = [], t = (o) => {
@@ -3545,7 +3543,7 @@ function br(e) {
   };
 }
 function Dr(e) {
-  return (n) => x(() => [n.getState().pagination, n.getPrePaginationRowModel(), n.options.paginateExpandedRows ? void 0 : n.getState().expanded], (t, o) => {
+  return (n) => w(() => [n.getState().pagination, n.getPrePaginationRowModel(), n.options.paginateExpandedRows ? void 0 : n.getState().expanded], (t, o) => {
     if (!o.rows.length)
       return o;
     const {
@@ -3557,8 +3555,8 @@ function Dr(e) {
       flatRows: a,
       rowsById: u
     } = o;
-    const c = r * i, f = c + r;
-    s = s.slice(c, f);
+    const c = r * i, g = c + r;
+    s = s.slice(c, g);
     let m;
     n.options.paginateExpandedRows ? m = {
       rows: s,
@@ -3573,7 +3571,7 @@ function Dr(e) {
       m.flatRows.push(d), d.subRows.length && d.subRows.forEach(p);
     };
     return m.rows.forEach(p), m;
-  }, R(n.options, "debugTable", "getPaginationRowModel"));
+  }, x(n.options, "debugTable", "getPaginationRowModel"));
 }
 /**
    * react-table
@@ -3589,15 +3587,15 @@ function kt(e, n) {
   return e ? Vr(e) ? /* @__PURE__ */ Xe.createElement(e, n) : e : null;
 }
 function Vr(e) {
-  return Ar(e) || typeof e == "function" || Tr(e);
+  return Tr(e) || typeof e == "function" || Ar(e);
 }
-function Ar(e) {
+function Tr(e) {
   return typeof e == "function" && (() => {
     const n = Object.getPrototypeOf(e);
     return n.prototype && n.prototype.isReactComponent;
   })();
 }
-function Tr(e) {
+function Ar(e) {
   return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
 }
 function yn(e) {
@@ -3633,7 +3631,7 @@ const jn = ({
   size: o = "xs"
 }) => /* @__PURE__ */ l.jsxs(L, { gap: o, children: [
   (e == null ? void 0 : e.add) && /* @__PURE__ */ l.jsx(
-    H,
+    q,
     {
       variant: "light",
       leftSection: /* @__PURE__ */ l.jsx(Yn, { size: 16, stroke: 1.5 }),
@@ -3643,7 +3641,7 @@ const jn = ({
     }
   ),
   (e == null ? void 0 : e.edit) && /* @__PURE__ */ l.jsx(
-    H,
+    q,
     {
       leftSection: /* @__PURE__ */ l.jsx(Wn, { size: 16, stroke: 1.5 }),
       size: o,
@@ -3654,7 +3652,7 @@ const jn = ({
     }
   ),
   (e == null ? void 0 : e.reload) && /* @__PURE__ */ l.jsx(
-    H,
+    q,
     {
       leftSection: /* @__PURE__ */ l.jsx(Xn, { size: 16, stroke: 1.5 }),
       size: o,
@@ -3664,7 +3662,7 @@ const jn = ({
     }
   ),
   (e == null ? void 0 : e.import) && /* @__PURE__ */ l.jsx(
-    H,
+    q,
     {
       leftSection: /* @__PURE__ */ l.jsx(Jn, { size: 16, stroke: 1.5 }),
       size: o,
@@ -3674,7 +3672,7 @@ const jn = ({
     }
   ),
   (e == null ? void 0 : e.export) && /* @__PURE__ */ l.jsx(
-    H,
+    q,
     {
       leftSection: /* @__PURE__ */ l.jsx(Qn, { size: 16, stroke: 1.5 }),
       size: o,
@@ -3683,25 +3681,25 @@ const jn = ({
       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), Nr = "__selectcol__", { Thead: kr, Tr: We, Th: Or, Tbody: Lr, Td: Ot } = Yt, 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: [
+  e.table.getRowCount() === 0 ? n = /* @__PURE__ */ l.jsx(We, { children: /* @__PURE__ */ l.jsx(Ot, { colSpan: e.table.getVisibleLeafColumns().length, children: /* @__PURE__ */ l.jsxs(X, { justify: "center", align: "center", gap: "xs", children: [
     /* @__PURE__ */ l.jsx(Zn, { color: "var(--mantine-color-dimmed)" }),
-    /* @__PURE__ */ l.jsx(P, { c: "dimmed", fz: "sm", children: "No records found." })
+    /* @__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;
     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);
+    for (const g of i.getVisibleCells()) {
+      const m = g.column.columnDef.meta, p = (u = m == null ? void 0 : m.rowSpan) == null ? void 0 : u.call(m, i.original, s), d = (c = m == null ? void 0 : m.colSpan) == null ? void 0 : c.call(m, i.original, s);
       p === 0 || d === 0 || a.push(
         /* @__PURE__ */ l.jsx(
-          Lt,
+          Ot,
           {
             rowSpan: p,
             colSpan: d,
-            children: kt(f.column.columnDef.cell, f.getContext())
+            children: kt(g.column.columnDef.cell, g.getContext())
           },
-          f.id
+          g.id
         )
       );
     }
@@ -3723,7 +3721,7 @@ const jn = ({
       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,
+          Or,
           {
             w: i.id === Nr ? "1%" : void 0,
             children: i.isPlaceholder ? null : kt(
@@ -3733,7 +3731,7 @@ const jn = ({
           },
           i.id
         )) }, r.id)) }),
-        /* @__PURE__ */ l.jsx(Or, { pos: "relative", children: n })
+        /* @__PURE__ */ l.jsx(Lr, { pos: "relative", children: n })
       ]
     }
   );
@@ -3742,47 +3740,48 @@ const jn = ({
   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 = ({
+}, Hr = ["10", "20", "50", "100"], Pn = ({
   total: e,
   pageIndex: n,
   pageSize: t,
   allowPageSizeChange: o = !0,
-  onUpdatePagination: r
+  pageSizeOptions: r = Hr,
+  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: [
     /* @__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,
+        qr,
         {
           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;
-}, Ot = {
+    s
+  ] }) : s;
+}, Lt = {
   xs: ge(22),
   sm: ge(26),
   md: ge(32),
   lg: ge(38),
   xl: ge(44)
 };
-function Hr({
+function qr({
   size: e,
   values: n,
   value: t,
@@ -3790,7 +3789,7 @@ function Hr({
 }) {
   return /* @__PURE__ */ l.jsxs(ae, { withinPortal: !0, withArrow: !0, offset: 2, children: [
     /* @__PURE__ */ l.jsx(Hn, { children: /* @__PURE__ */ l.jsx(
-      H,
+      q,
       {
         size: e,
         variant: "default",
@@ -3798,7 +3797,7 @@ function Hr({
         style: [
           { fontWeight: "normal" },
           (r) => ({
-            height: Ot[e],
+            height: Lt[e],
             paddingLeft: r.spacing[e],
             paddingRight: r.spacing[e]
           })
@@ -3818,7 +3817,7 @@ function Hr({
         {
           className: i ? Gr.pageSizeSelectorActive : void 0,
           style: [
-            { height: Ot[e] }
+            { height: Lt[e] }
             // isCurrent
             //   ? {
             //       color: "var(--mantine-color-text)",
@@ -3829,40 +3828,40 @@ 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 Br = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
+  var S, R, j, 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);
+  }, [c, 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;
+  const p = _(() => Object.keys(i).filter((P) => i[P]).map((P) => e.normalizeRowId(P)), [i]);
+  let d, f;
   _n(e.actions) && (d = /* @__PURE__ */ l.jsx(
     jn,
     {
@@ -3871,63 +3870,64 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
       selectedRowKeys: p
     }
   ));
-  const h = ((C = e.pagination) == null ? void 0 : C.positions) || qr;
+  const h = ((S = e.pagination) == null ? void 0 : S.positions) || Br;
   if (h.size > 0) {
-    const w = /* @__PURE__ */ l.jsx(
+    const P = /* @__PURE__ */ l.jsx(
       Pn,
       {
         total: m,
-        pageIndex: f,
+        pageIndex: g,
         pageSize: c,
         onUpdatePagination: u,
-        allowPageSizeChange: (y = e.pagination) == null ? void 0 : y.showSizeChanger
+        allowPageSizeChange: (R = e.pagination) == null ? void 0 : R.showSizeChanger,
+        pageSizeOptions: (I = (j = e.pagination) == null ? void 0 : j.pageSizeOptions) == null ? void 0 : I.map((k) => k.toString())
       }
     );
     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: [
+      P
+    ] }) : d = /* @__PURE__ */ l.jsx(B, { justify: "flex-end", children: P })), (h.has("bottomRight") || h.has("bottomLeft") || h.has("bottomCenter")) && (h.has("bottomLeft") ? f = /* @__PURE__ */ l.jsxs(B, { justify: "space-between", align: "center", children: [
+      P,
+      /* @__PURE__ */ l.jsxs(E, { size: "sm", c: "dimmed", children: [
         "Showing ",
-        Math.min(f * c + 1, n.total),
+        Math.min(g * c + 1, n.total),
         " to",
         " ",
-        Math.min((f + 1) * c, n.total),
+        Math.min((g + 1) * c, 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 * c + 1, n.total),
         " to",
         " ",
-        Math.min((f + 1) * c, n.total),
+        Math.min((g + 1) * c, 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,
+      Ur,
       {
         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
+        hasBottomSection: f !== void 0
       }
     );
   }, [
@@ -3939,9 +3939,9 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
     i,
     s,
     d !== void 0,
-    g !== void 0
+    f !== void 0
   ]);
-  return d === void 0 || g === void 0 ? v : /* @__PURE__ */ l.jsxs("div", { children: [
+  return d === void 0 || f === void 0 ? v : /* @__PURE__ */ l.jsxs("div", { children: [
     d !== void 0 && /* @__PURE__ */ l.jsx(
       ie,
       {
@@ -3956,7 +3956,7 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
       }
     ),
     v,
-    g !== void 0 && /* @__PURE__ */ l.jsx(
+    f !== void 0 && /* @__PURE__ */ l.jsx(
       ie,
       {
         withBorder: !0,
@@ -3966,11 +3966,11 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
           borderTopRightRadius: 0,
           borderTop: "none"
         },
-        children: g
+        children: f
       }
     )
   ] });
-}, Br = (e) => {
+}, Ur = (e) => {
   const n = _(() => {
     const o = [];
     e.isSelectable && o.push({
@@ -4043,7 +4043,7 @@ function En(e, n, {
   }
   const s = {
     key: n.name,
-    title: t || /* @__PURE__ */ l.jsx(T, { value: n.label }),
+    title: t || /* @__PURE__ */ l.jsx(N, { value: n.label }),
     accessorFn: (a) => a[n.tsName],
     render: (a) => {
       const u = a[n.tsName];
@@ -4055,7 +4055,7 @@ function En(e, n, {
     return /* @__PURE__ */ l.jsx(i, { db: e, property: n, value: u });
   }), s;
 }
-function Oi(e, n, t, {
+function zi(e, n, t, {
   title: o,
   nestedKey: r,
   component: i
@@ -4074,7 +4074,7 @@ function Oi(e, n, t, {
   }
   const a = {
     key: n + "." + t.name,
-    title: o || /* @__PURE__ */ l.jsx(T, { value: t.label }),
+    title: o || /* @__PURE__ */ l.jsx(N, { value: t.label }),
     accessorFn: (u) => u[n.tsName][t.tsName],
     render: (u) => {
       const c = u[n.tsName][t.tsName];
@@ -4086,63 +4086,69 @@ function Oi(e, n, t, {
     return /* @__PURE__ */ l.jsx(s, { db: e, property: t, value: c });
   }), a;
 }
-function zi(e, n, t, o = {}) {
+function Gi(e, n, t, o = {}) {
   return t.map((r) => $n(r) ? r : En(e, n.publicProperties[r], o));
 }
-function Gi(e, n, t = [], o = {}) {
+function Hi(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 Kr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), qi = (e) => {
+  var m, p, d, 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(
+      header: ({ table: S }) => /* @__PURE__ */ l.jsx(
         de,
         {
-          checked: g.getIsAllRowsSelected(),
-          indeterminate: g.getIsSomeRowsSelected(),
-          onChange: g.getToggleAllRowsSelectedHandler()
+          checked: S.getIsAllRowsSelected(),
+          indeterminate: S.getIsSomeRowsSelected(),
+          onChange: S.getToggleAllRowsSelectedHandler()
         }
       ),
-      cell: ({ row: g }) => /* @__PURE__ */ l.jsx(
+      cell: ({ row: S }) => /* @__PURE__ */ l.jsx(
         de,
         {
-          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;
+    return v;
   }, [e.columns, o]), i = yn({
     data: e.data,
     columns: r,
     enableRowSelection: o,
     getCoreRowModel: Rn(),
     getPaginationRowModel: Dr(),
+    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,
@@ -4151,30 +4157,31 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
       selectedRowKeys: s
     }
   ));
-  const c = ((m = e.pagination) == null ? void 0 : m.positions) || Ur;
+  const c = ((p = e.pagination) == null ? void 0 : p.positions) || Kr;
   if (c.size > 0) {
-    const d = i.getState().pagination, g = /* @__PURE__ */ l.jsx(
+    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, j) => i.setPagination({ pageIndex: R, pageSize: j }),
+        allowPageSizeChange: (d = e.pagination) == null ? void 0 : d.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: [
       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 })), (c.has("bottomRight") || c.has("bottomLeft") || c.has("bottomCenter")) && (c.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 +4189,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 +4204,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 +4218,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 +4232,7 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
         children: a
       }
     ),
-    f,
+    g,
     u !== void 0 && /* @__PURE__ */ l.jsx(
       ie,
       {
@@ -4249,19 +4256,19 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
   enum: Se,
   date: No,
   datetime: ko
-}, Kr = {
+}, Yr = {
   lang2value: {
     en: "Update",
     vi: "Cập Nhật"
   },
   lang: "en"
-}, Yr = {
+}, Wr = {
   lang2value: {
     en: "Clear",
     vi: "Xóa"
   },
   lang: "en"
-}, Wr = ({
+}, Xr = ({
   db: e,
   property: n,
   InputComponent: t,
@@ -4286,7 +4293,7 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
     var c;
     return r === void 0 || (c = r(i).errorMessage) == null ? void 0 : c.t({ args: { name: n.label } });
   }, [r, i, n.label]);
-  return /* @__PURE__ */ l.jsxs(W, { gap: 5, children: [
+  return /* @__PURE__ */ l.jsxs(X, { gap: 5, children: [
     /* @__PURE__ */ l.jsxs(A, { gutter: "sm", children: [
       /* @__PURE__ */ l.jsx(
         A.Col,
@@ -4299,10 +4306,10 @@ 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(N, { value: n.label }),
               name: n.name,
               required: n.isRequired,
-              tooltip: n.description !== void 0 ? /* @__PURE__ */ l.jsx(T, { value: n.description }) : void 0,
+              tooltip: n.description !== void 0 ? /* @__PURE__ */ l.jsx(N, { value: n.description }) : void 0,
               align: o.align
             }
           )
@@ -4320,18 +4327,18 @@ 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 }) })
+      /* @__PURE__ */ l.jsx(A.Col, { span: o.itemCol, children: /* @__PURE__ */ l.jsx(J.Error, { children: a }) })
     ] })
   ] });
 };
-function Xr({
+function Jr({
   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 Qr = (e, n) => on(e, n, !1);
+function Zr({
   properties: e,
   queryConditions: n
 }) {
@@ -4340,14 +4347,14 @@ function Qr({
     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" ? Ce : Qr;
+        i.op === "bti" ? (o.push(s(t, Z(i.value[0]).toDate())), o.push(" ≤ "), o.push(he(t, r.property.label)), o.push(" ≤ "), o.push(s(t, Z(i.value[1]).toDate()))) : i.op === "gte" ? (o.push(he(t, r.property.label)), o.push(" ≥ "), o.push(s(t, Z(i.value).toDate()))) : i.op === "lte" && (o.push(he(t, r.property.label)), o.push(" ≤ "), o.push(s(t, Z(i.value).toDate())));
       } else
         o.push(he(t, r.property.label)), i.op === "eq" ? o.push(" = ") : o.push(` ${i.op} `), o.push(i.value.toString());
   }
   return o.join("");
 }
-const Zr = ({
+const ei = ({
   db: e,
   properties: n,
   styles: t,
@@ -4356,74 +4363,74 @@ const Zr = ({
   onChange: i,
   queryConditions: s
 }) => {
-  const [a, u] = $({});
+  const [a, u] = M({});
   De(() => {
-    const g = {};
+    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 [c, g, m] = _(() => {
+    const f = [], h = {}, v = {};
+    for (const S of n) {
+      let R, j = (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, j = (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] = j, v[S.property.tsName] = R, f.push(
         /* @__PURE__ */ l.jsx(
-          Wr,
+          Xr,
           {
             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) => {
+  }, d = _(() => (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: [
+  return /* @__PURE__ */ l.jsxs(X, { gap: "sm", className: o, style: t, children: [
     c,
     /* @__PURE__ */ l.jsxs(L, { gap: "sm", justify: "flex-end", children: [
       /* @__PURE__ */ l.jsx(
-        H,
+        q,
         {
           variant: "light",
           size: "xs",
@@ -4432,28 +4439,28 @@ const Zr = ({
             u({}), p({});
           },
           disabled: Object.keys(a).length === 0,
-          children: /* @__PURE__ */ l.jsx(T, { value: Yr })
+          children: /* @__PURE__ */ l.jsx(N, { value: Wr })
         }
       ),
       /* @__PURE__ */ l.jsx(
-        H,
+        q,
         {
           variant: "light",
           size: "xs",
           onClick: () => p(a),
           disabled: !d(a),
-          children: /* @__PURE__ */ l.jsx(T, { value: Kr })
+          children: /* @__PURE__ */ l.jsx(N, { value: Yr })
         }
       )
     ] })
   ] });
-}, 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(oo, { size: 16, stroke: 1.5 }), Ht = /* @__PURE__ */ l.jsx(ut, { size: 16, stroke: 1.5 }), ti = {
   lang2value: {
     en: "Search By",
     vi: "Tìm Kiếm Theo"
   },
   lang: "en"
-}, qi = ({
+}, Bi = ({
   query: e,
   onChange: n,
   debounceTime: t = 250,
@@ -4461,16 +4468,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), [c, g] = M(!1), [m, p] = M([!1, Date.now()]), d = _(() => lo(
     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), d(S.target.value);
+  }, [u, g, d]);
+  o === void 0 && r !== void 0 && (o = ti);
   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(
@@ -4481,12 +4488,12 @@ const Zr = ({
         placeholder: h,
         leftSection: c ? Gt : Ht,
         value: a,
-        onChange: g
+        onChange: f
       }
     );
-  const v = Xr(i);
+  const v = Jr(i);
   return /* @__PURE__ */ l.jsxs(
-    Oe,
+    Le,
     {
       width: "target",
       trapFocus: !0,
@@ -4498,7 +4505,7 @@ const Zr = ({
         p([!1, Date.now()]);
       },
       children: [
-        /* @__PURE__ */ l.jsx(Oe.Target, { children: /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ l.jsx(Le.Target, { children: /* @__PURE__ */ l.jsx(
           _t,
           {
             flex: 1,
@@ -4542,13 +4549,13 @@ const Zr = ({
             ] }),
             rightSectionWidth: 68,
             value: a,
-            onChange: g,
-            description: Qr(i),
+            onChange: f,
+            description: Zr(i),
             inputWrapperOrder: ["label", "input", "description", "error"]
           }
         ) }),
-        /* @__PURE__ */ l.jsx(Oe.Dropdown, { children: /* @__PURE__ */ l.jsx(
-          Zr,
+        /* @__PURE__ */ l.jsx(Le.Dropdown, { children: /* @__PURE__ */ l.jsx(
+          ei,
           {
             db: i.db,
             properties: i.properties,
@@ -4562,7 +4569,7 @@ const Zr = ({
       ]
     }
   );
-}, ti = oe(
+}, ni = oe(
   ({
     store: e,
     record: n,
@@ -4574,32 +4581,32 @@ 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(N, { 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 });
+), oi = 12, ri = (e) => {
+  const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => ii(n, e.store, e.record, r, o)), [n, e.store, e.record, e.fieldGroups]);
+  return /* @__PURE__ */ l.jsx(X, { gap: "sm", className: e.className, style: e.styles, children: t });
 };
-function ri(e, n, t, o, r) {
+function ii(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 = oi / 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];
+      const g = i[a][c];
       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 Y ? g.prop : e.allProperties[g.prop],
+        g.args
       ) : m = st(
         n,
         t,
-        f instanceof K ? f : e.allProperties[f]
+        g instanceof Y ? g : e.allProperties[g]
       ), s.push(
         /* @__PURE__ */ l.jsx(A.Col, { span: u, children: m }, `${a}-${c}`)
       );
@@ -4607,7 +4614,7 @@ function ri(e, n, t, o, r) {
   }
   return /* @__PURE__ */ l.jsx(A, { gutter: "sm", children: s }, o);
 }
-function Bi(e, n, t = {}) {
+function Ui(e, n, t = {}) {
   return (o, r) => {
     if (t.visible !== void 0 && !t.visible(r))
       return /* @__PURE__ */ l.jsx("div", {});
@@ -4616,8 +4623,8 @@ 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 c, g = {};
+        typeof s == "object" && "prop" in s ? (c = s.prop instanceof Y ? s.prop : e.allProperties[s.prop], s.args !== void 0 && (g = s.args)) : c = s instanceof Y ? s : e.allProperties[s], u = st(o, r, c, g);
       }
       return /* @__PURE__ */ l.jsx("div", { children: u }, a);
     });
@@ -4632,7 +4639,7 @@ function Bi(e, n, t = {}) {
     );
   };
 }
-function ii(e) {
+function si(e) {
   if (se(e))
     return e.cardinality === "N:N" || e.cardinality === "1:N" ? mt : ft;
   if (ce[e.datatype] === void 0)
@@ -4643,8 +4650,8 @@ function ii(e) {
 }
 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 = si(t instanceof Y ? t.leafProperty : t), /* @__PURE__ */ l.jsx(
+    ni,
     {
       store: e,
       record: n,
@@ -4654,10 +4661,10 @@ function st(e, n, t, o = {}) {
     }
   );
 }
-const Ui = (e) => /* @__PURE__ */ l.jsxs(Re, { defaultValue: e.fieldTabs[0].tabName, children: [
+const Ki = (e) => /* @__PURE__ */ l.jsxs(Re, { defaultValue: e.fieldTabs[0].tabName, children: [
   /* @__PURE__ */ l.jsx(Re.List, { children: e.fieldTabs.map((n, t) => /* @__PURE__ */ l.jsx(Re.Tab, { value: n.tabName, children: n.tabName }, t)) }),
   e.fieldTabs.map((n, t) => /* @__PURE__ */ l.jsx(Re.Panel, { value: n.tabName, pt: "sm", children: /* @__PURE__ */ l.jsx(
-    oi,
+    ri,
     {
       schema: e.schema,
       store: e.store,
@@ -4671,17 +4678,17 @@ const Ui = (e) => /* @__PURE__ */ l.jsxs(Re, { defaultValue: e.fieldTabs[0].tabN
 export {
   sn as BooleanInput,
   Ai as ConfirmationInput,
-  Vi as ConfirmationLabel,
+  Ti as ConfirmationLabel,
   Qe as CountryFlagComponent,
   dn as DEFAULT_LAYOUT,
-  qr as DEFAULT_PAGINATION_POSITIONS,
+  Br as DEFAULT_PAGINATION_POSITIONS,
   ce as DataType2DisplayComponent,
   Vt as DataType2InputComponent,
   wo as DateDisplay,
   Po as DateInput,
   No as DateRangeInput,
   Co as DateTimeDisplay,
-  bi as DateTimeHideTimeDisplay,
+  Di as DateTimeHideTimeDisplay,
   ko as DateTimeRangeInput,
   qo as EmbeddedFormItem,
   fo as EmojiCountryFlag,
@@ -4689,66 +4696,66 @@ export {
   zo as FormItem,
   cn as FormItemInner,
   un as FormItemLabel,
-  Si as LanguageSelector,
-  xi as Loading,
-  Ri as LoadingInline,
+  vi as LanguageSelector,
+  Ri as Loading,
+  yi as LoadingInline,
   re as LocaleContext,
-  hi as LocaleProvider,
+  Si as LocaleProvider,
   vo as MenuTrie,
   mt as MultiForeignKeyDisplay,
   an as MultiForeignKeyInput,
-  T as MultiLingualString,
-  yi as NotAuthorized,
-  Ci as NotFound,
+  N as MultiLingualString,
+  ji as NotAuthorized,
+  wi as NotFound,
   Qt as NotFoundInline,
-  wi as NotFoundSubPage,
+  xi as NotFoundSubPage,
   Me as NumberInput,
-  Ii as OrderedUniqueList,
+  Pi as OrderedUniqueList,
   et as Permission,
-  Ti as SPAN_COL,
+  Ni as SPAN_COL,
   go as SVGCountryFlag,
-  Zr as SearchForm,
-  Wr as SearchFormItem,
+  ei as SearchForm,
+  Xr as SearchFormItem,
   nn as SeraCol,
   gt as SeraContext,
-  Di as SeraContextProvider,
-  ki as SeraEmbeddedForm,
-  Hi as SeraEmbeddedTable,
-  Ni as SeraForm,
+  Vi as SeraContextProvider,
+  Oi as SeraEmbeddedForm,
+  qi as SeraEmbeddedTable,
+  ki as SeraForm,
   tn as SeraRow,
-  qi as SeraSearch,
+  Bi as SeraSearch,
   Li as SeraTable,
-  Mi as SeraVerticalMenu,
-  oi as SeraView,
-  Ui as SeraViewTab,
+  bi as SeraVerticalMenu,
+  ri as SeraView,
+  Ki as SeraViewTab,
   ft as SingleForeignKeyDisplay,
   ln as SingleForeignKeyInput,
   ct as TestIdContext,
-  Pi as TestIdProvider,
+  Ei as TestIdProvider,
   Se as TextInput,
   Zt as Trie,
   bt as TrieNode,
   po as buildMenuItemIndex,
-  V as countryFlags,
+  T as countryFlags,
   So as filterAllowedItems,
   gn as getInputComponent,
-  Xr as getNumberOfFilters,
+  Jr as getNumberOfFilters,
   dt as getPropertyValue,
-  Qr as getReadableFilters,
-  $i as getTestIdProps,
-  ji as groupBy,
-  _i as groupByAsList,
-  Bi as groupFields,
+  Zr as getReadableFilters,
+  Mi as getTestIdProps,
+  _i as groupBy,
+  Fi as groupByAsList,
+  Ui as groupFields,
   Go as isHorizontalLayout,
   $n as isSeraColumn,
-  Gi as makeEmbeddedTableColumns,
+  Hi as makeEmbeddedTableColumns,
   En as makeTableColumn,
-  Oi as makeTableColumnFromNestedProperty,
-  zi as makeTableColumns,
+  zi as makeTableColumnFromNestedProperty,
+  Gi as makeTableColumns,
   Ze as setPropertyValue,
   he as translateMultiLingualString,
-  Fi as uniqueList,
-  vi as useMultiLingualString,
-  Y as usePropertyTestId,
-  Ei as useTestId
+  Ii as uniqueList,
+  Ci as useMultiLingualString,
+  W as usePropertyTestId,
+  $i as useTestId
 };