sera-components 1.6.8 → 1.6.9

package/dist/index.js

@@ -1,16 +1,16 @@
 var Dn = Object.defineProperty;
-var bn = (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) => bn(e, typeof n != "symbol" ? n + "" : n, t);
+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 Vn, { createContext as De, useContext as B, useMemo as _, useState as $, useEffect as be } from "react";
-import { Paper as ie, Image as An, Text as P, Menu as ae, Button as H, Container as Tn, 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 Nn, PasswordInput as Bt, Select as kn, CloseButton as Ln, Divider as On, Tooltip as Ut, Fieldset as Kt, Table as Yt, rem as ge, Pagination as zn, MenuTarget as Gn, MenuDropdown as Hn, MenuItem as qn, TextInput as _t, Popover as Oe, ActionIcon as Ft, Tabs as Re } from "@mantine/core";
-import { IconCheck as Bn, IconInfoCircle as at, IconChevronRight as Un, IconSearch as ut, IconCalendar as $e, IconHelpCircle as Wt, IconPlus as Kn, IconPencil as Yn, IconReload as Wn, IconDatabaseImport as Xn, IconDownload as Jn, IconDatabaseOff as Qn, IconSelector as Zn, IconCircleX as eo, IconAdjustmentsHorizontal as to, IconKeyboard as no } from "@tabler/icons-react";
+import An, { createContext as be, useContext as B, useMemo as _, useState as $, useEffect as De } from "react";
+import { Paper as ie, Image as Tn, Text as P, Menu as ae, Button as H, Container as Nn, Alert as lt, Stack as W, Flex as q, Loader as Ee, NavLink as jt, Checkbox as de, Group as L, Input as X, useCombobox as qt, Combobox as O, Grid as A, InputBase as kn, PasswordInput as Bt, Select as Ln, CloseButton as On, Divider as zn, Tooltip as Ut, Fieldset as Kt, Table as Yt, rem as ge, Pagination as Gn, MenuTarget as Hn, MenuDropdown as qn, MenuItem as Bn, TextInput as _t, Popover as Oe, ActionIcon as Ft, Tabs as Re } from "@mantine/core";
+import { IconCheck as Un, IconInfoCircle as at, IconChevronRight as Kn, IconSearch as ut, IconCalendar as $e, IconHelpCircle as Wt, IconPlus as Yn, IconPencil as Wn, IconReload as Xn, IconDatabaseImport as Jn, IconDownload as Qn, IconDatabaseOff as Zn, IconSelector as eo, IconCircleX as to, IconAdjustmentsHorizontal as no, IconKeyboard as oo } from "@tabler/icons-react";
 import { observer as oe } from "mobx-react-lite";
-import { isNestedProperty as Xt, NestedProperty as K, isObjectProperty as se, DynamicMultiLingualString as oo, isDraftRecord as Jt, I18NStore as ro, validators as It } from "sera-db";
-import { IMaskInput as io } from "react-imask";
+import { isNestedProperty as Xt, NestedProperty as K, isObjectProperty as se, DynamicMultiLingualString as ro, isDraftRecord as Jt, I18NStore as io, validators as It } from "sera-db";
+import { IMaskInput as so } from "react-imask";
 import Q from "dayjs";
 import { DatePickerInput as Je, DateTimePicker as Pt } from "@mantine/dates";
-import { debounce as so } from "throttle-debounce";
+import { debounce as lo } from "throttle-debounce";
 var ye = { exports: {} }, fe = {};
 /**
  * @license React
@@ -22,7 +22,7 @@ var ye = { exports: {} }, fe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Et;
-function lo() {
+function ao() {
   if (Et) return fe;
   Et = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
@@ -54,7 +54,7 @@ var me = {};
  * LICENSE file in the root directory of this source tree.
  */
 var $t;
-function ao() {
+function uo() {
   return $t || ($t = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(S) {
       if (S == null) return null;
@@ -83,12 +83,12 @@ function ao() {
             return "Portal";
           case F:
             return S.displayName || "Context";
-          case R:
+          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 b:
+          case D:
             return j = S.displayName || null, j !== null ? j : e(S.type) || "Memo";
           case z:
             j = S._payload, S = S._init;
@@ -163,14 +163,14 @@ function ao() {
       )), S = this.props.ref, S !== void 0 ? S : null;
     }
     function c(S, j, E, M, xe, ke) {
-      var D = E.ref;
+      var b = E.ref;
       return S = {
         $$typeof: g,
         type: S,
         key: j,
         props: E,
         _owner: M
-      }, (D !== void 0 ? D : null) !== null ? Object.defineProperty(S, "ref", {
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(S, "ref", {
         enumerable: !1,
         get: u
       }) : Object.defineProperty(S, "ref", { enumerable: !1, value: null }), S._store = {}, Object.defineProperty(S._store, "validated", {
@@ -196,24 +196,24 @@ function ao() {
       }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
     }
     function f(S, j, E, M, xe, ke) {
-      var D = j.children;
-      if (D !== void 0)
+      var b = j.children;
+      if (b !== void 0)
         if (M)
-          if ($n(D)) {
-            for (M = 0; M < D.length; M++)
-              m(D[M]);
-            Object.freeze && Object.freeze(D);
+          if (Mn(b)) {
+            for (M = 0; M < b.length; M++)
+              m(b[M]);
+            Object.freeze && Object.freeze(b);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else m(D);
+        else m(b);
       if (vt.call(j, "key")) {
-        D = e(S);
-        var le = Object.keys(j).filter(function(Mn) {
-          return Mn !== "key";
+        b = e(S);
+        var le = Object.keys(j).filter(function(bn) {
+          return bn !== "key";
         });
-        M = 0 < le.length ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}", yt[D + M] || (le = 0 < le.length ? "{" + le.join(": ..., ") + ": ...}" : "{}", console.error(
+        M = 0 < le.length ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}", yt[b + M] || (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} />
@@ -221,22 +221,22 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           M,
-          D,
+          b,
           le,
-          D
-        ), yt[D + M] = !0);
+          b
+        ), yt[b + M] = !0);
       }
-      if (D = null, E !== void 0 && (t(E), D = "" + E), s(j) && (t(j.key), D = "" + j.key), "key" in j) {
+      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 D && a(
+      return b && a(
         E,
         typeof S == "function" ? S.displayName || S.name || "Unknown" : S
       ), c(
         S,
-        D,
+        b,
         E,
         r(),
         xe,
@@ -249,7 +249,7 @@ React keys must be passed directly to JSX without using spread:
     function p(S) {
       return typeof S == "object" && S !== null && S.$$typeof === g;
     }
-    var d = Vn, 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"), R = 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"), b = 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, $n = Array.isArray, Ne = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
     d = {
@@ -285,10 +285,10 @@ React keys must be passed directly to JSX without using spread:
   })()), me;
 }
 var Mt;
-function uo() {
-  return Mt || (Mt = 1, process.env.NODE_ENV === "production" ? ye.exports = lo() : ye.exports = ao()), ye.exports;
+function co() {
+  return Mt || (Mt = 1, process.env.NODE_ENV === "production" ? ye.exports = ao() : ye.exports = uo()), ye.exports;
 }
-var l = uo();
+var l = co();
 const V = {
   UK: {
     svgFlag: "https://flagcdn.com/gb.svg",
@@ -354,19 +354,19 @@ const V = {
     svgFlag: "https://flagcdn.com/kh.svg",
     emojiFlag: "🇰🇭"
   }
-}, co = ({ 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" }) }), go = ({ flag: e }) => /* @__PURE__ */ l.jsx(
+}, 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,
   {
     component: "span",
     style: (n) => ({ textShadow: n.shadows.xs }),
     children: e.emojiFlag
   }
-), Qe = navigator.userAgent.includes("Windows") ? co : go, re = De(new Intl.Locale("en-US")), hi = oe(
+), Qe = navigator.userAgent.includes("Windows") ? go : fo, re = be(new Intl.Locale("en-US")), hi = oe(
   ({
     value: e,
     children: n
   }) => /* @__PURE__ */ l.jsx(re.Provider, { value: e.locale, children: n })
-), fo = {
+), mo = {
   lang2value: {
     en: "Choose Language",
     vi: "Chọn ngôn ngữ"
@@ -392,7 +392,7 @@ const V = {
       {
         onClick: () => n(s),
         leftSection: /* @__PURE__ */ l.jsx(Qe, { flag: r }),
-        rightSection: e.language === o && /* @__PURE__ */ l.jsx(Bn, { size: "15", color: "#2986cc", stroke: 2 }),
+        rightSection: e.language === o && /* @__PURE__ */ l.jsx(Un, { size: "15", color: "#2986cc", stroke: 2 }),
         children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: i })
       },
       o
@@ -409,7 +409,7 @@ const V = {
       }
     ) }),
     /* @__PURE__ */ l.jsxs(ae.Dropdown, { children: [
-      /* @__PURE__ */ l.jsx(ae.Label, { children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: fo.lang2value[e.language] }) }),
+      /* @__PURE__ */ l.jsx(ae.Label, { children: /* @__PURE__ */ l.jsx(P, { size: "sm", children: mo.lang2value[e.language] }) }),
       t
     ] })
   ] });
