kosmio 0.1.2 → 0.1.3

package/dist/formRegistry-CjW2-z6G.js

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