@telia-ace/widget-ui 1.0.28-experimental.14 → 1.0.28-experimental.16

package/dist/index.js

@@ -1,25 +1,25 @@
-var vt = Object.defineProperty, wt = Object.defineProperties;
-var Et = Object.getOwnPropertyDescriptors;
-var se = Object.getOwnPropertySymbols;
-var Be = Object.prototype.hasOwnProperty, Ie = Object.prototype.propertyIsEnumerable;
-var Ve = (e, t, n) => t in e ? vt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
+var Rt = Object.defineProperty, _t = Object.defineProperties;
+var Tt = Object.getOwnPropertyDescriptors;
+var ue = Object.getOwnPropertySymbols;
+var Ae = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable;
+var je = (e, t, n) => t in e ? Rt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
   for (var n in t || (t = {}))
-    Be.call(t, n) && Ve(e, n, t[n]);
-  if (se)
-    for (var n of se(t))
-      Ie.call(t, n) && Ve(e, n, t[n]);
+    Ae.call(t, n) && je(e, n, t[n]);
+  if (ue)
+    for (var n of ue(t))
+      Fe.call(t, n) && je(e, n, t[n]);
   return e;
-}, k = (e, t) => wt(e, Et(t));
+}, k = (e, t) => _t(e, Tt(t));
 var S = (e, t) => {
   var n = {};
   for (var o in e)
-    Be.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
-  if (e != null && se)
-    for (var o of se(e))
-      t.indexOf(o) < 0 && Ie.call(e, o) && (n[o] = e[o]);
+    Ae.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && ue)
+    for (var o of ue(e))
+      t.indexOf(o) < 0 && Fe.call(e, o) && (n[o] = e[o]);
   return n;
 };
-var ie = (e, t, n) => new Promise((o, r) => {
+var de = (e, t, n) => new Promise((o, r) => {
   var i = (u) => {
     try {
       l(n.next(u));
@@ -35,22 +35,24 @@ var ie = (e, t, n) => new Promise((o, r) => {
   }, l = (u) => u.done ? o(u.value) : Promise.resolve(u.value).then(i, a);
   l((n = n.apply(e, t)).next());
 });
-import { Container as $t, WidgetState as xt } from "@webprovisions/platform";
-import s, { forwardRef as V, createContext as Q, useContext as U, useState as x, useEffect as w, useRef as R, useCallback as T, useImperativeHandle as we, useMemo as ce, Component as kt, lazy as Lt } from "react";
-import { ComponentPlatform as Ee, asDescriptor as Ke, createEventSubscriber as Mt, ComponentQuery as St, WidgetRenderState as ae, extendComponent as Ye } from "@telia-ace/widget-core";
-import { css as L, keyframes as Ue } from "@emotion/react";
-import y from "@emotion/styled";
-import { kebabCase as Rt, appendClassNames as M, uuid as ee, removeNullAndUndefinedValues as Pe, Logger as fe } from "@telia-ace/widget-utilities";
-import { LitElement as Tt, css as qe, html as Ne, unsafeCSS as Dt } from "lit";
-import { property as q, customElement as zt, state as Y } from "lit/decorators.js";
-import { unsafeStatic as _t, html as Ht } from "lit/static-html.js";
-import { CSSTransition as Xe, Transition as Vt } from "react-transition-group";
-import { createPortal as Bt } from "react-dom";
-import { HistoryMode as We, getSpecificWidgetPath as It } from "@telia-ace/widget-routing";
-import { Link as ge } from "react-router-dom";
-import Oe from "htmr";
-import { dedupeMixin as Qe } from "@open-wc/dedupe-mixin";
-const Pt = (e) => e === "entering" || e === "entered", Nt = (e) => e === "exiting" || e === "exited", K = {
+import { Container as zt, WidgetState as Dt } from "@webprovisions/platform";
+import s, { forwardRef as P, createContext as te, useContext as J, useState as E, useEffect as w, useRef as R, useCallback as _, useImperativeHandle as Me, useMemo as he, Component as Ht, lazy as Bt } from "react";
+import { ComponentPlatform as Se, asDescriptor as Je, createEventSubscriber as Pt, ComponentQuery as Vt, WidgetRenderState as me, extendComponent as et } from "@telia-ace/widget-core";
+import { css as L, keyframes as tt } from "@emotion/react";
+import C from "@emotion/styled";
+import { kebabCase as Nt, appendClassNames as M, uuid as se, removeNullAndUndefinedValues as Ke, Logger as we } from "@telia-ace/widget-utilities";
+import { LitElement as fe, html as O, unsafeCSS as nt, css as ge, nothing as It } from "lit";
+import { property as N, state as Y } from "lit/decorators.js";
+import { html as ot, unsafeStatic as rt } from "lit/static-html.js";
+import { spread as B } from "@open-wc/lit-helpers";
+import { styleMap as U } from "lit/directives/style-map.js";
+import { CSSTransition as st, Transition as Ot } from "react-transition-group";
+import { createPortal as Wt } from "react-dom";
+import { HistoryMode as qe, getSpecificWidgetPath as Zt } from "@telia-ace/widget-routing";
+import { Link as xe } from "react-router-dom";
+import Ue from "htmr";
+import { dedupeMixin as it } from "@open-wc/dedupe-mixin";
+const jt = (e) => e === "entering" || e === "entered", At = (e) => e === "exiting" || e === "exited", G = {
   fade: {
     in: "opacity: 1;",
     out: "opacity: 0;"
@@ -75,29 +77,29 @@ const Pt = (e) => e === "entering" || e === "entered", Nt = (e) => e === "exitin
     in: "transform: scale(1);",
     out: "transform: scale(0);"
   }
-}, Wt = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], Ce = {
+}, Ft = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], $e = {
   compose: (e = "exited", t) => {
-    const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), i = Wt.indexOf(r[0]) > -1 ? "transform" : "opacity";
-    if (Pt(e))
+    const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), i = Ft.indexOf(r[0]) > -1 ? "transform" : "opacity";
+    if (jt(e))
       return r && r.length > 0 ? L`
-                    ${r && r.length > 0 && r.map((l) => K[l] ? K[l].in : "")}
+                    ${r && r.length > 0 && r.map((l) => G[l] ? G[l].in : "")}
                     transition: ${i} ${n.duration}ms ${n.easing};
                 ` : "";
     const a = r && r.length > 0 && L`
-                ${r.map((l) => K[l] ? K[l].out : "")}
+                ${r.map((l) => G[l] ? G[l].out : "")}
             `;
-    if (Nt(e)) {
+    if (At(e)) {
       const l = o.transitionKeys.split(" ");
       return l && l.length > 0 && e === "exiting" ? L`
                     ${a};
-                    ${l.map((u) => K[u] ? K[u].out : "")}
+                    ${l.map((u) => G[u] ? G[u].out : "")}
                     transition: ${i} ${o.duration}ms ${o.easing};
                 ` : a;
     }
   },
   composeViewTransition: (e, t, n) => {
     if (t === "slide")
-      return Ce.compose(e, {
+      return $e.compose(e, {
         enter: {
           transitionKeys: n === "forth" ? "slide-right" : "slide-left",
           duration: 500
@@ -108,7 +110,7 @@ const Pt = (e) => e === "entering" || e === "entered", Nt = (e) => e === "exitin
         }
       });
     if (t === "fade")
-      return Ce.compose(e, {
+      return $e.compose(e, {
         enter: {
           transitionKeys: "fade",
           duration: 500
@@ -119,10 +121,10 @@ const Pt = (e) => e === "entering" || e === "entered", Nt = (e) => e === "exitin
         }
       });
   },
-  get: (e) => K[e]
+  get: (e) => G[e]
 };
-var ye = /* @__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))(ye || {});
-const Ze = () => {
+var Ee = /* @__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))(Ee || {});
+const Ye = () => {
   const {
     opr: e,
     opera: t,
@@ -153,42 +155,42 @@ const Ze = () => {
     return "edge-chromium";
   if ((d || c) && !!u)
     return "blink";
-}, Ot = ["string", "number"], B = (e) => Object.keys(e).reduce((t, n) => {
+}, Kt = ["string", "number"], V = (e) => Object.keys(e).reduce((t, n) => {
   const o = typeof e[n] == "undefined" ? "" : e[n], r = typeof o;
-  if (Ot.indexOf(r) > -1) {
+  if (Kt.indexOf(r) > -1) {
     const i = n.substring(0, 5);
-    i === "data-" || i === "aria-" ? t[Rt(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
+    i === "data-" || i === "aria-" ? t[Nt(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
   } else
     t[n] = o;
   return t;
-}, {}), Zt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ s.createElement(so, f({}, t)) : null, Yr = Zt, jt = (e) => new RegExp("^#", "i").test(e), At = (e) => (o) => {
+}, {}), qt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ s.createElement(uo, f({}, t)) : null, as = qt, Ut = (e) => new RegExp("^#", "i").test(e), Yt = (e) => (o) => {
   var r = o, { children: t } = r, n = S(r, ["children"]);
   const {
     implementation: i,
     name: a
   } = e.get("$widget"), { href: l = "" } = n;
-  if (jt(l))
-    return /* @__PURE__ */ s.createElement(Jt, { smooth: !0, to: l }, t);
+  if (Ut(l))
+    return /* @__PURE__ */ s.createElement(rn, { smooth: !0, to: l }, t);
   const u = i.bindings.map((p) => p.replace(/\./g, "\\.")).join("|"), m = new RegExp(`^((http[s]?:)?//)?(${u})/([^\\s]+)`).exec(l);
   if (m && m.length >= 4) {
     const p = m[4];
     if (i.widgets.get(p) && !p.startsWith("blob?") && !p.startsWith(a))
-      return /* @__PURE__ */ s.createElement(gr, { widgetName: p }, t);
+      return /* @__PURE__ */ s.createElement(wr, { widgetName: p }, t);
   }
   return /* @__PURE__ */ s.createElement("a", f({}, n), t);
-}, Ft = At, Ge = (e) => {
+}, Xt = Yt, at = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
     n.indexOf("css-") > -1 && (t[n] = e[n]);
   }), t;
-}, Kt = (e) => {
+}, Qt = (e) => {
   let t = "";
-  return Object.keys(Ge(e)).forEach((n) => {
+  return Object.keys(at(e)).forEach((n) => {
     n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
   }), L`
         ${t}
     `;
-}, Yt = Ge, Ut = (e, t) => {
+}, Gt = at, Jt = (e, t) => {
   let n = "";
   const o = () => {
     n = "";
@@ -199,7 +201,7 @@ const Ze = () => {
     e.scroll || ((d) => e.smooth ? d.scrollIntoView({ behavior: "smooth" }) : d.scrollIntoView())
   ), !1), m = e, { scroll: a, smooth: l, to: u } = m, c = S(m, ["scroll", "smooth", "to"]);
   return t === "a" && (c.href = "javascript:;"), /* @__PURE__ */ s.createElement(t, k(f({}, c), { onClick: i }), e.children);
-}, le = (e) => (t, n) => {
+}, pe = (e) => (t, n) => {
   let o = t, r = "";
   if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(t))
     o = t;
@@ -218,27 +220,27 @@ const Ze = () => {
         }
     `;
 };
-function qt(e, t) {
-  return t ? Oe(e, t) : Oe(e);
+function en(e, t) {
+  return t ? Ue(e, t) : Ue(e);
 }
-const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBody: e }), Qt = (e, t) => ({
+const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBody: e }), nn = (e, t) => ({
   transform: {
-    a: Ft(e),
-    img: Xt(t)
+    a: Xt(e),
+    img: tn(t)
   }
-}), Gt = (e) => Ut(e, "a"), Jt = Gt, de = V((r, o) => {
+}), on = (e) => Jt(e, "a"), rn = on, ye = P((r, o) => {
   var i = r, { className: e, children: t } = i, n = S(i, ["className", "children"]);
   return /* @__PURE__ */ s.createElement(
-    en,
+    sn,
     k(f({
       type: "button",
       className: M(e, "humany-button")
-    }, B(n)), {
+    }, V(n)), {
       ref: o
     }),
     t
   );
-}), en = y.button`
+}), sn = C.button`
     -webkit-appearance: button;
     text-transform: none;
     overflow: visible;
@@ -251,7 +253,7 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     line-height: normal;
     margin: 0;
     padding: 0;
-`, tn = (r) => {
+`, an = (r) => {
   var i = r, {
     onChange: e = () => {
     },
@@ -271,45 +273,45 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
         a.key === "Enter" && t(a);
       },
       onChange: (a) => e(a.target.value, a.currentTarget.checked)
-    }, B(o))
+    }, V(o))
   );
-}, Ur = tn, nn = Q(new $t()), on = Q(1), Je = Q({
+}, cs = an, cn = te(new zt()), ln = te(1), ct = te({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), rn = Q({}), sn = Q(null), an = Q(null), cn = () => U(Je), $e = cn, ln = () => U(nn), I = ln, un = (e, t) => {
-  const n = $e().id, o = I();
+}), un = te({}), dn = te(null), mn = te(null), hn = () => J(ct), Re = hn, pn = () => J(cn), I = pn, fn = (e, t) => {
+  const n = Re().id, o = I();
   return (r, i) => {
     (t || o).getAsync("actionResolver").then((a) => {
       a.action(e || n, r, i);
     });
   };
-}, qr = un, dn = (e) => {
-  const t = U(Je), n = G(), [o, r] = x();
+}, ls = fn, gn = (e) => {
+  const t = J(ct), n = ne(), [o, r] = E();
   return w(() => {
     if ((e || t.id) && n) {
       const i = n.nodes.get(e || t.id);
       r(i);
     }
   }, [e, t.id, n]), o;
-}, xe = dn, mn = () => {
+}, _e = gn, yn = () => {
   const e = R(!1);
   return w(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
-}, Z = mn, hn = (e) => {
-  const t = I(), [n, o] = x(null), r = Z();
+}, F = yn, Cn = (e) => {
+  const t = I(), [n, o] = E(null), r = F();
   return w(() => {
-    Ee.getInstance(e || t).then((i) => {
+    Se.getInstance(e || t).then((i) => {
       r.current && o(i);
     });
   }, [r]), n;
-}, G = hn, pn = () => {
-  const e = xe(), t = G(), [n, o] = x([]), r = Z(), i = T(
+}, ne = Cn, bn = () => {
+  const e = _e(), t = ne(), [n, o] = E([]), r = F(), i = _(
     (a) => {
       if (t && r.current && a) {
-        const l = t.getBranch(a), u = a.getChildren(l).map((c) => Ke(c));
+        const l = t.getBranch(a), u = a.getChildren(l).map((c) => Je(c));
         o(u);
       }
     },
@@ -319,7 +321,7 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     e && i(e);
   }, [e, t]), w(() => {
     if (t) {
-      const [a, l] = Mt(t.events);
+      const [a, l] = Pt(t.events);
       return a("components:set-layout", (u, c) => {
         (e === c.node.parent || c.node.parent === t.nodes.root) && i(c.node.parent);
       }), a("components:node-appended", (u, c) => {
@@ -331,8 +333,8 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
       };
     }
   }, [e, t, i]), n;
-}, Xr = pn, fn = () => U(on), Qr = fn, gn = (e, t) => {
-  const n = $e(), o = I(), [r, i] = x(void 0), a = Z(), l = e || n.type || "";
+}, us = bn, vn = () => J(ln), ds = vn, wn = (e, t) => {
+  const n = Re(), o = I(), [r, i] = E(void 0), a = F(), l = e || n.type || "";
   return w(() => {
     if (l) {
       let u;
@@ -349,8 +351,8 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
       };
     }
   }, [a, l, t, o]), r;
-}, Gr = gn, Cn = (e) => {
-  const t = xe(e), n = G(), [o, r] = x({}), i = Z();
+}, ms = wn, xn = (e) => {
+  const t = _e(e), n = ne(), [o, r] = E({}), i = F();
   return w(() => {
     t && i.current && r(t.attributes.context);
   }, [i, t]), w(() => {
@@ -366,11 +368,11 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
       };
     }
   }, [i, n, t]), o;
-}, yn = Cn, bn = () => U(an), Jr = bn, vn = () => {
-  const e = G(), t = $e(), [n, o] = x([]), [r, i] = x();
+}, $n = xn, En = () => J(mn), hs = En, kn = () => {
+  const e = ne(), t = Re(), [n, o] = E([]), [r, i] = E();
   return w(() => {
     if (e && t) {
-      const a = new St(e).withId(t.id), l = e.actions(a, t.type || ee());
+      const a = new Vt(e).withId(t.id), l = e.actions(a, t.type || se());
       i(l), n !== null && (n.forEach((u) => {
         l.dispatch(u.key, u.data).then((c) => u.resolve(c)).catch((c) => u.reject(c));
       }), o(null));
@@ -383,7 +385,7 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
       reject: c
     });
   }) : r.dispatch(a, l);
-}, es = vn, O = (e, t, n = window, o = () => !0) => {
+}, ps = kn, A = (e, t, n = window, o = () => !0) => {
   const r = R(() => {
   });
   w(() => {
@@ -396,11 +398,11 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
       n.removeEventListener(e, a);
     };
   }, [e, n]);
-}, wn = (e) => {
+}, Ln = (e) => {
   const t = I(), { events: n } = (e || t).get("$widget");
   return n;
-}, En = wn, $n = () => {
-  const [e, t] = x(!1);
+}, Mn = Ln, Sn = () => {
+  const [e, t] = E(!1);
   return w(() => {
     const n = () => {
       t(!1);
@@ -411,22 +413,22 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
       window.removeEventListener("keydown", o), window.removeEventListener("click", n);
     };
   }, []), e;
-}, ts = $n, xn = (e, t) => {
-  const [n, o] = x(!1), r = T(
+}, fs = Sn, Rn = (e, t) => {
+  const [n, o] = E(!1), r = _(
     (a) => {
       const { key: l } = a;
       l === e && (o(!0), t && t(a));
     },
     [o, t]
-  ), i = T(
+  ), i = _(
     ({ key: a }) => {
       a === e && o(!1);
     },
     [o]
   );
-  return O("keydown", r, window), O("keyup", i, window), n;
-}, X = xn, kn = (e) => {
-  const t = xe(e), n = G(), [o, r] = x({}), i = Z();
+  return A("keydown", r, window), A("keyup", i, window), n;
+}, ee = Rn, _n = (e) => {
+  const t = _e(e), n = ne(), [o, r] = E({}), i = F();
   return w(() => {
     t && i.current && r(t.attributes.layout);
   }, [t, i]), w(() => {
@@ -442,13 +444,13 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
       };
     }
   }, [n, i, t]), o;
-}, ns = kn, Ln = (e) => {
+}, gs = _n, Tn = (e) => {
   const t = R();
   return w(() => {
     t.current = e;
   }), t.current;
-}, et = Ln, Mn = () => U(rn), os = Mn, Sn = (e) => {
-  const [t, n] = x(), o = I(), r = Z();
+}, lt = Tn, zn = () => J(un), ys = zn, Dn = (e) => {
+  const [t, n] = E(), o = I(), r = F();
   return w(() => {
     let i;
     const a = (e || o).get("$widget");
@@ -463,19 +465,19 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
           case "close":
           case "open":
             r.current && n(
-              p === "open" ? ae.open : ae.closed
+              p === "open" ? me.open : me.closed
             );
             break;
           case "hide":
-            r.current && n(ae.hidden);
+            r.current && n(me.hidden);
         }
       });
     }), () => {
       i && i();
     };
   }, [r]), t;
-}, rs = Sn, Rn = () => U(sn), tt = Rn, Tn = (e) => {
-  const t = I(), n = tt(), [o, r] = x({ name: "", params: {} }), i = Z();
+}, Cs = Dn, Hn = () => J(dn), ut = Hn, Bn = (e) => {
+  const t = I(), n = ut(), [o, r] = E({ name: "", params: {} }), i = F();
   return w(() => {
     const a = (e || t).get("$widget");
     if (!a)
@@ -484,44 +486,44 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     return l.subscribe("router:change", (c, { next: { routeData: m } }) => {
       if (i.current) {
         const { name: p, params: d } = m;
-        Pe(d), r({ name: p, params: d });
+        Ke(d), r({ name: p, params: d });
       }
     });
   }, [i, e, t]), w(() => {
     if (n && n.history && i.current) {
       const a = n.getRouteData(), { name: l, params: u } = a;
-      Pe(u), r({ name: l, params: u });
+      Ke(u), r({ name: l, params: u });
     }
   }, [n, i]), o;
-}, ss = Tn, nt = (e) => {
+}, bs = Bn, dt = (e) => {
   const t = R(), n = R(0);
   let o;
-  const r = T(() => {
+  const r = _(() => {
     var c;
     (c = t.current) == null || c.classList.add("humany-scrolling"), clearTimeout(o), o = setTimeout(() => {
       var m;
       (m = t.current) == null || m.classList.remove("humany-scrolling");
     }, 500);
-  }, [t]), i = T(
+  }, [t]), i = _(
     (c) => {
       n.current = c.touches[0].clientY;
     },
     [t]
-  ), a = (c) => l(c) ? c === t.current ? c : null : c.parentElement ? a(c.parentElement) : null, l = (c) => c.scrollWidth > c.clientWidth || c.scrollHeight > c.clientHeight, u = T(
+  ), a = (c) => l(c) ? c === t.current ? c : null : c.parentElement ? a(c.parentElement) : null, l = (c) => c.scrollWidth > c.clientWidth || c.scrollHeight > c.clientHeight, u = _(
     (c) => {
       if (!c.cancelable)
         return;
       const m = c.touches[0].clientY, p = a(c.target);
       if (!p)
         return;
-      const d = p.scrollTop, h = n.current - m < 0 ? "up" : "down", C = d <= 0 && h === "up", E = d >= p.scrollHeight - p.offsetHeight && h === "down";
-      (C || E) && c.preventDefault(), n.current = m;
+      const d = p.scrollTop, h = n.current - m < 0 ? "up" : "down", y = d <= 0 && h === "up", x = d >= p.scrollHeight - p.offsetHeight && h === "down";
+      (y || x) && c.preventDefault(), n.current = m;
     },
     [t, n]
   );
-  return O("scroll", r, t.current, () => t.current && e), O("touchstart", i, t.current, () => t.current && e), O("touchmove", u, t.current, () => t.current && e), e ? [Dn, t] : ["", t];
-}, Dn = `
-    overflow-y: ${Ze() === ye.Chrome || Ze() === ye.EdgeChromium ? "overlay" : "auto"};
+  return A("scroll", r, t.current, () => t.current && e), A("touchstart", i, t.current, () => t.current && e), A("touchmove", u, t.current, () => t.current && e), e ? [Pn, t] : ["", t];
+}, Pn = `
+    overflow-y: ${Ye() === Ee.Chrome || Ye() === Ee.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
     scrollbar-width: thin; /* Firefox */
@@ -548,42 +550,42 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
             background-color: #7F7F7F;
         }
     }
-`, zn = () => {
-  const [e, t] = x(null), n = I(), o = Z();
+`, Vn = () => {
+  const [e, t] = E(null), n = I(), o = F();
   return w(() => {
     n.get("settings").then((r) => {
       o.current && t(r);
     });
   }, [o]), e;
-}, is = zn, _n = (e = !1) => {
-  const [t, n] = x(e), o = T((r) => {
+}, vs = Vn, Nn = (e = !1) => {
+  const [t, n] = E(e), o = _((r) => {
     n(typeof r == "boolean" ? r : (i) => !i);
   }, []);
   return [t, o];
-}, ot = _n, as = (e) => {
-  const t = I(), n = G(), o = t.get("widgetDOMElement"), [r, i] = x(null), [a, l] = x(null), u = Z();
+}, mt = Nn, ws = (e) => {
+  const t = I(), n = ne(), o = t.get("widgetDOMElement"), [r, i] = E(null), [a, l] = E(null), u = F();
   w(() => {
     if (n && u.current) {
       const m = n.nodes.all.find((d) => d.name === "root-area"), p = n.nodes.all.find((d) => d.type === "view");
       if (!(p != null && p.attributes.properties.animation) && !(m != null && m.attributes.properties.animation))
         e();
       else {
-        const d = (E = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${E}"]`), h = d(p == null ? void 0 : p.id);
+        const d = (x = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${x}"]`), h = d(p == null ? void 0 : p.id);
         h && i(h);
-        const C = d(m == null ? void 0 : m.id);
-        C && l(C);
+        const y = d(m == null ? void 0 : m.id);
+        y && l(y);
       }
     }
   }, [n, t, u]);
