@telia-ace/widget-ui 1.3.33 → 1.3.34

package/index.mjs

@@ -1,19 +1,19 @@
-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);
+var it = Object.defineProperty;
+var st = (e, t, n) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var te = (e, t, n) => (st(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { css as k, keyframes as Be } from "@emotion/react";
-import { kebabCase as st, appendClassNames as M, uuid as _, removeNullAndUndefinedValues as Re, Logger as de } from "@telia-ace/widget-utilities";
+import { kebabCase as at, appendClassNames as M, uuid as _, removeNullAndUndefinedValues as He, Logger as de } from "@telia-ace/widget-utilities";
 import { jsx as i, jsxs as b, Fragment as U } from "react/jsx-runtime";
 import C from "@emotion/styled";
-import oe, { forwardRef as D, createContext as K, useContext as P, useState as w, useEffect as v, useRef as L, useCallback as E, useImperativeHandle as ge, createElement as 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 Te, getSpecificWidgetPath as bt } from "@telia-ace/widget-routing";
+import oe, { forwardRef as D, createContext as K, useContext as P, useState as w, useEffect as v, useRef as L, useCallback as E, useImperativeHandle as ge, createElement as ct, useMemo as re, Component as lt, lazy as dt } from "react";
+import { CSSTransition as Ve, Transition as ut } from "react-transition-group";
+import { Container as ht, WidgetState as ft } from "@webprovisions/platform";
+import { ComponentPlatform as mt, asDescriptor as gt, createEventSubscriber as pt, ComponentQuery as Ct, WidgetRenderState as ne, extendComponent as yt } from "@telia-ace/widget-core";
+import { createPortal as bt } from "react-dom";
+import Re from "htmr";
+import { HistoryMode as Te, getSpecificWidgetPath as vt } from "@telia-ace/widget-routing";
 import { Link as ue } from "react-router-dom";
-const vt = (e) => e === "entering" || e === "entered", xt = (e) => e === "exiting" || e === "exited", F = {
+const xt = (e) => e === "entering" || e === "entered", wt = (e) => e === "exiting" || e === "exited", F = {
   fade: {
     in: "opacity: 1;",
     out: "opacity: 0;"
@@ -38,7 +38,7 @@ const vt = (e) => e === "entering" || e === "entered", xt = (e) => e === "exitin
     in: "transform: scale(1);",
     out: "transform: scale(0);"
   }
-}, wt = [
+}, kt = [
   "slide-up",
   "slide-down",
   "slide-left",
@@ -46,20 +46,20 @@ const vt = (e) => e === "entering" || e === "entered", xt = (e) => e === "exitin
   "scale"
 ], he = {
   compose: (e = "exited", t) => {
-    const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), s = wt.indexOf(r[0]) > -1 ? "transform" : "opacity";
-    if (vt(e))
+    const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), s = kt.indexOf(r[0]) > -1 ? "transform" : "opacity";
+    if (xt(e))
       return r && r.length > 0 ? k`
-          ${r && r.length > 0 && r.map((u) => F[u] ? F[u].in : "")}
+          ${r && r.length > 0 && r.map((h) => F[h] ? F[h].in : "")}
           transition: ${s} ${n.duration}ms ${n.easing};
         ` : "";
     const c = r && r.length > 0 && k`
-        ${r.map((u) => F[u] ? F[u].out : "")}
+        ${r.map((h) => F[h] ? F[h].out : "")}
       `;
-    if (xt(e)) {
-      const u = o.transitionKeys.split(" ");
-      return u && u.length > 0 && e === "exiting" ? k`
+    if (wt(e)) {
+      const h = o.transitionKeys.split(" ");
+      return h && h.length > 0 && e === "exiting" ? k`
           ${c};
-          ${u.map((a) => F[a] ? F[a].out : "")}
+          ${h.map((a) => F[a] ? F[a].out : "")}
           transition: ${s} ${o.duration}ms ${o.easing};
         ` : c;
     }
@@ -100,7 +100,7 @@ const Ne = () => {
     safari: r,
     documentMode: s,
     StyleMedia: c,
-    chrome: u,
+    chrome: h,
     CSS: a
   } = window, l = !!e && !!e.addons || !!t || navigator.userAgent.indexOf(" OPR/") >= 0;
   if (l)
@@ -110,43 +110,43 @@ const Ne = () => {
   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)
+  const u = !!s;
+  if (u)
     return "internet-explorer";
-  if (!h && c)
+  if (!u && c)
     return "edge";
-  const f = !!u && (!!u.webstore || !!u.runtime);
+  const f = !!h && (!!h.webstore || !!h.runtime);
   if (f)
     return "chrome";
   if (f && navigator.userAgent.indexOf("Edg") !== -1)
     return "edge-chromium";
   if ((f || l) && a)
     return "blink";
-}, kt = ["string", "number"], z = (e) => Object.keys(e).reduce(
+}, $t = ["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) {
+    if ($t.indexOf(r) > -1) {
       const s = n.substring(0, 5);
-      s === "data-" || s === "aria-" ? t[st(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
+      s === "data-" || s === "aria-" ? t[at(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
     } else
       t[n] = o;
     return t;
   },
   {}
-), yo = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ i(on, { ...t }) : null, $t = (e) => new RegExp("^#", "i").test(e), Lt = (e) => ({ children: t, ...n }) => {
+), vo = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ i(rn, { ...t }) : null, Lt = (e) => new RegExp("^#", "i").test(e), Mt = (e) => ({ children: t, ...n }) => {
   const {
     implementation: o,
     name: r
   } = e.get("$widget"), { href: s = "" } = n;
-  if ($t(s))
-    return /* @__PURE__ */ i(Nt, { smooth: !0, to: s, children: t });
+  if (Lt(s))
+    return /* @__PURE__ */ i(Dt, { smooth: !0, to: s, children: t });
   const c = o.bindings.map((l) => l.replace(/\./g, "\\.")).join("|"), a = new RegExp(
     `^((http[s]?:)?//)?(${c})/([^\\s]+)`
   ).exec(s);
   if (a && a.length >= 4) {
     const l = a[4];
     if (o.widgets.get(l) && !l.startsWith("blob?") && !l.startsWith(r))
-      return /* @__PURE__ */ i(no, { widgetName: l, children: t });
+      return /* @__PURE__ */ i(ro, { widgetName: l, children: t });
   }
   return /* @__PURE__ */ i("a", { ...n, children: t });
 }, We = (e) => {
@@ -154,37 +154,37 @@ const Ne = () => {
   return Object.keys(e).forEach((n) => {
     n.indexOf("css-") > -1 && (t[n] = e[n]);
   }), t;
-}, Mt = (e) => {
+}, St = (e) => {
   let t = "";
   return Object.keys(We(e)).forEach((n) => {
     n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
   }), k`
     ${t}
   `;
-}, St = (e, t) => {
+}, Et = (e, t) => {
   let n = "";
   const o = () => {
     n = "";
   }, r = (d) => {
-    const h = document.getElementById(n);
-    return h !== null ? (d(h), o(), !0) : !1;
+    const u = document.getElementById(n);
+    return u !== null ? (d(u), o(), !0) : !1;
   }, s = (d) => (d.preventDefault(), o(), e.onClick && e.onClick(d), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && r(
-    e.scroll || ((h) => e.smooth ? h.scrollIntoView({ behavior: "smooth" }) : h.scrollIntoView())
-  ), !1), { scroll: c, smooth: u, to: a, ...l } = e;
+    e.scroll || ((u) => e.smooth ? u.scrollIntoView({ behavior: "smooth" }) : u.scrollIntoView())
+  ), !1), { scroll: c, smooth: h, to: a, ...l } = e;
   return t === "a" && (l.href = "javascript:;"), /* @__PURE__ */ i(t, { ...l, onClick: s, children: e.children });
 }, ie = (e) => (t, n) => {
   let o = t, r = "";
   if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(t))
     o = t;
   else {
-    const u = t.match(/h1|h2|h3|h4|h5|h6/);
-    if (u != null && u[0]) {
-      o = u[0];
+    const h = t.match(/h1|h2|h3|h4|h5|h6/);
+    if (h != null && h[0]) {
+      o = h[0];
       const [a] = t.split(o);
       r = a;
     }
   }
-  const c = ((u, a, l) => l[u] ? `${a}${l[u]}` : `${a}${u}`)(
+  const c = ((h, a, l) => l[h] ? `${a}${l[h]}` : `${a}${h}`)(
     o,
     r,
     e.theme.typographyVariantMapping || {}
@@ -195,7 +195,7 @@ const Ne = () => {
       }
     `;
 };
-function Et(e) {
+function Ht(e) {
   if (typeof e != "string")
     throw new TypeError("Expected HTML string");
   const t = document.createElement("div");
@@ -215,16 +215,16 @@ function Et(e) {
   return Array.from(n).map((o) => o.tagName ? o.outerHTML : o.textContent).join("");
 }
 function Rt(e, t) {
-  return t ? He(Et(e), t) : He(e);
+  return t ? Re(Ht(e), t) : Re(e);
 }
-const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt = (e, t) => ({
+const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt = (e, t) => ({
   transform: {
-    a: Lt(e),
-    img: Ht(t)
+    a: Mt(e),
+    img: Tt(t)
   }
-}), Nt = (e) => St(e, "a"), se = D(
+}), Dt = (e) => Et(e, "a"), se = D(
   ({ className: e, children: t, ...n }, o) => /* @__PURE__ */ i(
-    Dt,
+    zt,
     {
       type: "button",
       className: M(e, "humany-button"),
@@ -233,7 +233,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
       children: t
     }
   )
-), Dt = C.button`
+), zt = C.button`
   -webkit-appearance: button;
   text-transform: none;
   overflow: visible;
@@ -246,7 +246,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
   line-height: normal;
   margin: 0;
   padding: 0;
-`, bo = ({
+`, xo = ({
   onChange: e = () => {
   },
   onEnter: t = () => {
@@ -261,18 +261,18 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
     onKeyDown: (s) => {
       s.key === "Enter" && t(s);
     },
-    autoComplete: o,
+    autoComplete: o || void 0,
     onChange: (s) => e(s.target.value, s.currentTarget.checked),
     ...z(r)
   }
-), zt = K(new ut()), Bt = K(1), Ze = K({
+), Bt = K(new ht()), Vt = K(1), Ze = K({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), Vt = K(
+}), Wt = K(
   {}
-), Wt = K(null), Zt = K(null), pe = () => P(Ze), B = () => P(zt), vo = (e, t) => {
+), Zt = K(null), It = K(null), pe = () => P(Ze), B = () => P(Bt), wo = (e, t) => {
   const n = pe().id, o = B();
   return (r, s) => {
     (t || o).getAsync("actionResolver").then((c) => {
@@ -295,17 +295,17 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
 }, Y = (e) => {
   const t = B(), [n, o] = w(null), r = Z();
   return v(() => {
-    ft.getInstance(e || t).then(
+    mt.getInstance(e || t).then(
       (s) => {
         r.current && o(s);
       }
     );
   }, [r]), n;
-}, xo = () => {
+}, ko = () => {
   const e = Ce(), t = Y(), [n, o] = w([]), r = Z(), s = E(
     (c) => {
       if (t && r.current && c) {
-        const u = t.getBranch(c), a = c.getChildren(u).map((l) => mt(l));
+        const h = t.getBranch(c), a = c.getChildren(h).map((l) => gt(l));
         o(a);
       }
     },
@@ -315,7 +315,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
     e && s(e);
   }, [e, t]), v(() => {
     if (t) {
-      const [c, u] = gt(t.events);
+      const [c, h] = pt(t.events);
       return c("components:set-layout", (a, l) => {
         (e === l.node.parent || l.node.parent === t.nodes.root) && s(l.node.parent);
       }), c("components:node-appended", (a, l) => {
@@ -323,29 +323,29 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
       }), c("components:node-removed", (a, { parentNode: l }) => {
         (l === e || l === t.nodes.root) && s(l);
       }), () => {
-        u();
+        h();
       };
     }
   }, [e, t, s]), n;
-}, wo = () => P(Bt), ko = (e, t) => {
-  const n = pe(), o = B(), [r, s] = w(void 0), c = Z(), u = e || n.type || "";
+}, $o = () => P(Vt), Lo = (e, t) => {
+  const n = pe(), o = B(), [r, s] = w(void 0), c = Z(), h = e || n.type || "";
   return v(() => {
-    if (u) {
+    if (h) {
       let a;
       return (t || o).getAsync("componentResolver").then((l) => {
         if (c.current) {
-          const d = l.getComponent(u);
+          const d = l.getComponent(h);
           s(d);
         }
-        a = l.registerResolver(u, (d) => {
+        a = l.registerResolver(h, (d) => {
           c.current && s(d);
         });
       }), () => {
         a && a();
       };
     }
-  }, [c, u, t, o]), r;
-}, It = (e) => {
+  }, [c, h, t, o]), r;
+}, Ot = (e) => {
   const t = Ce(e), n = Y(), [o, r] = w({}), s = Z();
   return v(() => {
     t && s.current && r(t.attributes.context);
@@ -353,7 +353,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
     if (n) {
       const c = n.events.subscribe(
         "components:context-changed",
-        (u, a) => {
+        (h, a) => {
           t === a.node && s.current && r(a.node.attributes.context);
         }
       );
@@ -362,23 +362,23 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
       };
     }
   }, [s, n, t]), o;
-}, $o = () => P(Zt), Lo = () => {
+}, Mo = () => P(It), So = () => {
   const e = Y(), t = pe(), [n, o] = w([]), [r, s] = w();
   return v(() => {
     if (e && t) {
-      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));
+      const c = new Ct(e).withId(t.id), h = e.actions(c, t.type || _());
+      s(h), n !== null && (n.forEach((a) => {
+        h.dispatch(a.key, a.data).then((l) => a.resolve(l)).catch((l) => a.reject(l));
       }), o(null));
     }
-  }, [e, t.id]), (c, u) => n !== null ? new Promise((a, l) => {
+  }, [e, t.id]), (c, h) => n !== null ? new Promise((a, l) => {
     n.push({
       key: c,
-      data: u,
+      data: h,
       resolve: a,
       reject: l
     });
-  }) : r.dispatch(c, u);
+  }) : r.dispatch(c, h);
 }, W = (e, t, n = window, o = () => !0) => {
   const r = L(() => {
   });
@@ -387,15 +387,15 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
   }, [t]), v(() => {
     if (!(n && o()))
       return;
-    const c = (u) => r.current(u);
+    const c = (h) => r.current(h);
     return n.addEventListener(e, c), () => {
       n.removeEventListener(e, c);
     };
   }, [e, n]);
-}, Ot = (e) => {
+}, At = (e) => {
   const t = B(), { events: n } = (e || t).get("$widget");
   return n;
-}, Mo = () => {
+}, Eo = () => {
   const [e, t] = w(!1);
   return v(() => {
     const n = () => {
@@ -410,8 +410,8 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
 }, j = (e, t) => {
   const [n, o] = w(!1), r = E(
     (c) => {
-      const { key: u } = c;
-      u === e && (o(!0), t && t(c));
+      const { key: h } = c;
+      h === e && (o(!0), t && t(c));
     },
     [o, t]
   ), s = E(
@@ -421,7 +421,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
     [o]
   );
   return W("keydown", r, window), W("keyup", s, window), n;
-}, So = (e) => {
+}, Ho = (e) => {
   const t = Ce(e), n = Y(), [o, r] = w({}), s = Z();
   return v(() => {
     t && s.current && r(t.attributes.layout);
@@ -429,7 +429,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
     if (n) {
       const c = n.events.subscribe(
         "components:layout-changed",
-        (u, a) => {
+        (h, a) => {
           t === a.node && s.current && r(a.node.attributes.layout);
         }
       );
@@ -443,23 +443,23 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
   return v(() => {
     t.current = e;
   }), t.current;
-}, Eo = () => P(Vt), Ro = (e) => {
+}, Ro = () => P(Wt), To = (e) => {
   const [t, n] = w(), o = B(), r = Z();
   return v(() => {
     let s;
     const c = (e || o).get("$widget");
     if (!c)
       return;
-    const { name: u, invoke: a } = c;
+    const { name: h, invoke: a } = c;
     return a("renderState").then((l) => {
       r.current && n(l);
     }), (e || o).getAsync("actionResolver").then((l) => {
-      s = l.subscribe(u, (d, h) => {
-        switch (h) {
+      s = l.subscribe(h, (d, u) => {
+        switch (u) {
           case "close":
           case "open":
             r.current && n(
-              h === "open" ? ne.open : ne.closed
+              u === "open" ? ne.open : ne.closed
             );
             break;
           case "hide":
@@ -470,7 +470,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
       s && s();
     };
   }, [r]), t;
-}, Oe = () => P(Wt), Ho = (e) => {
+}, Oe = () => P(Zt), No = (e) => {
   const t = B(), n = Oe(), [o, r] = w({
     name: "",
     params: {}
@@ -479,20 +479,20 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
     const c = (e || t).get("$widget");
     if (!c)
       return;
-    const { events: u } = c;
-    return u.subscribe(
+    const { events: h } = c;
+    return h.subscribe(
       "router:change",
       (l, { next: { routeData: d } }) => {
         if (s.current) {
-          const { name: h, params: f } = d;
-          Re(f), r({ name: h, params: f });
+          const { name: u, params: f } = d;
+          He(f), r({ name: u, params: f });
         }
       }
     );
   }, [s, e, t]), v(() => {
     if (n && n.history && s.current) {
-      const c = n.getRouteData(), { name: u, params: a } = c;
-      Re(a), r({ name: u, params: a });
+      const c = n.getRouteData(), { name: h, params: a } = c;
+      He(a), r({ name: h, params: a });
     }
   }, [n, s]), o;
 }, Ae = (e) => {
@@ -509,14 +509,14 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
       n.current = l.touches[0].clientY;
     },
     [t]
-  ), 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(
+  ), c = (l) => h(l) ? l === t.current ? l : null : l.parentElement ? c(l.parentElement) : null, h = (l) => l.scrollWidth > l.clientWidth || l.scrollHeight > l.clientHeight, a = E(
     (l) => {
       if (!l.cancelable)
         return;
-      const d = l.touches[0].clientY, h = c(l.target);
-      if (!h)
+      const d = l.touches[0].clientY, u = c(l.target);
+      if (!u)
         return;
-      const f = h.scrollTop, g = n.current - d < 0 ? "up" : "down", m = f <= 0 && g === "up", p = f >= h.scrollHeight - h.offsetHeight && g === "down";
+      const f = u.scrollTop, g = n.current - d < 0 ? "up" : "down", m = f <= 0 && g === "up", p = f >= u.scrollHeight - u.offsetHeight && g === "down";
       (m || p) && l.preventDefault(), n.current = d;
     },
     [t, n]
@@ -536,8 +536,8 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
     a,
     t.current,
     () => t.current && e
-  ), e ? [At, t] : ["", t];
-}, At = `
+  ), e ? [Ft, t] : ["", t];
+}, Ft = `
     overflow-y: ${Ne() === fe.Chrome || Ne() === fe.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
@@ -565,7 +565,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
             background-color: #7F7F7F;
         }
     }
-`, To = () => {
+`, Do = () => {
   const [e, t] = w(null), n = B(), o = Z();
   return v(() => {
     n.get("settings").then((r) => {
@@ -577,18 +577,18 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
     n(typeof r == "boolean" ? r : (s) => !s);
   }, []);
   return [t, o];
-}, No = (e) => {
-  const t = B(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = w(null), [c, u] = w(null), a = Z();
+}, zo = (e) => {
+  const t = B(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = w(null), [c, h] = w(null), a = Z();
   v(() => {
     if (n && a.current) {
-      const d = n.nodes.all.find((f) => f.name === "root-area"), h = n.nodes.all.find((f) => f.type === "view");
-      if (!(h != null && h.attributes.properties.animation) && !(d != null && d.attributes.properties.animation))
+      const d = n.nodes.all.find((f) => f.name === "root-area"), u = n.nodes.all.find((f) => f.type === "view");
+      if (!(u != null && u.attributes.properties.animation) && !(d != null && d.attributes.properties.animation))
         e();
       else {
-        const f = (p = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${p}"]`), g = f(h == null ? void 0 : h.id);
+        const f = (p = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${p}"]`), g = f(u == null ? void 0 : u.id);
         g && s(g);
         const m = f(d == null ? void 0 : d.id);
-        m && u(m);
+        m && h(m);
       }
     }
   }, [n, t, a]);
@@ -608,7 +608,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
     c
   );
 }, ae = (e, t, n = [], o) => {
-  const r = Ot(o);
+  const r = At(o);
   return v(() => {
     if (r) {
       const s = r.subscribe(e, t);
@@ -641,7 +641,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
   border: ${e.theme.border};
   box-shadow: ${e.theme.boxShadow || "none"};
   ${e["data-loading"] && "min-height: 150px;"}
-`, Ft = (e) => {
+`, Pt = (e) => {
   var t, n, o;
   return k`
   cursor: pointer;
@@ -653,11 +653,11 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
   font-family: ${(n = e.theme.fonts) == null ? void 0 : n.type};
   font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
 `;
-}, Do = (e) => {
+}, Bo = (e) => {
   var c;
   const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: s } = e;
   return k`
-    ${Ft(e)}
+    ${Pt(e)}
     border: 1px solid ${o ? n : t};
     background-color: ${o ? t : n};
 
@@ -698,10 +698,10 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
   color: ${(o = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : o.inactiveText};
   border-color: transparent;
 `;
-}, Pt = (e) => k`
+}, jt = (e) => k`
   ${O(e)}
   text-decoration: underline;
-`, zo = (e) => {
+`, Vo = (e) => {
   var t;
   return k`
   ${O(e)}
@@ -746,7 +746,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, jt = (e) => {
+`, Kt = (e) => {
   var t;
   return k`
   padding: 0;
@@ -768,7 +768,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
     margin: 0;
   }
 `;
-}, Bo = (e) => {
+}, Wo = (e) => {
   var t, n, o, r;
   return k`
   > div {
@@ -784,7 +784,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
   )}
   }
   > ul {
-    ${jt(e)}
+    ${Kt(e)}
   }
   ${ie(e)(
     "h1",
@@ -804,7 +804,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
     `
   )}
 `;
-}, Vo = (e) => {
+}, Zo = (e) => {
   var t, n, o, r, s, c;
   return k`
   font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
@@ -833,7 +833,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
   a {
     color: ${(o = e.theme.colors) == null ? void 0 : o.link};
     &:focus-visible {
-      ${Pt(e)};
+      ${jt(e)};
     }
   }
 
@@ -870,7 +870,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
   });
   return v(() => (t.appendChild(o), () => {
     o.childElementCount <= 1 && o.remove();
-  }), [o]), yt(n, o);
+  }), [o]), bt(n, o);
 }, Q = ({
   text: e = "",
   backgroundSize: t = "contain",
@@ -883,11 +883,11 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
   className: s,
   ...c
 }) => {
-  const { type: u, content: a } = o, l = {
+  const { type: h, content: a } = o, l = {
     "aria-label": e,
     role: "presentation"
   };
-  switch (u) {
+  switch (h) {
     case "Uri": {
       const d = {
         backgroundSize: t,
@@ -919,7 +919,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
         xmlns: "http://www.w3.org/2000/svg",
         ...c,
         ref: null
-      }, h = { minWidth: `${n}` };
+      }, u = { minWidth: `${n}` };
       switch (a) {
         case "search":
           return /* @__PURE__ */ b("svg", { viewBox: "0 0 32 30", ...d, children: [
@@ -973,22 +973,22 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
             /* @__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, ...d, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: u, ...d, children: [
             /* @__PURE__ */ i("line", { x1: "4.13", y1: "1.05", x2: "10.13", y2: "7.05", stroke: "black" }),
             /* @__PURE__ */ i("line", { x1: "10.13", y1: "6.95", x2: "4.13", y2: "12.95", stroke: "black" })
           ] });
         case "caret-left":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: h, ...d, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: u, ...d, children: [
             /* @__PURE__ */ i("line", { x1: "10.13", y1: "12.95", x2: "4.13", y2: "6.95", stroke: "black" }),
             /* @__PURE__ */ i("line", { x1: "4.13", y1: "7.05", x2: "10.13", y2: "1.05", stroke: "black" })
           ] });
         case "caret-up":
-          return /* @__PURE__ */ b(Kt, { viewBox: "0 0 14 14", style: h, ...d, children: [
+          return /* @__PURE__ */ b(Yt, { viewBox: "0 0 14 14", style: u, ...d, children: [
             /* @__PURE__ */ i("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }),
             /* @__PURE__ */ i("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" })
           ] });
         case "caret-down":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: h, ...d, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: u, ...d, children: [
             /* @__PURE__ */ i("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }),
             /* @__PURE__ */ i("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" })
           ] });
@@ -1316,7 +1316,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
             )
           ] });
         case "video":
