sera-components 1.1.1 → 1.1.4

package/dist/index.js

@@ -0,0 +1,3504 @@
+var on = Object.defineProperty;
+var ln = (e, n, t) => n in e ? on(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var X = (e, n, t) => ln(e, typeof n != "symbol" ? n + "" : n, t);
+import * as f from "react";
+import sn, { createContext as un, useContext as ke, useMemo as E, useState as _, useEffect as Te } from "react";
+import { Paper as re, Image as cn, Text as k, Menu as ie, Button as q, Container as dn, Alert as qe, Stack as ge, Flex as B, Loader as Re, NavLink as it, Checkbox as me, Group as D, Input as W, useCombobox as St, Combobox as F, Grid as A, InputBase as fn, PasswordInput as hn, CloseButton as mn, Divider as gn, Tooltip as Ct, Fieldset as pn, Table as Rt, rem as ue, Pagination as xn, MenuTarget as vn, MenuDropdown as yn, MenuItem as bn, Tabs as ye } from "@mantine/core";
+import { IconCheck as wn, IconInfoCircle as We, IconChevronRight as jn, IconSearch as Et, IconHelpOctagonFilled as kt, IconPlus as Sn, IconPencil as Cn, IconReload as Rn, IconDatabaseImport as En, IconDownload as kn, IconSelector as Tn } from "@tabler/icons-react";
+import { observer as ee } from "mobx-react-lite";
+import { InternalLink as Tt } from "sera-route";
+import { IMaskInput as Nn } from "react-imask";
+import { isDraftRecord as Nt, isObjectProperty as pe } from "sera-db";
+import { flexRender as lt, useReactTable as Pt, getCoreRowModel as It, getPaginationRowModel as Pn } from "@tanstack/react-table";
+var be = { exports: {} }, ce = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var st;
+function In() {
+  if (st) return ce;
+  st = 1;
+  var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function t(a, r, o) {
+    var l = null;
+    if (o !== void 0 && (l = "" + o), r.key !== void 0 && (l = "" + r.key), "key" in r) {
+      o = {};
+      for (var s in r)
+        s !== "key" && (o[s] = r[s]);
+    } else o = r;
+    return r = o.ref, {
+      $$typeof: e,
+      type: a,
+      key: l,
+      ref: r !== void 0 ? r : null,
+      props: o
+    };
+  }
+  return ce.Fragment = n, ce.jsx = t, ce.jsxs = t, ce;
+}
+var de = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ut;
+function Ln() {
+  return ut || (ut = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(m) {
+      if (m == null) return null;
+      if (typeof m == "function")
+        return m.$$typeof === G ? null : m.displayName || m.name || null;
+      if (typeof m == "string") return m;
+      switch (m) {
+        case h:
+          return "Fragment";
+        case b:
+          return "Profiler";
+        case j:
+          return "StrictMode";
+        case R:
+          return "Suspense";
+        case U:
+          return "SuspenseList";
+        case $:
+          return "Activity";
+      }
+      if (typeof m == "object")
+        switch (typeof m.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), m.$$typeof) {
+          case v:
+            return "Portal";
+          case y:
+            return (m.displayName || "Context") + ".Provider";
+          case C:
+            return (m._context.displayName || "Context") + ".Consumer";
+          case w:
+            var S = m.render;
+            return m = m.displayName, m || (m = S.displayName || S.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
+          case M:
+            return S = m.displayName || null, S !== null ? S : e(m.type) || "Memo";
+          case ne:
+            S = m._payload, m = m._init;
+            try {
+              return e(m(S));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function n(m) {
+      return "" + m;
+    }
+    function t(m) {
+      try {
+        n(m);
+        var S = !1;
+      } catch {
+        S = !0;
+      }
+      if (S) {
+        S = console;
+        var T = S.error, I = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        return T.call(
+          S,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          I
+        ), n(m);
+      }
+    }
+    function a(m) {
+      if (m === h) return "<>";
+      if (typeof m == "object" && m !== null && m.$$typeof === ne)
+        return "<...>";
+      try {
+        var S = e(m);
+        return S ? "<" + S + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function r() {
+      var m = ae.A;
+      return m === null ? null : m.getOwner();
+    }
+    function o() {
+      return Error("react-stack-top-frame");
+    }
+    function l(m) {
+      if (et.call(m, "key")) {
+        var S = Object.getOwnPropertyDescriptor(m, "key").get;
+        if (S && S.isReactWarning) return !1;
+      }
+      return m.key !== void 0;
+    }
+    function s(m, S) {
+      function T() {
+        tt || (tt = !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)",
+          S
+        ));
+      }
+      T.isReactWarning = !0, Object.defineProperty(m, "key", {
+        get: T,
+        configurable: !0
+      });
+    }
+    function u() {
+      var m = e(this.type);
+      return nt[m] || (nt[m] = !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."
+      )), m = this.props.ref, m !== void 0 ? m : null;
+    }
+    function c(m, S, T, I, J, z, _e, $e) {
+      return T = z.ref, m = {
+        $$typeof: p,
+        type: m,
+        key: S,
+        props: z,
+        _owner: J
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(m, "ref", {
+        enumerable: !1,
+        get: u
+      }) : Object.defineProperty(m, "ref", { enumerable: !1, value: null }), m._store = {}, Object.defineProperty(m._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(m, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(m, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: _e
+      }), Object.defineProperty(m, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: $e
+      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+    }
+    function d(m, S, T, I, J, z, _e, $e) {
+      var L = S.children;
+      if (L !== void 0)
+        if (I)
+          if (rn(L)) {
+            for (I = 0; I < L.length; I++)
+              x(L[I]);
+            Object.freeze && Object.freeze(L);
+          } 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 x(L);
+      if (et.call(S, "key")) {
+        L = e(m);
+        var oe = Object.keys(S).filter(function(an) {
+          return an !== "key";
+        });
+        I = 0 < oe.length ? "{key: someKey, " + oe.join(": ..., ") + ": ...}" : "{key: someKey}", ot[L + I] || (oe = 0 < oe.length ? "{" + oe.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} />`,
+          I,
+          L,
+          oe,
+          L
+        ), ot[L + I] = !0);
+      }
+      if (L = null, T !== void 0 && (t(T), L = "" + T), l(S) && (t(S.key), L = "" + S.key), "key" in S) {
+        T = {};
+        for (var Oe in S)
+          Oe !== "key" && (T[Oe] = S[Oe]);
+      } else T = S;
+      return L && s(
+        T,
+        typeof m == "function" ? m.displayName || m.name || "Unknown" : m
+      ), c(
+        m,
+        L,
+        z,
+        J,
+        r(),
+        T,
+        _e,
+        $e
+      );
+    }
+    function x(m) {
+      typeof m == "object" && m !== null && m.$$typeof === p && m._store && (m._store.validated = 1);
+    }
+    var g = sn, p = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), y = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), U = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), ne = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), ae = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, et = Object.prototype.hasOwnProperty, rn = Array.isArray, Ae = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    g = {
+      react_stack_bottom_frame: function(m) {
+        return m();
+      }
+    };
+    var tt, nt = {}, rt = g.react_stack_bottom_frame.bind(
+      g,
+      o
+    )(), at = Ae(a(o)), ot = {};
+    de.Fragment = h, de.jsx = function(m, S, T, I, J) {
+      var z = 1e4 > ae.recentlyCreatedOwnerStacks++;
+      return d(
+        m,
+        S,
+        T,
+        !1,
+        I,
+        J,
+        z ? Error("react-stack-top-frame") : rt,
+        z ? Ae(a(m)) : at
+      );
+    }, de.jsxs = function(m, S, T, I, J) {
+      var z = 1e4 > ae.recentlyCreatedOwnerStacks++;
+      return d(
+        m,
+        S,
+        T,
+        !0,
+        I,
+        J,
+        z ? Error("react-stack-top-frame") : rt,
+        z ? Ae(a(m)) : at
+      );
+    };
+  }()), de;
+}
+var ct;
+function Fn() {
+  return ct || (ct = 1, process.env.NODE_ENV === "production" ? be.exports = In() : be.exports = Ln()), be.exports;
+}
+var i = Fn();
+const N = {
+  UK: {
+    svgFlag: "https://flagcdn.com/gb.svg",
+    emojiFlag: "🇬🇧"
+  },
+  VN: {
+    svgFlag: "https://flagcdn.com/vn.svg",
+    emojiFlag: "🇻🇳"
+  },
+  US: {
+    svgFlag: "https://flagcdn.com/us.svg",
+    emojiFlag: "🇺🇸"
+  },
+  CA: {
+    svgFlag: "https://flagcdn.com/ca.svg",
+    emojiFlag: "🇨🇦"
+  },
+  BR: {
+    svgFlag: "https://flagcdn.com/br.svg",
+    emojiFlag: "🇧🇷"
+  },
+  ES: {
+    svgFlag: "https://flagcdn.com/es.svg",
+    emojiFlag: "🇪🇸"
+  },
+  IT: {
+    svgFlag: "https://flagcdn.com/it.svg",
+    emojiFlag: "🇮🇹"
+  },
+  NZ: {
+    svgFlag: "https://flagcdn.com/nz.svg",
+    emojiFlag: "🇳🇿"
+  },
+  MX: {
+    svgFlag: "https://flagcdn.com/mx.svg",
+    emojiFlag: "🇲🇽"
+  },
+  CN: {
+    svgFlag: "https://flagcdn.com/cn.svg",
+    emojiFlag: "🇨🇳"
+  },
+  AU: {
+    svgFlag: "https://flagcdn.com/au.svg",
+    emojiFlag: "🇦🇺"
+  },
+  JP: {
+    svgFlag: "https://flagcdn.com/jp.svg",
+    emojiFlag: "🇯🇵"
+  },
+  FR: {
+    svgFlag: "https://flagcdn.com/fr.svg",
+    emojiFlag: "🇫🇷"
+  },
+  DE: {
+    svgFlag: "https://flagcdn.com/de.svg",
+    emojiFlag: "🇩🇪"
+  },
+  IN: {
+    svgFlag: "https://flagcdn.com/in.svg",
+    emojiFlag: "🇮🇳"
+  }
+}, An = ({ flag: e }) => /* @__PURE__ */ i.jsx(re, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ i.jsx(cn, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), _n = ({ flag: e }) => /* @__PURE__ */ i.jsx(
+  k,
+  {
+    component: "span",
+    style: (n) => ({ textShadow: n.shadows.xs }),
+    children: e.emojiFlag
+  }
+), Be = navigator.userAgent.includes("Windows") ? An : _n, xe = un(new Intl.Locale("en-US")), Ja = ee(
+  ({
+    value: e,
+    children: n
+  }) => /* @__PURE__ */ i.jsx(xe.Provider, { value: e.locale, children: n })
+), $n = {
+  lang2value: {
+    en: "Choose Language",
+    vi: "Chọn ngôn ngữ"
+  }
+}, we = {
+  en: {
+    name: "English",
+    flag: N.US,
+    locale: new Intl.Locale("en-US")
+  },
+  vi: {
+    name: "Tiếng Việt",
+    flag: N.VN,
+    locale: new Intl.Locale("vi-VN")
+  }
+}, Xa = ({
+  locale: e,
+  setLocale: n
+}) => {
+  const t = E(() => Object.entries(we).map(
+    ([a, { flag: r, name: o, locale: l }]) => /* @__PURE__ */ i.jsx(
+      ie.Item,
+      {
+        onClick: () => n(l),
+        leftSection: /* @__PURE__ */ i.jsx(Be, { flag: r }),
+        rightSection: e.language === a && /* @__PURE__ */ i.jsx(wn, { size: "15", color: "#2986cc", stroke: 2 }),
+        children: /* @__PURE__ */ i.jsx(k, { size: "sm", children: o })
+      },
+      a
+    )
+  ), [we, e]);
+  return /* @__PURE__ */ i.jsxs(ie, { width: 170, children: [
+    /* @__PURE__ */ i.jsx(ie.Target, { children: /* @__PURE__ */ i.jsx(
+      q,
+      {
+        variant: "subtle",
+        size: "sm",
+        leftSection: /* @__PURE__ */ i.jsx(Be, { flag: we[e.language].flag }),
+        children: /* @__PURE__ */ i.jsx(k, { size: "sm", children: we[e.language].name })
+      }
+    ) }),
+    /* @__PURE__ */ i.jsxs(ie.Dropdown, { children: [
+      /* @__PURE__ */ i.jsx(ie.Label, { children: /* @__PURE__ */ i.jsx(k, { size: "sm", children: $n.lang2value[e.language] }) }),
+      t
+    ] })
+  ] });
+}, O = ({ value: e }) => {
+  const n = ke(xe);
+  return e.lang2value[n.language] || e.lang2value[e.lang];
+};
+/**
+ * react-router v7.7.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+function P(e, n) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(n);
+}
+function V(e, n) {
+  if (!e) {
+    typeof console < "u" && console.warn(n);
+    try {
+      throw new Error(n);
+    } catch {
+    }
+  }
+}
+function Ue({
+  pathname: e = "/",
+  search: n = "",
+  hash: t = ""
+}) {
+  return n && n !== "?" && (e += n.charAt(0) === "?" ? n : "?" + n), t && t !== "#" && (e += t.charAt(0) === "#" ? t : "#" + t), e;
+}
+function Ke(e) {
+  let n = {};
+  if (e) {
+    let t = e.indexOf("#");
+    t >= 0 && (n.hash = e.substring(t), e = e.substring(0, t));
+    let a = e.indexOf("?");
+    a >= 0 && (n.search = e.substring(a), e = e.substring(0, a)), e && (n.pathname = e);
+  }
+  return n;
+}
+function Lt(e, n, t = "/") {
+  return On(e, n, t, !1);
+}
+function On(e, n, t, a) {
+  let r = typeof n == "string" ? Ke(n) : n, o = Z(r.pathname || "/", t);
+  if (o == null)
+    return null;
+  let l = Ft(e);
+  Dn(l);
+  let s = null;
+  for (let u = 0; s == null && u < l.length; ++u) {
+    let c = Gn(o);
+    s = Hn(
+      l[u],
+      c,
+      a
+    );
+  }
+  return s;
+}
+function Ft(e, n = [], t = [], a = "") {
+  let r = (o, l, s) => {
+    let u = {
+      relativePath: s === void 0 ? o.path || "" : s,
+      caseSensitive: o.caseSensitive === !0,
+      childrenIndex: l,
+      route: o
+    };
+    u.relativePath.startsWith("/") && (P(
+      u.relativePath.startsWith(a),
+      `Absolute route path "${u.relativePath}" nested under path "${a}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
+    ), u.relativePath = u.relativePath.slice(a.length));
+    let c = K([a, u.relativePath]), d = t.concat(u);
+    o.children && o.children.length > 0 && (P(
+      // Our types know better, but runtime JS may not!
+      // @ts-expect-error
+      o.index !== !0,
+      `Index routes must not have child routes. Please remove all child routes from route path "${c}".`
+    ), Ft(o.children, n, d, c)), !(o.path == null && !o.index) && n.push({
+      path: c,
+      score: Kn(c, o.index),
+      routesMeta: d
+    });
+  };
+  return e.forEach((o, l) => {
+    var s;
+    if (o.path === "" || !((s = o.path) != null && s.includes("?")))
+      r(o, l);
+    else
+      for (let u of At(o.path))
+        r(o, l, u);
+  }), n;
+}
+function At(e) {
+  let n = e.split("/");
+  if (n.length === 0) return [];
+  let [t, ...a] = n, r = t.endsWith("?"), o = t.replace(/\?$/, "");
+  if (a.length === 0)
+    return r ? [o, ""] : [o];
+  let l = At(a.join("/")), s = [];
+  return s.push(
+    ...l.map(
+      (u) => u === "" ? o : [o, u].join("/")
+    )
+  ), r && s.push(...l), s.map(
+    (u) => e.startsWith("/") && u === "" ? "/" : u
+  );
+}
+function Dn(e) {
+  e.sort(
+    (n, t) => n.score !== t.score ? t.score - n.score : Vn(
+      n.routesMeta.map((a) => a.childrenIndex),
+      t.routesMeta.map((a) => a.childrenIndex)
+    )
+  );
+}
+var Mn = /^:[\w-]+$/, zn = 3, Bn = 2, Un = 1, qn = 10, Wn = -2, dt = (e) => e === "*";
+function Kn(e, n) {
+  let t = e.split("/"), a = t.length;
+  return t.some(dt) && (a += Wn), n && (a += Bn), t.filter((r) => !dt(r)).reduce(
+    (r, o) => r + (Mn.test(o) ? zn : o === "" ? Un : qn),
+    a
+  );
+}
+function Vn(e, n) {
+  return e.length === n.length && e.slice(0, -1).every((a, r) => a === n[r]) ? (
+    // If two routes are siblings, we should try to match the earlier sibling
+    // first. This allows people to have fine-grained control over the matching
+    // behavior by simply putting routes with identical paths in the order they
+    // want them tried.
+    e[e.length - 1] - n[n.length - 1]
+  ) : (
+    // Otherwise, it doesn't really make sense to rank non-siblings by index,
+    // so they sort equally.
+    0
+  );
+}
+function Hn(e, n, t = !1) {
+  let { routesMeta: a } = e, r = {}, o = "/", l = [];
+  for (let s = 0; s < a.length; ++s) {
+    let u = a[s], c = s === a.length - 1, d = o === "/" ? n : n.slice(o.length) || "/", x = Ee(
+      { path: u.relativePath, caseSensitive: u.caseSensitive, end: c },
+      d
+    ), g = u.route;
+    if (!x && c && t && !a[a.length - 1].route.index && (x = Ee(
+      {
+        path: u.relativePath,
+        caseSensitive: u.caseSensitive,
+        end: !1
+      },
+      d
+    )), !x)
+      return null;
+    Object.assign(r, x.params), l.push({
+      // TODO: Can this as be avoided?
+      params: r,
+      pathname: K([o, x.pathname]),
+      pathnameBase: Qn(
+        K([o, x.pathnameBase])
+      ),
+      route: g
+    }), x.pathnameBase !== "/" && (o = K([o, x.pathnameBase]));
+  }
+  return l;
+}
+function Ee(e, n) {
+  typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
+  let [t, a] = Yn(
+    e.path,
+    e.caseSensitive,
+    e.end
+  ), r = n.match(t);
+  if (!r) return null;
+  let o = r[0], l = o.replace(/(.)\/+$/, "$1"), s = r.slice(1);
+  return {
+    params: a.reduce(
+      (c, { paramName: d, isOptional: x }, g) => {
+        if (d === "*") {
+          let v = s[g] || "";
+          l = o.slice(0, o.length - v.length).replace(/(.)\/+$/, "$1");
+        }
+        const p = s[g];
+        return x && !p ? c[d] = void 0 : c[d] = (p || "").replace(/%2F/g, "/"), c;
+      },
+      {}
+    ),
+    pathname: o,
+    pathnameBase: l,
+    pattern: e
+  };
+}
+function Yn(e, n = !1, t = !0) {
+  V(
+    e === "*" || !e.endsWith("*") || e.endsWith("/*"),
+    `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
+  );
+  let a = [], r = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(
+    /\/:([\w-]+)(\?)?/g,
+    (l, s, u) => (a.push({ paramName: s, isOptional: u != null }), u ? "/?([^\\/]+)?" : "/([^\\/]+)")
+  );
+  return e.endsWith("*") ? (a.push({ paramName: "*" }), r += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : t ? r += "\\/*$" : e !== "" && e !== "/" && (r += "(?:(?=\\/|$))"), [new RegExp(r, n ? void 0 : "i"), a];
+}
+function Gn(e) {
+  try {
+    return e.split("/").map((n) => decodeURIComponent(n).replace(/\//g, "%2F")).join("/");
+  } catch (n) {
+    return V(
+      !1,
+      `The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${n}).`
+    ), e;
+  }
+}
+function Z(e, n) {
+  if (n === "/") return e;
+  if (!e.toLowerCase().startsWith(n.toLowerCase()))
+    return null;
+  let t = n.endsWith("/") ? n.length - 1 : n.length, a = e.charAt(t);
+  return a && a !== "/" ? null : e.slice(t) || "/";
+}
+function Jn(e, n = "/") {
+  let {
+    pathname: t,
+    search: a = "",
+    hash: r = ""
+  } = typeof e == "string" ? Ke(e) : e;
+  return {
+    pathname: t ? t.startsWith("/") ? t : Xn(t, n) : n,
+    search: er(a),
+    hash: tr(r)
+  };
+}
+function Xn(e, n) {
+  let t = n.replace(/\/+$/, "").split("/");
+  return e.split("/").forEach((r) => {
+    r === ".." ? t.length > 1 && t.pop() : r !== "." && t.push(r);
+  }), t.length > 1 ? t.join("/") : "/";
+}
+function De(e, n, t, a) {
+  return `Cannot include a '${e}' character in a manually specified \`to.${n}\` field [${JSON.stringify(
+    a
+  )}].  Please separate it out to the \`to.${t}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
+}
+function Zn(e) {
+  return e.filter(
+    (n, t) => t === 0 || n.route.path && n.route.path.length > 0
+  );
+}
+function _t(e) {
+  let n = Zn(e);
+  return n.map(
+    (t, a) => a === n.length - 1 ? t.pathname : t.pathnameBase
+  );
+}
+function $t(e, n, t, a = !1) {
+  let r;
+  typeof e == "string" ? r = Ke(e) : (r = { ...e }, P(
+    !r.pathname || !r.pathname.includes("?"),
+    De("?", "pathname", "search", r)
+  ), P(
+    !r.pathname || !r.pathname.includes("#"),
+    De("#", "pathname", "hash", r)
+  ), P(
+    !r.search || !r.search.includes("#"),
+    De("#", "search", "hash", r)
+  ));
+  let o = e === "" || r.pathname === "", l = o ? "/" : r.pathname, s;
+  if (l == null)
+    s = t;
+  else {
+    let x = n.length - 1;
+    if (!a && l.startsWith("..")) {
+      let g = l.split("/");
+      for (; g[0] === ".."; )
+        g.shift(), x -= 1;
+      r.pathname = g.join("/");
+    }
+    s = x >= 0 ? n[x] : "/";
+  }
+  let u = Jn(r, s), c = l && l !== "/" && l.endsWith("/"), d = (o || l === ".") && t.endsWith("/");
+  return !u.pathname.endsWith("/") && (c || d) && (u.pathname += "/"), u;
+}
+var K = (e) => e.join("/").replace(/\/\/+/g, "/"), Qn = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), er = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, tr = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
+function nr(e) {
+  return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
+}
+var Ot = [
+  "POST",
+  "PUT",
+  "PATCH",
+  "DELETE"
+];
+new Set(
+  Ot
+);
+var rr = [
+  "GET",
+  ...Ot
+];
+new Set(rr);
+var se = f.createContext(null);
+se.displayName = "DataRouter";
+var Ne = f.createContext(null);
+Ne.displayName = "DataRouterState";
+f.createContext(!1);
+var Dt = f.createContext({
+  isTransitioning: !1
+});
+Dt.displayName = "ViewTransition";
+var ar = f.createContext(
+  /* @__PURE__ */ new Map()
+);
+ar.displayName = "Fetchers";
+var or = f.createContext(null);
+or.displayName = "Await";
+var H = f.createContext(
+  null
+);
+H.displayName = "Navigation";
+var Ve = f.createContext(
+  null
+);
+Ve.displayName = "Location";
+var Y = f.createContext({
+  outlet: null,
+  matches: [],
+  isDataRoute: !1
+});
+Y.displayName = "Route";
+var He = f.createContext(null);
+He.displayName = "RouteError";
+function ir(e, { relative: n } = {}) {
+  P(
+    Pe(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useHref() may be used only in the context of a <Router> component."
+  );
+  let { basename: t, navigator: a } = f.useContext(H), { hash: r, pathname: o, search: l } = ve(e, { relative: n }), s = o;
+  return t !== "/" && (s = o === "/" ? t : K([t, o])), a.createHref({ pathname: s, search: l, hash: r });
+}
+function Pe() {
+  return f.useContext(Ve) != null;
+}
+function te() {
+  return P(
+    Pe(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useLocation() may be used only in the context of a <Router> component."
+  ), f.useContext(Ve).location;
+}
+var Mt = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function zt(e) {
+  f.useContext(H).static || f.useLayoutEffect(e);
+}
+function Ye() {
+  let { isDataRoute: e } = f.useContext(Y);
+  return e ? yr() : lr();
+}
+function lr() {
+  P(
+    Pe(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useNavigate() may be used only in the context of a <Router> component."
+  );
+  let e = f.useContext(se), { basename: n, navigator: t } = f.useContext(H), { matches: a } = f.useContext(Y), { pathname: r } = te(), o = JSON.stringify(_t(a)), l = f.useRef(!1);
+  return zt(() => {
+    l.current = !0;
+  }), f.useCallback(
+    (u, c = {}) => {
+      if (V(l.current, Mt), !l.current) return;
+      if (typeof u == "number") {
+        t.go(u);
+        return;
+      }
+      let d = $t(
+        u,
+        JSON.parse(o),
+        r,
+        c.relative === "path"
+      );
+      e == null && n !== "/" && (d.pathname = d.pathname === "/" ? n : K([n, d.pathname])), (c.replace ? t.replace : t.push)(
+        d,
+        c.state,
+        c
+      );
+    },
+    [
+      n,
+      t,
+      o,
+      r,
+      e
+    ]
+  );
+}
+f.createContext(null);
+function ve(e, { relative: n } = {}) {
+  let { matches: t } = f.useContext(Y), { pathname: a } = te(), r = JSON.stringify(_t(t));
+  return f.useMemo(
+    () => $t(
+      e,
+      JSON.parse(r),
+      a,
+      n === "path"
+    ),
+    [e, r, a, n]
+  );
+}
+function sr(e, n, t, a) {
+  P(
+    Pe(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useRoutes() may be used only in the context of a <Router> component."
+  );
+  let { navigator: r } = f.useContext(H), { matches: o } = f.useContext(Y), l = o[o.length - 1], s = l ? l.params : {}, u = l ? l.pathname : "/", c = l ? l.pathnameBase : "/", d = l && l.route;
+  {
+    let b = d && d.path || "";
+    Bt(
+      u,
+      !d || b.endsWith("*") || b.endsWith("*?"),
+      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${u}" (under <Route path="${b}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
+
+Please change the parent <Route path="${b}"> to <Route path="${b === "/" ? "*" : `${b}/*`}">.`
+    );
+  }
+  let x = te(), g;
+  g = x;
+  let p = g.pathname || "/", v = p;
+  if (c !== "/") {
+    let b = c.replace(/^\//, "").split("/");
+    v = "/" + p.replace(/^\//, "").split("/").slice(b.length).join("/");
+  }
+  let h = Lt(e, { pathname: v });
+  return V(
+    d || h != null,
+    `No routes matched location "${g.pathname}${g.search}${g.hash}" `
+  ), V(
+    h == null || h[h.length - 1].route.element !== void 0 || h[h.length - 1].route.Component !== void 0 || h[h.length - 1].route.lazy !== void 0,
+    `Matched leaf route at location "${g.pathname}${g.search}${g.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
+  ), hr(
+    h && h.map(
+      (b) => Object.assign({}, b, {
+        params: Object.assign({}, s, b.params),
+        pathname: K([
+          c,
+          // Re-encode pathnames that were decoded inside matchRoutes
+          r.encodeLocation ? r.encodeLocation(b.pathname).pathname : b.pathname
+        ]),
+        pathnameBase: b.pathnameBase === "/" ? c : K([
+          c,
+          // Re-encode pathnames that were decoded inside matchRoutes
+          r.encodeLocation ? r.encodeLocation(b.pathnameBase).pathname : b.pathnameBase
+        ])
+      })
+    ),
+    o,
+    t,
+    a
+  );
+}
+function ur() {
+  let e = vr(), n = nr(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), t = e instanceof Error ? e.stack : null, a = "rgba(200,200,200, 0.5)", r = { padding: "0.5rem", backgroundColor: a }, o = { padding: "2px 4px", backgroundColor: a }, l = null;
+  return console.error(
+    "Error handled by React Router default ErrorBoundary:",
+    e
+  ), l = /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ f.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ f.createElement("code", { style: o }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ f.createElement("code", { style: o }, "errorElement"), " prop on your route.")), /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ f.createElement("h3", { style: { fontStyle: "italic" } }, n), t ? /* @__PURE__ */ f.createElement("pre", { style: r }, t) : null, l);
+}
+var cr = /* @__PURE__ */ f.createElement(ur, null), dr = class extends f.Component {
+  constructor(e) {
+    super(e), this.state = {
+      location: e.location,
+      revalidation: e.revalidation,
+      error: e.error
+    };
+  }
+  static getDerivedStateFromError(e) {
+    return { error: e };
+  }
+  static getDerivedStateFromProps(e, n) {
+    return n.location !== e.location || n.revalidation !== "idle" && e.revalidation === "idle" ? {
+      error: e.error,
+      location: e.location,
+      revalidation: e.revalidation
+    } : {
+      error: e.error !== void 0 ? e.error : n.error,
+      location: n.location,
+      revalidation: e.revalidation || n.revalidation
+    };
+  }
+  componentDidCatch(e, n) {
+    console.error(
+      "React Router caught the following error during render",
+      e,
+      n
+    );
+  }
+  render() {
+    return this.state.error !== void 0 ? /* @__PURE__ */ f.createElement(Y.Provider, { value: this.props.routeContext }, /* @__PURE__ */ f.createElement(
+      He.Provider,
+      {
+        value: this.state.error,
+        children: this.props.component
+      }
+    )) : this.props.children;
+  }
+};
+function fr({ routeContext: e, match: n, children: t }) {
+  let a = f.useContext(se);
+  return a && a.static && a.staticContext && (n.route.errorElement || n.route.ErrorBoundary) && (a.staticContext._deepestRenderedBoundaryId = n.route.id), /* @__PURE__ */ f.createElement(Y.Provider, { value: e }, t);
+}
+function hr(e, n = [], t = null, a = null) {
+  if (e == null) {
+    if (!t)
+      return null;
+    if (t.errors)
+      e = t.matches;
+    else if (n.length === 0 && !t.initialized && t.matches.length > 0)
+      e = t.matches;
+    else
+      return null;
+  }
+  let r = e, o = t == null ? void 0 : t.errors;
+  if (o != null) {
+    let u = r.findIndex(
+      (c) => c.route.id && (o == null ? void 0 : o[c.route.id]) !== void 0
+    );
+    P(
+      u >= 0,
+      `Could not find a matching route for errors on route IDs: ${Object.keys(
+        o
+      ).join(",")}`
+    ), r = r.slice(
+      0,
+      Math.min(r.length, u + 1)
+    );
+  }
+  let l = !1, s = -1;
+  if (t)
+    for (let u = 0; u < r.length; u++) {
+      let c = r[u];
+      if ((c.route.HydrateFallback || c.route.hydrateFallbackElement) && (s = u), c.route.id) {
+        let { loaderData: d, errors: x } = t, g = c.route.loader && !d.hasOwnProperty(c.route.id) && (!x || x[c.route.id] === void 0);
+        if (c.route.lazy || g) {
+          l = !0, s >= 0 ? r = r.slice(0, s + 1) : r = [r[0]];
+          break;
+        }
+      }
+    }
+  return r.reduceRight(
+    (u, c, d) => {
+      let x, g = !1, p = null, v = null;
+      t && (x = o && c.route.id ? o[c.route.id] : void 0, p = c.route.errorElement || cr, l && (s < 0 && d === 0 ? (Bt(
+        "route-fallback",
+        !1,
+        "No `HydrateFallback` element provided to render during initial hydration"
+      ), g = !0, v = null) : s === d && (g = !0, v = c.route.hydrateFallbackElement || null)));
+      let h = n.concat(r.slice(0, d + 1)), j = () => {
+        let b;
+        return x ? b = p : g ? b = v : c.route.Component ? b = /* @__PURE__ */ f.createElement(c.route.Component, null) : c.route.element ? b = c.route.element : b = u, /* @__PURE__ */ f.createElement(
+          fr,
+          {
+            match: c,
+            routeContext: {
+              outlet: u,
+              matches: h,
+              isDataRoute: t != null
+            },
+            children: b
+          }
+        );
+      };
+      return t && (c.route.ErrorBoundary || c.route.errorElement || d === 0) ? /* @__PURE__ */ f.createElement(
+        dr,
+        {
+          location: t.location,
+          revalidation: t.revalidation,
+          component: p,
+          error: x,
+          children: j(),
+          routeContext: { outlet: null, matches: h, isDataRoute: !0 }
+        }
+      ) : j();
+    },
+    null
+  );
+}
+function Ge(e) {
+  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
+}
+function mr(e) {
+  let n = f.useContext(se);
+  return P(n, Ge(e)), n;
+}
+function gr(e) {
+  let n = f.useContext(Ne);
+  return P(n, Ge(e)), n;
+}
+function pr(e) {
+  let n = f.useContext(Y);
+  return P(n, Ge(e)), n;
+}
+function Je(e) {
+  let n = pr(e), t = n.matches[n.matches.length - 1];
+  return P(
+    t.route.id,
+    `${e} can only be used on routes that contain a unique "id"`
+  ), t.route.id;
+}
+function xr() {
+  return Je(
+    "useRouteId"
+    /* UseRouteId */
+  );
+}
+function vr() {
+  var a;
+  let e = f.useContext(He), n = gr(
+    "useRouteError"
+    /* UseRouteError */
+  ), t = Je(
+    "useRouteError"
+    /* UseRouteError */
+  );
+  return e !== void 0 ? e : (a = n.errors) == null ? void 0 : a[t];
+}
+function yr() {
+  let { router: e } = mr(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), n = Je(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), t = f.useRef(!1);
+  return zt(() => {
+    t.current = !0;
+  }), f.useCallback(
+    async (r, o = {}) => {
+      V(t.current, Mt), t.current && (typeof r == "number" ? e.navigate(r) : await e.navigate(r, { fromRouteId: n, ...o }));
+    },
+    [e, n]
+  );
+}
+var ft = {};
+function Bt(e, n, t) {
+  !n && !ft[e] && (ft[e] = !0, V(!1, t));
+}
+f.memo(br);
+function br({
+  routes: e,
+  future: n,
+  state: t
+}) {
+  return sr(e, void 0, t, n);
+}
+var Se = "get", Ce = "application/x-www-form-urlencoded";
+function Ie(e) {
+  return e != null && typeof e.tagName == "string";
+}
+function wr(e) {
+  return Ie(e) && e.tagName.toLowerCase() === "button";
+}
+function jr(e) {
+  return Ie(e) && e.tagName.toLowerCase() === "form";
+}
+function Sr(e) {
+  return Ie(e) && e.tagName.toLowerCase() === "input";
+}
+function Cr(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+function Rr(e, n) {
+  return e.button === 0 && // Ignore everything but left clicks
+  (!n || n === "_self") && // Let browser handle "target=_blank" etc.
+  !Cr(e);
+}
+var je = null;
+function Er() {
+  if (je === null)
+    try {
+      new FormData(
+        document.createElement("form"),
+        // @ts-expect-error if FormData supports the submitter parameter, this will throw
+        0
+      ), je = !1;
+    } catch {
+      je = !0;
+    }
+  return je;
+}
+var kr = /* @__PURE__ */ new Set([
+  "application/x-www-form-urlencoded",
+  "multipart/form-data",
+  "text/plain"
+]);
+function Me(e) {
+  return e != null && !kr.has(e) ? (V(
+    !1,
+    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${Ce}"`
+  ), null) : e;
+}
+function Tr(e, n) {
+  let t, a, r, o, l;
+  if (jr(e)) {
+    let s = e.getAttribute("action");
+    a = s ? Z(s, n) : null, t = e.getAttribute("method") || Se, r = Me(e.getAttribute("enctype")) || Ce, o = new FormData(e);
+  } else if (wr(e) || Sr(e) && (e.type === "submit" || e.type === "image")) {
+    let s = e.form;
+    if (s == null)
+      throw new Error(
+        'Cannot submit a <button> or <input type="submit"> without a <form>'
+      );
+    let u = e.getAttribute("formaction") || s.getAttribute("action");
+    if (a = u ? Z(u, n) : null, t = e.getAttribute("formmethod") || s.getAttribute("method") || Se, r = Me(e.getAttribute("formenctype")) || Me(s.getAttribute("enctype")) || Ce, o = new FormData(s, e), !Er()) {
+      let { name: c, type: d, value: x } = e;
+      if (d === "image") {
+        let g = c ? `${c}.` : "";
+        o.append(`${g}x`, "0"), o.append(`${g}y`, "0");
+      } else c && o.append(c, x);
+    }
+  } else {
+    if (Ie(e))
+      throw new Error(
+        'Cannot submit element that is not <form>, <button>, or <input type="submit|image">'
+      );
+    t = Se, a = null, r = Ce, l = e;
+  }
+  return o && r === "text/plain" && (l = o, o = void 0), { action: a, method: t.toLowerCase(), encType: r, formData: o, body: l };
+}
+Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
+function Xe(e, n) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(n);
+}
+function Nr(e, n, t) {
+  let a = typeof e == "string" ? new URL(
+    e,
+    // This can be called during the SSR flow via PrefetchPageLinksImpl so
+    // don't assume window is available
+    typeof window > "u" ? "server://singlefetch/" : window.location.origin
+  ) : e;
+  return a.pathname === "/" ? a.pathname = `_root.${t}` : n && Z(a.pathname, n) === "/" ? a.pathname = `${n.replace(/\/$/, "")}/_root.${t}` : a.pathname = `${a.pathname.replace(/\/$/, "")}.${t}`, a;
+}
+async function Pr(e, n) {
+  if (e.id in n)
+    return n[e.id];
+  try {
+    let t = await import(
+      /* @vite-ignore */
+      /* webpackIgnore: true */
+      e.module
+    );
+    return n[e.id] = t, t;
+  } catch (t) {
+    return console.error(
+      `Error loading route module \`${e.module}\`, reloading page...`
+    ), console.error(t), window.__reactRouterContext && window.__reactRouterContext.isSpaMode, window.location.reload(), new Promise(() => {
+    });
+  }
+}
+function Ir(e) {
+  return e == null ? !1 : e.href == null ? e.rel === "preload" && typeof e.imageSrcSet == "string" && typeof e.imageSizes == "string" : typeof e.rel == "string" && typeof e.href == "string";
+}
+async function Lr(e, n, t) {
+  let a = await Promise.all(
+    e.map(async (r) => {
+      let o = n.routes[r.route.id];
+      if (o) {
+        let l = await Pr(o, t);
+        return l.links ? l.links() : [];
+      }
+      return [];
+    })
+  );
+  return $r(
+    a.flat(1).filter(Ir).filter((r) => r.rel === "stylesheet" || r.rel === "preload").map(
+      (r) => r.rel === "stylesheet" ? { ...r, rel: "prefetch", as: "style" } : { ...r, rel: "prefetch" }
+    )
+  );
+}
+function ht(e, n, t, a, r, o) {
+  let l = (u, c) => t[c] ? u.route.id !== t[c].route.id : !0, s = (u, c) => {
+    var d;
+    return (
+      // param change, /users/123 -> /users/456
+      t[c].pathname !== u.pathname || // splat param changed, which is not present in match.path
+      // e.g. /files/images/avatar.jpg -> files/finances.xls
+      ((d = t[c].route.path) == null ? void 0 : d.endsWith("*")) && t[c].params["*"] !== u.params["*"]
+    );
+  };
+  return o === "assets" ? n.filter(
+    (u, c) => l(u, c) || s(u, c)
+  ) : o === "data" ? n.filter((u, c) => {
+    var x;
+    let d = a.routes[u.route.id];
+    if (!d || !d.hasLoader)
+      return !1;
+    if (l(u, c) || s(u, c))
+      return !0;
+    if (u.route.shouldRevalidate) {
+      let g = u.route.shouldRevalidate({
+        currentUrl: new URL(
+          r.pathname + r.search + r.hash,
+          window.origin
+        ),
+        currentParams: ((x = t[0]) == null ? void 0 : x.params) || {},
+        nextUrl: new URL(e, window.origin),
+        nextParams: u.params,
+        defaultShouldRevalidate: !0
+      });
+      if (typeof g == "boolean")
+        return g;
+    }
+    return !0;
+  }) : [];
+}
+function Fr(e, n, { includeHydrateFallback: t } = {}) {
+  return Ar(
+    e.map((a) => {
+      let r = n.routes[a.route.id];
+      if (!r) return [];
+      let o = [r.module];
+      return r.clientActionModule && (o = o.concat(r.clientActionModule)), r.clientLoaderModule && (o = o.concat(r.clientLoaderModule)), t && r.hydrateFallbackModule && (o = o.concat(r.hydrateFallbackModule)), r.imports && (o = o.concat(r.imports)), o;
+    }).flat(1)
+  );
+}
+function Ar(e) {
+  return [...new Set(e)];
+}
+function _r(e) {
+  let n = {}, t = Object.keys(e).sort();
+  for (let a of t)
+    n[a] = e[a];
+  return n;
+}
+function $r(e, n) {
+  let t = /* @__PURE__ */ new Set();
+  return new Set(n), e.reduce((a, r) => {
+    let o = JSON.stringify(_r(r));
+    return t.has(o) || (t.add(o), a.push({ key: o, link: r })), a;
+  }, []);
+}
+function Ut() {
+  let e = f.useContext(se);
+  return Xe(
+    e,
+    "You must render this element inside a <DataRouterContext.Provider> element"
+  ), e;
+}
+function Or() {
+  let e = f.useContext(Ne);
+  return Xe(
+    e,
+    "You must render this element inside a <DataRouterStateContext.Provider> element"
+  ), e;
+}
+var Ze = f.createContext(void 0);
+Ze.displayName = "FrameworkContext";
+function qt() {
+  let e = f.useContext(Ze);
+  return Xe(
+    e,
+    "You must render this element inside a <HydratedRouter> element"
+  ), e;
+}
+function Dr(e, n) {
+  let t = f.useContext(Ze), [a, r] = f.useState(!1), [o, l] = f.useState(!1), { onFocus: s, onBlur: u, onMouseEnter: c, onMouseLeave: d, onTouchStart: x } = n, g = f.useRef(null);
+  f.useEffect(() => {
+    if (e === "render" && l(!0), e === "viewport") {
+      let h = (b) => {
+        b.forEach((C) => {
+          l(C.isIntersecting);
+        });
+      }, j = new IntersectionObserver(h, { threshold: 0.5 });
+      return g.current && j.observe(g.current), () => {
+        j.disconnect();
+      };
+    }
+  }, [e]), f.useEffect(() => {
+    if (a) {
+      let h = setTimeout(() => {
+        l(!0);
+      }, 100);
+      return () => {
+        clearTimeout(h);
+      };
+    }
+  }, [a]);
+  let p = () => {
+    r(!0);
+  }, v = () => {
+    r(!1), l(!1);
+  };
+  return t ? e !== "intent" ? [o, g, {}] : [
+    o,
+    g,
+    {
+      onFocus: fe(s, p),
+      onBlur: fe(u, v),
+      onMouseEnter: fe(c, p),
+      onMouseLeave: fe(d, v),
+      onTouchStart: fe(x, p)
+    }
+  ] : [!1, g, {}];
+}
+function fe(e, n) {
+  return (t) => {
+    e && e(t), t.defaultPrevented || n(t);
+  };
+}
+function Mr({ page: e, ...n }) {
+  let { router: t } = Ut(), a = f.useMemo(
+    () => Lt(t.routes, e, t.basename),
+    [t.routes, e, t.basename]
+  );
+  return a ? /* @__PURE__ */ f.createElement(Br, { page: e, matches: a, ...n }) : null;
+}
+function zr(e) {
+  let { manifest: n, routeModules: t } = qt(), [a, r] = f.useState([]);
+  return f.useEffect(() => {
+    let o = !1;
+    return Lr(e, n, t).then(
+      (l) => {
+        o || r(l);
+      }
+    ), () => {
+      o = !0;
+    };
+  }, [e, n, t]), a;
+}
+function Br({
+  page: e,
+  matches: n,
+  ...t
+}) {
+  let a = te(), { manifest: r, routeModules: o } = qt(), { basename: l } = Ut(), { loaderData: s, matches: u } = Or(), c = f.useMemo(
+    () => ht(
+      e,
+      n,
+      u,
+      r,
+      a,
+      "data"
+    ),
+    [e, n, u, r, a]
+  ), d = f.useMemo(
+    () => ht(
+      e,
+      n,
+      u,
+      r,
+      a,
+      "assets"
+    ),
+    [e, n, u, r, a]
+  ), x = f.useMemo(() => {
+    if (e === a.pathname + a.search + a.hash)
+      return [];
+    let v = /* @__PURE__ */ new Set(), h = !1;
+    if (n.forEach((b) => {
+      var y;
+      let C = r.routes[b.route.id];
+      !C || !C.hasLoader || (!c.some((w) => w.route.id === b.route.id) && b.route.id in s && ((y = o[b.route.id]) != null && y.shouldRevalidate) || C.hasClientLoader ? h = !0 : v.add(b.route.id));
+    }), v.size === 0)
+      return [];
+    let j = Nr(e, l, "data");
+    return h && v.size > 0 && j.searchParams.set(
+      "_routes",
+      n.filter((b) => v.has(b.route.id)).map((b) => b.route.id).join(",")
+    ), [j.pathname + j.search];
+  }, [
+    l,
+    s,
+    a,
+    r,
+    c,
+    n,
+    e,
+    o
+  ]), g = f.useMemo(
+    () => Fr(d, r),
+    [d, r]
+  ), p = zr(d);
+  return /* @__PURE__ */ f.createElement(f.Fragment, null, x.map((v) => /* @__PURE__ */ f.createElement("link", { key: v, rel: "prefetch", as: "fetch", href: v, ...t })), g.map((v) => /* @__PURE__ */ f.createElement("link", { key: v, rel: "modulepreload", href: v, ...t })), p.map(({ key: v, link: h }) => (
+    // these don't spread `linkProps` because they are full link descriptors
+    // already with their own props
+    /* @__PURE__ */ f.createElement("link", { key: v, ...h })
+  )));
+}
+function Ur(...e) {
+  return (n) => {
+    e.forEach((t) => {
+      typeof t == "function" ? t(n) : t != null && (t.current = n);
+    });
+  };
+}
+var Wt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+try {
+  Wt && (window.__reactRouterVersion = // @ts-expect-error
+  "7.7.1");
+} catch {
+}
+var Kt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Vt = f.forwardRef(
+  function({
+    onClick: n,
+    discover: t = "render",
+    prefetch: a = "none",
+    relative: r,
+    reloadDocument: o,
+    replace: l,
+    state: s,
+    target: u,
+    to: c,
+    preventScrollReset: d,
+    viewTransition: x,
+    ...g
+  }, p) {
+    let { basename: v } = f.useContext(H), h = typeof c == "string" && Kt.test(c), j, b = !1;
+    if (typeof c == "string" && h && (j = c, Wt))
+      try {
+        let $ = new URL(window.location.href), G = c.startsWith("//") ? new URL($.protocol + c) : new URL(c), ae = Z(G.pathname, v);
+        G.origin === $.origin && ae != null ? c = ae + G.search + G.hash : b = !0;
+      } catch {
+        V(
+          !1,
+          `<Link to="${c}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
+        );
+      }
+    let C = ir(c, { relative: r }), [y, w, R] = Dr(
+      a,
+      g
+    ), U = Vr(c, {
+      replace: l,
+      state: s,
+      target: u,
+      preventScrollReset: d,
+      relative: r,
+      viewTransition: x
+    });
+    function M($) {
+      n && n($), $.defaultPrevented || U($);
+    }
+    let ne = (
+      // eslint-disable-next-line jsx-a11y/anchor-has-content
+      /* @__PURE__ */ f.createElement(
+        "a",
+        {
+          ...g,
+          ...R,
+          href: j || C,
+          onClick: b || o ? n : M,
+          ref: Ur(p, w),
+          target: u,
+          "data-discover": !h && t === "render" ? "true" : void 0
+        }
+      )
+    );
+    return y && !h ? /* @__PURE__ */ f.createElement(f.Fragment, null, ne, /* @__PURE__ */ f.createElement(Mr, { page: C })) : ne;
+  }
+);
+Vt.displayName = "Link";
+var qr = f.forwardRef(
+  function({
+    "aria-current": n = "page",
+    caseSensitive: t = !1,
+    className: a = "",
+    end: r = !1,
+    style: o,
+    to: l,
+    viewTransition: s,
+    children: u,
+    ...c
+  }, d) {
+    let x = ve(l, { relative: c.relative }), g = te(), p = f.useContext(Ne), { navigator: v, basename: h } = f.useContext(H), j = p != null && // Conditional usage is OK here because the usage of a data router is static
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    Xr(x) && s === !0, b = v.encodeLocation ? v.encodeLocation(x).pathname : x.pathname, C = g.pathname, y = p && p.navigation && p.navigation.location ? p.navigation.location.pathname : null;
+    t || (C = C.toLowerCase(), y = y ? y.toLowerCase() : null, b = b.toLowerCase()), y && h && (y = Z(y, h) || y);
+    const w = b !== "/" && b.endsWith("/") ? b.length - 1 : b.length;
+    let R = C === b || !r && C.startsWith(b) && C.charAt(w) === "/", U = y != null && (y === b || !r && y.startsWith(b) && y.charAt(b.length) === "/"), M = {
+      isActive: R,
+      isPending: U,
+      isTransitioning: j
+    }, ne = R ? n : void 0, $;
+    typeof a == "function" ? $ = a(M) : $ = [
+      a,
+      R ? "active" : null,
+      U ? "pending" : null,
+      j ? "transitioning" : null
+    ].filter(Boolean).join(" ");
+    let G = typeof o == "function" ? o(M) : o;
+    return /* @__PURE__ */ f.createElement(
+      Vt,
+      {
+        ...c,
+        "aria-current": ne,
+        className: $,
+        ref: d,
+        style: G,
+        to: l,
+        viewTransition: s
+      },
+      typeof u == "function" ? u(M) : u
+    );
+  }
+);
+qr.displayName = "NavLink";
+var Wr = f.forwardRef(
+  ({
+    discover: e = "render",
+    fetcherKey: n,
+    navigate: t,
+    reloadDocument: a,
+    replace: r,
+    state: o,
+    method: l = Se,
+    action: s,
+    onSubmit: u,
+    relative: c,
+    preventScrollReset: d,
+    viewTransition: x,
+    ...g
+  }, p) => {
+    let v = Gr(), h = Jr(s, { relative: c }), j = l.toLowerCase() === "get" ? "get" : "post", b = typeof s == "string" && Kt.test(s), C = (y) => {
+      if (u && u(y), y.defaultPrevented) return;
+      y.preventDefault();
+      let w = y.nativeEvent.submitter, R = (w == null ? void 0 : w.getAttribute("formmethod")) || l;
+      v(w || y.currentTarget, {
+        fetcherKey: n,
+        method: R,
+        navigate: t,
+        replace: r,
+        state: o,
+        relative: c,
+        preventScrollReset: d,
+        viewTransition: x
+      });
+    };
+    return /* @__PURE__ */ f.createElement(
+      "form",
+      {
+        ref: p,
+        method: j,
+        action: h,
+        onSubmit: a ? u : C,
+        ...g,
+        "data-discover": !b && e === "render" ? "true" : void 0
+      }
+    );
+  }
+);
+Wr.displayName = "Form";
+function Kr(e) {
+  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
+}
+function Ht(e) {
+  let n = f.useContext(se);
+  return P(n, Kr(e)), n;
+}
+function Vr(e, {
+  target: n,
+  replace: t,
+  state: a,
+  preventScrollReset: r,
+  relative: o,
+  viewTransition: l
+} = {}) {
+  let s = Ye(), u = te(), c = ve(e, { relative: o });
+  return f.useCallback(
+    (d) => {
+      if (Rr(d, n)) {
+        d.preventDefault();
+        let x = t !== void 0 ? t : Ue(u) === Ue(c);
+        s(e, {
+          replace: x,
+          state: a,
+          preventScrollReset: r,
+          relative: o,
+          viewTransition: l
+        });
+      }
+    },
+    [
+      u,
+      s,
+      c,
+      t,
+      a,
+      n,
+      e,
+      r,
+      o,
+      l
+    ]
+  );
+}
+var Hr = 0, Yr = () => `__${String(++Hr)}__`;
+function Gr() {
+  let { router: e } = Ht(
+    "useSubmit"
+    /* UseSubmit */
+  ), { basename: n } = f.useContext(H), t = xr();
+  return f.useCallback(
+    async (a, r = {}) => {
+      let { action: o, method: l, encType: s, formData: u, body: c } = Tr(
+        a,
+        n
+      );
+      if (r.navigate === !1) {
+        let d = r.fetcherKey || Yr();
+        await e.fetch(d, t, r.action || o, {
+          preventScrollReset: r.preventScrollReset,
+          formData: u,
+          body: c,
+          formMethod: r.method || l,
+          formEncType: r.encType || s,
+          flushSync: r.flushSync
+        });
+      } else
+        await e.navigate(r.action || o, {
+          preventScrollReset: r.preventScrollReset,
+          formData: u,
+          body: c,
+          formMethod: r.method || l,
+          formEncType: r.encType || s,
+          replace: r.replace,
+          state: r.state,
+          fromRouteId: t,
+          flushSync: r.flushSync,
+          viewTransition: r.viewTransition
+        });
+    },
+    [e, n, t]
+  );
+}
+function Jr(e, { relative: n } = {}) {
+  let { basename: t } = f.useContext(H), a = f.useContext(Y);
+  P(a, "useFormAction must be used inside a RouteContext");
+  let [r] = a.matches.slice(-1), o = { ...ve(e || ".", { relative: n }) }, l = te();
+  if (e == null) {
+    o.search = l.search;
+    let s = new URLSearchParams(o.search), u = s.getAll("index");
+    if (u.some((d) => d === "")) {
+      s.delete("index"), u.filter((x) => x).forEach((x) => s.append("index", x));
+      let d = s.toString();
+      o.search = d ? `?${d}` : "";
+    }
+  }
+  return (!e || e === ".") && r.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (o.pathname = o.pathname === "/" ? t : K([t, o.pathname])), Ue(o);
+}
+function Xr(e, { relative: n } = {}) {
+  let t = f.useContext(Dt);
+  P(
+    t != null,
+    "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
+  );
+  let { basename: a } = Ht(
+    "useViewTransitionState"
+    /* useViewTransitionState */
+  ), r = ve(e, { relative: n });
+  if (!t.isTransitioning)
+    return !1;
+  let o = Z(t.currentLocation.pathname, a) || t.currentLocation.pathname, l = Z(t.nextLocation.pathname, a) || t.nextLocation.pathname;
+  return Ee(r.pathname, l) != null || Ee(r.pathname, o) != null;
+}
+const Za = ({ message: e }) => {
+  const n = Ye();
+  return /* @__PURE__ */ i.jsx(
+    dn,
+    {
+      size: "xs",
+      style: {
+        height: "100vh",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: /* @__PURE__ */ i.jsx(
+        qe,
+        {
+          color: "red",
+          title: "Not Found",
+          variant: "404 - Not Found",
+          icon: /* @__PURE__ */ i.jsx(We, { size: 12, stroke: 1.5 }),
+          children: /* @__PURE__ */ i.jsxs(ge, { align: "flex-start", children: [
+            e || "Sorry, the page you are looking for does not exist.",
+            /* @__PURE__ */ i.jsx(q, { variant: "filled", onClick: () => n("/"), size: "xs", children: "Back Home" })
+          ] })
+        }
+      )
+    }
+  );
+}, Qa = ({ message: e }) => /* @__PURE__ */ i.jsx(
+  qe,
+  {
+    color: "red",
+    title: "Not Found",
+    variant: "404 - Not Found",
+    icon: /* @__PURE__ */ i.jsx(We, { size: 12, stroke: 1.5 }),
+    children: e || "Sorry, the page you are looking for does not exist."
+  }
+), Yt = ({ message: e }) => /* @__PURE__ */ i.jsx(k, { c: "red", size: "sm", children: e || "Not Found" }), eo = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ i.jsx(B, { justify: "center", align: "center", children: /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "md" }) }) : /* @__PURE__ */ i.jsxs(
+  B,
+  {
+    gap: "md",
+    direction: "column",
+    justify: "center",
+    align: "center",
+    style: { height: "100%" },
+    children: [
+      /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "md" }),
+      e
+    ]
+  }
+), to = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "xs" }) : /* @__PURE__ */ i.jsxs(B, { gap: "md", direction: "column", justify: "center", align: "center", children: [
+  /* @__PURE__ */ i.jsx(Re, { color: "blue", size: "xs" }),
+  e
+] }), no = ({ message: e }) => /* @__PURE__ */ i.jsx(
+  qe,
+  {
+    color: "red",
+    title: "Not Found",
+    variant: "403 - Not Authorized",
+    icon: /* @__PURE__ */ i.jsx(We, { size: 12, stroke: 1.5 }),
+    children: e || "Sorry, you are not authorized to access this page."
+  }
+);
+function ro(e, n) {
+  return e.reduce((t, a) => {
+    const r = n(a);
+    return t[r] || (t[r] = []), t[r].push(a), t;
+  }, {});
+}
+function ao(e, n) {
+  const t = [];
+  let a;
+  return e.reduce((r, o) => {
+    const l = n(o);
+    return l === void 0 ? (a === void 0 && (a = t.length, t.push([])), t[a].push(o)) : (r[l] === void 0 && (r[l] = t.length, t.push([])), t[r[l]].push(o)), r;
+  }, {}), t;
+}
+function oo(e, n) {
+  const t = /* @__PURE__ */ new Set();
+  return e.filter((a) => {
+    const r = n(a);
+    return t.has(r) ? !1 : (t.add(r), !0);
+  });
+}
+class io {
+  constructor() {
+    X(this, "items", []);
+    X(this, "seen", /* @__PURE__ */ new Set());
+  }
+  add(n, t) {
+    const a = t(n);
+    this.seen.has(a) || (this.items.push(n), this.seen.add(a));
+  }
+  toArray() {
+    return this.items;
+  }
+}
+class mt {
+  constructor() {
+    X(this, "children", /* @__PURE__ */ new Map());
+    X(this, "isEndOfWord", !1);
+    X(this, "value", "");
+  }
+}
+class Gt {
+  constructor() {
+    X(this, "root", new mt());
+  }
+  /**
+   * Inserts a word into the trie structure.
+   * Creates new nodes as needed along the path of characters.
+   *
+   * @param word - The string to insert into the trie
+   */
+  insert(n) {
+    let t = this.root;
+    for (const a of n) {
+      let r = t.children.get(a);
+      r === void 0 && (r = new mt(), t.children.set(a, r)), t = r;
+    }
+    t.isEndOfWord = !0, t.value = n;
+  }
+  /**
+   * Finds the longest prefix match for the given text.
+   * Returns the longest stored word that is a prefix of the input text.
+   *
+   * @param text - The input string to find prefix matches for
+   * @returns Object containing the longest matching prefix and remaining text
+   */
+  findLongestPrefix(n) {
+    let t = this.root, a = { match: "", remaining: n };
+    for (let r = 0; r < n.length; r++) {
+      const o = n[r];
+      if (!t.children.has(o))
+        break;
+      t = t.children.get(o), t.isEndOfWord && (a = {
+        match: t.value,
+        remaining: n.slice(r + 1)
+      });
+    }
+    return a;
+  }
+}
+var Zr = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(Zr || {});
+class Qr extends Gt {
+  constructor() {
+    super(...arguments);
+    X(this, "pathToKey", /* @__PURE__ */ new Map());
+  }
+  /**
+   * Normalizes a URL path by removing trailing slashes
+   *
+   * @param path - The path which is an URL string to normalize
+   * @returns The normalized path without trailing slash, except for root "/"
+   */
+  normalizePath(t) {
+    return t === "/" ? "/" : t.replace(/\/$/, "");
+  }
+  /**
+   * Inserts an url path into the trie and associates it with a menu key.
+   *
+   * @param path - The URL path to store (e.g., "/admin/users")
+   * @param menuKey - The menu key to associate with this path
+   */
+  insertRoute(t, a) {
+    const r = this.normalizePath(t);
+    this.insert(r), this.pathToKey.set(r, a);
+  }
+  /**
+   * Finds the menu key associated with the longest matching route prefix
+   *
+   * @param route - The URL to match against stored menu url paths
+   * @returns The menu key if a valid prefix match is found, undefined otherwise
+   */
+  findMatchingKey(t) {
+    const a = this.normalizePath(t), r = this.findLongestPrefix(a);
+    if (r.match && this.pathToKey.has(r.match) && (a === r.match || r.remaining.startsWith("/") || r.remaining === ""))
+      return this.pathToKey.get(r.match);
+  }
+}
+function ea(e) {
+  const n = {}, t = {}, a = {}, r = (o, l = []) => {
+    o.forEach((s) => {
+      const u = [...l, s.key];
+      n[s.key] = s, t[s.key] = u, s.route !== void 0 && (a[s.key] = s.route), s.children !== void 0 && s.children.length > 0 && r(s.children, u);
+    });
+  };
+  return r(e), { key2item: n, key2fullpath: t, key2route: a };
+}
+function ta(e) {
+  const n = new Qr(), t = (a) => {
+    a.forEach((r) => {
+      if (r.route !== void 0) {
+        const o = r.route.path.getURL();
+        n.insertRoute(o, r.key);
+      }
+      r.children !== void 0 && r.children.length > 0 && t(r.children);
+    });
+  };
+  return t(e), n;
+}
+function na(e, n) {
+  return e.map((t) => {
+    if (t.route !== void 0)
+      return n(t.route.role) === 0 ? t : null;
+    if (t.children !== void 0) {
+      const a = t.children.filter((r) => r.route !== void 0 ? n(r.route.role) === 0 : !0);
+      return a.length > 0 ? { ...t, children: a } : null;
+    }
+    return t;
+  }).filter((t) => t !== null);
+}
+const lo = (e) => {
+  const n = Ye(), t = te(), [a, r] = _(/* @__PURE__ */ new Set()), [o, l] = _(/* @__PURE__ */ new Set()), [s, u] = _(), c = E(() => na(e.items, e.checkPermission), [e.items, e.checkPermission]), d = E(() => ta(e.items), [e.items]), { key2fullpath: x, key2route: g } = E(
+    () => ea(c),
+    [c]
+  );
+  Te(() => {
+    const v = t.pathname, h = d.findMatchingKey(v);
+    h !== void 0 && (l(new Set(x[h])), u(h));
+  }, [t, g]);
+  const p = E(() => {
+    function v(h, j) {
+      var C, y;
+      const b = h.children !== void 0 && h.children.length > 0;
+      return b ? /* @__PURE__ */ i.jsxs(
+        "div",
+        {
+          onMouseEnter: () => {
+            o.has(h.key) || r((w) => {
+              const R = new Set(w);
+              return R.add(h.key), R;
+            });
+          },
+          onMouseLeave: () => {
+            o.has(h.key) || r((w) => {
+              const R = new Set(w);
+              return R.delete(h.key), R;
+            });
+          },
+          children: [
+            /* @__PURE__ */ i.jsx(
+              it,
+              {
+                active: s === h.key,
+                href: (C = h.route) == null ? void 0 : C.path.getURL(),
+                label: h.label,
+                leftSection: h.icon,
+                styles: {
+                  label: { fontSize: "md" },
+                  root: {
+                    borderRadius: "var(--mantine-radius-sm)"
+                  }
+                },
+                ml: j === 0 ? void 0 : j === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${j})`,
+                w: "unset",
+                rightSection: b ? /* @__PURE__ */ i.jsx(
+                  jn,
+                  {
+                    size: 12,
+                    stroke: 1.5,
+                    className: "mantine-rotate-rtl"
+                  }
+                ) : void 0,
+                opened: a.has(h.key) || o.has(h.key),
+                onClick: (w) => {
+                  w.ctrlKey || w.metaKey || (w.preventDefault(), l((U) => {
+                    const M = new Set(U);
+                    return U.has(h.key) ? M.delete(h.key) : M.add(h.key), M;
+                  }));
+                }
+              },
+              h.key
+            ),
+            (o.has(h.key) || a.has(h.key)) && h.children.map((w) => v(w, j + 1))
+          ]
+        },
+        `container-${h.key}`
+      ) : /* @__PURE__ */ i.jsx(
+        it,
+        {
+          active: s === h.key,
+          href: (y = h.route) == null ? void 0 : y.path.getURL(),
+          label: h.label,
+          leftSection: h.icon,
+          styles: {
+            label: { fontSize: "md" },
+            root: {
+              borderRadius: "var(--mantine-radius-sm)"
+            }
+          },
+          ml: j === 0 ? void 0 : j === 1 ? "md" : `calc(var(--mantine-spacing-md) * ${j})`,
+          w: "unset",
+          onClick: (w) => {
+            w.ctrlKey || w.metaKey || (w.preventDefault(), h.route != null && h.route.path.path().open(n));
+          }
+        },
+        h.key
+      );
+    }
+    return c.map((h) => v(h, 0));
+  }, [c, s, o, a, n]);
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: p });
+}, he = ({ value: e }) => /* @__PURE__ */ i.jsx(k, { size: "sm", children: e });
+function Qe(e, n) {
+  const t = n.getDate().toString().padStart(2, "0"), a = (n.getMonth() + 1).toString().padStart(2, "0"), r = n.getFullYear();
+  return e.baseName === "en-US" ? `${a}/${t}/${r}` : e.baseName === "vi-VN" ? `${t}/${a}/${r}` : `${a}/${t}/${r}`;
+}
+const ra = ({ value: e }) => {
+  const n = ke(xe), t = E(() => {
+    const a = e.getHours().toString().padStart(2, "0"), r = e.getMinutes().toString().padStart(2, "0"), o = e.getSeconds().toString().padStart(2, "0");
+    return Qe(n, e) + `${a}:${r}:${o}`;
+  }, [n, e]);
+  return /* @__PURE__ */ i.jsx(k, { size: "sm", children: t });
+}, aa = ({ value: e }) => {
+  const n = ke(xe), t = E(() => Qe(n, e), [n, e]);
+  return /* @__PURE__ */ i.jsx(k, { size: "sm", children: t });
+}, so = ({ value: e }) => {
+  const n = ke(xe), [t, a] = E(() => {
+    const r = Qe(n, e), o = e.getHours().toString().padStart(2, "0"), l = e.getMinutes().toString().padStart(2, "0"), s = e.getSeconds().toString().padStart(2, "0");
+    return [r, `${o}:${l}:${s}`];
+  }, [n, e]);
+  return /* @__PURE__ */ i.jsx(k, { size: "sm", title: a, children: t });
+}, oa = {
+  yes: {
+    lang2value: {
+      en: "Yes",
+      vi: "Có"
+    },
+    lang: "en"
+  },
+  no: {
+    lang2value: {
+      en: "No",
+      vi: "Không"
+    },
+    lang: "en"
+  }
+}, ia = ({ value: e }) => /* @__PURE__ */ i.jsx(
+  me,
+  {
+    checked: e,
+    label: /* @__PURE__ */ i.jsx(O, { value: oa[e ? "yes" : "no"] }),
+    readOnly: !0
+  }
+);
+function Jt(e, n, t, a) {
+  const r = e.getByName(n.targetClass), o = a[n.targetClass];
+  Te(() => {
+    r.fetchByIds(t);
+  }, [t]);
+  const l = {};
+  for (const s of t)
+    l[s] = r.get(s);
+  return [l, o];
+}
+const Le = ee(
+  ({
+    db: e,
+    property: n,
+    value: t,
+    entityRoutes: a
+  }) => {
+    const r = E(() => [t], [t]), [o, l] = Jt(
+      e,
+      n,
+      r,
+      a
+    ), s = o[t];
+    return s === void 0 ? /* @__PURE__ */ i.jsx(k, { size: "sm", children: t }) : s === null ? /* @__PURE__ */ i.jsx(Yt, {}) : l === void 0 ? /* @__PURE__ */ i.jsx(k, { size: "sm", children: s.name }) : /* @__PURE__ */ i.jsx(
+      Tt,
+      {
+        path: l,
+        openInNewPage: !1,
+        urlArgs: { id: s.id },
+        queryArgs: {},
+        children: s.name
+      }
+    );
+  }
+), Fe = ee(
+  ({
+    db: e,
+    property: n,
+    value: t,
+    entityRoutes: a
+  }) => {
+    const [r, o] = Jt(
+      e,
+      n,
+      t,
+      a
+    );
+    return /* @__PURE__ */ i.jsx(D, { gap: "xs", children: t.map((l, s) => {
+      const u = r[l];
+      return u === void 0 ? /* @__PURE__ */ i.jsx(k, { size: "sm", children: t }, l) : u === null ? /* @__PURE__ */ i.jsx(Yt, {}, l) : o === void 0 ? /* @__PURE__ */ i.jsx(k, { size: "sm", children: u.name }, s) : /* @__PURE__ */ i.jsx(
+        Tt,
+        {
+          path: o,
+          openInNewPage: !1,
+          urlArgs: { id: u.id },
+          queryArgs: {},
+          children: u.name
+        },
+        s
+      );
+    }) });
+  }
+), Q = {
+  string: he,
+  integer: he,
+  float: he,
+  boolean: ia,
+  "string[]": he,
+  enum: he,
+  datetime: ra,
+  date: aa
+}, la = ({ property: e, value: n, onChange: t }) => /* @__PURE__ */ i.jsx(
+  W,
+  {
+    id: e.name,
+    type: "checkbox",
+    checked: n,
+    onChange: (a) => {
+      const r = a.target.checked;
+      t(r);
+    }
+  }
+), gt = ({
+  property: e,
+  value: n,
+  onChange: t
+}) => /* @__PURE__ */ i.jsx(
+  W,
+  {
+    id: e.name,
+    type: "number",
+    value: n,
+    onChange: (a) => {
+      const r = a.target.value;
+      t(r === "" ? void 0 : Number(r));
+    }
+  }
+), sa = {
+  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"
+}, ua = {
+  lang2value: {
+    en: "No valid country code found.",
+    vi: "Không tìm thấy mã quốc gia hợp lệ. "
+  },
+  lang: "en"
+}, le = {
+  84: {
+    name: "Vietnam",
+    flags: [N.VN]
+  },
+  1: {
+    name: "US, Canada",
+    flags: [N.US, N.CA]
+  },
+  61: {
+    name: "Australia",
+    flags: [N.AU]
+  },
+  81: {
+    name: "Japan",
+    flags: [N.JP]
+  },
+  44: {
+    name: "UK",
+    flags: [N.UK]
+  },
+  33: {
+    name: "France",
+    flags: [N.FR]
+  },
+  49: {
+    name: "Germany",
+    flags: [N.DE]
+  },
+  91: {
+    name: "India",
+    flags: [N.IN]
+  },
+  55: {
+    name: "Brazil",
+    flags: [N.BR]
+  },
+  34: {
+    name: "Spain",
+    flags: [N.ES]
+  },
+  39: {
+    name: "Italy",
+    flags: [N.IT]
+  },
+  64: {
+    name: "New Zealand",
+    flags: [N.NZ]
+  },
+  52: {
+    name: "Mexico",
+    flags: [N.MX]
+  },
+  86: {
+    name: "China",
+    flags: [N.CN]
+  }
+}, ca = (e, n) => {
+  if (e === "")
+    return { match: "84", remaining: "" };
+  const t = e.replace(/[^\d]/g, ""), a = n.findLongestPrefix(t);
+  if (a.match === "")
+    throw new Error(`No valid country code found for phone number: ${e}`);
+  return a;
+}, pt = ({ value: e }) => {
+  const n = le[e];
+  if (n !== void 0)
+    return /* @__PURE__ */ i.jsxs(D, { gap: "sm", wrap: "nowrap", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(k, { size: "sm", children: [
+        "+",
+        e
+      ] }),
+      /* @__PURE__ */ i.jsx(D, { gap: 4, wrap: "nowrap", children: n.flags.map((t, a) => /* @__PURE__ */ i.jsx(Be, { flag: t }, a)) })
+    ] });
+}, da = ({
+  value: e,
+  onChange: n,
+  error: t,
+  id: a
+}) => {
+  const [r, o] = _(""), [l, s] = _(!1), [u, c] = _(""), [d, x] = _(!1), g = E(() => {
+    const y = new Gt();
+    return Object.keys(le).forEach((w) => {
+      y.insert(w);
+    }), y;
+  }, [le]), { rawInput: p } = E(() => {
+    try {
+      const { match: y, remaining: w } = ca(
+        e,
+        g
+      );
+      return c(y), x(!1), {
+        rawInput: w
+      };
+    } catch {
+      return x(!0), c(""), {
+        rawInput: e
+      };
+    }
+  }, [e]), v = St({
+    onDropdownClose: () => {
+      v.resetSelectedOption(), o("");
+    },
+    onDropdownOpen: () => {
+      v.updateSelectedOptionIndex("active");
+    }
+  }), h = E(() => Object.keys(le), [le]), j = (y, w) => {
+    const R = y.replace(/[^\d]/g, "");
+    return R.length === 0 ? `+${w}` : R.startsWith("0") ? (s(!0), `+${w}${R}`) : (s(!1), `+${w}${R}`);
+  }, b = E(() => h.filter((y) => le[y].name.toLowerCase().includes(r.toLowerCase()) || y.includes(r)), [r, h]), C = E(() => b.map((y, w) => /* @__PURE__ */ i.jsx(F.Option, { value: y, children: /* @__PURE__ */ i.jsx(pt, { value: y }) }, w)), [b]);
+  return /* @__PURE__ */ i.jsxs("div", { children: [
+    /* @__PURE__ */ i.jsx(A, { gutter: "xs", children: /* @__PURE__ */ i.jsx(A.Col, { children: /* @__PURE__ */ i.jsxs(D, { gap: 5, children: [
+      /* @__PURE__ */ i.jsxs(
+        F,
+        {
+          store: v,
+          position: "top-start",
+          onOptionSubmit: (y) => {
+            o(""), v.closeDropdown(), n({
+              target: { value: j(p, y) }
+            });
+          },
+          children: [
+            /* @__PURE__ */ i.jsx(F.Target, { children: /* @__PURE__ */ i.jsx(
+              fn,
+              {
+                component: "button",
+                type: "button",
+                pointer: !0,
+                rightSection: /* @__PURE__ */ i.jsx(F.Chevron, {}),
+                onClick: () => v.toggleDropdown(),
+                rightSectionPointerEvents: "none",
+                w: 110,
+                children: /* @__PURE__ */ i.jsx(pt, { value: u })
+              }
+            ) }),
+            /* @__PURE__ */ i.jsxs(F.Dropdown, { children: [
+              /* @__PURE__ */ i.jsx(
+                F.Search,
+                {
+                  leftSection: /* @__PURE__ */ i.jsx(Et, { size: 14, stroke: 1.5 }),
+                  placeholder: ".....",
+                  value: r,
+                  onChange: (y) => o(y.currentTarget.value)
+                }
+              ),
+              /* @__PURE__ */ i.jsx(F.Options, { children: C.length > 0 ? C : /* @__PURE__ */ i.jsx(F.Empty, { children: /* @__PURE__ */ i.jsx(k, { size: "sm", children: "Nothing found" }) }) })
+            ] })
+          ]
+        }
+      ),
+      u === "" ? /* @__PURE__ */ i.jsx(
+        W,
+        {
+          id: a,
+          value: p,
+          type: "phone_number",
+          onChange: (y) => {
+            n({ target: { value: y.target.value } });
+          },
+          error: t,
+          flex: 1
+        }
+      ) : /* @__PURE__ */ i.jsx(
+        W,
+        {
+          id: a,
+          value: p,
+          type: "phone_number",
+          onAccept: (y) => {
+            const w = y.replace(/[^\d]/g, "");
+            n({
+              target: { value: j(w, u) }
+            });
+          },
+          component: Nn,
+          mask: "000-000-0000",
+          error: t,
+          flex: 1
+        }
+      )
+    ] }) }) }),
+    (l || d || t && typeof t == "string") && /* @__PURE__ */ i.jsx(A, { gutter: "xs", children: /* @__PURE__ */ i.jsx(A.Col, { children: /* @__PURE__ */ i.jsx(W.Error, { children: l ? /* @__PURE__ */ i.jsx(O, { value: sa }) : d ? /* @__PURE__ */ i.jsx(O, { value: ua }) : t }) }) })
+  ] });
+}, ze = ({
+  property: e,
+  error: n,
+  value: t,
+  onChange: a
+}) => {
+  const [r, o] = E(() => e.constraints.includes("password") ? ["password", hn] : e.constraints.includes("phone_number") ? ["phone_number", da] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", W], [e.constraints]);
+  return /* @__PURE__ */ i.jsx(
+    o,
+    {
+      id: e.name,
+      value: t,
+      type: r,
+      onChange: (l) => a(l.target.value),
+      error: n
+    }
+  );
+}, xt = {
+  integer: gt,
+  float: gt,
+  string: ze,
+  boolean: la,
+  "string[]": ze,
+  enum: ze
+};
+function fa(e, n) {
+  const [t, a] = _(""), [r, o] = _([]);
+  return Te(() => {
+    e.getByName(n.targetClass).fetch({ limit: 100, offset: 0 }).then((s) => o(s.records));
+  }, [n.name]), {
+    data: r,
+    query: t,
+    setQuery: (s) => {
+      a(s);
+      const u = e.getByName(n.targetClass);
+      o(
+        u.filter(
+          (c) => c.name.toLowerCase().includes(s.toLowerCase())
+        )
+      );
+    },
+    table: e.getByName(n.targetClass)
+  };
+}
+const ha = (e) => e.name, ma = (e) => /* @__PURE__ */ i.jsx(k, { size: "sm", children: e.name }), ga = ee(
+  (e) => /* @__PURE__ */ i.jsx("h1", { children: "SingleForeignKey" })
+), pa = ee(
+  ({
+    db: e,
+    property: n,
+    value: t,
+    onChange: a
+  }) => {
+    const { table: r, data: o, query: l, setQuery: s } = fa(
+      e,
+      n
+    );
+    return /* @__PURE__ */ i.jsxs(ge, { gap: "sm", children: [
+      /* @__PURE__ */ i.jsx(
+        xa,
+        {
+          name: n.name,
+          query: l,
+          setQuery: s,
+          data: o,
+          onSelect: (u) => {
+            t.includes(u) || a([...t, u]);
+          },
+          renderOption: ha,
+          isIdInteger: n.datatype === "integer"
+        }
+      ),
+      /* @__PURE__ */ i.jsx(
+        va,
+        {
+          items: t.map((u) => r.get(u)),
+          onDelete: (u) => {
+            a(t.filter((c) => c !== u.id));
+          },
+          render: ma
+        }
+      )
+    ] });
+  }
+), xa = ({
+  name: e,
+  data: n,
+  onSelect: t,
+  renderOption: a,
+  isIdInteger: r,
+  query: o,
+  setQuery: l
+}) => {
+  const s = St({
+    onDropdownClose: () => s.resetSelectedOption()
+  }), u = E(() => n.map((c) => (
+    // value has to be a string
+    /* @__PURE__ */ i.jsx(F.Option, { value: c.id.toString(), children: a(c) }, c.id)
+  )), [n]);
+  return /* @__PURE__ */ i.jsxs(
+    F,
+    {
+      store: s,
+      onOptionSubmit: (c) => {
+        t(r ? parseInt(c) : c), l(""), s.closeDropdown();
+      },
+      offset: 0,
+      shadow: "sm",
+      children: [
+        /* @__PURE__ */ i.jsx(F.Target, { children: /* @__PURE__ */ i.jsx(
+          W,
+          {
+            id: e,
+            pointer: !0,
+            rightSection: /* @__PURE__ */ i.jsx(Et, { size: 16, stroke: 1.5 }),
+            rightSectionPointerEvents: "none",
+            onClick: () => s.toggleDropdown(),
+            placeholder: "Type to search...",
+            value: o,
+            onChange: (c) => {
+              l(c.currentTarget.value);
+            }
+          }
+        ) }),
+        /* @__PURE__ */ i.jsx(F.Dropdown, { children: /* @__PURE__ */ i.jsx(F.Options, { children: u.length === 0 ? /* @__PURE__ */ i.jsx(F.Empty, { children: "Nothing found" }) : u }) })
+      ]
+    }
+  );
+}, va = ({
+  items: e,
+  onDelete: n,
+  render: t
+}) => {
+  const a = E(() => {
+    const r = [];
+    for (let o = 0; o < e.length; o++) {
+      const l = e[o];
+      r.push(
+        /* @__PURE__ */ i.jsxs(D, { justify: "space-between", p: "sm", children: [
+          t(l),
+          /* @__PURE__ */ i.jsx(mn, { size: "sm", onClick: () => n(l) })
+        ] }, o)
+      ), o < e.length - 1 && r.push(/* @__PURE__ */ i.jsx(gn, {}, `divider-${o}`));
+    }
+    return r;
+  }, [e]);
+  if (a.length !== 0)
+    return /* @__PURE__ */ i.jsx(re, { bd: "1px solid #ddd", children: a });
+}, ya = "_requiredLabelLeft_l5p83_1", ba = "_requiredLabelRight_l5p83_11", vt = {
+  requiredLabelLeft: ya,
+  requiredLabelRight: ba
+}, wa = ({
+  label: e,
+  name: n,
+  required: t = !1,
+  tooltip: a,
+  style: r,
+  align: o = "left"
+}) => {
+  const l = t ? o === "left" ? vt.requiredLabelRight : vt.requiredLabelLeft : "";
+  return /* @__PURE__ */ i.jsx(B, { align: "center", h: 36, children: /* @__PURE__ */ i.jsx("label", { htmlFor: n, style: r, children: /* @__PURE__ */ i.jsxs(D, { gap: 4, children: [
+    /* @__PURE__ */ i.jsx(k, { size: "sm", className: l, children: e }),
+    a !== void 0 && /* @__PURE__ */ i.jsx(Ct, { label: a, withArrow: !0, children: /* @__PURE__ */ i.jsx(
+      kt,
+      {
+        size: 16,
+        stroke: 1.5,
+        style: { color: "var(--mantine-color-dimmed)" }
+      }
+    ) })
+  ] }) }) });
+}, ja = {
+  type: "vertical",
+  helpAlwaysVisible: !1
+}, Sa = ee(
+  ({
+    store: e,
+    record: n,
+    property: t,
+    layout: a = ja,
+    InputComponent: r,
+    validator: o
+  }) => {
+    const [l, s] = _(void 0), u = n[t.tsName], c = (x) => {
+      var p;
+      if (Nt(n))
+        n[t.updateFuncName](x);
+      else {
+        const v = n.toDraft();
+        v[t.updateFuncName](x), e.setDraft(v);
+      }
+      const g = o(x);
+      g.isValid ? s(void 0) : s(
+        (p = g.errorMessage) == null ? void 0 : p.t({ args: { name: t.label } })
+      );
+    };
+    if (Ca(a))
+      return /* @__PURE__ */ i.jsxs(ge, { gap: 5, children: [
+        /* @__PURE__ */ i.jsxs(A, { gutter: "sm", children: [
+          /* @__PURE__ */ i.jsx(
+            A.Col,
+            {
+              span: a.labelCol,
+              style: {
+                display: "flex",
+                justifyContent: a.align || "left"
+              },
+              children: /* @__PURE__ */ i.jsx(
+                wa,
+                {
+                  label: /* @__PURE__ */ i.jsx(O, { value: t.label }),
+                  name: t.name,
+                  required: t.isRequired,
+                  tooltip: t.description !== void 0 ? /* @__PURE__ */ i.jsx(O, { value: t.description }) : void 0,
+                  align: a.align
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ i.jsx(A.Col, { span: a.itemCol, children: /* @__PURE__ */ i.jsx(
+            r,
+            {
+              db: e.db,
+              property: t,
+              value: u,
+              error: l !== void 0,
+              onChange: c
+            }
+          ) })
+        ] }),
+        l !== void 0 && /* @__PURE__ */ i.jsxs(A, { gutter: "sm", children: [
+          /* @__PURE__ */ i.jsx(A.Col, { span: a.labelCol }),
+          /* @__PURE__ */ i.jsx(A.Col, { span: a.itemCol, children: /* @__PURE__ */ i.jsx(W.Error, { children: l }) })
+        ] })
+      ] });
+    let d = /* @__PURE__ */ i.jsx(O, { value: t.label });
+    return !a.helpAlwaysVisible && t.description !== void 0 && (d = /* @__PURE__ */ i.jsxs(D, { gap: 4, style: { display: "inline-flex" }, children: [
+      d,
+      /* @__PURE__ */ i.jsx(
+        Ct,
+        {
+          label: /* @__PURE__ */ i.jsx(O, { value: t.description }),
+          withArrow: !0,
+          children: /* @__PURE__ */ i.jsx(
+            kt,
+            {
+              size: 16,
+              stroke: 1.5,
+              style: { color: "var(--mantine-color-dimmed)" }
+            }
+          )
+        }
+      )
+    ] })), /* @__PURE__ */ i.jsx(
+      W.Wrapper,
+      {
+        label: d,
+        description: a.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ i.jsx(O, { value: t.description }) : void 0,
+        required: t.isRequired,
+        children: /* @__PURE__ */ i.jsx(
+          r,
+          {
+            db: e.db,
+            property: t,
+            value: u,
+            error: l,
+            onChange: c
+          }
+        )
+      }
+    );
+  }
+);
+function Ca(e) {
+  return e.type === "horizontal";
+}
+const yt = 12, uo = (e) => {
+  const n = e.schema, t = E(() => {
+    const a = Math.max(
+      ...e.fieldGroups.map((r) => Math.max(...r.fields.map((o) => o.length)))
+    );
+    return e.fieldGroups.map((r, o) => Ra(
+      n,
+      e.store,
+      e.record,
+      o,
+      r,
+      a,
+      e.layout
+    ));
+  }, [n, e.store, e.record, e.fieldGroups, e.layout]);
+  return /* @__PURE__ */ i.jsx(
+    "form",
+    {
+      onSubmit: e.onSubmit === void 0 ? void 0 : (a) => {
+        a.preventDefault(), e.onSubmit !== void 0 && Nt(e.record) && e.onSubmit(e.record);
+      },
+      children: /* @__PURE__ */ i.jsxs(ge, { gap: "sm", className: e.className, style: e.styles, children: [
+        t,
+        /* @__PURE__ */ i.jsx(D, { gap: "sm", children: e.actions.map((a, r) => /* @__PURE__ */ i.jsx(
+          q,
+          {
+            variant: a.variant,
+            onClick: () => {
+              a.onClick !== void 0 && a.onClick();
+            },
+            disabled: a.disabled,
+            children: a.label
+          },
+          r
+        )) })
+      ] })
+    }
+  );
+};
+function Ra(e, n, t, a, r, o, l) {
+  const s = r.fields, u = [];
+  for (let d = 0; d < s.length; d++) {
+    const x = yt / s[d].length;
+    if (!Number.isInteger(x))
+      throw new Error(`Span must be an integer, but got ${x} for row ${d}`);
+    let g;
+    l !== void 0 && typeof l == "object" && l.type === "horizontal" ? g = {
+      ...l,
+      // the size of labelCol must match the minimum size of labelCol across different groups
+      // and rows -- if the result isn't a whole number, we may see unaligned labels
+      // but this is okay as users will need to adjust the layout anyway.
+      labelCol: Math.floor(
+        l.labelCol * s[d].length / o
+      ),
+      itemCol: yt - Math.floor(l.labelCol * s[d].length / o)
+    } : g = l;
+    for (let p = 0; p < s[d].length; p++) {
+      const v = s[d][p], h = e.allProperties[v];
+      let j;
+      if (pe(h))
+        j = h.cardinality === "N:N" || h.cardinality === "1:N" ? pa : ga;
+      else {
+        if (xt[h.datatype] === void 0)
+          throw new Error(
+            `No input component found for datatype ${h.datatype}`
+          );
+        j = xt[h.datatype];
+      }
+      u.push(
+        /* @__PURE__ */ i.jsx(A.Col, { span: x, children: /* @__PURE__ */ i.jsx(
+          Sa,
+          {
+            store: n,
+            record: t,
+            property: h,
+            layout: g,
+            InputComponent: j,
+            validator: e.validators[v]
+          }
+        ) }, `${d}-${p}`)
+      );
+    }
+  }
+  const c = /* @__PURE__ */ i.jsx(A, { gutter: "sm", children: u }, a);
+  return r.name !== void 0 ? /* @__PURE__ */ i.jsx(pn, { legend: r.name, children: c }, a) : c;
+}
+const Xt = ({
+  actions: e,
+  reloadData: n,
+  selectedRowKeys: t,
+  size: a = "xs"
+}) => /* @__PURE__ */ i.jsxs(D, { gap: a, children: [
+  (e == null ? void 0 : e.add) && /* @__PURE__ */ i.jsx(
+    q,
+    {
+      variant: "light",
+      leftSection: /* @__PURE__ */ i.jsx(Sn, { size: 16, stroke: 1.5 }),
+      size: a,
+      onClick: e.add,
+      children: "Add"
+    }
+  ),
+  (e == null ? void 0 : e.edit) && /* @__PURE__ */ i.jsx(
+    q,
+    {
+      leftSection: /* @__PURE__ */ i.jsx(Cn, { size: 16, stroke: 1.5 }),
+      size: a,
+      variant: "light",
+      onClick: () => e.edit !== void 0 && e.edit(t[0]),
+      disabled: t.length !== 1,
+      children: "Edit"
+    }
+  ),
+  (e == null ? void 0 : e.reload) && /* @__PURE__ */ i.jsx(
+    q,
+    {
+      leftSection: /* @__PURE__ */ i.jsx(Rn, { size: 16, stroke: 1.5 }),
+      size: a,
+      onClick: n,
+      variant: "light",
+      children: "Reload"
+    }
+  ),
+  (e == null ? void 0 : e.import) && /* @__PURE__ */ i.jsx(
+    q,
+    {
+      leftSection: /* @__PURE__ */ i.jsx(En, { size: 16, stroke: 1.5 }),
+      size: a,
+      variant: "light",
+      onClick: e.import,
+      children: "Import"
+    }
+  ),
+  (e == null ? void 0 : e.export) && /* @__PURE__ */ i.jsx(
+    q,
+    {
+      leftSection: /* @__PURE__ */ i.jsx(kn, { size: 16, stroke: 1.5 }),
+      size: a,
+      variant: "light",
+      onClick: e.export,
+      children: "Export"
+    }
+  )
+] }), Zt = (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), Ea = "__selectcol__", { Thead: ka, Tr: bt, Th: Ta, Tbody: Na, Td: Pa } = Rt, Qt = (e) => {
+  const n = /* @__PURE__ */ i.jsxs(
+    Rt,
+    {
+      striped: !0,
+      highlightOnHover: !0,
+      verticalSpacing: "xs",
+      tabularNums: !0,
+      children: [
+        /* @__PURE__ */ i.jsx(ka, { children: e.table.getHeaderGroups().map((a) => /* @__PURE__ */ i.jsx(bt, { children: a.headers.map((r) => /* @__PURE__ */ i.jsx(
+          Ta,
+          {
+            w: r.id === Ea ? "1%" : void 0,
+            children: r.isPlaceholder ? null : lt(
+              r.column.columnDef.header,
+              r.getContext()
+            )
+          },
+          r.id
+        )) }, a.id)) }),
+        /* @__PURE__ */ i.jsx(Na, { pos: "relative", children: e.table.getRowModel().rows.map((a) => /* @__PURE__ */ i.jsx(
+          bt,
+          {
+            bg: e.selectedRowKeys[a.id] ? "var(--mantine-color-blue-light)" : void 0,
+            children: a.getVisibleCells().map((r) => /* @__PURE__ */ i.jsx(Pa, { children: lt(r.column.columnDef.cell, r.getContext()) }, r.id))
+          },
+          a.id
+        )) })
+      ]
+    }
+  );
+  if (!e.bordered) return n;
+  const t = {};
+  return e.hasTopSection && (t.borderTopLeftRadius = 0, t.borderTopRightRadius = 0), e.hasBottomSection && (t.borderBottomLeftRadius = 0, t.borderBottomRightRadius = 0), /* @__PURE__ */ i.jsx(re, { withBorder: !0, p: 0, style: t, children: n });
+}, Ia = "_pageSizeSelectorActive_1wv6j_1", La = {
+  pageSizeSelectorActive: Ia
+}, en = ({
+  total: e,
+  pageIndex: n,
+  pageSize: t,
+  allowPageSizeChange: a = !0,
+  onUpdatePagination: r
+}) => {
+  const o = /* @__PURE__ */ i.jsx(
+    xn,
+    {
+      size: "sm",
+      total: e,
+      value: n + 1,
+      onChange: (l) => r(l - 1, t)
+    }
+  );
+  return a ? /* @__PURE__ */ i.jsxs(D, { gap: "sm", children: [
+    /* @__PURE__ */ i.jsxs("div", { children: [
+      /* @__PURE__ */ i.jsx(k, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
+      /* @__PURE__ */ i.jsx(
+        Fa,
+        {
+          size: "sm",
+          values: ["10", "20", "50", "100"],
+          value: t.toString(),
+          onChange: (l) => {
+            r(0, parseInt(l, 10));
+          }
+        }
+      )
+    ] }),
+    o
+  ] }) : o;
+}, wt = {
+  xs: ue(22),
+  sm: ue(26),
+  md: ue(32),
+  lg: ue(38),
+  xl: ue(44)
+};
+function Fa({
+  size: e,
+  values: n,
+  value: t,
+  onChange: a
+}) {
+  return /* @__PURE__ */ i.jsxs(ie, { withinPortal: !0, withArrow: !0, offset: 2, children: [
+    /* @__PURE__ */ i.jsx(vn, { children: /* @__PURE__ */ i.jsx(
+      q,
+      {
+        size: e,
+        variant: "default",
+        rightSection: /* @__PURE__ */ i.jsx(Tn, { size: 16, stroke: 1.5 }),
+        style: [
+          { fontWeight: "normal" },
+          (r) => ({
+            height: wt[e],
+            paddingLeft: r.spacing[e],
+            paddingRight: r.spacing[e]
+          })
+        ],
+        styles: {
+          section: {
+            marginInlineStart: 2
+          }
+        },
+        children: t
+      }
+    ) }),
+    /* @__PURE__ */ i.jsx(yn, { children: n.map((r) => {
+      const o = r === t;
+      return /* @__PURE__ */ i.jsx(
+        bn,
+        {
+          className: o ? La.pageSizeSelectorActive : void 0,
+          style: [
+            { height: wt[e] }
+            // isCurrent
+            //   ? {
+            //       color: "var(--mantine-color-text)",
+            //       // backgroundColor: "var(--mantine-primary-color-filled)",
+            //       opacity: 1,
+            //     }
+            //   : undefined,
+          ],
+          disabled: o,
+          onClick: () => a(r),
+          children: /* @__PURE__ */ i.jsx(k, { component: "div", size: e, children: r })
+        },
+        r
+      );
+    }) })
+  ] });
+}
+const Aa = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), co = (e) => {
+  var b, C;
+  const [n, t] = _({
+    records: [],
+    total: 0
+  }), [a, r] = _(!1), [o, l] = _(
+    {}
+  ), s = (y) => {
+    r(!0), e.getData(y).then((w) => {
+      t(w), r(!1);
+    });
+  }, u = (y, w) => {
+    const R = {
+      ...e.query.query,
+      limit: w,
+      offset: y * w
+    };
+    e.query.update(R);
+  }, [c, d, x] = E(() => {
+    const y = e.query.query.limit, w = Math.floor(
+      (e.query.query.offset || 0) / e.query.query.limit
+    ), R = Math.ceil(n.total / e.query.query.limit);
+    return [y, w, R];
+  }, [e.query.query.limit, e.query.query.offset, n.total]);
+  Te(() => (n.total == 0 && s(e.query.query), e.query.subscribe(s)), [e.query]);
+  const g = E(() => Object.keys(o).filter((y) => o[y]).map((y) => e.normalizeRowId(y)), [o]);
+  let p, v;
+  Zt(e.actions) && (p = /* @__PURE__ */ i.jsx(
+    Xt,
+    {
+      actions: e.actions,
+      reloadData: () => s(e.query.query),
+      selectedRowKeys: g
+    }
+  ));
+  const h = ((b = e.pagination) == null ? void 0 : b.positions) || Aa;
+  if (h.size > 0) {
+    const y = /* @__PURE__ */ i.jsx(
+      en,
+      {
+        total: x,
+        pageIndex: d,
+        pageSize: c,
+        onUpdatePagination: u,
+        allowPageSizeChange: (C = e.pagination) == null ? void 0 : C.showSizeChanger
+      }
+    );
+    h.has("topRight") && (p !== void 0 ? p = /* @__PURE__ */ i.jsxs(D, { justify: "space-between", gap: "sm", children: [
+      p,
+      y
+    ] }) : p = /* @__PURE__ */ i.jsx(B, { justify: "flex-end", children: y })), (h.has("bottomRight") || h.has("bottomLeft") || h.has("bottomCenter")) && (h.has("bottomLeft") ? v = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      y,
+      /* @__PURE__ */ i.jsxs(k, { size: "sm", c: "dimmed", children: [
+        "Showing ",
+        d * c + 1,
+        " to",
+        " ",
+        Math.min((d + 1) * c, n.total),
+        " of ",
+        n.total,
+        " ",
+        "records"
+      ] })
+    ] }) : v = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(k, { size: "sm", c: "dimmed", children: [
+        "Showing ",
+        d * c + 1,
+        " to",
+        " ",
+        Math.min((d + 1) * c, n.total),
+        " of ",
+        n.total,
+        " ",
+        "records"
+      ] }),
+      y
+    ] }));
+  }
+  const j = E(() => /* @__PURE__ */ i.jsx(
+    _a,
+    {
+      data: n,
+      loading: a,
+      columns: e.columns,
+      getRowId: e.getRowId,
+      selectedRowKeys: o,
+      setSelectedRowKeys: l,
+      hasTopSection: p !== void 0,
+      hasBottomSection: v !== void 0
+    }
+  ), [
+    n,
+    a,
+    e.columns,
+    e.getRowId,
+    o,
+    l,
+    p !== void 0,
+    v !== void 0
+  ]);
+  return p === void 0 || v === void 0 ? j : /* @__PURE__ */ i.jsxs("div", { children: [
+    p !== void 0 && /* @__PURE__ */ i.jsx(
+      re,
+      {
+        withBorder: !0,
+        p: "xs",
+        style: {
+          borderBottomLeftRadius: 0,
+          borderBottomRightRadius: 0,
+          borderBottom: "none"
+        },
+        children: p
+      }
+    ),
+    j,
+    v !== void 0 && /* @__PURE__ */ i.jsx(
+      re,
+      {
+        withBorder: !0,
+        p: "xs",
+        style: {
+          borderTopLeftRadius: 0,
+          borderTopRightRadius: 0,
+          borderTop: "none"
+        },
+        children: v
+      }
+    )
+  ] });
+}, _a = (e) => {
+  const n = E(() => {
+    const a = [
+      {
+        id: "selection",
+        header: ({ table: r }) => /* @__PURE__ */ i.jsx(
+          me,
+          {
+            checked: r.getIsAllRowsSelected(),
+            indeterminate: r.getIsSomeRowsSelected(),
+            onChange: r.getToggleAllRowsSelectedHandler()
+          }
+        ),
+        cell: ({ row: r }) => /* @__PURE__ */ i.jsx(
+          me,
+          {
+            checked: r.getIsSelected(),
+            disabled: !r.getCanSelect(),
+            onChange: r.getToggleSelectedHandler()
+          }
+        )
+      }
+    ];
+    return e.columns.forEach((r) => {
+      a.push({
+        id: r.key,
+        header: r.title,
+        accessorFn: r.render,
+        cell: ({ row: o }) => r.render(o.original)
+      });
+    }), a;
+  }, [e.columns]), t = Pt({
+    data: e.data.records,
+    columns: n,
+    getCoreRowModel: It(),
+    // convert to string, but we actually can get away with number
+    getRowId: (a) => e.getRowId(a).toString(),
+    state: {
+      rowSelection: e.selectedRowKeys
+    },
+    onRowSelectionChange: e.setSelectedRowKeys,
+    manualPagination: !0
+  });
+  return /* @__PURE__ */ i.jsx(
+    Qt,
+    {
+      table: t,
+      selectedRowKeys: e.selectedRowKeys,
+      bordered: !0,
+      hasTopSection: e.hasTopSection,
+      hasBottomSection: e.hasBottomSection
+    }
+  );
+};
+function tn(e, n, t, {
+  title: a,
+  nestedKey: r,
+  component: o
+} = {}) {
+  let l;
+  if (o !== void 0)
+    l = o;
+  else if (pe(t))
+    t.cardinality === "1:N" || t.cardinality === "N:N" ? l = Fe : l = Le;
+  else {
+    if (Q[t.datatype] === void 0)
+      throw new Error(
+        `No display component found for datatype ${t.datatype}`
+      );
+    l = Q[t.datatype];
+  }
+  const s = {
+    key: t.name,
+    title: a || /* @__PURE__ */ i.jsx(O, { value: t.label }),
+    accessorFn: (u) => u[t.tsName],
+    render: (u) => {
+      const c = u[t.tsName];
+      return /* @__PURE__ */ i.jsx(
+        l,
+        {
+          db: e,
+          property: t,
+          value: c,
+          entityRoutes: n
+        }
+      );
+    }
+  };
+  return r !== void 0 && (s.accessorFn = (u) => u[r][t.tsName], s.render = (u) => {
+    const c = u[r][t.tsName];
+    return /* @__PURE__ */ i.jsx(
+      l,
+      {
+        db: e,
+        property: t,
+        value: c,
+        entityRoutes: n
+      }
+    );
+  }), s;
+}
+function fo(e, n, t, a, {
+  title: r,
+  nestedKey: o,
+  component: l
+} = {}) {
+  let s;
+  if (l !== void 0)
+    s = l;
+  else if (pe(a))
+    a.cardinality === "1:N" || a.cardinality === "N:N" ? s = Fe : s = Le;
+  else {
+    if (Q[a.datatype] === void 0)
+      throw new Error(
+        `No display component found for datatype ${a.datatype}`
+      );
+    s = Q[a.datatype];
+  }
+  const u = {
+    key: t + "." + a.name,
+    title: r || /* @__PURE__ */ i.jsx(O, { value: a.label }),
+    accessorFn: (c) => c[t.tsName][a.tsName],
+    render: (c) => {
+      const d = c[t.tsName][a.tsName];
+      return /* @__PURE__ */ i.jsx(
+        s,
+        {
+          db: e,
+          property: a,
+          value: d,
+          entityRoutes: n
+        }
+      );
+    }
+  };
+  return o !== void 0 && (u.accessorFn = (c) => c[o][t.tsName][a.tsName], u.render = (c) => {
+    const d = c[o][t.tsName][a.tsName];
+    return /* @__PURE__ */ i.jsx(
+      s,
+      {
+        db: e,
+        property: a,
+        value: d,
+        entityRoutes: n
+      }
+    );
+  }), u;
+}
+function ho(e, n, t, a, r = {}) {
+  return a.map((o) => nn(o) ? o : tn(
+    e,
+    t,
+    n.publicProperties[o],
+    r
+  ));
+}
+function mo(e, n, t, a = [], r = {}) {
+  return a.map((o) => nn(o) ? o : tn(
+    e,
+    t,
+    n.publicProperties[o],
+    r
+  ));
+}
+function nn(e) {
+  return typeof e == "object" && "key" in e && "title" in e;
+}
+const $a = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), go = (e) => {
+  var d, x;
+  const [n, t] = _(
+    {}
+  ), a = E(() => {
+    const g = [
+      {
+        id: "selection",
+        header: ({ table: p }) => /* @__PURE__ */ i.jsx(
+          me,
+          {
+            checked: p.getIsAllRowsSelected(),
+            indeterminate: p.getIsSomeRowsSelected(),
+            onChange: p.getToggleAllRowsSelectedHandler()
+          }
+        ),
+        cell: ({ row: p }) => /* @__PURE__ */ i.jsx(
+          me,
+          {
+            checked: p.getIsSelected(),
+            disabled: !p.getCanSelect(),
+            onChange: p.getToggleSelectedHandler()
+          }
+        )
+      }
+    ];
+    return e.columns.forEach((p) => {
+      g.push({
+        id: p.key,
+        header: p.title,
+        accessorFn: p.render,
+        cell: ({ row: v }) => p.render(v.original)
+      });
+    }), g;
+  }, [e.columns]), r = Pt({
+    data: e.data,
+    columns: a,
+    getCoreRowModel: It(),
+    getPaginationRowModel: Pn(),
+    state: {
+      rowSelection: n
+    },
+    onRowSelectionChange: t
+  }), o = E(() => Object.keys(n).filter((g) => n[g]).map(Number), [n]);
+  let l, s;
+  Zt(e.actions) && (l = /* @__PURE__ */ i.jsx(
+    Xt,
+    {
+      actions: e.actions,
+      selectedRowKeys: o
+    }
+  ));
+  const u = ((d = e.pagination) == null ? void 0 : d.positions) || $a;
+  if (u.size > 0) {
+    const g = r.getState().pagination, p = /* @__PURE__ */ i.jsx(
+      en,
+      {
+        total: r.getPageCount(),
+        pageIndex: g.pageIndex,
+        pageSize: g.pageSize,
+        onUpdatePagination: (v, h) => r.setPagination({ pageIndex: v, pageSize: h }),
+        allowPageSizeChange: (x = e.pagination) == null ? void 0 : x.showSizeChanger
+      }
+    );
+    u.has("topRight") && (l !== void 0 ? l = /* @__PURE__ */ i.jsxs(D, { justify: "space-between", gap: "sm", children: [
+      l,
+      p
+    ] }) : l = /* @__PURE__ */ i.jsx(B, { justify: "flex-end", children: p })), (u.has("bottomRight") || u.has("bottomLeft") || u.has("bottomCenter")) && (u.has("bottomLeft") ? s = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      p,
+      /* @__PURE__ */ i.jsxs(k, { size: "sm", c: "dimmed", children: [
+        "Showing ",
+        g.pageIndex * g.pageSize + 1,
+        " to",
+        " ",
+        Math.min(
+          (g.pageIndex + 1) * g.pageSize,
+          e.data.length
+        ),
+        " ",
+        "of ",
+        e.data.length,
+        " records"
+      ] })
+    ] }) : s = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(k, { size: "sm", c: "dimmed", children: [
+        "Showing ",
+        g.pageIndex * g.pageSize + 1,
+        " to",
+        " ",
+        Math.min(
+          (g.pageIndex + 1) * g.pageSize,
+          e.data.length
+        ),
+        " ",
+        "of ",
+        e.data.length,
+        " records"
+      ] }),
+      p
+    ] }));
+  }
+  const c = /* @__PURE__ */ i.jsx(
+    Qt,
+    {
+      selectedRowKeys: n,
+      table: r,
+      bordered: !0,
+      hasTopSection: l !== void 0,
+      hasBottomSection: s !== void 0
+    }
+  );
+  return l === void 0 && s === void 0 ? c : /* @__PURE__ */ i.jsxs("div", { children: [
+    l !== void 0 && /* @__PURE__ */ i.jsx(
+      re,
+      {
+        withBorder: !0,
+        p: "xs",
+        style: {
+          borderBottomLeftRadius: 0,
+          borderBottomRightRadius: 0,
+          borderBottom: "none"
+        },
+        children: l
+      }
+    ),
+    c,
+    s !== void 0 && /* @__PURE__ */ i.jsx(
+      re,
+      {
+        withBorder: !0,
+        p: "xs",
+        style: {
+          borderTopLeftRadius: 0,
+          borderTopRightRadius: 0,
+          borderTop: "none"
+        },
+        children: s
+      }
+    )
+  ] });
+}, jt = ee(
+  ({
+    store: e,
+    record: n,
+    property: t,
+    DisplayComponent: a,
+    entityRoutes: r
+  }) => {
+    const o = n[t.tsName];
+    return /* @__PURE__ */ i.jsxs("div", { children: [
+      /* @__PURE__ */ i.jsx(k, { size: "sm", fw: 500, children: /* @__PURE__ */ i.jsx(O, { value: t.label }) }),
+      /* @__PURE__ */ i.jsx(
+        a,
+        {
+          db: e.db,
+          entityRoutes: r,
+          property: t,
+          value: o
+        }
+      )
+    ] });
+  }
+), Oa = ee(
+  ({
+    store: e,
+    record: n,
+    properties: t,
+    DisplayComponent: a,
+    entityRoutes: r
+  }) => {
+    const o = t[t.length - 1], l = t.reduce((s, u) => {
+      if (s != null)
+        return s[u.tsName];
+    }, n);
+    return /* @__PURE__ */ i.jsxs("div", { children: [
+      /* @__PURE__ */ i.jsx(k, { size: "sm", fw: 500, children: /* @__PURE__ */ i.jsx(O, { value: o.label }) }),
+      l !== void 0 && /* @__PURE__ */ i.jsx(
+        a,
+        {
+          db: e.db,
+          property: o,
+          value: l,
+          entityRoutes: r
+        }
+      )
+    ] });
+  }
+), Da = 12, Ma = (e) => {
+  const n = e.schema, t = E(() => e.fieldGroups.map((a, r) => za(
+    n,
+    e.store,
+    e.record,
+    r,
+    a,
+    e.entityRoutes
+  )), [n, e.store, e.record, e.fieldGroups]);
+  return /* @__PURE__ */ i.jsx(ge, { gap: "sm", className: e.className, style: e.styles, children: t });
+};
+function za(e, n, t, a, r, o) {
+  const l = r.fields, s = [];
+  for (let u = 0; u < l.length; u++) {
+    const c = Da / l[u].length;
+    if (!Number.isInteger(c))
+      throw new Error(`Span must be an integer, but got ${c} for row ${u}`);
+    for (let d = 0; d < l[u].length; d++) {
+      const x = l[u][d];
+      let g;
+      if (typeof x == "function")
+        g = x(n, t);
+      else if (typeof x == "object" && "prop" in x) {
+        const p = e.allProperties[x.prop], v = x.display;
+        g = /* @__PURE__ */ i.jsx(
+          jt,
+          {
+            store: n,
+            record: t,
+            property: p,
+            DisplayComponent: v,
+            entityRoutes: o
+          }
+        );
+      } else {
+        const p = e.allProperties[x];
+        let v;
+        if (pe(p))
+          v = p.cardinality === "N:N" || p.cardinality === "1:N" ? Fe : Le;
+        else {
+          if (Q[p.datatype] === void 0)
+            throw new Error(
+              `No display component found for datatype ${p.datatype}`
+            );
+          v = Q[p.datatype];
+        }
+        g = /* @__PURE__ */ i.jsx(
+          jt,
+          {
+            store: n,
+            record: t,
+            property: p,
+            DisplayComponent: v,
+            entityRoutes: o
+          }
+        );
+      }
+      s.push(
+        /* @__PURE__ */ i.jsx(A.Col, { span: c, children: g }, `${u}-${d}`)
+      );
+    }
+  }
+  return /* @__PURE__ */ i.jsx(A, { gutter: "sm", children: s }, a);
+}
+function po(e, n, t) {
+  const a = e[e.length - 1];
+  let r;
+  if (t !== void 0)
+    r = t;
+  else if (pe(a))
+    r = a.cardinality === "N:N" || a.cardinality === "1:N" ? Fe : Le;
+  else {
+    if (Q[a.datatype] === void 0)
+      throw new Error(
+        `No display component found for datatype ${a.datatype}`
+      );
+    r = Q[a.datatype];
+  }
+  return (o, l) => /* @__PURE__ */ i.jsx(
+    Oa,
+    {
+      store: o,
+      record: l,
+      properties: e,
+      DisplayComponent: r,
+      entityRoutes: n
+    }
+  );
+}
+const xo = (e) => /* @__PURE__ */ i.jsxs(ye, { defaultValue: e.fieldTabs[0].tabName, children: [
+  /* @__PURE__ */ i.jsx(ye.List, { children: e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(ye.Tab, { value: n.tabName, children: n.tabName }, t)) }),
+  e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(ye.Panel, { value: n.tabName, pt: "sm", children: /* @__PURE__ */ i.jsx(
+    Ma,
+    {
+      schema: e.schema,
+      store: e.store,
+      record: e.record,
+      fieldGroups: n.fieldGroups,
+      styles: e.tabStyles,
+      className: e.tabClassName,
+      entityRoutes: e.entityRoutes
+    }
+  ) }, t))
+] });
+export {
+  Be as CountryFlagComponent,
+  Aa as DEFAULT_PAGINATION_POSITIONS,
+  xt as DataType2Component,
+  Q as DataType2DisplayComponent,
+  aa as DateDisplay,
+  ra as DateTimeDisplay,
+  so as DateTimeHideTimeDisplay,
+  _n as EmojiCountryFlag,
+  Sa as FormItem,
+  wa as FormItemLabel,
+  Xa as LanguageSelector,
+  eo as Loading,
+  to as LoadingInline,
+  xe as LocaleContext,
+  Ja as LocaleProvider,
+  Qr as MenuTrie,
+  Fe as MultiForeignKeyDisplay,
+  O as MultiLingualString,
+  no as NotAuthorized,
+  Za as NotFound,
+  Yt as NotFoundInline,
+  Qa as NotFoundSubPage,
+  io as OrderedUniqueList,
+  Zr as Permission,
+  An as SVGCountryFlag,
+  go as SeraEmbeddedTable,
+  uo as SeraForm,
+  co as SeraTable,
+  lo as SeraVerticalMenu,
+  Ma as SeraView,
+  xo as SeraViewTab,
+  Le as SingleForeignKeyDisplay,
+  Gt as Trie,
+  mt as TrieNode,
+  ea as buildMenuItemIndex,
+  N as countryFlags,
+  na as filterAllowedItems,
+  ro as groupBy,
+  ao as groupByAsList,
+  nn as isSeraColumn,
+  mo as makeEmbeddedTableColumns,
+  po as makeFieldDisplay,
+  tn as makeTableColumn,
+  fo as makeTableColumnFromNestedProperty,
+  ho as makeTableColumns,
+  oo as uniqueList
+};