kosmio 0.1.0

package/dist/formRegistry-Lvs6aL14.js

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