-  const c = T(
+  const c = _(
     (m) => {
       u.current && (m.target === r || m.target === a) && e();
     },
     [e, u, r, a]
   );
-  O("transitionend", c, r), O("transitionend", c, a);
-}, Hn = (e, t, n = [], o) => {
-  const r = En(o);
+  A("transitionend", c, r), A("transitionend", c, a);
+}, In = (e, t, n = [], o) => {
+  const r = Mn(o);
   return w(() => {
     if (r) {
       const i = r.subscribe(e, t);
@@ -592,21 +594,21 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
       };
     }
   }, [r].concat(n)), (i) => r == null ? void 0 : r.dispatch(e, i);
-}, me = Hn, Vn = (e, t) => {
-  const n = me("widget:menu-toggled", (o, r) => {
+}, Ce = In, On = (e, t) => {
+  const n = Ce("widget:menu-toggled", (o, r) => {
     r !== e && t();
   });
   return () => n(e);
-}, ke = Vn, Bn = (o) => {
+}, Te = On, Wn = (o) => {
   var r = o, { className: e, children: t } = r, n = S(r, ["className", "children"]);
   return /* @__PURE__ */ s.createElement(
     "span",
     f({
       className: M(e, "humany-text")
-    }, B(n)),
+    }, V(n)),
     t
   );
-}, Le = Bn, rt = (e) => L`
+}, ze = Wn, ht = (e) => L`
     display: flex;
     justify-content: center;
     flex-direction: column;
@@ -615,7 +617,7 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     border: ${e.theme.border};
     box-shadow: ${e.theme.boxShadow || "none"};
     ${e["data-loading"] && "min-height: 150px;"}
-`, In = (e) => {
+`, Zn = (e) => {
   var t, n, o;
   return L`
     cursor: pointer;
@@ -627,11 +629,11 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     font-family: ${(n = e.theme.fonts) == null ? void 0 : n.type};
     font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
 `;
-}, cs = (e) => {
+}, xs = (e) => {
   var a;
   const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: i } = e;
   return L`
-        ${In(e)}
+        ${Zn(e)}
         border: 1px solid ${o ? n : t};
         background-color: ${o ? t : n};
 
@@ -661,27 +663,27 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
             }
 
             &:focus-visible {
-                ${F(e)};
+                ${X(e)};
             }
         `}
     `;
-}, F = (e) => {
+}, X = (e) => {
   var t, n, o;
   return L`
     outline: ${(t = e.theme.accessibility) == null ? void 0 : t.border};
     color: ${(o = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : o.inactiveText};
     border-color: transparent;
 `;
-}, Pn = (e) => L`
-    ${F(e)}
+}, jn = (e) => L`
+    ${X(e)}
     text-decoration: underline;
-`, ls = (e) => {
+`, $s = (e) => {
   var t;
   return L`
-    ${F(e)}
+    ${X(e)}
     outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
 `;
-}, Me = y(de)`
+}, De = C(ye)`
     position: absolute;
     top: ${(e) => {
   var t;
@@ -701,7 +703,7 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     }
 
     &:focus-visible {
-        ${F}
+        ${X}
         padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -709,7 +711,7 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
         height: 15px;
         box-sizing: content-box;
     }
-`, je = y(Le)`
+`, Xe = C(ze)`
     font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -720,7 +722,7 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, Nn = (e) => {
+`, An = (e) => {
   var t;
   return L`
     padding: 0;
@@ -742,11 +744,11 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
         margin: 0;
     }
 `;
-}, us = (e) => {
+}, Es = (e) => {
   var t, n, o, r;
   return L`
     > div {
-        ${le(e)(
+        ${pe(e)(
     "> h1",
     L`
                 margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
@@ -758,9 +760,9 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
   )}
     }
     > ul {
-        ${Nn(e)}
+        ${An(e)}
     }
