@telia-ace/widget-ui 1.0.28-experimental.2 → 1.0.28-experimental.3

package/dist/index.js

@@ -1,37 +1,54 @@
-var at = Object.defineProperty, ct = Object.defineProperties;
-var lt = Object.getOwnPropertyDescriptors;
-var ne = Object.getOwnPropertySymbols;
-var He = Object.prototype.hasOwnProperty, Te = Object.prototype.propertyIsEnumerable;
-var me = (e, t, n) => t in e ? at(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, h = (e, t) => {
+var yt = Object.defineProperty, bt = Object.defineProperties;
+var vt = Object.getOwnPropertyDescriptors;
+var se = Object.getOwnPropertySymbols;
+var _e = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
+var Ve = (e, t, n) => t in e ? yt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, p = (e, t) => {
   for (var n in t || (t = {}))
-    He.call(t, n) && me(e, n, t[n]);
-  if (ne)
-    for (var n of ne(t))
-      Te.call(t, n) && me(e, n, t[n]);
+    _e.call(t, n) && Ve(e, n, t[n]);
+  if (se)
+    for (var n of se(t))
+      Be.call(t, n) && Ve(e, n, t[n]);
   return e;
-}, k = (e, t) => ct(e, lt(t));
+}, k = (e, t) => bt(e, vt(t));
 var S = (e, t) => {
   var n = {};
   for (var o in e)
-    He.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
-  if (e != null && ne)
-    for (var o of ne(e))
-      t.indexOf(o) < 0 && Te.call(e, o) && (n[o] = e[o]);
+    _e.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 && Be.call(e, o) && (n[o] = e[o]);
   return n;
 };
-var re = (e, t, n) => (me(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { Container as ut, WidgetState as mt } from "@webprovisions/platform";
-import r, { forwardRef as N, createContext as U, useContext as Y, useState as $, useEffect as v, useRef as R, useCallback as H, useImperativeHandle as Ce, useMemo as se, Component as dt, lazy as ft } from "react";
-import { ComponentPlatform as ht, asDescriptor as pt, createEventSubscriber as gt, ComponentQuery as Ct, WidgetRenderState as oe, extendComponent as yt } from "@telia-ace/widget-core";
-import { css as L, keyframes as Ze } from "@emotion/react";
+var he = (e, t, n) => new Promise((o, r) => {
+  var i = (u) => {
+    try {
+      l(n.next(u));
+    } catch (c) {
+      r(c);
+    }
+  }, a = (u) => {
+    try {
+      l(n.throw(u));
+    } catch (c) {
+      r(c);
+    }
+  }, l = (u) => u.done ? o(u.value) : Promise.resolve(u.value).then(i, a);
+  l((n = n.apply(e, t)).next());
+});
+import { Container as wt, WidgetState as Et } from "@webprovisions/platform";
+import s, { forwardRef as _, createContext as Q, useContext as U, useState as $, useEffect as w, useRef as R, useCallback as T, useImperativeHandle as we, useMemo as ae, Component as xt, lazy as $t } from "react";
+import { ComponentPlatform as je, asDescriptor as Ke, createEventSubscriber as kt, ComponentQuery as Lt, WidgetRenderState as ie, 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 bt, appendClassNames as M, uuid as Q, removeNullAndUndefinedValues as De, Logger as de } from "@telia-ace/widget-utilities";
-import { CSSTransition as Ie, Transition as vt } from "react-transition-group";
-import { createPortal as Et } from "react-dom";
-import { HistoryMode as Be, getSpecificWidgetPath as xt } from "@telia-ace/widget-routing";
-import { Link as fe } from "react-router-dom";
-import ze from "htmr";
-const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exiting" || e === "exited", K = {
+import { kebabCase as Mt, appendClassNames as M, uuid as ee, removeNullAndUndefinedValues as Ne, Logger as fe } from "@telia-ace/widget-utilities";
+import { CSSTransition as Xe, Transition as St } from "react-transition-group";
+import { createPortal as Rt } from "react-dom";
+import { HistoryMode as Pe, getSpecificWidgetPath as Tt } from "@telia-ace/widget-routing";
+import { Link as pe } from "react-router-dom";
+import Ie from "htmr";
+import { dedupeMixin as qe } from "@open-wc/dedupe-mixin";
+import { html as We, css as zt, unsafeCSS as Ht } from "lit";
+const Dt = (e) => e === "entering" || e === "entered", Vt = (e) => e === "exiting" || e === "exited", K = {
   fade: {
     in: "opacity: 1;",
     out: "opacity: 0;"
@@ -56,18 +73,18 @@ const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exitin
     in: "transform: scale(1);",
     out: "transform: scale(0);"
   }
-}, kt = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], he = {
+}, _t = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], Ce = {
   compose: (e = "exited", t) => {
-    const { enter: n, exit: o } = t, s = n.transitionKeys.split(" "), i = kt.indexOf(s[0]) > -1 ? "transform" : "opacity";
-    if (wt(e))
-      return s && s.length > 0 ? L`
-                    ${s && s.length > 0 && s.map((l) => K[l] ? K[l].in : "")}
+    const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), i = _t.indexOf(r[0]) > -1 ? "transform" : "opacity";
+    if (Dt(e))
+      return r && r.length > 0 ? L`
+                    ${r && r.length > 0 && r.map((l) => K[l] ? K[l].in : "")}
                     transition: ${i} ${n.duration}ms ${n.easing};
                 ` : "";
-    const a = s && s.length > 0 && L`
-                ${s.map((l) => K[l] ? K[l].out : "")}
+    const a = r && r.length > 0 && L`
+                ${r.map((l) => K[l] ? K[l].out : "")}
             `;
-    if ($t(e)) {
+    if (Vt(e)) {
       const l = o.transitionKeys.split(" ");
       return l && l.length > 0 && e === "exiting" ? L`
                     ${a};
@@ -78,7 +95,7 @@ const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exitin
   },
   composeViewTransition: (e, t, n) => {
     if (t === "slide")
-      return he.compose(e, {
+      return Ce.compose(e, {
         enter: {
           transitionKeys: n === "forth" ? "slide-right" : "slide-left",
           duration: 500
@@ -89,7 +106,7 @@ const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exitin
         }
       });
     if (t === "fade")
-      return he.compose(e, {
+      return Ce.compose(e, {
         enter: {
           transitionKeys: "fade",
           duration: 500
@@ -102,14 +119,14 @@ const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exitin
   },
   get: (e) => K[e]
 };
-var pe = /* @__PURE__ */ ((e) => (e.Opera = "opera", e.Chrome = "chrome", e.Firefox = "firefox", e.Safari = "safari", e.Edge = "edge", e.EdgeChromium = "edge-chromium", e.Blink = "blink", e.IE = "internet-explorer", e))(pe || {});
-const Ne = () => {
+var 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 = () => {
   const {
     opr: e,
     opera: t,
     InstallTrigger: n,
     HTMLElement: o,
-    safari: s,
+    safari: r,
     documentMode: i,
     StyleMedia: a,
     chrome: l,
@@ -119,13 +136,13 @@ const Ne = () => {
     return "opera";
   if (n)
     return "firefox";
-  const m = ((f) => f.toString() === "[object SafariRemoteNotification]")(!s || typeof s != "undefined" && s.pushNotification);
+  const m = ((h) => h.toString() === "[object SafariRemoteNotification]")(!r || typeof r != "undefined" && r.pushNotification);
   if (/constructor/i.test(o) || m)
     return "safari";
-  const p = !!i;
-  if (p)
+  const f = !!i;
+  if (f)
     return "internet-explorer";
-  if (!p && !!a)
+  if (!f && !!a)
     return "edge";
   const d = !!l && (!!l.webstore || !!l.runtime);
   if (d)
@@ -134,54 +151,54 @@ const Ne = () => {
     return "edge-chromium";
   if ((d || c) && !!u)
     return "blink";
-}, Lt = ["string", "number"], V = (e) => Object.keys(e).reduce((t, n) => {
-  const o = typeof e[n] == "undefined" ? "" : e[n], s = typeof o;
-  if (Lt.indexOf(s) > -1) {
+}, Bt = ["string", "number"], B = (e) => Object.keys(e).reduce((t, n) => {
+  const o = typeof e[n] == "undefined" ? "" : e[n], r = typeof o;
+  if (Bt.indexOf(r) > -1) {
     const i = n.substring(0, 5);
-    i === "data-" || i === "aria-" ? t[bt(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
+    i === "data-" || i === "aria-" ? t[Mt(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
   } else
     t[n] = o;
   return t;
-}, {}), Mt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ r.createElement(Kn, h({}, t)) : null, go = Mt, St = (e) => new RegExp("^#", "i").test(e), Rt = (e) => (o) => {
-  var s = o, { children: t } = s, n = S(s, ["children"]);
+}, {}), Nt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ s.createElement(eo, p({}, t)) : null, Pr = Nt, Pt = (e) => new RegExp("^#", "i").test(e), It = (e) => (o) => {
+  var r = o, { children: t } = r, n = S(r, ["children"]);
   const {
     implementation: i,
     name: a
   } = e.get("$widget"), { href: l = "" } = n;
-  if (St(l))
-    return /* @__PURE__ */ r.createElement(Zt, { smooth: !0, to: l }, t);
-  const u = i.bindings.map((p) => p.replace(/\./g, "\\.")).join("|"), m = new RegExp(`^((http[s]?:)?//)?(${u})/([^\\s]+)`).exec(l);
+  if (Pt(l))
+    return /* @__PURE__ */ s.createElement(Ut, { smooth: !0, to: l }, t);
+  const u = i.bindings.map((f) => f.replace(/\./g, "\\.")).join("|"), m = new RegExp(`^((http[s]?:)?//)?(${u})/([^\\s]+)`).exec(l);
   if (m && m.length >= 4) {
-    const p = m[4];
-    if (i.widgets.get(p) && !p.startsWith("blob?") && !p.startsWith(a))
-      return /* @__PURE__ */ r.createElement(eo, { widgetName: p }, t);
+    const f = m[4];
+    if (i.widgets.get(f) && !f.startsWith("blob?") && !f.startsWith(a))
+      return /* @__PURE__ */ s.createElement(dr, { widgetName: f }, t);
   }
-  return /* @__PURE__ */ r.createElement("a", h({}, n), t);
-}, Ht = Rt, Oe = (e) => {
+  return /* @__PURE__ */ s.createElement("a", p({}, n), t);
+}, Wt = It, Qe = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
     n.indexOf("css-") > -1 && (t[n] = e[n]);
   }), t;
-}, Tt = (e) => {
+}, Zt = (e) => {
   let t = "";
-  return Object.keys(Oe(e)).forEach((n) => {
+  return Object.keys(Qe(e)).forEach((n) => {
     n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
   }), L`
         ${t}
     `;
-}, Dt = Oe, Bt = (e, t) => {
+}, Ot = Qe, Ft = (e, t) => {
   let n = "";
   const o = () => {
     n = "";
-  }, s = (p) => {
+  }, r = (f) => {
     const d = document.getElementById(n);
-    return d !== null ? (p(d), o(), !0) : !1;
-  }, i = (p) => (p.preventDefault(), o(), e.onClick && e.onClick(p), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && s(
+    return d !== null ? (f(d), o(), !0) : !1;
+  }, i = (f) => (f.preventDefault(), o(), e.onClick && e.onClick(f), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && r(
     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__ */ r.createElement(t, k(h({}, c), { onClick: i }), e.children);
-}, ie = (e) => (t, n) => {
-  let o = t, s = "";
+  return t === "a" && (c.href = "javascript:;"), /* @__PURE__ */ s.createElement(t, k(p({}, c), { onClick: i }), e.children);
+}, ce = (e) => (t, n) => {
+  let o = t, r = "";
   if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(t))
     o = t;
   else {
@@ -189,37 +206,37 @@ const Ne = () => {
     if (l != null && l[0]) {
       o = l[0];
       const [u] = t.split(o);
-      s = u;
+      r = u;
     }
   }
-  const a = ((l, u, c) => c[l] ? `${u}${c[l]}` : `${u}${l}`)(o, s, e.theme.typographyVariantMapping || {});
+  const a = ((l, u, c) => c[l] ? `${u}${c[l]}` : `${u}${l}`)(o, r, e.theme.typographyVariantMapping || {});
   return L`
         ${a} {
             ${n}
         }
     `;
 };
-function zt(e, t) {
-  return t ? ze(e, t) : ze(e);
+function At(e, t) {
+  return t ? Ie(e, t) : Ie(e);
 }
-const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBody: e }), Vt = (e, t) => ({
+const jt = (e) => (t) => /* @__PURE__ */ s.createElement(Fo, { attrs: t, htmlBody: e }), Kt = (e, t) => ({
   transform: {
-    a: Ht(e),
-    img: Nt(t)
+    a: Wt(e),
+    img: jt(t)
   }
-}), Wt = (e) => Bt(e, "a"), Zt = Wt, ae = N((s, o) => {
-  var i = s, { className: e, children: t } = i, n = S(i, ["className", "children"]);
-  return /* @__PURE__ */ r.createElement(
-    It,
-    k(h({
+}), Yt = (e) => Ft(e, "a"), Ut = Yt, le = _((r, o) => {
+  var i = r, { className: e, children: t } = i, n = S(i, ["className", "children"]);
+  return /* @__PURE__ */ s.createElement(
+    Xt,
+    k(p({
       type: "button",
       className: M(e, "humany-button")
-    }, V(n)), {
+    }, B(n)), {
       ref: o
     }),
     t
   );
-}), It = y.button`
+}), Xt = y.button`
     -webkit-appearance: button;
     text-transform: none;
     overflow: visible;
@@ -232,8 +249,8 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     line-height: normal;
     margin: 0;
     padding: 0;
-`, Ot = (s) => {
-  var i = s, {
+`, qt = (r) => {
+  var i = r, {
     onChange: e = () => {
     },
     onEnter: t = () => {
@@ -244,63 +261,63 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     "onEnter",
     "className"
   ]);
-  return /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ s.createElement(
     "input",
-    h({
+    p({
       className: M(n, "humany-checkbox"),
       onKeyDown: (a) => {
         a.key === "Enter" && t(a);
       },
       onChange: (a) => e(a.target.value, a.currentTarget.checked)
-    }, V(o))
+    }, B(o))
   );
-}, Co = Ot, Pt = U(new ut()), Ft = U(1), Pe = U({
+}, Ir = qt, Qt = Q(new wt()), Gt = Q(1), Ge = Q({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), At = U({}), Kt = U(null), Yt = U(null), jt = () => Y(Pe), ye = jt, Xt = () => Y(Pt), W = Xt, Ut = (e, t) => {
-  const n = ye().id, o = W();
-  return (s, i) => {
+}), Jt = Q({}), en = Q(null), tn = Q(null), nn = () => U(Ge), Ee = nn, on = () => U(Qt), N = on, rn = (e, t) => {
+  const n = Ee().id, o = N();
+  return (r, i) => {
     (t || o).getAsync("actionResolver").then((a) => {
-      a.action(e || n, s, i);
+      a.action(e || n, r, i);
     });
   };
-}, yo = Ut, _t = (e) => {
-  const t = Y(Pe), n = _(), [o, s] = $();
-  return v(() => {
+}, Wr = rn, sn = (e) => {
+  const t = U(Ge), n = G(), [o, r] = $();
+  return w(() => {
     if ((e || t.id) && n) {
       const i = n.nodes.get(e || t.id);
-      s(i);
+      r(i);
     }
   }, [e, t.id, n]), o;
-}, be = _t, qt = () => {
+}, xe = sn, an = () => {
   const e = R(!1);
-  return v(() => (e.current = !0, () => {
+  return w(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
-}, O = qt, Qt = (e) => {
-  const t = W(), [n, o] = $(null), s = O();
-  return v(() => {
-    ht.getInstance(e || t).then((i) => {
-      s.current && o(i);
+}, O = an, cn = (e) => {
+  const t = N(), [n, o] = $(null), r = O();
+  return w(() => {
+    je.getInstance(e || t).then((i) => {
+      r.current && o(i);
     });
-  }, [s]), n;
-}, _ = Qt, Gt = () => {
-  const e = be(), t = _(), [n, o] = $([]), s = O(), i = H(
+  }, [r]), n;
+}, G = cn, ln = () => {
+  const e = xe(), t = G(), [n, o] = $([]), r = O(), i = T(
     (a) => {
-      if (t && s.current && a) {
-        const l = t.getBranch(a), u = a.getChildren(l).map((c) => pt(c));
+      if (t && r.current && a) {
+        const l = t.getBranch(a), u = a.getChildren(l).map((c) => Ke(c));
         o(u);
       }
     },
-    [s, t, o, e]
+    [r, t, o, e]
   );
-  return v(() => {
+  return w(() => {
     e && i(e);
-  }, [e, t]), v(() => {
+  }, [e, t]), w(() => {
     if (t) {
-      const [a, l] = gt(t.events);
+      const [a, l] = kt(t.events);
       return a("components:set-layout", (u, c) => {
         (e === c.node.parent || c.node.parent === t.nodes.root) && i(c.node.parent);
       }), a("components:node-appended", (u, c) => {
@@ -312,9 +329,9 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       };
     }
   }, [e, t, i]), n;
-}, bo = Gt, Jt = () => Y(Ft), vo = Jt, en = (e, t) => {
-  const n = ye(), o = W(), [s, i] = $(void 0), a = O(), l = e || n.type || "";
-  return v(() => {
+}, Zr = ln, un = () => U(Gt), Or = un, dn = (e, t) => {
+  const n = Ee(), o = N(), [r, i] = $(void 0), a = O(), l = e || n.type || "";
+  return w(() => {
     if (l) {
       let u;
       return (t || o).getAsync("componentResolver").then((c) => {
@@ -329,17 +346,17 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         u && u();
       };
     }
-  }, [a, l, t, o]), s;
-}, Eo = en, tn = (e) => {
-  const t = be(e), n = _(), [o, s] = $({}), i = O();
-  return v(() => {
-    t && i.current && s(t.attributes.context);
-  }, [i, t]), v(() => {
+  }, [a, l, t, o]), r;
+}, Fr = dn, mn = (e) => {
+  const t = xe(e), n = G(), [o, r] = $({}), i = O();
+  return w(() => {
+    t && i.current && r(t.attributes.context);
+  }, [i, t]), w(() => {
     if (n) {
       const a = n.events.subscribe(
         "components:context-changed",
         (l, u) => {
-          t === u.node && i.current && s(u.node.attributes.context);
+          t === u.node && i.current && r(u.node.attributes.context);
         }
       );
       return () => {
@@ -347,11 +364,11 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       };
     }
   }, [i, n, t]), o;
-}, nn = tn, rn = () => Y(Yt), xo = rn, on = () => {
-  const e = _(), t = ye(), [n, o] = $([]), [s, i] = $();
-  return v(() => {
+}, hn = mn, fn = () => U(tn), Ar = fn, pn = () => {
+  const e = G(), t = Ee(), [n, o] = $([]), [r, i] = $();
+  return w(() => {
     if (e && t) {
-      const a = new Ct(e).withId(t.id), l = e.actions(a, t.type || Q());
+      const a = new Lt(e).withId(t.id), l = e.actions(a, t.type || ee());
       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));
@@ -363,59 +380,59 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       resolve: u,
       reject: c
     });
-  }) : s.dispatch(a, l);
-}, wo = on, I = (e, t, n = window, o = () => !0) => {
-  const s = R(() => {
+  }) : r.dispatch(a, l);
+}, jr = pn, Z = (e, t, n = window, o = () => !0) => {
+  const r = R(() => {
   });
-  v(() => {
-    s.current = t;
-  }, [t]), v(() => {
+  w(() => {
+    r.current = t;
+  }, [t]), w(() => {
     if (!(n && o()))
       return;
-    const a = (l) => s.current(l);
+    const a = (l) => r.current(l);
     return n.addEventListener(e, a), () => {
       n.removeEventListener(e, a);
     };
   }, [e, n]);
-}, sn = (e) => {
-  const t = W(), { events: n } = (e || t).get("$widget");
+}, gn = (e) => {
+  const t = N(), { events: n } = (e || t).get("$widget");
   return n;
-}, an = sn, cn = () => {
+}, Cn = gn, yn = () => {
   const [e, t] = $(!1);
-  return v(() => {
+  return w(() => {
     const n = () => {
       t(!1);
-    }, o = (s) => {
-      s.keyCode === 9 && t(!0);
+    }, o = (r) => {
+      r.keyCode === 9 && t(!0);
     };
     return window.addEventListener("keydown", o), window.addEventListener("click", n), () => {
       window.removeEventListener("keydown", o), window.removeEventListener("click", n);
     };
   }, []), e;
-}, $o = cn, ln = (e, t) => {
-  const [n, o] = $(!1), s = H(
+}, Kr = yn, bn = (e, t) => {
+  const [n, o] = $(!1), r = T(
     (a) => {
       const { key: l } = a;
       l === e && (o(!0), t && t(a));
     },
     [o, t]
-  ), i = H(
+  ), i = T(
     ({ key: a }) => {
       a === e && o(!1);
     },
     [o]
   );
-  return I("keydown", s, window), I("keyup", i, window), n;
-}, X = ln, un = (e) => {
-  const t = be(e), n = _(), [o, s] = $({}), i = O();
-  return v(() => {
-    t && i.current && s(t.attributes.layout);
-  }, [t, i]), v(() => {
+  return Z("keydown", r, window), Z("keyup", i, window), n;
+}, q = bn, vn = (e) => {
+  const t = xe(e), n = G(), [o, r] = $({}), i = O();
+  return w(() => {
+    t && i.current && r(t.attributes.layout);
+  }, [t, i]), w(() => {
     if (n) {
       const a = n.events.subscribe(
         "components:layout-changed",
         (l, u) => {
-          t === u.node && i.current && s(u.node.attributes.layout);
+          t === u.node && i.current && r(u.node.attributes.layout);
         }
       );
       return () => {
@@ -423,86 +440,86 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       };
     }
   }, [n, i, t]), o;
-}, ko = un, mn = (e) => {
+}, Yr = vn, wn = (e) => {
   const t = R();
-  return v(() => {
+  return w(() => {
     t.current = e;
   }), t.current;
-}, Fe = mn, dn = () => Y(At), Lo = dn, fn = (e) => {
-  const [t, n] = $(), o = W(), s = O();
-  return v(() => {
+}, Je = wn, En = () => U(Jt), Ur = En, xn = (e) => {
+  const [t, n] = $(), o = N(), r = O();
+  return w(() => {
     let i;
     const a = (e || o).get("$widget");
     if (!a)
       return;
     const { name: l, invoke: u } = a;
     return u("renderState").then((c) => {
-      s.current && n(c);
+      r.current && n(c);
     }), (e || o).getAsync("actionResolver").then((c) => {
-      i = c.subscribe(l, (m, p) => {
-        switch (p) {
+      i = c.subscribe(l, (m, f) => {
+        switch (f) {
           case "close":
           case "open":
-            s.current && n(
-              p === "open" ? oe.open : oe.closed
+            r.current && n(
+              f === "open" ? ie.open : ie.closed
             );
             break;
           case "hide":
-            s.current && n(oe.hidden);
+            r.current && n(ie.hidden);
         }
       });
     }), () => {
       i && i();
     };
-  }, [s]), t;
-}, Mo = fn, hn = () => Y(Kt), Ae = hn, pn = (e) => {
-  const t = W(), n = Ae(), [o, s] = $({ name: "", params: {} }), i = O();
-  return v(() => {
+  }, [r]), t;
+}, Xr = xn, $n = () => U(en), et = $n, kn = (e) => {
+  const t = N(), n = et(), [o, r] = $({ name: "", params: {} }), i = O();
+  return w(() => {
     const a = (e || t).get("$widget");
     if (!a)
       return;
     const { events: l } = a;
     return l.subscribe("router:change", (c, { next: { routeData: m } }) => {
       if (i.current) {
-        const { name: p, params: d } = m;
-        De(d), s({ name: p, params: d });
+        const { name: f, params: d } = m;
+        Ne(d), r({ name: f, params: d });
       }
     });
-  }, [i, e, t]), v(() => {
+  }, [i, e, t]), w(() => {
     if (n && n.history && i.current) {
       const a = n.getRouteData(), { name: l, params: u } = a;
-      De(u), s({ name: l, params: u });
+      Ne(u), r({ name: l, params: u });
     }
   }, [n, i]), o;
-}, So = pn, Ke = (e) => {
+}, qr = kn, tt = (e) => {
   const t = R(), n = R(0);
   let o;
-  const s = H(() => {
+  const r = T(() => {
     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 = H(
+  }, [t]), i = T(
     (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 = H(
+  ), 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(
     (c) => {
       if (!c.cancelable)
         return;
-      const m = c.touches[0].clientY, p = a(c.target);
-      if (!p)
+      const m = c.touches[0].clientY, f = a(c.target);
+      if (!f)
         return;
-      const d = p.scrollTop, f = n.current - m < 0 ? "up" : "down", C = d <= 0 && f === "up", x = d >= p.scrollHeight - p.offsetHeight && f === "down";
-      (C || x) && c.preventDefault(), n.current = m;
+      const d = f.scrollTop, h = n.current - m < 0 ? "up" : "down", C = d <= 0 && h === "up", E = d >= f.scrollHeight - f.offsetHeight && h === "down";
+      (C || E) && c.preventDefault(), n.current = m;
     },
     [t, n]
   );
-  return I("scroll", s, t.current, () => t.current && e), I("touchstart", i, t.current, () => t.current && e), I("touchmove", u, t.current, () => t.current && e), e ? [gn, t] : ["", t];
-}, gn = `
-    overflow-y: ${Ne() === pe.Chrome || Ne() === pe.EdgeChromium ? "overlay" : "auto"};
+  return Z("scroll", r, t.current, () => t.current && e), Z("touchstart", i, t.current, () => t.current && e), Z("touchmove", u, t.current, () => t.current && e), e ? [Ln, t] : ["", t];
+}, Ln = `
+    overflow-y: ${Ze() === ye.Chrome || Ze() === ye.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
     scrollbar-width: thin; /* Firefox */
@@ -529,65 +546,65 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             background-color: #7F7F7F;
         }
     }
-`, Cn = () => {
-  const [e, t] = $(null), n = W(), o = O();
-  return v(() => {
-    n.get("settings").then((s) => {
-      o.current && t(s);
+`, Mn = () => {
+  const [e, t] = $(null), n = N(), o = O();
+  return w(() => {
+    n.get("settings").then((r) => {
+      o.current && t(r);
     });
   }, [o]), e;
-}, Ro = Cn, yn = (e = !1) => {
-  const [t, n] = $(e), o = H((s) => {
-    n(typeof s == "boolean" ? s : (i) => !i);
+}, Qr = Mn, Sn = (e = !1) => {
+  const [t, n] = $(e), o = T((r) => {
+    n(typeof r == "boolean" ? r : (i) => !i);
   }, []);
   return [t, o];
-}, Ye = yn, Ho = (e) => {
-  const t = W(), n = _(), o = t.get("widgetDOMElement"), [s, i] = $(null), [a, l] = $(null), u = O();
-  v(() => {
+}, nt = Sn, Gr = (e) => {
+  const t = N(), n = G(), o = t.get("widgetDOMElement"), [r, i] = $(null), [a, l] = $(null), u = O();
+  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))
+      const m = n.nodes.all.find((d) => d.name === "root-area"), f = n.nodes.all.find((d) => d.type === "view");
+      if (!(f != null && f.attributes.properties.animation) && !(m != null && m.attributes.properties.animation))
         e();
       else {
-        const d = (x = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${x}"]`), f = d(p == null ? void 0 : p.id);
-        f && i(f);
+        const d = (E = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${E}"]`), h = d(f == null ? void 0 : f.id);
+        h && i(h);
         const C = d(m == null ? void 0 : m.id);
         C && l(C);
       }
     }
   }, [n, t, u]);
-  const c = H(
+  const c = T(
     (m) => {
-      u.current && (m.target === s || m.target === a) && e();
+      u.current && (m.target === r || m.target === a) && e();
     },
-    [e, u, s, a]
+    [e, u, r, a]
   );
-  I("transitionend", c, s), I("transitionend", c, a);
-}, bn = (e, t, n = [], o) => {
-  const s = an(o);
-  return v(() => {
-    if (s) {
-      const i = s.subscribe(e, t);
+  Z("transitionend", c, r), Z("transitionend", c, a);
+}, Rn = (e, t, n = [], o) => {
+  const r = Cn(o);
+  return w(() => {
+    if (r) {
+      const i = r.subscribe(e, t);
       return () => {
         i();
       };
     }
-  }, [s].concat(n)), (i) => s == null ? void 0 : s.dispatch(e, i);
-}, ce = bn, vn = (e, t) => {
-  const n = ce("widget:menu-toggled", (o, s) => {
-    s !== e && t();
+  }, [r].concat(n)), (i) => r == null ? void 0 : r.dispatch(e, i);
+}, ue = Rn, Tn = (e, t) => {
+  const n = ue("widget:menu-toggled", (o, r) => {
+    r !== e && t();
   });
   return () => n(e);
-}, ve = vn, En = (o) => {
-  var s = o, { className: e, children: t } = s, n = S(s, ["className", "children"]);
-  return /* @__PURE__ */ r.createElement(
+}, $e = Tn, zn = (o) => {
+  var r = o, { className: e, children: t } = r, n = S(r, ["className", "children"]);
+  return /* @__PURE__ */ s.createElement(
     "span",
-    h({
+    p({
       className: M(e, "humany-text")
-    }, V(n)),
+    }, B(n)),
     t
   );
-}, Ee = En, je = (e) => L`
+}, ke = zn, ot = (e) => L`
     display: flex;
     justify-content: center;
     flex-direction: column;
@@ -596,7 +613,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     border: ${e.theme.border};
     box-shadow: ${e.theme.boxShadow || "none"};
     ${e["data-loading"] && "min-height: 150px;"}
-`, xn = (e) => {
+`, Hn = (e) => {
   var t, n, o;
   return L`
     cursor: pointer;
@@ -608,11 +625,11 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     font-family: ${(n = e.theme.fonts) == null ? void 0 : n.type};
     font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
 `;
-}, To = (e) => {
+}, Jr = (e) => {
   var a;
-  const { primaryColor: t, secondaryColor: n, active: o, theme: s, disabled: i } = e;
+  const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: i } = e;
   return L`
-        ${xn(e)}
+        ${Hn(e)}
         border: 1px solid ${o ? n : t};
         background-color: ${o ? t : n};
 
@@ -625,7 +642,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         a {
             transition: color 200ms ease-out;
             color: ${o ? n : t};
-            font-size: ${(a = s.fonts) == null ? void 0 : a.normal};
+            font-size: ${(a = r.fonts) == null ? void 0 : a.normal};
         }
 
         ${!i && L`
@@ -642,27 +659,27 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
 
             &:focus-visible {
-                ${A(e)};
+                ${j(e)};
             }
         `}
     `;
-}, A = (e) => {
+}, j = (e) => {
   var t, n, o;
   return L`
     outline: ${(t = e.theme.accessibility) == null ? void 0 : t.border};
     color: ${(o = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : o.inactiveText};
     border-color: transparent;
 `;
-}, wn = (e) => L`
-    ${A(e)}
+}, Dn = (e) => L`
+    ${j(e)}
     text-decoration: underline;
-`, Do = (e) => {
+`, es = (e) => {
   var t;
   return L`
-    ${A(e)}
+    ${j(e)}
     outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
 `;
-}, xe = y(ae)`
+}, Le = y(le)`
     position: absolute;
     top: ${(e) => {
   var t;
@@ -682,7 +699,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     }
 
     &:focus-visible {
-        ${A}
+        ${j}
         padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -690,7 +707,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         height: 15px;
         box-sizing: content-box;
     }
-`, Ve = y(Ee)`
+`, Oe = y(ke)`
     font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -701,7 +718,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, $n = (e) => {
+`, Vn = (e) => {
   var t;
   return L`
     padding: 0;
@@ -723,11 +740,11 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         margin: 0;
     }
 `;
-}, Bo = (e) => {
-  var t, n, o, s;
+}, ts = (e) => {
+  var t, n, o, r;
   return L`
     > div {
-        ${ie(e)(
+        ${ce(e)(
     "> h1",
     L`
                 margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
@@ -739,15 +756,15 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
   )}
     }
     > ul {
-        ${$n(e)}
+        ${Vn(e)}
     }
-    ${ie(e)(
+    ${ce(e)(
     "h1",
     L`
             display: flex;
             align-items: center;
             i {
-                margin: 7px ${(s = e.theme.sizes) == null ? void 0 : s.normal} 0 0;
+                margin: 7px ${(r = e.theme.sizes) == null ? void 0 : r.normal} 0 0;
                 width: 24px;
                 display: inline-block;
                 vertical-align: text-bottom;
@@ -759,8 +776,8 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         `
   )}
 `;
-}, zo = (e) => {
-  var t, n, o, s, i, a;
+}, ns = (e) => {
+  var t, n, o, r, i, a;
   return L`
     font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
     font-weight: 300;
@@ -788,7 +805,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     a {
         color: ${(o = e.theme.colors) == null ? void 0 : o.link};
         &:focus-visible {
-            ${wn(e)};
+            ${Dn(e)};
         }
     }
 
@@ -799,7 +816,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
 
     p {
         word-break: break-word;
-        margin: ${(s = e.theme.sizes) == null ? void 0 : s.normal} 0;
+        margin: ${(r = e.theme.sizes) == null ? void 0 : r.normal} 0;
     }
 
     p:first-child {
@@ -814,19 +831,19 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         margin: 0;
     }
 `;
-}, kn = ({
+}, _n = ({
   elementId: e = "humany-portal-elements",
   parent: t = document.body,
   children: n
 }) => {
   const [o] = $(() => {
-    const s = document.getElementById(e) || document.createElement("div");
-    return s.id = e, s;
+    const r = document.getElementById(e) || document.createElement("div");
+    return r.id = e, r;
   });
-  return v(() => (t.appendChild(o), () => {
+  return w(() => (t.appendChild(o), () => {
     o.childElementCount <= 1 && t.removeChild(o);
-  }), [o]), Et(n, o);
-}, G = kn, Ln = (l) => {
+  }), [o]), Rt(n, o);
+}, te = _n, Bn = (l) => {
   var u = l, {
     text: e = "",
     backgroundSize: t = "contain",
@@ -835,7 +852,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       content: "",
       type: ""
     },
-    elementStyle: s = {},
+    elementStyle: r = {},
     className: i
   } = u, a = S(u, [
     "text",
@@ -845,7 +862,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     "elementStyle",
     "className"
   ]);
-  const { type: c, content: m } = o, p = {
+  const { type: c, content: m } = o, f = {
     "aria-label": e,
     role: "presentation"
   };
@@ -858,27 +875,27 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         backgroundPosition: "center",
         backgroundAttachment: "center"
       };
-      return /* @__PURE__ */ r.createElement(
+      return /* @__PURE__ */ s.createElement(
         "i",
-        h(h({
+        p(p({
           className: M(i, "humany-icon", "humany-custom-icon"),
           title: e,
-          style: h(h({}, d), s)
-        }, p), a)
+          style: p(p({}, d), r)
+        }, f), a)
       );
     }
     case "Svg": {
-      const d = k(h({
+      const d = k(p({
         className: M(i, "humany-icon"),
         width: `${n}`,
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, a), {
         ref: null
-      }), f = { minWidth: `${n}` };
+      }), h = { minWidth: `${n}` };
       switch (m) {
         case "search":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 32 30" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 32 30" }, d), /* @__PURE__ */ s.createElement(
             "circle",
             {
               cx: "14.8457",
@@ -886,9 +903,9 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               r: "8.14359",
               transform: "rotate(45 14.8457 14.5175)"
             }
-          ), /* @__PURE__ */ r.createElement("line", { x1: "21.1001", y1: "20.4865", x2: "26.5798", y2: "25.9661" }));
+          ), /* @__PURE__ */ s.createElement("line", { x1: "21.1001", y1: "20.4865", x2: "26.5798", y2: "25.9661" }));
         case "clear":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 27 27" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 27 27" }, d), /* @__PURE__ */ s.createElement(
             "circle",
             {
               cx: "13.4351",
@@ -897,7 +914,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               transform: "rotate(45 13.4351 13.435)",
               stroke: "black"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "line",
             {
               x1: "16.6172",
@@ -906,7 +923,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               y2: "16.6171",
               stroke: "black"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "line",
             {
               x1: "16.6171",
@@ -917,17 +934,17 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "close":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 13 13" }, d), /* @__PURE__ */ r.createElement("path", { d: "M12.3068 0.50647L1.27246 11.7273", stroke: "black" }), /* @__PURE__ */ r.createElement("path", { d: "M12.2812 11.9473L1.24686 0.726451", stroke: "black" }));
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 13 13" }, d), /* @__PURE__ */ s.createElement("path", { d: "M12.3068 0.50647L1.27246 11.7273", stroke: "black" }), /* @__PURE__ */ s.createElement("path", { d: "M12.2812 11.9473L1.24686 0.726451", stroke: "black" }));
         case "caret-right":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "4.13", y1: "1.05", x2: "10.13", y2: "7.05", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "10.13", y1: "6.95", x2: "4.13", y2: "12.95", stroke: "black" }));
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 14 14", style: h }, d), /* @__PURE__ */ s.createElement("line", { x1: "4.13", y1: "1.05", x2: "10.13", y2: "7.05", stroke: "black" }), /* @__PURE__ */ s.createElement("line", { x1: "10.13", y1: "6.95", x2: "4.13", y2: "12.95", stroke: "black" }));
         case "caret-left":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "10.13", y1: "12.95", x2: "4.13", y2: "6.95", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "4.13", y1: "7.05", x2: "10.13", y2: "1.05", stroke: "black" }));
+          return /* @__PURE__ */ s.createElement("svg", p({ 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__ */ r.createElement(Mn, h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
+          return /* @__PURE__ */ s.createElement(Nn, p({ 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__ */ r.createElement("svg", h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
+          return /* @__PURE__ */ s.createElement("svg", p({ 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":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 18 18" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 18 18" }, d), /* @__PURE__ */ s.createElement(
             "line",
             {
               y1: "-0.5",
@@ -936,7 +953,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               transform: "matrix(-0.682355 -0.731021 0.682355 -0.731021 13 16.9999)",
               stroke: "white"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "line",
             {
               y1: "-0.5",
@@ -947,7 +964,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "alert":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 19 19" }, d), /* @__PURE__ */ r.createElement("circle", { cx: "9.5", cy: "9.5", r: "9.5", fill: "#CA0813" }), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 19 19" }, d), /* @__PURE__ */ s.createElement("circle", { cx: "9.5", cy: "9.5", r: "9.5", fill: "#CA0813" }), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M10.36 4.878V8.882C10.36 9.30667 10.339 9.72433 10.297 10.135C10.255 10.541 10.199 10.9727 10.129 11.43H8.96C8.89 10.9727 8.834 10.541 8.792 10.135C8.75 9.72433 8.729 9.30667 8.729 8.882V4.878H10.36ZM8.463 14.048C8.463 13.9033 8.48867 13.7657 8.54 13.635C8.596 13.5043 8.67067 13.3923 8.764 13.299C8.862 13.2057 8.97633 13.131 9.107 13.075C9.23767 13.019 9.37767 12.991 9.527 12.991C9.67167 12.991 9.80933 13.019 9.94 13.075C10.0707 13.131 10.1827 13.2057 10.276 13.299C10.3693 13.3923 10.444 13.5043 10.5 13.635C10.556 13.7657 10.584 13.9033 10.584 14.048C10.584 14.1973 10.556 14.3373 10.5 14.468C10.444 14.594 10.3693 14.7037 10.276 14.797C10.1827 14.8903 10.0707 14.9627 9.94 15.014C9.80933 15.07 9.67167 15.098 9.527 15.098C9.37767 15.098 9.23767 15.07 9.107 15.014C8.97633 14.9627 8.862 14.8903 8.764 14.797C8.67067 14.7037 8.596 14.594 8.54 14.468C8.48867 14.3373 8.463 14.1973 8.463 14.048Z",
@@ -955,7 +972,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "send":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 20 17" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 20 17" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M18.95 8.56428L0.949951 0.941406V7.02531L13.6351 8.47059L0.950001 9.92276L0.949951 15.9414L18.95 8.56428Z",
@@ -965,7 +982,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "chat":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "-2 -3 40 40" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "-2 -3 40 40" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               strokeWidth: "0",
@@ -974,21 +991,21 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               d: "M16.9799 34C21.2676 34 25.1841 32.4256 28.1725 29.8285L34.9534 32.1994C35.7991 32.4951 36.553 31.5778 36.0892 30.8173L32.2559 24.5317C33.3474 22.3103 33.9598 19.8153 33.9598 17.1786C33.9598 7.88838 26.3576 0.357178 16.9799 0.357178C7.60216 0.357178 0 7.88838 0 17.1786C0 26.4688 7.60216 34 16.9799 34ZM30.7031 24.565C31.9094 22.3701 32.5948 19.8536 32.5948 17.1786C32.5948 8.6352 25.6038 1.70942 16.9799 1.70942C8.35601 1.70942 1.36498 8.6352 1.36498 17.1786C1.36498 25.722 8.35601 32.6478 16.9799 32.6478C21.1946 32.6478 25.0193 30.9935 27.8285 28.3047L34.3975 30.5798L30.7031 24.565Z",
               fill: "currentColor"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               strokeWidth: "0",
               d: "M12.9395 17.1786C12.9395 18.6079 11.7809 19.7665 10.3516 19.7665C8.92237 19.7665 7.76373 18.6079 7.76373 17.1786C7.76373 15.7493 8.92237 14.5907 10.3516 14.5907C11.7809 14.5907 12.9395 15.7493 12.9395 17.1786Z",
               fill: "currentColor"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               strokeWidth: "0",
               d: "M19.4093 17.1786C19.4093 18.6079 18.2507 19.7665 16.8214 19.7665C15.3921 19.7665 14.2335 18.6079 14.2335 17.1786C14.2335 15.7493 15.3921 14.5907 16.8214 14.5907C18.2507 14.5907 19.4093 15.7493 19.4093 17.1786Z",
               fill: "currentColor"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               strokeWidth: "0",
@@ -997,13 +1014,13 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "chat-new":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 26 24" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 26 24" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M22.1109 10.3813C22.3941 10.2876 22.6674 10.1722 22.9288 10.0371C23.1902 10.9797 23.33 11.9734 23.33 13C23.33 19.0751 18.4348 24 12.3962 24C9.6352 24 7.11325 22.9705 5.18893 21.2721L0.82251 22.8226C0.277922 23.0159 -0.207515 22.4161 0.0911259 21.9188L2.55952 17.8084C1.85665 16.3558 1.46233 14.7242 1.46233 13C1.46233 6.92487 6.35758 2 12.3962 2C13.4013 2 14.3747 2.13645 15.2992 2.39193C15.1628 2.65458 15.0464 2.92925 14.9519 3.21394C14.1358 2.99881 13.2793 2.88427 12.3962 2.88427C6.84301 2.88427 2.34128 7.41324 2.34128 13C2.34128 14.7493 2.78263 16.3949 3.5594 17.8302L1.18047 21.7634L5.41046 20.2757C7.21939 22.034 9.68221 23.1157 12.3962 23.1157C17.9493 23.1157 22.451 18.5868 22.451 13C22.451 12.0944 22.3328 11.2165 22.1109 10.3813Z",
               fill: "currentColor"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M25.6633 4C25.6633 6.20914 23.8724 8 21.6633 8C19.4541 8 17.6633 6.20914 17.6633 4C17.6633 1.79086 19.4541 0 21.6633 0C23.8724 0 25.6633 1.79086 25.6633 4Z",
@@ -1011,25 +1028,25 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "agent":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 36 30" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 36 30" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M0.900024 15.3887C0.900024 12.9034 2.91474 10.8887 5.40002 10.8887H6.28179V20.0995H5.40002C2.91474 20.0995 0.900024 18.0848 0.900024 15.5995V15.3887Z",
               stroke: "white"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M34.65 15.5996C34.65 18.0849 32.6353 20.0996 30.15 20.0996L29.2683 20.0996L29.2683 10.8888L30.15 10.8888C32.6353 10.8888 34.65 12.9035 34.65 15.3888L34.65 15.5996Z",
               stroke: "white"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M29.2565 20.5974C29.2565 26.341 22.8747 26.9792 19.6838 26.9792",
               stroke: "white"
             }
-          ), /* @__PURE__ */ r.createElement("circle", { cx: "17.4074", cy: "26.9795", r: "2.05271", stroke: "white" }), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement("circle", { cx: "17.4074", cy: "26.9795", r: "2.05271", stroke: "white" }), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M6.28467 12.9396C6.28467 11.195 6.28686 18.0452 6.28467 8.47234C6.28248 -1.10049 29.2591 -1.10047 29.259 8.47234C29.259 18.0452 29.2569 11.6631 29.259 12.9396",
@@ -1037,11 +1054,11 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "minimize":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 -10 22 22" }, d), /* @__PURE__ */ r.createElement("path", { d: "M0 1H22", stroke: "white" }));
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 -10 22 22" }, d), /* @__PURE__ */ s.createElement("path", { d: "M0 1H22", stroke: "white" }));
         case "sorting":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 18 14" }, d), /* @__PURE__ */ r.createElement("path", { d: "M18 1H0M8 13H0M13 7H0" }));
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 18 14" }, d), /* @__PURE__ */ s.createElement("path", { d: "M18 1H0M8 13H0M13 7H0" }));
         case "copy":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 19 17" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 19 17" }, d), /* @__PURE__ */ s.createElement(
             "rect",
             {
               x: "0.5",
@@ -1051,7 +1068,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               rx: "1.5",
               fill: "white"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "rect",
             {
               x: "6.83301",
@@ -1063,28 +1080,28 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "print":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 16 17" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 16 17" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M4.31592 0.999999C4.31592 0.723857 4.53977 0.5 4.81592 0.5H11.1845C11.4606 0.5 11.6845 0.723858 11.6845 1V4.53323H4.31592V0.999999Z",
               fill: "white",
               stroke: "black"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M0.5 4.84595C0.5 4.56981 0.723858 4.34595 1 4.34595H15C15.2761 4.34595 15.5 4.5698 15.5 4.84595V10.8399C15.5 11.116 15.2761 11.3399 15 11.3399H1C0.723858 11.3399 0.5 11.116 0.5 10.8399V4.84595Z",
               fill: "white",
               stroke: "black"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M4.31592 10.0061C4.31592 9.72996 4.53978 9.5061 4.81592 9.5061H11.1845C11.4606 9.5061 11.6845 9.72996 11.6845 10.0061V16.0001C11.6845 16.2762 11.4606 16.5001 11.1845 16.5001H4.81592C4.53978 16.5001 4.31592 16.2762 4.31592 16.0001V10.0061Z",
               fill: "white",
               stroke: "black"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "line",
             {
               x1: "5.29004",
@@ -1093,7 +1110,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               y2: "10.8323",
               stroke: "black"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "line",
             {
               x1: "5.29004",
@@ -1102,7 +1119,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               y2: "12.5242",
               stroke: "black"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "line",
             {
               x1: "5.29004",
@@ -1113,7 +1130,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "language":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 19 19" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 19 19" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M9.5 18C14.1944 18 18 14.1944 18 9.5C18 4.80558 14.1944 1 9.5 1M9.5 18C4.80558 18 1 14.1944 1 9.5C1 4.80558 4.80558 1 9.5 1M9.5 18C11.823 18 13.7062 14.1944 13.7062 9.5C13.7062 4.80558 11.823 1 9.5 1M9.5 18C7.17699 18 5.29381 14.1944 5.29381 9.5C5.29381 4.80558 7.17699 1 9.5 1M1.44333 6.78351H17.4742M1.3088 11.7784H17.6912",
@@ -1121,19 +1138,19 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "information":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 17 17" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 17 17" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M9.72182 5.99993C10.0524 5.99993 10.3203 5.73198 10.3203 5.40145C10.3203 5.07092 10.0524 4.80297 9.72182 4.80297C9.39129 4.80297 9.12335 5.07092 9.12335 5.40145C9.12335 5.73198 9.39129 5.99993 9.72182 5.99993Z",
               fill: "black"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M7.21887 6.67639C6.89117 6.71981 6.66072 7.02066 6.70414 7.34836C6.74756 7.67605 7.04841 7.9065 7.3761 7.86308L8.353 7.73364L7.17405 11.3945C7.11289 11.5844 7.15164 11.7825 7.26117 11.932C7.38068 12.1287 7.60875 12.2469 7.85155 12.2147L9.40669 12.0087C9.73436 11.9653 9.96479 11.6645 9.92137 11.3368C9.87795 11.0091 9.57713 10.7787 9.24947 10.8221L8.58762 10.9098L9.76774 7.24534C9.83038 7.05084 9.78821 6.84771 9.67254 6.69702C9.55085 6.50877 9.32791 6.39694 9.09093 6.42834L7.21887 6.67639Z",
               fill: "black"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1143,9 +1160,9 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "options":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 16 2" }, d), /* @__PURE__ */ r.createElement("circle", { cx: "15", cy: "1", r: "1", transform: "rotate(90 15 1)", fill: "black" }), /* @__PURE__ */ r.createElement("circle", { cx: "1", cy: "1", r: "1", transform: "rotate(90 1 1)", fill: "black" }), /* @__PURE__ */ r.createElement("circle", { cx: "8", cy: "1", r: "1", transform: "rotate(90 8 1)", fill: "black" }));
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 16 2" }, d), /* @__PURE__ */ s.createElement("circle", { cx: "15", cy: "1", r: "1", transform: "rotate(90 15 1)", fill: "black" }), /* @__PURE__ */ s.createElement("circle", { cx: "1", cy: "1", r: "1", transform: "rotate(90 1 1)", fill: "black" }), /* @__PURE__ */ s.createElement("circle", { cx: "8", cy: "1", r: "1", transform: "rotate(90 8 1)", fill: "black" }));
         case "browse":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement("circle", { cx: "12", cy: "12", r: "12", fill: "currentColor" }), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement("circle", { cx: "12", cy: "12", r: "12", fill: "currentColor" }), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1153,7 +1170,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               d: "M6.16663 7.33334C6.16663 6.68901 6.68896 6.16667 7.33329 6.16667H10.25C10.8943 6.16667 11.4166 6.68901 11.4166 7.33334V10.25C11.4166 10.8943 10.8943 11.4167 10.25 11.4167H7.33329C6.68896 11.4167 6.16663 10.8943 6.16663 10.25V7.33334ZM7.33329 7.04167H10.25C10.411 7.04167 10.5416 7.17226 10.5416 7.33334V10.25C10.5416 10.4111 10.411 10.5417 10.25 10.5417H7.33329C7.17221 10.5417 7.04163 10.4111 7.04163 10.25V7.33334C7.04163 7.17226 7.17221 7.04167 7.33329 7.04167Z",
               fill: "white"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1161,7 +1178,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               d: "M6.16663 13.75C6.16663 13.1057 6.68896 12.5833 7.33329 12.5833H10.25C10.8943 12.5833 11.4166 13.1057 11.4166 13.75V16.6667C11.4166 17.311 10.8943 17.8333 10.25 17.8333H7.33329C6.68896 17.8333 6.16663 17.311 6.16663 16.6667V13.75ZM7.33329 13.4583H10.25C10.411 13.4583 10.5416 13.5889 10.5416 13.75V16.6667C10.5416 16.8278 10.411 16.9583 10.25 16.9583H7.33329C7.17221 16.9583 7.04163 16.8278 7.04163 16.6667V13.75C7.04163 13.5889 7.17221 13.4583 7.33329 13.4583Z",
               fill: "white"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1169,7 +1186,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               d: "M13.75 6.16667C13.1056 6.16667 12.5833 6.68901 12.5833 7.33334V10.25C12.5833 10.8943 13.1056 11.4167 13.75 11.4167H16.6666C17.311 11.4167 17.8333 10.8943 17.8333 10.25V7.33334C17.8333 6.68901 17.311 6.16667 16.6666 6.16667H13.75ZM16.6666 7.04167H13.75C13.5889 7.04167 13.4583 7.17226 13.4583 7.33334V10.25C13.4583 10.4111 13.5889 10.5417 13.75 10.5417H16.6666C16.8277 10.5417 16.9583 10.4111 16.9583 10.25V7.33334C16.9583 7.17226 16.8277 7.04167 16.6666 7.04167Z",
               fill: "white"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1179,7 +1196,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "video":
-          return f.minWidth && typeof f.minWidth == "number" && (f.minWidth = `${f.minWidth}px`), /* @__PURE__ */ r.createElement("svg", k(h({ viewBox: "0 0 25 25" }, d), { style: f }), /* @__PURE__ */ r.createElement(
+          return h.minWidth && typeof h.minWidth == "number" && (h.minWidth = `${h.minWidth}px`), /* @__PURE__ */ s.createElement("svg", k(p({ viewBox: "0 0 25 25" }, d), { style: h }), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M16.8245 10.0758C18.7392 8.55799 21.3085 7.08973 21.7947 7.61552C22.5982 8.47863 22.5288 16.6929 21.7947 17.4766C21.3482 17.9627 18.7589 16.4945 16.8245 14.9866",
@@ -1188,7 +1205,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               strokeLinecap: "round",
               strokeLinejoin: "round"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1201,7 +1218,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "star-empty":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 13 12" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 13 12" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M2 5.2767L5.11944 4.81796L6.70023 2L7.96487 4.81796L11 5.51699L8.75527 7.64684L9.18735 11L6.42623 9.40534L3.62295 10.7925L4.21311 7.64684L2 5.2767Z",
@@ -1209,7 +1226,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "star-filled":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 13 12" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 13 12" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               d: "M2 5.2767L5.11944 4.81796L6.70023 2L7.96487 4.81796L11 5.51699L8.75527 7.64684L9.18735 11L6.42623 9.40534L3.62295 10.7925L4.21311 7.64684L2 5.2767Z",
@@ -1218,7 +1235,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "cog-wheel":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1228,7 +1245,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "zoom-in":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1236,7 +1253,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               d: "M21.9774 20.8287L17.9149 16.7662C17.8437 16.6957 17.76 16.639 17.668 16.5992C20.7612 12.9331 20.415 7.48045 16.883 4.23507C13.3509 0.989694 7.88848 1.10517 4.49673 4.49691C1.10499 7.88866 0.98951 13.3511 4.23489 16.8831C7.48027 20.4152 12.9329 20.7614 16.599 17.6682C16.6388 17.7601 16.6955 17.8439 16.766 17.9151L20.8285 21.9776C21.1457 22.2948 21.6601 22.2948 21.9774 21.9776C22.2947 21.6603 22.2947 21.1459 21.9774 20.8287ZM10.8404 18.1531C6.80186 18.1531 3.52794 14.8792 3.52794 10.8406C3.52794 6.80204 6.80186 3.52813 10.8404 3.52813C14.879 3.52813 18.1529 6.80204 18.1529 10.8406C18.1483 14.8773 14.8771 18.1484 10.8404 18.1531Z",
               fill: "white"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1244,7 +1261,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               d: "M10.8749 6.75003C11.2892 6.75003 11.6249 7.08581 11.6249 7.50003V14.25C11.6249 14.6642 11.2892 15 10.8749 15C10.4607 15 10.1249 14.6642 10.1249 14.25V7.50003C10.1249 7.08581 10.4607 6.75003 10.8749 6.75003Z",
               fill: "white"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1254,7 +1271,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "zoom-out":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1262,7 +1279,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
               d: "M22.1025 20.9536L18.04 16.8911C17.9688 16.8206 17.8851 16.764 17.7931 16.7241C20.8864 13.0581 20.5401 7.60539 17.0081 4.36001C13.476 1.11463 8.0136 1.23011 4.62185 4.62185C1.23011 8.0136 1.11463 13.476 4.36001 17.0081C7.60539 20.5401 13.0581 20.8864 16.7241 17.7931C16.764 17.8851 16.8206 17.9688 16.8911 18.04L20.9536 22.1025C21.2709 22.4198 21.7853 22.4198 22.1025 22.1025C22.4198 21.7853 22.4198 21.2709 22.1025 20.9536ZM10.9656 18.2781C6.92698 18.2781 3.65306 15.0041 3.65306 10.9656C3.65306 6.92698 6.92698 3.65306 10.9656 3.65306C15.0041 3.65306 18.2781 6.92698 18.2781 10.9656C18.2734 15.0022 15.0022 18.2734 10.9656 18.2781Z",
               fill: "white"
             }
-          ), /* @__PURE__ */ r.createElement(
+          ), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1272,7 +1289,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "download":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1282,7 +1299,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "lightbox-close":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -1293,7 +1310,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "pagination-left":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement(
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1303,14 +1320,14 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
           ));
         case "pagination-right":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement("path", { d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" }));
+          return /* @__PURE__ */ s.createElement("svg", p({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement("path", { d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" }));
       }
       return null;
     }
     case "FontAwesome":
-      return /* @__PURE__ */ r.createElement(
-        Un,
-        h({
+      return /* @__PURE__ */ s.createElement(
+        ro,
+        p({
           className: i,
           faIcon: m,
           title: e
@@ -1318,18 +1335,18 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
       );
     default:
     case "Text":
-      return e ? /* @__PURE__ */ r.createElement(
+      return e ? /* @__PURE__ */ s.createElement(
         "i",
-        h(h({
+        p(p({
           className: M(i, "humany-letter-symbol"),
           title: e
-        }, p), a),
+        }, f), a),
         e.substring(0, 2)
       ) : null;
   }
-}, Mn = y.svg`
+}, Nn = y.svg`
     transform: rotate(180deg);
-`, J = Ln, Sn = {
+`, ne = Bn, Pn = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1338,58 +1355,58 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
   h6: "h6",
   p: "p",
   span: "span"
-}, Rn = ({ variant: e, component: t, className: n, children: o }) => {
-  const { typographyVariantMapping: s = {} } = nn(), i = h(h({}, Sn), s), a = t || i[e] || "span";
-  return /* @__PURE__ */ r.createElement(Hn, { className: n, as: a }, o);
-}, Hn = y.span``, q = Rn;
-var Tn = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Tn || {});
-const Dn = 300, Bn = ({
+}, In = ({ variant: e, component: t, className: n, children: o }) => {
+  const { typographyVariantMapping: r = {} } = hn(), i = p(p({}, Pn), r), a = t || i[e] || "span";
+  return /* @__PURE__ */ s.createElement(Wn, { className: n, as: a }, o);
+}, Wn = y.span``, J = In;
+var Zn = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Zn || {});
+const On = 300, Fn = ({
   className: e,
   children: t,
   header: n,
   onToggle: o,
-  trigger: s,
+  trigger: r,
   fullScreen: i = !1,
   closeButtonAriaLabel: a,
   animation: l = {
     type: "slide-in-bottom"
   }
 }) => {
-  const { duration: u = Dn } = l, c = R(), m = R(), [p, d] = Ke(!0), [f, C] = Ye(), x = Fe(f), b = R(Q());
-  v(() => {
-    o && o(f);
-  }, [f]);
-  const E = X("Escape");
-  v(() => {
-    E && C(!1);
-  }, [E]), I(
+  const { duration: u = On } = l, c = R(), m = R(), [f, d] = tt(!0), [h, C] = nt(), E = Je(h), b = R(ee());
+  w(() => {
+    o && o(h);
+  }, [h]);
+  const v = q("Escape");
+  w(() => {
+    v && C(!1);
+  }, [v]), Z(
     "click",
-    (z) => {
-      const { target: T } = z;
-      !m.current || !d.current || !T || m.current !== T && d.current !== T && !d.current.contains(T) && !m.current.contains(T) && C(!1);
+    (V) => {
+      const { target: z } = V;
+      !m.current || !d.current || !z || m.current !== z && d.current !== z && !d.current.contains(z) && !m.current.contains(z) && C(!1);
     },
     window
   );
-  const g = ve(b.current, () => {
+  const g = $e(b.current, () => {
     C(!1);
   });
-  ce("router:changed", () => {
+  ue("router:changed", () => {
     C(!1);
-  }), v(() => {
-    f && c.current ? c.current.focus() : !f && m.current && x && m.current.focus();
-  }, [f, c.current, m.current]);
-  const B = In[l.type];
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-    Ie,
+  }), w(() => {
+    h && c.current ? c.current.focus() : !h && m.current && E && m.current.focus();
+  }, [h, c.current, m.current]);
+  const H = Xn[l.type];
+  return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
+    Xe,
     {
-      in: f,
+      in: h,
       className: "humany-drawer-transition",
       classNames: "humany-drawer-transition",
       unmountOnExit: !0,
       timeout: u
     },
-    /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      B,
+    /* @__PURE__ */ s.createElement(te, null, /* @__PURE__ */ s.createElement(
+      H,
       {
         duration: u,
         fullScreen: i,
@@ -1399,31 +1416,31 @@ const Dn = 300, Bn = ({
           `humany-drawer-${b.current}`
         ),
         clientHeight: document.body.clientHeight,
-        css: p,
+        css: f,
         ref: d
       },
-      /* @__PURE__ */ r.createElement(
-        xe,
+      /* @__PURE__ */ s.createElement(
+        Le,
         {
           onClick: () => C(!1),
           tabIndex: 0,
           ref: c,
           "aria-label": a
         },
-        /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ s.createElement(ne, { symbol: { type: "Svg", content: "close" } })
       ),
-      !!n && /* @__PURE__ */ r.createElement(zn, { variant: "h1", className: "humany-drawer-header" }, n),
+      !!n && /* @__PURE__ */ s.createElement(An, { variant: "h1", className: "humany-drawer-header" }, n),
       t
     ))
-  ), r.cloneElement(s, {
-    onClick: (z) => {
+  ), s.cloneElement(r, {
+    onClick: (V) => {
       C(), g();
     },
     ref: m,
-    "aria-label": s.props.title,
-    "aria-expanded": f
+    "aria-label": r.props.title,
+    "aria-expanded": h
   }));
-}, No = Bn, le = y.div`
+}, os = Fn, de = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -1440,7 +1457,7 @@ const Dn = 300, Bn = ({
     box-shadow: ${(e) => e.theme.boxShadow};
     background: #ffffff;
     ${(e) => e.css && e.css}
-`, zn = y(q)`
+`, An = y(J)`
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1463,11 +1480,11 @@ const Dn = 300, Bn = ({
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
     line-height: 1.2em;
-`, ue = (e) => L`
+`, me = (e) => L`
     transition: ${e.duration}ms;
-`, Nn = y(le)`
+`, jn = y(de)`
     max-height: 0;
-    ${ue}
+    ${me}
 
     &.humany-drawer-transition-enter {
         max-height: 0;
@@ -1482,8 +1499,8 @@ const Dn = 300, Bn = ({
     &.humany-drawer-transition-exit-done {
         max-height: 0;
     }
-`, Vn = y(le)`
-    ${ue}
+`, Kn = y(de)`
+    ${me}
     transform: translateX(100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1500,8 +1517,8 @@ const Dn = 300, Bn = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(100%);
     }
-`, Wn = y(le)`
-    ${ue}
+`, Yn = y(de)`
+    ${me}
     transform: translateX(-100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1518,8 +1535,8 @@ const Dn = 300, Bn = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(-100%);
     }
-`, Zn = y(le)`
-    ${ue}
+`, Un = y(de)`
+    ${me}
     bottom: unset;
     top: 0;
     height: 0;
@@ -1537,91 +1554,91 @@ const Dn = 300, Bn = ({
     &.humany-drawer-transition-exit-done {
         height: 0;
     }
-`, In = {
-  ["slide-in-bottom"]: Nn,
-  ["slide-in-right"]: Vn,
-  ["slide-in-left"]: Wn,
-  ["slide-in-top"]: Zn
-}, On = (e, t, n) => {
-  const [o, s] = $(0), [i, a] = $(0), l = H(
+`, Xn = {
+  ["slide-in-bottom"]: jn,
+  ["slide-in-right"]: Kn,
+  ["slide-in-left"]: Yn,
+  ["slide-in-top"]: Un
+}, qn = (e, t, n) => {
+  const [o, r] = $(0), [i, a] = $(0), l = T(
     (u, c) => {
       if (u.preventDefault(), c) {
         const m = c.getBoundingClientRect();
-        s(Math.max(document.body.clientWidth - m.right, 1)), a(m.bottom + window.scrollY);
+        r(Math.max(document.body.clientWidth - m.right, 1)), a(m.bottom + window.scrollY);
       }
     },
-    [o, i, s, a]
+    [o, i, r, a]
   );
-  return v(() => {
+  return w(() => {
     if (!n || !e)
       return;
     const u = n.getBoundingClientRect(), c = {
       x: o,
       y: i
     };
-    u.left < 0 && (c.x = 0), u.bottom > window.innerHeight && (c.y = 0), c.x !== o && s(c.x), c.y !== i && a(c.y);
+    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];
-}, Xe = On, Pn = r.forwardRef(
+}, rt = qn, Qn = s.forwardRef(
   (a, i) => {
-    var l = a, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = l, s = S(l, ["className", "children", "trigger", "closeButtonAriaLabel"]);
+    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();
-    Ce(i, () => m.current, [m.current]);
-    const p = R(Q()), [d, f] = $(!1), C = Fe(d), [{ x, y: b }, E] = Xe(d, p.current, m.current), g = X("Escape");
-    v(() => {
-      g && f(!1);
-    }, [g]), v(() => {
+    we(i, () => m.current, [m.current]);
+    const f = R(ee()), [d, h] = $(!1), C = Je(d), [{ x: E, y: b }, v] = rt(d, f.current, m.current), g = q("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]), I(
+    }, [d, u.current, c.current]), Z(
       "click",
-      (T) => {
-        const { target: j } = T;
-        !m.current || !j || m.current !== j && !m.current.contains(j) && f(!1);
+      (z) => {
+        const { target: I } = z;
+        !m.current || !I || m.current !== I && !m.current.contains(I) && h(!1);
       },
       window
-    ), ce("router:changed", () => {
-      f(!1);
+    ), ue("router:changed", () => {
+      h(!1);
     });
-    const B = ve(p.current, () => {
-      f(!1);
-    }), z = H(
-      (T) => {
-        T.stopPropagation(), E(T, c.current), f(!d), B();
+    const H = $e(f.current, () => {
+      h(!1);
+    }), V = T(
+      (z) => {
+        z.stopPropagation(), v(z, c.current), h(!d), H();
       },
-      [B, E, f]
+      [H, v, h]
     );
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, d && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      Fn,
-      k(h({
+    return /* @__PURE__ */ s.createElement(s.Fragment, null, d && /* @__PURE__ */ s.createElement(te, null, /* @__PURE__ */ s.createElement(
+      Gn,
+      k(p({
         className: M(
           "humany-dropdown",
-          `humany-dropdown-${p.current}`,
+          `humany-dropdown-${f.current}`,
           e
         )
-      }, s), {
-        x,
+      }, r), {
+        x: E,
         y: b,
         ref: m
       }),
-      /* @__PURE__ */ r.createElement(
-        xe,
+      /* @__PURE__ */ s.createElement(
+        Le,
         {
-          onClick: () => f(!1),
+          onClick: () => h(!1),
           tabIndex: 0,
           ref: u,
           "aria-label": o
         },
-        /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ s.createElement(ne, { symbol: { type: "Svg", content: "close" } })
       ),
       t
-    )), r.cloneElement(n, {
-      onClick: z,
+    )), s.cloneElement(n, {
+      onClick: V,
       ref: c,
       "aria-label": n.props.title,
       "aria-expanded": d
     }));
   }
-), Vo = Pn, Fn = y.div`
-    ${je}
+), rs = Qn, Gn = y.div`
+    ${ot}
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -1631,86 +1648,86 @@ const Dn = 300, Bn = ({
     box-shadow: ${(e) => e.theme.boxShadow};
 
     ${(e) => {
-  var n, o, s;
+  var n, o, r;
   let t = "";
-  return e.y > 0 ? t += `top: calc(${((n = e.theme.sizes) == null ? void 0 : n.small) || "0px"} + ${e.y || "0"}px);` : t += `bottom: ${((o = e.theme.sizes) == null ? void 0 : o.normal) || "0px"};`, e.x > 0 ? t += `right: ${e.x || "0"}px;` : t += `left: ${((s = e.theme.sizes) == null ? void 0 : s.normal) || "0px"};`, t;
+  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;
 }};
-`, An = (t) => {
+`, Jn = (t) => {
   var e = S(t, []);
-  return /* @__PURE__ */ r.createElement(Yn, h({}, e));
-}, Kn = An, Yn = y.div`
+  return /* @__PURE__ */ s.createElement(to, p({}, e));
+}, eo = Jn, to = y.div`
     display: none;
-`, Wo = N(
+`, ss = _(
   (a, i) => {
-    var l = a, { children: e, columns: t, gap: n, className: o } = l, s = S(l, ["children", "columns", "gap", "className"]);
-    return /* @__PURE__ */ r.createElement(
-      jn,
-      k(h(h({
+    var l = a, { children: e, columns: t, gap: n, className: o } = l, r = S(l, ["children", "columns", "gap", "className"]);
+    return /* @__PURE__ */ s.createElement(
+      no,
+      k(p(p({
         className: M(o, "humany-grid"),
         "data-columns": t,
         "data-gap": n
-      }, Dt(s)), V(s)), {
+      }, Ot(r)), B(r)), {
         ref: i
       }),
       e
     );
   }
-), jn = y.div`
+), no = y.div`
     display: grid;
     grid-template-columns: repeat(${(e) => e["data-columns"]}, 1fr);
     grid-gap: ${(e) => e["data-gap"]};
     justify-content: center;
     grid-auto-rows: max-content;
-    ${Tt}
-`, Ue = N(
-  (i, s) => {
+    ${Zt}
+`, st = _(
+  (i, r) => {
     var a = i, { htmlParseInstruction: e = null, className: t, html: n } = a, o = S(a, ["htmlParseInstruction", "className", "html"]);
-    const l = W(), [u, c] = $();
-    return v(() => {
-      const m = Vt(l, n), p = k(h(h({}, m), e), {
-        transform: h(h({}, m.transform), e == null ? void 0 : e.transform)
-      }), d = zt(n, p);
+    const l = N(), [u, c] = $();
+    return w(() => {
+      const m = Kt(l, n), f = k(p(p({}, m), e), {
+        transform: p(p({}, m.transform), e == null ? void 0 : e.transform)
+      }), d = At(n, f);
       c(d);
-    }, [n, e]), /* @__PURE__ */ r.createElement(
+    }, [n, e]), /* @__PURE__ */ s.createElement(
       "div",
-      k(h({
+      k(p({
         className: M(t, "humany-html")
-      }, V(o)), {
-        ref: s
+      }, B(o)), {
+        ref: r
       }),
       u
     );
   }
-), Xn = (i) => {
+), oo = (i) => {
   var a = i, {
     faIcon: e,
     title: t,
     className: n = "",
     role: o = "presentation"
-  } = a, s = S(a, [
+  } = a, r = S(a, [
     "faIcon",
     "title",
     "className",
     "role"
   ]);
-  return /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ s.createElement(
     "i",
-    h({
+    p({
       className: M(n, `fa fa-${e}`),
       title: t,
       role: o
-    }, V(s))
+    }, B(r))
   );
-}, Un = Xn, Zo = N(
-  (p, m) => {
-    var d = p, {
+}, ro = oo, is = _(
+  (f, m) => {
+    var d = f, {
       className: e = "",
       autoFocus: t = !1,
       onFocusChange: n = () => {
       },
       onEnter: o = () => {
       },
-      onEscape: s = () => {
+      onEscape: r = () => {
       },
       selectAllOnFocus: i,
       onChange: a = () => {
@@ -1728,19 +1745,19 @@ const Dn = 300, Bn = ({
       "disabled",
       "type"
     ]);
-    const [f, C] = $(t), x = R();
-    Ce(m, () => x.current), v(() => {
+    const [h, C] = $(t), E = R();
+    we(m, () => E.current), w(() => {
       var g;
-      t && ((g = x == null ? void 0 : x.current) == null || g.focus());
-    }, [t, m, x]);
-    const b = (g, B) => {
-      C(g), n && n(g), i && g && B.target.select();
-    }, E = k(h({}, V(c)), {
+      t && ((g = E == null ? void 0 : E.current) == null || g.focus());
+    }, [t, m, E]);
+    const b = (g, H) => {
+      C(g), n && n(g), i && g && H.target.select();
+    }, v = k(p({}, B(c)), {
       disabled: l,
       autoFocus: t,
       type: u,
       onKeyDown: (g) => {
-        g.key === "Enter" && f && o(g), g.key === "Escape" && f && s(g);
+        g.key === "Enter" && h && o(g), g.key === "Escape" && h && r(g);
       },
       onFocus: (g) => b(!0, g),
       onBlur: (g) => b(!1, g),
@@ -1748,64 +1765,64 @@ const Dn = 300, Bn = ({
       className: M(e, "humany-input"),
       "data-type": u
     });
-    return u !== "textarea" ? /* @__PURE__ */ r.createElement(
+    return u !== "textarea" ? /* @__PURE__ */ s.createElement(
       "input",
-      k(h({}, E), {
-        ref: x
+      k(p({}, v), {
+        ref: E
       })
-    ) : /* @__PURE__ */ r.createElement(
+    ) : /* @__PURE__ */ s.createElement(
       "textarea",
-      k(h({}, E), {
-        ref: x
+      k(p({}, v), {
+        ref: E
       })
     );
   }
-), _n = N(
+), so = _(
   (a, i) => {
-    var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, s = S(l, ["className", "items", "renderItem", "renderLi"]);
-    return /* @__PURE__ */ r.createElement(
+    var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, r = S(l, ["className", "items", "renderItem", "renderLi"]);
+    return /* @__PURE__ */ s.createElement(
       "ul",
-      k(h({
+      k(p({
         className: M(e, "humany-list"),
         "data-item-count": t.length
-      }, V(s)), {
+      }, B(r)), {
         ref: i
       }),
       t.map(
-        (u, c, m) => o ? /* @__PURE__ */ r.createElement("li", { className: "humany-list-item", key: u.id || c }, n(u, c, m)) : n(u, c, m)
+        (u, c, m) => o ? /* @__PURE__ */ s.createElement("li", { className: "humany-list-item", key: u.id || c }, n(u, c, m)) : n(u, c, m)
       )
     );
   }
-), qn = N(
+), io = _(
   (u, l) => {
-    var c = u, { text: e, html: t, header: n, className: o, htmlParseInstruction: s, symbol: i } = c, a = S(c, ["text", "html", "header", "className", "htmlParseInstruction", "symbol"]);
-    return /* @__PURE__ */ r.createElement(
+    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(h({
+      k(p({
         className: M(o, "humany-paragraph")
-      }, V(a)), {
+      }, B(a)), {
         ref: l
       }),
-      n ? /* @__PURE__ */ r.createElement(q, { variant: "h1" }, i ? /* @__PURE__ */ r.createElement(J, { symbol: i }) : null, n) : null,
-      t ? /* @__PURE__ */ r.createElement(Ue, { html: t, htmlParseInstruction: s }) : null,
-      e ? /* @__PURE__ */ r.createElement(Ee, null, e) : null
+      n ? /* @__PURE__ */ s.createElement(J, { variant: "h1" }, i ? /* @__PURE__ */ s.createElement(ne, { symbol: i }) : null, n) : null,
+      t ? /* @__PURE__ */ s.createElement(st, { html: t, htmlParseInstruction: r }) : null,
+      e ? /* @__PURE__ */ s.createElement(ke, null, e) : null
     );
   }
-), Qn = N(
-  (f, d) => {
-    var C = f, {
+), ao = _(
+  (h, d) => {
+    var C = h, {
       header: e,
       customHeader: t,
       text: n,
       html: o,
-      className: s,
+      className: r,
       children: i,
       symbol: a,
       items: l,
       renderItem: u,
       renderLi: c,
       ulProps: m
-    } = C, p = S(C, [
+    } = C, f = S(C, [
       "header",
       "customHeader",
       "text",
@@ -1818,59 +1835,59 @@ const Dn = 300, Bn = ({
       "renderLi",
       "ulProps"
     ]);
-    return /* @__PURE__ */ r.createElement(
+    return /* @__PURE__ */ s.createElement(
       "div",
-      k(h({
-        className: M(s, "humany-item-list"),
+      k(p({
+        className: M(r, "humany-item-list"),
         "data-item-count": l.length
-      }, V(p)), {
+      }, B(f)), {
         ref: d
       }),
-      t || (e || n || o ? /* @__PURE__ */ r.createElement(qn, { symbol: a, header: e, text: n, html: o }) : null),
-      l.length ? /* @__PURE__ */ r.createElement(_n, h({ items: l, renderItem: u, renderLi: c }, m)) : null,
+      t || (e || n || o ? /* @__PURE__ */ s.createElement(io, { symbol: a, header: e, text: n, html: o }) : null),
+      l.length ? /* @__PURE__ */ s.createElement(so, p({ items: l, renderItem: u, renderLi: c }, m)) : null,
       i
     );
   }
-), Gn = ({
+), co = ({
   className: e = "",
   tree: t,
   renderItem: n,
   rootItem: o,
-  renderUnselected: s = !0,
+  renderUnselected: r = !0,
   renderEmpty: i = !0,
   ulProps: a,
   liProps: l
 }) => {
-  const u = (p) => !c(p), c = (p) => !p || p.length < 1 ? !0 : !p.some((d) => !!d.selected), m = (p, d) => /* @__PURE__ */ r.createElement(
-    Qn,
+  const u = (f) => !c(f), c = (f) => !f || f.length < 1 ? !0 : !f.some((d) => !!d.selected), m = (f, d) => /* @__PURE__ */ s.createElement(
+    ao,
     {
       className: M(`humany-item-tree-level-${d}`),
-      items: p,
+      items: f,
       ulProps: a,
-      renderItem: (f) => {
-        const { id: C, selected: x, items: b, matches: E } = f, g = x && c(b);
-        return !i && !E ? null : /* @__PURE__ */ r.createElement(
+      renderItem: (h) => {
+        const { id: C, selected: E, items: b, matches: v } = h, g = E && c(b);
+        return !i && !v ? null : /* @__PURE__ */ s.createElement(
           "li",
-          k(h({}, V(l)), {
+          k(p({}, B(l)), {
             key: C,
             className: "humany-item-tree-item"
           }),
-          n && n(f, d, g),
-          b && (s || g) && m(b, d + 1)
+          n && n(h, d, g),
+          b && (r || g) && m(b, d + 1)
         );
       }
     }
   );
-  return /* @__PURE__ */ r.createElement("div", { className: M(e, "humany-item-tree") }, o && o(!u(t || [])), t && m(t, 1));
-}, Io = Gn, Jn = N(
+  return /* @__PURE__ */ s.createElement("div", { className: M(e, "humany-item-tree") }, o && o(!u(t || [])), t && m(t, 1));
+}, as = co, lo = _(
   (u, l) => {
     var c = u, { className: e, onClick: t = () => {
-    }, name: n = "", to: o = "", params: s = {}, children: i } = c, a = S(c, ["className", "onClick", "name", "to", "params", "children"]);
-    const m = Ae(), p = W();
+    }, name: n = "", to: o = "", params: r = {}, children: i } = c, a = S(c, ["className", "onClick", "name", "to", "params", "children"]);
+    const m = et(), f = N();
     if (!m)
       return null;
     let d = "";
-    const f = k(h({
+    const h = k(p({
       onClick: t,
       className: M(e, "humany-route-link"),
       to: d,
@@ -1879,23 +1896,23 @@ const Dn = 300, Bn = ({
       ref: null
     });
     if (n) {
-      if (!(m.routes || []).find((E) => E.name === n))
-        return process.env.NODE_ENV !== "production" && de.warn(`Unable to create route. No route named "${n}" exist.`), /* @__PURE__ */ r.createElement(
-          fe,
-          k(h({}, f), {
-            onClick: (E) => {
-              t(E), E.preventDefault(), process.env.NODE_ENV !== "production" && de.warn(`Unable to navigate. No route named "${n}" exist.`);
+      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(
+          pe,
+          k(p({}, h), {
+            onClick: (v) => {
+              t(v), v.preventDefault(), process.env.NODE_ENV !== "production" && fe.warn(`Unable to navigate. No route named "${n}" exist.`);
             }
           }),
           i
         );
-      const b = Object.keys(s).reduce((E, g) => (E[g] = typeof s[g] == "string" ? encodeURIComponent(s[g]) : s[g], E), {});
+      const b = Object.keys(r).reduce((v, g) => (v[g] = typeof r[g] == "string" ? encodeURIComponent(r[g]) : r[g], v), {});
       try {
         d = m.generate(n, b || {});
-      } catch (E) {
-        return /* @__PURE__ */ r.createElement(fe, h({}, f), i);
+      } catch (v) {
+        return /* @__PURE__ */ s.createElement(pe, p({}, h), i);
       }
-      d && m.settings.mode && m.settings.mode === Be.browser && d[0] !== "/" && (d = `/${d}`);
+      d && m.settings.mode && m.settings.mode === Pe.browser && d[0] !== "/" && (d = `/${d}`);
     } else if (o && m.history)
       d = m.history.createHref({
         hash: "",
@@ -1904,23 +1921,23 @@ const Dn = 300, Bn = ({
         state: void 0
       });
     else
-      return process.env.NODE_ENV !== "production" && de.warn(
+      return process.env.NODE_ENV !== "production" && fe.warn(
         'Unable to generate path for route link. Either specify route name or use the "to" prop.'
       ), null;
-    if (m.settings && m.settings.mode === Be.scopedHash) {
-      const C = p.get("$widget").name;
-      d = xt(d, C);
+    if (m.settings && m.settings.mode === Pe.scopedHash) {
+      const C = f.get("$widget").name;
+      d = Tt(d, C);
     }
-    return f.as ? /* @__PURE__ */ r.createElement(er, k(h({}, f), { as: f.as }), i) : /* @__PURE__ */ r.createElement(fe, k(h({}, f), { to: d }), i);
+    return h.as ? /* @__PURE__ */ s.createElement(uo, k(p({}, h), { as: h.as }), i) : /* @__PURE__ */ s.createElement(pe, k(p({}, h), { to: d }), i);
   }
-), er = y.span``, we = N(
-  (x, C) => {
-    var b = x, {
+), uo = y.span``, Me = _(
+  (E, C) => {
+    var b = E, {
       className: e,
       disabled: t = !1,
       role: n = "link",
       tabIndex: o = 0,
-      onClick: s = () => {
+      onClick: r = () => {
       },
       onKeyDown: i = () => {
       },
@@ -1929,9 +1946,9 @@ const Dn = 300, Bn = ({
       href: u,
       children: c,
       target: m,
-      routeName: p,
+      routeName: f,
       params: d
-    } = b, f = S(b, [
+    } = b, h = S(b, [
       "className",
       "disabled",
       "role",
@@ -1946,7 +1963,7 @@ const Dn = 300, Bn = ({
       "routeName",
       "params"
     ]);
-    const E = {
+    const v = {
       title: a,
       disabled: t,
       role: n,
@@ -1958,7 +1975,7 @@ const Dn = 300, Bn = ({
           g.preventDefault();
           return;
         }
-        s(g);
+        r(g);
       },
       onKeyDown: (g) => {
         if (g.persist(), t) {
@@ -1968,57 +1985,57 @@ const Dn = 300, Bn = ({
         i(g);
       }
     };
-    return p ? /* @__PURE__ */ r.createElement(
-      tr,
-      k(h(h({
-        name: p,
+    return f ? /* @__PURE__ */ s.createElement(
+      mo,
+      k(p(p({
+        name: f,
         params: d
-      }, E), V(f)), {
+      }, v), B(h)), {
         ref: C
       }),
       c
-    ) : /* @__PURE__ */ r.createElement(
-      nr,
-      k(h(h({
+    ) : /* @__PURE__ */ s.createElement(
+      ho,
+      k(p(p({
         href: u,
         target: m
-      }, E), V(f)), {
+      }, v), B(h)), {
         ref: C
       }),
       c
     );
   }
-), tr = y(Jn)`
+), mo = y(lo)`
     ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, nr = y.a`
+`, ho = y.a`
     ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
   ` : "cursor: pointer;"}
-`, rr = (i) => {
+`, fo = (i) => {
   var a = i, {
     visible: e,
     duration: t = 500,
     children: n,
     onClick: o = () => {
     }
-  } = a, s = S(a, [
+  } = a, r = S(a, [
     "visible",
     "duration",
     "children",
     "onClick"
   ]);
-  const l = R(), u = H(
+  const l = R(), u = T(
     (c) => {
       c.target === l.current && o(c);
     },
     [o]
   );
-  return /* @__PURE__ */ r.createElement(
-    Ie,
+  return /* @__PURE__ */ s.createElement(
+    Xe,
     {
       in: e,
       className: "humany-overlay-transition",
@@ -2026,18 +2043,18 @@ const Dn = 300, Bn = ({
       unmountOnExit: !0,
       timeout: t
     },
-    /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      or,
-      h({
+    /* @__PURE__ */ s.createElement(te, null, /* @__PURE__ */ s.createElement(
+      po,
+      p({
         className: "humany-overlay",
         duration: t,
         ref: l,
         onClick: u
-      }, s),
+      }, r),
       n
     ))
   );
-}, or = y.div`
+}, po = y.div`
     background: rgba(0, 0, 0, 0.6);
     min-width: 100%;
     min-height: 100%;
@@ -2067,11 +2084,11 @@ const Dn = 300, Bn = ({
     &.humany-overlay-transition-exit-done {
         opacity: 0;
     }
-`, _e = rr, sr = Ze`
+`, it = fo, go = Ue`
   100% {
     transform: rotate(360deg);
   }
-`, ir = Ze`
+`, Co = Ue`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2084,8 +2101,8 @@ const Dn = 300, Bn = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, ar = y.svg`
-    animation: ${sr} 2s linear infinite;
+`, yo = y.svg`
+    animation: ${go} 2s linear infinite;
     height: 100%;
     transform-origin: center center;
     width: 100%;
@@ -2096,7 +2113,7 @@ const Dn = 300, Bn = ({
     right: 0;
     margin: auto;
     transition: 200ms ease-out opacity;
-`, cr = y.div`
+`, bo = y.div`
     position: absolute;
     top: 0;
     bottom: 0;
@@ -2114,7 +2131,7 @@ const Dn = 300, Bn = ({
     svg {
         opacity: ${(e) => e["data-loading"] ? "1" : "0"};
     }
-`, lr = y.div`
+`, vo = y.div`
     position: relative;
     margin: 0 auto;
     width: 100px;
@@ -2123,18 +2140,18 @@ const Dn = 300, Bn = ({
         display: block;
         padding-top: 100%;
     }
-`, ur = y.circle`
+`, wo = y.circle`
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
-    animation: ${ir} 1.5s ease-in-out infinite;
+    animation: ${Co} 1.5s ease-in-out infinite;
     stroke-linecap: round;
     stroke: ${(e) => {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.primary;
 }};
     stroke-width: 2px;
-`, mr = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ r.createElement(cr, { className: M("humany-loader", e), "data-loading": t }, /* @__PURE__ */ r.createElement(lr, { className: "humany-spinner" }, /* @__PURE__ */ r.createElement(ar, { viewBox: "25 25 50 50" }, /* @__PURE__ */ r.createElement(
-  ur,
+`, Eo = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ s.createElement(bo, { className: M("humany-loader", e), "data-loading": t }, /* @__PURE__ */ s.createElement(vo, { className: "humany-spinner" }, /* @__PURE__ */ s.createElement(yo, { viewBox: "25 25 50 50" }, /* @__PURE__ */ s.createElement(
+  wo,
   {
     cx: "50",
     cy: "50",
@@ -2143,8 +2160,8 @@ const Dn = 300, Bn = ({
     "stroke-width": "2",
     "stroke-miterlimit": "10"
   }
-)))), dr = mr, fr = (s) => {
-  var i = s, {
+)))), xo = Eo, $o = (r) => {
+  var i = r, {
     zoomState: e,
     image: t,
     changeZoom: n
@@ -2153,49 +2170,49 @@ const Dn = 300, Bn = ({
     "image",
     "changeZoom"
   ]);
-  var E;
-  const a = R(null), [l, u] = $(!1), [c, m] = $(!1), b = o.style || {}, { width: p, height: d } = b, f = S(b, ["width", "height"]), C = H(() => {
+  var v;
+  const a = R(null), [l, u] = $(!1), [c, m] = $(!1), b = o.style || {}, { width: f, height: d } = b, h = S(b, ["width", "height"]), C = T(() => {
     const g = a.current;
     if (g) {
-      const B = window.innerWidth / g.width, z = window.innerHeight / g.height, T = Math.min(B, z);
-      return z >= 1 && B >= 1 ? 1 : T;
+      const H = window.innerWidth / g.width, V = window.innerHeight / g.height, z = Math.min(H, V);
+      return V >= 1 && H >= 1 ? 1 : z;
     }
     return 1;
-  }, [l, t.src]), x = se(() => {
+  }, [l, t.src]), E = ae(() => {
     const g = a.current;
     if (g) {
       if (!c) {
         m(!0);
-        const B = C();
-        n(B);
+        const H = C();
+        n(H);
       }
       return g.width >= g.height ? [`${e * t.originalWidth}px`, "auto"] : ["auto", `${e * t.originalHeight}px`];
     }
     return null;
   }, [e, a, l, t.src]);
-  return v(() => (u(!1), function() {
+  return w(() => (u(!1), function() {
     m(!1);
-  }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(hr, { loading: !l }), /* @__PURE__ */ r.createElement(
-    pr,
-    k(h({
+  }), [t.src]), /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(ko, { loading: !l }), /* @__PURE__ */ s.createElement(
+    Lo,
+    k(p({
       onLoad: () => {
         u(!0);
       },
       ref: a,
-      imageSize: x,
+      imageSize: E,
       draggable: "false"
     }, o), {
-      alt: ((E = o.alt) == null ? void 0 : E.toString()) || "",
-      style: f,
+      alt: ((v = o.alt) == null ? void 0 : v.toString()) || "",
+      style: h,
       src: t.src,
       loaded: l
     })
-  ), /* @__PURE__ */ r.createElement(gr, null));
-}, hr = y(dr)`
+  ), /* @__PURE__ */ s.createElement(Mo, null));
+}, ko = y(xo)`
     svg circle {
         stroke: #ffffff;
     }
-`, pr = y.img`
+`, Lo = y.img`
     transform: none;
 
     ${(e) => e.imageSize && L`
@@ -2206,126 +2223,126 @@ const Dn = 300, Bn = ({
     vertical-align: middle;
     position: relative;
     ${(e) => !e.loaded && "display:none;"}
-`, gr = y.div`
+`, Mo = y.div`
     height: 100%;
     display: inline-block;
     vertical-align: middle;
-`, Cr = fr, yr = () => {
-  const e = R(), [t, n] = $(!0), o = H(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+`, So = $o, Ro = () => {
+  const e = R(), [t, n] = $(!0), o = T(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
   }), [t, e]);
   return [t, o];
-}, br = ({ attrs: e, htmlBody: t }) => {
-  var Se;
-  const n = X("Escape"), o = X("ArrowLeft"), s = X("ArrowRight"), [i, a] = $(1), [l, u] = $({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = $(!1), [p, d] = yr(), [f, C] = $(null), [x, b] = $(null), E = R(null), g = R(null), B = R(null), z = R(null);
-  v(() => {
+}, To = ({ attrs: e, htmlBody: t }) => {
+  var He;
+  const n = q("Escape"), o = q("ArrowLeft"), r = q("ArrowRight"), [i, a] = $(1), [l, u] = $({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = $(!1), [f, d] = Ro(), [h, C] = $(null), [E, b] = $(null), v = R(null), g = R(null), H = R(null), V = R(null);
+  w(() => {
     n && C(null);
-  }, [n]), v(() => {
+  }, [n]), w(() => {
     a(1);
-  }, [f]), v(() => {
-    var P, F;
-    if (f === null || g.current === null)
+  }, [h]), w(() => {
+    var F, A;
+    if (h === null || g.current === null)
       return;
-    const w = g.current.firstElementChild, D = (P = B.current) == null ? void 0 : P.querySelector(".nav-left"), Z = (F = B.current) == null ? void 0 : F.querySelector(".nav-right");
-    if (x === "Right")
-      te && Z ? Z.focus() : ee && D && D.focus();
-    else if (x === "Left")
-      ee && D ? D.focus() : te && Z && Z.focus();
+    const x = g.current.firstElementChild, D = (F = H.current) == null ? void 0 : F.querySelector(".nav-left"), W = (A = H.current) == null ? void 0 : A.querySelector(".nav-right");
+    if (E === "Right")
+      re && W ? W.focus() : oe && D && D.focus();
+    else if (E === "Left")
+      oe && D ? D.focus() : re && W && W.focus();
     else {
-      if (!w)
+      if (!x)
         return;
-      w.focus();
+      x.focus();
     }
-  }, [f, g, B, x]), v(() => {
+  }, [h, g, H, E]), w(() => {
     if (o) {
-      if (ee)
-        return Le();
-    } else if (s && te)
-      return Me();
-  }, [o, s]);
-  const T = se(() => {
-    const w = document.createElement("div");
-    w.innerHTML = t || "";
-    const D = w.getElementsByTagName("img");
-    return Array.from(D).reduce((P, F) => {
-      const Re = F.getAttribute("src"), ot = F.height || Number.parseInt(F.style.height, 10), st = F.width || Number.parseInt(F.style.width, 10);
-      if (Re) {
-        const it = {
-          src: Re,
-          originalWidth: st,
-          originalHeight: ot
+      if (oe)
+        return Te();
+    } else if (r && re)
+      return ze();
+  }, [o, r]);
+  const z = ae(() => {
+    const x = document.createElement("div");
+    x.innerHTML = t || "";
+    const D = x.getElementsByTagName("img");
+    return Array.from(D).reduce((F, A) => {
+      const De = A.getAttribute("src"), pt = A.height || Number.parseInt(A.style.height, 10), gt = A.width || Number.parseInt(A.style.width, 10);
+      if (De) {
+        const Ct = {
+          src: De,
+          originalWidth: gt,
+          originalHeight: pt
         };
-        P.push(it);
+        F.push(Ct);
       }
-      return P;
+      return F;
     }, []);
-  }, [t]), j = H(() => {
-    const { src: w } = e;
-    if (w) {
-      const D = T.findIndex((Z, P) => Z.src === w);
+  }, [t]), I = T(() => {
+    const { src: x } = e;
+    if (x) {
+      const D = z.findIndex((W, F) => W.src === x);
       C(D);
     }
-  }, [T, e]), Ge = H((w) => {
+  }, [z, e]), lt = T((x) => {
     C(null);
-  }, []), ke = H(
-    (w) => {
-      a(w ? i + i * 0.25 : i - i * 0.25);
+  }, []), Re = T(
+    (x) => {
+      a(x ? i + i * 0.25 : i - i * 0.25);
     },
     [a, i]
-  ), Je = H(() => {
-    if (f !== null) {
-      const { src: w } = T[f];
-      w && window.open(w, "_self");
-    }
-  }, [T, f]), et = H(
-    (w) => {
-      const D = z.current;
-      D && (u({ top: D.scrollTop, left: D.scrollLeft, x: w.clientX, y: w.clientY }), m(!0));
+  ), ut = T(() => {
+    if (h !== null) {
+      const { src: x } = z[h];
+      x && window.open(x, "_self");
+    }
+  }, [z, h]), dt = T(
+    (x) => {
+      const D = V.current;
+      D && (u({ top: D.scrollTop, left: D.scrollLeft, x: x.clientX, y: x.clientY }), m(!0));
     },
-    [z]
-  ), tt = H(
-    (w) => {
-      const D = z.current;
+    [V]
+  ), mt = T(
+    (x) => {
+      const D = V.current;
       if (D && c) {
-        const Z = w.clientX - l.x, P = w.clientY - l.y;
-        D.scrollTop = l.top - P, D.scrollLeft = l.left - Z;
+        const W = x.clientX - l.x, F = x.clientY - l.y;
+        D.scrollTop = l.top - F, D.scrollLeft = l.left - W;
       }
     },
     [c, l]
-  ), nt = (w) => {
-    w.preventDefault(), m(!1);
-  }, rt = se(() => {
-    if (z.current) {
-      const w = z.current.getElementsByTagName("img");
-      if (w && w.length) {
-        const D = w[0];
+  ), ht = (x) => {
+    x.preventDefault(), m(!1);
+  }, ft = ae(() => {
+    if (V.current) {
+      const x = V.current.getElementsByTagName("img");
+      if (x && x.length) {
+        const D = x[0];
         return D.width > window.innerWidth || D.height > window.innerHeight;
       }
     }
     return !1;
-  }, [z, i]), Le = () => {
-    f !== null && (b("Left"), C(f - 1));
-  }, Me = () => {
-    f !== null && (b("Right"), C(f + 1));
-  }, ee = f !== null && f > 0 && T.length > 1, te = f !== null && T.length - 1 > f;
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_e, { visible: f !== null, onClick: Ge }, /* @__PURE__ */ r.createElement(
-    Mr,
+  }, [V, i]), Te = () => {
+    h !== null && (b("Left"), C(h - 1));
+  }, ze = () => {
+    h !== null && (b("Right"), C(h + 1));
+  }, oe = h !== null && h > 0 && z.length > 1, re = h !== null && z.length - 1 > h;
+  return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(it, { visible: h !== null, onClick: lt }, /* @__PURE__ */ s.createElement(
+    Po,
     {
       onMouseDown: () => d(),
       onMouseMove: () => d(),
       onTouchStart: () => d(),
       onKeyDown: () => d()
     },
-    /* @__PURE__ */ r.createElement(Sr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
-      wr,
+    /* @__PURE__ */ s.createElement(Io, { show: f.toString() }, /* @__PURE__ */ s.createElement(
+      Vo,
       {
         ref: g,
         buttons: [
           {
             id: "download",
-            onClick: Je,
+            onClick: ut,
             icon: "download",
             ariaLabel: "Download image"
           },
@@ -2338,99 +2355,99 @@ const Dn = 300, Bn = ({
         ]
       }
     )),
-    /* @__PURE__ */ r.createElement(
-      Hr,
+    /* @__PURE__ */ s.createElement(
+      Zo,
       {
         scrolling: c.toString(),
-        isDraggable: rt.toString(),
-        ref: z,
-        onMouseMove: tt,
-        onMouseDown: et,
-        onMouseUp: nt
+        isDraggable: ft.toString(),
+        ref: V,
+        onMouseMove: mt,
+        onMouseDown: dt,
+        onMouseUp: ht
       },
-      f !== null && /* @__PURE__ */ r.createElement(
-        Cr,
-        k(h({
-          changeZoom: (w) => {
-            a(w);
+      h !== null && /* @__PURE__ */ s.createElement(
+        So,
+        k(p({
+          changeZoom: (x) => {
+            a(x);
           },
           zoomState: i
         }, e), {
-          image: T[f]
+          image: z[h]
         })
       )
     ),
-    /* @__PURE__ */ r.createElement(
-      kr,
+    /* @__PURE__ */ s.createElement(
+      Bo,
       {
-        ref: B,
-        show: p.toString(),
+        ref: H,
+        show: f.toString(),
         buttons: [
           {
             id: "previous",
-            onClick: Le,
+            onClick: Te,
             icon: "caret-left",
             circle: !0,
-            show: ee,
+            show: oe,
             className: "nav-left",
             ariaLabel: "Navigate to previous image"
           },
           {
             id: "next",
-            onClick: Me,
+            onClick: ze,
             icon: "caret-right",
             circle: !0,
-            show: te,
+            show: re,
             className: "nav-right",
             ariaLabel: "Navigate to next image"
           }
         ]
       }
     ),
-    /* @__PURE__ */ r.createElement(Rr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
-      $r,
+    /* @__PURE__ */ s.createElement(Wo, { show: f.toString() }, /* @__PURE__ */ s.createElement(
+      _o,
       {
         buttons: [
           {
             id: "zoom-out",
-            onClick: () => ke(!1),
+            onClick: () => Re(!1),
             icon: "zoom-out",
             ariaLabel: "Zoom out"
           },
           {
             id: "zoom-in",
-            onClick: () => ke(!0),
+            onClick: () => Re(!0),
             icon: "zoom-in",
             ariaLabel: "Zoom in"
           }
         ]
       }
-    ), /* @__PURE__ */ r.createElement(Lr, { variant: "span" }, Math.trunc(i * 100), "%"))
-  )), /* @__PURE__ */ r.createElement(
-    vr,
+    ), /* @__PURE__ */ s.createElement(No, { variant: "span" }, Math.trunc(i * 100), "%"))
+  )), /* @__PURE__ */ s.createElement(
+    zo,
     {
-      ref: E,
-      onClick: j,
-      onKeyDown: (w) => {
-        w.key === "Enter" && (w.preventDefault(), j());
+      ref: v,
+      onClick: I,
+      onKeyDown: (x) => {
+        x.key === "Enter" && (x.preventDefault(), I());
       },
       tabIndex: 0
     },
-    /* @__PURE__ */ r.createElement(Tr, k(h({}, e), { alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "" }))
+    /* @__PURE__ */ s.createElement(Oo, k(p({}, e), { alt: ((He = e.alt) == null ? void 0 : He.toString()) || "" }))
   ));
-}, $e = N(
-  ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ r.createElement(
-    Er,
+}, Se = _(
+  ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ s.createElement(
+    Ho,
     {
       ref: o,
       show: e,
       className: M("humany-button-set", n)
     },
     t.map(
-      ({ id: s, circle: i = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, p) => /* @__PURE__ */ r.createElement(
-        xr,
+      ({ id: r, circle: i = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, f) => /* @__PURE__ */ s.createElement(
+        Do,
         {
-          key: s + p.toString(),
+          key: r + f.toString(),
           circle: i.toString(),
           onClick: u,
           tabIndex: a ? void 0 : -1,
@@ -2439,29 +2456,29 @@ const Dn = 300, Bn = ({
           className: m,
           "aria-label": l
         },
-        /* @__PURE__ */ r.createElement(J, { size: 24, symbol: { type: "Svg", content: c } })
+        /* @__PURE__ */ s.createElement(ne, { size: 24, symbol: { type: "Svg", content: c } })
       )
     )
   )
-), qe = y.div`
+), at = y.div`
     transition: opacity 0.3s ease 0s;
     z-index: 5;
     ${(e) => e.show === "true" ? "opacity: 1;" : L`
                   opacity: 0;
                   pointer-events: none;
               `}
-`, vr = y(we)`
+`, zo = y(Me)`
     display: inline-block !important;
-`, Er = y(qe)`
+`, Ho = y(at)`
     position: fixed;
     display: flex;
     gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, ge = "39px", xr = y(ae)`
-    width: ${ge};
-    height: ${ge};
+`, be = "39px", Do = y(le)`
+    width: ${be};
+    height: ${be};
     display: flex;
     justify-content: center;
     align-items: center;
@@ -2487,7 +2504,7 @@ const Dn = 300, Bn = ({
                   }
 
                   &:focus-visible {
-                      ${A(e)}
+                      ${j(e)}
                       outline-color: #ffffff;
                       background-color: transparent;
 
@@ -2509,7 +2526,7 @@ const Dn = 300, Bn = ({
                       outline-color: #ffffff;
                   }
                   &:focus-visible {
-                      ${A(e)}
+                      ${j(e)}
                   }
               `;
 }}
@@ -2524,7 +2541,7 @@ const Dn = 300, Bn = ({
                   opacity: 0;
                   pointer-events: none;
               `}
-`, wr = y($e)`
+`, Vo = y(Se)`
     top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2533,7 +2550,7 @@ const Dn = 300, Bn = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, $r = y($e)`
+`, _o = y(Se)`
     bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2541,11 +2558,11 @@ const Dn = 300, Bn = ({
     width: 100%;
     align-items: center;
     justify-content: center;
-`, kr = y($e)`
+`, Bo = y(Se)`
     display: block;
     button {
         position: fixed;
-        top: calc(50% - calc(${ge} / 2));
+        top: calc(50% - calc(${be} / 2));
         &:first-child {
             left: ${(e) => {
   var t;
@@ -2559,7 +2576,7 @@ const Dn = 300, Bn = ({
 }};
         }
     }
-`, Lr = y(q)`
+`, No = y(J)`
     position: fixed;
     bottom: ${(e) => {
   var t;
@@ -2578,21 +2595,21 @@ const Dn = 300, Bn = ({
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
 }};
-`, Qe = y(qe)`
+`, ct = y(at)`
     position: absolute;
     width: 100vw;
     height: 88px;
     left: 0px;
     z-index: 5;
-`, Mr = y.div`
+`, Po = y.div`
     width: 100%;
-`, Sr = y(Qe)`
+`, Io = y(ct)`
     top: 0px;
     background-image: linear-gradient(to bottom, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Rr = y(Qe)`
+`, Wo = y(ct)`
     bottom: 0px;
     background-image: linear-gradient(to top, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Hr = y.div`
+`, Zo = y.div`
     width: 100%;
     height: 100vh;
     overflow: auto;
@@ -2601,64 +2618,64 @@ const Dn = 300, Bn = ({
     white-space: nowrap;
     justify-content: center;
     cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, Tr = y.img`
+`, Oo = y.img`
     cursor: pointer;
-`, Dr = br, Br = N(
+`, Fo = To, Ao = _(
   (l, a) => {
     var u = l, { className: e, children: t, trigger: n, onOverlayClick: o = () => {
-    }, close: s = !1 } = u, i = S(u, ["className", "children", "trigger", "onOverlayClick", "close"]);
-    const [c, m] = Ye(), [p, d] = Ke(!0), f = R(), C = R(Q()), x = X("Escape");
-    v(() => {
-      (x || s) && m(!1);
-    }, [x, s]), v(() => {
-      c && f.current && f.current.focus();
-    }, [c, f.current]), ce("router:changed", () => {
+    }, close: r = !1 } = u, i = S(u, ["className", "children", "trigger", "onOverlayClick", "close"]);
+    const [c, m] = nt(), [f, d] = tt(!0), h = R(), C = R(ee()), E = q("Escape");
+    w(() => {
+      (E || r) && m(!1);
+    }, [E, r]), w(() => {
+      c && h.current && h.current.focus();
+    }, [c, h.current]), ue("router:changed", () => {
       m(!1);
     });
-    const b = H(
+    const b = T(
       (g) => {
         m(!1), o(g);
       },
       [o, m]
     );
-    Ce(a, () => ({
+    we(a, () => ({
       close() {
         m(!1);
       }
     }));
-    const E = H(() => ve(C.current, () => {
+    const v = T(() => $e(C.current, () => {
       m(!1);
     }), [C.current]);
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_e, { visible: c, onClick: b }, /* @__PURE__ */ r.createElement(
-      Nr,
-      k(h({
+    return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(it, { visible: c, onClick: b }, /* @__PURE__ */ s.createElement(
+      Ko,
+      k(p({
         className: M(
           e,
           "humany-modal",
           `humany-modal-${C.current}`
         ),
-        css: p,
+        css: f,
         tabIndex: -1
       }, i), {
         ref: d
       }),
-      /* @__PURE__ */ r.createElement(
-        xe,
+      /* @__PURE__ */ s.createElement(
+        Le,
         {
           onClick: () => m(!1),
           tabIndex: 0,
-          ref: f
+          ref: h
         },
-        /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ s.createElement(ne, { symbol: { type: "Svg", content: "close" } })
       ),
       t
-    )), r.cloneElement(n, {
+    )), s.cloneElement(n, {
       onClick: (g) => {
-        m(), E();
+        m(), v();
       }
     }));
   }
-), zr = Br, Nr = y.div`
+), jo = Ao, Ko = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2674,30 +2691,30 @@ const Dn = 300, Bn = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
 }};
-    ${(e) => je(e)}
+    ${(e) => ot(e)}
     ${(e) => e.css && e.css}
   outline: none;
-`, Vr = ({
+`, Yo = ({
   className: e,
   trigger: t,
   header: n = "",
   text: o = "",
-  onCancel: s = () => {
+  onCancel: r = () => {
   },
   onConfirm: i = () => {
   },
   cancelLabel: a = "",
   confirmLabel: l = ""
 }) => {
-  const u = R(), c = H(() => {
-    var p;
-    s(), (p = u == null ? void 0 : u.current) == null || p.close();
-  }, [s]), m = H(() => {
-    var p;
-    i(), (p = u == null ? void 0 : u.current) == null || p.close();
+  const u = R(), c = T(() => {
+    var f;
+    r(), (f = u == null ? void 0 : u.current) == null || f.close();
+  }, [r]), m = T(() => {
+    var f;
+    i(), (f = u == null ? void 0 : u.current) == null || f.close();
   }, [i]);
-  return /* @__PURE__ */ r.createElement(Wr, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ r.createElement(Ve, null, n), o && /* @__PURE__ */ r.createElement(Ve, null, o), l && /* @__PURE__ */ r.createElement(Zr, { onClick: m }, l), a && /* @__PURE__ */ r.createElement(Ir, { onClick: c }, a));
-}, Oo = Vr, Wr = y(zr)`
+  return /* @__PURE__ */ s.createElement(Uo, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ s.createElement(Oe, null, n), o && /* @__PURE__ */ s.createElement(Oe, null, o), l && /* @__PURE__ */ s.createElement(Xo, { onClick: m }, l), a && /* @__PURE__ */ s.createElement(qo, { onClick: c }, a));
+}, cs = Yo, Uo = y(jo)`
     display: block;
 
     span {
@@ -2715,7 +2732,7 @@ const Dn = 300, Bn = ({
 }};
         }
     }
-`, Zr = y(ae)`
+`, Xo = y(le)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2743,9 +2760,9 @@ const Dn = 300, Bn = ({
     }
 
     &:focus-visible {
-        ${A}
+        ${j}
     }
-`, Ir = y(ae)`
+`, qo = y(le)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2764,18 +2781,18 @@ const Dn = 300, Bn = ({
 }};
 
     &:focus-visible {
-        ${A};
+        ${j};
     }
-`, Or = ({
+`, Qo = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__PURE__ */ r.createElement(Pr, null, /* @__PURE__ */ r.createElement(Fr, null, /* @__PURE__ */ r.createElement(q, { variant: "h2" }, "404")), /* @__PURE__ */ r.createElement(Ar, null, /* @__PURE__ */ r.createElement(q, { variant: "h3" }, e), /* @__PURE__ */ r.createElement(jr, { routeName: "index", "aria-label": t, text: t })), /* @__PURE__ */ r.createElement(Kr, null, /* @__PURE__ */ r.createElement("span", null, n), /* @__PURE__ */ r.createElement("ul", null, /* @__PURE__ */ r.createElement("li", null, o)))), Po = Or, Pr = y.div`
+}) => /* @__PURE__ */ s.createElement(Go, null, /* @__PURE__ */ s.createElement(Jo, null, /* @__PURE__ */ s.createElement(J, { variant: "h2" }, "404")), /* @__PURE__ */ s.createElement(er, null, /* @__PURE__ */ s.createElement(J, { variant: "h3" }, e), /* @__PURE__ */ s.createElement(or, { routeName: "index", "aria-label": t, text: t })), /* @__PURE__ */ s.createElement(tr, null, /* @__PURE__ */ s.createElement("span", null, n), /* @__PURE__ */ s.createElement("ul", null, /* @__PURE__ */ s.createElement("li", null, o)))), ls = Qo, Go = y.div`
     display: flex;
     flex-wrap: wrap;
-`, Fr = y.div`
-    ${(e) => ie(e)(
+`, Jo = y.div`
+    ${(e) => ce(e)(
   "h2",
   L`
                 padding: 0;
@@ -2784,7 +2801,7 @@ const Dn = 300, Bn = ({
                 font-size: 7em;
             `
 )}
-`, Ar = y.div`
+`, er = y.div`
     margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2792,7 +2809,7 @@ const Dn = 300, Bn = ({
 
     ${(e) => {
   var t;
-  return ie(e)(
+  return ce(e)(
     "h3",
     L`
                 text-transform: uppercase;
@@ -2811,7 +2828,7 @@ const Dn = 300, Bn = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
     }
-`, Kr = y.div`
+`, tr = y.div`
     margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2822,103 +2839,100 @@ const Dn = 300, Bn = ({
         font-weight: bold;
     }
 `;
-class Yr extends dt {
+class nr extends xt {
   constructor() {
-    super(...arguments);
-    re(this, "node");
-    re(this, "onFocusListener");
-    re(this, "state", {
+    super(...arguments), this.state = {
       boundFocus: !1
-    });
+    };
   }
   componentWillMount() {
-    const n = this.props.container.get("accessibilitySettings");
-    n && n.boundFocus && this.setState({
+    const t = this.props.container.get("accessibilitySettings");
+    t && t.boundFocus && this.setState({
       boundFocus: !0
     });
   }
   componentDidMount() {
     if (!this.state.boundFocus)
       return;
-    const n = this.props.container.get("widgetDOMElement");
-    this.node && n && (this.onFocusListener = this.node.addEventListener("focus", () => {
-      const o = n.querySelectorAll(
+    const t = this.props.container.get("widgetDOMElement");
+    this.node && t && (this.onFocusListener = this.node.addEventListener("focus", () => {
+      const n = t.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      ), i = [].filter.call(o, (a) => typeof window == "undefined" ? !0 : !(window.getComputedStyle(a).display === "none" || a.offsetWidth <= 0 && a.offsetHeight <= 0))[0];
-      i && i.focus();
+      ), r = [].filter.call(n, (i) => typeof window == "undefined" ? !0 : !(window.getComputedStyle(i).display === "none" || i.offsetWidth <= 0 && i.offsetHeight <= 0))[0];
+      r && r.focus();
     }));
   }
   componentWillUnmount() {
     this.node && this.node.removeEventListener("focus", this.onFocusListener);
   }
   render() {
-    return this.state.boundFocus ? /* @__PURE__ */ r.createElement(
+    return this.state.boundFocus ? /* @__PURE__ */ s.createElement(
       "div",
       {
         style: { opacity: 0 },
         tabIndex: 0,
-        ref: (n) => {
-          this.node = n;
+        ref: (t) => {
+          this.node = t;
         }
       }
     ) : null;
   }
 }
-const Fo = Yr, jr = N(
+const us = nr, or = _(
   (a, i) => {
-    var l = a, { className: e, description: t, text: n, children: o } = l, s = S(l, ["className", "description", "text", "children"]);
-    return /* @__PURE__ */ r.createElement(we, k(h({ className: M(e, "humany-text-link") }, s), { ref: i }), o, /* @__PURE__ */ r.createElement(Ee, null, n), t ? /* @__PURE__ */ r.createElement(Ue, { html: t, className: "humany-description" }) : null);
+    var l = a, { className: e, description: t, text: n, children: o } = l, r = S(l, ["className", "description", "text", "children"]);
+    return /* @__PURE__ */ s.createElement(Me, k(p({ className: M(e, "humany-text-link") }, r), { ref: i }), o, /* @__PURE__ */ s.createElement(ke, null, n), t ? /* @__PURE__ */ s.createElement(st, { html: t, className: "humany-description" }) : null);
   }
 );
-var Xr = /* @__PURE__ */ ((e) => (e.HH_MM = "hh:mm", e.YYYY_MM_DD = "yyyy-mm-dd", e.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", e))(Xr || {});
-const Ur = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ r.createElement("span", { className: M(e, "humany-timestamp") }, _r(n, t)), Ao = Ur, We = (e) => `0${e}`.slice(-2);
-function _r(e, t) {
-  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), s = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], i = n.getFullYear(), a = n.getMonth() + 1, l = n.getDate(), u = `${i}-${We(a)}-${We(l)}`;
-  return t === "yyyy-mm-dd" ? u : t === "hh:mm" ? s : `${u} ${s}`;
+var rr = /* @__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))(rr || {});
+const sr = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ s.createElement("span", { className: M(e, "humany-timestamp") }, ir(n, t)), ds = sr, Fe = (e) => `0${e}`.slice(-2);
+function ir(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}-${Fe(a)}-${Fe(l)}`;
+  return t === "yyyy-mm-dd" ? u : t === "hh:mm" ? r : `${u} ${r}`;
 }
-const qr = (i) => {
-  var a = i, { className: e, children: t, content: n, sticky: o = !1 } = a, s = S(a, ["className", "children", "content", "sticky"]);
-  const [l, u] = $(!1), c = R(Q()), m = R(), [{ x: p, y: d }, f] = Xe(l, c.current, m.current), C = (b) => {
-    const { target: E } = b;
-    !m.current || !E || m.current !== E && !m.current.contains(E) && u(!1);
+const ar = (i) => {
+  var a = i, { className: e, children: t, content: n, sticky: o = !1 } = a, r = S(a, ["className", "children", "content", "sticky"]);
+  const [l, u] = $(!1), c = R(ee()), m = R(), [{ x: f, y: d }, h] = rt(l, c.current, m.current), C = (b) => {
+    const { target: v } = b;
+    !m.current || !v || m.current !== v && !m.current.contains(v) && u(!1);
   };
-  v(() => {
+  w(() => {
     if (!!o)
       return window.addEventListener("click", C), () => {
         window.removeEventListener("click", C);
       };
   }, [l, o]);
-  const x = H(
-    (b, E) => {
-      f(b, m.current), u(E);
+  const E = T(
+    (b, v) => {
+      h(b, m.current), u(v);
     },
-    [f, u]
+    [h, u]
   );
-  return /* @__PURE__ */ r.createElement(
-    Qr,
+  return /* @__PURE__ */ s.createElement(
+    cr,
     {
       ref: m,
       className: "humany-tooltip-trigger",
-      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
+      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
     },
     t,
-    l && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      Gr,
-      h({
+    l && /* @__PURE__ */ s.createElement(te, null, /* @__PURE__ */ s.createElement(
+      lr,
+      p({
         className: M(e, "humany-tooltip-container"),
-        x: p,
+        x: f,
         y: d
-      }, s),
+      }, r),
       n
     ))
   );
-}, Qr = y.div`
+}, cr = y.div`
     display: flex;
     align-items: center;
-`, Gr = y.div`
+`, lr = y.div`
     color: #ffffff;
     background: #161616;
     border-radius: ${(e) => e.theme.borderRadius};
@@ -2954,12 +2968,12 @@ const qr = (i) => {
   let t = "";
   return e.y > 0 ? t += `top: calc(2px + ${e.y || "0"}px);` : t += "bottom: 2px;", e.x > 0 ? t += `right: calc(2px + ${e.x || "0"}px);` : t += "left: 2px;", t;
 }};
-`, Ko = qr, Jr = (e) => {
+`, ms = ar, ur = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
     unmountOnExit: o = !0,
-    timeout: s,
+    timeout: r,
     children: i,
     transitions: a
   } = e, u = (() => {
@@ -2969,34 +2983,34 @@ const qr = (i) => {
         return {
           enter: {
             transitionKeys: a,
-            duration: s ? typeof s == "number" ? s : s.enter : 200,
+            duration: r ? typeof r == "number" ? r : r.enter : 200,
             easing: "ease-in"
           },
           exit: {
             transitionKeys: a,
-            duration: s ? typeof s == "number" ? s : s.exit : 200,
+            duration: r ? typeof r == "number" ? r : r.exit : 200,
             easing: "ease-out"
           }
         };
       if (typeof a == "object") {
-        const { enter: p, exit: d } = a;
+        const { enter: f, exit: d } = a;
         return {
           enter: {
             transitionKeys: (c = a.enter) == null ? void 0 : c.type,
-            duration: s ? typeof s == "number" ? s : s.enter : 200,
-            easing: p.easing ? p.easing : "ease-in"
+            duration: r ? typeof r == "number" ? r : r.enter : 200,
+            easing: f.easing ? f.easing : "ease-in"
           },
           exit: {
             transitionKeys: (m = a.enter) == null ? void 0 : m.type,
-            duration: s ? typeof s == "number" ? s : s.enter : 200,
+            duration: r ? typeof r == "number" ? r : r.enter : 200,
             easing: d.easing ? d.easing : "ease-out"
           }
         };
       }
     }
   })();
-  return /* @__PURE__ */ r.createElement(
-    vt,
+  return /* @__PURE__ */ s.createElement(
+    St,
     {
       timeout: {
         enter: u && u.enter.duration || 0,
@@ -3008,51 +3022,51 @@ const qr = (i) => {
       unmountOnExit: o,
       onEnter: (c) => c.clientHeight
     },
-    (c) => i && i(c, u && he.compose(c, u))
+    (c) => i && i(c, u && Ce.compose(c, u))
   );
-}, Yo = Jr, eo = N(
+}, hs = ur, dr = _(
   (l, a) => {
     var u = l, { className: e, children: t, onClick: n = () => {
-    }, widgetName: o, activationOptions: s } = u, i = S(u, ["className", "children", "onClick", "widgetName", "activationOptions"]);
-    const c = W(), m = () => {
-      const { implementation: f } = c.get("$widget");
-      return f.widgets.get(o);
+    }, widgetName: o, activationOptions: r } = u, i = S(u, ["className", "children", "onClick", "widgetName", "activationOptions"]);
+    const c = N(), m = () => {
+      const { implementation: h } = c.get("$widget");
+      return h.widgets.get(o);
     };
-    v(() => {
-      const f = m();
-      return f == null || f.activate(s).then(() => f.invoke("attach")), () => {
-        f == null || f.deactivate();
+    w(() => {
+      const h = m();
+      return h == null || h.activate(r).then(() => h.invoke("attach")), () => {
+        h == null || h.deactivate();
       };
     }, [o]);
-    const p = (f) => {
-      const C = m(), x = f.currentTarget;
+    const f = (h) => {
+      const C = m(), E = h.currentTarget;
       if (C) {
         const b = () => {
           C.invoke("renderState").then(
-            (E) => E === oe.open ? C.invoke("close") : C.invoke("open")
+            (v) => v === ie.open ? C.invoke("close") : C.invoke("open")
           ).then(() => {
-            C.events.subscribeOnce("widget:area-rendered", (E, g) => {
+            C.events.subscribeOnce("widget:area-rendered", (v, g) => {
               c.get(
                 "widgetDOMElement"
               ) && C.events.dispatch("widget:modal-opened", {
                 name: C.name,
-                ref: x
+                ref: E
               });
             });
           });
         };
-        C.state === mt.Deactivated ? C.activate(s).then(() => C.invoke("attach")).then(b) : b();
+        C.state === Et.Deactivated ? C.activate(r).then(() => C.invoke("attach")).then(b) : b();
       }
-    }, d = (f) => {
-      f.key === "Enter" && (f.preventDefault(), p(f));
+    }, d = (h) => {
+      h.key === "Enter" && (h.preventDefault(), f(h));
     };
-    return /* @__PURE__ */ r.createElement(
-      we,
-      k(h({
+    return /* @__PURE__ */ s.createElement(
+      Me,
+      k(p({
         className: M(e, "humany-widget-link"),
         onKeyDown: d,
-        onClick: (f) => {
-          n(f), p(f);
+        onClick: (h) => {
+          n(h), f(h);
         }
       }, i), {
         ref: a
@@ -3060,16 +3074,16 @@ const qr = (i) => {
       t
     );
   }
-), jo = N(
+), fs = _(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
-    const s = W(), i = se(() => {
-      if (!s)
+    const r = N(), i = ae(() => {
+      if (!r)
         return null;
-      const a = s.get("widgetDOMElement");
+      const a = r.get("widgetDOMElement");
       return !a || !a.childElementCount ? null : a.children[0];
-    }, [s]);
-    return i ? /* @__PURE__ */ r.createElement(G, { elementId: e, parent: i }, /* @__PURE__ */ r.createElement(
-      to,
+    }, [r]);
+    return i ? /* @__PURE__ */ s.createElement(te, { elementId: e, parent: i }, /* @__PURE__ */ s.createElement(
+      mr,
       {
         className: M("humany-widget-overlay-outlet", t),
         ref: o
@@ -3077,7 +3091,7 @@ const qr = (i) => {
       n
     )) : null;
   }
-), to = y.div`
+), mr = y.div`
     background-color: #ffffff;
     position: absolute;
     top: 0;
@@ -3087,102 +3101,424 @@ const qr = (i) => {
     z-index: 10;
     width: 100%;
     height: 100%;
-`, no = (e, t, n, o, s) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
+`, hr = (e, t, n, o, r) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
   t,
-  ft(() => n)
-), yt(e, t, o || (() => {
-}), t, s))), Xo = no;
+  $t(() => n)
+), Ye(e, t, o || (() => {
+}), t, r))), ps = hr, fr = (e, t, n, o, r) => he(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 || (() => {
+  }), t, r);
+}), gs = fr;
+class Cs {
+  constructor(t) {
+    (this.host = t).addController(this);
+  }
+  propertyChangeHandler(t) {
+    const n = t.detail;
+    Object.keys(n).filter((o) => `_${o}` in this).forEach((o) => this[`_${o}`] = n[o]);
+  }
+  hostConnected() {
+    this.host.addEventListener("set-properties", this.propertyChangeHandler);
+  }
+  hostDisconnected() {
+    this.host.removeEventListener("set-properties", this.propertyChangeHandler);
+  }
+}
+const ve = "context.connectEvent", ys = qe(
+  (e) => {
+    class t extends e {
+      constructor() {
+        super(...arguments), this._injectedContexts = /* @__PURE__ */ new Map();
+      }
+      connectedCallback() {
+        super.connectedCallback(), this._injectedContexts = /* @__PURE__ */ new Map();
+        for (const o of this.constructor.inject)
+          this._injectContext(o);
+      }
+      _injectContext(o) {
+        const r = (a, l) => {
+          this._contextValueChanged(o, a, l);
+        }, i = new CustomEvent(ve, {
+          bubbles: !0,
+          cancelable: !0,
+          composed: !0,
+          detail: { key: o, connected: !1, callback: r }
+        });
+        this.dispatchEvent(i), i.detail.connected && this._injectedContexts.set(o, {
+          unsubscribe: i.detail.unsubscribe
+        });
+      }
+      _contextValueChanged(o, r, i) {
+        r !== i && (this[o] = r);
+      }
+      disconnectedCallback() {
+        for (const o of this._injectedContexts.values())
+          o.unsubscribe();
+        super.disconnectedCallback();
+      }
+    }
+    return t;
+  }
+), pr = qe(
+  (e) => {
+    class t extends e {
+      constructor() {
+        super(...arguments), this._providedContexts = /* @__PURE__ */ new Map();
+      }
+      connectedCallback() {
+        super.connectedCallback(), this._providedContexts = /* @__PURE__ */ new Map();
+        for (const o of this.constructor.provide)
+          this._provideContext(o);
+      }
+      _provideContext(o) {
+        const r = (i) => {
+          const { detail: a } = i;
+          if (a.key === o) {
+            i.stopPropagation();
+            const l = this._providedContexts.get(o);
+            l.callbacks.add(a.callback), a.connected = !0, a.unsubscribe = () => {
+              l.callbacks.delete(a.callback);
+            }, a.callback(this[o]);
+          }
+        };
+        this.addEventListener(ve, r), this._providedContexts.set(o, {
+          listener: r,
+          callbacks: /* @__PURE__ */ new Set()
+        });
+      }
+      _updateContextValue(o, r, i) {
+        if (this._providedContexts.has(o)) {
+          const a = this._providedContexts.get(o);
+          for (const l of a.callbacks)
+            l(r, i);
+        }
+      }
+      shouldUpdate(o) {
+        const r = super.shouldUpdate(o);
+        for (const [i, a] of o.entries())
+          this.constructor.provide.includes(i) && this._updateContextValue(i, this[i], a);
+        return r;
+      }
+      disconnectedCallback() {
+        for (const o of this._providedContexts.values())
+          this.removeEventListener(ve, o.listener);
+        super.disconnectedCallback();
+      }
+    }
+    return t;
+  }
+);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const gr = (e, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? k(p({}, t), { finisher(n) {
+  n.createProperty(t.key, e);
+} }) : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
+  typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
+}, finisher(n) {
+  n.createProperty(t.key, e);
+} };
+function X(e) {
+  return (t, n) => n !== void 0 ? ((o, r, i) => {
+    r.constructor.createProperty(i, o);
+  })(e, t, n) : gr(e, t);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function Y(e) {
+  return X(k(p({}, e), { state: !0 }));
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var ge;
+((ge = window.HTMLSlotElement) === null || ge === void 0 ? void 0 : ge.prototype.assignedElements) != null;
+var Cr = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, Ae = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? yr(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 && Cr(t, n, r), r;
+};
+const bs = (e) => {
+  class t extends e {
+    constructor(...o) {
+      super(), this.hasPendingChildren = !1, this.pendingCount = 0, this.addEventListener("pending-state", (r) => he(this, null, function* () {
+        this.hasPendingChildren = !0, this.pendingCount++, yield r.detail.promise, this.pendingCount--, this.hasPendingChildren = this.pendingCount !== 0;
+      }));
+    }
+  }
+  return Ae([
+    Y()
+  ], t.prototype, "hasPendingChildren", 2), Ae([
+    Y()
+  ], t.prototype, "pendingCount", 2), t;
+}, vs = (e) => {
+  class t extends e {
+    constructor(...o) {
+      super(), this._instances = /* @__PURE__ */ new Map(), this.addEventListener("request-instance", (r) => {
+        const i = r.detail.key;
+        console.log("listener fired"), this._instances.has(i) && (r.detail.instance = this._instances.get(i), r.stopPropagation());
+      });
+    }
+    provideInstance(o, r) {
+      console.log("providing instance", o, r), this._instances.set(o, r);
+    }
+  }
+  return t;
+}, br = (e) => {
+  class t extends e {
+    requestInstance(o) {
+      const r = new CustomEvent("request-instance", {
+        detail: { key: o },
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0
+      });
+      return this.dispatchEvent(r), r.detail.instance;
+    }
+  }
+  return t;
+}, vr = (e) => {
+  var n, o, r, i, a, l, u, c, m, f, d, h, C, E, b, v, g, H, V, z, I;
+  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}`), (f = e.colors) != null && f.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}`), (H = e.sizes) != null && H.small && (t["--size-small"] = `${e.sizes.small}`), (V = e.sizes) != null && V.normal && (t["--size-normal"] = `${e.sizes.normal}`), (z = e.sizes) != null && z.medium && (t["--size-medium"] = `${e.sizes.medium}`), (I = e.sizes) != null && I.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 wr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, P = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Er(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 && wr(t, n, r), r;
+};
+const xr = (e) => `w-${e}`, ws = (e) => {
+  class t extends pr(br(e)) {
+    constructor() {
+      super(), this.listeners = [], this.setColumns = (o) => {
+        this.columns = o;
+      }, this.branch = "default", this.width = "full", this._columns = 1, this.columns = 1, this._width = 1, this._descriptor = null, this._properties = {}, this._layout = {};
+    }
+    static get provide() {
+      return ["columns", "setColumns"];
+    }
+    setProperties(o) {
+      o.columns && (this.columns = o.columns), this.dispatchEvent(
+        new CustomEvent("set-properties", {
+          bubbles: !1,
+          composed: !1,
+          cancelable: !1,
+          detail: o
+        })
+      );
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.container = this.requestInstance("container"), this.container && Promise.all([
+        je.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(
+            r.events.subscribe(
+              "components:properties-changed",
+              (m, f) => {
+                var d;
+                this.nodeId === ((d = f.node) == null ? void 0 : d.id) && (this._properties = f.node.attributes.properties, this.setProperties(a.attributes.properties));
+              }
+            )
+          ), this.listeners.push(
+            r.events.subscribe(
+              "components:context-changed",
+              (m, f) => {
+                var d;
+                this.nodeId === ((d = f.node) == null ? void 0 : d.id) && (this._context = f.node.attributes.context);
+              }
+            )
+          ), this.listeners.push(
+            r.events.subscribe(
+              "components:layout-changed",
+              (m, f) => {
+                var d;
+                this.nodeId === ((d = f.node) == null ? void 0 : d.id) && (this._layout = f.node.attributes.layout);
+              }
+            )
+          );
+          const l = a.mount(this.container);
+          if (this.listeners.push(l), !i) {
+            console.warn(
+              "Could not find resolver. Make sure it is registered on the container."
+            );
+            return;
+          }
+          const u = xr(this._descriptor.type);
+          if (customElements.get(u))
+            return;
+          const c = i.getComponent(this._descriptor.type);
+          if (!c) {
+            console.warn("Component is missing or using incorrect import.");
+            return;
+          }
+          return c().then((m) => {
+            customElements.get(u) || customElements.define(u, m.default);
+          });
+        }
+      });
+    }
+    disconnectedCallback() {
+      this.listeners.forEach((o) => {
+        o();
+      });
+    }
+    _getContextStyles() {
+      return this._context ? vr(this._context) : {};
+    }
+    render() {
+      const o = super.render(), r = this._getContextStyles(), i = We`
+        <style>
+          :host {
+            ${Object.entries(r).map(([a, l]) => zt`
+              ${Ht(`${a}: ${l};`)}
+            `)}
+          }
+        </style>
+      `;
+      return We`
+        <style>
+          :host {
+            --size: ${this._layout.size || "full"};
+            --width: ${(this._layout.size || "full") === "full" ? "var(--columns)" : `min(var(--columns), ${this._layout.size})`};
+            grid-column: span var(--width);
+          }
+        </style>
+
+        ${i} ${o}
+      `;
+    }
+  }
+  return P([
+    X({ type: String })
+  ], t.prototype, "nodeId", 2), P([
+    X({ type: String })
+  ], t.prototype, "branch", 2), P([
+    X({ type: String })
+  ], t.prototype, "width", 2), P([
+    X({ type: Number })
+  ], t.prototype, "_columns", 2), P([
+    X({ type: Number })
+  ], t.prototype, "columns", 2), P([
+    Y()
+  ], t.prototype, "_width", 2), P([
+    Y()
+  ], t.prototype, "_descriptor", 2), P([
+    Y()
+  ], t.prototype, "_properties", 2), P([
+    Y()
+  ], t.prototype, "_context", 2), P([
+    Y()
+  ], t.prototype, "_layout", 2), t;
+};
 export {
-  Zt as AnchorLink,
-  ae as Button,
-  Co as Checkbox,
-  Ft as ColumnContext,
-  Pe as ComponentNodeContext,
-  At as ComponentPropertyContext,
-  Oo as Confirm,
-  Pt as ContainerContext,
-  Yt as ConversationContext,
-  Xr as DateFormats,
-  No as Drawer,
-  Tn as DrawerAnimationType,
-  Vo as Dropdown,
-  Kn as Empty,
-  Wo as Grid,
-  Ue as Html,
-  Un as Icon,
-  Zo as Input,
-  Qn as ItemList,
-  Io as ItemTree,
-  Dr as Lightbox,
-  we as Link,
-  _n as List,
-  zr as Modal,
-  Po as NotFound,
-  _e as Overlay,
-  qn as Paragraph,
-  G as Portal,
-  Jn as RouteLink,
-  Kt as RoutingContext,
-  Ve as StyledText,
-  J as SymbolBadge,
-  Fo as TabStop,
-  Ee as Text,
-  jr as TextLink,
-  Ao as Timestamp,
-  Ko as Tooltip,
-  Yo as TransitionComponent,
-  q as Typography,
-  eo as WidgetLink,
-  jo as WidgetOverlayOutlet,
-  A as borderTabStyle,
-  Ne as browser,
-  xn as buttonCss,
-  je as contentBox,
-  V as convertToStringAttributes,
-  go as createEmptyComponent,
-  Xo as createReactComponent,
-  Vt as defaultRenderInstructions,
-  Ht as embeddedLinkMapper,
-  Dt as filterCssProps,
-  Tt as filterCssPropsStyle,
-  Bt as genericHashLink,
-  zo as genericHtml,
-  ie as headingElement,
-  Nt as imageLightboxRenderer,
-  To as invertedHoverButton,
-  Bo as itemList,
-  wn as linkTabStyle,
-  $n as list,
-  Do as paddedBorderTabStyle,
-  zt as processHtmlString,
-  he as transitionComposer,
-  yo as useAction,
-  bo as useChildren,
-  vo as useColumns,
-  Eo as useComponent,
-  ye as useComponentDescriptor,
-  be as useComponentNode,
-  _ as useComponentPlatform,
-  W as useContainer,
-  nn as useContext,
-  xo as useConversation,
-  wo as useDispatch,
-  I as useEventListener,
-  an as useEvents,
+  Ut as AnchorLink,
+  le as Button,
+  Ir as Checkbox,
+  Gt as ColumnContext,
+  Ge as ComponentNodeContext,
+  Jt as ComponentPropertyContext,
+  cs as Confirm,
+  ys as ConsumerMixin,
+  Qt as ContainerContext,
+  tn as ConversationContext,
+  rr as DateFormats,
+  os as Drawer,
+  Zn as DrawerAnimationType,
+  rs as Dropdown,
+  eo as Empty,
+  ss as Grid,
+  st as Html,
+  ro as Icon,
+  is as Input,
+  ao as ItemList,
+  as as ItemTree,
+  Fo as Lightbox,
+  Me as Link,
+  so as List,
+  jo as Modal,
+  Cs as NodeConnector,
+  ls as NotFound,
+  it as Overlay,
+  io as Paragraph,
+  bs as PendingState,
+  te as Portal,
+  vs as ProviderMixin,
+  br as Requester,
+  lo as RouteLink,
+  en as RoutingContext,
+  Oe as StyledText,
+  ne as SymbolBadge,
+  us as TabStop,
+  ke as Text,
+  or as TextLink,
+  ds as Timestamp,
+  ms as Tooltip,
+  hs as TransitionComponent,
+  J as Typography,
+  ws as WidgetComponentMixin,
+  dr as WidgetLink,
+  fs as WidgetOverlayOutlet,
+  j as borderTabStyle,
+  Ze as browser,
+  Hn as buttonCss,
+  ot as contentBox,
+  B as convertToStringAttributes,
+  Pr as createEmptyComponent,
+  ps as createReactComponent,
+  gs as createWebComponent,
+  Kt as defaultRenderInstructions,
+  Wt as embeddedLinkMapper,
+  Ot as filterCssProps,
+  Zt as filterCssPropsStyle,
+  Ft as genericHashLink,
+  ns as genericHtml,
+  ce as headingElement,
+  jt as imageLightboxRenderer,
+  Jr as invertedHoverButton,
+  ts as itemList,
+  Dn as linkTabStyle,
+  Vn as list,
+  es as paddedBorderTabStyle,
+  At as processHtmlString,
+  Ce as transitionComposer,
+  Wr as useAction,
+  Zr as useChildren,
+  Or as useColumns,
+  Fr as useComponent,
+  Ee as useComponentDescriptor,
+  xe as useComponentNode,
+  G as useComponentPlatform,
+  N as useContainer,
+  hn as useContext,
+  Ar as useConversation,
+  jr as useDispatch,
+  Z as useEventListener,
+  Cn as useEvents,
   O as useIsMounted,
-  $o as useIsTabbing,
-  X as useKeyPress,
-  ko as useLayout,
-  Fe as usePrevious,
-  Lo as useProperties,
-  Mo as useRenderState,
-  So as useRouteData,
-  Ae as useRouter,
-  Ke as useScroll,
-  Ro as useSettings,
-  Ye as useToggle,
-  Ho as useTransitionEnd,
-  ve as useUniqueMenu,
-  ce as useWidgetEvent
+  Kr as useIsTabbing,
+  q as useKeyPress,
+  Yr as useLayout,
+  Je as usePrevious,
+  Ur as useProperties,
+  Xr as useRenderState,
+  qr as useRouteData,
+  et as useRouter,
+  tt as useScroll,
+  Qr as useSettings,
+  nt as useToggle,
+  Gr as useTransitionEnd,
+  $e as useUniqueMenu,
+  ue as useWidgetEvent
 };
 //# sourceMappingURL=index.js.map