@telia-ace/widget-ui 1.0.32 → 1.0.33-next.1

package/dist/index.js

@@ -1,37 +1,37 @@
-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 ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, h = (e, t) => {
+var ct = Object.defineProperty, lt = Object.defineProperties;
+var ut = 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) => {
   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]);
+    De.call(t, n) && de(e, n, t[n]);
+  if (re)
+    for (var n of re(t))
+      Be.call(t, n) && de(e, n, t[n]);
   return e;
-}, k = (e, t) => it(e, at(t));
-var S = (e, t) => {
+}, k = (e, t) => lt(e, ut(t));
+var R = (e, t) => {
   var n = {};
   for (var o in e)
-    He.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
-  if (e != null && ne)
-    for (var o of ne(e))
-      t.indexOf(o) < 0 && Te.call(e, o) && (n[o] = e[o]);
+    De.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]);
   return n;
 };
-var re = (e, t, n) => (me(e, typeof t != "symbol" ? t + "" : t, n), n);
-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 E, useRef as R, useCallback as T, 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 Ze } from "@emotion/react";
+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 y from "@emotion/styled";
-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 Et = (e) => e === "entering" || e === "entered", xt = (e) => e === "exiting" || e === "exited", A = {
+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 = {
   fade: {
     in: "opacity: 1;",
     out: "opacity: 0;"
@@ -56,29 +56,29 @@ const Et = (e) => e === "entering" || e === "entered", xt = (e) => e === "exitin
     in: "transform: scale(1);",
     out: "transform: scale(0);"
   }
-}, wt = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], he = {
+}, Lt = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], pe = {
   compose: (e = "exited", t) => {
-    const { enter: n, exit: o } = t, s = n.transitionKeys.split(" "), i = wt.indexOf(s[0]) > -1 ? "transform" : "opacity";
-    if (Et(e))
+    const { enter: n, exit: o } = t, s = n.transitionKeys.split(" "), i = Lt.indexOf(s[0]) > -1 ? "transform" : "opacity";
+    if ($t(e))
       return s && s.length > 0 ? L`
-                    ${s && s.length > 0 && s.map((l) => A[l] ? A[l].in : "")}
+                    ${s && s.length > 0 && s.map((l) => K[l] ? K[l].in : "")}
                     transition: ${i} ${n.duration}ms ${n.easing};
                 ` : "";
     const a = s && s.length > 0 && L`
-                ${s.map((l) => A[l] ? A[l].out : "")}
+                ${s.map((l) => K[l] ? K[l].out : "")}
             `;
-    if (xt(e)) {
+    if (kt(e)) {
       const l = o.transitionKeys.split(" ");
       return l && l.length > 0 && e === "exiting" ? L`
                     ${a};
-                    ${l.map((u) => A[u] ? A[u].out : "")}
+                    ${l.map((u) => K[u] ? K[u].out : "")}
                     transition: ${i} ${o.duration}ms ${o.easing};
                 ` : a;
     }
   },
   composeViewTransition: (e, t, n) => {
     if (t === "slide")
-      return he.compose(e, {
+      return pe.compose(e, {
         enter: {
           transitionKeys: n === "forth" ? "slide-right" : "slide-left",
           duration: 500
@@ -89,7 +89,7 @@ const Et = (e) => e === "entering" || e === "entered", xt = (e) => e === "exitin
         }
       });
     if (t === "fade")
-      return he.compose(e, {
+      return pe.compose(e, {
         enter: {
           transitionKeys: "fade",
           duration: 500
@@ -100,10 +100,10 @@ const Et = (e) => e === "entering" || e === "entered", xt = (e) => e === "exitin
         }
       });
   },
-  get: (e) => A[e]
+  get: (e) => K[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 = () => {
+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 = () => {
   const {
     opr: e,
     opera: t,
@@ -134,42 +134,42 @@ const Ne = () => {
     return "edge-chromium";
   if ((d || c) && !!u)
     return "blink";
-}, $t = ["string", "number"], V = (e) => Object.keys(e).reduce((t, n) => {
+}, Mt = ["string", "number"], V = (e) => Object.keys(e).reduce((t, n) => {
   const o = typeof e[n] == "undefined" ? "" : e[n], s = typeof o;
-  if ($t.indexOf(s) > -1) {
+  if (Mt.indexOf(s) > -1) {
     const i = n.substring(0, 5);
-    i === "data-" || i === "aria-" ? t[Ct(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
+    i === "data-" || i === "aria-" ? t[vt(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
   } else
     t[n] = o;
   return t;
-}, {}), 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"]);
+}, {}), 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) => {
+  var s = o, { children: t } = s, n = R(s, ["children"]);
   const {
     implementation: i,
     name: a
   } = e.get("$widget"), { href: l = "" } = n;
-  if (Lt(l))
-    return /* @__PURE__ */ r.createElement(Vt, { smooth: !0, to: l }, t);
+  if (Rt(l))
+    return /* @__PURE__ */ r.createElement(It, { 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(Gr, { widgetName: p }, t);
+      return /* @__PURE__ */ r.createElement(to, { widgetName: p }, t);
   }
   return /* @__PURE__ */ r.createElement("a", h({}, n), t);
-}, St = Mt, Oe = (e) => {
+}, Tt = Ht, Ae = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
     n.indexOf("css-") > -1 && (t[n] = e[n]);
   }), t;
-}, Rt = (e) => {
+}, Dt = (e) => {
   let t = "";
-  return Object.keys(Oe(e)).forEach((n) => {
+  return Object.keys(Ae(e)).forEach((n) => {
     n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
   }), L`
         ${t}
     `;
-}, Ht = Oe, Tt = (e, t) => {
+}, Bt = Ae, zt = (e, t) => {
   let n = "";
   const o = () => {
     n = "";
@@ -178,9 +178,9 @@ const Ne = () => {
     return d !== null ? (p(d), o(), !0) : !1;
   }, i = (p) => (p.preventDefault(), o(), e.onClick && e.onClick(p), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && s(
     e.scroll || ((d) => e.smooth ? d.scrollIntoView({ behavior: "smooth" }) : d.scrollIntoView())
-  ), !1), m = e, { scroll: a, smooth: l, to: u } = m, c = S(m, ["scroll", "smooth", "to"]);
+  ), !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);
-}, ie = (e) => (t, n) => {
+}, ae = (e) => (t, n) => {
   let o = t, s = "";
   if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(t))
     o = t;
@@ -199,18 +199,18 @@ const Ne = () => {
         }
     `;
 };
-function Dt(e, t) {
-  return t ? ze(e, t) : ze(e);
+function Nt(e, t) {
+  return t ? Ve(e, t) : Ve(e);
 }
-const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBody: e }), zt = (e, t) => ({
+const Vt = (e) => (t) => /* @__PURE__ */ r.createElement(Br, { attrs: t, htmlBody: e }), Wt = (e, t) => ({
   transform: {
-    a: St(e),
-    img: Bt(t)
+    a: Tt(e),
+    img: Vt(t)
   }
-}), Nt = (e) => Tt(e, "a"), Vt = Nt, ae = N((s, o) => {
-  var i = s, { className: e, children: t } = i, n = S(i, ["className", "children"]);
+}), Zt = (e) => zt(e, "a"), It = Zt, ce = N((s, o) => {
+  var i = s, { className: e, children: t } = i, n = R(i, ["className", "children"]);
   return /* @__PURE__ */ r.createElement(
-    Wt,
+    Ot,
     k(h({
       type: "button",
       className: M(e, "humany-button")
@@ -219,7 +219,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
     }),
     t
   );
-}), Wt = y.button`
+}), Ot = y.button`
     -webkit-appearance: button;
     text-transform: none;
     overflow: visible;
@@ -232,14 +232,14 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
     line-height: normal;
     margin: 0;
     padding: 0;
-`, Zt = (s) => {
+`, Pt = (s) => {
   var i = s, {
     onChange: e = () => {
     },
     onEnter: t = () => {
     },
     className: n
-  } = i, o = S(i, [
+  } = i, o = R(i, [
     "onChange",
     "onEnter",
     "className"
@@ -254,53 +254,53 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
       onChange: (a) => e(a.target.value, a.currentTarget.checked)
     }, V(o))
   );
-}, po = Zt, It = X(new ct()), Ot = X(1), Pe = X({
+}, yo = Pt, At = X(new mt()), Ft = X(1), Fe = X({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), Pt = X({}), Ft = X(null), At = X(null), Kt = () => K(Pe), ye = Kt, jt = () => K(It), W = jt, Yt = (e, t) => {
-  const n = ye().id, o = W();
+}), 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();
   return (s, i) => {
     (t || o).getAsync("actionResolver").then((a) => {
       a.action(e || n, s, i);
     });
   };
-}, go = Yt, Xt = (e) => {
-  const t = K(Pe), n = U(), [o, s] = $();
-  return E(() => {
+}, bo = _t, qt = (e) => {
+  const t = j(Fe), 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 = Xt, Ut = () => {
-  const e = R(!1);
-  return E(() => (e.current = !0, () => {
+}, ve = qt, Qt = () => {
+  const e = S(!1);
+  return v(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
-}, O = Ut, _t = (e) => {
-  const t = W(), [n, o] = $(null), s = O();
-  return E(() => {
-    dt.getInstance(e || t).then((i) => {
+}, O = Qt, Gt = (e) => {
+  const t = Z(), [n, o] = $(null), s = O();
+  return v(() => {
+    pt.getInstance(e || t).then((i) => {
       s.current && o(i);
     });
   }, [s]), n;
-}, U = _t, qt = () => {
-  const e = be(), t = U(), [n, o] = $([]), s = O(), i = T(
+}, U = Gt, Jt = () => {
+  const e = ve(), 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) => ft(c));
+        const l = t.getBranch(a), u = a.getChildren(l).map((c) => gt(c));
         o(u);
       }
     },
     [s, t, o, e]
   );
-  return E(() => {
+  return v(() => {
     e && i(e);
-  }, [e, t]), E(() => {
+  }, [e, t]), v(() => {
     if (t) {
-      const [a, l] = ht(t.events);
+      const [a, l] = Ct(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,9 +312,9 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
       };
     }
   }, [e, t, i]), n;
-}, Co = qt, Qt = () => K(Ot), yo = Qt, Gt = (e, t) => {
-  const n = ye(), o = W(), [s, i] = $(void 0), a = O(), l = e || n.type || "";
-  return E(() => {
+}, 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 || "";
+  return v(() => {
     if (l) {
       let u;
       return (t || o).getAsync("componentResolver").then((c) => {
@@ -330,11 +330,11 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
       };
     }
   }, [a, l, t, o]), s;
-}, bo = Gt, Jt = (e) => {
-  const t = be(e), n = U(), [o, s] = $({}), i = O();
-  return E(() => {
+}, xo = tn, nn = (e) => {
+  const t = ve(e), n = U(), [o, s] = $({}), i = O();
+  return v(() => {
     t && i.current && s(t.attributes.context);
-  }, [i, t]), E(() => {
+  }, [i, t]), v(() => {
     if (n) {
       const a = n.events.subscribe(
         "components:context-changed",
@@ -347,11 +347,11 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
       };
     }
   }, [i, n, t]), o;
-}, en = Jt, tn = () => K(At), vo = tn, nn = () => {
-  const e = U(), t = ye(), [n, o] = $([]), [s, i] = $();
-  return E(() => {
+}, rn = nn, on = () => j(Yt), wo = on, sn = () => {
+  const e = U(), t = be(), [n, o] = $([]), [s, i] = $();
+  return v(() => {
     if (e && t) {
-      const a = new pt(e).withId(t.id), l = e.actions(a, t.type || q());
+      const a = new yt(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,12 +364,12 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
       reject: c
     });
   }) : s.dispatch(a, l);
-}, Eo = nn, I = (e, t, n = window, o = () => !0) => {
-  const s = R(() => {
+}, $o = sn, I = (e, t, n = window, o = () => !0) => {
+  const s = S(() => {
   });
-  E(() => {
+  v(() => {
     s.current = t;
-  }, [t]), E(() => {
+  }, [t]), v(() => {
     if (!(n && o()))
       return;
     const a = (l) => s.current(l);
@@ -377,12 +377,12 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
       n.removeEventListener(e, a);
     };
   }, [e, n]);
-}, rn = (e) => {
-  const t = W(), { events: n } = (e || t).get("$widget");
+}, an = (e) => {
+  const t = Z(), { events: n } = (e || t).get("$widget");
   return n;
-}, on = rn, sn = () => {
+}, cn = an, ln = () => {
   const [e, t] = $(!1);
-  return E(() => {
+  return v(() => {
     const n = () => {
       t(!1);
     }, o = (s) => {
@@ -392,7 +392,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
       window.removeEventListener("keydown", o), window.removeEventListener("click", n);
     };
   }, []), e;
-}, xo = sn, an = (e, t) => {
+}, ko = ln, un = (e, t) => {
   const [n, o] = $(!1), s = T(
     (a) => {
       const { key: l } = a;
@@ -406,11 +406,11 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
     [o]
   );
   return I("keydown", s, window), I("keyup", i, window), n;
-}, Y = an, cn = (e) => {
-  const t = be(e), n = U(), [o, s] = $({}), i = O();
-  return E(() => {
+}, Y = un, mn = (e) => {
+  const t = ve(e), n = U(), [o, s] = $({}), i = O();
+  return v(() => {
     t && i.current && s(t.attributes.layout);
-  }, [t, i]), E(() => {
+  }, [t, i]), v(() => {
     if (n) {
       const a = n.events.subscribe(
         "components:layout-changed",
@@ -423,14 +423,14 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
       };
     }
   }, [n, i, t]), o;
-}, wo = cn, ln = (e) => {
-  const t = R();
-  return E(() => {
+}, Lo = mn, dn = (e) => {
+  const t = S();
+  return v(() => {
     t.current = e;
   }), t.current;
-}, Fe = ln, un = () => K(Pt), $o = un, mn = (e) => {
-  const [t, n] = $(), o = W(), s = O();
-  return E(() => {
+}, Ke = dn, fn = () => j(Kt), Mo = fn, hn = (e) => {
+  const [t, n] = $(), o = Z(), s = O();
+  return v(() => {
     let i;
     const a = (e || o).get("$widget");
     if (!a)
@@ -444,20 +444,20 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
           case "close":
           case "open":
             s.current && n(
-              p === "open" ? oe.open : oe.closed
+              p === "open" ? se.open : se.closed
             );
             break;
           case "hide":
-            s.current && n(oe.hidden);
+            s.current && n(se.hidden);
         }
       });
     }), () => {
       i && i();
     };
   }, [s]), t;
-}, ko = mn, dn = () => K(Ft), Ae = dn, fn = (e) => {
-  const t = W(), n = Ae(), [o, s] = $({ name: "", params: {} }), i = O();
-  return E(() => {
+}, So = hn, pn = () => j(jt), je = pn, gn = (e) => {
+  const t = Z(), n = je(), [o, s] = $({ name: "", params: {} }), i = O();
+  return v(() => {
     const a = (e || t).get("$widget");
     if (!a)
       return;
@@ -465,17 +465,17 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
     return l.subscribe("router:change", (c, { next: { routeData: m } }) => {
       if (i.current) {
         const { name: p, params: d } = m;
-        De(d), s({ name: p, params: d });
+        ze(d), s({ name: p, params: d });
       }
     });
-  }, [i, e, t]), E(() => {
+  }, [i, e, t]), v(() => {
     if (n && n.history && i.current) {
       const a = n.getRouteData(), { name: l, params: u } = a;
-      De(u), s({ name: l, params: u });
+      ze(u), s({ name: l, params: u });
     }
   }, [n, i]), o;
-}, Lo = fn, Ke = (e) => {
-  const t = R(), n = R(0);
+}, Ro = gn, Ye = (e) => {
+  const t = S(), n = S(0);
   let o;
   const s = T(() => {
     var c;
@@ -500,9 +500,9 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { 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 ? [hn, t] : ["", t];
-}, hn = `
-    overflow-y: ${Ne() === pe.Chrome || Ne() === pe.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 ? [Cn, t] : ["", t];
+}, Cn = `
+    overflow-y: ${We() === ge.Chrome || We() === ge.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
     scrollbar-width: thin; /* Firefox */
@@ -529,21 +529,21 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
             background-color: #7F7F7F;
         }
     }
-`, pn = () => {
-  const [e, t] = $(null), n = W(), o = O();
-  return E(() => {
+`, yn = () => {
+  const [e, t] = $(null), n = Z(), o = O();
+  return v(() => {
     n.get("settings").then((s) => {
       o.current && t(s);
     });
   }, [o]), e;
-}, Mo = pn, gn = (e = !1) => {
+}, Ho = yn, bn = (e = !1) => {
   const [t, n] = $(e), o = T((s) => {
     n(typeof s == "boolean" ? s : (i) => !i);
   }, []);
   return [t, o];
-}, je = gn, So = (e) => {
-  const t = W(), n = U(), o = t.get("widgetDOMElement"), [s, i] = $(null), [a, l] = $(null), u = O();
-  E(() => {
+}, Xe = bn, To = (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");
       if (!(p != null && p.attributes.properties.animation) && !(m != null && m.attributes.properties.animation))
@@ -563,9 +563,9 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
     [e, u, s, a]
   );
   I("transitionend", c, s), I("transitionend", c, a);
-}, Cn = (e, t, n = [], o) => {
-  const s = on(o);
-  return E(() => {
+}, vn = (e, t, n = [], o) => {
+  const s = cn(o);
+  return v(() => {
     if (s) {
       const i = s.subscribe(e, t);
       return () => {
@@ -573,13 +573,13 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
       };
     }
   }, [s].concat(n)), (i) => s == null ? void 0 : s.dispatch(e, i);
-}, ce = Cn, yn = (e, t) => {
-  const n = ce("widget:menu-toggled", (o, s) => {
+}, le = vn, En = (e, t) => {
+  const n = le("widget:menu-toggled", (o, s) => {
     s !== e && t();
   });
   return () => n(e);
-}, ve = yn, bn = (o) => {
-  var s = o, { className: e, children: t } = s, n = S(s, ["className", "children"]);
+}, Ee = En, xn = (o) => {
+  var s = o, { className: e, children: t } = s, n = R(s, ["className", "children"]);
   return /* @__PURE__ */ r.createElement(
     "span",
     h({
@@ -587,7 +587,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
     }, V(n)),
     t
   );
-}, Ee = bn, Ye = (e) => L`
+}, xe = xn, Ue = (e) => L`
     display: flex;
     justify-content: center;
     flex-direction: column;
@@ -596,7 +596,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
     border: ${e.theme.border};
     box-shadow: ${e.theme.boxShadow || "none"};
     ${e["data-loading"] && "min-height: 150px;"}
-`, vn = (e) => {
+`, wn = (e) => {
   var t, n, o;
   return L`
     cursor: pointer;
@@ -608,11 +608,11 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { 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};
 `;
-}, Ro = (e) => {
+}, Do = (e) => {
   var a;
   const { primaryColor: t, secondaryColor: n, active: o, theme: s, disabled: i } = e;
   return L`
-        ${vn(e)}
+        ${wn(e)}
         border: 1px solid ${o ? n : t};
         background-color: ${o ? t : n};
 
@@ -642,27 +642,27 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
             }
 
             &:focus-visible {
-                ${F(e)};
+                ${A(e)};
             }
         `}
     `;
-}, F = (e) => {
+}, A = (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;
 `;
-}, En = (e) => L`
-    ${F(e)}
+}, $n = (e) => L`
+    ${A(e)}
     text-decoration: underline;
-`, Ho = (e) => {
+`, Bo = (e) => {
   var t;
   return L`
-    ${F(e)}
+    ${A(e)}
     outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
 `;
-}, xe = y(ae)`
+}, we = y(ce)`
     position: absolute;
     top: ${(e) => {
   var t;
@@ -682,7 +682,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
     }
 
     &:focus-visible {
-        ${F}
+        ${A}
         padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -690,7 +690,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
         height: 15px;
         box-sizing: content-box;
     }
-`, Ve = y(Ee)`
+`, Ze = y(xe)`
     font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -701,7 +701,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, xn = (e) => {
+`, kn = (e) => {
   var t;
   return L`
     padding: 0;
@@ -723,11 +723,11 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
         margin: 0;
     }
 `;
-}, To = (e) => {
+}, zo = (e) => {
   var t, n, o, s;
   return L`
     > div {
-        ${ie(e)(
+        ${ae(e)(
     "> h1",
     L`
                 margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
@@ -739,9 +739,9 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
   )}
     }
     > ul {
-        ${xn(e)}
+        ${kn(e)}
     }
-    ${ie(e)(
+    ${ae(e)(
     "h1",
     L`
             display: flex;
@@ -759,7 +759,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
         `
   )}
 `;
-}, Do = (e) => {
+}, No = (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 Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
     a {
         color: ${(o = e.theme.colors) == null ? void 0 : o.link};
         &:focus-visible {
-            ${En(e)};
+            ${$n(e)};
         }
     }
 
@@ -814,7 +814,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
         margin: 0;
     }
 `;
-}, wn = ({
+}, Ln = ({
   elementId: e = "humany-portal-elements",
   parent: t = document.body,
   children: n
@@ -823,10 +823,10 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
     const s = document.getElementById(e) || document.createElement("div");
     return s.id = e, s;
   });
-  return E(() => (t.appendChild(o), () => {
+  return v(() => (t.appendChild(o), () => {
     o.childElementCount <= 1 && o.remove();
-  }), [o]), bt(n, o);
-}, Q = wn, $n = (l) => {
+  }), [o]), xt(n, o);
+}, G = Ln, Mn = (l) => {
   var u = l, {
     text: e = "",
     backgroundSize: t = "contain",
@@ -837,7 +837,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
     },
     elementStyle: s = {},
     className: i
-  } = u, a = S(u, [
+  } = u, a = R(u, [
     "text",
     "backgroundSize",
     "size",
@@ -923,7 +923,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { 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(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" }));
+          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" }));
         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 Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
     }
     case "FontAwesome":
       return /* @__PURE__ */ r.createElement(
-        Yn,
+        _n,
         h({
           className: i,
           faIcon: m,
@@ -1327,9 +1327,9 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
         e.substring(0, 2)
       ) : null;
   }
-}, kn = y.svg`
+}, Sn = y.svg`
     transform: rotate(180deg);
-`, G = $n, Ln = {
+`, J = Mn, Rn = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1338,12 +1338,12 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Hr, { attrs: t, htmlBod
   h6: "h6",
   p: "p",
   span: "span"
-}, 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 = ({
+}, 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 = ({
   className: e,
   children: t,
   header: n,
@@ -1355,32 +1355,32 @@ const Hn = 300, Tn = ({
     type: "slide-in-bottom"
   }
 }) => {
-  const { duration: u = Hn } = l, c = R(), m = R(), [p, d] = Ke(!0), [f, C] = je(), x = Fe(f), v = R(q());
-  E(() => {
+  const { duration: u = Bn } = l, c = S(), m = S(), [p, d] = Ye(!0), [f, C] = Xe(), x = Ke(f), E = S(Q());
+  v(() => {
     o && o(f);
   }, [f]);
   const b = Y("Escape");
-  E(() => {
+  v(() => {
     b && C(!1);
   }, [b]), I(
     "click",
     (B) => {
-      const { target: D } = B;
-      !m.current || !d.current || !D || m.current !== D && d.current !== D && !d.current.contains(D) && !m.current.contains(D) && C(!1);
+      const { target: z } = B;
+      !m.current || !d.current || !z || m.current !== z && d.current !== z && !d.current.contains(z) && !m.current.contains(z) && C(!1);
     },
     window
   );
-  const g = ve(v.current, () => {
+  const g = Ee(E.current, () => {
     C(!1);
   });
-  ce("router:changed", () => {
+  le("router:changed", () => {
     C(!1);
-  }), E(() => {
+  }), v(() => {
     f && c.current ? c.current.focus() : !f && m.current && x && m.current.focus();
   }, [f, c.current, m.current]);
-  const H = Wn[l.type];
+  const H = On[l.type];
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-    Ie,
+    Pe,
     {
       in: f,
       className: "humany-drawer-transition",
@@ -1388,7 +1388,7 @@ const Hn = 300, Tn = ({
       unmountOnExit: !0,
       timeout: u
     },
-    /* @__PURE__ */ r.createElement(Q, null, /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
       H,
       {
         duration: u,
@@ -1396,23 +1396,23 @@ const Hn = 300, Tn = ({
         className: M(
           e,
           "humany-drawer",
-          `humany-drawer-${v.current}`
+          `humany-drawer-${E.current}`
         ),
         clientHeight: document.body.clientHeight,
         css: p,
         ref: d
       },
       /* @__PURE__ */ r.createElement(
-        xe,
+        we,
         {
           onClick: () => C(!1),
           tabIndex: 0,
           ref: c,
           "aria-label": a
         },
-        /* @__PURE__ */ r.createElement(G, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
       ),
-      !!n && /* @__PURE__ */ r.createElement(Dn, { variant: "h1", className: "humany-drawer-header" }, n),
+      !!n && /* @__PURE__ */ r.createElement(Nn, { variant: "h1", className: "humany-drawer-header" }, n),
       t
     ))
   ), r.cloneElement(s, {
@@ -1423,7 +1423,7 @@ const Hn = 300, Tn = ({
     "aria-label": s.props.title,
     "aria-expanded": f
   }));
-}, Bo = Tn, le = y.div`
+}, Vo = zn, ue = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -1440,7 +1440,7 @@ const Hn = 300, Tn = ({
     box-shadow: ${(e) => e.theme.boxShadow};
     background: #ffffff;
     ${(e) => e.css && e.css}
-`, Dn = y(_)`
+`, Nn = y(q)`
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1463,11 +1463,11 @@ const Hn = 300, Tn = ({
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
     line-height: 1.2em;
-`, ue = (e) => L`
+`, me = (e) => L`
     transition: ${e.duration}ms;
-`, Bn = y(le)`
+`, Vn = y(ue)`
     max-height: 0;
-    ${ue}
+    ${me}
 
     &.humany-drawer-transition-enter {
         max-height: 0;
@@ -1482,8 +1482,8 @@ const Hn = 300, Tn = ({
     &.humany-drawer-transition-exit-done {
         max-height: 0;
     }
-`, zn = y(le)`
-    ${ue}
+`, Wn = y(ue)`
+    ${me}
     transform: translateX(100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1500,8 +1500,8 @@ const Hn = 300, Tn = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(100%);
     }
-`, Nn = y(le)`
-    ${ue}
+`, Zn = y(ue)`
+    ${me}
     transform: translateX(-100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1518,8 +1518,8 @@ const Hn = 300, Tn = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(-100%);
     }
-`, Vn = y(le)`
-    ${ue}
+`, In = y(ue)`
+    ${me}
     bottom: unset;
     top: 0;
     height: 0;
@@ -1537,12 +1537,12 @@ const Hn = 300, Tn = ({
     &.humany-drawer-transition-exit-done {
         height: 0;
     }
-`, Wn = {
-  ["slide-in-bottom"]: Bn,
-  ["slide-in-right"]: zn,
-  ["slide-in-left"]: Nn,
-  ["slide-in-top"]: Vn
-}, Zn = (e, t, n) => {
+`, On = {
+  ["slide-in-bottom"]: Vn,
+  ["slide-in-right"]: Wn,
+  ["slide-in-left"]: Zn,
+  ["slide-in-top"]: In
+}, Pn = (e, t, n) => {
   const [o, s] = $(0), [i, a] = $(0), l = T(
     (u, c) => {
       if (u.preventDefault(), c) {
@@ -1552,7 +1552,7 @@ const Hn = 300, Tn = ({
     },
     [o, i, s, a]
   );
-  return E(() => {
+  return v(() => {
     if (!n || !e)
       return;
     const u = n.getBoundingClientRect(), c = {
@@ -1561,36 +1561,36 @@ const Hn = 300, Tn = ({
     };
     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 = Zn, In = r.forwardRef(
+}, _e = Pn, An = 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: v }, b] = Xe(d, p.current, m.current), g = Y("Escape");
-    E(() => {
+    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");
+    v(() => {
       g && f(!1);
-    }, [g]), E(() => {
+    }, [g]), v(() => {
       d && u.current ? u.current.focus() : !d && c.current && C && c.current.focus();
     }, [d, u.current, c.current]), I(
       "click",
-      (D) => {
-        const { target: j } = D;
-        !m.current || !j || m.current !== j && !m.current.contains(j) && f(!1);
+      (z) => {
+        const { target: _ } = z;
+        !m.current || !_ || m.current !== _ && !m.current.contains(_) && f(!1);
       },
       window
-    ), ce("router:changed", () => {
+    ), le("router:changed", () => {
       f(!1);
     });
-    const H = ve(p.current, () => {
+    const H = Ee(p.current, () => {
       f(!1);
     }), B = T(
-      (D) => {
-        D.stopPropagation(), b(D, c.current), f(!d), H();
+      (z) => {
+        z.stopPropagation(), b(z, c.current), f(!d), H();
       },
       [H, b, f]
     );
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, d && /* @__PURE__ */ r.createElement(Q, null, /* @__PURE__ */ r.createElement(
-      On,
+    return /* @__PURE__ */ r.createElement(r.Fragment, null, d && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
+      Fn,
       k(h({
         className: M(
           "humany-dropdown",
@@ -1599,18 +1599,18 @@ const Hn = 300, Tn = ({
         )
       }, s), {
         x,
-        y: v,
+        y: E,
         ref: m
       }),
       /* @__PURE__ */ r.createElement(
-        xe,
+        we,
         {
           onClick: () => f(!1),
           tabIndex: 0,
           ref: u,
           "aria-label": o
         },
-        /* @__PURE__ */ r.createElement(G, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
       ),
       t
     )), r.cloneElement(n, {
@@ -1620,8 +1620,8 @@ const Hn = 300, Tn = ({
       "aria-expanded": d
     }));
   }
-), zo = In, On = y.div`
-    ${Ye}
+), Wo = An, Fn = y.div`
+    ${Ue}
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -1635,41 +1635,41 @@ const Hn = 300, Tn = ({
   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;
 }};
-`, Pn = (t) => {
-  var e = S(t, []);
-  return /* @__PURE__ */ r.createElement(An, h({}, e));
-}, Fn = Pn, An = y.div`
+`, Kn = (t) => {
+  var e = R(t, []);
+  return /* @__PURE__ */ r.createElement(Yn, h({}, e));
+}, jn = Kn, Yn = y.div`
     display: none;
-`, No = N(
+`, Zo = N(
   (a, i) => {
-    var l = a, { children: e, columns: t, gap: n, className: o } = l, s = S(l, ["children", "columns", "gap", "className"]);
+    var l = a, { children: e, columns: t, gap: n, className: o } = l, s = R(l, ["children", "columns", "gap", "className"]);
     return /* @__PURE__ */ r.createElement(
-      Kn,
+      Xn,
       k(h(h({
         className: M(o, "humany-grid"),
         "data-columns": t,
         "data-gap": n
-      }, Ht(s)), V(s)), {
+      }, Bt(s)), V(s)), {
         ref: i
       }),
       e
     );
   }
-), Kn = y.div`
+), Xn = 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;
-    ${Rt}
-`, Ue = N(
+    ${Dt}
+`, qe = 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] = $();
-    return E(() => {
-      const m = zt(l, n), p = k(h(h({}, m), e), {
+    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), {
         transform: h(h({}, m.transform), e == null ? void 0 : e.transform)
-      }), d = Dt(n, p);
+      }), d = Nt(n, p);
       c(d);
     }, [n, e]), /* @__PURE__ */ r.createElement(
       "div",
@@ -1681,13 +1681,13 @@ const Hn = 300, Tn = ({
       u
     );
   }
-), jn = (i) => {
+), Un = (i) => {
   var a = i, {
     faIcon: e,
     title: t,
     className: n = "",
     role: o = "presentation"
-  } = a, s = S(a, [
+  } = a, s = R(a, [
     "faIcon",
     "title",
     "className",
@@ -1701,7 +1701,7 @@ const Hn = 300, Tn = ({
       role: o
     }, V(s))
   );
-}, Yn = jn, Vo = N(
+}, _n = Un, Io = N(
   (p, m) => {
     var d = p, {
       className: e = "",
@@ -1717,7 +1717,7 @@ const Hn = 300, Tn = ({
       },
       disabled: l = !1,
       type: u
-    } = d, c = S(d, [
+    } = d, c = R(d, [
       "className",
       "autoFocus",
       "onFocusChange",
@@ -1728,12 +1728,12 @@ const Hn = 300, Tn = ({
       "disabled",
       "type"
     ]);
-    const [f, C] = $(t), x = R();
-    Ce(m, () => x.current), E(() => {
+    const [f, C] = $(t), x = S();
+    ye(m, () => x.current), v(() => {
       var g;
       t && ((g = x == null ? void 0 : x.current) == null || g.focus());
     }, [t, m, x]);
-    const v = (g, H) => {
+    const E = (g, H) => {
       C(g), n && n(g), i && g && H.target.select();
     }, b = k(h({}, V(c)), {
       disabled: l,
@@ -1742,8 +1742,8 @@ const Hn = 300, Tn = ({
       onKeyDown: (g) => {
         g.key === "Enter" && f && o(g), g.key === "Escape" && f && s(g);
       },
-      onFocus: (g) => v(!0, g),
-      onBlur: (g) => v(!1, g),
+      onFocus: (g) => E(!0, g),
+      onBlur: (g) => E(!1, g),
       onChange: (g) => a(g.target.value || ""),
       className: M(e, "humany-input"),
       "data-type": u
@@ -1760,9 +1760,9 @@ const Hn = 300, Tn = ({
       })
     );
   }
-), Xn = N(
+), qn = N(
   (a, i) => {
-    var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, s = S(l, ["className", "items", "renderItem", "renderLi"]);
+    var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, s = R(l, ["className", "items", "renderItem", "renderLi"]);
     return /* @__PURE__ */ r.createElement(
       "ul",
       k(h({
@@ -1776,9 +1776,9 @@ const Hn = 300, Tn = ({
       )
     );
   }
-), Un = N(
+), Qn = 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"]);
+    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(
       "div",
       k(h({
@@ -1786,12 +1786,12 @@ const Hn = 300, Tn = ({
       }, V(a)), {
         ref: l
       }),
-      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
+      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
     );
   }
-), _n = N(
+), Gn = N(
   (f, d) => {
     var C = f, {
       header: e,
@@ -1805,7 +1805,7 @@ const Hn = 300, Tn = ({
       renderItem: u,
       renderLi: c,
       ulProps: m
-    } = C, p = S(C, [
+    } = C, p = R(C, [
       "header",
       "customHeader",
       "text",
@@ -1826,12 +1826,12 @@ const Hn = 300, Tn = ({
       }, V(p)), {
         ref: d
       }),
-      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,
+      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,
       i
     );
   }
-), qn = ({
+), Jn = ({
   className: e = "",
   tree: t,
   renderItem: n,
@@ -1842,13 +1842,13 @@ const Hn = 300, Tn = ({
   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(
-    _n,
+    Gn,
     {
       className: M(`humany-item-tree-level-${d}`),
       items: p,
       ulProps: a,
       renderItem: (f) => {
-        const { id: C, selected: x, items: v, matches: b } = f, g = x && c(v);
+        const { id: C, selected: x, items: E, matches: b } = f, g = x && c(E);
         return !i && !b ? null : /* @__PURE__ */ r.createElement(
           "li",
           k(h({}, V(l)), {
@@ -1856,17 +1856,17 @@ const Hn = 300, Tn = ({
             className: "humany-item-tree-item"
           }),
           n && n(f, d, g),
-          v && (s || g) && m(v, d + 1)
+          E && (s || g) && m(E, d + 1)
         );
       }
     }
   );
   return /* @__PURE__ */ r.createElement("div", { className: M(e, "humany-item-tree") }, o && o(!u(t || [])), t && m(t, 1));
-}, Wo = qn, Qn = N(
+}, Oo = Jn, er = 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();
+    }, name: n = "", to: o = "", params: s = {}, children: i } = c, a = R(c, ["className", "onClick", "name", "to", "params", "children"]);
+    const m = je(), p = Z();
     if (!m)
       return null;
     let d = "";
@@ -1880,16 +1880,16 @@ const Hn = 300, Tn = ({
     });
     if (n) {
       if (!(m.routes || []).find((b) => b.name === n))
-        return process.env.NODE_ENV !== "production" && de.warn(`Unable to create route. No route named "${n}" exist.`), /* @__PURE__ */ r.createElement(
-          fe,
+        return process.env.NODE_ENV !== "production" && fe.warn(`Unable to create route. No route named "${n}" exist.`), /* @__PURE__ */ r.createElement(
+          he,
           k(h({}, f), {
             onClick: (b) => {
-              t(b), b.preventDefault(), process.env.NODE_ENV !== "production" && de.warn(`Unable to navigate. No route named "${n}" exist.`);
+              t(b), b.preventDefault(), process.env.NODE_ENV !== "production" && fe.warn(`Unable to navigate. No route named "${n}" exist.`);
             }
           }),
           i
         );
-      const v = Object.keys(s).reduce((b, g) => {
+      const E = Object.keys(s).reduce((b, g) => {
         const H = s[g];
         if (Array.isArray(H)) {
           if (H.length === 0)
@@ -1900,11 +1900,11 @@ const Hn = 300, Tn = ({
         return b;
       }, {});
       try {
-        d = m.generate(n, v || {});
+        d = m.generate(n, E || {});
       } catch (b) {
-        return /* @__PURE__ */ r.createElement(fe, k(h({}, f), { ref: f.innerRef }), i);
+        return /* @__PURE__ */ r.createElement(he, k(h({}, f), { ref: f.innerRef }), i);
       }
-      d && m.settings.mode && m.settings.mode === Be.browser && d[0] !== "/" && (d = `/${d}`);
+      d && m.settings.mode && m.settings.mode === Ne.browser && d[0] !== "/" && (d = `/${d}`);
     } else if (o && m.history)
       d = m.history.createHref({
         hash: "",
@@ -1913,18 +1913,18 @@ const Hn = 300, Tn = ({
         state: void 0
       });
     else
-      return process.env.NODE_ENV !== "production" && de.warn(
+      return process.env.NODE_ENV !== "production" && fe.warn(
         'Unable to generate path for route link. Either specify route name or use the "to" prop.'
       ), null;
-    if (m.settings && m.settings.mode === Be.scopedHash) {
+    if (m.settings && m.settings.mode === Ne.scopedHash) {
       const C = p.get("$widget").name;
-      d = vt(d, C);
+      d = wt(d, C);
     }
-    return f.as ? /* @__PURE__ */ r.createElement(Gn, k(h({}, f), { as: f.as }), i) : /* @__PURE__ */ r.createElement(fe, k(h({}, f), { to: d }), i);
+    return f.as ? /* @__PURE__ */ r.createElement(tr, k(h({}, f), { as: f.as }), i) : /* @__PURE__ */ r.createElement(he, k(h({}, f), { to: d }), i);
   }
-), Gn = y.span``, we = N(
+), tr = y.span``, $e = N(
   (x, C) => {
-    var v = x, {
+    var E = x, {
       className: e,
       disabled: t = !1,
       role: n = "link",
@@ -1940,7 +1940,7 @@ const Hn = 300, Tn = ({
       target: m,
       routeName: p,
       params: d
-    } = v, f = S(v, [
+    } = E, f = R(E, [
       "className",
       "disabled",
       "role",
@@ -1978,7 +1978,7 @@ const Hn = 300, Tn = ({
       }
     };
     return p ? /* @__PURE__ */ r.createElement(
-      Jn,
+      nr,
       k(h(h({
         name: p,
         params: d
@@ -1987,7 +1987,7 @@ const Hn = 300, Tn = ({
       }),
       c
     ) : /* @__PURE__ */ r.createElement(
-      er,
+      rr,
       k(h(h({
         href: u,
         target: m
@@ -1997,37 +1997,37 @@ const Hn = 300, Tn = ({
       c
     );
   }
-), Jn = y(Qn)`
+), nr = y(er)`
     ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, er = y.a`
+`, rr = y.a`
     ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
   ` : "cursor: pointer;"}
-`, tr = (i) => {
+`, or = (i) => {
   var a = i, {
     visible: e,
     duration: t = 500,
     children: n,
     onClick: o = () => {
     }
-  } = a, s = S(a, [
+  } = a, s = R(a, [
     "visible",
     "duration",
     "children",
     "onClick"
   ]);
-  const l = R(), u = T(
+  const l = S(), u = T(
     (c) => {
       c.target === l.current && o(c);
     },
     [o]
   );
   return /* @__PURE__ */ r.createElement(
-    Ie,
+    Pe,
     {
       in: e,
       className: "humany-overlay-transition",
@@ -2035,8 +2035,8 @@ const Hn = 300, Tn = ({
       unmountOnExit: !0,
       timeout: t
     },
-    /* @__PURE__ */ r.createElement(Q, null, /* @__PURE__ */ r.createElement(
-      nr,
+    /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
+      sr,
       h({
         className: "humany-overlay",
         duration: t,
@@ -2046,7 +2046,7 @@ const Hn = 300, Tn = ({
       n
     ))
   );
-}, nr = y.div`
+}, sr = y.div`
     background: rgba(0, 0, 0, 0.6);
     min-width: 100%;
     min-height: 100%;
@@ -2076,11 +2076,11 @@ const Hn = 300, Tn = ({
     &.humany-overlay-transition-exit-done {
         opacity: 0;
     }
-`, _e = tr, rr = Ze`
+`, Qe = or, ir = Oe`
   100% {
     transform: rotate(360deg);
   }
-`, or = Ze`
+`, ar = Oe`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2093,8 +2093,8 @@ const Hn = 300, Tn = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, sr = y.svg`
-    animation: ${rr} 2s linear infinite;
+`, cr = y.svg`
+    animation: ${ir} 2s linear infinite;
     height: 100%;
     transform-origin: center center;
     width: 100%;
@@ -2105,7 +2105,7 @@ const Hn = 300, Tn = ({
     right: 0;
     margin: auto;
     transition: 200ms ease-out opacity;
-`, ir = y.div`
+`, lr = y.div`
     position: absolute;
     top: 0;
     bottom: 0;
@@ -2123,7 +2123,7 @@ const Hn = 300, Tn = ({
     svg {
         opacity: ${(e) => e["data-loading"] ? "1" : "0"};
     }
-`, ar = y.div`
+`, ur = y.div`
     position: relative;
     margin: 0 auto;
     width: 100px;
@@ -2132,18 +2132,18 @@ const Hn = 300, Tn = ({
         display: block;
         padding-top: 100%;
     }
-`, cr = y.circle`
+`, mr = y.circle`
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
-    animation: ${or} 1.5s ease-in-out infinite;
+    animation: ${ar} 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;
-`, 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,
+`, 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,
   {
     cx: "50",
     cy: "50",
@@ -2152,25 +2152,25 @@ const Hn = 300, Tn = ({
     "stroke-width": "2",
     "stroke-miterlimit": "10"
   }
-)))), ur = lr, mr = (s) => {
+)))), fr = dr, hr = (s) => {
   var i = s, {
     zoomState: e,
     image: t,
     changeZoom: n
-  } = i, o = S(i, [
+  } = i, o = R(i, [
     "zoomState",
     "image",
     "changeZoom"
   ]);
   var b;
-  const a = R(null), [l, u] = $(!1), [c, m] = $(!1), v = o.style || {}, { width: p, height: d } = v, f = S(v, ["width", "height"]), C = T(() => {
+  const a = S(null), [l, u] = $(!1), [c, m] = $(!1), E = o.style || {}, { width: p, height: d } = E, f = R(E, ["width", "height"]), C = T(() => {
     const g = a.current;
     if (g) {
-      const H = window.innerWidth / g.naturalWidth, B = window.innerHeight / g.naturalHeight, D = Math.min(H, B);
-      return B >= 1 && H >= 1 ? 1 : D;
+      const H = window.innerWidth / g.naturalWidth, B = window.innerHeight / g.naturalHeight, z = Math.min(H, B);
+      return B >= 1 && H >= 1 ? 1 : z;
     }
     return 1;
-  }, [l, t.src]), x = se(() => {
+  }, [l, t.src]), x = ie(() => {
     const g = a.current;
     if (g && l) {
       if (!c) {
@@ -2182,10 +2182,10 @@ const Hn = 300, Tn = ({
     }
     return null;
   }, [e, a, l, t.src]);
-  return E(() => (u(!1), function() {
+  return v(() => (u(!1), function() {
     m(!1);
-  }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(dr, { loading: !l }), /* @__PURE__ */ r.createElement(
-    fr,
+  }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(pr, { loading: !l }), /* @__PURE__ */ r.createElement(
+    gr,
     k(h({
       onLoad: () => {
         u(!0);
@@ -2199,12 +2199,12 @@ const Hn = 300, Tn = ({
       src: t.src,
       loaded: l
     })
-  ), /* @__PURE__ */ r.createElement(hr, null));
-}, dr = y(ur)`
+  ), /* @__PURE__ */ r.createElement(Cr, null));
+}, pr = y(fr)`
     svg circle {
         stroke: #ffffff;
     }
-`, fr = y.img`
+`, gr = y.img`
     transform: none;
 
     ${(e) => e.imageSize && L`
@@ -2215,124 +2215,128 @@ const Hn = 300, Tn = ({
     vertical-align: middle;
     position: relative;
     ${(e) => !e.loaded && "display:none;"}
-`, hr = y.div`
+`, Cr = y.div`
     height: 100%;
     display: inline-block;
     vertical-align: middle;
-`, pr = mr, gr = () => {
-  const e = R(), [t, n] = $(!0), o = T(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+`, yr = hr, br = () => {
+  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];
-}, Cr = ({ 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] = gr(), [f, C] = $(null), [x, v] = $(null), b = R(null), g = R(null), H = R(null), B = R(null);
-  E(() => {
+}, 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);
+  v(() => {
     n && C(null);
-  }, [n]), E(() => {
+  }, [n]), v(() => {
     a(1);
-  }, [f]), E(() => {
-    var P, te;
+  }, [f]), v(() => {
+    var P, ne;
     if (f === null || g.current === null)
       return;
-    const w = g.current.firstElementChild, z = (P = H.current) == null ? void 0 : P.querySelector(".nav-left"), Z = (te = H.current) == null ? void 0 : te.querySelector(".nav-right");
+    const w = g.current.firstElementChild, D = (P = H.current) == null ? void 0 : P.querySelector(".nav-left"), W = (ne = H.current) == null ? void 0 : ne.querySelector(".nav-right");
     if (x === "Right")
-      ee && Z ? Z.focus() : J && z && z.focus();
+      te && W ? W.focus() : ee && D && D.focus();
     else if (x === "Left")
-      J && z ? z.focus() : ee && Z && Z.focus();
+      ee && D ? D.focus() : te && W && W.focus();
     else {
       if (!w)
         return;
       w.focus();
     }
-  }, [f, g, H, x]), E(() => {
+  }, [f, g, H, x]), v(() => {
     if (o) {
-      if (J)
-        return Le();
-    } else if (s && ee)
-      return Me();
-  }, [o, s]);
-  const D = se(() => {
+      if (ee)
+        return Se();
+    } else if (s && te)
+      return Re();
+  }, [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);
+  }, []);
+  const F = ie(() => {
     const w = document.createElement("div");
     w.innerHTML = t || "";
-    const z = w.getElementsByTagName("img");
-    return Array.from(z).reduce((P, te) => {
-      const Re = te.getAttribute("src");
-      if (Re) {
-        const ot = {
-          src: Re
+    const D = w.getElementsByTagName("img");
+    return Array.from(D).reduce((P, ne) => {
+      const Te = ne.getAttribute("src");
+      if (Te) {
+        const at = {
+          src: Te
         };
-        P.push(ot);
+        P.push(at);
       }
       return P;
     }, []);
-  }, [t]), j = T(() => {
+  }, [t]), Le = T(() => {
     const { src: w } = e;
     if (w) {
-      const z = D.findIndex((Z, P) => Z.src === w);
-      C(z);
+      const D = F.findIndex((W, P) => W.src === w);
+      C(D);
     }
-  }, [D, e]), Ge = T((w) => {
+  }, [F, e]), tt = T((w) => {
     C(null);
-  }, []), ke = T(
+  }, []), Me = T(
     (w) => {
       a(w ? i + i * 0.25 : i - i * 0.25);
     },
     [a, i]
-  ), Je = T(() => {
+  ), nt = T(() => {
     if (f !== null) {
-      const { src: w } = D[f];
+      const { src: w } = F[f];
       w && window.open(w, "_self");
     }
-  }, [D, f]), et = T(
+  }, [F, f]), rt = T(
     (w) => {
-      const z = B.current;
-      z && (u({ top: z.scrollTop, left: z.scrollLeft, x: w.clientX, y: w.clientY }), m(!0));
+      const D = B.current;
+      D && (u({ top: D.scrollTop, left: D.scrollLeft, x: w.clientX, y: w.clientY }), m(!0));
     },
     [B]
-  ), tt = T(
+  ), ot = T(
     (w) => {
-      const z = B.current;
-      if (z && c) {
-        const Z = w.clientX - l.x, P = w.clientY - l.y;
-        z.scrollTop = l.top - P, z.scrollLeft = l.left - Z;
+      const D = B.current;
+      if (D && c) {
+        const W = w.clientX - l.x, P = w.clientY - l.y;
+        D.scrollTop = l.top - P, D.scrollLeft = l.left - W;
       }
     },
     [c, l]
-  ), nt = (w) => {
+  ), st = (w) => {
     w.preventDefault(), m(!1);
-  }, rt = se(() => {
+  }, it = ie(() => {
     if (B.current) {
       const w = B.current.getElementsByTagName("img");
       if (w && w.length) {
-        const z = w[0];
-        return z.width > window.innerWidth || z.height > window.innerHeight;
+        const D = w[0];
+        return D.width > window.innerWidth || D.height > window.innerHeight;
       }
     }
     return !1;
-  }, [B, i]), Le = () => {
-    f !== null && (v("Left"), C(f - 1));
-  }, Me = () => {
-    f !== null && (v("Right"), C(f + 1));
-  }, J = f !== null && f > 0 && D.length > 1, ee = f !== null && D.length - 1 > f;
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_e, { visible: f !== null, onClick: Ge }, /* @__PURE__ */ r.createElement(
-    kr,
+  }, [B, i]), Se = () => {
+    f !== null && (E("Left"), C(f - 1));
+  }, Re = () => {
+    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,
     {
       onMouseDown: () => d(),
       onMouseMove: () => d(),
       onTouchStart: () => d(),
       onKeyDown: () => d()
     },
-    /* @__PURE__ */ r.createElement(Lr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
-      Er,
+    /* @__PURE__ */ r.createElement(Rr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
+      $r,
       {
         ref: g,
         buttons: [
           {
             id: "download",
-            onClick: Je,
+            onClick: nt,
             icon: "download",
             ariaLabel: "Download image"
           },
@@ -2346,88 +2350,98 @@ const Hn = 300, Tn = ({
       }
     )),
     /* @__PURE__ */ r.createElement(
-      Sr,
+      Tr,
       {
         scrolling: c.toString(),
-        isDraggable: rt.toString(),
+        isDraggable: it.toString(),
         ref: B,
-        onMouseMove: tt,
-        onMouseDown: et,
-        onMouseUp: nt
+        onMouseMove: ot,
+        onMouseDown: rt,
+        onMouseUp: st
       },
       f !== null && /* @__PURE__ */ r.createElement(
-        pr,
+        yr,
         k(h({
           changeZoom: (w) => {
             a(w);
           },
           zoomState: i
         }, e), {
-          image: D[f]
+          style: k(h({}, e.style || {}), {
+            float: "none"
+          }),
+          image: F[f]
         })
       )
     ),
     /* @__PURE__ */ r.createElement(
-      wr,
+      Lr,
       {
         ref: H,
         show: p.toString(),
         buttons: [
           {
             id: "previous",
-            onClick: Le,
+            onClick: Se,
             icon: "caret-left",
             circle: !0,
-            show: J,
+            show: ee,
             className: "nav-left",
             ariaLabel: "Navigate to previous image"
           },
           {
             id: "next",
-            onClick: Me,
+            onClick: Re,
             icon: "caret-right",
             circle: !0,
-            show: ee,
+            show: te,
             className: "nav-right",
             ariaLabel: "Navigate to next image"
           }
         ]
       }
     ),
-    /* @__PURE__ */ r.createElement(Mr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
-      xr,
+    /* @__PURE__ */ r.createElement(Hr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
+      kr,
       {
         buttons: [
           {
             id: "zoom-out",
-            onClick: () => ke(!1),
+            onClick: () => Me(!1),
             icon: "zoom-out",
             ariaLabel: "Zoom out"
           },
           {
             id: "zoom-in",
-            onClick: () => ke(!0),
+            onClick: () => Me(!0),
             icon: "zoom-in",
             ariaLabel: "Zoom in"
           }
         ]
       }
-    ), /* @__PURE__ */ r.createElement($r, { variant: "span" }, Math.trunc(i * 100), "%"))
+    ), /* @__PURE__ */ r.createElement(Mr, { variant: "span" }, Math.trunc(i * 100), "%"))
   )), /* @__PURE__ */ r.createElement(
-    yr,
+    Er,
     {
       ref: b,
-      onClick: j,
+      onClick: Le,
       onKeyDown: (w) => {
-        w.key === "Enter" && (w.preventDefault(), j());
+        w.key === "Enter" && (w.preventDefault(), Le());
       },
+      alignment: _,
       tabIndex: 0
     },
-    /* @__PURE__ */ r.createElement(Rr, k(h({}, e), { alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "" }))
+    /* @__PURE__ */ r.createElement(
+      Dr,
+      k(h({}, e), {
+        alt: ((He = e.alt) == null ? void 0 : He.toString()) || "",
+        ref: z
+      })
+    )
   ));
-}, $e = N(
+}, ke = N(
   ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ r.createElement(
-    br,
+    xr,
     {
       ref: o,
       show: e,
@@ -2435,7 +2449,7 @@ const Hn = 300, Tn = ({
     },
     t.map(
       ({ id: s, circle: i = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, p) => /* @__PURE__ */ r.createElement(
-        vr,
+        wr,
         {
           key: s + p.toString(),
           circle: i.toString(),
@@ -2446,29 +2460,33 @@ const Hn = 300, Tn = ({
           className: m,
           "aria-label": l
         },
-        /* @__PURE__ */ r.createElement(G, { size: 24, symbol: { type: "Svg", content: c } })
+        /* @__PURE__ */ r.createElement(J, { size: 24, symbol: { type: "Svg", content: c } })
       )
     )
   )
-), qe = y.div`
+), Ge = y.div`
     transition: opacity 0.3s ease 0s;
     z-index: 5;
     ${(e) => e.show === "true" ? "opacity: 1;" : L`
                   opacity: 0;
                   pointer-events: none;
               `}
-`, yr = y(we)`
+`, Er = y($e)`
     display: inline-block !important;
-`, br = y(qe)`
+
+    ${(e) => (e.alignment === "right" || e.alignment === "left") && L`
+            float: ${e.alignment};
+        `}
+`, xr = y(Ge)`
     position: fixed;
     display: flex;
     gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, ge = "39px", vr = y(ae)`
-    width: ${ge};
-    height: ${ge};
+`, Ce = "39px", wr = y(ce)`
+    width: ${Ce};
+    height: ${Ce};
     display: flex;
     justify-content: center;
     align-items: center;
@@ -2494,7 +2512,7 @@ const Hn = 300, Tn = ({
                   }
 
                   &:focus-visible {
-                      ${F(e)}
+                      ${A(e)}
                       outline-color: #ffffff;
                       background-color: transparent;
 
@@ -2516,7 +2534,7 @@ const Hn = 300, Tn = ({
                       outline-color: #ffffff;
                   }
                   &:focus-visible {
-                      ${F(e)}
+                      ${A(e)}
                   }
               `;
 }}
@@ -2531,7 +2549,7 @@ const Hn = 300, Tn = ({
                   opacity: 0;
                   pointer-events: none;
               `}
-`, Er = y($e)`
+`, $r = y(ke)`
     top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2540,7 +2558,7 @@ const Hn = 300, Tn = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, xr = y($e)`
+`, kr = y(ke)`
     bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2548,11 +2566,11 @@ const Hn = 300, Tn = ({
     width: 100%;
     align-items: center;
     justify-content: center;
-`, wr = y($e)`
+`, Lr = y(ke)`
     display: block;
     button {
         position: fixed;
-        top: calc(50% - calc(${ge} / 2));
+        top: calc(50% - calc(${Ce} / 2));
         &:first-child {
             left: ${(e) => {
   var t;
@@ -2566,7 +2584,7 @@ const Hn = 300, Tn = ({
 }};
         }
     }
-`, $r = y(_)`
+`, Mr = y(q)`
     position: fixed;
     bottom: ${(e) => {
   var t;
@@ -2585,21 +2603,21 @@ const Hn = 300, Tn = ({
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
 }};
-`, Qe = y(qe)`
+`, Je = y(Ge)`
     position: absolute;
     width: 100vw;
     height: 88px;
     left: 0px;
     z-index: 5;
-`, kr = y.div`
+`, Sr = y.div`
     width: 100%;
-`, Lr = y(Qe)`
+`, Rr = y(Je)`
     top: 0px;
     background-image: linear-gradient(to bottom, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Mr = y(Qe)`
+`, Hr = y(Je)`
     bottom: 0px;
     background-image: linear-gradient(to top, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Sr = y.div`
+`, Tr = y.div`
     width: 100%;
     height: 100vh;
     overflow: auto;
@@ -2608,36 +2626,36 @@ const Hn = 300, Tn = ({
     white-space: nowrap;
     justify-content: center;
     cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, Rr = y.img`
+`, Dr = y.img`
     cursor: pointer;
-`, Hr = Cr, Tr = N(
+`, Br = vr, zr = 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] = je(), [p, d] = Ke(!0), f = R(), C = R(q()), x = Y("Escape");
-    E(() => {
+    }, 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");
+    v(() => {
       (x || s) && m(!1);
-    }, [x, s]), E(() => {
+    }, [x, s]), v(() => {
       c && f.current && f.current.focus();
-    }, [c, f.current]), ce("router:changed", () => {
+    }, [c, f.current]), le("router:changed", () => {
       m(!1);
     });
-    const v = T(
+    const E = T(
       (g) => {
         m(!1), o(g);
       },
       [o, m]
     );
-    Ce(a, () => ({
+    ye(a, () => ({
       close() {
         m(!1);
       }
     }));
-    const b = T(() => ve(C.current, () => {
+    const b = T(() => Ee(C.current, () => {
       m(!1);
     }), [C.current]);
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_e, { visible: c, onClick: v }, /* @__PURE__ */ r.createElement(
-      Br,
+    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Qe, { visible: c, onClick: E }, /* @__PURE__ */ r.createElement(
+      Vr,
       k(h({
         className: M(
           e,
@@ -2650,13 +2668,13 @@ const Hn = 300, Tn = ({
         ref: d
       }),
       /* @__PURE__ */ r.createElement(
-        xe,
+        we,
         {
           onClick: () => m(!1),
           tabIndex: 0,
           ref: f
         },
-        /* @__PURE__ */ r.createElement(G, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
       ),
       t
     )), r.cloneElement(n, {
@@ -2665,7 +2683,7 @@ const Hn = 300, Tn = ({
       }
     }));
   }
-), Dr = Tr, Br = y.div`
+), Nr = zr, Vr = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2681,10 +2699,10 @@ const Hn = 300, Tn = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
 }};
-    ${(e) => Ye(e)}
+    ${(e) => Ue(e)}
     ${(e) => e.css && e.css}
   outline: none;
-`, zr = ({
+`, Wr = ({
   className: e,
   trigger: t,
   header: n = "",
@@ -2696,15 +2714,15 @@ const Hn = 300, Tn = ({
   cancelLabel: a = "",
   confirmLabel: l = ""
 }) => {
-  const u = R(), c = T(() => {
+  const u = S(), c = T(() => {
     var p;
     s(), (p = u == null ? void 0 : u.current) == null || p.close();
   }, [s]), m = T(() => {
     var p;
     i(), (p = u == null ? void 0 : u.current) == null || p.close();
   }, [i]);
-  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(Wr, { onClick: c }, a));
-}, Zo = zr, Nr = y(Dr)`
+  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)`
     display: block;
 
     span {
@@ -2722,7 +2740,7 @@ const Hn = 300, Tn = ({
 }};
         }
     }
-`, Vr = y(ae)`
+`, Ir = y(ce)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2750,9 +2768,9 @@ const Hn = 300, Tn = ({
     }
 
     &:focus-visible {
-        ${F}
+        ${A}
     }
-`, Wr = y(ae)`
+`, Or = y(ce)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2771,18 +2789,18 @@ const Hn = 300, Tn = ({
 }};
 
     &:focus-visible {
-        ${F};
+        ${A};
     }
-`, Zr = ({
+`, Pr = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__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 = Zr, Ir = y.div`
+}) => /* @__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`
     display: flex;
     flex-wrap: wrap;
-`, Or = y.div`
-    ${(e) => ie(e)(
+`, Fr = y.div`
+    ${(e) => ae(e)(
   "h2",
   L`
                 padding: 0;
@@ -2791,7 +2809,7 @@ const Hn = 300, Tn = ({
                 font-size: 7em;
             `
 )}
-`, Pr = y.div`
+`, Kr = y.div`
     margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2799,7 +2817,7 @@ const Hn = 300, Tn = ({
 
     ${(e) => {
   var t;
-  return ie(e)(
+  return ae(e)(
     "h3",
     L`
                 text-transform: uppercase;
@@ -2818,7 +2836,7 @@ const Hn = 300, Tn = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
     }
-`, Fr = y.div`
+`, jr = y.div`
     margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2829,12 +2847,12 @@ const Hn = 300, Tn = ({
         font-weight: bold;
     }
 `;
-class Ar extends ut {
+class Yr extends ft {
   constructor() {
     super(...arguments);
-    re(this, "node");
-    re(this, "onFocusListener");
-    re(this, "state", {
+    oe(this, "node");
+    oe(this, "onFocusListener");
+    oe(this, "state", {
       boundFocus: !1
     });
   }
@@ -2871,49 +2889,49 @@ class Ar extends ut {
     ) : null;
   }
 }
-const Oo = Ar, Kr = N(
+const Fo = Yr, Xr = 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 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);
   }
 );
-var jr = /* @__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))(jr || {});
-const Yr = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ r.createElement("span", { className: M(e, "humany-timestamp") }, Xr(n, t)), Po = Yr, We = (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}-${We(a)}-${We(l)}`;
+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)}`;
   return t === "yyyy-mm-dd" ? u : t === "hh:mm" ? s : `${u} ${s}`;
 }
-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 = (v) => {
-    const { target: b } = v;
+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 { target: b } = E;
     !m.current || !b || m.current !== b && !m.current.contains(b) && u(!1);
   };
-  E(() => {
+  v(() => {
     if (!!o)
       return window.addEventListener("click", C), () => {
         window.removeEventListener("click", C);
       };
   }, [l, o]);
   const x = T(
-    (v, b) => {
-      f(v, m.current), u(b);
+    (E, b) => {
+      f(E, m.current), u(b);
     },
     [f, u]
   );
   return /* @__PURE__ */ r.createElement(
-    _r,
+    Gr,
     {
       ref: m,
       className: "humany-tooltip-trigger",
-      onMouseEnter: o ? void 0 : (v) => x(v, !0),
-      onMouseLeave: o ? void 0 : (v) => x(v, !1),
-      onTouchEnd: o ? (v) => x(v, !l) : void 0,
-      onClick: o ? (v) => x(v, !l) : void 0
+      onMouseEnter: o ? void 0 : (E) => x(E, !0),
+      onMouseLeave: o ? void 0 : (E) => x(E, !1),
+      onTouchEnd: o ? (E) => x(E, !l) : void 0,
+      onClick: o ? (E) => x(E, !l) : void 0
     },
     t,
-    l && /* @__PURE__ */ r.createElement(Q, null, /* @__PURE__ */ r.createElement(
-      qr,
+    l && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
+      Jr,
       h({
         className: M(e, "humany-tooltip-container"),
         x: p,
@@ -2922,10 +2940,10 @@ const Ur = (i) => {
       n
     ))
   );
-}, _r = y.div`
+}, Gr = y.div`
     display: flex;
     align-items: center;
-`, qr = y.div`
+`, Jr = y.div`
     color: #ffffff;
     background: #161616;
     border-radius: ${(e) => e.theme.borderRadius};
@@ -2961,7 +2979,7 @@ const Ur = (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;
 }};
-`, Fo = Ur, Qr = (e) => {
+`, jo = Qr, eo = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
@@ -3003,7 +3021,7 @@ const Ur = (i) => {
     }
   })();
   return /* @__PURE__ */ r.createElement(
-    yt,
+    Et,
     {
       timeout: {
         enter: u && u.enter.duration || 0,
@@ -3015,17 +3033,17 @@ const Ur = (i) => {
       unmountOnExit: o,
       onEnter: (c) => c.clientHeight
     },
-    (c) => i && i(c, u && he.compose(c, u))
+    (c) => i && i(c, u && pe.compose(c, u))
   );
-}, Ao = Qr, Gr = N(
+}, Yo = eo, to = 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 = () => {
+    }, widgetName: o, activationOptions: s } = u, i = R(u, ["className", "children", "onClick", "widgetName", "activationOptions"]);
+    const c = Z(), m = () => {
       const { implementation: f } = c.get("$widget");
       return f.widgets.get(o);
     };
-    E(() => {
+    v(() => {
       const f = m();
       return f == null || f.activate(s).then(() => f.invoke("attach")), () => {
         f == null || f.deactivate();
@@ -3034,9 +3052,9 @@ const Ur = (i) => {
     const p = (f) => {
       const C = m(), x = f.currentTarget;
       if (C) {
-        const v = () => {
+        const E = () => {
           C.invoke("renderState").then(
-            (b) => b === oe.open ? C.invoke("close") : C.invoke("open")
+            (b) => b === se.open ? C.invoke("close") : C.invoke("open")
           ).then(() => {
             C.events.subscribeOnce("widget:area-rendered", (b, g) => {
               c.get(
@@ -3048,13 +3066,13 @@ const Ur = (i) => {
             });
           });
         };
-        C.state === lt.Deactivated ? C.activate(s).then(() => C.invoke("attach")).then(v) : v();
+        C.state === dt.Deactivated ? C.activate(s).then(() => C.invoke("attach")).then(E) : E();
       }
     }, d = (f) => {
       f.key === "Enter" && (f.preventDefault(), p(f));
     };
     return /* @__PURE__ */ r.createElement(
-      we,
+      $e,
       k(h({
         className: M(e, "humany-widget-link"),
         onKeyDown: d,
@@ -3067,16 +3085,16 @@ const Ur = (i) => {
       t
     );
   }
-), Ko = N(
+), Xo = N(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
-    const s = W(), i = se(() => {
+    const s = Z(), i = ie(() => {
       if (!s)
         return null;
       const a = s.get("widgetDOMElement");
       return !a || !a.childElementCount ? null : a.children[0];
     }, [s]);
-    return i ? /* @__PURE__ */ r.createElement(Q, { elementId: e, parent: i }, /* @__PURE__ */ r.createElement(
-      Jr,
+    return i ? /* @__PURE__ */ r.createElement(G, { elementId: e, parent: i }, /* @__PURE__ */ r.createElement(
+      no,
       {
         className: M("humany-widget-overlay-outlet", t),
         ref: o
@@ -3084,7 +3102,7 @@ const Ur = (i) => {
       n
     )) : null;
   }
-), Jr = y.div`
+), no = y.div`
     background-color: #ffffff;
     position: absolute;
     top: 0;
@@ -3094,102 +3112,102 @@ const Ur = (i) => {
     z-index: 10;
     width: 100%;
     height: 100%;
-`, eo = (e, t, n, o, s) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
+`, ro = (e, t, n, o, s) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
   t,
-  mt(() => n)
-), gt(e, t, o || (() => {
-}), t, s))), jo = eo;
+  ht(() => n)
+), bt(e, t, o || (() => {
+}), t, s))), Uo = ro;
 export {
-  Vt as AnchorLink,
-  ae as Button,
-  po as Checkbox,
-  Ot as ColumnContext,
-  Pe as ComponentNodeContext,
-  Pt as ComponentPropertyContext,
-  Zo as Confirm,
-  It as ContainerContext,
-  At as ConversationContext,
-  jr as DateFormats,
-  Bo as Drawer,
-  Rn as DrawerAnimationType,
-  zo as Dropdown,
-  Fn as Empty,
-  No as Grid,
-  Ue as Html,
-  Yn as Icon,
-  Vo as Input,
-  _n as ItemList,
-  Wo as ItemTree,
-  Hr as Lightbox,
-  we as Link,
-  Xn as List,
-  Dr as Modal,
-  Io as NotFound,
-  _e as Overlay,
-  Un as Paragraph,
-  Q as Portal,
-  Qn as RouteLink,
-  Ft as RoutingContext,
-  Ve as StyledText,
-  G as SymbolBadge,
-  Oo as TabStop,
-  Ee as Text,
-  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,
-  vn as buttonCss,
-  Ye as contentBox,
+  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,
+  G as Portal,
+  er as RouteLink,
+  jt as RoutingContext,
+  Ze as StyledText,
+  J as SymbolBadge,
+  Fo as TabStop,
+  xe as Text,
+  Xr as TextLink,
+  Ko as Timestamp,
+  jo as Tooltip,
+  Yo as TransitionComponent,
+  q as Typography,
+  to as WidgetLink,
+  Xo as WidgetOverlayOutlet,
+  A as borderTabStyle,
+  We as browser,
+  wn as buttonCss,
+  Ue as contentBox,
   V as convertToStringAttributes,
-  ho as createEmptyComponent,
-  jo as createReactComponent,
-  zt as defaultRenderInstructions,
-  St as embeddedLinkMapper,
-  Ht as filterCssProps,
-  Rt as filterCssPropsStyle,
-  Tt as genericHashLink,
-  Do as genericHtml,
-  ie as headingElement,
-  Bt as imageLightboxRenderer,
-  Ro as invertedHoverButton,
-  To as itemList,
-  En as linkTabStyle,
-  xn as list,
-  Ho as paddedBorderTabStyle,
-  Dt as processHtmlString,
-  he as transitionComposer,
-  go as useAction,
-  Co as useChildren,
-  yo as useColumns,
-  bo as useComponent,
-  ye as useComponentDescriptor,
-  be as useComponentNode,
+  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,
   U as useComponentPlatform,
-  W as useContainer,
-  en as useContext,
-  vo as useConversation,
-  Eo as useDispatch,
+  Z as useContainer,
+  rn as useContext,
+  wo as useConversation,
+  $o as useDispatch,
   I as useEventListener,
-  on as useEvents,
+  cn as useEvents,
   O as useIsMounted,
-  xo as useIsTabbing,
+  ko as useIsTabbing,
   Y as useKeyPress,
-  wo as useLayout,
-  Fe as usePrevious,
-  $o as useProperties,
-  ko as useRenderState,
-  Lo as useRouteData,
-  Ae as useRouter,
-  Ke as useScroll,
-  Mo as useSettings,
-  je as useToggle,
-  So as useTransitionEnd,
-  ve as useUniqueMenu,
-  ce as useWidgetEvent
+  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
 };
 //# sourceMappingURL=index.js.map