-    ${le(e)(
+    ${pe(e)(
     "h1",
     L`
             display: flex;
@@ -778,7 +780,7 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
         `
   )}
 `;
-}, ds = (e) => {
+}, ks = (e) => {
   var t, n, o, r, i, a;
   return L`
     font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
@@ -807,7 +809,7 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     a {
         color: ${(o = e.theme.colors) == null ? void 0 : o.link};
         &:focus-visible {
-            ${Pn(e)};
+            ${jn(e)};
         }
     }
 
@@ -833,19 +835,19 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
         margin: 0;
     }
 `;
-}, Wn = ({
+}, Fn = ({
   elementId: e = "humany-portal-elements",
   parent: t = document.body,
   children: n
 }) => {
-  const [o] = x(() => {
+  const [o] = E(() => {
     const r = document.getElementById(e) || document.createElement("div");
     return r.id = e, r;
   });
   return w(() => (t.appendChild(o), () => {
     o.childElementCount <= 1 && t.removeChild(o);
-  }), [o]), Bt(n, o);
-}, te = Wn, On = (l) => {
+  }), [o]), Wt(n, o);
+}, ie = Fn, Kn = (l) => {
   var u = l, {
     text: e = "",
     backgroundSize: t = "contain",
@@ -942,7 +944,7 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
         case "caret-left":
           return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 14 14", style: h }, d), /* @__PURE__ */ s.createElement("line", { x1: "10.13", y1: "12.95", x2: "4.13", y2: "6.95", stroke: "black" }), /* @__PURE__ */ s.createElement("line", { x1: "4.13", y1: "7.05", x2: "10.13", y2: "1.05", stroke: "black" }));
         case "caret-up":
-          return /* @__PURE__ */ s.createElement(Zn, f({ viewBox: "0 0 14 14", style: h }, d), /* @__PURE__ */ s.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ s.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
+          return /* @__PURE__ */ s.createElement(qn, f({ viewBox: "0 0 14 14", style: h }, d), /* @__PURE__ */ s.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ s.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
         case "caret-down":
           return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 14 14", style: h }, d), /* @__PURE__ */ s.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ s.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
         case "back":
@@ -1328,7 +1330,7 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     }
     case "FontAwesome":
       return /* @__PURE__ */ s.createElement(
-        lo,
+        fo,
         f({
           className: i,
           faIcon: m,
@@ -1346,9 +1348,9 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
         e.substring(0, 2)
       ) : null;
   }
-}, Zn = y.svg`
+}, qn = C.svg`
     transform: rotate(180deg);
-`, ne = On, jn = {
+`, ae = Kn, Un = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1357,12 +1359,12 @@ const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
   h6: "h6",
   p: "p",
   span: "span"
-}, An = ({ variant: e, component: t, className: n, children: o }) => {
-  const { typographyVariantMapping: r = {} } = yn(), i = f(f({}, jn), r), a = t || i[e] || "span";
-  return /* @__PURE__ */ s.createElement(Fn, { className: n, as: a }, o);
-}, Fn = y.span``, J = An;
-var Kn = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Kn || {});
-const Yn = 300, Un = ({
+}, Yn = ({ variant: e, component: t, className: n, children: o }) => {
+  const { typographyVariantMapping: r = {} } = $n(), i = f(f({}, Un), r), a = t || i[e] || "span";
+  return /* @__PURE__ */ s.createElement(Xn, { className: n, as: a }, o);
+}, Xn = C.span``, re = Yn;
+var Qn = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Qn || {});
+const Gn = 300, Jn = ({
   className: e,
   children: t,
   header: n,
@@ -1374,32 +1376,32 @@ const Yn = 300, Un = ({
     type: "slide-in-bottom"
   }
 }) => {
-  const { duration: u = Yn } = l, c = R(), m = R(), [p, d] = nt(!0), [h, C] = ot(), E = et(h), b = R(ee());
+  const { duration: u = Gn } = l, c = R(), m = R(), [p, d] = dt(!0), [h, y] = mt(), x = lt(h), b = R(se());
   w(() => {
     o && o(h);
   }, [h]);
-  const v = X("Escape");
+  const v = ee("Escape");
   w(() => {
-    v && C(!1);
-  }, [v]), O(
+    v && y(!1);
+  }, [v]), A(
     "click",
     (H) => {
-      const { target: D } = H;
-      !m.current || !d.current || !D || m.current !== D && d.current !== D && !d.current.contains(D) && !m.current.contains(D) && C(!1);
+      const { target: T } = H;
+      !m.current || !d.current || !T || m.current !== T && d.current !== T && !d.current.contains(T) && !m.current.contains(T) && y(!1);
     },
     window
   );
-  const g = ke(b.current, () => {
-    C(!1);
+  const g = Te(b.current, () => {
+    y(!1);
   });
-  me("router:changed", () => {
-    C(!1);
+  Ce("router:changed", () => {
+    y(!1);
   }), w(() => {
-    h && c.current ? c.current.focus() : !h && m.current && E && m.current.focus();
+    h && c.current ? c.current.focus() : !h && m.current && x && m.current.focus();
   }, [h, c.current, m.current]);
-  const z = eo[l.type];
+  const z = so[l.type];
   return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
-    Xe,
+    st,
     {
       in: h,
       className: "humany-drawer-transition",
@@ -1407,7 +1409,7 @@ const Yn = 300, Un = ({
       unmountOnExit: !0,
       timeout: u
     },
-    /* @__PURE__ */ s.createElement(te, null, /* @__PURE__ */ s.createElement(
+    /* @__PURE__ */ s.createElement(ie, null, /* @__PURE__ */ s.createElement(
       z,
       {
         duration: u,
@@ -1422,27 +1424,27 @@ const Yn = 300, Un = ({
         ref: d
       },
       /* @__PURE__ */ s.createElement(
-        Me,
+        De,
         {
-          onClick: () => C(!1),
+          onClick: () => y(!1),
           tabIndex: 0,
           ref: c,
           "aria-label": a
         },
-        /* @__PURE__ */ s.createElement(ne, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ s.createElement(ae, { symbol: { type: "Svg", content: "close" } })
       ),
-      !!n && /* @__PURE__ */ s.createElement(qn, { variant: "h1", className: "humany-drawer-header" }, n),
+      !!n && /* @__PURE__ */ s.createElement(eo, { variant: "h1", className: "humany-drawer-header" }, n),
       t
     ))
   ), s.cloneElement(r, {
     onClick: (H) => {
-      C(), g();
+      y(), g();
     },
     ref: m,
     "aria-label": r.props.title,
     "aria-expanded": h
   }));
-}, ms = Un, he = y.div`
+}, Ls = Jn, be = C.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -1459,7 +1461,7 @@ const Yn = 300, Un = ({
     box-shadow: ${(e) => e.theme.boxShadow};
     background: #ffffff;
     ${(e) => e.css && e.css}
-`, qn = y(J)`
+`, eo = C(re)`
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1482,11 +1484,11 @@ const Yn = 300, Un = ({
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
     line-height: 1.2em;
-`, pe = (e) => L`
+`, ve = (e) => L`
     transition: ${e.duration}ms;
-`, Xn = y(he)`
+`, to = C(be)`
     max-height: 0;
-    ${pe}
+    ${ve}
 
     &.humany-drawer-transition-enter {
         max-height: 0;
@@ -1501,8 +1503,8 @@ const Yn = 300, Un = ({
     &.humany-drawer-transition-exit-done {
         max-height: 0;
     }
-`, Qn = y(he)`
-    ${pe}
+`, no = C(be)`
+    ${ve}
     transform: translateX(100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1519,8 +1521,8 @@ const Yn = 300, Un = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(100%);
     }
-`, Gn = y(he)`
-    ${pe}
+`, oo = C(be)`
+    ${ve}
     transform: translateX(-100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1537,8 +1539,8 @@ const Yn = 300, Un = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(-100%);
     }
-`, Jn = y(he)`
-    ${pe}
+`, ro = C(be)`
+    ${ve}
     bottom: unset;
     top: 0;
     height: 0;
@@ -1556,13 +1558,13 @@ const Yn = 300, Un = ({
     &.humany-drawer-transition-exit-done {
         height: 0;
     }
-`, eo = {
-  ["slide-in-bottom"]: Xn,
-  ["slide-in-right"]: Qn,
-  ["slide-in-left"]: Gn,
-  ["slide-in-top"]: Jn
-}, to = (e, t, n) => {
-  const [o, r] = x(0), [i, a] = x(0), l = T(
+`, so = {
+  ["slide-in-bottom"]: to,
+  ["slide-in-right"]: no,
+  ["slide-in-left"]: oo,
+  ["slide-in-top"]: ro
+}, io = (e, t, n) => {
+  const [o, r] = E(0), [i, a] = E(0), l = _(
     (u, c) => {
       if (u.preventDefault(), c) {
         const m = c.getBoundingClientRect();
@@ -1580,36 +1582,36 @@ const Yn = 300, Un = ({
     };
     u.left < 0 && (c.x = 0), u.bottom > window.innerHeight && (c.y = 0), c.x !== o && r(c.x), c.y !== i && a(c.y);
   }, [n, e, t]), [{ x: o, y: i }, l];
-}, st = to, no = s.forwardRef(
+}, pt = io, ao = s.forwardRef(
   (a, i) => {
     var l = a, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = l, r = S(l, ["className", "children", "trigger", "closeButtonAriaLabel"]);
     const u = R(), c = R(), m = R();
-    we(i, () => m.current, [m.current]);
-    const p = R(ee()), [d, h] = x(!1), C = et(d), [{ x: E, y: b }, v] = st(d, p.current, m.current), g = X("Escape");
+    Me(i, () => m.current, [m.current]);
+    const p = R(se()), [d, h] = E(!1), y = lt(d), [{ x, y: b }, v] = pt(d, p.current, m.current), g = ee("Escape");
     w(() => {
       g && h(!1);
     }, [g]), w(() => {
-      d && u.current ? u.current.focus() : !d && c.current && C && c.current.focus();
-    }, [d, u.current, c.current]), O(
+      d && u.current ? u.current.focus() : !d && c.current && y && c.current.focus();
+    }, [d, u.current, c.current]), A(
       "click",
-      (D) => {
-        const { target: N } = D;
-        !m.current || !N || m.current !== N && !m.current.contains(N) && h(!1);
+      (T) => {
+        const { target: Z } = T;
+        !m.current || !Z || m.current !== Z && !m.current.contains(Z) && h(!1);
       },
       window
-    ), me("router:changed", () => {
+    ), Ce("router:changed", () => {
       h(!1);
     });
-    const z = ke(p.current, () => {
+    const z = Te(p.current, () => {
       h(!1);
-    }), H = T(
-      (D) => {
-        D.stopPropagation(), v(D, c.current), h(!d), z();
+    }), H = _(
+      (T) => {
+        T.stopPropagation(), v(T, c.current), h(!d), z();
       },
       [z, v, h]
     );
-    return /* @__PURE__ */ s.createElement(s.Fragment, null, d && /* @__PURE__ */ s.createElement(te, null, /* @__PURE__ */ s.createElement(
-      oo,
+    return /* @__PURE__ */ s.createElement(s.Fragment, null, d && /* @__PURE__ */ s.createElement(ie, null, /* @__PURE__ */ s.createElement(
+      co,
       k(f({
         className: M(
           "humany-dropdown",
@@ -1617,19 +1619,19 @@ const Yn = 300, Un = ({
           e
         )
       }, r), {
-        x: E,
+        x,
         y: b,
         ref: m
       }),
       /* @__PURE__ */ s.createElement(
-        Me,
+        De,
         {
           onClick: () => h(!1),
           tabIndex: 0,
           ref: u,
           "aria-label": o
         },
-        /* @__PURE__ */ s.createElement(ne, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ s.createElement(ae, { symbol: { type: "Svg", content: "close" } })
       ),
       t
     )), s.cloneElement(n, {
@@ -1639,8 +1641,8 @@ const Yn = 300, Un = ({
       "aria-expanded": d
     }));
   }
-), hs = no, oo = y.div`
-    ${rt}
+), Ms = ao, co = C.div`
+    ${ht}
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -1654,53 +1656,53 @@ const Yn = 300, Un = ({
   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;
 }};
-`, ro = (t) => {
+`, lo = (t) => {
   var e = S(t, []);
-  return /* @__PURE__ */ s.createElement(io, f({}, e));
-}, so = ro, io = y.div`
+  return /* @__PURE__ */ s.createElement(mo, f({}, e));
+}, uo = lo, mo = C.div`
     display: none;
-`, ps = V(
+`, Ss = P(
   (a, i) => {
     var l = a, { children: e, columns: t, gap: n, className: o } = l, r = S(l, ["children", "columns", "gap", "className"]);
     return /* @__PURE__ */ s.createElement(
-      ao,
+      ho,
       k(f(f({
         className: M(o, "humany-grid"),
         "data-columns": t,
         "data-gap": n
-      }, Yt(r)), B(r)), {
+      }, Gt(r)), V(r)), {
         ref: i
       }),
       e
     );
   }
-), ao = y.div`
+), ho = C.div`
     display: grid;
     grid-template-columns: repeat(${(e) => e["data-columns"]}, 1fr);
     grid-gap: ${(e) => e["data-gap"]};
     justify-content: center;
     grid-auto-rows: max-content;
-    ${Kt}
-`, it = V(
+    ${Qt}
+`, ft = P(
   (i, r) => {
     var a = i, { htmlParseInstruction: e = null, className: t, html: n } = a, o = S(a, ["htmlParseInstruction", "className", "html"]);
-    const l = I(), [u, c] = x();
+    const l = I(), [u, c] = E();
     return w(() => {
-      const m = Qt(l, n), p = k(f(f({}, m), e), {
+      const m = nn(l, n), p = k(f(f({}, m), e), {
         transform: f(f({}, m.transform), e == null ? void 0 : e.transform)
-      }), d = qt(n, p);
+      }), d = en(n, p);
       c(d);
     }, [n, e]), /* @__PURE__ */ s.createElement(
       "div",
       k(f({
         className: M(t, "humany-html")
-      }, B(o)), {
+      }, V(o)), {
         ref: r
       }),
       u
     );
   }
-), co = (i) => {
+), po = (i) => {
   var a = i, {
     faIcon: e,
     title: t,
@@ -1718,9 +1720,9 @@ const Yn = 300, Un = ({
       className: M(n, `fa fa-${e}`),
       title: t,
       role: o
-    }, B(r))
+    }, V(r))
   );
-}, lo = co, fs = V(
+}, fo = po, Rs = P(
   (p, m) => {
     var d = p, {
       className: e = "",
@@ -1747,14 +1749,14 @@ const Yn = 300, Un = ({
       "disabled",
       "type"
     ]);
-    const [h, C] = x(t), E = R();
-    we(m, () => E.current), w(() => {
+    const [h, y] = E(t), x = R();
+    Me(m, () => x.current), w(() => {
       var g;
-      t && ((g = E == null ? void 0 : E.current) == null || g.focus());
-    }, [t, m, E]);
+      t && ((g = x == null ? void 0 : x.current) == null || g.focus());
+    }, [t, m, x]);
     const b = (g, z) => {
-      C(g), n && n(g), i && g && z.target.select();
-    }, v = k(f({}, B(c)), {
+      y(g), n && n(g), i && g && z.target.select();
+    }, v = k(f({}, V(c)), {
       disabled: l,
       autoFocus: t,
       type: u,
@@ -1770,16 +1772,16 @@ const Yn = 300, Un = ({
     return u !== "textarea" ? /* @__PURE__ */ s.createElement(
       "input",
       k(f({}, v), {
-        ref: E
+        ref: x
       })
     ) : /* @__PURE__ */ s.createElement(
       "textarea",
       k(f({}, v), {
-        ref: E
+        ref: x
       })
     );
   }
-), uo = V(
+), go = P(
   (a, i) => {
     var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, r = S(l, ["className", "items", "renderItem", "renderLi"]);
     return /* @__PURE__ */ s.createElement(
@@ -1787,7 +1789,7 @@ const Yn = 300, Un = ({
       k(f({
         className: M(e, "humany-list"),
         "data-item-count": t.length
-      }, B(r)), {
+      }, V(r)), {
         ref: i
       }),
       t.map(
@@ -1795,24 +1797,24 @@ const Yn = 300, Un = ({
       )
     );
   }
-), mo = V(
+), yo = P(
   (u, l) => {
     var c = u, { text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: i } = c, a = S(c, ["text", "html", "header", "className", "htmlParseInstruction", "symbol"]);
     return /* @__PURE__ */ s.createElement(
       "div",
       k(f({
         className: M(o, "humany-paragraph")
-      }, B(a)), {
+      }, V(a)), {
         ref: l
       }),
-      n ? /* @__PURE__ */ s.createElement(J, { variant: "h1" }, i ? /* @__PURE__ */ s.createElement(ne, { symbol: i }) : null, n) : null,
-      t ? /* @__PURE__ */ s.createElement(it, { html: t, htmlParseInstruction: r }) : null,
-      e ? /* @__PURE__ */ s.createElement(Le, null, e) : null
+      n ? /* @__PURE__ */ s.createElement(re, { variant: "h1" }, i ? /* @__PURE__ */ s.createElement(ae, { symbol: i }) : null, n) : null,
+      t ? /* @__PURE__ */ s.createElement(ft, { html: t, htmlParseInstruction: r }) : null,
+      e ? /* @__PURE__ */ s.createElement(ze, null, e) : null
     );
   }
-), ho = V(
+), Co = P(
   (h, d) => {
-    var C = h, {
+    var y = h, {
       header: e,
       customHeader: t,
       text: n,
@@ -1824,7 +1826,7 @@ const Yn = 300, Un = ({
       renderItem: u,
       renderLi: c,
       ulProps: m
-    } = C, p = S(C, [
+    } = y, p = S(y, [
       "header",
       "customHeader",
       "text",
@@ -1842,15 +1844,15 @@ const Yn = 300, Un = ({
       k(f({
         className: M(r, "humany-item-list"),
         "data-item-count": l.length
-      }, B(p)), {
+      }, V(p)), {
         ref: d
       }),
-      t || (e || n || o ? /* @__PURE__ */ s.createElement(mo, { symbol: a, header: e, text: n, html: o }) : null),
-      l.length ? /* @__PURE__ */ s.createElement(uo, f({ items: l, renderItem: u, renderLi: c }, m)) : null,
+      t || (e || n || o ? /* @__PURE__ */ s.createElement(yo, { symbol: a, header: e, text: n, html: o }) : null),
+      l.length ? /* @__PURE__ */ s.createElement(go, f({ items: l, renderItem: u, renderLi: c }, m)) : null,
       i
     );
   }
-), po = ({
+), bo = ({
   className: e = "",
   tree: t,
   renderItem: n,
@@ -1861,17 +1863,17 @@ const Yn = 300, Un = ({
   liProps: l
 }) => {
   const u = (p) => !c(p), c = (p) => !p || p.length < 1 ? !0 : !p.some((d) => !!d.selected), m = (p, d) => /* @__PURE__ */ s.createElement(
-    ho,
+    Co,
     {
       className: M(`humany-item-tree-level-${d}`),
       items: p,
       ulProps: a,
       renderItem: (h) => {
-        const { id: C, selected: E, items: b, matches: v } = h, g = E && c(b);
+        const { id: y, selected: x, items: b, matches: v } = h, g = x && c(b);
         return !i && !v ? null : /* @__PURE__ */ s.createElement(
           "li",
-          k(f({}, B(l)), {
-            key: C,
+          k(f({}, V(l)), {
+            key: y,
             className: "humany-item-tree-item"
           }),
           n && n(h, d, g),
@@ -1881,11 +1883,11 @@ const Yn = 300, Un = ({
     }
   );
   return /* @__PURE__ */ s.createElement("div", { className: M(e, "humany-item-tree") }, o && o(!u(t || [])), t && m(t, 1));
-}, gs = po, fo = V(
+}, _s = bo, vo = P(
   (u, l) => {
     var c = u, { className: e, onClick: t = () => {
     }, name: n = "", to: o = "", params: r = {}, children: i } = c, a = S(c, ["className", "onClick", "name", "to", "params", "children"]);
-    const m = tt(), p = I();
+    const m = ut(), p = I();
     if (!m)
       return null;
     let d = "";
@@ -1899,11 +1901,11 @@ const Yn = 300, Un = ({
     });
     if (n) {
       if (!(m.routes || []).find((v) => v.name === n))
-        return process.env.NODE_ENV !== "production" && fe.warn(`Unable to create route. No route named "${n}" exist.`), /* @__PURE__ */ s.createElement(
-          ge,
+        return process.env.NODE_ENV !== "production" && we.warn(`Unable to create route. No route named "${n}" exist.`), /* @__PURE__ */ s.createElement(
+          xe,
           k(f({}, h), {
             onClick: (v) => {
-              t(v), v.preventDefault(), process.env.NODE_ENV !== "production" && fe.warn(`Unable to navigate. No route named "${n}" exist.`);
+              t(v), v.preventDefault(), process.env.NODE_ENV !== "production" && we.warn(`Unable to navigate. No route named "${n}" exist.`);
             }
           }),
           i
@@ -1912,9 +1914,9 @@ const Yn = 300, Un = ({
       try {
         d = m.generate(n, b || {});
       } catch (v) {
-        return /* @__PURE__ */ s.createElement(ge, f({}, h), i);
+        return /* @__PURE__ */ s.createElement(xe, f({}, h), i);
       }
-      d && m.settings.mode && m.settings.mode === We.browser && d[0] !== "/" && (d = `/${d}`);
+      d && m.settings.mode && m.settings.mode === qe.browser && d[0] !== "/" && (d = `/${d}`);
     } else if (o && m.history)
       d = m.history.createHref({
         hash: "",
@@ -1923,18 +1925,18 @@ const Yn = 300, Un = ({
         state: void 0
       });
     else
-      return process.env.NODE_ENV !== "production" && fe.warn(
+      return process.env.NODE_ENV !== "production" && we.warn(
         'Unable to generate path for route link. Either specify route name or use the "to" prop.'
       ), null;
-    if (m.settings && m.settings.mode === We.scopedHash) {
-      const C = p.get("$widget").name;
-      d = It(d, C);
+    if (m.settings && m.settings.mode === qe.scopedHash) {
+      const y = p.get("$widget").name;
+      d = Zt(d, y);
     }
-    return h.as ? /* @__PURE__ */ s.createElement(go, k(f({}, h), { as: h.as }), i) : /* @__PURE__ */ s.createElement(ge, k(f({}, h), { to: d }), i);
+    return h.as ? /* @__PURE__ */ s.createElement(wo, k(f({}, h), { as: h.as }), i) : /* @__PURE__ */ s.createElement(xe, k(f({}, h), { to: d }), i);
   }
-), go = y.span``, Se = V(
-  (E, C) => {
-    var b = E, {
+), wo = C.span``, He = P(
+  (x, y) => {
+    var b = x, {
       className: e,
       disabled: t = !1,
       role: n = "link",
@@ -1988,36 +1990,36 @@ const Yn = 300, Un = ({
       }
     };
     return p ? /* @__PURE__ */ s.createElement(
-      Co,
+      xo,
       k(f(f({
         name: p,
         params: d
-      }, v), B(h)), {
-        ref: C
+      }, v), V(h)), {
+        ref: y
       }),
       c
     ) : /* @__PURE__ */ s.createElement(
-      yo,
+      $o,
       k(f(f({
         href: u,
         target: m
-      }, v), B(h)), {
-        ref: C
+      }, v), V(h)), {
+        ref: y
       }),
       c
     );
   }
-), Co = y(fo)`
+), xo = C(vo)`
     ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, yo = y.a`
+`, $o = C.a`
     ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
   ` : "cursor: pointer;"}
-`, bo = (i) => {
+`, Eo = (i) => {
   var a = i, {
     visible: e,
     duration: t = 500,
@@ -2030,14 +2032,14 @@ const Yn = 300, Un = ({
     "children",
     "onClick"
   ]);
-  const l = R(), u = T(
+  const l = R(), u = _(
     (c) => {
       c.target === l.current && o(c);
     },
     [o]
   );
   return /* @__PURE__ */ s.createElement(
-    Xe,
+    st,
     {
       in: e,
       className: "humany-overlay-transition",
@@ -2045,8 +2047,8 @@ const Yn = 300, Un = ({
       unmountOnExit: !0,
       timeout: t
     },
-    /* @__PURE__ */ s.createElement(te, null, /* @__PURE__ */ s.createElement(
-      vo,
+    /* @__PURE__ */ s.createElement(ie, null, /* @__PURE__ */ s.createElement(
+      ko,
       f({
         className: "humany-overlay",
         duration: t,
@@ -2056,7 +2058,7 @@ const Yn = 300, Un = ({
       n
     ))
   );
-}, vo = y.div`
+}, ko = C.div`
     background: rgba(0, 0, 0, 0.6);
     min-width: 100%;
     min-height: 100%;
@@ -2086,11 +2088,11 @@ const Yn = 300, Un = ({
     &.humany-overlay-transition-exit-done {
         opacity: 0;
     }
-`, at = bo, wo = Ue`
+`, gt = Eo, Lo = tt`
   100% {
     transform: rotate(360deg);
   }
-`, Eo = Ue`
+`, Mo = tt`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2103,8 +2105,8 @@ const Yn = 300, Un = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, $o = y.svg`
-    animation: ${wo} 2s linear infinite;
+`, So = C.svg`
+    animation: ${Lo} 2s linear infinite;
     height: 100%;
     transform-origin: center center;
     width: 100%;
@@ -2115,7 +2117,7 @@ const Yn = 300, Un = ({
     right: 0;
     margin: auto;
     transition: 200ms ease-out opacity;
-`, xo = y.div`
+`, Ro = C.div`
     position: absolute;
     top: 0;
     bottom: 0;
@@ -2133,7 +2135,7 @@ const Yn = 300, Un = ({
     svg {
         opacity: ${(e) => e["data-loading"] ? "1" : "0"};
     }
-`, ko = y.div`
+`, _o = C.div`
     position: relative;
     margin: 0 auto;
     width: 100px;
@@ -2142,18 +2144,18 @@ const Yn = 300, Un = ({
         display: block;
         padding-top: 100%;
     }
-`, Lo = y.circle`
+`, To = C.circle`
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
-    animation: ${Eo} 1.5s ease-in-out infinite;
+    animation: ${Mo} 1.5s ease-in-out infinite;
     stroke-linecap: round;
     stroke: ${(e) => {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.primary;
 }};
     stroke-width: 2px;
-`, Mo = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ s.createElement(xo, { className: M("humany-loader", e), "data-loading": t }, /* @__PURE__ */ s.createElement(ko, { className: "humany-spinner" }, /* @__PURE__ */ s.createElement($o, { viewBox: "25 25 50 50" }, /* @__PURE__ */ s.createElement(
-  Lo,
+`, zo = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ s.createElement(Ro, { className: M("humany-loader", e), "data-loading": t }, /* @__PURE__ */ s.createElement(_o, { className: "humany-spinner" }, /* @__PURE__ */ s.createElement(So, { viewBox: "25 25 50 50" }, /* @__PURE__ */ s.createElement(
+  To,
   {
     cx: "50",
     cy: "50",
@@ -2162,7 +2164,7 @@ const Yn = 300, Un = ({
     "stroke-width": "2",
     "stroke-miterlimit": "10"
   }
-)))), So = Mo, Ro = (r) => {
+)))), Do = zo, Ho = (r) => {
   var i = r, {
     zoomState: e,
     image: t,
@@ -2173,19 +2175,19 @@ const Yn = 300, Un = ({
     "changeZoom"
   ]);
   var v;
-  const a = R(null), [l, u] = x(!1), [c, m] = x(!1), b = o.style || {}, { width: p, height: d } = b, h = S(b, ["width", "height"]), C = T(() => {
+  const a = R(null), [l, u] = E(!1), [c, m] = E(!1), b = o.style || {}, { width: p, height: d } = b, h = S(b, ["width", "height"]), y = _(() => {
     const g = a.current;
     if (g) {
-      const z = window.innerWidth / g.width, H = window.innerHeight / g.height, D = Math.min(z, H);
-      return H >= 1 && z >= 1 ? 1 : D;
+      const z = window.innerWidth / g.width, H = window.innerHeight / g.height, T = Math.min(z, H);
+      return H >= 1 && z >= 1 ? 1 : T;
     }
     return 1;
-  }, [l, t.src]), E = ce(() => {
+  }, [l, t.src]), x = he(() => {
     const g = a.current;
     if (g) {
       if (!c) {
         m(!0);
-        const z = C();
+        const z = y();
         n(z);
       }
       return g.width >= g.height ? [`${e * t.originalWidth}px`, "auto"] : ["auto", `${e * t.originalHeight}px`];
@@ -2194,14 +2196,14 @@ const Yn = 300, Un = ({
   }, [e, a, l, t.src]);
   return w(() => (u(!1), function() {
     m(!1);
-  }), [t.src]), /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(To, { loading: !l }), /* @__PURE__ */ s.createElement(
-    Do,
+  }), [t.src]), /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(Bo, { loading: !l }), /* @__PURE__ */ s.createElement(
+    Po,
     k(f({
       onLoad: () => {
         u(!0);
       },
       ref: a,
-      imageSize: E,
+      imageSize: x,
       draggable: "false"
     }, o), {
       alt: ((v = o.alt) == null ? void 0 : v.toString()) || "",
@@ -2209,12 +2211,12 @@ const Yn = 300, Un = ({
       src: t.src,
       loaded: l
     })
-  ), /* @__PURE__ */ s.createElement(zo, null));
-}, To = y(So)`
+  ), /* @__PURE__ */ s.createElement(Vo, null));
+}, Bo = C(Do)`
     svg circle {
         stroke: #ffffff;
     }
-`, Do = y.img`
+`, Po = C.img`
     transform: none;
 
     ${(e) => e.imageSize && L`
@@ -2225,132 +2227,132 @@ const Yn = 300, Un = ({
     vertical-align: middle;
     position: relative;
     ${(e) => !e.loaded && "display:none;"}
-`, zo = y.div`
+`, Vo = C.div`
     height: 100%;
     display: inline-block;
     vertical-align: middle;
-`, _o = Ro, Ho = () => {
-  const e = R(), [t, n] = x(!0), o = T(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+`, No = Ho, Io = () => {
+  const e = R(), [t, n] = E(!0), o = _(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
   }), [t, e]);
   return [t, o];
-}, Vo = ({ attrs: e, htmlBody: t }) => {
-  var _e;
-  const n = X("Escape"), o = X("ArrowLeft"), r = X("ArrowRight"), [i, a] = x(1), [l, u] = x({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = x(!1), [p, d] = Ho(), [h, C] = x(null), [E, b] = x(null), v = R(null), g = R(null), z = R(null), H = R(null);
+}, Oo = ({ attrs: e, htmlBody: t }) => {
+  var We;
+  const n = ee("Escape"), o = ee("ArrowLeft"), r = ee("ArrowRight"), [i, a] = E(1), [l, u] = E({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = E(!1), [p, d] = Io(), [h, y] = E(null), [x, b] = E(null), v = R(null), g = R(null), z = R(null), H = R(null);
   w(() => {
-    n && C(null);
+    n && y(null);
   }, [n]), w(() => {
     a(1);
   }, [h]), w(() => {
-    var j, A;
+    var K, q;
     if (h === null || g.current === null)
       return;
-    const $ = g.current.firstElementChild, _ = (j = z.current) == null ? void 0 : j.querySelector(".nav-left"), W = (A = z.current) == null ? void 0 : A.querySelector(".nav-right");
-    if (E === "Right")
-      re && W ? W.focus() : oe && _ && _.focus();
-    else if (E === "Left")
-      oe && _ ? _.focus() : re && W && W.focus();
+    const $ = g.current.firstElementChild, D = (K = z.current) == null ? void 0 : K.querySelector(".nav-left"), j = (q = z.current) == null ? void 0 : q.querySelector(".nav-right");
+    if (x === "Right")
+      le && j ? j.focus() : ce && D && D.focus();
+    else if (x === "Left")
+      ce && D ? D.focus() : le && j && j.focus();
     else {
       if (!$)
         return;
       $.focus();
     }
-  }, [h, g, z, E]), w(() => {
+  }, [h, g, z, x]), w(() => {
     if (o) {
-      if (oe)
-        return De();
-    } else if (r && re)
-      return ze();
+      if (ce)
+        return Ie();
+    } else if (r && le)
+      return Oe();
   }, [o, r]);
-  const D = ce(() => {
+  const T = he(() => {
     const $ = document.createElement("div");
     $.innerHTML = t || "";
-    const _ = $.getElementsByTagName("img");
-    return Array.from(_).reduce((j, A) => {
-      const He = A.getAttribute("src"), Ct = A.height || Number.parseInt(A.style.height, 10), yt = A.width || Number.parseInt(A.style.width, 10);
-      if (He) {
-        const bt = {
-          src: He,
-          originalWidth: yt,
-          originalHeight: Ct
+    const D = $.getElementsByTagName("img");
+    return Array.from(D).reduce((K, q) => {
+      const Ze = q.getAttribute("src"), Lt = q.height || Number.parseInt(q.style.height, 10), Mt = q.width || Number.parseInt(q.style.width, 10);
+      if (Ze) {
+        const St = {
+          src: Ze,
+          originalWidth: Mt,
+          originalHeight: Lt
         };
-        j.push(bt);
+        K.push(St);
       }
-      return j;
+      return K;
     }, []);
-  }, [t]), N = T(() => {
+  }, [t]), Z = _(() => {
     const { src: $ } = e;
     if ($) {
-      const _ = D.findIndex((W, j) => W.src === $);
-      C(_);
+      const D = T.findIndex((j, K) => j.src === $);
+      y(D);
     }
-  }, [D, e]), dt = T(($) => {
-    C(null);
-  }, []), Te = T(
+  }, [T, e]), vt = _(($) => {
+    y(null);
+  }, []), Ne = _(
     ($) => {
       a($ ? i + i * 0.25 : i - i * 0.25);
     },
     [a, i]
-  ), mt = T(() => {
+  ), wt = _(() => {
     if (h !== null) {
-      const { src: $ } = D[h];
+      const { src: $ } = T[h];
       $ && window.open($, "_self");
     }
-  }, [D, h]), ht = T(
+  }, [T, h]), xt = _(
     ($) => {
-      const _ = H.current;
-      _ && (u({ top: _.scrollTop, left: _.scrollLeft, x: $.clientX, y: $.clientY }), m(!0));
+      const D = H.current;
+      D && (u({ top: D.scrollTop, left: D.scrollLeft, x: $.clientX, y: $.clientY }), m(!0));
     },
     [H]
-  ), pt = T(
+  ), $t = _(
     ($) => {
-      const _ = H.current;
-      if (_ && c) {
-        const W = $.clientX - l.x, j = $.clientY - l.y;
-        _.scrollTop = l.top - j, _.scrollLeft = l.left - W;
+      const D = H.current;
+      if (D && c) {
+        const j = $.clientX - l.x, K = $.clientY - l.y;
+        D.scrollTop = l.top - K, D.scrollLeft = l.left - j;
       }
     },
     [c, l]
-  ), ft = ($) => {
+  ), Et = ($) => {
     $.preventDefault(), m(!1);
-  }, gt = ce(() => {
+  }, kt = he(() => {
     if (H.current) {
       const $ = H.current.getElementsByTagName("img");
       if ($ && $.length) {
-        const _ = $[0];
-        return _.width > window.innerWidth || _.height > window.innerHeight;
+        const D = $[0];
+        return D.width > window.innerWidth || D.height > window.innerHeight;
       }
     }
     return !1;
-  }, [H, i]), De = () => {
-    h !== null && (b("Left"), C(h - 1));
-  }, ze = () => {
-    h !== null && (b("Right"), C(h + 1));
-  }, oe = h !== null && h > 0 && D.length > 1, re = h !== null && D.length - 1 > h;
-  return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(at, { visible: h !== null, onClick: dt }, /* @__PURE__ */ s.createElement(
-    jo,
+  }, [H, i]), Ie = () => {
+    h !== null && (b("Left"), y(h - 1));
+  }, Oe = () => {
+    h !== null && (b("Right"), y(h + 1));
+  }, ce = h !== null && h > 0 && T.length > 1, le = h !== null && T.length - 1 > h;
+  return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(gt, { visible: h !== null, onClick: vt }, /* @__PURE__ */ s.createElement(
+    Uo,
     {
       onMouseDown: () => d(),
       onMouseMove: () => d(),
       onTouchStart: () => d(),
       onKeyDown: () => d()
     },
-    /* @__PURE__ */ s.createElement(Ao, { show: p.toString() }, /* @__PURE__ */ s.createElement(
-      No,
+    /* @__PURE__ */ s.createElement(Yo, { show: p.toString() }, /* @__PURE__ */ s.createElement(
+      Ao,
       {
         ref: g,
         buttons: [
           {
             id: "download",
-            onClick: mt,
+            onClick: wt,
             icon: "download",
             ariaLabel: "Download image"
           },
           {
             id: "lightbox-close",
-            onClick: () => C(null),
+            onClick: () => y(null),
             icon: "lightbox-close",
             ariaLabel: "Close"
           }
@@ -2358,88 +2360,88 @@ const Yn = 300, Un = ({
       }
     )),
     /* @__PURE__ */ s.createElement(
-      Ko,
+      Qo,
       {
         scrolling: c.toString(),
-        isDraggable: gt.toString(),
+        isDraggable: kt.toString(),
         ref: H,
-        onMouseMove: pt,
-        onMouseDown: ht,
-        onMouseUp: ft
+        onMouseMove: $t,
+        onMouseDown: xt,
+        onMouseUp: Et
       },
       h !== null && /* @__PURE__ */ s.createElement(
-        _o,
+        No,
         k(f({
           changeZoom: ($) => {
             a($);
           },
           zoomState: i
         }, e), {
-          image: D[h]
+          image: T[h]
         })
       )
     ),
     /* @__PURE__ */ s.createElement(
-      Oo,
+      Ko,
       {
         ref: z,
         show: p.toString(),
         buttons: [
           {
             id: "previous",
-            onClick: De,
+            onClick: Ie,
             icon: "caret-left",
             circle: !0,
-            show: oe,
+            show: ce,
             className: "nav-left",
             ariaLabel: "Navigate to previous image"
           },
           {
             id: "next",
-            onClick: ze,
+            onClick: Oe,
             icon: "caret-right",
             circle: !0,
-            show: re,
+            show: le,
             className: "nav-right",
             ariaLabel: "Navigate to next image"
           }
         ]
       }
     ),
-    /* @__PURE__ */ s.createElement(Fo, { show: p.toString() }, /* @__PURE__ */ s.createElement(
-      Wo,
+    /* @__PURE__ */ s.createElement(Xo, { show: p.toString() }, /* @__PURE__ */ s.createElement(
+      Fo,
       {
         buttons: [
           {
             id: "zoom-out",
-            onClick: () => Te(!1),
+            onClick: () => Ne(!1),
             icon: "zoom-out",
             ariaLabel: "Zoom out"
           },
           {
             id: "zoom-in",
-            onClick: () => Te(!0),
+            onClick: () => Ne(!0),
             icon: "zoom-in",
             ariaLabel: "Zoom in"
           }
         ]
       }
-    ), /* @__PURE__ */ s.createElement(Zo, { variant: "span" }, Math.trunc(i * 100), "%"))
+    ), /* @__PURE__ */ s.createElement(qo, { variant: "span" }, Math.trunc(i * 100), "%"))
   )), /* @__PURE__ */ s.createElement(
-    Bo,
+    Wo,
     {
       ref: v,
-      onClick: N,
+      onClick: Z,
       onKeyDown: ($) => {
-        $.key === "Enter" && ($.preventDefault(), N());
+        $.key === "Enter" && ($.preventDefault(), Z());
       },
       tabIndex: 0
     },
-    /* @__PURE__ */ s.createElement(Yo, k(f({}, e), { alt: ((_e = e.alt) == null ? void 0 : _e.toString()) || "" }))
+    /* @__PURE__ */ s.createElement(Go, k(f({}, e), { alt: ((We = e.alt) == null ? void 0 : We.toString()) || "" }))
   ));
-}, Re = V(
+}, Be = P(
   ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ s.createElement(
-    Io,
+    Zo,
     {
       ref: o,
       show: e,
@@ -2447,7 +2449,7 @@ const Yn = 300, Un = ({
     },
     t.map(
       ({ id: r, circle: i = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, p) => /* @__PURE__ */ s.createElement(
-        Po,
+        jo,
         {
           key: r + p.toString(),
           circle: i.toString(),
@@ -2458,29 +2460,29 @@ const Yn = 300, Un = ({
           className: m,
           "aria-label": l
         },
-        /* @__PURE__ */ s.createElement(ne, { size: 24, symbol: { type: "Svg", content: c } })
+        /* @__PURE__ */ s.createElement(ae, { size: 24, symbol: { type: "Svg", content: c } })
       )
     )
   )
-), ct = y.div`
+), yt = C.div`
     transition: opacity 0.3s ease 0s;
     z-index: 5;
     ${(e) => e.show === "true" ? "opacity: 1;" : L`
                   opacity: 0;
                   pointer-events: none;
               `}
-`, Bo = y(Se)`
+`, Wo = C(He)`
     display: inline-block !important;
-`, Io = y(ct)`
+`, Zo = C(yt)`
     position: fixed;
     display: flex;
     gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, be = "39px", Po = y(de)`
-    width: ${be};
-    height: ${be};
+`, ke = "39px", jo = C(ye)`
+    width: ${ke};
+    height: ${ke};
     display: flex;
     justify-content: center;
     align-items: center;
@@ -2506,7 +2508,7 @@ const Yn = 300, Un = ({
                   }
 
                   &:focus-visible {
-                      ${F(e)}
+                      ${X(e)}
                       outline-color: #ffffff;
                       background-color: transparent;
 
@@ -2528,7 +2530,7 @@ const Yn = 300, Un = ({
                       outline-color: #ffffff;
                   }
                   &:focus-visible {
-                      ${F(e)}
+                      ${X(e)}
                   }
               `;
 }}
@@ -2543,7 +2545,7 @@ const Yn = 300, Un = ({
                   opacity: 0;
                   pointer-events: none;
               `}
-`, No = y(Re)`
+`, Ao = C(Be)`
     top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2552,7 +2554,7 @@ const Yn = 300, Un = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, Wo = y(Re)`
+`, Fo = C(Be)`
     bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2560,11 +2562,11 @@ const Yn = 300, Un = ({
     width: 100%;
     align-items: center;
     justify-content: center;
-`, Oo = y(Re)`
+`, Ko = C(Be)`
     display: block;
     button {
         position: fixed;
-        top: calc(50% - calc(${be} / 2));
+        top: calc(50% - calc(${ke} / 2));
         &:first-child {
             left: ${(e) => {
   var t;
@@ -2578,7 +2580,7 @@ const Yn = 300, Un = ({
 }};
         }
     }
-`, Zo = y(J)`
+`, qo = C(re)`
     position: fixed;
     bottom: ${(e) => {
   var t;
@@ -2597,21 +2599,21 @@ const Yn = 300, Un = ({
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
 }};
-`, lt = y(ct)`
+`, Ct = C(yt)`
     position: absolute;
     width: 100vw;
     height: 88px;
     left: 0px;
     z-index: 5;
-`, jo = y.div`
+`, Uo = C.div`
     width: 100%;
-`, Ao = y(lt)`
+`, Yo = C(Ct)`
     top: 0px;
     background-image: linear-gradient(to bottom, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Fo = y(lt)`
+`, Xo = C(Ct)`
     bottom: 0px;
     background-image: linear-gradient(to top, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Ko = y.div`
+`, Qo = C.div`
     width: 100%;
     height: 100vh;
     overflow: auto;
@@ -2620,41 +2622,41 @@ const Yn = 300, Un = ({
     white-space: nowrap;
     justify-content: center;
     cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, Yo = y.img`
+`, Go = C.img`
     cursor: pointer;
-`, Uo = Vo, qo = V(
+`, Jo = Oo, er = P(
   (l, a) => {
     var u = l, { className: e, children: t, trigger: n, onOverlayClick: o = () => {
     }, close: r = !1 } = u, i = S(u, ["className", "children", "trigger", "onOverlayClick", "close"]);
-    const [c, m] = ot(), [p, d] = nt(!0), h = R(), C = R(ee()), E = X("Escape");
+    const [c, m] = mt(), [p, d] = dt(!0), h = R(), y = R(se()), x = ee("Escape");
     w(() => {
-      (E || r) && m(!1);
-    }, [E, r]), w(() => {
+      (x || r) && m(!1);
+    }, [x, r]), w(() => {
       c && h.current && h.current.focus();
-    }, [c, h.current]), me("router:changed", () => {
+    }, [c, h.current]), Ce("router:changed", () => {
       m(!1);
     });
-    const b = T(
+    const b = _(
       (g) => {
         m(!1), o(g);
       },
       [o, m]
     );
-    we(a, () => ({
+    Me(a, () => ({
       close() {
         m(!1);
       }
     }));
-    const v = T(() => ke(C.current, () => {
+    const v = _(() => Te(y.current, () => {
       m(!1);
-    }), [C.current]);
-    return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(at, { visible: c, onClick: b }, /* @__PURE__ */ s.createElement(
-      Qo,
+    }), [y.current]);
+    return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(gt, { visible: c, onClick: b }, /* @__PURE__ */ s.createElement(
+      nr,
       k(f({
         className: M(
           e,
           "humany-modal",
-          `humany-modal-${C.current}`
+          `humany-modal-${y.current}`
         ),
         css: p,
         tabIndex: -1
@@ -2662,13 +2664,13 @@ const Yn = 300, Un = ({
         ref: d
       }),
       /* @__PURE__ */ s.createElement(
-        Me,
+        De,
         {
           onClick: () => m(!1),
           tabIndex: 0,
           ref: h
         },
-        /* @__PURE__ */ s.createElement(ne, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ s.createElement(ae, { symbol: { type: "Svg", content: "close" } })
       ),
       t
     )), s.cloneElement(n, {
@@ -2677,7 +2679,7 @@ const Yn = 300, Un = ({
       }
     }));
   }
-), Xo = qo, Qo = y.div`
+), tr = er, nr = C.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2693,10 +2695,10 @@ const Yn = 300, Un = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
 }};
-    ${(e) => rt(e)}
+    ${(e) => ht(e)}
     ${(e) => e.css && e.css}
   outline: none;
-`, Go = ({
+`, or = ({
   className: e,
   trigger: t,
   header: n = "",
@@ -2708,15 +2710,15 @@ const Yn = 300, Un = ({
   cancelLabel: a = "",
   confirmLabel: l = ""
 }) => {
-  const u = R(), c = T(() => {
+  const u = R(), c = _(() => {
     var p;
     r(), (p = u == null ? void 0 : u.current) == null || p.close();
-  }, [r]), m = T(() => {
+  }, [r]), m = _(() => {
     var p;
     i(), (p = u == null ? void 0 : u.current) == null || p.close();
   }, [i]);
-  return /* @__PURE__ */ s.createElement(Jo, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ s.createElement(je, null, n), o && /* @__PURE__ */ s.createElement(je, null, o), l && /* @__PURE__ */ s.createElement(er, { onClick: m }, l), a && /* @__PURE__ */ s.createElement(tr, { onClick: c }, a));
-}, Cs = Go, Jo = y(Xo)`
+  return /* @__PURE__ */ s.createElement(rr, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ s.createElement(Xe, null, n), o && /* @__PURE__ */ s.createElement(Xe, null, o), l && /* @__PURE__ */ s.createElement(sr, { onClick: m }, l), a && /* @__PURE__ */ s.createElement(ir, { onClick: c }, a));
+}, Ts = or, rr = C(tr)`
     display: block;
 
     span {
@@ -2734,7 +2736,7 @@ const Yn = 300, Un = ({
 }};
         }
     }
-`, er = y(de)`
+`, sr = C(ye)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2762,9 +2764,9 @@ const Yn = 300, Un = ({
     }
 
     &:focus-visible {
-        ${F}
+        ${X}
     }
-`, tr = y(de)`
+`, ir = C(ye)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2783,18 +2785,18 @@ const Yn = 300, Un = ({
 }};
 
     &:focus-visible {
-        ${F};
+        ${X};
     }
-`, nr = ({
+`, ar = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__PURE__ */ s.createElement(or, null, /* @__PURE__ */ s.createElement(rr, null, /* @__PURE__ */ s.createElement(J, { variant: "h2" }, "404")), /* @__PURE__ */ s.createElement(sr, null, /* @__PURE__ */ s.createElement(J, { variant: "h3" }, e), /* @__PURE__ */ s.createElement(cr, { routeName: "index", "aria-label": t, text: t })), /* @__PURE__ */ s.createElement(ir, null, /* @__PURE__ */ s.createElement("span", null, n), /* @__PURE__ */ s.createElement("ul", null, /* @__PURE__ */ s.createElement("li", null, o)))), ys = nr, or = y.div`
+}) => /* @__PURE__ */ s.createElement(cr, null, /* @__PURE__ */ s.createElement(lr, null, /* @__PURE__ */ s.createElement(re, { variant: "h2" }, "404")), /* @__PURE__ */ s.createElement(ur, null, /* @__PURE__ */ s.createElement(re, { variant: "h3" }, e), /* @__PURE__ */ s.createElement(hr, { routeName: "index", "aria-label": t, text: t })), /* @__PURE__ */ s.createElement(dr, null, /* @__PURE__ */ s.createElement("span", null, n), /* @__PURE__ */ s.createElement("ul", null, /* @__PURE__ */ s.createElement("li", null, o)))), zs = ar, cr = C.div`
     display: flex;
     flex-wrap: wrap;
-`, rr = y.div`
-    ${(e) => le(e)(
+`, lr = C.div`
+    ${(e) => pe(e)(
   "h2",
   L`
                 padding: 0;
@@ -2803,7 +2805,7 @@ const Yn = 300, Un = ({
                 font-size: 7em;
             `
 )}
-`, sr = y.div`
+`, ur = C.div`
     margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2811,7 +2813,7 @@ const Yn = 300, Un = ({
 
     ${(e) => {
   var t;
-  return le(e)(
+  return pe(e)(
     "h3",
     L`
                 text-transform: uppercase;
@@ -2830,7 +2832,7 @@ const Yn = 300, Un = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
     }
-`, ir = y.div`
+`, dr = C.div`
     margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2841,7 +2843,7 @@ const Yn = 300, Un = ({
         font-weight: bold;
     }
 `;
-class ar extends kt {
+class mr extends Ht {
   constructor() {
     super(...arguments), this.state = {
       boundFocus: !1
@@ -2880,49 +2882,49 @@ class ar extends kt {
     ) : null;
   }
 }
-const bs = ar, cr = V(
+const Ds = mr, hr = P(
   (a, i) => {
     var l = a, { className: e, description: t, text: n, children: o } = l, r = S(l, ["className", "description", "text", "children"]);
-    return /* @__PURE__ */ s.createElement(Se, k(f({ className: M(e, "humany-text-link") }, r), { ref: i }), o, /* @__PURE__ */ s.createElement(Le, null, n), t ? /* @__PURE__ */ s.createElement(it, { html: t, className: "humany-description" }) : null);
+    return /* @__PURE__ */ s.createElement(He, k(f({ className: M(e, "humany-text-link") }, r), { ref: i }), o, /* @__PURE__ */ s.createElement(ze, null, n), t ? /* @__PURE__ */ s.createElement(ft, { html: t, className: "humany-description" }) : null);
   }
 );
-var lr = /* @__PURE__ */ ((e) => (e.HH_MM = "hh:mm", e.YYYY_MM_DD = "yyyy-mm-dd", e.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", e))(lr || {});
-const ur = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ s.createElement("span", { className: M(e, "humany-timestamp") }, dr(n, t)), vs = ur, Ae = (e) => `0${e}`.slice(-2);
-function dr(e, t) {
-  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), r = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], i = n.getFullYear(), a = n.getMonth() + 1, l = n.getDate(), u = `${i}-${Ae(a)}-${Ae(l)}`;
+var pr = /* @__PURE__ */ ((e) => (e.HH_MM = "hh:mm", e.YYYY_MM_DD = "yyyy-mm-dd", e.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", e))(pr || {});
+const fr = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ s.createElement("span", { className: M(e, "humany-timestamp") }, gr(n, t)), Hs = fr, Qe = (e) => `0${e}`.slice(-2);
+function gr(e, t) {
+  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), r = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], i = n.getFullYear(), a = n.getMonth() + 1, l = n.getDate(), u = `${i}-${Qe(a)}-${Qe(l)}`;
   return t === "yyyy-mm-dd" ? u : t === "hh:mm" ? r : `${u} ${r}`;
 }
-const mr = (i) => {
+const yr = (i) => {
   var a = i, { className: e, children: t, content: n, sticky: o = !1 } = a, r = S(a, ["className", "children", "content", "sticky"]);
-  const [l, u] = x(!1), c = R(ee()), m = R(), [{ x: p, y: d }, h] = st(l, c.current, m.current), C = (b) => {
+  const [l, u] = E(!1), c = R(se()), m = R(), [{ x: p, y: d }, h] = pt(l, c.current, m.current), y = (b) => {
     const { target: v } = b;
     !m.current || !v || m.current !== v && !m.current.contains(v) && u(!1);
   };
   w(() => {
     if (!!o)
-      return window.addEventListener("click", C), () => {
-        window.removeEventListener("click", C);
+      return window.addEventListener("click", y), () => {
+        window.removeEventListener("click", y);
       };
   }, [l, o]);
-  const E = T(
+  const x = _(
     (b, v) => {
       h(b, m.current), u(v);
     },
     [h, u]
   );
   return /* @__PURE__ */ s.createElement(
-    hr,
+    Cr,
     {
       ref: m,
       className: "humany-tooltip-trigger",
-      onMouseEnter: o ? void 0 : (b) => E(b, !0),
-      onMouseLeave: o ? void 0 : (b) => E(b, !1),
-      onTouchEnd: o ? (b) => E(b, !l) : void 0,
-      onClick: o ? (b) => E(b, !l) : void 0
+      onMouseEnter: o ? void 0 : (b) => x(b, !0),
+      onMouseLeave: o ? void 0 : (b) => x(b, !1),
+      onTouchEnd: o ? (b) => x(b, !l) : void 0,
+      onClick: o ? (b) => x(b, !l) : void 0
     },
     t,
-    l && /* @__PURE__ */ s.createElement(te, null, /* @__PURE__ */ s.createElement(
-      pr,
+    l && /* @__PURE__ */ s.createElement(ie, null, /* @__PURE__ */ s.createElement(
+      br,
       f({
         className: M(e, "humany-tooltip-container"),
         x: p,
@@ -2931,10 +2933,10 @@ const mr = (i) => {
       n
     ))
   );
-}, hr = y.div`
+}, Cr = C.div`
     display: flex;
     align-items: center;
-`, pr = y.div`
+`, br = C.div`
     color: #ffffff;
     background: #161616;
     border-radius: ${(e) => e.theme.borderRadius};
@@ -2970,7 +2972,7 @@ const mr = (i) => {
   let t = "";
   return e.y > 0 ? t += `top: calc(2px + ${e.y || "0"}px);` : t += "bottom: 2px;", e.x > 0 ? t += `right: calc(2px + ${e.x || "0"}px);` : t += "left: 2px;", t;
 }};
-`, ws = mr, fr = (e) => {
+`, Bs = yr, vr = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
@@ -3012,7 +3014,7 @@ const mr = (i) => {
     }
   })();
   return /* @__PURE__ */ s.createElement(
-    Vt,
+    Ot,
     {
       timeout: {
         enter: u && u.enter.duration || 0,
@@ -3024,9 +3026,9 @@ const mr = (i) => {
       unmountOnExit: o,
       onEnter: (c) => c.clientHeight
     },
-    (c) => i && i(c, u && Ce.compose(c, u))
+    (c) => i && i(c, u && $e.compose(c, u))
   );
-}, Es = fr, gr = V(
+}, Ps = vr, wr = P(
   (l, a) => {
     var u = l, { className: e, children: t, onClick: n = () => {
     }, widgetName: o, activationOptions: r } = u, i = S(u, ["className", "children", "onClick", "widgetName", "activationOptions"]);
@@ -3041,29 +3043,29 @@ const mr = (i) => {
       };
     }, [o]);
     const p = (h) => {
-      const C = m(), E = h.currentTarget;
-      if (C) {
+      const y = m(), x = h.currentTarget;
+      if (y) {
         const b = () => {
-          C.invoke("renderState").then(
-            (v) => v === ae.open ? C.invoke("close") : C.invoke("open")
+          y.invoke("renderState").then(
+            (v) => v === me.open ? y.invoke("close") : y.invoke("open")
           ).then(() => {
-            C.events.subscribeOnce("widget:area-rendered", (v, g) => {
+            y.events.subscribeOnce("widget:area-rendered", (v, g) => {
               c.get(
                 "widgetDOMElement"
-              ) && C.events.dispatch("widget:modal-opened", {
-                name: C.name,
-                ref: E
+              ) && y.events.dispatch("widget:modal-opened", {
+                name: y.name,
+                ref: x
               });
             });
           });
         };
-        C.state === xt.Deactivated ? C.activate(r).then(() => C.invoke("attach")).then(b) : b();
+        y.state === Dt.Deactivated ? y.activate(r).then(() => y.invoke("attach")).then(b) : b();
       }
     }, d = (h) => {
       h.key === "Enter" && (h.preventDefault(), p(h));
     };
     return /* @__PURE__ */ s.createElement(
-      Se,
+      He,
       k(f({
         className: M(e, "humany-widget-link"),
         onKeyDown: d,
@@ -3076,16 +3078,16 @@ const mr = (i) => {
       t
     );
   }
-), $s = V(
+), Vs = P(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
-    const r = I(), i = ce(() => {
+    const r = I(), i = he(() => {
       if (!r)
         return null;
       const a = r.get("widgetDOMElement");
       return !a || !a.childElementCount ? null : a.children[0];
     }, [r]);
-    return i ? /* @__PURE__ */ s.createElement(te, { elementId: e, parent: i }, /* @__PURE__ */ s.createElement(
-      Cr,
+    return i ? /* @__PURE__ */ s.createElement(ie, { elementId: e, parent: i }, /* @__PURE__ */ s.createElement(
+      xr,
       {
         className: M("humany-widget-overlay-outlet", t),
         ref: o
@@ -3093,7 +3095,7 @@ const mr = (i) => {
       n
     )) : null;
   }
-), Cr = y.div`
+), xr = C.div`
     background-color: #ffffff;
     position: absolute;
     top: 0;
@@ -3103,40 +3105,309 @@ const mr = (i) => {
     z-index: 10;
     width: 100%;
     height: 100%;
-`, yr = (e, t, n, o, r) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
+`, $r = (e, t, n, o, r) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
   t,
-  Lt(() => n)
-), Ye(e, t, o || (() => {
-}), t, r))), xs = yr, br = (e, t, n, o, r) => ie(void 0, null, function* () {
+  Bt(() => n)
+), et(e, t, o || (() => {
+}), t, r))), Ns = $r, Er = (e, t, n, o, r) => de(void 0, null, function* () {
   const i = yield e.getAsync("componentResolver");
-  return console.log("registering component", t, n), i.registerComponent(t, () => n), yield Ye(e, t, o || (() => {
+  return console.log("registering component", t, n), i.registerComponent(t, () => n), et(e, t, o || (() => {
   }), t, r);
-}), ks = br;
-var vr = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, ut = (e, t, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? wr(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+}), Is = Er, kr = `button{appearance:button;text-transform:none;overflow:visible;outline:none;border:none;background:var(--background, transparent);cursor:pointer;font-family:inherit;font-size:var(--font-size, inherit);line-height:normal;margin:0;padding:0;color:var(--text-color, var(--colors-text))}@media (hover: hover){button:hover{background:var(--hover-bg, transparent);text-decoration:var(--hover-text-decoration, none)}}i,svg{color:var(--icon-color, var(--colors-text));display:block}
+`;
+class bt extends fe {
+  render() {
+    return O`
+            <!-- className={appendClassNames(className, 'humany-button')}
+            {...convertToStringAttributes(other)} -->
+            <button type="button" part="container" class="humany-button">
+                <slot />
+            </button>
+        `;
+  }
+}
+bt.styles = nt(kr);
+customElements.get("ui-button") || customElements.define("ui-button", bt);
+var Lr = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, Sr = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Mr(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (r = (o ? a(t, n, r) : a(r)) || r);
-  return o && r && vr(t, n, r), r;
+  return o && r && Lr(t, n, r), r;
 };
-const Er = (e) => ["h1", "h2", "h3", "h4", "h5", "h6"].includes(e);
-let ue = class extends Tt {
+class Pe extends fe {
   constructor() {
-    super(...arguments), this.variant = "span";
+    super(), this.html = "";
   }
-  _getTag(e) {
-    const t = window.getComputedStyle(this).getPropertyValue(`--typography-${e}`);
-    return t ? t.trim() : e;
+  render() {
+    return ot` <div part="container" class="humany-html">${rt(this.html)}</div> `;
+  }
+}
+Pe.styles = [
+  ge`
+            img {
+                display: none;
+            }
+        `
+];
+Sr([
+  N({ type: String })
+], Pe.prototype, "html", 2);
+customElements.get("ui-html") || customElements.define("ui-html", Pe);
+var Rr = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, oe = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? _r(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (r = (o ? a(t, n, r) : a(r)) || r);
+  return o && r && Rr(t, n, r), r;
+};
+class Q extends fe {
+  constructor() {
+    super(), this.symbol = {
+      content: "",
+      type: ""
+    }, this.elementStyle = {}, this.size = 12, this.text = "", this.backgroundSize = "contain", this.styles = { minWidth: `${this.size}px` };
   }
   render() {
-    const e = Er(this.variant) ? this._getTag(this.variant) : this.variant, t = _t(e);
-    return Ht`
-      <${t}>
+    const { type: t, content: n } = this.symbol, o = {
+      "aria-label": this.text,
+      role: "presentation",
+      part: "container"
+    };
+    switch (t) {
+      case "Uri": {
+        const r = {
+          backgroundSize: this.backgroundSize,
+          backgroundImage: `url('${n}')`,
+          backgroundRepeat: "no-repeat",
+          backgroundPosition: "center",
+          backgroundAttachment: "center"
+        }, i = f(f({}, r), this.elementStyle);
+        return O`
+                    <i
+                        class="humany-icon humany-custom-icon"
+                        title=${this.text}
+                        style=${U(i)}
+                        ${B(o)}
+                    />
+                `;
+      }
+      case "Svg": {
+        const r = {
+          class: "humany-icon",
+          width: `${this.size}`,
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        };
+        switch (n) {
+          case "search":
+            return O`
+                            <svg
+                                viewBox="0 0 32 30"
+                                style=${U(this.styles)}
+                                ${B(o)}
+                                ${B(r)}
+                            >
+                                <circle
+                                    cx="14.8457"
+                                    cy="14.5175"
+                                    r="8.14359"
+                                    stroke="currentColor"
+                                    transform="rotate(45 14.8457 14.5175)"
+                                />
+                                <line
+                                    x1="21.1001"
+                                    y1="20.4865"
+                                    x2="26.5798"
+                                    y2="25.9661"
+                                    stroke="currentColor"
+                                />
+                            </svg>
+                        `;
+          case "clear":
+            return O`
+                            <svg
+                                viewBox="0 0 27 27"
+                                style=${U(this.styles)}
+                                ${B(o)}
+                                ${B(r)}
+                            >
+                                <circle
+                                    cx="13.4351"
+                                    cy="13.435"
+                                    r="9"
+                                    transform="rotate(45 13.4351 13.435)"
+                                    stroke="currentColor"
+                                />
+                                <line
+                                    x1="16.6172"
+                                    y1="10.2531"
+                                    x2="10.2533"
+                                    y2="16.6171"
+                                    stroke="currentColor"
+                                />
+                                <line
+                                    x1="16.6171"
+                                    y1="16.617"
+                                    x2="10.2532"
+                                    y2="10.2531"
+                                    stroke="currentColor"
+                                />
+                            </svg>
+                        `;
+          case "close":
+            return O`
+                            <svg
+                                viewBox="0 0 13 13"
+                                style=${U(this.styles)}
+                                ${B(o)}
+                                ${B(r)}
+                            >
+                                <path d="M12.3068 0.50647L1.27246 11.7273" stroke="currentColor" />
+                                <path d="M12.2812 11.9473L1.24686 0.726451" stroke="currentColor" />
+                            </svg>
+                        `;
+          case "caret-right":
+            return O`
+                            <svg
+                                viewBox="0 0 14 14"
+                                style=${U(this.styles)}
+                                ${B(o)}
+                                ${B(r)}
+                            >
+                                <line
+                                    x1="4.13"
+                                    y1="1.05"
+                                    x2="10.13"
+                                    y2="7.05"
+                                    stroke="currentColor"
+                                />
+                                <line
+                                    x1="10.13"
+                                    y1="6.95"
+                                    x2="4.13"
+                                    y2="12.95"
+                                    stroke="currentColor"
+                                />
+                            </svg>
+                        `;
+          case "caret-left":
+            return O`
+                            <svg
+                                viewBox="0 0 14 14"
+                                style=${U(this.styles)}
+                                ${B(o)}
+                                ${B(r)}
+                            >
+                                <line
+                                    x1="10.13"
+                                    y1="12.95"
+                                    x2="4.13"
+                                    y2="6.95"
+                                    stroke="currentColor"
+                                />
+                                <line
+                                    x1="4.13"
+                                    y1="7.05"
+                                    x2="10.13"
+                                    y2="1.05"
+                                    stroke="currentColor"
+                                />
+                            </svg>
+                        `;
+          case "caret-up":
+            return this.styles.transform = "rotate(180deg)", O`
+                            <svg
+                                viewBox="0 0 14 14"
+                                style=${U(this.styles)}
+                                ${B(o)}
+                                ${B(r)}
+                            >
+                                <line x1="13.09" y1="3.99" x2="7.1" y2="9.99" stroke="black" />
+                                <line x1="7.19" y1="9.99" x2="1.19" y2="3.99" stroke="black" />
+                            </svg>
+                        `;
+          case "caret-down":
+            return O`
+                            <svg
+                                viewBox="0 0 14 14"
+                                style=${U(this.styles)}
+                                ${B(o)}
+                                ${B(r)}
+                            >
+                                <line
+                                    x1="13.09"
+                                    y1="3.99"
+                                    x2="7.1"
+                                    y2="9.99"
+                                    stroke="currentcolor"
+                                />
+                                <line
+                                    x1="7.19"
+                                    y1="9.99"
+                                    x2="1.19"
+                                    y2="3.99"
+                                    stroke="currentcolor"
+                                />
+                            </svg>
+                        `;
+        }
+      }
+    }
+    return It;
+  }
+}
+Q.styles = [
+  ge`
+            :host {
+                color: var(--icon-color, inherit);
+            }
+            i,
+            svg {
+                color: var(--icon-color, inherit);
+            }
+        `
+];
+oe([
+  N({ type: Object })
+], Q.prototype, "symbol", 2);
+oe([
+  N({ type: Object })
+], Q.prototype, "elementStyle", 2);
+oe([
+  N({ type: Number })
+], Q.prototype, "size", 2);
+oe([
+  N({ type: String })
+], Q.prototype, "text", 2);
+oe([
+  N({ type: String })
+], Q.prototype, "backgroundSize", 2);
+oe([
+  Y()
+], Q.prototype, "styles", 2);
+customElements.get("ui-symbol-badge") || customElements.define("ui-symbol-badge", Q);
+var Tr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, Dr = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? zr(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (r = (o ? a(t, n, r) : a(r)) || r);
+  return o && r && Tr(t, n, r), r;
+};
+const Hr = (e) => ["h1", "h2", "h3", "h4", "h5", "h6"].includes(e);
+class Ve extends fe {
+  constructor() {
+    super(), this.variant = "span";
+  }
+  _getTag(t) {
+    const n = window.getComputedStyle(this).getPropertyValue(`--typography-${t}`);
+    return n ? n.trim() : t;
+  }
+  render() {
+    const t = Hr(this.variant) ? this._getTag(this.variant) : this.variant, n = rt(t);
+    return ot`
+      <${n}>
         <slot />
-      </${t}>
+      </${n}>
     `;
   }
-};
-ue.styles = [
-  qe`
+}
+Ve.styles = [
+  ge`
             h1,
             h2,
             h3,
@@ -3153,13 +3424,11 @@ ue.styles = [
             }
         `
 ];
-ut([
-  q({ type: String })
-], ue.prototype, "variant", 2);
-ue = ut([
-  zt("ui-typography")
-], ue);
-class Ls {
+Dr([
+  N({ type: String })
+], Ve.prototype, "variant", 2);
+customElements.get("ui-typography") || customElements.define("ui-typography", Ve);
+class Os {
   constructor(t) {
     (this.host = t).addController(this);
   }
@@ -3174,12 +3443,12 @@ class Ls {
     this.host.removeEventListener("set-properties", this.propertyChangeHandler);
   }
 }
-class Ms {
+class Ws {
   constructor(t) {
     this.nodeId = "", this._host = t;
   }
   initialize() {
-    return ie(this, null, function* () {
+    return de(this, null, function* () {
       if (this.nodeId = this._host.getAttribute("nodeId"), !this.nodeId) {
         console.warn("Could not get node id in DataProvider.");
         return;
@@ -3188,7 +3457,7 @@ class Ms {
         console.warn("Could not get data in DataProvider. Container was not defined.");
         return;
       }
-      const t = yield Ee.getInstance(this.container);
+      const t = yield Se.getInstance(this.container);
       if (this.node = t.nodes.get(this.nodeId), !this.node) {
         console.warn(`Could not get component node with ID: ${this.nodeId}.`);
         return;
@@ -3205,7 +3474,7 @@ class Ms {
     return this._host.dispatchEvent(n), n.detail.instance;
   }
 }
-const ve = "context.connectEvent", Ss = Qe(
+const Le = "context.connectEvent", Zs = it(
   (e) => {
     class t extends e {
       constructor() {
@@ -3219,7 +3488,7 @@ const ve = "context.connectEvent", Ss = Qe(
       _injectContext(o) {
         const r = (a, l) => {
           this._contextValueChanged(o, a, l);
-        }, i = new CustomEvent(ve, {
+        }, i = new CustomEvent(Le, {
           bubbles: !0,
           cancelable: !0,
           composed: !0,
@@ -3240,7 +3509,7 @@ const ve = "context.connectEvent", Ss = Qe(
     }
     return t;
   }
-), $r = Qe(
+), Br = it(
   (e) => {
     class t extends e {
       constructor() {
@@ -3262,7 +3531,7 @@ const ve = "context.connectEvent", Ss = Qe(
             }, a.callback(this[o]);
           }
         };
-        this.addEventListener(ve, r), this._providedContexts.set(o, {
+        this.addEventListener(Le, r), this._providedContexts.set(o, {
           listener: r,
           callbacks: /* @__PURE__ */ new Set()
         });
@@ -3282,32 +3551,32 @@ const ve = "context.connectEvent", Ss = Qe(
       }
       disconnectedCallback() {
         for (const o of this._providedContexts.values())
-          this.removeEventListener(ve, o.listener);
+          this.removeEventListener(Le, o.listener);
         super.disconnectedCallback();
       }
     }
     return t;
   }
 );
-var xr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Fe = (e, t, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? kr(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+var Pr = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, Ge = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Vr(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (r = (o ? a(t, n, r) : a(r)) || r);
-  return o && r && xr(t, n, r), r;
+  return o && r && Pr(t, n, r), r;
 };
-const Rs = (e) => {
+const js = (e) => {
   class t extends e {
     constructor(...o) {
-      super(), this.hasPendingChildren = !1, this.pendingCount = 0, this.addEventListener("pending-state", (r) => ie(this, null, function* () {
+      super(), this.hasPendingChildren = !1, this.pendingCount = 0, this.addEventListener("pending-state", (r) => de(this, null, function* () {
         this.hasPendingChildren = !0, this.pendingCount++, yield r.detail.promise, this.pendingCount--, this.hasPendingChildren = this.pendingCount !== 0;
       }));
     }
   }
-  return Fe([
+  return Ge([
     Y()
-  ], t.prototype, "hasPendingChildren", 2), Fe([
+  ], t.prototype, "hasPendingChildren", 2), Ge([
     Y()
   ], t.prototype, "pendingCount", 2), t;
-}, Ts = (e) => {
+}, As = (e) => {
   class t extends e {
     constructor(...o) {
       super(), this._instances = /* @__PURE__ */ new Map(), this.addEventListener("request-instance", (r) => {
@@ -3320,7 +3589,7 @@ const Rs = (e) => {
     }
   }
   return t;
-}, Lr = (e) => {
+}, Nr = (e) => {
   class t extends e {
     requestInstance(o) {
       const r = new CustomEvent("request-instance", {
@@ -3333,18 +3602,18 @@ const Rs = (e) => {
     }
   }
   return t;
-}, Mr = (e) => {
-  var n, o, r, i, a, l, u, c, m, p, d, h, C, E, b, v, g, z, H, D, N;
+}, Ir = (e) => {
+  var n, o, r, i, a, l, u, c, m, p, d, h, y, x, b, v, g, z, H, T, Z;
   const t = {};
-  return e.cardinal && (t["--cardinal"] = `${e.cardinal}px`), e.gap && (t["--gap"] = `${e.gap}`), (n = e.fonts) != null && n.type && (t["--fonts-type"] = `${e.fonts.type}`), (o = e.fonts) != null && o.small && (t["--fonts-small"] = `${e.fonts.small}`), (r = e.fonts) != null && r.normal && (t["--fonts-normal"] = `${e.fonts.small}`), (i = e.fonts) != null && i.medium && (t["--fonts-medium"] = `${e.fonts.medium}`), (a = e.fonts) != null && a.large && (t["--fonts-large"] = `${e.fonts.large}`), (l = e.fonts) != null && l.huge && (t["--fonts-huge"] = `${e.fonts.huge}`), (u = e.colors) != null && u.accent && (t["--colors-accent"] = `${e.colors.accent}`), (c = e.colors) != null && c.link && (t["--colors-link"] = `${e.colors.link}`), (m = e.colors) != null && m.primary && (t["--colors-primary"] = `${e.colors.primary}`), (p = e.colors) != null && p.text && (t["--colors-text"] = `${e.colors.text}`), (d = e.colors) != null && d.textLight && (t["--colors-textLight"] = `${e.colors.textLight}`), (h = e.colors) != null && h.warning && (t["--colors-warning"] = `${e.colors.warning}`), (C = e.accessibility) != null && C.border && (t["--accessibility-border"] = `${e.accessibility.border}`), (b = (E = e.accessibility) == null ? void 0 : E.colors) != null && b.inactiveText && (t["--accessibility-colors-inactiveText"] = `${e.accessibility.colors.inactiveText}`), (g = (v = e.accessibility) == null ? void 0 : v.colors) != null && g.activeText && (t["--accessibility-colors-activeText"] = `${e.accessibility.colors.activeText}`), e.inputBorder && (t["--inputBorder"] = `${e.inputBorder}`), e.borderRadius && (t["--borderRadius"] = `${e.borderRadius}`), e.boxShadow && (t["--boxShadow"] = `${e.boxShadow}`), e.border && (t["--border"] = `${e.border}`), (z = e.sizes) != null && z.small && (t["--size-small"] = `${e.sizes.small}`), (H = e.sizes) != null && H.normal && (t["--size-normal"] = `${e.sizes.normal}`), (D = e.sizes) != null && D.medium && (t["--size-medium"] = `${e.sizes.medium}`), (N = e.sizes) != null && N.large && (t["--size-large"] = `${e.sizes.large}`), e.typographyVariantMapping && (e.typographyVariantMapping.h1 && (t["--typography-h1"] = `${e.typographyVariantMapping.h1}`), e.typographyVariantMapping.h2 && (t["--typography-h2"] = `${e.typographyVariantMapping.h2}`), e.typographyVariantMapping.h3 && (t["--typography-h3"] = `${e.typographyVariantMapping.h3}`), e.typographyVariantMapping.h4 && (t["--typography-h4"] = `${e.typographyVariantMapping.h4}`), e.typographyVariantMapping.h5 && (t["--typography-h5"] = `${e.typographyVariantMapping.h5}`), e.typographyVariantMapping.h6 && (t["--typography-h6"] = `${e.typographyVariantMapping.h6}`)), t;
+  return e.cardinal && (t["--cardinal"] = `${e.cardinal}px`), e.gap && (t["--gap"] = `${e.gap}`), (n = e.fonts) != null && n.type && (t["--fonts-type"] = `${e.fonts.type}`), (o = e.fonts) != null && o.small && (t["--fonts-small"] = `${e.fonts.small}`), (r = e.fonts) != null && r.normal && (t["--fonts-normal"] = `${e.fonts.small}`), (i = e.fonts) != null && i.medium && (t["--fonts-medium"] = `${e.fonts.medium}`), (a = e.fonts) != null && a.large && (t["--fonts-large"] = `${e.fonts.large}`), (l = e.fonts) != null && l.huge && (t["--fonts-huge"] = `${e.fonts.huge}`), (u = e.colors) != null && u.accent && (t["--colors-accent"] = `${e.colors.accent}`), (c = e.colors) != null && c.link && (t["--colors-link"] = `${e.colors.link}`), (m = e.colors) != null && m.primary && (t["--colors-primary"] = `${e.colors.primary}`), (p = e.colors) != null && p.text && (t["--colors-text"] = `${e.colors.text}`), (d = e.colors) != null && d.textLight && (t["--colors-textLight"] = `${e.colors.textLight}`), (h = e.colors) != null && h.warning && (t["--colors-warning"] = `${e.colors.warning}`), (y = e.accessibility) != null && y.border && (t["--accessibility-border"] = `${e.accessibility.border}`), (b = (x = e.accessibility) == null ? void 0 : x.colors) != null && b.inactiveText && (t["--accessibility-colors-inactiveText"] = `${e.accessibility.colors.inactiveText}`), (g = (v = e.accessibility) == null ? void 0 : v.colors) != null && g.activeText && (t["--accessibility-colors-activeText"] = `${e.accessibility.colors.activeText}`), e.inputBorder && (t["--inputBorder"] = `${e.inputBorder}`), e.borderRadius && (t["--borderRadius"] = `${e.borderRadius}`), e.boxShadow && (t["--boxShadow"] = `${e.boxShadow}`), e.border && (t["--border"] = `${e.border}`), (z = e.sizes) != null && z.small && (t["--size-small"] = `${e.sizes.small}`), (H = e.sizes) != null && H.normal && (t["--size-normal"] = `${e.sizes.normal}`), (T = e.sizes) != null && T.medium && (t["--size-medium"] = `${e.sizes.medium}`), (Z = e.sizes) != null && Z.large && (t["--size-large"] = `${e.sizes.large}`), e.typographyVariantMapping && (e.typographyVariantMapping.h1 && (t["--typography-h1"] = `${e.typographyVariantMapping.h1}`), e.typographyVariantMapping.h2 && (t["--typography-h2"] = `${e.typographyVariantMapping.h2}`), e.typographyVariantMapping.h3 && (t["--typography-h3"] = `${e.typographyVariantMapping.h3}`), e.typographyVariantMapping.h4 && (t["--typography-h4"] = `${e.typographyVariantMapping.h4}`), e.typographyVariantMapping.h5 && (t["--typography-h5"] = `${e.typographyVariantMapping.h5}`), e.typographyVariantMapping.h6 && (t["--typography-h6"] = `${e.typographyVariantMapping.h6}`)), t;
 };
-var Sr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, P = (e, t, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Rr(t, n) : t, i = e.length - 1, a; i >= 0; i--)
+var Or = Object.defineProperty, Wr = Object.getOwnPropertyDescriptor, W = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Wr(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (r = (o ? a(t, n, r) : a(r)) || r);
-  return o && r && Sr(t, n, r), r;
+  return o && r && Or(t, n, r), r;
 };
-const Tr = (e) => `w-${e}`, Ds = (e) => {
-  class t extends $r(Lr(e)) {
+const Zr = (e) => `w-${e}`, Fs = (e) => {
+  class t extends Br(Nr(e)) {
     constructor() {
       super(), this.listeners = [], this.setColumns = (o) => {
         this.columns = o;
@@ -3363,14 +3632,17 @@ const Tr = (e) => `w-${e}`, Ds = (e) => {
         })
       );
     }
+    requestNodeDescriptor(o) {
+      o.stopPropagation(), o.detail.descriptor = this._descriptor;
+    }
     connectedCallback() {
-      super.connectedCallback(), this.container = this.requestInstance("container"), this.container && Promise.all([
-        Ee.getInstance(this.container),
+      super.connectedCallback(), this.addEventListener("request-descriptor", this.requestNodeDescriptor), this.container = this.requestInstance("container"), this.container && Promise.all([
+        Se.getInstance(this.container),
         this.container.getAsync("componentResolver")
       ]).then((o) => {
         const r = o[0], i = o[1], a = r.nodes.get(this.nodeId || "");
         if (a) {
-          this._descriptor = Ke(a, this.branch), this._properties = a.attributes.properties, this._context = a.attributes.context, this._layout = a.attributes.layout, this.setProperties(a.attributes.properties), this.listeners.push(
+          this._descriptor = Je(a, this.branch), this._properties = a.attributes.properties, this._context = a.attributes.context, this._layout = a.attributes.layout, this.setProperties(a.attributes.properties), this.listeners.push(
             r.events.subscribe(
               "components:properties-changed",
               (m, p) => {
@@ -3402,7 +3674,7 @@ const Tr = (e) => `w-${e}`, Ds = (e) => {
             );
             return;
           }
-          const u = Tr(this._descriptor.type);
+          const u = Zr(this._descriptor.type);
           if (customElements.get(u))
             return;
           const c = i.getComponent(this._descriptor.type);
@@ -3419,22 +3691,22 @@ const Tr = (e) => `w-${e}`, Ds = (e) => {
     disconnectedCallback() {
       this.listeners.forEach((o) => {
         o();
-      });
+      }), this.removeEventListener("request-descriptor", this.requestNodeDescriptor);
     }
     _getContextStyles() {
-      return this._context ? Mr(this._context) : {};
+      return this._context ? Ir(this._context) : {};
     }
     render() {
-      const o = super.render(), r = this._getContextStyles(), i = Ne`
+      const o = super.render(), r = this._getContextStyles(), i = O`
                 <style>
                     :host {
-                      ${Object.entries(r).map(([a, l]) => qe`
-                            ${Dt(`${a}: ${l};`)}
+                      ${Object.entries(r).map(([a, l]) => ge`
+                            ${nt(`${a}: ${l};`)}
                         `)}
                     }
                 </style>
             `;
-      return Ne`
+      return O`
                 <style>
                     :host {
                         --size: ${this._layout.size || "full"};
@@ -3447,128 +3719,131 @@ const Tr = (e) => `w-${e}`, Ds = (e) => {
             `;
     }
   }
-  return P([
-    q({ type: String })
-  ], t.prototype, "nodeId", 2), P([
-    q({ type: String })
-  ], t.prototype, "branch", 2), P([
-    q({ type: String })
-  ], t.prototype, "width", 2), P([
-    q({ type: Number })
-  ], t.prototype, "_columns", 2), P([
-    q({ type: Number })
-  ], t.prototype, "columns", 2), P([
+  return W([
+    N({ type: String })
+  ], t.prototype, "nodeId", 2), W([
+    N({ type: String })
+  ], t.prototype, "branch", 2), W([
+    N({ type: String })
+  ], t.prototype, "width", 2), W([
+    N({ type: Number })
+  ], t.prototype, "_columns", 2), W([
+    N({ type: Number })
+  ], t.prototype, "columns", 2), W([
     Y()
-  ], t.prototype, "_width", 2), P([
+  ], t.prototype, "_width", 2), W([
     Y()
-  ], t.prototype, "_descriptor", 2), P([
+  ], t.prototype, "_descriptor", 2), W([
     Y()
-  ], t.prototype, "_properties", 2), P([
+  ], t.prototype, "_properties", 2), W([
     Y()
-  ], t.prototype, "_context", 2), P([
+  ], t.prototype, "_context", 2), W([
     Y()
   ], t.prototype, "_layout", 2), t;
 };
 export {
-  Jt as AnchorLink,
-  de as Button,
-  Ur as Checkbox,
-  on as ColumnContext,
-  Je as ComponentNodeContext,
-  rn as ComponentPropertyContext,
-  Cs as Confirm,
-  Ss as ConsumerMixin,
-  nn as ContainerContext,
-  an as ConversationContext,
-  Ms as DataProvider,
-  lr as DateFormats,
-  ms as Drawer,
-  Kn as DrawerAnimationType,
-  hs as Dropdown,
-  so as Empty,
-  ps as Grid,
-  it as Html,
-  lo as Icon,
-  fs as Input,
-  ho as ItemList,
-  gs as ItemTree,
-  Uo as Lightbox,
-  Se as Link,
-  uo as List,
-  Xo as Modal,
-  Ls as NodeConnector,
-  ys as NotFound,
-  at as Overlay,
-  mo as Paragraph,
-  Rs as PendingState,
-  te as Portal,
-  Ts as ProviderMixin,
-  Lr as Requester,
-  fo as RouteLink,
-  sn as RoutingContext,
-  je as StyledText,
-  ne as SymbolBadge,
-  bs as TabStop,
-  Le as Text,
-  cr as TextLink,
-  vs as Timestamp,
-  ws as Tooltip,
-  Es as TransitionComponent,
-  J as Typography,
-  ue as TypographyUi,
-  Ds as WidgetComponentMixin,
-  gr as WidgetLink,
-  $s as WidgetOverlayOutlet,
-  F as borderTabStyle,
-  Ze as browser,
-  In as buttonCss,
-  rt as contentBox,
-  B as convertToStringAttributes,
-  Yr as createEmptyComponent,
-  xs as createReactComponent,
-  ks as createWebComponent,
-  Qt as defaultRenderInstructions,
-  Ft as embeddedLinkMapper,
-  Yt as filterCssProps,
-  Kt as filterCssPropsStyle,
-  Ut as genericHashLink,
-  ds as genericHtml,
-  le as headingElement,
-  Xt as imageLightboxRenderer,
-  cs as invertedHoverButton,
-  us as itemList,
-  Pn as linkTabStyle,
-  Nn as list,
-  ls as paddedBorderTabStyle,
-  qt as processHtmlString,
-  Ce as transitionComposer,
-  qr as useAction,
-  Xr as useChildren,
-  Qr as useColumns,
-  Gr as useComponent,
-  $e as useComponentDescriptor,
-  xe as useComponentNode,
-  G as useComponentPlatform,
+  rn as AnchorLink,
+  ye as Button,
+  bt as ButtonUi,
+  cs as Checkbox,
+  ln as ColumnContext,
+  ct as ComponentNodeContext,
+  un as ComponentPropertyContext,
+  Ts as Confirm,
+  Zs as ConsumerMixin,
+  cn as ContainerContext,
+  mn as ConversationContext,
+  Ws as DataProvider,
+  pr as DateFormats,
+  Ls as Drawer,
+  Qn as DrawerAnimationType,
+  Ms as Dropdown,
+  uo as Empty,
+  Ss as Grid,
+  ft as Html,
+  Pe as HtmlUi,
+  fo as Icon,
+  Rs as Input,
+  Co as ItemList,
+  _s as ItemTree,
+  Jo as Lightbox,
+  He as Link,
+  go as List,
+  tr as Modal,
+  Os as NodeConnector,
+  zs as NotFound,
+  gt as Overlay,
+  yo as Paragraph,
+  js as PendingState,
+  ie as Portal,
+  As as ProviderMixin,
+  Nr as Requester,
+  vo as RouteLink,
+  dn as RoutingContext,
+  Xe as StyledText,
+  ae as SymbolBadge,
+  Q as SymbolBadgeUi,
+  Ds as TabStop,
+  ze as Text,
+  hr as TextLink,
+  Hs as Timestamp,
+  Bs as Tooltip,
+  Ps as TransitionComponent,
+  re as Typography,
+  Ve as TypographyUi,
+  Fs as WidgetComponentMixin,
+  wr as WidgetLink,
+  Vs as WidgetOverlayOutlet,
+  X as borderTabStyle,
+  Ye as browser,
+  Zn as buttonCss,
+  ht as contentBox,
+  V as convertToStringAttributes,
+  as as createEmptyComponent,
+  Ns as createReactComponent,
+  Is as createWebComponent,
+  nn as defaultRenderInstructions,
+  Xt as embeddedLinkMapper,
+  Gt as filterCssProps,
+  Qt as filterCssPropsStyle,
+  Jt as genericHashLink,
+  ks as genericHtml,
+  pe as headingElement,
+  tn as imageLightboxRenderer,
+  xs as invertedHoverButton,
+  Es as itemList,
+  jn as linkTabStyle,
+  An as list,
+  $s as paddedBorderTabStyle,
+  en as processHtmlString,
+  $e as transitionComposer,
+  ls as useAction,
+  us as useChildren,
+  ds as useColumns,
+  ms as useComponent,
+  Re as useComponentDescriptor,
+  _e as useComponentNode,
+  ne as useComponentPlatform,
   I as useContainer,
-  yn as useContext,
-  Jr as useConversation,
-  es as useDispatch,
-  O as useEventListener,
-  En as useEvents,
-  Z as useIsMounted,
-  ts as useIsTabbing,
-  X as useKeyPress,
-  ns as useLayout,
-  et as usePrevious,
-  os as useProperties,
-  rs as useRenderState,
-  ss as useRouteData,
-  tt as useRouter,
-  nt as useScroll,
-  is as useSettings,
-  ot as useToggle,
-  as as useTransitionEnd,
-  ke as useUniqueMenu,
-  me as useWidgetEvent
+  $n as useContext,
+  hs as useConversation,
+  ps as useDispatch,
+  A as useEventListener,
+  Mn as useEvents,
+  F as useIsMounted,
+  fs as useIsTabbing,
+  ee as useKeyPress,
+  gs as useLayout,
+  lt as usePrevious,
+  ys as useProperties,
+  Cs as useRenderState,
+  bs as useRouteData,
+  ut as useRouter,
+  dt as useScroll,
+  vs as useSettings,
+  mt as useToggle,
+  ws as useTransitionEnd,
+  Te as useUniqueMenu,
+  Ce as useWidgetEvent
 };
 //# sourceMappingURL=index.js.map