@telia-ace/widget-ui 0.0.1

package/index.mjs

@@ -0,0 +1,3577 @@
+var it = Object.defineProperty;
+var st = (e, t, n) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var te = (e, t, n) => (st(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { css as k, keyframes as Be } from "@emotion/react";
+import { kebabCase as at, appendClassNames as M, uuid as _, removeNullAndUndefinedValues as He, Logger as de } from "@telia-ace/widget-utilities";
+import { jsx as i, jsxs as b, Fragment as U } from "react/jsx-runtime";
+import C from "@emotion/styled";
+import oe, { forwardRef as D, createContext as K, useContext as P, useState as w, useEffect as v, useRef as L, useCallback as E, useImperativeHandle as ge, createElement as ct, useMemo as re, Component as lt, lazy as dt } from "react";
+import { CSSTransition as Ve, Transition as ut } from "react-transition-group";
+import { Container as ht, WidgetState as ft } from "@webprovisions/platform";
+import { ComponentPlatform as mt, asDescriptor as gt, createEventSubscriber as pt, ComponentQuery as Ct, WidgetRenderState as ne, extendComponent as yt } from "@telia-ace/widget-core";
+import { createPortal as bt } from "react-dom";
+import Re from "htmr";
+import { HistoryMode as Te, getSpecificWidgetPath as vt } from "@telia-ace/widget-routing";
+import { Link as ue } from "react-router-dom";
+const xt = (e) => e === "entering" || e === "entered", wt = (e) => e === "exiting" || e === "exited", F = {
+  fade: {
+    in: "opacity: 1;",
+    out: "opacity: 0;"
+  },
+  "slide-left": {
+    in: "transform: translateX(0);",
+    out: "transform: translateX(-100%);"
+  },
+  "slide-right": {
+    in: "transform: translateX(0);",
+    out: "transform: translateX(100%);"
+  },
+  "slide-up": {
+    in: "transform: translateY(0);",
+    out: "transform: translateY(100%);"
+  },
+  "slide-down": {
+    in: "transform: translateY(0);",
+    out: "transform: translateY(-100%);"
+  },
+  scale: {
+    in: "transform: scale(1);",
+    out: "transform: scale(0);"
+  }
+}, kt = [
+  "slide-up",
+  "slide-down",
+  "slide-left",
+  "slide-right",
+  "scale"
+], he = {
+  compose: (e = "exited", t) => {
+    const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), s = kt.indexOf(r[0]) > -1 ? "transform" : "opacity";
+    if (xt(e))
+      return r && r.length > 0 ? k`
+          ${r && r.length > 0 && r.map((h) => F[h] ? F[h].in : "")}
+          transition: ${s} ${n.duration}ms ${n.easing};
+        ` : "";
+    const c = r && r.length > 0 && k`
+        ${r.map((h) => F[h] ? F[h].out : "")}
+      `;
+    if (wt(e)) {
+      const h = o.transitionKeys.split(" ");
+      return h && h.length > 0 && e === "exiting" ? k`
+          ${c};
+          ${h.map((a) => F[a] ? F[a].out : "")}
+          transition: ${s} ${o.duration}ms ${o.easing};
+        ` : c;
+    }
+  },
+  composeViewTransition: (e, t, n) => {
+    if (t === "slide")
+      return he.compose(e, {
+        enter: {
+          transitionKeys: n === "forth" ? "slide-right" : "slide-left",
+          duration: 500
+        },
+        exit: {
+          transitionKeys: n === "forth" ? "slide-left" : "slide-right",
+          duration: 500
+        }
+      });
+    if (t === "fade")
+      return he.compose(e, {
+        enter: {
+          transitionKeys: "fade",
+          duration: 500
+        },
+        exit: {
+          transitionKeys: "fade",
+          duration: 500
+        }
+      });
+  },
+  get: (e) => F[e]
+};
+var fe = /* @__PURE__ */ ((e) => (e.Opera = "opera", e.Chrome = "chrome", e.Firefox = "firefox", e.Safari = "safari", e.Edge = "edge", e.EdgeChromium = "edge-chromium", e.Blink = "blink", e.IE = "internet-explorer", e))(fe || {});
+const Ne = () => {
+  const {
+    opr: e,
+    opera: t,
+    InstallTrigger: n,
+    HTMLElement: o,
+    safari: r,
+    documentMode: s,
+    StyleMedia: c,
+    chrome: h,
+    CSS: a
+  } = window, l = !!e && !!e.addons || !!t || navigator.userAgent.indexOf(" OPR/") >= 0;
+  if (l)
+    return "opera";
+  if (n)
+    return "firefox";
+  const d = ((g) => g.toString() === "[object SafariRemoteNotification]")(!r || typeof r < "u" && r.pushNotification);
+  if (/constructor/i.test(o) || d)
+    return "safari";
+  const u = !!s;
+  if (u)
+    return "internet-explorer";
+  if (!u && c)
+    return "edge";
+  const f = !!h && (!!h.webstore || !!h.runtime);
+  if (f)
+    return "chrome";
+  if (f && navigator.userAgent.indexOf("Edg") !== -1)
+    return "edge-chromium";
+  if ((f || l) && a)
+    return "blink";
+}, $t = ["string", "number"], z = (e) => Object.keys(e).reduce(
+  (t, n) => {
+    const o = typeof e[n] > "u" ? "" : e[n], r = typeof o;
+    if ($t.indexOf(r) > -1) {
+      const s = n.substring(0, 5);
+      s === "data-" || s === "aria-" ? t[at(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
+    } else
+      t[n] = o;
+    return t;
+  },
+  {}
+), vo = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ i(rn, { ...t }) : null, Lt = (e) => new RegExp("^#", "i").test(e), Mt = (e) => ({ children: t, ...n }) => {
+  const {
+    implementation: o,
+    name: r
+  } = e.get("$widget"), { href: s = "" } = n;
+  if (Lt(s))
+    return /* @__PURE__ */ i(Dt, { smooth: !0, to: s, children: t });
+  const c = o.bindings.map((l) => l.replace(/\./g, "\\.")).join("|"), a = new RegExp(
+    `^((http[s]?:)?//)?(${c})/([^\\s]+)`
+  ).exec(s);
+  if (a && a.length >= 4) {
+    const l = a[4];
+    if (o.widgets.get(l) && !l.startsWith("blob?") && !l.startsWith(r))
+      return /* @__PURE__ */ i(ro, { widgetName: l, children: t });
+  }
+  return /* @__PURE__ */ i("a", { ...n, children: t });
+}, We = (e) => {
+  const t = {};
+  return Object.keys(e).forEach((n) => {
+    n.indexOf("css-") > -1 && (t[n] = e[n]);
+  }), t;
+}, St = (e) => {
+  let t = "";
+  return Object.keys(We(e)).forEach((n) => {
+    n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
+  }), k`
+    ${t}
+  `;
+}, Et = (e, t) => {
+  let n = "";
+  const o = () => {
+    n = "";
+  }, r = (d) => {
+    const u = document.getElementById(n);
+    return u !== null ? (d(u), o(), !0) : !1;
+  }, s = (d) => (d.preventDefault(), o(), e.onClick && e.onClick(d), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && r(
+    e.scroll || ((u) => e.smooth ? u.scrollIntoView({ behavior: "smooth" }) : u.scrollIntoView())
+  ), !1), { scroll: c, smooth: h, to: a, ...l } = e;
+  return t === "a" && (l.href = "javascript:;"), /* @__PURE__ */ i(t, { ...l, onClick: s, children: e.children });
+}, ie = (e) => (t, n) => {
+  let o = t, r = "";
+  if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(t))
+    o = t;
+  else {
+    const h = t.match(/h1|h2|h3|h4|h5|h6/);
+    if (h != null && h[0]) {
+      o = h[0];
+      const [a] = t.split(o);
+      r = a;
+    }
+  }
+  const c = ((h, a, l) => l[h] ? `${a}${l[h]}` : `${a}${h}`)(
+    o,
+    r,
+    e.theme.typographyVariantMapping || {}
+  );
+  return k`
+      ${c} {
+        ${n}
+      }
+    `;
+};
+function Ht(e) {
+  if (typeof e != "string")
+    throw new TypeError("Expected HTML string");
+  const t = document.createElement("div");
+  t.innerHTML = e.trim();
+  const n = Array.from(t.childNodes).map((o) => {
+    const r = o;
+    if (!r.tagName || !r.attributes)
+      return r;
+    const s = document.createElement(r.tagName);
+    return s.innerHTML = r.innerHTML, Array.from(r.attributes).forEach((c) => {
+      s.setAttribute(
+        c.localName.replace(/[^\w-]/g, ""),
+        c.value
+      );
+    }), s;
+  });
+  return Array.from(n).map((o) => o.tagName ? o.outerHTML : o.textContent).join("");
+}
+function Rt(e, t) {
+  return t ? Re(Ht(e), t) : Re(e);
+}
+const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt = (e, t) => ({
+  transform: {
+    a: Mt(e),
+    img: Tt(t)
+  }
+}), Dt = (e) => Et(e, "a"), se = D(
+  ({ className: e, children: t, ...n }, o) => /* @__PURE__ */ i(
+    zt,
+    {
+      type: "button",
+      className: M(e, "humany-button"),
+      ...z(n),
+      ref: o,
+      children: t
+    }
+  )
+), zt = C.button`
+  -webkit-appearance: button;
+  text-transform: none;
+  overflow: visible;
+  outline: none;
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: normal;
+  margin: 0;
+  padding: 0;
+`, xo = ({
+  onChange: e = () => {
+  },
+  onEnter: t = () => {
+  },
+  className: n,
+  autoComplete: o = "",
+  ...r
+}) => /* @__PURE__ */ i(
+  "input",
+  {
+    className: M(n, "humany-checkbox"),
+    onKeyDown: (s) => {
+      s.key === "Enter" && t(s);
+    },
+    autoComplete: o || void 0,
+    onChange: (s) => e(s.target.value, s.currentTarget.checked),
+    ...z(r)
+  }
+), Bt = K(new ht()), Vt = K(1), Ze = K({
+  id: "",
+  type: "",
+  name: "",
+  branch: ""
+}), Wt = K(
+  {}
+), Zt = K(null), It = K(null), pe = () => P(Ze), B = () => P(Bt), wo = (e, t) => {
+  const n = pe().id, o = B();
+  return (r, s) => {
+    (t || o).getAsync("actionResolver").then((c) => {
+      c.action(e || n, r, s);
+    });
+  };
+}, Ce = (e) => {
+  const t = P(Ze), n = Y(), [o, r] = w();
+  return v(() => {
+    if ((e || t.id) && n) {
+      const s = n.nodes.get(e || t.id);
+      r(s);
+    }
+  }, [e, t.id, n]), o;
+}, Z = () => {
+  const e = L(!1);
+  return v(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), e;
+}, Y = (e) => {
+  const t = B(), [n, o] = w(null), r = Z();
+  return v(() => {
+    mt.getInstance(e || t).then(
+      (s) => {
+        r.current && o(s);
+      }
+    );
+  }, [r]), n;
+}, ko = () => {
+  const e = Ce(), t = Y(), [n, o] = w([]), r = Z(), s = E(
+    (c) => {
+      if (t && r.current && c) {
+        const h = t.getBranch(c), a = c.getChildren(h).map((l) => gt(l));
+        o(a);
+      }
+    },
+    [r, t, o, e]
+  );
+  return v(() => {
+    e && s(e);
+  }, [e, t]), v(() => {
+    if (t) {
+      const [c, h] = pt(t.events);
+      return c("components:set-layout", (a, l) => {
+        (e === l.node.parent || l.node.parent === t.nodes.root) && s(l.node.parent);
+      }), c("components:node-appended", (a, l) => {
+        (e === l.node.parent || l.node.parent === t.nodes.root) && s(l.node.parent);
+      }), c("components:node-removed", (a, { parentNode: l }) => {
+        (l === e || l === t.nodes.root) && s(l);
+      }), () => {
+        h();
+      };
+    }
+  }, [e, t, s]), n;
+}, $o = () => P(Vt), Lo = (e, t) => {
+  const n = pe(), o = B(), [r, s] = w(void 0), c = Z(), h = e || n.type || "";
+  return v(() => {
+    if (h) {
+      let a;
+      return (t || o).getAsync("componentResolver").then((l) => {
+        if (c.current) {
+          const d = l.getComponent(h);
+          s(d);
+        }
+        a = l.registerResolver(h, (d) => {
+          c.current && s(d);
+        });
+      }), () => {
+        a && a();
+      };
+    }
+  }, [c, h, t, o]), r;
+}, Ot = (e) => {
+  const t = Ce(e), n = Y(), [o, r] = w({}), s = Z();
+  return v(() => {
+    t && s.current && r(t.attributes.context);
+  }, [s, t]), v(() => {
+    if (n) {
+      const c = n.events.subscribe(
+        "components:context-changed",
+        (h, a) => {
+          t === a.node && s.current && r(a.node.attributes.context);
+        }
+      );
+      return () => {
+        c();
+      };
+    }
+  }, [s, n, t]), o;
+}, Mo = () => P(It), So = () => {
+  const e = Y(), t = pe(), [n, o] = w([]), [r, s] = w();
+  return v(() => {
+    if (e && t) {
+      const c = new Ct(e).withId(t.id), h = e.actions(c, t.type || _());
+      s(h), n !== null && (n.forEach((a) => {
+        h.dispatch(a.key, a.data).then((l) => a.resolve(l)).catch((l) => a.reject(l));
+      }), o(null));
+    }
+  }, [e, t.id]), (c, h) => n !== null ? new Promise((a, l) => {
+    n.push({
+      key: c,
+      data: h,
+      resolve: a,
+      reject: l
+    });
+  }) : r.dispatch(c, h);
+}, W = (e, t, n = window, o = () => !0) => {
+  const r = L(() => {
+  });
+  v(() => {
+    r.current = t;
+  }, [t]), v(() => {
+    if (!(n && o()))
+      return;
+    const c = (h) => r.current(h);
+    return n.addEventListener(e, c), () => {
+      n.removeEventListener(e, c);
+    };
+  }, [e, n]);
+}, At = (e) => {
+  const t = B(), { events: n } = (e || t).get("$widget");
+  return n;
+}, Eo = () => {
+  const [e, t] = w(!1);
+  return v(() => {
+    const n = () => {
+      t(!1);
+    }, o = (r) => {
+      r.keyCode === 9 && t(!0);
+    };
+    return window.addEventListener("keydown", o), window.addEventListener("click", n), () => {
+      window.removeEventListener("keydown", o), window.removeEventListener("click", n);
+    };
+  }, []), e;
+}, j = (e, t) => {
+  const [n, o] = w(!1), r = E(
+    (c) => {
+      const { key: h } = c;
+      h === e && (o(!0), t && t(c));
+    },
+    [o, t]
+  ), s = E(
+    ({ key: c }) => {
+      c === e && o(!1);
+    },
+    [o]
+  );
+  return W("keydown", r, window), W("keyup", s, window), n;
+}, Ho = (e) => {
+  const t = Ce(e), n = Y(), [o, r] = w({}), s = Z();
+  return v(() => {
+    t && s.current && r(t.attributes.layout);
+  }, [t, s]), v(() => {
+    if (n) {
+      const c = n.events.subscribe(
+        "components:layout-changed",
+        (h, a) => {
+          t === a.node && s.current && r(a.node.attributes.layout);
+        }
+      );
+      return () => {
+        c();
+      };
+    }
+  }, [n, s, t]), o;
+}, Ie = (e) => {
+  const t = L();
+  return v(() => {
+    t.current = e;
+  }), t.current;
+}, Ro = () => P(Wt), To = (e) => {
+  const [t, n] = w(), o = B(), r = Z();
+  return v(() => {
+    let s;
+    const c = (e || o).get("$widget");
+    if (!c)
+      return;
+    const { name: h, invoke: a } = c;
+    return a("renderState").then((l) => {
+      r.current && n(l);
+    }), (e || o).getAsync("actionResolver").then((l) => {
+      s = l.subscribe(h, (d, u) => {
+        switch (u) {
+          case "close":
+          case "open":
+            r.current && n(
+              u === "open" ? ne.open : ne.closed
+            );
+            break;
+          case "hide":
+            r.current && n(ne.hidden);
+        }
+      });
+    }), () => {
+      s && s();
+    };
+  }, [r]), t;
+}, Oe = () => P(Zt), No = (e) => {
+  const t = B(), n = Oe(), [o, r] = w({
+    name: "",
+    params: {}
+  }), s = Z();
+  return v(() => {
+    const c = (e || t).get("$widget");
+    if (!c)
+      return;
+    const { events: h } = c;
+    return h.subscribe(
+      "router:change",
+      (l, { next: { routeData: d } }) => {
+        if (s.current) {
+          const { name: u, params: f } = d;
+          He(f), r({ name: u, params: f });
+        }
+      }
+    );
+  }, [s, e, t]), v(() => {
+    if (n && n.history && s.current) {
+      const c = n.getRouteData(), { name: h, params: a } = c;
+      He(a), r({ name: h, params: a });
+    }
+  }, [n, s]), o;
+}, Ae = (e) => {
+  const t = L(), n = L(0);
+  let o;
+  const r = E(() => {
+    var l;
+    (l = t.current) == null || l.classList.add("humany-scrolling"), clearTimeout(o), o = setTimeout(() => {
+      var d;
+      (d = t.current) == null || d.classList.remove("humany-scrolling");
+    }, 500);
+  }, [t]), s = E(
+    (l) => {
+      n.current = l.touches[0].clientY;
+    },
+    [t]
+  ), c = (l) => h(l) ? l === t.current ? l : null : l.parentElement ? c(l.parentElement) : null, h = (l) => l.scrollWidth > l.clientWidth || l.scrollHeight > l.clientHeight, a = E(
+    (l) => {
+      if (!l.cancelable)
+        return;
+      const d = l.touches[0].clientY, u = c(l.target);
+      if (!u)
+        return;
+      const f = u.scrollTop, g = n.current - d < 0 ? "up" : "down", m = f <= 0 && g === "up", p = f >= u.scrollHeight - u.offsetHeight && g === "down";
+      (m || p) && l.preventDefault(), n.current = d;
+    },
+    [t, n]
+  );
+  return W(
+    "scroll",
+    r,
+    t.current,
+    () => t.current && e
+  ), W(
+    "touchstart",
+    s,
+    t.current,
+    () => t.current && e
+  ), W(
+    "touchmove",
+    a,
+    t.current,
+    () => t.current && e
+  ), e ? [Ft, t] : ["", t];
+}, Ft = `
+    overflow-y: ${Ne() === fe.Chrome || Ne() === fe.EdgeChromium ? "overlay" : "auto"};
+    overflow-x: hidden;
+    -ms-overflow-style: none; /* IE 10+ */
+    scrollbar-width: thin; /* Firefox */
+    scrollbar-color: transparent transparent; /* Firefox */
+
+    ::-webkit-scrollbar {
+        width: 3px !important;
+        background-color: transparent;
+        border-left: none;
+    }
+    ::-webkit-scrollbar-thumb {
+        background-color: transparent;
+    }
+    ::-webkit-scrollbar-track {
+        -webkit-box-shadow: none !important;
+        background-color: transparent;
+    }
+    &.humany-scrolling {
+        scrollbar-color: #7F7F7F transparent;
+        scrollbar-width: thin; /* Firefox */
+        -ms-overflow-style: none; /* IE 10+ */
+
+        ::-webkit-scrollbar-thumb {
+            background-color: #7F7F7F;
+        }
+    }
+`, Do = () => {
+  const [e, t] = w(null), n = B(), o = Z();
+  return v(() => {
+    n.get("settings").then((r) => {
+      o.current && t(r);
+    });
+  }, [o]), e;
+}, Fe = (e = !1) => {
+  const [t, n] = w(e), o = E((r) => {
+    n(typeof r == "boolean" ? r : (s) => !s);
+  }, []);
+  return [t, o];
+}, zo = (e) => {
+  const t = B(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = w(null), [c, h] = w(null), a = Z();
+  v(() => {
+    if (n && a.current) {
+      const d = n.nodes.all.find((f) => f.name === "root-area"), u = n.nodes.all.find((f) => f.type === "view");
+      if (!(u != null && u.attributes.properties.animation) && !(d != null && d.attributes.properties.animation))
+        e();
+      else {
+        const f = (p = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${p}"]`), g = f(u == null ? void 0 : u.id);
+        g && s(g);
+        const m = f(d == null ? void 0 : d.id);
+        m && h(m);
+      }
+    }
+  }, [n, t, a]);
+  const l = E(
+    (d) => {
+      a.current && (d.target === r || d.target === c) && e();
+    },
+    [e, a, r, c]
+  );
+  W(
+    "transitionend",
+    l,
+    r
+  ), W(
+    "transitionend",
+    l,
+    c
+  );
+}, ae = (e, t, n = [], o) => {
+  const r = At(o);
+  return v(() => {
+    if (r) {
+      const s = r.subscribe(e, t);
+      return () => {
+        s();
+      };
+    }
+  }, [r].concat(n)), (s) => r == null ? void 0 : r.dispatch(e, s);
+}, ye = (e, t) => {
+  const n = ae("widget:menu-toggled", (o, r) => {
+    r !== e && t();
+  });
+  return () => n(e);
+}, be = D(
+  ({ className: e, children: t, ...n }, o) => /* @__PURE__ */ i(
+    "span",
+    {
+      ref: o,
+      className: M(e, "humany-text"),
+      ...z(n),
+      children: t
+    }
+  )
+), Pe = (e) => k`
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  background: #ffffff;
+  border-radius: ${e.theme.borderRadius};
+  border: ${e.theme.border};
+  box-shadow: ${e.theme.boxShadow || "none"};
+  ${e["data-loading"] && "min-height: 150px;"}
+`, Pt = (e) => {
+  var t, n, o;
+  return k`
+  cursor: pointer;
+  text-align: center;
+  border: none;
+  font-weight: 300;
+  padding: ${(t = e.theme.sizes) == null ? void 0 : t.normal};
+  border-radius: ${e.theme.borderRadius};
+  font-family: ${(n = e.theme.fonts) == null ? void 0 : n.type};
+  font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
+`;
+}, Bo = (e) => {
+  var c;
+  const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: s } = e;
+  return k`
+    ${Pt(e)}
+    border: 1px solid ${o ? n : t};
+    background-color: ${o ? t : n};
+
+    color: ${o ? n : t};
+    transition: background-color 200ms ease-out, color 200ms ease-out;
+
+    span,
+    i,
+    p,
+    a {
+      transition: color 200ms ease-out;
+      color: ${o ? n : t};
+      font-size: ${(c = r.fonts) == null ? void 0 : c.normal};
+    }
+
+    ${!s && k`
+      &:hover {
+        background-color: ${t};
+        color: ${n};
+
+        span,
+        i,
+        p,
+        a {
+          color: ${n};
+        }
+      }
+
+      &:focus-visible {
+        ${O(e)};
+      }
+    `}
+  `;
+}, O = (e) => {
+  var t, n, o;
+  return k`
+  outline: ${(t = e.theme.accessibility) == null ? void 0 : t.border};
+  color: ${(o = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : o.inactiveText};
+  border-color: transparent;
+`;
+}, jt = (e) => k`
+  ${O(e)}
+  text-decoration: underline;
+`, Vo = (e) => {
+  var t;
+  return k`
+  ${O(e)}
+  outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
+`;
+}, ve = C(se)`
+  position: absolute;
+  top: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}};
+  right: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}};
+  z-index: 1;
+
+  svg {
+    stroke: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.text;
+}};
+  }
+
+  &:focus-visible {
+    ${O}
+    padding: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}};
+    height: 15px;
+    box-sizing: content-box;
+  }
+`, De = C(be)`
+  font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+  font-weight: normal;
+  line-height: 1.2em;
+  color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.text;
+}};
+`, Kt = (e) => {
+  var t;
+  return k`
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  > li {
+    margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    min-width: 0;
+    &:focus {
+      outline-offset: -2px;
+    }
+    > a {
+      text-decoration: none;
+    }
+  }
+  > li:last-of-type {
+    margin: 0;
+  }
+`;
+}, Wo = (e) => {
+  var t, n, o, r;
+  return k`
+  > div {
+    ${ie(e)(
+    "> h1",
+    k`
+        margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
+        font-size: ${(n = e.theme.fonts) == null ? void 0 : n.medium};
+        font-weight: normal;
+        line-height: 1.8em;
+        color: ${(o = e.theme.colors) == null ? void 0 : o.text};
+      `
+  )}
+  }
+  > ul {
+    ${Kt(e)}
+  }
+  ${ie(e)(
+    "h1",
+    k`
+      display: flex;
+      align-items: center;
+      i {
+        margin: 7px ${(r = e.theme.sizes) == null ? void 0 : r.normal} 0 0;
+        width: 24px;
+        display: inline-block;
+        vertical-align: text-bottom;
+        align-self: flex-start;
+        min-width: 24px;
+        min-height: 24px;
+        text-align: center;
+      }
+    `
+  )}
+`;
+}, Zo = (e) => {
+  var t, n, o, r, s, c;
+  return k`
+  font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
+  font-weight: 300;
+  line-height: 1.5em;
+  color: ${(n = e.theme.colors) == null ? void 0 : n.text};
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    word-break: break-word;
+    &:first-child {
+      margin-top: 0;
+    }
+    &:only-child {
+      margin: 0;
+    }
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  a {
+    color: ${(o = e.theme.colors) == null ? void 0 : o.link};
+    &:focus-visible {
+      ${jt(e)};
+    }
+  }
+
+  img {
+    max-width: 100% !important;
+    height: auto !important;
+  }
+
+  p {
+    word-break: break-word;
+    margin: ${(r = e.theme.sizes) == null ? void 0 : r.normal} 0;
+  }
+
+  p:first-child {
+    margin: 0 0 ${(s = e.theme.sizes) == null ? void 0 : s.normal};
+  }
+
+  p:last-child {
+    margin: ${(c = e.theme.sizes) == null ? void 0 : c.normal} 0 0;
+  }
+
+  p:only-child {
+    margin: 0;
+  }
+`;
+}, q = ({
+  elementId: e = "humany-portal-elements",
+  parent: t = document.body,
+  children: n
+}) => {
+  const [o] = w(() => {
+    const r = document.getElementById(e) || document.createElement("div");
+    return r.id = e, r;
+  });
+  return v(() => (t.appendChild(o), () => {
+    o.childElementCount <= 1 && o.remove();
+  }), [o]), bt(n, o);
+}, Q = ({
+  text: e = "",
+  backgroundSize: t = "contain",
+  size: n = 12,
+  symbol: o = {
+    content: "",
+    type: ""
+  },
+  elementStyle: r = {},
+  className: s,
+  ...c
+}) => {
+  const { type: h, content: a } = o, l = {
+    "aria-label": e,
+    role: "presentation"
+  };
+  switch (h) {
+    case "Uri": {
+      const d = {
+        backgroundSize: t,
+        backgroundImage: `url('${a}')`,
+        backgroundRepeat: "no-repeat",
+        backgroundPosition: "center",
+        backgroundAttachment: "center"
+      };
+      return /* @__PURE__ */ i(
+        "i",
+        {
+          className: M(
+            s,
+            "humany-icon",
+            "humany-custom-icon"
+          ),
+          title: e,
+          style: { ...d, ...r },
+          ...l,
+          ...c
+        }
+      );
+    }
+    case "Svg": {
+      const d = {
+        className: M(s, "humany-icon"),
+        width: `${n}`,
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...c,
+        ref: null
+      }, u = { minWidth: `${n}` };
+      switch (a) {
+        case "search":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 32 30", ...d, children: [
+            /* @__PURE__ */ i(
+              "circle",
+              {
+                cx: "14.8457",
+                cy: "14.5175",
+                r: "8.14359",
+                transform: "rotate(45 14.8457 14.5175)"
+              }
+            ),
+            /* @__PURE__ */ i("line", { x1: "21.1001", y1: "20.4865", x2: "26.5798", y2: "25.9661" })
+          ] });
+        case "clear":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 27 27", ...d, children: [
+            /* @__PURE__ */ i(
+              "circle",
+              {
+                cx: "13.4351",
+                cy: "13.435",
+                r: "9",
+                transform: "rotate(45 13.4351 13.435)",
+                stroke: "black"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "line",
+              {
+                x1: "16.6172",
+                y1: "10.2531",
+                x2: "10.2533",
+                y2: "16.6171",
+                stroke: "black"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "line",
+              {
+                x1: "16.6171",
+                y1: "16.617",
+                x2: "10.2532",
+                y2: "10.2531",
+                stroke: "black"
+              }
+            )
+          ] });
+        case "close":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 13 13", ...d, children: [
+            /* @__PURE__ */ i("path", { d: "M12.3068 0.50647L1.27246 11.7273", stroke: "black" }),
+            /* @__PURE__ */ i("path", { d: "M12.2812 11.9473L1.24686 0.726451", stroke: "black" })
+          ] });
+        case "caret-right":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: u, ...d, children: [
+            /* @__PURE__ */ i("line", { x1: "4.13", y1: "1.05", x2: "10.13", y2: "7.05", stroke: "black" }),
+            /* @__PURE__ */ i("line", { x1: "10.13", y1: "6.95", x2: "4.13", y2: "12.95", stroke: "black" })
+          ] });
+        case "caret-left":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: u, ...d, children: [
+            /* @__PURE__ */ i("line", { x1: "10.13", y1: "12.95", x2: "4.13", y2: "6.95", stroke: "black" }),
+            /* @__PURE__ */ i("line", { x1: "4.13", y1: "7.05", x2: "10.13", y2: "1.05", stroke: "black" })
+          ] });
+        case "caret-up":
+          return /* @__PURE__ */ b(Yt, { viewBox: "0 0 14 14", style: u, ...d, children: [
+            /* @__PURE__ */ i("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }),
+            /* @__PURE__ */ i("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" })
+          ] });
+        case "caret-down":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: u, ...d, children: [
+            /* @__PURE__ */ i("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }),
+            /* @__PURE__ */ i("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" })
+          ] });
+        case "back":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 18 18", ...d, children: [
+            /* @__PURE__ */ i(
+              "line",
+              {
+                y1: "-0.5",
+                x2: "11.724",
+                y2: "-0.5",
+                transform: "matrix(-0.682355 -0.731021 0.682355 -0.731021 13 16.9999)",
+                stroke: "white"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "line",
+              {
+                y1: "-0.5",
+                x2: "11.724",
+                y2: "-0.5",
+                transform: "matrix(0.682355 -0.731021 0.682355 0.731021 5 9.5705)",
+                stroke: "white"
+              }
+            )
+          ] });
+        case "alert":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 19 19", ...d, children: [
+            /* @__PURE__ */ i("circle", { cx: "9.5", cy: "9.5", r: "9.5", fill: "#CA0813" }),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M10.36 4.878V8.882C10.36 9.30667 10.339 9.72433 10.297 10.135C10.255 10.541 10.199 10.9727 10.129 11.43H8.96C8.89 10.9727 8.834 10.541 8.792 10.135C8.75 9.72433 8.729 9.30667 8.729 8.882V4.878H10.36ZM8.463 14.048C8.463 13.9033 8.48867 13.7657 8.54 13.635C8.596 13.5043 8.67067 13.3923 8.764 13.299C8.862 13.2057 8.97633 13.131 9.107 13.075C9.23767 13.019 9.37767 12.991 9.527 12.991C9.67167 12.991 9.80933 13.019 9.94 13.075C10.0707 13.131 10.1827 13.2057 10.276 13.299C10.3693 13.3923 10.444 13.5043 10.5 13.635C10.556 13.7657 10.584 13.9033 10.584 14.048C10.584 14.1973 10.556 14.3373 10.5 14.468C10.444 14.594 10.3693 14.7037 10.276 14.797C10.1827 14.8903 10.0707 14.9627 9.94 15.014C9.80933 15.07 9.67167 15.098 9.527 15.098C9.37767 15.098 9.23767 15.07 9.107 15.014C8.97633 14.9627 8.862 14.8903 8.764 14.797C8.67067 14.7037 8.596 14.594 8.54 14.468C8.48867 14.3373 8.463 14.1973 8.463 14.048Z",
+                fill: "white"
+              }
+            )
+          ] });
+        case "send":
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 20 17", ...d, children: /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M18.95 8.56428L0.949951 0.941406V7.02531L13.6351 8.47059L0.950001 9.92276L0.949951 15.9414L18.95 8.56428Z",
+              fill: "#A6A6A6",
+              stroke: "#A6A6A6",
+              strokeWidth: "0.1"
+            }
+          ) });
+        case "chat":
+          return /* @__PURE__ */ b("svg", { viewBox: "-2 -3 40 40", ...d, children: [
+            /* @__PURE__ */ i(
+              "path",
+              {
+                strokeWidth: "0",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M16.9799 34C21.2676 34 25.1841 32.4256 28.1725 29.8285L34.9534 32.1994C35.7991 32.4951 36.553 31.5778 36.0892 30.8173L32.2559 24.5317C33.3474 22.3103 33.9598 19.8153 33.9598 17.1786C33.9598 7.88838 26.3576 0.357178 16.9799 0.357178C7.60216 0.357178 0 7.88838 0 17.1786C0 26.4688 7.60216 34 16.9799 34ZM30.7031 24.565C31.9094 22.3701 32.5948 19.8536 32.5948 17.1786C32.5948 8.6352 25.6038 1.70942 16.9799 1.70942C8.35601 1.70942 1.36498 8.6352 1.36498 17.1786C1.36498 25.722 8.35601 32.6478 16.9799 32.6478C21.1946 32.6478 25.0193 30.9935 27.8285 28.3047L34.3975 30.5798L30.7031 24.565Z",
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                strokeWidth: "0",
+                d: "M12.9395 17.1786C12.9395 18.6079 11.7809 19.7665 10.3516 19.7665C8.92237 19.7665 7.76373 18.6079 7.76373 17.1786C7.76373 15.7493 8.92237 14.5907 10.3516 14.5907C11.7809 14.5907 12.9395 15.7493 12.9395 17.1786Z",
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                strokeWidth: "0",
+                d: "M19.4093 17.1786C19.4093 18.6079 18.2507 19.7665 16.8214 19.7665C15.3921 19.7665 14.2335 18.6079 14.2335 17.1786C14.2335 15.7493 15.3921 14.5907 16.8214 14.5907C18.2507 14.5907 19.4093 15.7493 19.4093 17.1786Z",
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                strokeWidth: "0",
+                d: "M25.8791 17.1786C25.8791 18.6079 24.7204 19.7665 23.2912 19.7665C21.8619 19.7665 20.7033 18.6079 20.7033 17.1786C20.7033 15.7493 21.8619 14.5907 23.2912 14.5907C24.7204 14.5907 25.8791 15.7493 25.8791 17.1786Z",
+                fill: "currentColor"
+              }
+            )
+          ] });
+        case "chat-new":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 26 24", ...d, children: [
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M22.1109 10.3813C22.3941 10.2876 22.6674 10.1722 22.9288 10.0371C23.1902 10.9797 23.33 11.9734 23.33 13C23.33 19.0751 18.4348 24 12.3962 24C9.6352 24 7.11325 22.9705 5.18893 21.2721L0.82251 22.8226C0.277922 23.0159 -0.207515 22.4161 0.0911259 21.9188L2.55952 17.8084C1.85665 16.3558 1.46233 14.7242 1.46233 13C1.46233 6.92487 6.35758 2 12.3962 2C13.4013 2 14.3747 2.13645 15.2992 2.39193C15.1628 2.65458 15.0464 2.92925 14.9519 3.21394C14.1358 2.99881 13.2793 2.88427 12.3962 2.88427C6.84301 2.88427 2.34128 7.41324 2.34128 13C2.34128 14.7493 2.78263 16.3949 3.5594 17.8302L1.18047 21.7634L5.41046 20.2757C7.21939 22.034 9.68221 23.1157 12.3962 23.1157C17.9493 23.1157 22.451 18.5868 22.451 13C22.451 12.0944 22.3328 11.2165 22.1109 10.3813Z",
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M25.6633 4C25.6633 6.20914 23.8724 8 21.6633 8C19.4541 8 17.6633 6.20914 17.6633 4C17.6633 1.79086 19.4541 0 21.6633 0C23.8724 0 25.6633 1.79086 25.6633 4Z",
+                fill: "currentColor"
+              }
+            )
+          ] });
+        case "agent":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 36 30", ...d, children: [
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M0.900024 15.3887C0.900024 12.9034 2.91474 10.8887 5.40002 10.8887H6.28179V20.0995H5.40002C2.91474 20.0995 0.900024 18.0848 0.900024 15.5995V15.3887Z",
+                stroke: "white"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M34.65 15.5996C34.65 18.0849 32.6353 20.0996 30.15 20.0996L29.2683 20.0996L29.2683 10.8888L30.15 10.8888C32.6353 10.8888 34.65 12.9035 34.65 15.3888L34.65 15.5996Z",
+                stroke: "white"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M29.2565 20.5974C29.2565 26.341 22.8747 26.9792 19.6838 26.9792",
+                stroke: "white"
+              }
+            ),
+            /* @__PURE__ */ i("circle", { cx: "17.4074", cy: "26.9795", r: "2.05271", stroke: "white" }),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M6.28467 12.9396C6.28467 11.195 6.28686 18.0452 6.28467 8.47234C6.28248 -1.10049 29.2591 -1.10047 29.259 8.47234C29.259 18.0452 29.2569 11.6631 29.259 12.9396",
+                stroke: "white"
+              }
+            )
+          ] });
+        case "minimize":
+          return /* @__PURE__ */ i("svg", { viewBox: "0 -10 22 22", ...d, children: /* @__PURE__ */ i("path", { d: "M0 1H22", stroke: "white" }) });
+        case "sorting":
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 18 14", ...d, children: /* @__PURE__ */ i("path", { d: "M18 1H0M8 13H0M13 7H0" }) });
+        case "copy":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 19 17", ...d, children: [
+            /* @__PURE__ */ i(
+              "rect",
+              {
+                x: "0.5",
+                y: "0.5",
+                width: "11.6667",
+                height: "11.6014",
+                rx: "1.5",
+                fill: "white"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "rect",
+              {
+                x: "6.83301",
+                y: "4.89868",
+                width: "11.6667",
+                height: "11.6014",
+                rx: "1.5",
+                fill: "white"
+              }
+            )
+          ] });
+        case "print":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 16 17", ...d, children: [
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M4.31592 0.999999C4.31592 0.723857 4.53977 0.5 4.81592 0.5H11.1845C11.4606 0.5 11.6845 0.723858 11.6845 1V4.53323H4.31592V0.999999Z",
+                fill: "white",
+                stroke: "black"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M0.5 4.84595C0.5 4.56981 0.723858 4.34595 1 4.34595H15C15.2761 4.34595 15.5 4.5698 15.5 4.84595V10.8399C15.5 11.116 15.2761 11.3399 15 11.3399H1C0.723858 11.3399 0.5 11.116 0.5 10.8399V4.84595Z",
+                fill: "white",
+                stroke: "black"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M4.31592 10.0061C4.31592 9.72996 4.53978 9.5061 4.81592 9.5061H11.1845C11.4606 9.5061 11.6845 9.72996 11.6845 10.0061V16.0001C11.6845 16.2762 11.4606 16.5001 11.1845 16.5001H4.81592C4.53978 16.5001 4.31592 16.2762 4.31592 16.0001V10.0061Z",
+                fill: "white",
+                stroke: "black"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "line",
+              {
+                x1: "5.29004",
+                y1: "10.8323",
+                x2: "10.7101",
+                y2: "10.8323",
+                stroke: "black"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "line",
+              {
+                x1: "5.29004",
+                y1: "12.5242",
+                x2: "10.7101",
+                y2: "12.5242",
+                stroke: "black"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "line",
+              {
+                x1: "5.29004",
+                y1: "14.2161",
+                x2: "10.7101",
+                y2: "14.2161",
+                stroke: "black"
+              }
+            )
+          ] });
+        case "language":
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 19 19", ...d, children: /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M9.5 18C14.1944 18 18 14.1944 18 9.5C18 4.80558 14.1944 1 9.5 1M9.5 18C4.80558 18 1 14.1944 1 9.5C1 4.80558 4.80558 1 9.5 1M9.5 18C11.823 18 13.7062 14.1944 13.7062 9.5C13.7062 4.80558 11.823 1 9.5 1M9.5 18C7.17699 18 5.29381 14.1944 5.29381 9.5C5.29381 4.80558 7.17699 1 9.5 1M1.44333 6.78351H17.4742M1.3088 11.7784H17.6912",
+              stroke: "black"
+            }
+          ) });
+        case "information":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 17 17", ...d, children: [
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M9.72182 5.99993C10.0524 5.99993 10.3203 5.73198 10.3203 5.40145C10.3203 5.07092 10.0524 4.80297 9.72182 4.80297C9.39129 4.80297 9.12335 5.07092 9.12335 5.40145C9.12335 5.73198 9.39129 5.99993 9.72182 5.99993Z",
+                fill: "black"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M7.21887 6.67639C6.89117 6.71981 6.66072 7.02066 6.70414 7.34836C6.74756 7.67605 7.04841 7.9065 7.3761 7.86308L8.353 7.73364L7.17405 11.3945C7.11289 11.5844 7.15164 11.7825 7.26117 11.932C7.38068 12.1287 7.60875 12.2469 7.85155 12.2147L9.40669 12.0087C9.73436 11.9653 9.96479 11.6645 9.92137 11.3368C9.87795 11.0091 9.57713 10.7787 9.24947 10.8221L8.58762 10.9098L9.76774 7.24534C9.83038 7.05084 9.78821 6.84771 9.67254 6.69702C9.55085 6.50877 9.32791 6.39694 9.09093 6.42834L7.21887 6.67639Z",
+                fill: "black"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M17 8.5C17 13.1944 13.1944 17 8.5 17C3.80558 17 0 13.1944 0 8.5C0 3.80558 3.80558 0 8.5 0C13.1944 0 17 3.80558 17 8.5ZM16 8.5C16 12.8454 12.8454 16 8.5 16C4.15461 16 1 12.8454 1 8.5C1 4.15461 4.15461 1 8.5 1C12.8454 1 16 4.15461 16 8.5Z",
+                fill: "black"
+              }
+            )
+          ] });
+        case "options":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 16 2", ...d, children: [
+            /* @__PURE__ */ i(
+              "circle",
+              {
+                cx: "15",
+                cy: "1",
+                r: "1",
+                transform: "rotate(90 15 1)",
+                fill: "black"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "circle",
+              {
+                cx: "1",
+                cy: "1",
+                r: "1",
+                transform: "rotate(90 1 1)",
+                fill: "black"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "circle",
+              {
+                cx: "8",
+                cy: "1",
+                r: "1",
+                transform: "rotate(90 8 1)",
+                fill: "black"
+              }
+            )
+          ] });
+        case "browse":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 24 24", ...d, children: [
+            /* @__PURE__ */ i("circle", { cx: "12", cy: "12", r: "12", fill: "currentColor" }),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M6.16663 7.33334C6.16663 6.68901 6.68896 6.16667 7.33329 6.16667H10.25C10.8943 6.16667 11.4166 6.68901 11.4166 7.33334V10.25C11.4166 10.8943 10.8943 11.4167 10.25 11.4167H7.33329C6.68896 11.4167 6.16663 10.8943 6.16663 10.25V7.33334ZM7.33329 7.04167H10.25C10.411 7.04167 10.5416 7.17226 10.5416 7.33334V10.25C10.5416 10.4111 10.411 10.5417 10.25 10.5417H7.33329C7.17221 10.5417 7.04163 10.4111 7.04163 10.25V7.33334C7.04163 7.17226 7.17221 7.04167 7.33329 7.04167Z",
+                fill: "white"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M6.16663 13.75C6.16663 13.1057 6.68896 12.5833 7.33329 12.5833H10.25C10.8943 12.5833 11.4166 13.1057 11.4166 13.75V16.6667C11.4166 17.311 10.8943 17.8333 10.25 17.8333H7.33329C6.68896 17.8333 6.16663 17.311 6.16663 16.6667V13.75ZM7.33329 13.4583H10.25C10.411 13.4583 10.5416 13.5889 10.5416 13.75V16.6667C10.5416 16.8278 10.411 16.9583 10.25 16.9583H7.33329C7.17221 16.9583 7.04163 16.8278 7.04163 16.6667V13.75C7.04163 13.5889 7.17221 13.4583 7.33329 13.4583Z",
+                fill: "white"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M13.75 6.16667C13.1056 6.16667 12.5833 6.68901 12.5833 7.33334V10.25C12.5833 10.8943 13.1056 11.4167 13.75 11.4167H16.6666C17.311 11.4167 17.8333 10.8943 17.8333 10.25V7.33334C17.8333 6.68901 17.311 6.16667 16.6666 6.16667H13.75ZM16.6666 7.04167H13.75C13.5889 7.04167 13.4583 7.17226 13.4583 7.33334V10.25C13.4583 10.4111 13.5889 10.5417 13.75 10.5417H16.6666C16.8277 10.5417 16.9583 10.4111 16.9583 10.25V7.33334C16.9583 7.17226 16.8277 7.04167 16.6666 7.04167Z",
+                fill: "white"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M17.8333 15.2083C17.8333 16.6581 16.658 17.8333 15.2083 17.8333C13.7585 17.8333 12.5833 16.6581 12.5833 15.2083C12.5833 13.7586 13.7585 12.5833 15.2083 12.5833C16.658 12.5833 17.8333 13.7586 17.8333 15.2083ZM16.9583 15.2083C16.9583 16.1748 16.1748 16.9583 15.2083 16.9583C14.2418 16.9583 13.4583 16.1748 13.4583 15.2083C13.4583 14.2418 14.2418 13.4583 15.2083 13.4583C16.1748 13.4583 16.9583 14.2418 16.9583 15.2083Z",
+                fill: "white"
+              }
+            )
+          ] });
+        case "video":
+          return u.minWidth && typeof u.minWidth == "number" && (u.minWidth = `${u.minWidth}px`), /* @__PURE__ */ b("svg", { viewBox: "0 0 25 25", ...d, style: u, children: [
+            /* @__PURE__ */ i(
+              "path",
+              {
+                d: "M16.8245 10.0758C18.7392 8.55799 21.3085 7.08973 21.7947 7.61552C22.5982 8.47863 22.5288 16.6929 21.7947 17.4766C21.3482 17.9627 18.7589 16.4945 16.8245 14.9866",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M2.61914 12.5385C2.61914 7.12973 4.41578 5.32715 9.80764 5.32715C15.1985 5.32715 16.9952 7.12973 16.9952 12.5385C16.9952 17.9462 15.1985 19.7497 9.80764 19.7497C4.41578 19.7497 2.61914 17.9462 2.61914 12.5385Z",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ] });
+        case "star-empty":
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 13 12", ...d, children: /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M2 5.2767L5.11944 4.81796L6.70023 2L7.96487 4.81796L11 5.51699L8.75527 7.64684L9.18735 11L6.42623 9.40534L3.62295 10.7925L4.21311 7.64684L2 5.2767Z",
+              stroke: "black"
+            }
+          ) });
+        case "star-filled":
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 13 12", ...d, children: /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M2 5.2767L5.11944 4.81796L6.70023 2L7.96487 4.81796L11 5.51699L8.75527 7.64684L9.18735 11L6.42623 9.40534L3.62295 10.7925L4.21311 7.64684L2 5.2767Z",
+              fill: "black",
+              stroke: "black"
+            }
+          ) });
+        case "cog-wheel":
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...d, children: /* @__PURE__ */ i(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M15.273 2.68498V1C15.273 0.447715 14.8253 0 14.273 0H9.72754C9.17525 0 8.72754 0.447715 8.72754 1V2.6852C8.72754 3.20708 8.09656 3.46843 7.72754 3.09941L6.53588 1.90775C6.14536 1.51723 5.51219 1.51723 5.12167 1.90775L1.90755 5.12187C1.51702 5.5124 1.51702 6.14556 1.90755 6.53609L3.09865 7.72719C3.46767 8.09621 3.20632 8.72719 2.68444 8.72719H1C0.447715 8.72719 0 9.1749 0 9.72719V14.2726C0 14.8249 0.447715 15.2726 1 15.2726H2.68534C3.20722 15.2726 3.46857 15.9036 3.09955 16.2726L1.90793 17.4643C1.51741 17.8548 1.51741 18.488 1.90793 18.8785L5.12205 22.0926C5.51258 22.4831 6.14574 22.4831 6.53627 22.0926L7.72754 20.9013C8.09656 20.5323 8.72754 20.7937 8.72754 21.3155V23C8.72754 23.5523 9.17525 24 9.72754 24H14.273C14.8253 24 15.273 23.5523 15.273 23V21.3158C15.273 20.7939 15.904 20.5325 16.273 20.9015L17.4639 22.0924C17.8544 22.483 18.4876 22.483 18.8781 22.0924L22.0922 18.8783C22.4828 18.4878 22.4828 17.8546 22.0922 17.4641L20.9008 16.2726C20.5317 15.9036 20.7931 15.2726 21.315 15.2726H23C23.5523 15.2726 24 14.8249 24 14.2726V9.72719C24 9.1749 23.5523 8.72719 23 8.72719H21.3159C20.794 8.72719 20.5326 8.09621 20.9017 7.72719L22.0926 6.53625C22.4831 6.14572 22.4831 5.51256 22.0926 5.12203L18.8785 1.90791C18.488 1.51739 17.8548 1.51739 17.4643 1.90791L16.273 3.0992C15.904 3.46822 15.273 3.20686 15.273 2.68498ZM16.5792 4.20716C16.263 4.52345 15.7775 4.58532 15.3687 4.40375C15.2439 4.34832 15.1174 4.29587 14.9895 4.2465C14.5723 4.08555 14.273 3.69861 14.273 3.25149V2C14.273 1.44771 13.8253 1 13.273 1H10.7275C10.1753 1 9.72754 1.44772 9.72754 2V3.25116C9.72754 3.69832 9.42816 4.08528 9.01096 4.2462C8.88288 4.29561 8.75633 4.34809 8.6314 4.40357C8.22262 4.58511 7.73715 4.52323 7.42087 4.20695L6.53588 3.32196C6.14536 2.93144 5.51219 2.93144 5.12167 3.32196L3.32176 5.12187C2.93124 5.5124 2.93124 6.14556 3.32176 6.53609L4.20676 7.42109C4.52303 7.73736 4.58491 8.22283 4.40338 8.63161C4.34797 8.75638 4.29555 8.88276 4.2462 9.01067C4.08526 9.42784 3.69831 9.72719 3.25118 9.72719H2C1.44772 9.72719 1 10.1749 1 10.7272V13.2726C1 13.8249 1.44772 14.2726 2 14.2726H3.2511C3.69825 14.2726 4.0852 14.572 4.24614 14.9892C4.29556 15.1173 4.34807 15.2439 4.40357 15.3688C4.58513 15.7776 4.52327 16.2631 4.20698 16.5794L3.32215 17.4643C2.93162 17.8548 2.93162 18.488 3.32215 18.8785L5.12205 20.6784C5.51258 21.0689 6.14574 21.0689 6.53627 20.6784L7.42136 19.7933C7.73762 19.477 8.22305 19.4151 8.63183 19.5966C8.75662 19.6521 8.88302 19.7045 9.01096 19.7538C9.42816 19.9147 9.72754 20.3017 9.72754 20.7489V22C9.72754 22.5523 10.1753 23 10.7275 23H13.273C13.8253 23 14.273 22.5523 14.273 22V20.7485C14.273 20.3014 14.5723 19.9145 14.9895 19.7535C15.1173 19.7042 15.2436 19.6518 15.3682 19.5965C15.777 19.4149 16.2625 19.4768 16.5788 19.7931L17.4639 20.6782C17.8544 21.0687 18.4876 21.0687 18.8781 20.6782L20.678 18.8783C21.0685 18.4878 21.0685 17.8546 20.678 17.4641L19.7929 16.579C19.4766 16.2627 19.4147 15.7772 19.5963 15.3684C19.6517 15.2436 19.7042 15.1172 19.7535 14.9892C19.9145 14.572 20.3014 14.2726 20.7486 14.2726H22C22.5523 14.2726 23 13.8249 23 13.2726V10.7272C23 10.1749 22.5523 9.72719 22 9.72719H20.7485C20.3013 9.72719 19.9144 9.42784 19.7535 9.01067C19.7042 8.8829 19.6518 8.75665 19.5965 8.63201C19.415 8.22324 19.4768 7.7378 19.7931 7.42154L20.6784 6.53625C21.0689 6.14572 21.0689 5.51256 20.6784 5.12203L18.8785 3.32213C18.488 2.9316 17.8548 2.9316 17.4643 3.32213L16.5792 4.20716ZM16.5999 12.0001C16.5999 14.5406 14.5404 16.6001 11.9999 16.6001C9.45939 16.6001 7.3999 14.5406 7.3999 12.0001C7.3999 9.45958 9.45939 7.40009 11.9999 7.40009C14.5404 7.40009 16.5999 9.45958 16.5999 12.0001ZM17.5999 12.0001C17.5999 15.0929 15.0927 17.6001 11.9999 17.6001C8.90711 17.6001 6.3999 15.0929 6.3999 12.0001C6.3999 8.90729 8.90711 6.40009 11.9999 6.40009C15.0927 6.40009 17.5999 8.90729 17.5999 12.0001Z",
+              fill: "black"
+            }
+          ) });
+        case "zoom-in":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 24 24", ...d, children: [
+            /* @__PURE__ */ i(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M21.9774 20.8287L17.9149 16.7662C17.8437 16.6957 17.76 16.639 17.668 16.5992C20.7612 12.9331 20.415 7.48045 16.883 4.23507C13.3509 0.989694 7.88848 1.10517 4.49673 4.49691C1.10499 7.88866 0.98951 13.3511 4.23489 16.8831C7.48027 20.4152 12.9329 20.7614 16.599 17.6682C16.6388 17.7601 16.6955 17.8439 16.766 17.9151L20.8285 21.9776C21.1457 22.2948 21.6601 22.2948 21.9774 21.9776C22.2947 21.6603 22.2947 21.1459 21.9774 20.8287ZM10.8404 18.1531C6.80186 18.1531 3.52794 14.8792 3.52794 10.8406C3.52794 6.80204 6.80186 3.52813 10.8404 3.52813C14.879 3.52813 18.1529 6.80204 18.1529 10.8406C18.1483 14.8773 14.8771 18.1484 10.8404 18.1531Z",
+                fill: "white"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M10.8749 6.75003C11.2892 6.75003 11.6249 7.08581 11.6249 7.50003V14.25C11.6249 14.6642 11.2892 15 10.8749 15C10.4607 15 10.1249 14.6642 10.1249 14.25V7.50003C10.1249 7.08581 10.4607 6.75003 10.8749 6.75003Z",
+                fill: "white"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M6.74994 10.875C6.74994 10.4608 7.08573 10.125 7.49994 10.125H14.2499C14.6642 10.125 14.9999 10.4608 14.9999 10.875C14.9999 11.2892 14.6642 11.625 14.2499 11.625H7.49994C7.08573 11.625 6.74994 11.2892 6.74994 10.875Z",
+                fill: "white"
+              }
+            )
+          ] });
+        case "zoom-out":
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 24 24", ...d, children: [
+            /* @__PURE__ */ i(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M22.1025 20.9536L18.04 16.8911C17.9688 16.8206 17.8851 16.764 17.7931 16.7241C20.8864 13.0581 20.5401 7.60539 17.0081 4.36001C13.476 1.11463 8.0136 1.23011 4.62185 4.62185C1.23011 8.0136 1.11463 13.476 4.36001 17.0081C7.60539 20.5401 13.0581 20.8864 16.7241 17.7931C16.764 17.8851 16.8206 17.9688 16.8911 18.04L20.9536 22.1025C21.2709 22.4198 21.7853 22.4198 22.1025 22.1025C22.4198 21.7853 22.4198 21.2709 22.1025 20.9536ZM10.9656 18.2781C6.92698 18.2781 3.65306 15.0041 3.65306 10.9656C3.65306 6.92698 6.92698 3.65306 10.9656 3.65306C15.0041 3.65306 18.2781 6.92698 18.2781 10.9656C18.2734 15.0022 15.0022 18.2734 10.9656 18.2781Z",
+                fill: "white"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M6.87506 11C6.87506 10.5858 7.21085 10.25 7.62506 10.25H14.3751C14.7893 10.25 15.1251 10.5858 15.1251 11C15.1251 11.4142 14.7893 11.75 14.3751 11.75H7.62506C7.21085 11.75 6.87506 11.4142 6.87506 11Z",
+                fill: "white"
+              }
+            )
+          ] });
+        case "download":
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...d, children: /* @__PURE__ */ i(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M22.5 11.1346V18.4038C22.498 20.1873 21.0527 21.6326 19.2692 21.6346H4.73077C2.94731 21.6326 1.50204 20.1873 1.5 18.4038V11.1346C1.5 10.6885 1.86162 10.3269 2.30769 10.3269C2.75377 10.3269 3.11538 10.6885 3.11538 11.1346V18.4038C3.1164 19.2956 3.83904 20.0182 4.73077 20.0192H19.2692C20.161 20.0182 20.8836 19.2956 20.8846 18.4038V11.1346C20.8846 10.6885 21.2462 10.3269 21.6923 10.3269C22.1384 10.3269 22.5 10.6885 22.5 11.1346ZM11.1434 16.2663C11.6167 16.7388 12.3832 16.7388 12.8565 16.2663L17.4172 11.7057C17.7326 11.3903 17.7326 10.8789 17.4172 10.5635C17.1018 10.2481 16.5904 10.2481 16.275 10.5635L12.8076 14.0308V3.05769C12.8076 2.61162 12.446 2.25 11.9999 2.25C11.5539 2.25 11.1923 2.61162 11.1923 3.05769V14.0308L7.72485 10.5636C7.40946 10.2482 6.89812 10.2482 6.58273 10.5636C6.26734 10.8789 6.26734 11.3903 6.58273 11.7057L11.1434 16.2663Z",
+              fill: "white"
+            }
+          ) });
+        case "lightbox-close":
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...d, children: /* @__PURE__ */ i(
+            "path",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M19.2621 18.1129C19.4674 18.3182 19.5475 18.6173 19.4724 18.8977C19.3973 19.178 19.1783 19.397 18.8979 19.4721C18.6176 19.5472 18.3184 19.4671 18.1132 19.2619L12.1877 13.3363L6.26214 19.2619C6.0569 19.4671 5.75776 19.5472 5.47741 19.4721C5.19705 19.397 4.97807 19.178 4.90294 18.8977C4.82782 18.6173 4.90798 18.3182 5.11321 18.1129L11.0388 12.1874L5.11321 6.26186C4.90798 6.05663 4.82782 5.75749 4.90294 5.47713C4.97807 5.19678 5.19705 4.97779 5.47741 4.90267C5.75776 4.82755 6.0569 4.9077 6.26214 5.11294L12.1877 11.0385L18.1132 5.11294C18.4305 4.79567 18.9449 4.79567 19.2621 5.11294C19.5794 5.4302 19.5794 5.9446 19.2621 6.26186L13.3366 12.1874L19.2621 18.1129Z",
+              fill: "white"
+            }
+          ) });
+        case "pagination-left":
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...d, children: /* @__PURE__ */ i(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M15.7935 18.7087C16.0092 18.9029 16.105 19.1974 16.0447 19.4813C15.9844 19.7652 15.7772 19.9954 15.5012 20.0852C15.2251 20.1749 14.9222 20.1105 14.7065 19.9164L6.58148 12.6039C6.41027 12.4498 6.3125 12.2303 6.3125 12C6.3125 11.7697 6.41027 11.5503 6.58148 11.3962L14.7065 4.08372C15.04 3.78354 15.5536 3.81054 15.8538 4.14402C16.154 4.4775 16.127 4.99119 15.7935 5.29136L8.33939 12L15.7935 18.7087Z",
+              fill: "#222222"
+            }
+          ) });
+        case "pagination-right":
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...d, children: /* @__PURE__ */ i("path", { d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" }) });
+      }
+      return null;
+    }
+    case "FontAwesome":
+      return /* @__PURE__ */ i(
+        cn,
+        {
+          className: s,
+          faIcon: a,
+          title: e,
+          ...c
+        }
+      );
+    default:
+    case "Text":
+      return e ? /* @__PURE__ */ i(
+        "i",
+        {
+          className: M(s, "humany-letter-symbol"),
+          title: e,
+          ...l,
+          ...c,
+          children: e.substring(0, 2)
+        }
+      ) : null;
+  }
+}, Yt = C.svg`
+  transform: rotate(180deg);
+`, Xt = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  p: "p",
+  span: "span"
+}, X = ({
+  variant: e,
+  component: t,
+  className: n,
+  children: o
+}) => {
+  const { typographyVariantMapping: r = {} } = Ot(), s = {
+    ...Xt,
+    ...r
+  }, c = t || s[e] || "span";
+  return /* @__PURE__ */ i(_t, { className: n, as: c, children: o });
+}, _t = C.span``;
+var Ut = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Ut || {});
+const qt = 300, Io = ({
+  className: e,
+  children: t,
+  header: n,
+  onToggle: o,
+  trigger: r,
+  fullScreen: s = !1,
+  closeButtonAriaLabel: c,
+  animation: h = {
+    type: "slide-in-bottom"
+    /* SlideInBottom */
+  }
+}) => {
+  const { duration: a = qt } = h, l = L(), d = L(), [u, f] = Ae(!0), [g, m] = Fe(), p = Ie(g), y = L(_());
+  v(() => {
+    o && o(g);
+  }, [g]);
+  const $ = j("Escape");
+  v(() => {
+    $ && m(!1);
+  }, [$]), W(
+    "click",
+    (S) => {
+      const { target: T } = S;
+      !d.current || !f.current || !T || d.current !== T && f.current !== T && !f.current.contains(T) && !d.current.contains(T) && m(!1);
+    },
+    window
+  );
+  const H = ye(y.current, () => {
+    m(!1);
+  });
+  ae("router:changed", () => {
+    m(!1);
+  }), v(() => {
+    g && l.current ? l.current.focus() : !g && d.current && p && d.current.focus();
+  }, [g, l.current, d.current]);
+  const N = nn[h.type];
+  return /* @__PURE__ */ b(U, { children: [
+    /* @__PURE__ */ i(
+      Ve,
+      {
+        in: g,
+        className: "humany-drawer-transition",
+        classNames: "humany-drawer-transition",
+        unmountOnExit: !0,
+        timeout: a,
+        children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
+          N,
+          {
+            duration: a,
+            fullScreen: s,
+            className: M(
+              e,
+              "humany-drawer",
+              `humany-drawer-${y.current}`
+            ),
+            clientHeight: document.body.clientHeight,
+            css: u,
+            ref: f,
+            children: [
+              /* @__PURE__ */ i(
+                ve,
+                {
+                  onClick: () => m(!1),
+                  tabIndex: 0,
+                  ref: l,
+                  "aria-label": c,
+                  children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
+                }
+              ),
+              !!n && /* @__PURE__ */ i(Qt, { variant: "h1", className: "humany-drawer-header", children: n }),
+              t
+            ]
+          }
+        ) })
+      }
+    ),
+    oe.cloneElement(r, {
+      onClick: (S) => {
+        m(), H();
+      },
+      ref: d,
+      "aria-label": r.props.title,
+      "aria-expanded": g
+    })
+  ] });
+}, ce = C.div`
+  font-family: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.type;
+}};
+  font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  border: ${(e) => e.theme.border};
+  width: 100%;
+  box-shadow: ${(e) => e.theme.boxShadow};
+  background: #ffffff;
+  ${(e) => e.css && e.css}
+`, Qt = C(X)`
+  padding: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}};
+  margin: 0;
+  text-align: center;
+  border-bottom: #eeeeee 1px solid;
+  background: #ffffff;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-weight: bold;
+  color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.text;
+}};
+  font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+  line-height: 1.2em;
+`, le = (e) => k`
+  transition: ${e.duration}ms;
+`, Gt = C(ce)`
+  max-height: 0;
+  ${le}
+
+  &.humany-drawer-transition-enter {
+    max-height: 0;
+  }
+  &.humany-drawer-transition-enter-active,
+  &.humany-drawer-transition-enter-done,
+  &.humany-drawer-transition-exit {
+    max-height: ${(e) => e.fullScreen ? "100%" : "400px"};
+  }
+
+  &.humany-drawer-transition-exit-active,
+  &.humany-drawer-transition-exit-done {
+    max-height: 0;
+  }
+`, Jt = C(ce)`
+  ${le}
+  transform: translateX(100%);
+  height: ${(e) => e.fullScreen ? "100%" : "auto"};
+
+  &.humany-drawer-transition-enter {
+    transform: translateX(100%);
+  }
+  &.humany-drawer-transition-enter-active,
+  &.humany-drawer-transition-enter-done,
+  &.humany-drawer-transition-exit {
+    transform: translateX(0);
+  }
+
+  &.humany-drawer-transition-exit-active,
+  &.humany-drawer-transition-exit-done {
+    transform: translateX(100%);
+  }
+`, en = C(ce)`
+  ${le}
+  transform: translateX(-100%);
+  height: ${(e) => e.fullScreen ? "100%" : "auto"};
+
+  &.humany-drawer-transition-enter {
+    transform: translateX(-100%);
+  }
+  &.humany-drawer-transition-enter-active,
+  &.humany-drawer-transition-enter-done,
+  &.humany-drawer-transition-exit {
+    transform: translateX(0);
+  }
+
+  &.humany-drawer-transition-exit-active,
+  &.humany-drawer-transition-exit-done {
+    transform: translateX(-100%);
+  }
+`, tn = C(ce)`
+  ${le}
+  bottom: unset;
+  top: 0;
+  height: 0;
+
+  &.humany-drawer-transition-enter {
+    height: 0;
+  }
+  &.humany-drawer-transition-enter-active,
+  &.humany-drawer-transition-enter-done,
+  &.humany-drawer-transition-exit {
+    height: ${(e) => e.clientHeight}px;
+  }
+
+  &.humany-drawer-transition-exit-active,
+  &.humany-drawer-transition-exit-done {
+    height: 0;
+  }
+`, nn = {
+  "slide-in-bottom": Gt,
+  "slide-in-right": Jt,
+  "slide-in-left": en,
+  "slide-in-top": tn
+}, je = (e, t, n) => {
+  const [o, r] = w(0), [s, c] = w(0), h = E(
+    (a, l) => {
+      if (a.preventDefault(), l) {
+        const d = l.getBoundingClientRect();
+        r(Math.max(document.body.clientWidth - d.right, 1)), c(d.bottom + window.scrollY);
+      }
+    },
+    [o, s, r, c]
+  );
+  return v(() => {
+    if (!n || !e)
+      return;
+    const a = n.getBoundingClientRect(), l = {
+      x: o,
+      y: s
+    };
+    a.left < 0 && (l.x = 0), a.bottom > window.innerHeight && (l.y = 0), l.x !== o && r(l.x), l.y !== s && c(l.y);
+  }, [n, e, t]), [{ x: o, y: s }, h];
+}, Oo = oe.forwardRef(
+  ({
+    className: e = "",
+    children: t = null,
+    trigger: n,
+    closeButtonAriaLabel: o,
+    ...r
+  }, s) => {
+    const c = L(), h = L(), a = L();
+    ge(s, () => a.current, [a.current]);
+    const l = L(_()), [d, u] = w(!1), f = Ie(d), [{ x: g, y: m }, p] = je(d, l.current, a.current), y = j("Escape");
+    v(() => {
+      y && u(!1);
+    }, [y]), v(() => {
+      d && c.current ? c.current.focus() : !d && h.current && f && h.current.focus();
+    }, [d, c.current, h.current]), W(
+      "click",
+      (N) => {
+        const { target: S } = N;
+        !a.current || !S || a.current !== S && !a.current.contains(S) && u(!1);
+      },
+      window
+    ), ae("router:changed", () => {
+      u(!1);
+    });
+    const $ = ye(l.current, () => {
+      u(!1);
+    }), H = E(
+      (N) => {
+        N.stopPropagation(), p(N, h.current), u(!d), $();
+      },
+      [$, p, u]
+    );
+    return /* @__PURE__ */ b(U, { children: [
+      d && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
+        on,
+        {
+          className: M(
+            "humany-dropdown",
+            `humany-dropdown-${l.current}`,
+            e
+          ),
+          ...r,
+          x: g,
+          y: m,
+          ref: a,
+          children: [
+            /* @__PURE__ */ i(
+              ve,
+              {
+                onClick: () => u(!1),
+                tabIndex: 0,
+                ref: c,
+                "aria-label": o,
+                children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
+              }
+            ),
+            t
+          ]
+        }
+      ) }),
+      oe.cloneElement(n, {
+        onClick: H,
+        ref: h,
+        "aria-label": n.props.title,
+        "aria-expanded": d
+      })
+    ] });
+  }
+), on = C.div`
+  ${Pe}
+  padding: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.medium;
+}};
+  min-width: 150px;
+  position: absolute;
+  box-shadow: ${(e) => e.theme.boxShadow};
+
+  ${(e) => {
+  var n, o, r;
+  let t = "";
+  return e.y > 0 ? t += `top: calc(${((n = e.theme.sizes) == null ? void 0 : n.small) || "0px"} + ${e.y || "0"}px);` : t += `bottom: ${((o = e.theme.sizes) == null ? void 0 : o.normal) || "0px"};`, e.x > 0 ? t += `right: ${e.x || "0"}px;` : t += `left: ${((r = e.theme.sizes) == null ? void 0 : r.normal) || "0px"};`, t;
+}};
+`, rn = ({ ...e }) => /* @__PURE__ */ i(sn, { ...e }), sn = C.div`
+  display: none;
+`, Ao = D(
+  ({ children: e, columns: t, gap: n, className: o, ...r }, s) => /* @__PURE__ */ i(
+    an,
+    {
+      className: M(o, "humany-grid"),
+      "data-columns": t,
+      "data-gap": n,
+      ...We(r),
+      ...z(r),
+      ref: s,
+      children: e
+    }
+  )
+), an = C.div`
+  display: grid;
+  grid-template-columns: repeat(${(e) => e["data-columns"]}, 1fr);
+  grid-gap: ${(e) => e["data-gap"]};
+  justify-content: center;
+  grid-auto-rows: max-content;
+  ${St}
+`, Ke = D(
+  ({ htmlParseInstruction: e = null, className: t, html: n, ...o }, r) => {
+    const s = B(), [c, h] = w();
+    v(() => {
+      const d = Nt(s, n), u = {
+        ...d,
+        ...e,
+        transform: {
+          ...d.transform,
+          ...e == null ? void 0 : e.transform
+        }
+      }, f = Rt(n, u);
+      h(f);
+    }, [n, e]);
+    const a = L(null), l = s.get("$widget");
+    return v(() => {
+      const d = a.current;
+      if (!d || d.getAttribute("data-observed"))
+        return;
+      new MutationObserver((f) => {
+        f.forEach((g) => {
+          var $, H, N;
+          let m = g.target;
+          if (m.tagName === "DIV" && m.matches("[data-notification]") && m.getAttribute("data-expandable")) {
+            const S = m.firstChild;
+            if (S && S.nodeType === Node.TEXT_NODE) {
+              const T = document.createElement("p");
+              T.appendChild(S), m.appendChild(T);
+              return;
+            } else
+              S && S.nodeType === Node.ELEMENT_NODE && (m = S);
+          } else if (m.tagName !== "P" || !(($ = m.closest("[data-notification]")) != null && $.getAttribute("data-expandable")))
+            return;
+          if (!(m != null && m.closest(".humany-notification-row")))
+            return;
+          const p = (H = m.closest(".humany-notification-row")) == null ? void 0 : H.getAttribute("data-node-id"), y = (N = m.closest("[data-notification]")) == null ? void 0 : N.getAttribute("data-notification");
+          m.scrollWidth > m.clientWidth ? (l.container.expandableNotifications || (l.container.expandableNotifications = /* @__PURE__ */ new Set()), l.container.expandableNotifications.add(y), l.events.dispatch("notification:expandable", {
+            expandable: !0,
+            notificationRowId: p
+          })) : l.events.dispatch("notification:expandable", {
+            expandable: !1,
+            notificationRowId: p
+          });
+        });
+      }).observe(d, {
+        childList: !0,
+        subtree: !0
+      }), d.setAttribute("data-observed", "true");
+    }, [c, l]), /* @__PURE__ */ i(
+      "div",
+      {
+        className: M(t, "humany-html"),
+        ...z(o),
+        ref: a,
+        children: c
+      }
+    );
+  }
+), cn = ({
+  faIcon: e,
+  title: t,
+  className: n = "",
+  role: o = "presentation",
+  ...r
+}) => /* @__PURE__ */ i(
+  "i",
+  {
+    className: M(n, `fa fa-${e}`),
+    title: t,
+    role: o,
+    ...z(r)
+  }
+), Fo = D(
+  ({
+    className: e = "",
+    autoFocus: t = !1,
+    onFocusChange: n = () => {
+    },
+    onEnter: o = () => {
+    },
+    onEscape: r = () => {
+    },
+    selectAllOnFocus: s,
+    onChange: c = () => {
+    },
+    disabled: h = !1,
+    type: a,
+    ...l
+  }, d) => {
+    const [u, f] = w(t), g = L();
+    ge(d, () => g.current), v(() => {
+      var y;
+      t && ((y = g == null ? void 0 : g.current) == null || y.focus());
+    }, [t, d, g]);
+    const m = (y, $) => {
+      f(y), n && n(y), s && y && $.target.select();
+    }, p = {
+      ...z(l),
+      disabled: h,
+      autoFocus: t,
+      type: a,
+      onKeyDown: (y) => {
+        y.key === "Enter" && u && o(y), y.key === "Escape" && u && r(y);
+      },
+      onFocus: (y) => m(!0, y),
+      onBlur: (y) => m(!1, y),
+      onChange: (y) => c(y.target.value || ""),
+      className: M(e, "humany-input"),
+      "data-type": a
+    };
+    return a !== "textarea" ? /* @__PURE__ */ i(
+      "input",
+      {
+        ...p,
+        ref: g
+      }
+    ) : /* @__PURE__ */ i(
+      "textarea",
+      {
+        ...p,
+        ref: g
+      }
+    );
+  }
+), ln = D(
+  ({ className: e, items: t, renderItem: n, renderLi: o = !1, ...r }, s) => {
+    const c = t.length === 1 && t[0].expanded;
+    return /* @__PURE__ */ i(
+      "ul",
+      {
+        role: c ? "none" : void 0,
+        className: M(e, "humany-list"),
+        "data-item-count": t.length,
+        ...z(r),
+        ref: s,
+        children: t.map(
+          (h, a, l) => o ? /* @__PURE__ */ i("li", { className: "humany-list-item", children: n(h, a, l) }, h.id || a) : n(h, a, l)
+        )
+      }
+    );
+  }
+), dn = D(
+  ({ text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: s, ...c }, h) => {
+    var l;
+    const a = (l = window.humany) == null ? void 0 : l.deflectionHeaderTag;
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        className: M(o, "humany-paragraph"),
+        ...z(c),
+        ref: h,
+        children: [
+          n ? /* @__PURE__ */ b(
+            X,
+            {
+              variant: a && a.match(/h1|h2|h3|h4|h5|h6/) ? a : "h1",
+              children: [
+                s ? /* @__PURE__ */ i(Q, { symbol: s }) : null,
+                n
+              ]
+            }
+          ) : null,
+          t ? /* @__PURE__ */ i(Ke, { html: t, htmlParseInstruction: r }) : null,
+          e ? /* @__PURE__ */ i(be, { children: e }) : null
+        ]
+      }
+    );
+  }
+), un = D(
+  ({
+    header: e,
+    customHeader: t,
+    text: n,
+    html: o,
+    className: r,
+    children: s,
+    symbol: c,
+    items: h,
+    renderItem: a,
+    renderLi: l,
+    ulProps: d,
+    ...u
+  }, f) => /* @__PURE__ */ b(
+    "div",
+    {
+      className: M(r, "humany-item-list"),
+      "data-item-count": h.length,
+      ...z(u),
+      ref: f,
+      children: [
+        t || (e || n || o ? /* @__PURE__ */ i(dn, { symbol: c, header: e, text: n, html: o }) : null),
+        h.length ? /* @__PURE__ */ i(
+          ln,
+          {
+            items: h,
+            renderItem: a,
+            renderLi: l,
+            ...d
+          }
+        ) : null,
+        s
+      ]
+    }
+  )
+), Po = ({
+  className: e = "",
+  tree: t,
+  renderItem: n,
+  rootItem: o,
+  renderUnselected: r = !0,
+  renderEmpty: s = !0,
+  ulProps: c,
+  liProps: h
+}) => {
+  const a = (u) => !l(u), l = (u) => !u || u.length < 1 ? !0 : !u.some((f) => !!f.selected), d = (u, f) => /* @__PURE__ */ i(
+    un,
+    {
+      className: M(`humany-item-tree-level-${f}`),
+      items: u,
+      ulProps: c,
+      renderItem: (g) => {
+        const { id: m, selected: p, items: y, matches: $ } = g, H = p && l(y);
+        return !s && !$ ? null : /* @__PURE__ */ ct(
+          "li",
+          {
+            ...z(h),
+            key: m,
+            className: "humany-item-tree-item"
+          },
+          n && n(g, f, H),
+          y && (r || H) && d(y, f + 1)
+        );
+      }
+    }
+  );
+  return /* @__PURE__ */ b("div", { className: M(e, "humany-item-tree"), children: [
+    o && o(!a(t || [])),
+    t && d(t, 1)
+  ] });
+}, hn = D(
+  ({
+    className: e,
+    onClick: t = () => {
+    },
+    name: n = "",
+    to: o = "",
+    params: r = {},
+    children: s,
+    ...c
+  }, h) => {
+    const a = Oe(), l = B();
+    if (!a)
+      return null;
+    let d = "";
+    const u = {
+      onClick: t,
+      className: M(e, "humany-route-link"),
+      to: d,
+      innerRef: h,
+      ...c,
+      ref: null
+    };
+    if (n) {
+      if (!(a.routes || []).find((p) => p.name === n))
+        return process.env.NODE_ENV !== "production" && de.warn(
+          `Unable to create route. No route named "${n}" exist.`
+        ), /* @__PURE__ */ i(
+          ue,
+          {
+            ...u,
+            onClick: (p) => {
+              t(p), p.preventDefault(), process.env.NODE_ENV !== "production" && de.warn(
+                `Unable to navigate. No route named "${n}" exist.`
+              );
+            },
+            children: s
+          }
+        );
+      const m = Object.keys(r).reduce(
+        (p, y) => {
+          const $ = r[y];
+          if (Array.isArray($)) {
+            if ($.length === 0)
+              return p;
+            p[y] = $.map((H) => typeof H == "string" ? encodeURIComponent(H) : H).join(",");
+          } else
+            p[y] = typeof $ == "string" ? encodeURIComponent($) : $;
+          return p;
+        },
+        {}
+      );
+      try {
+        d = a.generate(n, m || {});
+      } catch {
+        return /* @__PURE__ */ i(ue, { ...u, ref: u.innerRef, children: s });
+      }
+      d && a.settings.mode && a.settings.mode === Te.browser && d[0] !== "/" && (d = `/${d}`);
+    } else if (o && a.history)
+      d = a.history.createHref({
+        hash: "",
+        pathname: o,
+        search: "",
+        state: void 0
+      });
+    else
+      return process.env.NODE_ENV !== "production" && de.warn(
+        'Unable to generate path for route link. Either specify route name or use the "to" prop.'
+      ), null;
+    if (a.settings && a.settings.mode === Te.scopedHash) {
+      const f = l.get("$widget").name;
+      d = vt(d, f);
+    }
+    return u.as ? /* @__PURE__ */ i(fn, { ...u, as: u.as, children: s }) : /* @__PURE__ */ i(ue, { ...u, to: d, children: s });
+  }
+), fn = C.span``;
+let Ye = !1;
+const mn = (e) => {
+  Ye = e;
+}, jo = () => Ye, xe = D(
+  ({
+    className: e,
+    disabled: t = !1,
+    tabIndex: n = 0,
+    onClick: o = () => {
+    },
+    onKeyDown: r = () => {
+    },
+    title: s,
+    as: c,
+    href: h,
+    children: a,
+    target: l,
+    routeName: d,
+    params: u,
+    ...f
+  }, g) => {
+    var N, S;
+    const m = {
+      title: s,
+      role: d === "index" || d === "contact-method" || t ? "button" : void 0,
+      "aria-expanded": d === "index" && (u != null && u.guide) ? "false" : void 0,
+      disabled: t,
+      as: c,
+      tabIndex: n,
+      className: M(e, "humany-link", [
+        !!t,
+        "humany-disabled"
+      ]),
+      onClick: (T) => {
+        if (T.persist(), t) {
+          T.preventDefault();
+          return;
+        }
+        o(T);
+      },
+      onKeyDown: (T) => {
+        if (T.persist(), T.key === "Enter" && mn(!0), t) {
+          T.key !== "Tab" && T.preventDefault();
+          return;
+        }
+        r(T);
+      }
+    };
+    f["data-client-name"] === "custom.link" && (m.role = "link");
+    const y = B().get("$settings"), $ = t && ((S = (N = y == null ? void 0 : y.data) == null ? void 0 : N.accessibility) == null ? void 0 : S.disableInactiveLink), H = f.description || "<p></p>";
+    return $ ? /* @__PURE__ */ b(gn, { className: "disabled-link", children: [
+      /* @__PURE__ */ i("div", { className: "icon-placeholder" }),
+      /* @__PURE__ */ b("div", { className: "humany-contact-link-rich-content", children: [
+        /* @__PURE__ */ i("span", { children: m.title }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: "inner-span",
+            dangerouslySetInnerHTML: { __html: H }
+          }
+        )
+      ] })
+    ] }) : d ? /* @__PURE__ */ i(
+      pn,
+      {
+        name: d,
+        params: u,
+        ...m,
+        ...z(f),
+        ref: g,
+        children: a
+      }
+    ) : /* @__PURE__ */ i(
+      Cn,
+      {
+        href: h,
+        target: l,
+        ...m,
+        ...z(f),
+        ref: g,
+        children: a
+      }
+    );
+  }
+), gn = C.div`
+  display: flex;
+  opacity: 0.7;
+  .inner-span {
+    font-weight: 300;
+    line-height: 1.5em;
+  }
+  .humany-contact-link-rich-content {
+    color: #333333;
+  }
+  .icon-placeholder {
+    font-size: 1.1em;
+    margin: 0 24px 0 0;
+    min-height: 1.1em;
+    min-width: 1.1em;
+    line-height: 1.1em;
+    display: inline-block;
+    vertical-align: bottom;
+    color: #333333;
+  }
+`, pn = C(hn)`
+  ${(e) => e.disabled ? `
+      pointer-events: none;
+      opacity: .7;
+    ` : "cursor: pointer;"}
+`, Cn = C.a`
+  ${(e) => e.disabled ? `
+    pointer-events: none;
+    opacity: .7;
+  ` : "cursor: pointer;"}
+`, Xe = ({
+  visible: e,
+  duration: t = 500,
+  children: n,
+  onClick: o = () => {
+  },
+  ...r
+}) => {
+  const s = L(), c = E(
+    (h) => {
+      h.target === s.current && o(h);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ i(
+    Ve,
+    {
+      in: e,
+      className: "humany-overlay-transition",
+      classNames: "humany-overlay-transition",
+      unmountOnExit: !0,
+      timeout: t,
+      children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(
+        yn,
+        {
+          className: "humany-overlay",
+          duration: t,
+          ref: s,
+          onClick: c,
+          ...r,
+          children: n
+        }
+      ) })
+    }
+  );
+}, yn = C.div`
+  background: rgba(0, 0, 0, 0.6);
+  min-width: 100%;
+  min-height: 100%;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 7;
+
+  transition: ${(e) => e.duration}ms;
+  opacity: 0;
+
+  &.humany-overlay-transition-enter {
+    opacity: 0.1;
+  }
+  &.humany-overlay-transition-enter-active,
+  &.humany-overlay-transition-enter-done,
+  &.humany-overlay-transition-exit {
+    opacity: 1;
+  }
+
+  &.humany-overlay-transition-exit-active,
+  &.humany-overlay-transition-exit-done {
+    opacity: 0;
+  }
+`, bn = Be`
+  100% {
+    transform: rotate(360deg);
+  }
+`, vn = Be`
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35px;
+  }
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124px;
+  }
+`, xn = C.svg`
+  animation: ${bn} 2s linear infinite;
+  height: 100%;
+  transform-origin: center center;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  transition: 200ms ease-out opacity;
+`, wn = C.div`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  width: 100%;
+  pointer-events: ${(e) => e["data-loading"] ? "all" : "none"};
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  transition: 200ms ease-out opacity;
+  box-sizing: border-box;
+  overflow: hidden;
+  svg {
+    opacity: ${(e) => e["data-loading"] ? "1" : "0"};
+  }
+`, kn = C.div`
+  position: relative;
+  margin: 0 auto;
+  width: 100px;
+  &:before {
+    content: '';
+    display: block;
+    padding-top: 100%;
+  }
+`, $n = C.circle`
+  stroke-dasharray: 1, 200;
+  stroke-dashoffset: 0;
+  animation: ${vn} 1.5s ease-in-out infinite;
+  stroke-linecap: round;
+  stroke: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+  stroke-width: 2px;
+`, Ln = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ i(
+  wn,
+  {
+    className: M("humany-loader", e),
+    "data-loading": t,
+    children: /* @__PURE__ */ i(kn, { className: "humany-spinner", children: /* @__PURE__ */ i(xn, { viewBox: "25 25 50 50", children: /* @__PURE__ */ i(
+      $n,
+      {
+        cx: "50",
+        cy: "50",
+        r: "20",
+        fill: "none",
+        "stroke-width": "2",
+        "stroke-miterlimit": "10"
+      }
+    ) }) })
+  }
+), Mn = ({
+  zoomState: e,
+  image: t,
+  changeZoom: n,
+  ...o
+}) => {
+  var m;
+  const r = L(null), [s, c] = w(!1), [h, a] = w(!1), { width: l, height: d, ...u } = o.style || {}, f = E(() => {
+    const p = r.current;
+    if (p) {
+      const y = window.innerWidth / p.naturalWidth, $ = window.innerHeight / p.naturalHeight, H = Math.min(y, $);
+      return $ >= 1 && y >= 1 ? 1 : H;
+    }
+    return 1;
+  }, [s, t.src]), g = re(() => {
+    const p = r.current;
+    if (p && s) {
+      if (!h) {
+        a(!0);
+        const y = f();
+        n(y);
+      }
+      return p.naturalWidth >= p.naturalHeight ? [`${e * p.naturalWidth}px`, "auto"] : ["auto", `${e * p.naturalHeight}px`];
+    }
+    return null;
+  }, [e, r, s, t.src]);
+  return v(() => (c(!1), function() {
+    a(!1);
+  }), [t.src]), /* @__PURE__ */ b(U, { children: [
+    /* @__PURE__ */ i(Sn, { loading: !s }),
+    /* @__PURE__ */ i(
+      En,
+      {
+        onLoad: () => {
+          c(!0);
+        },
+        ref: r,
+        imageSize: g,
+        draggable: "false",
+        ...o,
+        alt: ((m = o.alt) == null ? void 0 : m.toString()) || "",
+        style: u,
+        src: t.src,
+        loaded: s
+      }
+    ),
+    /* @__PURE__ */ i(Hn, {})
+  ] });
+}, Sn = C(Ln)`
+  svg circle {
+    stroke: #ffffff;
+  }
+`, En = C.img`
+  transform: none;
+
+  ${(e) => e.imageSize && k`
+      width: ${e.imageSize[0]};
+      height: ${e.imageSize[1]};
+      display: inline-block;
+    `}
+  vertical-align: middle;
+  position: relative;
+  ${(e) => !e.loaded && "display:none;"}
+`, Hn = C.div`
+  height: 100%;
+  display: inline-block;
+  vertical-align: middle;
+`, Rn = () => {
+  const e = L(), [t, n] = w(!0), o = E(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+    n(!1);
+  }, 3e3), () => {
+    e.current && clearTimeout(e.current);
+  }), [t, e]);
+  return [t, o];
+}, Tn = ({ attrs: e, htmlBody: t }) => {
+  var Se;
+  const n = j("Escape"), o = j("ArrowLeft"), r = j("ArrowRight"), [s, c] = w(1), [h, a] = w({ top: 0, left: 0, x: 0, y: 0 }), [l, d] = w(!1), [u, f] = Rn(), [g, m] = w(null), [p, y] = w(null), $ = L(null), H = L(null), N = L(null), S = L(null), T = L(null), [qe, Qe] = w(null);
+  v(() => {
+    n && m(null);
+  }, [n]), v(() => {
+    c(1);
+  }, [g]), v(() => {
+    var I, ee;
+    if (g === null || H.current === null)
+      return;
+    const x = H.current.firstElementChild, R = (I = N.current) == null ? void 0 : I.querySelector(".nav-left"), V = (ee = N.current) == null ? void 0 : ee.querySelector(".nav-right");
+    if (p === "Right")
+      J && V ? V.focus() : G && R && R.focus();
+    else if (p === "Left")
+      G && R ? R.focus() : J && V && V.focus();
+    else {
+      if (!x)
+        return;
+      x.focus();
+    }
+  }, [g, H, N, p]), v(() => {
+    if (o) {
+      if (G)
+        return Le();
+    } else if (r && J)
+      return Me();
+  }, [o, r]), v(() => {
+    var R, V;
+    const x = ((V = (R = T.current) == null ? void 0 : R.style) == null ? void 0 : V.float) || "";
+    (x === "left" || x === "right") && Qe(x);
+  }, []);
+  const A = re(() => {
+    const x = document.createElement("div");
+    x.innerHTML = t || "";
+    const R = x.getElementsByTagName("img");
+    return Array.from(R).reduce(
+      (I, ee) => {
+        const Ee = ee.getAttribute("src");
+        if (Ee) {
+          const rt = {
+            src: Ee
+          };
+          I.push(rt);
+        }
+        return I;
+      },
+      []
+    );
+  }, [t]), ke = E(() => {
+    const { src: x } = e;
+    if (x) {
+      const R = A.findIndex((V, I) => V.src === x);
+      m(R);
+    }
+  }, [A, e]), Ge = E((x) => {
+    m(null);
+  }, []), $e = E(
+    (x) => {
+      c(x ? s + s * 0.25 : s - s * 0.25);
+    },
+    [c, s]
+  ), Je = E(() => {
+    if (g !== null) {
+      const { src: x } = A[g];
+      x && window.open(x, "_self");
+    }
+  }, [A, g]), et = E(
+    (x) => {
+      const R = S.current;
+      R && (a({
+        top: R.scrollTop,
+        left: R.scrollLeft,
+        x: x.clientX,
+        y: x.clientY
+      }), d(!0));
+    },
+    [S]
+  ), tt = E(
+    (x) => {
+      const R = S.current;
+      if (R && l) {
+        const V = x.clientX - h.x, I = x.clientY - h.y;
+        R.scrollTop = h.top - I, R.scrollLeft = h.left - V;
+      }
+    },
+    [l, h]
+  ), nt = (x) => {
+    x.preventDefault(), d(!1);
+  }, ot = re(() => {
+    if (S.current) {
+      const x = S.current.getElementsByTagName("img");
+      if (x && x.length) {
+        const R = x[0];
+        return R.width > window.innerWidth || R.height > window.innerHeight;
+      }
+    }
+    return !1;
+  }, [S, s]), Le = () => {
+    g !== null && (y("Left"), m(g - 1));
+  }, Me = () => {
+    g !== null && (y("Right"), m(g + 1));
+  }, G = g !== null && g > 0 && A.length > 1, J = g !== null && A.length - 1 > g;
+  return /* @__PURE__ */ b(U, { children: [
+    /* @__PURE__ */ i(Xe, { visible: g !== null, onClick: Ge, children: /* @__PURE__ */ b(
+      In,
+      {
+        onMouseDown: () => f(),
+        onMouseMove: () => f(),
+        onTouchStart: () => f(),
+        onKeyDown: () => f(),
+        children: [
+          /* @__PURE__ */ i(On, { show: u.toString(), children: /* @__PURE__ */ i(
+            Bn,
+            {
+              ref: H,
+              buttons: [
+                {
+                  id: "download",
+                  onClick: Je,
+                  icon: "download",
+                  ariaLabel: "Download image"
+                },
+                {
+                  id: "lightbox-close",
+                  onClick: () => m(null),
+                  icon: "lightbox-close",
+                  ariaLabel: "Close"
+                }
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ i(
+            Fn,
+            {
+              scrolling: l.toString(),
+              isDraggable: ot.toString(),
+              ref: S,
+              onMouseMove: tt,
+              onMouseDown: et,
+              onMouseUp: nt,
+              children: g !== null && /* @__PURE__ */ i(
+                Mn,
+                {
+                  changeZoom: (x) => {
+                    c(x);
+                  },
+                  zoomState: s,
+                  ...e,
+                  style: {
+                    ...e.style || {},
+                    float: "none"
+                  },
+                  image: A[g]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ i(
+            Wn,
+            {
+              ref: N,
+              show: u.toString(),
+              buttons: [
+                {
+                  id: "previous",
+                  onClick: Le,
+                  icon: "caret-left",
+                  circle: !0,
+                  show: G,
+                  className: "nav-left",
+                  ariaLabel: "Navigate to previous image"
+                },
+                {
+                  id: "next",
+                  onClick: Me,
+                  icon: "caret-right",
+                  circle: !0,
+                  show: J,
+                  className: "nav-right",
+                  ariaLabel: "Navigate to next image"
+                }
+              ]
+            }
+          ),
+          /* @__PURE__ */ b(An, { show: u.toString(), children: [
+            /* @__PURE__ */ i(
+              Vn,
+              {
+                buttons: [
+                  {
+                    id: "zoom-out",
+                    onClick: () => $e(!1),
+                    icon: "zoom-out",
+                    ariaLabel: "Zoom out"
+                  },
+                  {
+                    id: "zoom-in",
+                    onClick: () => $e(!0),
+                    icon: "zoom-in",
+                    ariaLabel: "Zoom in"
+                  }
+                ]
+              }
+            ),
+            /* @__PURE__ */ b(Zn, { variant: "span", children: [
+              Math.trunc(s * 100),
+              "%"
+            ] })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ i(
+      Nn,
+      {
+        ref: $,
+        onClick: ke,
+        onKeyDown: (x) => {
+          x.key === "Enter" && (x.preventDefault(), ke());
+        },
+        alignment: qe,
+        tabIndex: 0,
+        children: /* @__PURE__ */ i(
+          Pn,
+          {
+            ...e,
+            alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "",
+            ref: T
+          }
+        )
+      }
+    )
+  ] });
+}, we = D(
+  ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ i(
+    Dn,
+    {
+      ref: o,
+      show: e,
+      className: M("humany-button-set", n),
+      children: t.map(
+        ({
+          id: r,
+          circle: s = !1,
+          show: c = !0,
+          ariaLabel: h,
+          onClick: a,
+          icon: l,
+          className: d
+        }, u) => /* @__PURE__ */ i(
+          zn,
+          {
+            circle: s.toString(),
+            onClick: a,
+            tabIndex: c ? void 0 : -1,
+            show: c.toString(),
+            icon: l,
+            className: d,
+            "aria-label": h,
+            children: /* @__PURE__ */ i(Q, { size: 24, symbol: { type: "Svg", content: l } })
+          },
+          r + u.toString()
+        )
+      )
+    }
+  )
+), _e = C.div`
+  transition: opacity 0.3s ease 0s;
+  z-index: 5;
+  ${(e) => e.show === "true" ? "opacity: 1;" : k`
+          opacity: 0;
+          pointer-events: none;
+        `}
+`, Nn = C(xe)`
+  display: inline-block !important;
+
+  ${(e) => (e.alignment === "right" || e.alignment === "left") && k`
+      float: ${e.alignment};
+    `}
+`, Dn = C(_e)`
+  position: fixed;
+  display: flex;
+  gap: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}};
+`, me = "39px", zn = C(se)`
+  width: ${me};
+  height: ${me};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  ${(e) => e.icon === "caret-left" && k`
+      svg {
+        position: relative;
+        left: -2px;
+      }
+    `}
+
+  ${(e) => {
+  var t;
+  return e.circle === "true" ? k`
+          background-color: #ffffff;
+          border-radius: 50%;
+
+          svg {
+            path,
+            line {
+              stroke: ${(t = e.theme.colors) == null ? void 0 : t.text};
+            }
+          }
+
+          &:focus-visible {
+            ${O(e)}
+            outline-color: #ffffff;
+            background-color: transparent;
+
+            svg {
+              path,
+              line {
+                stroke: #ffffff;
+              }
+            }
+          }
+        ` : k`
+          svg {
+            path,
+            line {
+              stroke: #ffffff;
+            }
+          }
+          &:focus {
+            outline-color: #ffffff;
+          }
+          &:focus-visible {
+            ${O(e)}
+          }
+        `;
+}}
+
+    ${(e) => e.show === "true" ? k`
+          opacity: 0.8;
+          transition: opacity 0.3s ease 0s;
+          &:hover {
+            opacity: 1;
+          }
+        ` : k`
+          opacity: 0;
+          pointer-events: none;
+        `}
+`, Bn = C(we)`
+  top: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.large;
+}};
+  right: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.large;
+}};
+`, Vn = C(we)`
+  bottom: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.large;
+}};
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+`, Wn = C(we)`
+  display: block;
+  button {
+    position: fixed;
+    top: calc(50% - calc(${me} / 2));
+    &:first-child {
+      left: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.large;
+}};
+    }
+    &:last-child {
+      right: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.large;
+}};
+    }
+  }
+`, Zn = C(X)`
+  position: fixed;
+  bottom: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.large;
+}};
+  right: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.large;
+}};
+  color: #ffffff;
+  font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.medium;
+}};
+  font-family: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.type;
+}};
+`, Ue = C(_e)`
+  position: absolute;
+  width: 100vw;
+  height: 88px;
+  left: 0px;
+  z-index: 5;
+`, In = C.div`
+  width: 100%;
+`, On = C(Ue)`
+  top: 0px;
+  background-image: linear-gradient(
+    to bottom,
+    rgb(34, 34, 34, 0.8),
+    rgba(34, 34, 34, 0)
+  );
+`, An = C(Ue)`
+  bottom: 0px;
+  background-image: linear-gradient(
+    to top,
+    rgb(34, 34, 34, 0.8),
+    rgba(34, 34, 34, 0)
+  );
+`, Fn = C.div`
+  width: 100%;
+  height: 100vh;
+  overflow: auto;
+  text-align: center;
+  vertical-align: middle;
+  white-space: nowrap;
+  justify-content: center;
+  cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
+`, Pn = C.img`
+  cursor: pointer;
+`, jn = D(
+  ({
+    className: e,
+    children: t,
+    trigger: n,
+    onOverlayClick: o = () => {
+    },
+    close: r = !1,
+    ...s
+  }, c) => {
+    const [h, a] = Fe(), [l, d] = Ae(!0), u = L(), f = L(_()), g = j("Escape");
+    v(() => {
+      (g || r) && a(!1);
+    }, [g, r]), v(() => {
+      h && u.current && u.current.focus();
+    }, [h, u.current]), ae("router:changed", () => {
+      a(!1);
+    });
+    const m = E(
+      (y) => {
+        a(!1), o(y);
+      },
+      [o, a]
+    );
+    ge(c, () => ({
+      close() {
+        a(!1);
+      }
+    }));
+    const p = E(() => ye(f.current, () => {
+      a(!1);
+    }), [f.current]);
+    return /* @__PURE__ */ b(U, { children: [
+      /* @__PURE__ */ i(Xe, { visible: h, onClick: m, children: /* @__PURE__ */ b(
+        Kn,
+        {
+          className: M(
+            e,
+            "humany-modal",
+            `humany-modal-${f.current}`
+          ),
+          css: l,
+          tabIndex: -1,
+          ...s,
+          ref: d,
+          children: [
+            /* @__PURE__ */ i(
+              ve,
+              {
+                onClick: () => a(!1),
+                tabIndex: 0,
+                ref: u,
+                children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
+              }
+            ),
+            t
+          ]
+        }
+      ) }),
+      oe.cloneElement(n, {
+        onClick: (y) => {
+          a(), p();
+        }
+      })
+    ] });
+  }
+), Kn = C.div`
+  font-family: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.type;
+}};
+  font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+  position: relative;
+  max-width: 50%;
+  min-width: 200px;
+  padding: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.medium;
+}};
+  ${(e) => Pe(e)}
+  ${(e) => e.css && e.css}
+  outline: none;
+`, Ko = ({
+  className: e,
+  trigger: t,
+  header: n = "",
+  text: o = "",
+  onCancel: r = () => {
+  },
+  onConfirm: s = () => {
+  },
+  cancelLabel: c = "",
+  confirmLabel: h = ""
+}) => {
+  const a = L(), l = E(() => {
+    var u;
+    r(), (u = a == null ? void 0 : a.current) == null || u.close();
+  }, [r]), d = E(() => {
+    var u;
+    s(), (u = a == null ? void 0 : a.current) == null || u.close();
+  }, [s]);
+  return /* @__PURE__ */ b(
+    Yn,
+    {
+      className: e,
+      trigger: t,
+      ref: a,
+      onOverlayClick: l,
+      children: [
+        n && /* @__PURE__ */ i(De, { children: n }),
+        o && /* @__PURE__ */ i(De, { children: o }),
+        h && /* @__PURE__ */ i(Xn, { onClick: d, children: h }),
+        c && /* @__PURE__ */ i(_n, { onClick: l, children: c })
+      ]
+    }
+  );
+}, Yn = C(jn)`
+  display: block;
+
+  span {
+    display: block;
+    margin: 0 0 ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}};
+
+    &:first-of-type:not(:only-of-type) {
+      font-weight: 700;
+      margin: 0 0 ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}};
+    }
+  }
+`, Xn = C(se)`
+  display: inline-block;
+  min-width: 50px;
+  ${(e) => {
+  var t, n;
+  return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.small} ${(n = e.theme.sizes) == null ? void 0 : n.normal};`;
+}}
+  ${(e) => e.theme.borderRadius && `border-radius: ${e.theme.borderRadius};`}
+  color: #FFFFFF;
+  background-color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+  border: 1px solid ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+
+  margin: 0 ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}} 0 0;
+
+  &:focus {
+    background-color: transparent;
+  }
+
+  &:focus-visible {
+    ${O}
+  }
+`, _n = C(se)`
+  display: inline-block;
+  min-width: 50px;
+  ${(e) => {
+  var t, n;
+  return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.small} ${(n = e.theme.sizes) == null ? void 0 : n.normal};`;
+}}
+  ${(e) => e.theme.borderRadius && `border-radius: ${e.theme.borderRadius};`}
+  background-color: transparent;
+  color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.text;
+}};
+  border: 1px solid ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.text;
+}};
+
+  &:focus-visible {
+    ${O};
+  }
+`, Yo = ({
+  header: e = "",
+  link: t = "",
+  suggestionHeader: n = "",
+  suggestion: o = ""
+}) => /* @__PURE__ */ b(Un, { children: [
+  /* @__PURE__ */ i(qn, { children: /* @__PURE__ */ i(X, { variant: "h2", children: "404" }) }),
+  /* @__PURE__ */ b(Qn, { children: [
+    /* @__PURE__ */ i(X, { variant: "h3", children: e }),
+    /* @__PURE__ */ i(Jn, { routeName: "index", "aria-label": t, text: t })
+  ] }),
+  /* @__PURE__ */ b(Gn, { children: [
+    /* @__PURE__ */ i("span", { children: n }),
+    /* @__PURE__ */ i("ul", { children: /* @__PURE__ */ i("li", { children: o }) })
+  ] })
+] }), Un = C.div`
+  display: flex;
+  flex-wrap: wrap;
+`, qn = C.div`
+  ${(e) => ie(e)(
+  "h2",
+  k`
+        padding: 0;
+        margin: 0;
+        color: gray;
+        font-size: 7em;
+      `
+)}
+`, Qn = C.div`
+  margin-left: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.medium;
+}};
+
+  ${(e) => {
+  var t;
+  return ie(e)(
+    "h3",
+    k`
+        text-transform: uppercase;
+        font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
+      `
+  );
+}}
+
+  a {
+    color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.link;
+}};
+    font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.small;
+}};
+  }
+`, Gn = C.div`
+  margin-top: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.medium;
+}};
+  min-width: 100%;
+
+  span {
+    font-weight: bold;
+  }
+`;
+class Xo extends lt {
+  constructor() {
+    super(...arguments);
+    te(this, "node");
+    te(this, "onFocusListener");
+    te(this, "state", {
+      boundFocus: !1
+    });
+  }
+  componentWillMount() {
+    const n = this.props.container.get("accessibilitySettings");
+    n && n.boundFocus && this.setState({
+      boundFocus: !0
+    });
+  }
+  componentDidMount() {
+    if (!this.state.boundFocus)
+      return;
+    const n = this.props.container.get("widgetDOMElement");
+    this.node && n && (this.onFocusListener = this.node.addEventListener("focus", () => {
+      const o = n.querySelectorAll(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+      ), s = [].filter.call(o, (c) => typeof window > "u" ? !0 : !(window.getComputedStyle(c).display === "none" || c.offsetWidth <= 0 && c.offsetHeight <= 0))[0];
+      s && s.focus();
+    }));
+  }
+  componentWillUnmount() {
+    this.node && this.node.removeEventListener("focus", this.onFocusListener);
+  }
+  render() {
+    return this.state.boundFocus ? /* @__PURE__ */ i(
+      "div",
+      {
+        style: { opacity: 0 },
+        tabIndex: 0,
+        ref: (n) => {
+          this.node = n;
+        }
+      }
+    ) : null;
+  }
+}
+const Jn = D(
+  ({ className: e, description: t, text: n, children: o, ...r }, s) => /* @__PURE__ */ b(
+    xe,
+    {
+      className: M(e, "humany-text-link"),
+      ...r,
+      ref: s,
+      children: [
+        o,
+        /* @__PURE__ */ i(be, { children: n }),
+        t ? /* @__PURE__ */ i(Ke, { html: t, className: "humany-description" }) : null
+      ]
+    }
+  )
+);
+var eo = /* @__PURE__ */ ((e) => (e.HH_MM = "hh:mm", e.YYYY_MM_DD = "yyyy-mm-dd", e.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", e))(eo || {});
+const _o = ({
+  className: e = "",
+  format: t = "hh:mm",
+  timestamp: n
+}) => /* @__PURE__ */ i("span", { className: M(e, "humany-timestamp"), children: to(n, t) }), ze = (e) => `0${e}`.slice(-2);
+function to(e, t) {
+  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), r = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], s = n.getFullYear(), c = n.getMonth() + 1, h = n.getDate(), a = `${s}-${ze(c)}-${ze(
+    h
+  )}`;
+  return t === "yyyy-mm-dd" ? a : t === "hh:mm" ? r : `${a} ${r}`;
+}
+const Uo = ({
+  className: e,
+  children: t,
+  content: n,
+  sticky: o = !1,
+  ...r
+}) => {
+  const [s, c] = w(!1), h = L(_()), a = L(), [{ x: l, y: d }, u] = je(s, h.current, a.current), f = (m) => {
+    const { target: p } = m;
+    !a.current || !p || a.current !== p && !a.current.contains(p) && c(!1);
+  };
+  v(() => {
+    if (o)
+      return window.addEventListener("click", f), () => {
+        window.removeEventListener("click", f);
+      };
+  }, [s, o]);
+  const g = E(
+    (m, p) => {
+      u(m, a.current), c(p);
+    },
+    [u, c]
+  );
+  return /* @__PURE__ */ b(
+    no,
+    {
+      ref: a,
+      className: "humany-tooltip-trigger",
+      onMouseEnter: o ? void 0 : (m) => g(m, !0),
+      onMouseLeave: o ? void 0 : (m) => g(m, !1),
+      onTouchEnd: o ? (m) => g(m, !s) : void 0,
+      onClick: o ? (m) => g(m, !s) : void 0,
+      children: [
+        t,
+        s && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(
+          oo,
+          {
+            className: M(e, "humany-tooltip-container"),
+            x: l,
+            y: d,
+            ...r,
+            children: n
+          }
+        ) })
+      ]
+    }
+  );
+}, no = C.div`
+  display: flex;
+  align-items: center;
+`, oo = C.div`
+  color: #ffffff;
+  background: #161616;
+  border-radius: ${(e) => e.theme.borderRadius};
+  padding: calc(${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}} * 2);
+  font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+  font-family: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.type;
+}};
+  position: absolute;
+  z-index: 10;
+
+  a {
+    color: ${(e) => e.color ? e.color : "inherit"};
+    text-decoration: none;
+  }
+
+  i,
+  svg {
+    margin-right: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}};
+  }
+
+  ${(e) => {
+  let t = "";
+  return e.y > 0 ? t += `top: calc(2px + ${e.y || "0"}px);` : t += "bottom: 2px;", e.x > 0 ? t += `right: calc(2px + ${e.x || "0"}px);` : t += "left: 2px;", t;
+}};
+`, qo = (e) => {
+  const {
+    in: t,
+    mountOnEnter: n = !0,
+    unmountOnExit: o = !0,
+    timeout: r,
+    children: s,
+    transitions: c
+  } = e, a = (() => {
+    var l, d;
+    if (!(!c || c === "none")) {
+      if (typeof c == "string")
+        return {
+          enter: {
+            transitionKeys: c,
+            duration: r ? typeof r == "number" ? r : r.enter : 200,
+            easing: "ease-in"
+          },
+          exit: {
+            transitionKeys: c,
+            duration: r ? typeof r == "number" ? r : r.exit : 200,
+            easing: "ease-out"
+          }
+        };
+      if (typeof c == "object") {
+        const { enter: u, exit: f } = c;
+        return {
+          enter: {
+            transitionKeys: (l = c.enter) == null ? void 0 : l.type,
+            duration: r ? typeof r == "number" ? r : r.enter : 200,
+            easing: u.easing ? u.easing : "ease-in"
+          },
+          exit: {
+            transitionKeys: (d = c.enter) == null ? void 0 : d.type,
+            duration: r ? typeof r == "number" ? r : r.enter : 200,
+            easing: f.easing ? f.easing : "ease-out"
+          }
+        };
+      }
+    }
+  })();
+  return /* @__PURE__ */ i(
+    ut,
+    {
+      timeout: {
+        enter: a && a.enter.duration || 0,
+        exit: a && a.exit.duration || 0
+      },
+      in: t,
+      appear: !0,
+      mountOnEnter: n,
+      unmountOnExit: o,
+      onEnter: (l) => l.clientHeight,
+      children: (l) => s && s(l, a && he.compose(l, a))
+    }
+  );
+}, ro = D(
+  ({
+    className: e,
+    children: t,
+    onClick: n = () => {
+    },
+    widgetName: o,
+    activationOptions: r,
+    ...s
+  }, c) => {
+    const h = B(), a = () => {
+      const { implementation: u } = h.get("$widget");
+      return u.widgets.get(o);
+    };
+    v(() => {
+      const u = a();
+      return u == null || u.activate(r).then(() => u.invoke("attach")), () => {
+        u == null || u.deactivate();
+      };
+    }, [o]);
+    const l = (u) => {
+      const f = a(), g = u.currentTarget;
+      if (f) {
+        const m = () => {
+          f.invoke("renderState").then(
+            (p) => p === ne.open ? f.invoke("close") : f.invoke("open")
+          ).then(() => {
+            f.events.subscribeOnce(
+              "widget:area-rendered",
+              (p, y) => {
+                h.get(
+                  "widgetDOMElement"
+                ) && f.events.dispatch("widget:modal-opened", {
+                  name: f.name,
+                  ref: g
+                });
+              }
+            );
+          });
+        };
+        f.state === ft.Deactivated ? f.activate(r).then(() => f.invoke("attach")).then(m) : m();
+      }
+    }, d = (u) => {
+      u.key === "Enter" && (u.preventDefault(), l(u));
+    };
+    return /* @__PURE__ */ i(
+      xe,
+      {
+        className: M(e, "humany-widget-link"),
+        onKeyDown: d,
+        onClick: (u) => {
+          n(u), l(u);
+        },
+        ...s,
+        ref: c,
+        children: t
+      }
+    );
+  }
+), Qo = D(
+  ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
+    const r = B(), s = re(() => {
+      if (!r)
+        return null;
+      const c = r.get("widgetDOMElement");
+      return !c || !c.childElementCount ? null : c.children[0];
+    }, [r]);
+    return s ? /* @__PURE__ */ i(q, { elementId: e, parent: s, children: /* @__PURE__ */ i(
+      io,
+      {
+        className: M(
+          "humany-widget-overlay-outlet",
+          t
+        ),
+        ref: o,
+        children: n
+      }
+    ) }) : null;
+  }
+), io = C.div`
+  background-color: #ffffff;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+`, Go = (e, t, n, o, r) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
+  t,
+  dt(() => n)
+), yt(e, t, o || (() => {
+}), t, r)));
+export {
+  Dt as AnchorLink,
+  se as Button,
+  xo as Checkbox,
+  Vt as ColumnContext,
+  Ze as ComponentNodeContext,
+  Wt as ComponentPropertyContext,
+  Ko as Confirm,
+  Bt as ContainerContext,
+  It as ConversationContext,
+  eo as DateFormats,
+  Io as Drawer,
+  Ut as DrawerAnimationType,
+  Oo as Dropdown,
+  rn as Empty,
+  Ao as Grid,
+  Ke as Html,
+  cn as Icon,
+  Fo as Input,
+  un as ItemList,
+  Po as ItemTree,
+  Tn as Lightbox,
+  xe as Link,
+  ln as List,
+  jn as Modal,
+  Yo as NotFound,
+  Xe as Overlay,
+  dn as Paragraph,
+  q as Portal,
+  hn as RouteLink,
+  Zt as RoutingContext,
+  De as StyledText,
+  Q as SymbolBadge,
+  Xo as TabStop,
+  be as Text,
+  Jn as TextLink,
+  _o as Timestamp,
+  Uo as Tooltip,
+  qo as TransitionComponent,
+  X as Typography,
+  ro as WidgetLink,
+  Qo as WidgetOverlayOutlet,
+  O as borderTabStyle,
+  Ne as browser,
+  Pt as buttonCss,
+  Pe as contentBox,
+  z as convertToStringAttributes,
+  vo as createEmptyComponent,
+  Go as createReactComponent,
+  Nt as defaultRenderInstructions,
+  Mt as embeddedLinkMapper,
+  We as filterCssProps,
+  St as filterCssPropsStyle,
+  Et as genericHashLink,
+  Zo as genericHtml,
+  jo as getHumanyIsTabbing,
+  ie as headingElement,
+  Tt as imageLightboxRenderer,
+  Bo as invertedHoverButton,
+  Wo as itemList,
+  jt as linkTabStyle,
+  Kt as list,
+  Vo as paddedBorderTabStyle,
+  Rt as processHtmlString,
+  mn as setHumanyIsTabbing,
+  he as transitionComposer,
+  wo as useAction,
+  ko as useChildren,
+  $o as useColumns,
+  Lo as useComponent,
+  pe as useComponentDescriptor,
+  Ce as useComponentNode,
+  Y as useComponentPlatform,
+  B as useContainer,
+  Ot as useContext,
+  Mo as useConversation,
+  So as useDispatch,
+  W as useEventListener,
+  At as useEvents,
+  Z as useIsMounted,
+  Eo as useIsTabbing,
+  j as useKeyPress,
+  Ho as useLayout,
+  Ie as usePrevious,
+  Ro as useProperties,
+  To as useRenderState,
+  No as useRouteData,
+  Oe as useRouter,
+  Ae as useScroll,
+  Do as useSettings,
+  Fe as useToggle,
+  zo as useTransitionEnd,
+  ye as useUniqueMenu,
+  ae as useWidgetEvent
+};