@@ -427,7 +427,7 @@ const Ci = ({
   message: e,
   navigate: n
 }) => /* @__PURE__ */ l.jsx(
-  Tn,
+  Nn,
   {
     size: "xs",
     style: {
@@ -519,7 +519,7 @@ class Ii {
     return this.items;
   }
 }
-class Dt {
+class bt {
   constructor() {
     ee(this, "children", /* @__PURE__ */ new Map());
     ee(this, "isEndOfWord", !1);
@@ -528,7 +528,7 @@ class Dt {
 }
 class Zt {
   constructor() {
-    ee(this, "root", new Dt());
+    ee(this, "root", new bt());
   }
   /**
    * Inserts a word into the trie structure.
@@ -540,7 +540,7 @@ class Zt {
     let t = this.root;
     for (const o of n) {
       let r = t.children.get(o);
-      r === void 0 && (r = new Dt(), t.children.set(o, r)), t = r;
+      r === void 0 && (r = new bt(), t.children.set(o, r)), t = r;
     }
     t.isEndOfWord = !0, t.value = n;
   }
@@ -571,7 +571,7 @@ function dt(e, n) {
 function Ze(e, n, t) {
   Xt(n) ? n.setValue(e, t) : e[n.updateFuncName](t);
 }
-const ct = De(!1), Pi = ct.Provider;
+const ct = be(!1), Pi = ct.Provider;
 function Ei(e) {
   return B(ct) ? { "data-testid": e } : {};
 }
@@ -583,7 +583,7 @@ function Y(e, n = "") {
   return t ? { "data-testid": o } : {};
 }
 var et = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(et || {});
-function mo(e) {
+function po(e) {
   const n = {}, t = {}, o = {}, r = (i, s = []) => {
     i.forEach((a) => {
       const u = [...s, a.key];
@@ -592,8 +592,8 @@ function mo(e) {
   };
   return r(e), { key2item: n, key2fullpath: t, key2route: o };
 }
-function po(e) {
-  const n = new So(), t = (o) => {
+function ho(e) {
+  const n = new vo(), t = (o) => {
     o.forEach((r) => {
       if (r.route !== void 0) {
         const i = r.route.path.pathDef;
@@ -604,7 +604,7 @@ function po(e) {
   };
   return t(e), n;
 }
-function ho(e, n) {
+function So(e, n) {
   return e.map((t) => {
     if (t.route !== void 0)
       return n(t.route.role) === et.Allow ? t : null;
@@ -616,11 +616,11 @@ function ho(e, n) {
   }).filter((t) => t !== null);
 }
 const Mi = (e) => {
-  const [n, t] = $(/* @__PURE__ */ new Set()), [o, r] = $(/* @__PURE__ */ new Set()), [i, s] = $(), a = _(() => ho(e.items, e.checkPermission), [e.items, e.checkPermission]), u = _(() => po(e.items), [e.items]), { key2fullpath: c, key2route: f } = _(
-    () => mo(a),
+  const [n, t] = $(/* @__PURE__ */ new Set()), [o, r] = $(/* @__PURE__ */ new Set()), [i, s] = $(), a = _(() => So(e.items, e.checkPermission), [e.items, e.checkPermission]), u = _(() => ho(e.items), [e.items]), { key2fullpath: c, key2route: f } = _(
+    () => po(a),
     [a]
   );
-  be(() => {
+  De(() => {
     const p = window.location.pathname, d = u.findMatchingKey(p);
     d !== void 0 && (r(new Set(c[d])), s(d));
   }, [window.location.pathname, f]);
@@ -659,7 +659,7 @@ const Mi = (e) => {
                 ml: g === 0 ? void 0 : g === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${g})`,
                 w: "unset",
                 rightSection: h ? /* @__PURE__ */ l.jsx(
-                  Un,
+                  Kn,
                   {
                     size: 12,
                     stroke: 1.5,
@@ -669,8 +669,8 @@ const Mi = (e) => {
                 opened: n.has(d.key) || o.has(d.key),
                 onClick: (C) => {
                   C.preventDefault(), r((y) => {
-                    const R = new Set(y);
-                    return y.has(d.key) ? R.delete(d.key) : R.add(d.key), R;
+                    const w = new Set(y);
+                    return y.has(d.key) ? w.delete(d.key) : w.add(d.key), w;
                   });
                 }
               },
@@ -706,7 +706,7 @@ const Mi = (e) => {
   }, [a, i, o, n, e.navigate]);
   return /* @__PURE__ */ l.jsx(l.Fragment, { children: m });
 };
-class So extends Zt {
+class vo extends Zt {
   constructor() {
     super(...arguments);
     ee(this, "pathToKey", /* @__PURE__ */ new Map());
@@ -742,7 +742,7 @@ class So extends Zt {
       return this.pathToKey.get(r.match);
   }
 }
-const ze = 12, en = De({ gap: "sm" }), tn = ({
+const ze = 12, en = be({ gap: "sm" }), tn = ({
   children: e,
   gap: n = "sm",
   align: t = "flex-start",
@@ -799,22 +799,22 @@ function on(e, n, t = !0) {
   const o = n.getHours().toString().padStart(2, "0"), r = n.getMinutes().toString().padStart(2, "0"), i = n.getSeconds().toString().padStart(2, "0");
   return t ? Ce(e, n) + ` ${o}:${r}:${i}` : Ce(e, n) + ` ${o}:${r}`;
 }
-const vo = ({ value: e }) => {
+const Co = ({ value: e }) => {
   const n = B(re), t = _(
     () => on(n, e),
     [n, e]
   );
   return /* @__PURE__ */ l.jsx(P, { size: "sm", children: t });
-}, Co = ({ value: e }) => {
+}, wo = ({ value: e }) => {
   const n = B(re), t = _(() => Ce(n, e), [n, e]);
   return /* @__PURE__ */ l.jsx(P, { size: "sm", children: t });
-}, Di = ({ value: e }) => {
+}, bi = ({ value: e }) => {
   const n = B(re), [t, o] = _(() => {
     const r = Ce(n, e), i = e.getHours().toString().padStart(2, "0"), s = e.getMinutes().toString().padStart(2, "0"), a = e.getSeconds().toString().padStart(2, "0");
     return [r, `${i}:${s}:${a}`];
   }, [n, e]);
   return /* @__PURE__ */ l.jsx(P, { size: "sm", title: o, children: t });
-}, wo = {
+}, xo = {
   yes: {
     lang2value: {
       en: "Yes",
@@ -829,28 +829,28 @@ const vo = ({ value: e }) => {
     },
     lang: "en"
   }
-}, xo = ({ value: e }) => /* @__PURE__ */ l.jsx(
+}, Ro = ({ value: e }) => /* @__PURE__ */ l.jsx(
   de,
   {
     checked: e,
-    label: /* @__PURE__ */ l.jsx(T, { value: wo[e ? "yes" : "no"] }),
+    label: /* @__PURE__ */ l.jsx(T, { value: xo[e ? "yes" : "no"] }),
     readOnly: !0
   }
-), Ro = ({ property: e, value: n }) => {
+), yo = ({ property: e, value: n }) => {
   const t = e;
   if (se(t) || t.enumType === void 0)
     throw new Error(
       "Invalid usage of EnumDisplay. Expect a property of type enum"
     );
   return /* @__PURE__ */ l.jsx(P, { size: "sm", children: /* @__PURE__ */ l.jsx(T, { value: t.enumType.label[n] }) });
-}, gt = De({ link: () => null, entityRoutes: {} }), bi = ({
+}, gt = be({ link: () => null, entityRoutes: {} }), Di = ({
   link: e,
   entityRoutes: n,
   children: t
 }) => /* @__PURE__ */ l.jsx(gt.Provider, { value: { link: e, entityRoutes: n }, children: t });
 function rn(e, n, t, o) {
   const r = e.getByName(n.targetClass), i = o[n.targetClass];
-  be(() => {
+  De(() => {
     r.fetchByIds(t);
   }, [t]);
   const s = {};
@@ -912,11 +912,11 @@ const ft = oe(
   string: _e,
   integer: _e,
   float: _e,
-  boolean: xo,
+  boolean: Ro,
   "string[]": _e,
-  enum: Ro,
-  datetime: vo,
-  date: Co
+  enum: yo,
+  datetime: Co,
+  date: wo
 }, sn = ({
   property: e,
   value: n,
@@ -958,13 +958,13 @@ const ft = oe(
       disabled: o
     }
   );
-}, yo = {
+}, jo = {
   lang2value: {
     en: "The leading zero is not necessary in international phone number format. For example, if your phone number is 0123456789, you should enter it as 123-456-789.",
     vi: "Số 0 đầu tiên không cần thiết trong định dạng điện thoại quốc tế. Ví dụ, nếu số điện thoại của bạn là 0123456789, bạn nên nhập nó là 123-456-789."
   },
   lang: "en"
-}, jo = {
+}, _o = {
   lang2value: {
     en: "No valid country code found.",
     vi: "Không tìm thấy mã quốc gia hợp lệ. "
@@ -1031,14 +1031,14 @@ const ft = oe(
     name: "Cambodia",
     flags: [V.CAM]
   }
-}, _o = (e, n) => {
+}, Fo = (e, n) => {
   if (e === "" || e === void 0)
     return { match: "84", remaining: "" };
   const t = e.replace(/[^\d]/g, ""), o = n.findLongestPrefix(t);
   if (o.match === "")
     throw new Error(`No valid country code found for phone number: ${e}`);
   return o;
-}, bt = ({ value: e }) => {
+}, Dt = ({ value: e }) => {
   const n = ue[e];
   if (n !== void 0)
     return /* @__PURE__ */ l.jsxs(L, { gap: "xs", wrap: "nowrap", align: "center", children: [
@@ -1048,7 +1048,7 @@ const ft = oe(
       ] }),
       /* @__PURE__ */ l.jsx(L, { gap: "xs", wrap: "nowrap", children: n.flags.map((t, o) => /* @__PURE__ */ l.jsx(Qe, { flag: t }, o)) })
     ] });
-}, Fo = ({
+}, Io = ({
   value: e,
   onChange: n,
   error: t,
@@ -1060,17 +1060,17 @@ const ft = oe(
   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((b) => {
-      I.insert(b);
+    return Object.keys(ue).forEach((D) => {
+      I.insert(D);
     }), I;
   }, [ue]), { rawInput: C } = _(() => {
     try {
-      const { match: I, remaining: b } = _o(
+      const { match: I, remaining: D } = Fo(
         e,
         v
       );
       return d(I), h(!1), {
-        rawInput: b
+        rawInput: D
       };
     } catch {
       return h(!0), d(""), {
@@ -1084,12 +1084,12 @@ const ft = oe(
     onDropdownOpen: () => {
       y.updateSelectedOptionIndex("active");
     }
-  }), R = _(() => Object.keys(ue), [ue]), F = (I, b) => {
+  }), w = _(() => Object.keys(ue), [ue]), F = (I, D) => {
     if (I === void 0)
-      return `+${b}`;
+      return `+${D}`;
     const z = I.replace(/[^\d]/g, "");
-    return z.length === 0 ? `+${b}` : z.startsWith("0") ? (m(!0), `+${b}${z}`) : (m(!1), `+${b}${z}`);
-  }, N = _(() => R.filter((I) => ue[I].name.toLowerCase().includes(u.toLowerCase()) || I.includes(u)), [u, R]), Z = _(() => N.map((I, b) => /* @__PURE__ */ l.jsx(O.Option, { value: I, children: /* @__PURE__ */ l.jsx(bt, { value: I }) }, b)), [N]);
+    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]);
   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(
@@ -1105,7 +1105,7 @@ const ft = oe(
           disabled: r,
           children: [
             /* @__PURE__ */ l.jsx(O.Target, { children: /* @__PURE__ */ l.jsx(
-              Nn,
+              kn,
               {
                 ...s,
                 component: "button",
@@ -1115,7 +1115,7 @@ const ft = oe(
                 onClick: () => y.toggleDropdown(),
                 rightSectionPointerEvents: "none",
                 disabled: r,
-                children: /* @__PURE__ */ l.jsx(bt, { value: p })
+                children: /* @__PURE__ */ l.jsx(Dt, { value: p })
               }
             ) }),
             /* @__PURE__ */ l.jsxs(O.Dropdown, { children: [
@@ -1158,12 +1158,12 @@ const ft = oe(
           value: C,
           type: "phone_number",
           onAccept: (I) => {
-            const b = I.replace(/[^\d]/g, ""), z = F(b, p);
+            const D = I.replace(/[^\d]/g, ""), z = F(D, p);
             z !== e && n({
               target: { value: z }
             });
           },
-          component: io,
+          component: so,
           mask: "000-000-0000",
           error: t,
           flex: 1,
@@ -1171,7 +1171,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: yo }) : g ? /* @__PURE__ */ l.jsx(T, { value: jo }) : t }) }) })
+    (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 }) }) })
   ] });
 }, Se = ({
   property: e,
@@ -1180,7 +1180,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", Fo] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", X], [e.constraints]);
+  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]);
   return /* @__PURE__ */ l.jsx(
     a,
     {
@@ -1193,7 +1193,7 @@ const ft = oe(
       disabled: r
     }
   );
-}, Io = ({
+}, Po = ({
   property: e,
   value: n,
   onChange: t,
@@ -1219,7 +1219,7 @@ const ft = oe(
       disabled: o
     }
   );
-}, Po = ({
+}, Eo = ({
   property: e,
   value: n,
   onChange: t,
@@ -1243,7 +1243,7 @@ const ft = oe(
     return [c, f];
   }, [r, s]);
   return /* @__PURE__ */ l.jsx(
-    kn,
+    Ln,
     {
       ...i,
       data: u,
@@ -1259,16 +1259,16 @@ const ft = oe(
       allowDeselect: !e.isRequired
     }
   );
-}, Eo = {
+}, $o = {
   lang2value: {
     en: "Confirm",
     vi: "Xác Nhận"
   },
   lang: "en"
-}, $o = new oo(
+}, Mo = new ro(
   "confirmation.valuesDoNotMatch"
 ), Vi = ({ property: e }) => /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-  /* @__PURE__ */ l.jsx(T, { value: Eo }),
+  /* @__PURE__ */ l.jsx(T, { value: $o }),
   " ",
   /* @__PURE__ */ l.jsx(T, { value: e.label })
 ] }), Ai = ({
@@ -1280,7 +1280,7 @@ const ft = oe(
 }) => {
   const i = Y(e, "confirm"), [s, a] = $(""), [u, c] = $(!1), [f, m] = _(() => e.constraints.includes("password") ? ["password", Bt] : ["text", X], [e.constraints]), p = _(() => {
     if (u && s !== t)
-      return $o.t({ args: { name: e.label } });
+      return Mo.t({ args: { name: e.label } });
   }, [u, s, t, e.label]), d = n || p;
   return /* @__PURE__ */ l.jsx(
     m,
@@ -1298,7 +1298,7 @@ const ft = oe(
     }
   );
 };
-function Mo(e, n) {
+function bo(e, n) {
   const [t, o] = $(""), [r, i] = $([]);
   return {
     data: r,
@@ -1317,7 +1317,7 @@ function Mo(e, n) {
     table: e.getByName(n.targetClass)
   };
 }
-const Do = (e) => e.name, bo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", children: e.name }), ln = oe(
+const Do = (e) => e.name, Vo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", children: e.name }), ln = oe(
   (e) => /* @__PURE__ */ l.jsx("h1", { children: "SingleForeignKey" })
 ), an = oe(
   ({
@@ -1327,13 +1327,13 @@ const Do = (e) => e.name, bo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
     onChange: o,
     freeze: r = !1
   }) => {
-    const { table: i, data: s, query: a, setQuery: u } = Mo(
+    const { table: i, data: s, query: a, setQuery: u } = bo(
       e,
       n
     );
     return /* @__PURE__ */ l.jsxs(W, { gap: "sm", children: [
       /* @__PURE__ */ l.jsx(
-        Vo,
+        Ao,
         {
           property: n,
           query: a,
@@ -1348,19 +1348,19 @@ const Do = (e) => e.name, bo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
         }
       ),
       /* @__PURE__ */ l.jsx(
-        Ao,
+        To,
         {
           items: t.map((c) => i.get(c)).filter((c) => c != null),
           onDelete: (c) => {
             o(t.filter((f) => f !== c.id));
           },
-          render: bo,
+          render: Vo,
           freeze: r
         }
       )
     ] });
   }
-), Vo = ({
+), Ao = ({
   property: e,
   data: n,
   onSelect: t,
@@ -1406,7 +1406,7 @@ const Do = (e) => e.name, bo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       ]
     }
   );
-}, Ao = ({
+}, To = ({
   items: e,
   onDelete: n,
   render: t,
@@ -1419,15 +1419,15 @@ const Do = (e) => e.name, bo = (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(Ln, { size: "sm", onClick: () => n(a) })
+          !o && /* @__PURE__ */ l.jsx(On, { size: "sm", onClick: () => n(a) })
         ] }, s)
-      ), s < e.length - 1 && i.push(/* @__PURE__ */ l.jsx(On, {}, `divider-${s}`));
+      ), s < e.length - 1 && i.push(/* @__PURE__ */ l.jsx(zn, {}, `divider-${s}`));
     }
     return i;
   }, [e, o]);
   if (r.length !== 0)
     return /* @__PURE__ */ l.jsx(ie, { bd: "1px solid #ddd", children: r });
-}, To = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => {
+}, 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: [
     /* @__PURE__ */ l.jsx(
@@ -1474,7 +1474,7 @@ const Do = (e) => e.name, bo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
       }
     )
   ] });
-}, No = ({ property: e, value: n, onChange: t, freeze: o = !1 }) => {
+}, 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: [
     /* @__PURE__ */ l.jsx(
@@ -1529,11 +1529,11 @@ const Do = (e) => e.name, bo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
   string: Se,
   boolean: sn,
   "string[]": Se,
-  enum: Po,
-  date: Io
-}, ko = "_requiredLabelLeft_l5p83_1", Lo = "_requiredLabelRight_l5p83_11", At = {
-  requiredLabelLeft: ko,
-  requiredLabelRight: Lo
+  enum: Eo,
+  date: Po
+}, Lo = "_requiredLabelLeft_l5p83_1", Oo = "_requiredLabelRight_l5p83_11", At = {
+  requiredLabelLeft: Lo,
+  requiredLabelRight: Oo
 }, un = ({
   label: e,
   name: n,
@@ -1557,7 +1557,7 @@ const Do = (e) => e.name, bo = (e) => /* @__PURE__ */ l.jsx(P, { size: "sm", chi
 }, dn = {
   type: "vertical",
   helpAlwaysVisible: !1
-}, Oo = oe(
+}, zo = oe(
   ({
     store: e,
     record: n,
@@ -1612,7 +1612,7 @@ function cn({
   label: a,
   onChange: u
 }) {
-  return zo(n) ? /* @__PURE__ */ l.jsxs(W, { gap: 5, children: [
+  return Go(n) ? /* @__PURE__ */ l.jsxs(W, { gap: 5, children: [
     /* @__PURE__ */ l.jsxs(A, { gutter: "sm", children: [
       /* @__PURE__ */ l.jsx(
         A.Col,
@@ -1687,11 +1687,11 @@ function cn({
     }
   ));
 }
-function zo(e) {
+function Go(e) {
   return e.type === "horizontal";
 }
 const Ti = 12, Ni = (e) => {
-  const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => Go(
+  const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => Ho(
     n,
     e.store,
     e.record,
@@ -1723,7 +1723,7 @@ const Ti = 12, Ni = (e) => {
     }
   );
 };
-function Go(e, n, t, o, r, i) {
+function Ho(e, n, t, o, r, i) {
   var c, f;
   const s = r.fields, a = [];
   for (let m = 0; m < s.length; m++) {
@@ -1736,7 +1736,7 @@ function Go(e, n, t, o, r, i) {
       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(
-          Oo,
+          zo,
           {
             store: n,
             record: t,
@@ -1781,7 +1781,7 @@ function gn(e, n) {
     );
   return Vt[t.datatype];
 }
-const Ho = oe(
+const qo = oe(
   ({
     db: e,
     record: n,
@@ -1820,7 +1820,7 @@ const Ho = oe(
     );
   }
 ), ki = (e) => {
-  const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => qo(
+  const n = e.schema, t = _(() => e.fieldGroups.map((o, r) => Bo(
     n,
     e.record,
     r,
@@ -1852,7 +1852,7 @@ const Ho = oe(
     }
   );
 };
-function qo(e, n, t, o, r, i) {
+function Bo(e, n, t, o, r, i) {
   var c, f;
   const s = o.fields, a = [];
   for (let m = 0; m < s.length; m++) {
@@ -1865,7 +1865,7 @@ function qo(e, n, t, o, r, i) {
       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(
-          Ho,
+          qo,
           {
             db: i,
             record: n,
@@ -1922,10 +1922,10 @@ function G(e, n) {
 function Ve(e) {
   return e instanceof Function;
 }
-function Bo(e) {
+function Uo(e) {
   return Array.isArray(e) && e.every((n) => typeof n == "number");
 }
-function Uo(e, n) {
+function Ko(e, n) {
   const t = [], o = (r) => {
     r.forEach((i) => {
       t.push(i);
@@ -1935,7 +1935,7 @@ function Uo(e, n) {
   };
   return o(e), t;
 }
-function w(e, n, t) {
+function x(e, n, t) {
   let o = [], r;
   return (i) => {
     let s;
@@ -1959,7 +1959,7 @@ function w(e, n, t) {
     return r;
   };
 }
-function x(e, n, t, o) {
+function R(e, n, t, o) {
   return {
     debug: () => {
       var r;
@@ -1969,7 +1969,7 @@ function x(e, n, t, o) {
     onChange: o
   };
 }
-function Ko(e, n, t, o) {
+function Yo(e, n, t, o) {
   const r = () => {
     var s;
     return (s = i.getValue()) != null ? s : e.options.renderFallbackValue;
@@ -1979,20 +1979,20 @@ function Ko(e, n, t, o) {
     column: t,
     getValue: () => n.getValue(o),
     renderValue: r,
-    getContext: w(() => [e, t, n, i], (s, a, u, c) => ({
+    getContext: x(() => [e, t, n, i], (s, a, u, c) => ({
       table: s,
       column: a,
       row: u,
       cell: c,
       getValue: c.getValue,
       renderValue: c.renderValue
-    }), x(e.options, "debugCells", "cell.getContext"))
+    }), R(e.options, "debugCells", "cell.getContext"))
   };
   return e._features.forEach((s) => {
     s.createCell == null || s.createCell(i, t, n, e);
   }, {}), i;
 }
-function Yo(e, n, t, o) {
+function Wo(e, n, t, o) {
   var r, i;
   const a = {
     ...e._getDefaultColumnDef(),
@@ -2015,18 +2015,18 @@ function Yo(e, n, t, o) {
     depth: t,
     columnDef: a,
     columns: [],
-    getFlatColumns: w(() => [!0], () => {
+    getFlatColumns: x(() => [!0], () => {
       var p;
       return [m, ...(p = m.columns) == null ? void 0 : p.flatMap((d) => d.getFlatColumns())];
-    }, x(e.options, "debugColumns", "column.getFlatColumns")),
-    getLeafColumns: w(() => [e._getOrderColumnsFn()], (p) => {
+    }, R(e.options, "debugColumns", "column.getFlatColumns")),
+    getLeafColumns: x(() => [e._getOrderColumnsFn()], (p) => {
       var d;
       if ((d = m.columns) != null && d.length) {
         let g = m.columns.flatMap((h) => h.getLeafColumns());
         return p(g);
       }
       return [m];
-    }, x(e.options, "debugColumns", "column.getLeafColumns"))
+    }, R(e.options, "debugColumns", "column.getLeafColumns"))
   };
   for (const p of e._features)
     p.createColumn == null || p.createColumn(m, e);
@@ -2062,33 +2062,33 @@ function Tt(e, n, t) {
     s.createHeader == null || s.createHeader(i, e);
   }), i;
 }
-const Wo = {
+const Xo = {
   createTable: (e) => {
-    e.getHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => {
+    e.getHeaderGroups = x(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => {
       var i, s;
       const a = (i = o == null ? void 0 : o.map((m) => t.find((p) => p.id === m)).filter(Boolean)) != null ? i : [], u = (s = r == null ? void 0 : r.map((m) => t.find((p) => p.id === m)).filter(Boolean)) != null ? s : [], c = t.filter((m) => !(o != null && o.includes(m.id)) && !(r != null && r.includes(m.id)));
       return Fe(n, [...a, ...c, ...u], e);
-    }, x(e.options, k, "getHeaderGroups")), e.getCenterHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => (t = t.filter((i) => !(o != null && o.includes(i.id)) && !(r != null && r.includes(i.id))), Fe(n, t, e, "center")), x(e.options, k, "getCenterHeaderGroups")), e.getLeftHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (n, t, o) => {
+    }, 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) => {
       var r;
       const i = (r = o == null ? void 0 : o.map((s) => t.find((a) => a.id === s)).filter(Boolean)) != null ? r : [];
       return Fe(n, i, e, "left");
-    }, x(e.options, k, "getLeftHeaderGroups")), e.getRightHeaderGroups = w(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (n, t, o) => {
+    }, R(e.options, k, "getLeftHeaderGroups")), e.getRightHeaderGroups = x(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (n, t, o) => {
       var r;
       const i = (r = o == null ? void 0 : o.map((s) => t.find((a) => a.id === s)).filter(Boolean)) != null ? r : [];
       return Fe(n, i, e, "right");
-    }, x(e.options, k, "getRightHeaderGroups")), e.getFooterGroups = w(() => [e.getHeaderGroups()], (n) => [...n].reverse(), x(e.options, k, "getFooterGroups")), e.getLeftFooterGroups = w(() => [e.getLeftHeaderGroups()], (n) => [...n].reverse(), x(e.options, k, "getLeftFooterGroups")), e.getCenterFooterGroups = w(() => [e.getCenterHeaderGroups()], (n) => [...n].reverse(), x(e.options, k, "getCenterFooterGroups")), e.getRightFooterGroups = w(() => [e.getRightHeaderGroups()], (n) => [...n].reverse(), x(e.options, k, "getRightFooterGroups")), e.getFlatHeaders = w(() => [e.getHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, k, "getFlatHeaders")), e.getLeftFlatHeaders = w(() => [e.getLeftHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, k, "getLeftFlatHeaders")), e.getCenterFlatHeaders = w(() => [e.getCenterHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, k, "getCenterFlatHeaders")), e.getRightFlatHeaders = w(() => [e.getRightHeaderGroups()], (n) => n.map((t) => t.headers).flat(), x(e.options, k, "getRightFlatHeaders")), e.getCenterLeafHeaders = w(() => [e.getCenterFlatHeaders()], (n) => n.filter((t) => {
+    }, 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) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
-    }), x(e.options, k, "getCenterLeafHeaders")), e.getLeftLeafHeaders = w(() => [e.getLeftFlatHeaders()], (n) => n.filter((t) => {
+    }), R(e.options, k, "getCenterLeafHeaders")), e.getLeftLeafHeaders = x(() => [e.getLeftFlatHeaders()], (n) => n.filter((t) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
-    }), x(e.options, k, "getLeftLeafHeaders")), e.getRightLeafHeaders = w(() => [e.getRightFlatHeaders()], (n) => n.filter((t) => {
+    }), R(e.options, k, "getLeftLeafHeaders")), e.getRightLeafHeaders = x(() => [e.getRightFlatHeaders()], (n) => n.filter((t) => {
       var o;
       return !((o = t.subHeaders) != null && o.length);
-    }), x(e.options, k, "getRightLeafHeaders")), e.getLeafHeaders = w(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (n, t, o) => {
+    }), R(e.options, k, "getRightLeafHeaders")), e.getLeafHeaders = x(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (n, t, o) => {
       var r, i, s, a, u, c;
       return [...(r = (i = n[0]) == null ? void 0 : i.headers) != null ? r : [], ...(s = (a = t[0]) == null ? void 0 : a.headers) != null ? s : [], ...(u = (c = o[0]) == null ? void 0 : c.headers) != null ? u : []].map((f) => f.getLeafHeaders()).flat();
-    }, x(e.options, k, "getLeafHeaders"));
+    }, R(e.options, k, "getLeafHeaders"));
   }
 };
 function Fe(e, n, t, o) {
@@ -2110,14 +2110,14 @@ function Fe(e, n, t, o) {
     }, h = [];
     p.forEach((v) => {
       const C = [...h].reverse()[0], y = v.column.depth === g.depth;
-      let R, F = !1;
-      if (y && v.column.parent ? R = v.column.parent : (R = v.column, F = !0), C && (C == null ? void 0 : C.column) === R)
+      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);
       else {
-        const N = Tt(t, R, {
-          id: [o, d, R.id, v == null ? void 0 : v.id].filter(Boolean).join("_"),
+        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 === R).length}` : void 0,
+          placeholderId: F ? `${h.filter((Z) => Z.column === w).length}` : void 0,
           depth: d,
           index: h.length
         });
@@ -2132,11 +2132,11 @@ function Fe(e, n, t, o) {
   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((R) => {
+    g.subHeaders && g.subHeaders.length ? (C = [], m(g.subHeaders).forEach((w) => {
       let {
         colSpan: F,
         rowSpan: N
-      } = R;
+      } = w;
       h += F, C.push(N);
     })) : h = 1;
     const y = Math.min(...C);
@@ -2147,7 +2147,7 @@ function Fe(e, n, t, o) {
   });
   return m((r = (i = u[0]) == null ? void 0 : i.headers) != null ? r : []), u;
 }
-const Xo = (e, n, t, o, r, i, s) => {
+const Jo = (e, n, t, o, r, i, s) => {
   let a = {
     id: n,
     index: o,
@@ -2175,7 +2175,7 @@ const Xo = (e, n, t, o, r, i, s) => {
       return (c = a.getValue(u)) != null ? c : e.options.renderFallbackValue;
     },
     subRows: [],
-    getLeafRows: () => Uo(a.subRows, (u) => u.subRows),
+    getLeafRows: () => Ko(a.subRows, (u) => u.subRows),
     getParentRow: () => a.parentId ? e.getRow(a.parentId, !0) : void 0,
     getParentRows: () => {
       let u = [], c = a;
@@ -2186,15 +2186,15 @@ const Xo = (e, n, t, o, r, i, s) => {
       }
       return u.reverse();
     },
-    getAllCells: w(() => [e.getAllLeafColumns()], (u) => u.map((c) => Ko(e, a, c, c.id)), x(e.options, "debugRows", "getAllCells")),
-    _getAllCellsByColumnId: w(() => [a.getAllCells()], (u) => u.reduce((c, f) => (c[f.column.id] = f, c), {}), x(e.options, "debugRows", "getAllCellsByColumnId"))
+    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"))
   };
   for (let u = 0; u < e._features.length; u++) {
     const c = e._features[u];
     c == null || c.createRow == null || c.createRow(a, e);
   }
   return a;
-}, Jo = {
+}, Qo = {
   createColumn: (e, n) => {
     e._getFacetedRowModel = n.options.getFacetedRowModel && n.options.getFacetedRowModel(n, e.id), e.getFacetedRowModel = () => e._getFacetedRowModel ? e._getFacetedRowModel() : n.getPreFilteredRowModel(), e._getFacetedUniqueValues = n.options.getFacetedUniqueValues && n.options.getFacetedUniqueValues(n, e.id), e.getFacetedUniqueValues = () => e._getFacetedUniqueValues ? e._getFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getFacetedMinMaxValues = n.options.getFacetedMinMaxValues && n.options.getFacetedMinMaxValues(n, e.id), e.getFacetedMinMaxValues = () => {
       if (e._getFacetedMinMaxValues)
@@ -2264,7 +2264,7 @@ const J = {
 function U(e) {
   return e == null || e === "";
 }
-const Qo = {
+const Zo = {
   getDefaultColumnDef: () => ({
     filterFn: "auto"
   }),
@@ -2342,54 +2342,54 @@ const Qo = {
 function Nt(e, n, t) {
   return (e && e.autoRemove ? e.autoRemove(n, t) : !1) || typeof n > "u" || typeof n == "string" && !n;
 }
-const Zo = (e, n, t) => t.reduce((o, r) => {
+const er = (e, n, t) => t.reduce((o, r) => {
   const i = r.getValue(e);
   return o + (typeof i == "number" ? i : 0);
-}, 0), er = (e, n, t) => {
+}, 0), tr = (e, n, t) => {
   let o;
   return t.forEach((r) => {
     const i = r.getValue(e);
     i != null && (o > i || o === void 0 && i >= i) && (o = i);
   }), o;
-}, tr = (e, n, t) => {
+}, nr = (e, n, t) => {
   let o;
   return t.forEach((r) => {
     const i = r.getValue(e);
     i != null && (o < i || o === void 0 && i >= i) && (o = i);
   }), o;
-}, nr = (e, n, t) => {
+}, or = (e, n, t) => {
   let o, r;
   return t.forEach((i) => {
     const s = i.getValue(e);
     s != null && (o === void 0 ? s >= s && (o = r = s) : (o > s && (o = s), r < s && (r = s)));
   }), [o, r];
-}, or = (e, n) => {
+}, rr = (e, n) => {
   let t = 0, o = 0;
   if (n.forEach((r) => {
     let i = r.getValue(e);
     i != null && (i = +i) >= i && (++t, o += i);
   }), t) return o / t;
-}, rr = (e, n) => {
+}, ir = (e, n) => {
   if (!n.length)
     return;
   const t = n.map((i) => i.getValue(e));
-  if (!Bo(t))
+  if (!Uo(t))
     return;
   if (t.length === 1)
     return t[0];
   const o = Math.floor(t.length / 2), r = t.sort((i, s) => i - s);
   return t.length % 2 !== 0 ? r[o] : (r[o - 1] + r[o]) / 2;
-}, ir = (e, n) => Array.from(new Set(n.map((t) => t.getValue(e))).values()), sr = (e, n) => new Set(n.map((t) => t.getValue(e))).size, lr = (e, n) => n.length, Ge = {
-  sum: Zo,
-  min: er,
-  max: tr,
-  extent: nr,
-  mean: or,
-  median: rr,
-  unique: ir,
-  uniqueCount: sr,
-  count: lr
-}, ar = {
+}, sr = (e, n) => Array.from(new Set(n.map((t) => t.getValue(e))).values()), lr = (e, n) => new Set(n.map((t) => t.getValue(e))).size, ar = (e, n) => n.length, Ge = {
+  sum: er,
+  min: tr,
+  max: nr,
+  extent: or,
+  mean: rr,
+  median: ir,
+  unique: sr,
+  uniqueCount: lr,
+  count: ar
+}, ur = {
   getDefaultColumnDef: () => ({
     aggregatedCell: (e) => {
       var n, t;
@@ -2456,13 +2456,13 @@ const Zo = (e, n, t) => t.reduce((o, r) => {
     };
   }
 };
-function ur(e, n, t) {
+function dr(e, n, t) {
   if (!(n != null && n.length) || !t)
     return e;
   const o = e.filter((i) => !n.includes(i.id));
   return t === "remove" ? o : [...n.map((i) => e.find((s) => s.id === i)).filter(Boolean), ...o];
 }
-const dr = {
+const cr = {
   getInitialState: (e) => ({
     columnOrder: [],
     ...e
@@ -2471,7 +2471,7 @@ const dr = {
     onColumnOrderChange: G("columnOrder", e)
   }),
   createColumn: (e, n) => {
-    e.getIndex = w((t) => [ve(n, t)], (t) => t.findIndex((o) => o.id === e.id), x(n.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (t) => {
+    e.getIndex = x((t) => [ve(n, t)], (t) => t.findIndex((o) => o.id === e.id), R(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,7 +2484,7 @@ const dr = {
     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 = w(() => [e.getState().columnOrder, e.getState().grouping, e.options.groupedColumnMode], (n, t, o) => (r) => {
+    }, e._getOrderColumnsFn = x(() => [e.getState().columnOrder, e.getState().grouping, e.options.groupedColumnMode], (n, t, o) => (r) => {
       let i = [];
       if (!(n != null && n.length))
         i = r;
@@ -2496,13 +2496,13 @@ const dr = {
         }
         i = [...i, ...a];
       }
-      return ur(i, t, o);
-    }, x(e.options, "debugTable", "_getOrderColumnsFn"));
+      return dr(i, t, o);
+    }, R(e.options, "debugTable", "_getOrderColumnsFn"));
   }
 }, He = () => ({
   left: [],
   right: []
-}), cr = {
+}), gr = {
   getInitialState: (e) => ({
     columnPinning: He(),
     ...e
@@ -2550,16 +2550,16 @@ const dr = {
     };
   },
   createRow: (e, n) => {
-    e.getCenterVisibleCells = w(() => [e._getAllVisibleCells(), n.getState().columnPinning.left, n.getState().columnPinning.right], (t, o, r) => {
+    e.getCenterVisibleCells = x(() => [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));
-    }, 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) => ({
+    }, 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) => ({
       ...i,
       position: "left"
-    })), 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) => ({
+    })), 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) => ({
       ...i,
       position: "right"
-    })), x(n.options, "debugRows", "getRightVisibleCells"));
+    })), R(n.options, "debugRows", "getRightVisibleCells"));
   },
   createTable: (e) => {
     e.setColumnPinning = (n) => e.options.onColumnPinningChange == null ? void 0 : e.options.onColumnPinningChange(n), e.resetColumnPinning = (n) => {
@@ -2573,13 +2573,13 @@ const dr = {
         return !!((r = o.left) != null && r.length || (i = o.right) != null && i.length);
       }
       return !!((t = o[n]) != null && t.length);
-    }, 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) => {
+    }, 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) => {
       const r = [...t ?? [], ...o ?? []];
       return n.filter((i) => !r.includes(i.id));
-    }, x(e.options, "debugColumns", "getCenterLeafColumns"));
+    }, R(e.options, "debugColumns", "getCenterLeafColumns"));
   }
 };
-function gr(e) {
+function fr(e) {
   return e || (typeof document < "u" ? document : null);
 }
 const Ie = {
@@ -2593,7 +2593,7 @@ const Ie = {
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), fr = {
+}), mr = {
   getDefaultColumnDef: () => Ie,
   getInitialState: (e) => ({
     columnSizing: {},
@@ -2611,7 +2611,7 @@ const Ie = {
       var t, o, r;
       const i = n.getState().columnSizing[e.id];
       return Math.min(Math.max((t = e.columnDef.minSize) != null ? t : Ie.minSize, (o = i ?? e.columnDef.size) != null ? o : Ie.size), (r = e.columnDef.maxSize) != null ? r : Ie.maxSize);
-    }, e.getStart = w((t) => [t, ve(n, t), n.getState().columnSizing], (t, o) => o.slice(0, e.getIndex(t)).reduce((r, i) => r + i.getSize(), 0), x(n.options, "debugColumns", "getStart")), e.getAfter = w((t) => [t, ve(n, t), n.getState().columnSizing], (t, o) => o.slice(e.getIndex(t) + 1).reduce((r, i) => r + i.getSize(), 0), x(n.options, "debugColumns", "getAfter")), e.resetSize = () => {
+    }, 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 = () => {
       n.setColumnSizing((t) => {
         let {
           [e.id]: o,
@@ -2648,19 +2648,19 @@ const Ie = {
         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((R) => {
+          typeof y == "number" && (n.setColumnSizingInfo((w) => {
             var F, N;
-            const Z = n.options.columnResizeDirection === "rtl" ? -1 : 1, I = (y - ((F = R == null ? void 0 : R.startOffset) != null ? F : 0)) * Z, b = Math.max(I / ((N = R == null ? void 0 : R.startSize) != null ? N : 0), -0.999999);
-            return R.columnSizingStart.forEach((z) => {
+            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 * b, 0) * 100) / 100;
+              c[Ae] = Math.round(Math.max(we + we * D, 0) * 100) / 100;
             }), {
-              ...R,
+              ...w,
               deltaOffset: I,
-              deltaPercentage: b
+              deltaPercentage: D
             };
-          }), (n.options.columnResizeMode === "onChange" || C === "end") && n.setColumnSizing((R) => ({
-            ...R,
+          }), (n.options.columnResizeMode === "onChange" || C === "end") && n.setColumnSizing((w) => ({
+            ...w,
             ...c
           })));
         }, m = (C) => f("move", C), p = (C) => {
@@ -2673,7 +2673,7 @@ const Ie = {
             deltaPercentage: null,
             columnSizingStart: []
           }));
-        }, d = gr(t), g = {
+        }, 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);
@@ -2684,7 +2684,7 @@ const Ie = {
             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);
           }
-        }, v = mr() ? {
+        }, 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) => ({
@@ -2722,7 +2722,7 @@ const Ie = {
   }
 };
 let Pe = null;
-function mr() {
+function pr() {
   if (typeof Pe == "boolean") return Pe;
   let e = !1;
   try {
@@ -2741,7 +2741,7 @@ function mr() {
 function Be(e) {
   return e.type === "touchstart";
 }
-const pr = {
+const hr = {
   getInitialState: (e) => ({
     columnVisibility: {},
     ...e
@@ -2767,10 +2767,10 @@ const pr = {
     };
   },
   createRow: (e, n) => {
-    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"));
+    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"));
   },
   createTable: (e) => {
-    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));
+    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));
     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 : {});
@@ -2789,14 +2789,14 @@ const pr = {
 function ve(e, n) {
   return n ? n === "center" ? e.getCenterVisibleLeafColumns() : n === "left" ? e.getLeftVisibleLeafColumns() : e.getRightVisibleLeafColumns() : e.getVisibleLeafColumns();
 }
-const hr = {
+const Sr = {
   createTable: (e) => {
     e._getGlobalFacetedRowModel = e.options.getFacetedRowModel && e.options.getFacetedRowModel(e, "__global__"), e.getGlobalFacetedRowModel = () => e.options.manualFiltering || !e._getGlobalFacetedRowModel ? e.getPreFilteredRowModel() : e._getGlobalFacetedRowModel(), e._getGlobalFacetedUniqueValues = e.options.getFacetedUniqueValues && e.options.getFacetedUniqueValues(e, "__global__"), e.getGlobalFacetedUniqueValues = () => e._getGlobalFacetedUniqueValues ? e._getGlobalFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getGlobalFacetedMinMaxValues = e.options.getFacetedMinMaxValues && e.options.getFacetedMinMaxValues(e, "__global__"), e.getGlobalFacetedMinMaxValues = () => {
       if (e._getGlobalFacetedMinMaxValues)
         return e._getGlobalFacetedMinMaxValues();
     };
   }
-}, Sr = {
+}, vr = {
   getInitialState: (e) => ({
     globalFilter: void 0,
     ...e
@@ -2829,7 +2829,7 @@ const hr = {
       e.setGlobalFilter(n ? void 0 : e.initialState.globalFilter);
     };
   }
-}, vr = {
+}, Cr = {
   getInitialState: (e) => ({
     expanded: {},
     ...e
@@ -2919,7 +2919,7 @@ const hr = {
 }, tt = 0, nt = 10, Ue = () => ({
   pageIndex: tt,
   pageSize: nt
-}), Cr = {
+}), wr = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
@@ -2983,10 +2983,10 @@ const hr = {
         ...r,
         pageCount: s
       };
-    }), e.getPageOptions = w(() => [e.getPageCount()], (o) => {
+    }), e.getPageOptions = x(() => [e.getPageCount()], (o) => {
       let r = [];
       return o && o > 0 && (r = [...new Array(o)].fill(null).map((i, s) => s)), r;
-    }, x(e.options, "debugTable", "getPageOptions")), e.getCanPreviousPage = () => e.getState().pagination.pageIndex > 0, e.getCanNextPage = () => {
+    }, R(e.options, "debugTable", "getPageOptions")), e.getCanPreviousPage = () => e.getState().pagination.pageIndex > 0, e.getCanNextPage = () => {
       const {
         pageIndex: o
       } = e.getState().pagination, r = e.getPageCount();
@@ -3002,7 +3002,7 @@ const hr = {
 }, Ke = () => ({
   top: [],
   bottom: []
-}), wr = {
+}), xr = {
   getInitialState: (e) => ({
     rowPinning: Ke(),
     ...e
@@ -3098,12 +3098,12 @@ const hr = {
         ...s,
         position: 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) => {
+    }, 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) => {
       const r = /* @__PURE__ */ new Set([...t ?? [], ...o ?? []]);
       return n.filter((i) => !r.has(i.id));
-    }, x(e.options, "debugRows", "getCenterRows"));
+    }, R(e.options, "debugRows", "getCenterRows"));
   }
-}, xr = {
+}, Rr = {
   getInitialState: (e) => ({
     rowSelection: {},
     ...e
@@ -3140,19 +3140,19 @@ const hr = {
       return e.getRowModel().rows.forEach((i) => {
         ot(r, i.id, o, !0, e);
       }), r;
-    }), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = w(() => [e.getState().rowSelection, e.getCoreRowModel()], (n, t) => Object.keys(n).length ? Ye(e, t) : {
+    }), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = x(() => [e.getState().rowSelection, e.getCoreRowModel()], (n, t) => Object.keys(n).length ? Ye(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, x(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = w(() => [e.getState().rowSelection, e.getFilteredRowModel()], (n, t) => Object.keys(n).length ? Ye(e, t) : {
+    }, R(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = x(() => [e.getState().rowSelection, e.getFilteredRowModel()], (n, t) => Object.keys(n).length ? Ye(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, x(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = w(() => [e.getState().rowSelection, e.getSortedRowModel()], (n, t) => Object.keys(n).length ? Ye(e, t) : {
+    }, R(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = x(() => [e.getState().rowSelection, e.getSortedRowModel()], (n, t) => Object.keys(n).length ? Ye(e, t) : {
       rows: [],
       flatRows: [],
       rowsById: {}
-    }, x(e.options, "debugTable", "getGroupedSelectedRowModel")), e.getIsAllRowsSelected = () => {
+    }, R(e.options, "debugTable", "getGroupedSelectedRowModel")), e.getIsAllRowsSelected = () => {
       const n = e.getFilteredRowModel().flatRows, {
         rowSelection: t
       } = e.getState();
@@ -3259,10 +3259,10 @@ function rt(e, n, t) {
     }
   }), r ? "all" : i ? "some" : !1;
 }
-const it = /([0-9]+)/gm, Rr = (e, n, t) => xn(ne(e.getValue(t)).toLowerCase(), ne(n.getValue(t)).toLowerCase()), yr = (e, n, t) => xn(ne(e.getValue(t)), ne(n.getValue(t))), jr = (e, n, t) => St(ne(e.getValue(t)).toLowerCase(), ne(n.getValue(t)).toLowerCase()), _r = (e, n, t) => St(ne(e.getValue(t)), ne(n.getValue(t))), Fr = (e, n, t) => {
+const it = /([0-9]+)/gm, yr = (e, n, t) => xn(ne(e.getValue(t)).toLowerCase(), ne(n.getValue(t)).toLowerCase()), jr = (e, n, t) => xn(ne(e.getValue(t)), ne(n.getValue(t))), _r = (e, n, t) => St(ne(e.getValue(t)).toLowerCase(), ne(n.getValue(t)).toLowerCase()), Fr = (e, n, t) => St(ne(e.getValue(t)), ne(n.getValue(t))), Ir = (e, n, t) => {
   const o = e.getValue(t), r = n.getValue(t);
   return o > r ? 1 : o < r ? -1 : 0;
-}, Ir = (e, n, t) => St(e.getValue(t), n.getValue(t));
+}, Pr = (e, n, t) => St(e.getValue(t), n.getValue(t));
 function St(e, n) {
   return e === n ? 0 : e > n ? 1 : -1;
 }
@@ -3290,13 +3290,13 @@ function xn(e, n) {
   return t.length - o.length;
 }
 const pe = {
-  alphanumeric: Rr,
-  alphanumericCaseSensitive: yr,
-  text: jr,
-  textCaseSensitive: _r,
-  datetime: Fr,
-  basic: Ir
-}, Pr = {
+  alphanumeric: yr,
+  alphanumericCaseSensitive: jr,
+  text: _r,
+  textCaseSensitive: Fr,
+  datetime: Ir,
+  basic: Pr
+}, Er = {
   getInitialState: (e) => ({
     sorting: [],
     ...e
@@ -3385,30 +3385,30 @@ const pe = {
       e.setSorting(n ? [] : (t = (o = e.initialState) == null ? void 0 : o.sorting) != null ? t : []);
     }, e.getPreSortedRowModel = () => e.getGroupedRowModel(), e.getSortedRowModel = () => (!e._getSortedRowModel && e.options.getSortedRowModel && (e._getSortedRowModel = e.options.getSortedRowModel(e)), e.options.manualSorting || !e._getSortedRowModel ? e.getPreSortedRowModel() : e._getSortedRowModel());
   }
-}, Er = [
-  Wo,
-  pr,
-  dr,
+}, $r = [
+  Xo,
+  hr,
   cr,
-  Jo,
+  gr,
   Qo,
-  hr,
-  //depends on ColumnFaceting
+  Zo,
   Sr,
+  //depends on ColumnFaceting
+  vr,
   //depends on ColumnFiltering
-  Pr,
-  ar,
+  Er,
+  ur,
   //depends on RowSorting
-  vr,
   Cr,
   wr,
   xr,
-  fr
+  Rr,
+  mr
 ];
-function $r(e) {
+function Mr(e) {
   var n, t;
   process.env.NODE_ENV !== "production" && (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
-  const o = [...Er, ...(n = e._features) != null ? n : []];
+  const o = [...$r, ...(n = e._features) != null ? n : []];
   let r = {
     _features: o
   };
@@ -3468,7 +3468,7 @@ function $r(e) {
         throw process.env.NODE_ENV !== "production" ? new Error(`getRow could not find row with ID: ${p}`) : new Error();
       return g;
     },
-    _getDefaultColumnDef: w(() => [r.options.defaultColumn], (p) => {
+    _getDefaultColumnDef: x(() => [r.options.defaultColumn], (p) => {
       var d;
       return p = (d = p) != null ? d : {}, {
         header: (g) => {
@@ -3483,23 +3483,23 @@ function $r(e) {
         ...r._features.reduce((g, h) => Object.assign(g, h.getDefaultColumnDef == null ? void 0 : h.getDefaultColumnDef()), {}),
         ...p
       };
-    }, x(e, "debugColumns", "_getDefaultColumnDef")),
+    }, R(e, "debugColumns", "_getDefaultColumnDef")),
     _getColumnDefs: () => r.options.columns,
-    getAllColumns: w(() => [r._getColumnDefs()], (p) => {
+    getAllColumns: x(() => [r._getColumnDefs()], (p) => {
       const d = function(g, h, v) {
         return v === void 0 && (v = 0), g.map((C) => {
-          const y = Yo(r, C, v, h), R = C;
-          return y.columns = R.columns ? d(R.columns, y, v + 1) : [], y;
+          const y = Wo(r, C, v, h), w = C;
+          return y.columns = w.columns ? d(w.columns, y, v + 1) : [], y;
         });
       };
       return d(p);
-    }, x(e, "debugColumns", "getAllColumns")),
-    getAllFlatColumns: w(() => [r.getAllColumns()], (p) => p.flatMap((d) => d.getFlatColumns()), x(e, "debugColumns", "getAllFlatColumns")),
-    _getAllFlatColumnsById: w(() => [r.getAllFlatColumns()], (p) => p.reduce((d, g) => (d[g.id] = g, d), {}), x(e, "debugColumns", "getAllFlatColumnsById")),
-    getAllLeafColumns: w(() => [r.getAllColumns(), r._getOrderColumnsFn()], (p, d) => {
+    }, 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);
-    }, x(e, "debugColumns", "getAllLeafColumns")),
+    }, R(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 +3513,7 @@ function $r(e) {
   return r;
 }
 function Rn() {
-  return (e) => w(() => [e.options.data], (n) => {
+  return (e) => x(() => [e.options.data], (n) => {
     const t = {
       rows: [],
       flatRows: [],
@@ -3522,7 +3522,7 @@ function Rn() {
       i === void 0 && (i = 0);
       const a = [];
       for (let c = 0; c < r.length; c++) {
-        const f = Xo(e, e._getRowId(r[c], c, s), r[c], c, i, void 0, s == null ? void 0 : s.id);
+        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) {
           var u;
           f.originalSubRows = e.options.getSubRows(r[c], c), (u = f.originalSubRows) != null && u.length && (f.subRows = o(f.originalSubRows, i + 1, f));
@@ -3531,9 +3531,9 @@ function Rn() {
       return a;
     };
     return t.rows = o(n), t;
-  }, x(e.options, "debugTable", "getRowModel", () => e._autoResetPageIndex()));
+  }, R(e.options, "debugTable", "getRowModel", () => e._autoResetPageIndex()));
 }
-function Mr(e) {
+function br(e) {
   const n = [], t = (o) => {
     var r;
     n.push(o), (r = o.subRows) != null && r.length && o.getIsExpanded() && o.subRows.forEach(t);
@@ -3545,7 +3545,7 @@ function Mr(e) {
   };
 }
 function Dr(e) {
-  return (n) => w(() => [n.getState().pagination, n.getPrePaginationRowModel(), n.options.paginateExpandedRows ? void 0 : n.getState().expanded], (t, o) => {
+  return (n) => x(() => [n.getState().pagination, n.getPrePaginationRowModel(), n.options.paginateExpandedRows ? void 0 : n.getState().expanded], (t, o) => {
     if (!o.rows.length)
       return o;
     const {
@@ -3564,7 +3564,7 @@ function Dr(e) {
       rows: s,
       flatRows: a,
       rowsById: u
-    } : m = Mr({
+    } : m = br({
       rows: s,
       flatRows: a,
       rowsById: u
@@ -3573,7 +3573,7 @@ function Dr(e) {
       m.flatRows.push(d), d.subRows.length && d.subRows.forEach(p);
     };
     return m.rows.forEach(p), m;
-  }, x(n.options, "debugTable", "getPaginationRowModel"));
+  }, R(n.options, "debugTable", "getPaginationRowModel"));
 }
 /**
    * react-table
@@ -3586,18 +3586,18 @@ function Dr(e) {
    * @license MIT
    */
 function kt(e, n) {
-  return e ? br(e) ? /* @__PURE__ */ Xe.createElement(e, n) : e : null;
-}
-function br(e) {
-  return Vr(e) || typeof e == "function" || Ar(e);
+  return e ? Vr(e) ? /* @__PURE__ */ Xe.createElement(e, n) : e : null;
 }
 function Vr(e) {
+  return Ar(e) || typeof e == "function" || Tr(e);
+}
+function Ar(e) {
   return typeof e == "function" && (() => {
     const n = Object.getPrototypeOf(e);
     return n.prototype && n.prototype.isReactComponent;
   })();
 }
-function Ar(e) {
+function Tr(e) {
   return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
 }
 function yn(e) {
@@ -3610,7 +3610,7 @@ function yn(e) {
     renderFallbackValue: null,
     ...e
   }, [t] = Xe.useState(() => ({
-    current: $r(n)
+    current: Mr(n)
   })), [o, r] = Xe.useState(() => t.current.initialState);
   return t.current.setOptions((i) => ({
     ...i,
@@ -3636,7 +3636,7 @@ const jn = ({
     H,
     {
       variant: "light",
-      leftSection: /* @__PURE__ */ l.jsx(Kn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Yn, { size: 16, stroke: 1.5 }),
       size: o,
       onClick: e.add,
       children: "Add"
@@ -3645,7 +3645,7 @@ const jn = ({
   (e == null ? void 0 : e.edit) && /* @__PURE__ */ l.jsx(
     H,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Yn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Wn, { size: 16, stroke: 1.5 }),
       size: o,
       variant: "light",
       onClick: () => e.edit !== void 0 && e.edit(t[0]),
@@ -3656,7 +3656,7 @@ const jn = ({
   (e == null ? void 0 : e.reload) && /* @__PURE__ */ l.jsx(
     H,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Wn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Xn, { size: 16, stroke: 1.5 }),
       size: o,
       onClick: n,
       variant: "light",
@@ -3666,7 +3666,7 @@ const jn = ({
   (e == null ? void 0 : e.import) && /* @__PURE__ */ l.jsx(
     H,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Xn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Jn, { size: 16, stroke: 1.5 }),
       size: o,
       variant: "light",
       onClick: e.import,
@@ -3676,17 +3676,17 @@ const jn = ({
   (e == null ? void 0 : e.export) && /* @__PURE__ */ l.jsx(
     H,
     {
-      leftSection: /* @__PURE__ */ l.jsx(Jn, { size: 16, stroke: 1.5 }),
+      leftSection: /* @__PURE__ */ l.jsx(Qn, { size: 16, stroke: 1.5 }),
       size: o,
       variant: "light",
       onClick: e.export,
       children: "Export"
     }
   )
-] }), _n = (e) => e !== void 0 && (e.add !== void 0 || e.edit !== void 0 || e.delete !== void 0 || e.export !== void 0 || e.reload === !0 || e.import !== void 0), Tr = (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, Fn = (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: Lr, Tbody: Or, Td: Lt } = 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: [
-    /* @__PURE__ */ l.jsx(Qn, { color: "var(--mantine-color-dimmed)" }),
+    /* @__PURE__ */ l.jsx(Zn, { color: "var(--mantine-color-dimmed)" }),
     /* @__PURE__ */ l.jsx(P, { c: "dimmed", fz: "sm", children: "No records found." })
   ] }) }) }, "empty-row") : n = e.table.getRowModel().rows.map((i, s) => {
     var u, c;
@@ -3742,7 +3742,7 @@ 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
-}, In = ({
+}, Pn = ({
   total: e,
   pageIndex: n,
   pageSize: t,
@@ -3750,7 +3750,7 @@ const jn = ({
   onUpdatePagination: r
 }) => {
   const i = /* @__PURE__ */ l.jsx(
-    zn,
+    Gn,
     {
       size: "sm",
       total: e,
@@ -3789,12 +3789,12 @@ function Hr({
   onChange: o
 }) {
   return /* @__PURE__ */ l.jsxs(ae, { withinPortal: !0, withArrow: !0, offset: 2, children: [
-    /* @__PURE__ */ l.jsx(Gn, { children: /* @__PURE__ */ l.jsx(
+    /* @__PURE__ */ l.jsx(Hn, { children: /* @__PURE__ */ l.jsx(
       H,
       {
         size: e,
         variant: "default",
-        rightSection: /* @__PURE__ */ l.jsx(Zn, { size: 16, stroke: 1.5 }),
+        rightSection: /* @__PURE__ */ l.jsx(eo, { size: 16, stroke: 1.5 }),
         style: [
           { fontWeight: "normal" },
           (r) => ({
@@ -3811,10 +3811,10 @@ function Hr({
         children: t
       }
     ) }),
-    /* @__PURE__ */ l.jsx(Hn, { children: n.map((r) => {
+    /* @__PURE__ */ l.jsx(qn, { children: n.map((r) => {
       const i = r === t;
       return /* @__PURE__ */ l.jsx(
-        qn,
+        Bn,
         {
           className: i ? Gr.pageSizeSelectorActive : void 0,
           style: [
@@ -3843,25 +3843,25 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
     total: 0
   }), [o, r] = $(!1), [i, s] = $(
     {}
-  ), a = (R) => {
-    r(!0), e.getData(R).then((F) => {
+  ), a = (w) => {
+    r(!0), e.getData(w).then((F) => {
       t(F), r(!1);
     });
-  }, u = (R, F) => {
+  }, u = (w, F) => {
     const N = {
       ...e.query.query,
       limit: F,
-      offset: R * F
+      offset: w * F
     };
     e.query.update(N);
   }, [c, f, m] = _(() => {
-    const R = e.query.query.limit, F = Math.floor(
+    const w = e.query.query.limit, F = Math.floor(
       (e.query.query.offset || 0) / e.query.query.limit
     ), N = Math.ceil(n.total / e.query.query.limit);
-    return [R, F, N];
+    return [w, F, N];
   }, [e.query.query.limit, e.query.query.offset, n.total]);
-  be(() => (n.total == 0 && a(e.query.query), e.query.subscribe(a)), [e.query]);
-  const p = _(() => Object.keys(i).filter((R) => i[R]).map((R) => e.normalizeRowId(R)), [i]);
+  De(() => (n.total == 0 && a(e.query.query), e.query.subscribe(a)), [e.query]);
+  const p = _(() => Object.keys(i).filter((w) => i[w]).map((w) => e.normalizeRowId(w)), [i]);
   let d, g;
   _n(e.actions) && (d = /* @__PURE__ */ l.jsx(
     jn,
@@ -3873,8 +3873,8 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
   ));
   const h = ((C = e.pagination) == null ? void 0 : C.positions) || qr;
   if (h.size > 0) {
-    const R = /* @__PURE__ */ l.jsx(
-      In,
+    const w = /* @__PURE__ */ l.jsx(
+      Pn,
       {
         total: m,
         pageIndex: f,
@@ -3885,9 +3885,9 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
     );
     h.has("topRight") && (d !== void 0 ? d = /* @__PURE__ */ l.jsxs(L, { justify: "space-between", gap: "sm", children: [
       d,
-      R
-    ] }) : d = /* @__PURE__ */ l.jsx(q, { justify: "flex-end", children: R })), (h.has("bottomRight") || h.has("bottomLeft") || h.has("bottomCenter")) && (h.has("bottomLeft") ? g = /* @__PURE__ */ l.jsxs(q, { justify: "space-between", align: "center", children: [
-      R,
+      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: [
         "Showing ",
         Math.min(f * c + 1, n.total),
@@ -3911,25 +3911,30 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
         " ",
         "records"
       ] }),
-      R
+      w
     ] }));
   }
-  const v = _(() => /* @__PURE__ */ l.jsx(
-    Br,
-    {
-      data: n,
-      loading: o,
-      columns: e.columns,
-      getRowId: e.getRowId,
-      selectedRowKeys: i,
-      setSelectedRowKeys: s,
-      hasTopSection: d !== void 0,
-      hasBottomSection: g !== void 0
-    }
-  ), [
+  const v = _(() => {
+    const w = e.selectable ?? Fn(e.actions);
+    return /* @__PURE__ */ l.jsx(
+      Br,
+      {
+        data: n,
+        loading: o,
+        columns: e.columns,
+        isSelectable: w,
+        getRowId: e.getRowId,
+        selectedRowKeys: i,
+        setSelectedRowKeys: s,
+        hasTopSection: d !== void 0,
+        hasBottomSection: g !== void 0
+      }
+    );
+  }, [
     n,
     o,
     e.columns,
+    e.selectable,
     e.getRowId,
     i,
     s,
@@ -3967,38 +3972,38 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
   ] });
 }, Br = (e) => {
   const n = _(() => {
-    const o = [
-      {
-        id: "selection",
-        header: ({ table: r }) => /* @__PURE__ */ l.jsx(
-          de,
-          {
-            checked: r.getIsAllRowsSelected(),
-            indeterminate: r.getIsSomeRowsSelected(),
-            onChange: r.getToggleAllRowsSelectedHandler()
-          }
-        ),
-        cell: ({ row: r }) => /* @__PURE__ */ l.jsx(
-          de,
-          {
-            checked: r.getIsSelected(),
-            disabled: !r.getCanSelect(),
-            onChange: r.getToggleSelectedHandler()
-          }
-        )
-      }
-    ];
-    return e.columns.forEach((r) => {
+    const o = [];
+    e.isSelectable && o.push({
+      id: "selection",
+      header: ({ table: r }) => /* @__PURE__ */ l.jsx(
+        de,
+        {
+          checked: r.getIsAllRowsSelected(),
+          indeterminate: r.getIsSomeRowsSelected(),
+          onChange: r.getToggleAllRowsSelectedHandler()
+        }
+      ),
+      cell: ({ row: r }) => /* @__PURE__ */ l.jsx(
+        de,
+        {
+          checked: r.getIsSelected(),
+          disabled: !r.getCanSelect(),
+          onChange: r.getToggleSelectedHandler()
+        }
+      )
+    });
+    for (const r of e.columns)
       o.push({
         id: r.key,
         header: r.title,
         accessorFn: r.render,
         cell: ({ row: i }) => r.render(i.original)
       });
-    }), o;
-  }, [e.columns]), t = yn({
+    return o;
+  }, [e.columns, e.isSelectable]), t = yn({
     data: e.data.records,
     columns: n,
+    enableRowSelection: e.isSelectable,
     getCoreRowModel: Rn(),
     // convert to string, but we actually can get away with number
     getRowId: (o) => e.getRowId(o).toString(),
@@ -4009,7 +4014,7 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
     manualPagination: !0
   });
   return /* @__PURE__ */ l.jsx(
-    Fn,
+    In,
     {
       table: t,
       selectedRowKeys: e.selectedRowKeys,
@@ -4019,7 +4024,7 @@ const qr = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Li = (e) => {
     }
   );
 };
-function Pn(e, n, {
+function En(e, n, {
   title: t,
   nestedKey: o,
   component: r
@@ -4082,19 +4087,19 @@ function Oi(e, n, t, {
   }), a;
 }
 function zi(e, n, t, o = {}) {
-  return t.map((r) => En(r) ? r : Pn(e, n.publicProperties[r], o));
+  return t.map((r) => $n(r) ? r : En(e, n.publicProperties[r], o));
 }
 function Gi(e, n, t = [], o = {}) {
-  return t.map((r) => En(r) ? r : Pn(e, n.publicProperties[r], o));
+  return t.map((r) => $n(r) ? r : En(e, n.publicProperties[r], o));
 }
-function En(e) {
+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] = $(
     {}
-  ), o = e.selectable ?? Tr(e.actions), r = _(() => {
+  ), o = e.selectable ?? Fn(e.actions), r = _(() => {
     const d = [];
     o && d.push({
       id: "selection",
@@ -4149,7 +4154,7 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
   const c = ((m = e.pagination) == null ? void 0 : m.positions) || Ur;
   if (c.size > 0) {
     const d = i.getState().pagination, g = /* @__PURE__ */ l.jsx(
-      In,
+      Pn,
       {
         total: i.getPageCount(),
         pageIndex: d.pageIndex,
@@ -4196,7 +4201,7 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
     ] }));
   }
   const f = /* @__PURE__ */ l.jsx(
-    Fn,
+    In,
     {
       selectedRowKeys: n,
       table: i,
@@ -4242,8 +4247,8 @@ const Ur = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Hi = (e) => {
   boolean: sn,
   "string[]": Se,
   enum: Se,
-  date: To,
-  datetime: No
+  date: No,
+  datetime: ko
 }, Kr = {
   lang2value: {
     en: "Update",
@@ -4330,7 +4335,7 @@ function Qr({
   properties: e,
   queryConditions: n
 }) {
-  const t = ro.getInstance().getLocale(), o = [];
+  const t = io.getInstance().getLocale(), o = [];
   for (const r of e) {
     const i = n[r.property.tsName];
     if (i !== void 0)
@@ -4352,7 +4357,7 @@ const Zr = ({
   queryConditions: s
 }) => {
   const [a, u] = $({});
-  be(() => {
+  De(() => {
     const g = {};
     for (const h of n) {
       const v = s[h.property.tsName];
@@ -4372,14 +4377,14 @@ const Zr = ({
   const [c, f, m] = _(() => {
     const g = [], h = {}, v = {};
     for (const C of n) {
-      let y, R = (F) => {
+      let y, w = (F) => {
         if (!It.isEmpty(F))
           return { op: "eq", value: F };
       };
-      (C.property.datatype === "date" || C.property.datatype === "datetime") && (y = It.validateTimeRange, R = (F) => F.start !== void 0 && F.end !== void 0 ? {
+      (C.property.datatype === "date" || C.property.datatype === "datetime") && (y = It.validateTimeRange, w = (F) => F.start !== void 0 && F.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] = R, v[C.property.tsName] = y, g.push(
+      } : 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(
         /* @__PURE__ */ l.jsx(
           Wr,
           {
@@ -4442,7 +4447,7 @@ const Zr = ({
       )
     ] })
   ] });
-}, Gt = /* @__PURE__ */ l.jsx(no, { 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 }), ei = {
   lang2value: {
     en: "Search By",
     vi: "Tìm Kiếm Theo"
@@ -4456,7 +4461,7 @@ const Zr = ({
   searchField: r,
   advancedSearch: i
 }) => {
-  const s = B(re), [a, u] = $(e), [c, f] = $(!1), [m, p] = $([!1, Date.now()]), d = _(() => so(
+  const s = B(re), [a, u] = $(e), [c, f] = $(!1), [m, p] = $([!1, Date.now()]), d = _(() => lo(
     t,
     (C) => {
       f(!1), n(C);
@@ -4509,7 +4514,7 @@ const Zr = ({
                   onClick: () => {
                     u(""), n("");
                   },
-                  children: /* @__PURE__ */ l.jsx(eo, { size: 16, stroke: 1.5, cursor: "pointer" })
+                  children: /* @__PURE__ */ l.jsx(to, { size: 16, stroke: 1.5, cursor: "pointer" })
                 }
               ),
               /* @__PURE__ */ l.jsx(
@@ -4522,7 +4527,7 @@ const Zr = ({
                     m[1] + 200 >= Date.now() || p([!0, Date.now()]);
                   },
                   children: /* @__PURE__ */ l.jsx(
-                    to,
+                    no,
                     {
                       size: 16,
                       stroke: v > 0 ? 2 : 1.5,
@@ -4672,16 +4677,16 @@ export {
   qr as DEFAULT_PAGINATION_POSITIONS,
   ce as DataType2DisplayComponent,
   Vt as DataType2InputComponent,
-  Co as DateDisplay,
-  Io as DateInput,
-  To as DateRangeInput,
-  vo as DateTimeDisplay,
-  Di as DateTimeHideTimeDisplay,
-  No as DateTimeRangeInput,
-  Ho as EmbeddedFormItem,
-  go as EmojiCountryFlag,
-  Po as EnumInput,
-  Oo as FormItem,
+  wo as DateDisplay,
+  Po as DateInput,
+  No as DateRangeInput,
+  Co as DateTimeDisplay,
+  bi as DateTimeHideTimeDisplay,
+  ko as DateTimeRangeInput,
+  qo as EmbeddedFormItem,
+  fo as EmojiCountryFlag,
+  Eo as EnumInput,
+  zo as FormItem,
   cn as FormItemInner,
   un as FormItemLabel,
   Si as LanguageSelector,
@@ -4689,7 +4694,7 @@ export {
   Ri as LoadingInline,
   re as LocaleContext,
   hi as LocaleProvider,
-  So as MenuTrie,
+  vo as MenuTrie,
   mt as MultiForeignKeyDisplay,
   an as MultiForeignKeyInput,
   T as MultiLingualString,
@@ -4701,12 +4706,12 @@ export {
   Ii as OrderedUniqueList,
   et as Permission,
   Ti as SPAN_COL,
-  co as SVGCountryFlag,
+  go as SVGCountryFlag,
   Zr as SearchForm,
   Wr as SearchFormItem,
   nn as SeraCol,
   gt as SeraContext,
-  bi as SeraContextProvider,
+  Di as SeraContextProvider,
   ki as SeraEmbeddedForm,
   Hi as SeraEmbeddedTable,
   Ni as SeraForm,
@@ -4722,10 +4727,10 @@ export {
   Pi as TestIdProvider,
   Se as TextInput,
   Zt as Trie,
-  Dt as TrieNode,
-  mo as buildMenuItemIndex,
+  bt as TrieNode,
+  po as buildMenuItemIndex,
   V as countryFlags,
-  ho as filterAllowedItems,
+  So as filterAllowedItems,
   gn as getInputComponent,
   Xr as getNumberOfFilters,
   dt as getPropertyValue,
@@ -4734,10 +4739,10 @@ export {
   ji as groupBy,
   _i as groupByAsList,
   Bi as groupFields,
-  zo as isHorizontalLayout,
-  En as isSeraColumn,
+  Go as isHorizontalLayout,
+  $n as isSeraColumn,
   Gi as makeEmbeddedTableColumns,
-  Pn as makeTableColumn,
+  En as makeTableColumn,
   Oi as makeTableColumnFromNestedProperty,
   zi as makeTableColumns,
   Ze as setPropertyValue,