@telia-ace/widget-ui 1.3.57 → 1.3.58-rc.1

package/index.mjs

@@ -1,18 +1,18 @@
 var it = Object.defineProperty;
 var st = (e, t, n) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var te = (e, t, n) => st(e, typeof t != "symbol" ? t + "" : t, n);
-import { css as $, keyframes as Be } from "@emotion/react";
-import { kebabCase as at, appendClassNames as M, uuid as _, removeNullAndUndefinedValues as He, Logger as de } from "@telia-ace/widget-utilities";
+import { css as L, keyframes as Ve } from "@emotion/react";
+import { kebabCase as at, appendClassNames as S, uuid as _, removeNullAndUndefinedValues as Re, markEscapeHandled as se, Logger as ue } from "@telia-ace/widget-utilities";
 import { jsx as i, jsxs as b, Fragment as U } from "react/jsx-runtime";
-import C from "@emotion/styled";
-import oe, { forwardRef as D, createContext as K, useContext as P, useState as k, useEffect as v, useRef as L, useCallback as H, useImperativeHandle as ge, createElement as ct, useMemo as re, Component as lt, lazy as dt } from "react";
-import { CSSTransition as Ve, Transition as ut } from "react-transition-group";
+import p from "@emotion/styled";
+import oe, { forwardRef as D, createContext as K, useContext as P, useState as w, useEffect as v, useRef as M, useCallback as E, useImperativeHandle as pe, createElement as ct, useMemo as re, Component as lt, lazy as dt } from "react";
+import { CSSTransition as We, Transition as ut } from "react-transition-group";
 import { Container as ht, WidgetState as ft } from "@webprovisions/platform";
 import { ComponentPlatform as mt, asDescriptor as gt, createEventSubscriber as pt, ComponentQuery as Ct, WidgetRenderState as ne, extendComponent as yt } from "@telia-ace/widget-core";
 import { createPortal as bt } from "react-dom";
