@telia-ace/widget-ui 1.3.28-rc.1 → 1.3.28

package/index.mjs

@@ -5,13 +5,13 @@ import { css as k, keyframes as Be } from "@emotion/react";
 import { kebabCase as st, appendClassNames as M, uuid as _, removeNullAndUndefinedValues as Re, Logger as de } from "@telia-ace/widget-utilities";
 import { jsx as i, jsxs as b, Fragment as U } from "react/jsx-runtime";
 import C from "@emotion/styled";
-import oe, { forwardRef as N, 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 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 De, getSpecificWidgetPath as bt } from "@telia-ace/widget-routing";
+import { HistoryMode as Te, getSpecificWidgetPath as bt } from "@telia-ace/widget-routing";
 import { Link as ue } from "react-router-dom";
 const vt = (e) => e === "entering" || e === "entered", xt = (e) => e === "exiting" || e === "exited", F = {
   fade: {
@@ -91,7 +91,7 @@ const vt = (e) => e === "entering" || e === "entered", xt = (e) => e === "exitin
   get: (e) => F[e]
 };
 var fe = /* @__PURE__ */ ((e) => (e.Opera = "opera", e.Chrome = "chrome", e.Firefox = "firefox", e.Safari = "safari", e.Edge = "edge", e.EdgeChromium = "edge-chromium", e.Blink = "blink", e.IE = "internet-explorer", e))(fe || {});
-const Te = () => {
+const Ne = () => {
   const {
     opr: e,
     opera: t,
@@ -133,20 +133,20 @@ const Te = () => {
     return t;
   },
   {}
-), Co = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ i(nn, { ...t }) : null, $t = (e) => new RegExp("^#", "i").test(e), Lt = (e) => ({ children: t, ...n }) => {
+), yo = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ i(on, { ...t }) : null, $t = (e) => new RegExp("^#", "i").test(e), Lt = (e) => ({ children: t, ...n }) => {
   const {
     implementation: o,
     name: r
   } = e.get("$widget"), { href: s = "" } = n;
   if ($t(s))
-    return /* @__PURE__ */ i(Dt, { smooth: !0, to: s, children: t });
+    return /* @__PURE__ */ i(Nt, { smooth: !0, to: s, children: t });
   const c = o.bindings.map((l) => l.replace(/\./g, "\\.")).join("|"), a = new RegExp(
     `^((http[s]?:)?//)?(${c})/([^\\s]+)`
   ).exec(s);
   if (a && a.length >= 4) {
     const l = a[4];
     if (o.widgets.get(l) && !l.startsWith("blob?") && !l.startsWith(r))
-      return /* @__PURE__ */ i(to, { widgetName: l, children: t });
+      return /* @__PURE__ */ i(no, { widgetName: l, children: t });
   }
   return /* @__PURE__ */ i("a", { ...n, children: t });
 }, We = (e) => {
@@ -195,17 +195,36 @@ const Te = () => {
       }
     `;
 };
-function Et(e, t) {
-  return t ? He(e, t) : He(e);
+function Et(e) {
+  if (typeof e != "string")
+    throw new TypeError("Expected HTML string");
+  const t = document.createElement("div");
+  t.innerHTML = e.trim();
+  const n = Array.from(t.childNodes).map((o) => {
+    const r = o;
+    if (!r.tagName || !r.attributes)
+      return r;
+    const s = document.createElement(r.tagName);
+    return s.innerHTML = r.innerHTML, Array.from(r.attributes).forEach((c) => {
+      s.setAttribute(
+        c.localName.replace(/[^\w-]/g, ""),
+        c.value
+      );
+    }), s;
+  });
+  return Array.from(n).map((o) => o.tagName ? o.outerHTML : o.textContent).join("");
+}
+function Rt(e, t) {
+  return t ? He(Et(e), t) : He(e);
 }
-const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht = (e, t) => ({
+const Ht = (e) => (t) => /* @__PURE__ */ i(Rn, { attrs: t, htmlBody: e }), Tt = (e, t) => ({
   transform: {
     a: Lt(e),
-    img: Rt(t)
+    img: Ht(t)
   }
-}), Dt = (e) => St(e, "a"), se = N(
+}), Nt = (e) => St(e, "a"), se = D(
   ({ className: e, children: t, ...n }, o) => /* @__PURE__ */ i(
-    Tt,
+    Dt,
     {
       type: "button",
       className: M(e, "humany-button"),
@@ -214,7 +233,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       children: t
     }
   )
-), Tt = C.button`
+), Dt = C.button`
   -webkit-appearance: button;
   text-transform: none;
   overflow: visible;
@@ -227,7 +246,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   line-height: normal;
   margin: 0;
   padding: 0;
-`, yo = ({
+`, bo = ({
   onChange: e = () => {
   },
   onEnter: t = () => {
@@ -246,14 +265,14 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     onChange: (s) => e(s.target.value, s.currentTarget.checked),
     ...z(r)
   }
-), Nt = K(new ut()), zt = K(1), Ze = K({
+), zt = K(new ut()), Bt = K(1), Ze = K({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), Bt = K(
+}), Vt = K(
   {}
-), Vt = K(null), Wt = K(null), pe = () => P(Ze), B = () => P(Nt), bo = (e, t) => {
+), Wt = K(null), Zt = K(null), pe = () => P(Ze), B = () => P(zt), vo = (e, t) => {
   const n = pe().id, o = B();
   return (r, s) => {
     (t || o).getAsync("actionResolver").then((c) => {
@@ -282,7 +301,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       }
     );
   }, [r]), n;
-}, vo = () => {
+}, xo = () => {
   const e = Ce(), t = Y(), [n, o] = w([]), r = Z(), s = E(
     (c) => {
       if (t && r.current && c) {
@@ -308,7 +327,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       };
     }
   }, [e, t, s]), n;
-}, xo = () => P(zt), wo = (e, t) => {
+}, wo = () => P(Bt), ko = (e, t) => {
   const n = pe(), o = B(), [r, s] = w(void 0), c = Z(), u = e || n.type || "";
   return v(() => {
     if (u) {
@@ -326,7 +345,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       };
     }
   }, [c, u, t, o]), r;
-}, Zt = (e) => {
+}, It = (e) => {
   const t = Ce(e), n = Y(), [o, r] = w({}), s = Z();
   return v(() => {
     t && s.current && r(t.attributes.context);
@@ -343,7 +362,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       };
     }
   }, [s, n, t]), o;
-}, ko = () => P(Wt), $o = () => {
+}, $o = () => P(Zt), Lo = () => {
   const e = Y(), t = pe(), [n, o] = w([]), [r, s] = w();
   return v(() => {
     if (e && t) {
@@ -373,10 +392,10 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       n.removeEventListener(e, c);
     };
   }, [e, n]);
-}, It = (e) => {
+}, Ot = (e) => {
   const t = B(), { events: n } = (e || t).get("$widget");
   return n;
-}, Lo = () => {
+}, Mo = () => {
   const [e, t] = w(!1);
   return v(() => {
     const n = () => {
@@ -402,7 +421,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     [o]
   );
   return W("keydown", r, window), W("keyup", s, window), n;
-}, Mo = (e) => {
+}, So = (e) => {
   const t = Ce(e), n = Y(), [o, r] = w({}), s = Z();
   return v(() => {
     t && s.current && r(t.attributes.layout);
@@ -424,7 +443,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   return v(() => {
     t.current = e;
   }), t.current;
-}, So = () => P(Bt), Eo = (e) => {
+}, Eo = () => P(Vt), Ro = (e) => {
   const [t, n] = w(), o = B(), r = Z();
   return v(() => {
     let s;
@@ -451,7 +470,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
       s && s();
     };
   }, [r]), t;
-}, Oe = () => P(Vt), Ro = (e) => {
+}, Oe = () => P(Wt), Ho = (e) => {
   const t = B(), n = Oe(), [o, r] = w({
     name: "",
     params: {}
@@ -517,9 +536,9 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     a,
     t.current,
     () => t.current && e
-  ), e ? [Ot, t] : ["", t];
-}, Ot = `
-    overflow-y: ${Te() === fe.Chrome || Te() === fe.EdgeChromium ? "overlay" : "auto"};
+  ), e ? [At, t] : ["", t];
+}, At = `
+    overflow-y: ${Ne() === fe.Chrome || Ne() === fe.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
     scrollbar-width: thin; /* Firefox */
@@ -546,7 +565,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             background-color: #7F7F7F;
         }
     }
-`, Ho = () => {
+`, To = () => {
   const [e, t] = w(null), n = B(), o = Z();
   return v(() => {
     n.get("settings").then((r) => {
@@ -558,7 +577,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     n(typeof r == "boolean" ? r : (s) => !s);
   }, []);
   return [t, o];
-}, Do = (e) => {
+}, No = (e) => {
   const t = B(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = w(null), [c, u] = w(null), a = Z();
   v(() => {
     if (n && a.current) {
@@ -589,7 +608,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     c
   );
 }, ae = (e, t, n = [], o) => {
-  const r = It(o);
+  const r = Ot(o);
   return v(() => {
     if (r) {
       const s = r.subscribe(e, t);
@@ -603,7 +622,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     r !== e && t();
   });
   return () => n(e);
-}, be = N(
+}, be = D(
   ({ className: e, children: t, ...n }, o) => /* @__PURE__ */ i(
     "span",
     {
@@ -622,7 +641,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   border: ${e.theme.border};
   box-shadow: ${e.theme.boxShadow || "none"};
   ${e["data-loading"] && "min-height: 150px;"}
-`, At = (e) => {
+`, Ft = (e) => {
   var t, n, o;
   return k`
   cursor: pointer;
@@ -634,11 +653,11 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   font-family: ${(n = e.theme.fonts) == null ? void 0 : n.type};
   font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
 `;
-}, To = (e) => {
+}, Do = (e) => {
   var c;
   const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: s } = e;
   return k`
-    ${At(e)}
+    ${Ft(e)}
     border: 1px solid ${o ? n : t};
     background-color: ${o ? t : n};
 
@@ -679,10 +698,10 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   color: ${(o = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : o.inactiveText};
   border-color: transparent;
 `;
-}, Ft = (e) => k`
+}, Pt = (e) => k`
   ${O(e)}
   text-decoration: underline;
-`, No = (e) => {
+`, zo = (e) => {
   var t;
   return k`
   ${O(e)}
@@ -716,7 +735,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     height: 15px;
     box-sizing: content-box;
   }
-`, Ne = C(be)`
+`, De = C(be)`
   font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -727,7 +746,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, Pt = (e) => {
+`, jt = (e) => {
   var t;
   return k`
   padding: 0;
@@ -749,7 +768,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     margin: 0;
   }
 `;
-}, zo = (e) => {
+}, Bo = (e) => {
   var t, n, o, r;
   return k`
   > div {
@@ -765,7 +784,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   )}
   }
   > ul {
-    ${Pt(e)}
+    ${jt(e)}
   }
   ${ie(e)(
     "h1",
@@ -785,7 +804,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     `
   )}
 `;
-}, Bo = (e) => {
+}, Vo = (e) => {
   var t, n, o, r, s, c;
   return k`
   font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
@@ -814,7 +833,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   a {
     color: ${(o = e.theme.colors) == null ? void 0 : o.link};
     &:focus-visible {
-      ${Ft(e)};
+      ${Pt(e)};
     }
   }
 
@@ -964,7 +983,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
             /* @__PURE__ */ i("line", { x1: "4.13", y1: "7.05", x2: "10.13", y2: "1.05", stroke: "black" })
           ] });
         case "caret-up":
-          return /* @__PURE__ */ b(jt, { viewBox: "0 0 14 14", style: h, ...d, children: [
+          return /* @__PURE__ */ b(Kt, { viewBox: "0 0 14 14", style: h, ...d, children: [
             /* @__PURE__ */ i("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }),
             /* @__PURE__ */ i("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" })
           ] });
@@ -1437,7 +1456,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
     }
     case "FontAwesome":
       return /* @__PURE__ */ i(
-        sn,
+        an,
         {
           className: s,
           faIcon: a,
@@ -1458,9 +1477,9 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
         }
       ) : null;
   }
-}, jt = C.svg`
+}, Kt = C.svg`
   transform: rotate(180deg);
-`, Kt = {
+`, Yt = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1475,14 +1494,14 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(En, { attrs: t, htmlBody: e }), Ht =
   className: n,
   children: o
 }) => {
-  const { typographyVariantMapping: r = {} } = Zt(), s = {
-    ...Kt,
+  const { typographyVariantMapping: r = {} } = It(), s = {
+    ...Yt,
     ...r
   }, c = t || s[e] || "span";
-  return /* @__PURE__ */ i(Yt, { className: n, as: c, children: o });
-}, Yt = C.span``;
-var Xt = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Xt || {});
-const _t = 300, Vo = ({
+  return /* @__PURE__ */ i(Xt, { className: n, as: c, children: o });
+}, Xt = C.span``;
+var _t = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(_t || {});
+const Ut = 300, Wo = ({
   className: e,
   children: t,
   header: n,
@@ -1495,7 +1514,7 @@ const _t = 300, Vo = ({
     /* SlideInBottom */
   }
 }) => {
-  const { duration: a = _t } = u, l = L(), d = L(), [h, f] = Ae(!0), [g, m] = Fe(), p = Ie(g), y = L(_());
+  const { duration: a = Ut } = u, l = L(), d = L(), [h, f] = Ae(!0), [g, m] = Fe(), p = Ie(g), y = L(_());
   v(() => {
     o && o(g);
   }, [g]);
@@ -1505,8 +1524,8 @@ const _t = 300, Vo = ({
   }, [$]), W(
     "click",
     (S) => {
-      const { target: D } = S;
-      !d.current || !f.current || !D || d.current !== D && f.current !== D && !f.current.contains(D) && !d.current.contains(D) && m(!1);
+      const { target: T } = S;
+      !d.current || !f.current || !T || d.current !== T && f.current !== T && !f.current.contains(T) && !d.current.contains(T) && m(!1);
     },
     window
   );
@@ -1518,7 +1537,7 @@ const _t = 300, Vo = ({
   }), v(() => {
     g && l.current ? l.current.focus() : !g && d.current && p && d.current.focus();
   }, [g, l.current, d.current]);
-  const T = en[u.type];
+  const N = tn[u.type];
   return /* @__PURE__ */ b(U, { children: [
     /* @__PURE__ */ i(
       Ve,
@@ -1529,7 +1548,7 @@ const _t = 300, Vo = ({
         unmountOnExit: !0,
         timeout: a,
         children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
-          T,
+          N,
           {
             duration: a,
             fullScreen: s,
@@ -1552,7 +1571,7 @@ const _t = 300, Vo = ({
                   children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
                 }
               ),
-              !!n && /* @__PURE__ */ i(Ut, { variant: "h1", className: "humany-drawer-header", children: n }),
+              !!n && /* @__PURE__ */ i(qt, { variant: "h1", className: "humany-drawer-header", children: n }),
               t
             ]
           }
@@ -1585,7 +1604,7 @@ const _t = 300, Vo = ({
   box-shadow: ${(e) => e.theme.boxShadow};
   background: #ffffff;
   ${(e) => e.css && e.css}
-`, Ut = C(X)`
+`, qt = C(X)`
   padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1610,7 +1629,7 @@ const _t = 300, Vo = ({
   line-height: 1.2em;
 `, le = (e) => k`
   transition: ${e.duration}ms;
-`, qt = C(ce)`
+`, Qt = C(ce)`
   max-height: 0;
   ${le}
 
@@ -1627,7 +1646,7 @@ const _t = 300, Vo = ({
   &.humany-drawer-transition-exit-done {
     max-height: 0;
   }
-`, Qt = C(ce)`
+`, Gt = C(ce)`
   ${le}
   transform: translateX(100%);
   height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1645,7 +1664,7 @@ const _t = 300, Vo = ({
   &.humany-drawer-transition-exit-done {
     transform: translateX(100%);
   }
-`, Gt = C(ce)`
+`, Jt = C(ce)`
   ${le}
   transform: translateX(-100%);
   height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1663,7 +1682,7 @@ const _t = 300, Vo = ({
   &.humany-drawer-transition-exit-done {
     transform: translateX(-100%);
   }
-`, Jt = C(ce)`
+`, en = C(ce)`
   ${le}
   bottom: unset;
   top: 0;
@@ -1682,23 +1701,23 @@ const _t = 300, Vo = ({
   &.humany-drawer-transition-exit-done {
     height: 0;
   }
-`, en = {
+`, tn = {
   [
     "slide-in-bottom"
     /* SlideInBottom */
-  ]: qt,
+  ]: Qt,
   [
     "slide-in-right"
     /* SlideInRight */
-  ]: Qt,
+  ]: Gt,
   [
     "slide-in-left"
     /* SlideInLeft */
-  ]: Gt,
+  ]: Jt,
   [
     "slide-in-top"
     /* SlideInTop */
-  ]: Jt
+  ]: en
 }, je = (e, t, n) => {
   const [o, r] = w(0), [s, c] = w(0), u = E(
     (a, l) => {
@@ -1718,7 +1737,7 @@ const _t = 300, Vo = ({
     };
     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];
-}, Wo = oe.forwardRef(
+}, Zo = oe.forwardRef(
   ({
     className: e = "",
     children: t = null,
@@ -1735,8 +1754,8 @@ const _t = 300, Vo = ({
       d && c.current ? c.current.focus() : !d && u.current && f && u.current.focus();
     }, [d, c.current, u.current]), W(
       "click",
-      (T) => {
-        const { target: S } = T;
+      (N) => {
+        const { target: S } = N;
         !a.current || !S || a.current !== S && !a.current.contains(S) && h(!1);
       },
       window
@@ -1746,14 +1765,14 @@ const _t = 300, Vo = ({
     const $ = ye(l.current, () => {
       h(!1);
     }), R = E(
-      (T) => {
-        T.stopPropagation(), p(T, u.current), h(!d), $();
+      (N) => {
+        N.stopPropagation(), p(N, u.current), h(!d), $();
       },
       [$, p, h]
     );
     return /* @__PURE__ */ b(U, { children: [
       d && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
-        tn,
+        nn,
         {
           className: M(
             "humany-dropdown",
@@ -1787,7 +1806,7 @@ const _t = 300, Vo = ({
       })
     ] });
   }
-), tn = C.div`
+), nn = C.div`
   ${Pe}
   padding: ${(e) => {
   var t;
@@ -1802,11 +1821,11 @@ const _t = 300, Vo = ({
   let t = "";
   return e.y > 0 ? t += `top: calc(${((n = e.theme.sizes) == null ? void 0 : n.small) || "0px"} + ${e.y || "0"}px);` : t += `bottom: ${((o = e.theme.sizes) == null ? void 0 : o.normal) || "0px"};`, e.x > 0 ? t += `right: ${e.x || "0"}px;` : t += `left: ${((r = e.theme.sizes) == null ? void 0 : r.normal) || "0px"};`, t;
 }};
-`, nn = ({ ...e }) => /* @__PURE__ */ i(on, { ...e }), on = C.div`
+`, on = ({ ...e }) => /* @__PURE__ */ i(rn, { ...e }), rn = C.div`
   display: none;
-`, Zo = N(
+`, Io = D(
   ({ children: e, columns: t, gap: n, className: o, ...r }, s) => /* @__PURE__ */ i(
-    rn,
+    sn,
     {
       className: M(o, "humany-grid"),
       "data-columns": t,
@@ -1817,25 +1836,25 @@ const _t = 300, Vo = ({
       children: e
     }
   )
-), rn = C.div`
+), sn = C.div`
   display: grid;
   grid-template-columns: repeat(${(e) => e["data-columns"]}, 1fr);
   grid-gap: ${(e) => e["data-gap"]};
   justify-content: center;
   grid-auto-rows: max-content;
   ${Mt}
-`, Ke = N(
+`, Ke = D(
   ({ htmlParseInstruction: e = null, className: t, html: n, ...o }, r) => {
     const s = B(), [c, u] = w();
     v(() => {
-      const d = Ht(s, n), h = {
+      const d = Tt(s, n), h = {
         ...d,
         ...e,
         transform: {
           ...d.transform,
           ...e == null ? void 0 : e.transform
         }
-      }, f = Et(n, h);
+      }, f = Rt(n, h);
       u(f);
     }, [n, e]);
     const a = L(null), l = s.get("$widget");
@@ -1845,13 +1864,13 @@ const _t = 300, Vo = ({
         return;
       new MutationObserver((f) => {
         f.forEach((g) => {
-          var $, R, T;
+          var $, R, N;
           let m = g.target;
           if (m.tagName === "DIV" && m.matches("[data-notification]") && m.getAttribute("data-expandable")) {
             const S = m.firstChild;
             if (S && S.nodeType === Node.TEXT_NODE) {
-              const D = document.createElement("p");
-              D.appendChild(S), m.appendChild(D);
+              const T = document.createElement("p");
+              T.appendChild(S), m.appendChild(T);
               return;
             } else
               S && S.nodeType === Node.ELEMENT_NODE && (m = S);
@@ -1859,7 +1878,7 @@ const _t = 300, Vo = ({
             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 = (T = m.closest("[data-notification]")) == null ? void 0 : T.getAttribute("data-notification");
+          const p = (R = m.closest(".humany-notification-row")) == null ? void 0 : R.getAttribute("data-node-id"), y = (N = m.closest("[data-notification]")) == null ? void 0 : N.getAttribute("data-notification");
           m.scrollWidth > m.clientWidth ? (l.container.expandableNotifications || (l.container.expandableNotifications = /* @__PURE__ */ new Set()), l.container.expandableNotifications.add(y), l.events.dispatch("notification:expandable", {
             expandable: !0,
             notificationRowId: p
@@ -1882,7 +1901,7 @@ const _t = 300, Vo = ({
       }
     );
   }
-), sn = ({
+), an = ({
   faIcon: e,
   title: t,
   className: n = "",
@@ -1896,7 +1915,7 @@ const _t = 300, Vo = ({
     role: o,
     ...z(r)
   }
-), Io = N(
+), Oo = D(
   ({
     className: e = "",
     autoFocus: t = !1,
@@ -1948,7 +1967,7 @@ const _t = 300, Vo = ({
       }
     );
   }
-), an = N(
+), cn = D(
   ({ className: e, items: t, renderItem: n, renderLi: o = !1, ...r }, s) => {
     const c = t.length === 1 && t[0].expanded;
     return /* @__PURE__ */ i(
@@ -1965,7 +1984,7 @@ const _t = 300, Vo = ({
       }
     );
   }
-), cn = N(
+), ln = D(
   ({ text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: s, ...c }, u) => {
     var l;
     const a = (l = window.humany) == null ? void 0 : l.deflectionHeaderTag;
@@ -1992,7 +2011,7 @@ const _t = 300, Vo = ({
       }
     );
   }
-), ln = N(
+), dn = D(
   ({
     header: e,
     customHeader: t,
@@ -2014,9 +2033,9 @@ const _t = 300, Vo = ({
       ...z(h),
       ref: f,
       children: [
-        t || (e || n || o ? /* @__PURE__ */ i(cn, { symbol: c, header: e, text: n, html: o }) : null),
+        t || (e || n || o ? /* @__PURE__ */ i(ln, { symbol: c, header: e, text: n, html: o }) : null),
         u.length ? /* @__PURE__ */ i(
-          an,
+          cn,
           {
             items: u,
             renderItem: a,
@@ -2028,7 +2047,7 @@ const _t = 300, Vo = ({
       ]
     }
   )
-), Oo = ({
+), Ao = ({
   className: e = "",
   tree: t,
   renderItem: n,
@@ -2039,7 +2058,7 @@ const _t = 300, Vo = ({
   liProps: u
 }) => {
   const a = (h) => !l(h), l = (h) => !h || h.length < 1 ? !0 : !h.some((f) => !!f.selected), d = (h, f) => /* @__PURE__ */ i(
-    ln,
+    dn,
     {
       className: M(`humany-item-tree-level-${f}`),
       items: h,
@@ -2063,7 +2082,7 @@ const _t = 300, Vo = ({
     o && o(!a(t || [])),
     t && d(t, 1)
   ] });
-}, dn = N(
+}, un = D(
   ({
     className: e,
     onClick: t = () => {
@@ -2120,7 +2139,7 @@ const _t = 300, Vo = ({
       } catch {
         return /* @__PURE__ */ i(ue, { ...h, ref: h.innerRef, children: s });
       }
-      d && a.settings.mode && a.settings.mode === De.browser && d[0] !== "/" && (d = `/${d}`);
+      d && a.settings.mode && a.settings.mode === Te.browser && d[0] !== "/" && (d = `/${d}`);
     } else if (o && a.history)
       d = a.history.createHref({
         hash: "",
@@ -2132,13 +2151,13 @@ const _t = 300, Vo = ({
       return process.env.NODE_ENV !== "production" && de.warn(
         'Unable to generate path for route link. Either specify route name or use the "to" prop.'
       ), null;
-    if (a.settings && a.settings.mode === De.scopedHash) {
+    if (a.settings && a.settings.mode === Te.scopedHash) {
       const f = l.get("$widget").name;
       d = bt(d, f);
     }
-    return h.as ? /* @__PURE__ */ i(un, { ...h, as: h.as, children: s }) : /* @__PURE__ */ i(ue, { ...h, to: d, children: s });
+    return h.as ? /* @__PURE__ */ i(hn, { ...h, as: h.as, children: s }) : /* @__PURE__ */ i(ue, { ...h, to: d, children: s });
   }
-), un = C.span``, xe = N(
+), hn = C.span``, xe = D(
   ({
     className: e,
     disabled: t = !1,
@@ -2156,7 +2175,7 @@ const _t = 300, Vo = ({
     params: h,
     ...f
   }, g) => {
-    var T, S;
+    var N, S;
     const m = {
       title: s,
       role: d === "index" || d === "contact-method" || t ? "button" : void 0,
@@ -2168,24 +2187,24 @@ const _t = 300, Vo = ({
         !!t,
         "humany-disabled"
       ]),
-      onClick: (D) => {
-        if (D.persist(), t) {
-          D.preventDefault();
+      onClick: (T) => {
+        if (T.persist(), t) {
+          T.preventDefault();
           return;
         }
-        o(D);
+        o(T);
       },
-      onKeyDown: (D) => {
-        if (D.persist(), t) {
-          D.key !== "Tab" && D.preventDefault();
+      onKeyDown: (T) => {
+        if (T.persist(), t) {
+          T.key !== "Tab" && T.preventDefault();
           return;
         }
-        r(D);
+        r(T);
       }
     };
     f["data-client-name"] === "custom.link" && (m.role = "link");
-    const y = B().get("$settings"), $ = t && ((S = (T = y == null ? void 0 : y.data) == null ? void 0 : T.accessibility) == null ? void 0 : S.disableInactiveLink), R = f.description || "<p></p>";
-    return $ ? /* @__PURE__ */ b(hn, { 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), R = f.description || "<p></p>";
+    return $ ? /* @__PURE__ */ b(fn, { className: "disabled-link", children: [
       /* @__PURE__ */ i("div", { className: "icon-placeholder" }),
       /* @__PURE__ */ b("div", { className: "humany-contact-link-rich-content", children: [
         /* @__PURE__ */ i("span", { children: m.title }),
@@ -2198,7 +2217,7 @@ const _t = 300, Vo = ({
         )
       ] })
     ] }) : d ? /* @__PURE__ */ i(
-      fn,
+      mn,
       {
         name: d,
         params: h,
@@ -2208,7 +2227,7 @@ const _t = 300, Vo = ({
         children: a
       }
     ) : /* @__PURE__ */ i(
-      mn,
+      gn,
       {
         href: u,
         target: l,
@@ -2219,7 +2238,7 @@ const _t = 300, Vo = ({
       }
     );
   }
-), hn = C.div`
+), fn = C.div`
   display: flex;
   opacity: 0.7;
   .inner-span {
@@ -2239,12 +2258,12 @@ const _t = 300, Vo = ({
     vertical-align: bottom;
     color: #333333;
   }
-`, fn = C(dn)`
+`, mn = C(un)`
   ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, mn = C.a`
+`, gn = C.a`
   ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
@@ -2272,7 +2291,7 @@ const _t = 300, Vo = ({
       unmountOnExit: !0,
       timeout: t,
       children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(
-        gn,
+        pn,
         {
           className: "humany-overlay",
           duration: t,
@@ -2284,7 +2303,7 @@ const _t = 300, Vo = ({
       ) })
     }
   );
-}, gn = C.div`
+}, pn = C.div`
   background: rgba(0, 0, 0, 0.6);
   min-width: 100%;
   min-height: 100%;
@@ -2314,11 +2333,11 @@ const _t = 300, Vo = ({
   &.humany-overlay-transition-exit-done {
     opacity: 0;
   }
-`, pn = Be`
+`, Cn = Be`
   100% {
     transform: rotate(360deg);
   }
-`, Cn = Be`
+`, yn = Be`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2331,8 +2350,8 @@ const _t = 300, Vo = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, yn = C.svg`
-  animation: ${pn} 2s linear infinite;
+`, bn = C.svg`
+  animation: ${Cn} 2s linear infinite;
   height: 100%;
   transform-origin: center center;
   width: 100%;
@@ -2343,7 +2362,7 @@ const _t = 300, Vo = ({
   right: 0;
   margin: auto;
   transition: 200ms ease-out opacity;
-`, bn = C.div`
+`, vn = C.div`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2361,7 +2380,7 @@ const _t = 300, Vo = ({
   svg {
     opacity: ${(e) => e["data-loading"] ? "1" : "0"};
   }
-`, vn = C.div`
+`, xn = C.div`
   position: relative;
   margin: 0 auto;
   width: 100px;
@@ -2370,23 +2389,23 @@ const _t = 300, Vo = ({
     display: block;
     padding-top: 100%;
   }
-`, xn = C.circle`
+`, wn = C.circle`
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
-  animation: ${Cn} 1.5s ease-in-out infinite;
+  animation: ${yn} 1.5s ease-in-out infinite;
   stroke-linecap: round;
   stroke: ${(e) => {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.primary;
 }};
   stroke-width: 2px;
-`, wn = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ i(
-  bn,
+`, kn = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ i(
+  vn,
   {
     className: M("humany-loader", e),
     "data-loading": t,
-    children: /* @__PURE__ */ i(vn, { className: "humany-spinner", children: /* @__PURE__ */ i(yn, { viewBox: "25 25 50 50", children: /* @__PURE__ */ i(
-      xn,
+    children: /* @__PURE__ */ i(xn, { className: "humany-spinner", children: /* @__PURE__ */ i(bn, { viewBox: "25 25 50 50", children: /* @__PURE__ */ i(
+      wn,
       {
         cx: "50",
         cy: "50",
@@ -2397,7 +2416,7 @@ const _t = 300, Vo = ({
       }
     ) }) })
   }
-), kn = ({
+), $n = ({
   zoomState: e,
   image: t,
   changeZoom: n,
@@ -2426,9 +2445,9 @@ const _t = 300, Vo = ({
   return v(() => (c(!1), function() {
     a(!1);
   }), [t.src]), /* @__PURE__ */ b(U, { children: [
-    /* @__PURE__ */ i($n, { loading: !s }),
+    /* @__PURE__ */ i(Ln, { loading: !s }),
     /* @__PURE__ */ i(
-      Ln,
+      Mn,
       {
         onLoad: () => {
           c(!0);
@@ -2443,13 +2462,13 @@ const _t = 300, Vo = ({
         loaded: s
       }
     ),
-    /* @__PURE__ */ i(Mn, {})
+    /* @__PURE__ */ i(Sn, {})
   ] });
-}, $n = C(wn)`
+}, Ln = C(kn)`
   svg circle {
     stroke: #ffffff;
   }
-`, Ln = C.img`
+`, Mn = C.img`
   transform: none;
 
   ${(e) => e.imageSize && k`
@@ -2460,20 +2479,20 @@ const _t = 300, Vo = ({
   vertical-align: middle;
   position: relative;
   ${(e) => !e.loaded && "display:none;"}
-`, Mn = C.div`
+`, Sn = C.div`
   height: 100%;
   display: inline-block;
   vertical-align: middle;
-`, Sn = () => {
+`, En = () => {
   const e = L(), [t, n] = w(!0), o = E(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
   }), [t, e]);
   return [t, o];
-}, En = ({ attrs: e, htmlBody: t }) => {
+}, Rn = ({ attrs: e, htmlBody: t }) => {
   var Se;
-  const n = j("Escape"), o = j("ArrowLeft"), r = j("ArrowRight"), [s, c] = w(1), [u, a] = w({ top: 0, left: 0, x: 0, y: 0 }), [l, d] = w(!1), [h, f] = Sn(), [g, m] = w(null), [p, y] = w(null), $ = L(null), R = L(null), T = L(null), S = L(null), D = L(null), [Ue, qe] = w(null);
+  const n = j("Escape"), o = j("ArrowLeft"), r = j("ArrowRight"), [s, c] = w(1), [u, a] = w({ top: 0, left: 0, x: 0, y: 0 }), [l, d] = w(!1), [h, f] = En(), [g, m] = w(null), [p, y] = w(null), $ = L(null), R = L(null), N = L(null), S = L(null), T = L(null), [Ue, qe] = w(null);
   v(() => {
     n && m(null);
   }, [n]), v(() => {
@@ -2482,7 +2501,7 @@ const _t = 300, Vo = ({
     var I, ee;
     if (g === null || R.current === null)
       return;
-    const x = R.current.firstElementChild, H = (I = T.current) == null ? void 0 : I.querySelector(".nav-left"), V = (ee = T.current) == null ? void 0 : ee.querySelector(".nav-right");
+    const x = R.current.firstElementChild, H = (I = N.current) == null ? void 0 : I.querySelector(".nav-left"), V = (ee = N.current) == null ? void 0 : ee.querySelector(".nav-right");
     if (p === "Right")
       J && V ? V.focus() : G && H && H.focus();
     else if (p === "Left")
@@ -2492,7 +2511,7 @@ const _t = 300, Vo = ({
         return;
       x.focus();
     }
-  }, [g, R, T, p]), v(() => {
+  }, [g, R, N, p]), v(() => {
     if (o) {
       if (G)
         return Le();
@@ -2500,7 +2519,7 @@ const _t = 300, Vo = ({
       return Me();
   }, [o, r]), v(() => {
     var H, V;
-    const x = ((V = (H = D.current) == null ? void 0 : H.style) == null ? void 0 : V.float) || "";
+    const x = ((V = (H = T.current) == null ? void 0 : H.style) == null ? void 0 : V.float) || "";
     (x === "left" || x === "right") && qe(x);
   }, []);
   const A = re(() => {
@@ -2576,15 +2595,15 @@ const _t = 300, Vo = ({
   }, 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(
-      Vn,
+      Wn,
       {
         onMouseDown: () => f(),
         onMouseMove: () => f(),
         onTouchStart: () => f(),
         onKeyDown: () => f(),
         children: [
-          /* @__PURE__ */ i(Wn, { show: h.toString(), children: /* @__PURE__ */ i(
-            Tn,
+          /* @__PURE__ */ i(Zn, { show: h.toString(), children: /* @__PURE__ */ i(
+            Dn,
             {
               ref: R,
               buttons: [
@@ -2604,7 +2623,7 @@ const _t = 300, Vo = ({
             }
           ) }),
           /* @__PURE__ */ i(
-            In,
+            On,
             {
               scrolling: l.toString(),
               isDraggable: nt.toString(),
@@ -2613,7 +2632,7 @@ const _t = 300, Vo = ({
               onMouseDown: Je,
               onMouseUp: tt,
               children: g !== null && /* @__PURE__ */ i(
-                kn,
+                $n,
                 {
                   changeZoom: (x) => {
                     c(x);
@@ -2630,9 +2649,9 @@ const _t = 300, Vo = ({
             }
           ),
           /* @__PURE__ */ i(
-            zn,
+            Bn,
             {
-              ref: T,
+              ref: N,
               show: h.toString(),
               buttons: [
                 {
@@ -2656,9 +2675,9 @@ const _t = 300, Vo = ({
               ]
             }
           ),
-          /* @__PURE__ */ b(Zn, { show: h.toString(), children: [
+          /* @__PURE__ */ b(In, { show: h.toString(), children: [
             /* @__PURE__ */ i(
-              Nn,
+              zn,
               {
                 buttons: [
                   {
@@ -2676,7 +2695,7 @@ const _t = 300, Vo = ({
                 ]
               }
             ),
-            /* @__PURE__ */ b(Bn, { variant: "span", children: [
+            /* @__PURE__ */ b(Vn, { variant: "span", children: [
               Math.trunc(s * 100),
               "%"
             ] })
@@ -2685,7 +2704,7 @@ const _t = 300, Vo = ({
       }
     ) }),
     /* @__PURE__ */ i(
-      Rn,
+      Hn,
       {
         ref: $,
         onClick: ke,
@@ -2695,19 +2714,19 @@ const _t = 300, Vo = ({
         alignment: Ue,
         tabIndex: 0,
         children: /* @__PURE__ */ i(
-          On,
+          An,
           {
             ...e,
             alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "",
-            ref: D
+            ref: T
           }
         )
       }
     )
   ] });
-}, we = N(
+}, we = D(
   ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ i(
-    Hn,
+    Tn,
     {
       ref: o,
       show: e,
@@ -2722,7 +2741,7 @@ const _t = 300, Vo = ({
           icon: l,
           className: d
         }, h) => /* @__PURE__ */ i(
-          Dn,
+          Nn,
           {
             circle: s.toString(),
             onClick: a,
@@ -2745,20 +2764,20 @@ const _t = 300, Vo = ({
           opacity: 0;
           pointer-events: none;
         `}
-`, Rn = C(xe)`
+`, Hn = C(xe)`
   display: inline-block !important;
 
   ${(e) => (e.alignment === "right" || e.alignment === "left") && k`
       float: ${e.alignment};
     `}
-`, Hn = C(Xe)`
+`, Tn = C(Xe)`
   position: fixed;
   display: flex;
   gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, me = "39px", Dn = C(se)`
+`, me = "39px", Nn = C(se)`
   width: ${me};
   height: ${me};
   display: flex;
@@ -2823,7 +2842,7 @@ const _t = 300, Vo = ({
           opacity: 0;
           pointer-events: none;
         `}
-`, Tn = C(we)`
+`, Dn = C(we)`
   top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2832,7 +2851,7 @@ const _t = 300, Vo = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, Nn = C(we)`
+`, zn = C(we)`
   bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2840,7 +2859,7 @@ const _t = 300, Vo = ({
   width: 100%;
   align-items: center;
   justify-content: center;
-`, zn = C(we)`
+`, Bn = C(we)`
   display: block;
   button {
     position: fixed;
@@ -2858,7 +2877,7 @@ const _t = 300, Vo = ({
 }};
     }
   }
-`, Bn = C(X)`
+`, Vn = C(X)`
   position: fixed;
   bottom: ${(e) => {
   var t;
@@ -2883,23 +2902,23 @@ const _t = 300, Vo = ({
   height: 88px;
   left: 0px;
   z-index: 5;
-`, Vn = C.div`
+`, Wn = C.div`
   width: 100%;
-`, Wn = C(_e)`
+`, Zn = C(_e)`
   top: 0px;
   background-image: linear-gradient(
     to bottom,
     rgb(34, 34, 34, 0.8),
     rgba(34, 34, 34, 0)
   );
-`, Zn = C(_e)`
+`, In = C(_e)`
   bottom: 0px;
   background-image: linear-gradient(
     to top,
     rgb(34, 34, 34, 0.8),
     rgba(34, 34, 34, 0)
   );
-`, In = C.div`
+`, On = C.div`
   width: 100%;
   height: 100vh;
   overflow: auto;
@@ -2908,9 +2927,9 @@ const _t = 300, Vo = ({
   white-space: nowrap;
   justify-content: center;
   cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, On = C.img`
+`, An = C.img`
   cursor: pointer;
-`, An = N(
+`, Fn = D(
   ({
     className: e,
     children: t,
@@ -2944,7 +2963,7 @@ const _t = 300, Vo = ({
     }), [f.current]);
     return /* @__PURE__ */ b(U, { children: [
       /* @__PURE__ */ i(Ye, { visible: u, onClick: m, children: /* @__PURE__ */ b(
-        Fn,
+        Pn,
         {
           className: M(
             e,
@@ -2976,7 +2995,7 @@ const _t = 300, Vo = ({
       })
     ] });
   }
-), Fn = C.div`
+), Pn = C.div`
   font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2995,7 +3014,7 @@ const _t = 300, Vo = ({
   ${(e) => Pe(e)}
   ${(e) => e.css && e.css}
   outline: none;
-`, Ao = ({
+`, Fo = ({
   className: e,
   trigger: t,
   header: n = "",
@@ -3015,21 +3034,21 @@ const _t = 300, Vo = ({
     s(), (h = a == null ? void 0 : a.current) == null || h.close();
   }, [s]);
   return /* @__PURE__ */ b(
-    Pn,
+    jn,
     {
       className: e,
       trigger: t,
       ref: a,
       onOverlayClick: l,
       children: [
-        n && /* @__PURE__ */ i(Ne, { children: n }),
-        o && /* @__PURE__ */ i(Ne, { children: o }),
-        u && /* @__PURE__ */ i(jn, { onClick: d, children: u }),
-        c && /* @__PURE__ */ i(Kn, { onClick: l, children: c })
+        n && /* @__PURE__ */ i(De, { children: n }),
+        o && /* @__PURE__ */ i(De, { children: o }),
+        u && /* @__PURE__ */ i(Kn, { onClick: d, children: u }),
+        c && /* @__PURE__ */ i(Yn, { onClick: l, children: c })
       ]
     }
   );
-}, Pn = C(An)`
+}, jn = C(Fn)`
   display: block;
 
   span {
@@ -3047,7 +3066,7 @@ const _t = 300, Vo = ({
 }};
     }
   }
-`, jn = C(se)`
+`, Kn = C(se)`
   display: inline-block;
   min-width: 50px;
   ${(e) => {
@@ -3077,7 +3096,7 @@ const _t = 300, Vo = ({
   &:focus-visible {
     ${O}
   }
-`, Kn = C(se)`
+`, Yn = C(se)`
   display: inline-block;
   min-width: 50px;
   ${(e) => {
@@ -3098,25 +3117,25 @@ const _t = 300, Vo = ({
   &:focus-visible {
     ${O};
   }
-`, Fo = ({
+`, Po = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__PURE__ */ b(Yn, { children: [
-  /* @__PURE__ */ i(Xn, { children: /* @__PURE__ */ i(X, { variant: "h2", children: "404" }) }),
-  /* @__PURE__ */ b(_n, { children: [
+}) => /* @__PURE__ */ b(Xn, { children: [
+  /* @__PURE__ */ i(_n, { children: /* @__PURE__ */ i(X, { variant: "h2", children: "404" }) }),
+  /* @__PURE__ */ b(Un, { children: [
     /* @__PURE__ */ i(X, { variant: "h3", children: e }),
-    /* @__PURE__ */ i(qn, { routeName: "index", "aria-label": t, text: t })
+    /* @__PURE__ */ i(Qn, { routeName: "index", "aria-label": t, text: t })
   ] }),
-  /* @__PURE__ */ b(Un, { children: [
+  /* @__PURE__ */ b(qn, { children: [
     /* @__PURE__ */ i("span", { children: n }),
     /* @__PURE__ */ i("ul", { children: /* @__PURE__ */ i("li", { children: o }) })
   ] })
-] }), Yn = C.div`
+] }), Xn = C.div`
   display: flex;
   flex-wrap: wrap;
-`, Xn = C.div`
+`, _n = C.div`
   ${(e) => ie(e)(
   "h2",
   k`
@@ -3126,7 +3145,7 @@ const _t = 300, Vo = ({
         font-size: 7em;
       `
 )}
-`, _n = C.div`
+`, Un = C.div`
   margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -3153,7 +3172,7 @@ const _t = 300, Vo = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
   }
-`, Un = C.div`
+`, qn = C.div`
   margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -3164,7 +3183,7 @@ const _t = 300, Vo = ({
     font-weight: bold;
   }
 `;
-class Po extends ct {
+class jo extends ct {
   constructor() {
     super(...arguments);
     te(this, "node");
@@ -3206,7 +3225,7 @@ class Po extends ct {
     ) : null;
   }
 }
-const qn = N(
+const Qn = D(
   ({ className: e, description: t, text: n, children: o, ...r }, s) => /* @__PURE__ */ b(
     xe,
     {
@@ -3221,19 +3240,19 @@ const qn = N(
     }
   )
 );
-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 jo = ({
+var Gn = /* @__PURE__ */ ((e) => (e.HH_MM = "hh:mm", e.YYYY_MM_DD = "yyyy-mm-dd", e.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", e))(Gn || {});
+const Ko = ({
   className: e = "",
   format: t = "hh:mm",
   timestamp: n
-}) => /* @__PURE__ */ i("span", { className: M(e, "humany-timestamp"), children: Gn(n, t) }), ze = (e) => `0${e}`.slice(-2);
-function Gn(e, t) {
+}) => /* @__PURE__ */ i("span", { className: M(e, "humany-timestamp"), children: Jn(n, t) }), ze = (e) => `0${e}`.slice(-2);
+function Jn(e, t) {
   const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), r = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], s = n.getFullYear(), c = n.getMonth() + 1, u = n.getDate(), a = `${s}-${ze(c)}-${ze(
     u
   )}`;
   return t === "yyyy-mm-dd" ? a : t === "hh:mm" ? r : `${a} ${r}`;
 }
-const Ko = ({
+const Yo = ({
   className: e,
   children: t,
   content: n,
@@ -3257,7 +3276,7 @@ const Ko = ({
     [h, c]
   );
   return /* @__PURE__ */ b(
-    Jn,
+    eo,
     {
       ref: a,
       className: "humany-tooltip-trigger",
@@ -3268,7 +3287,7 @@ const Ko = ({
       children: [
         t,
         s && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(
-          eo,
+          to,
           {
             className: M(e, "humany-tooltip-container"),
             x: l,
@@ -3280,10 +3299,10 @@ const Ko = ({
       ]
     }
   );
-}, Jn = C.div`
+}, eo = C.div`
   display: flex;
   align-items: center;
-`, eo = C.div`
+`, to = C.div`
   color: #ffffff;
   background: #161616;
   border-radius: ${(e) => e.theme.borderRadius};
@@ -3319,7 +3338,7 @@ const Ko = ({
   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;
 }};
-`, Yo = (e) => {
+`, Xo = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
@@ -3375,7 +3394,7 @@ const Ko = ({
       children: (l) => s && s(l, a && he.compose(l, a))
     }
   );
-}, to = N(
+}, no = D(
   ({
     className: e,
     children: t,
@@ -3434,7 +3453,7 @@ const Ko = ({
       }
     );
   }
-), Xo = N(
+), _o = D(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
     const r = B(), s = re(() => {
       if (!r)
@@ -3443,7 +3462,7 @@ const Ko = ({
       return !c || !c.childElementCount ? null : c.children[0];
     }, [r]);
     return s ? /* @__PURE__ */ i(q, { elementId: e, parent: s, children: /* @__PURE__ */ i(
-      no,
+      oo,
       {
         className: M(
           "humany-widget-overlay-outlet",
@@ -3454,7 +3473,7 @@ const Ko = ({
       }
     ) }) : null;
   }
-), no = C.div`
+), oo = C.div`
   background-color: #ffffff;
   position: absolute;
   top: 0;
@@ -3464,101 +3483,101 @@ const Ko = ({
   z-index: 10;
   width: 100%;
   height: 100%;
-`, _o = (e, t, n, o, r) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
+`, Uo = (e, t, n, o, r) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
   t,
   lt(() => n)
 ), Ct(e, t, o || (() => {
 }), t, r)));
 export {
-  Dt as AnchorLink,
+  Nt as AnchorLink,
   se as Button,
-  yo as Checkbox,
-  zt as ColumnContext,
+  bo as Checkbox,
+  Bt as ColumnContext,
   Ze as ComponentNodeContext,
-  Bt as ComponentPropertyContext,
-  Ao as Confirm,
-  Nt as ContainerContext,
-  Wt as ConversationContext,
-  Qn as DateFormats,
-  Vo as Drawer,
-  Xt as DrawerAnimationType,
-  Wo as Dropdown,
-  nn as Empty,
-  Zo as Grid,
+  Vt as ComponentPropertyContext,
+  Fo as Confirm,
+  zt as ContainerContext,
+  Zt as ConversationContext,
+  Gn as DateFormats,
+  Wo as Drawer,
+  _t as DrawerAnimationType,
+  Zo as Dropdown,
+  on as Empty,
+  Io as Grid,
   Ke as Html,
-  sn as Icon,
-  Io as Input,
-  ln as ItemList,
-  Oo as ItemTree,
-  En as Lightbox,
+  an as Icon,
+  Oo as Input,
+  dn as ItemList,
+  Ao as ItemTree,
+  Rn as Lightbox,
   xe as Link,
-  an as List,
-  An as Modal,
-  Fo as NotFound,
+  cn as List,
+  Fn as Modal,
+  Po as NotFound,
   Ye as Overlay,
-  cn as Paragraph,
+  ln as Paragraph,
   q as Portal,
-  dn as RouteLink,
-  Vt as RoutingContext,
-  Ne as StyledText,
+  un as RouteLink,
+  Wt as RoutingContext,
+  De as StyledText,
   Q as SymbolBadge,
-  Po as TabStop,
+  jo as TabStop,
   be as Text,
-  qn as TextLink,
-  jo as Timestamp,
-  Ko as Tooltip,
-  Yo as TransitionComponent,
+  Qn as TextLink,
+  Ko as Timestamp,
+  Yo as Tooltip,
+  Xo as TransitionComponent,
   X as Typography,
-  to as WidgetLink,
-  Xo as WidgetOverlayOutlet,
+  no as WidgetLink,
+  _o as WidgetOverlayOutlet,
   O as borderTabStyle,
-  Te as browser,
-  At as buttonCss,
+  Ne as browser,
+  Ft as buttonCss,
   Pe as contentBox,
   z as convertToStringAttributes,
-  Co as createEmptyComponent,
-  _o as createReactComponent,
-  Ht as defaultRenderInstructions,
+  yo as createEmptyComponent,
+  Uo as createReactComponent,
+  Tt as defaultRenderInstructions,
   Lt as embeddedLinkMapper,
   We as filterCssProps,
   Mt as filterCssPropsStyle,
   St as genericHashLink,
-  Bo as genericHtml,
+  Vo as genericHtml,
   ie as headingElement,
-  Rt as imageLightboxRenderer,
-  To as invertedHoverButton,
-  zo as itemList,
-  Ft as linkTabStyle,
-  Pt as list,
-  No as paddedBorderTabStyle,
-  Et as processHtmlString,
+  Ht as imageLightboxRenderer,
+  Do as invertedHoverButton,
+  Bo as itemList,
+  Pt as linkTabStyle,
+  jt as list,
+  zo as paddedBorderTabStyle,
+  Rt as processHtmlString,
   he as transitionComposer,
-  bo as useAction,
-  vo as useChildren,
-  xo as useColumns,
-  wo as useComponent,
+  vo as useAction,
+  xo as useChildren,
+  wo as useColumns,
+  ko as useComponent,
   pe as useComponentDescriptor,
   Ce as useComponentNode,
   Y as useComponentPlatform,
   B as useContainer,
-  Zt as useContext,
-  ko as useConversation,
-  $o as useDispatch,
+  It as useContext,
+  $o as useConversation,
+  Lo as useDispatch,
   W as useEventListener,
-  It as useEvents,
+  Ot as useEvents,
   Z as useIsMounted,
-  Lo as useIsTabbing,
+  Mo as useIsTabbing,
   j as useKeyPress,
-  Mo as useLayout,
+  So as useLayout,
   Ie as usePrevious,
-  So as useProperties,
-  Eo as useRenderState,
-  Ro as useRouteData,
+  Eo as useProperties,
+  Ro as useRenderState,
+  Ho as useRouteData,
   Oe as useRouter,
   Ae as useScroll,
-  Ho as useSettings,
+  To as useSettings,
   Fe as useToggle,
-  Do as useTransitionEnd,
+  No as useTransitionEnd,
   ye as useUniqueMenu,
   ae as useWidgetEvent
 };