@telia-ace/widget-ui 1.3.28-rc.0 → 1.3.28-rc.2

package/index.mjs

@@ -1,18 +1,18 @@
 var rt = Object.defineProperty;
 var it = (e, t, n) => t in e ? rt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var te = (e, t, n) => (it(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { css as k, keyframes as Ne } from "@emotion/react";
-import { kebabCase as st, appendClassNames as $, uuid as _, removeNullAndUndefinedValues as Re, Logger as ue } from "@telia-ace/widget-utilities";
+import { css as k, keyframes as Be } from "@emotion/react";
+import { kebabCase as st, appendClassNames as M, uuid as _, removeNullAndUndefinedValues as Re, 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 S, useImperativeHandle as ge, createElement as at, useMemo as re, Component as ct, lazy as lt } from "react";
-import { CSSTransition as Ve, Transition as ut } from "react-transition-group";
-import { Container as dt, WidgetState as ht } from "@webprovisions/platform";
+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 at, useMemo as re, Component as ct, lazy as lt } from "react";
+import { CSSTransition as Ve, Transition as dt } from "react-transition-group";
+import { Container as ut, WidgetState as ht } from "@webprovisions/platform";
 import { ComponentPlatform as ft, asDescriptor as mt, createEventSubscriber as gt, ComponentQuery as pt, WidgetRenderState as ne, extendComponent as Ct } from "@telia-ace/widget-core";
 import { createPortal as yt } from "react-dom";
 import He from "htmr";
-import { HistoryMode as ze, getSpecificWidgetPath as bt } from "@telia-ace/widget-routing";
-import { Link as de } from "react-router-dom";
+import { HistoryMode as Te, getSpecificWidgetPath as bt } from "@telia-ace/widget-routing";
+import { Link as ue } from "react-router-dom";
 const vt = (e) => e === "entering" || e === "entered", xt = (e) => e === "exiting" || e === "exited", F = {
   fade: {
     in: "opacity: 1;",
@@ -49,17 +49,17 @@ const vt = (e) => e === "entering" || e === "entered", xt = (e) => e === "exitin
     const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), s = wt.indexOf(r[0]) > -1 ? "transform" : "opacity";
     if (vt(e))
       return r && r.length > 0 ? k`
-          ${r && r.length > 0 && r.map((d) => F[d] ? F[d].in : "")}
+          ${r && r.length > 0 && r.map((u) => F[u] ? F[u].in : "")}
           transition: ${s} ${n.duration}ms ${n.easing};
         ` : "";
     const c = r && r.length > 0 && k`
-        ${r.map((d) => F[d] ? F[d].out : "")}
+        ${r.map((u) => F[u] ? F[u].out : "")}
       `;
     if (xt(e)) {
-      const d = o.transitionKeys.split(" ");
-      return d && d.length > 0 && e === "exiting" ? k`
+      const u = o.transitionKeys.split(" ");
+      return u && u.length > 0 && e === "exiting" ? k`
           ${c};
-          ${d.map((a) => F[a] ? F[a].out : "")}
+          ${u.map((a) => F[a] ? F[a].out : "")}
           transition: ${s} ${o.duration}ms ${o.easing};
         ` : c;
     }
@@ -91,7 +91,7 @@ const vt = (e) => e === "entering" || e === "entered", xt = (e) => e === "exitin
   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 De = () => {
+const Ne = () => {
   const {
     opr: e,
     opera: t,
@@ -100,29 +100,29 @@ const De = () => {
     safari: r,
     documentMode: s,
     StyleMedia: c,
-    chrome: d,
+    chrome: u,
     CSS: a
   } = window, l = !!e && !!e.addons || !!t || navigator.userAgent.indexOf(" OPR/") >= 0;
   if (l)
     return "opera";
   if (n)
     return "firefox";
-  const u = ((m) => m.toString() === "[object SafariRemoteNotification]")(!r || typeof r < "u" && r.pushNotification);
-  if (/constructor/i.test(o) || u)
+  const d = ((g) => g.toString() === "[object SafariRemoteNotification]")(!r || typeof r < "u" && r.pushNotification);
+  if (/constructor/i.test(o) || d)
     return "safari";
   const h = !!s;
   if (h)
     return "internet-explorer";
   if (!h && c)
     return "edge";
-  const f = !!d && (!!d.webstore || !!d.runtime);
+  const f = !!u && (!!u.webstore || !!u.runtime);
   if (f)
     return "chrome";
   if (f && navigator.userAgent.indexOf("Edg") !== -1)
     return "edge-chromium";
   if ((f || l) && a)
     return "blink";
-}, kt = ["string", "number"], T = (e) => Object.keys(e).reduce(
+}, kt = ["string", "number"], z = (e) => Object.keys(e).reduce(
   (t, n) => {
     const o = typeof e[n] > "u" ? "" : e[n], r = typeof o;
     if (kt.indexOf(r) > -1) {
@@ -133,20 +133,20 @@ const De = () => {
     return t;
   },
   {}
-), p1 = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ i(nn, { ...t }) : null, $t = (e) => new RegExp("^#", "i").test(e), Lt = (e) => ({ children: t, ...n }) => {
+), yo = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ i(on, { ...t }) : null, $t = (e) => new RegExp("^#", "i").test(e), Lt = (e) => ({ children: t, ...n }) => {
   const {
     implementation: o,
     name: r
   } = e.get("$widget"), { href: s = "" } = n;
   if ($t(s))
-    return /* @__PURE__ */ i(zt, { smooth: !0, to: s, children: t });
+    return /* @__PURE__ */ i(Nt, { 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(t1, { widgetName: l, children: t });
+      return /* @__PURE__ */ i(no, { widgetName: l, children: t });
   }
   return /* @__PURE__ */ i("a", { ...n, children: t });
 }, We = (e) => {
@@ -165,26 +165,26 @@ const De = () => {
   let n = "";
   const o = () => {
     n = "";
-  }, r = (u) => {
+  }, r = (d) => {
     const h = document.getElementById(n);
-    return h !== null ? (u(h), o(), !0) : !1;
-  }, s = (u) => (u.preventDefault(), o(), e.onClick && e.onClick(u), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && r(
+    return h !== null ? (d(h), 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 || ((h) => e.smooth ? h.scrollIntoView({ behavior: "smooth" }) : h.scrollIntoView())
-  ), !1), { scroll: c, smooth: d, to: a, ...l } = e;
+  ), !1), { scroll: c, smooth: u, 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 d = t.match(/h1|h2|h3|h4|h5|h6/);
-    if (d != null && d[0]) {
-      o = d[0];
+    const u = t.match(/h1|h2|h3|h4|h5|h6/);
+    if (u != null && u[0]) {
+      o = u[0];
       const [a] = t.split(o);
       r = a;
     }
   }
-  const c = ((d, a, l) => l[d] ? `${a}${l[d]}` : `${a}${d}`)(
+  const c = ((u, a, l) => l[u] ? `${a}${l[u]}` : `${a}${u}`)(
     o,
     r,
     e.theme.typographyVariantMapping || {}
@@ -195,21 +195,40 @@ const De = () => {
       }
     `;
 };
-function Et(e, t) {
-  return t ? He(e, t) : He(e);
+function Et(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("");
 }
-const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht = (e, t) => ({
+function Rt(e, t) {
+  return t ? He(Et(e), t) : He(e);
+}
+const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt = (e, t) => ({
   transform: {
     a: Lt(e),
-    img: Rt(t)
+    img: Ht(t)
   }
-}), zt = (e) => St(e, "a"), se = D(
+}), Nt = (e) => St(e, "a"), se = D(
   ({ className: e, children: t, ...n }, o) => /* @__PURE__ */ i(
     Dt,
     {
       type: "button",
-      className: $(e, "humany-button"),
-      ...T(n),
+      className: M(e, "humany-button"),
+      ...z(n),
       ref: o,
       children: t
     }
@@ -227,7 +246,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   line-height: normal;
   margin: 0;
   padding: 0;
-`, C1 = ({
+`, bo = ({
   onChange: e = () => {
   },
   onEnter: t = () => {
@@ -238,23 +257,23 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
 }) => /* @__PURE__ */ i(
   "input",
   {
-    className: $(n, "humany-checkbox"),
+    className: M(n, "humany-checkbox"),
     onKeyDown: (s) => {
       s.key === "Enter" && t(s);
     },
     autoComplete: o,
     onChange: (s) => e(s.target.value, s.currentTarget.checked),
-    ...T(r)
+    ...z(r)
   }
-), Bt = K(new dt()), Tt = K(1), Ze = K({
+), zt = K(new ut()), Bt = K(1), Ze = K({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), Nt = K(
+}), Vt = K(
   {}
-), Vt = K(null), Wt = K(null), pe = () => P(Ze), N = () => P(Bt), y1 = (e, t) => {
-  const n = pe().id, o = N();
+), Wt = K(null), Zt = K(null), pe = () => P(Ze), B = () => P(zt), vo = (e, t) => {
+  const n = pe().id, o = B();
   return (r, s) => {
     (t || o).getAsync("actionResolver").then((c) => {
       c.action(e || n, r, s);
@@ -274,7 +293,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     e.current = !1;
   }), []), e;
 }, Y = (e) => {
-  const t = N(), [n, o] = w(null), r = Z();
+  const t = B(), [n, o] = w(null), r = Z();
   return v(() => {
     ft.getInstance(e || t).then(
       (s) => {
@@ -282,11 +301,11 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       }
     );
   }, [r]), n;
-}, b1 = () => {
-  const e = Ce(), t = Y(), [n, o] = w([]), r = Z(), s = S(
+}, xo = () => {
+  const e = Ce(), t = Y(), [n, o] = w([]), r = Z(), s = E(
     (c) => {
       if (t && r.current && c) {
-        const d = t.getBranch(c), a = c.getChildren(d).map((l) => mt(l));
+        const u = t.getBranch(c), a = c.getChildren(u).map((l) => mt(l));
         o(a);
       }
     },
@@ -296,7 +315,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     e && s(e);
   }, [e, t]), v(() => {
     if (t) {
-      const [c, d] = gt(t.events);
+      const [c, u] = gt(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) => {
@@ -304,29 +323,29 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       }), c("components:node-removed", (a, { parentNode: l }) => {
         (l === e || l === t.nodes.root) && s(l);
       }), () => {
-        d();
+        u();
       };
     }
   }, [e, t, s]), n;
-}, v1 = () => P(Tt), x1 = (e, t) => {
-  const n = pe(), o = N(), [r, s] = w(void 0), c = Z(), d = e || n.type || "";
+}, wo = () => P(Bt), ko = (e, t) => {
+  const n = pe(), o = B(), [r, s] = w(void 0), c = Z(), u = e || n.type || "";
   return v(() => {
-    if (d) {
+    if (u) {
       let a;
       return (t || o).getAsync("componentResolver").then((l) => {
         if (c.current) {
-          const u = l.getComponent(d);
-          s(u);
+          const d = l.getComponent(u);
+          s(d);
         }
-        a = l.registerResolver(d, (u) => {
-          c.current && s(u);
+        a = l.registerResolver(u, (d) => {
+          c.current && s(d);
         });
       }), () => {
         a && a();
       };
     }
-  }, [c, d, t, o]), r;
-}, Zt = (e) => {
+  }, [c, u, t, o]), r;
+}, It = (e) => {
   const t = Ce(e), n = Y(), [o, r] = w({}), s = Z();
   return v(() => {
     t && s.current && r(t.attributes.context);
@@ -334,7 +353,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     if (n) {
       const c = n.events.subscribe(
         "components:context-changed",
-        (d, a) => {
+        (u, a) => {
           t === a.node && s.current && r(a.node.attributes.context);
         }
       );
@@ -343,23 +362,23 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       };
     }
   }, [s, n, t]), o;
-}, w1 = () => P(Wt), k1 = () => {
+}, $o = () => P(Zt), Lo = () => {
   const e = Y(), t = pe(), [n, o] = w([]), [r, s] = w();
   return v(() => {
     if (e && t) {
-      const c = new pt(e).withId(t.id), d = e.actions(c, t.type || _());
-      s(d), n !== null && (n.forEach((a) => {
-        d.dispatch(a.key, a.data).then((l) => a.resolve(l)).catch((l) => a.reject(l));
+      const c = new pt(e).withId(t.id), u = e.actions(c, t.type || _());
+      s(u), n !== null && (n.forEach((a) => {
+        u.dispatch(a.key, a.data).then((l) => a.resolve(l)).catch((l) => a.reject(l));
       }), o(null));
     }
-  }, [e, t.id]), (c, d) => n !== null ? new Promise((a, l) => {
+  }, [e, t.id]), (c, u) => n !== null ? new Promise((a, l) => {
     n.push({
       key: c,
-      data: d,
+      data: u,
       resolve: a,
       reject: l
     });
-  }) : r.dispatch(c, d);
+  }) : r.dispatch(c, u);
 }, W = (e, t, n = window, o = () => !0) => {
   const r = L(() => {
   });
@@ -368,15 +387,15 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   }, [t]), v(() => {
     if (!(n && o()))
       return;
-    const c = (d) => r.current(d);
+    const c = (u) => r.current(u);
     return n.addEventListener(e, c), () => {
       n.removeEventListener(e, c);
     };
   }, [e, n]);
-}, It = (e) => {
-  const t = N(), { events: n } = (e || t).get("$widget");
+}, Ot = (e) => {
+  const t = B(), { events: n } = (e || t).get("$widget");
   return n;
-}, $1 = () => {
+}, Mo = () => {
   const [e, t] = w(!1);
   return v(() => {
     const n = () => {
@@ -389,20 +408,20 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     };
   }, []), e;
 }, j = (e, t) => {
-  const [n, o] = w(!1), r = S(
+  const [n, o] = w(!1), r = E(
     (c) => {
-      const { key: d } = c;
-      d === e && (o(!0), t && t(c));
+      const { key: u } = c;
+      u === e && (o(!0), t && t(c));
     },
     [o, t]
-  ), s = S(
+  ), s = E(
     ({ key: c }) => {
       c === e && o(!1);
     },
     [o]
   );
   return W("keydown", r, window), W("keyup", s, window), n;
-}, L1 = (e) => {
+}, So = (e) => {
   const t = Ce(e), n = Y(), [o, r] = w({}), s = Z();
   return v(() => {
     t && s.current && r(t.attributes.layout);
@@ -410,7 +429,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     if (n) {
       const c = n.events.subscribe(
         "components:layout-changed",
-        (d, a) => {
+        (u, a) => {
           t === a.node && s.current && r(a.node.attributes.layout);
         }
       );
@@ -424,18 +443,18 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   return v(() => {
     t.current = e;
   }), t.current;
-}, M1 = () => P(Nt), S1 = (e) => {
-  const [t, n] = w(), o = N(), r = Z();
+}, Eo = () => P(Vt), Ro = (e) => {
+  const [t, n] = w(), o = B(), r = Z();
   return v(() => {
     let s;
     const c = (e || o).get("$widget");
     if (!c)
       return;
-    const { name: d, invoke: a } = c;
+    const { name: u, invoke: a } = c;
     return a("renderState").then((l) => {
       r.current && n(l);
     }), (e || o).getAsync("actionResolver").then((l) => {
-      s = l.subscribe(d, (u, h) => {
+      s = l.subscribe(u, (d, h) => {
         switch (h) {
           case "close":
           case "open":
@@ -451,8 +470,8 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       s && s();
     };
   }, [r]), t;
-}, Oe = () => P(Vt), E1 = (e) => {
-  const t = N(), n = Oe(), [o, r] = w({
+}, Oe = () => P(Wt), Ho = (e) => {
+  const t = B(), n = Oe(), [o, r] = w({
     name: "",
     params: {}
   }), s = Z();
@@ -460,45 +479,45 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     const c = (e || t).get("$widget");
     if (!c)
       return;
-    const { events: d } = c;
-    return d.subscribe(
+    const { events: u } = c;
+    return u.subscribe(
       "router:change",
-      (l, { next: { routeData: u } }) => {
+      (l, { next: { routeData: d } }) => {
         if (s.current) {
-          const { name: h, params: f } = u;
+          const { name: h, params: f } = d;
           Re(f), r({ name: h, params: f });
         }
       }
     );
   }, [s, e, t]), v(() => {
     if (n && n.history && s.current) {
-      const c = n.getRouteData(), { name: d, params: a } = c;
-      Re(a), r({ name: d, params: a });
+      const c = n.getRouteData(), { name: u, params: a } = c;
+      Re(a), r({ name: u, params: a });
     }
   }, [n, s]), o;
 }, Ae = (e) => {
   const t = L(), n = L(0);
   let o;
-  const r = S(() => {
+  const r = E(() => {
     var l;
     (l = t.current) == null || l.classList.add("humany-scrolling"), clearTimeout(o), o = setTimeout(() => {
-      var u;
-      (u = t.current) == null || u.classList.remove("humany-scrolling");
+      var d;
+      (d = t.current) == null || d.classList.remove("humany-scrolling");
     }, 500);
-  }, [t]), s = S(
+  }, [t]), s = E(
     (l) => {
       n.current = l.touches[0].clientY;
     },
     [t]
-  ), c = (l) => d(l) ? l === t.current ? l : null : l.parentElement ? c(l.parentElement) : null, d = (l) => l.scrollWidth > l.clientWidth || l.scrollHeight > l.clientHeight, a = S(
+  ), c = (l) => u(l) ? l === t.current ? l : null : l.parentElement ? c(l.parentElement) : null, u = (l) => l.scrollWidth > l.clientWidth || l.scrollHeight > l.clientHeight, a = E(
     (l) => {
       if (!l.cancelable)
         return;
-      const u = l.touches[0].clientY, h = c(l.target);
+      const d = l.touches[0].clientY, h = c(l.target);
       if (!h)
         return;
-      const f = h.scrollTop, m = n.current - u < 0 ? "up" : "down", g = f <= 0 && m === "up", p = f >= h.scrollHeight - h.offsetHeight && m === "down";
-      (g || p) && l.preventDefault(), n.current = u;
+      const f = h.scrollTop, g = n.current - d < 0 ? "up" : "down", m = f <= 0 && g === "up", p = f >= h.scrollHeight - h.offsetHeight && g === "down";
+      (m || p) && l.preventDefault(), n.current = d;
     },
     [t, n]
   );
@@ -517,9 +536,9 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     a,
     t.current,
     () => t.current && e
-  ), e ? [Ot, t] : ["", t];
-}, Ot = `
-    overflow-y: ${De() === fe.Chrome || De() === fe.EdgeChromium ? "overlay" : "auto"};
+  ), e ? [At, t] : ["", t];
+}, At = `
+    overflow-y: ${Ne() === fe.Chrome || Ne() === fe.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
     scrollbar-width: thin; /* Firefox */
@@ -546,36 +565,36 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             background-color: #7F7F7F;
         }
     }
-`, R1 = () => {
-  const [e, t] = w(null), n = N(), o = Z();
+`, To = () => {
+  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 = S((r) => {
+  const [t, n] = w(e), o = E((r) => {
     n(typeof r == "boolean" ? r : (s) => !s);
   }, []);
   return [t, o];
-}, H1 = (e) => {
-  const t = N(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = w(null), [c, d] = w(null), a = Z();
+}, No = (e) => {
+  const t = B(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = w(null), [c, u] = w(null), a = Z();
   v(() => {
     if (n && a.current) {
-      const u = n.nodes.all.find((f) => f.name === "root-area"), h = n.nodes.all.find((f) => f.type === "view");
-      if (!(h != null && h.attributes.properties.animation) && !(u != null && u.attributes.properties.animation))
+      const d = n.nodes.all.find((f) => f.name === "root-area"), h = n.nodes.all.find((f) => f.type === "view");
+      if (!(h != null && h.attributes.properties.animation) && !(d != null && d.attributes.properties.animation))
         e();
       else {
-        const f = (p = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${p}"]`), m = f(h == null ? void 0 : h.id);
-        m && s(m);
-        const g = f(u == null ? void 0 : u.id);
-        g && d(g);
+        const f = (p = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${p}"]`), g = f(h == null ? void 0 : h.id);
+        g && s(g);
+        const m = f(d == null ? void 0 : d.id);
+        m && u(m);
       }
     }
   }, [n, t, a]);
-  const l = S(
-    (u) => {
-      a.current && (u.target === r || u.target === c) && e();
+  const l = E(
+    (d) => {
+      a.current && (d.target === r || d.target === c) && e();
     },
     [e, a, r, c]
   );
@@ -589,7 +608,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     c
   );
 }, ae = (e, t, n = [], o) => {
-  const r = It(o);
+  const r = Ot(o);
   return v(() => {
     if (r) {
       const s = r.subscribe(e, t);
@@ -608,8 +627,8 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     "span",
     {
       ref: o,
-      className: $(e, "humany-text"),
-      ...T(n),
+      className: M(e, "humany-text"),
+      ...z(n),
       children: t
     }
   )
@@ -622,7 +641,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   border: ${e.theme.border};
   box-shadow: ${e.theme.boxShadow || "none"};
   ${e["data-loading"] && "min-height: 150px;"}
-`, At = (e) => {
+`, Ft = (e) => {
   var t, n, o;
   return k`
   cursor: pointer;
@@ -634,11 +653,11 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   font-family: ${(n = e.theme.fonts) == null ? void 0 : n.type};
   font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
 `;
-}, z1 = (e) => {
+}, Do = (e) => {
   var c;
   const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: s } = e;
   return k`
-    ${At(e)}
+    ${Ft(e)}
     border: 1px solid ${o ? n : t};
     background-color: ${o ? t : n};
 
@@ -679,10 +698,10 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   color: ${(o = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : o.inactiveText};
   border-color: transparent;
 `;
-}, Ft = (e) => k`
+}, Pt = (e) => k`
   ${O(e)}
   text-decoration: underline;
-`, D1 = (e) => {
+`, zo = (e) => {
   var t;
   return k`
   ${O(e)}
@@ -716,7 +735,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     height: 15px;
     box-sizing: content-box;
   }
-`, Be = C(be)`
+`, De = C(be)`
   font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -727,7 +746,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, Pt = (e) => {
+`, jt = (e) => {
   var t;
   return k`
   padding: 0;
@@ -749,7 +768,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     margin: 0;
   }
 `;
-}, B1 = (e) => {
+}, Bo = (e) => {
   var t, n, o, r;
   return k`
   > div {
@@ -765,7 +784,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   )}
   }
   > ul {
-    ${Pt(e)}
+    ${jt(e)}
   }
   ${ie(e)(
     "h1",
@@ -785,7 +804,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     `
   )}
 `;
-}, T1 = (e) => {
+}, Vo = (e) => {
   var t, n, o, r, s, c;
   return k`
   font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
@@ -814,7 +833,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   a {
     color: ${(o = e.theme.colors) == null ? void 0 : o.link};
     &:focus-visible {
-      ${Ft(e)};
+      ${Pt(e)};
     }
   }
 
@@ -864,13 +883,13 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   className: s,
   ...c
 }) => {
-  const { type: d, content: a } = o, l = {
+  const { type: u, content: a } = o, l = {
     "aria-label": e,
     role: "presentation"
   };
-  switch (d) {
+  switch (u) {
     case "Uri": {
-      const u = {
+      const d = {
         backgroundSize: t,
         backgroundImage: `url('${a}')`,
         backgroundRepeat: "no-repeat",
@@ -880,21 +899,21 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       return /* @__PURE__ */ i(
         "i",
         {
-          className: $(
+          className: M(
             s,
             "humany-icon",
             "humany-custom-icon"
           ),
           title: e,
-          style: { ...u, ...r },
+          style: { ...d, ...r },
           ...l,
           ...c
         }
       );
     }
     case "Svg": {
-      const u = {
-        className: $(s, "humany-icon"),
+      const d = {
+        className: M(s, "humany-icon"),
         width: `${n}`,
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -903,7 +922,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       }, h = { minWidth: `${n}` };
       switch (a) {
         case "search":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 32 30", ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 32 30", ...d, children: [
             /* @__PURE__ */ i(
               "circle",
               {
@@ -916,7 +935,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             /* @__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", ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 27 27", ...d, children: [
             /* @__PURE__ */ i(
               "circle",
               {
@@ -949,32 +968,32 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "close":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 13 13", ...u, children: [
+          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: h, ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: h, ...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: h, ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: h, ...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(jt, { viewBox: "0 0 14 14", style: h, ...u, children: [
+          return /* @__PURE__ */ b(Kt, { viewBox: "0 0 14 14", style: h, ...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: h, ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: h, ...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", ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 18 18", ...d, children: [
             /* @__PURE__ */ i(
               "line",
               {
@@ -997,7 +1016,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "alert":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 19 19", ...u, children: [
+          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",
@@ -1008,7 +1027,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "send":
-          return /* @__PURE__ */ i("svg", { viewBox: "0 0 20 17", ...u, children: /* @__PURE__ */ i(
+          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",
@@ -1018,7 +1037,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             }
           ) });
         case "chat":
-          return /* @__PURE__ */ b("svg", { viewBox: "-2 -3 40 40", ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "-2 -3 40 40", ...d, children: [
             /* @__PURE__ */ i(
               "path",
               {
@@ -1055,7 +1074,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "chat-new":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 26 24", ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 26 24", ...d, children: [
             /* @__PURE__ */ i(
               "path",
               {
@@ -1072,7 +1091,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "agent":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 36 30", ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 36 30", ...d, children: [
             /* @__PURE__ */ i(
               "path",
               {
@@ -1104,11 +1123,11 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "minimize":
-          return /* @__PURE__ */ i("svg", { viewBox: "0 -10 22 22", ...u, children: /* @__PURE__ */ i("path", { d: "M0 1H22", stroke: "white" }) });
+          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", ...u, children: /* @__PURE__ */ i("path", { d: "M18 1H0M8 13H0M13 7H0" }) });
+          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", ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 19 17", ...d, children: [
             /* @__PURE__ */ i(
               "rect",
               {
@@ -1133,7 +1152,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "print":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 16 17", ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 16 17", ...d, children: [
             /* @__PURE__ */ i(
               "path",
               {
@@ -1190,7 +1209,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "language":
-          return /* @__PURE__ */ i("svg", { viewBox: "0 0 19 19", ...u, children: /* @__PURE__ */ i(
+          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",
@@ -1198,7 +1217,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             }
           ) });
         case "information":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 17 17", ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 17 17", ...d, children: [
             /* @__PURE__ */ i(
               "path",
               {
@@ -1224,7 +1243,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "options":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 16 2", ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 16 2", ...d, children: [
             /* @__PURE__ */ i(
               "circle",
               {
@@ -1257,7 +1276,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "browse":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 24 24", ...u, children: [
+          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",
@@ -1297,7 +1316,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "video":
-          return h.minWidth && typeof h.minWidth == "number" && (h.minWidth = `${h.minWidth}px`), /* @__PURE__ */ b("svg", { viewBox: "0 0 25 25", ...u, style: h, children: [
+          return h.minWidth && typeof h.minWidth == "number" && (h.minWidth = `${h.minWidth}px`), /* @__PURE__ */ b("svg", { viewBox: "0 0 25 25", ...d, style: h, children: [
             /* @__PURE__ */ i(
               "path",
               {
@@ -1322,7 +1341,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "star-empty":
-          return /* @__PURE__ */ i("svg", { viewBox: "0 0 13 12", ...u, children: /* @__PURE__ */ i(
+          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",
@@ -1330,7 +1349,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             }
           ) });
         case "star-filled":
-          return /* @__PURE__ */ i("svg", { viewBox: "0 0 13 12", ...u, children: /* @__PURE__ */ i(
+          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",
@@ -1339,7 +1358,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             }
           ) });
         case "cog-wheel":
-          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...u, children: /* @__PURE__ */ i(
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...d, children: /* @__PURE__ */ i(
             "path",
             {
               fillRule: "evenodd",
@@ -1349,7 +1368,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             }
           ) });
         case "zoom-in":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 24 24", ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 24 24", ...d, children: [
             /* @__PURE__ */ i(
               "path",
               {
@@ -1379,7 +1398,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "zoom-out":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 24 24", ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 24 24", ...d, children: [
             /* @__PURE__ */ i(
               "path",
               {
@@ -1400,7 +1419,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "download":
-          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...u, children: /* @__PURE__ */ i(
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...d, children: /* @__PURE__ */ i(
             "path",
             {
               fillRule: "evenodd",
@@ -1410,7 +1429,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             }
           ) });
         case "lightbox-close":
-          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...u, children: /* @__PURE__ */ i(
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...d, children: /* @__PURE__ */ i(
             "path",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -1421,7 +1440,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             }
           ) });
         case "pagination-left":
-          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...u, children: /* @__PURE__ */ i(
+          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...d, children: /* @__PURE__ */ i(
             "path",
             {
               fillRule: "evenodd",
@@ -1431,13 +1450,13 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             }
           ) });
         case "pagination-right":
-          return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", ...u, 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 /* @__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(
-        sn,
+        an,
         {
           className: s,
           faIcon: a,
@@ -1450,7 +1469,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       return e ? /* @__PURE__ */ i(
         "i",
         {
-          className: $(s, "humany-letter-symbol"),
+          className: M(s, "humany-letter-symbol"),
           title: e,
           ...l,
           ...c,
@@ -1458,9 +1477,9 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
         }
       ) : null;
   }
-}, jt = C.svg`
+}, Kt = C.svg`
   transform: rotate(180deg);
-`, Kt = {
+`, Yt = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1475,14 +1494,14 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   className: n,
   children: o
 }) => {
-  const { typographyVariantMapping: r = {} } = Zt(), s = {
-    ...Kt,
+  const { typographyVariantMapping: r = {} } = It(), s = {
+    ...Yt,
     ...r
   }, c = t || s[e] || "span";
-  return /* @__PURE__ */ i(Yt, { className: n, as: c, children: o });
-}, Yt = C.span``;
-var Xt = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Xt || {});
-const _t = 300, N1 = ({
+  return /* @__PURE__ */ i(Xt, { className: n, as: c, children: o });
+}, Xt = C.span``;
+var _t = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(_t || {});
+const Ut = 300, Wo = ({
   className: e,
   children: t,
   header: n,
@@ -1490,50 +1509,50 @@ const _t = 300, N1 = ({
   trigger: r,
   fullScreen: s = !1,
   closeButtonAriaLabel: c,
-  animation: d = {
+  animation: u = {
     type: "slide-in-bottom"
     /* SlideInBottom */
   }
 }) => {
-  const { duration: a = _t } = d, l = L(), u = L(), [h, f] = Ae(!0), [m, g] = Fe(), p = Ie(m), y = L(_());
+  const { duration: a = Ut } = u, l = L(), d = L(), [h, f] = Ae(!0), [g, m] = Fe(), p = Ie(g), y = L(_());
   v(() => {
-    o && o(m);
-  }, [m]);
-  const M = j("Escape");
+    o && o(g);
+  }, [g]);
+  const $ = j("Escape");
   v(() => {
-    M && g(!1);
-  }, [M]), W(
+    $ && m(!1);
+  }, [$]), W(
     "click",
-    (H) => {
-      const { target: z } = H;
-      !u.current || !f.current || !z || u.current !== z && f.current !== z && !f.current.contains(z) && !u.current.contains(z) && g(!1);
+    (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 R = ye(y.current, () => {
-    g(!1);
+    m(!1);
   });
   ae("router:changed", () => {
-    g(!1);
+    m(!1);
   }), v(() => {
-    m && l.current ? l.current.focus() : !m && u.current && p && u.current.focus();
-  }, [m, l.current, u.current]);
-  const B = en[d.type];
+    g && l.current ? l.current.focus() : !g && d.current && p && d.current.focus();
+  }, [g, l.current, d.current]);
+  const N = tn[u.type];
   return /* @__PURE__ */ b(U, { children: [
     /* @__PURE__ */ i(
       Ve,
       {
-        in: m,
+        in: g,
         className: "humany-drawer-transition",
         classNames: "humany-drawer-transition",
         unmountOnExit: !0,
         timeout: a,
         children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
-          B,
+          N,
           {
             duration: a,
             fullScreen: s,
-            className: $(
+            className: M(
               e,
               "humany-drawer",
               `humany-drawer-${y.current}`
@@ -1545,14 +1564,14 @@ const _t = 300, N1 = ({
               /* @__PURE__ */ i(
                 ve,
                 {
-                  onClick: () => g(!1),
+                  onClick: () => m(!1),
                   tabIndex: 0,
                   ref: l,
                   "aria-label": c,
                   children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
                 }
               ),
-              !!n && /* @__PURE__ */ i(Ut, { variant: "h1", className: "humany-drawer-header", children: n }),
+              !!n && /* @__PURE__ */ i(qt, { variant: "h1", className: "humany-drawer-header", children: n }),
               t
             ]
           }
@@ -1560,12 +1579,12 @@ const _t = 300, N1 = ({
       }
     ),
     oe.cloneElement(r, {
-      onClick: (H) => {
-        g(), R();
+      onClick: (S) => {
+        m(), R();
       },
-      ref: u,
+      ref: d,
       "aria-label": r.props.title,
-      "aria-expanded": m
+      "aria-expanded": g
     })
   ] });
 }, ce = C.div`
@@ -1585,7 +1604,7 @@ const _t = 300, N1 = ({
   box-shadow: ${(e) => e.theme.boxShadow};
   background: #ffffff;
   ${(e) => e.css && e.css}
-`, Ut = C(X)`
+`, qt = C(X)`
   padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1610,7 +1629,7 @@ const _t = 300, N1 = ({
   line-height: 1.2em;
 `, le = (e) => k`
   transition: ${e.duration}ms;
-`, qt = C(ce)`
+`, Qt = C(ce)`
   max-height: 0;
   ${le}
 
@@ -1627,7 +1646,7 @@ const _t = 300, N1 = ({
   &.humany-drawer-transition-exit-done {
     max-height: 0;
   }
-`, Qt = C(ce)`
+`, Gt = C(ce)`
   ${le}
   transform: translateX(100%);
   height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1645,7 +1664,7 @@ const _t = 300, N1 = ({
   &.humany-drawer-transition-exit-done {
     transform: translateX(100%);
   }
-`, Gt = C(ce)`
+`, Jt = C(ce)`
   ${le}
   transform: translateX(-100%);
   height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1663,7 +1682,7 @@ const _t = 300, N1 = ({
   &.humany-drawer-transition-exit-done {
     transform: translateX(-100%);
   }
-`, Jt = C(ce)`
+`, en = C(ce)`
   ${le}
   bottom: unset;
   top: 0;
@@ -1682,29 +1701,29 @@ const _t = 300, N1 = ({
   &.humany-drawer-transition-exit-done {
     height: 0;
   }
-`, en = {
+`, tn = {
   [
     "slide-in-bottom"
     /* SlideInBottom */
-  ]: qt,
+  ]: Qt,
   [
     "slide-in-right"
     /* SlideInRight */
-  ]: Qt,
+  ]: Gt,
   [
     "slide-in-left"
     /* SlideInLeft */
-  ]: Gt,
+  ]: Jt,
   [
     "slide-in-top"
     /* SlideInTop */
-  ]: Jt
+  ]: en
 }, je = (e, t, n) => {
-  const [o, r] = w(0), [s, c] = w(0), d = S(
+  const [o, r] = w(0), [s, c] = w(0), u = E(
     (a, l) => {
       if (a.preventDefault(), l) {
-        const u = l.getBoundingClientRect();
-        r(Math.max(document.body.clientWidth - u.right, 1)), c(u.bottom + window.scrollY);
+        const d = l.getBoundingClientRect();
+        r(Math.max(document.body.clientWidth - d.right, 1)), c(d.bottom + window.scrollY);
       }
     },
     [o, s, r, c]
@@ -1717,8 +1736,8 @@ const _t = 300, N1 = ({
       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 }, d];
-}, V1 = oe.forwardRef(
+  }, [n, e, t]), [{ x: o, y: s }, u];
+}, Zo = oe.forwardRef(
   ({
     className: e = "",
     children: t = null,
@@ -1726,43 +1745,43 @@ const _t = 300, N1 = ({
     closeButtonAriaLabel: o,
     ...r
   }, s) => {
-    const c = L(), d = L(), a = L();
+    const c = L(), u = L(), a = L();
     ge(s, () => a.current, [a.current]);
-    const l = L(_()), [u, h] = w(!1), f = Ie(u), [{ x: m, y: g }, p] = je(u, l.current, a.current), y = j("Escape");
+    const l = L(_()), [d, h] = w(!1), f = Ie(d), [{ x: g, y: m }, p] = je(d, l.current, a.current), y = j("Escape");
     v(() => {
       y && h(!1);
     }, [y]), v(() => {
-      u && c.current ? c.current.focus() : !u && d.current && f && d.current.focus();
-    }, [u, c.current, d.current]), W(
+      d && c.current ? c.current.focus() : !d && u.current && f && u.current.focus();
+    }, [d, c.current, u.current]), W(
       "click",
-      (B) => {
-        const { target: H } = B;
-        !a.current || !H || a.current !== H && !a.current.contains(H) && h(!1);
+      (N) => {
+        const { target: S } = N;
+        !a.current || !S || a.current !== S && !a.current.contains(S) && h(!1);
       },
       window
     ), ae("router:changed", () => {
       h(!1);
     });
-    const M = ye(l.current, () => {
+    const $ = ye(l.current, () => {
       h(!1);
-    }), R = S(
-      (B) => {
-        B.stopPropagation(), p(B, d.current), h(!u), M();
+    }), R = E(
+      (N) => {
+        N.stopPropagation(), p(N, u.current), h(!d), $();
       },
-      [M, p, h]
+      [$, p, h]
     );
     return /* @__PURE__ */ b(U, { children: [
-      u && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
-        tn,
+      d && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
+        nn,
         {
-          className: $(
+          className: M(
             "humany-dropdown",
             `humany-dropdown-${l.current}`,
             e
           ),
           ...r,
-          x: m,
-          y: g,
+          x: g,
+          y: m,
           ref: a,
           children: [
             /* @__PURE__ */ i(
@@ -1781,13 +1800,13 @@ const _t = 300, N1 = ({
       ) }),
       oe.cloneElement(n, {
         onClick: R,
-        ref: d,
+        ref: u,
         "aria-label": n.props.title,
-        "aria-expanded": u
+        "aria-expanded": d
       })
     ] });
   }
-), tn = C.div`
+), nn = C.div`
   ${Pe}
   padding: ${(e) => {
   var t;
@@ -1802,22 +1821,22 @@ const _t = 300, N1 = ({
   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;
 }};
-`, nn = ({ ...e }) => /* @__PURE__ */ i(on, { ...e }), on = C.div`
+`, on = ({ ...e }) => /* @__PURE__ */ i(rn, { ...e }), rn = C.div`
   display: none;
-`, W1 = D(
+`, Io = D(
   ({ children: e, columns: t, gap: n, className: o, ...r }, s) => /* @__PURE__ */ i(
-    rn,
+    sn,
     {
-      className: $(o, "humany-grid"),
+      className: M(o, "humany-grid"),
       "data-columns": t,
       "data-gap": n,
       ...We(r),
-      ...T(r),
+      ...z(r),
       ref: s,
       children: e
     }
   )
-), rn = C.div`
+), sn = C.div`
   display: grid;
   grid-template-columns: repeat(${(e) => e["data-columns"]}, 1fr);
   grid-gap: ${(e) => e["data-gap"]};
@@ -1826,28 +1845,63 @@ const _t = 300, N1 = ({
   ${Mt}
 `, Ke = D(
   ({ htmlParseInstruction: e = null, className: t, html: n, ...o }, r) => {
-    const s = N(), [c, d] = w();
-    return v(() => {
-      const a = Ht(s, n), l = {
-        ...a,
+    const s = B(), [c, u] = w();
+    v(() => {
+      const d = Tt(s, n), h = {
+        ...d,
         ...e,
         transform: {
-          ...a.transform,
+          ...d.transform,
           ...e == null ? void 0 : e.transform
         }
-      }, u = Et(n, l);
-      d(u);
-    }, [n, e]), /* @__PURE__ */ i(
+      }, f = Rt(n, h);
+      u(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 $, R, 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 = (R = m.closest(".humany-notification-row")) == null ? void 0 : R.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: $(t, "humany-html"),
-        ...T(o),
-        ref: r,
+        className: M(t, "humany-html"),
+        ...z(o),
+        ref: a,
         children: c
       }
     );
   }
-), sn = ({
+), an = ({
   faIcon: e,
   title: t,
   className: n = "",
@@ -1856,12 +1910,12 @@ const _t = 300, N1 = ({
 }) => /* @__PURE__ */ i(
   "i",
   {
-    className: $(n, `fa fa-${e}`),
+    className: M(n, `fa fa-${e}`),
     title: t,
     role: o,
-    ...T(r)
+    ...z(r)
   }
-), Z1 = D(
+), Oo = D(
   ({
     className: e = "",
     autoFocus: t = !1,
@@ -1874,72 +1928,72 @@ const _t = 300, N1 = ({
     selectAllOnFocus: s,
     onChange: c = () => {
     },
-    disabled: d = !1,
+    disabled: u = !1,
     type: a,
     ...l
-  }, u) => {
-    const [h, f] = w(t), m = L();
-    ge(u, () => m.current), v(() => {
+  }, d) => {
+    const [h, f] = w(t), g = L();
+    ge(d, () => g.current), v(() => {
       var y;
-      t && ((y = m == null ? void 0 : m.current) == null || y.focus());
-    }, [t, u, m]);
-    const g = (y, M) => {
-      f(y), n && n(y), s && y && M.target.select();
+      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 = {
-      ...T(l),
-      disabled: d,
+      ...z(l),
+      disabled: u,
       autoFocus: t,
       type: a,
       onKeyDown: (y) => {
         y.key === "Enter" && h && o(y), y.key === "Escape" && h && r(y);
       },
-      onFocus: (y) => g(!0, y),
-      onBlur: (y) => g(!1, y),
+      onFocus: (y) => m(!0, y),
+      onBlur: (y) => m(!1, y),
       onChange: (y) => c(y.target.value || ""),
-      className: $(e, "humany-input"),
+      className: M(e, "humany-input"),
       "data-type": a
     };
     return a !== "textarea" ? /* @__PURE__ */ i(
       "input",
       {
         ...p,
-        ref: m
+        ref: g
       }
     ) : /* @__PURE__ */ i(
       "textarea",
       {
         ...p,
-        ref: m
+        ref: g
       }
     );
   }
-), an = D(
+), cn = 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: $(e, "humany-list"),
+        className: M(e, "humany-list"),
         "data-item-count": t.length,
-        ...T(r),
+        ...z(r),
         ref: s,
         children: t.map(
-          (d, a, l) => o ? /* @__PURE__ */ i("li", { className: "humany-list-item", children: n(d, a, l) }, d.id || a) : n(d, a, l)
+          (u, a, l) => o ? /* @__PURE__ */ i("li", { className: "humany-list-item", children: n(u, a, l) }, u.id || a) : n(u, a, l)
         )
       }
     );
   }
-), cn = D(
-  ({ text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: s, ...c }, d) => {
+), ln = D(
+  ({ text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: s, ...c }, u) => {
     var l;
     const a = (l = window.humany) == null ? void 0 : l.deflectionHeaderTag;
     return /* @__PURE__ */ b(
       "div",
       {
-        className: $(o, "humany-paragraph"),
-        ...T(c),
-        ref: d,
+        className: M(o, "humany-paragraph"),
+        ...z(c),
+        ref: u,
         children: [
           n ? /* @__PURE__ */ b(
             X,
@@ -1957,7 +2011,7 @@ const _t = 300, N1 = ({
       }
     );
   }
-), ln = D(
+), dn = D(
   ({
     header: e,
     customHeader: t,
@@ -1966,34 +2020,34 @@ const _t = 300, N1 = ({
     className: r,
     children: s,
     symbol: c,
-    items: d,
+    items: u,
     renderItem: a,
     renderLi: l,
-    ulProps: u,
+    ulProps: d,
     ...h
   }, f) => /* @__PURE__ */ b(
     "div",
     {
-      className: $(r, "humany-item-list"),
-      "data-item-count": d.length,
-      ...T(h),
+      className: M(r, "humany-item-list"),
+      "data-item-count": u.length,
+      ...z(h),
       ref: f,
       children: [
-        t || (e || n || o ? /* @__PURE__ */ i(cn, { symbol: c, header: e, text: n, html: o }) : null),
-        d.length ? /* @__PURE__ */ i(
-          an,
+        t || (e || n || o ? /* @__PURE__ */ i(ln, { symbol: c, header: e, text: n, html: o }) : null),
+        u.length ? /* @__PURE__ */ i(
+          cn,
           {
-            items: d,
+            items: u,
             renderItem: a,
             renderLi: l,
-            ...u
+            ...d
           }
         ) : null,
         s
       ]
     }
   )
-), I1 = ({
+), Ao = ({
   className: e = "",
   tree: t,
   renderItem: n,
@@ -2001,32 +2055,32 @@ const _t = 300, N1 = ({
   renderUnselected: r = !0,
   renderEmpty: s = !0,
   ulProps: c,
-  liProps: d
+  liProps: u
 }) => {
-  const a = (h) => !l(h), l = (h) => !h || h.length < 1 ? !0 : !h.some((f) => !!f.selected), u = (h, f) => /* @__PURE__ */ i(
-    ln,
+  const a = (h) => !l(h), l = (h) => !h || h.length < 1 ? !0 : !h.some((f) => !!f.selected), d = (h, f) => /* @__PURE__ */ i(
+    dn,
     {
-      className: $(`humany-item-tree-level-${f}`),
+      className: M(`humany-item-tree-level-${f}`),
       items: h,
       ulProps: c,
-      renderItem: (m) => {
-        const { id: g, selected: p, items: y, matches: M } = m, R = p && l(y);
-        return !s && !M ? null : /* @__PURE__ */ at(
+      renderItem: (g) => {
+        const { id: m, selected: p, items: y, matches: $ } = g, R = p && l(y);
+        return !s && !$ ? null : /* @__PURE__ */ at(
           "li",
           {
-            ...T(d),
-            key: g,
+            ...z(u),
+            key: m,
             className: "humany-item-tree-item"
           },
-          n && n(m, f, R),
-          y && (r || R) && u(y, f + 1)
+          n && n(g, f, R),
+          y && (r || R) && d(y, f + 1)
         );
       }
     }
   );
-  return /* @__PURE__ */ b("div", { className: $(e, "humany-item-tree"), children: [
+  return /* @__PURE__ */ b("div", { className: M(e, "humany-item-tree"), children: [
     o && o(!a(t || [])),
-    t && u(t, 1)
+    t && d(t, 1)
   ] });
 }, un = D(
   ({
@@ -2038,72 +2092,72 @@ const _t = 300, N1 = ({
     params: r = {},
     children: s,
     ...c
-  }, d) => {
-    const a = Oe(), l = N();
+  }, u) => {
+    const a = Oe(), l = B();
     if (!a)
       return null;
-    let u = "";
+    let d = "";
     const h = {
       onClick: t,
-      className: $(e, "humany-route-link"),
-      to: u,
-      innerRef: d,
+      className: M(e, "humany-route-link"),
+      to: d,
+      innerRef: u,
       ...c,
       ref: null
     };
     if (n) {
       if (!(a.routes || []).find((p) => p.name === n))
-        return process.env.NODE_ENV !== "production" && ue.warn(
+        return process.env.NODE_ENV !== "production" && de.warn(
           `Unable to create route. No route named "${n}" exist.`
         ), /* @__PURE__ */ i(
-          de,
+          ue,
           {
             ...h,
             onClick: (p) => {
-              t(p), p.preventDefault(), process.env.NODE_ENV !== "production" && ue.warn(
+              t(p), p.preventDefault(), process.env.NODE_ENV !== "production" && de.warn(
                 `Unable to navigate. No route named "${n}" exist.`
               );
             },
             children: s
           }
         );
-      const g = Object.keys(r).reduce(
+      const m = Object.keys(r).reduce(
         (p, y) => {
-          const M = r[y];
-          if (Array.isArray(M)) {
-            if (M.length === 0)
+          const $ = r[y];
+          if (Array.isArray($)) {
+            if ($.length === 0)
               return p;
-            p[y] = M.map((R) => typeof R == "string" ? encodeURIComponent(R) : R).join(",");
+            p[y] = $.map((R) => typeof R == "string" ? encodeURIComponent(R) : R).join(",");
           } else
-            p[y] = typeof M == "string" ? encodeURIComponent(M) : M;
+            p[y] = typeof $ == "string" ? encodeURIComponent($) : $;
           return p;
         },
         {}
       );
       try {
-        u = a.generate(n, g || {});
+        d = a.generate(n, m || {});
       } catch {
-        return /* @__PURE__ */ i(de, { ...h, ref: h.innerRef, children: s });
+        return /* @__PURE__ */ i(ue, { ...h, ref: h.innerRef, children: s });
       }
-      u && a.settings.mode && a.settings.mode === ze.browser && u[0] !== "/" && (u = `/${u}`);
+      d && a.settings.mode && a.settings.mode === Te.browser && d[0] !== "/" && (d = `/${d}`);
     } else if (o && a.history)
-      u = a.history.createHref({
+      d = a.history.createHref({
         hash: "",
         pathname: o,
         search: "",
         state: void 0
       });
     else
-      return process.env.NODE_ENV !== "production" && ue.warn(
+      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 === ze.scopedHash) {
+    if (a.settings && a.settings.mode === Te.scopedHash) {
       const f = l.get("$widget").name;
-      u = bt(u, f);
+      d = bt(d, f);
     }
-    return h.as ? /* @__PURE__ */ i(dn, { ...h, as: h.as, children: s }) : /* @__PURE__ */ i(de, { ...h, to: u, children: s });
+    return h.as ? /* @__PURE__ */ i(hn, { ...h, as: h.as, children: s }) : /* @__PURE__ */ i(ue, { ...h, to: d, children: s });
   }
-), dn = C.span``, xe = D(
+), hn = C.span``, xe = D(
   ({
     className: e,
     disabled: t = !1,
@@ -2114,46 +2168,46 @@ const _t = 300, N1 = ({
     },
     title: s,
     as: c,
-    href: d,
+    href: u,
     children: a,
     target: l,
-    routeName: u,
+    routeName: d,
     params: h,
     ...f
-  }, m) => {
-    var B, H;
-    const g = {
+  }, g) => {
+    var N, S;
+    const m = {
       title: s,
-      role: u === "index" || u === "contact-method" || t ? "button" : void 0,
-      "aria-expanded": u === "index" ? "false" : void 0,
+      role: d === "index" || d === "contact-method" || t ? "button" : void 0,
+      "aria-expanded": d === "index" ? "false" : void 0,
       disabled: t,
       as: c,
       tabIndex: n,
-      className: $(e, "humany-link", [
+      className: M(e, "humany-link", [
         !!t,
         "humany-disabled"
       ]),
-      onClick: (z) => {
-        if (z.persist(), t) {
-          z.preventDefault();
+      onClick: (T) => {
+        if (T.persist(), t) {
+          T.preventDefault();
           return;
         }
-        o(z);
+        o(T);
       },
-      onKeyDown: (z) => {
-        if (z.persist(), t) {
-          z.key !== "Tab" && z.preventDefault();
+      onKeyDown: (T) => {
+        if (T.persist(), t) {
+          T.key !== "Tab" && T.preventDefault();
           return;
         }
-        r(z);
+        r(T);
       }
     };
-    f["data-client-name"] === "custom.link" && (g.role = "link");
-    const y = N().get("$settings"), M = t && ((H = (B = y == null ? void 0 : y.data) == null ? void 0 : B.accessibility) == null ? void 0 : H.disableInactiveLink), R = f.description || "<p></p>";
-    return M ? /* @__PURE__ */ b(hn, { className: "disabled-link", children: [
+    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), R = f.description || "<p></p>";
+    return $ ? /* @__PURE__ */ b(fn, { className: "disabled-link", children: [
       /* @__PURE__ */ i("div", { className: "icon-placeholder" }),
       /* @__PURE__ */ b("div", { className: "humany-contact-link-rich-content", children: [
-        /* @__PURE__ */ i("span", { children: g.title }),
+        /* @__PURE__ */ i("span", { children: m.title }),
         /* @__PURE__ */ i(
           "div",
           {
@@ -2162,29 +2216,29 @@ const _t = 300, N1 = ({
           }
         )
       ] })
-    ] }) : u ? /* @__PURE__ */ i(
-      fn,
+    ] }) : d ? /* @__PURE__ */ i(
+      mn,
       {
-        name: u,
+        name: d,
         params: h,
-        ...g,
-        ...T(f),
-        ref: m,
+        ...m,
+        ...z(f),
+        ref: g,
         children: a
       }
     ) : /* @__PURE__ */ i(
-      mn,
+      gn,
       {
-        href: d,
+        href: u,
         target: l,
-        ...g,
-        ...T(f),
-        ref: m,
+        ...m,
+        ...z(f),
+        ref: g,
         children: a
       }
     );
   }
-), hn = C.div`
+), fn = C.div`
   display: flex;
   opacity: 0.7;
   .inner-span {
@@ -2204,12 +2258,12 @@ const _t = 300, N1 = ({
     vertical-align: bottom;
     color: #333333;
   }
-`, fn = C(un)`
+`, mn = C(un)`
   ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, mn = C.a`
+`, gn = C.a`
   ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
@@ -2222,9 +2276,9 @@ const _t = 300, N1 = ({
   },
   ...r
 }) => {
-  const s = L(), c = S(
-    (d) => {
-      d.target === s.current && o(d);
+  const s = L(), c = E(
+    (u) => {
+      u.target === s.current && o(u);
     },
     [o]
   );
@@ -2237,7 +2291,7 @@ const _t = 300, N1 = ({
       unmountOnExit: !0,
       timeout: t,
       children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(
-        gn,
+        pn,
         {
           className: "humany-overlay",
           duration: t,
@@ -2249,7 +2303,7 @@ const _t = 300, N1 = ({
       ) })
     }
   );
-}, gn = C.div`
+}, pn = C.div`
   background: rgba(0, 0, 0, 0.6);
   min-width: 100%;
   min-height: 100%;
@@ -2279,11 +2333,11 @@ const _t = 300, N1 = ({
   &.humany-overlay-transition-exit-done {
     opacity: 0;
   }
-`, pn = Ne`
+`, Cn = Be`
   100% {
     transform: rotate(360deg);
   }
-`, Cn = Ne`
+`, yn = Be`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2296,8 +2350,8 @@ const _t = 300, N1 = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, yn = C.svg`
-  animation: ${pn} 2s linear infinite;
+`, bn = C.svg`
+  animation: ${Cn} 2s linear infinite;
   height: 100%;
   transform-origin: center center;
   width: 100%;
@@ -2308,7 +2362,7 @@ const _t = 300, N1 = ({
   right: 0;
   margin: auto;
   transition: 200ms ease-out opacity;
-`, bn = C.div`
+`, vn = C.div`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2326,7 +2380,7 @@ const _t = 300, N1 = ({
   svg {
     opacity: ${(e) => e["data-loading"] ? "1" : "0"};
   }
-`, vn = C.div`
+`, xn = C.div`
   position: relative;
   margin: 0 auto;
   width: 100px;
@@ -2335,23 +2389,23 @@ const _t = 300, N1 = ({
     display: block;
     padding-top: 100%;
   }
-`, xn = C.circle`
+`, wn = C.circle`
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
-  animation: ${Cn} 1.5s ease-in-out infinite;
+  animation: ${yn} 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;
-`, wn = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ i(
-  bn,
+`, kn = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ i(
+  vn,
   {
-    className: $("humany-loader", e),
+    className: M("humany-loader", e),
     "data-loading": t,
-    children: /* @__PURE__ */ i(vn, { className: "humany-spinner", children: /* @__PURE__ */ i(yn, { viewBox: "25 25 50 50", children: /* @__PURE__ */ i(
-      xn,
+    children: /* @__PURE__ */ i(xn, { className: "humany-spinner", children: /* @__PURE__ */ i(bn, { viewBox: "25 25 50 50", children: /* @__PURE__ */ i(
+      wn,
       {
         cx: "50",
         cy: "50",
@@ -2362,24 +2416,24 @@ const _t = 300, N1 = ({
       }
     ) }) })
   }
-), kn = ({
+), $n = ({
   zoomState: e,
   image: t,
   changeZoom: n,
   ...o
 }) => {
-  var g;
-  const r = L(null), [s, c] = w(!1), [d, a] = w(!1), { width: l, height: u, ...h } = o.style || {}, f = S(() => {
+  var m;
+  const r = L(null), [s, c] = w(!1), [u, a] = w(!1), { width: l, height: d, ...h } = o.style || {}, f = E(() => {
     const p = r.current;
     if (p) {
-      const y = window.innerWidth / p.naturalWidth, M = window.innerHeight / p.naturalHeight, R = Math.min(y, M);
-      return M >= 1 && y >= 1 ? 1 : R;
+      const y = window.innerWidth / p.naturalWidth, $ = window.innerHeight / p.naturalHeight, R = Math.min(y, $);
+      return $ >= 1 && y >= 1 ? 1 : R;
     }
     return 1;
-  }, [s, t.src]), m = re(() => {
+  }, [s, t.src]), g = re(() => {
     const p = r.current;
     if (p && s) {
-      if (!d) {
+      if (!u) {
         a(!0);
         const y = f();
         n(y);
@@ -2391,30 +2445,30 @@ const _t = 300, N1 = ({
   return v(() => (c(!1), function() {
     a(!1);
   }), [t.src]), /* @__PURE__ */ b(U, { children: [
-    /* @__PURE__ */ i($n, { loading: !s }),
+    /* @__PURE__ */ i(Ln, { loading: !s }),
     /* @__PURE__ */ i(
-      Ln,
+      Mn,
       {
         onLoad: () => {
           c(!0);
         },
         ref: r,
-        imageSize: m,
+        imageSize: g,
         draggable: "false",
         ...o,
-        alt: ((g = o.alt) == null ? void 0 : g.toString()) || "",
+        alt: ((m = o.alt) == null ? void 0 : m.toString()) || "",
         style: h,
         src: t.src,
         loaded: s
       }
     ),
-    /* @__PURE__ */ i(Mn, {})
+    /* @__PURE__ */ i(Sn, {})
   ] });
-}, $n = C(wn)`
+}, Ln = C(kn)`
   svg circle {
     stroke: #ffffff;
   }
-`, Ln = C.img`
+`, Mn = C.img`
   transform: none;
 
   ${(e) => e.imageSize && k`
@@ -2425,54 +2479,54 @@ const _t = 300, N1 = ({
   vertical-align: middle;
   position: relative;
   ${(e) => !e.loaded && "display:none;"}
-`, Mn = C.div`
+`, Sn = C.div`
   height: 100%;
   display: inline-block;
   vertical-align: middle;
-`, Sn = () => {
-  const e = L(), [t, n] = w(!0), o = S(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+`, En = () => {
+  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];
-}, En = ({ attrs: e, htmlBody: t }) => {
+}, Rn = ({ attrs: e, htmlBody: t }) => {
   var Se;
-  const n = j("Escape"), o = j("ArrowLeft"), r = j("ArrowRight"), [s, c] = w(1), [d, a] = w({ top: 0, left: 0, x: 0, y: 0 }), [l, u] = w(!1), [h, f] = Sn(), [m, g] = w(null), [p, y] = w(null), M = L(null), R = L(null), B = L(null), H = L(null), z = L(null), [Ue, qe] = w(null);
+  const n = j("Escape"), o = j("ArrowLeft"), r = j("ArrowRight"), [s, c] = w(1), [u, a] = w({ top: 0, left: 0, x: 0, y: 0 }), [l, d] = w(!1), [h, f] = En(), [g, m] = w(null), [p, y] = w(null), $ = L(null), R = L(null), N = L(null), S = L(null), T = L(null), [Ue, qe] = w(null);
   v(() => {
-    n && g(null);
+    n && m(null);
   }, [n]), v(() => {
     c(1);
-  }, [m]), v(() => {
+  }, [g]), v(() => {
     var I, ee;
-    if (m === null || R.current === null)
+    if (g === null || R.current === null)
       return;
-    const x = R.current.firstElementChild, E = (I = B.current) == null ? void 0 : I.querySelector(".nav-left"), V = (ee = B.current) == null ? void 0 : ee.querySelector(".nav-right");
+    const x = R.current.firstElementChild, H = (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 && E && E.focus();
+      J && V ? V.focus() : G && H && H.focus();
     else if (p === "Left")
-      G && E ? E.focus() : J && V && V.focus();
+      G && H ? H.focus() : J && V && V.focus();
     else {
       if (!x)
         return;
       x.focus();
     }
-  }, [m, R, B, p]), v(() => {
+  }, [g, R, N, p]), v(() => {
     if (o) {
       if (G)
         return Le();
     } else if (r && J)
       return Me();
   }, [o, r]), v(() => {
-    var E, V;
-    const x = ((V = (E = z.current) == null ? void 0 : E.style) == null ? void 0 : V.float) || "";
+    var H, V;
+    const x = ((V = (H = T.current) == null ? void 0 : H.style) == null ? void 0 : V.float) || "";
     (x === "left" || x === "right") && qe(x);
   }, []);
   const A = re(() => {
     const x = document.createElement("div");
     x.innerHTML = t || "";
-    const E = x.getElementsByTagName("img");
-    return Array.from(E).reduce(
+    const H = x.getElementsByTagName("img");
+    return Array.from(H).reduce(
       (I, ee) => {
         const Ee = ee.getAttribute("src");
         if (Ee) {
@@ -2485,70 +2539,70 @@ const _t = 300, N1 = ({
       },
       []
     );
-  }, [t]), ke = S(() => {
+  }, [t]), ke = E(() => {
     const { src: x } = e;
     if (x) {
-      const E = A.findIndex((V, I) => V.src === x);
-      g(E);
+      const H = A.findIndex((V, I) => V.src === x);
+      m(H);
     }
-  }, [A, e]), Qe = S((x) => {
-    g(null);
-  }, []), $e = S(
+  }, [A, e]), Qe = E((x) => {
+    m(null);
+  }, []), $e = E(
     (x) => {
       c(x ? s + s * 0.25 : s - s * 0.25);
     },
     [c, s]
-  ), Ge = S(() => {
-    if (m !== null) {
-      const { src: x } = A[m];
+  ), Ge = E(() => {
+    if (g !== null) {
+      const { src: x } = A[g];
       x && window.open(x, "_self");
     }
-  }, [A, m]), Je = S(
+  }, [A, g]), Je = E(
     (x) => {
-      const E = H.current;
-      E && (a({
-        top: E.scrollTop,
-        left: E.scrollLeft,
+      const H = S.current;
+      H && (a({
+        top: H.scrollTop,
+        left: H.scrollLeft,
         x: x.clientX,
         y: x.clientY
-      }), u(!0));
+      }), d(!0));
     },
-    [H]
-  ), et = S(
+    [S]
+  ), et = E(
     (x) => {
-      const E = H.current;
-      if (E && l) {
-        const V = x.clientX - d.x, I = x.clientY - d.y;
-        E.scrollTop = d.top - I, E.scrollLeft = d.left - V;
+      const H = S.current;
+      if (H && l) {
+        const V = x.clientX - u.x, I = x.clientY - u.y;
+        H.scrollTop = u.top - I, H.scrollLeft = u.left - V;
       }
     },
-    [l, d]
+    [l, u]
   ), tt = (x) => {
-    x.preventDefault(), u(!1);
+    x.preventDefault(), d(!1);
   }, nt = re(() => {
-    if (H.current) {
-      const x = H.current.getElementsByTagName("img");
+    if (S.current) {
+      const x = S.current.getElementsByTagName("img");
       if (x && x.length) {
-        const E = x[0];
-        return E.width > window.innerWidth || E.height > window.innerHeight;
+        const H = x[0];
+        return H.width > window.innerWidth || H.height > window.innerHeight;
       }
     }
     return !1;
-  }, [H, s]), Le = () => {
-    m !== null && (y("Left"), g(m - 1));
+  }, [S, s]), Le = () => {
+    g !== null && (y("Left"), m(g - 1));
   }, Me = () => {
-    m !== null && (y("Right"), g(m + 1));
-  }, G = m !== null && m > 0 && A.length > 1, J = m !== null && A.length - 1 > m;
+    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(Ye, { visible: m !== null, onClick: Qe, children: /* @__PURE__ */ b(
-      Vn,
+    /* @__PURE__ */ i(Ye, { visible: g !== null, onClick: Qe, children: /* @__PURE__ */ b(
+      Wn,
       {
         onMouseDown: () => f(),
         onMouseMove: () => f(),
         onTouchStart: () => f(),
         onKeyDown: () => f(),
         children: [
-          /* @__PURE__ */ i(Wn, { show: h.toString(), children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i(Zn, { show: h.toString(), children: /* @__PURE__ */ i(
             Dn,
             {
               ref: R,
@@ -2561,7 +2615,7 @@ const _t = 300, N1 = ({
                 },
                 {
                   id: "lightbox-close",
-                  onClick: () => g(null),
+                  onClick: () => m(null),
                   icon: "lightbox-close",
                   ariaLabel: "Close"
                 }
@@ -2569,16 +2623,16 @@ const _t = 300, N1 = ({
             }
           ) }),
           /* @__PURE__ */ i(
-            In,
+            On,
             {
               scrolling: l.toString(),
               isDraggable: nt.toString(),
-              ref: H,
+              ref: S,
               onMouseMove: et,
               onMouseDown: Je,
               onMouseUp: tt,
-              children: m !== null && /* @__PURE__ */ i(
-                kn,
+              children: g !== null && /* @__PURE__ */ i(
+                $n,
                 {
                   changeZoom: (x) => {
                     c(x);
@@ -2589,15 +2643,15 @@ const _t = 300, N1 = ({
                     ...e.style || {},
                     float: "none"
                   },
-                  image: A[m]
+                  image: A[g]
                 }
               )
             }
           ),
           /* @__PURE__ */ i(
-            Tn,
+            Bn,
             {
-              ref: B,
+              ref: N,
               show: h.toString(),
               buttons: [
                 {
@@ -2621,9 +2675,9 @@ const _t = 300, N1 = ({
               ]
             }
           ),
-          /* @__PURE__ */ b(Zn, { show: h.toString(), children: [
+          /* @__PURE__ */ b(In, { show: h.toString(), children: [
             /* @__PURE__ */ i(
-              Bn,
+              zn,
               {
                 buttons: [
                   {
@@ -2641,7 +2695,7 @@ const _t = 300, N1 = ({
                 ]
               }
             ),
-            /* @__PURE__ */ b(Nn, { variant: "span", children: [
+            /* @__PURE__ */ b(Vn, { variant: "span", children: [
               Math.trunc(s * 100),
               "%"
             ] })
@@ -2650,9 +2704,9 @@ const _t = 300, N1 = ({
       }
     ) }),
     /* @__PURE__ */ i(
-      Rn,
+      Hn,
       {
-        ref: M,
+        ref: $,
         onClick: ke,
         onKeyDown: (x) => {
           x.key === "Enter" && (x.preventDefault(), ke());
@@ -2660,11 +2714,11 @@ const _t = 300, N1 = ({
         alignment: Ue,
         tabIndex: 0,
         children: /* @__PURE__ */ i(
-          On,
+          An,
           {
             ...e,
             alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "",
-            ref: z
+            ref: T
           }
         )
       }
@@ -2672,30 +2726,30 @@ const _t = 300, N1 = ({
   ] });
 }, we = D(
   ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ i(
-    Hn,
+    Tn,
     {
       ref: o,
       show: e,
-      className: $("humany-button-set", n),
+      className: M("humany-button-set", n),
       children: t.map(
         ({
           id: r,
           circle: s = !1,
           show: c = !0,
-          ariaLabel: d,
+          ariaLabel: u,
           onClick: a,
           icon: l,
-          className: u
+          className: d
         }, h) => /* @__PURE__ */ i(
-          zn,
+          Nn,
           {
             circle: s.toString(),
             onClick: a,
             tabIndex: c ? void 0 : -1,
             show: c.toString(),
             icon: l,
-            className: u,
-            "aria-label": d,
+            className: d,
+            "aria-label": u,
             children: /* @__PURE__ */ i(Q, { size: 24, symbol: { type: "Svg", content: l } })
           },
           r + h.toString()
@@ -2710,20 +2764,20 @@ const _t = 300, N1 = ({
           opacity: 0;
           pointer-events: none;
         `}
-`, Rn = C(xe)`
+`, Hn = C(xe)`
   display: inline-block !important;
 
   ${(e) => (e.alignment === "right" || e.alignment === "left") && k`
       float: ${e.alignment};
     `}
-`, Hn = C(Xe)`
+`, Tn = C(Xe)`
   position: fixed;
   display: flex;
   gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, me = "39px", zn = C(se)`
+`, me = "39px", Nn = C(se)`
   width: ${me};
   height: ${me};
   display: flex;
@@ -2797,7 +2851,7 @@ const _t = 300, N1 = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, Bn = C(we)`
+`, zn = C(we)`
   bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2805,7 +2859,7 @@ const _t = 300, N1 = ({
   width: 100%;
   align-items: center;
   justify-content: center;
-`, Tn = C(we)`
+`, Bn = C(we)`
   display: block;
   button {
     position: fixed;
@@ -2823,7 +2877,7 @@ const _t = 300, N1 = ({
 }};
     }
   }
-`, Nn = C(X)`
+`, Vn = C(X)`
   position: fixed;
   bottom: ${(e) => {
   var t;
@@ -2848,23 +2902,23 @@ const _t = 300, N1 = ({
   height: 88px;
   left: 0px;
   z-index: 5;
-`, Vn = C.div`
+`, Wn = C.div`
   width: 100%;
-`, Wn = C(_e)`
+`, Zn = C(_e)`
   top: 0px;
   background-image: linear-gradient(
     to bottom,
     rgb(34, 34, 34, 0.8),
     rgba(34, 34, 34, 0)
   );
-`, Zn = C(_e)`
+`, In = C(_e)`
   bottom: 0px;
   background-image: linear-gradient(
     to top,
     rgb(34, 34, 34, 0.8),
     rgba(34, 34, 34, 0)
   );
-`, In = C.div`
+`, On = C.div`
   width: 100%;
   height: 100vh;
   overflow: auto;
@@ -2873,9 +2927,9 @@ const _t = 300, N1 = ({
   white-space: nowrap;
   justify-content: center;
   cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, On = C.img`
+`, An = C.img`
   cursor: pointer;
-`, An = D(
+`, Fn = D(
   ({
     className: e,
     children: t,
@@ -2885,15 +2939,15 @@ const _t = 300, N1 = ({
     close: r = !1,
     ...s
   }, c) => {
-    const [d, a] = Fe(), [l, u] = Ae(!0), h = L(), f = L(_()), m = j("Escape");
+    const [u, a] = Fe(), [l, d] = Ae(!0), h = L(), f = L(_()), g = j("Escape");
     v(() => {
-      (m || r) && a(!1);
-    }, [m, r]), v(() => {
-      d && h.current && h.current.focus();
-    }, [d, h.current]), ae("router:changed", () => {
+      (g || r) && a(!1);
+    }, [g, r]), v(() => {
+      u && h.current && h.current.focus();
+    }, [u, h.current]), ae("router:changed", () => {
       a(!1);
     });
-    const g = S(
+    const m = E(
       (y) => {
         a(!1), o(y);
       },
@@ -2904,14 +2958,14 @@ const _t = 300, N1 = ({
         a(!1);
       }
     }));
-    const p = S(() => ye(f.current, () => {
+    const p = E(() => ye(f.current, () => {
       a(!1);
     }), [f.current]);
     return /* @__PURE__ */ b(U, { children: [
-      /* @__PURE__ */ i(Ye, { visible: d, onClick: g, children: /* @__PURE__ */ b(
-        Fn,
+      /* @__PURE__ */ i(Ye, { visible: u, onClick: m, children: /* @__PURE__ */ b(
+        Pn,
         {
-          className: $(
+          className: M(
             e,
             "humany-modal",
             `humany-modal-${f.current}`
@@ -2919,7 +2973,7 @@ const _t = 300, N1 = ({
           css: l,
           tabIndex: -1,
           ...s,
-          ref: u,
+          ref: d,
           children: [
             /* @__PURE__ */ i(
               ve,
@@ -2941,7 +2995,7 @@ const _t = 300, N1 = ({
       })
     ] });
   }
-), Fn = C.div`
+), Pn = C.div`
   font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2960,7 +3014,7 @@ const _t = 300, N1 = ({
   ${(e) => Pe(e)}
   ${(e) => e.css && e.css}
   outline: none;
-`, O1 = ({
+`, Fo = ({
   className: e,
   trigger: t,
   header: n = "",
@@ -2970,31 +3024,31 @@ const _t = 300, N1 = ({
   onConfirm: s = () => {
   },
   cancelLabel: c = "",
-  confirmLabel: d = ""
+  confirmLabel: u = ""
 }) => {
-  const a = L(), l = S(() => {
+  const a = L(), l = E(() => {
     var h;
     r(), (h = a == null ? void 0 : a.current) == null || h.close();
-  }, [r]), u = S(() => {
+  }, [r]), d = E(() => {
     var h;
     s(), (h = a == null ? void 0 : a.current) == null || h.close();
   }, [s]);
   return /* @__PURE__ */ b(
-    Pn,
+    jn,
     {
       className: e,
       trigger: t,
       ref: a,
       onOverlayClick: l,
       children: [
-        n && /* @__PURE__ */ i(Be, { children: n }),
-        o && /* @__PURE__ */ i(Be, { children: o }),
-        d && /* @__PURE__ */ i(jn, { onClick: u, children: d }),
-        c && /* @__PURE__ */ i(Kn, { onClick: l, children: c })
+        n && /* @__PURE__ */ i(De, { children: n }),
+        o && /* @__PURE__ */ i(De, { children: o }),
+        u && /* @__PURE__ */ i(Kn, { onClick: d, children: u }),
+        c && /* @__PURE__ */ i(Yn, { onClick: l, children: c })
       ]
     }
   );
-}, Pn = C(An)`
+}, jn = C(Fn)`
   display: block;
 
   span {
@@ -3012,7 +3066,7 @@ const _t = 300, N1 = ({
 }};
     }
   }
-`, jn = C(se)`
+`, Kn = C(se)`
   display: inline-block;
   min-width: 50px;
   ${(e) => {
@@ -3042,7 +3096,7 @@ const _t = 300, N1 = ({
   &:focus-visible {
     ${O}
   }
-`, Kn = C(se)`
+`, Yn = C(se)`
   display: inline-block;
   min-width: 50px;
   ${(e) => {
@@ -3063,25 +3117,25 @@ const _t = 300, N1 = ({
   &:focus-visible {
     ${O};
   }
-`, A1 = ({
+`, Po = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__PURE__ */ b(Yn, { children: [
-  /* @__PURE__ */ i(Xn, { children: /* @__PURE__ */ i(X, { variant: "h2", children: "404" }) }),
-  /* @__PURE__ */ b(_n, { children: [
+}) => /* @__PURE__ */ b(Xn, { children: [
+  /* @__PURE__ */ i(_n, { children: /* @__PURE__ */ i(X, { variant: "h2", children: "404" }) }),
+  /* @__PURE__ */ b(Un, { children: [
     /* @__PURE__ */ i(X, { variant: "h3", children: e }),
-    /* @__PURE__ */ i(qn, { routeName: "index", "aria-label": t, text: t })
+    /* @__PURE__ */ i(Qn, { routeName: "index", "aria-label": t, text: t })
   ] }),
-  /* @__PURE__ */ b(Un, { children: [
+  /* @__PURE__ */ b(qn, { children: [
     /* @__PURE__ */ i("span", { children: n }),
     /* @__PURE__ */ i("ul", { children: /* @__PURE__ */ i("li", { children: o }) })
   ] })
-] }), Yn = C.div`
+] }), Xn = C.div`
   display: flex;
   flex-wrap: wrap;
-`, Xn = C.div`
+`, _n = C.div`
   ${(e) => ie(e)(
   "h2",
   k`
@@ -3091,7 +3145,7 @@ const _t = 300, N1 = ({
         font-size: 7em;
       `
 )}
-`, _n = C.div`
+`, Un = C.div`
   margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -3118,7 +3172,7 @@ const _t = 300, N1 = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
   }
-`, Un = C.div`
+`, qn = C.div`
   margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -3129,7 +3183,7 @@ const _t = 300, N1 = ({
     font-weight: bold;
   }
 `;
-class F1 extends ct {
+class jo extends ct {
   constructor() {
     super(...arguments);
     te(this, "node");
@@ -3171,11 +3225,11 @@ class F1 extends ct {
     ) : null;
   }
 }
-const qn = D(
+const Qn = D(
   ({ className: e, description: t, text: n, children: o, ...r }, s) => /* @__PURE__ */ b(
     xe,
     {
-      className: $(e, "humany-text-link"),
+      className: M(e, "humany-text-link"),
       ...r,
       ref: s,
       children: [
@@ -3186,27 +3240,27 @@ const qn = D(
     }
   )
 );
-var Qn = /* @__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))(Qn || {});
-const P1 = ({
+var Gn = /* @__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))(Gn || {});
+const Ko = ({
   className: e = "",
   format: t = "hh:mm",
   timestamp: n
-}) => /* @__PURE__ */ i("span", { className: $(e, "humany-timestamp"), children: Gn(n, t) }), Te = (e) => `0${e}`.slice(-2);
-function Gn(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, d = n.getDate(), a = `${s}-${Te(c)}-${Te(
-    d
+}) => /* @__PURE__ */ i("span", { className: M(e, "humany-timestamp"), children: Jn(n, t) }), ze = (e) => `0${e}`.slice(-2);
+function Jn(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, u = n.getDate(), a = `${s}-${ze(c)}-${ze(
+    u
   )}`;
   return t === "yyyy-mm-dd" ? a : t === "hh:mm" ? r : `${a} ${r}`;
 }
-const j1 = ({
+const Yo = ({
   className: e,
   children: t,
   content: n,
   sticky: o = !1,
   ...r
 }) => {
-  const [s, c] = w(!1), d = L(_()), a = L(), [{ x: l, y: u }, h] = je(s, d.current, a.current), f = (g) => {
-    const { target: p } = g;
+  const [s, c] = w(!1), u = L(_()), a = L(), [{ x: l, y: d }, h] = je(s, u.current, a.current), f = (m) => {
+    const { target: p } = m;
     !a.current || !p || a.current !== p && !a.current.contains(p) && c(!1);
   };
   v(() => {
@@ -3215,29 +3269,29 @@ const j1 = ({
         window.removeEventListener("click", f);
       };
   }, [s, o]);
-  const m = S(
-    (g, p) => {
-      h(g, a.current), c(p);
+  const g = E(
+    (m, p) => {
+      h(m, a.current), c(p);
     },
     [h, c]
   );
   return /* @__PURE__ */ b(
-    Jn,
+    eo,
     {
       ref: a,
       className: "humany-tooltip-trigger",
-      onMouseEnter: o ? void 0 : (g) => m(g, !0),
-      onMouseLeave: o ? void 0 : (g) => m(g, !1),
-      onTouchEnd: o ? (g) => m(g, !s) : void 0,
-      onClick: o ? (g) => m(g, !s) : void 0,
+      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(
-          e1,
+          to,
           {
-            className: $(e, "humany-tooltip-container"),
+            className: M(e, "humany-tooltip-container"),
             x: l,
-            y: u,
+            y: d,
             ...r,
             children: n
           }
@@ -3245,10 +3299,10 @@ const j1 = ({
       ]
     }
   );
-}, Jn = C.div`
+}, eo = C.div`
   display: flex;
   align-items: center;
-`, e1 = C.div`
+`, to = C.div`
   color: #ffffff;
   background: #161616;
   border-radius: ${(e) => e.theme.borderRadius};
@@ -3284,7 +3338,7 @@ const j1 = ({
   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;
 }};
-`, K1 = (e) => {
+`, Xo = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
@@ -3293,7 +3347,7 @@ const j1 = ({
     children: s,
     transitions: c
   } = e, a = (() => {
-    var l, u;
+    var l, d;
     if (!(!c || c === "none")) {
       if (typeof c == "string")
         return {
@@ -3317,7 +3371,7 @@ const j1 = ({
             easing: h.easing ? h.easing : "ease-in"
           },
           exit: {
-            transitionKeys: (u = c.enter) == null ? void 0 : u.type,
+            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"
           }
@@ -3326,7 +3380,7 @@ const j1 = ({
     }
   })();
   return /* @__PURE__ */ i(
-    ut,
+    dt,
     {
       timeout: {
         enter: a && a.enter.duration || 0,
@@ -3340,7 +3394,7 @@ const j1 = ({
       children: (l) => s && s(l, a && he.compose(l, a))
     }
   );
-}, t1 = D(
+}, no = D(
   ({
     className: e,
     children: t,
@@ -3350,8 +3404,8 @@ const j1 = ({
     activationOptions: r,
     ...s
   }, c) => {
-    const d = N(), a = () => {
-      const { implementation: h } = d.get("$widget");
+    const u = B(), a = () => {
+      const { implementation: h } = u.get("$widget");
       return h.widgets.get(o);
     };
     v(() => {
@@ -3361,35 +3415,35 @@ const j1 = ({
       };
     }, [o]);
     const l = (h) => {
-      const f = a(), m = h.currentTarget;
+      const f = a(), g = h.currentTarget;
       if (f) {
-        const g = () => {
+        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) => {
-                d.get(
+                u.get(
                   "widgetDOMElement"
                 ) && f.events.dispatch("widget:modal-opened", {
                   name: f.name,
-                  ref: m
+                  ref: g
                 });
               }
             );
           });
         };
-        f.state === ht.Deactivated ? f.activate(r).then(() => f.invoke("attach")).then(g) : g();
+        f.state === ht.Deactivated ? f.activate(r).then(() => f.invoke("attach")).then(m) : m();
       }
-    }, u = (h) => {
+    }, d = (h) => {
       h.key === "Enter" && (h.preventDefault(), l(h));
     };
     return /* @__PURE__ */ i(
       xe,
       {
-        className: $(e, "humany-widget-link"),
-        onKeyDown: u,
+        className: M(e, "humany-widget-link"),
+        onKeyDown: d,
         onClick: (h) => {
           n(h), l(h);
         },
@@ -3399,18 +3453,18 @@ const j1 = ({
       }
     );
   }
-), Y1 = D(
+), _o = D(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
-    const r = N(), s = re(() => {
+    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(
-      n1,
+      oo,
       {
-        className: $(
+        className: M(
           "humany-widget-overlay-outlet",
           t
         ),
@@ -3419,7 +3473,7 @@ const j1 = ({
       }
     ) }) : null;
   }
-), n1 = C.div`
+), oo = C.div`
   background-color: #ffffff;
   position: absolute;
   top: 0;
@@ -3429,101 +3483,101 @@ const j1 = ({
   z-index: 10;
   width: 100%;
   height: 100%;
-`, X1 = (e, t, n, o, r) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
+`, Uo = (e, t, n, o, r) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
   t,
   lt(() => n)
 ), Ct(e, t, o || (() => {
 }), t, r)));
 export {
-  zt as AnchorLink,
+  Nt as AnchorLink,
   se as Button,
-  C1 as Checkbox,
-  Tt as ColumnContext,
+  bo as Checkbox,
+  Bt as ColumnContext,
   Ze as ComponentNodeContext,
-  Nt as ComponentPropertyContext,
-  O1 as Confirm,
-  Bt as ContainerContext,
-  Wt as ConversationContext,
-  Qn as DateFormats,
-  N1 as Drawer,
-  Xt as DrawerAnimationType,
-  V1 as Dropdown,
-  nn as Empty,
-  W1 as Grid,
+  Vt as ComponentPropertyContext,
+  Fo as Confirm,
+  zt as ContainerContext,
+  Zt as ConversationContext,
+  Gn as DateFormats,
+  Wo as Drawer,
+  _t as DrawerAnimationType,
+  Zo as Dropdown,
+  on as Empty,
+  Io as Grid,
   Ke as Html,
-  sn as Icon,
-  Z1 as Input,
-  ln as ItemList,
-  I1 as ItemTree,
-  En as Lightbox,
+  an as Icon,
+  Oo as Input,
+  dn as ItemList,
+  Ao as ItemTree,
+  Rn as Lightbox,
   xe as Link,
-  an as List,
-  An as Modal,
-  A1 as NotFound,
+  cn as List,
+  Fn as Modal,
+  Po as NotFound,
   Ye as Overlay,
-  cn as Paragraph,
+  ln as Paragraph,
   q as Portal,
   un as RouteLink,
-  Vt as RoutingContext,
-  Be as StyledText,
+  Wt as RoutingContext,
+  De as StyledText,
   Q as SymbolBadge,
-  F1 as TabStop,
+  jo as TabStop,
   be as Text,
-  qn as TextLink,
-  P1 as Timestamp,
-  j1 as Tooltip,
-  K1 as TransitionComponent,
+  Qn as TextLink,
+  Ko as Timestamp,
+  Yo as Tooltip,
+  Xo as TransitionComponent,
   X as Typography,
-  t1 as WidgetLink,
-  Y1 as WidgetOverlayOutlet,
+  no as WidgetLink,
+  _o as WidgetOverlayOutlet,
   O as borderTabStyle,
-  De as browser,
-  At as buttonCss,
+  Ne as browser,
+  Ft as buttonCss,
   Pe as contentBox,
-  T as convertToStringAttributes,
-  p1 as createEmptyComponent,
-  X1 as createReactComponent,
-  Ht as defaultRenderInstructions,
+  z as convertToStringAttributes,
+  yo as createEmptyComponent,
+  Uo as createReactComponent,
+  Tt as defaultRenderInstructions,
   Lt as embeddedLinkMapper,
   We as filterCssProps,
   Mt as filterCssPropsStyle,
   St as genericHashLink,
-  T1 as genericHtml,
+  Vo as genericHtml,
   ie as headingElement,
-  Rt as imageLightboxRenderer,
-  z1 as invertedHoverButton,
-  B1 as itemList,
-  Ft as linkTabStyle,
-  Pt as list,
-  D1 as paddedBorderTabStyle,
-  Et as processHtmlString,
+  Ht as imageLightboxRenderer,
+  Do as invertedHoverButton,
+  Bo as itemList,
+  Pt as linkTabStyle,
+  jt as list,
+  zo as paddedBorderTabStyle,
+  Rt as processHtmlString,
   he as transitionComposer,
-  y1 as useAction,
-  b1 as useChildren,
-  v1 as useColumns,
-  x1 as useComponent,
+  vo as useAction,
+  xo as useChildren,
+  wo as useColumns,
+  ko as useComponent,
   pe as useComponentDescriptor,
   Ce as useComponentNode,
   Y as useComponentPlatform,
-  N as useContainer,
-  Zt as useContext,
-  w1 as useConversation,
-  k1 as useDispatch,
+  B as useContainer,
+  It as useContext,
+  $o as useConversation,
+  Lo as useDispatch,
   W as useEventListener,
-  It as useEvents,
+  Ot as useEvents,
   Z as useIsMounted,
-  $1 as useIsTabbing,
+  Mo as useIsTabbing,
   j as useKeyPress,
-  L1 as useLayout,
+  So as useLayout,
   Ie as usePrevious,
-  M1 as useProperties,
-  S1 as useRenderState,
-  E1 as useRouteData,
+  Eo as useProperties,
+  Ro as useRenderState,
+  Ho as useRouteData,
   Oe as useRouter,
   Ae as useScroll,
-  R1 as useSettings,
+  To as useSettings,
   Fe as useToggle,
-  H1 as useTransitionEnd,
+  No as useTransitionEnd,
   ye as useUniqueMenu,
   ae as useWidgetEvent
 };