@telia-ace/widget-ui 1.3.12 → 1.3.13-rc.1

package/index.mjs

@@ -1,12 +1,12 @@
 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 Ve } from "@emotion/react";
-import { kebabCase as st, appendClassNames as $, uuid as U, removeNullAndUndefinedValues as Re, Logger as ue } from "@telia-ace/widget-utilities";
-import { jsx as i, jsxs as b, Fragment as _ } from "react/jsx-runtime";
+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 { jsx as i, jsxs as b, Fragment as U } from "react/jsx-runtime";
 import C from "@emotion/styled";
-import oe, { forwardRef as H, createContext as K, useContext as P, useState as w, useEffect as v, useRef as L, useCallback as M, useImperativeHandle as ge, createElement as at, useMemo as re, Component as ct, lazy as lt } from "react";
-import { CSSTransition as Ne, Transition as ut } from "react-transition-group";
+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 { 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";
@@ -122,7 +122,7 @@ const De = () => {
     return "edge-chromium";
   if ((f || l) && a)
     return "blink";
-}, kt = ["string", "number"], D = (e) => Object.keys(e).reduce(
+}, kt = ["string", "number"], T = (e) => Object.keys(e).reduce(
   (t, n) => {
     const o = typeof e[n] > "u" ? "" : e[n], r = typeof o;
     if (kt.indexOf(r) > -1) {
@@ -133,7 +133,7 @@ const De = () => {
     return t;
   },
   {}
-), g1 = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ i(nn, { ...t }) : null, $t = (e) => new RegExp("^#", "i").test(e), Lt = (e) => ({ children: t, ...n }) => {
+), p1 = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ i(nn, { ...t }) : null, $t = (e) => new RegExp("^#", "i").test(e), Lt = (e) => ({ children: t, ...n }) => {
   const {
     implementation: o,
     name: r
@@ -146,7 +146,7 @@ const De = () => {
   if (a && a.length >= 4) {
     const l = a[4];
     if (o.widgets.get(l) && !l.startsWith("blob?") && !l.startsWith(r))
-      return /* @__PURE__ */ i(e1, { widgetName: l, children: t });
+      return /* @__PURE__ */ i(t1, { widgetName: l, children: t });
   }
   return /* @__PURE__ */ i("a", { ...n, children: t });
 }, We = (e) => {
@@ -198,18 +198,18 @@ const De = () => {
 function Et(e, t) {
   return t ? He(e, t) : He(e);
 }
-const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht = (e, t) => ({
+const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht = (e, t) => ({
   transform: {
     a: Lt(e),
     img: Rt(t)
   }
-}), zt = (e) => St(e, "a"), se = H(
+}), zt = (e) => St(e, "a"), se = D(
   ({ className: e, children: t, ...n }, o) => /* @__PURE__ */ i(
     Dt,
     {
       type: "button",
       className: $(e, "humany-button"),
-      ...D(n),
+      ...T(n),
       ref: o,
       children: t
     }
@@ -227,7 +227,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   line-height: normal;
   margin: 0;
   padding: 0;
-`, p1 = ({
+`, C1 = ({
   onChange: e = () => {
   },
   onEnter: t = () => {
@@ -244,17 +244,17 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     },
     autoComplete: o,
     onChange: (s) => e(s.target.value, s.currentTarget.checked),
-    ...D(r)
+    ...T(r)
   }
 ), Bt = K(new dt()), Tt = K(1), Ze = K({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), Vt = K(
+}), Nt = K(
   {}
-), Nt = K(null), Wt = K(null), pe = () => P(Ze), T = () => P(Bt), C1 = (e, t) => {
-  const n = pe().id, o = T();
+), Vt = K(null), Wt = K(null), pe = () => P(Ze), N = () => P(Bt), y1 = (e, t) => {
+  const n = pe().id, o = N();
   return (r, s) => {
     (t || o).getAsync("actionResolver").then((c) => {
       c.action(e || n, r, s);
@@ -268,13 +268,13 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
       r(s);
     }
   }, [e, t.id, n]), o;
-}, W = () => {
+}, Z = () => {
   const e = L(!1);
   return v(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
 }, Y = (e) => {
-  const t = T(), [n, o] = w(null), r = W();
+  const t = N(), [n, o] = w(null), r = Z();
   return v(() => {
     ft.getInstance(e || t).then(
       (s) => {
@@ -282,8 +282,8 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
       }
     );
   }, [r]), n;
-}, y1 = () => {
-  const e = Ce(), t = Y(), [n, o] = w([]), r = W(), s = M(
+}, b1 = () => {
+  const e = Ce(), t = Y(), [n, o] = w([]), r = Z(), s = S(
     (c) => {
       if (t && r.current && c) {
         const d = t.getBranch(c), a = c.getChildren(d).map((l) => mt(l));
@@ -308,8 +308,8 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
       };
     }
   }, [e, t, s]), n;
-}, b1 = () => P(Tt), v1 = (e, t) => {
-  const n = pe(), o = T(), [r, s] = w(void 0), c = W(), d = e || n.type || "";
+}, v1 = () => P(Tt), x1 = (e, t) => {
+  const n = pe(), o = N(), [r, s] = w(void 0), c = Z(), d = e || n.type || "";
   return v(() => {
     if (d) {
       let a;
@@ -327,7 +327,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     }
   }, [c, d, t, o]), r;
 }, Zt = (e) => {
-  const t = Ce(e), n = Y(), [o, r] = w({}), s = W();
+  const t = Ce(e), n = Y(), [o, r] = w({}), s = Z();
   return v(() => {
     t && s.current && r(t.attributes.context);
   }, [s, t]), v(() => {
@@ -343,11 +343,11 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
       };
     }
   }, [s, n, t]), o;
-}, x1 = () => P(Wt), w1 = () => {
+}, w1 = () => P(Wt), k1 = () => {
   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 || U());
+      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));
       }), o(null));
@@ -360,7 +360,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
       reject: l
     });
   }) : r.dispatch(c, d);
