kosmio 0.1.2 → 0.1.3

package/dist/formRegistry-C5VIE7xu.js

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