npm - @telia-ace/widget-ui - Versions diffs - 1.0.23-next.13 → 1.0.23-next.15 - Mend

@telia-ace/widget-ui 1.0.23-next.13 → 1.0.23-next.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/components/input.d.ts +1 -1
package/dist/index.js +752 -752
package/dist/index.js.map +1 -1
package/dist/styles.d.ts +9 -9
package/dist/utils/animations.d.ts +2 -2
package/dist/utils/filter-css-props.d.ts +1 -1
package/dist/utils/heading-styles.d.ts +1 -1
package/package.json +54 -54

package/dist/index.js CHANGED Viewed

@@ -1,37 +1,37 @@
 var at = Object.defineProperty, ct = Object.defineProperties;
 var lt = Object.getOwnPropertyDescriptors;
 var ne = Object.getOwnPropertySymbols;
-var He = Object.prototype.hasOwnProperty, ze = Object.prototype.propertyIsEnumerable;
+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) => {
   for (var n in t || (t = {}))
     He.call(t, n) && me(e, n, t[n]);
   if (ne)
     for (var n of ne(t))
-      ze.call(t, n) && me(e, n, t[n]);
+      Te.call(t, n) && me(e, n, t[n]);
   return e;
-}, $ = (e, t) => ct(e, lt(t));
+}, k = (e, t) => ct(e, lt(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 && ze.call(e, o) && (n[o] = e[o]);
+      t.indexOf(o) < 0 && Te.call(e, o) && (n[o] = e[o]);
   return n;
 };
 var re = (e, t, n) => (me(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { css as L, keyframes as We } from "@emotion/react";
-import { kebabCase as ut, appendClassNames as M, uuid as Q, removeNullAndUndefinedValues as De, Logger as de } from "@telia-ace/widget-utilities";
-import r, { forwardRef as N, createContext as _, useContext as Y, useState as k, useEffect as v, useRef as R, useCallback as H, useImperativeHandle as Ce, useMemo as ie, Component as mt, lazy as dt } from "react";
+import { Container as ut, WidgetState as mt } from "@webprovisions/platform";
+import r, { forwardRef as N, createContext as U, useContext as Y, useState as $, useEffect as v, useRef as R, useCallback as H, useImperativeHandle as Ce, useMemo as se, Component as dt, lazy as ft } from "react";
+import { ComponentPlatform as ht, asDescriptor as pt, createEventSubscriber as gt, ComponentQuery as Ct, WidgetRenderState as oe, extendComponent as yt } from "@telia-ace/widget-core";
+import { css as L, keyframes as Ze } from "@emotion/react";
 import y from "@emotion/styled";
-import { CSSTransition as Ie, Transition as ft } from "react-transition-group";
-import { Container as ht, WidgetState as gt } from "@webprovisions/platform";
-import { ComponentPlatform as pt, asDescriptor as Ct, createEventSubscriber as yt, ComponentQuery as bt, WidgetRenderState as oe, extendComponent as vt } from "@telia-ace/widget-core";
-import { createPortal as wt } from "react-dom";
-import Be from "htmr";
-import { HistoryMode as Te, getSpecificWidgetPath as Et } from "@telia-ace/widget-routing";
+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";
-const xt = (e) => e === "entering" || e === "entered", kt = (e) => e === "exiting" || e === "exited", K = {
+import ze from "htmr";
+const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exiting" || e === "exited", K = {
   fade: {
     in: "opacity: 1;",
     out: "opacity: 0;"
@@ -56,23 +56,23 @@ const xt = (e) => e === "entering" || e === "entered", kt = (e) => e === "exitin
     in: "transform: scale(1);",
     out: "transform: scale(0);"
   }
-}, $t = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], he = {
+}, kt = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], he = {
   compose: (e = "exited", t) => {
-    const { enter: n, exit: o } = t, i = n.transitionKeys.split(" "), s = $t.indexOf(i[0]) > -1 ? "transform" : "opacity";
-    if (xt(e))
-      return i && i.length > 0 ? L`
-                    ${i && i.length > 0 && i.map((l) => K[l] ? K[l].in : "")}
-                    transition: ${s} ${n.duration}ms ${n.easing};
+    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 : "")}
+                    transition: ${i} ${n.duration}ms ${n.easing};
                 ` : "";
-    const a = i && i.length > 0 && L`
-                ${i.map((l) => K[l] ? K[l].out : "")}
+    const a = s && s.length > 0 && L`
+                ${s.map((l) => K[l] ? K[l].out : "")}
             `;
-    if (kt(e)) {
+    if ($t(e)) {
       const l = o.transitionKeys.split(" ");
       return l && l.length > 0 && e === "exiting" ? L`
                     ${a};
                     ${l.map((u) => K[u] ? K[u].out : "")}
-                    transition: ${s} ${o.duration}ms ${o.easing};
+                    transition: ${i} ${o.duration}ms ${o.easing};
                 ` : a;
     }
   },
@@ -102,15 +102,15 @@ const xt = (e) => e === "entering" || e === "entered", kt = (e) => e === "exitin
   },
   get: (e) => K[e]
 };
-var ge = /* @__PURE__ */ ((e) => (e.Opera = "opera", e.Chrome = "chrome", e.Firefox = "firefox", e.Safari = "safari", e.Edge = "edge", e.EdgeChromium = "edge-chromium", e.Blink = "blink", e.IE = "internet-explorer", e))(ge || {});
+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 = () => {
   const {
     opr: e,
     opera: t,
     InstallTrigger: n,
     HTMLElement: o,
-    safari: i,
-    documentMode: s,
+    safari: s,
+    documentMode: i,
     StyleMedia: a,
     chrome: l,
     CSS: u
@@ -119,13 +119,13 @@ const Ne = () => {
     return "opera";
   if (n)
     return "firefox";
-  const m = ((f) => f.toString() === "[object SafariRemoteNotification]")(!i || typeof i != "undefined" && i.pushNotification);
+  const m = ((f) => f.toString() === "[object SafariRemoteNotification]")(!s || typeof s != "undefined" && s.pushNotification);
   if (/constructor/i.test(o) || m)
     return "safari";
-  const g = !!s;
-  if (g)
+  const p = !!i;
+  if (p)
     return "internet-explorer";
-  if (!g && !!a)
+  if (!p && !!a)
     return "edge";
   const d = !!l && (!!l.webstore || !!l.runtime);
   if (d)
@@ -135,60 +135,60 @@ const Ne = () => {
   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], i = typeof o;
-  if (Lt.indexOf(i) > -1) {
-    const s = n.substring(0, 5);
-    s === "data-" || s === "aria-" ? t[ut(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
+  const o = typeof e[n] == "undefined" ? "" : e[n], s = typeof o;
+  if (Lt.indexOf(s) > -1) {
+    const i = n.substring(0, 5);
+    i === "data-" || i === "aria-" ? t[bt(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
   } else
     t[n] = o;
   return t;
-}, {}), Cr = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ r.createElement(sn, h({}, t)) : null, Mt = (e) => new RegExp("^#", "i").test(e), St = (e) => (o) => {
-  var i = o, { children: t } = i, n = S(i, ["children"]);
+}, {}), 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"]);
   const {
-    implementation: s,
+    implementation: i,
     name: a
   } = e.get("$widget"), { href: l = "" } = n;
-  if (Mt(l))
-    return /* @__PURE__ */ r.createElement(Tt, {
+  if (St(l))
+    return /* @__PURE__ */ r.createElement(Zt, {
       smooth: !0,
       to: l
     }, t);
-  const u = s.bindings.map((g) => g.replace(/\./g, "\\.")).join("|"), m = new RegExp(`^((http[s]?:)?//)?(${u})/([^\\s]+)`).exec(l);
+  const u = i.bindings.map((p) => p.replace(/\./g, "\\.")).join("|"), m = new RegExp(`^((http[s]?:)?//)?(${u})/([^\\s]+)`).exec(l);
   if (m && m.length >= 4) {
-    const g = m[4];
-    if (s.widgets.get(g) && !g.startsWith("blob?") && !g.startsWith(a))
-      return /* @__PURE__ */ r.createElement(rr, {
-        widgetName: g
+    const p = m[4];
+    if (i.widgets.get(p) && !p.startsWith("blob?") && !p.startsWith(a))
+      return /* @__PURE__ */ r.createElement(eo, {
+        widgetName: p
       }, t);
   }
   return /* @__PURE__ */ r.createElement("a", h({}, n), t);
-}, Oe = (e) => {
+}, Ht = Rt, Oe = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
     n.indexOf("css-") > -1 && (t[n] = e[n]);
   }), t;
-}, Rt = (e) => {
+}, Tt = (e) => {
   let t = "";
   return Object.keys(Oe(e)).forEach((n) => {
     n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
   }), L`
         ${t}
     `;
-}, Ht = (e, t) => {
+}, Dt = Oe, Bt = (e, t) => {
   let n = "";
   const o = () => {
     n = "";
-  }, i = (g) => {
+  }, s = (p) => {
     const d = document.getElementById(n);
-    return d !== null ? (g(d), o(), !0) : !1;
-  }, s = (g) => (g.preventDefault(), o(), e.onClick && e.onClick(g), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && i(
+    return d !== null ? (p(d), o(), !0) : !1;
+  }, i = (p) => (p.preventDefault(), o(), e.onClick && e.onClick(p), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && s(
     e.scroll || ((d) => e.smooth ? d.scrollIntoView({ behavior: "smooth" }) : d.scrollIntoView())
   ), !1), m = e, { scroll: a, smooth: l, to: u } = m, c = S(m, ["scroll", "smooth", "to"]);
-  return t === "a" && (c.href = "javascript:;"), /* @__PURE__ */ r.createElement(t, $(h({}, c), {
-    onClick: s
+  return t === "a" && (c.href = "javascript:;"), /* @__PURE__ */ r.createElement(t, k(h({}, c), {
+    onClick: i
   }), e.children);
-}, se = (e) => (t, n) => {
-  let o = t, i = "";
+}, ie = (e) => (t, n) => {
+  let o = t, s = "";
   if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(t))
     o = t;
   else {
@@ -196,10 +196,10 @@ const Ne = () => {
     if (l != null && l[0]) {
       o = l[0];
       const [u] = t.split(o);
-      i = u;
+      s = u;
     }
   }
-  const a = ((l, u, c) => c[l] ? `${u}${c[l]}` : `${u}${l}`)(o, i, e.theme.typographyVariantMapping || {});
+  const a = ((l, u, c) => c[l] ? `${u}${c[l]}` : `${u}${l}`)(o, s, e.theme.typographyVariantMapping || {});
   return L`
         ${a} {
             ${n}
@@ -207,25 +207,25 @@ const Ne = () => {
     `;
 };
 function zt(e, t) {
-  return t ? Be(e, t) : Be(e);
+  return t ? ze(e, t) : ze(e);
 }
-const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
+const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, {
   attrs: t,
   htmlBody: e
-}), Bt = (e, t) => ({
+}), Vt = (e, t) => ({
   transform: {
-    a: St(e),
-    img: Dt(t)
+    a: Ht(e),
+    img: Nt(t)
   }
-}), Tt = (e) => Ht(e, "a"), ae = N((i, o) => {
-  var s = i, { className: e, children: t } = s, n = S(s, ["className", "children"]);
-  return /* @__PURE__ */ r.createElement(Nt, $(h({
+}), 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({
     type: "button",
     className: M(e, "humany-button")
   }, V(n)), {
     ref: o
   }), t);
-}), Nt = y.button`
+}), It = y.button`
     -webkit-appearance: button;
     text-transform: none;
     overflow: visible;
@@ -238,14 +238,14 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
     line-height: normal;
     margin: 0;
     padding: 0;
-`, yr = (i) => {
-  var s = i, {
+`, Ot = (s) => {
+  var i = s, {
     onChange: e = () => {
     },
     onEnter: t = () => {
     },
     className: n
-  } = s, o = S(s, [
+  } = i, o = S(i, [
     "onChange",
     "onEnter",
     "className"
@@ -257,105 +257,105 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
     },
     onChange: (a) => e(a.target.value, a.currentTarget.checked)
   }, V(o)));
-}, Vt = _(new ht()), Zt = _(1), Fe = _({
+}, Co = Ot, Pt = U(new ut()), Ft = U(1), Pe = U({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), Wt = _({}), It = _(null), Ot = _(null), ye = () => Y(Fe), Z = () => Y(Vt), br = (e, t) => {
-  const n = ye().id, o = Z();
-  return (i, s) => {
+}), 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) => {
     (t || o).getAsync("actionResolver").then((a) => {
-      a.action(e || n, i, s);
+      a.action(e || n, s, i);
     });
   };
-}, be = (e) => {
-  const t = Y(Fe), n = U(), [o, i] = k();
+}, yo = Ut, _t = (e) => {
+  const t = Y(Pe), n = _(), [o, s] = $();
   return v(() => {
     if ((e || t.id) && n) {
-      const s = n.nodes.get(e || t.id);
-      i(s);
+      const i = n.nodes.get(e || t.id);
+      s(i);
     }
   }, [e, t.id, n]), o;
-}, O = () => {
+}, be = _t, qt = () => {
   const e = R(!1);
   return v(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
-}, U = (e) => {
-  const t = Z(), [n, o] = k(null), i = O();
+}, O = qt, Qt = (e) => {
+  const t = W(), [n, o] = $(null), s = O();
   return v(() => {
-    pt.getInstance(e || t).then((s) => {
-      i.current && o(s);
+    ht.getInstance(e || t).then((i) => {
+      s.current && o(i);
     });
-  }, [i]), n;
-}, vr = () => {
-  const e = be(), t = U(), [n, o] = k([]), i = O(), s = H(
+  }, [s]), n;
+}, _ = Qt, Gt = () => {
+  const e = be(), t = _(), [n, o] = $([]), s = O(), i = H(
     (a) => {
-      if (t && i.current) {
-        const l = t.getBranch(a), u = a.getChildren(l).map((c) => Ct(c));
+      if (t && s.current) {
+        const l = t.getBranch(a), u = a.getChildren(l).map((c) => pt(c));
         o(u);
       }
     },
-    [i, t, o]
+    [s, t, o]
   );
   return v(() => {
-    e && s(e);
+    e && i(e);
   }, [e, t]), v(() => {
     if (t) {
-      const [a, l] = yt(t.events);
+      const [a, l] = gt(t.events);
       return a("components:set-layout", (u, c) => {
-        (e === c.node.parent || c.node.parent === t.nodes.root) && s(c.node.parent);
+        (e === c.node.parent || c.node.parent === t.nodes.root) && i(c.node.parent);
       }), a("components:node-appended", (u, c) => {
-        (e === c.node.parent || c.node.parent === t.nodes.root) && s(c.node.parent);
+        (e === c.node.parent || c.node.parent === t.nodes.root) && i(c.node.parent);
       }), a("components:node-removed", (u, { parentNode: c }) => {
-        (c === e || c === t.nodes.root) && s(c);
+        (c === e || c === t.nodes.root) && i(c);
       }), () => {
         l();
       };
     }
-  }, [e, t, s]), n;
-}, wr = () => Y(Zt), Er = (e, t) => {
-  const n = ye(), o = Z(), [i, s] = k(void 0), a = O(), l = e || n.type || "";
+  }, [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(() => {
     if (l) {
       let u;
       return (t || o).getAsync("componentResolver").then((c) => {
         if (a.current) {
           const m = c.getComponent(l);
-          s(m);
+          i(m);
         }
         u = c.registerResolver(l, (m) => {
-          a.current && s(m);
+          a.current && i(m);
         });
       }), () => {
         u && u();
       };
     }
-  }, [a, l, t, o]), i;
-}, Ft = (e) => {
-  const t = be(e), n = U(), [o, i] = k({}), s = O();
+  }, [a, l, t, o]), s;
+}, Eo = en, tn = (e) => {
+  const t = be(e), n = _(), [o, s] = $({}), i = O();
   return v(() => {
-    t && s.current && i(t.attributes.context);
-  }, [s, t]), v(() => {
+    t && i.current && s(t.attributes.context);
+  }, [i, t]), v(() => {
     if (n) {
       const a = n.events.subscribe(
         "components:context-changed",
         (l, u) => {
-          t === u.node && s.current && i(u.node.attributes.context);
+          t === u.node && i.current && s(u.node.attributes.context);
         }
       );
       return () => {
         a();
       };
     }
-  }, [s, n, t]), o;
-}, xr = () => Y(Ot), kr = () => {
-  const e = U(), t = ye(), [n, o] = k([]), [i, s] = k();
+  }, [i, n, t]), o;
+}, nn = tn, rn = () => Y(Yt), xo = rn, on = () => {
+  const e = _(), t = ye(), [n, o] = $([]), [s, i] = $();
   return v(() => {
     if (e && t) {
-      const a = new bt(e).withId(t.id), l = e.actions(a, t.type || Q());
-      s(l), n !== null && (n.forEach((u) => {
+      const a = new Ct(e).withId(t.id), l = e.actions(a, t.type || Q());
+      i(l), n !== null && (n.forEach((u) => {
         l.dispatch(u.key, u.data).then((c) => u.resolve(c)).catch((c) => u.reject(c));
       }), o(null));
     }
@@ -366,127 +366,127 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
       resolve: u,
       reject: c
     });
-  }) : i.dispatch(a, l);
-}, I = (e, t, n = window, o = () => !0) => {
-  const i = R(() => {
+  }) : s.dispatch(a, l);
+}, wo = on, I = (e, t, n = window, o = () => !0) => {
+  const s = R(() => {
   });
   v(() => {
-    i.current = t;
+    s.current = t;
   }, [t]), v(() => {
     if (!(n && o()))
       return;
-    const a = (l) => i.current(l);
+    const a = (l) => s.current(l);
     return n.addEventListener(e, a), () => {
       n.removeEventListener(e, a);
     };
   }, [e, n]);
-}, At = (e) => {
-  const t = Z(), { events: n } = (e || t).get("$widget");
+}, sn = (e) => {
+  const t = W(), { events: n } = (e || t).get("$widget");
   return n;
-}, $r = () => {
-  const [e, t] = k(!1);
+}, an = sn, cn = () => {
+  const [e, t] = $(!1);
   return v(() => {
     const n = () => {
       t(!1);
-    }, o = (i) => {
-      i.keyCode === 9 && t(!0);
+    }, o = (s) => {
+      s.keyCode === 9 && t(!0);
     };
     return window.addEventListener("keydown", o), window.addEventListener("click", n), () => {
       window.removeEventListener("keydown", o), window.removeEventListener("click", n);
     };
   }, []), e;
-}, X = (e, t) => {
-  const [n, o] = k(!1), i = H(
+}, $o = cn, ln = (e, t) => {
+  const [n, o] = $(!1), s = H(
     (a) => {
       const { key: l } = a;
       l === e && (o(!0), t && t(a));
     },
     [o, t]
-  ), s = H(
+  ), i = H(
     ({ key: a }) => {
       a === e && o(!1);
     },
     [o]
   );
-  return I("keydown", i, window), I("keyup", s, window), n;
-}, Lr = (e) => {
-  const t = be(e), n = U(), [o, i] = k({}), s = 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 && s.current && i(t.attributes.layout);
-  }, [t, s]), v(() => {
+    t && i.current && s(t.attributes.layout);
+  }, [t, i]), v(() => {
     if (n) {
       const a = n.events.subscribe(
         "components:layout-changed",
         (l, u) => {
-          t === u.node && s.current && i(u.node.attributes.layout);
+          t === u.node && i.current && s(u.node.attributes.layout);
         }
       );
       return () => {
         a();
       };
     }
-  }, [n, s, t]), o;
-}, Ae = (e) => {
+  }, [n, i, t]), o;
+}, ko = un, mn = (e) => {
   const t = R();
   return v(() => {
     t.current = e;
   }), t.current;
-}, Mr = () => Y(Wt), Sr = (e) => {
-  const [t, n] = k(), o = Z(), i = O();
+}, Fe = mn, dn = () => Y(At), Lo = dn, fn = (e) => {
+  const [t, n] = $(), o = W(), s = O();
   return v(() => {
-    let s;
+    let i;
     const a = (e || o).get("$widget");
     if (!a)
       return;
     const { name: l, invoke: u } = a;
     return u("renderState").then((c) => {
-      i.current && n(c);
+      s.current && n(c);
     }), (e || o).getAsync("actionResolver").then((c) => {
-      s = c.subscribe(l, (m, g) => {
-        switch (g) {
+      i = c.subscribe(l, (m, p) => {
+        switch (p) {
           case "close":
           case "open":
-            i.current && n(
-              g === "open" ? oe.open : oe.closed
+            s.current && n(
+              p === "open" ? oe.open : oe.closed
             );
             break;
           case "hide":
-            i.current && n(oe.hidden);
+            s.current && n(oe.hidden);
         }
       });
     }), () => {
-      s && s();
+      i && i();
     };
-  }, [i]), t;
-}, Pe = () => Y(It), Rr = (e) => {
-  const t = Z(), n = Pe(), [o, i] = k({ name: "", params: {} }), s = O();
+  }, [s]), t;
+}, Mo = fn, hn = () => Y(Kt), Ae = hn, pn = (e) => {
+  const t = W(), n = Ae(), [o, s] = $({ name: "", params: {} }), i = O();
   return v(() => {
     const a = (e || t).get("$widget");
     if (!a)
       return;
     const { events: l } = a;
     return l.subscribe("router:change", (c, { next: { routeData: m } }) => {
-      if (s.current) {
-        const { name: g, params: d } = m;
-        De(d), i({ name: g, params: d });
+      if (i.current) {
+        const { name: p, params: d } = m;
+        De(d), s({ name: p, params: d });
       }
     });
-  }, [s, e, t]), v(() => {
-    if (n && n.history && s.current) {
+  }, [i, e, t]), v(() => {
+    if (n && n.history && i.current) {
       const a = n.getRouteData(), { name: l, params: u } = a;
-      De(u), i({ name: l, params: u });
+      De(u), s({ name: l, params: u });
     }
-  }, [n, s]), o;
-}, Ke = (e) => {
+  }, [n, i]), o;
+}, So = pn, Ke = (e) => {
   const t = R(), n = R(0);
   let o;
-  const i = H(() => {
+  const s = H(() => {
     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]), s = H(
+  }, [t]), i = H(
     (c) => {
       n.current = c.touches[0].clientY;
     },
@@ -495,17 +495,17 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
     (c) => {
       if (!c.cancelable)
         return;
-      const m = c.touches[0].clientY, g = a(c.target);
-      if (!g)
+      const m = c.touches[0].clientY, p = a(c.target);
+      if (!p)
         return;
-      const d = g.scrollTop, f = n.current - m < 0 ? "up" : "down", C = d <= 0 && f === "up", E = d >= g.scrollHeight - g.offsetHeight && f === "down";
-      (C || E) && c.preventDefault(), n.current = m;
+      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;
     },
     [t, n]
   );
-  return I("scroll", i, t.current, () => t.current && e), I("touchstart", s, t.current, () => t.current && e), I("touchmove", u, t.current, () => t.current && e), e ? [Pt, t] : ["", t];
-}, Pt = `
-    overflow-y: ${Ne() === ge.Chrome || Ne() === ge.EdgeChromium ? "overlay" : "auto"};
+  return I("scroll", s, t.current, () => t.current && e), I("touchstart", i, t.current, () => t.current && e), I("touchmove", u, t.current, () => t.current && e), e ? [gn, t] : ["", t];
+}, gn = `
+    overflow-y: ${Ne() === pe.Chrome || Ne() === pe.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
     scrollbar-width: thin; /* Firefox */
@@ -532,28 +532,28 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
             background-color: #7F7F7F;
         }
     }
-`, Hr = () => {
-  const [e, t] = k(null), n = Z(), o = O();
+`, Cn = () => {
+  const [e, t] = $(null), n = W(), o = O();
   return v(() => {
-    n.get("settings").then((i) => {
-      o.current && t(i);
+    n.get("settings").then((s) => {
+      o.current && t(s);
     });
   }, [o]), e;
-}, Ye = (e = !1) => {
-  const [t, n] = k(e), o = H((i) => {
-    n(typeof i == "boolean" ? i : (s) => !s);
+}, Ro = Cn, yn = (e = !1) => {
+  const [t, n] = $(e), o = H((s) => {
+    n(typeof s == "boolean" ? s : (i) => !i);
   }, []);
   return [t, o];
-}, zr = (e) => {
-  const t = Z(), n = U(), o = t.get("widgetDOMElement"), [i, s] = k(null), [a, l] = k(null), u = O();
+}, Ye = yn, Ho = (e) => {
+  const t = W(), n = _(), o = t.get("widgetDOMElement"), [s, i] = $(null), [a, l] = $(null), u = O();
   v(() => {
     if (n && u.current) {
-      const m = n.nodes.all.find((d) => d.name === "root-area"), g = n.nodes.all.find((d) => d.type === "view");
-      if (!(g != null && g.attributes.properties.animation) && !(m != null && m.attributes.properties.animation))
+      const m = n.nodes.all.find((d) => d.name === "root-area"), p = n.nodes.all.find((d) => d.type === "view");
+      if (!(p != null && p.attributes.properties.animation) && !(m != null && m.attributes.properties.animation))
         e();
       else {
-        const d = (E = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${E}"]`), f = d(g == null ? void 0 : g.id);
-        f && s(f);
+        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 C = d(m == null ? void 0 : m.id);
         C && l(C);
       }
@@ -561,32 +561,32 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
   }, [n, t, u]);
   const c = H(
     (m) => {
-      u.current && (m.target === i || m.target === a) && e();
+      u.current && (m.target === s || m.target === a) && e();
     },
-    [e, u, i, a]
+    [e, u, s, a]
   );
-  I("transitionend", c, i), I("transitionend", c, a);
-}, ce = (e, t, n = [], o) => {
-  const i = At(o);
+  I("transitionend", c, s), I("transitionend", c, a);
+}, bn = (e, t, n = [], o) => {
+  const s = an(o);
   return v(() => {
-    if (i) {
-      const s = i.subscribe(e, t);
+    if (s) {
+      const i = s.subscribe(e, t);
       return () => {
-        s();
+        i();
       };
     }
-  }, [i].concat(n)), (s) => i == null ? void 0 : i.dispatch(e, s);
-}, ve = (e, t) => {
-  const n = ce("widget:menu-toggled", (o, i) => {
-    i !== e && t();
+  }, [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();
   });
   return () => n(e);
-}, we = (o) => {
-  var i = o, { className: e, children: t } = i, n = S(i, ["className", "children"]);
+}, ve = vn, En = (o) => {
+  var s = o, { className: e, children: t } = s, n = S(s, ["className", "children"]);
   return /* @__PURE__ */ r.createElement("span", h({
     className: M(e, "humany-text")
   }, V(n)), t);
-}, je = (e) => L`
+}, Ee = En, je = (e) => L`
     display: flex;
     justify-content: center;
     flex-direction: column;
@@ -595,7 +595,7 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
     border: ${e.theme.border};
     box-shadow: ${e.theme.boxShadow || "none"};
     ${e["data-loading"] && "min-height: 150px;"}
-`, Kt = (e) => {
+`, xn = (e) => {
   var t, n, o;
   return L`
     cursor: pointer;
@@ -607,11 +607,11 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
     font-family: ${(n = e.theme.fonts) == null ? void 0 : n.type};
     font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
 `;
-}, Dr = (e) => {
+}, To = (e) => {
   var a;
-  const { primaryColor: t, secondaryColor: n, active: o, theme: i, disabled: s } = e;
+  const { primaryColor: t, secondaryColor: n, active: o, theme: s, disabled: i } = e;
   return L`
-        ${Kt(e)}
+        ${xn(e)}
         border: 1px solid ${o ? n : t};
         background-color: ${o ? t : n};
@@ -624,10 +624,10 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
         a {
             transition: color 200ms ease-out;
             color: ${o ? n : t};
-            font-size: ${(a = i.fonts) == null ? void 0 : a.normal};
+            font-size: ${(a = s.fonts) == null ? void 0 : a.normal};
         }
-        ${!s && L`
+        ${!i && L`
             &:hover {
                 background-color: ${t};
                 color: ${n};
@@ -641,27 +641,27 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
             }
             &:focus-visible {
-                ${P(e)};
+                ${A(e)};
             }
         `}
     `;
-}, P = (e) => {
+}, A = (e) => {
   var t, n, o;
   return L`
     outline: ${(t = e.theme.accessibility) == null ? void 0 : t.border};
     color: ${(o = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : o.inactiveText};
     border-color: transparent;
 `;
-}, Yt = (e) => L`
-    ${P(e)}
+}, wn = (e) => L`
+    ${A(e)}
     text-decoration: underline;
-`, Br = (e) => {
+`, Do = (e) => {
   var t;
   return L`
-    ${P(e)}
+    ${A(e)}
     outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
 `;
-}, Ee = y(ae)`
+}, xe = y(ae)`
     position: absolute;
     top: ${(e) => {
   var t;
@@ -681,7 +681,7 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
     }
     &:focus-visible {
-        ${P}
+        ${A}
         padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -689,7 +689,7 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
         height: 15px;
         box-sizing: content-box;
     }
-`, Ve = y(we)`
+`, Ve = y(Ee)`
     font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -700,7 +700,7 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, jt = (e) => {
+`, $n = (e) => {
   var t;
   return L`
     padding: 0;
@@ -722,11 +722,11 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
         margin: 0;
     }
 `;
-}, Tr = (e) => {
-  var t, n, o, i;
+}, Bo = (e) => {
+  var t, n, o, s;
   return L`
     > div {
-        ${se(e)(
+        ${ie(e)(
     "> h1",
     L`
                 margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
@@ -738,15 +738,15 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
   )}
     }
     > ul {
-        ${jt(e)}
+        ${$n(e)}
     }
-    ${se(e)(
+    ${ie(e)(
     "h1",
     L`
             display: flex;
             align-items: center;
             i {
-                margin: 7px ${(i = e.theme.sizes) == null ? void 0 : i.normal} 0 0;
+                margin: 7px ${(s = e.theme.sizes) == null ? void 0 : s.normal} 0 0;
                 width: 24px;
                 display: inline-block;
                 vertical-align: text-bottom;
@@ -758,8 +758,8 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
         `
   )}
 `;
-}, Nr = (e) => {
-  var t, n, o, i, s, a;
+}, zo = (e) => {
+  var t, n, o, s, i, a;
   return L`
     font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
     font-weight: 300;
@@ -787,7 +787,7 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
     a {
         color: ${(o = e.theme.colors) == null ? void 0 : o.link};
         &:focus-visible {
-            ${Yt(e)};
+            ${wn(e)};
         }
     }
@@ -798,11 +798,11 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
     p {
         word-break: break-word;
-        margin: ${(i = e.theme.sizes) == null ? void 0 : i.normal} 0;
+        margin: ${(s = e.theme.sizes) == null ? void 0 : s.normal} 0;
     }
     p:first-child {
-        margin: 0 0 ${(s = e.theme.sizes) == null ? void 0 : s.normal};
+        margin: 0 0 ${(i = e.theme.sizes) == null ? void 0 : i.normal};
     }
     p:last-child {
@@ -813,19 +813,19 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
         margin: 0;
     }
 `;
-}, G = ({
+}, kn = ({
   elementId: e = "humany-portal-elements",
   parent: t = document.body,
   children: n
 }) => {
-  const [o] = k(() => {
-    const i = document.getElementById(e) || document.createElement("div");
-    return i.id = e, i;
+  const [o] = $(() => {
+    const s = document.getElementById(e) || document.createElement("div");
+    return s.id = e, s;
   });
   return v(() => (t.appendChild(o), () => {
     o.childElementCount <= 1 && t.removeChild(o);
-  }), [o]), wt(n, o);
-}, J = (l) => {
+  }), [o]), Et(n, o);
+}, G = kn, Ln = (l) => {
   var u = l, {
     text: e = "",
     backgroundSize: t = "contain",
@@ -834,8 +834,8 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
       content: "",
       type: ""
     },
-    elementStyle: i = {},
-    className: s
+    elementStyle: s = {},
+    className: i
   } = u, a = S(u, [
     "text",
     "backgroundSize",
@@ -844,7 +844,7 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
     "elementStyle",
     "className"
   ]);
-  const { type: c, content: m } = o, g = {
+  const { type: c, content: m } = o, p = {
     "aria-label": e,
     role: "presentation"
   };
@@ -858,14 +858,14 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
         backgroundAttachment: "center"
       };
       return /* @__PURE__ */ r.createElement("i", h(h({
-        className: M(s, "humany-icon", "humany-custom-icon"),
+        className: M(i, "humany-icon", "humany-custom-icon"),
         title: e,
-        style: h(h({}, d), i)
-      }, g), a));
+        style: h(h({}, d), s)
+      }, p), a));
     }
     case "Svg": {
-      const d = $(h({
-        className: M(s, "humany-icon"),
+      const d = k(h({
+        className: M(i, "humany-icon"),
         width: `${n}`,
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
@@ -954,7 +954,7 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
             stroke: "black"
           }));
         case "caret-up":
-          return /* @__PURE__ */ r.createElement(Xt, h({
+          return /* @__PURE__ */ r.createElement(Mn, h({
             viewBox: "0 0 14 14",
             style: f
           }, d), /* @__PURE__ */ r.createElement("line", {
@@ -1216,7 +1216,7 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
             fill: "white"
           }));
         case "video":
-          return f.minWidth && typeof f.minWidth == "number" && (f.minWidth = `${f.minWidth}px`), /* @__PURE__ */ r.createElement("svg", $(h({
+          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
@@ -1330,21 +1330,21 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
       return null;
     }
     case "FontAwesome":
-      return /* @__PURE__ */ r.createElement(ln, h({
-        className: s,
+      return /* @__PURE__ */ r.createElement(Un, h({
+        className: i,
         faIcon: m,
         title: e
       }, a));
     default:
     case "Text":
       return e ? /* @__PURE__ */ r.createElement("i", h(h({
-        className: M(s, "humany-letter-symbol"),
+        className: M(i, "humany-letter-symbol"),
         title: e
-      }, g), a), e.substring(0, 2)) : null;
+      }, p), a), e.substring(0, 2)) : null;
   }
-}, Xt = y.svg`
+}, Mn = y.svg`
     transform: rotate(180deg);
-`, _t = {
+`, J = Ln, Sn = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1353,50 +1353,50 @@ const Dt = (e) => (t) => /* @__PURE__ */ r.createElement(Hn, {
   h6: "h6",
   p: "p",
   span: "span"
-}, q = ({ variant: e, component: t, className: n, children: o }) => {
-  const { typographyVariantMapping: i = {} } = Ft(), s = h(h({}, _t), i), a = t || s[e] || "span";
-  return /* @__PURE__ */ r.createElement(Ut, {
+}, 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);
-}, Ut = y.span``;
-var qt = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(qt || {});
-const Qt = 300, Vr = ({
+}, 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 = ({
   className: e,
   children: t,
   header: n,
   onToggle: o,
-  trigger: i,
-  fullScreen: s = !1,
+  trigger: s,
+  fullScreen: i = !1,
   closeButtonAriaLabel: a,
   animation: l = {
     type: "slide-in-bottom"
   }
 }) => {
-  const { duration: u = Qt } = l, c = R(), m = R(), [g, d] = Ke(!0), [f, C] = Ye(), E = Ae(f), b = R(Q());
+  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 w = X("Escape");
+  const E = X("Escape");
   v(() => {
-    w && C(!1);
-  }, [w]), I(
+    E && C(!1);
+  }, [E]), I(
     "click",
-    (T) => {
-      const { target: z } = T;
-      !m.current || !d.current || !z || m.current !== z && d.current !== z && !d.current.contains(z) && !m.current.contains(z) && C(!1);
+    (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);
     },
     window
   );
-  const p = ve(b.current, () => {
+  const g = ve(b.current, () => {
     C(!1);
   });
   ce("router:changed", () => {
     C(!1);
   }), v(() => {
-    f && c.current ? c.current.focus() : !f && m.current && E && m.current.focus();
+    f && c.current ? c.current.focus() : !f && m.current && x && m.current.focus();
   }, [f, c.current, m.current]);
-  const B = rn[l.type];
+  const B = In[l.type];
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ie, {
     in: f,
     className: "humany-drawer-transition",
@@ -1405,34 +1405,34 @@ const Qt = 300, Vr = ({
     timeout: u
   }, /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(B, {
     duration: u,
-    fullScreen: s,
+    fullScreen: i,
     className: M(
       e,
       "humany-drawer",
       `humany-drawer-${b.current}`
     ),
     clientHeight: document.body.clientHeight,
-    css: g,
+    css: p,
     ref: d
-  }, /* @__PURE__ */ r.createElement(Ee, {
+  }, /* @__PURE__ */ r.createElement(xe, {
     onClick: () => C(!1),
     tabIndex: 0,
     ref: c,
     "aria-label": a
   }, /* @__PURE__ */ r.createElement(J, {
     symbol: { type: "Svg", content: "close" }
-  })), !!n && /* @__PURE__ */ r.createElement(Gt, {
+  })), !!n && /* @__PURE__ */ r.createElement(zn, {
     variant: "h1",
     className: "humany-drawer-header"
-  }, n), t))), r.cloneElement(i, {
-    onClick: (T) => {
-      C(), p();
+  }, n), t))), r.cloneElement(s, {
+    onClick: (z) => {
+      C(), g();
     },
     ref: m,
-    "aria-label": i.props.title,
+    "aria-label": s.props.title,
     "aria-expanded": f
   }));
-}, le = y.div`
+}, No = Bn, le = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -1449,7 +1449,7 @@ const Qt = 300, Vr = ({
     box-shadow: ${(e) => e.theme.boxShadow};
     background: #ffffff;
     ${(e) => e.css && e.css}
-`, Gt = y(q)`
+`, zn = y(q)`
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1474,7 +1474,7 @@ const Qt = 300, Vr = ({
     line-height: 1.2em;
 `, ue = (e) => L`
     transition: ${e.duration}ms;
-`, Jt = y(le)`
+`, Nn = y(le)`
     max-height: 0;
     ${ue}
@@ -1491,7 +1491,7 @@ const Qt = 300, Vr = ({
     &.humany-drawer-transition-exit-done {
         max-height: 0;
     }
-`, en = y(le)`
+`, Vn = y(le)`
     ${ue}
     transform: translateX(100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1509,7 +1509,7 @@ const Qt = 300, Vr = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(100%);
     }
-`, tn = y(le)`
+`, Wn = y(le)`
     ${ue}
     transform: translateX(-100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1527,7 +1527,7 @@ const Qt = 300, Vr = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(-100%);
     }
-`, nn = y(le)`
+`, Zn = y(le)`
     ${ue}
     bottom: unset;
     top: 0;
@@ -1546,69 +1546,69 @@ const Qt = 300, Vr = ({
     &.humany-drawer-transition-exit-done {
         height: 0;
     }
-`, rn = {
-  ["slide-in-bottom"]: Jt,
-  ["slide-in-right"]: en,
-  ["slide-in-left"]: tn,
-  ["slide-in-top"]: nn
-}, Xe = (e, t, n) => {
-  const [o, i] = k(0), [s, a] = k(0), l = H(
+`, 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(
     (u, c) => {
       if (u.preventDefault(), c) {
         const m = c.getBoundingClientRect();
-        i(Math.max(document.body.clientWidth - m.right, 1)), a(m.bottom + window.scrollY);
+        s(Math.max(document.body.clientWidth - m.right, 1)), a(m.bottom + window.scrollY);
       }
     },
-    [o, s, i, a]
+    [o, i, s, a]
   );
   return v(() => {
     if (!n || !e)
       return;
     const u = n.getBoundingClientRect(), c = {
       x: o,
-      y: s
+      y: i
     };
-    u.left < 0 && (c.x = 0), u.bottom > window.innerHeight && (c.y = 0), c.x !== o && i(c.x), c.y !== s && a(c.y);
-  }, [n, e, t]), [{ x: o, y: s }, l];
-}, Zr = r.forwardRef(
-  (a, s) => {
-    var l = a, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = l, i = S(l, ["className", "children", "trigger", "closeButtonAriaLabel"]);
+    u.left < 0 && (c.x = 0), u.bottom > window.innerHeight && (c.y = 0), c.x !== o && s(c.x), c.y !== i && a(c.y);
+  }, [n, e, t]), [{ x: o, y: i }, l];
+}, Xe = On, Pn = r.forwardRef(
+  (a, i) => {
+    var l = a, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = l, s = S(l, ["className", "children", "trigger", "closeButtonAriaLabel"]);
     const u = R(), c = R(), m = R();
-    Ce(s, () => m.current, [m.current]);
-    const g = R(Q()), [d, f] = k(!1), C = Ae(d), [{ x: E, y: b }, w] = Xe(d, g.current, m.current), p = X("Escape");
+    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(() => {
-      p && f(!1);
-    }, [p]), v(() => {
+      g && f(!1);
+    }, [g]), v(() => {
       d && u.current ? u.current.focus() : !d && c.current && C && c.current.focus();
     }, [d, u.current, c.current]), I(
       "click",
-      (z) => {
-        const { target: j } = z;
+      (T) => {
+        const { target: j } = T;
         !m.current || !j || m.current !== j && !m.current.contains(j) && f(!1);
       },
       window
     ), ce("router:changed", () => {
       f(!1);
     });
-    const B = ve(g.current, () => {
+    const B = ve(p.current, () => {
       f(!1);
-    }), T = H(
-      (z) => {
-        z.stopPropagation(), w(z, c.current), f(!d), B();
+    }), z = H(
+      (T) => {
+        T.stopPropagation(), E(T, c.current), f(!d), B();
       },
-      [B, w, f]
+      [B, E, f]
     );
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, d && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(on, $(h({
+    return /* @__PURE__ */ r.createElement(r.Fragment, null, d && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(Fn, k(h({
       className: M(
         "humany-dropdown",
-        `humany-dropdown-${g.current}`,
+        `humany-dropdown-${p.current}`,
         e
       )
-    }, i), {
-      x: E,
+    }, s), {
+      x,
       y: b,
       ref: m
-    }), /* @__PURE__ */ r.createElement(Ee, {
+    }), /* @__PURE__ */ r.createElement(xe, {
       onClick: () => f(!1),
       tabIndex: 0,
       ref: u,
@@ -1616,13 +1616,13 @@ const Qt = 300, Vr = ({
     }, /* @__PURE__ */ r.createElement(J, {
       symbol: { type: "Svg", content: "close" }
     })), t)), r.cloneElement(n, {
-      onClick: T,
+      onClick: z,
       ref: c,
       "aria-label": n.props.title,
       "aria-expanded": d
     }));
   }
-), on = y.div`
+), Vo = Pn, Fn = y.div`
     ${je}
     padding: ${(e) => {
   var t;
@@ -1633,55 +1633,55 @@ const Qt = 300, Vr = ({
     box-shadow: ${(e) => e.theme.boxShadow};
     ${(e) => {
-  var n, o, i;
+  var n, o, s;
   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: ${((i = e.theme.sizes) == null ? void 0 : i.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: ${((s = e.theme.sizes) == null ? void 0 : s.normal) || "0px"};`, t;
 }};
-`, sn = (t) => {
+`, An = (t) => {
   var e = S(t, []);
-  return /* @__PURE__ */ r.createElement(an, h({}, e));
-}, an = y.div`
+  return /* @__PURE__ */ r.createElement(Yn, h({}, e));
+}, Kn = An, Yn = y.div`
     display: none;
-`, Wr = N(
-  (a, s) => {
-    var l = a, { children: e, columns: t, gap: n, className: o } = l, i = S(l, ["children", "columns", "gap", "className"]);
-    return /* @__PURE__ */ r.createElement(cn, $(h(h({
+`, Wo = N(
+  (a, i) => {
+    var l = a, { children: e, columns: t, gap: n, className: o } = l, s = S(l, ["children", "columns", "gap", "className"]);
+    return /* @__PURE__ */ r.createElement(jn, k(h(h({
       className: M(o, "humany-grid"),
       "data-columns": t,
       "data-gap": n
-    }, Oe(i)), V(i)), {
-      ref: s
+    }, Dt(s)), V(s)), {
+      ref: i
     }), e);
   }
-), cn = y.div`
+), jn = y.div`
     display: grid;
     grid-template-columns: repeat(${(e) => e["data-columns"]}, 1fr);
     grid-gap: ${(e) => e["data-gap"]};
     justify-content: center;
     grid-auto-rows: max-content;
-    ${Rt}
-`, _e = N(
-  (s, i) => {
-    var a = s, { htmlParseInstruction: e = null, className: t, html: n } = a, o = S(a, ["htmlParseInstruction", "className", "html"]);
-    const l = Z(), [u, c] = k();
+    ${Tt}
+`, Ue = N(
+  (i, s) => {
+    var a = i, { htmlParseInstruction: e = null, className: t, html: n } = a, o = S(a, ["htmlParseInstruction", "className", "html"]);
+    const l = W(), [u, c] = $();
     return v(() => {
-      const m = Bt(l, n), g = $(h(h({}, m), e), {
+      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, g);
+      }), d = zt(n, p);
       c(d);
-    }, [n, e]), /* @__PURE__ */ r.createElement("div", $(h({
+    }, [n, e]), /* @__PURE__ */ r.createElement("div", k(h({
       className: M(t, "humany-html")
     }, V(o)), {
-      ref: i
+      ref: s
     }), u);
   }
-), ln = (s) => {
-  var a = s, {
+), Xn = (i) => {
+  var a = i, {
     faIcon: e,
     title: t,
     className: n = "",
     role: o = "presentation"
-  } = a, i = S(a, [
+  } = a, s = S(a, [
     "faIcon",
     "title",
     "className",
@@ -1691,19 +1691,19 @@ const Qt = 300, Vr = ({
     className: M(n, `fa fa-${e}`),
     title: t,
     role: o
-  }, V(i)));
-}, Ir = N(
-  (g, m) => {
-    var d = g, {
+  }, V(s)));
+}, Un = Xn, Zo = N(
+  (p, m) => {
+    var d = p, {
       className: e = "",
       autoFocus: t = !1,
       onFocusChange: n = () => {
       },
       onEnter: o = () => {
       },
-      onEscape: i = () => {
+      onEscape: s = () => {
       },
-      selectAllOnFocus: s,
+      selectAllOnFocus: i,
       onChange: a = () => {
       },
       disabled: l = !1,
@@ -1719,40 +1719,40 @@ const Qt = 300, Vr = ({
       "disabled",
       "type"
     ]);
-    const [f, C] = k(t), E = R();
-    Ce(m, () => E.current), v(() => {
-      var p;
-      t && ((p = E == null ? void 0 : E.current) == null || p.focus());
-    }, [t, m, E]);
-    const b = (p, B) => {
-      C(p), n && n(p), s && p && B.target.select();
-    }, w = $(h({}, V(c)), {
+    const [f, C] = $(t), x = R();
+    Ce(m, () => x.current), v(() => {
+      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)), {
       disabled: l,
       autoFocus: t,
       type: u,
-      onKeyDown: (p) => {
-        p.key === "Enter" && f && o(p), p.key === "Escape" && f && i(p);
+      onKeyDown: (g) => {
+        g.key === "Enter" && f && o(g), g.key === "Escape" && f && s(g);
       },
-      onFocus: (p) => b(!0, p),
-      onBlur: (p) => b(!1, p),
-      onChange: (p) => a(p.target.value || ""),
+      onFocus: (g) => b(!0, g),
+      onBlur: (g) => b(!1, g),
+      onChange: (g) => a(g.target.value || ""),
       className: M(e, "humany-input"),
       "data-type": u
     });
-    return u !== "textarea" ? /* @__PURE__ */ r.createElement("input", $(h({}, w), {
-      ref: E
-    })) : /* @__PURE__ */ r.createElement("textarea", $(h({}, w), {
-      ref: E
+    return u !== "textarea" ? /* @__PURE__ */ r.createElement("input", k(h({}, E), {
+      ref: x
+    })) : /* @__PURE__ */ r.createElement("textarea", k(h({}, E), {
+      ref: x
     }));
   }
-), un = N(
-  (a, s) => {
-    var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, i = S(l, ["className", "items", "renderItem", "renderLi"]);
-    return /* @__PURE__ */ r.createElement("ul", $(h({
+), _n = N(
+  (a, i) => {
+    var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, s = S(l, ["className", "items", "renderItem", "renderLi"]);
+    return /* @__PURE__ */ r.createElement("ul", k(h({
       className: M(e, "humany-list"),
       "data-item-count": t.length
-    }, V(i)), {
-      ref: s
+    }, V(s)), {
+      ref: i
     }), t.map(
       (u, c, m) => o ? /* @__PURE__ */ r.createElement("li", {
         className: "humany-list-item",
@@ -1760,37 +1760,37 @@ const Qt = 300, Vr = ({
       }, n(u, c, m)) : n(u, c, m)
     ));
   }
-), mn = N(
+), qn = N(
   (u, l) => {
-    var c = u, { text: e, html: t, header: n, className: o, htmlParseInstruction: i, symbol: s } = c, a = S(c, ["text", "html", "header", "className", "htmlParseInstruction", "symbol"]);
-    return /* @__PURE__ */ r.createElement("div", $(h({
+    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("div", k(h({
       className: M(o, "humany-paragraph")
     }, V(a)), {
       ref: l
     }), n ? /* @__PURE__ */ r.createElement(q, {
       variant: "h1"
-    }, s ? /* @__PURE__ */ r.createElement(J, {
-      symbol: s
-    }) : null, n) : null, t ? /* @__PURE__ */ r.createElement(_e, {
+    }, i ? /* @__PURE__ */ r.createElement(J, {
+      symbol: i
+    }) : null, n) : null, t ? /* @__PURE__ */ r.createElement(Ue, {
       html: t,
-      htmlParseInstruction: i
-    }) : null, e ? /* @__PURE__ */ r.createElement(we, null, e) : null);
+      htmlParseInstruction: s
+    }) : null, e ? /* @__PURE__ */ r.createElement(Ee, null, e) : null);
   }
-), dn = N(
+), Qn = N(
   (f, d) => {
     var C = f, {
       header: e,
       customHeader: t,
       text: n,
       html: o,
-      className: i,
-      children: s,
+      className: s,
+      children: i,
       symbol: a,
       items: l,
       renderItem: u,
       renderLi: c,
       ulProps: m
-    } = C, g = S(C, [
+    } = C, p = S(C, [
       "header",
       "customHeader",
       "text",
@@ -1803,56 +1803,56 @@ const Qt = 300, Vr = ({
       "renderLi",
       "ulProps"
     ]);
-    return /* @__PURE__ */ r.createElement("div", $(h({
-      className: M(i, "humany-item-list"),
+    return /* @__PURE__ */ r.createElement("div", k(h({
+      className: M(s, "humany-item-list"),
       "data-item-count": l.length
-    }, V(g)), {
+    }, V(p)), {
       ref: d
-    }), t || (e || n || o ? /* @__PURE__ */ r.createElement(mn, {
+    }), t || (e || n || o ? /* @__PURE__ */ r.createElement(qn, {
       symbol: a,
       header: e,
       text: n,
       html: o
-    }) : null), l.length ? /* @__PURE__ */ r.createElement(un, h({
+    }) : null), l.length ? /* @__PURE__ */ r.createElement(_n, h({
       items: l,
       renderItem: u,
       renderLi: c
-    }, m)) : null, s);
+    }, m)) : null, i);
   }
-), Or = ({
+), Gn = ({
   className: e = "",
   tree: t,
   renderItem: n,
   rootItem: o,
-  renderUnselected: i = !0,
-  renderEmpty: s = !0,
+  renderUnselected: s = !0,
+  renderEmpty: i = !0,
   ulProps: a,
   liProps: l
 }) => {
-  const u = (g) => !c(g), c = (g) => !g || g.length < 1 ? !0 : !g.some((d) => !!d.selected), m = (g, d) => /* @__PURE__ */ r.createElement(dn, {
+  const u = (p) => !c(p), c = (p) => !p || p.length < 1 ? !0 : !p.some((d) => !!d.selected), m = (p, d) => /* @__PURE__ */ r.createElement(Qn, {
     className: M(`humany-item-tree-level-${d}`),
-    items: g,
+    items: p,
     ulProps: a,
     renderItem: (f) => {
-      const { id: C, selected: E, items: b, matches: w } = f, p = E && c(b);
-      return !s && !w ? null : /* @__PURE__ */ r.createElement("li", $(h({}, V(l)), {
+      const { id: C, selected: x, items: b, matches: E } = f, g = x && c(b);
+      return !i && !E ? null : /* @__PURE__ */ r.createElement("li", k(h({}, V(l)), {
         key: C,
         className: "humany-item-tree-item"
-      }), n && n(f, d, p), b && (i || p) && m(b, d + 1));
+      }), n && n(f, d, g), b && (s || g) && m(b, d + 1));
     }
   });
   return /* @__PURE__ */ r.createElement("div", {
     className: M(e, "humany-item-tree")
   }, o && o(!u(t || [])), t && m(t, 1));
-}, fn = N(
+}, Io = Gn, Jn = N(
   (u, l) => {
     var c = u, { className: e, onClick: t = () => {
-    }, name: n = "", to: o = "", params: i = {}, children: s } = c, a = S(c, ["className", "onClick", "name", "to", "params", "children"]);
-    const m = Pe(), g = Z();
+    }, name: n = "", to: o = "", params: s = {}, children: i } = c, a = S(c, ["className", "onClick", "name", "to", "params", "children"]);
+    const m = Ae(), p = W();
     if (!m)
       return null;
     let d = "";
-    const f = $(h({
+    const f = k(h({
       onClick: t,
       className: M(e, "humany-route-link"),
       to: d,
@@ -1861,19 +1861,19 @@ const Qt = 300, Vr = ({
       ref: null
     });
     if (n) {
-      if (!(m.routes || []).find((w) => w.name === n))
-        return process.env.NODE_ENV !== "production" && de.warn(`Unable to create route. No route named "${n}" exist.`), /* @__PURE__ */ r.createElement(fe, $(h({}, f), {
-          onClick: (w) => {
-            t(w), w.preventDefault(), process.env.NODE_ENV !== "production" && de.warn(`Unable to navigate. No route named "${n}" exist.`);
+      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.`);
           }
-        }), s);
-      const b = Object.keys(i).reduce((w, p) => (w[p] = typeof i[p] == "string" ? encodeURIComponent(i[p]) : i[p], w), {});
+        }), i);
+      const b = Object.keys(s).reduce((E, g) => (E[g] = typeof s[g] == "string" ? encodeURIComponent(s[g]) : s[g], E), {});
       try {
         d = m.generate(n, b || {});
-      } catch (w) {
-        return /* @__PURE__ */ r.createElement(fe, h({}, f), s);
+      } catch (E) {
+        return /* @__PURE__ */ r.createElement(fe, h({}, f), i);
       }
-      d && m.settings.mode && m.settings.mode === Te.browser && d[0] !== "/" && (d = `/${d}`);
+      d && m.settings.mode && m.settings.mode === Be.browser && d[0] !== "/" && (d = `/${d}`);
     } else if (o && m.history)
       d = m.history.createHref({
         hash: "",
@@ -1885,33 +1885,33 @@ const Qt = 300, Vr = ({
       return process.env.NODE_ENV !== "production" && de.warn(
         'Unable to generate path for route link. Either specify route name or use the "to" prop.'
       ), null;
-    if (m.settings && m.settings.mode === Te.scopedHash) {
-      const C = g.get("$widget").name;
-      d = Et(d, C);
+    if (m.settings && m.settings.mode === Be.scopedHash) {
+      const C = p.get("$widget").name;
+      d = xt(d, C);
     }
-    return f.as ? /* @__PURE__ */ r.createElement(hn, $(h({}, f), {
+    return f.as ? /* @__PURE__ */ r.createElement(er, k(h({}, f), {
       as: f.as
-    }), s) : /* @__PURE__ */ r.createElement(fe, $(h({}, f), {
+    }), i) : /* @__PURE__ */ r.createElement(fe, k(h({}, f), {
       to: d
-    }), s);
+    }), i);
   }
-), hn = y.span``, xe = N(
-  (E, C) => {
-    var b = E, {
+), er = y.span``, we = N(
+  (x, C) => {
+    var b = x, {
       className: e,
       disabled: t = !1,
       role: n = "link",
       tabIndex: o = 0,
-      onClick: i = () => {
+      onClick: s = () => {
       },
-      onKeyDown: s = () => {
+      onKeyDown: i = () => {
       },
       title: a,
       as: l,
       href: u,
       children: c,
       target: m,
-      routeName: g,
+      routeName: p,
       params: d
     } = b, f = S(b, [
       "className",
@@ -1928,58 +1928,58 @@ const Qt = 300, Vr = ({
       "routeName",
       "params"
     ]);
-    const w = {
+    const E = {
       title: a,
       disabled: t,
       role: n,
       as: l,
       tabIndex: o,
       className: M(e, "humany-link", [!!t, "humany-disabled"]),
-      onClick: (p) => {
-        if (p.persist(), t) {
-          p.preventDefault();
+      onClick: (g) => {
+        if (g.persist(), t) {
+          g.preventDefault();
           return;
         }
-        i(p);
+        s(g);
       },
-      onKeyDown: (p) => {
-        if (p.persist(), t) {
-          p.key !== "Tab" && p.preventDefault();
+      onKeyDown: (g) => {
+        if (g.persist(), t) {
+          g.key !== "Tab" && g.preventDefault();
           return;
         }
-        s(p);
+        i(g);
       }
     };
-    return g ? /* @__PURE__ */ r.createElement(gn, $(h(h({
-      name: g,
+    return p ? /* @__PURE__ */ r.createElement(tr, k(h(h({
+      name: p,
       params: d
-    }, w), V(f)), {
+    }, E), V(f)), {
       ref: C
-    }), c) : /* @__PURE__ */ r.createElement(pn, $(h(h({
+    }), c) : /* @__PURE__ */ r.createElement(nr, k(h(h({
       href: u,
       target: m
-    }, w), V(f)), {
+    }, E), V(f)), {
       ref: C
     }), c);
   }
-), gn = y(fn)`
+), tr = y(Jn)`
     ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, pn = y.a`
+`, nr = y.a`
     ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
   ` : "cursor: pointer;"}
-`, Ue = (s) => {
-  var a = s, {
+`, rr = (i) => {
+  var a = i, {
     visible: e,
     duration: t = 500,
     children: n,
     onClick: o = () => {
     }
-  } = a, i = S(a, [
+  } = a, s = S(a, [
     "visible",
     "duration",
     "children",
@@ -1997,13 +1997,13 @@ const Qt = 300, Vr = ({
     classNames: "humany-overlay-transition",
     unmountOnExit: !0,
     timeout: t
-  }, /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(Cn, h({
+  }, /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(or, h({
     className: "humany-overlay",
     duration: t,
     ref: l,
     onClick: u
-  }, i), n)));
-}, Cn = y.div`
+  }, s), n)));
+}, or = y.div`
     background: rgba(0, 0, 0, 0.6);
     min-width: 100%;
     min-height: 100%;
@@ -2033,11 +2033,11 @@ const Qt = 300, Vr = ({
     &.humany-overlay-transition-exit-done {
         opacity: 0;
     }
-`, yn = We`
+`, _e = rr, sr = Ze`
   100% {
     transform: rotate(360deg);
   }
-`, bn = We`
+`, ir = Ze`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2050,8 +2050,8 @@ const Qt = 300, Vr = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, vn = y.svg`
-    animation: ${yn} 2s linear infinite;
+`, ar = y.svg`
+    animation: ${sr} 2s linear infinite;
     height: 100%;
     transform-origin: center center;
     width: 100%;
@@ -2062,7 +2062,7 @@ const Qt = 300, Vr = ({
     right: 0;
     margin: auto;
     transition: 200ms ease-out opacity;
-`, wn = y.div`
+`, cr = y.div`
     position: absolute;
     top: 0;
     bottom: 0;
@@ -2080,7 +2080,7 @@ const Qt = 300, Vr = ({
     svg {
         opacity: ${(e) => e["data-loading"] ? "1" : "0"};
     }
-`, En = y.div`
+`, lr = y.div`
     position: relative;
     margin: 0 auto;
     width: 100px;
@@ -2089,82 +2089,82 @@ const Qt = 300, Vr = ({
         display: block;
         padding-top: 100%;
     }
-`, xn = y.circle`
+`, ur = y.circle`
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
-    animation: ${bn} 1.5s ease-in-out infinite;
+    animation: ${ir} 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;
-`, kn = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ r.createElement(wn, {
+`, mr = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ r.createElement(cr, {
   className: M("humany-loader", e),
   "data-loading": t
-}, /* @__PURE__ */ r.createElement(En, {
+}, /* @__PURE__ */ r.createElement(lr, {
   className: "humany-spinner"
-}, /* @__PURE__ */ r.createElement(vn, {
+}, /* @__PURE__ */ r.createElement(ar, {
   viewBox: "25 25 50 50"
-}, /* @__PURE__ */ r.createElement(xn, {
+}, /* @__PURE__ */ r.createElement(ur, {
   cx: "50",
   cy: "50",
   r: "20",
   fill: "none",
   "stroke-width": "2",
   "stroke-miterlimit": "10"
-})))), $n = (i) => {
-  var s = i, {
+})))), dr = mr, fr = (s) => {
+  var i = s, {
     zoomState: e,
     image: t,
     changeZoom: n
-  } = s, o = S(s, [
+  } = i, o = S(i, [
     "zoomState",
     "image",
     "changeZoom"
   ]);
-  var w;
-  const a = R(null), [l, u] = k(!1), [c, m] = k(!1), b = o.style || {}, { width: g, height: d } = b, f = S(b, ["width", "height"]), C = H(() => {
-    const p = a.current;
-    if (p) {
-      const B = window.innerWidth / p.width, T = window.innerHeight / p.height, z = Math.min(B, T);
-      return T >= 1 && B >= 1 ? 1 : z;
+  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(() => {
+    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;
     }
     return 1;
-  }, [l, t.src]), E = ie(() => {
-    const p = a.current;
-    if (p) {
+  }, [l, t.src]), x = se(() => {
+    const g = a.current;
+    if (g) {
       if (!c) {
         m(!0);
         const B = C();
         n(B);
       }
-      return p.width >= p.height ? [`${e * t.originalWidth}px`, "auto"] : ["auto", `${e * t.originalHeight}px`];
+      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() {
     m(!1);
-  }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ln, {
+  }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(hr, {
     loading: !l
-  }), /* @__PURE__ */ r.createElement(Mn, $(h({
+  }), /* @__PURE__ */ r.createElement(pr, k(h({
     onLoad: () => {
       u(!0);
     },
     ref: a,
-    imageSize: E,
+    imageSize: x,
     draggable: "false"
   }, o), {
-    alt: ((w = o.alt) == null ? void 0 : w.toString()) || "",
+    alt: ((E = o.alt) == null ? void 0 : E.toString()) || "",
     style: f,
     src: t.src,
     loaded: l
-  })), /* @__PURE__ */ r.createElement(Sn, null));
-}, Ln = y(kn)`
+  })), /* @__PURE__ */ r.createElement(gr, null));
+}, hr = y(dr)`
     svg circle {
         stroke: #ffffff;
     }
-`, Mn = y.img`
+`, pr = y.img`
     transform: none;
     ${(e) => e.imageSize && L`
@@ -2175,122 +2175,122 @@ const Qt = 300, Vr = ({
     vertical-align: middle;
     position: relative;
     ${(e) => !e.loaded && "display:none;"}
-`, Sn = y.div`
+`, gr = y.div`
     height: 100%;
     display: inline-block;
     vertical-align: middle;
-`, Rn = () => {
-  const e = R(), [t, n] = k(!0), o = H(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+`, Cr = fr, yr = () => {
+  const e = R(), [t, n] = $(!0), o = H(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
   }), [t, e]);
   return [t, o];
-}, Hn = ({ attrs: e, htmlBody: t }) => {
+}, br = ({ attrs: e, htmlBody: t }) => {
   var Se;
-  const n = X("Escape"), o = X("ArrowLeft"), i = X("ArrowRight"), [s, a] = k(1), [l, u] = k({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = k(!1), [g, d] = Rn(), [f, C] = k(null), [E, b] = k(null), w = R(null), p = R(null), B = R(null), T = R(null);
+  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(() => {
     n && C(null);
   }, [n]), v(() => {
     a(1);
   }, [f]), v(() => {
-    var F, A;
-    if (f === null || p.current === null)
+    var P, F;
+    if (f === null || g.current === null)
       return;
-    const x = p.current.firstElementChild, D = (F = B.current) == null ? void 0 : F.querySelector(".nav-left"), W = (A = B.current) == null ? void 0 : A.querySelector(".nav-right");
-    if (E === "Right")
-      te && W ? W.focus() : ee && D && D.focus();
-    else if (E === "Left")
-      ee && D ? D.focus() : te && W && W.focus();
+    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();
     else {
-      if (!x)
+      if (!w)
         return;
-      x.focus();
+      w.focus();
     }
-  }, [f, p, B, E]), v(() => {
+  }, [f, g, B, x]), v(() => {
     if (o) {
       if (ee)
         return Le();
-    } else if (i && te)
+    } else if (s && te)
       return Me();
-  }, [o, i]);
-  const z = ie(() => {
-    const x = document.createElement("div");
-    x.innerHTML = t || "";
-    const D = x.getElementsByTagName("img");
-    return Array.from(D).reduce((F, A) => {
-      const Re = A.getAttribute("src"), ot = A.height || Number.parseInt(A.style.height, 10), it = A.width || Number.parseInt(A.style.width, 10);
+  }, [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 st = {
+        const it = {
           src: Re,
-          originalWidth: it,
+          originalWidth: st,
           originalHeight: ot
         };
-        F.push(st);
+        P.push(it);
       }
-      return F;
+      return P;
     }, []);
   }, [t]), j = H(() => {
-    const { src: x } = e;
-    if (x) {
-      const D = z.findIndex((W, F) => W.src === x);
+    const { src: w } = e;
+    if (w) {
+      const D = T.findIndex((Z, P) => Z.src === w);
       C(D);
     }
-  }, [z, e]), Ge = H((x) => {
+  }, [T, e]), Ge = H((w) => {
     C(null);
-  }, []), $e = H(
-    (x) => {
-      a(x ? s + s * 0.25 : s - s * 0.25);
+  }, []), ke = H(
+    (w) => {
+      a(w ? i + i * 0.25 : i - i * 0.25);
     },
-    [a, s]
+    [a, i]
   ), Je = H(() => {
     if (f !== null) {
-      const { src: x } = z[f];
-      x && window.open(x, "_self");
+      const { src: w } = T[f];
+      w && window.open(w, "_self");
     }
-  }, [z, f]), et = H(
-    (x) => {
-      const D = T.current;
-      D && (u({ top: D.scrollTop, left: D.scrollLeft, x: x.clientX, y: x.clientY }), m(!0));
+  }, [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));
     },
-    [T]
+    [z]
   ), tt = H(
-    (x) => {
-      const D = T.current;
+    (w) => {
+      const D = z.current;
       if (D && c) {
-        const W = x.clientX - l.x, F = x.clientY - l.y;
-        D.scrollTop = l.top - F, D.scrollLeft = l.left - W;
+        const Z = w.clientX - l.x, P = w.clientY - l.y;
+        D.scrollTop = l.top - P, D.scrollLeft = l.left - Z;
       }
     },
     [c, l]
-  ), nt = (x) => {
-    x.preventDefault(), m(!1);
-  }, rt = ie(() => {
-    if (T.current) {
-      const x = T.current.getElementsByTagName("img");
-      if (x && x.length) {
-        const D = x[0];
+  ), 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];
         return D.width > window.innerWidth || D.height > window.innerHeight;
       }
     }
     return !1;
-  }, [T, s]), Le = () => {
+  }, [z, i]), Le = () => {
     f !== null && (b("Left"), C(f - 1));
   }, Me = () => {
     f !== null && (b("Right"), C(f + 1));
-  }, ee = f !== null && f > 0 && z.length > 1, te = f !== null && z.length - 1 > f;
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ue, {
+  }, 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(Wn, {
+  }, /* @__PURE__ */ r.createElement(Mr, {
     onMouseDown: () => d(),
     onMouseMove: () => d(),
     onTouchStart: () => d(),
     onKeyDown: () => d()
-  }, /* @__PURE__ */ r.createElement(In, {
-    show: g.toString()
-  }, /* @__PURE__ */ r.createElement(Tn, {
-    ref: p,
+  }, /* @__PURE__ */ r.createElement(Sr, {
+    show: p.toString()
+  }, /* @__PURE__ */ r.createElement(wr, {
+    ref: g,
     buttons: [
       {
         id: "download",
@@ -2305,23 +2305,23 @@ const Qt = 300, Vr = ({
         ariaLabel: "Close"
       }
     ]
-  })), /* @__PURE__ */ r.createElement(Fn, {
+  })), /* @__PURE__ */ r.createElement(Hr, {
     scrolling: c.toString(),
     isDraggable: rt.toString(),
-    ref: T,
+    ref: z,
     onMouseMove: tt,
     onMouseDown: et,
     onMouseUp: nt
-  }, f !== null && /* @__PURE__ */ r.createElement($n, $(h({
-    changeZoom: (x) => {
-      a(x);
+  }, f !== null && /* @__PURE__ */ r.createElement(Cr, k(h({
+    changeZoom: (w) => {
+      a(w);
     },
-    zoomState: s
+    zoomState: i
   }, e), {
-    image: z[f]
-  }))), /* @__PURE__ */ r.createElement(Vn, {
+    image: T[f]
+  }))), /* @__PURE__ */ r.createElement(kr, {
     ref: B,
-    show: g.toString(),
+    show: p.toString(),
     buttons: [
       {
         id: "previous",
@@ -2342,44 +2342,44 @@ const Qt = 300, Vr = ({
         ariaLabel: "Navigate to next image"
       }
     ]
-  }), /* @__PURE__ */ r.createElement(On, {
-    show: g.toString()
-  }, /* @__PURE__ */ r.createElement(Nn, {
+  }), /* @__PURE__ */ r.createElement(Rr, {
+    show: p.toString()
+  }, /* @__PURE__ */ r.createElement($r, {
     buttons: [
       {
         id: "zoom-out",
-        onClick: () => $e(!1),
+        onClick: () => ke(!1),
         icon: "zoom-out",
         ariaLabel: "Zoom out"
       },
       {
         id: "zoom-in",
-        onClick: () => $e(!0),
+        onClick: () => ke(!0),
         icon: "zoom-in",
         ariaLabel: "Zoom in"
       }
     ]
-  }), /* @__PURE__ */ r.createElement(Zn, {
+  }), /* @__PURE__ */ r.createElement(Lr, {
     variant: "span"
-  }, Math.trunc(s * 100), "%")))), /* @__PURE__ */ r.createElement(zn, {
-    ref: w,
+  }, Math.trunc(i * 100), "%")))), /* @__PURE__ */ r.createElement(vr, {
+    ref: E,
     onClick: j,
-    onKeyDown: (x) => {
-      x.key === "Enter" && (x.preventDefault(), j());
+    onKeyDown: (w) => {
+      w.key === "Enter" && (w.preventDefault(), j());
     },
     tabIndex: 0
-  }, /* @__PURE__ */ r.createElement(An, $(h({}, e), {
+  }, /* @__PURE__ */ r.createElement(Tr, k(h({}, e), {
     alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || ""
   }))));
-}, ke = N(
-  ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ r.createElement(Dn, {
+}, $e = N(
+  ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ r.createElement(Er, {
     ref: o,
     show: e,
     className: M("humany-button-set", n)
   }, t.map(
-    ({ id: i, circle: s = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, g) => /* @__PURE__ */ r.createElement(Bn, {
-      key: i + g.toString(),
-      circle: s.toString(),
+    ({ id: s, circle: i = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, p) => /* @__PURE__ */ r.createElement(xr, {
+      key: s + p.toString(),
+      circle: i.toString(),
       onClick: u,
       tabIndex: a ? void 0 : -1,
       show: a.toString(),
@@ -2398,18 +2398,18 @@ const Qt = 300, Vr = ({
                   opacity: 0;
                   pointer-events: none;
               `}
-`, zn = y(xe)`
+`, vr = y(we)`
     display: inline-block !important;
-`, Dn = y(qe)`
+`, Er = y(qe)`
     position: fixed;
     display: flex;
     gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, pe = "39px", Bn = y(ae)`
-    width: ${pe};
-    height: ${pe};
+`, ge = "39px", xr = y(ae)`
+    width: ${ge};
+    height: ${ge};
     display: flex;
     justify-content: center;
     align-items: center;
@@ -2435,7 +2435,7 @@ const Qt = 300, Vr = ({
                   }
                   &:focus-visible {
-                      ${P(e)}
+                      ${A(e)}
                       outline-color: #ffffff;
                       background-color: transparent;
@@ -2457,7 +2457,7 @@ const Qt = 300, Vr = ({
                       outline-color: #ffffff;
                   }
                   &:focus-visible {
-                      ${P(e)}
+                      ${A(e)}
                   }
               `;
 }}
@@ -2472,7 +2472,7 @@ const Qt = 300, Vr = ({
                   opacity: 0;
                   pointer-events: none;
               `}
-`, Tn = y(ke)`
+`, wr = y($e)`
     top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2481,7 +2481,7 @@ const Qt = 300, Vr = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, Nn = y(ke)`
+`, $r = y($e)`
     bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2489,11 +2489,11 @@ const Qt = 300, Vr = ({
     width: 100%;
     align-items: center;
     justify-content: center;
-`, Vn = y(ke)`
+`, kr = y($e)`
     display: block;
     button {
         position: fixed;
-        top: calc(50% - calc(${pe} / 2));
+        top: calc(50% - calc(${ge} / 2));
         &:first-child {
             left: ${(e) => {
   var t;
@@ -2507,7 +2507,7 @@ const Qt = 300, Vr = ({
 }};
         }
     }
-`, Zn = y(q)`
+`, Lr = y(q)`
     position: fixed;
     bottom: ${(e) => {
   var t;
@@ -2532,15 +2532,15 @@ const Qt = 300, Vr = ({
     height: 88px;
     left: 0px;
     z-index: 5;
-`, Wn = y.div`
+`, Mr = y.div`
     width: 100%;
-`, In = y(Qe)`
+`, Sr = y(Qe)`
     top: 0px;
     background-image: linear-gradient(to bottom, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, On = y(Qe)`
+`, Rr = y(Qe)`
     bottom: 0px;
     background-image: linear-gradient(to top, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Fn = y.div`
+`, Hr = y.div`
     width: 100%;
     height: 100vh;
     overflow: auto;
@@ -2549,23 +2549,23 @@ const Qt = 300, Vr = ({
     white-space: nowrap;
     justify-content: center;
     cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, An = y.img`
+`, Tr = y.img`
     cursor: pointer;
-`, Pn = N(
+`, Dr = br, Br = N(
   (l, a) => {
     var u = l, { className: e, children: t, trigger: n, onOverlayClick: o = () => {
-    }, close: i = !1 } = u, s = S(u, ["className", "children", "trigger", "onOverlayClick", "close"]);
-    const [c, m] = Ye(), [g, d] = Ke(!0), f = R(), C = R(Q()), E = X("Escape");
+    }, 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(() => {
-      (E || i) && m(!1);
-    }, [E, i]), v(() => {
+      (x || s) && m(!1);
+    }, [x, s]), v(() => {
       c && f.current && f.current.focus();
     }, [c, f.current]), ce("router:changed", () => {
       m(!1);
     });
     const b = H(
-      (p) => {
-        m(!1), o(p);
+      (g) => {
+        m(!1), o(g);
       },
       [o, m]
     );
@@ -2574,35 +2574,35 @@ const Qt = 300, Vr = ({
         m(!1);
       }
     }));
-    const w = H(() => ve(C.current, () => {
+    const E = H(() => ve(C.current, () => {
       m(!1);
     }), [C.current]);
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ue, {
+    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_e, {
       visible: c,
       onClick: b
-    }, /* @__PURE__ */ r.createElement(Kn, $(h({
+    }, /* @__PURE__ */ r.createElement(Nr, k(h({
       className: M(
         e,
         "humany-modal",
         `humany-modal-${C.current}`
       ),
-      css: g,
+      css: p,
       tabIndex: -1
-    }, s), {
+    }, i), {
       ref: d
-    }), /* @__PURE__ */ r.createElement(Ee, {
+    }), /* @__PURE__ */ r.createElement(xe, {
       onClick: () => m(!1),
       tabIndex: 0,
       ref: f
     }, /* @__PURE__ */ r.createElement(J, {
       symbol: { type: "Svg", content: "close" }
     })), t)), r.cloneElement(n, {
-      onClick: (p) => {
-        m(), w();
+      onClick: (g) => {
+        m(), E();
       }
     }));
   }
-), Kn = y.div`
+), zr = Br, Nr = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2621,36 +2621,36 @@ const Qt = 300, Vr = ({
     ${(e) => je(e)}
     ${(e) => e.css && e.css}
   outline: none;
-`, Fr = ({
+`, Vr = ({
   className: e,
   trigger: t,
   header: n = "",
   text: o = "",
-  onCancel: i = () => {
+  onCancel: s = () => {
   },
-  onConfirm: s = () => {
+  onConfirm: i = () => {
   },
   cancelLabel: a = "",
   confirmLabel: l = ""
 }) => {
   const u = R(), c = H(() => {
-    var g;
-    i(), (g = u == null ? void 0 : u.current) == null || g.close();
-  }, [i]), m = H(() => {
-    var g;
-    s(), (g = u == null ? void 0 : u.current) == null || g.close();
-  }, [s]);
-  return /* @__PURE__ */ r.createElement(Yn, {
+    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();
+  }, [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(jn, {
+  }, 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(Xn, {
+  }, l), a && /* @__PURE__ */ r.createElement(Ir, {
     onClick: c
   }, a));
-}, Yn = y(Pn)`
+}, Oo = Vr, Wr = y(zr)`
     display: block;
     span {
@@ -2668,7 +2668,7 @@ const Qt = 300, Vr = ({
 }};
         }
     }
-`, jn = y(ae)`
+`, Zr = y(ae)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2696,9 +2696,9 @@ const Qt = 300, Vr = ({
     }
     &:focus-visible {
-        ${P}
+        ${A}
     }
-`, Xn = y(ae)`
+`, Ir = y(ae)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2717,26 +2717,26 @@ const Qt = 300, Vr = ({
 }};
     &:focus-visible {
-        ${P};
+        ${A};
     }
-`, Ar = ({
+`, Or = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__PURE__ */ r.createElement(_n, null, /* @__PURE__ */ r.createElement(Un, null, /* @__PURE__ */ r.createElement(q, {
+}) => /* @__PURE__ */ r.createElement(Pr, null, /* @__PURE__ */ r.createElement(Fr, null, /* @__PURE__ */ r.createElement(q, {
   variant: "h2"
-}, "404")), /* @__PURE__ */ r.createElement(qn, null, /* @__PURE__ */ r.createElement(q, {
+}, "404")), /* @__PURE__ */ r.createElement(Ar, null, /* @__PURE__ */ r.createElement(q, {
   variant: "h3"
-}, e), /* @__PURE__ */ r.createElement(Gn, {
+}, e), /* @__PURE__ */ r.createElement(jr, {
   routeName: "index",
   "aria-label": t,
   text: t
-})), /* @__PURE__ */ r.createElement(Qn, null, /* @__PURE__ */ r.createElement("span", null, n), /* @__PURE__ */ r.createElement("ul", null, /* @__PURE__ */ r.createElement("li", null, o)))), _n = y.div`
+})), /* @__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`
     display: flex;
     flex-wrap: wrap;
-`, Un = y.div`
-    ${(e) => se(e)(
+`, Fr = y.div`
+    ${(e) => ie(e)(
   "h2",
   L`
                 padding: 0;
@@ -2745,7 +2745,7 @@ const Qt = 300, Vr = ({
                 font-size: 7em;
             `
 )}
-`, qn = y.div`
+`, Ar = y.div`
     margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2753,7 +2753,7 @@ const Qt = 300, Vr = ({
     ${(e) => {
   var t;
-  return se(e)(
+  return ie(e)(
     "h3",
     L`
                 text-transform: uppercase;
@@ -2772,7 +2772,7 @@ const Qt = 300, Vr = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
     }
-`, Qn = y.div`
+`, Kr = y.div`
     margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2783,7 +2783,7 @@ const Qt = 300, Vr = ({
         font-weight: bold;
     }
 `;
-class Pr extends mt {
+class Yr extends dt {
   constructor() {
     super(...arguments);
     re(this, "node");
@@ -2805,8 +2805,8 @@ class Pr extends mt {
     this.node && n && (this.onFocusListener = this.node.addEventListener("focus", () => {
       const o = n.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      ), s = [].filter.call(o, (a) => typeof window == "undefined" ? !0 : !(window.getComputedStyle(a).display === "none" || a.offsetWidth <= 0 && a.offsetHeight <= 0))[0];
-      s && s.focus();
+      ), i = [].filter.call(o, (a) => typeof window == "undefined" ? !0 : !(window.getComputedStyle(a).display === "none" || a.offsetWidth <= 0 && a.offsetHeight <= 0))[0];
+      i && i.focus();
     }));
   }
   componentWillUnmount() {
@@ -2822,32 +2822,32 @@ class Pr extends mt {
     }) : null;
   }
 }
-const Gn = N(
-  (a, s) => {
-    var l = a, { className: e, description: t, text: n, children: o } = l, i = S(l, ["className", "description", "text", "children"]);
-    return /* @__PURE__ */ r.createElement(xe, $(h({
+const Fo = Yr, jr = N(
+  (a, i) => {
+    var l = a, { className: e, description: t, text: n, children: o } = l, s = S(l, ["className", "description", "text", "children"]);
+    return /* @__PURE__ */ r.createElement(we, k(h({
       className: M(e, "humany-text-link")
-    }, i), {
-      ref: s
-    }), o, /* @__PURE__ */ r.createElement(we, null, n), t ? /* @__PURE__ */ r.createElement(_e, {
+    }, s), {
+      ref: i
+    }), o, /* @__PURE__ */ r.createElement(Ee, null, n), t ? /* @__PURE__ */ r.createElement(Ue, {
       html: t,
       className: "humany-description"
     }) : null);
   }
 );
-var Jn = /* @__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))(Jn || {});
-const Kr = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ r.createElement("span", {
+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")
-}, er(n, t)), Ze = (e) => `0${e}`.slice(-2);
-function er(e, t) {
-  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), i = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], s = n.getFullYear(), a = n.getMonth() + 1, l = n.getDate(), u = `${s}-${Ze(a)}-${Ze(l)}`;
-  return t === "yyyy-mm-dd" ? u : t === "hh:mm" ? i : `${u} ${i}`;
+}, _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}`;
 }
-const Yr = (s) => {
-  var a = s, { className: e, children: t, content: n, sticky: o = !1 } = a, i = S(a, ["className", "children", "content", "sticky"]);
-  const [l, u] = k(!1), c = R(Q()), m = R(), [{ x: g, y: d }, f] = Xe(l, c.current, m.current), C = (b) => {
-    const { target: w } = b;
-    !m.current || !w || m.current !== w && !m.current.contains(w) && u(!1);
+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);
   };
   v(() => {
     if (!!o)
@@ -2855,28 +2855,28 @@ const Yr = (s) => {
         window.removeEventListener("click", C);
       };
   }, [l, o]);
-  const E = H(
-    (b, w) => {
-      f(b, m.current), u(w);
+  const x = H(
+    (b, E) => {
+      f(b, m.current), u(E);
     },
     [f, u]
   );
-  return /* @__PURE__ */ r.createElement(tr, {
+  return /* @__PURE__ */ r.createElement(Qr, {
     ref: m,
     className: "humany-tooltip-trigger",
-    onMouseEnter: o ? void 0 : (b) => E(b, !0),
-    onMouseLeave: o ? void 0 : (b) => E(b, !1),
-    onTouchEnd: o ? (b) => E(b, !l) : void 0,
-    onClick: o ? (b) => E(b, !l) : void 0
-  }, t, l && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(nr, h({
+    onMouseEnter: o ? void 0 : (b) => x(b, !0),
+    onMouseLeave: o ? void 0 : (b) => x(b, !1),
+    onTouchEnd: o ? (b) => x(b, !l) : void 0,
+    onClick: o ? (b) => x(b, !l) : void 0
+  }, t, l && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(Gr, h({
     className: M(e, "humany-tooltip-container"),
-    x: g,
+    x: p,
     y: d
-  }, i), n)));
-}, tr = y.div`
+  }, s), n)));
+}, Qr = y.div`
     display: flex;
     align-items: center;
-`, nr = y.div`
+`, Gr = y.div`
     color: #ffffff;
     background: #161616;
     border-radius: ${(e) => e.theme.borderRadius};
@@ -2912,13 +2912,13 @@ const Yr = (s) => {
   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;
 }};
-`, jr = (e) => {
+`, Ko = qr, Jr = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
     unmountOnExit: o = !0,
-    timeout: i,
-    children: s,
+    timeout: s,
+    children: i,
     transitions: a
   } = e, u = (() => {
     var c, m;
@@ -2927,33 +2927,33 @@ const Yr = (s) => {
         return {
           enter: {
             transitionKeys: a,
-            duration: i ? typeof i == "number" ? i : i.enter : 200,
+            duration: s ? typeof s == "number" ? s : s.enter : 200,
             easing: "ease-in"
           },
           exit: {
             transitionKeys: a,
-            duration: i ? typeof i == "number" ? i : i.exit : 200,
+            duration: s ? typeof s == "number" ? s : s.exit : 200,
             easing: "ease-out"
           }
         };
       if (typeof a == "object") {
-        const { enter: g, exit: d } = a;
+        const { enter: p, exit: d } = a;
         return {
           enter: {
             transitionKeys: (c = a.enter) == null ? void 0 : c.type,
-            duration: i ? typeof i == "number" ? i : i.enter : 200,
-            easing: g.easing ? g.easing : "ease-in"
+            duration: s ? typeof s == "number" ? s : s.enter : 200,
+            easing: p.easing ? p.easing : "ease-in"
           },
           exit: {
             transitionKeys: (m = a.enter) == null ? void 0 : m.type,
-            duration: i ? typeof i == "number" ? i : i.enter : 200,
+            duration: s ? typeof s == "number" ? s : s.enter : 200,
             easing: d.easing ? d.easing : "ease-out"
           }
         };
       }
     }
   })();
-  return /* @__PURE__ */ r.createElement(ft, {
+  return /* @__PURE__ */ r.createElement(vt, {
     timeout: {
       enter: u && u.enter.duration || 0,
       exit: u && u.exit.duration || 0
@@ -2963,70 +2963,70 @@ const Yr = (s) => {
     mountOnEnter: n,
     unmountOnExit: o,
     onEnter: (c) => c.clientHeight
-  }, (c) => s && s(c, u && he.compose(c, u)));
-}, rr = N(
+  }, (c) => i && i(c, u && he.compose(c, u)));
+}, Yo = Jr, eo = N(
   (l, a) => {
     var u = l, { className: e, children: t, onClick: n = () => {
-    }, widgetName: o, activationOptions: i } = u, s = S(u, ["className", "children", "onClick", "widgetName", "activationOptions"]);
-    const c = Z(), m = () => {
+    }, 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);
     };
     v(() => {
       const f = m();
-      return f == null || f.activate(i).then(() => f.invoke("attach")), () => {
+      return f == null || f.activate(s).then(() => f.invoke("attach")), () => {
         f == null || f.deactivate();
       };
     }, [o]);
-    const g = (f) => {
-      const C = m(), E = f.currentTarget;
+    const p = (f) => {
+      const C = m(), x = f.currentTarget;
       if (C) {
         const b = () => {
           C.invoke("renderState").then(
-            (w) => w === oe.open ? C.invoke("close") : C.invoke("open")
+            (E) => E === oe.open ? C.invoke("close") : C.invoke("open")
           ).then(() => {
-            C.events.subscribeOnce("widget:area-rendered", (w, p) => {
+            C.events.subscribeOnce("widget:area-rendered", (E, g) => {
               c.get(
                 "widgetDOMElement"
               ) && C.events.dispatch("widget:modal-opened", {
                 name: C.name,
-                ref: E
+                ref: x
               });
             });
           });
         };
-        C.state === gt.Deactivated ? C.activate(i).then(() => C.invoke("attach")).then(b) : b();
+        C.state === mt.Deactivated ? C.activate(s).then(() => C.invoke("attach")).then(b) : b();
       }
     }, d = (f) => {
-      f.key === "Enter" && (f.preventDefault(), g(f));
+      f.key === "Enter" && (f.preventDefault(), p(f));
     };
-    return /* @__PURE__ */ r.createElement(xe, $(h({
+    return /* @__PURE__ */ r.createElement(we, k(h({
       className: M(e, "humany-widget-link"),
       onKeyDown: d,
       onClick: (f) => {
-        n(f), g(f);
+        n(f), p(f);
       }
-    }, s), {
+    }, i), {
       ref: a
     }), t);
   }
-), Xr = N(
+), jo = N(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
-    const i = Z(), s = ie(() => {
-      if (!i)
+    const s = W(), i = se(() => {
+      if (!s)
         return null;
-      const a = i.get("widgetDOMElement");
+      const a = s.get("widgetDOMElement");
       return !a || !a.childElementCount ? null : a.children[0];
-    }, [i]);
-    return s ? /* @__PURE__ */ r.createElement(G, {
+    }, [s]);
+    return i ? /* @__PURE__ */ r.createElement(G, {
       elementId: e,
-      parent: s
-    }, /* @__PURE__ */ r.createElement(or, {
+      parent: i
+    }, /* @__PURE__ */ r.createElement(to, {
       className: M("humany-widget-overlay-outlet", t),
       ref: o
     }, n)) : null;
   }
-), or = y.div`
+), to = y.div`
     background-color: #ffffff;
     position: absolute;
     top: 0;
@@ -3036,101 +3036,101 @@ const Yr = (s) => {
     z-index: 10;
     width: 100%;
     height: 100%;
-`, _r = (e, t, n, o, i) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
+`, no = (e, t, n, o, s) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
   t,
-  dt(() => n)
-), vt(e, t, o || (() => {
-}), t, i)));
+  ft(() => n)
+), yt(e, t, o || (() => {
+}), t, s))), Xo = no;
 export {
-  Tt as AnchorLink,
+  Zt as AnchorLink,
   ae as Button,
-  yr as Checkbox,
-  Zt as ColumnContext,
-  Fe as ComponentNodeContext,
-  Wt as ComponentPropertyContext,
-  Fr as Confirm,
-  Vt as ContainerContext,
-  Ot as ConversationContext,
-  Jn as DateFormats,
-  Vr as Drawer,
-  qt as DrawerAnimationType,
-  Zr as Dropdown,
-  sn as Empty,
-  Wr as Grid,
-  _e as Html,
-  ln as Icon,
-  Ir as Input,
-  dn as ItemList,
-  Or as ItemTree,
-  Hn as Lightbox,
-  xe as Link,
-  un as List,
-  Pn as Modal,
-  Ar as NotFound,
-  Ue as Overlay,
-  mn as Paragraph,
+  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,
-  fn as RouteLink,
-  It as RoutingContext,
+  Jn as RouteLink,
+  Kt as RoutingContext,
   Ve as StyledText,
   J as SymbolBadge,
-  Pr as TabStop,
-  we as Text,
-  Gn as TextLink,
-  Kr as Timestamp,
-  Yr as Tooltip,
-  jr as TransitionComponent,
+  Fo as TabStop,
+  Ee as Text,
+  jr as TextLink,
+  Ao as Timestamp,
+  Ko as Tooltip,
+  Yo as TransitionComponent,
   q as Typography,
-  rr as WidgetLink,
-  Xr as WidgetOverlayOutlet,
-  P as borderTabStyle,
+  eo as WidgetLink,
+  jo as WidgetOverlayOutlet,
+  A as borderTabStyle,
   Ne as browser,
-  Kt as buttonCss,
+  xn as buttonCss,
   je as contentBox,
   V as convertToStringAttributes,
-  Cr as createEmptyComponent,
-  _r as createReactComponent,
-  Bt as defaultRenderInstructions,
-  St as embeddedLinkMapper,
-  Oe as filterCssProps,
-  Rt as filterCssPropsStyle,
-  Ht as genericHashLink,
-  Nr as genericHtml,
-  se as headingElement,
-  Dt as imageLightboxRenderer,
-  Dr as invertedHoverButton,
-  Tr as itemList,
-  Yt as linkTabStyle,
-  jt as list,
-  Br as paddedBorderTabStyle,
+  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,
-  br as useAction,
-  vr as useChildren,
-  wr as useColumns,
-  Er as useComponent,
+  yo as useAction,
+  bo as useChildren,
+  vo as useColumns,
+  Eo as useComponent,
   ye as useComponentDescriptor,
   be as useComponentNode,
-  U as useComponentPlatform,
-  Z as useContainer,
-  Ft as useContext,
-  xr as useConversation,
-  kr as useDispatch,
+  _ as useComponentPlatform,
+  W as useContainer,
+  nn as useContext,
+  xo as useConversation,
+  wo as useDispatch,
   I as useEventListener,
-  At as useEvents,
+  an as useEvents,
   O as useIsMounted,
-  $r as useIsTabbing,
+  $o as useIsTabbing,
   X as useKeyPress,
-  Lr as useLayout,
-  Ae as usePrevious,
-  Mr as useProperties,
-  Sr as useRenderState,
-  Rr as useRouteData,
-  Pe as useRouter,
+  ko as useLayout,
+  Fe as usePrevious,
+  Lo as useProperties,
+  Mo as useRenderState,
+  So as useRouteData,
+  Ae as useRouter,
   Ke as useScroll,
-  Hr as useSettings,
+  Ro as useSettings,
   Ye as useToggle,
-  zr as useTransitionEnd,
+  Ho as useTransitionEnd,
   ve as useUniqueMenu,
   ce as useWidgetEvent
 };