-}, N = (e, t, n = window, o = () => !0) => {
+}, W = (e, t, n = window, o = () => !0) => {
   const r = L(() => {
   });
   v(() => {
@@ -374,9 +374,9 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     };
   }, [e, n]);
 }, It = (e) => {
-  const t = T(), { events: n } = (e || t).get("$widget");
+  const t = N(), { events: n } = (e || t).get("$widget");
   return n;
-}, k1 = () => {
+}, $1 = () => {
   const [e, t] = w(!1);
   return v(() => {
     const n = () => {
@@ -389,21 +389,21 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     };
   }, []), e;
 }, j = (e, t) => {
-  const [n, o] = w(!1), r = M(
+  const [n, o] = w(!1), r = S(
     (c) => {
       const { key: d } = c;
       d === e && (o(!0), t && t(c));
     },
     [o, t]
-  ), s = M(
+  ), s = S(
     ({ key: c }) => {
       c === e && o(!1);
     },
     [o]
   );
-  return N("keydown", r, window), N("keyup", s, window), n;
-}, $1 = (e) => {
-  const t = Ce(e), n = Y(), [o, r] = w({}), s = W();
+  return W("keydown", r, window), W("keyup", s, window), n;
+}, L1 = (e) => {
+  const t = Ce(e), n = Y(), [o, r] = w({}), s = Z();
   return v(() => {
     t && s.current && r(t.attributes.layout);
   }, [t, s]), v(() => {
@@ -424,8 +424,8 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   return v(() => {
     t.current = e;
   }), t.current;
-}, L1 = () => P(Vt), M1 = (e) => {
-  const [t, n] = w(), o = T(), r = W();
+}, M1 = () => P(Nt), S1 = (e) => {
+  const [t, n] = w(), o = N(), r = Z();
   return v(() => {
     let s;
     const c = (e || o).get("$widget");
@@ -451,11 +451,11 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
       s && s();
     };
   }, [r]), t;
-}, Oe = () => P(Nt), S1 = (e) => {
-  const t = T(), n = Oe(), [o, r] = w({
+}, Oe = () => P(Vt), E1 = (e) => {
+  const t = N(), n = Oe(), [o, r] = w({
     name: "",
     params: {}
-  }), s = W();
+  }), s = Z();
   return v(() => {
     const c = (e || t).get("$widget");
     if (!c)
@@ -479,40 +479,40 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
 }, Ae = (e) => {
   const t = L(), n = L(0);
   let o;
-  const r = M(() => {
+  const r = S(() => {
     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");
     }, 500);
-  }, [t]), s = M(
+  }, [t]), s = S(
     (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 = M(
+  ), 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(
     (l) => {
       if (!l.cancelable)
         return;
       const u = l.touches[0].clientY, h = c(l.target);
       if (!h)
         return;
-      const f = h.scrollTop, m = n.current - u < 0 ? "up" : "down", p = f <= 0 && m === "up", g = f >= h.scrollHeight - h.offsetHeight && m === "down";
-      (p || g) && l.preventDefault(), n.current = u;
+      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;
     },
     [t, n]
   );
-  return N(
+  return W(
     "scroll",
     r,
     t.current,
     () => t.current && e
-  ), N(
+  ), W(
     "touchstart",
     s,
     t.current,
     () => t.current && e
-  ), N(
+  ), W(
     "touchmove",
     a,
     t.current,
@@ -546,44 +546,44 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
             background-color: #7F7F7F;
         }
     }
-`, E1 = () => {
-  const [e, t] = w(null), n = T(), o = W();
+`, R1 = () => {
+  const [e, t] = w(null), n = N(), o = Z();
   return v(() => {
     n.get("settings").then((r) => {
       o.current && t(r);
     });
   }, [o]), e;
 }, Fe = (e = !1) => {
-  const [t, n] = w(e), o = M((r) => {
+  const [t, n] = w(e), o = S((r) => {
     n(typeof r == "boolean" ? r : (s) => !s);
   }, []);
   return [t, o];
-}, R1 = (e) => {
-  const t = T(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = w(null), [c, d] = w(null), a = W();
+}, H1 = (e) => {
+  const t = N(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = w(null), [c, d] = 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))
         e();
       else {
-        const f = (g = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${g}"]`), m = f(h == null ? void 0 : h.id);
+        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 p = f(u == null ? void 0 : u.id);
-        p && d(p);
+        const g = f(u == null ? void 0 : u.id);
+        g && d(g);
       }
     }
   }, [n, t, a]);
-  const l = M(
+  const l = S(
     (u) => {
       a.current && (u.target === r || u.target === c) && e();
     },
     [e, a, r, c]
   );
-  N(
+  W(
     "transitionend",
     l,
     r
-  ), N(
+  ), W(
     "transitionend",
     l,
     c
@@ -603,13 +603,13 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     r !== e && t();
   });
   return () => n(e);
-}, be = H(
+}, be = D(
   ({ className: e, children: t, ...n }, o) => /* @__PURE__ */ i(
     "span",
     {
       ref: o,
       className: $(e, "humany-text"),
-      ...D(n),
+      ...T(n),
       children: t
     }
   )
@@ -634,7 +634,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { 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};
 `;
-}, H1 = (e) => {
+}, z1 = (e) => {
   var c;
   const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: s } = e;
   return k`
@@ -682,7 +682,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
 }, Ft = (e) => k`
   ${O(e)}
   text-decoration: underline;
-`, z1 = (e) => {
+`, D1 = (e) => {
   var t;
   return k`
   ${O(e)}
@@ -749,7 +749,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     margin: 0;
   }
 `;
-}, D1 = (e) => {
+}, B1 = (e) => {
   var t, n, o, r;
   return k`
   > div {
@@ -785,7 +785,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     `
   )}
 `;
-}, B1 = (e) => {
+}, T1 = (e) => {
   var t, n, o, r, s, c;
   return k`
   font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
@@ -1482,7 +1482,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   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 Ut = 300, T1 = ({
+const _t = 300, N1 = ({
   className: e,
   children: t,
   header: n,
@@ -1495,33 +1495,33 @@ const Ut = 300, T1 = ({
     /* SlideInBottom */
   }
 }) => {
-  const { duration: a = Ut } = d, l = L(), u = L(), [h, f] = Ae(!0), [m, p] = Fe(), g = Ie(m), y = L(U());
+  const { duration: a = _t } = d, l = L(), u = L(), [h, f] = Ae(!0), [m, g] = Fe(), p = Ie(m), y = L(_());
   v(() => {
     o && o(m);
   }, [m]);
-  const S = j("Escape");
+  const M = j("Escape");
   v(() => {
-    S && p(!1);
-  }, [S]), N(
+    M && g(!1);
+  }, [M]), W(
     "click",
-    (z) => {
-      const { target: Z } = z;
-      !u.current || !f.current || !Z || u.current !== Z && f.current !== Z && !f.current.contains(Z) && !u.current.contains(Z) && p(!1);
+    (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);
     },
     window
   );
   const R = ye(y.current, () => {
-    p(!1);
+    g(!1);
   });
   ae("router:changed", () => {
-    p(!1);
+    g(!1);
   }), v(() => {
-    m && l.current ? l.current.focus() : !m && u.current && g && u.current.focus();
+    m && l.current ? l.current.focus() : !m && u.current && p && u.current.focus();
   }, [m, l.current, u.current]);
-  const V = en[d.type];
-  return /* @__PURE__ */ b(_, { children: [
+  const B = en[d.type];
+  return /* @__PURE__ */ b(U, { children: [
     /* @__PURE__ */ i(
-      Ne,
+      Ve,
       {
         in: m,
         className: "humany-drawer-transition",
@@ -1529,7 +1529,7 @@ const Ut = 300, T1 = ({
         unmountOnExit: !0,
         timeout: a,
         children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
-          V,
+          B,
           {
             duration: a,
             fullScreen: s,
@@ -1545,14 +1545,14 @@ const Ut = 300, T1 = ({
               /* @__PURE__ */ i(
                 ve,
                 {
-                  onClick: () => p(!1),
+                  onClick: () => g(!1),
                   tabIndex: 0,
                   ref: l,
                   "aria-label": c,
                   children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
                 }
               ),
-              !!n && /* @__PURE__ */ i(_t, { variant: "h1", className: "humany-drawer-header", children: n }),
+              !!n && /* @__PURE__ */ i(Ut, { variant: "h1", className: "humany-drawer-header", children: n }),
               t
             ]
           }
@@ -1560,8 +1560,8 @@ const Ut = 300, T1 = ({
       }
     ),
     oe.cloneElement(r, {
-      onClick: (z) => {
-        p(), R();
+      onClick: (H) => {
+        g(), R();
       },
       ref: u,
       "aria-label": r.props.title,
@@ -1585,7 +1585,7 @@ const Ut = 300, T1 = ({
   box-shadow: ${(e) => e.theme.boxShadow};
   background: #ffffff;
   ${(e) => e.css && e.css}
-`, _t = C(X)`
+`, Ut = C(X)`
   padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1700,7 +1700,7 @@ const Ut = 300, T1 = ({
     /* SlideInTop */
   ]: Jt
 }, je = (e, t, n) => {
-  const [o, r] = w(0), [s, c] = w(0), d = M(
+  const [o, r] = w(0), [s, c] = w(0), d = S(
     (a, l) => {
       if (a.preventDefault(), l) {
         const u = l.getBoundingClientRect();
@@ -1728,30 +1728,30 @@ const Ut = 300, T1 = ({
   }, s) => {
     const c = L(), d = L(), a = L();
     ge(s, () => a.current, [a.current]);
-    const l = L(U()), [u, h] = w(!1), f = Ie(u), [{ x: m, y: p }, g] = je(u, l.current, a.current), y = j("Escape");
+    const l = L(_()), [u, h] = w(!1), f = Ie(u), [{ x: m, y: g }, p] = je(u, 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]), N(
+    }, [u, c.current, d.current]), W(
       "click",
-      (V) => {
-        const { target: z } = V;
-        !a.current || !z || a.current !== z && !a.current.contains(z) && h(!1);
+      (B) => {
+        const { target: H } = B;
+        !a.current || !H || a.current !== H && !a.current.contains(H) && h(!1);
       },
       window
     ), ae("router:changed", () => {
       h(!1);
     });
-    const S = ye(l.current, () => {
+    const M = ye(l.current, () => {
       h(!1);
-    }), R = M(
-      (V) => {
-        V.stopPropagation(), g(V, d.current), h(!u), S();
+    }), R = S(
+      (B) => {
+        B.stopPropagation(), p(B, d.current), h(!u), M();
       },
-      [S, g, h]
+      [M, p, h]
     );
-    return /* @__PURE__ */ b(_, { children: [
+    return /* @__PURE__ */ b(U, { children: [
       u && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
         tn,
         {
@@ -1762,7 +1762,7 @@ const Ut = 300, T1 = ({
           ),
           ...r,
           x: m,
-          y: p,
+          y: g,
           ref: a,
           children: [
             /* @__PURE__ */ i(
@@ -1804,7 +1804,7 @@ const Ut = 300, T1 = ({
 }};
 `, nn = ({ ...e }) => /* @__PURE__ */ i(on, { ...e }), on = C.div`
   display: none;
-`, N1 = H(
+`, W1 = D(
   ({ children: e, columns: t, gap: n, className: o, ...r }, s) => /* @__PURE__ */ i(
     rn,
     {
@@ -1812,7 +1812,7 @@ const Ut = 300, T1 = ({
       "data-columns": t,
       "data-gap": n,
       ...We(r),
-      ...D(r),
+      ...T(r),
       ref: s,
       children: e
     }
@@ -1824,9 +1824,9 @@ const Ut = 300, T1 = ({
   justify-content: center;
   grid-auto-rows: max-content;
   ${Mt}
-`, Ke = H(
+`, Ke = D(
   ({ htmlParseInstruction: e = null, className: t, html: n, ...o }, r) => {
-    const s = T(), [c, d] = w();
+    const s = N(), [c, d] = w();
     return v(() => {
       const a = Ht(s, n), l = {
         ...a,
@@ -1841,7 +1841,7 @@ const Ut = 300, T1 = ({
       "div",
       {
         className: $(t, "humany-html"),
-        ...D(o),
+        ...T(o),
         ref: r,
         children: c
       }
@@ -1859,9 +1859,9 @@ const Ut = 300, T1 = ({
     className: $(n, `fa fa-${e}`),
     title: t,
     role: o,
-    ...D(r)
+    ...T(r)
   }
-), W1 = H(
+), Z1 = D(
   ({
     className: e = "",
     autoFocus: t = !1,
@@ -1883,18 +1883,18 @@ const Ut = 300, T1 = ({
       var y;
       t && ((y = m == null ? void 0 : m.current) == null || y.focus());
     }, [t, u, m]);
-    const p = (y, S) => {
-      f(y), n && n(y), s && y && S.target.select();
-    }, g = {
-      ...D(l),
+    const g = (y, M) => {
+      f(y), n && n(y), s && y && M.target.select();
+    }, p = {
+      ...T(l),
       disabled: d,
       autoFocus: t,
       type: a,
       onKeyDown: (y) => {
         y.key === "Enter" && h && o(y), y.key === "Escape" && h && r(y);
       },
-      onFocus: (y) => p(!0, y),
-      onBlur: (y) => p(!1, y),
+      onFocus: (y) => g(!0, y),
+      onBlur: (y) => g(!1, y),
       onChange: (y) => c(y.target.value || ""),
       className: $(e, "humany-input"),
       "data-type": a
@@ -1902,18 +1902,18 @@ const Ut = 300, T1 = ({
     return a !== "textarea" ? /* @__PURE__ */ i(
       "input",
       {
-        ...g,
+        ...p,
         ref: m
       }
     ) : /* @__PURE__ */ i(
       "textarea",
       {
-        ...g,
+        ...p,
         ref: m
       }
     );
   }
-), an = H(
+), an = D(
   ({ className: e, items: t, renderItem: n, renderLi: o = !1, ...r }, s) => {
     const c = t.length === 1 && t[0].expanded;
     return /* @__PURE__ */ i(
@@ -1922,7 +1922,7 @@ const Ut = 300, T1 = ({
         role: c ? "none" : void 0,
         className: $(e, "humany-list"),
         "data-item-count": t.length,
-        ...D(r),
+        ...T(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)
@@ -1930,7 +1930,7 @@ const Ut = 300, T1 = ({
       }
     );
   }
-), cn = H(
+), cn = D(
   ({ text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: s, ...c }, d) => {
     var l;
     const a = (l = window.humany) == null ? void 0 : l.deflectionHeaderTag;
@@ -1938,7 +1938,7 @@ const Ut = 300, T1 = ({
       "div",
       {
         className: $(o, "humany-paragraph"),
-        ...D(c),
+        ...T(c),
         ref: d,
         children: [
           n ? /* @__PURE__ */ b(
@@ -1957,7 +1957,7 @@ const Ut = 300, T1 = ({
       }
     );
   }
-), ln = H(
+), ln = D(
   ({
     header: e,
     customHeader: t,
@@ -1976,7 +1976,7 @@ const Ut = 300, T1 = ({
     {
       className: $(r, "humany-item-list"),
       "data-item-count": d.length,
-      ...D(h),
+      ...T(h),
       ref: f,
       children: [
         t || (e || n || o ? /* @__PURE__ */ i(cn, { symbol: c, header: e, text: n, html: o }) : null),
@@ -1993,7 +1993,7 @@ const Ut = 300, T1 = ({
       ]
     }
   )
-), Z1 = ({
+), I1 = ({
   className: e = "",
   tree: t,
   renderItem: n,
@@ -2010,12 +2010,12 @@ const Ut = 300, T1 = ({
       items: h,
       ulProps: c,
       renderItem: (m) => {
-        const { id: p, selected: g, items: y, matches: S } = m, R = g && l(y);
-        return !s && !S ? null : /* @__PURE__ */ at(
+        const { id: g, selected: p, items: y, matches: M } = m, R = p && l(y);
+        return !s && !M ? null : /* @__PURE__ */ at(
           "li",
           {
-            ...D(d),
-            key: p,
+            ...T(d),
+            key: g,
             className: "humany-item-tree-item"
           },
           n && n(m, f, R),
@@ -2028,7 +2028,7 @@ const Ut = 300, T1 = ({
     o && o(!a(t || [])),
     t && u(t, 1)
   ] });
-}, un = H(
+}, un = D(
   ({
     className: e,
     onClick: t = () => {
@@ -2039,7 +2039,7 @@ const Ut = 300, T1 = ({
     children: s,
     ...c
   }, d) => {
-    const a = Oe(), l = T();
+    const a = Oe(), l = N();
     if (!a)
       return null;
     let u = "";
@@ -2052,36 +2052,36 @@ const Ut = 300, T1 = ({
       ref: null
     };
     if (n) {
-      if (!(a.routes || []).find((g) => g.name === n))
+      if (!(a.routes || []).find((p) => p.name === n))
         return process.env.NODE_ENV !== "production" && ue.warn(
           `Unable to create route. No route named "${n}" exist.`
         ), /* @__PURE__ */ i(
           de,
           {
             ...h,
-            onClick: (g) => {
-              t(g), g.preventDefault(), process.env.NODE_ENV !== "production" && ue.warn(
+            onClick: (p) => {
+              t(p), p.preventDefault(), process.env.NODE_ENV !== "production" && ue.warn(
                 `Unable to navigate. No route named "${n}" exist.`
               );
             },
             children: s
           }
         );
-      const p = Object.keys(r).reduce(
-        (g, y) => {
-          const S = r[y];
-          if (Array.isArray(S)) {
-            if (S.length === 0)
-              return g;
-            g[y] = S.map((R) => typeof R == "string" ? encodeURIComponent(R) : R).join(",");
+      const g = Object.keys(r).reduce(
+        (p, y) => {
+          const M = r[y];
+          if (Array.isArray(M)) {
+            if (M.length === 0)
+              return p;
+            p[y] = M.map((R) => typeof R == "string" ? encodeURIComponent(R) : R).join(",");
           } else
-            g[y] = typeof S == "string" ? encodeURIComponent(S) : S;
-          return g;
+            p[y] = typeof M == "string" ? encodeURIComponent(M) : M;
+          return p;
         },
         {}
       );
       try {
-        u = a.generate(n, p || {});
+        u = a.generate(n, g || {});
       } catch {
         return /* @__PURE__ */ i(de, { ...h, ref: h.innerRef, children: s });
       }
@@ -2103,7 +2103,7 @@ const Ut = 300, T1 = ({
     }
     return h.as ? /* @__PURE__ */ i(dn, { ...h, as: h.as, children: s }) : /* @__PURE__ */ i(de, { ...h, to: u, children: s });
   }
-), dn = C.span``, xe = H(
+), dn = C.span``, xe = D(
   ({
     className: e,
     disabled: t = !1,
@@ -2121,7 +2121,8 @@ const Ut = 300, T1 = ({
     params: h,
     ...f
   }, m) => {
-    const p = {
+    var B, H;
+    const g = {
       title: s,
       role: u === "index" || u === "contact-method" || t ? "button" : void 0,
       "aria-expanded": u === "index" ? "false" : void 0,
@@ -2132,49 +2133,83 @@ const Ut = 300, T1 = ({
         !!t,
         "humany-disabled"
       ]),
-      onClick: (g) => {
-        if (g.persist(), t) {
-          g.preventDefault();
+      onClick: (z) => {
+        if (z.persist(), t) {
+          z.preventDefault();
           return;
         }
-        o(g);
+        o(z);
       },
-      onKeyDown: (g) => {
-        if (g.persist(), t) {
-          g.key !== "Tab" && g.preventDefault();
+      onKeyDown: (z) => {
+        if (z.persist(), t) {
+          z.key !== "Tab" && z.preventDefault();
           return;
         }
-        r(g);
+        r(z);
       }
     };
-    return f["data-client-name"] === "custom.link" && (p.role = "link"), u ? /* @__PURE__ */ i(
-      hn,
+    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: [
+      /* @__PURE__ */ i("div", { className: "icon-placeholder" }),
+      /* @__PURE__ */ b("div", { className: "humany-contact-link-rich-content", children: [
+        /* @__PURE__ */ i("span", { children: g.title }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: "inner-span",
+            dangerouslySetInnerHTML: { __html: R }
+          }
+        )
+      ] })
+    ] }) : u ? /* @__PURE__ */ i(
+      fn,
       {
         name: u,
         params: h,
-        ...p,
-        ...D(f),
+        ...g,
+        ...T(f),
         ref: m,
         children: a
       }
     ) : /* @__PURE__ */ i(
-      fn,
+      mn,
       {
         href: d,
         target: l,
-        ...p,
-        ...D(f),
+        ...g,
+        ...T(f),
         ref: m,
         children: a
       }
     );
   }
-), hn = C(un)`
+), hn = C.div`
+  display: flex;
+  opacity: 0.7;
+  .inner-span {
+    font-weight: 300;
+    line-height: 1.5em;
+  }
+  .humany-contact-link-rich-content {
+    color: #333333;
+  }
+  .icon-placeholder {
+    font-size: 1.1em;
+    margin: 0 24px 0 0;
+    min-height: 1.1em;
+    min-width: 1.1em;
+    line-height: 1.1em;
+    display: inline-block;
+    vertical-align: bottom;
+    color: #333333;
+  }
+`, fn = C(un)`
   ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, fn = C.a`
+`, mn = C.a`
   ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
@@ -2187,14 +2222,14 @@ const Ut = 300, T1 = ({
   },
   ...r
 }) => {
-  const s = L(), c = M(
+  const s = L(), c = S(
     (d) => {
       d.target === s.current && o(d);
     },
     [o]
   );
   return /* @__PURE__ */ i(
-    Ne,
+    Ve,
     {
       in: e,
       className: "humany-overlay-transition",
@@ -2202,7 +2237,7 @@ const Ut = 300, T1 = ({
       unmountOnExit: !0,
       timeout: t,
       children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(
-        mn,
+        gn,
         {
           className: "humany-overlay",
           duration: t,
@@ -2214,7 +2249,7 @@ const Ut = 300, T1 = ({
       ) })
     }
   );
-}, mn = C.div`
+}, gn = C.div`
   background: rgba(0, 0, 0, 0.6);
   min-width: 100%;
   min-height: 100%;
@@ -2244,11 +2279,11 @@ const Ut = 300, T1 = ({
   &.humany-overlay-transition-exit-done {
     opacity: 0;
   }
-`, gn = Ve`
+`, pn = Ne`
   100% {
     transform: rotate(360deg);
   }
-`, pn = Ve`
+`, Cn = Ne`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2261,8 +2296,8 @@ const Ut = 300, T1 = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, Cn = C.svg`
-  animation: ${gn} 2s linear infinite;
+`, yn = C.svg`
+  animation: ${pn} 2s linear infinite;
   height: 100%;
   transform-origin: center center;
   width: 100%;
@@ -2273,7 +2308,7 @@ const Ut = 300, T1 = ({
   right: 0;
   margin: auto;
   transition: 200ms ease-out opacity;
-`, yn = C.div`
+`, bn = C.div`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2291,7 +2326,7 @@ const Ut = 300, T1 = ({
   svg {
     opacity: ${(e) => e["data-loading"] ? "1" : "0"};
   }
-`, bn = C.div`
+`, vn = C.div`
   position: relative;
   margin: 0 auto;
   width: 100px;
@@ -2300,23 +2335,23 @@ const Ut = 300, T1 = ({
     display: block;
     padding-top: 100%;
   }
-`, vn = C.circle`
+`, xn = C.circle`
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
-  animation: ${pn} 1.5s ease-in-out infinite;
+  animation: ${Cn} 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;
-`, xn = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ i(
-  yn,
+`, wn = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ i(
+  bn,
   {
     className: $("humany-loader", e),
     "data-loading": t,
-    children: /* @__PURE__ */ i(bn, { className: "humany-spinner", children: /* @__PURE__ */ i(Cn, { viewBox: "25 25 50 50", children: /* @__PURE__ */ i(
-      vn,
+    children: /* @__PURE__ */ i(vn, { className: "humany-spinner", children: /* @__PURE__ */ i(yn, { viewBox: "25 25 50 50", children: /* @__PURE__ */ i(
+      xn,
       {
         cx: "50",
         cy: "50",
@@ -2327,38 +2362,38 @@ const Ut = 300, T1 = ({
       }
     ) }) })
   }
-), wn = ({
+), kn = ({
   zoomState: e,
   image: t,
   changeZoom: n,
   ...o
 }) => {
-  var p;
-  const r = L(null), [s, c] = w(!1), [d, a] = w(!1), { width: l, height: u, ...h } = o.style || {}, f = M(() => {
-    const g = r.current;
-    if (g) {
-      const y = window.innerWidth / g.naturalWidth, S = window.innerHeight / g.naturalHeight, R = Math.min(y, S);
-      return S >= 1 && y >= 1 ? 1 : R;
+  var g;
+  const r = L(null), [s, c] = w(!1), [d, a] = w(!1), { width: l, height: u, ...h } = o.style || {}, f = S(() => {
+    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;
     }
     return 1;
   }, [s, t.src]), m = re(() => {
-    const g = r.current;
-    if (g && s) {
+    const p = r.current;
+    if (p && s) {
       if (!d) {
         a(!0);
         const y = f();
         n(y);
       }
-      return g.naturalWidth >= g.naturalHeight ? [`${e * g.naturalWidth}px`, "auto"] : ["auto", `${e * g.naturalHeight}px`];
+      return p.naturalWidth >= p.naturalHeight ? [`${e * p.naturalWidth}px`, "auto"] : ["auto", `${e * p.naturalHeight}px`];
     }
     return null;
   }, [e, r, s, t.src]);
   return v(() => (c(!1), function() {
     a(!1);
-  }), [t.src]), /* @__PURE__ */ b(_, { children: [
-    /* @__PURE__ */ i(kn, { loading: !s }),
+  }), [t.src]), /* @__PURE__ */ b(U, { children: [
+    /* @__PURE__ */ i($n, { loading: !s }),
     /* @__PURE__ */ i(
-      $n,
+      Ln,
       {
         onLoad: () => {
           c(!0);
@@ -2367,19 +2402,19 @@ const Ut = 300, T1 = ({
         imageSize: m,
         draggable: "false",
         ...o,
-        alt: ((p = o.alt) == null ? void 0 : p.toString()) || "",
+        alt: ((g = o.alt) == null ? void 0 : g.toString()) || "",
         style: h,
         src: t.src,
         loaded: s
       }
     ),
-    /* @__PURE__ */ i(Ln, {})
+    /* @__PURE__ */ i(Mn, {})
   ] });
-}, kn = C(xn)`
+}, $n = C(wn)`
   svg circle {
     stroke: #ffffff;
   }
-`, $n = C.img`
+`, Ln = C.img`
   transform: none;
 
   ${(e) => e.imageSize && k`
@@ -2390,47 +2425,47 @@ const Ut = 300, T1 = ({
   vertical-align: middle;
   position: relative;
   ${(e) => !e.loaded && "display:none;"}
-`, Ln = C.div`
+`, Mn = C.div`
   height: 100%;
   display: inline-block;
   vertical-align: middle;
-`, Mn = () => {
-  const e = L(), [t, n] = w(!0), o = M(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+`, Sn = () => {
+  const e = L(), [t, n] = w(!0), o = S(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
   }), [t, e]);
   return [t, o];
-}, Sn = ({ attrs: e, htmlBody: t }) => {
+}, En = ({ 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] = Mn(), [m, p] = w(null), [g, y] = w(null), S = L(null), R = L(null), V = L(null), z = L(null), Z = L(null), [_e, qe] = w(null);
+  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);
   v(() => {
-    n && p(null);
+    n && g(null);
   }, [n]), v(() => {
     c(1);
   }, [m]), v(() => {
     var I, ee;
     if (m === null || R.current === null)
       return;
-    const x = R.current.firstElementChild, E = (I = V.current) == null ? void 0 : I.querySelector(".nav-left"), B = (ee = V.current) == null ? void 0 : ee.querySelector(".nav-right");
-    if (g === "Right")
-      J && B ? B.focus() : G && E && E.focus();
-    else if (g === "Left")
-      G && E ? E.focus() : J && B && B.focus();
+    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");
+    if (p === "Right")
+      J && V ? V.focus() : G && E && E.focus();
+    else if (p === "Left")
+      G && E ? E.focus() : J && V && V.focus();
     else {
       if (!x)
         return;
       x.focus();
     }
-  }, [m, R, V, g]), v(() => {
+  }, [m, R, B, p]), v(() => {
     if (o) {
       if (G)
         return Le();
     } else if (r && J)
       return Me();
   }, [o, r]), v(() => {
-    var E, B;
-    const x = ((B = (E = Z.current) == null ? void 0 : E.style) == null ? void 0 : B.float) || "";
+    var E, V;
+    const x = ((V = (E = z.current) == null ? void 0 : E.style) == null ? void 0 : V.float) || "";
     (x === "left" || x === "right") && qe(x);
   }, []);
   const A = re(() => {
@@ -2450,27 +2485,27 @@ const Ut = 300, T1 = ({
       },
       []
     );
-  }, [t]), ke = M(() => {
+  }, [t]), ke = S(() => {
     const { src: x } = e;
     if (x) {
-      const E = A.findIndex((B, I) => B.src === x);
-      p(E);
+      const E = A.findIndex((V, I) => V.src === x);
+      g(E);
     }
-  }, [A, e]), Qe = M((x) => {
-    p(null);
-  }, []), $e = M(
+  }, [A, e]), Qe = S((x) => {
+    g(null);
+  }, []), $e = S(
     (x) => {
       c(x ? s + s * 0.25 : s - s * 0.25);
     },
     [c, s]
-  ), Ge = M(() => {
+  ), Ge = S(() => {
     if (m !== null) {
       const { src: x } = A[m];
       x && window.open(x, "_self");
     }
-  }, [A, m]), Je = M(
+  }, [A, m]), Je = S(
     (x) => {
-      const E = z.current;
+      const E = H.current;
       E && (a({
         top: E.scrollTop,
         left: E.scrollLeft,
@@ -2478,33 +2513,33 @@ const Ut = 300, T1 = ({
         y: x.clientY
       }), u(!0));
     },
-    [z]
-  ), et = M(
+    [H]
+  ), et = S(
     (x) => {
-      const E = z.current;
+      const E = H.current;
       if (E && l) {
-        const B = x.clientX - d.x, I = x.clientY - d.y;
-        E.scrollTop = d.top - I, E.scrollLeft = d.left - B;
+        const V = x.clientX - d.x, I = x.clientY - d.y;
+        E.scrollTop = d.top - I, E.scrollLeft = d.left - V;
       }
     },
     [l, d]
   ), tt = (x) => {
     x.preventDefault(), u(!1);
   }, nt = re(() => {
-    if (z.current) {
-      const x = z.current.getElementsByTagName("img");
+    if (H.current) {
+      const x = H.current.getElementsByTagName("img");
       if (x && x.length) {
         const E = x[0];
         return E.width > window.innerWidth || E.height > window.innerHeight;
       }
     }
     return !1;
-  }, [z, s]), Le = () => {
-    m !== null && (y("Left"), p(m - 1));
+  }, [H, s]), Le = () => {
+    m !== null && (y("Left"), g(m - 1));
   }, Me = () => {
-    m !== null && (y("Right"), p(m + 1));
+    m !== null && (y("Right"), g(m + 1));
   }, G = m !== null && m > 0 && A.length > 1, J = m !== null && A.length - 1 > m;
-  return /* @__PURE__ */ b(_, { children: [
+  return /* @__PURE__ */ b(U, { children: [
     /* @__PURE__ */ i(Ye, { visible: m !== null, onClick: Qe, children: /* @__PURE__ */ b(
       Vn,
       {
@@ -2513,8 +2548,8 @@ const Ut = 300, T1 = ({
         onTouchStart: () => f(),
         onKeyDown: () => f(),
         children: [
-          /* @__PURE__ */ i(Nn, { show: h.toString(), children: /* @__PURE__ */ i(
-            zn,
+          /* @__PURE__ */ i(Wn, { show: h.toString(), children: /* @__PURE__ */ i(
+            Dn,
             {
               ref: R,
               buttons: [
@@ -2526,7 +2561,7 @@ const Ut = 300, T1 = ({
                 },
                 {
                   id: "lightbox-close",
-                  onClick: () => p(null),
+                  onClick: () => g(null),
                   icon: "lightbox-close",
                   ariaLabel: "Close"
                 }
@@ -2534,16 +2569,16 @@ const Ut = 300, T1 = ({
             }
           ) }),
           /* @__PURE__ */ i(
-            Zn,
+            In,
             {
               scrolling: l.toString(),
               isDraggable: nt.toString(),
-              ref: z,
+              ref: H,
               onMouseMove: et,
               onMouseDown: Je,
               onMouseUp: tt,
               children: m !== null && /* @__PURE__ */ i(
-                wn,
+                kn,
                 {
                   changeZoom: (x) => {
                     c(x);
@@ -2560,9 +2595,9 @@ const Ut = 300, T1 = ({
             }
           ),
           /* @__PURE__ */ i(
-            Bn,
+            Tn,
             {
-              ref: V,
+              ref: B,
               show: h.toString(),
               buttons: [
                 {
@@ -2586,9 +2621,9 @@ const Ut = 300, T1 = ({
               ]
             }
           ),
-          /* @__PURE__ */ b(Wn, { show: h.toString(), children: [
+          /* @__PURE__ */ b(Zn, { show: h.toString(), children: [
             /* @__PURE__ */ i(
-              Dn,
+              Bn,
               {
                 buttons: [
                   {
@@ -2606,7 +2641,7 @@ const Ut = 300, T1 = ({
                 ]
               }
             ),
-            /* @__PURE__ */ b(Tn, { variant: "span", children: [
+            /* @__PURE__ */ b(Nn, { variant: "span", children: [
               Math.trunc(s * 100),
               "%"
             ] })
@@ -2615,29 +2650,29 @@ const Ut = 300, T1 = ({
       }
     ) }),
     /* @__PURE__ */ i(
-      En,
+      Rn,
       {
-        ref: S,
+        ref: M,
         onClick: ke,
         onKeyDown: (x) => {
           x.key === "Enter" && (x.preventDefault(), ke());
         },
-        alignment: _e,
+        alignment: Ue,
         tabIndex: 0,
         children: /* @__PURE__ */ i(
-          In,
+          On,
           {
             ...e,
             alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "",
-            ref: Z
+            ref: z
           }
         )
       }
     )
   ] });
-}, we = H(
+}, we = D(
   ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ i(
-    Rn,
+    Hn,
     {
       ref: o,
       show: e,
@@ -2652,7 +2687,7 @@ const Ut = 300, T1 = ({
           icon: l,
           className: u
         }, h) => /* @__PURE__ */ i(
-          Hn,
+          zn,
           {
             circle: s.toString(),
             onClick: a,
@@ -2675,20 +2710,20 @@ const Ut = 300, T1 = ({
           opacity: 0;
           pointer-events: none;
         `}
-`, En = C(xe)`
+`, Rn = C(xe)`
   display: inline-block !important;
 
   ${(e) => (e.alignment === "right" || e.alignment === "left") && k`
       float: ${e.alignment};
     `}
-`, Rn = C(Xe)`
+`, Hn = C(Xe)`
   position: fixed;
   display: flex;
   gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, me = "39px", Hn = C(se)`
+`, me = "39px", zn = C(se)`
   width: ${me};
   height: ${me};
   display: flex;
@@ -2753,7 +2788,7 @@ const Ut = 300, T1 = ({
           opacity: 0;
           pointer-events: none;
         `}
-`, zn = C(we)`
+`, Dn = C(we)`
   top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2762,7 +2797,7 @@ const Ut = 300, T1 = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, Dn = C(we)`
+`, Bn = C(we)`
   bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2770,7 +2805,7 @@ const Ut = 300, T1 = ({
   width: 100%;
   align-items: center;
   justify-content: center;
-`, Bn = C(we)`
+`, Tn = C(we)`
   display: block;
   button {
     position: fixed;
@@ -2788,7 +2823,7 @@ const Ut = 300, T1 = ({
 }};
     }
   }
-`, Tn = C(X)`
+`, Nn = C(X)`
   position: fixed;
   bottom: ${(e) => {
   var t;
@@ -2807,7 +2842,7 @@ const Ut = 300, T1 = ({
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
 }};
-`, Ue = C(Xe)`
+`, _e = C(Xe)`
   position: absolute;
   width: 100vw;
   height: 88px;
@@ -2815,21 +2850,21 @@ const Ut = 300, T1 = ({
   z-index: 5;
 `, Vn = C.div`
   width: 100%;
-`, Nn = C(Ue)`
+`, Wn = C(_e)`
   top: 0px;
   background-image: linear-gradient(
     to bottom,
     rgb(34, 34, 34, 0.8),
     rgba(34, 34, 34, 0)
   );
-`, Wn = C(Ue)`
+`, Zn = C(_e)`
   bottom: 0px;
   background-image: linear-gradient(
     to top,
     rgb(34, 34, 34, 0.8),
     rgba(34, 34, 34, 0)
   );
-`, Zn = C.div`
+`, In = C.div`
   width: 100%;
   height: 100vh;
   overflow: auto;
@@ -2838,9 +2873,9 @@ const Ut = 300, T1 = ({
   white-space: nowrap;
   justify-content: center;
   cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, In = C.img`
+`, On = C.img`
   cursor: pointer;
-`, On = H(
+`, An = D(
   ({
     className: e,
     children: t,
@@ -2850,7 +2885,7 @@ const Ut = 300, T1 = ({
     close: r = !1,
     ...s
   }, c) => {
-    const [d, a] = Fe(), [l, u] = Ae(!0), h = L(), f = L(U()), m = j("Escape");
+    const [d, a] = Fe(), [l, u] = Ae(!0), h = L(), f = L(_()), m = j("Escape");
     v(() => {
       (m || r) && a(!1);
     }, [m, r]), v(() => {
@@ -2858,7 +2893,7 @@ const Ut = 300, T1 = ({
     }, [d, h.current]), ae("router:changed", () => {
       a(!1);
     });
-    const p = M(
+    const g = S(
       (y) => {
         a(!1), o(y);
       },
@@ -2869,12 +2904,12 @@ const Ut = 300, T1 = ({
         a(!1);
       }
     }));
-    const g = M(() => ye(f.current, () => {
+    const p = S(() => ye(f.current, () => {
       a(!1);
     }), [f.current]);
-    return /* @__PURE__ */ b(_, { children: [
-      /* @__PURE__ */ i(Ye, { visible: d, onClick: p, children: /* @__PURE__ */ b(
-        An,
+    return /* @__PURE__ */ b(U, { children: [
+      /* @__PURE__ */ i(Ye, { visible: d, onClick: g, children: /* @__PURE__ */ b(
+        Fn,
         {
           className: $(
             e,
@@ -2901,12 +2936,12 @@ const Ut = 300, T1 = ({
       ) }),
       oe.cloneElement(n, {
         onClick: (y) => {
-          a(), g();
+          a(), p();
         }
       })
     ] });
   }
-), An = C.div`
+), Fn = C.div`
   font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2925,7 +2960,7 @@ const Ut = 300, T1 = ({
   ${(e) => Pe(e)}
   ${(e) => e.css && e.css}
   outline: none;
-`, I1 = ({
+`, O1 = ({
   className: e,
   trigger: t,
   header: n = "",
@@ -2937,15 +2972,15 @@ const Ut = 300, T1 = ({
   cancelLabel: c = "",
   confirmLabel: d = ""
 }) => {
-  const a = L(), l = M(() => {
+  const a = L(), l = S(() => {
     var h;
     r(), (h = a == null ? void 0 : a.current) == null || h.close();
-  }, [r]), u = M(() => {
+  }, [r]), u = S(() => {
     var h;
     s(), (h = a == null ? void 0 : a.current) == null || h.close();
   }, [s]);
   return /* @__PURE__ */ b(
-    Fn,
+    Pn,
     {
       className: e,
       trigger: t,
@@ -2954,12 +2989,12 @@ const Ut = 300, T1 = ({
       children: [
         n && /* @__PURE__ */ i(Be, { children: n }),
         o && /* @__PURE__ */ i(Be, { children: o }),
-        d && /* @__PURE__ */ i(Pn, { onClick: u, children: d }),
-        c && /* @__PURE__ */ i(jn, { onClick: l, children: c })
+        d && /* @__PURE__ */ i(jn, { onClick: u, children: d }),
+        c && /* @__PURE__ */ i(Kn, { onClick: l, children: c })
       ]
     }
   );
-}, Fn = C(On)`
+}, Pn = C(An)`
   display: block;
 
   span {
@@ -2977,7 +3012,7 @@ const Ut = 300, T1 = ({
 }};
     }
   }
-`, Pn = C(se)`
+`, jn = C(se)`
   display: inline-block;
   min-width: 50px;
   ${(e) => {
@@ -3007,7 +3042,7 @@ const Ut = 300, T1 = ({
   &:focus-visible {
     ${O}
   }
-`, jn = C(se)`
+`, Kn = C(se)`
   display: inline-block;
   min-width: 50px;
   ${(e) => {
@@ -3028,25 +3063,25 @@ const Ut = 300, T1 = ({
   &:focus-visible {
     ${O};
   }
-`, O1 = ({
+`, A1 = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__PURE__ */ b(Kn, { children: [
-  /* @__PURE__ */ i(Yn, { children: /* @__PURE__ */ i(X, { variant: "h2", children: "404" }) }),
-  /* @__PURE__ */ b(Xn, { children: [
+}) => /* @__PURE__ */ b(Yn, { children: [
+  /* @__PURE__ */ i(Xn, { children: /* @__PURE__ */ i(X, { variant: "h2", children: "404" }) }),
+  /* @__PURE__ */ b(_n, { children: [
     /* @__PURE__ */ i(X, { variant: "h3", children: e }),
-    /* @__PURE__ */ i(_n, { routeName: "index", "aria-label": t, text: t })
+    /* @__PURE__ */ i(qn, { routeName: "index", "aria-label": t, text: t })
   ] }),
   /* @__PURE__ */ b(Un, { children: [
     /* @__PURE__ */ i("span", { children: n }),
     /* @__PURE__ */ i("ul", { children: /* @__PURE__ */ i("li", { children: o }) })
   ] })
-] }), Kn = C.div`
+] }), Yn = C.div`
   display: flex;
   flex-wrap: wrap;
-`, Yn = C.div`
+`, Xn = C.div`
   ${(e) => ie(e)(
   "h2",
   k`
@@ -3056,7 +3091,7 @@ const Ut = 300, T1 = ({
         font-size: 7em;
       `
 )}
-`, Xn = C.div`
+`, _n = C.div`
   margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -3094,7 +3129,7 @@ const Ut = 300, T1 = ({
     font-weight: bold;
   }
 `;
-class A1 extends ct {
+class F1 extends ct {
   constructor() {
     super(...arguments);
     te(this, "node");
@@ -3136,7 +3171,7 @@ class A1 extends ct {
     ) : null;
   }
 }
-const _n = H(
+const qn = D(
   ({ className: e, description: t, text: n, children: o, ...r }, s) => /* @__PURE__ */ b(
     xe,
     {
@@ -3151,28 +3186,28 @@ const _n = H(
     }
   )
 );
-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 F1 = ({
+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 = ({
   className: e = "",
   format: t = "hh:mm",
   timestamp: n
-}) => /* @__PURE__ */ i("span", { className: $(e, "humany-timestamp"), children: Qn(n, t) }), Te = (e) => `0${e}`.slice(-2);
-function Qn(e, t) {
+}) => /* @__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
   )}`;
   return t === "yyyy-mm-dd" ? a : t === "hh:mm" ? r : `${a} ${r}`;
 }
-const P1 = ({
+const j1 = ({
   className: e,
   children: t,
   content: n,
   sticky: o = !1,
   ...r
 }) => {
-  const [s, c] = w(!1), d = L(U()), a = L(), [{ x: l, y: u }, h] = je(s, d.current, a.current), f = (p) => {
-    const { target: g } = p;
-    !a.current || !g || a.current !== g && !a.current.contains(g) && c(!1);
+  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;
+    !a.current || !p || a.current !== p && !a.current.contains(p) && c(!1);
   };
   v(() => {
     if (o)
@@ -3180,25 +3215,25 @@ const P1 = ({
         window.removeEventListener("click", f);
       };
   }, [s, o]);
-  const m = M(
-    (p, g) => {
-      h(p, a.current), c(g);
+  const m = S(
+    (g, p) => {
+      h(g, a.current), c(p);
     },
     [h, c]
   );
   return /* @__PURE__ */ b(
-    Gn,
+    Jn,
     {
       ref: a,
       className: "humany-tooltip-trigger",
-      onMouseEnter: o ? void 0 : (p) => m(p, !0),
-      onMouseLeave: o ? void 0 : (p) => m(p, !1),
-      onTouchEnd: o ? (p) => m(p, !s) : void 0,
-      onClick: o ? (p) => m(p, !s) : void 0,
+      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,
       children: [
         t,
         s && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(
-          Jn,
+          e1,
           {
             className: $(e, "humany-tooltip-container"),
             x: l,
@@ -3210,10 +3245,10 @@ const P1 = ({
       ]
     }
   );
-}, Gn = C.div`
+}, Jn = C.div`
   display: flex;
   align-items: center;
-`, Jn = C.div`
+`, e1 = C.div`
   color: #ffffff;
   background: #161616;
   border-radius: ${(e) => e.theme.borderRadius};
@@ -3249,7 +3284,7 @@ const P1 = ({
   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;
 }};
-`, j1 = (e) => {
+`, K1 = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
@@ -3305,7 +3340,7 @@ const P1 = ({
       children: (l) => s && s(l, a && he.compose(l, a))
     }
   );
-}, e1 = H(
+}, t1 = D(
   ({
     className: e,
     children: t,
@@ -3315,7 +3350,7 @@ const P1 = ({
     activationOptions: r,
     ...s
   }, c) => {
-    const d = T(), a = () => {
+    const d = N(), a = () => {
       const { implementation: h } = d.get("$widget");
       return h.widgets.get(o);
     };
@@ -3328,13 +3363,13 @@ const P1 = ({
     const l = (h) => {
       const f = a(), m = h.currentTarget;
       if (f) {
-        const p = () => {
+        const g = () => {
           f.invoke("renderState").then(
-            (g) => g === ne.open ? f.invoke("close") : f.invoke("open")
+            (p) => p === ne.open ? f.invoke("close") : f.invoke("open")
           ).then(() => {
             f.events.subscribeOnce(
               "widget:area-rendered",
-              (g, y) => {
+              (p, y) => {
                 d.get(
                   "widgetDOMElement"
                 ) && f.events.dispatch("widget:modal-opened", {
@@ -3345,7 +3380,7 @@ const P1 = ({
             );
           });
         };
-        f.state === ht.Deactivated ? f.activate(r).then(() => f.invoke("attach")).then(p) : p();
+        f.state === ht.Deactivated ? f.activate(r).then(() => f.invoke("attach")).then(g) : g();
       }
     }, u = (h) => {
       h.key === "Enter" && (h.preventDefault(), l(h));
@@ -3364,16 +3399,16 @@ const P1 = ({
       }
     );
   }
-), K1 = H(
+), Y1 = D(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
-    const r = T(), s = re(() => {
+    const r = N(), 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(
-      t1,
+      n1,
       {
         className: $(
           "humany-widget-overlay-outlet",
@@ -3384,7 +3419,7 @@ const P1 = ({
       }
     ) }) : null;
   }
-), t1 = C.div`
+), n1 = C.div`
   background-color: #ffffff;
   position: absolute;
   top: 0;
@@ -3394,7 +3429,7 @@ const P1 = ({
   z-index: 10;
   width: 100%;
   height: 100%;
-`, Y1 = (e, t, n, o, r) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
+`, X1 = (e, t, n, o, r) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
   t,
   lt(() => n)
 ), Ct(e, t, o || (() => {
@@ -3402,93 +3437,93 @@ const P1 = ({
 export {
   zt as AnchorLink,
   se as Button,
-  p1 as Checkbox,
+  C1 as Checkbox,
   Tt as ColumnContext,
   Ze as ComponentNodeContext,
-  Vt as ComponentPropertyContext,
-  I1 as Confirm,
+  Nt as ComponentPropertyContext,
+  O1 as Confirm,
   Bt as ContainerContext,
   Wt as ConversationContext,
-  qn as DateFormats,
-  T1 as Drawer,
+  Qn as DateFormats,
+  N1 as Drawer,
   Xt as DrawerAnimationType,
   V1 as Dropdown,
   nn as Empty,
-  N1 as Grid,
+  W1 as Grid,
   Ke as Html,
   sn as Icon,
-  W1 as Input,
+  Z1 as Input,
   ln as ItemList,
-  Z1 as ItemTree,
-  Sn as Lightbox,
+  I1 as ItemTree,
+  En as Lightbox,
   xe as Link,
   an as List,
-  On as Modal,
-  O1 as NotFound,
+  An as Modal,
+  A1 as NotFound,
   Ye as Overlay,
   cn as Paragraph,
   q as Portal,
   un as RouteLink,
-  Nt as RoutingContext,
+  Vt as RoutingContext,
   Be as StyledText,
   Q as SymbolBadge,
-  A1 as TabStop,
+  F1 as TabStop,
   be as Text,
-  _n as TextLink,
-  F1 as Timestamp,
-  P1 as Tooltip,
-  j1 as TransitionComponent,
+  qn as TextLink,
+  P1 as Timestamp,
+  j1 as Tooltip,
+  K1 as TransitionComponent,
   X as Typography,
-  e1 as WidgetLink,
-  K1 as WidgetOverlayOutlet,
+  t1 as WidgetLink,
+  Y1 as WidgetOverlayOutlet,
   O as borderTabStyle,
   De as browser,
   At as buttonCss,
   Pe as contentBox,
-  D as convertToStringAttributes,
-  g1 as createEmptyComponent,
-  Y1 as createReactComponent,
+  T as convertToStringAttributes,
+  p1 as createEmptyComponent,
+  X1 as createReactComponent,
   Ht as defaultRenderInstructions,
   Lt as embeddedLinkMapper,
   We as filterCssProps,
   Mt as filterCssPropsStyle,
   St as genericHashLink,
-  B1 as genericHtml,
+  T1 as genericHtml,
   ie as headingElement,
   Rt as imageLightboxRenderer,
-  H1 as invertedHoverButton,
-  D1 as itemList,
+  z1 as invertedHoverButton,
+  B1 as itemList,
   Ft as linkTabStyle,
   Pt as list,
-  z1 as paddedBorderTabStyle,
+  D1 as paddedBorderTabStyle,
   Et as processHtmlString,
   he as transitionComposer,
-  C1 as useAction,
-  y1 as useChildren,
-  b1 as useColumns,
-  v1 as useComponent,
+  y1 as useAction,
+  b1 as useChildren,
+  v1 as useColumns,
+  x1 as useComponent,
   pe as useComponentDescriptor,
   Ce as useComponentNode,
   Y as useComponentPlatform,
-  T as useContainer,
+  N as useContainer,
   Zt as useContext,
-  x1 as useConversation,
-  w1 as useDispatch,
-  N as useEventListener,
+  w1 as useConversation,
+  k1 as useDispatch,
+  W as useEventListener,
   It as useEvents,
-  W as useIsMounted,
-  k1 as useIsTabbing,
+  Z as useIsMounted,
+  $1 as useIsTabbing,
   j as useKeyPress,
-  $1 as useLayout,
+  L1 as useLayout,
   Ie as usePrevious,
-  L1 as useProperties,
-  M1 as useRenderState,
-  S1 as useRouteData,
+  M1 as useProperties,
+  S1 as useRenderState,
+  E1 as useRouteData,
   Oe as useRouter,
   Ae as useScroll,
-  E1 as useSettings,
+  R1 as useSettings,
   Fe as useToggle,
-  R1 as useTransitionEnd,
+  H1 as useTransitionEnd,
   ye as useUniqueMenu,
   ae as useWidgetEvent
 };