@telia-ace/widget-ui 1.0.33-next.4 → 1.0.33-next.5

package/dist/index.js

@@ -1,37 +1,36 @@
-var ct = Object.defineProperty, lt = Object.defineProperties;
-var ut = Object.getOwnPropertyDescriptors;
+var at = Object.defineProperty, ct = Object.defineProperties;
+var lt = Object.getOwnPropertyDescriptors;
 var re = Object.getOwnPropertySymbols;
-var De = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
-var de = (e, t, n) => t in e ? ct(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, h = (e, t) => {
+var Te = Object.prototype.hasOwnProperty, De = Object.prototype.propertyIsEnumerable;
+var He = (e, t, n) => t in e ? at(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, h = (e, t) => {
   for (var n in t || (t = {}))
-    De.call(t, n) && de(e, n, t[n]);
+    Te.call(t, n) && He(e, n, t[n]);
   if (re)
     for (var n of re(t))
-      Be.call(t, n) && de(e, n, t[n]);
+      De.call(t, n) && He(e, n, t[n]);
   return e;
-}, k = (e, t) => lt(e, ut(t));
+}, k = (e, t) => ct(e, lt(t));
 var R = (e, t) => {
   var n = {};
   for (var o in e)
-    De.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+    Te.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
   if (e != null && re)
     for (var o of re(e))
-      t.indexOf(o) < 0 && Be.call(e, o) && (n[o] = e[o]);
+      t.indexOf(o) < 0 && De.call(e, o) && (n[o] = e[o]);
   return n;
 };
-var oe = (e, t, n) => (de(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { Container as mt, WidgetState as dt } from "@webprovisions/platform";
-import r, { forwardRef as N, createContext as X, useContext as j, useState as $, useEffect as v, useRef as S, useCallback as T, useImperativeHandle as ye, useMemo as ie, Component as ft, lazy as ht } from "react";
-import { ComponentPlatform as pt, asDescriptor as gt, createEventSubscriber as Ct, ComponentQuery as yt, WidgetRenderState as se, extendComponent as bt } from "@telia-ace/widget-core";
-import { css as L, keyframes as Oe } from "@emotion/react";
+import { Container as ut, WidgetState as mt } from "@webprovisions/platform";
+import r, { forwardRef as N, createContext as X, useContext as j, useState as $, useEffect as v, useRef as S, useCallback as T, useImperativeHandle as ge, useMemo as se, Component as dt, lazy as ft } from "react";
+import { ComponentPlatform as ht, asDescriptor as pt, createEventSubscriber as gt, ComponentQuery as Ct, WidgetRenderState as oe, extendComponent as yt } from "@telia-ace/widget-core";
+import { css as L, keyframes as Ie } from "@emotion/react";
 import y from "@emotion/styled";
-import { kebabCase as vt, appendClassNames as M, uuid as Q, removeNullAndUndefinedValues as ze, Logger as fe } from "@telia-ace/widget-utilities";
-import { CSSTransition as Pe, Transition as Et } from "react-transition-group";
-import { createPortal as xt } from "react-dom";
-import { HistoryMode as Ne, getSpecificWidgetPath as wt } from "@telia-ace/widget-routing";
-import { Link as he } from "react-router-dom";
-import Ve from "htmr";
-const $t = (e) => e === "entering" || e === "entered", kt = (e) => e === "exiting" || e === "exited", K = {
+import { kebabCase as bt, appendClassNames as M, uuid as Q, removeNullAndUndefinedValues as Be, Logger as me } from "@telia-ace/widget-utilities";
+import { CSSTransition as Oe, Transition as vt } from "react-transition-group";
+import { createPortal as Et } from "react-dom";
+import { HistoryMode as ze, getSpecificWidgetPath as xt } from "@telia-ace/widget-routing";
+import { Link as de } from "react-router-dom";
+import Ne from "htmr";
+const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exiting" || e === "exited", K = {
   fade: {
     in: "opacity: 1;",
     out: "opacity: 0;"
@@ -56,10 +55,10 @@ const $t = (e) => e === "entering" || e === "entered", kt = (e) => e === "exitin
     in: "transform: scale(1);",
     out: "transform: scale(0);"
   }
-}, Lt = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], pe = {
+}, kt = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], fe = {
   compose: (e = "exited", t) => {
-    const { enter: n, exit: o } = t, s = n.transitionKeys.split(" "), i = Lt.indexOf(s[0]) > -1 ? "transform" : "opacity";
-    if ($t(e))
+    const { enter: n, exit: o } = t, s = n.transitionKeys.split(" "), i = kt.indexOf(s[0]) > -1 ? "transform" : "opacity";
+    if (wt(e))
       return s && s.length > 0 ? L`
                     ${s && s.length > 0 && s.map((l) => K[l] ? K[l].in : "")}
                     transition: ${i} ${n.duration}ms ${n.easing};
@@ -67,7 +66,7 @@ const $t = (e) => e === "entering" || e === "entered", kt = (e) => e === "exitin
     const a = s && s.length > 0 && L`
                 ${s.map((l) => K[l] ? K[l].out : "")}
             `;
-    if (kt(e)) {
+    if ($t(e)) {
       const l = o.transitionKeys.split(" ");
       return l && l.length > 0 && e === "exiting" ? L`
                     ${a};
@@ -78,7 +77,7 @@ const $t = (e) => e === "entering" || e === "entered", kt = (e) => e === "exitin
   },
   composeViewTransition: (e, t, n) => {
     if (t === "slide")
-      return pe.compose(e, {
+      return fe.compose(e, {
         enter: {
           transitionKeys: n === "forth" ? "slide-right" : "slide-left",
           duration: 500
@@ -89,7 +88,7 @@ const $t = (e) => e === "entering" || e === "entered", kt = (e) => e === "exitin
         }
       });
     if (t === "fade")
-      return pe.compose(e, {
+      return fe.compose(e, {
         enter: {
           transitionKeys: "fade",
           duration: 500
@@ -102,8 +101,8 @@ const $t = (e) => e === "entering" || e === "entered", kt = (e) => e === "exitin
   },
   get: (e) => K[e]
 };
-var ge = /* @__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))(ge || {});
-const We = () => {
+var he = /* @__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))(he || {});
+const Ve = () => {
   const {
     opr: e,
     opera: t,
@@ -125,51 +124,51 @@ const We = () => {
   const p = !!i;
   if (p)
     return "internet-explorer";
-  if (!p && !!a)
+  if (!p && a)
     return "edge";
   const d = !!l && (!!l.webstore || !!l.runtime);
   if (d)
     return "chrome";
   if (d && navigator.userAgent.indexOf("Edg") !== -1)
     return "edge-chromium";
-  if ((d || c) && !!u)
+  if ((d || c) && u)
     return "blink";
-}, Mt = ["string", "number"], V = (e) => Object.keys(e).reduce((t, n) => {
+}, Lt = ["string", "number"], V = (e) => Object.keys(e).reduce((t, n) => {
   const o = typeof e[n] == "undefined" ? "" : e[n], s = typeof o;
-  if (Mt.indexOf(s) > -1) {
+  if (Lt.indexOf(s) > -1) {
     const i = n.substring(0, 5);
-    i === "data-" || i === "aria-" ? t[vt(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
+    i === "data-" || i === "aria-" ? t[bt(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
   } else
     t[n] = o;
   return t;
-}, {}), St = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ r.createElement(jn, h({}, t)) : null, Co = St, Rt = (e) => new RegExp("^#", "i").test(e), Ht = (e) => (o) => {
+}, {}), Mt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ r.createElement(Kn, h({}, t)) : null, go = Mt, St = (e) => new RegExp("^#", "i").test(e), Rt = (e) => (o) => {
   var s = o, { children: t } = s, n = R(s, ["children"]);
   const {
     implementation: i,
     name: a
   } = e.get("$widget"), { href: l = "" } = n;
-  if (Rt(l))
-    return /* @__PURE__ */ r.createElement(It, { smooth: !0, to: l }, t);
+  if (St(l))
+    return /* @__PURE__ */ r.createElement(Zt, { smooth: !0, to: l }, t);
   const u = i.bindings.map((p) => p.replace(/\./g, "\\.")).join("|"), m = new RegExp(`^((http[s]?:)?//)?(${u})/([^\\s]+)`).exec(l);
   if (m && m.length >= 4) {
     const p = m[4];
     if (i.widgets.get(p) && !p.startsWith("blob?") && !p.startsWith(a))
-      return /* @__PURE__ */ r.createElement(to, { widgetName: p }, t);
+      return /* @__PURE__ */ r.createElement(eo, { widgetName: p }, t);
   }
   return /* @__PURE__ */ r.createElement("a", h({}, n), t);
-}, Tt = Ht, Ae = (e) => {
+}, Ht = Rt, Pe = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
     n.indexOf("css-") > -1 && (t[n] = e[n]);
   }), t;
-}, Dt = (e) => {
+}, Tt = (e) => {
   let t = "";
-  return Object.keys(Ae(e)).forEach((n) => {
+  return Object.keys(Pe(e)).forEach((n) => {
     n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
   }), L`
         ${t}
     `;
-}, Bt = Ae, zt = (e, t) => {
+}, Dt = Pe, Bt = (e, t) => {
   let n = "";
   const o = () => {
     n = "";
@@ -180,7 +179,7 @@ const We = () => {
     e.scroll || ((d) => e.smooth ? d.scrollIntoView({ behavior: "smooth" }) : d.scrollIntoView())
   ), !1), m = e, { scroll: a, smooth: l, to: u } = m, c = R(m, ["scroll", "smooth", "to"]);
   return t === "a" && (c.href = "javascript:;"), /* @__PURE__ */ r.createElement(t, k(h({}, c), { onClick: i }), e.children);
-}, ae = (e) => (t, n) => {
+}, ie = (e) => (t, n) => {
   let o = t, s = "";
   if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(t))
     o = t;
@@ -199,18 +198,18 @@ const We = () => {
         }
     `;
 };
-function Nt(e, t) {
-  return t ? Ve(e, t) : Ve(e);
+function zt(e, t) {
+  return t ? Ne(e, t) : Ne(e);
 }
-const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBody: e }), Wt = (e, t) => ({
+const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBody: e }), Vt = (e, t) => ({
   transform: {
-    a: Tt(e),
-    img: Vt(t)
+    a: Ht(e),
+    img: Nt(t)
   }
-}), Zt = (e) => zt(e, "a"), It = Zt, ce = N((s, o) => {
+}), Wt = (e) => Bt(e, "a"), Zt = Wt, ae = N((s, o) => {
   var i = s, { className: e, children: t } = i, n = R(i, ["className", "children"]);
   return /* @__PURE__ */ r.createElement(
-    Ot,
+    It,
     k(h({
       type: "button",
       className: M(e, "humany-button")
@@ -219,7 +218,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     }),
     t
   );
-}), Ot = y.button`
+}), It = y.button`
     -webkit-appearance: button;
     text-transform: none;
     overflow: visible;
@@ -232,7 +231,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     line-height: normal;
     margin: 0;
     padding: 0;
-`, Pt = (s) => {
+`, Ot = (s) => {
   var i = s, {
     onChange: e = () => {
     },
@@ -254,43 +253,43 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
       onChange: (a) => e(a.target.value, a.currentTarget.checked)
     }, V(o))
   );
-}, yo = Pt, At = X(new mt()), Ft = X(1), Fe = X({
+}, Co = Ot, Pt = X(new ut()), At = X(1), Ae = X({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), Kt = X({}), jt = X(null), Yt = X(null), Xt = () => j(Fe), be = Xt, Ut = () => j(At), Z = Ut, _t = (e, t) => {
-  const n = be().id, o = Z();
+}), Ft = X({}), Kt = X(null), jt = X(null), Yt = () => j(Ae), Ce = Yt, Xt = () => j(Pt), Z = Xt, Ut = (e, t) => {
+  const n = Ce().id, o = Z();
   return (s, i) => {
     (t || o).getAsync("actionResolver").then((a) => {
       a.action(e || n, s, i);
     });
   };
-}, bo = _t, qt = (e) => {
-  const t = j(Fe), n = U(), [o, s] = $();
+}, yo = Ut, _t = (e) => {
+  const t = j(Ae), n = U(), [o, s] = $();
   return v(() => {
     if ((e || t.id) && n) {
       const i = n.nodes.get(e || t.id);
       s(i);
     }
   }, [e, t.id, n]), o;
-}, ve = qt, Qt = () => {
+}, ye = _t, qt = () => {
   const e = S(!1);
   return v(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
-}, O = Qt, Gt = (e) => {
+}, O = qt, Qt = (e) => {
   const t = Z(), [n, o] = $(null), s = O();
   return v(() => {
-    pt.getInstance(e || t).then((i) => {
+    ht.getInstance(e || t).then((i) => {
       s.current && o(i);
     });
   }, [s]), n;
-}, U = Gt, Jt = () => {
-  const e = ve(), t = U(), [n, o] = $([]), s = O(), i = T(
+}, U = Qt, Gt = () => {
+  const e = ye(), t = U(), [n, o] = $([]), s = O(), i = T(
     (a) => {
       if (t && s.current && a) {
-        const l = t.getBranch(a), u = a.getChildren(l).map((c) => gt(c));
+        const l = t.getBranch(a), u = a.getChildren(l).map((c) => pt(c));
         o(u);
       }
     },
@@ -300,7 +299,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     e && i(e);
   }, [e, t]), v(() => {
     if (t) {
-      const [a, l] = Ct(t.events);
+      const [a, l] = gt(t.events);
       return a("components:set-layout", (u, c) => {
         (e === c.node.parent || c.node.parent === t.nodes.root) && i(c.node.parent);
       }), a("components:node-appended", (u, c) => {
@@ -312,8 +311,8 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
       };
     }
   }, [e, t, i]), n;
-}, vo = Jt, en = () => j(Ft), Eo = en, tn = (e, t) => {
-  const n = be(), o = Z(), [s, i] = $(void 0), a = O(), l = e || n.type || "";
+}, bo = Gt, Jt = () => j(At), vo = Jt, en = (e, t) => {
+  const n = Ce(), o = Z(), [s, i] = $(void 0), a = O(), l = e || n.type || "";
   return v(() => {
     if (l) {
       let u;
@@ -330,8 +329,8 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
       };
     }
   }, [a, l, t, o]), s;
-}, xo = tn, nn = (e) => {
-  const t = ve(e), n = U(), [o, s] = $({}), i = O();
+}, Eo = en, tn = (e) => {
+  const t = ye(e), n = U(), [o, s] = $({}), i = O();
   return v(() => {
     t && i.current && s(t.attributes.context);
   }, [i, t]), v(() => {
@@ -347,11 +346,11 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
       };
     }
   }, [i, n, t]), o;
-}, rn = nn, on = () => j(Yt), wo = on, sn = () => {
-  const e = U(), t = be(), [n, o] = $([]), [s, i] = $();
+}, nn = tn, rn = () => j(jt), xo = rn, on = () => {
+  const e = U(), t = Ce(), [n, o] = $([]), [s, i] = $();
   return v(() => {
     if (e && t) {
-      const a = new yt(e).withId(t.id), l = e.actions(a, t.type || Q());
+      const a = new Ct(e).withId(t.id), l = e.actions(a, t.type || Q());
       i(l), n !== null && (n.forEach((u) => {
         l.dispatch(u.key, u.data).then((c) => u.resolve(c)).catch((c) => u.reject(c));
       }), o(null));
@@ -364,7 +363,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
       reject: c
     });
   }) : s.dispatch(a, l);
-}, $o = sn, I = (e, t, n = window, o = () => !0) => {
+}, wo = on, I = (e, t, n = window, o = () => !0) => {
   const s = S(() => {
   });
   v(() => {
@@ -377,10 +376,10 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
       n.removeEventListener(e, a);
     };
   }, [e, n]);
-}, an = (e) => {
+}, sn = (e) => {
   const t = Z(), { events: n } = (e || t).get("$widget");
   return n;
-}, cn = an, ln = () => {
+}, an = sn, cn = () => {
   const [e, t] = $(!1);
   return v(() => {
     const n = () => {
@@ -392,7 +391,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
       window.removeEventListener("keydown", o), window.removeEventListener("click", n);
     };
   }, []), e;
-}, ko = ln, un = (e, t) => {
+}, $o = cn, ln = (e, t) => {
   const [n, o] = $(!1), s = T(
     (a) => {
       const { key: l } = a;
@@ -406,8 +405,8 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     [o]
   );
   return I("keydown", s, window), I("keyup", i, window), n;
-}, Y = un, mn = (e) => {
-  const t = ve(e), n = U(), [o, s] = $({}), i = O();
+}, Y = ln, un = (e) => {
+  const t = ye(e), n = U(), [o, s] = $({}), i = O();
   return v(() => {
     t && i.current && s(t.attributes.layout);
   }, [t, i]), v(() => {
@@ -423,12 +422,12 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
       };
     }
   }, [n, i, t]), o;
-}, Lo = mn, dn = (e) => {
+}, ko = un, mn = (e) => {
   const t = S();
   return v(() => {
     t.current = e;
   }), t.current;
-}, Ke = dn, fn = () => j(Kt), Mo = fn, hn = (e) => {
+}, Fe = mn, dn = () => j(Ft), Lo = dn, fn = (e) => {
   const [t, n] = $(), o = Z(), s = O();
   return v(() => {
     let i;
@@ -444,19 +443,19 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
           case "close":
           case "open":
             s.current && n(
-              p === "open" ? se.open : se.closed
+              p === "open" ? oe.open : oe.closed
             );
             break;
           case "hide":
-            s.current && n(se.hidden);
+            s.current && n(oe.hidden);
         }
       });
     }), () => {
       i && i();
     };
   }, [s]), t;
-}, So = hn, pn = () => j(jt), je = pn, gn = (e) => {
-  const t = Z(), n = je(), [o, s] = $({ name: "", params: {} }), i = O();
+}, Mo = fn, hn = () => j(Kt), Ke = hn, pn = (e) => {
+  const t = Z(), n = Ke(), [o, s] = $({ name: "", params: {} }), i = O();
   return v(() => {
     const a = (e || t).get("$widget");
     if (!a)
@@ -465,16 +464,16 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     return l.subscribe("router:change", (c, { next: { routeData: m } }) => {
       if (i.current) {
         const { name: p, params: d } = m;
-        ze(d), s({ name: p, params: d });
+        Be(d), s({ name: p, params: d });
       }
     });
   }, [i, e, t]), v(() => {
     if (n && n.history && i.current) {
       const a = n.getRouteData(), { name: l, params: u } = a;
-      ze(u), s({ name: l, params: u });
+      Be(u), s({ name: l, params: u });
     }
   }, [n, i]), o;
-}, Ro = gn, Ye = (e) => {
+}, So = pn, je = (e) => {
   const t = S(), n = S(0);
   let o;
   const s = T(() => {
@@ -500,9 +499,9 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     },
     [t, n]
   );
-  return I("scroll", s, t.current, () => t.current && e), I("touchstart", i, t.current, () => t.current && e), I("touchmove", u, t.current, () => t.current && e), e ? [Cn, t] : ["", t];
-}, Cn = `
-    overflow-y: ${We() === ge.Chrome || We() === ge.EdgeChromium ? "overlay" : "auto"};
+  return I("scroll", s, t.current, () => t.current && e), I("touchstart", i, t.current, () => t.current && e), I("touchmove", u, t.current, () => t.current && e), e ? [gn, t] : ["", t];
+}, gn = `
+    overflow-y: ${Ve() === he.Chrome || Ve() === he.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
     scrollbar-width: thin; /* Firefox */
@@ -529,19 +528,19 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
             background-color: #7F7F7F;
         }
     }
-`, yn = () => {
+`, Cn = () => {
   const [e, t] = $(null), n = Z(), o = O();
   return v(() => {
     n.get("settings").then((s) => {
       o.current && t(s);
     });
   }, [o]), e;
-}, Ho = yn, bn = (e = !1) => {
+}, Ro = Cn, yn = (e = !1) => {
   const [t, n] = $(e), o = T((s) => {
     n(typeof s == "boolean" ? s : (i) => !i);
   }, []);
   return [t, o];
-}, Xe = bn, To = (e) => {
+}, Ye = yn, Ho = (e) => {
   const t = Z(), n = U(), o = t.get("widgetDOMElement"), [s, i] = $(null), [a, l] = $(null), u = O();
   v(() => {
     if (n && u.current) {
@@ -563,8 +562,8 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     [e, u, s, a]
   );
   I("transitionend", c, s), I("transitionend", c, a);
-}, vn = (e, t, n = [], o) => {
-  const s = cn(o);
+}, bn = (e, t, n = [], o) => {
+  const s = an(o);
   return v(() => {
     if (s) {
       const i = s.subscribe(e, t);
@@ -573,12 +572,12 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
       };
     }
   }, [s].concat(n)), (i) => s == null ? void 0 : s.dispatch(e, i);
-}, le = vn, En = (e, t) => {
-  const n = le("widget:menu-toggled", (o, s) => {
+}, ce = bn, vn = (e, t) => {
+  const n = ce("widget:menu-toggled", (o, s) => {
     s !== e && t();
   });
   return () => n(e);
-}, Ee = En, xn = (o) => {
+}, be = vn, En = (o) => {
   var s = o, { className: e, children: t } = s, n = R(s, ["className", "children"]);
   return /* @__PURE__ */ r.createElement(
     "span",
@@ -587,7 +586,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     }, V(n)),
     t
   );
-}, xe = xn, Ue = (e) => L`
+}, ve = En, Xe = (e) => L`
     display: flex;
     justify-content: center;
     flex-direction: column;
@@ -596,7 +595,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     border: ${e.theme.border};
     box-shadow: ${e.theme.boxShadow || "none"};
     ${e["data-loading"] && "min-height: 150px;"}
-`, wn = (e) => {
+`, xn = (e) => {
   var t, n, o;
   return L`
     cursor: pointer;
@@ -608,11 +607,11 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     font-family: ${(n = e.theme.fonts) == null ? void 0 : n.type};
     font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
 `;
-}, Do = (e) => {
+}, To = (e) => {
   var a;
   const { primaryColor: t, secondaryColor: n, active: o, theme: s, disabled: i } = e;
   return L`
-        ${wn(e)}
+        ${xn(e)}
         border: 1px solid ${o ? n : t};
         background-color: ${o ? t : n};
 
@@ -653,16 +652,16 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     color: ${(o = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : o.inactiveText};
     border-color: transparent;
 `;
-}, $n = (e) => L`
+}, wn = (e) => L`
     ${A(e)}
     text-decoration: underline;
-`, Bo = (e) => {
+`, Do = (e) => {
   var t;
   return L`
     ${A(e)}
     outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
 `;
-}, we = y(ce)`
+}, Ee = y(ae)`
     position: absolute;
     top: ${(e) => {
   var t;
@@ -690,7 +689,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
         height: 15px;
         box-sizing: content-box;
     }
-`, Ze = y(xe)`
+`, We = y(ve)`
     font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -701,7 +700,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, kn = (e) => {
+`, $n = (e) => {
   var t;
   return L`
     padding: 0;
@@ -723,11 +722,11 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
         margin: 0;
     }
 `;
-}, zo = (e) => {
+}, Bo = (e) => {
   var t, n, o, s;
   return L`
     > div {
-        ${ae(e)(
+        ${ie(e)(
     "> h1",
     L`
                 margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
@@ -739,9 +738,9 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
   )}
     }
     > ul {
-        ${kn(e)}
+        ${$n(e)}
     }
-    ${ae(e)(
+    ${ie(e)(
     "h1",
     L`
             display: flex;
@@ -759,7 +758,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
         `
   )}
 `;
-}, No = (e) => {
+}, zo = (e) => {
   var t, n, o, s, i, a;
   return L`
     font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
@@ -788,7 +787,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     a {
         color: ${(o = e.theme.colors) == null ? void 0 : o.link};
         &:focus-visible {
-            ${$n(e)};
+            ${wn(e)};
         }
     }
 
@@ -814,7 +813,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
         margin: 0;
     }
 `;
-}, Ln = ({
+}, kn = ({
   elementId: e = "humany-portal-elements",
   parent: t = document.body,
   children: n
@@ -825,8 +824,8 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
   });
   return v(() => (t.appendChild(o), () => {
     o.childElementCount <= 1 && o.remove();
-  }), [o]), xt(n, o);
-}, G = Ln, Mn = (l) => {
+  }), [o]), Et(n, o);
+}, G = kn, Ln = (l) => {
   var u = l, {
     text: e = "",
     backgroundSize: t = "contain",
@@ -923,7 +922,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
         case "caret-left":
           return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "10.13", y1: "12.95", x2: "4.13", y2: "6.95", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "4.13", y1: "7.05", x2: "10.13", y2: "1.05", stroke: "black" }));
         case "caret-up":
-          return /* @__PURE__ */ r.createElement(Sn, h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
+          return /* @__PURE__ */ r.createElement(Mn, h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
         case "caret-down":
           return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
         case "back":
@@ -1309,7 +1308,7 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
     }
     case "FontAwesome":
       return /* @__PURE__ */ r.createElement(
-        _n,
+        Un,
         h({
           className: i,
           faIcon: m,
@@ -1327,9 +1326,9 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
         e.substring(0, 2)
       ) : null;
   }
-}, Sn = y.svg`
+}, Mn = y.svg`
     transform: rotate(180deg);
-`, J = Mn, Rn = {
+`, J = Ln, Sn = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1338,12 +1337,12 @@ const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBod
   h6: "h6",
   p: "p",
   span: "span"
-}, Hn = ({ variant: e, component: t, className: n, children: o }) => {
-  const { typographyVariantMapping: s = {} } = rn(), i = h(h({}, Rn), s), a = t || i[e] || "span";
-  return /* @__PURE__ */ r.createElement(Tn, { className: n, as: a }, o);
-}, Tn = y.span``, q = Hn;
-var Dn = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Dn || {});
-const Bn = 300, zn = ({
+}, Rn = ({ variant: e, component: t, className: n, children: o }) => {
+  const { typographyVariantMapping: s = {} } = nn(), i = h(h({}, Sn), s), a = t || i[e] || "span";
+  return /* @__PURE__ */ r.createElement(Hn, { className: n, as: a }, o);
+}, Hn = y.span``, q = Rn;
+var Tn = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Tn || {});
+const Dn = 300, Bn = ({
   className: e,
   children: t,
   header: n,
@@ -1353,9 +1352,10 @@ const Bn = 300, zn = ({
   closeButtonAriaLabel: a,
   animation: l = {
     type: "slide-in-bottom"
+    /* SlideInBottom */
   }
 }) => {
-  const { duration: u = Bn } = l, c = S(), m = S(), [p, d] = Ye(!0), [f, C] = Xe(), x = Ke(f), E = S(Q());
+  const { duration: u = Dn } = l, c = S(), m = S(), [p, d] = je(!0), [f, C] = Ye(), x = Fe(f), E = S(Q());
   v(() => {
     o && o(f);
   }, [f]);
@@ -1370,17 +1370,17 @@ const Bn = 300, zn = ({
     },
     window
   );
-  const g = Ee(E.current, () => {
+  const g = be(E.current, () => {
     C(!1);
   });
-  le("router:changed", () => {
+  ce("router:changed", () => {
     C(!1);
   }), v(() => {
     f && c.current ? c.current.focus() : !f && m.current && x && m.current.focus();
   }, [f, c.current, m.current]);
-  const H = On[l.type];
+  const H = In[l.type];
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-    Pe,
+    Oe,
     {
       in: f,
       className: "humany-drawer-transition",
@@ -1403,7 +1403,7 @@ const Bn = 300, zn = ({
         ref: d
       },
       /* @__PURE__ */ r.createElement(
-        we,
+        Ee,
         {
           onClick: () => C(!1),
           tabIndex: 0,
@@ -1412,7 +1412,7 @@ const Bn = 300, zn = ({
         },
         /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
       ),
-      !!n && /* @__PURE__ */ r.createElement(Nn, { variant: "h1", className: "humany-drawer-header" }, n),
+      !!n && /* @__PURE__ */ r.createElement(zn, { variant: "h1", className: "humany-drawer-header" }, n),
       t
     ))
   ), r.cloneElement(s, {
@@ -1423,7 +1423,7 @@ const Bn = 300, zn = ({
     "aria-label": s.props.title,
     "aria-expanded": f
   }));
-}, Vo = zn, ue = y.div`
+}, No = Bn, le = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -1440,7 +1440,7 @@ const Bn = 300, zn = ({
     box-shadow: ${(e) => e.theme.boxShadow};
     background: #ffffff;
     ${(e) => e.css && e.css}
-`, Nn = y(q)`
+`, zn = y(q)`
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1463,11 +1463,11 @@ const Bn = 300, zn = ({
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
     line-height: 1.2em;
-`, me = (e) => L`
+`, ue = (e) => L`
     transition: ${e.duration}ms;
-`, Vn = y(ue)`
+`, Nn = y(le)`
     max-height: 0;
-    ${me}
+    ${ue}
 
     &.humany-drawer-transition-enter {
         max-height: 0;
@@ -1482,8 +1482,8 @@ const Bn = 300, zn = ({
     &.humany-drawer-transition-exit-done {
         max-height: 0;
     }
-`, Wn = y(ue)`
-    ${me}
+`, Vn = y(le)`
+    ${ue}
     transform: translateX(100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1500,8 +1500,8 @@ const Bn = 300, zn = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(100%);
     }
-`, Zn = y(ue)`
-    ${me}
+`, Wn = y(le)`
+    ${ue}
     transform: translateX(-100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1518,8 +1518,8 @@ const Bn = 300, zn = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(-100%);
     }
-`, In = y(ue)`
-    ${me}
+`, Zn = y(le)`
+    ${ue}
     bottom: unset;
     top: 0;
     height: 0;
@@ -1537,12 +1537,24 @@ const Bn = 300, zn = ({
     &.humany-drawer-transition-exit-done {
         height: 0;
     }
-`, On = {
-  ["slide-in-bottom"]: Vn,
-  ["slide-in-right"]: Wn,
-  ["slide-in-left"]: Zn,
-  ["slide-in-top"]: In
-}, Pn = (e, t, n) => {
+`, In = {
+  [
+    "slide-in-bottom"
+    /* SlideInBottom */
+  ]: Nn,
+  [
+    "slide-in-right"
+    /* SlideInRight */
+  ]: Vn,
+  [
+    "slide-in-left"
+    /* SlideInLeft */
+  ]: Wn,
+  [
+    "slide-in-top"
+    /* SlideInTop */
+  ]: Zn
+}, On = (e, t, n) => {
   const [o, s] = $(0), [i, a] = $(0), l = T(
     (u, c) => {
       if (u.preventDefault(), c) {
@@ -1561,12 +1573,12 @@ const Bn = 300, zn = ({
     };
     u.left < 0 && (c.x = 0), u.bottom > window.innerHeight && (c.y = 0), c.x !== o && s(c.x), c.y !== i && a(c.y);
   }, [n, e, t]), [{ x: o, y: i }, l];
-}, _e = Pn, An = r.forwardRef(
+}, Ue = On, Pn = r.forwardRef(
   (a, i) => {
     var l = a, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = l, s = R(l, ["className", "children", "trigger", "closeButtonAriaLabel"]);
     const u = S(), c = S(), m = S();
-    ye(i, () => m.current, [m.current]);
-    const p = S(Q()), [d, f] = $(!1), C = Ke(d), [{ x, y: E }, b] = _e(d, p.current, m.current), g = Y("Escape");
+    ge(i, () => m.current, [m.current]);
+    const p = S(Q()), [d, f] = $(!1), C = Fe(d), [{ x, y: E }, b] = Ue(d, p.current, m.current), g = Y("Escape");
     v(() => {
       g && f(!1);
     }, [g]), v(() => {
@@ -1578,10 +1590,10 @@ const Bn = 300, zn = ({
         !m.current || !_ || m.current !== _ && !m.current.contains(_) && f(!1);
       },
       window
-    ), le("router:changed", () => {
+    ), ce("router:changed", () => {
       f(!1);
     });
-    const H = Ee(p.current, () => {
+    const H = be(p.current, () => {
       f(!1);
     }), B = T(
       (z) => {
@@ -1590,7 +1602,7 @@ const Bn = 300, zn = ({
       [H, b, f]
     );
     return /* @__PURE__ */ r.createElement(r.Fragment, null, d && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      Fn,
+      An,
       k(h({
         className: M(
           "humany-dropdown",
@@ -1603,7 +1615,7 @@ const Bn = 300, zn = ({
         ref: m
       }),
       /* @__PURE__ */ r.createElement(
-        we,
+        Ee,
         {
           onClick: () => f(!1),
           tabIndex: 0,
@@ -1620,8 +1632,8 @@ const Bn = 300, zn = ({
       "aria-expanded": d
     }));
   }
-), Wo = An, Fn = y.div`
-    ${Ue}
+), Vo = Pn, An = y.div`
+    ${Xe}
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -1635,41 +1647,41 @@ const Bn = 300, zn = ({
   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: ${((s = e.theme.sizes) == null ? void 0 : s.normal) || "0px"};`, t;
 }};
-`, Kn = (t) => {
+`, Fn = (t) => {
   var e = R(t, []);
-  return /* @__PURE__ */ r.createElement(Yn, h({}, e));
-}, jn = Kn, Yn = y.div`
+  return /* @__PURE__ */ r.createElement(jn, h({}, e));
+}, Kn = Fn, jn = y.div`
     display: none;
-`, Zo = N(
+`, Wo = N(
   (a, i) => {
     var l = a, { children: e, columns: t, gap: n, className: o } = l, s = R(l, ["children", "columns", "gap", "className"]);
     return /* @__PURE__ */ r.createElement(
-      Xn,
+      Yn,
       k(h(h({
         className: M(o, "humany-grid"),
         "data-columns": t,
         "data-gap": n
-      }, Bt(s)), V(s)), {
+      }, Dt(s)), V(s)), {
         ref: i
       }),
       e
     );
   }
-), Xn = y.div`
+), Yn = y.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;
-    ${Dt}
-`, qe = N(
+    ${Tt}
+`, _e = N(
   (i, s) => {
     var a = i, { htmlParseInstruction: e = null, className: t, html: n } = a, o = R(a, ["htmlParseInstruction", "className", "html"]);
     const l = Z(), [u, c] = $();
     return v(() => {
-      const m = Wt(l, n), p = k(h(h({}, m), e), {
+      const m = Vt(l, n), p = k(h(h({}, m), e), {
         transform: h(h({}, m.transform), e == null ? void 0 : e.transform)
-      }), d = Nt(n, p);
+      }), d = zt(n, p);
       c(d);
     }, [n, e]), /* @__PURE__ */ r.createElement(
       "div",
@@ -1681,7 +1693,7 @@ const Bn = 300, zn = ({
       u
     );
   }
-), Un = (i) => {
+), Xn = (i) => {
   var a = i, {
     faIcon: e,
     title: t,
@@ -1701,7 +1713,7 @@ const Bn = 300, zn = ({
       role: o
     }, V(s))
   );
-}, _n = Un, Io = N(
+}, Un = Xn, Zo = N(
   (p, m) => {
     var d = p, {
       className: e = "",
@@ -1729,7 +1741,7 @@ const Bn = 300, zn = ({
       "type"
     ]);
     const [f, C] = $(t), x = S();
-    ye(m, () => x.current), v(() => {
+    ge(m, () => x.current), v(() => {
       var g;
       t && ((g = x == null ? void 0 : x.current) == null || g.focus());
     }, [t, m, x]);
@@ -1760,7 +1772,7 @@ const Bn = 300, zn = ({
       })
     );
   }
-), qn = N(
+), _n = N(
   (a, i) => {
     var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, s = R(l, ["className", "items", "renderItem", "renderLi"]);
     return /* @__PURE__ */ r.createElement(
@@ -1776,7 +1788,7 @@ const Bn = 300, zn = ({
       )
     );
   }
-), Qn = N(
+), qn = N(
   (u, l) => {
     var c = u, { text: e, html: t, header: n, className: o, htmlParseInstruction: s, symbol: i } = c, a = R(c, ["text", "html", "header", "className", "htmlParseInstruction", "symbol"]);
     return /* @__PURE__ */ r.createElement(
@@ -1787,11 +1799,11 @@ const Bn = 300, zn = ({
         ref: l
       }),
       n ? /* @__PURE__ */ r.createElement(q, { variant: "h1" }, i ? /* @__PURE__ */ r.createElement(J, { symbol: i }) : null, n) : null,
-      t ? /* @__PURE__ */ r.createElement(qe, { html: t, htmlParseInstruction: s }) : null,
-      e ? /* @__PURE__ */ r.createElement(xe, null, e) : null
+      t ? /* @__PURE__ */ r.createElement(_e, { html: t, htmlParseInstruction: s }) : null,
+      e ? /* @__PURE__ */ r.createElement(ve, null, e) : null
     );
   }
-), Gn = N(
+), Qn = N(
   (f, d) => {
     var C = f, {
       header: e,
@@ -1826,12 +1838,12 @@ const Bn = 300, zn = ({
       }, V(p)), {
         ref: d
       }),
-      t || (e || n || o ? /* @__PURE__ */ r.createElement(Qn, { symbol: a, header: e, text: n, html: o }) : null),
-      l.length ? /* @__PURE__ */ r.createElement(qn, h({ items: l, renderItem: u, renderLi: c }, m)) : null,
+      t || (e || n || o ? /* @__PURE__ */ r.createElement(qn, { symbol: a, header: e, text: n, html: o }) : null),
+      l.length ? /* @__PURE__ */ r.createElement(_n, h({ items: l, renderItem: u, renderLi: c }, m)) : null,
       i
     );
   }
-), Jn = ({
+), Gn = ({
   className: e = "",
   tree: t,
   renderItem: n,
@@ -1842,7 +1854,7 @@ const Bn = 300, zn = ({
   liProps: l
 }) => {
   const u = (p) => !c(p), c = (p) => !p || p.length < 1 ? !0 : !p.some((d) => !!d.selected), m = (p, d) => /* @__PURE__ */ r.createElement(
-    Gn,
+    Qn,
     {
       className: M(`humany-item-tree-level-${d}`),
       items: p,
@@ -1862,11 +1874,11 @@ const Bn = 300, zn = ({
     }
   );
   return /* @__PURE__ */ r.createElement("div", { className: M(e, "humany-item-tree") }, o && o(!u(t || [])), t && m(t, 1));
-}, Oo = Jn, er = N(
+}, Io = Gn, Jn = N(
   (u, l) => {
     var c = u, { className: e, onClick: t = () => {
     }, name: n = "", to: o = "", params: s = {}, children: i } = c, a = R(c, ["className", "onClick", "name", "to", "params", "children"]);
-    const m = je(), p = Z();
+    const m = Ke(), p = Z();
     if (!m)
       return null;
     let d = "";
@@ -1880,11 +1892,11 @@ const Bn = 300, zn = ({
     });
     if (n) {
       if (!(m.routes || []).find((b) => b.name === n))
-        return process.env.NODE_ENV !== "production" && fe.warn(`Unable to create route. No route named "${n}" exist.`), /* @__PURE__ */ r.createElement(
-          he,
+        return process.env.NODE_ENV !== "production" && me.warn(`Unable to create route. No route named "${n}" exist.`), /* @__PURE__ */ r.createElement(
+          de,
           k(h({}, f), {
             onClick: (b) => {
-              t(b), b.preventDefault(), process.env.NODE_ENV !== "production" && fe.warn(`Unable to navigate. No route named "${n}" exist.`);
+              t(b), b.preventDefault(), process.env.NODE_ENV !== "production" && me.warn(`Unable to navigate. No route named "${n}" exist.`);
             }
           }),
           i
@@ -1902,9 +1914,9 @@ const Bn = 300, zn = ({
       try {
         d = m.generate(n, E || {});
       } catch (b) {
-        return /* @__PURE__ */ r.createElement(he, k(h({}, f), { ref: f.innerRef }), i);
+        return /* @__PURE__ */ r.createElement(de, k(h({}, f), { ref: f.innerRef }), i);
       }
-      d && m.settings.mode && m.settings.mode === Ne.browser && d[0] !== "/" && (d = `/${d}`);
+      d && m.settings.mode && m.settings.mode === ze.browser && d[0] !== "/" && (d = `/${d}`);
     } else if (o && m.history)
       d = m.history.createHref({
         hash: "",
@@ -1913,16 +1925,16 @@ const Bn = 300, zn = ({
         state: void 0
       });
     else
-      return process.env.NODE_ENV !== "production" && fe.warn(
+      return process.env.NODE_ENV !== "production" && me.warn(
         'Unable to generate path for route link. Either specify route name or use the "to" prop.'
       ), null;
-    if (m.settings && m.settings.mode === Ne.scopedHash) {
+    if (m.settings && m.settings.mode === ze.scopedHash) {
       const C = p.get("$widget").name;
-      d = wt(d, C);
+      d = xt(d, C);
     }
-    return f.as ? /* @__PURE__ */ r.createElement(tr, k(h({}, f), { as: f.as }), i) : /* @__PURE__ */ r.createElement(he, k(h({}, f), { to: d }), i);
+    return f.as ? /* @__PURE__ */ r.createElement(er, k(h({}, f), { as: f.as }), i) : /* @__PURE__ */ r.createElement(de, k(h({}, f), { to: d }), i);
   }
-), tr = y.span``, $e = N(
+), er = y.span``, xe = N(
   (x, C) => {
     var E = x, {
       className: e,
@@ -1978,7 +1990,7 @@ const Bn = 300, zn = ({
       }
     };
     return p ? /* @__PURE__ */ r.createElement(
-      nr,
+      tr,
       k(h(h({
         name: p,
         params: d
@@ -1987,7 +1999,7 @@ const Bn = 300, zn = ({
       }),
       c
     ) : /* @__PURE__ */ r.createElement(
-      rr,
+      nr,
       k(h(h({
         href: u,
         target: m
@@ -1997,17 +2009,17 @@ const Bn = 300, zn = ({
       c
     );
   }
-), nr = y(er)`
+), tr = y(Jn)`
     ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, rr = y.a`
+`, nr = y.a`
     ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
   ` : "cursor: pointer;"}
-`, or = (i) => {
+`, rr = (i) => {
   var a = i, {
     visible: e,
     duration: t = 500,
@@ -2027,7 +2039,7 @@ const Bn = 300, zn = ({
     [o]
   );
   return /* @__PURE__ */ r.createElement(
-    Pe,
+    Oe,
     {
       in: e,
       className: "humany-overlay-transition",
@@ -2036,7 +2048,7 @@ const Bn = 300, zn = ({
       timeout: t
     },
     /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      sr,
+      or,
       h({
         className: "humany-overlay",
         duration: t,
@@ -2046,7 +2058,7 @@ const Bn = 300, zn = ({
       n
     ))
   );
-}, sr = y.div`
+}, or = y.div`
     background: rgba(0, 0, 0, 0.6);
     min-width: 100%;
     min-height: 100%;
@@ -2076,11 +2088,11 @@ const Bn = 300, zn = ({
     &.humany-overlay-transition-exit-done {
         opacity: 0;
     }
-`, Qe = or, ir = Oe`
+`, qe = rr, sr = Ie`
   100% {
     transform: rotate(360deg);
   }
-`, ar = Oe`
+`, ir = Ie`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2093,8 +2105,8 @@ const Bn = 300, zn = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, cr = y.svg`
-    animation: ${ir} 2s linear infinite;
+`, ar = y.svg`
+    animation: ${sr} 2s linear infinite;
     height: 100%;
     transform-origin: center center;
     width: 100%;
@@ -2105,7 +2117,7 @@ const Bn = 300, zn = ({
     right: 0;
     margin: auto;
     transition: 200ms ease-out opacity;
-`, lr = y.div`
+`, cr = y.div`
     position: absolute;
     top: 0;
     bottom: 0;
@@ -2123,7 +2135,7 @@ const Bn = 300, zn = ({
     svg {
         opacity: ${(e) => e["data-loading"] ? "1" : "0"};
     }
-`, ur = y.div`
+`, lr = y.div`
     position: relative;
     margin: 0 auto;
     width: 100px;
@@ -2132,18 +2144,18 @@ const Bn = 300, zn = ({
         display: block;
         padding-top: 100%;
     }
-`, mr = y.circle`
+`, ur = y.circle`
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
-    animation: ${ar} 1.5s ease-in-out infinite;
+    animation: ${ir} 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;
-`, dr = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ r.createElement(lr, { className: M("humany-loader", e), "data-loading": t }, /* @__PURE__ */ r.createElement(ur, { className: "humany-spinner" }, /* @__PURE__ */ r.createElement(cr, { viewBox: "25 25 50 50" }, /* @__PURE__ */ r.createElement(
-  mr,
+`, mr = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ r.createElement(cr, { className: M("humany-loader", e), "data-loading": t }, /* @__PURE__ */ r.createElement(lr, { className: "humany-spinner" }, /* @__PURE__ */ r.createElement(ar, { viewBox: "25 25 50 50" }, /* @__PURE__ */ r.createElement(
+  ur,
   {
     cx: "50",
     cy: "50",
@@ -2152,7 +2164,7 @@ const Bn = 300, zn = ({
     "stroke-width": "2",
     "stroke-miterlimit": "10"
   }
-)))), fr = dr, hr = (s) => {
+)))), dr = mr, fr = (s) => {
   var i = s, {
     zoomState: e,
     image: t,
@@ -2170,7 +2182,7 @@ const Bn = 300, zn = ({
       return B >= 1 && H >= 1 ? 1 : z;
     }
     return 1;
-  }, [l, t.src]), x = ie(() => {
+  }, [l, t.src]), x = se(() => {
     const g = a.current;
     if (g && l) {
       if (!c) {
@@ -2184,8 +2196,8 @@ const Bn = 300, zn = ({
   }, [e, a, l, t.src]);
   return v(() => (u(!1), function() {
     m(!1);
-  }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(pr, { loading: !l }), /* @__PURE__ */ r.createElement(
-    gr,
+  }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(hr, { loading: !l }), /* @__PURE__ */ r.createElement(
+    pr,
     k(h({
       onLoad: () => {
         u(!0);
@@ -2199,12 +2211,12 @@ const Bn = 300, zn = ({
       src: t.src,
       loaded: l
     })
-  ), /* @__PURE__ */ r.createElement(Cr, null));
-}, pr = y(fr)`
+  ), /* @__PURE__ */ r.createElement(gr, null));
+}, hr = y(dr)`
     svg circle {
         stroke: #ffffff;
     }
-`, gr = y.img`
+`, pr = y.img`
     transform: none;
 
     ${(e) => e.imageSize && L`
@@ -2215,20 +2227,20 @@ const Bn = 300, zn = ({
     vertical-align: middle;
     position: relative;
     ${(e) => !e.loaded && "display:none;"}
-`, Cr = y.div`
+`, gr = y.div`
     height: 100%;
     display: inline-block;
     vertical-align: middle;
-`, yr = hr, br = () => {
+`, Cr = fr, yr = () => {
   const e = S(), [t, n] = $(!0), o = T(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
   }), [t, e]);
   return [t, o];
-}, vr = ({ attrs: e, htmlBody: t }) => {
-  var He;
-  const n = Y("Escape"), o = Y("ArrowLeft"), s = Y("ArrowRight"), [i, a] = $(1), [l, u] = $({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = $(!1), [p, d] = br(), [f, C] = $(null), [x, E] = $(null), b = S(null), g = S(null), H = S(null), B = S(null), z = S(null), [_, et] = $(null);
+}, br = ({ attrs: e, htmlBody: t }) => {
+  var Se;
+  const n = Y("Escape"), o = Y("ArrowLeft"), s = Y("ArrowRight"), [i, a] = $(1), [l, u] = $({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = $(!1), [p, d] = yr(), [f, C] = $(null), [x, E] = $(null), b = S(null), g = S(null), H = S(null), B = S(null), z = S(null), [_, Je] = $(null);
   v(() => {
     n && C(null);
   }, [n]), v(() => {
@@ -2250,53 +2262,53 @@ const Bn = 300, zn = ({
   }, [f, g, H, x]), v(() => {
     if (o) {
       if (ee)
-        return Se();
+        return Le();
     } else if (s && te)
-      return Re();
+      return Me();
   }, [o, s]), v(() => {
     var D, W;
     const w = ((W = (D = z.current) == null ? void 0 : D.style) == null ? void 0 : W.float) || "";
-    (w === "left" || w === "right") && et(w);
+    (w === "left" || w === "right") && Je(w);
   }, []);
-  const F = ie(() => {
+  const F = se(() => {
     const w = document.createElement("div");
     w.innerHTML = t || "";
     const D = w.getElementsByTagName("img");
     return Array.from(D).reduce((P, ne) => {
-      const Te = ne.getAttribute("src");
-      if (Te) {
-        const at = {
-          src: Te
+      const Re = ne.getAttribute("src");
+      if (Re) {
+        const it = {
+          src: Re
         };
-        P.push(at);
+        P.push(it);
       }
       return P;
     }, []);
-  }, [t]), Le = T(() => {
+  }, [t]), $e = T(() => {
     const { src: w } = e;
     if (w) {
       const D = F.findIndex((W, P) => W.src === w);
       C(D);
     }
-  }, [F, e]), tt = T((w) => {
+  }, [F, e]), et = T((w) => {
     C(null);
-  }, []), Me = T(
+  }, []), ke = T(
     (w) => {
       a(w ? i + i * 0.25 : i - i * 0.25);
     },
     [a, i]
-  ), nt = T(() => {
+  ), tt = T(() => {
     if (f !== null) {
       const { src: w } = F[f];
       w && window.open(w, "_self");
     }
-  }, [F, f]), rt = T(
+  }, [F, f]), nt = T(
     (w) => {
       const D = B.current;
       D && (u({ top: D.scrollTop, left: D.scrollLeft, x: w.clientX, y: w.clientY }), m(!0));
     },
     [B]
-  ), ot = T(
+  ), rt = T(
     (w) => {
       const D = B.current;
       if (D && c) {
@@ -2305,9 +2317,9 @@ const Bn = 300, zn = ({
       }
     },
     [c, l]
-  ), st = (w) => {
+  ), ot = (w) => {
     w.preventDefault(), m(!1);
-  }, it = ie(() => {
+  }, st = se(() => {
     if (B.current) {
       const w = B.current.getElementsByTagName("img");
       if (w && w.length) {
@@ -2316,27 +2328,27 @@ const Bn = 300, zn = ({
       }
     }
     return !1;
-  }, [B, i]), Se = () => {
+  }, [B, i]), Le = () => {
     f !== null && (E("Left"), C(f - 1));
-  }, Re = () => {
+  }, Me = () => {
     f !== null && (E("Right"), C(f + 1));
   }, ee = f !== null && f > 0 && F.length > 1, te = f !== null && F.length - 1 > f;
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Qe, { visible: f !== null, onClick: tt }, /* @__PURE__ */ r.createElement(
-    Sr,
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(qe, { visible: f !== null, onClick: et }, /* @__PURE__ */ r.createElement(
+    Mr,
     {
       onMouseDown: () => d(),
       onMouseMove: () => d(),
       onTouchStart: () => d(),
       onKeyDown: () => d()
     },
-    /* @__PURE__ */ r.createElement(Rr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
-      $r,
+    /* @__PURE__ */ r.createElement(Sr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
+      wr,
       {
         ref: g,
         buttons: [
           {
             id: "download",
-            onClick: nt,
+            onClick: tt,
             icon: "download",
             ariaLabel: "Download image"
           },
@@ -2350,17 +2362,17 @@ const Bn = 300, zn = ({
       }
     )),
     /* @__PURE__ */ r.createElement(
-      Tr,
+      Hr,
       {
         scrolling: c.toString(),
-        isDraggable: it.toString(),
+        isDraggable: st.toString(),
         ref: B,
-        onMouseMove: ot,
-        onMouseDown: rt,
-        onMouseUp: st
+        onMouseMove: rt,
+        onMouseDown: nt,
+        onMouseUp: ot
       },
       f !== null && /* @__PURE__ */ r.createElement(
-        yr,
+        Cr,
         k(h({
           changeZoom: (w) => {
             a(w);
@@ -2375,14 +2387,14 @@ const Bn = 300, zn = ({
       )
     ),
     /* @__PURE__ */ r.createElement(
-      Lr,
+      kr,
       {
         ref: H,
         show: p.toString(),
         buttons: [
           {
             id: "previous",
-            onClick: Se,
+            onClick: Le,
             icon: "caret-left",
             circle: !0,
             show: ee,
@@ -2391,7 +2403,7 @@ const Bn = 300, zn = ({
           },
           {
             id: "next",
-            onClick: Re,
+            onClick: Me,
             icon: "caret-right",
             circle: !0,
             show: te,
@@ -2401,47 +2413,47 @@ const Bn = 300, zn = ({
         ]
       }
     ),
-    /* @__PURE__ */ r.createElement(Hr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
-      kr,
+    /* @__PURE__ */ r.createElement(Rr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
+      $r,
       {
         buttons: [
           {
             id: "zoom-out",
-            onClick: () => Me(!1),
+            onClick: () => ke(!1),
             icon: "zoom-out",
             ariaLabel: "Zoom out"
           },
           {
             id: "zoom-in",
-            onClick: () => Me(!0),
+            onClick: () => ke(!0),
             icon: "zoom-in",
             ariaLabel: "Zoom in"
           }
         ]
       }
-    ), /* @__PURE__ */ r.createElement(Mr, { variant: "span" }, Math.trunc(i * 100), "%"))
+    ), /* @__PURE__ */ r.createElement(Lr, { variant: "span" }, Math.trunc(i * 100), "%"))
   )), /* @__PURE__ */ r.createElement(
-    Er,
+    vr,
     {
       ref: b,
-      onClick: Le,
+      onClick: $e,
       onKeyDown: (w) => {
-        w.key === "Enter" && (w.preventDefault(), Le());
+        w.key === "Enter" && (w.preventDefault(), $e());
       },
       alignment: _,
       tabIndex: 0
     },
     /* @__PURE__ */ r.createElement(
-      Dr,
+      Tr,
       k(h({}, e), {
-        alt: ((He = e.alt) == null ? void 0 : He.toString()) || "",
+        alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "",
         ref: z
       })
     )
   ));
-}, ke = N(
+}, we = N(
   ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ r.createElement(
-    xr,
+    Er,
     {
       ref: o,
       show: e,
@@ -2449,7 +2461,7 @@ const Bn = 300, zn = ({
     },
     t.map(
       ({ id: s, circle: i = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, p) => /* @__PURE__ */ r.createElement(
-        wr,
+        xr,
         {
           key: s + p.toString(),
           circle: i.toString(),
@@ -2464,29 +2476,29 @@ const Bn = 300, zn = ({
       )
     )
   )
-), Ge = y.div`
+), Qe = y.div`
     transition: opacity 0.3s ease 0s;
     z-index: 5;
     ${(e) => e.show === "true" ? "opacity: 1;" : L`
                   opacity: 0;
                   pointer-events: none;
               `}
-`, Er = y($e)`
+`, vr = y(xe)`
     display: inline-block !important;
 
     ${(e) => (e.alignment === "right" || e.alignment === "left") && L`
             float: ${e.alignment};
         `}
-`, xr = y(Ge)`
+`, Er = y(Qe)`
     position: fixed;
     display: flex;
     gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, Ce = "39px", wr = y(ce)`
-    width: ${Ce};
-    height: ${Ce};
+`, pe = "39px", xr = y(ae)`
+    width: ${pe};
+    height: ${pe};
     display: flex;
     justify-content: center;
     align-items: center;
@@ -2549,7 +2561,7 @@ const Bn = 300, zn = ({
                   opacity: 0;
                   pointer-events: none;
               `}
-`, $r = y(ke)`
+`, wr = y(we)`
     top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2558,7 +2570,7 @@ const Bn = 300, zn = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, kr = y(ke)`
+`, $r = y(we)`
     bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2566,11 +2578,11 @@ const Bn = 300, zn = ({
     width: 100%;
     align-items: center;
     justify-content: center;
-`, Lr = y(ke)`
+`, kr = y(we)`
     display: block;
     button {
         position: fixed;
-        top: calc(50% - calc(${Ce} / 2));
+        top: calc(50% - calc(${pe} / 2));
         &:first-child {
             left: ${(e) => {
   var t;
@@ -2584,7 +2596,7 @@ const Bn = 300, zn = ({
 }};
         }
     }
-`, Mr = y(q)`
+`, Lr = y(q)`
     position: fixed;
     bottom: ${(e) => {
   var t;
@@ -2603,21 +2615,21 @@ const Bn = 300, zn = ({
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
 }};
-`, Je = y(Ge)`
+`, Ge = y(Qe)`
     position: absolute;
     width: 100vw;
     height: 88px;
     left: 0px;
     z-index: 5;
-`, Sr = y.div`
+`, Mr = y.div`
     width: 100%;
-`, Rr = y(Je)`
+`, Sr = y(Ge)`
     top: 0px;
     background-image: linear-gradient(to bottom, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Hr = y(Je)`
+`, Rr = y(Ge)`
     bottom: 0px;
     background-image: linear-gradient(to top, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Tr = y.div`
+`, Hr = y.div`
     width: 100%;
     height: 100vh;
     overflow: auto;
@@ -2626,18 +2638,18 @@ const Bn = 300, zn = ({
     white-space: nowrap;
     justify-content: center;
     cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, Dr = y.img`
+`, Tr = y.img`
     cursor: pointer;
-`, Br = vr, zr = N(
+`, Dr = br, Br = N(
   (l, a) => {
     var u = l, { className: e, children: t, trigger: n, onOverlayClick: o = () => {
     }, close: s = !1 } = u, i = R(u, ["className", "children", "trigger", "onOverlayClick", "close"]);
-    const [c, m] = Xe(), [p, d] = Ye(!0), f = S(), C = S(Q()), x = Y("Escape");
+    const [c, m] = Ye(), [p, d] = je(!0), f = S(), C = S(Q()), x = Y("Escape");
     v(() => {
       (x || s) && m(!1);
     }, [x, s]), v(() => {
       c && f.current && f.current.focus();
-    }, [c, f.current]), le("router:changed", () => {
+    }, [c, f.current]), ce("router:changed", () => {
       m(!1);
     });
     const E = T(
@@ -2646,16 +2658,16 @@ const Bn = 300, zn = ({
       },
       [o, m]
     );
-    ye(a, () => ({
+    ge(a, () => ({
       close() {
         m(!1);
       }
     }));
-    const b = T(() => Ee(C.current, () => {
+    const b = T(() => be(C.current, () => {
       m(!1);
     }), [C.current]);
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Qe, { visible: c, onClick: E }, /* @__PURE__ */ r.createElement(
-      Vr,
+    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(qe, { visible: c, onClick: E }, /* @__PURE__ */ r.createElement(
+      Nr,
       k(h({
         className: M(
           e,
@@ -2668,7 +2680,7 @@ const Bn = 300, zn = ({
         ref: d
       }),
       /* @__PURE__ */ r.createElement(
-        we,
+        Ee,
         {
           onClick: () => m(!1),
           tabIndex: 0,
@@ -2683,7 +2695,7 @@ const Bn = 300, zn = ({
       }
     }));
   }
-), Nr = zr, Vr = y.div`
+), zr = Br, Nr = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2699,10 +2711,10 @@ const Bn = 300, zn = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
 }};
-    ${(e) => Ue(e)}
+    ${(e) => Xe(e)}
     ${(e) => e.css && e.css}
   outline: none;
-`, Wr = ({
+`, Vr = ({
   className: e,
   trigger: t,
   header: n = "",
@@ -2721,8 +2733,8 @@ const Bn = 300, zn = ({
     var p;
     i(), (p = u == null ? void 0 : u.current) == null || p.close();
   }, [i]);
-  return /* @__PURE__ */ r.createElement(Zr, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ r.createElement(Ze, null, n), o && /* @__PURE__ */ r.createElement(Ze, null, o), l && /* @__PURE__ */ r.createElement(Ir, { onClick: m }, l), a && /* @__PURE__ */ r.createElement(Or, { onClick: c }, a));
-}, Po = Wr, Zr = y(Nr)`
+  return /* @__PURE__ */ r.createElement(Wr, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ r.createElement(We, null, n), o && /* @__PURE__ */ r.createElement(We, null, o), l && /* @__PURE__ */ r.createElement(Zr, { onClick: m }, l), a && /* @__PURE__ */ r.createElement(Ir, { onClick: c }, a));
+}, Oo = Vr, Wr = y(zr)`
     display: block;
 
     span {
@@ -2740,7 +2752,7 @@ const Bn = 300, zn = ({
 }};
         }
     }
-`, Ir = y(ce)`
+`, Zr = y(ae)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2770,7 +2782,7 @@ const Bn = 300, zn = ({
     &:focus-visible {
         ${A}
     }
-`, Or = y(ce)`
+`, Ir = y(ae)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2791,16 +2803,16 @@ const Bn = 300, zn = ({
     &:focus-visible {
         ${A};
     }
-`, Pr = ({
+`, Or = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__PURE__ */ r.createElement(Ar, null, /* @__PURE__ */ r.createElement(Fr, null, /* @__PURE__ */ r.createElement(q, { variant: "h2" }, "404")), /* @__PURE__ */ r.createElement(Kr, null, /* @__PURE__ */ r.createElement(q, { variant: "h3" }, e), /* @__PURE__ */ r.createElement(Xr, { routeName: "index", "aria-label": t, text: t })), /* @__PURE__ */ r.createElement(jr, null, /* @__PURE__ */ r.createElement("span", null, n), /* @__PURE__ */ r.createElement("ul", null, /* @__PURE__ */ r.createElement("li", null, o)))), Ao = Pr, Ar = y.div`
+}) => /* @__PURE__ */ r.createElement(Pr, null, /* @__PURE__ */ r.createElement(Ar, null, /* @__PURE__ */ r.createElement(q, { variant: "h2" }, "404")), /* @__PURE__ */ r.createElement(Fr, null, /* @__PURE__ */ r.createElement(q, { variant: "h3" }, e), /* @__PURE__ */ r.createElement(Yr, { routeName: "index", "aria-label": t, text: t })), /* @__PURE__ */ r.createElement(Kr, null, /* @__PURE__ */ r.createElement("span", null, n), /* @__PURE__ */ r.createElement("ul", null, /* @__PURE__ */ r.createElement("li", null, o)))), Po = Or, Pr = y.div`
     display: flex;
     flex-wrap: wrap;
-`, Fr = y.div`
-    ${(e) => ae(e)(
+`, Ar = y.div`
+    ${(e) => ie(e)(
   "h2",
   L`
                 padding: 0;
@@ -2809,7 +2821,7 @@ const Bn = 300, zn = ({
                 font-size: 7em;
             `
 )}
-`, Kr = y.div`
+`, Fr = y.div`
     margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2817,7 +2829,7 @@ const Bn = 300, zn = ({
 
     ${(e) => {
   var t;
-  return ae(e)(
+  return ie(e)(
     "h3",
     L`
                 text-transform: uppercase;
@@ -2836,7 +2848,7 @@ const Bn = 300, zn = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
     }
-`, jr = y.div`
+`, Kr = y.div`
     margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2847,30 +2859,27 @@ const Bn = 300, zn = ({
         font-weight: bold;
     }
 `;
-class Yr extends ft {
+class jr extends dt {
   constructor() {
-    super(...arguments);
-    oe(this, "node");
-    oe(this, "onFocusListener");
-    oe(this, "state", {
+    super(...arguments), this.state = {
       boundFocus: !1
-    });
+    };
   }
   componentWillMount() {
-    const n = this.props.container.get("accessibilitySettings");
-    n && n.boundFocus && this.setState({
+    const t = this.props.container.get("accessibilitySettings");
+    t && t.boundFocus && this.setState({
       boundFocus: !0
     });
   }
   componentDidMount() {
     if (!this.state.boundFocus)
       return;
-    const n = this.props.container.get("widgetDOMElement");
-    this.node && n && (this.onFocusListener = this.node.addEventListener("focus", () => {
-      const o = n.querySelectorAll(
+    const t = this.props.container.get("widgetDOMElement");
+    this.node && t && (this.onFocusListener = this.node.addEventListener("focus", () => {
+      const n = t.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      ), i = [].filter.call(o, (a) => typeof window == "undefined" ? !0 : !(window.getComputedStyle(a).display === "none" || a.offsetWidth <= 0 && a.offsetHeight <= 0))[0];
-      i && i.focus();
+      ), s = [].filter.call(n, (i) => typeof window == "undefined" ? !0 : !(window.getComputedStyle(i).display === "none" || i.offsetWidth <= 0 && i.offsetHeight <= 0))[0];
+      s && s.focus();
     }));
   }
   componentWillUnmount() {
@@ -2882,33 +2891,33 @@ class Yr extends ft {
       {
         style: { opacity: 0 },
         tabIndex: 0,
-        ref: (n) => {
-          this.node = n;
+        ref: (t) => {
+          this.node = t;
         }
       }
     ) : null;
   }
 }
-const Fo = Yr, Xr = N(
+const Ao = jr, Yr = N(
   (a, i) => {
     var l = a, { className: e, description: t, text: n, children: o } = l, s = R(l, ["className", "description", "text", "children"]);
-    return /* @__PURE__ */ r.createElement($e, k(h({ className: M(e, "humany-text-link") }, s), { ref: i }), o, /* @__PURE__ */ r.createElement(xe, null, n), t ? /* @__PURE__ */ r.createElement(qe, { html: t, className: "humany-description" }) : null);
+    return /* @__PURE__ */ r.createElement(xe, k(h({ className: M(e, "humany-text-link") }, s), { ref: i }), o, /* @__PURE__ */ r.createElement(ve, null, n), t ? /* @__PURE__ */ r.createElement(_e, { html: t, className: "humany-description" }) : null);
   }
 );
-var Ur = /* @__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))(Ur || {});
-const _r = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ r.createElement("span", { className: M(e, "humany-timestamp") }, qr(n, t)), Ko = _r, Ie = (e) => `0${e}`.slice(-2);
-function qr(e, t) {
-  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), s = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], i = n.getFullYear(), a = n.getMonth() + 1, l = n.getDate(), u = `${i}-${Ie(a)}-${Ie(l)}`;
+var Xr = /* @__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))(Xr || {});
+const Ur = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ r.createElement("span", { className: M(e, "humany-timestamp") }, _r(n, t)), Fo = Ur, Ze = (e) => `0${e}`.slice(-2);
+function _r(e, t) {
+  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), s = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], i = n.getFullYear(), a = n.getMonth() + 1, l = n.getDate(), u = `${i}-${Ze(a)}-${Ze(l)}`;
   return t === "yyyy-mm-dd" ? u : t === "hh:mm" ? s : `${u} ${s}`;
 }
-const Qr = (i) => {
+const qr = (i) => {
   var a = i, { className: e, children: t, content: n, sticky: o = !1 } = a, s = R(a, ["className", "children", "content", "sticky"]);
-  const [l, u] = $(!1), c = S(Q()), m = S(), [{ x: p, y: d }, f] = _e(l, c.current, m.current), C = (E) => {
+  const [l, u] = $(!1), c = S(Q()), m = S(), [{ x: p, y: d }, f] = Ue(l, c.current, m.current), C = (E) => {
     const { target: b } = E;
     !m.current || !b || m.current !== b && !m.current.contains(b) && u(!1);
   };
   v(() => {
-    if (!!o)
+    if (o)
       return window.addEventListener("click", C), () => {
         window.removeEventListener("click", C);
       };
@@ -2920,7 +2929,7 @@ const Qr = (i) => {
     [f, u]
   );
   return /* @__PURE__ */ r.createElement(
-    Gr,
+    Qr,
     {
       ref: m,
       className: "humany-tooltip-trigger",
@@ -2931,7 +2940,7 @@ const Qr = (i) => {
     },
     t,
     l && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      Jr,
+      Gr,
       h({
         className: M(e, "humany-tooltip-container"),
         x: p,
@@ -2940,10 +2949,10 @@ const Qr = (i) => {
       n
     ))
   );
-}, Gr = y.div`
+}, Qr = y.div`
     display: flex;
     align-items: center;
-`, Jr = y.div`
+`, Gr = y.div`
     color: #ffffff;
     background: #161616;
     border-radius: ${(e) => e.theme.borderRadius};
@@ -2979,7 +2988,7 @@ const Qr = (i) => {
   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;
 }};
-`, jo = Qr, eo = (e) => {
+`, Ko = qr, Jr = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
@@ -3021,7 +3030,7 @@ const Qr = (i) => {
     }
   })();
   return /* @__PURE__ */ r.createElement(
-    Et,
+    vt,
     {
       timeout: {
         enter: u && u.enter.duration || 0,
@@ -3033,9 +3042,9 @@ const Qr = (i) => {
       unmountOnExit: o,
       onEnter: (c) => c.clientHeight
     },
-    (c) => i && i(c, u && pe.compose(c, u))
+    (c) => i && i(c, u && fe.compose(c, u))
   );
-}, Yo = eo, to = N(
+}, jo = Jr, eo = N(
   (l, a) => {
     var u = l, { className: e, children: t, onClick: n = () => {
     }, widgetName: o, activationOptions: s } = u, i = R(u, ["className", "children", "onClick", "widgetName", "activationOptions"]);
@@ -3054,7 +3063,7 @@ const Qr = (i) => {
       if (C) {
         const E = () => {
           C.invoke("renderState").then(
-            (b) => b === se.open ? C.invoke("close") : C.invoke("open")
+            (b) => b === oe.open ? C.invoke("close") : C.invoke("open")
           ).then(() => {
             C.events.subscribeOnce("widget:area-rendered", (b, g) => {
               c.get(
@@ -3066,13 +3075,13 @@ const Qr = (i) => {
             });
           });
         };
-        C.state === dt.Deactivated ? C.activate(s).then(() => C.invoke("attach")).then(E) : E();
+        C.state === mt.Deactivated ? C.activate(s).then(() => C.invoke("attach")).then(E) : E();
       }
     }, d = (f) => {
       f.key === "Enter" && (f.preventDefault(), p(f));
     };
     return /* @__PURE__ */ r.createElement(
-      $e,
+      xe,
       k(h({
         className: M(e, "humany-widget-link"),
         onKeyDown: d,
@@ -3085,16 +3094,16 @@ const Qr = (i) => {
       t
     );
   }
-), Xo = N(
+), Yo = N(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
-    const s = Z(), i = ie(() => {
+    const s = Z(), i = se(() => {
       if (!s)
         return null;
       const a = s.get("widgetDOMElement");
       return !a || !a.childElementCount ? null : a.children[0];
     }, [s]);
     return i ? /* @__PURE__ */ r.createElement(G, { elementId: e, parent: i }, /* @__PURE__ */ r.createElement(
-      no,
+      to,
       {
         className: M("humany-widget-overlay-outlet", t),
         ref: o
@@ -3102,7 +3111,7 @@ const Qr = (i) => {
       n
     )) : null;
   }
-), no = y.div`
+), to = y.div`
     background-color: #ffffff;
     position: absolute;
     top: 0;
@@ -3112,102 +3121,102 @@ const Qr = (i) => {
     z-index: 10;
     width: 100%;
     height: 100%;
-`, ro = (e, t, n, o, s) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
+`, no = (e, t, n, o, s) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
   t,
-  ht(() => n)
-), bt(e, t, o || (() => {
-}), t, s))), Uo = ro;
+  ft(() => n)
+), yt(e, t, o || (() => {
+}), t, s))), Xo = no;
 export {
-  It as AnchorLink,
-  ce as Button,
-  yo as Checkbox,
-  Ft as ColumnContext,
-  Fe as ComponentNodeContext,
-  Kt as ComponentPropertyContext,
-  Po as Confirm,
-  At as ContainerContext,
-  Yt as ConversationContext,
-  Ur as DateFormats,
-  Vo as Drawer,
-  Dn as DrawerAnimationType,
-  Wo as Dropdown,
-  jn as Empty,
-  Zo as Grid,
-  qe as Html,
-  _n as Icon,
-  Io as Input,
-  Gn as ItemList,
-  Oo as ItemTree,
-  Br as Lightbox,
-  $e as Link,
-  qn as List,
-  Nr as Modal,
-  Ao as NotFound,
-  Qe as Overlay,
-  Qn as Paragraph,
+  Zt as AnchorLink,
+  ae as Button,
+  Co as Checkbox,
+  At as ColumnContext,
+  Ae as ComponentNodeContext,
+  Ft as ComponentPropertyContext,
+  Oo as Confirm,
+  Pt as ContainerContext,
+  jt as ConversationContext,
+  Xr as DateFormats,
+  No as Drawer,
+  Tn as DrawerAnimationType,
+  Vo as Dropdown,
+  Kn as Empty,
+  Wo as Grid,
+  _e as Html,
+  Un as Icon,
+  Zo as Input,
+  Qn as ItemList,
+  Io as ItemTree,
+  Dr as Lightbox,
+  xe as Link,
+  _n as List,
+  zr as Modal,
+  Po as NotFound,
+  qe as Overlay,
+  qn as Paragraph,
   G as Portal,
-  er as RouteLink,
-  jt as RoutingContext,
-  Ze as StyledText,
+  Jn as RouteLink,
+  Kt as RoutingContext,
+  We as StyledText,
   J as SymbolBadge,
-  Fo as TabStop,
-  xe as Text,
-  Xr as TextLink,
-  Ko as Timestamp,
-  jo as Tooltip,
-  Yo as TransitionComponent,
+  Ao as TabStop,
+  ve as Text,
+  Yr as TextLink,
+  Fo as Timestamp,
+  Ko as Tooltip,
+  jo as TransitionComponent,
   q as Typography,
-  to as WidgetLink,
-  Xo as WidgetOverlayOutlet,
+  eo as WidgetLink,
+  Yo as WidgetOverlayOutlet,
   A as borderTabStyle,
-  We as browser,
-  wn as buttonCss,
-  Ue as contentBox,
+  Ve as browser,
+  xn as buttonCss,
+  Xe as contentBox,
   V as convertToStringAttributes,
-  Co as createEmptyComponent,
-  Uo as createReactComponent,
-  Wt as defaultRenderInstructions,
-  Tt as embeddedLinkMapper,
-  Bt as filterCssProps,
-  Dt as filterCssPropsStyle,
-  zt as genericHashLink,
-  No as genericHtml,
-  ae as headingElement,
-  Vt as imageLightboxRenderer,
-  Do as invertedHoverButton,
-  zo as itemList,
-  $n as linkTabStyle,
-  kn as list,
-  Bo as paddedBorderTabStyle,
-  Nt as processHtmlString,
-  pe as transitionComposer,
-  bo as useAction,
-  vo as useChildren,
-  Eo as useColumns,
-  xo as useComponent,
-  be as useComponentDescriptor,
-  ve as useComponentNode,
+  go as createEmptyComponent,
+  Xo as createReactComponent,
+  Vt as defaultRenderInstructions,
+  Ht as embeddedLinkMapper,
+  Dt as filterCssProps,
+  Tt as filterCssPropsStyle,
+  Bt as genericHashLink,
+  zo as genericHtml,
+  ie as headingElement,
+  Nt as imageLightboxRenderer,
+  To as invertedHoverButton,
+  Bo as itemList,
+  wn as linkTabStyle,
+  $n as list,
+  Do as paddedBorderTabStyle,
+  zt as processHtmlString,
+  fe as transitionComposer,
+  yo as useAction,
+  bo as useChildren,
+  vo as useColumns,
+  Eo as useComponent,
+  Ce as useComponentDescriptor,
+  ye as useComponentNode,
   U as useComponentPlatform,
   Z as useContainer,
-  rn as useContext,
-  wo as useConversation,
-  $o as useDispatch,
+  nn as useContext,
+  xo as useConversation,
+  wo as useDispatch,
   I as useEventListener,
-  cn as useEvents,
+  an as useEvents,
   O as useIsMounted,
-  ko as useIsTabbing,
+  $o as useIsTabbing,
   Y as useKeyPress,
-  Lo as useLayout,
-  Ke as usePrevious,
-  Mo as useProperties,
-  So as useRenderState,
-  Ro as useRouteData,
-  je as useRouter,
-  Ye as useScroll,
-  Ho as useSettings,
-  Xe as useToggle,
-  To as useTransitionEnd,
-  Ee as useUniqueMenu,
-  le as useWidgetEvent
+  ko as useLayout,
+  Fe as usePrevious,
+  Lo as useProperties,
+  Mo as useRenderState,
+  So as useRouteData,
+  Ke as useRouter,
+  je as useScroll,
+  Ro as useSettings,
+  Ye as useToggle,
+  Ho as useTransitionEnd,
+  be as useUniqueMenu,
+  ce as useWidgetEvent
 };
 //# sourceMappingURL=index.js.map