@telia-ace/widget-ui 1.0.30 → 1.0.31-next.0

package/dist/index.js

@@ -1,15 +1,15 @@
-var at = Object.defineProperty, ct = Object.defineProperties;
-var lt = Object.getOwnPropertyDescriptors;
+var st = Object.defineProperty, it = Object.defineProperties;
+var at = Object.getOwnPropertyDescriptors;
 var ne = Object.getOwnPropertySymbols;
 var He = Object.prototype.hasOwnProperty, Te = Object.prototype.propertyIsEnumerable;
-var me = (e, t, n) => t in e ? at(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, h = (e, t) => {
+var me = (e, t, n) => t in e ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, h = (e, t) => {
   for (var n in t || (t = {}))
     He.call(t, n) && me(e, n, t[n]);
   if (ne)
     for (var n of ne(t))
       Te.call(t, n) && me(e, n, t[n]);
   return e;
-}, k = (e, t) => ct(e, lt(t));
+}, k = (e, t) => it(e, at(t));
 var S = (e, t) => {
   var n = {};
   for (var o in e)
@@ -20,18 +20,18 @@ var S = (e, t) => {
   return n;
 };
 var re = (e, t, n) => (me(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { Container as ut, WidgetState as mt } from "@webprovisions/platform";
-import r, { forwardRef as N, createContext as U, useContext as Y, useState as $, useEffect as v, useRef as R, useCallback as H, useImperativeHandle as Ce, 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 Ze } from "@emotion/react";
+import { Container as ct, WidgetState as lt } from "@webprovisions/platform";
+import r, { forwardRef as N, createContext as X, useContext as K, useState as $, useEffect as v, useRef as R, useCallback as H, useImperativeHandle as Ce, useMemo as se, Component as ut, lazy as mt } from "react";
+import { ComponentPlatform as dt, asDescriptor as ft, createEventSubscriber as ht, ComponentQuery as pt, WidgetRenderState as oe, extendComponent as gt } from "@telia-ace/widget-core";
+import { css as L, keyframes as We } from "@emotion/react";
 import y from "@emotion/styled";
-import { kebabCase as bt, appendClassNames as M, uuid as Q, removeNullAndUndefinedValues as De, Logger as de } from "@telia-ace/widget-utilities";
-import { CSSTransition as Ie, Transition as vt } from "react-transition-group";
-import { createPortal as Et } from "react-dom";
-import { HistoryMode as Be, getSpecificWidgetPath as xt } from "@telia-ace/widget-routing";
+import { kebabCase as Ct, appendClassNames as M, uuid as q, removeNullAndUndefinedValues as De, Logger as de } from "@telia-ace/widget-utilities";
+import { CSSTransition as Ie, Transition as yt } from "react-transition-group";
+import { createPortal as bt } from "react-dom";
+import { HistoryMode as Be, getSpecificWidgetPath as vt } from "@telia-ace/widget-routing";
 import { Link as fe } from "react-router-dom";
 import ze from "htmr";
-const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exiting" || e === "exited", K = {
+const Et = (e) => e === "entering" || e === "entered", xt = (e) => e === "exiting" || e === "exited", A = {
   fade: {
     in: "opacity: 1;",
     out: "opacity: 0;"
@@ -56,22 +56,22 @@ const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exitin
     in: "transform: scale(1);",
     out: "transform: scale(0);"
   }
-}, kt = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], he = {
+}, wt = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], he = {
   compose: (e = "exited", t) => {
-    const { enter: n, exit: o } = t, s = n.transitionKeys.split(" "), i = kt.indexOf(s[0]) > -1 ? "transform" : "opacity";
-    if (wt(e))
+    const { enter: n, exit: o } = t, s = n.transitionKeys.split(" "), i = wt.indexOf(s[0]) > -1 ? "transform" : "opacity";
+    if (Et(e))
       return s && s.length > 0 ? L`
-                    ${s && s.length > 0 && s.map((l) => K[l] ? K[l].in : "")}
+                    ${s && s.length > 0 && s.map((l) => A[l] ? A[l].in : "")}
                     transition: ${i} ${n.duration}ms ${n.easing};
                 ` : "";
     const a = s && s.length > 0 && L`
-                ${s.map((l) => K[l] ? K[l].out : "")}
+                ${s.map((l) => A[l] ? A[l].out : "")}
             `;
-    if ($t(e)) {
+    if (xt(e)) {
       const l = o.transitionKeys.split(" ");
       return l && l.length > 0 && e === "exiting" ? L`
                     ${a};
-                    ${l.map((u) => K[u] ? K[u].out : "")}
+                    ${l.map((u) => A[u] ? A[u].out : "")}
                     transition: ${i} ${o.duration}ms ${o.easing};
                 ` : a;
     }
@@ -100,7 +100,7 @@ const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exitin
         }
       });
   },
-  get: (e) => K[e]
+  get: (e) => A[e]
 };
 var pe = /* @__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))(pe || {});
 const Ne = () => {
@@ -134,42 +134,42 @@ const Ne = () => {
     return "edge-chromium";
   if ((d || c) && !!u)
     return "blink";
-}, Lt = ["string", "number"], V = (e) => Object.keys(e).reduce((t, n) => {
+}, $t = ["string", "number"], V = (e) => Object.keys(e).reduce((t, n) => {
   const o = typeof e[n] == "undefined" ? "" : e[n], s = typeof o;
-  if (Lt.indexOf(s) > -1) {
+  if ($t.indexOf(s) > -1) {
     const i = n.substring(0, 5);
-    i === "data-" || i === "aria-" ? t[bt(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
+    i === "data-" || i === "aria-" ? t[Ct(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
   } else
     t[n] = o;
   return t;
-}, {}), 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) => {
+}, {}), kt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ r.createElement(Fn, h({}, t)) : null, ho = kt, Lt = (e) => new RegExp("^#", "i").test(e), Mt = (e) => (o) => {
   var s = o, { children: t } = s, n = S(s, ["children"]);
   const {
     implementation: i,
     name: a
   } = e.get("$widget"), { href: l = "" } = n;
-  if (St(l))
-    return /* @__PURE__ */ r.createElement(Zt, { smooth: !0, to: l }, t);
+  if (Lt(l))
+    return /* @__PURE__ */ r.createElement(Vt, { 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(eo, { widgetName: p }, t);
+      return /* @__PURE__ */ r.createElement(Gr, { widgetName: p }, t);
   }
   return /* @__PURE__ */ r.createElement("a", h({}, n), t);
-}, Ht = Rt, Oe = (e) => {
+}, St = Mt, Oe = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
     n.indexOf("css-") > -1 && (t[n] = e[n]);
   }), t;
