kosmio 0.1.1 → 0.1.3

package/dist/formRegistry-Lvs6aL14.js

@@ -1,3468 +0,0 @@
-import { jsx as a, jsxs as M, Fragment as xt } from "react/jsx-runtime";
-import { forwardRef as te, useContext as Pe, createContext as Me, Children as rt, isValidElement as Re, useState as K, useId as Be, useRef as ee, useEffect as j, cloneElement as ot, useMemo as Z, useCallback as X, Fragment as Nt } from "react";
-import { c as V } from "./classNames-CcykAxZN.js";
-import { useTranslation as ce } from "react-i18next";
-import { b as _e, u as st, e as it, d as kt, c as Ye } from "./ViewportContext-z-ZwlTIZ.js";
-import { createPortal as at } from "react-dom";
-import { r as Ct, d as St, s as Tt } from "./shortcuts-n31uRPcv.js";
-import { b as Le } from "./offlineWriteQueue-C31IjyB_.js";
-const Ne = {
-  start: "kosmio-text-align-start",
-  center: "kosmio-text-align-center",
-  end: "kosmio-text-align-end",
-  left: "kosmio-text-align-left",
-  right: "kosmio-text-align-right",
-  justify: "kosmio-text-align-justify"
-}, wt = {
-  1: "t-color-1",
-  2: "t-color-2",
-  3: "t-color-3"
-}, Et = {
-  1: "t-color-d1",
-  2: "t-color-d2",
-  3: "t-color-d3"
-}, At = {
-  xxxl: "text-xxxl",
-  xxl: "text-xxl",
-  xl: "text-xl",
-  lg: "text-lg",
-  md: "text-md",
-  sm: "text-sm",
-  xs: "text-xs",
-  xxs: "text-xxs"
-}, Lt = {
-  default: "text-font-default",
-  main: "text-font-main",
-  mono: "text-font-mono"
-}, It = {
-  regular: "text-weight-regular",
-  medium: "text-weight-medium",
-  semibold: "text-weight-semibold",
-  bold: "text-weight-bold"
-}, Dt = {
-  none: "text-leading-none",
-  tight: "text-leading-tight",
-  normal: "text-leading-normal",
-  relaxed: "text-leading-relaxed"
-};
-function zt(e, t) {
-  if (t == null || t === "") return;
-  const n = String(t);
-  return n.startsWith("var(") ? n : n.startsWith("--") ? `var(${n})` : `var(--kosmio-${e}-${n})`;
-}
-function Ot(e) {
-  return typeof e == "string" && (e.startsWith("var(") || e.startsWith("--"));
-}
-function pe(e, t, n = "") {
-  if (e == null || e === "") return "";
-  const r = t[e];
-  return r || (typeof e == "string" && n && e.startsWith(n) ? e : "");
-}
-function $t(e) {
-  return e ? pe(e, Ne, "kosmio-text-align-") : "";
-}
-function Ft({ left: e, center: t, right: n }) {
-  return t ? Ne.center : n ? Ne.right : e ? Ne.left : "";
-}
-function lt(e, t, n, r) {
-  return V(
-    pe(e, Lt, "text-font-"),
-    pe(t, It, "text-weight-"),
-    pe(n, At, "text-"),
-    pe(r, Dt, "text-leading-")
-  );
-}
-function He(e, t, n, r) {
-  const {
-    font: s = "default",
-    fontSize: o,
-    fontColor: i,
-    weight: l,
-    lineHeight: u,
-    as: d
-  } = e ?? {}, h = t ?? d, m = n ?? i, c = lt(s, l, o, u), y = te(function({
-    className: v,
-    ...x
-  }, C) {
-    return /* @__PURE__ */ a(
-      q,
-      {
-        ref: C,
-        as: h,
-        color: m,
-        ...x,
-        className: V(c, r, v)
-      }
-    );
-  });
-  return y.defaultPropsConfig = {
-    typoStyle: e,
-    as: h,
-    color: m,
-    className: r
-  }, y;
-}
-function vr(e = []) {
-  return e.map((t) => {
-    if (Array.isArray(t)) {
-      const [n, r, s] = t;
-      return He(n, void 0, r, s);
-    }
-    return He(t);
-  });
-}
-function Pt(e, t) {
-  if (e == null || Ot(e)) return "";
-  const r = (t ? Et : wt)[e];
-  return r || (t && typeof e == "string" && e.startsWith("t-color-") && !e.startsWith("t-color-d") ? e.replace("t-color-", "t-color-d") : typeof e == "string" && e.startsWith("t-color-") ? e : "");
-}
-const q = te(function({
-  as: t = "p",
-  color: n,
-  dynamic: r = !1,
-  size: s = "",
-  font: o = "",
-  weight: i,
-  lineHeight: l = "",
-  align: u,
-  left: d = !1,
-  center: h = !1,
-  right: m = !1,
-  inline: c = !1,
-  ellipsis: y = !1,
-  elipsis: b = !1,
-  className: v = "",
-  style: x,
-  children: C,
-  ...p
-}, A) {
-  const N = t, k = lt(o, i, s, l), f = $t(u), g = Pt(n, r), S = g ? void 0 : zt("color", n), L = y || b, T = u ? "" : Ft({ left: d, center: h, right: m }), Y = {
-    ...S ? { "--kosmio-text-color": S } : {}
-  };
-  return /* @__PURE__ */ a(
-    N,
-    {
-      ref: A,
-      className: V(
-        "kosmio-text text",
-        k,
-        f,
-        g,
-        S && "kosmio-text-colored",
-        T,
-        c && "kosmio-text-inline text-inline",
-        L && "kosmio-text-ellipsis text-elipsis",
-        v
-      ),
-      style: {
-        ...Y,
-        ...x
-      },
-      ...p,
-      children: C
-    }
-  );
-}), Mt = {
-  plain: "",
-  primary: "kosmio-button-primary primary",
-  searchFilter: "searchbar-filter",
-  searchAdd: "kosmio-button-primary primary searchbar-add"
-}, Ge = (e) => e === "a", Rt = te(function({
-  as: t = "button",
-  variant: n = "plain",
-  danger: r = !1,
-  active: s = !0,
-  showTooltip: o = !1,
-  tooltipText: i = "",
-  tooltipDirection: l = "right",
-  className: u = "",
-  type: d,
-  disabled: h = !1,
-  onClick: m,
-  ...c
-}, y) {
-  const b = t, v = Mt[n] ?? n, x = l === "left" ? "left" : "right", C = i || (typeof c["aria-label"] == "string" ? c["aria-label"] : ""), p = V(
-    "kosmio-button custom-button",
-    v,
-    r && "kosmio-button-danger danger",
-    s && "kosmio-button-active active",
-    o && `kosmio-button-tooltip tooltip tooltip-${x}`,
-    u
-  );
-  return /* @__PURE__ */ a(
-    b,
-    {
-      ref: y,
-      className: p,
-      onClick: (N) => {
-        if (h && Ge(t)) {
-          N.preventDefault();
-          return;
-        }
-        m?.(N);
-      },
-      ...o ? { "data-tooltip": C } : {},
-      ...Ge(t) ? {
-        "aria-disabled": h || void 0,
-        tabIndex: h ? -1 : c.tabIndex
-      } : {
-        type: d ?? "button",
-        disabled: h
-      },
-      ...c
-    }
-  );
-});
-function xr({
-  variant: e = "plain",
-  text: t,
-  icon: n,
-  iconPosition: r = "start",
-  onClick: s,
-  tooltipText: o,
-  className: i = "",
-  danger: l = !1,
-  ...u
-}) {
-  const d = u["aria-label"] ?? (typeof t == "string" ? t : void 0), h = n ? /* @__PURE__ */ a("span", { className: "kosmio-action-button-icon", children: n }) : null;
-  return /* @__PURE__ */ M(
-    Rt,
-    {
-      variant: e,
-      onClick: s,
-      "aria-label": d,
-      showTooltip: !!o,
-      tooltipText: o,
-      className: `kosmio-action-button ${i}`.trim(),
-      danger: l,
-      ...u,
-      children: [
-        r === "start" ? h : null,
-        t ? /* @__PURE__ */ a(q, { as: "span", size: "sm", children: t }) : null,
-        r === "end" ? h : null
-      ]
-    }
-  );
-}
-const Bt = {
-  default: "kosmio-icon icon dynamic-theme",
-  static: "kosmio-icon icon static-theme",
-  reversed: "kosmio-icon icon reversed-theme",
-  reversedDynamic: "kosmio-icon icon reversed-dynamic-theme",
-  accent: "kosmio-icon icon accent-theme",
-  invalid: "kosmio-icon icon invalid"
-}, _t = {
-  xs: "kosmio-icon-size-xs icon-size-xs",
-  sm: "kosmio-icon-size-sm icon-size-sm",
-  md: "kosmio-icon-size-md icon-size-md",
-  xmd: "kosmio-icon-size-xmd icon-size-xmd",
-  lg: "kosmio-icon-size-lg icon-size-lg",
-  xl: "kosmio-icon-size-xl icon-size-xl",
-  xxl: "kosmio-icon-size-xxl icon-size-xxl",
-  xxxl: "kosmio-icon-size-xxxl icon-size-xxxl"
-}, fe = te(function({
-  src: t,
-  variant: n = "default",
-  size: r,
-  className: s = "",
-  alt: o = "",
-  decorative: i = !1,
-  style: l,
-  ...u
-}, d) {
-  const h = Bt[n] ?? n, m = _t[r];
-  return typeof t == "string" && t.endsWith(".svg") && n !== "static" ? /* @__PURE__ */ a(
-    "span",
-    {
-      ref: d,
-      className: V(h, m, "kosmio-icon-mask icon-mask", s),
-      role: i ? void 0 : "img",
-      "aria-label": i ? void 0 : o,
-      "aria-hidden": i || void 0,
-      style: {
-        "--kosmio-icon-url": `url("${t}")`,
-        "--icon-url": `url("${t}")`,
-        ...l
-      },
-      ...u
-    }
-  ) : /* @__PURE__ */ a(
-    "img",
-    {
-      ref: d,
-      className: V(h, m, s),
-      src: t,
-      alt: i ? "" : o,
-      "aria-hidden": i || void 0,
-      style: l,
-      ...u
-    }
-  );
-}), ct = Me({
-  icons: {},
-  defaultVariant: "default"
-});
-function qt(e, t, n) {
-  return t ?? (e.alt != null ? e.alt : e.altKey ? n(e.altKey) : "");
-}
-function Nr({ icons: e = {}, defaultVariant: t = "default", children: n }) {
-  return /* @__PURE__ */ a(ct.Provider, { value: { icons: e, defaultVariant: t }, children: n });
-}
-function Vt() {
-  return Pe(ct);
-}
-function ut({
-  name: e,
-  size: t,
-  variant: n,
-  alt: r,
-  decorative: s = !1,
-  ...o
-}) {
-  const { t: i } = ce(), { icons: l, defaultVariant: u } = Vt(), d = l?.[e];
-  return d ? /* @__PURE__ */ a(
-    fe,
-    {
-      src: d.src,
-      size: t ?? d.size,
-      variant: n ?? d.variant ?? u,
-      alt: s ? "" : qt(d, r, i),
-      decorative: s,
-      ...o
-    }
-  ) : null;
-}
-function kr({
-  id: e,
-  title: t = "forms.shared.actionFormTitle",
-  picture: n = null,
-  type: r = "short-form",
-  buildActions: s = null,
-  actions: o = []
-}) {
-  return {
-    id: e,
-    title: t,
-    picture: n,
-    type: r,
-    buildActions: s,
-    actions: o
-  };
-}
-function Yt(e, t, n) {
-  return e ? typeof e.buildActions == "function" ? e.buildActions(t, n) ?? [] : Array.isArray(e.actions) && e.actions.length > 0 ? e.actions : Array.isArray(t?.actions) ? t.actions : [] : [];
-}
-function Cr(e = null, t = []) {
-  return {
-    context: e,
-    actions: t
-  };
-}
-function Sr({
-  actions: e,
-  context: t,
-  formName: n,
-  getForm: r,
-  resolveActions: s = Yt
-}) {
-  const { t: o } = ce(), { form: i, formAction: l, formObject: u, openForm: d, setAdvancedForm: h, closeForm: m } = _e(), y = typeof r == "function" ? r(n ?? i, l) : null, b = u ?? null, v = t ?? b?.context ?? b ?? null, x = Array.isArray(e) ? e : s(y, b, {
-    openForm: d,
-    setAdvancedForm: h,
-    closeForm: m,
-    context: v,
-    t: o
-  });
-  return /* @__PURE__ */ a("form", { className: "full-view column-left actions-form", children: /* @__PURE__ */ a("div", { className: "full-view column-left", children: x.map((C, p) => {
-    const {
-      label: A,
-      icon: N,
-      iconName: k,
-      iconVariant: f,
-      onClick: g,
-      color: S,
-      disabled: L
-    } = C ?? {}, T = typeof A == "function" ? A(v) : A, Y = typeof L == "function" ? L(v) : !!L, z = o(T);
-    return z ? /* @__PURE__ */ M(
-      "button",
-      {
-        className: `actions-form-option ${S || ""}`.trim(),
-        disabled: Y,
-        onClick: (_) => {
-          _.preventDefault(), !Y && g?.(v);
-        },
-        children: [
-          k ? /* @__PURE__ */ a(ut, { name: k, alt: z }) : null,
-          !k && N ? /* @__PURE__ */ a(fe, { src: N, alt: z, variant: f ?? "reversedDynamic" }) : null,
-          /* @__PURE__ */ a(q, { as: "p", size: "xs", dynamic: !0, color: 2, className: "select-sheet-label", children: z })
-        ]
-      },
-      `${T}-${p}`
-    ) : null;
-  }) }) });
-}
-function Ht({ className: e = "", label: t = "", onClick: n, style: r, ...s }) {
-  return /* @__PURE__ */ a(
-    "button",
-    {
-      type: "button",
-      className: V("kosmio-backdrop", e),
-      "aria-hidden": t ? void 0 : "true",
-      "aria-label": t || void 0,
-      onClick: n,
-      style: r,
-      tabIndex: t ? void 0 : -1,
-      ...s
-    }
-  );
-}
-function Tr({ children: e, className: t = "", ...n }) {
-  return /* @__PURE__ */ a("div", { className: V("kosmio-card card", t), ...n, children: e });
-}
-function Gt(e = 0) {
-  const t = e * 45;
-  return {
-    "--motion-row-delay": `${t}ms`,
-    opacity: 0,
-    animationName: "motion-row-appear",
-    animationDuration: "360ms",
-    animationDelay: `${t}ms`,
-    animationTimingFunction: "cubic-bezier(0.22, 1, 0.36, 1)",
-    animationFillMode: "forwards",
-    willChange: "transform, opacity"
-  };
-}
-function wr({ children: e }) {
-  return rt.map(e, (t, n) => Re(t) ? /* @__PURE__ */ a("div", { className: "full-w", style: Gt(n), children: t }, t.key ?? n) : t);
-}
-const Xt = {
-  plain: "",
-  custom: "customCheckbox-input"
-}, jt = te(function({
-  variant: t = "plain",
-  className: n = "",
-  containerClassName: r = "",
-  labelClassName: s = "",
-  markClassName: o = "",
-  textClassName: i = "",
-  label: l,
-  checked: u,
-  onChange: d,
-  onCheckedChange: h,
-  ...m
-}, c) {
-  const y = Xt[t] ?? t, b = (v) => {
-    d?.(v), h?.(v.target.checked, v);
-  };
-  return /* @__PURE__ */ M(q, { className: V(r, s), as: "label", children: [
-    /* @__PURE__ */ a("input", { ref: c, type: "checkbox", className: V(y, n), checked: u, onChange: b, ...m }),
-    o ? /* @__PURE__ */ a("span", { className: o }) : null,
-    l ? /* @__PURE__ */ a(q, { className: i, as: "span", children: l }) : null
-  ] });
-}), Wt = te(function({ className: t = "", type: n = "button", disabled: r = !1, children: s, ...o }, i) {
-  return /* @__PURE__ */ a(
-    "button",
-    {
-      ref: i,
-      type: n,
-      className: V("kosmio-clickable", t),
-      disabled: r,
-      ...o,
-      children: s
-    }
-  );
-});
-function Er({ titleBox: e, children: t, className: n = "", defaultExpanded: r = !0 }) {
-  const [s, o] = K(r), i = Be(), l = typeof e == "function" ? e(s) : e;
-  return /* @__PURE__ */ M("div", { className: `collapsible-box full-w ${s ? "is-expanded" : "is-collapsed"} ${n}`.trim(), children: [
-    /* @__PURE__ */ a(
-      Wt,
-      {
-        type: "button",
-        className: "flex full-w row-left collapsible-box-trigger",
-        onClick: () => o((u) => !u),
-        "aria-expanded": s,
-        "aria-controls": i,
-        children: l
-      }
-    ),
-    /* @__PURE__ */ a("div", { id: i, className: "collapsible-box-content flex full-w column-left", children: t })
-  ] });
-}
-function Ar({ title: e, children: t, className: n = "", defaultExpanded: r = !0 }) {
-  const [s, o] = K(r), i = Be();
-  return /* @__PURE__ */ M("div", { className: `collapsible-card ${s ? "is-expanded" : "is-collapsed"} ${n}`.trim(), children: [
-    /* @__PURE__ */ M(
-      "button",
-      {
-        type: "button",
-        className: "card-title spaced collapsible-card-trigger",
-        onClick: () => o((l) => !l),
-        "aria-expanded": s,
-        "aria-controls": i,
-        children: [
-          /* @__PURE__ */ a(q, { as: "span", size: "xs", color: 3, children: e }),
-          /* @__PURE__ */ a("span", { className: "collapsible-card-chevron", "aria-hidden": "true" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ M("div", { id: i, className: "collapsible-card-content flex full-w column-left", children: [
-      /* @__PURE__ */ a("span", { className: "card-divider full-w divider" }),
-      /* @__PURE__ */ a("div", { className: "card-content full-w", children: t })
-    ] })
-  ] });
-}
-function Qt(e) {
-  if (e)
-    return e.size === "0px" ? "none" : `${e.size} solid ${e.color}`;
-}
-function Kt(e, t) {
-  if (t == null || t === "") return;
-  const n = String(t);
-  return n.startsWith("var(") ? n : n.startsWith("--") ? `var(${n})` : `var(--kosmio-${e}-${n})`;
-}
-function Ut(e, t) {
-  if (!e) return t;
-  const n = {
-    "--kosmio-container-background": e.backgroundColor,
-    "--kosmio-container-border": Qt(e.borderStyle),
-    "--kosmio-container-padding": e.padding,
-    "--kosmio-container-radius": e.radii,
-    "--kosmio-container-color": Kt("color", e.typoStyle?.fontColor),
-    ...t
-  };
-  return Object.keys(n).forEach((r) => {
-    (n[r] == null || n[r] === "") && delete n[r];
-  }), n;
-}
-const Jt = te(function({
-  as: t,
-  containerStyle: n,
-  children: r,
-  className: s = "",
-  style: o,
-  ...i
-}, l) {
-  const u = t ?? n?.typoStyle?.as ?? "div";
-  return /* @__PURE__ */ a(
-    u,
-    {
-      ref: l,
-      className: V("kosmio-container kosmio-card card", s),
-      style: Ut(n, o),
-      ...i,
-      children: r
-    }
-  );
-});
-function Xe(e, t, n) {
-  const r = t ?? e?.typoStyle?.as ?? "div", s = te(function({
-    className: i,
-    ...l
-  }, u) {
-    return /* @__PURE__ */ a(
-      Jt,
-      {
-        ref: u,
-        as: r,
-        containerStyle: e,
-        className: V(n, i),
-        ...l
-      }
-    );
-  });
-  return s.defaultPropsConfig = { containerStyle: e, as: r, className: n }, s;
-}
-function Lr(e = []) {
-  return e.map((t) => {
-    if (Array.isArray(t)) {
-      const [n, r, s] = t;
-      return Xe(n, r, s);
-    }
-    return Xe(t);
-  });
-}
-const Ir = te(function({
-  icon: t,
-  label: n,
-  compact: r = !1,
-  className: s = "",
-  type: o = "button",
-  children: i,
-  ...l
-}, u) {
-  return /* @__PURE__ */ a(
-    "button",
-    {
-      ref: u,
-      type: o,
-      className: V("kosmio-floating-action-button", r && "is-compact", s),
-      "aria-label": n,
-      title: n,
-      ...l,
-      children: t ? /* @__PURE__ */ a("span", { className: "kosmio-floating-action-button-icon", children: t }) : i
-    }
-  );
-}), Dr = te(function({
-  icon: t,
-  title: n,
-  subtitle: r,
-  selectedLabel: s,
-  isSelectable: o = !0,
-  isSelected: i = !1,
-  className: l = "",
-  disabled: u = !1,
-  onClick: d,
-  ...h
-}, m) {
-  const c = u || !o || !d;
-  return /* @__PURE__ */ M(
-    "button",
-    {
-      ref: m,
-      type: "button",
-      className: V(
-        "kosmio-selection-button selection-button",
-        i && "is-selected",
-        !o && "is-not-selectable",
-        l
-      ),
-      "aria-current": i ? "true" : void 0,
-      disabled: c,
-      onClick: c ? void 0 : d,
-      ...h,
-      children: [
-        t ? /* @__PURE__ */ a("span", { className: "flex-center", children: t }) : null,
-        /* @__PURE__ */ M("span", { className: "column-left", children: [
-          /* @__PURE__ */ a(q, { as: "span", size: "xs", elipsis: !0, left: !0, children: n }),
-          r ? /* @__PURE__ */ a(q, { as: "span", size: "xxs", color: 3, left: !0, dynamic: !0, elipsis: !0, children: r }) : null
-        ] }),
-        i && s ? /* @__PURE__ */ a(q, { as: "span", size: "xxs", color: 3, left: !0, dynamic: !0, children: s }) : null
-      ]
-    }
-  );
-});
-function zr({
-  children: e,
-  minColumnWidth: t = 150,
-  maxColumns: n,
-  gap: r = 10,
-  padding: s = 10,
-  className: o = "",
-  staggerMs: i = 50,
-  maxStaggerMs: l = 1e3,
-  ...u
-}) {
-  const d = ee(null), [h, m] = K(null);
-  j(() => {
-    const y = () => {
-      if (!d.current) return;
-      const b = d.current.offsetWidth;
-      let v = Math.floor((b + r) / (t + r));
-      n && (v = Math.min(v, n)), m(Math.max(v, 1));
-    };
-    return y(), window.addEventListener("resize", y), () => window.removeEventListener("resize", y);
-  }, [t, n, r]);
-  const c = {
-    gridTemplateColumns: `repeat(${h ?? 1}, 1fr)`,
-    gap: `${r}px`,
-    padding: `${s}px`
-  };
-  return /* @__PURE__ */ a("div", { ref: d, className: `kosmio-grid ${o}`.trim(), style: c, ...u, children: h == null ? null : rt.map(e, (y, b) => {
-    if (!Re(y)) return y;
-    const v = b % h, x = Math.floor(b / h), C = Math.min((x + v) * i, l), p = y.props?.style || {};
-    return ot(y, {
-      "data-grid-index": b,
-      "data-grid-columns": h,
-      style: {
-        ...p,
-        "--kosmio-motion-delay": `${C}ms`
-      }
-    });
-  }) });
-}
-const je = {
-  xxs: { closed: "-2px", open: "-1px", size: "xs" },
-  xs: { closed: "-2px", open: "-1px" },
-  sm: { closed: "-2px", open: "-1px" },
-  md: { closed: "-2px", open: "-1px" },
-  xmd: { closed: "-3px", open: "-1px" },
-  lg: { closed: "-3px", open: "-1px" },
-  xl: { closed: "-4px", open: "-2px" },
-  xxl: { closed: "-5px", open: "-2px" },
-  xxxl: { closed: "-8px", open: "-4px" }
-};
-function Zt({ colored: e = !1, size: t = "xs", isOpen: n = !1, className: r = "", style: s = {}, ...o }) {
-  const i = je[t] ?? je.xs, l = i.size ?? t;
-  return /* @__PURE__ */ a(
-    "span",
-    {
-      className: V(
-        "kosmio-icon-chevron icon-chevron",
-        `kosmio-icon-size-${l}`,
-        `icon-size-${l}`,
-        n && "is-open",
-        e && "colored",
-        r
-      ),
-      style: {
-        "--kosmio-icon-chevron-closed-shift": i.closed,
-        "--kosmio-icon-chevron-open-shift": i.open,
-        "--icon-chevron-closed-shift": i.closed,
-        "--icon-chevron-open-shift": i.open,
-        ...s
-      },
-      "aria-hidden": "true",
-      ...o
-    }
-  );
-}
-const en = {
-  plain: "",
-  custom: "customInput",
-  search: "searchbar-input"
-}, tn = te(function({
-  variant: t = "plain",
-  className: n = "",
-  format: r,
-  isValid: s,
-  onChange: o,
-  onValueChange: i,
-  ...l
-}, u) {
-  const d = en[t] ?? t, h = (c) => {
-    if (!r || c === "")
-      return !0;
-    if (r instanceof RegExp)
-      return r.lastIndex = 0, r.test(c);
-    try {
-      return new RegExp(r).test(c);
-    } catch {
-      return !0;
-    }
-  }, m = (c) => {
-    const y = c.target.value;
-    h(y) && (typeof s == "function" && !s(y, c) || (o?.(c), i?.(y, c)));
-  };
-  return /* @__PURE__ */ a(
-    "input",
-    {
-      ref: u,
-      className: `${V(d, n)} form-field`,
-      onChange: m,
-      ...l
-    }
-  );
-});
-function nn({
-  option: e,
-  selected: t = !1,
-  onSelect: n,
-  renderIcon: r,
-  className: s = ""
-}) {
-  const o = e?.label ?? e?.value ?? "", i = e?.icon, l = e?.iconName, u = e?.iconVariant ?? "default", d = e?.iconSize ?? "xl", h = e?.className ?? "", m = (y) => {
-    n?.(e, y);
-  }, c = r?.(e);
-  return /* @__PURE__ */ M("button", { type: "button", className: V("card column gap20 enum-option", t && "is-selected", h, s), "aria-pressed": t, onClick: m, children: [
-    c ?? (!l && i ? /* @__PURE__ */ a(fe, { src: i, alt: o, variant: u, size: d }) : null),
-    /* @__PURE__ */ a(q, { className: "enum-option-label", as: "span", size: "sm", children: o })
-  ] });
-}
-const rn = (e) => typeof e == "string" || typeof e == "number", We = (e) => rn(e) ? { value: e } : e && typeof e == "object" && "value" in e ? e : null;
-function on(e) {
-  return Array.isArray(e) ? e.map(We).filter(Boolean) : !e || typeof e != "object" ? [] : Object.values(e).map(We).filter(Boolean);
-}
-function Qe(e, t, n) {
-  const r = e(t);
-  return r === t ? n : r;
-}
-function sn({
-  enumValues: e = [],
-  selectedValue: t = null,
-  onValueChange: n,
-  translationKeyPrefix: r = "",
-  getIcon: s,
-  getLabel: o,
-  renderIcon: i,
-  translate: l,
-  isOptionVisible: u = () => !0,
-  className: d = "",
-  optionClassName: h = "",
-  ariaLabel: m
-}) {
-  const { t: c } = ce(), y = Z(() => {
-    const b = l ?? c;
-    return on(e).filter((x) => u(x.value, x)).map((x) => {
-      const C = String(x.label ?? x.value), p = typeof o == "function" ? o(x.value, b, x) : x.labelKey ? Qe(b, x.labelKey, C) : x.label != null ? x.label : r ? Qe(b, `${r}.${x.value}`, C) : C;
-      return {
-        ...x,
-        value: x.value,
-        label: p,
-        icon: x.icon ?? (typeof s == "function" ? s(x.value, x) : void 0),
-        iconName: x.iconName
-      };
-    });
-  }, [e, s, o, c, u, l, r]);
-  return /* @__PURE__ */ a("div", { className: V("enum-selector-grid", d), role: "radiogroup", "aria-label": m, children: y.map((b) => /* @__PURE__ */ a(
-    nn,
-    {
-      option: b,
-      selected: String(t) === String(b.value),
-      onSelect: () => n?.(b.value, b),
-      renderIcon: i,
-      className: h
-    },
-    String(b.value)
-  )) });
-}
-function Or({
-  label: e,
-  checked: t = !1,
-  onChange: n,
-  required: r = !1,
-  className: s = "",
-  labelClassName: o = "",
-  fieldClassName: i = "",
-  disabled: l = !1,
-  requiredLabel: u = "Required"
-}) {
-  return /* @__PURE__ */ a("div", { className: `form-field customCheckbox ${s}`, children: /* @__PURE__ */ a(jt, { variant: "custom", checked: t, onCheckedChange: n, required: r, disabled: l, className: i, containerClassName: `gap5 center ${o}`, markClassName: "", label: e ? /* @__PURE__ */ M(xt, { children: [
-    e,
-    r && /* @__PURE__ */ a(q, { className: "form-field-required-text", as: "span", children: u })
-  ] }) : null }) });
-}
-const an = te(function({
-  label: t,
-  placeholder: n = "",
-  value: r,
-  onChange: s,
-  type: o = "text",
-  required: i,
-  validations: l = {},
-  className: u = "",
-  labelClassName: d = "",
-  fieldClassName: h = "",
-  invalid: m = !1,
-  invalidLabel: c = "",
-  requiredLabel: y = "Required",
-  format: b,
-  isValid: v,
-  onKeyDown: x,
-  ...C
-}, p) {
-  const A = l.required ?? i, N = {
-    ...l,
-    required: A
-  }, k = r == null || String(r).trim().length === 0;
-  return /* @__PURE__ */ M("div", { className: `form-field-container gap5 ${m ? "invalid" : ""} ${u}`, children: [
-    t && /* @__PURE__ */ M(q, { className: `form-field-label row-left ${d}`.trim(), as: "label", size: "xxs", children: [
-      t,
-      A && /* @__PURE__ */ a(q, { className: V("form-field-required-text", k && "empty"), as: "span", children: y })
-    ] }),
-    /* @__PURE__ */ a(tn, { ref: p, variant: "custom", type: o, placeholder: n, value: r, onValueChange: s, onKeyDown: x, "aria-invalid": m, format: b, isValid: v, ...N, ...C, className: `${h}` }),
-    m && c ? /* @__PURE__ */ a(q, { as: "p", size: "xxs", className: "form-field-warning-text", left: !0, children: c }) : null
-  ] });
-}), dt = Me(null);
-function Ee() {
-  const e = Pe(dt);
-  if (!e)
-    throw new Error("Select components must be used inside SelectRoot");
-  return e;
-}
-function ln() {
-  const {
-    variantClass: e,
-    className: t,
-    disabled: n,
-    required: r,
-    isOpen: s,
-    hasValue: o,
-    displayLabel: i,
-    triggerRef: l,
-    forwardedRef: u,
-    toggleOpen: d,
-    open: h
-  } = Ee();
-  return /* @__PURE__ */ M(
-    "button",
-    {
-      ref: (c) => {
-        if (l.current = c, typeof u == "function") {
-          u(c);
-          return;
-        }
-        u && (u.current = c);
-      },
-      type: "button",
-      className: V(
-        e,
-        t,
-        "form-field",
-        "select-trigger",
-        !o && "placeholder"
-      ),
-      onClick: () => {
-        n || d();
-      },
-      onKeyDown: (c) => {
-        n || ((c.key === "Enter" || c.key === " ") && (c.preventDefault(), d()), c.key === "ArrowDown" && (c.preventDefault(), h()));
-      },
-      "aria-expanded": s,
-      "aria-haspopup": "listbox",
-      "aria-controls": "select-overlay-listbox",
-      "aria-disabled": n,
-      "aria-required": r,
-      "aria-placeholder": o ? void 0 : i,
-      disabled: n,
-      children: [
-        /* @__PURE__ */ a("span", { className: "select-trigger-label", children: i }),
-        /* @__PURE__ */ a(Zt, { size: "xs", isOpen: s })
-      ]
-    }
-  );
-}
-function ft({
-  label: e,
-  selected: t = !1,
-  className: n = "",
-  mobile: r = !1,
-  onClick: s
-}) {
-  return /* @__PURE__ */ a(
-    "button",
-    {
-      type: "button",
-      role: "option",
-      "aria-selected": t,
-      className: V(
-        r ? "sheet-option" : "select-option",
-        t && "is-selected",
-        n
-      ),
-      onClick: s,
-      children: /* @__PURE__ */ a(
-        q,
-        {
-          as: "span",
-          size: "sm",
-          className: r ? "sheet-label" : "select-option-label",
-          dynamic: !0,
-          color: t ? 1 : 3,
-          children: e
-        }
-      )
-    }
-  );
-}
-function cn() {
-  const {
-    listboxId: e,
-    position: t,
-    options: n,
-    overlayRef: r,
-    currentValue: s,
-    handleSelect: o,
-    searchable: i,
-    searchTerm: l,
-    setSearchTerm: u,
-    searchIcon: d,
-    searchLabel: h,
-    emptyLabel: m
-  } = Ee();
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      ref: r,
-      className: V("select-dropdown", "is-open", t.placement === "top" && "is-top"),
-      style: {
-        left: `${t.left}px`,
-        top: `${t.top}px`,
-        width: `${t.width}px`
-      },
-      children: /* @__PURE__ */ M("div", { className: "select-dropdown-panel", children: [
-        i ? /* @__PURE__ */ a("div", { className: "select-searchbar-wrap", children: /* @__PURE__ */ M("div", { className: "select-searchbar", children: [
-          /* @__PURE__ */ a(
-            "input",
-            {
-              type: "text",
-              className: "searchbar-input form-field",
-              value: l,
-              onChange: (c) => u(c.target.value),
-              placeholder: h
-            }
-          ),
-          d ? /* @__PURE__ */ a("span", { className: "select-search-icon", children: d }) : null
-        ] }) }) : null,
-        /* @__PURE__ */ a("div", { className: "select-dropdown-list", role: "listbox", id: e, children: n.length === 0 ? /* @__PURE__ */ a(q, { as: "p", size: "xs", center: !0, className: "select-empty-state", dynamic: !0, color: 3, children: m }) : n.map((c) => {
-          const y = String(c.value) === String(s);
-          return /* @__PURE__ */ a(
-            ft,
-            {
-              label: c.label,
-              selected: y,
-              className: c.className,
-              onClick: () => o(c.value)
-            },
-            String(c.value)
-          );
-        }) })
-      ] })
-    }
-  );
-}
-function un(e) {
-  return e ? Array.from(
-    e.querySelectorAll(
-      'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
-    )
-  ).filter((t) => !t.hasAttribute("disabled") && t.getAttribute("aria-hidden") !== "true") : [];
-}
-function dn({
-  enabled: e = !0,
-  initialFocusRef: t,
-  onEnterKeyDown: n,
-  onEscapeKeyDown: r,
-  restoreFocus: s = !0,
-  rootRef: o,
-  trapFocus: i = !1,
-  useCapture: l = !1
-} = {}) {
-  j(() => {
-    if (!e || typeof document > "u") return;
-    const u = document.activeElement, d = o?.current, h = t?.current;
-    requestAnimationFrame(() => {
-      if (h?.focus) {
-        h.focus();
-        return;
-      }
-      d?.focus?.();
-    });
-    const m = (c) => {
-      if (c.key === "Escape") {
-        r?.(c);
-        return;
-      }
-      if (c.key === "Enter") {
-        n?.(c);
-        return;
-      }
-      if (!i || c.key !== "Tab") return;
-      const y = un(o?.current);
-      if (y.length === 0) {
-        c.preventDefault(), o?.current?.focus?.();
-        return;
-      }
-      const b = y[0], v = y[y.length - 1], x = document.activeElement;
-      if (c.shiftKey && x === b) {
-        c.preventDefault(), v.focus();
-        return;
-      }
-      !c.shiftKey && x === v && (c.preventDefault(), b.focus());
-    };
-    return document.addEventListener("keydown", m, l), () => {
-      document.removeEventListener("keydown", m, l), s && u?.focus && u.focus();
-    };
-  }, [e, t, n, r, s, o, i, l]);
-}
-function mt({
-  className: e = "",
-  backdropLabel: t = "",
-  backdropStyle: n,
-  closing: r = !1,
-  centerContent: s = !0,
-  initialFocusRef: o,
-  onBackdropClick: i,
-  onEnterKeyDown: l,
-  onEscapeKeyDown: u,
-  portal: d = !1,
-  portalTarget: h,
-  restoreFocus: m = !0,
-  trapFocus: c = !1,
-  useKeyboardCapture: y = !1,
-  children: b,
-  ...v
-}) {
-  const x = ee(null);
-  dn({
-    initialFocusRef: o,
-    onEnterKeyDown: l,
-    onEscapeKeyDown: u,
-    rootRef: x,
-    restoreFocus: m,
-    trapFocus: c,
-    useCapture: y
-  });
-  const C = /* @__PURE__ */ M(
-    "div",
-    {
-      ref: x,
-      className: V("kosmio-overlay", r && "is-closing", s && "kosmio-overlay-centered", e),
-      tabIndex: -1,
-      ...v,
-      children: [
-        /* @__PURE__ */ a(Ht, { className: "kosmio-backdrop-animated", label: t, onClick: i, style: n }),
-        /* @__PURE__ */ a("div", { className: V("kosmio-overlay-content", s && "kosmio-overlay-content-centered"), children: b })
-      ]
-    }
-  );
-  if (!d) return C;
-  const p = h ?? (typeof document > "u" ? null : document.body);
-  return p ? at(C, p) : null;
-}
-const fn = '[data-no-form-drag="true"]', de = {
-  backdropFade: 0.55,
-  backdropMinOpacity: 0.18,
-  closeDistance: 140,
-  closeOffset: 48,
-  closeVelocity: 0.55
-}, be = {
-  active: !1,
-  engaged: !1,
-  mode: null,
-  source: null,
-  pointerId: null,
-  startX: 0,
-  startY: 0,
-  startTime: 0
-};
-function mn(e) {
-  if (!(e instanceof HTMLElement)) return !1;
-  const { overflowY: t } = window.getComputedStyle(e);
-  return ["auto", "scroll", "overlay"].includes(t) && e.scrollHeight > e.clientHeight + 1;
-}
-function hn(e, t) {
-  if (!(e instanceof HTMLElement) || !(t instanceof HTMLElement) || e.closest(fn)) return !1;
-  let n = e;
-  for (; n && n !== t; ) {
-    if (mn(n) && n.scrollTop > 0) return !1;
-    n = n.parentElement;
-  }
-  return !0;
-}
-function ve(e) {
-  return e?.[0] ?? null;
-}
-function he(e, t, n) {
-  const r = Number.parseFloat(e.getPropertyValue(t));
-  return Number.isFinite(r) ? r : n;
-}
-function Ke(e) {
-  if (!(e instanceof HTMLElement)) return de;
-  const t = window.getComputedStyle(e);
-  return {
-    backdropFade: he(t, "--kosmio-sheet-backdrop-drag-fade", de.backdropFade),
-    backdropMinOpacity: he(t, "--kosmio-sheet-backdrop-min-opacity", de.backdropMinOpacity),
-    closeDistance: he(t, "--kosmio-sheet-close-distance", de.closeDistance),
-    closeOffset: he(t, "--kosmio-sheet-close-offset", de.closeOffset),
-    closeVelocity: he(t, "--kosmio-sheet-close-velocity", de.closeVelocity)
-  };
-}
-function pn({
-  canStartContentDrag: e = hn,
-  closing: t = !1,
-  containerRef: n,
-  dragZoneRef: r,
-  enableContentDrag: s = !0,
-  isMobile: o = !1,
-  onDragDismiss: i,
-  onRequestClose: l,
-  scrollRef: u,
-  showDragHandle: d = !0
-} = {}) {
-  const [h, m] = K(0), [c, y] = K(!1), [b, v] = K(!1), [x, C] = K(!1), p = ee(be), A = X(() => {
-    p.current = be, y(!1), v(!1), C(!1), m(0);
-  }, []), N = X(({ clientX: O, clientY: B, pointerId: D = null, mode: I, target: w, source: $ }) => {
-    !o || t || x || $ === "content" && (!s || !e(w, n.current)) || (p.current = {
-      active: !0,
-      engaged: $ === "handle",
-      mode: I,
-      source: $,
-      pointerId: D,
-      startX: O,
-      startY: B,
-      startTime: performance.now()
-    }, I === "pointer" && D != null && n.current?.setPointerCapture?.(D), y($ === "handle"), v(!1), C(!1));
-  }, [e, t, n, s, x, o]), k = X(({ clientX: O, clientY: B, preventDefault: D }) => {
-    const I = p.current;
-    if (!I.active || t || x) return;
-    const w = B - I.startY, $ = O - I.startX;
-    if (!I.engaged) {
-      if (I.source !== "handle") {
-        if (w < -6 || Math.abs($) > Math.abs(w)) {
-          p.current = be, y(!1);
-          return;
-        }
-        if (w <= 6) return;
-      }
-      p.current = {
-        ...I,
-        engaged: !0
-      }, y(!0);
-    }
-    if (D?.(), w <= 0) {
-      m(0);
-      return;
-    }
-    Math.abs($) > w || m(w);
-  }, [t, x]), f = X(({ clientY: O, pointerId: B = null }) => {
-    const D = p.current;
-    if (!D.active || D.mode === "pointer" && D.pointerId !== B) return;
-    D.mode === "pointer" && B != null && n.current?.releasePointerCapture?.(B), p.current = be, y(!1);
-    const I = Math.max(0, O - D.startY), w = Math.max(performance.now() - D.startTime, 1), $ = I / w, F = Ke(n.current);
-    if (I >= F.closeDistance || $ >= F.closeVelocity) {
-      C(!0), v(!1), m((n.current?.offsetHeight ?? I) + F.closeOffset);
-      return;
-    }
-    v(!0), m(0);
-  }, [n]), g = X((O, B) => {
-    O.pointerType !== "touch" && N({
-      clientX: O.clientX,
-      clientY: O.clientY,
-      pointerId: O.pointerId,
-      mode: "pointer",
-      target: O.target,
-      source: B
-    });
-  }, [N]), S = X((O) => {
-    const B = p.current;
-    B.mode !== "pointer" || B.pointerId !== O.pointerId || k({
-      clientX: O.clientX,
-      clientY: O.clientY,
-      preventDefault: O.cancelable ? () => O.preventDefault() : void 0
-    });
-  }, [k]), L = X((O) => {
-    f({
-      clientY: O.clientY,
-      pointerId: O.pointerId
-    });
-  }, [f]), T = X(() => {
-    if (x) {
-      A(), (i ?? l)?.();
-      return;
-    }
-    b && v(!1);
-  }, [b, x, i, l, A]);
-  j(() => {
-    (t || !o) && A();
-  }, [t, o, A]), j(() => {
-    if (!o) return;
-    const O = r.current, B = u.current, D = n.current;
-    if (!O && d || !B || !D) return;
-    const I = (E) => {
-      const H = ve(E.touches);
-      H && N({
-        clientX: H.clientX,
-        clientY: H.clientY,
-        mode: "touch",
-        target: E.target,
-        source: "handle"
-      });
-    }, w = (E) => {
-      const H = ve(E.touches);
-      H && N({
-        clientX: H.clientX,
-        clientY: H.clientY,
-        mode: "touch",
-        target: E.target,
-        source: "content"
-      });
-    }, $ = (E) => {
-      if (p.current.mode !== "touch") return;
-      const J = ve(E.touches);
-      J && k({
-        clientX: J.clientX,
-        clientY: J.clientY,
-        preventDefault: E.cancelable ? () => E.preventDefault() : void 0
-      });
-    }, F = (E) => {
-      const H = p.current;
-      if (H.mode !== "touch") return;
-      const J = ve(E.changedTouches);
-      f({
-        clientY: J?.clientY ?? H.startY
-      });
-    };
-    return d && O?.addEventListener("touchstart", I, { passive: !0 }), B.addEventListener("touchstart", w, { passive: !0 }), D.addEventListener("touchmove", $, { passive: !1 }), D.addEventListener("touchend", F), D.addEventListener("touchcancel", F), () => {
-      d && O?.removeEventListener("touchstart", I), B.removeEventListener("touchstart", w), D.removeEventListener("touchmove", $), D.removeEventListener("touchend", F), D.removeEventListener("touchcancel", F);
-    };
-  }, [
-    N,
-    t,
-    n,
-    r,
-    f,
-    o,
-    u,
-    d,
-    k
-  ]);
-  const Y = n.current?.offsetHeight ?? 1, z = Ke(n.current), _ = o ? Math.min(h / Y, 1) : 0, P = o && (c || b || x) ? {
-    "--kosmio-overlay-backdrop-opacity": Math.max(z.backdropMinOpacity, 1 - _ * z.backdropFade)
-  } : void 0, W = o && (c || b || x || h > 0) ? {
-    transform: `translate3d(0, ${h}px, 0)`,
-    transition: c ? "none" : "transform var(--kosmio-sheet-drag-settle-duration) ease-out"
-  } : void 0;
-  return {
-    backdropStyle: P,
-    dragging: c,
-    gestureClosing: x,
-    handlePointerDown: g,
-    handlePointerEnd: L,
-    handlePointerMove: S,
-    handleTransitionEnd: T,
-    sheetStyle: W
-  };
-}
-const gn = "transform", yn = "kosmio-slide-up";
-function bn(e, t) {
-  if (e) {
-    if (typeof e == "function") {
-      e(t);
-      return;
-    }
-    e.current = t;
-  }
-}
-const vn = te(function({
-  isMobile: t = !1,
-  closing: n = !1,
-  className: r = "",
-  backdropLabel: s = "",
-  feedbackState: o = "",
-  beforeScrollContent: i = null,
-  showDragHandle: l = !0,
-  enableContentDrag: u = !0,
-  canStartContentDrag: d,
-  initialFocusRef: h,
-  onRequestClose: m,
-  onDragDismiss: c,
-  onAnimationEnd: y,
-  onEscapeKeyDown: b,
-  onTransitionEnd: v,
-  portal: x = !1,
-  portalTarget: C,
-  restoreFocus: p,
-  trapFocus: A,
-  children: N,
-  ...k
-}, f) {
-  const [g, S] = K(!0), L = ee(null), T = ee(null), Y = ee(null), {
-    backdropStyle: z,
-    dragging: _,
-    gestureClosing: P,
-    handlePointerDown: W,
-    handlePointerEnd: O,
-    handlePointerMove: B,
-    handleTransitionEnd: D,
-    sheetStyle: I
-  } = pn({
-    canStartContentDrag: d,
-    closing: n,
-    containerRef: L,
-    dragZoneRef: T,
-    enableContentDrag: u,
-    isMobile: t,
-    onDragDismiss: c,
-    onRequestClose: m,
-    scrollRef: Y,
-    showDragHandle: l
-  }), w = (E) => {
-    L.current = E, bn(f, E);
-  }, $ = (E) => {
-    if (E.target !== E.currentTarget || E.propertyName !== gn) {
-      v?.(E);
-      return;
-    }
-    D(), v?.(E);
-  }, F = (E) => {
-    E.target === E.currentTarget && E.animationName === yn && S(!1), y?.(E);
-  };
-  return j(() => {
-    n || S(!0);
-  }, [n]), j(() => {
-    _ && S(!1);
-  }, [_]), /* @__PURE__ */ a(
-    mt,
-    {
-      className: "kosmio-sheet-layer",
-      closing: n || P,
-      backdropLabel: s,
-      backdropStyle: z,
-      centerContent: !1,
-      initialFocusRef: h,
-      onBackdropClick: m,
-      onEscapeKeyDown: b,
-      portal: x,
-      portalTarget: C,
-      restoreFocus: p,
-      trapFocus: A,
-      children: /* @__PURE__ */ M(
-        "div",
-        {
-          ...k,
-          ref: w,
-          className: V(
-            "kosmio-sheet",
-            r,
-            g && "is-entering",
-            _ && "is-dragging",
-            P && "is-gesture-closing",
-            o && `is-feedback-${o}`
-          ),
-          onClick: (E) => E.stopPropagation(),
-          onAnimationEnd: F,
-          onTransitionEnd: $,
-          onPointerMove: B,
-          onPointerUp: O,
-          onPointerCancel: O,
-          style: I,
-          children: [
-            o ? /* @__PURE__ */ a("div", { className: V("kosmio-sheet-feedback", `is-${o}`), "aria-hidden": "true" }) : null,
-            i,
-            l && t ? /* @__PURE__ */ a(
-              "div",
-              {
-                className: "kosmio-sheet-drag-zone",
-                onPointerDown: (E) => W(E, "handle"),
-                ref: T,
-                role: "presentation",
-                children: /* @__PURE__ */ a("div", { className: "kosmio-sheet-drag-handle", "aria-hidden": "true" })
-              }
-            ) : null,
-            /* @__PURE__ */ a("div", { className: "kosmio-sheet-scroll", onPointerDown: (E) => W(E, "content"), ref: Y, children: N })
-          ]
-        }
-      )
-    }
-  );
-});
-function xn() {
-  const {
-    isClosing: e,
-    isMobile: t,
-    listboxId: n,
-    closeImmediately: r,
-    requestClose: s,
-    options: o,
-    overlayRef: i,
-    currentValue: l,
-    handleSelect: u,
-    placeholder: d,
-    displayLabel: h,
-    searchable: m,
-    searchTerm: c,
-    setSearchTerm: y,
-    searchIcon: b,
-    searchLabel: v,
-    emptyLabel: x,
-    closeLabel: C
-  } = Ee(), p = d ?? h;
-  return /* @__PURE__ */ a(
-    vn,
-    {
-      ref: i,
-      isMobile: t,
-      closing: e,
-      className: "select-sheet",
-      backdropLabel: C,
-      onRequestClose: s,
-      onDragDismiss: r,
-      portal: !0,
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-labelledby": `${n}-title`,
-      trapFocus: !0,
-      children: /* @__PURE__ */ M("div", { className: "select-sheet-body", children: [
-        /* @__PURE__ */ a("div", { className: "select-sheet-header", children: /* @__PURE__ */ a(q, { as: "p", size: "sm", dynamic: !0, color: 1, id: `${n}-title`, children: p }) }),
-        m ? /* @__PURE__ */ a("div", { className: "select-searchbar-wrap select-sheet-searchbar-wrap", children: /* @__PURE__ */ M("div", { className: "select-searchbar", children: [
-          /* @__PURE__ */ a(
-            "input",
-            {
-              type: "text",
-              className: "searchbar-input form-field",
-              value: c,
-              onChange: (A) => y(A.target.value),
-              placeholder: v
-            }
-          ),
-          b ? /* @__PURE__ */ a("span", { className: "select-search-icon", children: b }) : null
-        ] }) }) : null,
-        /* @__PURE__ */ a("div", { className: "select-sheet-list", role: "listbox", id: n, children: o.length === 0 ? /* @__PURE__ */ a(q, { as: "p", size: "xs", center: !0, className: "select-empty-state", dynamic: !0, color: 3, children: x }) : o.map((A) => {
-          const N = String(A.value) === String(l);
-          return /* @__PURE__ */ a(
-            ft,
-            {
-              label: A.label,
-              selected: N,
-              className: A.className,
-              mobile: !0,
-              onClick: () => u(A.value)
-            },
-            String(A.value)
-          );
-        }) })
-      ] })
-    }
-  );
-}
-function Nn() {
-  const { isOpen: e, isMobile: t } = Ee();
-  return e ? t ? /* @__PURE__ */ a(xn, {}) : typeof document > "u" ? null : at(/* @__PURE__ */ a(cn, {}), document.body) : null;
-}
-const kn = {
-  plain: "",
-  custom: "customSelect"
-}, Cn = "(max-width: 768px)", xe = 5, Ue = 12, Ie = 230, Sn = 150;
-function Tn(e) {
-  return typeof e == "object" && e !== null ? {
-    value: e.value,
-    label: e.label,
-    className: e.className ?? ""
-  } : {
-    value: e,
-    label: e,
-    className: ""
-  };
-}
-const wn = te(function({
-  variant: t = "plain",
-  className: n = "",
-  options: r = [],
-  searchable: s = !1,
-  placeholder: o,
-  value: i,
-  defaultValue: l = "",
-  disabled: u = !1,
-  required: d = !1,
-  onChange: h,
-  onValueChange: m,
-  name: c,
-  searchIcon: y = null,
-  searchLabel: b = "Search",
-  emptyLabel: v = "No results",
-  closeLabel: x = "Close",
-  selectOptionLabel: C = "Select option"
-}, p) {
-  const A = kn[t] ?? t, N = ee(null), k = i !== void 0, [f, g] = K(l), [S, L] = K(!1), [T, Y] = K(!1), [z, _] = K(!1), [P, W] = K({
-    left: 0,
-    top: 0,
-    width: 0,
-    placement: "bottom",
-    maxHeight: Ie
-  }), [O, B] = K(""), D = Be(), I = ee(null), w = ee(null), $ = Z(() => r.map(Tn), [r]), F = Z(() => {
-    const G = O.trim().toLowerCase();
-    return !s || G.length === 0 ? $ : $.filter(
-      (Q) => String(Q.label).toLowerCase().includes(G)
-    );
-  }, [$, O, s]), E = k ? i : f, H = o != null && String(o).trim() !== "" ? o : C, re = $.find(
-    (G) => String(G.value) === String(E)
-  )?.label ?? H, oe = E != null && String(E).trim() !== "";
-  j(() => () => {
-    w.current && window.clearTimeout(w.current);
-  }, []), j(() => {
-    const G = window.matchMedia(Cn), Q = () => _(G.matches);
-    return Q(), typeof G.addEventListener == "function" ? (G.addEventListener("change", Q), () => G.removeEventListener("change", Q)) : (G.addListener(Q), () => G.removeListener(Q));
-  }, []), j(() => {
-    if (!S || z)
-      return;
-    const G = () => {
-      const Q = N.current?.getBoundingClientRect();
-      if (!Q)
-        return;
-      const se = window.innerHeight, R = Math.max(0, Q.top - Ue - xe), U = Math.max(
-        0,
-        se - Q.bottom - Ue - xe
-      ), ne = U < Ie && R > U, le = ne ? "top" : "bottom", ue = Math.max(
-        120,
-        Math.min(Ie, ne ? R : U)
-      );
-      W({
-        left: Q.left,
-        top: ne ? Q.top - xe : Q.bottom + xe,
-        width: Q.width,
-        placement: le,
-        maxHeight: ue
-      });
-    };
-    return G(), window.addEventListener("resize", G), window.addEventListener("scroll", G, !0), () => {
-      window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
-    };
-  }, [z, S]), j(() => {
-    if (!S || T) {
-      B("");
-      return;
-    }
-    const G = (se) => {
-      const R = se.target;
-      z && R instanceof Element && R.closest(".select-sheet") || N.current?.contains(se.target) || I.current?.contains(se.target) || ie();
-    }, Q = (se) => {
-      se.key === "Escape" && (ie(), N.current?.focus());
-    };
-    return document.addEventListener("mousedown", G), document.addEventListener("touchstart", G), document.addEventListener("keydown", Q), () => {
-      document.removeEventListener("mousedown", G), document.removeEventListener("touchstart", G), document.removeEventListener("keydown", Q);
-    };
-  }, [T, z, S, D]);
-  const ge = (G) => {
-    k || g(G);
-    const Q = {
-      target: { name: c, value: G },
-      currentTarget: { name: c, value: G }
-    };
-    h?.(Q), m?.(G, Q);
-  }, me = () => {
-    w.current && (window.clearTimeout(w.current), w.current = null), Y(!1), L(!1);
-  }, ie = () => {
-    if (!(!S || T)) {
-      if (!z) {
-        me();
-        return;
-      }
-      Y(!0), w.current = window.setTimeout(() => {
-        w.current = null, me();
-      }, Sn);
-    }
-  }, ae = () => {
-    w.current && (window.clearTimeout(w.current), w.current = null), Y(!1), L(!0);
-  }, Ae = {
-    className: n,
-    closeImmediately: me,
-    currentValue: E,
-    disabled: u,
-    displayLabel: re,
-    filteredOptions: F,
-    forwardedRef: p,
-    handleSelect: (G) => {
-      ge(G), ie(), N.current?.focus();
-    },
-    hasValue: oe,
-    isClosing: T,
-    isMobile: z,
-    isOpen: S,
-    listboxId: D,
-    open: ae,
-    options: F,
-    overlayRef: I,
-    placeholder: H,
-    position: P,
-    requestClose: ie,
-    required: d,
-    searchIcon: y,
-    searchLabel: b,
-    searchable: s,
-    searchTerm: O,
-    setSearchTerm: B,
-    emptyLabel: v,
-    closeLabel: x,
-    toggleOpen: () => {
-      if (S) {
-        ie();
-        return;
-      }
-      ae();
-    },
-    triggerRef: N,
-    variantClass: A
-  };
-  return /* @__PURE__ */ a(dt.Provider, { value: Ae, children: /* @__PURE__ */ M("div", { className: V("select-field", S && "is-open", z && "is-mobile"), children: [
-    /* @__PURE__ */ a(ln, {}),
-    /* @__PURE__ */ a(Nn, {})
-  ] }) });
-});
-function $e({
-  label: e,
-  placeholder: t,
-  value: n,
-  defaultValue: r = "",
-  onChange: s,
-  options: o = [],
-  searchable: i = !1,
-  required: l = !1,
-  className: u = "",
-  labelClassName: d = "",
-  fieldClassName: h = "",
-  requiredLabel: m = "Required",
-  selectOptionLabel: c = "Select option",
-  searchIcon: y = null,
-  searchLabel: b,
-  emptyLabel: v,
-  closeLabel: x
-}) {
-  const C = n ?? r, p = t ?? c, A = C == null || String(C).trim().length === 0;
-  return /* @__PURE__ */ M("div", { className: `form-field-container ${u}`.trim(), children: [
-    e && /* @__PURE__ */ M(q, { className: `form-field-label ${d}`.trim(), as: "label", size: "xxs", children: [
-      e,
-      l && /* @__PURE__ */ a(q, { className: V("form-field-required-text", A && "empty"), as: "span", children: m })
-    ] }),
-    /* @__PURE__ */ a(wn, { variant: "custom", value: C, onValueChange: s, required: l, placeholder: p, options: o, searchable: i, className: `${h} ${C ? "" : "placeholder"}`, searchIcon: y, searchLabel: b, emptyLabel: v, closeLabel: x, selectOptionLabel: c })
-  ] });
-}
-function ht({ children: e, text: t, color: n, className: r = "", ...s }) {
-  const o = e ?? t;
-  return /* @__PURE__ */ a(
-    q,
-    {
-      as: "span",
-      className: `kosmio-tag tag ${r}`.trim(),
-      size: "xxs",
-      style: n ? { "--kosmio-tag-color": n, "--tag-color": n } : void 0,
-      ...s,
-      children: o
-    }
-  );
-}
-function $r({ children: e, text: t, color: n = "#5a95ad", className: r = "", ...s }) {
-  return /* @__PURE__ */ a(ht, { color: n, className: `color-tag text-inline ${r}`.trim(), ...s, children: e ?? t });
-}
-const En = (e) => /* @__PURE__ */ a(q, { className: "tag generatorInput-chip", as: "p", size: "sm", children: e }), An = (e) => e === "Backspace" || e === "Delete", Je = (e, t, n) => typeof e == "function" ? e(t, n) : Re(e) ? ot(e, {
-  text: t,
-  index: n
-}) : En(t);
-function Ln({
-  label: e,
-  placeholder: t = "",
-  value: n,
-  defaultValue: r = [],
-  onChange: s,
-  onGeneratedChange: o,
-  component: i = /* @__PURE__ */ a(ht, {}),
-  className: l = "",
-  labelClassName: u = "",
-  fieldClassName: d = "",
-  inputClassName: h = "",
-  disabled: m = !1,
-  onKeyDown: c,
-  ...y
-}) {
-  const [b, v] = K(""), [x, C] = K(() => Array.isArray(r) ? r : []), p = ee(null), A = Array.isArray(n), N = A ? n : x, k = (T) => {
-    A || C(T), s?.(T), o?.({
-      texts: T,
-      components: T.map((Y, z) => Je(i, Y, z))
-    });
-  }, f = () => {
-    if (m) return;
-    const T = b.trim();
-    T && (k([...N, T]), v(""));
-  }, g = () => {
-    m || N.length === 0 || k(N.slice(0, -1));
-  }, S = Z(() => N.map((T, Y) => {
-    const z = Je(i, T, Y), _ = `${T}-${Y}`;
-    return typeof z == "string" || typeof z == "number" ? /* @__PURE__ */ a(q, { className: "tag generatorInput-chip", as: "span", size: "xxs", children: String(z) }, _) : /* @__PURE__ */ a(Nt, { children: z }, _);
-  }), [N, i]), L = (T) => {
-    T.key === "Enter" ? (T.preventDefault(), f()) : An(T.key) && b.length === 0 && (T.preventDefault(), g()), c?.(T);
-  };
-  return /* @__PURE__ */ M("div", { className: V("form-field-container gap5", l), children: [
-    e && /* @__PURE__ */ a(q, { className: V("form-field-label row-left", u), as: "label", size: "xxs", children: e }),
-    /* @__PURE__ */ M("div", { className: V("generatorInput-container form-field", d, m && "generatorInput-disabled"), onMouseDown: (T) => {
-      T.target !== p.current && T.preventDefault(), p.current?.focus();
-    }, children: [
-      S,
-      /* @__PURE__ */ a("input", { ref: p, type: "text", value: b, placeholder: N.length === 0 ? t : "", onChange: (T) => v(T.target.value), onKeyDown: L, className: V("generatorInput-input", h), disabled: m, ...y })
-    ] })
-  ] });
-}
-const Te = "__default_group__";
-function Ze(e) {
-  return String(e ?? "").toLowerCase().trim();
-}
-function Fe(e, t) {
-  const n = Number(e);
-  return Number.isFinite(n) ? n : t;
-}
-function qe(e = {}) {
-  return e?.params && typeof e.params == "object" ? e.params : e?.param && typeof e.param == "object" ? e.param : {};
-}
-function In(e = {}, t = Number.MAX_SAFE_INTEGER) {
-  const n = qe(e), r = n.group ?? e.group;
-  if (typeof r == "string" && r.trim())
-    return {
-      name: r.trim(),
-      order: Fe(n.groupIndex ?? e.groupIndex, t)
-    };
-  if (r && typeof r == "object") {
-    const s = r.name ?? r.key ?? r.id;
-    return {
-      name: typeof s == "string" && s.trim() ? s.trim() : Te,
-      order: Fe(r.index, t)
-    };
-  }
-  return {
-    name: Te,
-    order: t
-  };
-}
-function Dn(e) {
-  if (e == null || e === "") return "";
-  if (typeof e == "string") {
-    const t = e.trim();
-    if (!t) return "";
-    if (/^\d{4}-\d{2}-\d{2}/.test(t)) return t.slice(0, 10);
-    const n = new Date(t);
-    return Number.isNaN(n.getTime()) ? t : [
-      n.getFullYear(),
-      String(n.getMonth() + 1).padStart(2, "0"),
-      String(n.getDate()).padStart(2, "0")
-    ].join("-");
-  }
-  return e instanceof Date && !Number.isNaN(e.getTime()) ? [
-    e.getFullYear(),
-    String(e.getMonth() + 1).padStart(2, "0"),
-    String(e.getDate()).padStart(2, "0")
-  ].join("-") : "";
-}
-function zn(e = {}) {
-  const t = qe(e);
-  return {
-    values: t.enum ?? e.enum ?? [],
-    i18nPath: t.enumI18nPath ?? e.enumI18nPath ?? t.enumPath ?? e.enumPath ?? null
-  };
-}
-function On(e, t) {
-  return Array.isArray(e.values) ? e.values.map((n) => {
-    if (n && typeof n == "object") {
-      const i = n.value ?? n.id ?? n.key;
-      if (i == null) return null;
-      const l = e.i18nPath && n.label == null ? t(`${e.i18nPath}.${i}`) : null;
-      return {
-        ...n,
-        value: String(i),
-        label: n.label ?? (l === `${e.i18nPath}.${i}` ? String(i) : l)
-      };
-    }
-    const r = String(n ?? "");
-    if (!r) return null;
-    const s = e.i18nPath != null ? t(`${e.i18nPath}.${r}`) : r, o = `${e.i18nPath}.${r}`;
-    return {
-      value: r,
-      label: s === o ? r : s
-    };
-  }).filter(Boolean) : [];
-}
-function Fr({
-  modelProperties: e,
-  form: t,
-  onChange: n,
-  optionsMap: r = {},
-  customRenderers: s = {},
-  onlyFields: o = null,
-  mode: i = "create",
-  i18nPath: l = null,
-  groupI18nPath: u = null
-}) {
-  const { t: d } = ce(), h = e?.fields ?? {}, m = {
-    requiredLabel: d("forms.shared.required"),
-    selectOptionLabel: d("forms.shared.selectOption"),
-    searchLabel: d("common.actions.search"),
-    emptyLabel: d("common.messages.info.noResultMessage"),
-    closeLabel: d("common.actions.close")
-  }, c = (f) => i === "edit" ? f.editable : f.writable, y = (f) => {
-    if (!l) return f;
-    const g = `${l}.${f}`, S = d(g);
-    return S === g ? f : S;
-  }, b = (f) => {
-    if (!f || f === Te) return null;
-    if (!u) return f;
-    const g = `${u}.${f}`, S = d(g);
-    return S === g ? f : S;
-  }, v = (f, g, S) => {
-    const L = Ze(S);
-    if (L === "number") {
-      const T = g === "" || g == null ? null : Number(g);
-      n(f, Number.isNaN(T) ? null : T);
-      return;
-    }
-    if (L === "boolean" || L === "bool") {
-      n(f, !!g);
-      return;
-    }
-    n(f, g);
-  }, x = (f) => f.iconName ? /* @__PURE__ */ a(ut, { name: f.iconName, alt: f.label, variant: f.iconVariant, size: f.iconSize ?? "xl" }) : null, C = Object.entries(h).map(([f, g], S) => ({
-    name: f,
-    meta: g,
-    position: S
-  })).filter(({ name: f, meta: g }) => !(!c(g) || o && !o.includes(f))).map((f) => {
-    const g = qe(f.meta), S = In(f.meta, f.position);
-    return {
-      ...f,
-      fieldIndex: Fe(g.index ?? f.meta?.index, f.position),
-      groupName: S.name,
-      groupIndex: S.order
-    };
-  }).sort((f, g) => f.groupIndex !== g.groupIndex ? f.groupIndex - g.groupIndex : f.groupName !== g.groupName ? String(f.groupName).localeCompare(String(g.groupName)) : f.fieldIndex !== g.fieldIndex ? f.fieldIndex - g.fieldIndex : f.position - g.position), p = [], A = /* @__PURE__ */ new Map();
-  for (const f of C) {
-    const g = String(f.groupName);
-    if (!A.has(g)) {
-      const L = {
-        key: g,
-        name: f.groupName,
-        index: f.groupIndex,
-        fields: []
-      };
-      A.set(g, L), p.push(L);
-    }
-    const S = A.get(g);
-    S.index = Math.min(S.index, f.groupIndex), S.fields.push(f);
-  }
-  const N = p.some((f) => f.name !== Te), k = ({ name: f, meta: g }) => {
-    const S = t?.[f], L = Ze(g?.type), T = y(f), Y = zn(g), z = On(Y, d), _ = Array.isArray(r[f]) && r[f].length > 0 ? r[f] : z;
-    return s[f] ? /* @__PURE__ */ a("div", { children: s[f]({
-      value: S,
-      onChange: (P) => n(f, P),
-      meta: g,
-      name: f,
-      label: T
-    }) }, f) : L === "string" || L === "number" || L === "date" ? /* @__PURE__ */ a(
-      an,
-      {
-        label: T,
-        placeholder: T,
-        type: L === "string" ? void 0 : L,
-        value: L === "date" ? Dn(S) : S ?? "",
-        required: g.required,
-        requiredLabel: m.requiredLabel,
-        onChange: (P) => v(f, P, L)
-      },
-      f
-    ) : L === "boolean" || L === "bool" ? /* @__PURE__ */ M(q, { className: "row-left", as: "label", children: [
-      /* @__PURE__ */ a("input", { type: "checkbox", checked: !!S, onChange: (P) => v(f, P.target.checked, L) }),
-      T
-    ] }, f) : L.endsWith("[]") ? /* @__PURE__ */ a(
-      Ln,
-      {
-        label: T,
-        placeholder: T,
-        value: Array.isArray(S) ? S : [],
-        onChange: (P) => n(f, P),
-        component: (P, W) => /* @__PURE__ */ a(q, { className: "tag", as: "p", children: P }, `${P}-${W}`)
-      },
-      f
-    ) : L === "object" ? /* @__PURE__ */ a(
-      $e,
-      {
-        label: T,
-        placeholder: T,
-        options: r[f] || [],
-        value: S ?? "",
-        required: g.required,
-        onChange: (P) => n(f, P),
-        searchable: !0,
-        ...m
-      },
-      f
-    ) : L === "enum" ? z.length > 6 ? /* @__PURE__ */ a(
-      $e,
-      {
-        label: T,
-        placeholder: T,
-        options: z,
-        value: S ?? "",
-        required: g.required,
-        onChange: (P) => n(f, P),
-        searchable: !0,
-        ...m
-      },
-      f
-    ) : /* @__PURE__ */ M("div", { className: "column-left gap5", children: [
-      T && /* @__PURE__ */ M(q, { className: "form-field-label row-left", as: "label", size: "xxs", children: [
-        T,
-        g.required && /* @__PURE__ */ a(q, { className: "form-field-required-text", as: "span", children: d("forms.shared.required") })
-      ] }),
-      /* @__PURE__ */ a(
-        sn,
-        {
-          enumValues: _,
-          selectedValue: S ?? "",
-          onValueChange: (P) => n(f, P),
-          ariaLabel: T,
-          className: "form-enum-selector",
-          renderIcon: x
-        }
-      )
-    ] }, f) : null;
-  };
-  return N ? /* @__PURE__ */ a("div", { className: "full-view column-left gap20", children: p.map((f) => {
-    const g = b(f.name);
-    return /* @__PURE__ */ M("div", { className: "form-section", children: [
-      g && /* @__PURE__ */ a(q, { as: "p", size: "xxs", children: g }),
-      /* @__PURE__ */ a("div", { className: "section-fields", children: f.fields.map(k) })
-    ] }, f.key);
-  }) }) : /* @__PURE__ */ a("div", { className: "column-left gap10 form-section", children: C.map(k) });
-}
-function Pr({ className: e = "", ...t }) {
-  return /* @__PURE__ */ a("div", { className: `kosmio-loader ${e}`.trim(), role: "status", ...t });
-}
-function Mr({
-  children: e,
-  restoreFocus: t = !0,
-  role: n = "dialog",
-  trapFocus: r = !0,
-  ...s
-}) {
-  return /* @__PURE__ */ a(mt, { ...s, "aria-modal": "true", restoreFocus: t, role: n, trapFocus: r, children: e });
-}
-function Rr({
-  children: e,
-  className: t = "full-view flex column-left gap20",
-  formLauncher: n,
-  showOperationsShortcut: r = !1,
-  showContentCard: s = !0,
-  fullsize: o = !1
-}) {
-  const { clearFormLauncher: i, setFormLauncher: l, setShowOperationsShortcut: u } = st();
-  return j(() => {
-    if (n !== void 0)
-      return n ? l(n) : i(), () => i();
-  }, [i, n, l]), j(() => (u(r), () => u(!1)), [u, r]), /* @__PURE__ */ a("main", { className: V("page page-container", o && "fullsize", s && "page-content", t), children: e });
-}
-const $n = {
-  plain: "searchbar",
-  full: "full-w searchbar"
-}, et = te(function({
-  variant: t = "full",
-  className: n = "",
-  placeholder: r = "Search",
-  value: s,
-  onChange: o,
-  onValueChange: i,
-  onSearch: l,
-  onKeyDown: u,
-  searchButtonType: d = "button",
-  searchButtonLabel: h,
-  searchIcon: m = null,
-  inputRef: c,
-  ...y
-}, b) {
-  const v = $n[t] ?? t, x = (p) => {
-    o?.(p), i?.(p.target.value, p);
-  }, C = () => {
-    l?.(s ?? "");
-  };
-  return /* @__PURE__ */ M("div", { ref: b, className: V(v, n, "pointer"), children: [
-    /* @__PURE__ */ a(
-      "input",
-      {
-        ref: c,
-        type: "text",
-        className: "searchbar-input form-field",
-        placeholder: r,
-        value: s,
-        onChange: x,
-        onKeyDown: (p) => {
-          p.key === "Enter" && (p.preventDefault(), l?.(p.currentTarget.value)), u?.(p);
-        },
-        ...y
-      }
-    ),
-    /* @__PURE__ */ a(
-      "button",
-      {
-        type: d,
-        className: "searchbar-button",
-        onClick: C,
-        "aria-label": h || r,
-        children: m
-      }
-    )
-  ] });
-});
-function De(e = "") {
-  if (!e) return "/";
-  const t = e.trim();
-  return t === "/" ? "/" : t.replace(/\/+$/, "") || "/";
-}
-class we {
-  constructor({
-    id: t,
-    name: n,
-    label: r,
-    url: s,
-    to: o,
-    path: i,
-    routeKey: l,
-    activeRoutes: u,
-    icon: d,
-    iconSelected: h,
-    iconName: m,
-    iconSelectedName: c,
-    badge: y,
-    className: b,
-    active: v,
-    isActive: x,
-    onClick: C
-  } = {}) {
-    this.id = t ?? o ?? s ?? i ?? l ?? n, this.name = n, this.label = r ?? n, this.url = s, this.to = o ?? s, this.path = i, this.routeKey = l, this.activeRoutes = u ?? (l ? [l] : []), this.icon = d, this.iconSelected = h, this.iconName = m, this.iconSelectedName = c, this.badge = y, this.className = b, this.active = v, this.isActive = x, this.onClick = C;
-  }
-  matches(t) {
-    return typeof this.active == "boolean" ? this.active : typeof this.isActive == "function" ? !!this.isActive(De(t), this) : this.path ? De(this.path) === De(t) : !1;
-  }
-  static from(t = {}) {
-    return t instanceof we ? t : new we(t);
-  }
-}
-function Fn(e = "") {
-  if (!e) return "/";
-  const t = e.trim();
-  return t === "/" ? "/" : t.replace(/\/+$/, "") || "/";
-}
-function Pn(e) {
-  return e || (typeof globalThis < "u" && globalThis.location?.pathname ? globalThis.location.pathname : "/");
-}
-function Br({
-  navItems: e = [],
-  NavItemComponent: t,
-  className: n = "",
-  pathname: r
-}) {
-  const s = Fn(Pn(r));
-  return t ? /* @__PURE__ */ a("nav", { className: n, children: e.map((o, i) => {
-    const l = we.from(o), u = l.matches(s);
-    return /* @__PURE__ */ a("div", { className: "full-w", children: /* @__PURE__ */ a(t, { navItem: l, active: u }) }, l.id ?? i);
-  }) }) : null;
-}
-function _r(e, t) {
-  return { color: e, size: t };
-}
-function qr(e, t, n, r, s) {
-  return { fontSize: e, fontColor: t, weight: n, lineHeight: r, as: s };
-}
-function Vr(e, t, n, r, s) {
-  return {
-    borderStyle: e,
-    typoStyle: t,
-    backgroundColor: n,
-    padding: r,
-    radii: s
-  };
-}
-function Mn({ active: e, direction: t, sortAscIcon: n, sortDescIcon: r }) {
-  return e ? t === "asc" ? n ?? /* @__PURE__ */ a("span", { className: "sort-icon sort-icon-asc", "aria-hidden": "true" }) : r ?? /* @__PURE__ */ a("span", { className: "sort-icon sort-icon-desc", "aria-hidden": "true" }) : null;
-}
-function Rn({ columns: e, sortConfig: t, requestSort: n, sortAscIcon: r, sortDescIcon: s }) {
-  return /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: e.map((o) => {
-    const i = t.key === o.key, l = o.headerClassName ?? o.className ?? "";
-    return /* @__PURE__ */ a(
-      "th",
-      {
-        onClick: () => n(o.key, o.sortable),
-        className: `${o.sortable ? "th-sortable" : ""} ${l}`.trim(),
-        style: {
-          cursor: o.sortable ? "pointer" : "default",
-          width: o.width || "auto"
-        },
-        children: /* @__PURE__ */ M(q, { size: "md", className: "row gap5", as: "span", color: 1, dynamic: !1, children: [
-          o.header,
-          /* @__PURE__ */ a(
-            Mn,
-            {
-              active: i,
-              direction: t.direction,
-              sortAscIcon: r,
-              sortDescIcon: s
-            }
-          )
-        ] })
-      },
-      o.key
-    );
-  }) }) });
-}
-function pt({ icon: e = null }) {
-  return /* @__PURE__ */ a("div", { className: "flex-center", children: e ?? /* @__PURE__ */ a("span", { className: "table-empty-cell-icon", "aria-hidden": "true" }) });
-}
-function Bn({ row: e, getValue: t, renderEmpty: n = /* @__PURE__ */ a(pt, {}) }) {
-  const r = t(e);
-  return r == null || r === "" ? n : /* @__PURE__ */ a("div", { className: "full-w flex-center gap10 overflow-x-none", children: /* @__PURE__ */ a(q, { as: "p", size: "sm", color: 1, dynamic: !0, className: "text-inline", children: r }) });
-}
-function Yr({ row: e, getIconName: t, getIconSrc: n, getAlt: r, getValue: s, renderIcon: o, size: i = "xmd" }) {
-  const l = t?.(e), u = l ? null : n?.(e), d = r?.(e) ?? "";
-  return /* @__PURE__ */ M("div", { className: "full-w flex gap10", children: [
-    l && typeof o == "function" ? o({ name: l, alt: d, size: i, row: e }) : null,
-    !l && u ? /* @__PURE__ */ a(fe, { src: u, alt: d, size: i }) : null,
-    /* @__PURE__ */ a(q, { as: "p", size: "xs", color: 2, dynamic: !0, className: "text-inline", children: s(e) })
-  ] });
-}
-function _n({ col: e, row: t }) {
-  return e.cell ? e.cell(t) ?? /* @__PURE__ */ a(pt, {}) : /* @__PURE__ */ a(
-    Bn,
-    {
-      row: t,
-      getValue: (n) => {
-        const r = e.accessor ? e.accessor(n) : n[e.key];
-        return Array.isArray(r) && r.length === 0 ? null : r;
-      }
-    }
-  );
-}
-function qn({
-  row: e,
-  rowKey: t,
-  idx: n,
-  columns: r,
-  striped: s,
-  isSelected: o,
-  conditionalRowClassName: i,
-  hasInteractiveRows: l,
-  rowHandlers: u
-}) {
-  const d = s && n % 2 === 0 ? "row-even" : "row-odd", h = typeof i == "function" && i(e, n) || "";
-  return /* @__PURE__ */ a(
-    "tr",
-    {
-      className: `${d} ${o ? "row-selected" : ""} ${h}`,
-      style: {
-        cursor: l ? "pointer" : "default",
-        ...Ct({ index: n })
-      },
-      onClick: u.onClick,
-      onDoubleClick: u.onDoubleClick,
-      onContextMenu: u.onContextMenu,
-      children: r.map((m) => {
-        const c = m.cellClassName ?? m.className ?? "";
-        return /* @__PURE__ */ a(
-          "td",
-          {
-            className: c,
-            style: { width: m.width || "auto" },
-            children: _n({ col: m, row: e })
-          },
-          m.key
-        );
-      })
-    },
-    t
-  );
-}
-function Vn({
-  sortedData: e,
-  columns: t,
-  getRowKey: n,
-  striped: r,
-  conditionalRowClassName: s,
-  getRowHandlers: o,
-  hasInteractiveRows: i
-}) {
-  return /* @__PURE__ */ a("tbody", { children: e.map((l, u) => {
-    const d = n(l, u), h = o(l, d);
-    return /* @__PURE__ */ a(
-      qn,
-      {
-        row: l,
-        rowKey: d,
-        idx: u,
-        columns: t,
-        striped: r,
-        isSelected: h.isSelected,
-        conditionalRowClassName: s,
-        hasInteractiveRows: i,
-        rowHandlers: h
-      },
-      d
-    );
-  }) });
-}
-function Yn({ data: e, columns: t, initialSort: n }) {
-  const [r, s] = K(n), o = (l, u) => {
-    u && s((d) => ({
-      key: l,
-      direction: d.key === l && d.direction === "asc" ? "desc" : "asc"
-    }));
-  }, i = Z(() => {
-    if (!r.key) return e;
-    const l = t.find((d) => d.key === r.key);
-    if (!l) return e;
-    const u = (d) => l.accessor ? l.accessor(d) : d[l.key];
-    return [...e].sort((d, h) => {
-      const m = u(d), c = u(h);
-      return m == null && c != null ? -1 : m != null && c == null ? 1 : m == null && c == null ? 0 : m < c ? r.direction === "asc" ? -1 : 1 : m > c ? r.direction === "asc" ? 1 : -1 : 0;
-    });
-  }, [t, e, r]);
-  return {
-    sortConfig: r,
-    requestSort: o,
-    sortedData: i
-  };
-}
-function Hn({
-  sortedData: e,
-  getRowKey: t,
-  tableRef: n,
-  onRowClick: r,
-  onSelectedClick: s,
-  onDeselect: o,
-  onSelectionChange: i,
-  onRowRightClick: l,
-  onEnterRow: u,
-  selectOnRightClick: d = !0,
-  enableKeyboardNav: h = !0,
-  rowShortcuts: m = []
-}) {
-  const [c, y] = K(null), b = ee(null), v = ee(!1), x = typeof u == "function";
-  j(() => {
-    const N = (k) => {
-      n.current && (k.target.closest(".floating-row-menu") || k.target.closest(".mobile-form-launcher") || n.current.contains(k.target) || (y(null), i?.(null, null), o?.()));
-    };
-    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
-  }, [o, i, n]), j(() => () => clearTimeout(b.current), []), j(() => {
-    c == null || e.some((k, f) => t(k, f) === c) || (y(null), i?.(null, null), o?.());
-  }, [t, o, i, c, e]);
-  const C = X(
-    (N) => {
-      if (N == null) return -1;
-      for (let k = 0; k < e.length; k += 1)
-        if (t(e[k], k) === N) return k;
-      return -1;
-    },
-    [t, e]
-  ), p = X(
-    (N) => {
-      if (!e.length) return;
-      const k = Math.max(0, Math.min(N, e.length - 1)), f = e[k], g = t(f, k);
-      y(g), i?.(f, g), r?.(f);
-    },
-    [t, r, i, e]
-  );
-  return j(() => {
-    if (!h) return;
-    const N = (k) => {
-      if (St(k.target)) return;
-      if (k.key === "ArrowDown") {
-        if (!e.length) return;
-        if (k.preventDefault(), c == null) {
-          p(0);
-          return;
-        }
-        const L = C(c);
-        p(L < 0 ? 0 : L + 1);
-        return;
-      }
-      if (k.key === "ArrowUp") {
-        if (!e.length) return;
-        if (k.preventDefault(), c == null) {
-          p(e.length - 1);
-          return;
-        }
-        const L = C(c);
-        p(L < 0 ? e.length - 1 : L - 1);
-        return;
-      }
-      if (k.key === "Enter") {
-        if (!x || c == null) return;
-        k.preventDefault();
-        const L = C(c), T = e[L];
-        if (!T) return;
-        u(T, k);
-        return;
-      }
-      if (c == null || !Array.isArray(m) || m.length === 0)
-        return;
-      const f = C(c), g = e[f];
-      if (!g) return;
-      const S = m.find((L) => L?.enabled === !1 ? !1 : Tt(k, L));
-      S && (S.preventDefault !== !1 && k.preventDefault(), S.stopPropagation && k.stopPropagation(), S.onTrigger?.(g, k));
-    };
-    return window.addEventListener("keydown", N), () => window.removeEventListener("keydown", N);
-  }, [
-    h,
-    x,
-    C,
-    u,
-    m,
-    p,
-    c,
-    e
-  ]), {
-    selectedKey: c,
-    getRowHandlers: (N, k) => {
-      const f = c === k;
-      return {
-        isSelected: f,
-        onClick: (g) => {
-          if (v.current) {
-            v.current = !1;
-            return;
-          }
-          if (f) {
-            if (!x) {
-              s?.(N, g);
-              return;
-            }
-            clearTimeout(b.current);
-            const S = { clientX: g.clientX, clientY: g.clientY };
-            b.current = setTimeout(() => {
-              s?.(N, S);
-            }, 200);
-            return;
-          }
-          y(k), i?.(N, k), r?.(N, g);
-        },
-        onDoubleClick: (g) => {
-          g.preventDefault(), g.stopPropagation(), clearTimeout(b.current), v.current = !0, u?.(N, g);
-        },
-        onContextMenu: (g) => {
-          g.preventDefault(), d && !f && (y(k), i?.(N, k)), l?.(N, g);
-        }
-      };
-    }
-  };
-}
-function Gn({
-  data: e = [],
-  columns: t = [],
-  initialSort: n = {
-    key: null,
-    direction: "asc"
-  },
-  getRowKey: r = (g, S) => S,
-  striped: s = !0,
-  className: o = "",
-  conditionalRowClassName: i,
-  onRowClick: l,
-  onSelectedClick: u,
-  onDeselect: d,
-  onSelectionChange: h,
-  onRowRightClick: m,
-  selectOnRightClick: c = !0,
-  onEnterRow: y,
-  enableKeyboardNav: b = !0,
-  hasActiveSearch: v = !1,
-  isLoading: x = !1,
-  sourceDataCount: C = null,
-  rowShortcuts: p = [],
-  sortAscIcon: A,
-  sortDescIcon: N,
-  emptyState: k = null,
-  noResultsState: f = null
-}) {
-  const g = ee(null), { sortConfig: S, requestSort: L, sortedData: T } = Yn({
-    data: e,
-    columns: t,
-    initialSort: n
-  }), { getRowHandlers: Y } = Hn({
-    sortedData: T,
-    getRowKey: r,
-    tableRef: g,
-    onRowClick: l,
-    onSelectedClick: u,
-    onDeselect: d,
-    onSelectionChange: h,
-    onRowRightClick: m,
-    onEnterRow: y,
-    selectOnRightClick: c,
-    enableKeyboardNav: b,
-    rowShortcuts: p
-  }), z = typeof C == "number" ? C > 0 : null, _ = !x && !e.length, P = _ && (z === !0 || !!v), W = _ && !P, O = !!(l || u), B = {
-    className: o,
-    columns: t,
-    data: e,
-    hasActiveSearch: v,
-    sourceDataCount: C
-  }, D = (I) => typeof I == "function" ? I(B) : I;
-  return /* @__PURE__ */ a("div", { className: `full-w table-shell ${o}`.trim(), ref: g, children: x ? null : P ? D(f) : W ? D(k) : /* @__PURE__ */ a("div", { className: "table-scroll full-w", children: /* @__PURE__ */ M("table", { className: "table", children: [
-    /* @__PURE__ */ a(
-      Rn,
-      {
-        columns: t,
-        sortConfig: S,
-        requestSort: L,
-        sortAscIcon: A,
-        sortDescIcon: N
-      }
-    ),
-    /* @__PURE__ */ a(
-      Vn,
-      {
-        sortedData: T,
-        columns: t,
-        getRowKey: r,
-        striped: s,
-        conditionalRowClassName: i,
-        getRowHandlers: Y,
-        hasInteractiveRows: O
-      }
-    )
-  ] }) }) });
-}
-function tt(e, t = 300) {
-  const [n, r] = K(e);
-  return j(() => {
-    const s = setTimeout(() => r(e), t);
-    return () => clearTimeout(s);
-  }, [e, t]), n;
-}
-const ke = "default", gt = "global", yt = Me(null);
-function Ce(e = "", t = e) {
-  return { query: e, debouncedQuery: t };
-}
-function Hr({ children: e, resetKey: t }) {
-  const [n, r] = K({});
-  j(() => {
-    r({});
-  }, [t]);
-  const s = X((u = ke, d) => {
-    r((h) => {
-      const m = h[u] ?? Ce();
-      return m.query === d ? h : {
-        ...h,
-        [u]: {
-          ...m,
-          query: d
-        }
-      };
-    });
-  }, []), o = X((u = ke, d) => {
-    r((h) => {
-      const m = h[u] ?? Ce();
-      return m.debouncedQuery === d ? h : {
-        ...h,
-        [u]: {
-          ...m,
-          debouncedQuery: d
-        }
-      };
-    });
-  }, []), i = X((u = ke) => {
-    r((d) => ({
-      ...d,
-      [u]: Ce()
-    }));
-  }, []), l = Z(
-    () => ({
-      searchByScope: n,
-      setQuery: s,
-      setDebouncedQuery: o,
-      clearQuery: i
-    }),
-    [i, n, o, s]
-  );
-  return /* @__PURE__ */ a(yt.Provider, { value: l, children: e });
-}
-function bt(e = ke, { debounceMs: t = 250 } = {}) {
-  const n = Pe(yt), [r, s] = K(""), o = tt(r, t), i = n?.searchByScope?.[e] ?? Ce(), l = n ? i.query : r, u = n ? i.debouncedQuery : o, d = tt(l, t);
-  j(() => {
-    n && n.setDebouncedQuery(e, d);
-  }, [n, d, e]);
-  const h = X(
-    (c) => {
-      if (n) {
-        n.setQuery(e, c);
-        return;
-      }
-      s(c);
-    },
-    [n, e]
-  ), m = X(() => {
-    if (n) {
-      n.clearQuery(e);
-      return;
-    }
-    s("");
-  }, [n, e]);
-  return {
-    query: l,
-    debouncedQuery: u,
-    setQuery: h,
-    clearQuery: m
-  };
-}
-function Xn({ text: e, onClick: t, className: n, ariaLabel: r }) {
-  return /* @__PURE__ */ a("button", { type: "button", className: n, onClick: t, "aria-label": r, children: e });
-}
-function jn({
-  options: e = [],
-  selectedOption: t,
-  onChangeOption: n,
-  setData: r,
-  onQueryChange: s,
-  initialQuery: o = "",
-  filters: i = !0,
-  addButton: l = !0,
-  buttonName: u = "common.actions.add",
-  enableCtrlF: d = !1,
-  translate: h,
-  isMobile: m = !1,
-  onAdd: c,
-  searchIcon: y = null,
-  renderActionButton: b = Xn,
-  searchScope: v
-}) {
-  const { t: x } = ce(), C = ee(null), p = h ?? x, A = Z(() => e.find((I) => I.value === t) ?? e[0] ?? null, [e, t]), N = A?.value ?? "", k = A?.data ?? [], f = v ?? N, { query: g, debouncedQuery: S, setQuery: L } = bt(f), T = Z(() => A ? A.searchKeys?.length ? A.searchKeys : ["name", "label"] : ["name", "label"], [A]), Y = X(
-    (D, I) => {
-      if (!I) return !0;
-      const w = I.toLowerCase();
-      for (const $ of T) {
-        const F = D?.[$];
-        if (F != null && String(F).toLowerCase().includes(w)) return !0;
-      }
-      for (const $ of Object.values(D || {}))
-        if (typeof $ == "string" && $.toLowerCase().includes(w)) return !0;
-      return !1;
-    },
-    [T]
-  ), z = ee({ key: "", query: "", length: -1 }), _ = X(
-    (D) => {
-      if (!A || typeof r != "function") return;
-      const I = (D ?? "").trim(), w = Array.isArray(k) ? k : [], $ = I ? w.filter((H) => Y(H, I)) : w, F = { key: N, query: I, length: $.length }, E = z.current;
-      E.key === F.key && E.query === F.query && E.length === F.length || (z.current = F, r($));
-    },
-    [A, k, N, Y, r]
-  ), P = X(() => {
-    typeof c == "function" && c(A);
-  }, [A, c]);
-  j(() => {
-    o && L(o);
-  }, [o, L]), j(() => {
-    if (!A || typeof r != "function" || g.trim() !== "") return;
-    const D = Array.isArray(k) ? k : [], I = { key: N, query: "", length: D.length }, w = z.current;
-    w.key === I.key && w.query === I.query && w.length === I.length || (z.current = I, r(D));
-  }, [g, A, k, N, r]), j(() => {
-    _(S);
-  }, [S, N, _]), j(() => {
-    s?.(g);
-  }, [g, s]), j(() => {
-    if (!d) return;
-    const D = (I) => {
-      const w = I.target, $ = w?.tagName?.toLowerCase(), F = $ === "input" || $ === "textarea" || $ === "select" || w?.isContentEditable;
-      if ((I.ctrlKey || I.metaKey) && I.key.toLowerCase() === "f") {
-        I.preventDefault(), C.current?.focus(), C.current?.select();
-        return;
-      }
-      !F && I.key.toLowerCase() === "n" && (I.preventDefault(), P());
-    };
-    return window.addEventListener("keydown", D), () => window.removeEventListener("keydown", D);
-  }, [d, P]);
-  const W = p("common.shortcuts.add"), O = p("common.shortcuts.filters"), B = A?.addFormName && l ? b({
-    variant: "primary",
-    text: p(u),
-    iconName: "actionAdd",
-    alt: p("common.messages.addIconAlt"),
-    onClick: P,
-    ariaLabel: p(u),
-    tooltipDirection: "left",
-    tooltipText: p("common.shortcuts.tooltip", {
-      label: p(u),
-      shortcut: W
-    }),
-    className: m ? "full-w" : "searchbar-add"
-  }) : null;
-  return m ? /* @__PURE__ */ M("div", { className: "full-w flex column gap5", children: [
-    /* @__PURE__ */ a(
-      et,
-      {
-        variant: "full",
-        value: g,
-        placeholder: p("common.actions.search"),
-        searchButtonLabel: p("common.actions.search"),
-        searchIcon: y,
-        onValueChange: L,
-        onSearch: _,
-        inputRef: C
-      }
-    ),
-    B
-  ] }) : /* @__PURE__ */ M("div", { className: "searchbar-container flex row gap10", children: [
-    e.length > 1 && /* @__PURE__ */ a(
-      $e,
-      {
-        value: A?.value || "",
-        onChange: (D) => n?.(D),
-        options: e.map(({ value: D, label: I }) => ({ value: D, label: I })),
-        placeholder: p("common.messages.selectDataset"),
-        requiredLabel: p("forms.shared.required"),
-        selectOptionLabel: p("forms.shared.selectOption"),
-        className: "searchbar-select"
-      }
-    ),
-    /* @__PURE__ */ a(
-      et,
-      {
-        variant: "full",
-        value: g,
-        placeholder: p("common.actions.search"),
-        searchButtonLabel: p("common.actions.search"),
-        searchIcon: y,
-        onValueChange: L,
-        onSearch: _,
-        inputRef: C
-      }
-    ),
-    i ? b({
-      text: p("common.actions.filters"),
-      iconName: "actionFilter",
-      alt: p("common.messages.filterIconAlt"),
-      ariaLabel: p("common.actions.filters"),
-      tooltipDirection: "left",
-      tooltipText: p("common.shortcuts.tooltip", {
-        label: p("common.actions.filters"),
-        shortcut: O
-      }),
-      className: "searchbar-filter"
-    }) : null
-  ] });
-}
-function Wn({ x: e, y: t, row: n, actions: r = [], onClose: s }) {
-  if (!n) return null;
-  const o = (u) => {
-    u.stopPropagation();
-  }, i = e > window.innerWidth / 2 ? "100%" : "0%", l = t > window.innerHeight / 2 ? "100%" : "0%";
-  return /* @__PURE__ */ a("div", { className: "floating-row-menu", onClick: o, style: {
-    position: "fixed",
-    top: t + 4,
-    left: e + 4,
-    "--origin-x": i,
-    "--origin-y": l
-  }, children: /* @__PURE__ */ a("div", { className: "floating-row-menu-card", children: r.map(({
-    label: u,
-    icon: d,
-    iconName: h,
-    renderIcon: m,
-    onClick: c,
-    color: y,
-    shortcut: b,
-    disabled: v
-  }, x) => {
-    const C = typeof u == "function" ? u(n) : u, p = typeof v == "function" ? v(n) : !!v;
-    return C ? /* @__PURE__ */ M("button", { type: "button", className: `menu-item ${y || ""}`, disabled: p, onClick: () => {
-      p || (c?.(n), s?.());
-    }, children: [
-      /* @__PURE__ */ a(q, { as: "p", className: "full-w", children: C }),
-      typeof m == "function" ? m({ icon: d, iconName: h, row: n }) : null,
-      !m && d ? /* @__PURE__ */ a(fe, { src: d, decorative: !0 }) : null,
-      b && /* @__PURE__ */ a("div", { className: "shortcut", children: /* @__PURE__ */ a(q, { as: "p", children: b }) })
-    ] }, C || x) : null;
-  }) }) });
-}
-function Qn({ text: e, onClick: t, className: n, ariaLabel: r }) {
-  return /* @__PURE__ */ a("button", { type: "button", className: n, onClick: t, "aria-label": r, children: e });
-}
-function Kn({
-  id: e,
-  table_name: t = null,
-  addFormName: n,
-  searchKeys: r,
-  columns: s,
-  initialData: o = [],
-  isLoading: i = !1,
-  buttonName: l = "common.actions.add",
-  onRowClick: u,
-  onRowRightClick: d,
-  onSelectedClick: h,
-  onDeselect: m,
-  onSelectionChange: c,
-  onEnterRow: y,
-  rowShortcuts: b = [],
-  includeHeader: v = !0,
-  emptyState: x,
-  noResultsState: C,
-  conditionalRowClassName: p,
-  translate: A,
-  renderActionButton: N = Qn,
-  searchIcon: k = null,
-  searchScope: f,
-  includePageSearchbar: g = !1,
-  useGlobalSearch: S = !1
-}) {
-  const { t: L } = ce(), { openForm: T } = _e(), { isMobile: Y } = it(), z = A ?? L, _ = S ? gt : f ?? e, { debouncedQuery: P } = bt(_), W = v && !g && !S, O = P ?? "", B = [
-    {
-      value: e,
-      label: z(t),
-      data: o || [],
-      addFormName: n,
-      searchKeys: r
-    }
-  ], D = () => {
-    n && T(n, "add");
-  }, I = z("common.shortcuts.add"), w = Z(() => r?.length ? r : ["name", "label"], [r]), $ = Z(() => {
-    const F = Array.isArray(o) ? o : [], E = O.trim().toLowerCase();
-    return E ? F.filter((H) => {
-      for (const J of w) {
-        const re = H?.[J];
-        if (re != null && String(re).toLowerCase().includes(E)) return !0;
-      }
-      for (const J of Object.values(H || {}))
-        if (typeof J == "string" && J.toLowerCase().includes(E)) return !0;
-      return !1;
-    }) : F;
-  }, [o, w, O]);
-  return /* @__PURE__ */ M("div", { className: "full-view flex column-left gap10 table-crud", children: [
-    W && /* @__PURE__ */ a(
-      jn,
-      {
-        options: B,
-        buttonName: l,
-        enableCtrlF: !0,
-        filters: !1,
-        isMobile: Y,
-        onAdd: D,
-        searchIcon: k,
-        renderActionButton: N,
-        searchScope: _
-      }
-    ),
-    /* @__PURE__ */ M("div", { className: "page-content column-left full-view gap20", children: [
-      v && !Y && /* @__PURE__ */ M("div", { className: "flex row full-w", children: [
-        t && /* @__PURE__ */ a(q, { size: "xl", children: z(t) }),
-        /* @__PURE__ */ a("div", { className: "full-w row-right", children: n ? N({
-          variant: "primary",
-          text: z(l),
-          iconName: "actionAdd",
-          alt: z("common.messages.addIconAlt"),
-          onClick: D,
-          ariaLabel: z(l),
-          tooltipDirection: "left",
-          tooltipText: z("common.shortcuts.tooltip", {
-            label: z(l),
-            shortcut: I
-          }),
-          className: "searchbar-add"
-        }) : null })
-      ] }),
-      /* @__PURE__ */ a(
-        Gn,
-        {
-          data: $,
-          columns: s.filter(Boolean),
-          isLoading: i,
-          onRowClick: u,
-          onRowRightClick: d,
-          onSelectedClick: h,
-          onDeselect: m,
-          onSelectionChange: c,
-          conditionalRowClassName: p,
-          onEnterRow: y,
-          hasActiveSearch: !!O.trim(),
-          sourceDataCount: Array.isArray(o) ? o.length : 0,
-          rowShortcuts: b,
-          emptyState: x,
-          noResultsState: C
-        }
-      )
-    ] })
-  ] });
-}
-const ze = (e) => e != null && Object.prototype.hasOwnProperty.call(e, "archived") && !!e?.archived;
-function Un({
-  id: e,
-  table_name: t,
-  addFormName: n,
-  optionsFormName: r,
-  searchKeys: s,
-  columns: o,
-  initialData: i = [],
-  isLoading: l = !1,
-  buttonName: u = "common.actions.add",
-  mainAction: d,
-  desktopMenuActions: h = [],
-  onEditRow: m,
-  onToggleArchiveRow: c,
-  onDeleteRow: y,
-  allowArchive: b = !0,
-  allowDelete: v = !0,
-  openMobileMenu: x,
-  conditionalRowClassName: C,
-  rowShortcuts: p = [],
-  fillAvailableHeight: A = !1,
-  includeHeader: N = !0,
-  translate: k,
-  createActionsPayload: f = (W, O) => ({ row: W, actions: O }),
-  TableCRUDComponent: g = Kn,
-  renderActionButton: S,
-  searchIcon: L = null,
-  emptyState: T,
-  noResultsState: Y,
-  searchScope: z,
-  includePageSearchbar: _ = !1,
-  useGlobalSearch: P = !1
-}) {
-  const { t: W } = ce(), { isMobile: O } = it(), { openConfirm: B } = kt(), { openFormLauncher: D, setFormLauncher: I } = st(), w = k ?? W, [$, F] = K({
-    visible: !1,
-    x: 0,
-    y: 0,
-    row: null
-  }), E = () => F({ visible: !1, x: 0, y: 0, row: null }), H = X(
-    (R) => {
-      if (!b || typeof c != "function") return;
-      const ne = ze(R);
-      if (!v) {
-        B?.({
-          title: w("common.messages.confirm.title"),
-          message: w(ne ? "common.messages.confirm.unarchiveItem" : "common.messages.confirm.archiveItem"),
-          confirmText: w(ne ? "common.actions.unarchive" : "common.actions.archive"),
-          cancelText: w("common.actions.cancel"),
-          danger: !1,
-          onConfirm: () => c(R)
-        });
-        return;
-      }
-      c(R);
-    },
-    [b, v, c, B, w]
-  ), J = X(
-    (R) => {
-      !v || typeof y != "function" || B?.({
-        title: w("common.messages.confirm.title"),
-        message: w("common.messages.confirm.deleteItem"),
-        confirmText: w("common.actions.delete"),
-        cancelText: w("common.actions.cancel"),
-        danger: !0,
-        onConfirm: () => y(R)
-      });
-    },
-    [v, y, B, w]
-  ), re = Z(() => {
-    const R = [];
-    return typeof m == "function" && R.push({
-      label: w("common.actions.edit"),
-      onClick: m,
-      shortcut: "E"
-    }), b && typeof c == "function" && R.push({
-      label: (U) => ze(U) ? w("common.actions.unarchive") : w("common.actions.archive"),
-      onClick: H,
-      shortcut: "T"
-    }), v && typeof y == "function" && R.push({
-      label: w("common.actions.delete"),
-      onClick: J,
-      shortcut: "Del"
-    }), R;
-  }, [
-    b,
-    v,
-    y,
-    m,
-    c,
-    H,
-    J,
-    w
-  ]), oe = Z(
-    () => [...h, ...re],
-    [h, re]
-  ), ge = Z(() => {
-    const R = [];
-    return typeof m == "function" && R.push({ keys: "e", onTrigger: m }), b && typeof c == "function" && R.push({ keys: "t", onTrigger: H }), v && typeof y == "function" && R.push({ keys: ["delete", "backspace"], onTrigger: J }), R;
-  }, [
-    b,
-    v,
-    y,
-    m,
-    c,
-    H,
-    J
-  ]), me = Z(
-    () => p.length > 0 ? p : ge,
-    [p, ge]
-  ), ie = Z(() => (R, U) => {
-    const ne = typeof C == "function" && C(R, U) || "", le = ze(R) ? "row-archived" : "";
-    return [ne, le].filter(Boolean).join(" ");
-  }, [C]);
-  j(() => {
-    E();
-  }, [i]);
-  const ae = Z(() => n ? Ye({
-    group: n,
-    action: "add",
-    iconName: "actionAddFill",
-    labelKey: u
-  }) : null, [n, u]), ye = X(
-    (R) => !R || !r || oe.length === 0 ? ae : Ye({
-      group: r,
-      action: "options",
-      payload: f(R, oe),
-      iconName: "actionMenuFill",
-      labelKey: "common.actions.menu",
-      variant: "options"
-    }),
-    [f, ae, r, oe]
-  );
-  j(() => {
-    I(ae);
-  }, [ae, I]);
-  const Ve = () => {
-    $.visible && E();
-  }, Ae = (R, U) => {
-    if ($.visible && $.row?.id === R?.id) {
-      E();
-      return;
-    }
-    if ($.visible && E(), O) {
-      d?.(R, U);
-      return;
-    }
-    if (!oe.length) return;
-    const le = Math.min(U.clientX, window.innerWidth - 240), ue = Math.min(U.clientY, window.innerHeight - 200);
-    F({ visible: !0, x: le, y: ue, row: R });
-  }, G = (R, U) => {
-    if (U.preventDefault(), $.visible && E(), O) {
-      const ue = ye(R);
-      if (ue?.type === "options") {
-        D(ue);
-        return;
-      }
-      x?.(R, U);
-      return;
-    }
-    if (!oe.length) return;
-    const ne = Math.min(U.clientX, window.innerWidth - 240), le = Math.min(U.clientY, window.innerHeight - 200);
-    F({ visible: !0, x: ne, y: le, row: R });
-  }, Q = (R, U) => {
-    $.visible && E(), d?.(R, U);
-  }, se = X(
-    (R) => {
-      I(ye(R));
-    },
-    [ye, I]
-  );
-  return /* @__PURE__ */ M(
-    "div",
-    {
-      className: `full-view column-left responsive-table ${A ? "table-fill-available" : ""}`.trim(),
-      style: { position: "relative" },
-      children: [
-        /* @__PURE__ */ a(
-          g,
-          {
-            id: e,
-            table_name: t,
-            addFormName: n,
-            searchKeys: s,
-            columns: o,
-            initialData: i,
-            isLoading: l,
-            buttonName: u,
-            onRowClick: Ve,
-            onSelectedClick: Ae,
-            onDeselect: E,
-            onSelectionChange: se,
-            onRowRightClick: G,
-            onEnterRow: Q,
-            rowShortcuts: me,
-            includeHeader: N,
-            conditionalRowClassName: ie,
-            renderActionButton: S,
-            searchIcon: L,
-            emptyState: T,
-            noResultsState: Y,
-            searchScope: P ? gt : z ?? e,
-            includePageSearchbar: _ || P,
-            useGlobalSearch: P
-          }
-        ),
-        !O && $.visible && $.row && oe.length > 0 && /* @__PURE__ */ a(
-          Wn,
-          {
-            x: $.x,
-            y: $.y,
-            row: $.row,
-            actions: oe,
-            onClose: E
-          }
-        )
-      ]
-    }
-  );
-}
-const Jn = { data: [], isLoading: !1, error: null, refetch: null }, Zn = { archived: "all" }, er = (e) => e && typeof e.toJSON == "function" ? e.toJSON() : e, tr = (e) => e, nr = (e) => e?.id, rr = (e) => e ?? null, or = (e) => !!e;
-function sr({
-  crud: e,
-  permissionScope: t,
-  formGroupName: n,
-  setFormObject: r,
-  setAdvancedForm: s,
-  staticData: o,
-  listArchivedReq: i = Zn,
-  normalizeItem: l = er,
-  transformData: u = tr,
-  getRowId: d = nr,
-  disableMutations: h = !1,
-  resolveFormGroupName: m = rr,
-  hasForm: c = or
-}) {
-  const y = !!t?.create, b = !!t?.edit, v = !!t?.archive, x = !!t?.unarchive, C = !!t?.listArchived, p = !!t?.delete, A = Array.isArray(o), N = m(n), k = c(N, "add") ? N : null, f = c(N, "edit") ? N : null, g = c(N, "options") ? N : null, S = Z(() => {
-    if (C)
-      return i;
-  }, [C, i]), L = A || !e?.useList ? Jn : e.useList(S), { data: T = [], isLoading: Y = !1, error: z = null, refetch: _ = null } = L, P = e?.useDelete ? e.useDelete() : null, W = e?.useArchive ? e.useArchive() : null, O = e?.useUnarchive ? e.useUnarchive() : null, B = Z(() => {
-    const F = A ? o : T, E = Array.isArray(F) ? F.map((H) => l(H)) : [];
-    return u(E);
-  }, [A, T, o, l, u]), D = X(
-    (F) => {
-      !b || !f || (r?.(F), s?.(f, "edit", F));
-    },
-    [b, f, s, r]
-  ), I = X(
-    (F) => {
-      if (!(!g && !f)) {
-        if (r?.(F), g) {
-          s?.(g, "options", F);
-          return;
-        }
-        s?.(f, "edit", F);
-      }
-    },
-    [f, g, s, r]
-  ), w = X(
-    (F) => {
-      if (h) return;
-      const E = d(F);
-      if (E) {
-        if (F?.archived) {
-          if (!x) return;
-          O?.mutate(
-            { pathParams: { id: E } },
-            { onSuccess: (H) => {
-              Le(H) || _?.();
-            } }
-          );
-          return;
-        }
-        v && W?.mutate(
-          { pathParams: { id: E } },
-          { onSuccess: (H) => {
-            Le(H) || _?.();
-          } }
-        );
-      }
-    },
-    [
-      W,
-      v,
-      x,
-      h,
-      d,
-      _,
-      O
-    ]
-  ), $ = X(
-    (F) => {
-      if (h || !p) return;
-      const E = d(F);
-      E && P?.mutate(
-        { pathParams: { id: E } },
-        { onSuccess: (H) => {
-          Le(H) || _?.();
-        } }
-      );
-    },
-    [p, P, h, d, _]
-  );
-  return {
-    data: B,
-    isLoading: Y,
-    error: z,
-    addFormName: y ? k : null,
-    optionFormName: g,
-    openMobileMenu: I,
-    onEditRow: b ? D : void 0,
-    onToggleArchiveRow: v || x ? w : void 0,
-    onDeleteRow: p ? $ : void 0,
-    allowArchive: v || x,
-    allowDelete: p,
-    permissions: {
-      canCreate: y,
-      canEdit: b,
-      canArchive: v,
-      canUnarchive: x,
-      canListArchived: C,
-      canDelete: p
-    }
-  };
-}
-function Gr({
-  id: e,
-  tableName: t,
-  crud: n,
-  permissionScope: r,
-  formGroupName: s,
-  columns: o,
-  searchKeys: i,
-  buttonName: l = "common.actions.add",
-  mainAction: u,
-  desktopMenuActions: d = [],
-  listArchivedReq: h,
-  normalizeItem: m,
-  transformData: c,
-  getRowId: y,
-  staticData: b,
-  disableMutations: v = !1,
-  fillAvailableHeight: x = !1,
-  useGlobalSearch: C = !0,
-  useEntityTableActions: p = sr,
-  ResponsiveTableComponent: A = Un,
-  resolveFormGroupName: N,
-  hasForm: k,
-  addFormName: f,
-  optionsFormName: g,
-  openMobileMenu: S,
-  onEditRow: L,
-  onToggleArchiveRow: T,
-  onDeleteRow: Y,
-  allowArchive: z,
-  allowDelete: _,
-  ...P
-}) {
-  const { setAdvancedForm: W, setFormObject: O } = _e();
-  if (typeof p != "function")
-    throw new Error("EntityTable requires a useEntityTableActions hook.");
-  const {
-    data: B,
-    isLoading: D,
-    addFormName: I,
-    optionFormName: w,
-    openMobileMenu: $,
-    onEditRow: F,
-    onToggleArchiveRow: E,
-    onDeleteRow: H,
-    allowArchive: J,
-    allowDelete: re
-  } = p({
-    crud: n,
-    permissionScope: r,
-    formGroupName: s,
-    setFormObject: O,
-    setAdvancedForm: W,
-    staticData: b,
-    listArchivedReq: h,
-    normalizeItem: m,
-    transformData: c,
-    getRowId: y,
-    disableMutations: v,
-    resolveFormGroupName: N,
-    hasForm: k
-  });
-  return /* @__PURE__ */ a("div", { className: "full-w column-left", children: /* @__PURE__ */ a(
-    A,
-    {
-      ...P,
-      id: e,
-      table_name: t,
-      addFormName: f ?? I,
-      optionsFormName: g ?? w,
-      buttonName: l,
-      searchKeys: i,
-      columns: o,
-      initialData: B,
-      isLoading: D,
-      openMobileMenu: S ?? $,
-      onEditRow: L ?? F,
-      onToggleArchiveRow: T ?? E,
-      onDeleteRow: Y ?? H,
-      allowArchive: z ?? J,
-      allowDelete: _ ?? re,
-      mainAction: u,
-      desktopMenuActions: d,
-      fillAvailableHeight: x,
-      useGlobalSearch: C
-    }
-  ) });
-}
-function ir(e, t, n) {
-  return t ?? (e.alt != null ? e.alt : e.altKey && n ? n(e.altKey) : e.altKey ?? "");
-}
-function Xr(e, t) {
-  return function({ name: r, size: s, variant: o, alt: i, decorative: l = !1, translateAlt: u, ...d }) {
-    const h = e[r];
-    return h ? /* @__PURE__ */ a(
-      fe,
-      {
-        src: h.src,
-        size: s ?? h.size,
-        variant: o ?? h.variant ?? t,
-        alt: l ? "" : ir(h, i, u),
-        decorative: l,
-        ...d
-      }
-    ) : null;
-  };
-}
-const vt = "formDrafts", Se = (e) => e != null && typeof e == "object" && !Array.isArray(e), Oe = () => {
-  if (typeof window > "u") return {};
-  try {
-    const e = window.localStorage.getItem(vt);
-    if (!e) return {};
-    const t = JSON.parse(e);
-    return Se(t) ? t : {};
-  } catch {
-    return {};
-  }
-}, nt = (e) => {
-  if (!(typeof window > "u"))
-    try {
-      window.localStorage.setItem(vt, JSON.stringify(e));
-    } catch {
-    }
-};
-function jr(e, t) {
-  const [n, r] = K(() => {
-    const o = typeof t == "function" ? t() : t;
-    if (!e) return o;
-    const l = Oe()?.[e];
-    return !Se(o) || !Se(l) ? o : { ...o, ...l };
-  });
-  j(() => {
-    if (!e || !Se(n)) return;
-    const o = Oe();
-    nt({
-      ...o,
-      [e]: n
-    });
-  }, [e, n]);
-  const s = X(() => {
-    if (!e) return;
-    const o = Oe();
-    e in o && (delete o[e], nt(o));
-  }, [e]);
-  return { form: n, setForm: r, clearDraft: s };
-}
-function ar(e) {
-  if (e == null || e === "") return null;
-  if (typeof e != "object") return String(e);
-  const t = e.id ?? e.value ?? e.ids?.[0] ?? null;
-  return t == null || t === "" ? null : String(t);
-}
-function lr(e = {}) {
-  return String(e?.type ?? "").toLowerCase() === "object";
-}
-function cr(e) {
-  return e == null ? !1 : typeof e == "string" ? e.trim().length > 0 : !0;
-}
-function ur(e, t, n = {}) {
-  const r = new e(n).toJSON(), s = t?.fields ?? {};
-  for (const [o, i] of Object.entries(s))
-    lr(i) && (r[o] = ar(r[o]));
-  return r;
-}
-function Wr(e, t, n = {}) {
-  const r = {};
-  for (const [s, o] of Object.entries(n ?? {}))
-    cr(o) && (r[s] = o);
-  return ur(e, t, r);
-}
-function Qr({
-  id: e,
-  form: t = null,
-  title: n,
-  iconName: r = null,
-  picture: s = null,
-  type: o = "short-form",
-  ...i
-}) {
-  return {
-    id: e,
-    form: t,
-    title: n,
-    iconName: r,
-    picture: s,
-    type: o,
-    ...i
-  };
-}
-function Kr(e = {}) {
-  return e;
-}
-function Ur({
-  id: e,
-  form: t = null,
-  title: n = "forms.shared.actionFormTitle",
-  picture: r = null,
-  type: s = "short-form",
-  buildActions: o = null,
-  actions: i = [],
-  ...l
-}) {
-  return {
-    id: e,
-    form: t,
-    title: n,
-    picture: r,
-    type: s,
-    buildActions: o,
-    actions: i,
-    ...l
-  };
-}
-function Jr(e = {}) {
-  return {
-    forms: e,
-    getForm: (o, i = "default") => !o || o === "none" || !i || i === "none" ? null : e?.[o]?.[i] ?? null,
-    getFormGroup: (o) => !o || o === "none" ? null : e?.[o] ?? null,
-    getFormID: (o, i = "default") => !o || o === "none" || !i || i === "none" ? null : e?.[o]?.[i]?.id ?? null,
-    getFormGroupActions: (o) => !o || o === "none" ? [] : Object.keys(e?.[o] ?? {})
-  };
-}
-export {
-  qr as $,
-  xr as A,
-  Ht as B,
-  Tr as C,
-  Mr as D,
-  pt as E,
-  Ir as F,
-  gt as G,
-  wn as H,
-  fe as I,
-  Dr as J,
-  vn as K,
-  Pr as L,
-  Br as M,
-  we as N,
-  mt as O,
-  Rr as P,
-  Vn as Q,
-  Un as R,
-  et as S,
-  Gn as T,
-  Kn as U,
-  Rn as V,
-  qn as W,
-  Hr as X,
-  ht as Y,
-  q as Z,
-  Bn as _,
-  Sr as a,
-  Fr as a0,
-  kr as a1,
-  Wr as a2,
-  Cr as a3,
-  Xe as a4,
-  Lr as a5,
-  Jr as a6,
-  Xr as a7,
-  lt as a8,
-  He as a9,
-  vr as aa,
-  Ur as ab,
-  Qr as ac,
-  Kr as ad,
-  ur as ae,
-  Yt as af,
-  tt as ag,
-  sr as ah,
-  jr as ai,
-  Vt as aj,
-  dn as ak,
-  pn as al,
-  bt as am,
-  Hn as an,
-  Yn as ao,
-  wr as b,
-  _r as c,
-  Rt as d,
-  jt as e,
-  Wt as f,
-  Er as g,
-  Ar as h,
-  $r as i,
-  Jt as j,
-  Vr as k,
-  Gr as l,
-  nn as m,
-  sn as n,
-  Wn as o,
-  Or as p,
-  an as q,
-  $e as r,
-  jn as s,
-  Ln as t,
-  zr as u,
-  Zt as v,
-  ut as w,
-  Nr as x,
-  Yr as y,
-  tn as z
-};