-import Re from "htmr";
-import { HistoryMode as Te, getSpecificWidgetPath as vt } from "@telia-ace/widget-routing";
-import { Link as ue } from "react-router-dom";
+import Te from "htmr";
+import { HistoryMode as Ne, getSpecificWidgetPath as vt } from "@telia-ace/widget-routing";
+import { Link as he } from "react-router-dom";
 const xt = (e) => e === "entering" || e === "entered", wt = (e) => e === "exiting" || e === "exited", F = {
   fade: {
     in: "opacity: 1;",
@@ -44,29 +44,29 @@ const xt = (e) => e === "entering" || e === "entered", wt = (e) => e === "exitin
   "slide-left",
   "slide-right",
   "scale"
-], he = {
+], fe = {
   compose: (e = "exited", t) => {
-    const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), s = kt.indexOf(r[0]) > -1 ? "transform" : "opacity";
+    const { enter: n, exit: r } = t, o = n.transitionKeys.split(" "), s = kt.indexOf(o[0]) > -1 ? "transform" : "opacity";
     if (xt(e))
-      return r && r.length > 0 ? $`
-          ${r && r.length > 0 && r.map((h) => F[h] ? F[h].in : "")}
+      return o && o.length > 0 ? L`
+          ${o && o.length > 0 && o.map((h) => F[h] ? F[h].in : "")}
           transition: ${s} ${n.duration}ms ${n.easing};
         ` : "";
-    const c = r && r.length > 0 && $`
-        ${r.map((h) => F[h] ? F[h].out : "")}
+    const c = o && o.length > 0 && L`
+        ${o.map((h) => F[h] ? F[h].out : "")}
       `;
     if (wt(e)) {
-      const h = o.transitionKeys.split(" ");
-      return h && h.length > 0 && e === "exiting" ? $`
+      const h = r.transitionKeys.split(" ");
+      return h && h.length > 0 && e === "exiting" ? L`
           ${c};
           ${h.map((a) => F[a] ? F[a].out : "")}
-          transition: ${s} ${o.duration}ms ${o.easing};
+          transition: ${s} ${r.duration}ms ${r.easing};
         ` : c;
     }
   },
   composeViewTransition: (e, t, n) => {
     if (t === "slide")
-      return he.compose(e, {
+      return fe.compose(e, {
         enter: {
           transitionKeys: n === "forth" ? "slide-right" : "slide-left",
           duration: 500
@@ -77,7 +77,7 @@ const xt = (e) => e === "entering" || e === "entered", wt = (e) => e === "exitin
         }
       });
     if (t === "fade")
-      return he.compose(e, {
+      return fe.compose(e, {
         enter: {
           transitionKeys: "fade",
           duration: 500
@@ -90,14 +90,14 @@ const xt = (e) => e === "entering" || e === "entered", wt = (e) => e === "exitin
   },
   get: (e) => F[e]
 };
-var fe = /* @__PURE__ */ ((e) => (e.Opera = "opera", e.Chrome = "chrome", e.Firefox = "firefox", e.Safari = "safari", e.Edge = "edge", e.EdgeChromium = "edge-chromium", e.Blink = "blink", e.IE = "internet-explorer", e))(fe || {});
-const Ne = () => {
+var me = /* @__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))(me || {});
+const De = () => {
   const {
     opr: e,
     opera: t,
     InstallTrigger: n,
-    HTMLElement: o,
-    safari: r,
+    HTMLElement: r,
+    safari: o,
     documentMode: s,
     StyleMedia: c,
     chrome: h,
@@ -107,8 +107,8 @@ const Ne = () => {
     return "opera";
   if (n)
     return "firefox";
-  const d = ((g) => g.toString() === "[object SafariRemoteNotification]")(!r || typeof r < "u" && r.pushNotification);
-  if (/constructor/i.test(o) || d)
+  const d = ((C) => C.toString() === "[object SafariRemoteNotification]")(!o || typeof o < "u" && o.pushNotification);
+  if (/constructor/i.test(r) || d)
     return "safari";
   const u = !!s;
   if (u)
@@ -124,72 +124,72 @@ const Ne = () => {
     return "blink";
 }, $t = ["string", "number"], z = (e) => Object.keys(e).reduce(
   (t, n) => {
-    const o = typeof e[n] > "u" ? "" : e[n], r = typeof o;
-    if ($t.indexOf(r) > -1) {
+    const r = typeof e[n] > "u" ? "" : e[n], o = typeof r;
+    if ($t.indexOf(o) > -1) {
       const s = n.substring(0, 5);
-      s === "data-" || s === "aria-" ? t[at(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
+      s === "data-" || s === "aria-" ? t[at(n)] = r.toString() : n.substring(0, 4) !== "css-" && (t[n] = r.toString());
     } else
-      t[n] = o;
+      t[n] = r;
     return t;
   },
   {}
 ), vo = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ i(rn, { ...t }) : null, Lt = (e) => new RegExp("^#", "i").test(e), Mt = (e) => ({ children: t, ...n }) => {
   const {
-    implementation: o,
-    name: r
+    implementation: r,
+    name: o
   } = e.get("$widget"), { href: s = "" } = n;
   if (Lt(s))
     return /* @__PURE__ */ i(Dt, { smooth: !0, to: s, children: t });
-  const c = o.bindings.map((l) => l.replace(/\./g, "\\.")).join("|"), a = new RegExp(
+  const c = r.bindings.map((l) => l.replace(/\./g, "\\.")).join("|"), a = new RegExp(
     `^((http[s]?:)?//)?(${c})/([^\\s]+)`
   ).exec(s);
   if (a && a.length >= 4) {
     const l = a[4];
-    if (o.widgets.get(l) && !l.startsWith("blob?") && !l.startsWith(r))
+    if (r.widgets.get(l) && !l.startsWith("blob?") && !l.startsWith(o))
       return /* @__PURE__ */ i(ro, { widgetName: l, children: t });
   }
   return /* @__PURE__ */ i("a", { ...n, children: t });
-}, We = (e) => {
+}, Ze = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
     n.indexOf("css-") > -1 && (t[n] = e[n]);
   }), t;
 }, St = (e) => {
   let t = "";
-  return Object.keys(We(e)).forEach((n) => {
+  return Object.keys(Ze(e)).forEach((n) => {
     n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
-  }), $`
+  }), L`
     ${t}
   `;
 }, Et = (e, t) => {
   let n = "";
-  const o = () => {
+  const r = () => {
     n = "";
-  }, r = (d) => {
+  }, o = (d) => {
     const u = document.getElementById(n);
-    return u !== null ? (d(u), o(), !0) : !1;
-  }, s = (d) => (d.preventDefault(), o(), e.onClick && e.onClick(d), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && r(
+    return u !== null ? (d(u), r(), !0) : !1;
+  }, s = (d) => (d.preventDefault(), r(), e.onClick && e.onClick(d), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && o(
     e.scroll || ((u) => e.smooth ? u.scrollIntoView({ behavior: "smooth" }) : u.scrollIntoView())
   ), !1), { scroll: c, smooth: h, to: a, ...l } = e;
   return t === "a" && (l.href = "javascript:;"), /* @__PURE__ */ i(t, { ...l, onClick: s, children: e.children });
 }, ie = (e) => (t, n) => {
-  let o = t, r = "";
+  let r = t, o = "";
   if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(t))
-    o = t;
+    r = t;
   else {
     const h = t.match(/h1|h2|h3|h4|h5|h6/);
     if (h != null && h[0]) {
-      o = h[0];
-      const [a] = t.split(o);
-      r = a;
+      r = h[0];
+      const [a] = t.split(r);
+      o = a;
     }
   }
   const c = ((h, a, l) => l[h] ? `${a}${l[h]}` : `${a}${h}`)(
-    o,
     r,
+    o,
     e.theme.typographyVariantMapping || {}
   );
-  return $`
+  return L`
       ${c} {
         ${n}
       }
@@ -199,39 +199,39 @@ function Ht(e) {
   if (typeof e != "string") throw new TypeError("Expected HTML string");
   const t = document.createElement("div");
   t.innerHTML = e.trim();
-  const n = Array.from(t.childNodes).map((o) => {
-    const r = o;
-    if (!r.tagName || !r.attributes) return r;
-    const s = document.createElement(r.tagName);
-    return s.innerHTML = r.innerHTML, Array.from(r.attributes).forEach((c) => {
+  const n = Array.from(t.childNodes).map((r) => {
+    const o = r;
+    if (!o.tagName || !o.attributes) return o;
+    const s = document.createElement(o.tagName);
+    return s.innerHTML = o.innerHTML, Array.from(o.attributes).forEach((c) => {
       s.setAttribute(
         c.localName.replace(/[^\w-]/g, ""),
         c.value
       );
     }), s;
   });
-  return Array.from(n).map((o) => o.tagName ? o.outerHTML : o.textContent).join("");
+  return Array.from(n).map((r) => r.tagName ? r.outerHTML : r.textContent).join("");
 }
 function Rt(e, t) {
-  return t ? Re(Ht(e), t) : Re(e);
+  return t ? Te(Ht(e), t) : Te(e);
 }
 const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt = (e, t) => ({
   transform: {
     a: Mt(e),
     img: Tt(t)
   }
-}), Dt = (e) => Et(e, "a"), se = D(
-  ({ className: e, children: t, ...n }, o) => /* @__PURE__ */ i(
+}), Dt = (e) => Et(e, "a"), ae = D(
+  ({ className: e, children: t, ...n }, r) => /* @__PURE__ */ i(
     zt,
     {
       type: "button",
-      className: M(e, "humany-button"),
+      className: S(e, "humany-button"),
       ...z(n),
-      ref: o,
+      ref: r,
       children: t
     }
   )
-), zt = C.button`
+), zt = p.button`
   -webkit-appearance: button;
   text-transform: none;
   overflow: visible;
@@ -250,64 +250,64 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   onEnter: t = () => {
   },
   className: n,
-  autoComplete: o = "",
-  ...r
+  autoComplete: r = "",
+  ...o
 }) => /* @__PURE__ */ i(
   "input",
   {
-    className: M(n, "humany-checkbox"),
+    className: S(n, "humany-checkbox"),
     onKeyDown: (s) => {
       s.key === "Enter" && t(s);
     },
-    autoComplete: o || void 0,
+    autoComplete: r || void 0,
     onChange: (s) => e(s.target.value, s.currentTarget.checked),
-    ...z(r)
+    ...z(o)
   }
-), Bt = K(new ht()), Vt = K(1), Ze = K({
+), Bt = K(new ht()), Vt = K(1), Ie = K({
   id: "",
   type: "",
   name: "",
   branch: ""
 }), Wt = K(
   {}
-), Zt = K(null), It = K(null), pe = () => P(Ze), B = () => P(Bt), wo = (e, t) => {
-  const n = pe().id, o = B();
-  return (r, s) => {
-    (t || o).getAsync("actionResolver").then((c) => {
-      c.action(e || n, r, s);
+), Zt = K(null), It = K(null), Ce = () => P(Ie), B = () => P(Bt), wo = (e, t) => {
+  const n = Ce().id, r = B();
+  return (o, s) => {
+    (t || r).getAsync("actionResolver").then((c) => {
+      c.action(e || n, o, s);
     });
   };
-}, Ce = (e) => {
-  const t = P(Ze), n = Y(), [o, r] = k();
+}, ye = (e) => {
+  const t = P(Ie), n = Y(), [r, o] = w();
   return v(() => {
     if ((e || t.id) && n) {
       const s = n.nodes.get(e || t.id);
-      r(s);
+      o(s);
     }
-  }, [e, t.id, n]), o;
+  }, [e, t.id, n]), r;
 }, Z = () => {
-  const e = L(!1);
+  const e = M(!1);
   return v(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
 }, Y = (e) => {
-  const t = B(), [n, o] = k(null), r = Z();
+  const t = B(), [n, r] = w(null), o = Z();
   return v(() => {
     mt.getInstance(e || t).then(
       (s) => {
-        r.current && o(s);
+        o.current && r(s);
       }
     );
-  }, [r]), n;
+  }, [o]), n;
 }, ko = () => {
-  const e = Ce(), t = Y(), [n, o] = k([]), r = Z(), s = H(
+  const e = ye(), t = Y(), [n, r] = w([]), o = Z(), s = E(
     (c) => {
-      if (t && r.current && c) {
+      if (t && o.current && c) {
         const h = t.getBranch(c), a = c.getChildren(h).map((l) => gt(l));
-        o(a);
+        r(a);
       }
     },
-    [r, t, o, e]
+    [o, t, r, e]
   );
   return v(() => {
     e && s(e);
@@ -326,11 +326,11 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     }
   }, [e, t, s]), n;
 }, $o = () => P(Vt), Lo = (e, t) => {
-  const n = pe(), o = B(), [r, s] = k(void 0), c = Z(), h = e || n.type || "";
+  const n = Ce(), r = B(), [o, s] = w(void 0), c = Z(), h = e || n.type || "";
   return v(() => {
     if (h) {
       let a;
-      return (t || o).getAsync("componentResolver").then((l) => {
+      return (t || r).getAsync("componentResolver").then((l) => {
         if (c.current) {
           const d = l.getComponent(h);
           s(d);
@@ -342,32 +342,32 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
         a && a();
       };
     }
-  }, [c, h, t, o]), r;
+  }, [c, h, t, r]), o;
 }, Ot = (e) => {
-  const t = Ce(e), n = Y(), [o, r] = k({}), s = Z();
+  const t = ye(e), n = Y(), [r, o] = w({}), s = Z();
   return v(() => {
-    t && s.current && r(t.attributes.context);
+    t && s.current && o(t.attributes.context);
   }, [s, t]), v(() => {
     if (n) {
       const c = n.events.subscribe(
         "components:context-changed",
         (h, a) => {
-          t === a.node && s.current && r(a.node.attributes.context);
+          t === a.node && s.current && o(a.node.attributes.context);
         }
       );
       return () => {
         c();
       };
     }
-  }, [s, n, t]), o;
+  }, [s, n, t]), r;
 }, Mo = () => P(It), So = () => {
-  const e = Y(), t = pe(), [n, o] = k([]), [r, s] = k();
+  const e = Y(), t = Ce(), [n, r] = w([]), [o, s] = w();
   return v(() => {
     if (e && t) {
       const c = new Ct(e).withId(t.id), h = e.actions(c, t.type || _());
       s(h), n !== null && (n.forEach((a) => {
         h.dispatch(a.key, a.data).then((l) => a.resolve(l)).catch((l) => a.reject(l));
-      }), o(null));
+      }), r(null));
     }
   }, [e, t.id]), (c, h) => n !== null ? new Promise((a, l) => {
     n.push({
@@ -376,15 +376,15 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
       resolve: a,
       reject: l
     });
-  }) : r.dispatch(c, h);
-}, W = (e, t, n = window, o = () => !0) => {
-  const r = L(() => {
+  }) : o.dispatch(c, h);
+}, W = (e, t, n = window, r = () => !0) => {
+  const o = M(() => {
   });
   v(() => {
-    r.current = t;
+    o.current = t;
   }, [t]), v(() => {
-    if (!(n && o())) return;
-    const c = (h) => r.current(h);
+    if (!(n && r())) return;
+    const c = (h) => o.current(h);
     return n.addEventListener(e, c), () => {
       n.removeEventListener(e, c);
     };
@@ -393,82 +393,82 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   const t = B(), { events: n } = (e || t).get("$widget");
   return n;
 }, Eo = () => {
-  const [e, t] = k(!1);
+  const [e, t] = w(!1);
   return v(() => {
     const n = () => {
       t(!1);
-    }, o = (r) => {
-      r.keyCode === 9 && t(!0);
+    }, r = (o) => {
+      o.keyCode === 9 && t(!0);
     };
-    return window.addEventListener("keydown", o), window.addEventListener("click", n), () => {
-      window.removeEventListener("keydown", o), window.removeEventListener("click", n);
+    return window.addEventListener("keydown", r), window.addEventListener("click", n), () => {
+      window.removeEventListener("keydown", r), window.removeEventListener("click", n);
     };
   }, []), e;
 }, j = (e, t) => {
-  const [n, o] = k(!1), r = H(
+  const [n, r] = w(!1), o = E(
     (c) => {
       const { key: h } = c;
-      h === e && (o(!0), t && t(c));
+      h === e && (r(!0), t && t(c));
     },
-    [o, t]
-  ), s = H(
+    [r, t]
+  ), s = E(
     ({ key: c }) => {
-      c === e && o(!1);
+      c === e && r(!1);
     },
-    [o]
+    [r]
   );
-  return W("keydown", r, window), W("keyup", s, window), n;
+  return W("keydown", o, window), W("keyup", s, window), n;
 }, Ho = (e) => {
-  const t = Ce(e), n = Y(), [o, r] = k({}), s = Z();
+  const t = ye(e), n = Y(), [r, o] = w({}), s = Z();
   return v(() => {
-    t && s.current && r(t.attributes.layout);
+    t && s.current && o(t.attributes.layout);
   }, [t, s]), v(() => {
     if (n) {
       const c = n.events.subscribe(
         "components:layout-changed",
         (h, a) => {
-          t === a.node && s.current && r(a.node.attributes.layout);
+          t === a.node && s.current && o(a.node.attributes.layout);
         }
       );
       return () => {
         c();
       };
     }
-  }, [n, s, t]), o;
-}, Ie = (e) => {
-  const t = L();
+  }, [n, s, t]), r;
+}, Oe = (e) => {
+  const t = M();
   return v(() => {
     t.current = e;
   }), t.current;
 }, Ro = () => P(Wt), To = (e) => {
-  const [t, n] = k(), o = B(), r = Z();
+  const [t, n] = w(), r = B(), o = Z();
   return v(() => {
     let s;
-    const c = (e || o).get("$widget");
+    const c = (e || r).get("$widget");
     if (!c)
       return;
     const { name: h, invoke: a } = c;
     return a("renderState").then((l) => {
-      r.current && n(l);
-    }), (e || o).getAsync("actionResolver").then((l) => {
+      o.current && n(l);
+    }), (e || r).getAsync("actionResolver").then((l) => {
       s = l.subscribe(h, (d, u) => {
         switch (u) {
           case "close":
           case "open":
-            r.current && n(
+            o.current && n(
               u === "open" ? ne.open : ne.closed
             );
             break;
           case "hide":
-            r.current && n(ne.hidden);
+            o.current && n(ne.hidden);
         }
       });
     }), () => {
       s && s();
     };
-  }, [r]), t;
-}, Oe = () => P(Zt), No = (e) => {
-  const t = B(), n = Oe(), [o, r] = k({
+  }, [o]), t;
+}, Ae = () => P(Zt), No = (e) => {
+  const t = B(), n = Ae(), [r, o] = w({
     name: "",
     params: {}
   }), s = Z();
@@ -482,45 +482,45 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
       (l, { next: { routeData: d } }) => {
         if (s.current) {
           const { name: u, params: f } = d;
-          He(f), r({ name: u, params: f });
+          Re(f), o({ name: u, params: f });
         }
       }
     );
   }, [s, e, t]), v(() => {
     if (n && n.history && s.current) {
       const c = n.getRouteData(), { name: h, params: a } = c;
-      He(a), r({ name: h, params: a });
+      Re(a), o({ name: h, params: a });
     }
-  }, [n, s]), o;
-}, Ae = (e) => {
-  const t = L(), n = L(0);
-  let o;
-  const r = H(() => {
+  }, [n, s]), r;
+}, Fe = (e) => {
+  const t = M(), n = M(0);
+  let r;
+  const o = E(() => {
     var l;
-    (l = t.current) == null || l.classList.add("humany-scrolling"), clearTimeout(o), o = setTimeout(() => {
+    (l = t.current) == null || l.classList.add("humany-scrolling"), clearTimeout(r), r = setTimeout(() => {
       var d;
       (d = t.current) == null || d.classList.remove("humany-scrolling");
     }, 500);
-  }, [t]), s = H(
+  }, [t]), s = E(
     (l) => {
       n.current = l.touches[0].clientY;
     },
     [t]
-  ), c = (l) => h(l) ? l === t.current ? l : null : l.parentElement ? c(l.parentElement) : null, h = (l) => l.scrollWidth > l.clientWidth || l.scrollHeight > l.clientHeight, a = H(
+  ), c = (l) => h(l) ? l === t.current ? l : null : l.parentElement ? c(l.parentElement) : null, h = (l) => l.scrollWidth > l.clientWidth || l.scrollHeight > l.clientHeight, a = E(
     (l) => {
       if (!l.cancelable)
         return;
       const d = l.touches[0].clientY, u = c(l.target);
       if (!u)
         return;
-      const f = u.scrollTop, g = n.current - d < 0 ? "up" : "down", m = f <= 0 && g === "up", p = f >= u.scrollHeight - u.offsetHeight && g === "down";
-      (m || p) && l.preventDefault(), n.current = d;
+      const f = u.scrollTop, C = n.current - d < 0 ? "up" : "down", m = f <= 0 && C === "up", g = f >= u.scrollHeight - u.offsetHeight && C === "down";
+      (m || g) && l.preventDefault(), n.current = d;
     },
     [t, n]
   );
   return W(
     "scroll",
-    r,
+    o,
     t.current,
     () => t.current && e
   ), W(
@@ -535,7 +535,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     () => t.current && e
   ), e ? [Ft, t] : ["", t];
 }, Ft = `
-    overflow-y: ${Ne() === fe.Chrome || Ne() === fe.EdgeChromium ? "overlay" : "auto"};
+    overflow-y: ${De() === me.Chrome || De() === me.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
     scrollbar-width: thin; /* Firefox */
@@ -563,73 +563,73 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
         }
     }
 `, Do = () => {
-  const [e, t] = k(null), n = B(), o = Z();
+  const [e, t] = w(null), n = B(), r = Z();
   return v(() => {
-    n.get("settings").then((r) => {
-      o.current && t(r);
+    n.get("settings").then((o) => {
+      r.current && t(o);
     });
-  }, [o]), e;
-}, Fe = (e = !1) => {
-  const [t, n] = k(e), o = H((r) => {
-    n(typeof r == "boolean" ? r : (s) => !s);
+  }, [r]), e;
+}, Pe = (e = !1) => {
+  const [t, n] = w(e), r = E((o) => {
+    n(typeof o == "boolean" ? o : (s) => !s);
   }, []);
-  return [t, o];
+  return [t, r];
 }, zo = (e) => {
-  const t = B(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = k(null), [c, h] = k(null), a = Z();
+  const t = B(), n = Y(), r = t.get("widgetDOMElement"), [o, s] = w(null), [c, h] = w(null), a = Z();
   v(() => {
     if (n && a.current) {
       const d = n.nodes.all.find((f) => f.name === "root-area"), u = n.nodes.all.find((f) => f.type === "view");
       if (!(u != null && u.attributes.properties.animation) && !(d != null && d.attributes.properties.animation))
         e();
       else {
-        const f = (p = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${p}"]`), g = f(u == null ? void 0 : u.id);
-        g && s(g);
+        const f = (g = "") => r == null ? void 0 : r.querySelector(`[data-node-id="${g}"]`), C = f(u == null ? void 0 : u.id);
+        C && s(C);
         const m = f(d == null ? void 0 : d.id);
         m && h(m);
       }
     }
   }, [n, t, a]);