-          return h.minWidth && typeof h.minWidth == "number" && (h.minWidth = `${h.minWidth}px`), /* @__PURE__ */ b("svg", { viewBox: "0 0 25 25", ...d, style: h, children: [
+          return u.minWidth && typeof u.minWidth == "number" && (u.minWidth = `${u.minWidth}px`), /* @__PURE__ */ b("svg", { viewBox: "0 0 25 25", ...d, style: u, children: [
             /* @__PURE__ */ i(
               "path",
               {
@@ -1456,7 +1456,7 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
     }
     case "FontAwesome":
       return /* @__PURE__ */ i(
-        an,
+        cn,
         {
           className: s,
           faIcon: a,
@@ -1477,9 +1477,9 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
         }
       ) : null;
   }
-}, Kt = C.svg`
+}, Yt = C.svg`
   transform: rotate(180deg);
-`, Yt = {
+`, Xt = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1494,14 +1494,14 @@ const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt =
   className: n,
   children: o
 }) => {
-  const { typographyVariantMapping: r = {} } = It(), s = {
-    ...Yt,
+  const { typographyVariantMapping: r = {} } = Ot(), s = {
+    ...Xt,
     ...r
   }, c = t || s[e] || "span";
-  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 = ({
+  return /* @__PURE__ */ i(_t, { className: n, as: c, children: o });
+}, _t = C.span``;
+var Ut = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Ut || {});
+const qt = 300, Io = ({
   className: e,
   children: t,
   header: n,
@@ -1509,12 +1509,12 @@ const Ut = 300, Wo = ({
   trigger: r,
   fullScreen: s = !1,
   closeButtonAriaLabel: c,
-  animation: u = {
+  animation: h = {
     type: "slide-in-bottom"
     /* SlideInBottom */
   }
 }) => {
-  const { duration: a = Ut } = u, l = L(), d = L(), [h, f] = Ae(!0), [g, m] = Fe(), p = Ie(g), y = L(_());
+  const { duration: a = qt } = h, l = L(), d = L(), [u, f] = Ae(!0), [g, m] = Fe(), p = Ie(g), y = L(_());
   v(() => {
     o && o(g);
   }, [g]);
@@ -1529,7 +1529,7 @@ const Ut = 300, Wo = ({
     },
     window
   );
-  const R = ye(y.current, () => {
+  const H = ye(y.current, () => {
     m(!1);
   });
   ae("router:changed", () => {
@@ -1537,7 +1537,7 @@ const Ut = 300, Wo = ({
   }), v(() => {
     g && l.current ? l.current.focus() : !g && d.current && p && d.current.focus();
   }, [g, l.current, d.current]);
-  const N = tn[u.type];
+  const N = nn[h.type];
   return /* @__PURE__ */ b(U, { children: [
     /* @__PURE__ */ i(
       Ve,
@@ -1558,7 +1558,7 @@ const Ut = 300, Wo = ({
               `humany-drawer-${y.current}`
             ),
             clientHeight: document.body.clientHeight,
-            css: h,
+            css: u,
             ref: f,
             children: [
               /* @__PURE__ */ i(
@@ -1571,7 +1571,7 @@ const Ut = 300, Wo = ({
                   children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
                 }
               ),
-              !!n && /* @__PURE__ */ i(qt, { variant: "h1", className: "humany-drawer-header", children: n }),
+              !!n && /* @__PURE__ */ i(Qt, { variant: "h1", className: "humany-drawer-header", children: n }),
               t
             ]
           }
@@ -1580,7 +1580,7 @@ const Ut = 300, Wo = ({
     ),
     oe.cloneElement(r, {
       onClick: (S) => {
-        m(), R();
+        m(), H();
       },
       ref: d,
       "aria-label": r.props.title,
@@ -1604,7 +1604,7 @@ const Ut = 300, Wo = ({
   box-shadow: ${(e) => e.theme.boxShadow};
   background: #ffffff;
   ${(e) => e.css && e.css}
-`, qt = C(X)`
+`, Qt = C(X)`
   padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1629,7 +1629,7 @@ const Ut = 300, Wo = ({
   line-height: 1.2em;
 `, le = (e) => k`
   transition: ${e.duration}ms;
-`, Qt = C(ce)`
+`, Gt = C(ce)`
   max-height: 0;
   ${le}
 
@@ -1646,7 +1646,7 @@ const Ut = 300, Wo = ({
   &.humany-drawer-transition-exit-done {
     max-height: 0;
   }
-`, Gt = C(ce)`
+`, Jt = C(ce)`
   ${le}
   transform: translateX(100%);
   height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1664,7 +1664,7 @@ const Ut = 300, Wo = ({
   &.humany-drawer-transition-exit-done {
     transform: translateX(100%);
   }
-`, Jt = C(ce)`
+`, en = C(ce)`
   ${le}
   transform: translateX(-100%);
   height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1682,7 +1682,7 @@ const Ut = 300, Wo = ({
   &.humany-drawer-transition-exit-done {
     transform: translateX(-100%);
   }
-`, en = C(ce)`
+`, tn = C(ce)`
   ${le}
   bottom: unset;
   top: 0;
@@ -1701,13 +1701,13 @@ const Ut = 300, Wo = ({
   &.humany-drawer-transition-exit-done {
     height: 0;
   }
-`, tn = {
-  "slide-in-bottom": Qt,
-  "slide-in-right": Gt,
-  "slide-in-left": Jt,
-  "slide-in-top": en
+`, nn = {
+  "slide-in-bottom": Gt,
+  "slide-in-right": Jt,
+  "slide-in-left": en,
+  "slide-in-top": tn
 }, je = (e, t, n) => {
-  const [o, r] = w(0), [s, c] = w(0), u = E(
+  const [o, r] = w(0), [s, c] = w(0), h = E(
     (a, l) => {
       if (a.preventDefault(), l) {
         const d = l.getBoundingClientRect();
@@ -1724,8 +1724,8 @@ const Ut = 300, Wo = ({
       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 }, u];
-}, Zo = oe.forwardRef(
+  }, [n, e, t]), [{ x: o, y: s }, h];
+}, Oo = oe.forwardRef(
   ({
     className: e = "",
     children: t = null,
@@ -1733,34 +1733,34 @@ const Ut = 300, Wo = ({
     closeButtonAriaLabel: o,
     ...r
   }, s) => {
-    const c = L(), u = L(), a = L();
+    const c = L(), h = L(), a = L();
     ge(s, () => a.current, [a.current]);
-    const l = L(_()), [d, h] = w(!1), f = Ie(d), [{ x: g, y: m }, p] = je(d, l.current, a.current), y = j("Escape");
+    const l = L(_()), [d, u] = w(!1), f = Ie(d), [{ x: g, y: m }, p] = je(d, l.current, a.current), y = j("Escape");
     v(() => {
-      y && h(!1);
+      y && u(!1);
     }, [y]), v(() => {
-      d && c.current ? c.current.focus() : !d && u.current && f && u.current.focus();
-    }, [d, c.current, u.current]), W(
+      d && c.current ? c.current.focus() : !d && h.current && f && h.current.focus();
+    }, [d, c.current, h.current]), W(
       "click",
       (N) => {
         const { target: S } = N;
-        !a.current || !S || a.current !== S && !a.current.contains(S) && h(!1);
+        !a.current || !S || a.current !== S && !a.current.contains(S) && u(!1);
       },
       window
     ), ae("router:changed", () => {
-      h(!1);
+      u(!1);
     });
     const $ = ye(l.current, () => {
-      h(!1);
-    }), R = E(
+      u(!1);
+    }), H = E(
       (N) => {
-        N.stopPropagation(), p(N, u.current), h(!d), $();
+        N.stopPropagation(), p(N, h.current), u(!d), $();
       },
-      [$, p, h]
+      [$, p, u]
     );
     return /* @__PURE__ */ b(U, { children: [
       d && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
-        nn,
+        on,
         {
           className: M(
             "humany-dropdown",
@@ -1775,7 +1775,7 @@ const Ut = 300, Wo = ({
             /* @__PURE__ */ i(
               ve,
               {
-                onClick: () => h(!1),
+                onClick: () => u(!1),
                 tabIndex: 0,
                 ref: c,
                 "aria-label": o,
@@ -1787,14 +1787,14 @@ const Ut = 300, Wo = ({
         }
       ) }),
       oe.cloneElement(n, {
-        onClick: R,
-        ref: u,
+        onClick: H,
+        ref: h,
         "aria-label": n.props.title,
         "aria-expanded": d
       })
     ] });
   }
-), nn = C.div`
+), on = C.div`
   ${Pe}
   padding: ${(e) => {
   var t;
@@ -1809,11 +1809,11 @@ const Ut = 300, Wo = ({
   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;
 }};
-`, on = ({ ...e }) => /* @__PURE__ */ i(rn, { ...e }), rn = C.div`
+`, rn = ({ ...e }) => /* @__PURE__ */ i(sn, { ...e }), sn = C.div`
   display: none;
-`, Io = D(
+`, Ao = D(
   ({ children: e, columns: t, gap: n, className: o, ...r }, s) => /* @__PURE__ */ i(
-    sn,
+    an,
     {
       className: M(o, "humany-grid"),
       "data-columns": t,
@@ -1824,26 +1824,26 @@ const Ut = 300, Wo = ({
       children: e
     }
   )
-), sn = C.div`
+), an = C.div`
   display: grid;
   grid-template-columns: repeat(${(e) => e["data-columns"]}, 1fr);
   grid-gap: ${(e) => e["data-gap"]};
   justify-content: center;
   grid-auto-rows: max-content;
-  ${Mt}
+  ${St}
 `, Ke = D(
   ({ htmlParseInstruction: e = null, className: t, html: n, ...o }, r) => {
-    const s = B(), [c, u] = w();
+    const s = B(), [c, h] = w();
     v(() => {
-      const d = Tt(s, n), h = {
+      const d = Nt(s, n), u = {
         ...d,
         ...e,
         transform: {
           ...d.transform,
           ...e == null ? void 0 : e.transform
         }
-      }, f = Rt(n, h);
-      u(f);
+      }, f = Rt(n, u);
+      h(f);
     }, [n, e]);
     const a = L(null), l = s.get("$widget");
     return v(() => {
@@ -1852,7 +1852,7 @@ const Ut = 300, Wo = ({
         return;
       new MutationObserver((f) => {
         f.forEach((g) => {
-          var $, R, N;
+          var $, H, N;
           let m = g.target;
           if (m.tagName === "DIV" && m.matches("[data-notification]") && m.getAttribute("data-expandable")) {
             const S = m.firstChild;
@@ -1866,7 +1866,7 @@ const Ut = 300, Wo = ({
             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");
+          const p = (H = m.closest(".humany-notification-row")) == null ? void 0 : H.getAttribute("data-node-id"), y = (N = m.closest("[data-notification]")) == null ? void 0 : N.getAttribute("data-notification");
           m.scrollWidth > m.clientWidth ? (l.container.expandableNotifications || (l.container.expandableNotifications = /* @__PURE__ */ new Set()), l.container.expandableNotifications.add(y), l.events.dispatch("notification:expandable", {
             expandable: !0,
             notificationRowId: p
@@ -1889,7 +1889,7 @@ const Ut = 300, Wo = ({
       }
     );
   }
-), an = ({
+), cn = ({
   faIcon: e,
   title: t,
   className: n = "",
@@ -1903,7 +1903,7 @@ const Ut = 300, Wo = ({
     role: o,
     ...z(r)
   }
-), Oo = D(
+), Fo = D(
   ({
     className: e = "",
     autoFocus: t = !1,
@@ -1916,11 +1916,11 @@ const Ut = 300, Wo = ({
     selectAllOnFocus: s,
     onChange: c = () => {
     },
-    disabled: u = !1,
+    disabled: h = !1,
     type: a,
     ...l
   }, d) => {
-    const [h, f] = w(t), g = L();
+    const [u, f] = w(t), g = L();
     ge(d, () => g.current), v(() => {
       var y;
       t && ((y = g == null ? void 0 : g.current) == null || y.focus());
@@ -1929,11 +1929,11 @@ const Ut = 300, Wo = ({
       f(y), n && n(y), s && y && $.target.select();
     }, p = {
       ...z(l),
-      disabled: u,
+      disabled: h,
       autoFocus: t,
       type: a,
       onKeyDown: (y) => {
-        y.key === "Enter" && h && o(y), y.key === "Escape" && h && r(y);
+        y.key === "Enter" && u && o(y), y.key === "Escape" && u && r(y);
       },
       onFocus: (y) => m(!0, y),
       onBlur: (y) => m(!1, y),
@@ -1955,7 +1955,7 @@ const Ut = 300, Wo = ({
       }
     );
   }
-), cn = D(
+), ln = D(
   ({ className: e, items: t, renderItem: n, renderLi: o = !1, ...r }, s) => {
     const c = t.length === 1 && t[0].expanded;
     return /* @__PURE__ */ i(
@@ -1967,13 +1967,13 @@ const Ut = 300, Wo = ({
         ...z(r),
         ref: s,
         children: t.map(
-          (u, a, l) => o ? /* @__PURE__ */ i("li", { className: "humany-list-item", children: n(u, a, l) }, u.id || a) : n(u, a, l)
+          (h, a, l) => o ? /* @__PURE__ */ i("li", { className: "humany-list-item", children: n(h, a, l) }, h.id || a) : n(h, a, l)
         )
       }
     );
   }
-), ln = D(
-  ({ text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: s, ...c }, u) => {
+), dn = D(
+  ({ text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: s, ...c }, h) => {
     var l;
     const a = (l = window.humany) == null ? void 0 : l.deflectionHeaderTag;
     return /* @__PURE__ */ b(
@@ -1981,7 +1981,7 @@ const Ut = 300, Wo = ({
       {
         className: M(o, "humany-paragraph"),
         ...z(c),
-        ref: u,
+        ref: h,
         children: [
           n ? /* @__PURE__ */ b(
             X,
@@ -1999,7 +1999,7 @@ const Ut = 300, Wo = ({
       }
     );
   }
-), dn = D(
+), un = D(
   ({
     header: e,
     customHeader: t,
@@ -2008,24 +2008,24 @@ const Ut = 300, Wo = ({
     className: r,
     children: s,
     symbol: c,
-    items: u,
+    items: h,
     renderItem: a,
     renderLi: l,
     ulProps: d,
-    ...h
+    ...u
   }, f) => /* @__PURE__ */ b(
     "div",
     {
       className: M(r, "humany-item-list"),
-      "data-item-count": u.length,
-      ...z(h),
+      "data-item-count": h.length,
+      ...z(u),
       ref: f,
       children: [
-        t || (e || n || o ? /* @__PURE__ */ i(ln, { symbol: c, header: e, text: n, html: o }) : null),
-        u.length ? /* @__PURE__ */ i(
-          cn,
+        t || (e || n || o ? /* @__PURE__ */ i(dn, { symbol: c, header: e, text: n, html: o }) : null),
+        h.length ? /* @__PURE__ */ i(
+          ln,
           {
-            items: u,
+            items: h,
             renderItem: a,
             renderLi: l,
             ...d
@@ -2035,7 +2035,7 @@ const Ut = 300, Wo = ({
       ]
     }
   )
-), Ao = ({
+), Po = ({
   className: e = "",
   tree: t,
   renderItem: n,
@@ -2043,25 +2043,25 @@ const Ut = 300, Wo = ({
   renderUnselected: r = !0,
   renderEmpty: s = !0,
   ulProps: c,
-  liProps: u
+  liProps: h
 }) => {
-  const a = (h) => !l(h), l = (h) => !h || h.length < 1 ? !0 : !h.some((f) => !!f.selected), d = (h, f) => /* @__PURE__ */ i(
-    dn,
+  const a = (u) => !l(u), l = (u) => !u || u.length < 1 ? !0 : !u.some((f) => !!f.selected), d = (u, f) => /* @__PURE__ */ i(
+    un,
     {
       className: M(`humany-item-tree-level-${f}`),
-      items: h,
+      items: u,
       ulProps: c,
       renderItem: (g) => {
-        const { id: m, selected: p, items: y, matches: $ } = g, R = p && l(y);
-        return !s && !$ ? null : /* @__PURE__ */ at(
+        const { id: m, selected: p, items: y, matches: $ } = g, H = p && l(y);
+        return !s && !$ ? null : /* @__PURE__ */ ct(
           "li",
           {
-            ...z(u),
+            ...z(h),
             key: m,
             className: "humany-item-tree-item"
           },
-          n && n(g, f, R),
-          y && (r || R) && d(y, f + 1)
+          n && n(g, f, H),
+          y && (r || H) && d(y, f + 1)
         );
       }
     }
@@ -2070,7 +2070,7 @@ const Ut = 300, Wo = ({
     o && o(!a(t || [])),
     t && d(t, 1)
   ] });
-}, un = D(
+}, hn = D(
   ({
     className: e,
     onClick: t = () => {
@@ -2080,16 +2080,16 @@ const Ut = 300, Wo = ({
     params: r = {},
     children: s,
     ...c
-  }, u) => {
+  }, h) => {
     const a = Oe(), l = B();
     if (!a)
       return null;
     let d = "";
-    const h = {
+    const u = {
       onClick: t,
       className: M(e, "humany-route-link"),
       to: d,
-      innerRef: u,
+      innerRef: h,
       ...c,
       ref: null
     };
@@ -2100,7 +2100,7 @@ const Ut = 300, Wo = ({
         ), /* @__PURE__ */ i(
           ue,
           {
-            ...h,
+            ...u,
             onClick: (p) => {
               t(p), p.preventDefault(), process.env.NODE_ENV !== "production" && de.warn(
                 `Unable to navigate. No route named "${n}" exist.`
@@ -2115,7 +2115,7 @@ const Ut = 300, Wo = ({
           if (Array.isArray($)) {
             if ($.length === 0)
               return p;
-            p[y] = $.map((R) => typeof R == "string" ? encodeURIComponent(R) : R).join(",");
+            p[y] = $.map((H) => typeof H == "string" ? encodeURIComponent(H) : H).join(",");
           } else
             p[y] = typeof $ == "string" ? encodeURIComponent($) : $;
           return p;
@@ -2125,7 +2125,7 @@ const Ut = 300, Wo = ({
       try {
         d = a.generate(n, m || {});
       } catch {
-        return /* @__PURE__ */ i(ue, { ...h, ref: h.innerRef, children: s });
+        return /* @__PURE__ */ i(ue, { ...u, ref: u.innerRef, children: s });
       }
       d && a.settings.mode && a.settings.mode === Te.browser && d[0] !== "/" && (d = `/${d}`);
     } else if (o && a.history)
@@ -2141,11 +2141,15 @@ const Ut = 300, Wo = ({
       ), null;
     if (a.settings && a.settings.mode === Te.scopedHash) {
       const f = l.get("$widget").name;
-      d = bt(d, f);
+      d = vt(d, f);
     }
-    return h.as ? /* @__PURE__ */ i(hn, { ...h, as: h.as, children: s }) : /* @__PURE__ */ i(ue, { ...h, to: d, children: s });
+    return u.as ? /* @__PURE__ */ i(fn, { ...u, as: u.as, children: s }) : /* @__PURE__ */ i(ue, { ...u, to: d, children: s });
   }
-), hn = C.span``, xe = D(
+), fn = C.span``;
+let Ye = !1;
+const mn = (e) => {
+  Ye = e;
+}, jo = () => Ye, xe = D(
   ({
     className: e,
     disabled: t = !1,
@@ -2156,18 +2160,18 @@ const Ut = 300, Wo = ({
     },
     title: s,
     as: c,
-    href: u,
+    href: h,
     children: a,
     target: l,
     routeName: d,
-    params: h,
+    params: u,
     ...f
   }, g) => {
     var N, S;
     const m = {
       title: s,
       role: d === "index" || d === "contact-method" || t ? "button" : void 0,
-      "aria-expanded": d === "index" ? "false" : void 0,
+      "aria-expanded": d === "index" && (u != null && u.guide) ? "false" : void 0,
       disabled: t,
       as: c,
       tabIndex: n,
@@ -2183,7 +2187,7 @@ const Ut = 300, Wo = ({
         o(T);
       },
       onKeyDown: (T) => {
-        if (T.persist(), t) {
+        if (T.persist(), T.key === "Enter" && mn(!0), t) {
           T.key !== "Tab" && T.preventDefault();
           return;
         }
@@ -2191,8 +2195,8 @@ const Ut = 300, Wo = ({
       }
     };
     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: [
+    const y = B().get("$settings"), $ = t && ((S = (N = y == null ? void 0 : y.data) == null ? void 0 : N.accessibility) == null ? void 0 : S.disableInactiveLink), H = f.description || "<p></p>";
+    return $ ? /* @__PURE__ */ b(gn, { className: "disabled-link", children: [
       /* @__PURE__ */ i("div", { className: "icon-placeholder" }),
       /* @__PURE__ */ b("div", { className: "humany-contact-link-rich-content", children: [
         /* @__PURE__ */ i("span", { children: m.title }),
@@ -2200,24 +2204,24 @@ const Ut = 300, Wo = ({
           "div",
           {
             className: "inner-span",
-            dangerouslySetInnerHTML: { __html: R }
+            dangerouslySetInnerHTML: { __html: H }
           }
         )
       ] })
     ] }) : d ? /* @__PURE__ */ i(
-      mn,
+      pn,
       {
         name: d,
-        params: h,
+        params: u,
         ...m,
         ...z(f),
         ref: g,
         children: a
       }
     ) : /* @__PURE__ */ i(
-      gn,
+      Cn,
       {
-        href: u,
+        href: h,
         target: l,
         ...m,
         ...z(f),
@@ -2226,7 +2230,7 @@ const Ut = 300, Wo = ({
       }
     );
   }
-), fn = C.div`
+), gn = C.div`
   display: flex;
   opacity: 0.7;
   .inner-span {
@@ -2246,17 +2250,17 @@ const Ut = 300, Wo = ({
     vertical-align: bottom;
     color: #333333;
   }
-`, mn = C(un)`
+`, pn = C(hn)`
   ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, gn = C.a`
+`, Cn = C.a`
   ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
   ` : "cursor: pointer;"}
-`, Ye = ({
+`, Xe = ({
   visible: e,
   duration: t = 500,
   children: n,
@@ -2265,8 +2269,8 @@ const Ut = 300, Wo = ({
   ...r
 }) => {
   const s = L(), c = E(
-    (u) => {
-      u.target === s.current && o(u);
+    (h) => {
+      h.target === s.current && o(h);
     },
     [o]
   );
@@ -2279,7 +2283,7 @@ const Ut = 300, Wo = ({
       unmountOnExit: !0,
       timeout: t,
       children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(
-        pn,
+        yn,
         {
           className: "humany-overlay",
           duration: t,
@@ -2291,7 +2295,7 @@ const Ut = 300, Wo = ({
       ) })
     }
   );
-}, pn = C.div`
+}, yn = C.div`
   background: rgba(0, 0, 0, 0.6);
   min-width: 100%;
   min-height: 100%;
@@ -2321,11 +2325,11 @@ const Ut = 300, Wo = ({
   &.humany-overlay-transition-exit-done {
     opacity: 0;
   }
-`, Cn = Be`
+`, bn = Be`
   100% {
     transform: rotate(360deg);
   }
-`, yn = Be`
+`, vn = Be`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2338,8 +2342,8 @@ const Ut = 300, Wo = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, bn = C.svg`
-  animation: ${Cn} 2s linear infinite;
+`, xn = C.svg`
+  animation: ${bn} 2s linear infinite;
   height: 100%;
   transform-origin: center center;
   width: 100%;
@@ -2350,7 +2354,7 @@ const Ut = 300, Wo = ({
   right: 0;
   margin: auto;
   transition: 200ms ease-out opacity;
-`, vn = C.div`
+`, wn = C.div`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2368,7 +2372,7 @@ const Ut = 300, Wo = ({
   svg {
     opacity: ${(e) => e["data-loading"] ? "1" : "0"};
   }
-`, xn = C.div`
+`, kn = C.div`
   position: relative;
   margin: 0 auto;
   width: 100px;
@@ -2377,23 +2381,23 @@ const Ut = 300, Wo = ({
     display: block;
     padding-top: 100%;
   }
-`, wn = C.circle`
+`, $n = C.circle`
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
-  animation: ${yn} 1.5s ease-in-out infinite;
+  animation: ${vn} 1.5s ease-in-out infinite;
   stroke-linecap: round;
   stroke: ${(e) => {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.primary;
 }};
   stroke-width: 2px;
-`, kn = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ i(
-  vn,
+`, Ln = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ i(
+  wn,
   {
     className: M("humany-loader", e),
     "data-loading": t,
-    children: /* @__PURE__ */ i(xn, { className: "humany-spinner", children: /* @__PURE__ */ i(bn, { viewBox: "25 25 50 50", children: /* @__PURE__ */ i(
-      wn,
+    children: /* @__PURE__ */ i(kn, { className: "humany-spinner", children: /* @__PURE__ */ i(xn, { viewBox: "25 25 50 50", children: /* @__PURE__ */ i(
+      $n,
       {
         cx: "50",
         cy: "50",
@@ -2404,24 +2408,24 @@ const Ut = 300, Wo = ({
       }
     ) }) })
   }
-), $n = ({
+), Mn = ({
   zoomState: e,
   image: t,
   changeZoom: n,
   ...o
 }) => {
   var m;
-  const r = L(null), [s, c] = w(!1), [u, a] = w(!1), { width: l, height: d, ...h } = o.style || {}, f = E(() => {
+  const r = L(null), [s, c] = w(!1), [h, a] = w(!1), { width: l, height: d, ...u } = o.style || {}, f = E(() => {
     const p = r.current;
     if (p) {
-      const y = window.innerWidth / p.naturalWidth, $ = window.innerHeight / p.naturalHeight, R = Math.min(y, $);
-      return $ >= 1 && y >= 1 ? 1 : R;
+      const y = window.innerWidth / p.naturalWidth, $ = window.innerHeight / p.naturalHeight, H = Math.min(y, $);
+      return $ >= 1 && y >= 1 ? 1 : H;
     }
     return 1;
   }, [s, t.src]), g = re(() => {
     const p = r.current;
     if (p && s) {
-      if (!u) {
+      if (!h) {
         a(!0);
         const y = f();
         n(y);
@@ -2433,9 +2437,9 @@ const Ut = 300, Wo = ({
   return v(() => (c(!1), function() {
     a(!1);
   }), [t.src]), /* @__PURE__ */ b(U, { children: [
-    /* @__PURE__ */ i(Ln, { loading: !s }),
+    /* @__PURE__ */ i(Sn, { loading: !s }),
     /* @__PURE__ */ i(
-      Mn,
+      En,
       {
         onLoad: () => {
           c(!0);
@@ -2445,18 +2449,18 @@ const Ut = 300, Wo = ({
         draggable: "false",
         ...o,
         alt: ((m = o.alt) == null ? void 0 : m.toString()) || "",
-        style: h,
+        style: u,
         src: t.src,
         loaded: s
       }
     ),
-    /* @__PURE__ */ i(Sn, {})
+    /* @__PURE__ */ i(Hn, {})
   ] });
-}, Ln = C(kn)`
+}, Sn = C(Ln)`
   svg circle {
     stroke: #ffffff;
   }
-`, Mn = C.img`
+`, En = C.img`
   transform: none;
 
   ${(e) => e.imageSize && k`
@@ -2467,61 +2471,61 @@ const Ut = 300, Wo = ({
   vertical-align: middle;
   position: relative;
   ${(e) => !e.loaded && "display:none;"}
-`, Sn = C.div`
+`, Hn = C.div`
   height: 100%;
   display: inline-block;
   vertical-align: middle;
-`, En = () => {
+`, Rn = () => {
   const e = L(), [t, n] = w(!0), o = E(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
   }), [t, e]);
   return [t, o];
-}, Rn = ({ attrs: e, htmlBody: t }) => {
+}, Tn = ({ attrs: e, htmlBody: t }) => {
   var Se;
-  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);
+  const n = j("Escape"), o = j("ArrowLeft"), r = j("ArrowRight"), [s, c] = w(1), [h, a] = w({ top: 0, left: 0, x: 0, y: 0 }), [l, d] = w(!1), [u, f] = Rn(), [g, m] = w(null), [p, y] = w(null), $ = L(null), H = L(null), N = L(null), S = L(null), T = L(null), [qe, Qe] = w(null);
   v(() => {
     n && m(null);
   }, [n]), v(() => {
     c(1);
   }, [g]), v(() => {
     var I, ee;
-    if (g === null || R.current === null)
+    if (g === null || H.current === null)
       return;
-    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");
+    const x = H.current.firstElementChild, R = (I = N.current) == null ? void 0 : I.querySelector(".nav-left"), V = (ee = N.current) == null ? void 0 : ee.querySelector(".nav-right");
     if (p === "Right")
-      J && V ? V.focus() : G && H && H.focus();
+      J && V ? V.focus() : G && R && R.focus();
     else if (p === "Left")
-      G && H ? H.focus() : J && V && V.focus();
+      G && R ? R.focus() : J && V && V.focus();
     else {
       if (!x)
         return;
       x.focus();
     }
-  }, [g, R, N, p]), v(() => {
+  }, [g, H, N, p]), v(() => {
     if (o) {
       if (G)
         return Le();
     } else if (r && J)
       return Me();
   }, [o, r]), v(() => {
-    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);
+    var R, V;
+    const x = ((V = (R = T.current) == null ? void 0 : R.style) == null ? void 0 : V.float) || "";
+    (x === "left" || x === "right") && Qe(x);
   }, []);
   const A = re(() => {
     const x = document.createElement("div");
     x.innerHTML = t || "";
-    const H = x.getElementsByTagName("img");
-    return Array.from(H).reduce(
+    const R = x.getElementsByTagName("img");
+    return Array.from(R).reduce(
       (I, ee) => {
         const Ee = ee.getAttribute("src");
         if (Ee) {
-          const ot = {
+          const rt = {
             src: Ee
           };
-          I.push(ot);
+          I.push(rt);
         }
         return I;
       },
@@ -2530,49 +2534,49 @@ const Ut = 300, Wo = ({
   }, [t]), ke = E(() => {
     const { src: x } = e;
     if (x) {
-      const H = A.findIndex((V, I) => V.src === x);
-      m(H);
+      const R = A.findIndex((V, I) => V.src === x);
+      m(R);
     }
-  }, [A, e]), Qe = E((x) => {
+  }, [A, e]), Ge = E((x) => {
     m(null);
   }, []), $e = E(
     (x) => {
       c(x ? s + s * 0.25 : s - s * 0.25);
     },
     [c, s]
-  ), Ge = E(() => {
+  ), Je = E(() => {
     if (g !== null) {
       const { src: x } = A[g];
       x && window.open(x, "_self");
     }
-  }, [A, g]), Je = E(
+  }, [A, g]), et = E(
     (x) => {
-      const H = S.current;
-      H && (a({
-        top: H.scrollTop,
-        left: H.scrollLeft,
+      const R = S.current;
+      R && (a({
+        top: R.scrollTop,
+        left: R.scrollLeft,
         x: x.clientX,
         y: x.clientY
       }), d(!0));
     },
     [S]
-  ), et = E(
+  ), tt = E(
     (x) => {
-      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;
+      const R = S.current;
+      if (R && l) {
+        const V = x.clientX - h.x, I = x.clientY - h.y;
+        R.scrollTop = h.top - I, R.scrollLeft = h.left - V;
       }
     },
-    [l, u]
-  ), tt = (x) => {
+    [l, h]
+  ), nt = (x) => {
     x.preventDefault(), d(!1);
-  }, nt = re(() => {
+  }, ot = re(() => {
     if (S.current) {
       const x = S.current.getElementsByTagName("img");
       if (x && x.length) {
-        const H = x[0];
-        return H.width > window.innerWidth || H.height > window.innerHeight;
+        const R = x[0];
+        return R.width > window.innerWidth || R.height > window.innerHeight;
       }
     }
     return !1;
@@ -2582,22 +2586,22 @@ const Ut = 300, Wo = ({
     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: g !== null, onClick: Qe, children: /* @__PURE__ */ b(
-      Wn,
+    /* @__PURE__ */ i(Xe, { visible: g !== null, onClick: Ge, children: /* @__PURE__ */ b(
+      In,
       {
         onMouseDown: () => f(),
         onMouseMove: () => f(),
         onTouchStart: () => f(),
         onKeyDown: () => f(),
         children: [
-          /* @__PURE__ */ i(Zn, { show: h.toString(), children: /* @__PURE__ */ i(
-            Dn,
+          /* @__PURE__ */ i(On, { show: u.toString(), children: /* @__PURE__ */ i(
+            Bn,
             {
-              ref: R,
+              ref: H,
               buttons: [
                 {
                   id: "download",
-                  onClick: Ge,
+                  onClick: Je,
                   icon: "download",
                   ariaLabel: "Download image"
                 },
@@ -2611,16 +2615,16 @@ const Ut = 300, Wo = ({
             }
           ) }),
           /* @__PURE__ */ i(
-            On,
+            Fn,
             {
               scrolling: l.toString(),
-              isDraggable: nt.toString(),
+              isDraggable: ot.toString(),
               ref: S,
-              onMouseMove: et,
-              onMouseDown: Je,
-              onMouseUp: tt,
+              onMouseMove: tt,
+              onMouseDown: et,
+              onMouseUp: nt,
               children: g !== null && /* @__PURE__ */ i(
-                $n,
+                Mn,
                 {
                   changeZoom: (x) => {
                     c(x);
@@ -2637,10 +2641,10 @@ const Ut = 300, Wo = ({
             }
           ),
           /* @__PURE__ */ i(
-            Bn,
+            Wn,
             {
               ref: N,
-              show: h.toString(),
+              show: u.toString(),
               buttons: [
                 {
                   id: "previous",
@@ -2663,9 +2667,9 @@ const Ut = 300, Wo = ({
               ]
             }
           ),
-          /* @__PURE__ */ b(In, { show: h.toString(), children: [
+          /* @__PURE__ */ b(An, { show: u.toString(), children: [
             /* @__PURE__ */ i(
-              zn,
+              Vn,
               {
                 buttons: [
                   {
@@ -2683,7 +2687,7 @@ const Ut = 300, Wo = ({
                 ]
               }
             ),
-            /* @__PURE__ */ b(Vn, { variant: "span", children: [
+            /* @__PURE__ */ b(Zn, { variant: "span", children: [
               Math.trunc(s * 100),
               "%"
             ] })
@@ -2692,17 +2696,17 @@ const Ut = 300, Wo = ({
       }
     ) }),
     /* @__PURE__ */ i(
-      Hn,
+      Nn,
       {
         ref: $,
         onClick: ke,
         onKeyDown: (x) => {
           x.key === "Enter" && (x.preventDefault(), ke());
         },
-        alignment: Ue,
+        alignment: qe,
         tabIndex: 0,
         children: /* @__PURE__ */ i(
-          An,
+          Pn,
           {
             ...e,
             alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "",
@@ -2714,7 +2718,7 @@ const Ut = 300, Wo = ({
   ] });
 }, we = D(
   ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ i(
-    Tn,
+    Dn,
     {
       ref: o,
       show: e,
@@ -2724,12 +2728,12 @@ const Ut = 300, Wo = ({
           id: r,
           circle: s = !1,
           show: c = !0,
-          ariaLabel: u,
+          ariaLabel: h,
           onClick: a,
           icon: l,
           className: d
-        }, h) => /* @__PURE__ */ i(
-          Nn,
+        }, u) => /* @__PURE__ */ i(
+          zn,
           {
             circle: s.toString(),
             onClick: a,
@@ -2737,35 +2741,35 @@ const Ut = 300, Wo = ({
             show: c.toString(),
             icon: l,
             className: d,
-            "aria-label": u,
+            "aria-label": h,
             children: /* @__PURE__ */ i(Q, { size: 24, symbol: { type: "Svg", content: l } })
           },
-          r + h.toString()
+          r + u.toString()
         )
       )
     }
   )
-), Xe = C.div`
+), _e = C.div`
   transition: opacity 0.3s ease 0s;
   z-index: 5;
   ${(e) => e.show === "true" ? "opacity: 1;" : k`
           opacity: 0;
           pointer-events: none;
         `}
-`, Hn = C(xe)`
+`, Nn = C(xe)`
   display: inline-block !important;
 
   ${(e) => (e.alignment === "right" || e.alignment === "left") && k`
       float: ${e.alignment};
     `}
-`, Tn = C(Xe)`
+`, Dn = C(_e)`
   position: fixed;
   display: flex;
   gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, me = "39px", Nn = C(se)`
+`, me = "39px", zn = C(se)`
   width: ${me};
   height: ${me};
   display: flex;
@@ -2830,7 +2834,7 @@ const Ut = 300, Wo = ({
           opacity: 0;
           pointer-events: none;
         `}
-`, Dn = C(we)`
+`, Bn = C(we)`
   top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2839,7 +2843,7 @@ const Ut = 300, Wo = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, zn = C(we)`
+`, Vn = C(we)`
   bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2847,7 +2851,7 @@ const Ut = 300, Wo = ({
   width: 100%;
   align-items: center;
   justify-content: center;
-`, Bn = C(we)`
+`, Wn = C(we)`
   display: block;
   button {
     position: fixed;
@@ -2865,7 +2869,7 @@ const Ut = 300, Wo = ({
 }};
     }
   }
-`, Vn = C(X)`
+`, Zn = C(X)`
   position: fixed;
   bottom: ${(e) => {
   var t;
@@ -2884,29 +2888,29 @@ const Ut = 300, Wo = ({
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
 }};
-`, _e = C(Xe)`
+`, Ue = C(_e)`
   position: absolute;
   width: 100vw;
   height: 88px;
   left: 0px;
   z-index: 5;
-`, Wn = C.div`
+`, In = C.div`
   width: 100%;
-`, Zn = C(_e)`
+`, On = C(Ue)`
   top: 0px;
   background-image: linear-gradient(
     to bottom,
     rgb(34, 34, 34, 0.8),
     rgba(34, 34, 34, 0)
   );
-`, In = C(_e)`
+`, An = C(Ue)`
   bottom: 0px;
   background-image: linear-gradient(
     to top,
     rgb(34, 34, 34, 0.8),
     rgba(34, 34, 34, 0)
   );
-`, On = C.div`
+`, Fn = C.div`
   width: 100%;
   height: 100vh;
   overflow: auto;
@@ -2915,9 +2919,9 @@ const Ut = 300, Wo = ({
   white-space: nowrap;
   justify-content: center;
   cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, An = C.img`
+`, Pn = C.img`
   cursor: pointer;
-`, Fn = D(
+`, jn = D(
   ({
     className: e,
     children: t,
@@ -2927,12 +2931,12 @@ const Ut = 300, Wo = ({
     close: r = !1,
     ...s
   }, c) => {
-    const [u, a] = Fe(), [l, d] = Ae(!0), h = L(), f = L(_()), g = j("Escape");
+    const [h, a] = Fe(), [l, d] = Ae(!0), u = L(), f = L(_()), g = j("Escape");
     v(() => {
       (g || r) && a(!1);
     }, [g, r]), v(() => {
-      u && h.current && h.current.focus();
-    }, [u, h.current]), ae("router:changed", () => {
+      h && u.current && u.current.focus();
+    }, [h, u.current]), ae("router:changed", () => {
       a(!1);
     });
     const m = E(
@@ -2950,8 +2954,8 @@ const Ut = 300, Wo = ({
       a(!1);
     }), [f.current]);
     return /* @__PURE__ */ b(U, { children: [
-      /* @__PURE__ */ i(Ye, { visible: u, onClick: m, children: /* @__PURE__ */ b(
-        Pn,
+      /* @__PURE__ */ i(Xe, { visible: h, onClick: m, children: /* @__PURE__ */ b(
+        Kn,
         {
           className: M(
             e,
@@ -2968,7 +2972,7 @@ const Ut = 300, Wo = ({
               {
                 onClick: () => a(!1),
                 tabIndex: 0,
-                ref: h,
+                ref: u,
                 children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
               }
             ),
@@ -2983,7 +2987,7 @@ const Ut = 300, Wo = ({
       })
     ] });
   }
-), Pn = C.div`
+), Kn = C.div`
   font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -3002,7 +3006,7 @@ const Ut = 300, Wo = ({
   ${(e) => Pe(e)}
   ${(e) => e.css && e.css}
   outline: none;
-`, Fo = ({
+`, Ko = ({
   className: e,
   trigger: t,
   header: n = "",
@@ -3012,17 +3016,17 @@ const Ut = 300, Wo = ({
   onConfirm: s = () => {
   },
   cancelLabel: c = "",
-  confirmLabel: u = ""
+  confirmLabel: h = ""
 }) => {
   const a = L(), l = E(() => {
-    var h;
-    r(), (h = a == null ? void 0 : a.current) == null || h.close();
+    var u;
+    r(), (u = a == null ? void 0 : a.current) == null || u.close();
   }, [r]), d = E(() => {
-    var h;
-    s(), (h = a == null ? void 0 : a.current) == null || h.close();
+    var u;
+    s(), (u = a == null ? void 0 : a.current) == null || u.close();
   }, [s]);
   return /* @__PURE__ */ b(
-    jn,
+    Yn,
     {
       className: e,
       trigger: t,
@@ -3031,12 +3035,12 @@ const Ut = 300, Wo = ({
       children: [
         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 })
+        h && /* @__PURE__ */ i(Xn, { onClick: d, children: h }),
+        c && /* @__PURE__ */ i(_n, { onClick: l, children: c })
       ]
     }
   );
-}, jn = C(Fn)`
+}, Yn = C(jn)`
   display: block;
 
   span {
@@ -3054,7 +3058,7 @@ const Ut = 300, Wo = ({
 }};
     }
   }
-`, Kn = C(se)`
+`, Xn = C(se)`
   display: inline-block;
   min-width: 50px;
   ${(e) => {
@@ -3084,7 +3088,7 @@ const Ut = 300, Wo = ({
   &:focus-visible {
     ${O}
   }
-`, Yn = C(se)`
+`, _n = C(se)`
   display: inline-block;
   min-width: 50px;
   ${(e) => {
@@ -3105,25 +3109,25 @@ const Ut = 300, Wo = ({
   &:focus-visible {
     ${O};
   }
-`, Po = ({
+`, Yo = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__PURE__ */ b(Xn, { children: [
-  /* @__PURE__ */ i(_n, { children: /* @__PURE__ */ i(X, { variant: "h2", children: "404" }) }),
-  /* @__PURE__ */ b(Un, { children: [
+}) => /* @__PURE__ */ b(Un, { children: [
+  /* @__PURE__ */ i(qn, { children: /* @__PURE__ */ i(X, { variant: "h2", children: "404" }) }),
+  /* @__PURE__ */ b(Qn, { children: [
     /* @__PURE__ */ i(X, { variant: "h3", children: e }),
-    /* @__PURE__ */ i(Qn, { routeName: "index", "aria-label": t, text: t })
+    /* @__PURE__ */ i(Jn, { routeName: "index", "aria-label": t, text: t })
   ] }),
-  /* @__PURE__ */ b(qn, { children: [
+  /* @__PURE__ */ b(Gn, { children: [
     /* @__PURE__ */ i("span", { children: n }),
     /* @__PURE__ */ i("ul", { children: /* @__PURE__ */ i("li", { children: o }) })
   ] })
-] }), Xn = C.div`
+] }), Un = C.div`
   display: flex;
   flex-wrap: wrap;
-`, _n = C.div`
+`, qn = C.div`
   ${(e) => ie(e)(
   "h2",
   k`
@@ -3133,7 +3137,7 @@ const Ut = 300, Wo = ({
         font-size: 7em;
       `
 )}
-`, Un = C.div`
+`, Qn = C.div`
   margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -3160,7 +3164,7 @@ const Ut = 300, Wo = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
   }
-`, qn = C.div`
+`, Gn = C.div`
   margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -3171,7 +3175,7 @@ const Ut = 300, Wo = ({
     font-weight: bold;
   }
 `;
-class jo extends ct {
+class Xo extends lt {
   constructor() {
     super(...arguments);
     te(this, "node");
@@ -3213,7 +3217,7 @@ class jo extends ct {
     ) : null;
   }
 }
-const Qn = D(
+const Jn = D(
   ({ className: e, description: t, text: n, children: o, ...r }, s) => /* @__PURE__ */ b(
     xe,
     {
@@ -3228,26 +3232,26 @@ const Qn = D(
     }
   )
 );
-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 = ({
+var eo = /* @__PURE__ */ ((e) => (e.HH_MM = "hh:mm", e.YYYY_MM_DD = "yyyy-mm-dd", e.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", e))(eo || {});
+const _o = ({
   className: e = "",
   format: t = "hh:mm",
   timestamp: n
-}) => /* @__PURE__ */ i("span", { className: M(e, "humany-timestamp"), children: 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
+}) => /* @__PURE__ */ i("span", { className: M(e, "humany-timestamp"), children: to(n, t) }), ze = (e) => `0${e}`.slice(-2);
+function to(e, t) {
+  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), r = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], s = n.getFullYear(), c = n.getMonth() + 1, h = n.getDate(), a = `${s}-${ze(c)}-${ze(
+    h
   )}`;
   return t === "yyyy-mm-dd" ? a : t === "hh:mm" ? r : `${a} ${r}`;
 }
-const Yo = ({
+const Uo = ({
   className: e,
   children: t,
   content: n,
   sticky: o = !1,
   ...r
 }) => {
-  const [s, c] = w(!1), u = L(_()), a = L(), [{ x: l, y: d }, h] = je(s, u.current, a.current), f = (m) => {
+  const [s, c] = w(!1), h = L(_()), a = L(), [{ x: l, y: d }, u] = je(s, h.current, a.current), f = (m) => {
     const { target: p } = m;
     !a.current || !p || a.current !== p && !a.current.contains(p) && c(!1);
   };
@@ -3259,12 +3263,12 @@ const Yo = ({
   }, [s, o]);
   const g = E(
     (m, p) => {
-      h(m, a.current), c(p);
+      u(m, a.current), c(p);
     },
-    [h, c]
+    [u, c]
   );
   return /* @__PURE__ */ b(
-    eo,
+    no,
     {
       ref: a,
       className: "humany-tooltip-trigger",
@@ -3275,7 +3279,7 @@ const Yo = ({
       children: [
         t,
         s && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(
-          to,
+          oo,
           {
             className: M(e, "humany-tooltip-container"),
             x: l,
@@ -3287,10 +3291,10 @@ const Yo = ({
       ]
     }
   );
-}, eo = C.div`
+}, no = C.div`
   display: flex;
   align-items: center;
-`, to = C.div`
+`, oo = C.div`
   color: #ffffff;
   background: #161616;
   border-radius: ${(e) => e.theme.borderRadius};
@@ -3326,7 +3330,7 @@ const Yo = ({
   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;
 }};
-`, Xo = (e) => {
+`, qo = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
@@ -3351,12 +3355,12 @@ const Yo = ({
           }
         };
       if (typeof c == "object") {
-        const { enter: h, exit: f } = c;
+        const { enter: u, exit: f } = c;
         return {
           enter: {
             transitionKeys: (l = c.enter) == null ? void 0 : l.type,
             duration: r ? typeof r == "number" ? r : r.enter : 200,
-            easing: h.easing ? h.easing : "ease-in"
+            easing: u.easing ? u.easing : "ease-in"
           },
           exit: {
             transitionKeys: (d = c.enter) == null ? void 0 : d.type,
@@ -3368,7 +3372,7 @@ const Yo = ({
     }
   })();
   return /* @__PURE__ */ i(
-    dt,
+    ut,
     {
       timeout: {
         enter: a && a.enter.duration || 0,
@@ -3382,7 +3386,7 @@ const Yo = ({
       children: (l) => s && s(l, a && he.compose(l, a))
     }
   );
-}, no = D(
+}, ro = D(
   ({
     className: e,
     children: t,
@@ -3392,18 +3396,18 @@ const Yo = ({
     activationOptions: r,
     ...s
   }, c) => {
-    const u = B(), a = () => {
-      const { implementation: h } = u.get("$widget");
-      return h.widgets.get(o);
+    const h = B(), a = () => {
+      const { implementation: u } = h.get("$widget");
+      return u.widgets.get(o);
     };
     v(() => {
-      const h = a();
-      return h == null || h.activate(r).then(() => h.invoke("attach")), () => {
-        h == null || h.deactivate();
+      const u = a();
+      return u == null || u.activate(r).then(() => u.invoke("attach")), () => {
+        u == null || u.deactivate();
       };
     }, [o]);
-    const l = (h) => {
-      const f = a(), g = h.currentTarget;
+    const l = (u) => {
+      const f = a(), g = u.currentTarget;
       if (f) {
         const m = () => {
           f.invoke("renderState").then(
@@ -3412,7 +3416,7 @@ const Yo = ({
             f.events.subscribeOnce(
               "widget:area-rendered",
               (p, y) => {
-                u.get(
+                h.get(
                   "widgetDOMElement"
                 ) && f.events.dispatch("widget:modal-opened", {
                   name: f.name,
@@ -3422,18 +3426,18 @@ const Yo = ({
             );
           });
         };
-        f.state === ht.Deactivated ? f.activate(r).then(() => f.invoke("attach")).then(m) : m();
+        f.state === ft.Deactivated ? f.activate(r).then(() => f.invoke("attach")).then(m) : m();
       }
-    }, d = (h) => {
-      h.key === "Enter" && (h.preventDefault(), l(h));
+    }, d = (u) => {
+      u.key === "Enter" && (u.preventDefault(), l(u));
     };
     return /* @__PURE__ */ i(
       xe,
       {
         className: M(e, "humany-widget-link"),
         onKeyDown: d,
-        onClick: (h) => {
-          n(h), l(h);
+        onClick: (u) => {
+          n(u), l(u);
         },
         ...s,
         ref: c,
@@ -3441,7 +3445,7 @@ const Yo = ({
       }
     );
   }
-), _o = D(
+), Qo = D(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
     const r = B(), s = re(() => {
       if (!r)
@@ -3450,7 +3454,7 @@ const Yo = ({
       return !c || !c.childElementCount ? null : c.children[0];
     }, [r]);
     return s ? /* @__PURE__ */ i(q, { elementId: e, parent: s, children: /* @__PURE__ */ i(
-      oo,
+      io,
       {
         className: M(
           "humany-widget-overlay-outlet",
@@ -3461,7 +3465,7 @@ const Yo = ({
       }
     ) }) : null;
   }
-), oo = C.div`
+), io = C.div`
   background-color: #ffffff;
   position: absolute;
   top: 0;
@@ -3471,101 +3475,103 @@ const Yo = ({
   z-index: 10;
   width: 100%;
   height: 100%;
-`, Uo = (e, t, n, o, r) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
+`, Go = (e, t, n, o, r) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
   t,
-  lt(() => n)
-), Ct(e, t, o || (() => {
+  dt(() => n)
+), yt(e, t, o || (() => {
 }), t, r)));
 export {
-  Nt as AnchorLink,
+  Dt as AnchorLink,
   se as Button,
-  bo as Checkbox,
-  Bt as ColumnContext,
+  xo as Checkbox,
+  Vt as ColumnContext,
   Ze as ComponentNodeContext,
-  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,
+  Wt as ComponentPropertyContext,
+  Ko as Confirm,
+  Bt as ContainerContext,
+  It as ConversationContext,
+  eo as DateFormats,
+  Io as Drawer,
+  Ut as DrawerAnimationType,
+  Oo as Dropdown,
+  rn as Empty,
+  Ao as Grid,
   Ke as Html,
-  an as Icon,
-  Oo as Input,
-  dn as ItemList,
-  Ao as ItemTree,
-  Rn as Lightbox,
+  cn as Icon,
+  Fo as Input,
+  un as ItemList,
+  Po as ItemTree,
+  Tn as Lightbox,
   xe as Link,
-  cn as List,
-  Fn as Modal,
-  Po as NotFound,
-  Ye as Overlay,
-  ln as Paragraph,
+  ln as List,
+  jn as Modal,
+  Yo as NotFound,
+  Xe as Overlay,
+  dn as Paragraph,
   q as Portal,
-  un as RouteLink,
-  Wt as RoutingContext,
+  hn as RouteLink,
+  Zt as RoutingContext,
   De as StyledText,
   Q as SymbolBadge,
-  jo as TabStop,
+  Xo as TabStop,
   be as Text,
-  Qn as TextLink,
-  Ko as Timestamp,
-  Yo as Tooltip,
-  Xo as TransitionComponent,
+  Jn as TextLink,
+  _o as Timestamp,
+  Uo as Tooltip,
+  qo as TransitionComponent,
   X as Typography,
-  no as WidgetLink,
-  _o as WidgetOverlayOutlet,
+  ro as WidgetLink,
+  Qo as WidgetOverlayOutlet,
   O as borderTabStyle,
   Ne as browser,
-  Ft as buttonCss,
+  Pt as buttonCss,
   Pe as contentBox,
   z as convertToStringAttributes,
-  yo as createEmptyComponent,
-  Uo as createReactComponent,
-  Tt as defaultRenderInstructions,
-  Lt as embeddedLinkMapper,
+  vo as createEmptyComponent,
+  Go as createReactComponent,
+  Nt as defaultRenderInstructions,
+  Mt as embeddedLinkMapper,
   We as filterCssProps,
-  Mt as filterCssPropsStyle,
-  St as genericHashLink,
-  Vo as genericHtml,
+  St as filterCssPropsStyle,
+  Et as genericHashLink,
+  Zo as genericHtml,
+  jo as getHumanyIsTabbing,
   ie as headingElement,
-  Ht as imageLightboxRenderer,
-  Do as invertedHoverButton,
-  Bo as itemList,
-  Pt as linkTabStyle,
-  jt as list,
-  zo as paddedBorderTabStyle,
+  Tt as imageLightboxRenderer,
+  Bo as invertedHoverButton,
+  Wo as itemList,
+  jt as linkTabStyle,
+  Kt as list,
+  Vo as paddedBorderTabStyle,
   Rt as processHtmlString,
+  mn as setHumanyIsTabbing,
   he as transitionComposer,
-  vo as useAction,
-  xo as useChildren,
-  wo as useColumns,
-  ko as useComponent,
+  wo as useAction,
+  ko as useChildren,
+  $o as useColumns,
+  Lo as useComponent,
   pe as useComponentDescriptor,
   Ce as useComponentNode,
   Y as useComponentPlatform,
   B as useContainer,
-  It as useContext,
-  $o as useConversation,
-  Lo as useDispatch,
+  Ot as useContext,
+  Mo as useConversation,
+  So as useDispatch,
   W as useEventListener,
-  Ot as useEvents,
+  At as useEvents,
   Z as useIsMounted,
-  Mo as useIsTabbing,
+  Eo as useIsTabbing,
   j as useKeyPress,
-  So as useLayout,
+  Ho as useLayout,
   Ie as usePrevious,
-  Eo as useProperties,
-  Ro as useRenderState,
-  Ho as useRouteData,
+  Ro as useProperties,
+  To as useRenderState,
+  No as useRouteData,
   Oe as useRouter,
   Ae as useScroll,
-  To as useSettings,
+  Do as useSettings,
   Fe as useToggle,
-  No as useTransitionEnd,
+  zo as useTransitionEnd,
   ye as useUniqueMenu,
   ae as useWidgetEvent
 };