-}, Tt = (e) => {
+}, Rt = (e) => {
   let t = "";
   return Object.keys(Oe(e)).forEach((n) => {
     n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
   }), L`
         ${t}
     `;
-}, Dt = Oe, Bt = (e, t) => {
+}, Ht = Oe, Tt = (e, t) => {
   let n = "";
   const o = () => {
     n = "";
@@ -199,18 +199,18 @@ const Ne = () => {
         }
     `;
 };
-function zt(e, t) {
+function Dt(e, t) {
   return t ? ze(e, t) : ze(e);
 }
-const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBody: e }), Vt = (e, t) => ({
+const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBody: e }), zt = (e, t) => ({
   transform: {
-    a: Ht(e),
-    img: Nt(t)
+    a: St(e),
+    img: Bt(t)
   }
-}), Wt = (e) => Bt(e, "a"), Zt = Wt, ae = N((s, o) => {
+}), Nt = (e) => Tt(e, "a"), Vt = Nt, ae = N((s, o) => {
   var i = s, { className: e, children: t } = i, n = S(i, ["className", "children"]);
   return /* @__PURE__ */ r.createElement(
-    It,
+    Zt,
     k(h({
       type: "button",
       className: M(e, "humany-button")
@@ -219,7 +219,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     }),
     t
   );
-}), It = y.button`
+}), Zt = y.button`
     -webkit-appearance: button;
     text-transform: none;
     overflow: visible;
@@ -232,7 +232,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     line-height: normal;
     margin: 0;
     padding: 0;
-`, Ot = (s) => {
+`, Wt = (s) => {
   var i = s, {
     onChange: e = () => {
     },
@@ -254,43 +254,43 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       onChange: (a) => e(a.target.value, a.currentTarget.checked)
     }, V(o))
   );
-}, Co = Ot, Pt = U(new ut()), Ft = U(1), Pe = U({
+}, po = Wt, It = X(new ct()), Ot = X(1), Pe = X({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), At = U({}), Kt = U(null), Yt = U(null), jt = () => Y(Pe), ye = jt, Xt = () => Y(Pt), W = Xt, Ut = (e, t) => {
-  const n = ye().id, o = W();
+}), Pt = X({}), Ft = X(null), At = X(null), Kt = () => K(Pe), ye = Kt, Yt = () => K(It), Z = Yt, jt = (e, t) => {
+  const n = ye().id, o = Z();
   return (s, i) => {
     (t || o).getAsync("actionResolver").then((a) => {
       a.action(e || n, s, i);
     });
   };
-}, yo = Ut, _t = (e) => {
-  const t = Y(Pe), n = _(), [o, s] = $();
+}, go = jt, Xt = (e) => {
+  const t = K(Pe), 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;
-}, be = _t, qt = () => {
+}, be = Xt, Ut = () => {
   const e = R(!1);
   return v(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
-}, O = qt, Qt = (e) => {
-  const t = W(), [n, o] = $(null), s = O();
+}, O = Ut, _t = (e) => {
+  const t = Z(), [n, o] = $(null), s = O();
   return v(() => {
-    ht.getInstance(e || t).then((i) => {
+    dt.getInstance(e || t).then((i) => {
       s.current && o(i);
     });
   }, [s]), n;
-}, _ = Qt, Gt = () => {
-  const e = be(), t = _(), [n, o] = $([]), s = O(), i = H(
+}, U = _t, qt = () => {
+  const e = be(), t = U(), [n, o] = $([]), s = O(), i = H(
     (a) => {
       if (t && s.current && a) {
-        const l = t.getBranch(a), u = a.getChildren(l).map((c) => pt(c));
+        const l = t.getBranch(a), u = a.getChildren(l).map((c) => ft(c));
         o(u);
       }
     },
@@ -300,7 +300,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     e && i(e);
   }, [e, t]), v(() => {
     if (t) {
-      const [a, l] = gt(t.events);
+      const [a, l] = ht(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 +312,8 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       };
     }
   }, [e, t, i]), n;
-}, bo = Gt, Jt = () => Y(Ft), vo = Jt, en = (e, t) => {
-  const n = ye(), o = W(), [s, i] = $(void 0), a = O(), l = e || n.type || "";
+}, Co = qt, Qt = () => K(Ot), yo = Qt, Gt = (e, t) => {
+  const n = ye(), o = Z(), [s, i] = $(void 0), a = O(), l = e || n.type || "";
   return v(() => {
     if (l) {
       let u;
@@ -330,8 +330,8 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       };
     }
   }, [a, l, t, o]), s;
-}, Eo = en, tn = (e) => {
-  const t = be(e), n = _(), [o, s] = $({}), i = O();
+}, bo = Gt, Jt = (e) => {
+  const t = be(e), n = U(), [o, s] = $({}), i = O();
   return v(() => {
     t && i.current && s(t.attributes.context);
   }, [i, t]), v(() => {
@@ -347,11 +347,11 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       };
     }
   }, [i, n, t]), o;
-}, nn = tn, rn = () => Y(Yt), xo = rn, on = () => {
-  const e = _(), t = ye(), [n, o] = $([]), [s, i] = $();
+}, en = Jt, tn = () => K(At), vo = tn, nn = () => {
+  const e = U(), t = ye(), [n, o] = $([]), [s, i] = $();
   return v(() => {
     if (e && t) {
-      const a = new Ct(e).withId(t.id), l = e.actions(a, t.type || Q());
+      const a = new pt(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 +364,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       reject: c
     });
   }) : s.dispatch(a, l);
-}, wo = on, I = (e, t, n = window, o = () => !0) => {
+}, Eo = nn, I = (e, t, n = window, o = () => !0) => {
   const s = R(() => {
   });
   v(() => {
@@ -377,10 +377,10 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       n.removeEventListener(e, a);
     };
   }, [e, n]);
-}, sn = (e) => {
-  const t = W(), { events: n } = (e || t).get("$widget");
+}, rn = (e) => {
+  const t = Z(), { events: n } = (e || t).get("$widget");
   return n;
-}, an = sn, cn = () => {
+}, on = rn, sn = () => {
   const [e, t] = $(!1);
   return v(() => {
     const n = () => {
@@ -392,7 +392,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       window.removeEventListener("keydown", o), window.removeEventListener("click", n);
     };
   }, []), e;
-}, $o = cn, ln = (e, t) => {
+}, xo = sn, an = (e, t) => {
   const [n, o] = $(!1), s = H(
     (a) => {
       const { key: l } = a;
@@ -406,8 +406,8 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     [o]
   );
   return I("keydown", s, window), I("keyup", i, window), n;
-}, X = ln, un = (e) => {
-  const t = be(e), n = _(), [o, s] = $({}), i = O();
+}, j = an, cn = (e) => {
+  const t = be(e), n = U(), [o, s] = $({}), i = O();
   return v(() => {
     t && i.current && s(t.attributes.layout);
   }, [t, i]), v(() => {
@@ -423,13 +423,13 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       };
     }
   }, [n, i, t]), o;
-}, ko = un, mn = (e) => {
+}, wo = cn, ln = (e) => {
   const t = R();
   return v(() => {
     t.current = e;
   }), t.current;
-}, Fe = mn, dn = () => Y(At), Lo = dn, fn = (e) => {
-  const [t, n] = $(), o = W(), s = O();
+}, Fe = ln, un = () => K(Pt), $o = un, mn = (e) => {
+  const [t, n] = $(), o = Z(), s = O();
   return v(() => {
     let i;
     const a = (e || o).get("$widget");
@@ -455,8 +455,8 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       i && i();
     };
   }, [s]), t;
-}, Mo = fn, hn = () => Y(Kt), Ae = hn, pn = (e) => {
-  const t = W(), n = Ae(), [o, s] = $({ name: "", params: {} }), i = O();
+}, ko = mn, dn = () => K(Ft), Ae = dn, fn = (e) => {
+  const t = Z(), n = Ae(), [o, s] = $({ name: "", params: {} }), i = O();
   return v(() => {
     const a = (e || t).get("$widget");
     if (!a)
@@ -474,7 +474,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       De(u), s({ name: l, params: u });
     }
   }, [n, i]), o;
-}, So = pn, Ke = (e) => {
+}, Lo = fn, Ke = (e) => {
   const t = R(), n = R(0);
   let o;
   const s = H(() => {
@@ -500,8 +500,8 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { 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 ? [gn, t] : ["", t];
-}, gn = `
+  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 ? [hn, t] : ["", t];
+}, hn = `
     overflow-y: ${Ne() === pe.Chrome || Ne() === pe.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
@@ -529,20 +529,20 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             background-color: #7F7F7F;
         }
     }
-`, Cn = () => {
-  const [e, t] = $(null), n = W(), o = O();
+`, pn = () => {
+  const [e, t] = $(null), n = Z(), o = O();
   return v(() => {
     n.get("settings").then((s) => {
       o.current && t(s);
     });
   }, [o]), e;
-}, Ro = Cn, yn = (e = !1) => {
+}, Mo = pn, gn = (e = !1) => {
   const [t, n] = $(e), o = H((s) => {
     n(typeof s == "boolean" ? s : (i) => !i);
   }, []);
   return [t, o];
-}, Ye = yn, Ho = (e) => {
-  const t = W(), n = _(), o = t.get("widgetDOMElement"), [s, i] = $(null), [a, l] = $(null), u = O();
+}, Ye = gn, So = (e) => {
+  const t = Z(), n = U(), o = t.get("widgetDOMElement"), [s, i] = $(null), [a, l] = $(null), u = O();
   v(() => {
     if (n && u.current) {
       const m = n.nodes.all.find((d) => d.name === "root-area"), p = n.nodes.all.find((d) => d.type === "view");
@@ -563,8 +563,8 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     [e, u, s, a]
   );
   I("transitionend", c, s), I("transitionend", c, a);
-}, bn = (e, t, n = [], o) => {
-  const s = an(o);
+}, Cn = (e, t, n = [], o) => {
+  const s = on(o);
   return v(() => {
     if (s) {
       const i = s.subscribe(e, t);
@@ -573,12 +573,12 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       };
     }
   }, [s].concat(n)), (i) => s == null ? void 0 : s.dispatch(e, i);
-}, ce = bn, vn = (e, t) => {
+}, ce = Cn, yn = (e, t) => {
   const n = ce("widget:menu-toggled", (o, s) => {
     s !== e && t();
   });
   return () => n(e);
-}, ve = vn, En = (o) => {
+}, ve = yn, bn = (o) => {
   var s = o, { className: e, children: t } = s, n = S(s, ["className", "children"]);
   return /* @__PURE__ */ r.createElement(
     "span",
@@ -587,7 +587,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     }, V(n)),
     t
   );
-}, Ee = En, je = (e) => L`
+}, Ee = bn, je = (e) => L`
     display: flex;
     justify-content: center;
     flex-direction: column;
@@ -596,7 +596,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     border: ${e.theme.border};
     box-shadow: ${e.theme.boxShadow || "none"};
     ${e["data-loading"] && "min-height: 150px;"}
-`, xn = (e) => {
+`, vn = (e) => {
   var t, n, o;
   return L`
     cursor: pointer;
@@ -608,11 +608,11 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { 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};
 `;
-}, To = (e) => {
+}, Ro = (e) => {
   var a;
   const { primaryColor: t, secondaryColor: n, active: o, theme: s, disabled: i } = e;
   return L`
-        ${xn(e)}
+        ${vn(e)}
         border: 1px solid ${o ? n : t};
         background-color: ${o ? t : n};
 
@@ -642,24 +642,24 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
 
             &:focus-visible {
-                ${A(e)};
+                ${F(e)};
             }
         `}
     `;
-}, A = (e) => {
+}, F = (e) => {
   var t, n, o;
   return L`
     outline: ${(t = e.theme.accessibility) == null ? void 0 : t.border};
     color: ${(o = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : o.inactiveText};
     border-color: transparent;
 `;
-}, wn = (e) => L`
-    ${A(e)}
+}, En = (e) => L`
+    ${F(e)}
     text-decoration: underline;