-  const l = H(
+  const l = E(
     (d) => {
-      a.current && (d.target === r || d.target === c) && e();
+      a.current && (d.target === o || d.target === c) && e();
     },
-    [e, a, r, c]
+    [e, a, o, c]
   );
   W(
     "transitionend",
     l,
-    r
+    o
   ), W(
     "transitionend",
     l,
     c
   );
-}, ae = (e, t, n = [], o) => {
-  const r = At(o);
+}, ce = (e, t, n = [], r) => {
+  const o = At(r);
   return v(() => {
-    if (r) {
-      const s = r.subscribe(e, t);
+    if (o) {
+      const s = o.subscribe(e, t);
       return () => {
         s();
       };
     }
-  }, [r].concat(n)), (s) => r == null ? void 0 : r.dispatch(e, s);
-}, ye = (e, t) => {
-  const n = ae("widget:menu-toggled", (o, r) => {
-    r !== e && t();
+  }, [o].concat(n)), (s) => o == null ? void 0 : o.dispatch(e, s);
+}, be = (e, t) => {
+  const n = ce("widget:menu-toggled", (r, o) => {
+    o !== e && t();
   });
   return () => n(e);
-}, be = D(
-  ({ className: e, children: t, ...n }, o) => /* @__PURE__ */ i(
+}, ve = D(
+  ({ className: e, children: t, ...n }, r) => /* @__PURE__ */ i(
     "span",
     {
-      ref: o,
-      className: M(e, "humany-text"),
+      ref: r,
+      className: S(e, "humany-text"),
       ...z(n),
       children: t
     }
   )
-), Pe = (e) => $`
+), je = (e) => L`
   display: flex;
   justify-content: center;
   flex-direction: column;
@@ -639,8 +639,8 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   box-shadow: ${e.theme.boxShadow || "none"};
   ${e["data-loading"] && "min-height: 150px;"}
 `, Pt = (e) => {
-  var t, n, o;
-  return $`
+  var t, n, r;
+  return L`
   cursor: pointer;
   text-align: center;
   border: none;
@@ -648,17 +648,17 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   padding: ${(t = e.theme.sizes) == null ? void 0 : t.normal};
   border-radius: ${e.theme.borderRadius};
   font-family: ${(n = e.theme.fonts) == null ? void 0 : n.type};
-  font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
+  font-size: ${(r = e.theme.fonts) == null ? void 0 : r.normal};
 `;
 }, Bo = (e) => {
   var c;
-  const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: s } = e;
-  return $`
+  const { primaryColor: t, secondaryColor: n, active: r, theme: o, disabled: s } = e;
+  return L`
     ${Pt(e)}
-    border: 1px solid ${o ? n : t};
-    background-color: ${o ? t : n};
+    border: 1px solid ${r ? n : t};
+    background-color: ${r ? t : n};
 
-    color: ${o ? n : t};
+    color: ${r ? n : t};
     transition: background-color 200ms ease-out, color 200ms ease-out;
 
     span,
@@ -666,11 +666,11 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     p,
     a {
       transition: color 200ms ease-out;
-      color: ${o ? n : t};
-      font-size: ${(c = r.fonts) == null ? void 0 : c.normal};
+      color: ${r ? n : t};
+      font-size: ${(c = o.fonts) == null ? void 0 : c.normal};
     }
 
-    ${!s && $`
+    ${!s && L`
       &:hover {
         background-color: ${t};
         color: ${n};
@@ -689,22 +689,22 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     `}
   `;
 }, O = (e) => {
-  var t, n, o;
-  return $`
+  var t, n, r;
+  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};
+  color: ${(r = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : r.inactiveText};
   border-color: transparent;
 `;
-}, jt = (e) => $`
+}, jt = (e) => L`
   ${O(e)}
   text-decoration: underline;
 `, Vo = (e) => {
   var t;
-  return $`
+  return L`
   ${O(e)}
   outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
 `;
-}, ve = C(se)`
+}, xe = p(ae)`
   position: absolute;
   top: ${(e) => {
   var t;
@@ -732,7 +732,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     height: 15px;
     box-sizing: content-box;
   }
-`, De = C(be)`
+`, ze = p(ve)`
   font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -745,7 +745,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
 }};
 `, Kt = (e) => {
   var t;
-  return $`
+  return L`
   padding: 0;
   margin: 0;
   list-style: none;
@@ -766,17 +766,17 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   }
 `;
 }, Wo = (e) => {
-  var t, n, o, r;
-  return $`
+  var t, n, r, o;
+  return L`
   > div {
     ${ie(e)(
     "> h1",
-    $`
+    L`
         margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
         font-size: ${(n = e.theme.fonts) == null ? void 0 : n.medium};
         font-weight: normal;
         line-height: 1.8em;
-        color: ${(o = e.theme.colors) == null ? void 0 : o.text};
+        color: ${(r = e.theme.colors) == null ? void 0 : r.text};
       `
   )}
   }
@@ -785,11 +785,11 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   }
   ${ie(e)(
     "h1",
-    $`
+    L`
       display: flex;
       align-items: center;
       i {
-        margin: 7px ${(r = e.theme.sizes) == null ? void 0 : r.normal} 0 0;
+        margin: 7px ${(o = e.theme.sizes) == null ? void 0 : o.normal} 0 0;
         width: 24px;
         display: inline-block;
         vertical-align: text-bottom;
@@ -802,8 +802,8 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   )}
 `;
 }, Zo = (e) => {
-  var t, n, o, r, s, c;
-  return $`
+  var t, n, r, o, s, c;
+  return L`
   font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
   font-weight: 300;
   line-height: 1.5em;
@@ -828,7 +828,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   }
 
   a {
-    color: ${(o = e.theme.colors) == null ? void 0 : o.link};
+    color: ${(r = e.theme.colors) == null ? void 0 : r.link};
     &:focus-visible {
       ${jt(e)};
     }
@@ -841,7 +841,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
 
   p {
     word-break: break-word;
-    margin: ${(r = e.theme.sizes) == null ? void 0 : r.normal} 0;
+    margin: ${(o = e.theme.sizes) == null ? void 0 : o.normal} 0;
   }
 
   p:first-child {
@@ -861,26 +861,26 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   parent: t = document.body,
   children: n
 }) => {
-  const [o] = k(() => {
-    const r = document.getElementById(e) || document.createElement("div");
-    return r.id = e, r;
+  const [r] = w(() => {
+    const o = document.getElementById(e) || document.createElement("div");
+    return o.id = e, o;
   });
-  return v(() => (t.appendChild(o), () => {
-    o.childElementCount <= 1 && o.remove();
-  }), [o]), bt(n, o);
+  return v(() => (t.appendChild(r), () => {
+    r.childElementCount <= 1 && r.remove();
+  }), [r]), bt(n, r);
 }, Q = ({
   text: e = "",
   backgroundSize: t = "contain",
   size: n = 12,
-  symbol: o = {
+  symbol: r = {
     content: "",
     type: ""
   },
-  elementStyle: r = {},
+  elementStyle: o = {},
   className: s,
   ...c
 }) => {
-  const { type: h, content: a } = o, l = {
+  const { type: h, content: a } = r, l = {
     "aria-label": e,
     role: "presentation"
   };
@@ -896,13 +896,13 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
       return /* @__PURE__ */ i(
         "i",
         {
-          className: M(
+          className: S(
             s,
             "humany-icon",
             "humany-custom-icon"
           ),
           title: e,
-          style: { ...d, ...r },
+          style: { ...d, ...o },
           ...l,
           ...c
         }
@@ -910,7 +910,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     }
     case "Svg": {
       const d = {
-        className: M(s, "humany-icon"),
+        className: S(s, "humany-icon"),
         width: `${n}`,
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -1466,7 +1466,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
       return e ? /* @__PURE__ */ i(
         "i",
         {
-          className: M(s, "humany-letter-symbol"),
+          className: S(s, "humany-letter-symbol"),
           title: e,
           ...l,
           ...c,
@@ -1474,7 +1474,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
         }
       ) : null;
   }
-}, Yt = C.svg`
+}, Yt = p.svg`
   transform: rotate(180deg);
 `, Xt = {
   h1: "h1",
@@ -1489,21 +1489,21 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   variant: e,
   component: t,
   className: n,
-  children: o
+  children: r
 }) => {
-  const { typographyVariantMapping: r = {} } = Ot(), s = {
+  const { typographyVariantMapping: o = {} } = Ot(), s = {
     ...Xt,
-    ...r
+    ...o
   }, c = t || s[e] || "span";
-  return /* @__PURE__ */ i(_t, { className: n, as: c, children: o });
-}, _t = C.span``;
+  return /* @__PURE__ */ i(_t, { className: n, as: c, children: r });
+}, _t = p.span``;
 var Ut = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Ut || {});
 const qt = 300, Io = ({
   className: e,
   children: t,
   header: n,
-  onToggle: o,
-  trigger: r,
+  onToggle: r,
+  trigger: o,
   fullScreen: s = !1,
   closeButtonAriaLabel: c,
   animation: h = {
@@ -1511,55 +1511,53 @@ const qt = 300, Io = ({
     /* SlideInBottom */
   }
 }) => {
-  const { duration: a = qt } = h, l = L(), d = L(), [u, f] = Ae(!0), [g, m] = Fe(), p = Ie(g), w = L(_());
+  const { duration: a = qt } = h, l = M(), d = M(), [u, f] = Fe(!0), [C, m] = Pe(), g = Oe(C), k = M(_());
   v(() => {
-    o && o(g);
-  }, [g]);
-  const y = j("Escape");
-  v(() => {
-    y && m(!1);
-  }, [y]), W(
+    r && r(C);
+  }, [C]), j("Escape", (H) => {
+    C && (se(H), m(!1));
+  }), W(
     "click",
-    (E) => {
-      const { target: R } = E;
-      !d.current || !f.current || !R || d.current !== R && f.current !== R && !f.current.contains(R) && !d.current.contains(R) && m(!1);
+    (H) => {
+      const { target: T } = H;
+      !d.current || !f.current || !T || d.current !== T && f.current !== T && !f.current.contains(T) && !d.current.contains(T) && m(!1);
     },
     window
   );
-  const S = ye(w.current, () => {
+  const y = be(k.current, () => {
     m(!1);
   });
-  ae("router:changed", () => {
+  ce("router:changed", () => {
     m(!1);
   }), v(() => {
-    g && l.current ? l.current.focus() : !g && d.current && p && d.current.focus();
-  }, [g, l.current, d.current]);
-  const N = nn[h.type];
+    C && l.current ? l.current.focus() : !C && d.current && g && d.current.focus();
+  }, [C, l.current, d.current]);
+  const $ = nn[h.type];
   return /* @__PURE__ */ b(U, { children: [
     /* @__PURE__ */ i(
-      Ve,
+      We,
       {
-        in: g,
+        in: C,
         className: "humany-drawer-transition",
         classNames: "humany-drawer-transition",
         unmountOnExit: !0,
         timeout: a,
         children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
-          N,
+          $,
           {
             duration: a,
             fullScreen: s,
-            className: M(
+            className: S(
               e,
               "humany-drawer",
-              `humany-drawer-${w.current}`
+              `humany-drawer-${k.current}`
             ),
             clientHeight: document.body.clientHeight,
             css: u,
             ref: f,
             children: [
               /* @__PURE__ */ i(
-                ve,
+                xe,
                 {
                   onClick: () => m(!1),
                   tabIndex: 0,
@@ -1575,16 +1573,16 @@ const qt = 300, Io = ({
         ) })
       }
     ),
-    oe.cloneElement(r, {
-      onClick: (E) => {
-        m(), S();
+    oe.cloneElement(o, {
+      onClick: (H) => {
+        m(), y();
       },
       ref: d,
-      "aria-label": r.props.title,
-      "aria-expanded": g
+      "aria-label": o.props.title,
+      "aria-expanded": C
     })
   ] });
-}, ce = C.div`
+}, le = p.div`
   font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -1601,7 +1599,7 @@ const qt = 300, Io = ({
   box-shadow: ${(e) => e.theme.boxShadow};
   background: #ffffff;
   ${(e) => e.css && e.css}
-`, Qt = C(X)`
+`, Qt = p(X)`
   padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1624,11 +1622,11 @@ const qt = 300, Io = ({
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
   line-height: 1.2em;
-`, le = (e) => $`
+`, de = (e) => L`
   transition: ${e.duration}ms;
-`, Gt = C(ce)`
+`, Gt = p(le)`
   max-height: 0;
-  ${le}
+  ${de}
 
   &.humany-drawer-transition-enter {
     max-height: 0;
@@ -1643,8 +1641,8 @@ const qt = 300, Io = ({
   &.humany-drawer-transition-exit-done {
     max-height: 0;
   }
-`, Jt = C(ce)`
-  ${le}
+`, Jt = p(le)`
+  ${de}
   transform: translateX(100%);
   height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1661,8 +1659,8 @@ const qt = 300, Io = ({
   &.humany-drawer-transition-exit-done {
     transform: translateX(100%);
   }
-`, en = C(ce)`
-  ${le}
+`, en = p(le)`
+  ${de}
   transform: translateX(-100%);
   height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1679,8 +1677,8 @@ const qt = 300, Io = ({
   &.humany-drawer-transition-exit-done {
     transform: translateX(-100%);
   }
-`, tn = C(ce)`
-  ${le}
+`, tn = p(le)`
+  ${de}
   bottom: unset;
   top: 0;
   height: 0;
@@ -1703,79 +1701,79 @@ const qt = 300, Io = ({
   "slide-in-right": Jt,
   "slide-in-left": en,
   "slide-in-top": tn
-}, je = (e, t, n) => {
-  const [o, r] = k(0), [s, c] = k(0), h = H(
+}, Ke = (e, t, n) => {
+  const [r, o] = w(0), [s, c] = w(0), h = E(
     (a, l) => {
       if (a.preventDefault(), l) {
         const d = l.getBoundingClientRect();
-        r(Math.max(document.body.clientWidth - d.right, 1)), c(d.bottom + window.scrollY);
+        o(Math.max(document.body.clientWidth - d.right, 1)), c(d.bottom + window.scrollY);
       }
     },
-    [o, s, r, c]
+    [r, s, o, c]
   );
   return v(() => {
     if (!n || !e)
       return;
     const a = n.getBoundingClientRect(), l = {
-      x: o,
+      x: r,
       y: s
     };
-    a.left < 0 && (l.x = 0), a.bottom > window.innerHeight && (l.y = 0), l.x !== o && r(l.x), l.y !== s && c(l.y);
-  }, [n, e, t]), [{ x: o, y: s }, h];
+    a.left < 0 && (l.x = 0), a.bottom > window.innerHeight && (l.y = 0), l.x !== r && o(l.x), l.y !== s && c(l.y);
+  }, [n, e, t]), [{ x: r, y: s }, h];
 }, Oo = oe.forwardRef(
   ({
     className: e = "",
     children: t = null,
     trigger: n,
-    closeButtonAriaLabel: o,
-    ...r
+    closeButtonAriaLabel: r,
+    ...o
   }, s) => {
-    const c = L(), h = L(), a = L();
-    ge(s, () => a.current, [a.current]);
-    const l = L(_()), [d, u] = k(!1), f = Ie(d), [{ x: g, y: m }, p] = je(d, l.current, a.current), w = j("Escape");
-    v(() => {
-      w && u(!1);
-    }, [w]), v(() => {
+    const c = M(), h = M(), a = M();
+    pe(s, () => a.current, [a.current]);
+    const l = M(_()), [d, u] = w(!1), f = Oe(d), [{ x: C, y: m }, g] = Ke(d, l.current, a.current);
+    j("Escape", ($) => {
+      d && (se($), u(!1));
+    }), v(() => {
       d && c.current ? c.current.focus() : !d && h.current && f && h.current.focus();
     }, [d, c.current, h.current]), W(
       "click",
-      (N) => {
-        const { target: E } = N;
-        !a.current || !E || a.current !== E && !a.current.contains(E) && u(!1);
+      ($) => {
+        const { target: H } = $;
+        !a.current || !H || a.current !== H && !a.current.contains(H) && u(!1);
       },
       window
-    ), ae("router:changed", () => {
+    ), ce("router:changed", () => {
       u(!1);
     });
-    const y = ye(l.current, () => {
+    const k = be(l.current, () => {
       u(!1);
-    }), S = H(
-      (N) => {
-        N.stopPropagation(), p(N, h.current), u(!d), y();
+    }), y = E(
+      ($) => {
+        $.stopPropagation(), g($, h.current), u(!d), k();
       },
-      [y, p, u]
+      [k, g, u]
     );
     return /* @__PURE__ */ b(U, { children: [
       d && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
         on,
         {
-          className: M(
+          className: S(
             "humany-dropdown",
             `humany-dropdown-${l.current}`,
             e
           ),
-          ...r,
-          x: g,
+          ...o,
+          x: C,
           y: m,
           ref: a,
           children: [
             /* @__PURE__ */ i(
-              ve,
+              xe,
               {
                 onClick: () => u(!1),
                 tabIndex: 0,
                 ref: c,
-                "aria-label": o,
+                "aria-label": r,
                 children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
               }
             ),
@@ -1784,15 +1782,15 @@ const qt = 300, Io = ({
         }
       ) }),
       oe.cloneElement(n, {
-        onClick: S,
+        onClick: y,
         ref: h,
         "aria-label": n.props.title,
         "aria-expanded": d
       })
     ] });
   }
-), on = C.div`
-  ${Pe}
+), on = p.div`
+  ${je}
   padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -1802,35 +1800,35 @@ const qt = 300, Io = ({
   box-shadow: ${(e) => e.theme.boxShadow};
 
   ${(e) => {
-  var n, o, r;
+  var n, r, o;
   let t = "";
-  return e.y > 0 ? t += `top: calc(${((n = e.theme.sizes) == null ? void 0 : n.small) || "0px"} + ${e.y || "0"}px);` : t += `bottom: ${((o = e.theme.sizes) == null ? void 0 : o.normal) || "0px"};`, e.x > 0 ? t += `right: ${e.x || "0"}px;` : t += `left: ${((r = e.theme.sizes) == null ? void 0 : r.normal) || "0px"};`, t;
+  return e.y > 0 ? t += `top: calc(${((n = e.theme.sizes) == null ? void 0 : n.small) || "0px"} + ${e.y || "0"}px);` : t += `bottom: ${((r = e.theme.sizes) == null ? void 0 : r.normal) || "0px"};`, e.x > 0 ? t += `right: ${e.x || "0"}px;` : t += `left: ${((o = e.theme.sizes) == null ? void 0 : o.normal) || "0px"};`, t;
 }};
-`, rn = ({ ...e }) => /* @__PURE__ */ i(sn, { ...e }), sn = C.div`
+`, rn = ({ ...e }) => /* @__PURE__ */ i(sn, { ...e }), sn = p.div`
   display: none;
 `, Ao = D(
-  ({ children: e, columns: t, gap: n, className: o, ...r }, s) => /* @__PURE__ */ i(
+  ({ children: e, columns: t, gap: n, className: r, ...o }, s) => /* @__PURE__ */ i(
     an,
     {
-      className: M(o, "humany-grid"),
+      className: S(r, "humany-grid"),
       "data-columns": t,
       "data-gap": n,
-      ...We(r),
-      ...z(r),
+      ...Ze(o),
+      ...z(o),
       ref: s,
       children: e
     }
   )
-), an = C.div`
+), an = p.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;
   ${St}
-`, Ke = D(
-  ({ htmlParseInstruction: e = null, className: t, html: n, ...o }, r) => {
-    const s = B(), [c, h] = k();
+`, Ye = D(
+  ({ htmlParseInstruction: e = null, className: t, html: n, ...r }, o) => {
+    const s = B(), [c, h] = w();
     v(() => {
       const d = Nt(s, n), u = {
         ...d,
@@ -1842,31 +1840,31 @@ const qt = 300, Io = ({
       }, f = Rt(n, u);
       h(f);
     }, [n, e]);
-    const a = L(null), l = s.get("$widget");
+    const a = M(null), l = s.get("$widget");
     return v(() => {
       const d = a.current;
       if (!d || d.getAttribute("data-observed")) return;
       new MutationObserver((f) => {
-        f.forEach((g) => {
-          var y, S, N;
-          let m = g.target;
+        f.forEach((C) => {
+          var y, $, H;
+          let m = C.target;
           if (m.tagName === "DIV" && m.matches("[data-notification]") && m.getAttribute("data-expandable")) {
-            const E = m.firstChild;
-            if (E && E.nodeType === Node.TEXT_NODE) {
-              const R = document.createElement("p");
-              R.appendChild(E), m.appendChild(R);
+            const T = m.firstChild;
+            if (T && T.nodeType === Node.TEXT_NODE) {
+              const N = document.createElement("p");
+              N.appendChild(T), m.appendChild(N);
               return;
-            } else E && E.nodeType === Node.ELEMENT_NODE && (m = E);
+            } else T && T.nodeType === Node.ELEMENT_NODE && (m = T);
           } else if (m.tagName !== "P" || !((y = m.closest("[data-notification]")) != null && y.getAttribute("data-expandable")))
             return;
           if (!(m != null && m.closest(".humany-notification-row"))) return;
-          const p = (S = m.closest(".humany-notification-row")) == null ? void 0 : S.getAttribute("data-node-id"), w = (N = m.closest("[data-notification]")) == null ? void 0 : N.getAttribute("data-notification");
-          m.scrollWidth > m.clientWidth ? (l.container.expandableNotifications || (l.container.expandableNotifications = /* @__PURE__ */ new Set()), l.container.expandableNotifications.add(w), l.events.dispatch("notification:expandable", {
+          const g = ($ = m.closest(".humany-notification-row")) == null ? void 0 : $.getAttribute("data-node-id"), k = (H = m.closest("[data-notification]")) == null ? void 0 : H.getAttribute("data-notification");
+          m.scrollWidth > m.clientWidth ? (l.container.expandableNotifications || (l.container.expandableNotifications = /* @__PURE__ */ new Set()), l.container.expandableNotifications.add(k), l.events.dispatch("notification:expandable", {
             expandable: !0,
-            notificationRowId: p
+            notificationRowId: g
           })) : l.events.dispatch("notification:expandable", {
             expandable: !1,
-            notificationRowId: p
+            notificationRowId: g
           });
         });
       }).observe(d, {
@@ -1876,8 +1874,8 @@ const qt = 300, Io = ({
     }, [c, l]), /* @__PURE__ */ i(
       "div",
       {
-        className: M(t, "humany-html"),
-        ...z(o),
+        className: S(t, "humany-html"),
+        ...z(r),
         ref: a,
         children: c
       }
@@ -1887,15 +1885,15 @@ const qt = 300, Io = ({
   faIcon: e,
   title: t,
   className: n = "",
-  role: o = "presentation",
-  ...r
+  role: r = "presentation",
+  ...o
 }) => /* @__PURE__ */ i(
   "i",
   {
-    className: M(n, `fa fa-${e}`),
+    className: S(n, `fa fa-${e}`),
     title: t,
-    role: o,
-    ...z(r)
+    role: r,
+    ...z(o)
   }
 ), Fo = D(
   ({
@@ -1903,9 +1901,9 @@ const qt = 300, Io = ({
     autoFocus: t = !1,
     onFocusChange: n = () => {
     },
-    onEnter: o = () => {
+    onEnter: r = () => {
     },
-    onEscape: r = () => {
+    onEscape: o = () => {
     },
     selectAllOnFocus: s,
     onChange: c = () => {
@@ -1915,67 +1913,67 @@ const qt = 300, Io = ({
     autoComplete: l,
     ...d
   }, u) => {
-    const [f, g] = k(t), m = L();
-    ge(u, () => m.current), v(() => {
+    const [f, C] = w(t), m = M();
+    pe(u, () => m.current), v(() => {
       var y;
       t && ((y = m == null ? void 0 : m.current) == null || y.focus());
     }, [t, u, m]);
-    const p = (y, S) => {
-      g(y), n && n(y), s && y && S.target.select();
-    }, w = {
+    const g = (y, $) => {
+      C(y), n && n(y), s && y && $.target.select();
+    }, k = {
       ...z(d),
       disabled: h,
       autoFocus: t,
       type: a,
       onKeyDown: (y) => {
-        y.key === "Enter" && f && o(y), y.key === "Escape" && f && r(y);
+        y.key === "Enter" && f && r(y), y.key === "Escape" && f && o(y);
       },
-      onFocus: (y) => p(!0, y),
-      onBlur: (y) => p(!1, y),
+      onFocus: (y) => g(!0, y),
+      onBlur: (y) => g(!1, y),
       onChange: (y) => c(y.target.value || ""),
-      className: M(e, "humany-input"),
+      className: S(e, "humany-input"),
       "data-type": a,
       ...l && { autoComplete: l }
     };
     return a !== "textarea" ? /* @__PURE__ */ i(
       "input",
       {
-        ...w,
+        ...k,
         ref: m
       }
     ) : /* @__PURE__ */ i(
       "textarea",
       {
-        ...w,
+        ...k,
         ref: m
       }
     );
   }
 ), ln = D(
-  ({ className: e, items: t, renderItem: n, renderLi: o = !1, ...r }, s) => {
+  ({ className: e, items: t, renderItem: n, renderLi: r = !1, ...o }, s) => {
     const c = t.length === 1 && t[0].expanded;
     return /* @__PURE__ */ i(
       "ul",
       {
         role: c ? "none" : void 0,
-        className: M(e, "humany-list"),
+        className: S(e, "humany-list"),
         "data-item-count": t.length,
-        ...z(r),
+        ...z(o),
         ref: s,
         children: t.map(
-          (h, a, l) => o ? /* @__PURE__ */ i("li", { className: "humany-list-item", children: n(h, a, l) }, h.id || a) : n(h, a, l)
+          (h, a, l) => r ? /* @__PURE__ */ i("li", { className: "humany-list-item", children: n(h, a, l) }, h.id || a) : n(h, a, l)
         )
       }
     );
   }
 ), dn = D(
-  ({ text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: s, ...c }, h) => {
+  ({ text: e, html: t, header: n, className: r, htmlParseInstruction: o, symbol: s, ...c }, h) => {
     var l;
     const a = (l = window.humany) == null ? void 0 : l.deflectionHeaderTag;
     return /* @__PURE__ */ b(
       "div",
       {
-        className: M(o, "humany-paragraph"),
+        className: S(r, "humany-paragraph"),
         ...z(c),
         ref: h,
         children: [
@@ -1989,8 +1987,8 @@ const qt = 300, Io = ({
               ]
             }
           ) : null,
-          t ? /* @__PURE__ */ i(Ke, { html: t, htmlParseInstruction: r }) : null,
-          e ? /* @__PURE__ */ i(be, { children: e }) : null
+          t ? /* @__PURE__ */ i(Ye, { html: t, htmlParseInstruction: o }) : null,
+          e ? /* @__PURE__ */ i(ve, { children: e }) : null
         ]
       }
     );
@@ -2000,8 +1998,8 @@ const qt = 300, Io = ({
     header: e,
     customHeader: t,
     text: n,
-    html: o,
-    className: r,
+    html: r,
+    className: o,
     children: s,
     symbol: c,
     items: h,
@@ -2012,12 +2010,12 @@ const qt = 300, Io = ({
   }, f) => /* @__PURE__ */ b(
     "div",
     {
-      className: M(r, "humany-item-list"),
+      className: S(o, "humany-item-list"),
       "data-item-count": h.length,
       ...z(u),
       ref: f,
       children: [
-        t || (e || n || o ? /* @__PURE__ */ i(dn, { symbol: c, header: e, text: n, html: o }) : null),
+        t || (e || n || r ? /* @__PURE__ */ i(dn, { symbol: c, header: e, text: n, html: r }) : null),
         h.length ? /* @__PURE__ */ i(
           ln,
           {
@@ -2035,8 +2033,8 @@ const qt = 300, Io = ({
   className: e = "",
   tree: t,
   renderItem: n,
-  rootItem: o,
-  renderUnselected: r = !0,
+  rootItem: r,
+  renderUnselected: o = !0,
   renderEmpty: s = !0,
   ulProps: c,
   liProps: h
@@ -2044,11 +2042,11 @@ const qt = 300, Io = ({
   const a = (u) => !l(u), l = (u) => !u || u.length < 1 ? !0 : !u.some((f) => !!f.selected), d = (u, f) => /* @__PURE__ */ i(
     un,
     {
-      className: M(`humany-item-tree-level-${f}`),
+      className: S(`humany-item-tree-level-${f}`),
       items: u,
       ulProps: c,
-      renderItem: (g) => {
-        const { id: m, selected: p, items: w, matches: y } = g, S = p && l(w);
+      renderItem: (C) => {
+        const { id: m, selected: g, items: k, matches: y } = C, $ = g && l(k);
         return !s && !y ? null : /* @__PURE__ */ ct(
           "li",
           {
@@ -2056,14 +2054,14 @@ const qt = 300, Io = ({
             key: m,
             className: "humany-item-tree-item"
           },
-          n && n(g, f, S),
-          w && (r || S) && d(w, f + 1)
+          n && n(C, f, $),
+          k && (o || $) && d(k, f + 1)
         );
       }
     }
   );
-  return /* @__PURE__ */ b("div", { className: M(e, "humany-item-tree"), children: [
-    o && o(!a(t || [])),
+  return /* @__PURE__ */ b("div", { className: S(e, "humany-item-tree"), children: [
+    r && r(!a(t || [])),
     t && d(t, 1)
   ] });
 }, hn = D(
@@ -2072,87 +2070,87 @@ const qt = 300, Io = ({
     onClick: t = () => {
     },
     name: n = "",
-    to: o = "",
-    params: r = {},
+    to: r = "",
+    params: o = {},
     children: s,
     ...c
   }, h) => {
-    const a = Oe(), l = B();
+    const a = Ae(), l = B();
     if (!a)
       return null;
     let d = "";
     const u = {
       onClick: t,
-      className: M(e, "humany-route-link"),
+      className: S(e, "humany-route-link"),
       to: d,
       innerRef: h,
       ...c,
       ref: null
     };
     if (n) {
-      if (!(a.routes || []).find((p) => p.name === n))
-        return process.env.NODE_ENV !== "production" && de.warn(
+      if (!(a.routes || []).find((g) => g.name === n))
+        return process.env.NODE_ENV !== "production" && ue.warn(
           `Unable to create route. No route named "${n}" exist.`
         ), /* @__PURE__ */ i(
-          ue,
+          he,
           {
             ...u,
-            onClick: (p) => {
-              t(p), p.preventDefault(), process.env.NODE_ENV !== "production" && de.warn(
+            onClick: (g) => {
+              t(g), g.preventDefault(), process.env.NODE_ENV !== "production" && ue.warn(
                 `Unable to navigate. No route named "${n}" exist.`
               );
             },
             children: s
           }
         );
-      const m = Object.keys(r).reduce(
-        (p, w) => {
-          const y = r[w];
+      const m = Object.keys(o).reduce(
+        (g, k) => {
+          const y = o[k];
           if (Array.isArray(y)) {
             if (y.length === 0)
-              return p;
-            p[w] = y.map((S) => typeof S == "string" ? encodeURIComponent(S) : S).join(",");
+              return g;
+            g[k] = y.map(($) => typeof $ == "string" ? encodeURIComponent($) : $).join(",");
           } else
-            p[w] = typeof y == "string" ? encodeURIComponent(y) : y;
-          return p;
+            g[k] = typeof y == "string" ? encodeURIComponent(y) : y;
+          return g;
         },
         {}
       );
       try {
         d = a.generate(n, m || {});
       } catch {
-        return /* @__PURE__ */ i(ue, { ...u, ref: u.innerRef, children: s });
+        return /* @__PURE__ */ i(he, { ...u, ref: u.innerRef, children: s });
       }
-      d && a.settings.mode && a.settings.mode === Te.browser && d[0] !== "/" && (d = `/${d}`);
-    } else if (o && a.history)
+      d && a.settings.mode && a.settings.mode === Ne.browser && d[0] !== "/" && (d = `/${d}`);
+    } else if (r && a.history)
       d = a.history.createHref({
         hash: "",
-        pathname: o,
+        pathname: r,
         search: "",
         state: void 0
       });
     else
-      return process.env.NODE_ENV !== "production" && de.warn(
+      return process.env.NODE_ENV !== "production" && ue.warn(
         'Unable to generate path for route link. Either specify route name or use the "to" prop.'
       ), null;
-    if (a.settings && a.settings.mode === Te.scopedHash) {
+    if (a.settings && a.settings.mode === Ne.scopedHash) {
       const f = l.get("$widget").name;
       d = vt(d, f);
     }
-    return u.as ? /* @__PURE__ */ i(fn, { ...u, as: u.as, children: s }) : /* @__PURE__ */ i(ue, { ...u, to: d, children: s });
+    return u.as ? /* @__PURE__ */ i(fn, { ...u, as: u.as, children: s }) : /* @__PURE__ */ i(he, { ...u, to: d, children: s });
   }
-), fn = C.span``;
-let Ye = !1;
+), fn = p.span``;
+let Xe = !1;
 const mn = (e) => {
-  Ye = e;
-}, jo = () => Ye, xe = D(
+  Xe = e;
+}, jo = () => Xe, we = D(
   ({
     className: e,
     disabled: t = !1,
     tabIndex: n = 0,
-    onClick: o = () => {
+    onClick: r = () => {
     },
-    onKeyDown: r = () => {
+    onKeyDown: o = () => {
     },
     title: s,
     as: c,
@@ -2162,8 +2160,8 @@ const mn = (e) => {
     routeName: d,
     params: u,
     ...f
-  }, g) => {
-    var N, E;
+  }, C) => {
+    var H, T;
     const m = {
       title: s,
       role: d === "index" || d === "contact-method" || t ? "button" : void 0,
@@ -2171,27 +2169,27 @@ const mn = (e) => {
       disabled: t,
       as: c,
       tabIndex: n,
-      className: M(e, "humany-link", [
+      className: S(e, "humany-link", [
         !!t,
         "humany-disabled"
       ]),
-      onClick: (R) => {
-        if (R.persist(), t) {
-          R.preventDefault();
+      onClick: (N) => {
+        if (N.persist(), t) {
+          N.preventDefault();
           return;
         }
-        o(R);
+        r(N);
       },
-      onKeyDown: (R) => {
-        if (R.persist(), R.key === "Enter" && R.target.closest(".humany-guide-category-tree") && mn(!0), t) {
-          R.key !== "Tab" && R.preventDefault();
+      onKeyDown: (N) => {
+        if (N.persist(), N.key === "Enter" && N.target.closest(".humany-guide-category-tree") && mn(!0), t) {
+          N.key !== "Tab" && N.preventDefault();
           return;
         }
-        r(R);
+        o(N);
       }
     };
     f["data-client-name"] === "custom.link" && (m.role = "link");
-    const w = B().get("$settings"), y = t && ((E = (N = w == null ? void 0 : w.data) == null ? void 0 : N.accessibility) == null ? void 0 : E.disableInactiveLink), S = f.description || "<p></p>";
+    const k = B().get("$settings"), y = t && ((T = (H = k == null ? void 0 : k.data) == null ? void 0 : H.accessibility) == null ? void 0 : T.disableInactiveLink), $ = f.description || "<p></p>";
     return y ? /* @__PURE__ */ b(gn, { className: "disabled-link", children: [
       /* @__PURE__ */ i("div", { className: "icon-placeholder" }),
       /* @__PURE__ */ b("div", { className: "humany-contact-link-rich-content", children: [
@@ -2200,7 +2198,7 @@ const mn = (e) => {
           "div",
           {
             className: "inner-span",
-            dangerouslySetInnerHTML: { __html: S }
+            dangerouslySetInnerHTML: { __html: $ }
           }
         )
       ] })
@@ -2211,7 +2209,7 @@ const mn = (e) => {
         params: u,
         ...m,
         ...z(f),
-        ref: g,
+        ref: C,
         children: a
       }
     ) : /* @__PURE__ */ i(
@@ -2221,12 +2219,12 @@ const mn = (e) => {
         target: l,
         ...m,
         ...z(f),
-        ref: g,
+        ref: C,
         children: a
       }
     );
   }
-), gn = C.div`
+), gn = p.div`
   display: flex;
   opacity: 0.7;
   .inner-span {
@@ -2246,32 +2244,32 @@ const mn = (e) => {
     vertical-align: bottom;
     color: #333333;
   }
-`, pn = C(hn)`
+`, pn = p(hn)`
   ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, Cn = C.a`
+`, Cn = p.a`
   ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
   ` : "cursor: pointer;"}
-`, Xe = ({
+`, _e = ({
   visible: e,
   duration: t = 500,
   children: n,
-  onClick: o = () => {
+  onClick: r = () => {
   },
-  ...r
+  ...o
 }) => {
-  const s = L(), c = H(
+  const s = M(), c = E(
     (h) => {
-      h.target === s.current && o(h);
+      h.target === s.current && r(h);
     },
-    [o]
+    [r]
   );
   return /* @__PURE__ */ i(
-    Ve,
+    We,
     {
       in: e,
       className: "humany-overlay-transition",
@@ -2285,13 +2283,13 @@ const mn = (e) => {
           duration: t,
           ref: s,
           onClick: c,
-          ...r,
+          ...o,
           children: n
         }
       ) })
     }
   );
-}, yn = C.div`
+}, yn = p.div`
   background: rgba(0, 0, 0, 0.6);
   min-width: 100%;
   min-height: 100%;
@@ -2321,11 +2319,11 @@ const mn = (e) => {
   &.humany-overlay-transition-exit-done {
     opacity: 0;
   }
-`, bn = Be`
+`, bn = Ve`
   100% {
     transform: rotate(360deg);
   }
-`, vn = Be`
+`, vn = Ve`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2338,7 +2336,7 @@ const mn = (e) => {
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, xn = C.svg`
+`, xn = p.svg`
   animation: ${bn} 2s linear infinite;
   height: 100%;
   transform-origin: center center;
@@ -2350,7 +2348,7 @@ const mn = (e) => {
   right: 0;
   margin: auto;
   transition: 200ms ease-out opacity;
-`, wn = C.div`
+`, wn = p.div`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2368,7 +2366,7 @@ const mn = (e) => {
   svg {
     opacity: ${(e) => e["data-loading"] ? "1" : "0"};
   }
-`, kn = C.div`
+`, kn = p.div`
   position: relative;
   margin: 0 auto;
   width: 100px;
@@ -2377,7 +2375,7 @@ const mn = (e) => {
     display: block;
     padding-top: 100%;
   }
-`, $n = C.circle`
+`, $n = p.circle`
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
   animation: ${vn} 1.5s ease-in-out infinite;
@@ -2390,7 +2388,7 @@ const mn = (e) => {
 `, Ln = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ i(
   wn,
   {
-    className: M("humany-loader", e),
+    className: S("humany-loader", e),
     "data-loading": t,
     children: /* @__PURE__ */ i(kn, { className: "humany-spinner", children: /* @__PURE__ */ i(xn, { viewBox: "25 25 50 50", children: /* @__PURE__ */ i(
       $n,
@@ -2408,28 +2406,28 @@ const mn = (e) => {
   zoomState: e,
   image: t,
   changeZoom: n,
-  ...o
+  ...r
 }) => {
   var m;
-  const r = L(null), [s, c] = k(!1), [h, a] = k(!1), { width: l, height: d, ...u } = o.style || {}, f = H(() => {
-    const p = r.current;
-    if (p) {
-      const w = window.innerWidth / p.naturalWidth, y = window.innerHeight / p.naturalHeight, S = Math.min(w, y);
-      return y >= 1 && w >= 1 ? 1 : S;
+  const o = M(null), [s, c] = w(!1), [h, a] = w(!1), { width: l, height: d, ...u } = r.style || {}, f = E(() => {
+    const g = o.current;
+    if (g) {
+      const k = window.innerWidth / g.naturalWidth, y = window.innerHeight / g.naturalHeight, $ = Math.min(k, y);
+      return y >= 1 && k >= 1 ? 1 : $;
     }
     return 1;
-  }, [s, t.src]), g = re(() => {
-    const p = r.current;
-    if (p && s) {
+  }, [s, t.src]), C = re(() => {
+    const g = o.current;
+    if (g && s) {
       if (!h) {
         a(!0);
-        const w = f();
-        n(w);
+        const k = f();
+        n(k);
       }
-      return p.naturalWidth >= p.naturalHeight ? [`${e * p.naturalWidth}px`, "auto"] : ["auto", `${e * p.naturalHeight}px`];
+      return g.naturalWidth >= g.naturalHeight ? [`${e * g.naturalWidth}px`, "auto"] : ["auto", `${e * g.naturalHeight}px`];
     }
     return null;
-  }, [e, r, s, t.src]);
+  }, [e, o, s, t.src]);
   return v(() => (c(!1), function() {
     a(!1);
   }), [t.src]), /* @__PURE__ */ b(U, { children: [
@@ -2440,11 +2438,11 @@ const mn = (e) => {
         onLoad: () => {
           c(!0);
         },
-        ref: r,
-        imageSize: g,
+        ref: o,
+        imageSize: C,
         draggable: "false",
-        ...o,
-        alt: ((m = o.alt) == null ? void 0 : m.toString()) || "",
+        ...r,
+        alt: ((m = r.alt) == null ? void 0 : m.toString()) || "",
         style: u,
         src: t.src,
         loaded: s
@@ -2452,14 +2450,14 @@ const mn = (e) => {
     ),
     /* @__PURE__ */ i(Hn, {})
   ] });
-}, Sn = C(Ln)`
+}, Sn = p(Ln)`
   svg circle {
     stroke: #ffffff;
   }
-`, En = C.img`
+`, En = p.img`
   transform: none;
 
-  ${(e) => e.imageSize && $`
+  ${(e) => e.imageSize && L`
       width: ${e.imageSize[0]};
       height: ${e.imageSize[1]};
       display: inline-block;
@@ -2467,58 +2465,58 @@ const mn = (e) => {
   vertical-align: middle;
   position: relative;
   ${(e) => !e.loaded && "display:none;"}
-`, Hn = C.div`
+`, Hn = p.div`
   height: 100%;
   display: inline-block;
   vertical-align: middle;
 `, Rn = () => {
-  const e = L(), [t, n] = k(!0), o = H(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+  const e = M(), [t, n] = w(!0), r = E(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
   }), [t, e]);
-  return [t, o];
+  return [t, r];
 }, Tn = ({ attrs: e, htmlBody: t }) => {
-  var Se;
-  const n = j("Escape"), o = j("ArrowLeft"), r = j("ArrowRight"), [s, c] = k(1), [h, a] = k({ top: 0, left: 0, x: 0, y: 0 }), [l, d] = k(!1), [u, f] = Rn(), [g, m] = k(null), [p, w] = k(null), y = L(null), S = L(null), N = L(null), E = L(null), R = L(null), [qe, Qe] = k(null);
-  v(() => {
-    n && m(null);
-  }, [n]), v(() => {
-    c(1);
-  }, [g]), v(() => {
+  var Ee;
+  const n = j("ArrowLeft"), r = j("ArrowRight"), [o, s] = w(1), [c, h] = w({ top: 0, left: 0, x: 0, y: 0 }), [a, l] = w(!1), [d, u] = Rn(), [f, C] = w(null), [m, g] = w(null), k = M(null), y = M(null), $ = M(null), H = M(null), T = M(null), [N, Qe] = w(null);
+  j("Escape", (x) => {
+    f !== null && (se(x), C(null));
+  }), v(() => {
+    s(1);
+  }, [f]), v(() => {
     var I, ee;
-    if (g === null || S.current === null)
+    if (f === null || y.current === null)
       return;
-    const x = S.current.firstElementChild, T = (I = N.current) == null ? void 0 : I.querySelector(".nav-left"), V = (ee = N.current) == null ? void 0 : ee.querySelector(".nav-right");
-    if (p === "Right")
-      J && V ? V.focus() : G && T && T.focus();
-    else if (p === "Left")
-      G && T ? T.focus() : J && V && V.focus();
+    const x = y.current.firstElementChild, R = (I = $.current) == null ? void 0 : I.querySelector(".nav-left"), V = (ee = $.current) == null ? void 0 : ee.querySelector(".nav-right");
+    if (m === "Right")
+      J && V ? V.focus() : G && R && R.focus();
+    else if (m === "Left")
+      G && R ? R.focus() : J && V && V.focus();
     else {
       if (!x)
         return;
       x.focus();
     }
-  }, [g, S, N, p]), v(() => {
-    if (o) {
-      if (G) return Le();
+  }, [f, y, $, m]), v(() => {
+    if (n) {
+      if (G) return Me();
     } else if (r && J)
-      return Me();
-  }, [o, r]), v(() => {
-    var T, V;
-    const x = ((V = (T = R.current) == null ? void 0 : T.style) == null ? void 0 : V.float) || "";
+      return Se();
+  }, [n, r]), v(() => {
+    var R, V;
+    const x = ((V = (R = T.current) == null ? void 0 : R.style) == null ? void 0 : V.float) || "";
     (x === "left" || x === "right") && Qe(x);
   }, []);
   const A = re(() => {
     const x = document.createElement("div");
     x.innerHTML = t || "";
-    const T = x.getElementsByTagName("img");
-    return Array.from(T).reduce(
+    const R = x.getElementsByTagName("img");
+    return Array.from(R).reduce(
       (I, ee) => {
-        const Ee = ee.getAttribute("src");
-        if (Ee) {
+        const He = ee.getAttribute("src");
+        if (He) {
           const rt = {
-            src: Ee
+            src: He
           };
           I.push(rt);
         }
@@ -2526,73 +2524,73 @@ const mn = (e) => {
       },
       []
     );
-  }, [t]), ke = H(() => {
+  }, [t]), $e = E(() => {
     const { src: x } = e;
     if (x) {
-      const T = A.findIndex((V, I) => V.src === x);
-      m(T);
+      const R = A.findIndex((V, I) => V.src === x);
+      C(R);
     }
-  }, [A, e]), Ge = H((x) => {
-    m(null);
-  }, []), $e = H(
+  }, [A, e]), Ge = E((x) => {
+    C(null);
+  }, []), Le = E(
     (x) => {
-      c(x ? s + s * 0.25 : s - s * 0.25);
+      s(x ? o + o * 0.25 : o - o * 0.25);
     },
-    [c, s]
-  ), Je = H(() => {
-    if (g !== null) {
-      const { src: x } = A[g];
+    [s, o]
+  ), Je = E(() => {
+    if (f !== null) {
+      const { src: x } = A[f];
       x && window.open(x, "_self");
     }
-  }, [A, g]), et = H(
+  }, [A, f]), et = E(
     (x) => {
-      const T = E.current;
-      T && (a({
-        top: T.scrollTop,
-        left: T.scrollLeft,
+      const R = H.current;
+      R && (h({
+        top: R.scrollTop,
+        left: R.scrollLeft,
         x: x.clientX,
         y: x.clientY
-      }), d(!0));
+      }), l(!0));
     },
-    [E]
-  ), tt = H(
+    [H]
+  ), tt = E(
     (x) => {
-      const T = E.current;
-      if (T && l) {
-        const V = x.clientX - h.x, I = x.clientY - h.y;
-        T.scrollTop = h.top - I, T.scrollLeft = h.left - V;
+      const R = H.current;
+      if (R && a) {
+        const V = x.clientX - c.x, I = x.clientY - c.y;
+        R.scrollTop = c.top - I, R.scrollLeft = c.left - V;
       }
     },
-    [l, h]
+    [a, c]
   ), nt = (x) => {
-    x.preventDefault(), d(!1);
+    x.preventDefault(), l(!1);
   }, ot = re(() => {
-    if (E.current) {
-      const x = E.current.getElementsByTagName("img");
+    if (H.current) {
+      const x = H.current.getElementsByTagName("img");
       if (x && x.length) {
-        const T = x[0];
-        return T.width > window.innerWidth || T.height > window.innerHeight;
+        const R = x[0];
+        return R.width > window.innerWidth || R.height > window.innerHeight;
       }
     }
     return !1;
-  }, [E, s]), Le = () => {
-    g !== null && (w("Left"), m(g - 1));
-  }, Me = () => {
-    g !== null && (w("Right"), m(g + 1));
-  }, G = g !== null && g > 0 && A.length > 1, J = g !== null && A.length - 1 > g;
+  }, [H, o]), Me = () => {
+    f !== null && (g("Left"), C(f - 1));
+  }, Se = () => {
+    f !== null && (g("Right"), C(f + 1));
+  }, G = f !== null && f > 0 && A.length > 1, J = f !== null && A.length - 1 > f;
   return /* @__PURE__ */ b(U, { children: [
-    /* @__PURE__ */ i(Xe, { visible: g !== null, onClick: Ge, children: /* @__PURE__ */ b(
+    /* @__PURE__ */ i(_e, { visible: f !== null, onClick: Ge, children: /* @__PURE__ */ b(
       In,
       {
-        onMouseDown: () => f(),
-        onMouseMove: () => f(),
-        onTouchStart: () => f(),
-        onKeyDown: () => f(),
+        onMouseDown: () => u(),
+        onMouseMove: () => u(),
+        onTouchStart: () => u(),
+        onKeyDown: () => u(),
         children: [
-          /* @__PURE__ */ i(On, { show: u.toString(), children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i(On, { show: d.toString(), children: /* @__PURE__ */ i(
             Bn,
             {
-              ref: S,
+              ref: y,
               buttons: [
                 {
                   id: "download",
@@ -2602,7 +2600,7 @@ const mn = (e) => {
                 },
                 {
                   id: "lightbox-close",
-                  onClick: () => m(null),
+                  onClick: () => C(null),
                   icon: "lightbox-close",
                   ariaLabel: "Close"
                 }
@@ -2612,25 +2610,25 @@ const mn = (e) => {
           /* @__PURE__ */ i(
             Fn,
             {
-              scrolling: l.toString(),
+              scrolling: a.toString(),
               isDraggable: ot.toString(),
-              ref: E,
+              ref: H,
               onMouseMove: tt,
               onMouseDown: et,
               onMouseUp: nt,
-              children: g !== null && /* @__PURE__ */ i(
+              children: f !== null && /* @__PURE__ */ i(
                 Mn,
                 {
                   changeZoom: (x) => {
-                    c(x);
+                    s(x);
                   },
-                  zoomState: s,
+                  zoomState: o,
                   ...e,
                   style: {
                     ...e.style || {},
                     float: "none"
                   },
-                  image: A[g]
+                  image: A[f]
                 }
               )
             }
@@ -2638,12 +2636,12 @@ const mn = (e) => {
           /* @__PURE__ */ i(
             Wn,
             {
-              ref: N,
-              show: u.toString(),
+              ref: $,
+              show: d.toString(),
               buttons: [
                 {
                   id: "previous",
-                  onClick: Le,
+                  onClick: Me,
                   icon: "caret-left",
                   circle: !0,
                   show: G,
@@ -2652,7 +2650,7 @@ const mn = (e) => {
                 },
                 {
                   id: "next",
-                  onClick: Me,
+                  onClick: Se,
                   icon: "caret-right",
                   circle: !0,
                   show: J,
@@ -2662,20 +2660,20 @@ const mn = (e) => {
               ]
             }
           ),
-          /* @__PURE__ */ b(An, { show: u.toString(), children: [
+          /* @__PURE__ */ b(An, { show: d.toString(), children: [
             /* @__PURE__ */ i(
               Vn,
               {
                 buttons: [
                   {
                     id: "zoom-out",
-                    onClick: () => $e(!1),
+                    onClick: () => Le(!1),
                     icon: "zoom-out",
                     ariaLabel: "Zoom out"
                   },
                   {
                     id: "zoom-in",
-                    onClick: () => $e(!0),
+                    onClick: () => Le(!0),
                     icon: "zoom-in",
                     ariaLabel: "Zoom in"
                   }
@@ -2683,7 +2681,7 @@ const mn = (e) => {
               }
             ),
             /* @__PURE__ */ b(Zn, { variant: "span", children: [
-              Math.trunc(s * 100),
+              Math.trunc(o * 100),
               "%"
             ] })
           ] })
@@ -2693,34 +2691,34 @@ const mn = (e) => {
     /* @__PURE__ */ i(
       Nn,
       {
-        ref: y,
-        onClick: ke,
+        ref: k,
+        onClick: $e,
         onKeyDown: (x) => {
-          x.key === "Enter" && (x.preventDefault(), ke());
+          x.key === "Enter" && (x.preventDefault(), $e());
         },
-        alignment: qe,
+        alignment: N,
         tabIndex: 0,
         children: /* @__PURE__ */ i(
           Pn,
           {
             ...e,
-            alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "",
-            ref: R
+            alt: ((Ee = e.alt) == null ? void 0 : Ee.toString()) || "",
+            ref: T
           }
         )
       }
     )
   ] });
-}, we = D(
-  ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ i(
+}, ke = D(
+  ({ show: e = "true", buttons: t, className: n }, r) => /* @__PURE__ */ i(
     Dn,
     {
-      ref: o,
+      ref: r,
       show: e,
-      className: M("humany-button-set", n),
+      className: S("humany-button-set", n),
       children: t.map(
         ({
-          id: r,
+          id: o,
           circle: s = !1,
           show: c = !0,
           ariaLabel: h,
@@ -2739,39 +2737,39 @@ const mn = (e) => {
             "aria-label": h,
             children: /* @__PURE__ */ i(Q, { size: 24, symbol: { type: "Svg", content: l } })
           },
-          r + u.toString()
+          o + u.toString()
         )
       )
     }
   )
-), _e = C.div`
+), Ue = p.div`
   transition: opacity 0.3s ease 0s;
   z-index: 5;
-  ${(e) => e.show === "true" ? "opacity: 1;" : $`
+  ${(e) => e.show === "true" ? "opacity: 1;" : L`
           opacity: 0;
           pointer-events: none;
         `}
-`, Nn = C(xe)`
+`, Nn = p(we)`
   display: inline-block !important;
 
-  ${(e) => (e.alignment === "right" || e.alignment === "left") && $`
+  ${(e) => (e.alignment === "right" || e.alignment === "left") && L`
       float: ${e.alignment};
     `}
-`, Dn = C(_e)`
+`, Dn = p(Ue)`
   position: fixed;
   display: flex;
   gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, me = "39px", zn = C(se)`
-  width: ${me};
-  height: ${me};
+`, ge = "39px", zn = p(ae)`
+  width: ${ge};
+  height: ${ge};
   display: flex;
   justify-content: center;
   align-items: center;
 
-  ${(e) => e.icon === "caret-left" && $`
+  ${(e) => e.icon === "caret-left" && L`
       svg {
         position: relative;
         left: -2px;
@@ -2780,7 +2778,7 @@ const mn = (e) => {
 
   ${(e) => {
   var t;
-  return e.circle === "true" ? $`
+  return e.circle === "true" ? L`
           background-color: #ffffff;
           border-radius: 50%;
 
@@ -2803,7 +2801,7 @@ const mn = (e) => {
               }
             }
           }
-        ` : $`
+        ` : L`
           svg {
             path,
             line {
@@ -2819,17 +2817,17 @@ const mn = (e) => {
         `;
 }}
 
-    ${(e) => e.show === "true" ? $`
+    ${(e) => e.show === "true" ? L`
           opacity: 0.8;
           transition: opacity 0.3s ease 0s;
           &:hover {
             opacity: 1;
           }
-        ` : $`
+        ` : L`
           opacity: 0;
           pointer-events: none;
         `}
-`, Bn = C(we)`
+`, Bn = p(ke)`
   top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2838,7 +2836,7 @@ const mn = (e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, Vn = C(we)`
+`, Vn = p(ke)`
   bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2846,11 +2844,11 @@ const mn = (e) => {
   width: 100%;
   align-items: center;
   justify-content: center;
-`, Wn = C(we)`
+`, Wn = p(ke)`
   display: block;
   button {
     position: fixed;
-    top: calc(50% - calc(${me} / 2));
+    top: calc(50% - calc(${ge} / 2));
     &:first-child {
       left: ${(e) => {
   var t;
@@ -2864,7 +2862,7 @@ const mn = (e) => {
 }};
     }
   }
-`, Zn = C(X)`
+`, Zn = p(X)`
   position: fixed;
   bottom: ${(e) => {
   var t;
@@ -2883,29 +2881,29 @@ const mn = (e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
 }};
-`, Ue = C(_e)`
+`, qe = p(Ue)`
   position: absolute;
   width: 100vw;
   height: 88px;
   left: 0px;
   z-index: 5;
-`, In = C.div`
+`, In = p.div`
   width: 100%;
-`, On = C(Ue)`
+`, On = p(qe)`
   top: 0px;
   background-image: linear-gradient(
     to bottom,
     rgb(34, 34, 34, 0.8),
     rgba(34, 34, 34, 0)
   );
-`, An = C(Ue)`
+`, An = p(qe)`
   bottom: 0px;
   background-image: linear-gradient(
     to top,
     rgb(34, 34, 34, 0.8),
     rgba(34, 34, 34, 0)
   );
-`, Fn = C.div`
+`, Fn = p.div`
   width: 100%;
   height: 100vh;
   overflow: auto;
@@ -2914,45 +2912,47 @@ const mn = (e) => {
   white-space: nowrap;
   justify-content: center;
   cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, Pn = C.img`
+`, Pn = p.img`
   cursor: pointer;
 `, jn = D(
   ({
     className: e,
     children: t,
     trigger: n,
-    onOverlayClick: o = () => {
+    onOverlayClick: r = () => {
     },
-    close: r = !1,
+    close: o = !1,
     ...s
   }, c) => {
-    const [h, a] = Fe(), [l, d] = Ae(!0), u = L(), f = L(_()), g = j("Escape");
-    v(() => {
-      (g || r) && a(!1);
-    }, [g, r]), v(() => {
+    const [h, a] = Pe(), [l, d] = Fe(!0), u = M(), f = M(_());
+    j("Escape", (g) => {
+      h && (se(g), a(!1));
+    }), v(() => {
+      o && a(!1);
+    }, [o]), v(() => {
       h && u.current && u.current.focus();
-    }, [h, u.current]), ae("router:changed", () => {
+    }, [h, u.current]), ce("router:changed", () => {
       a(!1);
     });
-    const m = H(
-      (w) => {
-        a(!1), o(w);
+    const C = E(
+      (g) => {
+        a(!1), r(g);
       },
-      [o, a]
+      [r, a]
     );
-    ge(c, () => ({
+    pe(c, () => ({
       close() {
         a(!1);
       }
     }));
-    const p = H(() => ye(f.current, () => {
+    const m = E(() => be(f.current, () => {
       a(!1);
     }), [f.current]);
     return /* @__PURE__ */ b(U, { children: [
-      /* @__PURE__ */ i(Xe, { visible: h, onClick: m, children: /* @__PURE__ */ b(
+      /* @__PURE__ */ i(_e, { visible: h, onClick: C, children: /* @__PURE__ */ b(
         Kn,
         {
-          className: M(
+          className: S(
             e,
             "humany-modal",
             `humany-modal-${f.current}`
@@ -2963,7 +2963,7 @@ const mn = (e) => {
           ref: d,
           children: [
             /* @__PURE__ */ i(
-              ve,
+              xe,
               {
                 onClick: () => a(!1),
                 tabIndex: 0,
@@ -2976,13 +2976,13 @@ const mn = (e) => {
         }
       ) }),
       oe.cloneElement(n, {
-        onClick: (w) => {
-          a(), p();
+        onClick: (g) => {
+          a(), m();
         }
       })
     ] });
   }
-), Kn = C.div`
+), Kn = p.div`
   font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2998,25 +2998,25 @@ const mn = (e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
 }};
-  ${(e) => Pe(e)}
+  ${(e) => je(e)}
   ${(e) => e.css && e.css}
   outline: none;
 `, Ko = ({
   className: e,
   trigger: t,
   header: n = "",
-  text: o = "",
-  onCancel: r = () => {
+  text: r = "",
+  onCancel: o = () => {
   },
   onConfirm: s = () => {
   },
   cancelLabel: c = "",
   confirmLabel: h = ""
 }) => {
-  const a = L(), l = H(() => {
+  const a = M(), l = E(() => {
     var u;
-    r(), (u = a == null ? void 0 : a.current) == null || u.close();
-  }, [r]), d = H(() => {
+    o(), (u = a == null ? void 0 : a.current) == null || u.close();
+  }, [o]), d = E(() => {
     var u;
     s(), (u = a == null ? void 0 : a.current) == null || u.close();
   }, [s]);
@@ -3028,14 +3028,14 @@ const mn = (e) => {
       ref: a,
       onOverlayClick: l,
       children: [
-        n && /* @__PURE__ */ i(De, { children: n }),
-        o && /* @__PURE__ */ i(De, { children: o }),
+        n && /* @__PURE__ */ i(ze, { children: n }),
+        r && /* @__PURE__ */ i(ze, { children: r }),
         h && /* @__PURE__ */ i(Xn, { onClick: d, children: h }),
         c && /* @__PURE__ */ i(_n, { onClick: l, children: c })
       ]
     }
   );
-}, Yn = C(jn)`
+}, Yn = p(jn)`
   display: block;
 
   span {
@@ -3053,7 +3053,7 @@ const mn = (e) => {
 }};
     }
   }
-`, Xn = C(se)`
+`, Xn = p(ae)`
   display: inline-block;
   min-width: 50px;
   ${(e) => {
@@ -3083,7 +3083,7 @@ const mn = (e) => {
   &:focus-visible {
     ${O}
   }
-`, _n = C(se)`
+`, _n = p(ae)`
   display: inline-block;
   min-width: 50px;
   ${(e) => {
@@ -3108,7 +3108,7 @@ const mn = (e) => {
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
-  suggestion: o = ""
+  suggestion: r = ""
 }) => /* @__PURE__ */ b(Un, { children: [
   /* @__PURE__ */ i(qn, { children: /* @__PURE__ */ i(X, { variant: "h2", children: "404" }) }),
   /* @__PURE__ */ b(Qn, { children: [
@@ -3117,22 +3117,22 @@ const mn = (e) => {
   ] }),
   /* @__PURE__ */ b(Gn, { children: [
     /* @__PURE__ */ i("span", { children: n }),
-    /* @__PURE__ */ i("ul", { children: /* @__PURE__ */ i("li", { children: o }) })
+    /* @__PURE__ */ i("ul", { children: /* @__PURE__ */ i("li", { children: r }) })
   ] })
-] }), Un = C.div`
+] }), Un = p.div`
   display: flex;
   flex-wrap: wrap;
-`, qn = C.div`
+`, qn = p.div`
   ${(e) => ie(e)(
   "h2",
-  $`
+  L`
         padding: 0;
         margin: 0;
         color: gray;
         font-size: 7em;
       `
 )}
-`, Qn = C.div`
+`, Qn = p.div`
   margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -3142,7 +3142,7 @@ const mn = (e) => {
   var t;
   return ie(e)(
     "h3",
-    $`
+    L`
         text-transform: uppercase;
         font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
       `
@@ -3159,7 +3159,7 @@ const mn = (e) => {
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
   }
-`, Gn = C.div`
+`, Gn = p.div`
   margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -3190,9 +3190,9 @@ class Xo extends lt {
       return;
     const n = this.props.container.get("widgetDOMElement");
     this.node && n && (this.onFocusListener = this.node.addEventListener("focus", () => {
-      const o = n.querySelectorAll(
+      const r = n.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      ), s = [].filter.call(o, (c) => typeof window > "u" ? !0 : !(window.getComputedStyle(c).display === "none" || c.offsetWidth <= 0 && c.offsetHeight <= 0))[0];
+      ), s = [].filter.call(r, (c) => typeof window > "u" ? !0 : !(window.getComputedStyle(c).display === "none" || c.offsetWidth <= 0 && c.offsetHeight <= 0))[0];
       s && s.focus();
     }));
   }
@@ -3213,16 +3213,16 @@ class Xo extends lt {
   }
 }
 const Jn = D(
-  ({ className: e, description: t, text: n, children: o, ...r }, s) => /* @__PURE__ */ b(
-    xe,
+  ({ className: e, description: t, text: n, children: r, ...o }, s) => /* @__PURE__ */ b(
+    we,
     {
-      className: M(e, "humany-text-link"),
-      ...r,
+      className: S(e, "humany-text-link"),
+      ...o,
       ref: s,
       children: [
-        o,
-        /* @__PURE__ */ i(be, { children: n }),
-        t ? /* @__PURE__ */ i(Ke, { html: t, className: "humany-description" }) : null
+        r,
+        /* @__PURE__ */ i(ve, { children: n }),
+        t ? /* @__PURE__ */ i(Ye, { html: t, className: "humany-description" }) : null
       ]
     }
   )
@@ -3232,33 +3232,33 @@ const _o = ({
   className: e = "",
   format: t = "hh:mm",
   timestamp: n
-}) => /* @__PURE__ */ i("span", { className: M(e, "humany-timestamp"), children: to(n, t) }), ze = (e) => `0${e}`.slice(-2);
+}) => /* @__PURE__ */ i("span", { className: S(e, "humany-timestamp"), children: to(n, t) }), Be = (e) => `0${e}`.slice(-2);
 function to(e, t) {
-  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), r = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], s = n.getFullYear(), c = n.getMonth() + 1, h = n.getDate(), a = `${s}-${ze(c)}-${ze(
+  const n = new Date(e), r = n.toTimeString().split(" ")[0].split(":"), o = r.length > 1 ? `${r[0]}:${r[1]}` : r[0], s = n.getFullYear(), c = n.getMonth() + 1, h = n.getDate(), a = `${s}-${Be(c)}-${Be(
     h
   )}`;
-  return t === "yyyy-mm-dd" ? a : t === "hh:mm" ? r : `${a} ${r}`;
+  return t === "yyyy-mm-dd" ? a : t === "hh:mm" ? o : `${a} ${o}`;
 }
 const Uo = ({
   className: e,
   children: t,
   content: n,
-  sticky: o = !1,
-  ...r
+  sticky: r = !1,
+  ...o
 }) => {
-  const [s, c] = k(!1), h = L(_()), a = L(), [{ x: l, y: d }, u] = je(s, h.current, a.current), f = (m) => {
-    const { target: p } = m;
-    !a.current || !p || a.current !== p && !a.current.contains(p) && c(!1);
+  const [s, c] = w(!1), h = M(_()), a = M(), [{ x: l, y: d }, u] = Ke(s, h.current, a.current), f = (m) => {
+    const { target: g } = m;
+    !a.current || !g || a.current !== g && !a.current.contains(g) && c(!1);
   };
   v(() => {
-    if (o)
+    if (r)
       return window.addEventListener("click", f), () => {
         window.removeEventListener("click", f);
       };
-  }, [s, o]);
-  const g = H(
-    (m, p) => {
-      u(m, a.current), c(p);
+  }, [s, r]);
+  const C = E(
+    (m, g) => {
+      u(m, a.current), c(g);
     },
     [u, c]
   );
@@ -3267,29 +3267,29 @@ const Uo = ({
     {
       ref: a,
       className: "humany-tooltip-trigger",
-      onMouseEnter: o ? void 0 : (m) => g(m, !0),
-      onMouseLeave: o ? void 0 : (m) => g(m, !1),
-      onTouchEnd: o ? (m) => g(m, !s) : void 0,
-      onClick: o ? (m) => g(m, !s) : void 0,
+      onMouseEnter: r ? void 0 : (m) => C(m, !0),
+      onMouseLeave: r ? void 0 : (m) => C(m, !1),
+      onTouchEnd: r ? (m) => C(m, !s) : void 0,
+      onClick: r ? (m) => C(m, !s) : void 0,
       children: [
         t,
         s && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(
           oo,
           {
-            className: M(e, "humany-tooltip-container"),
+            className: S(e, "humany-tooltip-container"),
             x: l,
             y: d,
-            ...r,
+            ...o,
             children: n
           }
         ) })
       ]
     }
   );
-}, no = C.div`
+}, no = p.div`
   display: flex;
   align-items: center;
-`, oo = C.div`
+`, oo = p.div`
   color: #ffffff;
   background: #161616;
   border-radius: ${(e) => e.theme.borderRadius};
@@ -3329,8 +3329,8 @@ const Uo = ({
   const {
     in: t,
     mountOnEnter: n = !0,
-    unmountOnExit: o = !0,
-    timeout: r,
+    unmountOnExit: r = !0,
+    timeout: o,
     children: s,
     transitions: c
   } = e, a = (() => {
@@ -3340,12 +3340,12 @@ const Uo = ({
         return {
           enter: {
             transitionKeys: c,
-            duration: r ? typeof r == "number" ? r : r.enter : 200,
+            duration: o ? typeof o == "number" ? o : o.enter : 200,
             easing: "ease-in"
           },
           exit: {
             transitionKeys: c,
-            duration: r ? typeof r == "number" ? r : r.exit : 200,
+            duration: o ? typeof o == "number" ? o : o.exit : 200,
             easing: "ease-out"
           }
         };
@@ -3354,12 +3354,12 @@ const Uo = ({
         return {
           enter: {
             transitionKeys: (l = c.enter) == null ? void 0 : l.type,
-            duration: r ? typeof r == "number" ? r : r.enter : 200,
+            duration: o ? typeof o == "number" ? o : o.enter : 200,
             easing: u.easing ? u.easing : "ease-in"
           },
           exit: {
             transitionKeys: (d = c.enter) == null ? void 0 : d.type,
-            duration: r ? typeof r == "number" ? r : r.enter : 200,
+            duration: o ? typeof o == "number" ? o : o.enter : 200,
             easing: f.easing ? f.easing : "ease-out"
           }
         };
@@ -3376,9 +3376,9 @@ const Uo = ({
       in: t,
       appear: !0,
       mountOnEnter: n,
-      unmountOnExit: o,
+      unmountOnExit: r,
       onEnter: (l) => l.clientHeight,
-      children: (l) => s && s(l, a && he.compose(l, a))
+      children: (l) => s && s(l, a && fe.compose(l, a))
     }
   );
 }, ro = D(
@@ -3387,49 +3387,49 @@ const Uo = ({
     children: t,
     onClick: n = () => {
     },
-    widgetName: o,
-    activationOptions: r,
+    widgetName: r,
+    activationOptions: o,
     ...s
   }, c) => {
     const h = B(), a = () => {
       const { implementation: u } = h.get("$widget");
-      return u.widgets.get(o);
+      return u.widgets.get(r);
     };
     v(() => {
       const u = a();
-      return u == null || u.activate(r).then(() => u.invoke("attach")), () => {
+      return u == null || u.activate(o).then(() => u.invoke("attach")), () => {
         u == null || u.deactivate();
       };
-    }, [o]);
+    }, [r]);
     const l = (u) => {
-      const f = a(), g = u.currentTarget;
+      const f = a(), C = u.currentTarget;
       if (f) {
         const m = () => {
           f.invoke("renderState").then(
-            (p) => p === ne.open ? f.invoke("close") : f.invoke("open")
+            (g) => g === ne.open ? f.invoke("close") : f.invoke("open")
           ).then(() => {
             f.events.subscribeOnce(
               "widget:area-rendered",
-              (p, w) => {
+              (g, k) => {
                 h.get(
                   "widgetDOMElement"
                 ) && f.events.dispatch("widget:modal-opened", {
                   name: f.name,
-                  ref: g
+                  ref: C
                 });
               }
             );
           });
         };
-        f.state === ft.Deactivated ? f.activate(r).then(() => f.invoke("attach")).then(m) : m();
+        f.state === ft.Deactivated ? f.activate(o).then(() => f.invoke("attach")).then(m) : m();
       }
     }, d = (u) => {
       u.key === "Enter" && (u.preventDefault(), l(u));
     };
     return /* @__PURE__ */ i(
-      xe,
+      we,
       {
-        className: M(e, "humany-widget-link"),
+        className: S(e, "humany-widget-link"),
         onKeyDown: d,
         onClick: (u) => {
           n(u), l(u);
@@ -3441,25 +3441,25 @@ const Uo = ({
     );
   }
 ), Qo = D(
-  ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
-    const r = B(), s = re(() => {
-      if (!r) return null;
-      const c = r.get("widgetDOMElement");
+  ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, r) => {
+    const o = B(), s = re(() => {
+      if (!o) return null;
+      const c = o.get("widgetDOMElement");
       return !c || !c.childElementCount ? null : c.children[0];
-    }, [r]);
+    }, [o]);
     return s ? /* @__PURE__ */ i(q, { elementId: e, parent: s, children: /* @__PURE__ */ i(
       io,
       {
-        className: M(
+        className: S(
           "humany-widget-overlay-outlet",
           t
         ),
-        ref: o,
+        ref: r,
         children: n
       }
     ) }) : null;
   }
-), io = C.div`
+), io = p.div`
   background-color: #ffffff;
   position: absolute;
   top: 0;
@@ -3469,17 +3469,17 @@ const Uo = ({
   z-index: 10;
   width: 100%;
   height: 100%;
-`, Go = (e, t, n, o, r) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
+`, Go = (e, t, n, r, o) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
   t,
   dt(() => n)
-), yt(e, t, o || (() => {
-}), t, r)));
+), yt(e, t, r || (() => {
+}), t, o)));
 export {
   Dt as AnchorLink,
-  se as Button,
+  ae as Button,
   xo as Checkbox,
   Vt as ColumnContext,
-  Ze as ComponentNodeContext,
+  Ie as ComponentNodeContext,
   Wt as ComponentPropertyContext,
   Ko as Confirm,
   Bt as ContainerContext,
@@ -3490,25 +3490,25 @@ export {
   Oo as Dropdown,
   rn as Empty,
   Ao as Grid,
-  Ke as Html,
+  Ye as Html,
   cn as Icon,
   Fo as Input,
   un as ItemList,
   Po as ItemTree,
   Tn as Lightbox,
-  xe as Link,
+  we as Link,
   ln as List,
   jn as Modal,
   Yo as NotFound,
-  Xe as Overlay,
+  _e as Overlay,
   dn as Paragraph,
   q as Portal,
   hn as RouteLink,
   Zt as RoutingContext,
-  De as StyledText,
+  ze as StyledText,
   Q as SymbolBadge,
   Xo as TabStop,
-  be as Text,
+  ve as Text,
   Jn as TextLink,
   _o as Timestamp,
   Uo as Tooltip,
@@ -3517,15 +3517,15 @@ export {
   ro as WidgetLink,
   Qo as WidgetOverlayOutlet,
   O as borderTabStyle,
-  Ne as browser,
+  De as browser,
   Pt as buttonCss,
-  Pe as contentBox,
+  je as contentBox,
   z as convertToStringAttributes,
   vo as createEmptyComponent,
   Go as createReactComponent,
   Nt as defaultRenderInstructions,
   Mt as embeddedLinkMapper,
-  We as filterCssProps,
+  Ze as filterCssProps,
   St as filterCssPropsStyle,
   Et as genericHashLink,
   Zo as genericHtml,
@@ -3539,13 +3539,13 @@ export {
   Vo as paddedBorderTabStyle,
   Rt as processHtmlString,
   mn as setHumanyIsTabbing,
-  he as transitionComposer,
+  fe as transitionComposer,
   wo as useAction,
   ko as useChildren,
   $o as useColumns,
   Lo as useComponent,
-  pe as useComponentDescriptor,
-  Ce as useComponentNode,
+  Ce as useComponentDescriptor,
+  ye as useComponentNode,
   Y as useComponentPlatform,
   B as useContainer,
   Ot as useContext,
@@ -3557,15 +3557,15 @@ export {
   Eo as useIsTabbing,
   j as useKeyPress,
   Ho as useLayout,
-  Ie as usePrevious,
+  Oe as usePrevious,
   Ro as useProperties,
   To as useRenderState,
   No as useRouteData,
-  Oe as useRouter,
-  Ae as useScroll,
+  Ae as useRouter,
+  Fe as useScroll,
   Do as useSettings,
-  Fe as useToggle,
+  Pe as useToggle,
   zo as useTransitionEnd,
-  ye as useUniqueMenu,
-  ae as useWidgetEvent
+  be as useUniqueMenu,
+  ce as useWidgetEvent
 };