sera-components 1.0.0

package/dist/index.js

@@ -0,0 +1,3344 @@
+var nn = Object.defineProperty;
+var rn = (e, n, t) => n in e ? nn(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var oe = (e, n, t) => rn(e, typeof n != "symbol" ? n + "" : n, t);
+import * as d from "react";
+import an, { createContext as on, useContext as ln, useMemo as k, useState as _, useEffect as Re } from "react";
+import { Paper as te, Image as sn, Text as T, Menu as le, Button as U, Alert as Be, Flex as B, Loader as je, NavLink as rt, Group as $, Input as q, useCombobox as bt, Combobox as F, Grid as A, InputBase as un, PasswordInput as cn, Stack as Ee, CloseButton as dn, Divider as fn, Tooltip as wt, Fieldset as hn, Table as jt, rem as ce, Pagination as mn, MenuTarget as gn, MenuDropdown as pn, MenuItem as vn, Checkbox as Ce, Tabs as pe } from "@mantine/core";
+import { IconCheck as xn, IconInfoCircle as Ke, IconChevronRight as yn, IconSearch as Ct, IconHelpOctagonFilled as St, IconPlus as bn, IconPencil as wn, IconReload as jn, IconDatabaseImport as Cn, IconDownload as Sn, IconSelector as Rn } from "@tabler/icons-react";
+import { observer as ne } from "mobx-react-lite";
+import { InternalLink as Rt } from "sera-route";
+import { IMaskInput as En } from "react-imask";
+import { isDraftRecord as Et, isObjectProperty as me } from "sera-db";
+import { flexRender as at, useReactTable as kt, getCoreRowModel as Tt, getPaginationRowModel as kn } from "@tanstack/react-table";
+var ve = { exports: {} }, de = {};
+/**
+ * @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 ot;
+function Tn() {
+  if (ot) return de;
+  ot = 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 de.Fragment = n, de.jsx = t, de.jsxs = t, de;
+}
+var fe = {};
+/**
+ * @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 it;
+function Nn() {
+  return it || (it = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(m) {
+      if (m == null) return null;
+      if (typeof m == "function")
+        return m.$$typeof === Y ? null : m.displayName || m.name || null;
+      if (typeof m == "string") return m;
+      switch (m) {
+        case h:
+          return "Fragment";
+        case y:
+          return "Profiler";
+        case j:
+          return "StrictMode";
+        case R:
+          return "Suspense";
+        case K:
+          return "SuspenseList";
+        case O:
+          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 x:
+            return "Portal";
+          case b:
+            return (m.displayName || "Context") + ".Provider";
+          case S:
+            return (m._context.displayName || "Context") + ".Consumer";
+          case w:
+            var C = m.render;
+            return m = m.displayName, m || (m = C.displayName || C.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
+          case D:
+            return C = m.displayName || null, C !== null ? C : e(m.type) || "Memo";
+          case ee:
+            C = m._payload, m = m._init;
+            try {
+              return e(m(C));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function n(m) {
+      return "" + m;
+    }
+    function t(m) {
+      try {
+        n(m);
+        var C = !1;
+      } catch {
+        C = !0;
+      }
+      if (C) {
+        C = console;
+        var E = C.error, L = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        return E.call(
+          C,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          L
+        ), n(m);
+      }
+    }
+    function a(m) {
+      if (m === h) return "<>";
+      if (typeof m == "object" && m !== null && m.$$typeof === ee)
+        return "<...>";
+      try {
+        var C = e(m);
+        return C ? "<" + C + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function r() {
+      var m = re.A;
+      return m === null ? null : m.getOwner();
+    }
+    function o() {
+      return Error("react-stack-top-frame");
+    }
+    function l(m) {
+      if (Xe.call(m, "key")) {
+        var C = Object.getOwnPropertyDescriptor(m, "key").get;
+        if (C && C.isReactWarning) return !1;
+      }
+      return m.key !== void 0;
+    }
+    function s(m, C) {
+      function E() {
+        Ze || (Ze = !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)",
+          C
+        ));
+      }
+      E.isReactWarning = !0, Object.defineProperty(m, "key", {
+        get: E,
+        configurable: !0
+      });
+    }
+    function u() {
+      var m = e(this.type);
+      return Qe[m] || (Qe[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, C, E, L, J, z, Fe, Ae) {
+      return E = z.ref, m = {
+        $$typeof: p,
+        type: m,
+        key: C,
+        props: z,
+        _owner: J
+      }, (E !== void 0 ? E : 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: Fe
+      }), Object.defineProperty(m, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Ae
+      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+    }
+    function f(m, C, E, L, J, z, Fe, Ae) {
+      var I = C.children;
+      if (I !== void 0)
+        if (L)
+          if (en(I)) {
+            for (L = 0; L < I.length; L++)
+              v(I[L]);
+            Object.freeze && Object.freeze(I);
+          } 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 v(I);
+      if (Xe.call(C, "key")) {
+        I = e(m);
+        var ae = Object.keys(C).filter(function(tn) {
+          return tn !== "key";
+        });
+        L = 0 < ae.length ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}", nt[I + L] || (ae = 0 < ae.length ? "{" + ae.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} />`,
+          L,
+          I,
+          ae,
+          I
+        ), nt[I + L] = !0);
+      }
+      if (I = null, E !== void 0 && (t(E), I = "" + E), l(C) && (t(C.key), I = "" + C.key), "key" in C) {
+        E = {};
+        for (var _e in C)
+          _e !== "key" && (E[_e] = C[_e]);
+      } else E = C;
+      return I && s(
+        E,
+        typeof m == "function" ? m.displayName || m.name || "Unknown" : m
+      ), c(
+        m,
+        I,
+        z,
+        J,
+        r(),
+        E,
+        Fe,
+        Ae
+      );
+    }
+    function v(m) {
+      typeof m == "object" && m !== null && m.$$typeof === p && m._store && (m._store.validated = 1);
+    }
+    var g = an, p = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), b = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), ee = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), Y = Symbol.for("react.client.reference"), re = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Xe = Object.prototype.hasOwnProperty, en = Array.isArray, Ie = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    g = {
+      react_stack_bottom_frame: function(m) {
+        return m();
+      }
+    };
+    var Ze, Qe = {}, et = g.react_stack_bottom_frame.bind(
+      g,
+      o
+    )(), tt = Ie(a(o)), nt = {};
+    fe.Fragment = h, fe.jsx = function(m, C, E, L, J) {
+      var z = 1e4 > re.recentlyCreatedOwnerStacks++;
+      return f(
+        m,
+        C,
+        E,
+        !1,
+        L,
+        J,
+        z ? Error("react-stack-top-frame") : et,
+        z ? Ie(a(m)) : tt
+      );
+    }, fe.jsxs = function(m, C, E, L, J) {
+      var z = 1e4 > re.recentlyCreatedOwnerStacks++;
+      return f(
+        m,
+        C,
+        E,
+        !0,
+        L,
+        J,
+        z ? Error("react-stack-top-frame") : et,
+        z ? Ie(a(m)) : tt
+      );
+    };
+  }()), fe;
+}
+var lt;
+function Pn() {
+  return lt || (lt = 1, process.env.NODE_ENV === "production" ? ve.exports = Tn() : ve.exports = Nn()), ve.exports;
+}
+var i = Pn();
+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: "🇮🇳"
+  }
+}, Ln = ({ flag: e }) => /* @__PURE__ */ i.jsx(te, { shadow: "xs", w: 20, h: 14, children: /* @__PURE__ */ i.jsx(sn, { src: e.svgFlag, w: 20, h: 14, fit: "cover" }) }), In = ({ flag: e }) => /* @__PURE__ */ i.jsx(
+  T,
+  {
+    component: "span",
+    style: (n) => ({ textShadow: n.shadows.xs }),
+    children: e.emojiFlag
+  }
+), Me = navigator.userAgent.includes("Windows") ? Ln : In, Fn = {
+  lang2value: {
+    en: "Choose Language",
+    vi: "Chọn ngôn ngữ"
+  }
+}, xe = {
+  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")
+  }
+}, qa = ({
+  locale: e,
+  setLocale: n
+}) => {
+  const t = k(() => Object.entries(xe).map(
+    ([a, { flag: r, name: o, locale: l }]) => /* @__PURE__ */ i.jsx(
+      le.Item,
+      {
+        onClick: () => n(l),
+        leftSection: /* @__PURE__ */ i.jsx(Me, { flag: r }),
+        rightSection: e.language === a && /* @__PURE__ */ i.jsx(xn, { size: "15", color: "#2986cc", stroke: 2 }),
+        children: /* @__PURE__ */ i.jsx(T, { size: "sm", children: o })
+      },
+      a
+    )
+  ), [xe, e]);
+  return /* @__PURE__ */ i.jsxs(le, { width: 170, children: [
+    /* @__PURE__ */ i.jsx(le.Target, { children: /* @__PURE__ */ i.jsx(
+      U,
+      {
+        variant: "subtle",
+        size: "sm",
+        leftSection: /* @__PURE__ */ i.jsx(Me, { flag: xe[e.language].flag }),
+        children: /* @__PURE__ */ i.jsx(T, { size: "sm", children: xe[e.language].name })
+      }
+    ) }),
+    /* @__PURE__ */ i.jsxs(le.Dropdown, { children: [
+      /* @__PURE__ */ i.jsx(le.Label, { children: /* @__PURE__ */ i.jsx(T, { size: "sm", children: Fn.lang2value[e.language] }) }),
+      t
+    ] })
+  ] });
+}, An = on(new Intl.Locale("en-US")), M = ({ value: e }) => {
+  const n = ln(An);
+  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 ze({
+  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 Ue(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 Nt(e, n, t = "/") {
+  return _n(e, n, t, !1);
+}
+function _n(e, n, t, a) {
+  let r = typeof n == "string" ? Ue(n) : n, o = X(r.pathname || "/", t);
+  if (o == null)
+    return null;
+  let l = Pt(e);
+  On(l);
+  let s = null;
+  for (let u = 0; s == null && u < l.length; ++u) {
+    let c = Hn(o);
+    s = Wn(
+      l[u],
+      c,
+      a
+    );
+  }
+  return s;
+}
+function Pt(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 = W([a, u.relativePath]), f = 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}".`
+    ), Pt(o.children, n, f, c)), !(o.path == null && !o.index) && n.push({
+      path: c,
+      score: Un(c, o.index),
+      routesMeta: f
+    });
+  };
+  return e.forEach((o, l) => {
+    var s;
+    if (o.path === "" || !((s = o.path) != null && s.includes("?")))
+      r(o, l);
+    else
+      for (let u of Lt(o.path))
+        r(o, l, u);
+  }), n;
+}
+function Lt(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 = Lt(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 On(e) {
+  e.sort(
+    (n, t) => n.score !== t.score ? t.score - n.score : qn(
+      n.routesMeta.map((a) => a.childrenIndex),
+      t.routesMeta.map((a) => a.childrenIndex)
+    )
+  );
+}
+var $n = /^:[\w-]+$/, Dn = 3, Mn = 2, zn = 1, Bn = 10, Kn = -2, st = (e) => e === "*";
+function Un(e, n) {
+  let t = e.split("/"), a = t.length;
+  return t.some(st) && (a += Kn), n && (a += Mn), t.filter((r) => !st(r)).reduce(
+    (r, o) => r + ($n.test(o) ? Dn : o === "" ? zn : Bn),
+    a
+  );
+}
+function qn(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 Wn(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, f = o === "/" ? n : n.slice(o.length) || "/", v = Se(
+      { path: u.relativePath, caseSensitive: u.caseSensitive, end: c },
+      f
+    ), g = u.route;
+    if (!v && c && t && !a[a.length - 1].route.index && (v = Se(
+      {
+        path: u.relativePath,
+        caseSensitive: u.caseSensitive,
+        end: !1
+      },
+      f
+    )), !v)
+      return null;
+    Object.assign(r, v.params), l.push({
+      // TODO: Can this as be avoided?
+      params: r,
+      pathname: W([o, v.pathname]),
+      pathnameBase: Xn(
+        W([o, v.pathnameBase])
+      ),
+      route: g
+    }), v.pathnameBase !== "/" && (o = W([o, v.pathnameBase]));
+  }
+  return l;
+}
+function Se(e, n) {
+  typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
+  let [t, a] = Vn(
+    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: f, isOptional: v }, g) => {
+        if (f === "*") {
+          let x = s[g] || "";
+          l = o.slice(0, o.length - x.length).replace(/(.)\/+$/, "$1");
+        }
+        const p = s[g];
+        return v && !p ? c[f] = void 0 : c[f] = (p || "").replace(/%2F/g, "/"), c;
+      },
+      {}
+    ),
+    pathname: o,
+    pathnameBase: l,
+    pattern: e
+  };
+}
+function Vn(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 Hn(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 X(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 Gn(e, n = "/") {
+  let {
+    pathname: t,
+    search: a = "",
+    hash: r = ""
+  } = typeof e == "string" ? Ue(e) : e;
+  return {
+    pathname: t ? t.startsWith("/") ? t : Yn(t, n) : n,
+    search: Zn(a),
+    hash: Qn(r)
+  };
+}
+function Yn(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 Oe(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 Jn(e) {
+  return e.filter(
+    (n, t) => t === 0 || n.route.path && n.route.path.length > 0
+  );
+}
+function It(e) {
+  let n = Jn(e);
+  return n.map(
+    (t, a) => a === n.length - 1 ? t.pathname : t.pathnameBase
+  );
+}
+function Ft(e, n, t, a = !1) {
+  let r;
+  typeof e == "string" ? r = Ue(e) : (r = { ...e }, P(
+    !r.pathname || !r.pathname.includes("?"),
+    Oe("?", "pathname", "search", r)
+  ), P(
+    !r.pathname || !r.pathname.includes("#"),
+    Oe("#", "pathname", "hash", r)
+  ), P(
+    !r.search || !r.search.includes("#"),
+    Oe("#", "search", "hash", r)
+  ));
+  let o = e === "" || r.pathname === "", l = o ? "/" : r.pathname, s;
+  if (l == null)
+    s = t;
+  else {
+    let v = n.length - 1;
+    if (!a && l.startsWith("..")) {
+      let g = l.split("/");
+      for (; g[0] === ".."; )
+        g.shift(), v -= 1;
+      r.pathname = g.join("/");
+    }
+    s = v >= 0 ? n[v] : "/";
+  }
+  let u = Gn(r, s), c = l && l !== "/" && l.endsWith("/"), f = (o || l === ".") && t.endsWith("/");
+  return !u.pathname.endsWith("/") && (c || f) && (u.pathname += "/"), u;
+}
+var W = (e) => e.join("/").replace(/\/\/+/g, "/"), Xn = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Zn = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Qn = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
+function er(e) {
+  return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
+}
+var At = [
+  "POST",
+  "PUT",
+  "PATCH",
+  "DELETE"
+];
+new Set(
+  At
+);
+var tr = [
+  "GET",
+  ...At
+];
+new Set(tr);
+var ue = d.createContext(null);
+ue.displayName = "DataRouter";
+var ke = d.createContext(null);
+ke.displayName = "DataRouterState";
+d.createContext(!1);
+var _t = d.createContext({
+  isTransitioning: !1
+});
+_t.displayName = "ViewTransition";
+var nr = d.createContext(
+  /* @__PURE__ */ new Map()
+);
+nr.displayName = "Fetchers";
+var rr = d.createContext(null);
+rr.displayName = "Await";
+var H = d.createContext(
+  null
+);
+H.displayName = "Navigation";
+var qe = d.createContext(
+  null
+);
+qe.displayName = "Location";
+var G = d.createContext({
+  outlet: null,
+  matches: [],
+  isDataRoute: !1
+});
+G.displayName = "Route";
+var We = d.createContext(null);
+We.displayName = "RouteError";
+function ar(e, { relative: n } = {}) {
+  P(
+    Te(),
+    // 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 } = d.useContext(H), { hash: r, pathname: o, search: l } = ge(e, { relative: n }), s = o;
+  return t !== "/" && (s = o === "/" ? t : W([t, o])), a.createHref({ pathname: s, search: l, hash: r });
+}
+function Te() {
+  return d.useContext(qe) != null;
+}
+function Q() {
+  return P(
+    Te(),
+    // 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."
+  ), d.useContext(qe).location;
+}
+var Ot = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function $t(e) {
+  d.useContext(H).static || d.useLayoutEffect(e);
+}
+function Ve() {
+  let { isDataRoute: e } = d.useContext(G);
+  return e ? vr() : or();
+}
+function or() {
+  P(
+    Te(),
+    // 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 = d.useContext(ue), { basename: n, navigator: t } = d.useContext(H), { matches: a } = d.useContext(G), { pathname: r } = Q(), o = JSON.stringify(It(a)), l = d.useRef(!1);
+  return $t(() => {
+    l.current = !0;
+  }), d.useCallback(
+    (u, c = {}) => {
+      if (V(l.current, Ot), !l.current) return;
+      if (typeof u == "number") {
+        t.go(u);
+        return;
+      }
+      let f = Ft(
+        u,
+        JSON.parse(o),
+        r,
+        c.relative === "path"
+      );
+      e == null && n !== "/" && (f.pathname = f.pathname === "/" ? n : W([n, f.pathname])), (c.replace ? t.replace : t.push)(
+        f,
+        c.state,
+        c
+      );
+    },
+    [
+      n,
+      t,
+      o,
+      r,
+      e
+    ]
+  );
+}
+d.createContext(null);
+function ge(e, { relative: n } = {}) {
+  let { matches: t } = d.useContext(G), { pathname: a } = Q(), r = JSON.stringify(It(t));
+  return d.useMemo(
+    () => Ft(
+      e,
+      JSON.parse(r),
+      a,
+      n === "path"
+    ),
+    [e, r, a, n]
+  );
+}
+function ir(e, n, t, a) {
+  P(
+    Te(),
+    // 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 } = d.useContext(H), { matches: o } = d.useContext(G), l = o[o.length - 1], s = l ? l.params : {}, u = l ? l.pathname : "/", c = l ? l.pathnameBase : "/", f = l && l.route;
+  {
+    let y = f && f.path || "";
+    Dt(
+      u,
+      !f || y.endsWith("*") || y.endsWith("*?"),
+      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${u}" (under <Route path="${y}">) 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="${y}"> to <Route path="${y === "/" ? "*" : `${y}/*`}">.`
+    );
+  }
+  let v = Q(), g;
+  g = v;
+  let p = g.pathname || "/", x = p;
+  if (c !== "/") {
+    let y = c.replace(/^\//, "").split("/");
+    x = "/" + p.replace(/^\//, "").split("/").slice(y.length).join("/");
+  }
+  let h = Nt(e, { pathname: x });
+  return V(
+    f || 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.`
+  ), dr(
+    h && h.map(
+      (y) => Object.assign({}, y, {
+        params: Object.assign({}, s, y.params),
+        pathname: W([
+          c,
+          // Re-encode pathnames that were decoded inside matchRoutes
+          r.encodeLocation ? r.encodeLocation(y.pathname).pathname : y.pathname
+        ]),
+        pathnameBase: y.pathnameBase === "/" ? c : W([
+          c,
+          // Re-encode pathnames that were decoded inside matchRoutes
+          r.encodeLocation ? r.encodeLocation(y.pathnameBase).pathname : y.pathnameBase
+        ])
+      })
+    ),
+    o,
+    t,
+    a
+  );
+}
+function lr() {
+  let e = pr(), n = er(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__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ d.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ d.createElement("code", { style: o }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ d.createElement("code", { style: o }, "errorElement"), " prop on your route.")), /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ d.createElement("h3", { style: { fontStyle: "italic" } }, n), t ? /* @__PURE__ */ d.createElement("pre", { style: r }, t) : null, l);
+}
+var sr = /* @__PURE__ */ d.createElement(lr, null), ur = class extends d.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__ */ d.createElement(G.Provider, { value: this.props.routeContext }, /* @__PURE__ */ d.createElement(
+      We.Provider,
+      {
+        value: this.state.error,
+        children: this.props.component
+      }
+    )) : this.props.children;
+  }
+};
+function cr({ routeContext: e, match: n, children: t }) {
+  let a = d.useContext(ue);
+  return a && a.static && a.staticContext && (n.route.errorElement || n.route.ErrorBoundary) && (a.staticContext._deepestRenderedBoundaryId = n.route.id), /* @__PURE__ */ d.createElement(G.Provider, { value: e }, t);
+}
+function dr(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: f, errors: v } = t, g = c.route.loader && !f.hasOwnProperty(c.route.id) && (!v || v[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, f) => {
+      let v, g = !1, p = null, x = null;
+      t && (v = o && c.route.id ? o[c.route.id] : void 0, p = c.route.errorElement || sr, l && (s < 0 && f === 0 ? (Dt(
+        "route-fallback",
+        !1,
+        "No `HydrateFallback` element provided to render during initial hydration"
+      ), g = !0, x = null) : s === f && (g = !0, x = c.route.hydrateFallbackElement || null)));
+      let h = n.concat(r.slice(0, f + 1)), j = () => {
+        let y;
+        return v ? y = p : g ? y = x : c.route.Component ? y = /* @__PURE__ */ d.createElement(c.route.Component, null) : c.route.element ? y = c.route.element : y = u, /* @__PURE__ */ d.createElement(
+          cr,
+          {
+            match: c,
+            routeContext: {
+              outlet: u,
+              matches: h,
+              isDataRoute: t != null
+            },
+            children: y
+          }
+        );
+      };
+      return t && (c.route.ErrorBoundary || c.route.errorElement || f === 0) ? /* @__PURE__ */ d.createElement(
+        ur,
+        {
+          location: t.location,
+          revalidation: t.revalidation,
+          component: p,
+          error: v,
+          children: j(),
+          routeContext: { outlet: null, matches: h, isDataRoute: !0 }
+        }
+      ) : j();
+    },
+    null
+  );
+}
+function He(e) {
+  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
+}
+function fr(e) {
+  let n = d.useContext(ue);
+  return P(n, He(e)), n;
+}
+function hr(e) {
+  let n = d.useContext(ke);
+  return P(n, He(e)), n;
+}
+function mr(e) {
+  let n = d.useContext(G);
+  return P(n, He(e)), n;
+}
+function Ge(e) {
+  let n = mr(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 gr() {
+  return Ge(
+    "useRouteId"
+    /* UseRouteId */
+  );
+}
+function pr() {
+  var a;
+  let e = d.useContext(We), n = hr(
+    "useRouteError"
+    /* UseRouteError */
+  ), t = Ge(
+    "useRouteError"
+    /* UseRouteError */
+  );
+  return e !== void 0 ? e : (a = n.errors) == null ? void 0 : a[t];
+}
+function vr() {
+  let { router: e } = fr(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), n = Ge(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), t = d.useRef(!1);
+  return $t(() => {
+    t.current = !0;
+  }), d.useCallback(
+    async (r, o = {}) => {
+      V(t.current, Ot), t.current && (typeof r == "number" ? e.navigate(r) : await e.navigate(r, { fromRouteId: n, ...o }));
+    },
+    [e, n]
+  );
+}
+var ut = {};
+function Dt(e, n, t) {
+  !n && !ut[e] && (ut[e] = !0, V(!1, t));
+}
+d.memo(xr);
+function xr({
+  routes: e,
+  future: n,
+  state: t
+}) {
+  return ir(e, void 0, t, n);
+}
+var be = "get", we = "application/x-www-form-urlencoded";
+function Ne(e) {
+  return e != null && typeof e.tagName == "string";
+}
+function yr(e) {
+  return Ne(e) && e.tagName.toLowerCase() === "button";
+}
+function br(e) {
+  return Ne(e) && e.tagName.toLowerCase() === "form";
+}
+function wr(e) {
+  return Ne(e) && e.tagName.toLowerCase() === "input";
+}
+function jr(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+function Cr(e, n) {
+  return e.button === 0 && // Ignore everything but left clicks
+  (!n || n === "_self") && // Let browser handle "target=_blank" etc.
+  !jr(e);
+}
+var ye = null;
+function Sr() {
+  if (ye === null)
+    try {
+      new FormData(
+        document.createElement("form"),
+        // @ts-expect-error if FormData supports the submitter parameter, this will throw
+        0
+      ), ye = !1;
+    } catch {
+      ye = !0;
+    }
+  return ye;
+}
+var Rr = /* @__PURE__ */ new Set([
+  "application/x-www-form-urlencoded",
+  "multipart/form-data",
+  "text/plain"
+]);
+function $e(e) {
+  return e != null && !Rr.has(e) ? (V(
+    !1,
+    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${we}"`
+  ), null) : e;
+}
+function Er(e, n) {
+  let t, a, r, o, l;
+  if (br(e)) {
+    let s = e.getAttribute("action");
+    a = s ? X(s, n) : null, t = e.getAttribute("method") || be, r = $e(e.getAttribute("enctype")) || we, o = new FormData(e);
+  } else if (yr(e) || wr(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 ? X(u, n) : null, t = e.getAttribute("formmethod") || s.getAttribute("method") || be, r = $e(e.getAttribute("formenctype")) || $e(s.getAttribute("enctype")) || we, o = new FormData(s, e), !Sr()) {
+      let { name: c, type: f, value: v } = e;
+      if (f === "image") {
+        let g = c ? `${c}.` : "";
+        o.append(`${g}x`, "0"), o.append(`${g}y`, "0");
+      } else c && o.append(c, v);
+    }
+  } else {
+    if (Ne(e))
+      throw new Error(
+        'Cannot submit element that is not <form>, <button>, or <input type="submit|image">'
+      );
+    t = be, a = null, r = we, 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 Ye(e, n) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(n);
+}
+function kr(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 && X(a.pathname, n) === "/" ? a.pathname = `${n.replace(/\/$/, "")}/_root.${t}` : a.pathname = `${a.pathname.replace(/\/$/, "")}.${t}`, a;
+}
+async function Tr(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 Nr(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 Pr(e, n, t) {
+  let a = await Promise.all(
+    e.map(async (r) => {
+      let o = n.routes[r.route.id];
+      if (o) {
+        let l = await Tr(o, t);
+        return l.links ? l.links() : [];
+      }
+      return [];
+    })
+  );
+  return Ar(
+    a.flat(1).filter(Nr).filter((r) => r.rel === "stylesheet" || r.rel === "preload").map(
+      (r) => r.rel === "stylesheet" ? { ...r, rel: "prefetch", as: "style" } : { ...r, rel: "prefetch" }
+    )
+  );
+}
+function ct(e, n, t, a, r, o) {
+  let l = (u, c) => t[c] ? u.route.id !== t[c].route.id : !0, s = (u, c) => {
+    var f;
+    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
+      ((f = t[c].route.path) == null ? void 0 : f.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 v;
+    let f = a.routes[u.route.id];
+    if (!f || !f.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: ((v = t[0]) == null ? void 0 : v.params) || {},
+        nextUrl: new URL(e, window.origin),
+        nextParams: u.params,
+        defaultShouldRevalidate: !0
+      });
+      if (typeof g == "boolean")
+        return g;
+    }
+    return !0;
+  }) : [];
+}
+function Lr(e, n, { includeHydrateFallback: t } = {}) {
+  return Ir(
+    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 Ir(e) {
+  return [...new Set(e)];
+}
+function Fr(e) {
+  let n = {}, t = Object.keys(e).sort();
+  for (let a of t)
+    n[a] = e[a];
+  return n;
+}
+function Ar(e, n) {
+  let t = /* @__PURE__ */ new Set();
+  return new Set(n), e.reduce((a, r) => {
+    let o = JSON.stringify(Fr(r));
+    return t.has(o) || (t.add(o), a.push({ key: o, link: r })), a;
+  }, []);
+}
+function Mt() {
+  let e = d.useContext(ue);
+  return Ye(
+    e,
+    "You must render this element inside a <DataRouterContext.Provider> element"
+  ), e;
+}
+function _r() {
+  let e = d.useContext(ke);
+  return Ye(
+    e,
+    "You must render this element inside a <DataRouterStateContext.Provider> element"
+  ), e;
+}
+var Je = d.createContext(void 0);
+Je.displayName = "FrameworkContext";
+function zt() {
+  let e = d.useContext(Je);
+  return Ye(
+    e,
+    "You must render this element inside a <HydratedRouter> element"
+  ), e;
+}
+function Or(e, n) {
+  let t = d.useContext(Je), [a, r] = d.useState(!1), [o, l] = d.useState(!1), { onFocus: s, onBlur: u, onMouseEnter: c, onMouseLeave: f, onTouchStart: v } = n, g = d.useRef(null);
+  d.useEffect(() => {
+    if (e === "render" && l(!0), e === "viewport") {
+      let h = (y) => {
+        y.forEach((S) => {
+          l(S.isIntersecting);
+        });
+      }, j = new IntersectionObserver(h, { threshold: 0.5 });
+      return g.current && j.observe(g.current), () => {
+        j.disconnect();
+      };
+    }
+  }, [e]), d.useEffect(() => {
+    if (a) {
+      let h = setTimeout(() => {
+        l(!0);
+      }, 100);
+      return () => {
+        clearTimeout(h);
+      };
+    }
+  }, [a]);
+  let p = () => {
+    r(!0);
+  }, x = () => {
+    r(!1), l(!1);
+  };
+  return t ? e !== "intent" ? [o, g, {}] : [
+    o,
+    g,
+    {
+      onFocus: he(s, p),
+      onBlur: he(u, x),
+      onMouseEnter: he(c, p),
+      onMouseLeave: he(f, x),
+      onTouchStart: he(v, p)
+    }
+  ] : [!1, g, {}];
+}
+function he(e, n) {
+  return (t) => {
+    e && e(t), t.defaultPrevented || n(t);
+  };
+}
+function $r({ page: e, ...n }) {
+  let { router: t } = Mt(), a = d.useMemo(
+    () => Nt(t.routes, e, t.basename),
+    [t.routes, e, t.basename]
+  );
+  return a ? /* @__PURE__ */ d.createElement(Mr, { page: e, matches: a, ...n }) : null;
+}
+function Dr(e) {
+  let { manifest: n, routeModules: t } = zt(), [a, r] = d.useState([]);
+  return d.useEffect(() => {
+    let o = !1;
+    return Pr(e, n, t).then(
+      (l) => {
+        o || r(l);
+      }
+    ), () => {
+      o = !0;
+    };
+  }, [e, n, t]), a;
+}
+function Mr({
+  page: e,
+  matches: n,
+  ...t
+}) {
+  let a = Q(), { manifest: r, routeModules: o } = zt(), { basename: l } = Mt(), { loaderData: s, matches: u } = _r(), c = d.useMemo(
+    () => ct(
+      e,
+      n,
+      u,
+      r,
+      a,
+      "data"
+    ),
+    [e, n, u, r, a]
+  ), f = d.useMemo(
+    () => ct(
+      e,
+      n,
+      u,
+      r,
+      a,
+      "assets"
+    ),
+    [e, n, u, r, a]
+  ), v = d.useMemo(() => {
+    if (e === a.pathname + a.search + a.hash)
+      return [];
+    let x = /* @__PURE__ */ new Set(), h = !1;
+    if (n.forEach((y) => {
+      var b;
+      let S = r.routes[y.route.id];
+      !S || !S.hasLoader || (!c.some((w) => w.route.id === y.route.id) && y.route.id in s && ((b = o[y.route.id]) != null && b.shouldRevalidate) || S.hasClientLoader ? h = !0 : x.add(y.route.id));
+    }), x.size === 0)
+      return [];
+    let j = kr(e, l, "data");
+    return h && x.size > 0 && j.searchParams.set(
+      "_routes",
+      n.filter((y) => x.has(y.route.id)).map((y) => y.route.id).join(",")
+    ), [j.pathname + j.search];
+  }, [
+    l,
+    s,
+    a,
+    r,
+    c,
+    n,
+    e,
+    o
+  ]), g = d.useMemo(
+    () => Lr(f, r),
+    [f, r]
+  ), p = Dr(f);
+  return /* @__PURE__ */ d.createElement(d.Fragment, null, v.map((x) => /* @__PURE__ */ d.createElement("link", { key: x, rel: "prefetch", as: "fetch", href: x, ...t })), g.map((x) => /* @__PURE__ */ d.createElement("link", { key: x, rel: "modulepreload", href: x, ...t })), p.map(({ key: x, link: h }) => (
+    // these don't spread `linkProps` because they are full link descriptors
+    // already with their own props
+    /* @__PURE__ */ d.createElement("link", { key: x, ...h })
+  )));
+}
+function zr(...e) {
+  return (n) => {
+    e.forEach((t) => {
+      typeof t == "function" ? t(n) : t != null && (t.current = n);
+    });
+  };
+}
+var Bt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+try {
+  Bt && (window.__reactRouterVersion = // @ts-expect-error
+  "7.7.1");
+} catch {
+}
+var Kt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Ut = d.forwardRef(
+  function({
+    onClick: n,
+    discover: t = "render",
+    prefetch: a = "none",
+    relative: r,
+    reloadDocument: o,
+    replace: l,
+    state: s,
+    target: u,
+    to: c,
+    preventScrollReset: f,
+    viewTransition: v,
+    ...g
+  }, p) {
+    let { basename: x } = d.useContext(H), h = typeof c == "string" && Kt.test(c), j, y = !1;
+    if (typeof c == "string" && h && (j = c, Bt))
+      try {
+        let O = new URL(window.location.href), Y = c.startsWith("//") ? new URL(O.protocol + c) : new URL(c), re = X(Y.pathname, x);
+        Y.origin === O.origin && re != null ? c = re + Y.search + Y.hash : y = !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 S = ar(c, { relative: r }), [b, w, R] = Or(
+      a,
+      g
+    ), K = qr(c, {
+      replace: l,
+      state: s,
+      target: u,
+      preventScrollReset: f,
+      relative: r,
+      viewTransition: v
+    });
+    function D(O) {
+      n && n(O), O.defaultPrevented || K(O);
+    }
+    let ee = (
+      // eslint-disable-next-line jsx-a11y/anchor-has-content
+      /* @__PURE__ */ d.createElement(
+        "a",
+        {
+          ...g,
+          ...R,
+          href: j || S,
+          onClick: y || o ? n : D,
+          ref: zr(p, w),
+          target: u,
+          "data-discover": !h && t === "render" ? "true" : void 0
+        }
+      )
+    );
+    return b && !h ? /* @__PURE__ */ d.createElement(d.Fragment, null, ee, /* @__PURE__ */ d.createElement($r, { page: S })) : ee;
+  }
+);
+Ut.displayName = "Link";
+var Br = d.forwardRef(
+  function({
+    "aria-current": n = "page",
+    caseSensitive: t = !1,
+    className: a = "",
+    end: r = !1,
+    style: o,
+    to: l,
+    viewTransition: s,
+    children: u,
+    ...c
+  }, f) {
+    let v = ge(l, { relative: c.relative }), g = Q(), p = d.useContext(ke), { navigator: x, basename: h } = d.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
+    Yr(v) && s === !0, y = x.encodeLocation ? x.encodeLocation(v).pathname : v.pathname, S = g.pathname, b = p && p.navigation && p.navigation.location ? p.navigation.location.pathname : null;
+    t || (S = S.toLowerCase(), b = b ? b.toLowerCase() : null, y = y.toLowerCase()), b && h && (b = X(b, h) || b);
+    const w = y !== "/" && y.endsWith("/") ? y.length - 1 : y.length;
+    let R = S === y || !r && S.startsWith(y) && S.charAt(w) === "/", K = b != null && (b === y || !r && b.startsWith(y) && b.charAt(y.length) === "/"), D = {
+      isActive: R,
+      isPending: K,
+      isTransitioning: j
+    }, ee = R ? n : void 0, O;
+    typeof a == "function" ? O = a(D) : O = [
+      a,
+      R ? "active" : null,
+      K ? "pending" : null,
+      j ? "transitioning" : null
+    ].filter(Boolean).join(" ");
+    let Y = typeof o == "function" ? o(D) : o;
+    return /* @__PURE__ */ d.createElement(
+      Ut,
+      {
+        ...c,
+        "aria-current": ee,
+        className: O,
+        ref: f,
+        style: Y,
+        to: l,
+        viewTransition: s
+      },
+      typeof u == "function" ? u(D) : u
+    );
+  }
+);
+Br.displayName = "NavLink";
+var Kr = d.forwardRef(
+  ({
+    discover: e = "render",
+    fetcherKey: n,
+    navigate: t,
+    reloadDocument: a,
+    replace: r,
+    state: o,
+    method: l = be,
+    action: s,
+    onSubmit: u,
+    relative: c,
+    preventScrollReset: f,
+    viewTransition: v,
+    ...g
+  }, p) => {
+    let x = Hr(), h = Gr(s, { relative: c }), j = l.toLowerCase() === "get" ? "get" : "post", y = typeof s == "string" && Kt.test(s), S = (b) => {
+      if (u && u(b), b.defaultPrevented) return;
+      b.preventDefault();
+      let w = b.nativeEvent.submitter, R = (w == null ? void 0 : w.getAttribute("formmethod")) || l;
+      x(w || b.currentTarget, {
+        fetcherKey: n,
+        method: R,
+        navigate: t,
+        replace: r,
+        state: o,
+        relative: c,
+        preventScrollReset: f,
+        viewTransition: v
+      });
+    };
+    return /* @__PURE__ */ d.createElement(
+      "form",
+      {
+        ref: p,
+        method: j,
+        action: h,
+        onSubmit: a ? u : S,
+        ...g,
+        "data-discover": !y && e === "render" ? "true" : void 0
+      }
+    );
+  }
+);
+Kr.displayName = "Form";
+function Ur(e) {
+  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
+}
+function qt(e) {
+  let n = d.useContext(ue);
+  return P(n, Ur(e)), n;
+}
+function qr(e, {
+  target: n,
+  replace: t,
+  state: a,
+  preventScrollReset: r,
+  relative: o,
+  viewTransition: l
+} = {}) {
+  let s = Ve(), u = Q(), c = ge(e, { relative: o });
+  return d.useCallback(
+    (f) => {
+      if (Cr(f, n)) {
+        f.preventDefault();
+        let v = t !== void 0 ? t : ze(u) === ze(c);
+        s(e, {
+          replace: v,
+          state: a,
+          preventScrollReset: r,
+          relative: o,
+          viewTransition: l
+        });
+      }
+    },
+    [
+      u,
+      s,
+      c,
+      t,
+      a,
+      n,
+      e,
+      r,
+      o,
+      l
+    ]
+  );
+}
+var Wr = 0, Vr = () => `__${String(++Wr)}__`;
+function Hr() {
+  let { router: e } = qt(
+    "useSubmit"
+    /* UseSubmit */
+  ), { basename: n } = d.useContext(H), t = gr();
+  return d.useCallback(
+    async (a, r = {}) => {
+      let { action: o, method: l, encType: s, formData: u, body: c } = Er(
+        a,
+        n
+      );
+      if (r.navigate === !1) {
+        let f = r.fetcherKey || Vr();
+        await e.fetch(f, 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 Gr(e, { relative: n } = {}) {
+  let { basename: t } = d.useContext(H), a = d.useContext(G);
+  P(a, "useFormAction must be used inside a RouteContext");
+  let [r] = a.matches.slice(-1), o = { ...ge(e || ".", { relative: n }) }, l = Q();
+  if (e == null) {
+    o.search = l.search;
+    let s = new URLSearchParams(o.search), u = s.getAll("index");
+    if (u.some((f) => f === "")) {
+      s.delete("index"), u.filter((v) => v).forEach((v) => s.append("index", v));
+      let f = s.toString();
+      o.search = f ? `?${f}` : "";
+    }
+  }
+  return (!e || e === ".") && r.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (o.pathname = o.pathname === "/" ? t : W([t, o.pathname])), ze(o);
+}
+function Yr(e, { relative: n } = {}) {
+  let t = d.useContext(_t);
+  P(
+    t != null,
+    "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
+  );
+  let { basename: a } = qt(
+    "useViewTransitionState"
+    /* useViewTransitionState */
+  ), r = ge(e, { relative: n });
+  if (!t.isTransitioning)
+    return !1;
+  let o = X(t.currentLocation.pathname, a) || t.currentLocation.pathname, l = X(t.nextLocation.pathname, a) || t.nextLocation.pathname;
+  return Se(r.pathname, l) != null || Se(r.pathname, o) != null;
+}
+const Wa = ({ message: e }) => {
+  const n = Ve();
+  return /* @__PURE__ */ i.jsxs(
+    Be,
+    {
+      color: "red",
+      title: "Not Found",
+      variant: "404 - Not Found",
+      icon: /* @__PURE__ */ i.jsx(Ke, { size: 12, stroke: 1.5 }),
+      children: [
+        e || "Sorry, the page you are looking for does not exist.",
+        /* @__PURE__ */ i.jsx(U, { variant: "filled", onClick: () => n("/"), children: "Back Home" })
+      ]
+    }
+  );
+}, Va = ({ message: e }) => /* @__PURE__ */ i.jsx(
+  Be,
+  {
+    color: "red",
+    title: "Not Found",
+    variant: "404 - Not Found",
+    icon: /* @__PURE__ */ i.jsx(Ke, { size: 12, stroke: 1.5 }),
+    children: e || "Sorry, the page you are looking for does not exist."
+  }
+), Wt = ({ message: e }) => /* @__PURE__ */ i.jsx(T, { c: "red", size: "sm", children: e || "Not Found" }), Ha = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ i.jsx(B, { justify: "center", align: "center", children: /* @__PURE__ */ i.jsx(je, { color: "blue", size: "md" }) }) : /* @__PURE__ */ i.jsxs(
+  B,
+  {
+    gap: "md",
+    direction: "column",
+    justify: "center",
+    align: "center",
+    style: { height: "100%" },
+    children: [
+      /* @__PURE__ */ i.jsx(je, { color: "blue", size: "md" }),
+      e
+    ]
+  }
+), Ga = ({ tip: e }) => e === void 0 ? /* @__PURE__ */ i.jsx(je, { color: "blue", size: "xs" }) : /* @__PURE__ */ i.jsxs(B, { gap: "md", direction: "column", justify: "center", align: "center", children: [
+  /* @__PURE__ */ i.jsx(je, { color: "blue", size: "xs" }),
+  e
+] }), Ya = ({ message: e }) => /* @__PURE__ */ i.jsx(
+  Be,
+  {
+    color: "red",
+    title: "Not Found",
+    variant: "403 - Not Authorized",
+    icon: /* @__PURE__ */ i.jsx(Ke, { size: 12, stroke: 1.5 }),
+    children: e || "Sorry, you are not authorized to access this page."
+  }
+);
+class dt {
+  constructor() {
+    oe(this, "children", /* @__PURE__ */ new Map());
+    oe(this, "isEndOfWord", !1);
+    oe(this, "value", "");
+  }
+}
+class Vt {
+  constructor() {
+    oe(this, "root", new dt());
+  }
+  /**
+   * 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 dt(), 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 Jr = /* @__PURE__ */ ((e) => (e[e.Allow = 0] = "Allow", e[e.Denied = 1] = "Denied", e[e.Pending = 2] = "Pending", e))(Jr || {});
+class Xr extends Vt {
+  constructor() {
+    super(...arguments);
+    oe(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 Zr(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 Qr(e) {
+  const n = new Xr(), 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 ea(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 Ja = (e) => {
+  const n = Ve(), t = Q(), [a, r] = _(/* @__PURE__ */ new Set()), [o, l] = _(/* @__PURE__ */ new Set()), [s, u] = _(), c = k(() => ea(e.items, e.checkPermission), [e.items, e.checkPermission]), f = k(() => Qr(e.items), [e.items]), { key2fullpath: v, key2route: g } = k(
+    () => Zr(c),
+    [c]
+  );
+  Re(() => {
+    const x = t.pathname, h = f.findMatchingKey(x);
+    h !== void 0 && (l(new Set(v[h])), u(h));
+  }, [t, g]);
+  const p = k(() => {
+    function x(h, j) {
+      var S, b;
+      const y = h.children !== void 0 && h.children.length > 0;
+      return y ? /* @__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(
+              rt,
+              {
+                active: s === h.key,
+                href: (S = h.route) == null ? void 0 : S.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: y ? /* @__PURE__ */ i.jsx(
+                  yn,
+                  {
+                    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((K) => {
+                    const D = new Set(K);
+                    return K.has(h.key) ? D.delete(h.key) : D.add(h.key), D;
+                  }));
+                }
+              },
+              h.key
+            ),
+            (o.has(h.key) || a.has(h.key)) && h.children.map((w) => x(w, j + 1))
+          ]
+        },
+        `container-${h.key}`
+      ) : /* @__PURE__ */ i.jsx(
+        rt,
+        {
+          active: s === h.key,
+          href: (b = h.route) == null ? void 0 : b.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) => x(h, 0));
+  }, [c, s, o, a, n]);
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: p });
+}, ie = ({ value: e }) => /* @__PURE__ */ i.jsx(T, { size: "sm", children: e });
+function Ht(e, n, t, a) {
+  const r = e.getByName(n.targetClass), o = a[n.targetClass];
+  Re(() => {
+    r.fetchByIds(t);
+  }, [t]);
+  const l = {};
+  for (const s of t)
+    l[s] = r.get(s);
+  return [l, o];
+}
+const Pe = ne(
+  ({
+    db: e,
+    property: n,
+    value: t,
+    entityRoutes: a
+  }) => {
+    const r = k(() => [t], [t]), [o, l] = Ht(
+      e,
+      n,
+      r,
+      a
+    ), s = o[t];
+    return s === void 0 ? /* @__PURE__ */ i.jsx(T, { size: "sm", children: t }) : s === null ? /* @__PURE__ */ i.jsx(Wt, {}) : l === void 0 ? /* @__PURE__ */ i.jsx(T, { size: "sm", children: s.name }) : /* @__PURE__ */ i.jsx(
+      Rt,
+      {
+        path: l,
+        openInNewPage: !1,
+        urlArgs: { id: s.id },
+        queryArgs: {},
+        children: s.name
+      }
+    );
+  }
+), Le = ne(
+  ({
+    db: e,
+    property: n,
+    value: t,
+    entityRoutes: a
+  }) => {
+    const [r, o] = Ht(
+      e,
+      n,
+      t,
+      a
+    );
+    return /* @__PURE__ */ i.jsx($, { gap: "xs", children: t.map((l, s) => {
+      const u = r[l];
+      return u === void 0 ? /* @__PURE__ */ i.jsx(T, { size: "sm", children: t }, l) : u === null ? /* @__PURE__ */ i.jsx(Wt, {}, l) : o === void 0 ? /* @__PURE__ */ i.jsx(T, { size: "sm", children: u.name }, s) : /* @__PURE__ */ i.jsx(
+        Rt,
+        {
+          path: o,
+          openInNewPage: !1,
+          urlArgs: { id: u.id },
+          queryArgs: {},
+          children: u.name
+        },
+        s
+      );
+    }) });
+  }
+), Z = {
+  string: ie,
+  integer: ie,
+  float: ie,
+  boolean: ie,
+  "string[]": ie,
+  enum: ie
+}, ta = ({ property: e, value: n, onChange: t }) => /* @__PURE__ */ i.jsx(
+  q,
+  {
+    id: e.name,
+    type: "checkbox",
+    checked: n,
+    onChange: (a) => {
+      const r = a.target.checked;
+      t(r);
+    }
+  }
+), ft = ({
+  property: e,
+  value: n,
+  onChange: t
+}) => /* @__PURE__ */ i.jsx(
+  q,
+  {
+    id: e.name,
+    type: "number",
+    value: n,
+    onChange: (a) => {
+      const r = a.target.value;
+      t(r === "" ? void 0 : Number(r));
+    }
+  }
+), na = {
+  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"
+}, ra = {
+  lang2value: {
+    en: "No valid country code found.",
+    vi: "Không tìm thấy mã quốc gia hợp lệ. "
+  },
+  lang: "en"
+}, se = {
+  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]
+  }
+}, aa = (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;
+}, ht = ({ value: e }) => {
+  const n = se[e];
+  if (n !== void 0)
+    return /* @__PURE__ */ i.jsxs($, { gap: "sm", wrap: "nowrap", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(T, { size: "sm", children: [
+        "+",
+        e
+      ] }),
+      /* @__PURE__ */ i.jsx($, { gap: 4, wrap: "nowrap", children: n.flags.map((t, a) => /* @__PURE__ */ i.jsx(Me, { flag: t }, a)) })
+    ] });
+}, oa = ({
+  value: e,
+  onChange: n,
+  error: t,
+  id: a
+}) => {
+  const [r, o] = _(""), [l, s] = _(!1), [u, c] = _(""), [f, v] = _(!1), g = k(() => {
+    const b = new Vt();
+    return Object.keys(se).forEach((w) => {
+      b.insert(w);
+    }), b;
+  }, [se]), { rawInput: p } = k(() => {
+    try {
+      const { match: b, remaining: w } = aa(
+        e,
+        g
+      );
+      return c(b), v(!1), {
+        rawInput: w
+      };
+    } catch {
+      return v(!0), c(""), {
+        rawInput: e
+      };
+    }
+  }, [e]), x = bt({
+    onDropdownClose: () => {
+      x.resetSelectedOption(), o("");
+    },
+    onDropdownOpen: () => {
+      x.updateSelectedOptionIndex("active");
+    }
+  }), h = k(() => Object.keys(se), [se]), j = (b, w) => {
+    const R = b.replace(/[^\d]/g, "");
+    return R.length === 0 ? `+${w}` : R.startsWith("0") ? (s(!0), `+${w}${R}`) : (s(!1), `+${w}${R}`);
+  }, y = k(() => h.filter((b) => se[b].name.toLowerCase().includes(r.toLowerCase()) || b.includes(r)), [r, h]), S = k(() => y.map((b, w) => /* @__PURE__ */ i.jsx(F.Option, { value: b, children: /* @__PURE__ */ i.jsx(ht, { value: b }) }, w)), [y]);
+  return /* @__PURE__ */ i.jsxs("div", { children: [
+    /* @__PURE__ */ i.jsx(A, { gutter: "xs", children: /* @__PURE__ */ i.jsx(A.Col, { children: /* @__PURE__ */ i.jsxs($, { gap: 5, children: [
+      /* @__PURE__ */ i.jsxs(
+        F,
+        {
+          store: x,
+          position: "top-start",
+          onOptionSubmit: (b) => {
+            o(""), x.closeDropdown(), n({
+              target: { value: j(p, b) }
+            });
+          },
+          children: [
+            /* @__PURE__ */ i.jsx(F.Target, { children: /* @__PURE__ */ i.jsx(
+              un,
+              {
+                component: "button",
+                type: "button",
+                pointer: !0,
+                rightSection: /* @__PURE__ */ i.jsx(F.Chevron, {}),
+                onClick: () => x.toggleDropdown(),
+                rightSectionPointerEvents: "none",
+                w: 110,
+                children: /* @__PURE__ */ i.jsx(ht, { value: u })
+              }
+            ) }),
+            /* @__PURE__ */ i.jsxs(F.Dropdown, { children: [
+              /* @__PURE__ */ i.jsx(
+                F.Search,
+                {
+                  leftSection: /* @__PURE__ */ i.jsx(Ct, { size: 14, stroke: 1.5 }),
+                  placeholder: ".....",
+                  value: r,
+                  onChange: (b) => o(b.currentTarget.value)
+                }
+              ),
+              /* @__PURE__ */ i.jsx(F.Options, { children: S.length > 0 ? S : /* @__PURE__ */ i.jsx(F.Empty, { children: /* @__PURE__ */ i.jsx(T, { size: "sm", children: "Nothing found" }) }) })
+            ] })
+          ]
+        }
+      ),
+      u === "" ? /* @__PURE__ */ i.jsx(
+        q,
+        {
+          id: a,
+          value: p,
+          type: "phone_number",
+          onChange: (b) => {
+            n({ target: { value: b.target.value } });
+          },
+          error: t,
+          flex: 1
+        }
+      ) : /* @__PURE__ */ i.jsx(
+        q,
+        {
+          id: a,
+          value: p,
+          type: "phone_number",
+          onAccept: (b) => {
+            const w = b.replace(/[^\d]/g, "");
+            n({
+              target: { value: j(w, u) }
+            });
+          },
+          component: En,
+          mask: "000-000-0000",
+          error: t,
+          flex: 1
+        }
+      )
+    ] }) }) }),
+    (l || f || t && typeof t == "string") && /* @__PURE__ */ i.jsx(A, { gutter: "xs", children: /* @__PURE__ */ i.jsx(A.Col, { children: /* @__PURE__ */ i.jsx(q.Error, { children: l ? /* @__PURE__ */ i.jsx(M, { value: na }) : f ? /* @__PURE__ */ i.jsx(M, { value: ra }) : t }) }) })
+  ] });
+}, De = ({
+  property: e,
+  error: n,
+  value: t,
+  onChange: a
+}) => {
+  const [r, o] = k(() => e.constraints.includes("password") ? ["password", cn] : e.constraints.includes("phone_number") ? ["phone_number", oa] : [e.constraints.includes("email") ? "email" : e.constraints.includes("url") ? "url" : "text", q], [e.constraints]);
+  return /* @__PURE__ */ i.jsx(
+    o,
+    {
+      id: e.name,
+      value: t,
+      type: r,
+      onChange: (l) => a(l.target.value),
+      error: n
+    }
+  );
+}, mt = {
+  integer: ft,
+  float: ft,
+  string: De,
+  boolean: ta,
+  "string[]": De,
+  enum: De
+};
+function ia(e, n) {
+  const [t, a] = _(""), [r, o] = _([]);
+  return Re(() => {
+    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 la = (e) => e.name, sa = (e) => /* @__PURE__ */ i.jsx(T, { size: "sm", children: e.name }), ua = ne(
+  (e) => /* @__PURE__ */ i.jsx("h1", { children: "SingleForeignKey" })
+), ca = ne(
+  ({
+    db: e,
+    property: n,
+    value: t,
+    onChange: a
+  }) => {
+    const { table: r, data: o, query: l, setQuery: s } = ia(
+      e,
+      n
+    );
+    return /* @__PURE__ */ i.jsxs(Ee, { gap: "sm", children: [
+      /* @__PURE__ */ i.jsx(
+        da,
+        {
+          name: n.name,
+          query: l,
+          setQuery: s,
+          data: o,
+          onSelect: (u) => {
+            t.includes(u) || a([...t, u]);
+          },
+          renderOption: la,
+          isIdInteger: n.datatype === "integer"
+        }
+      ),
+      /* @__PURE__ */ i.jsx(
+        fa,
+        {
+          items: t.map((u) => r.get(u)),
+          onDelete: (u) => {
+            a(t.filter((c) => c !== u.id));
+          },
+          render: sa
+        }
+      )
+    ] });
+  }
+), da = ({
+  name: e,
+  data: n,
+  onSelect: t,
+  renderOption: a,
+  isIdInteger: r,
+  query: o,
+  setQuery: l
+}) => {
+  const s = bt({
+    onDropdownClose: () => s.resetSelectedOption()
+  }), u = k(() => 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(
+          q,
+          {
+            id: e,
+            pointer: !0,
+            rightSection: /* @__PURE__ */ i.jsx(Ct, { 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 }) })
+      ]
+    }
+  );
+}, fa = ({
+  items: e,
+  onDelete: n,
+  render: t
+}) => {
+  const a = k(() => {
+    const r = [];
+    for (let o = 0; o < e.length; o++) {
+      const l = e[o];
+      r.push(
+        /* @__PURE__ */ i.jsxs($, { justify: "space-between", p: "sm", children: [
+          t(l),
+          /* @__PURE__ */ i.jsx(dn, { size: "sm", onClick: () => n(l) })
+        ] }, o)
+      ), o < e.length - 1 && r.push(/* @__PURE__ */ i.jsx(fn, {}, `divider-${o}`));
+    }
+    return r;
+  }, [e]);
+  if (a.length !== 0)
+    return /* @__PURE__ */ i.jsx(te, { bd: "1px solid #ddd", children: a });
+}, ha = "_requiredLabelLeft_l5p83_1", ma = "_requiredLabelRight_l5p83_11", gt = {
+  requiredLabelLeft: ha,
+  requiredLabelRight: ma
+}, ga = ({
+  label: e,
+  name: n,
+  required: t = !1,
+  tooltip: a,
+  style: r,
+  align: o = "left"
+}) => {
+  const l = t ? o === "left" ? gt.requiredLabelRight : gt.requiredLabelLeft : "";
+  return /* @__PURE__ */ i.jsx(B, { align: "center", h: 36, children: /* @__PURE__ */ i.jsx("label", { htmlFor: n, style: r, children: /* @__PURE__ */ i.jsxs($, { gap: 4, children: [
+    /* @__PURE__ */ i.jsx(T, { size: "sm", className: l, children: e }),
+    a !== void 0 && /* @__PURE__ */ i.jsx(wt, { label: a, withArrow: !0, children: /* @__PURE__ */ i.jsx(
+      St,
+      {
+        size: 16,
+        stroke: 1.5,
+        style: { color: "var(--mantine-color-dimmed)" }
+      }
+    ) })
+  ] }) }) });
+}, pa = {
+  type: "vertical",
+  helpAlwaysVisible: !1
+}, va = ne(
+  ({
+    store: e,
+    record: n,
+    property: t,
+    layout: a = pa,
+    InputComponent: r,
+    validator: o
+  }) => {
+    const [l, s] = _(void 0), u = n[t.tsName], c = (v) => {
+      var p;
+      if (Et(n))
+        n[t.updateFuncName](v);
+      else {
+        const x = n.toDraft();
+        x[t.updateFuncName](v), e.setDraft(x);
+      }
+      const g = o(v);
+      g.isValid ? s(void 0) : s(
+        (p = g.errorMessage) == null ? void 0 : p.t({ args: { name: t.label } })
+      );
+    };
+    if (xa(a))
+      return /* @__PURE__ */ i.jsxs(Ee, { 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(
+                ga,
+                {
+                  label: /* @__PURE__ */ i.jsx(M, { value: t.label }),
+                  name: t.name,
+                  required: t.isRequired,
+                  tooltip: t.description !== void 0 ? /* @__PURE__ */ i.jsx(M, { 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(q.Error, { children: l }) })
+        ] })
+      ] });
+    let f = /* @__PURE__ */ i.jsx(M, { value: t.label });
+    return !a.helpAlwaysVisible && t.description !== void 0 && (f = /* @__PURE__ */ i.jsxs($, { gap: 4, style: { display: "inline-flex" }, children: [
+      f,
+      /* @__PURE__ */ i.jsx(
+        wt,
+        {
+          label: /* @__PURE__ */ i.jsx(M, { value: t.description }),
+          withArrow: !0,
+          children: /* @__PURE__ */ i.jsx(
+            St,
+            {
+              size: 16,
+              stroke: 1.5,
+              style: { color: "var(--mantine-color-dimmed)" }
+            }
+          )
+        }
+      )
+    ] })), /* @__PURE__ */ i.jsx(
+      q.Wrapper,
+      {
+        label: f,
+        description: a.helpAlwaysVisible && t.description !== void 0 ? /* @__PURE__ */ i.jsx(M, { 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 xa(e) {
+  return e.type === "horizontal";
+}
+const pt = 12, Xa = (e) => {
+  const n = e.schema, t = k(() => {
+    const a = Math.max(
+      ...e.fieldGroups.map((r) => Math.max(...r.fields.map((o) => o.length)))
+    );
+    return e.fieldGroups.map((r, o) => ya(
+      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 && Et(e.record) && e.onSubmit(e.record);
+      },
+      children: /* @__PURE__ */ i.jsxs(Ee, { gap: "sm", className: e.className, style: e.styles, children: [
+        t,
+        /* @__PURE__ */ i.jsx($, { gap: "sm", children: e.actions.map((a, r) => /* @__PURE__ */ i.jsx(
+          U,
+          {
+            variant: a.variant,
+            onClick: () => {
+              a.onClick !== void 0 && a.onClick();
+            },
+            disabled: a.disabled,
+            children: a.label
+          },
+          r
+        )) })
+      ] })
+    }
+  );
+};
+function ya(e, n, t, a, r, o, l) {
+  const s = r.fields, u = [];
+  for (let f = 0; f < s.length; f++) {
+    const v = pt / s[f].length;
+    if (!Number.isInteger(v))
+      throw new Error(`Span must be an integer, but got ${v} for row ${f}`);
+    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[f].length / o
+      ),
+      itemCol: pt - Math.floor(l.labelCol * s[f].length / o)
+    } : g = l;
+    for (let p = 0; p < s[f].length; p++) {
+      const x = s[f][p], h = e.allProperties[x];
+      let j;
+      if (me(h))
+        j = h.cardinality === "N:N" || h.cardinality === "1:N" ? ca : ua;
+      else {
+        if (mt[h.datatype] === void 0)
+          throw new Error(
+            `No input component found for datatype ${h.datatype}`
+          );
+        j = mt[h.datatype];
+      }
+      u.push(
+        /* @__PURE__ */ i.jsx(A.Col, { span: v, children: /* @__PURE__ */ i.jsx(
+          va,
+          {
+            store: n,
+            record: t,
+            property: h,
+            layout: g,
+            InputComponent: j,
+            validator: e.validators[x]
+          }
+        ) }, `${f}-${p}`)
+      );
+    }
+  }
+  const c = /* @__PURE__ */ i.jsx(A, { gutter: "sm", children: u }, a);
+  return r.name !== void 0 ? /* @__PURE__ */ i.jsx(hn, { legend: r.name, children: c }, a) : c;
+}
+const Gt = ({
+  actions: e,
+  reloadData: n,
+  selectedRowKeys: t,
+  size: a = "xs"
+}) => /* @__PURE__ */ i.jsxs($, { gap: a, children: [
+  (e == null ? void 0 : e.add) && /* @__PURE__ */ i.jsx(
+    U,
+    {
+      variant: "light",
+      leftSection: /* @__PURE__ */ i.jsx(bn, { size: 16, stroke: 1.5 }),
+      size: a,
+      onClick: e.add,
+      children: "Add"
+    }
+  ),
+  (e == null ? void 0 : e.edit) && /* @__PURE__ */ i.jsx(
+    U,
+    {
+      leftSection: /* @__PURE__ */ i.jsx(wn, { 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(
+    U,
+    {
+      leftSection: /* @__PURE__ */ i.jsx(jn, { size: 16, stroke: 1.5 }),
+      size: a,
+      onClick: n,
+      variant: "light",
+      children: "Reload"
+    }
+  ),
+  (e == null ? void 0 : e.import) && /* @__PURE__ */ i.jsx(
+    U,
+    {
+      leftSection: /* @__PURE__ */ i.jsx(Cn, { size: 16, stroke: 1.5 }),
+      size: a,
+      variant: "light",
+      onClick: e.import,
+      children: "Import"
+    }
+  ),
+  (e == null ? void 0 : e.export) && /* @__PURE__ */ i.jsx(
+    U,
+    {
+      leftSection: /* @__PURE__ */ i.jsx(Sn, { size: 16, stroke: 1.5 }),
+      size: a,
+      variant: "light",
+      onClick: e.export,
+      children: "Export"
+    }
+  )
+] }), Yt = (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), ba = "__selectcol__", { Thead: wa, Tr: vt, Th: ja, Tbody: Ca, Td: Sa } = jt, Jt = (e) => {
+  const n = /* @__PURE__ */ i.jsxs(jt, { striped: !0, highlightOnHover: !0, verticalSpacing: "xs", children: [
+    /* @__PURE__ */ i.jsx(wa, { children: e.table.getHeaderGroups().map((a) => /* @__PURE__ */ i.jsx(vt, { children: a.headers.map((r) => /* @__PURE__ */ i.jsx(
+      ja,
+      {
+        w: r.id === ba ? "1%" : void 0,
+        children: r.isPlaceholder ? null : at(
+          r.column.columnDef.header,
+          r.getContext()
+        )
+      },
+      r.id
+    )) }, a.id)) }),
+    /* @__PURE__ */ i.jsx(Ca, { pos: "relative", children: e.table.getRowModel().rows.map((a) => /* @__PURE__ */ i.jsx(
+      vt,
+      {
+        bg: e.selectedRowKeys[a.id] ? "var(--mantine-color-blue-light)" : void 0,
+        children: a.getVisibleCells().map((r) => /* @__PURE__ */ i.jsx(Sa, { children: at(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(te, { withBorder: !0, p: 0, style: t, children: n });
+}, Ra = "_pageSizeSelectorActive_1wv6j_1", Ea = {
+  pageSizeSelectorActive: Ra
+}, Xt = ({
+  total: e,
+  pageIndex: n,
+  pageSize: t,
+  allowPageSizeChange: a = !0,
+  onUpdatePagination: r
+}) => {
+  const o = /* @__PURE__ */ i.jsx(
+    mn,
+    {
+      size: "sm",
+      total: e,
+      value: n + 1,
+      onChange: (l) => r(l - 1, t)
+    }
+  );
+  return a ? /* @__PURE__ */ i.jsxs($, { gap: "sm", children: [
+    /* @__PURE__ */ i.jsxs("div", { children: [
+      /* @__PURE__ */ i.jsx(T, { size: "sm", component: "span", pr: "xs", c: "dimmed", children: "Records per page" }),
+      /* @__PURE__ */ i.jsx(
+        ka,
+        {
+          size: "sm",
+          values: ["10", "20", "50", "100"],
+          value: t.toString(),
+          onChange: (l) => {
+            r(0, parseInt(l, 10));
+          }
+        }
+      )
+    ] }),
+    o
+  ] }) : o;
+}, xt = {
+  xs: ce(22),
+  sm: ce(26),
+  md: ce(32),
+  lg: ce(38),
+  xl: ce(44)
+};
+function ka({
+  size: e,
+  values: n,
+  value: t,
+  onChange: a
+}) {
+  return /* @__PURE__ */ i.jsxs(le, { withinPortal: !0, withArrow: !0, offset: 2, children: [
+    /* @__PURE__ */ i.jsx(gn, { children: /* @__PURE__ */ i.jsx(
+      U,
+      {
+        size: e,
+        variant: "default",
+        rightSection: /* @__PURE__ */ i.jsx(Rn, { size: 16, stroke: 1.5 }),
+        style: [
+          { fontWeight: "normal" },
+          (r) => ({
+            height: xt[e],
+            paddingLeft: r.spacing[e],
+            paddingRight: r.spacing[e]
+          })
+        ],
+        styles: {
+          section: {
+            marginInlineStart: 2
+          }
+        },
+        children: t
+      }
+    ) }),
+    /* @__PURE__ */ i.jsx(pn, { children: n.map((r) => {
+      const o = r === t;
+      return /* @__PURE__ */ i.jsx(
+        vn,
+        {
+          className: o ? Ea.pageSizeSelectorActive : void 0,
+          style: [
+            { height: xt[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(T, { component: "div", size: e, children: r })
+        },
+        r
+      );
+    }) })
+  ] });
+}
+const Ta = /* @__PURE__ */ new Set(["topRight", "bottomRight"]), Za = (e) => {
+  var y, S;
+  const [n, t] = _({
+    records: [],
+    total: 0
+  }), [a, r] = _(!1), [o, l] = _(
+    {}
+  ), s = (b) => {
+    r(!0), e.getData(b).then((w) => {
+      t(w), r(!1);
+    });
+  }, u = (b, w) => {
+    const R = {
+      ...e.query.query,
+      limit: w,
+      offset: b * w
+    };
+    e.query.update(R);
+  }, [c, f, v] = k(() => {
+    const b = 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 [b, w, R];
+  }, [e.query.query.limit, e.query.query.offset, n.total]);
+  Re(() => (n.total == 0 && s(e.query.query), e.query.subscribe(s)), [e.query]);
+  const g = k(() => {
+    const b = e.schema.normalizers[e.schema.primaryKey];
+    return Object.keys(o).filter((w) => o[w]).map((w) => b(w));
+  }, [o]);
+  let p, x;
+  Yt(e.actions) && (p = /* @__PURE__ */ i.jsx(
+    Gt,
+    {
+      actions: e.actions,
+      reloadData: () => s(e.query.query),
+      selectedRowKeys: g
+    }
+  ));
+  const h = ((y = e.pagination) == null ? void 0 : y.positions) || Ta;
+  if (h.size > 0) {
+    const b = /* @__PURE__ */ i.jsx(
+      Xt,
+      {
+        total: v,
+        pageIndex: f,
+        pageSize: c,
+        onUpdatePagination: u,
+        allowPageSizeChange: (S = e.pagination) == null ? void 0 : S.showSizeChanger
+      }
+    );
+    h.has("topRight") && (p !== void 0 ? p = /* @__PURE__ */ i.jsxs($, { justify: "space-between", gap: "sm", children: [
+      p,
+      b
+    ] }) : p = /* @__PURE__ */ i.jsx(B, { justify: "flex-end", children: b })), (h.has("bottomRight") || h.has("bottomLeft") || h.has("bottomCenter")) && (h.has("bottomLeft") ? x = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      b,
+      /* @__PURE__ */ i.jsxs(T, { size: "sm", c: "dimmed", children: [
+        "Showing ",
+        f * c + 1,
+        " to",
+        " ",
+        Math.min((f + 1) * c, n.total),
+        " of ",
+        n.total,
+        " ",
+        "records"
+      ] })
+    ] }) : x = /* @__PURE__ */ i.jsxs(B, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ i.jsxs(T, { size: "sm", c: "dimmed", children: [
+        "Showing ",
+        f * c + 1,
+        " to",
+        " ",
+        Math.min((f + 1) * c, n.total),
+        " of ",
+        n.total,
+        " ",
+        "records"
+      ] }),
+      b
+    ] }));
+  }
+  const j = k(() => /* @__PURE__ */ i.jsx(
+    Na,
+    {
+      data: n,
+      loading: a,
+      columns: e.columns,
+      primaryKey: e.schema.primaryKey,
+      selectedRowKeys: o,
+      setSelectedRowKeys: l,
+      hasTopSection: p !== void 0,
+      hasBottomSection: x !== void 0
+    }
+  ), [
+    n,
+    a,
+    e.columns,
+    e.schema.primaryKey,
+    o,
+    l,
+    p !== void 0,
+    x !== void 0
+  ]);
+  return p === void 0 || x === void 0 ? j : /* @__PURE__ */ i.jsxs("div", { children: [
+    p !== void 0 && /* @__PURE__ */ i.jsx(
+      te,
+      {
+        withBorder: !0,
+        p: "xs",
+        style: {
+          borderBottomLeftRadius: 0,
+          borderBottomRightRadius: 0,
+          borderBottom: "none"
+        },
+        children: p
+      }
+    ),
+    j,
+    x !== void 0 && /* @__PURE__ */ i.jsx(
+      te,
+      {
+        withBorder: !0,
+        p: "xs",
+        style: {
+          borderTopLeftRadius: 0,
+          borderTopRightRadius: 0,
+          borderTop: "none"
+        },
+        children: x
+      }
+    )
+  ] });
+}, Na = (e) => {
+  const n = k(() => {
+    const a = [
+      {
+        id: "selection",
+        header: ({ table: r }) => /* @__PURE__ */ i.jsx(
+          Ce,
+          {
+            checked: r.getIsAllRowsSelected(),
+            indeterminate: r.getIsSomeRowsSelected(),
+            onChange: r.getToggleAllRowsSelectedHandler()
+          }
+        ),
+        cell: ({ row: r }) => /* @__PURE__ */ i.jsx(
+          Ce,
+          {
+            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 = kt({
+    data: e.data.records,
+    columns: n,
+    getCoreRowModel: Tt(),
+    // convert to string, but we actually can get away with number
+    getRowId: (a) => a[e.primaryKey].toString(),
+    state: {
+      rowSelection: e.selectedRowKeys
+    },
+    onRowSelectionChange: e.setSelectedRowKeys,
+    manualPagination: !0
+  });
+  return /* @__PURE__ */ i.jsx(
+    Jt,
+    {
+      table: t,
+      selectedRowKeys: e.selectedRowKeys,
+      bordered: !0,
+      hasTopSection: e.hasTopSection,
+      hasBottomSection: e.hasBottomSection
+    }
+  );
+};
+function Zt(e, n, t) {
+  let a;
+  if (me(n))
+    n.cardinality === "1:N" || n.cardinality === "N:N" ? a = Le : a = Pe;
+  else {
+    if (Z[n.datatype] === void 0)
+      throw new Error(
+        `No display component found for datatype ${n.datatype}`
+      );
+    a = Z[n.datatype];
+  }
+  return {
+    key: n.name,
+    title: /* @__PURE__ */ i.jsx(M, { value: n.label }),
+    accessorFn: (r) => r[n.tsName],
+    render: (r) => {
+      const o = r[n.tsName];
+      return /* @__PURE__ */ i.jsx(
+        a,
+        {
+          db: e,
+          property: n,
+          value: o,
+          entityRoutes: t
+        }
+      );
+    }
+  };
+}
+function Qa(e, n, t, a, { title: r } = {}) {
+  let o;
+  if (me(t))
+    t.cardinality === "1:N" || t.cardinality === "N:N" ? o = Le : o = Pe;
+  else {
+    if (Z[t.datatype] === void 0)
+      throw new Error(
+        `No display component found for datatype ${t.datatype}`
+      );
+    o = Z[t.datatype];
+  }
+  return {
+    key: n + "." + t.name,
+    title: r || /* @__PURE__ */ i.jsx(M, { value: t.label }),
+    accessorFn: (l) => l[n.tsName][t.tsName],
+    render: (l) => {
+      const s = l[n.tsName][t.tsName];
+      return /* @__PURE__ */ i.jsx(
+        o,
+        {
+          db: e,
+          property: t,
+          value: s,
+          entityRoutes: a
+        }
+      );
+    }
+  };
+}
+function eo(e, n, t, a) {
+  return t.map((r) => Qt(r) ? r : Zt(
+    e,
+    n.publicProperties[r],
+    a
+  ));
+}
+function to(e, n, t, a) {
+  return t.map((r) => Qt(r) ? r : Zt(
+    e,
+    n.publicProperties[r],
+    a
+  ));
+}
+function Qt(e) {
+  return typeof e == "object" && "key" in e && "title" in e;
+}
+const Pa = /* @__PURE__ */ new Set([
+  "topRight",
+  "bottomRight"
+]), no = (e) => {
+  var f, v;
+  const [n, t] = _({}), a = k(() => {
+    const g = [
+      {
+        id: "selection",
+        header: ({ table: p }) => /* @__PURE__ */ i.jsx(
+          Ce,
+          {
+            checked: p.getIsAllRowsSelected(),
+            indeterminate: p.getIsSomeRowsSelected(),
+            onChange: p.getToggleAllRowsSelectedHandler()
+          }
+        ),
+        cell: ({ row: p }) => /* @__PURE__ */ i.jsx(
+          Ce,
+          {
+            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: x }) => p.render(x.original)
+      });
+    }), g;
+  }, [e.columns]), r = kt({
+    data: e.data,
+    columns: a,
+    getCoreRowModel: Tt(),
+    getPaginationRowModel: kn(),
+    state: {
+      rowSelection: n
+    },
+    onRowSelectionChange: t
+  }), o = k(() => Object.keys(n).filter((g) => n[g]).map(Number), [n]);
+  let l, s;
+  Yt(e.actions) && (l = /* @__PURE__ */ i.jsx(Gt, { actions: e.actions, selectedRowKeys: o }));
+  const u = ((f = e.pagination) == null ? void 0 : f.positions) || Pa;
+  if (u.size > 0) {
+    const g = r.getState().pagination, p = /* @__PURE__ */ i.jsx(
+      Xt,
+      {
+        total: r.getPageCount(),
+        pageIndex: g.pageIndex,
+        pageSize: g.pageSize,
+        onUpdatePagination: (x, h) => r.setPagination({ pageIndex: x, pageSize: h }),
+        allowPageSizeChange: (v = e.pagination) == null ? void 0 : v.showSizeChanger
+      }
+    );
+    u.has("topRight") && (l !== void 0 ? l = /* @__PURE__ */ i.jsxs($, { 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(T, { 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(T, { 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(
+    Jt,
+    {
+      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(
+      te,
+      {
+        withBorder: !0,
+        p: "xs",
+        style: {
+          borderBottomLeftRadius: 0,
+          borderBottomRightRadius: 0,
+          borderBottom: "none"
+        },
+        children: l
+      }
+    ),
+    c,
+    s !== void 0 && /* @__PURE__ */ i.jsx(
+      te,
+      {
+        withBorder: !0,
+        p: "xs",
+        style: {
+          borderTopLeftRadius: 0,
+          borderTopRightRadius: 0,
+          borderTop: "none"
+        },
+        children: s
+      }
+    )
+  ] });
+}, yt = ne(
+  ({
+    store: e,
+    record: n,
+    property: t,
+    DisplayComponent: a,
+    entityRoutes: r
+  }) => {
+    const o = n[t.tsName];
+    return /* @__PURE__ */ i.jsxs("div", { children: [
+      /* @__PURE__ */ i.jsx(T, { size: "sm", fw: 500, children: /* @__PURE__ */ i.jsx(M, { value: t.label }) }),
+      /* @__PURE__ */ i.jsx(
+        a,
+        {
+          db: e.db,
+          entityRoutes: r,
+          property: t,
+          value: o
+        }
+      )
+    ] });
+  }
+), La = ne(
+  ({
+    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(T, { size: "sm", fw: 500, children: /* @__PURE__ */ i.jsx(M, { value: o.label }) }),
+      l !== void 0 && /* @__PURE__ */ i.jsx(
+        a,
+        {
+          db: e.db,
+          property: o,
+          value: l,
+          entityRoutes: r
+        }
+      )
+    ] });
+  }
+), Ia = 12, Fa = (e) => {
+  const n = e.schema, t = k(() => e.fieldGroups.map((a, r) => Aa(
+    n,
+    e.store,
+    e.record,
+    r,
+    a,
+    e.entityRoutes
+  )), [n, e.store, e.record, e.fieldGroups]);
+  return /* @__PURE__ */ i.jsx(Ee, { gap: "sm", className: e.className, style: e.styles, children: t });
+};
+function Aa(e, n, t, a, r, o) {
+  const l = r.fields, s = [];
+  for (let u = 0; u < l.length; u++) {
+    const c = Ia / l[u].length;
+    if (!Number.isInteger(c))
+      throw new Error(`Span must be an integer, but got ${c} for row ${u}`);
+    for (let f = 0; f < l[u].length; f++) {
+      const v = l[u][f];
+      let g;
+      if (typeof v == "function")
+        g = v(n, t);
+      else if (typeof v == "object" && "prop" in v) {
+        const p = e.allProperties[v.prop], x = v.display;
+        g = /* @__PURE__ */ i.jsx(
+          yt,
+          {
+            store: n,
+            record: t,
+            property: p,
+            DisplayComponent: x,
+            entityRoutes: o
+          }
+        );
+      } else {
+        const p = e.allProperties[v];
+        let x;
+        if (me(p))
+          x = p.cardinality === "N:N" || p.cardinality === "1:N" ? Le : Pe;
+        else {
+          if (Z[p.datatype] === void 0)
+            throw new Error(
+              `No display component found for datatype ${p.datatype}`
+            );
+          x = Z[p.datatype];
+        }
+        g = /* @__PURE__ */ i.jsx(
+          yt,
+          {
+            store: n,
+            record: t,
+            property: p,
+            DisplayComponent: x,
+            entityRoutes: o
+          }
+        );
+      }
+      s.push(
+        /* @__PURE__ */ i.jsx(A.Col, { span: c, children: g }, `${u}-${f}`)
+      );
+    }
+  }
+  return /* @__PURE__ */ i.jsx(A, { gutter: "sm", children: s }, a);
+}
+function ro(e, n, t) {
+  const a = e[e.length - 1];
+  let r;
+  if (t !== void 0)
+    r = t;
+  else if (me(a))
+    r = a.cardinality === "N:N" || a.cardinality === "1:N" ? Le : Pe;
+  else {
+    if (Z[a.datatype] === void 0)
+      throw new Error(
+        `No display component found for datatype ${a.datatype}`
+      );
+    r = Z[a.datatype];
+  }
+  return (o, l) => /* @__PURE__ */ i.jsx(
+    La,
+    {
+      store: o,
+      record: l,
+      properties: e,
+      DisplayComponent: r,
+      entityRoutes: n
+    }
+  );
+}
+const ao = (e) => /* @__PURE__ */ i.jsxs(pe, { defaultValue: e.fieldTabs[0].tabName, children: [
+  /* @__PURE__ */ i.jsx(pe.List, { children: e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(pe.Tab, { value: n.tabName, children: n.tabName }, t)) }),
+  e.fieldTabs.map((n, t) => /* @__PURE__ */ i.jsx(pe.Panel, { value: n.tabName, pt: "sm", children: /* @__PURE__ */ i.jsx(
+    Fa,
+    {
+      schema: e.schema,
+      store: e.store,
+      record: e.record,
+      fieldGroups: n.fieldGroups,
+      styles: e.tabStyles,
+      className: e.tabClassName,
+      entityRoutes: e.entityRoutes
+    }
+  ) }, t))
+] });
+export {
+  Me as CountryFlagComponent,
+  Ta as DEFAULT_PAGINATION_POSITIONS,
+  mt as DataType2Component,
+  Z as DataType2DisplayComponent,
+  In as EmojiCountryFlag,
+  va as FormItem,
+  ga as FormItemLabel,
+  qa as LanguageSelector,
+  Ha as Loading,
+  Ga as LoadingInline,
+  An as LocaleContext,
+  Xr as MenuTrie,
+  Le as MultiForeignKeyDisplay,
+  M as MultiLingualString,
+  Ya as NotAuthorized,
+  Wa as NotFound,
+  Wt as NotFoundInline,
+  Va as NotFoundSubPage,
+  Jr as Permission,
+  Ln as SVGCountryFlag,
+  no as SeraEmbeddedTable,
+  Xa as SeraForm,
+  Za as SeraTable,
+  Ja as SeraVerticalMenu,
+  Fa as SeraView,
+  ao as SeraViewTab,
+  Pe as SingleForeignKeyDisplay,
+  Zr as buildMenuItemIndex,
+  N as countryFlags,
+  ea as filterAllowedItems,
+  Qt as isSeraColumn,
+  to as makeEmbeddedTableColumns,
+  ro as makeFieldDisplay,
+  Zt as makeTableColumn,
+  Qa as makeTableColumnFromNestedProperty,
+  eo as makeTableColumns
+};