kosmio 0.1.0 → 0.1.2

package/dist/formRegistry-C5VIE7xu.js

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