-`, Do = (e) => {
+`, Ho = (e) => {
   var t;
   return L`
-    ${A(e)}
+    ${F(e)}
     outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
 `;
 }, xe = y(ae)`
@@ -682,7 +682,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     }
 
     &:focus-visible {
-        ${A}
+        ${F}
         padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -701,7 +701,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, $n = (e) => {
+`, xn = (e) => {
   var t;
   return L`
     padding: 0;
@@ -723,7 +723,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         margin: 0;
     }
 `;
-}, Bo = (e) => {
+}, To = (e) => {
   var t, n, o, s;
   return L`
     > div {
@@ -739,7 +739,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
   )}
     }
     > ul {
-        ${$n(e)}
+        ${xn(e)}
     }
     ${ie(e)(
     "h1",
@@ -759,7 +759,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         `
   )}
 `;
-}, zo = (e) => {
+}, Do = (e) => {
   var t, n, o, s, i, a;
   return L`
     font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
@@ -788,7 +788,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     a {
         color: ${(o = e.theme.colors) == null ? void 0 : o.link};
         &:focus-visible {
-            ${wn(e)};
+            ${En(e)};
         }
     }
 
@@ -814,7 +814,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         margin: 0;
     }
 `;
-}, kn = ({
+}, wn = ({
   elementId: e = "humany-portal-elements",
   parent: t = document.body,
   children: n
@@ -825,8 +825,8 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
   });
   return v(() => (t.appendChild(o), () => {
     o.childElementCount <= 1 && o.remove();
-  }), [o]), Et(n, o);
-}, G = kn, Ln = (l) => {
+  }), [o]), bt(n, o);
+}, Q = wn, $n = (l) => {
   var u = l, {
     text: e = "",
     backgroundSize: t = "contain",
@@ -923,7 +923,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { 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(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" }));
+          return /* @__PURE__ */ r.createElement(kn, 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 +1309,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     }
     case "FontAwesome":
       return /* @__PURE__ */ r.createElement(
-        Un,
+        jn,
         h({
           className: i,
           faIcon: m,
@@ -1327,9 +1327,9 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         e.substring(0, 2)
       ) : null;
   }
-}, Mn = y.svg`
+}, kn = y.svg`
     transform: rotate(180deg);
-`, J = Ln, Sn = {
+`, G = $n, Ln = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1338,12 +1338,12 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
   h6: "h6",
   p: "p",
   span: "span"
-}, 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 = ({
+}, Mn = ({ variant: e, component: t, className: n, children: o }) => {
+  const { typographyVariantMapping: s = {} } = en(), i = h(h({}, Ln), s), a = t || i[e] || "span";
+  return /* @__PURE__ */ r.createElement(Sn, { className: n, as: a }, o);
+}, Sn = y.span``, _ = Mn;
+var Rn = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Rn || {});
+const Hn = 300, Tn = ({
   className: e,
   children: t,
   header: n,
@@ -1355,11 +1355,11 @@ const Dn = 300, Bn = ({
     type: "slide-in-bottom"
   }
 }) => {
-  const { duration: u = Dn } = l, c = R(), m = R(), [p, d] = Ke(!0), [f, C] = Ye(), x = Fe(f), b = R(Q());
+  const { duration: u = Hn } = l, c = R(), m = R(), [p, d] = Ke(!0), [f, C] = Ye(), x = Fe(f), b = R(q());
   v(() => {
     o && o(f);
   }, [f]);
-  const E = X("Escape");
+  const E = j("Escape");
   v(() => {
     E && C(!1);
   }, [E]), I(
@@ -1378,7 +1378,7 @@ const Dn = 300, Bn = ({
   }), v(() => {
     f && c.current ? c.current.focus() : !f && m.current && x && m.current.focus();
   }, [f, c.current, m.current]);
-  const B = In[l.type];
+  const B = Zn[l.type];
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
     Ie,
     {
@@ -1388,7 +1388,7 @@ const Dn = 300, Bn = ({
       unmountOnExit: !0,
       timeout: u
     },
-    /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement(Q, null, /* @__PURE__ */ r.createElement(
       B,
       {
         duration: u,
@@ -1410,9 +1410,9 @@ const Dn = 300, Bn = ({
           ref: c,
           "aria-label": a
         },
-        /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ r.createElement(G, { symbol: { type: "Svg", content: "close" } })
       ),
-      !!n && /* @__PURE__ */ r.createElement(zn, { variant: "h1", className: "humany-drawer-header" }, n),
+      !!n && /* @__PURE__ */ r.createElement(Dn, { variant: "h1", className: "humany-drawer-header" }, n),
       t
     ))
   ), r.cloneElement(s, {
@@ -1423,7 +1423,7 @@ const Dn = 300, Bn = ({
     "aria-label": s.props.title,
     "aria-expanded": f
   }));
-}, No = Bn, le = y.div`
+}, Bo = Tn, le = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -1440,7 +1440,7 @@ const Dn = 300, Bn = ({
     box-shadow: ${(e) => e.theme.boxShadow};
     background: #ffffff;
     ${(e) => e.css && e.css}
-`, zn = y(q)`
+`, Dn = y(_)`
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1465,7 +1465,7 @@ const Dn = 300, Bn = ({
     line-height: 1.2em;
 `, ue = (e) => L`
     transition: ${e.duration}ms;
-`, Nn = y(le)`
+`, Bn = y(le)`
     max-height: 0;
     ${ue}
 
@@ -1482,7 +1482,7 @@ const Dn = 300, Bn = ({
     &.humany-drawer-transition-exit-done {
         max-height: 0;
     }
-`, Vn = y(le)`
+`, zn = y(le)`
     ${ue}
     transform: translateX(100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1500,7 +1500,7 @@ const Dn = 300, Bn = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(100%);
     }
-`, Wn = y(le)`
+`, Nn = y(le)`
     ${ue}
     transform: translateX(-100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1518,7 +1518,7 @@ const Dn = 300, Bn = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(-100%);
     }
-`, Zn = y(le)`
+`, Vn = y(le)`
     ${ue}
     bottom: unset;
     top: 0;
@@ -1537,12 +1537,12 @@ const Dn = 300, Bn = ({
     &.humany-drawer-transition-exit-done {
         height: 0;
     }
-`, In = {
-  ["slide-in-bottom"]: Nn,
-  ["slide-in-right"]: Vn,
-  ["slide-in-left"]: Wn,
-  ["slide-in-top"]: Zn
-}, On = (e, t, n) => {
+`, Zn = {
+  ["slide-in-bottom"]: Bn,
+  ["slide-in-right"]: zn,
+  ["slide-in-left"]: Nn,
+  ["slide-in-top"]: Vn
+}, Wn = (e, t, n) => {
   const [o, s] = $(0), [i, a] = $(0), l = H(
     (u, c) => {
       if (u.preventDefault(), c) {
@@ -1561,12 +1561,12 @@ const Dn = 300, Bn = ({
     };
     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];
-}, Xe = On, Pn = r.forwardRef(
+}, Xe = Wn, In = r.forwardRef(
   (a, i) => {
     var l = a, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = l, s = S(l, ["className", "children", "trigger", "closeButtonAriaLabel"]);
     const u = R(), c = R(), m = R();
     Ce(i, () => m.current, [m.current]);
-    const p = R(Q()), [d, f] = $(!1), C = Fe(d), [{ x, y: b }, E] = Xe(d, p.current, m.current), g = X("Escape");
+    const p = R(q()), [d, f] = $(!1), C = Fe(d), [{ x, y: b }, E] = Xe(d, p.current, m.current), g = j("Escape");
     v(() => {
       g && f(!1);
     }, [g]), v(() => {
@@ -1574,8 +1574,8 @@ const Dn = 300, Bn = ({
     }, [d, u.current, c.current]), I(
       "click",
       (T) => {
-        const { target: j } = T;
-        !m.current || !j || m.current !== j && !m.current.contains(j) && f(!1);
+        const { target: Y } = T;
+        !m.current || !Y || m.current !== Y && !m.current.contains(Y) && f(!1);
       },
       window
     ), ce("router:changed", () => {
@@ -1589,8 +1589,8 @@ const Dn = 300, Bn = ({
       },
       [B, E, f]
     );
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, d && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      Fn,
+    return /* @__PURE__ */ r.createElement(r.Fragment, null, d && /* @__PURE__ */ r.createElement(Q, null, /* @__PURE__ */ r.createElement(
+      On,
       k(h({
         className: M(
           "humany-dropdown",
@@ -1610,7 +1610,7 @@ const Dn = 300, Bn = ({
           ref: u,
           "aria-label": o
         },
-        /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ r.createElement(G, { symbol: { type: "Svg", content: "close" } })
       ),
       t
     )), r.cloneElement(n, {
@@ -1620,7 +1620,7 @@ const Dn = 300, Bn = ({
       "aria-expanded": d
     }));
   }
-), Vo = Pn, Fn = y.div`
+), zo = In, On = y.div`
     ${je}
     padding: ${(e) => {
   var t;
@@ -1635,41 +1635,41 @@ const Dn = 300, Bn = ({
   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;
 }};
-`, An = (t) => {
+`, Pn = (t) => {
   var e = S(t, []);
-  return /* @__PURE__ */ r.createElement(Yn, h({}, e));
-}, Kn = An, Yn = y.div`
+  return /* @__PURE__ */ r.createElement(An, h({}, e));
+}, Fn = Pn, An = y.div`
     display: none;
-`, Wo = N(
+`, No = N(
   (a, i) => {
     var l = a, { children: e, columns: t, gap: n, className: o } = l, s = S(l, ["children", "columns", "gap", "className"]);
     return /* @__PURE__ */ r.createElement(
-      jn,
+      Kn,
       k(h(h({
         className: M(o, "humany-grid"),
         "data-columns": t,
         "data-gap": n
-      }, Dt(s)), V(s)), {
+      }, Ht(s)), V(s)), {
         ref: i
       }),
       e
     );
   }
-), jn = y.div`
+), Kn = 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;
-    ${Tt}
+    ${Rt}
 `, Ue = N(
   (i, s) => {
     var a = i, { htmlParseInstruction: e = null, className: t, html: n } = a, o = S(a, ["htmlParseInstruction", "className", "html"]);
-    const l = W(), [u, c] = $();
+    const l = Z(), [u, c] = $();
     return v(() => {
-      const m = Vt(l, n), p = k(h(h({}, m), e), {
+      const m = zt(l, n), p = k(h(h({}, m), e), {
         transform: h(h({}, m.transform), e == null ? void 0 : e.transform)
-      }), d = zt(n, p);
+      }), d = Dt(n, p);
       c(d);
     }, [n, e]), /* @__PURE__ */ r.createElement(
       "div",
@@ -1681,7 +1681,7 @@ const Dn = 300, Bn = ({
       u
     );
   }
-), Xn = (i) => {
+), Yn = (i) => {
   var a = i, {
     faIcon: e,
     title: t,
@@ -1701,7 +1701,7 @@ const Dn = 300, Bn = ({
       role: o
     }, V(s))
   );
-}, Un = Xn, Zo = N(
+}, jn = Yn, Vo = N(
   (p, m) => {
     var d = p, {
       className: e = "",
@@ -1760,7 +1760,7 @@ const Dn = 300, Bn = ({
       })
     );
   }
-), _n = N(
+), Xn = N(
   (a, i) => {
     var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, s = S(l, ["className", "items", "renderItem", "renderLi"]);
     return /* @__PURE__ */ r.createElement(
@@ -1776,7 +1776,7 @@ const Dn = 300, Bn = ({
       )
     );
   }
-), qn = N(
+), Un = N(
   (u, l) => {
     var c = u, { text: e, html: t, header: n, className: o, htmlParseInstruction: s, symbol: i } = c, a = S(c, ["text", "html", "header", "className", "htmlParseInstruction", "symbol"]);
     return /* @__PURE__ */ r.createElement(
@@ -1786,12 +1786,12 @@ const Dn = 300, Bn = ({
       }, V(a)), {
         ref: l
       }),
-      n ? /* @__PURE__ */ r.createElement(q, { variant: "h1" }, i ? /* @__PURE__ */ r.createElement(J, { symbol: i }) : null, n) : null,
+      n ? /* @__PURE__ */ r.createElement(_, { variant: "h1" }, i ? /* @__PURE__ */ r.createElement(G, { symbol: i }) : null, n) : null,
       t ? /* @__PURE__ */ r.createElement(Ue, { html: t, htmlParseInstruction: s }) : null,
       e ? /* @__PURE__ */ r.createElement(Ee, null, e) : null
     );
   }
-), Qn = N(
+), _n = N(
   (f, d) => {
     var C = f, {
       header: e,
@@ -1826,12 +1826,12 @@ const Dn = 300, Bn = ({
       }, 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(_n, h({ items: l, renderItem: u, renderLi: c }, m)) : null,
+      t || (e || n || o ? /* @__PURE__ */ r.createElement(Un, { symbol: a, header: e, text: n, html: o }) : null),
+      l.length ? /* @__PURE__ */ r.createElement(Xn, h({ items: l, renderItem: u, renderLi: c }, m)) : null,
       i
     );
   }
-), Gn = ({
+), qn = ({
   className: e = "",
   tree: t,
   renderItem: n,
@@ -1842,7 +1842,7 @@ const Dn = 300, Bn = ({
   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(
-    Qn,
+    _n,
     {
       className: M(`humany-item-tree-level-${d}`),
       items: p,
@@ -1862,11 +1862,11 @@ const Dn = 300, Bn = ({
     }
   );
   return /* @__PURE__ */ r.createElement("div", { className: M(e, "humany-item-tree") }, o && o(!u(t || [])), t && m(t, 1));
-}, Io = Gn, Jn = N(
+}, Zo = qn, Qn = N(
   (u, l) => {
     var c = u, { className: e, onClick: t = () => {
     }, name: n = "", to: o = "", params: s = {}, children: i } = c, a = S(c, ["className", "onClick", "name", "to", "params", "children"]);
-    const m = Ae(), p = W();
+    const m = Ae(), p = Z();
     if (!m)
       return null;
     let d = "";
@@ -1909,11 +1909,11 @@ const Dn = 300, Bn = ({
       ), null;
     if (m.settings && m.settings.mode === Be.scopedHash) {
       const C = p.get("$widget").name;
-      d = xt(d, C);
+      d = vt(d, C);
     }
-    return f.as ? /* @__PURE__ */ r.createElement(er, k(h({}, f), { as: f.as }), i) : /* @__PURE__ */ r.createElement(fe, k(h({}, f), { to: d }), i);
+    return f.as ? /* @__PURE__ */ r.createElement(Gn, k(h({}, f), { as: f.as }), i) : /* @__PURE__ */ r.createElement(fe, k(h({}, f), { to: d }), i);
   }
-), er = y.span``, we = N(
+), Gn = y.span``, we = N(
   (x, C) => {
     var b = x, {
       className: e,
@@ -1969,7 +1969,7 @@ const Dn = 300, Bn = ({
       }
     };
     return p ? /* @__PURE__ */ r.createElement(
-      tr,
+      Jn,
       k(h(h({
         name: p,
         params: d
@@ -1978,7 +1978,7 @@ const Dn = 300, Bn = ({
       }),
       c
     ) : /* @__PURE__ */ r.createElement(
-      nr,
+      er,
       k(h(h({
         href: u,
         target: m
@@ -1988,17 +1988,17 @@ const Dn = 300, Bn = ({
       c
     );
   }
-), tr = y(Jn)`
+), Jn = y(Qn)`
     ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, nr = y.a`
+`, er = y.a`
     ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
   ` : "cursor: pointer;"}
-`, rr = (i) => {
+`, tr = (i) => {
   var a = i, {
     visible: e,
     duration: t = 500,
@@ -2026,8 +2026,8 @@ const Dn = 300, Bn = ({
       unmountOnExit: !0,
       timeout: t
     },
-    /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      or,
+    /* @__PURE__ */ r.createElement(Q, null, /* @__PURE__ */ r.createElement(
+      nr,
       h({
         className: "humany-overlay",
         duration: t,
@@ -2037,7 +2037,7 @@ const Dn = 300, Bn = ({
       n
     ))
   );
-}, or = y.div`
+}, nr = y.div`
     background: rgba(0, 0, 0, 0.6);
     min-width: 100%;
     min-height: 100%;
@@ -2067,11 +2067,11 @@ const Dn = 300, Bn = ({
     &.humany-overlay-transition-exit-done {
         opacity: 0;
     }
-`, _e = rr, sr = Ze`
+`, _e = tr, rr = We`
   100% {
     transform: rotate(360deg);
   }
-`, ir = Ze`
+`, or = We`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2084,8 +2084,8 @@ const Dn = 300, Bn = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, ar = y.svg`
-    animation: ${sr} 2s linear infinite;
+`, sr = y.svg`
+    animation: ${rr} 2s linear infinite;
     height: 100%;
     transform-origin: center center;
     width: 100%;
@@ -2096,7 +2096,7 @@ const Dn = 300, Bn = ({
     right: 0;
     margin: auto;
     transition: 200ms ease-out opacity;
-`, cr = y.div`
+`, ir = y.div`
     position: absolute;
     top: 0;
     bottom: 0;
@@ -2114,7 +2114,7 @@ const Dn = 300, Bn = ({
     svg {
         opacity: ${(e) => e["data-loading"] ? "1" : "0"};
     }
-`, lr = y.div`
+`, ar = y.div`
     position: relative;
     margin: 0 auto;
     width: 100px;
@@ -2123,18 +2123,18 @@ const Dn = 300, Bn = ({
         display: block;
         padding-top: 100%;
     }
-`, ur = y.circle`
+`, cr = y.circle`
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
-    animation: ${ir} 1.5s ease-in-out infinite;
+    animation: ${or} 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;
-`, 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,
+`, lr = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ r.createElement(ir, { className: M("humany-loader", e), "data-loading": t }, /* @__PURE__ */ r.createElement(ar, { className: "humany-spinner" }, /* @__PURE__ */ r.createElement(sr, { viewBox: "25 25 50 50" }, /* @__PURE__ */ r.createElement(
+  cr,
   {
     cx: "50",
     cy: "50",
@@ -2143,7 +2143,7 @@ const Dn = 300, Bn = ({
     "stroke-width": "2",
     "stroke-miterlimit": "10"
   }
-)))), dr = mr, fr = (s) => {
+)))), ur = lr, mr = (s) => {
   var i = s, {
     zoomState: e,
     image: t,
@@ -2169,14 +2169,14 @@ const Dn = 300, Bn = ({
         const B = C();
         n(B);
       }
-      return g.width >= g.height ? [`${e * t.originalWidth}px`, "auto"] : ["auto", `${e * t.originalHeight}px`];
+      return g.width >= g.height ? [`${e * g.naturalWidth}px`, "auto"] : ["auto", `${e * g.naturalHeight}px`];
     }
     return null;
   }, [e, a, l, t.src]);
   return v(() => (u(!1), function() {
     m(!1);
-  }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(hr, { loading: !l }), /* @__PURE__ */ r.createElement(
-    pr,
+  }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(dr, { loading: !l }), /* @__PURE__ */ r.createElement(
+    fr,
     k(h({
       onLoad: () => {
         u(!0);
@@ -2190,12 +2190,12 @@ const Dn = 300, Bn = ({
       src: t.src,
       loaded: l
     })
-  ), /* @__PURE__ */ r.createElement(gr, null));
-}, hr = y(dr)`
+  ), /* @__PURE__ */ r.createElement(hr, null));
+}, dr = y(ur)`
     svg circle {
         stroke: #ffffff;
     }
-`, pr = y.img`
+`, fr = y.img`
     transform: none;
 
     ${(e) => e.imageSize && L`
@@ -2206,33 +2206,33 @@ const Dn = 300, Bn = ({
     vertical-align: middle;
     position: relative;
     ${(e) => !e.loaded && "display:none;"}
-`, gr = y.div`
+`, hr = y.div`
     height: 100%;
     display: inline-block;
     vertical-align: middle;
-`, Cr = fr, yr = () => {
+`, pr = mr, gr = () => {
   const e = R(), [t, n] = $(!0), o = H(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
   }), [t, e]);
   return [t, o];
-}, br = ({ attrs: e, htmlBody: t }) => {
+}, Cr = ({ attrs: e, htmlBody: t }) => {
   var Se;
-  const n = X("Escape"), o = X("ArrowLeft"), s = X("ArrowRight"), [i, a] = $(1), [l, u] = $({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = $(!1), [p, d] = yr(), [f, C] = $(null), [x, b] = $(null), E = R(null), g = R(null), B = R(null), z = R(null);
+  const n = j("Escape"), o = j("ArrowLeft"), s = j("ArrowRight"), [i, a] = $(1), [l, u] = $({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = $(!1), [p, d] = gr(), [f, C] = $(null), [x, b] = $(null), E = R(null), g = R(null), B = R(null), z = R(null);
   v(() => {
     n && C(null);
   }, [n]), v(() => {
     a(1);
   }, [f]), v(() => {
-    var P, F;
+    var P, te;
     if (f === null || g.current === null)
       return;
-    const w = g.current.firstElementChild, D = (P = B.current) == null ? void 0 : P.querySelector(".nav-left"), Z = (F = B.current) == null ? void 0 : F.querySelector(".nav-right");
+    const w = g.current.firstElementChild, D = (P = B.current) == null ? void 0 : P.querySelector(".nav-left"), W = (te = B.current) == null ? void 0 : te.querySelector(".nav-right");
     if (x === "Right")
-      te && Z ? Z.focus() : ee && D && D.focus();
+      ee && W ? W.focus() : J && D && D.focus();
     else if (x === "Left")
-      ee && D ? D.focus() : te && Z && Z.focus();
+      J && D ? D.focus() : ee && W && W.focus();
     else {
       if (!w)
         return;
@@ -2240,31 +2240,29 @@ const Dn = 300, Bn = ({
     }
   }, [f, g, B, x]), v(() => {
     if (o) {
-      if (ee)
+      if (J)
         return Le();
-    } else if (s && te)
+    } else if (s && ee)
       return Me();
   }, [o, s]);
   const T = se(() => {
     const w = document.createElement("div");
     w.innerHTML = t || "";
     const D = w.getElementsByTagName("img");
-    return Array.from(D).reduce((P, F) => {
-      const Re = F.getAttribute("src"), ot = F.height || Number.parseInt(F.style.height, 10), st = F.width || Number.parseInt(F.style.width, 10);
+    return Array.from(D).reduce((P, te) => {
+      const Re = te.getAttribute("src");
       if (Re) {
-        const it = {
-          src: Re,
-          originalWidth: st,
-          originalHeight: ot
+        const ot = {
+          src: Re
         };
-        P.push(it);
+        P.push(ot);
       }
       return P;
     }, []);
-  }, [t]), j = H(() => {
+  }, [t]), Y = H(() => {
     const { src: w } = e;
     if (w) {
-      const D = T.findIndex((Z, P) => Z.src === w);
+      const D = T.findIndex((W, P) => W.src === w);
       C(D);
     }
   }, [T, e]), Ge = H((w) => {
@@ -2289,8 +2287,8 @@ const Dn = 300, Bn = ({
     (w) => {
       const D = z.current;
       if (D && c) {
-        const Z = w.clientX - l.x, P = w.clientY - l.y;
-        D.scrollTop = l.top - P, D.scrollLeft = l.left - Z;
+        const W = w.clientX - l.x, P = w.clientY - l.y;
+        D.scrollTop = l.top - P, D.scrollLeft = l.left - W;
       }
     },
     [c, l]
@@ -2309,17 +2307,17 @@ const Dn = 300, Bn = ({
     f !== null && (b("Left"), C(f - 1));
   }, Me = () => {
     f !== null && (b("Right"), C(f + 1));
-  }, ee = f !== null && f > 0 && T.length > 1, te = f !== null && T.length - 1 > f;
+  }, J = f !== null && f > 0 && T.length > 1, ee = f !== null && T.length - 1 > f;
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_e, { visible: f !== null, onClick: Ge }, /* @__PURE__ */ r.createElement(
-    Mr,
+    kr,
     {
       onMouseDown: () => d(),
       onMouseMove: () => d(),
       onTouchStart: () => d(),
       onKeyDown: () => d()
     },
-    /* @__PURE__ */ r.createElement(Sr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
-      wr,
+    /* @__PURE__ */ r.createElement(Lr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
+      Er,
       {
         ref: g,
         buttons: [
@@ -2339,7 +2337,7 @@ const Dn = 300, Bn = ({
       }
     )),
     /* @__PURE__ */ r.createElement(
-      Hr,
+      Sr,
       {
         scrolling: c.toString(),
         isDraggable: rt.toString(),
@@ -2349,7 +2347,7 @@ const Dn = 300, Bn = ({
         onMouseUp: nt
       },
       f !== null && /* @__PURE__ */ r.createElement(
-        Cr,
+        pr,
         k(h({
           changeZoom: (w) => {
             a(w);
@@ -2361,7 +2359,7 @@ const Dn = 300, Bn = ({
       )
     ),
     /* @__PURE__ */ r.createElement(
-      kr,
+      wr,
       {
         ref: B,
         show: p.toString(),
@@ -2371,7 +2369,7 @@ const Dn = 300, Bn = ({
             onClick: Le,
             icon: "caret-left",
             circle: !0,
-            show: ee,
+            show: J,
             className: "nav-left",
             ariaLabel: "Navigate to previous image"
           },
@@ -2380,15 +2378,15 @@ const Dn = 300, Bn = ({
             onClick: Me,
             icon: "caret-right",
             circle: !0,
-            show: te,
+            show: ee,
             className: "nav-right",
             ariaLabel: "Navigate to next image"
           }
         ]
       }
     ),
-    /* @__PURE__ */ r.createElement(Rr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
-      $r,
+    /* @__PURE__ */ r.createElement(Mr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
+      xr,
       {
         buttons: [
           {
@@ -2405,22 +2403,22 @@ const Dn = 300, Bn = ({
           }
         ]
       }
-    ), /* @__PURE__ */ r.createElement(Lr, { variant: "span" }, Math.trunc(i * 100), "%"))
+    ), /* @__PURE__ */ r.createElement($r, { variant: "span" }, Math.trunc(i * 100), "%"))
   )), /* @__PURE__ */ r.createElement(
-    vr,
+    yr,
     {
       ref: E,
-      onClick: j,
+      onClick: Y,
       onKeyDown: (w) => {
-        w.key === "Enter" && (w.preventDefault(), j());
+        w.key === "Enter" && (w.preventDefault(), Y());
       },
       tabIndex: 0
     },
-    /* @__PURE__ */ r.createElement(Tr, k(h({}, e), { alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "" }))
+    /* @__PURE__ */ r.createElement(Rr, k(h({}, e), { alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "" }))
   ));
 }, $e = N(
   ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ r.createElement(
-    Er,
+    br,
     {
       ref: o,
       show: e,
@@ -2428,7 +2426,7 @@ const Dn = 300, Bn = ({
     },
     t.map(
       ({ id: s, circle: i = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, p) => /* @__PURE__ */ r.createElement(
-        xr,
+        vr,
         {
           key: s + p.toString(),
           circle: i.toString(),
@@ -2439,7 +2437,7 @@ const Dn = 300, Bn = ({
           className: m,
           "aria-label": l
         },
-        /* @__PURE__ */ r.createElement(J, { size: 24, symbol: { type: "Svg", content: c } })
+        /* @__PURE__ */ r.createElement(G, { size: 24, symbol: { type: "Svg", content: c } })
       )
     )
   )
@@ -2450,16 +2448,16 @@ const Dn = 300, Bn = ({
                   opacity: 0;
                   pointer-events: none;
               `}
-`, vr = y(we)`
+`, yr = y(we)`
     display: inline-block !important;
-`, Er = y(qe)`
+`, br = y(qe)`
     position: fixed;
     display: flex;
     gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, ge = "39px", xr = y(ae)`
+`, ge = "39px", vr = y(ae)`
     width: ${ge};
     height: ${ge};
     display: flex;
@@ -2487,7 +2485,7 @@ const Dn = 300, Bn = ({
                   }
 
                   &:focus-visible {
-                      ${A(e)}
+                      ${F(e)}
                       outline-color: #ffffff;
                       background-color: transparent;
 
@@ -2509,7 +2507,7 @@ const Dn = 300, Bn = ({
                       outline-color: #ffffff;
                   }
                   &:focus-visible {
-                      ${A(e)}
+                      ${F(e)}
                   }
               `;
 }}
@@ -2524,7 +2522,7 @@ const Dn = 300, Bn = ({
                   opacity: 0;
                   pointer-events: none;
               `}
-`, wr = y($e)`
+`, Er = y($e)`
     top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2533,7 +2531,7 @@ const Dn = 300, Bn = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, $r = y($e)`
+`, xr = y($e)`
     bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2541,7 +2539,7 @@ const Dn = 300, Bn = ({
     width: 100%;
     align-items: center;
     justify-content: center;
-`, kr = y($e)`
+`, wr = y($e)`
     display: block;
     button {
         position: fixed;
@@ -2559,7 +2557,7 @@ const Dn = 300, Bn = ({
 }};
         }
     }
-`, Lr = y(q)`
+`, $r = y(_)`
     position: fixed;
     bottom: ${(e) => {
   var t;
@@ -2584,15 +2582,15 @@ const Dn = 300, Bn = ({
     height: 88px;
     left: 0px;
     z-index: 5;
-`, Mr = y.div`
+`, kr = y.div`
     width: 100%;
-`, Sr = y(Qe)`
+`, Lr = y(Qe)`
     top: 0px;
     background-image: linear-gradient(to bottom, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Rr = y(Qe)`
+`, Mr = y(Qe)`
     bottom: 0px;
     background-image: linear-gradient(to top, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Hr = y.div`
+`, Sr = y.div`
     width: 100%;
     height: 100vh;
     overflow: auto;
@@ -2601,13 +2599,13 @@ const Dn = 300, Bn = ({
     white-space: nowrap;
     justify-content: center;
     cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, Tr = y.img`
+`, Rr = y.img`
     cursor: pointer;
-`, Dr = br, Br = N(
+`, Hr = Cr, Tr = N(
   (l, a) => {
     var u = l, { className: e, children: t, trigger: n, onOverlayClick: o = () => {
     }, close: s = !1 } = u, i = S(u, ["className", "children", "trigger", "onOverlayClick", "close"]);
-    const [c, m] = Ye(), [p, d] = Ke(!0), f = R(), C = R(Q()), x = X("Escape");
+    const [c, m] = Ye(), [p, d] = Ke(!0), f = R(), C = R(q()), x = j("Escape");
     v(() => {
       (x || s) && m(!1);
     }, [x, s]), v(() => {
@@ -2630,7 +2628,7 @@ const Dn = 300, Bn = ({
       m(!1);
     }), [C.current]);
     return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_e, { visible: c, onClick: b }, /* @__PURE__ */ r.createElement(
-      Nr,
+      Br,
       k(h({
         className: M(
           e,
@@ -2649,7 +2647,7 @@ const Dn = 300, Bn = ({
           tabIndex: 0,
           ref: f
         },
-        /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ r.createElement(G, { symbol: { type: "Svg", content: "close" } })
       ),
       t
     )), r.cloneElement(n, {
@@ -2658,7 +2656,7 @@ const Dn = 300, Bn = ({
       }
     }));
   }
-), zr = Br, Nr = y.div`
+), Dr = Tr, Br = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2677,7 +2675,7 @@ const Dn = 300, Bn = ({
     ${(e) => je(e)}
     ${(e) => e.css && e.css}
   outline: none;
-`, Vr = ({
+`, zr = ({
   className: e,
   trigger: t,
   header: n = "",
@@ -2696,8 +2694,8 @@ const Dn = 300, Bn = ({
     var p;
     i(), (p = u == null ? void 0 : u.current) == null || p.close();
   }, [i]);
-  return /* @__PURE__ */ r.createElement(Wr, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ r.createElement(Ve, null, n), o && /* @__PURE__ */ r.createElement(Ve, null, o), l && /* @__PURE__ */ r.createElement(Zr, { onClick: m }, l), a && /* @__PURE__ */ r.createElement(Ir, { onClick: c }, a));
-}, Oo = Vr, Wr = y(zr)`
+  return /* @__PURE__ */ r.createElement(Nr, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ r.createElement(Ve, null, n), o && /* @__PURE__ */ r.createElement(Ve, null, o), l && /* @__PURE__ */ r.createElement(Vr, { onClick: m }, l), a && /* @__PURE__ */ r.createElement(Zr, { onClick: c }, a));
+}, Wo = zr, Nr = y(Dr)`
     display: block;
 
     span {
@@ -2715,7 +2713,7 @@ const Dn = 300, Bn = ({
 }};
         }
     }
-`, Zr = y(ae)`
+`, Vr = y(ae)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2743,9 +2741,9 @@ const Dn = 300, Bn = ({
     }
 
     &:focus-visible {
-        ${A}
+        ${F}
     }
-`, Ir = y(ae)`
+`, Zr = y(ae)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2764,17 +2762,17 @@ const Dn = 300, Bn = ({
 }};
 
     &:focus-visible {
-        ${A};
+        ${F};
     }
-`, Or = ({
+`, Wr = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__PURE__ */ r.createElement(Pr, null, /* @__PURE__ */ r.createElement(Fr, null, /* @__PURE__ */ r.createElement(q, { variant: "h2" }, "404")), /* @__PURE__ */ r.createElement(Ar, null, /* @__PURE__ */ r.createElement(q, { variant: "h3" }, e), /* @__PURE__ */ r.createElement(jr, { 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`
+}) => /* @__PURE__ */ r.createElement(Ir, null, /* @__PURE__ */ r.createElement(Or, null, /* @__PURE__ */ r.createElement(_, { variant: "h2" }, "404")), /* @__PURE__ */ r.createElement(Pr, null, /* @__PURE__ */ r.createElement(_, { variant: "h3" }, e), /* @__PURE__ */ r.createElement(Kr, { routeName: "index", "aria-label": t, text: t })), /* @__PURE__ */ r.createElement(Fr, null, /* @__PURE__ */ r.createElement("span", null, n), /* @__PURE__ */ r.createElement("ul", null, /* @__PURE__ */ r.createElement("li", null, o)))), Io = Wr, Ir = y.div`
     display: flex;
     flex-wrap: wrap;
-`, Fr = y.div`
+`, Or = y.div`
     ${(e) => ie(e)(
   "h2",
   L`
@@ -2784,7 +2782,7 @@ const Dn = 300, Bn = ({
                 font-size: 7em;
             `
 )}
-`, Ar = y.div`
+`, Pr = y.div`
     margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2811,7 +2809,7 @@ const Dn = 300, Bn = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
     }
-`, Kr = y.div`
+`, Fr = y.div`
     margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2822,7 +2820,7 @@ const Dn = 300, Bn = ({
         font-weight: bold;
     }
 `;
-class Yr extends dt {
+class Ar extends ut {
   constructor() {
     super(...arguments);
     re(this, "node");
@@ -2864,21 +2862,21 @@ class Yr extends dt {
     ) : null;
   }
 }
-const Fo = Yr, jr = N(
+const Oo = Ar, Kr = N(
   (a, i) => {
     var l = a, { className: e, description: t, text: n, children: o } = l, s = S(l, ["className", "description", "text", "children"]);
     return /* @__PURE__ */ r.createElement(we, k(h({ className: M(e, "humany-text-link") }, s), { ref: i }), o, /* @__PURE__ */ r.createElement(Ee, null, n), t ? /* @__PURE__ */ r.createElement(Ue, { html: t, className: "humany-description" }) : null);
   }
 );
-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)), Ao = Ur, We = (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}-${We(a)}-${We(l)}`;
+var Yr = /* @__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))(Yr || {});
+const jr = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ r.createElement("span", { className: M(e, "humany-timestamp") }, Xr(n, t)), Po = jr, Ze = (e) => `0${e}`.slice(-2);
+function Xr(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 Ur = (i) => {
   var a = i, { className: e, children: t, content: n, sticky: o = !1 } = a, s = S(a, ["className", "children", "content", "sticky"]);
-  const [l, u] = $(!1), c = R(Q()), m = R(), [{ x: p, y: d }, f] = Xe(l, c.current, m.current), C = (b) => {
+  const [l, u] = $(!1), c = R(q()), m = R(), [{ x: p, y: d }, f] = Xe(l, c.current, m.current), C = (b) => {
     const { target: E } = b;
     !m.current || !E || m.current !== E && !m.current.contains(E) && u(!1);
   };
@@ -2895,7 +2893,7 @@ const qr = (i) => {
     [f, u]
   );
   return /* @__PURE__ */ r.createElement(
-    Qr,
+    _r,
     {
       ref: m,
       className: "humany-tooltip-trigger",
@@ -2905,8 +2903,8 @@ const qr = (i) => {
       onClick: o ? (b) => x(b, !l) : void 0
     },
     t,
-    l && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      Gr,
+    l && /* @__PURE__ */ r.createElement(Q, null, /* @__PURE__ */ r.createElement(
+      qr,
       h({
         className: M(e, "humany-tooltip-container"),
         x: p,
@@ -2915,10 +2913,10 @@ const qr = (i) => {
       n
     ))
   );
-}, Qr = y.div`
+}, _r = y.div`
     display: flex;
     align-items: center;
-`, Gr = y.div`
+`, qr = y.div`
     color: #ffffff;
     background: #161616;
     border-radius: ${(e) => e.theme.borderRadius};
@@ -2954,7 +2952,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;
 }};
-`, Ko = qr, Jr = (e) => {
+`, Fo = Ur, Qr = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
@@ -2996,7 +2994,7 @@ const qr = (i) => {
     }
   })();
   return /* @__PURE__ */ r.createElement(
-    vt,
+    yt,
     {
       timeout: {
         enter: u && u.enter.duration || 0,
@@ -3010,11 +3008,11 @@ const qr = (i) => {
     },
     (c) => i && i(c, u && he.compose(c, u))
   );
-}, Yo = Jr, eo = N(
+}, Ao = Qr, Gr = N(
   (l, a) => {
     var u = l, { className: e, children: t, onClick: n = () => {
     }, widgetName: o, activationOptions: s } = u, i = S(u, ["className", "children", "onClick", "widgetName", "activationOptions"]);
-    const c = W(), m = () => {
+    const c = Z(), m = () => {
       const { implementation: f } = c.get("$widget");
       return f.widgets.get(o);
     };
@@ -3041,7 +3039,7 @@ const qr = (i) => {
             });
           });
         };
-        C.state === mt.Deactivated ? C.activate(s).then(() => C.invoke("attach")).then(b) : b();
+        C.state === lt.Deactivated ? C.activate(s).then(() => C.invoke("attach")).then(b) : b();
       }
     }, d = (f) => {
       f.key === "Enter" && (f.preventDefault(), p(f));
@@ -3060,16 +3058,16 @@ const qr = (i) => {
       t
     );
   }
-), jo = N(
+), Ko = N(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
-    const s = W(), i = se(() => {
+    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(
-      to,
+    return i ? /* @__PURE__ */ r.createElement(Q, { elementId: e, parent: i }, /* @__PURE__ */ r.createElement(
+      Jr,
       {
         className: M("humany-widget-overlay-outlet", t),
         ref: o
@@ -3077,7 +3075,7 @@ const qr = (i) => {
       n
     )) : null;
   }
-), to = y.div`
+), Jr = y.div`
     background-color: #ffffff;
     position: absolute;
     top: 0;
@@ -3087,101 +3085,101 @@ const qr = (i) => {
     z-index: 10;
     width: 100%;
     height: 100%;
-`, no = (e, t, n, o, s) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
+`, eo = (e, t, n, o, s) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
   t,
-  ft(() => n)
-), yt(e, t, o || (() => {
-}), t, s))), Xo = no;
+  mt(() => n)
+), gt(e, t, o || (() => {
+}), t, s))), Yo = eo;
 export {
-  Zt as AnchorLink,
+  Vt as AnchorLink,
   ae as Button,
-  Co as Checkbox,
-  Ft as ColumnContext,
+  po as Checkbox,
+  Ot as ColumnContext,
   Pe as ComponentNodeContext,
-  At as ComponentPropertyContext,
-  Oo as Confirm,
-  Pt as ContainerContext,
-  Yt as ConversationContext,
-  Xr as DateFormats,
-  No as Drawer,
-  Tn as DrawerAnimationType,
-  Vo as Dropdown,
-  Kn as Empty,
-  Wo as Grid,
+  Pt as ComponentPropertyContext,
+  Wo as Confirm,
+  It as ContainerContext,
+  At as ConversationContext,
+  Yr as DateFormats,
+  Bo as Drawer,
+  Rn as DrawerAnimationType,
+  zo as Dropdown,
+  Fn as Empty,
+  No as Grid,
   Ue as Html,
-  Un as Icon,
-  Zo as Input,
-  Qn as ItemList,
-  Io as ItemTree,
-  Dr as Lightbox,
+  jn as Icon,
+  Vo as Input,
+  _n as ItemList,
+  Zo as ItemTree,
+  Hr as Lightbox,
   we as Link,
-  _n as List,
-  zr as Modal,
-  Po as NotFound,
+  Xn as List,
+  Dr as Modal,
+  Io as NotFound,
   _e as Overlay,
-  qn as Paragraph,
-  G as Portal,
-  Jn as RouteLink,
-  Kt as RoutingContext,
+  Un as Paragraph,
+  Q as Portal,
+  Qn as RouteLink,
+  Ft as RoutingContext,
   Ve as StyledText,
-  J as SymbolBadge,
-  Fo as TabStop,
+  G as SymbolBadge,
+  Oo as TabStop,
   Ee as Text,
-  jr as TextLink,
-  Ao as Timestamp,
-  Ko as Tooltip,
-  Yo as TransitionComponent,
-  q as Typography,
-  eo as WidgetLink,
-  jo as WidgetOverlayOutlet,
-  A as borderTabStyle,
+  Kr as TextLink,
+  Po as Timestamp,
+  Fo as Tooltip,
+  Ao as TransitionComponent,
+  _ as Typography,
+  Gr as WidgetLink,
+  Ko as WidgetOverlayOutlet,
+  F as borderTabStyle,
   Ne as browser,
-  xn as buttonCss,
+  vn as buttonCss,
   je as contentBox,
   V as convertToStringAttributes,
-  go as createEmptyComponent,
-  Xo as createReactComponent,
-  Vt as defaultRenderInstructions,
-  Ht as embeddedLinkMapper,
-  Dt as filterCssProps,
-  Tt as filterCssPropsStyle,
-  Bt as genericHashLink,
-  zo as genericHtml,
+  ho as createEmptyComponent,
+  Yo as createReactComponent,
+  zt as defaultRenderInstructions,
+  St as embeddedLinkMapper,
+  Ht as filterCssProps,
+  Rt as filterCssPropsStyle,
+  Tt as genericHashLink,
+  Do 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,
+  Bt as imageLightboxRenderer,
+  Ro as invertedHoverButton,
+  To as itemList,
+  En as linkTabStyle,
+  xn as list,
+  Ho as paddedBorderTabStyle,
+  Dt as processHtmlString,
   he as transitionComposer,
-  yo as useAction,
-  bo as useChildren,
-  vo as useColumns,
-  Eo as useComponent,
+  go as useAction,
+  Co as useChildren,
+  yo as useColumns,
+  bo as useComponent,
   ye as useComponentDescriptor,
   be as useComponentNode,
-  _ as useComponentPlatform,
-  W as useContainer,
-  nn as useContext,
-  xo as useConversation,
-  wo as useDispatch,
+  U as useComponentPlatform,
+  Z as useContainer,
+  en as useContext,
+  vo as useConversation,
+  Eo as useDispatch,
   I as useEventListener,
-  an as useEvents,
+  on as useEvents,
   O as useIsMounted,
-  $o as useIsTabbing,
-  X as useKeyPress,
-  ko as useLayout,
+  xo as useIsTabbing,
+  j as useKeyPress,
+  wo as useLayout,
   Fe as usePrevious,
-  Lo as useProperties,
-  Mo as useRenderState,
-  So as useRouteData,
+  $o as useProperties,
+  ko as useRenderState,
+  Lo as useRouteData,
   Ae as useRouter,
   Ke as useScroll,
-  Ro as useSettings,
+  Mo as useSettings,
   Ye as useToggle,
-  Ho as useTransitionEnd,
+  So as useTransitionEnd,
   ve as useUniqueMenu,
   ce as useWidgetEvent
 };