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

package/dist/index.js

@@ -1,58 +1,58 @@
-var Rt = Object.defineProperty, _t = Object.defineProperties;
-var Tt = Object.getOwnPropertyDescriptors;
-var ue = Object.getOwnPropertySymbols;
-var Ae = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable;
-var je = (e, t, n) => t in e ? Rt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
+var zt = Object.defineProperty, Lt = Object.defineProperties;
+var Pt = Object.getOwnPropertyDescriptors;
+var he = Object.getOwnPropertySymbols;
+var Ye = Object.prototype.hasOwnProperty, Ue = Object.prototype.propertyIsEnumerable;
+var qe = (e, t, n) => t in e ? zt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, b = (e, t) => {
   for (var n in t || (t = {}))
-    Ae.call(t, n) && je(e, n, t[n]);
-  if (ue)
-    for (var n of ue(t))
-      Fe.call(t, n) && je(e, n, t[n]);
+    Ye.call(t, n) && qe(e, n, t[n]);
+  if (he)
+    for (var n of he(t))
+      Ue.call(t, n) && qe(e, n, t[n]);
   return e;
-}, k = (e, t) => _t(e, Tt(t));
-var S = (e, t) => {
+}, S = (e, t) => Lt(e, Pt(t));
+var T = (e, t) => {
   var n = {};
   for (var o in e)
-    Ae.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
-  if (e != null && ue)
-    for (var o of ue(e))
-      t.indexOf(o) < 0 && Fe.call(e, o) && (n[o] = e[o]);
+    Ye.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && he)
+    for (var o of he(e))
+      t.indexOf(o) < 0 && Ue.call(e, o) && (n[o] = e[o]);
   return n;
 };
-var de = (e, t, n) => new Promise((o, r) => {
-  var i = (u) => {
+var pe = (e, t, n) => new Promise((o, r) => {
+  var s = (l) => {
     try {
-      l(n.next(u));
-    } catch (c) {
-      r(c);
+      c(n.next(l));
+    } catch (a) {
+      r(a);
     }
-  }, a = (u) => {
+  }, i = (l) => {
     try {
-      l(n.throw(u));
-    } catch (c) {
-      r(c);
+      c(n.throw(l));
+    } catch (a) {
+      r(a);
     }
-  }, l = (u) => u.done ? o(u.value) : Promise.resolve(u.value).then(i, a);
-  l((n = n.apply(e, t)).next());
+  }, c = (l) => l.done ? o(l.value) : Promise.resolve(l.value).then(s, i);
+  c((n = n.apply(e, t)).next());
 });
-import { Container as zt, WidgetState as Dt } from "@webprovisions/platform";
-import s, { forwardRef as P, createContext as te, useContext as J, useState as E, useEffect as w, useRef as R, useCallback as _, useImperativeHandle as Me, useMemo as he, Component as Ht, lazy as Bt } from "react";
-import { ComponentPlatform as Se, asDescriptor as Je, createEventSubscriber as Pt, ComponentQuery as Vt, WidgetRenderState as me, extendComponent as et } from "@telia-ace/widget-core";
-import { css as L, keyframes as tt } from "@emotion/react";
-import C from "@emotion/styled";
-import { kebabCase as Nt, appendClassNames as M, uuid as se, removeNullAndUndefinedValues as Ke, Logger as we } from "@telia-ace/widget-utilities";
-import { LitElement as fe, html as O, unsafeCSS as nt, css as ge, nothing as It } from "lit";
-import { property as N, state as Y } from "lit/decorators.js";
-import { html as ot, unsafeStatic as rt } from "lit/static-html.js";
-import { spread as B } from "@open-wc/lit-helpers";
-import { styleMap as U } from "lit/directives/style-map.js";
-import { CSSTransition as st, Transition as Ot } from "react-transition-group";
-import { createPortal as Wt } from "react-dom";
-import { HistoryMode as qe, getSpecificWidgetPath as Zt } from "@telia-ace/widget-routing";
-import { Link as xe } from "react-router-dom";
-import Ue from "htmr";
-import { dedupeMixin as it } from "@open-wc/dedupe-mixin";
-const jt = (e) => e === "entering" || e === "entered", At = (e) => e === "exiting" || e === "exited", G = {
+import { Container as Nt, WidgetState as Rt } from "@webprovisions/platform";
+import d, { forwardRef as B, createContext as oe, useContext as J, useState as C, useEffect as w, useRef as _, useCallback as M, useImperativeHandle as Te, useMemo as ge, Component as Ot, lazy as It } from "react";
+import { ComponentPlatform as ze, asDescriptor as nt, createEventSubscriber as Bt, ComponentQuery as Wt, WidgetRenderState as fe, extendComponent as ot } from "@telia-ace/widget-core";
+import { css as k, keyframes as rt } from "@emotion/react";
+import y from "@emotion/styled";
+import { kebabCase as Ht, appendClassNames as z, uuid as ae, removeNullAndUndefinedValues as Xe, Logger as Ee } from "@telia-ace/widget-utilities";
+import { LitElement as ce, html as I, css as te, unsafeCSS as ke, nothing as jt } from "lit";
+import { property as O, customElement as Vt, state as X } from "lit/decorators.js";
+import { html as st, unsafeStatic as it } from "lit/static-html.js";
+import { spread as R } from "@open-wc/lit-helpers";
+import { styleMap as A } from "lit/directives/style-map.js";
+import { CSSTransition as at, Transition as Ft } from "react-transition-group";
+import { createPortal as At } from "react-dom";
+import { HistoryMode as Ze, getSpecificWidgetPath as Kt } from "@telia-ace/widget-routing";
+import { Link as Ce } from "react-router-dom";
+import Qe from "htmr";
+import { dedupeMixin as ct } from "@open-wc/dedupe-mixin";
+const qt = (e) => e === "entering" || e === "entered", Yt = (e) => e === "exiting" || e === "exited", G = {
   fade: {
     in: "opacity: 1;",
     out: "opacity: 0;"
@@ -77,29 +77,29 @@ const jt = (e) => e === "entering" || e === "entered", At = (e) => e === "exitin
     in: "transform: scale(1);",
     out: "transform: scale(0);"
   }
-}, Ft = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], $e = {
+}, Ut = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], Se = {
   compose: (e = "exited", t) => {
-    const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), i = Ft.indexOf(r[0]) > -1 ? "transform" : "opacity";
-    if (jt(e))
-      return r && r.length > 0 ? L`
-                    ${r && r.length > 0 && r.map((l) => G[l] ? G[l].in : "")}
-                    transition: ${i} ${n.duration}ms ${n.easing};
+    const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), s = Ut.indexOf(r[0]) > -1 ? "transform" : "opacity";
+    if (qt(e))
+      return r && r.length > 0 ? k`
+                    ${r && r.length > 0 && r.map((c) => G[c] ? G[c].in : "")}
+                    transition: ${s} ${n.duration}ms ${n.easing};
                 ` : "";
-    const a = r && r.length > 0 && L`
-                ${r.map((l) => G[l] ? G[l].out : "")}
+    const i = r && r.length > 0 && k`
+                ${r.map((c) => G[c] ? G[c].out : "")}
             `;
-    if (At(e)) {
-      const l = o.transitionKeys.split(" ");
-      return l && l.length > 0 && e === "exiting" ? L`
-                    ${a};
-                    ${l.map((u) => G[u] ? G[u].out : "")}
-                    transition: ${i} ${o.duration}ms ${o.easing};
-                ` : a;
+    if (Yt(e)) {
+      const c = o.transitionKeys.split(" ");
+      return c && c.length > 0 && e === "exiting" ? k`
+                    ${i};
+                    ${c.map((l) => G[l] ? G[l].out : "")}
+                    transition: ${s} ${o.duration}ms ${o.easing};
+                ` : i;
     }
   },
   composeViewTransition: (e, t, n) => {
     if (t === "slide")
-      return $e.compose(e, {
+      return Se.compose(e, {
         enter: {
           transitionKeys: n === "forth" ? "slide-right" : "slide-left",
           duration: 500
@@ -110,7 +110,7 @@ const jt = (e) => e === "entering" || e === "entered", At = (e) => e === "exitin
         }
       });
     if (t === "fade")
-      return $e.compose(e, {
+      return Se.compose(e, {
         enter: {
           transitionKeys: "fade",
           duration: 500
@@ -123,124 +123,124 @@ const jt = (e) => e === "entering" || e === "entered", At = (e) => e === "exitin
   },
   get: (e) => G[e]
 };
-var Ee = /* @__PURE__ */ ((e) => (e.Opera = "opera", e.Chrome = "chrome", e.Firefox = "firefox", e.Safari = "safari", e.Edge = "edge", e.EdgeChromium = "edge-chromium", e.Blink = "blink", e.IE = "internet-explorer", e))(Ee || {});
-const Ye = () => {
+var _e = /* @__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))(_e || {});
+const Ge = () => {
   const {
     opr: e,
     opera: t,
     InstallTrigger: n,
     HTMLElement: o,
     safari: r,
-    documentMode: i,
-    StyleMedia: a,
-    chrome: l,
-    CSS: u
-  } = window, c = !!e && !!e.addons || !!t || navigator.userAgent.indexOf(" OPR/") >= 0;
-  if (c)
+    documentMode: s,
+    StyleMedia: i,
+    chrome: c,
+    CSS: l
+  } = window, a = !!e && !!e.addons || !!t || navigator.userAgent.indexOf(" OPR/") >= 0;
+  if (a)
     return "opera";
   if (n)
     return "firefox";
-  const m = ((h) => h.toString() === "[object SafariRemoteNotification]")(!r || typeof r != "undefined" && r.pushNotification);
-  if (/constructor/i.test(o) || m)
+  const u = ((m) => m.toString() === "[object SafariRemoteNotification]")(!r || typeof r != "undefined" && r.pushNotification);
+  if (/constructor/i.test(o) || u)
     return "safari";
-  const p = !!i;
-  if (p)
+  const h = !!s;
+  if (h)
     return "internet-explorer";
-  if (!p && !!a)
+  if (!h && !!i)
     return "edge";
-  const d = !!l && (!!l.webstore || !!l.runtime);
-  if (d)
+  const p = !!c && (!!c.webstore || !!c.runtime);
+  if (p)
     return "chrome";
-  if (d && navigator.userAgent.indexOf("Edg") !== -1)
+  if (p && navigator.userAgent.indexOf("Edg") !== -1)
     return "edge-chromium";
-  if ((d || c) && !!u)
+  if ((p || a) && !!l)
     return "blink";
-}, Kt = ["string", "number"], V = (e) => Object.keys(e).reduce((t, n) => {
+}, Xt = ["string", "number"], W = (e) => Object.keys(e).reduce((t, n) => {
   const o = typeof e[n] == "undefined" ? "" : e[n], r = typeof o;
-  if (Kt.indexOf(r) > -1) {
-    const i = n.substring(0, 5);
-    i === "data-" || i === "aria-" ? t[Nt(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
+  if (Xt.indexOf(r) > -1) {
+    const s = n.substring(0, 5);
+    s === "data-" || s === "aria-" ? t[Ht(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
   } else
     t[n] = o;
   return t;
-}, {}), qt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ s.createElement(uo, f({}, t)) : null, as = qt, Ut = (e) => new RegExp("^#", "i").test(e), Yt = (e) => (o) => {
-  var r = o, { children: t } = r, n = S(r, ["children"]);
+}, {}), Zt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ d.createElement(ho, b({}, t)) : null, us = Zt, Qt = (e) => new RegExp("^#", "i").test(e), Gt = (e) => (o) => {
+  var r = o, { children: t } = r, n = T(r, ["children"]);
   const {
-    implementation: i,
-    name: a
-  } = e.get("$widget"), { href: l = "" } = n;
-  if (Ut(l))
-    return /* @__PURE__ */ s.createElement(rn, { smooth: !0, to: l }, t);
-  const u = i.bindings.map((p) => p.replace(/\./g, "\\.")).join("|"), m = new RegExp(`^((http[s]?:)?//)?(${u})/([^\\s]+)`).exec(l);
-  if (m && m.length >= 4) {
-    const p = m[4];
-    if (i.widgets.get(p) && !p.startsWith("blob?") && !p.startsWith(a))
-      return /* @__PURE__ */ s.createElement(wr, { widgetName: p }, t);
+    implementation: s,
+    name: i
+  } = e.get("$widget"), { href: c = "" } = n;
+  if (Qt(c))
+    return /* @__PURE__ */ d.createElement(cn, { smooth: !0, to: c }, t);
+  const l = s.bindings.map((h) => h.replace(/\./g, "\\.")).join("|"), u = new RegExp(`^((http[s]?:)?//)?(${l})/([^\\s]+)`).exec(c);
+  if (u && u.length >= 4) {
+    const h = u[4];
+    if (s.widgets.get(h) && !h.startsWith("blob?") && !h.startsWith(i))
+      return /* @__PURE__ */ d.createElement(Er, { widgetName: h }, t);
   }
-  return /* @__PURE__ */ s.createElement("a", f({}, n), t);
-}, Xt = Yt, at = (e) => {
+  return /* @__PURE__ */ d.createElement("a", b({}, n), t);
+}, Jt = Gt, lt = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
     n.indexOf("css-") > -1 && (t[n] = e[n]);
   }), t;
-}, Qt = (e) => {
+}, en = (e) => {
   let t = "";
-  return Object.keys(at(e)).forEach((n) => {
+  return Object.keys(lt(e)).forEach((n) => {
     n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
-  }), L`
+  }), k`
         ${t}
     `;
-}, Gt = at, Jt = (e, t) => {
+}, tn = lt, nn = (e, t) => {
   let n = "";
   const o = () => {
     n = "";
-  }, r = (p) => {
-    const d = document.getElementById(n);
-    return d !== null ? (p(d), o(), !0) : !1;
-  }, i = (p) => (p.preventDefault(), o(), e.onClick && e.onClick(p), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && r(
-    e.scroll || ((d) => e.smooth ? d.scrollIntoView({ behavior: "smooth" }) : d.scrollIntoView())
-  ), !1), m = e, { scroll: a, smooth: l, to: u } = m, c = S(m, ["scroll", "smooth", "to"]);
-  return t === "a" && (c.href = "javascript:;"), /* @__PURE__ */ s.createElement(t, k(f({}, c), { onClick: i }), e.children);
-}, pe = (e) => (t, n) => {
+  }, r = (h) => {
+    const p = document.getElementById(n);
+    return p !== null ? (h(p), o(), !0) : !1;
+  }, s = (h) => (h.preventDefault(), o(), e.onClick && e.onClick(h), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && r(
+    e.scroll || ((p) => e.smooth ? p.scrollIntoView({ behavior: "smooth" }) : p.scrollIntoView())
+  ), !1), u = e, { scroll: i, smooth: c, to: l } = u, a = T(u, ["scroll", "smooth", "to"]);
+  return t === "a" && (a.href = "javascript:;"), /* @__PURE__ */ d.createElement(t, S(b({}, a), { onClick: s }), e.children);
+}, ye = (e) => (t, n) => {
   let o = t, r = "";
   if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(t))
     o = t;
   else {
-    const l = t.match(/h1|h2|h3|h4|h5|h6/);
-    if (l != null && l[0]) {
-      o = l[0];
-      const [u] = t.split(o);
-      r = u;
+    const c = t.match(/h1|h2|h3|h4|h5|h6/);
+    if (c != null && c[0]) {
+      o = c[0];
+      const [l] = t.split(o);
+      r = l;
     }
   }
-  const a = ((l, u, c) => c[l] ? `${u}${c[l]}` : `${u}${l}`)(o, r, e.theme.typographyVariantMapping || {});
-  return L`
-        ${a} {
+  const i = ((c, l, a) => a[c] ? `${l}${a[c]}` : `${l}${c}`)(o, r, e.theme.typographyVariantMapping || {});
+  return k`
+        ${i} {
             ${n}
         }
     `;
 };
-function en(e, t) {
-  return t ? Ue(e, t) : Ue(e);
+function on(e, t) {
+  return t ? Qe(e, t) : Qe(e);
 }
-const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBody: e }), nn = (e, t) => ({
+const rn = (e) => (t) => /* @__PURE__ */ d.createElement(tr, { attrs: t, htmlBody: e }), sn = (e, t) => ({
   transform: {
-    a: Xt(e),
-    img: tn(t)
+    a: Jt(e),
+    img: rn(t)
   }
-}), on = (e) => Jt(e, "a"), rn = on, ye = P((r, o) => {
-  var i = r, { className: e, children: t } = i, n = S(i, ["className", "children"]);
-  return /* @__PURE__ */ s.createElement(
-    sn,
-    k(f({
+}), an = (e) => nn(e, "a"), cn = an, be = B((r, o) => {
+  var s = r, { className: e, children: t } = s, n = T(s, ["className", "children"]);
+  return /* @__PURE__ */ d.createElement(
+    ln,
+    S(b({
       type: "button",
-      className: M(e, "humany-button")
-    }, V(n)), {
+      className: z(e, "humany-button")
+    }, W(n)), {
       ref: o
     }),
     t
   );
-}), sn = C.button`
+}), ln = y.button`
     -webkit-appearance: button;
     text-transform: none;
     overflow: visible;
@@ -253,156 +253,156 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
     line-height: normal;
     margin: 0;
     padding: 0;
-`, an = (r) => {
-  var i = r, {
+`, un = (r) => {
+  var s = r, {
     onChange: e = () => {
     },
     onEnter: t = () => {
     },
     className: n
-  } = i, o = S(i, [
+  } = s, o = T(s, [
     "onChange",
     "onEnter",
     "className"
   ]);
-  return /* @__PURE__ */ s.createElement(
+  return /* @__PURE__ */ d.createElement(
     "input",
-    f({
-      className: M(n, "humany-checkbox"),
-      onKeyDown: (a) => {
-        a.key === "Enter" && t(a);
+    b({
+      className: z(n, "humany-checkbox"),
+      onKeyDown: (i) => {
+        i.key === "Enter" && t(i);
       },
-      onChange: (a) => e(a.target.value, a.currentTarget.checked)
-    }, V(o))
+      onChange: (i) => e(i.target.value, i.currentTarget.checked)
+    }, W(o))
   );
-}, cs = an, cn = te(new zt()), ln = te(1), ct = te({
+}, ds = un, dn = oe(new Nt()), mn = oe(1), ut = oe({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), un = te({}), dn = te(null), mn = te(null), hn = () => J(ct), Re = hn, pn = () => J(cn), I = pn, fn = (e, t) => {
-  const n = Re().id, o = I();
-  return (r, i) => {
-    (t || o).getAsync("actionResolver").then((a) => {
-      a.action(e || n, r, i);
+}), hn = oe({}), pn = oe(null), fn = oe(null), gn = () => J(ut), Le = gn, yn = () => J(dn), H = yn, bn = (e, t) => {
+  const n = Le().id, o = H();
+  return (r, s) => {
+    (t || o).getAsync("actionResolver").then((i) => {
+      i.action(e || n, r, s);
     });
   };
-}, ls = fn, gn = (e) => {
-  const t = J(ct), n = ne(), [o, r] = E();
+}, ms = bn, vn = (e) => {
+  const t = J(ut), n = re(), [o, r] = C();
   return w(() => {
     if ((e || t.id) && n) {
-      const i = n.nodes.get(e || t.id);
-      r(i);
+      const s = n.nodes.get(e || t.id);
+      r(s);
     }
   }, [e, t.id, n]), o;
-}, _e = gn, yn = () => {
-  const e = R(!1);
+}, Pe = vn, $n = () => {
+  const e = _(!1);
   return w(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
-}, F = yn, Cn = (e) => {
-  const t = I(), [n, o] = E(null), r = F();
+}, q = $n, wn = (e) => {
+  const t = H(), [n, o] = C(null), r = q();
   return w(() => {
-    Se.getInstance(e || t).then((i) => {
-      r.current && o(i);
+    ze.getInstance(e || t).then((s) => {
+      r.current && o(s);
     });
   }, [r]), n;
-}, ne = Cn, bn = () => {
-  const e = _e(), t = ne(), [n, o] = E([]), r = F(), i = _(
-    (a) => {
-      if (t && r.current && a) {
-        const l = t.getBranch(a), u = a.getChildren(l).map((c) => Je(c));
-        o(u);
+}, re = wn, xn = () => {
+  const e = Pe(), t = re(), [n, o] = C([]), r = q(), s = M(
+    (i) => {
+      if (t && r.current && i) {
+        const c = t.getBranch(i), l = i.getChildren(c).map((a) => nt(a));
+        o(l);
       }
     },
     [r, t, o, e]
   );
   return w(() => {
-    e && i(e);
+    e && s(e);
   }, [e, t]), w(() => {
     if (t) {
-      const [a, l] = Pt(t.events);
-      return a("components:set-layout", (u, c) => {
-        (e === c.node.parent || c.node.parent === t.nodes.root) && i(c.node.parent);
-      }), a("components:node-appended", (u, c) => {
-        (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) && i(c);
+      const [i, c] = Bt(t.events);
+      return i("components:set-layout", (l, a) => {
+        (e === a.node.parent || a.node.parent === t.nodes.root) && s(a.node.parent);
+      }), i("components:node-appended", (l, a) => {
+        (e === a.node.parent || a.node.parent === t.nodes.root) && s(a.node.parent);
+      }), i("components:node-removed", (l, { parentNode: a }) => {
+        (a === e || a === t.nodes.root) && s(a);
       }), () => {
-        l();
+        c();
       };
     }
-  }, [e, t, i]), n;
-}, us = bn, vn = () => J(ln), ds = vn, wn = (e, t) => {
-  const n = Re(), o = I(), [r, i] = E(void 0), a = F(), l = e || n.type || "";
+  }, [e, t, s]), n;
+}, hs = xn, En = () => J(mn), ps = En, Cn = (e, t) => {
+  const n = Le(), o = H(), [r, s] = C(void 0), i = q(), c = e || n.type || "";
   return w(() => {
-    if (l) {
-      let u;
-      return (t || o).getAsync("componentResolver").then((c) => {
-        if (a.current) {
-          const m = c.getComponent(l);
-          i(m);
+    if (c) {
+      let l;
+      return (t || o).getAsync("componentResolver").then((a) => {
+        if (i.current) {
+          const u = a.getComponent(c);
+          s(u);
         }
-        u = c.registerResolver(l, (m) => {
-          a.current && i(m);
+        l = a.registerResolver(c, (u) => {
+          i.current && s(u);
         });
       }), () => {
-        u && u();
+        l && l();
       };
     }
-  }, [a, l, t, o]), r;
-}, ms = wn, xn = (e) => {
-  const t = _e(e), n = ne(), [o, r] = E({}), i = F();
+  }, [i, c, t, o]), r;
+}, fs = Cn, kn = (e) => {
+  const t = Pe(e), n = re(), [o, r] = C({}), s = q();
   return w(() => {
-    t && i.current && r(t.attributes.context);
-  }, [i, t]), w(() => {
+    t && s.current && r(t.attributes.context);
+  }, [s, t]), w(() => {
     if (n) {
-      const a = n.events.subscribe(
+      const i = n.events.subscribe(
         "components:context-changed",
-        (l, u) => {
-          t === u.node && i.current && r(u.node.attributes.context);
+        (c, l) => {
+          t === l.node && s.current && r(l.node.attributes.context);
         }
       );
       return () => {
-        a();
+        i();
       };
     }
-  }, [i, n, t]), o;
-}, $n = xn, En = () => J(mn), hs = En, kn = () => {
-  const e = ne(), t = Re(), [n, o] = E([]), [r, i] = E();
+  }, [s, n, t]), o;
+}, Sn = kn, _n = () => J(fn), gs = _n, Mn = () => {
+  const e = re(), t = Le(), [n, o] = C([]), [r, s] = C();
   return w(() => {
     if (e && t) {
-      const a = new Vt(e).withId(t.id), l = e.actions(a, t.type || se());
-      i(l), n !== null && (n.forEach((u) => {
-        l.dispatch(u.key, u.data).then((c) => u.resolve(c)).catch((c) => u.reject(c));
+      const i = new Wt(e).withId(t.id), c = e.actions(i, t.type || ae());
+      s(c), n !== null && (n.forEach((l) => {
+        c.dispatch(l.key, l.data).then((a) => l.resolve(a)).catch((a) => l.reject(a));
       }), o(null));
     }
-  }, [e, t.id]), (a, l) => n !== null ? new Promise((u, c) => {
+  }, [e, t.id]), (i, c) => n !== null ? new Promise((l, a) => {
     n.push({
-      key: a,
-      data: l,
-      resolve: u,
-      reject: c
+      key: i,
+      data: c,
+      resolve: l,
+      reject: a
     });
-  }) : r.dispatch(a, l);
-}, ps = kn, A = (e, t, n = window, o = () => !0) => {
-  const r = R(() => {
+  }) : r.dispatch(i, c);
+}, ys = Mn, K = (e, t, n = window, o = () => !0) => {
+  const r = _(() => {
   });
   w(() => {
     r.current = t;
   }, [t]), w(() => {
     if (!(n && o()))
       return;
-    const a = (l) => r.current(l);
-    return n.addEventListener(e, a), () => {
-      n.removeEventListener(e, a);
+    const i = (c) => r.current(c);
+    return n.addEventListener(e, i), () => {
+      n.removeEventListener(e, i);
     };
   }, [e, n]);
-}, Ln = (e) => {
-  const t = I(), { events: n } = (e || t).get("$widget");
+}, Dn = (e) => {
+  const t = H(), { events: n } = (e || t).get("$widget");
   return n;
-}, Mn = Ln, Sn = () => {
-  const [e, t] = E(!1);
+}, Tn = Dn, zn = () => {
+  const [e, t] = C(!1);
   return w(() => {
     const n = () => {
       t(!1);
@@ -413,117 +413,117 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
       window.removeEventListener("keydown", o), window.removeEventListener("click", n);
     };
   }, []), e;
-}, fs = Sn, Rn = (e, t) => {
-  const [n, o] = E(!1), r = _(
-    (a) => {
-      const { key: l } = a;
-      l === e && (o(!0), t && t(a));
+}, bs = zn, Ln = (e, t) => {
+  const [n, o] = C(!1), r = M(
+    (i) => {
+      const { key: c } = i;
+      c === e && (o(!0), t && t(i));
     },
     [o, t]
-  ), i = _(
-    ({ key: a }) => {
-      a === e && o(!1);
+  ), s = M(
+    ({ key: i }) => {
+      i === e && o(!1);
     },
     [o]
   );
-  return A("keydown", r, window), A("keyup", i, window), n;
-}, ee = Rn, _n = (e) => {
-  const t = _e(e), n = ne(), [o, r] = E({}), i = F();
+  return K("keydown", r, window), K("keyup", s, window), n;
+}, ee = Ln, Pn = (e) => {
+  const t = Pe(e), n = re(), [o, r] = C({}), s = q();
   return w(() => {
-    t && i.current && r(t.attributes.layout);
-  }, [t, i]), w(() => {
+    t && s.current && r(t.attributes.layout);
+  }, [t, s]), w(() => {
     if (n) {
-      const a = n.events.subscribe(
+      const i = n.events.subscribe(
         "components:layout-changed",
-        (l, u) => {
-          t === u.node && i.current && r(u.node.attributes.layout);
+        (c, l) => {
+          t === l.node && s.current && r(l.node.attributes.layout);
         }
       );
       return () => {
-        a();
+        i();
       };
     }
-  }, [n, i, t]), o;
-}, gs = _n, Tn = (e) => {
-  const t = R();
+  }, [n, s, t]), o;
+}, vs = Pn, Nn = (e) => {
+  const t = _();
   return w(() => {
     t.current = e;
   }), t.current;
-}, lt = Tn, zn = () => J(un), ys = zn, Dn = (e) => {
-  const [t, n] = E(), o = I(), r = F();
+}, dt = Nn, Rn = () => J(hn), $s = Rn, On = (e) => {
+  const [t, n] = C(), o = H(), r = q();
   return w(() => {
-    let i;
-    const a = (e || o).get("$widget");
-    if (!a)
+    let s;
+    const i = (e || o).get("$widget");
+    if (!i)
       return;
-    const { name: l, invoke: u } = a;
-    return u("renderState").then((c) => {
-      r.current && n(c);
-    }), (e || o).getAsync("actionResolver").then((c) => {
-      i = c.subscribe(l, (m, p) => {
-        switch (p) {
+    const { name: c, invoke: l } = i;
+    return l("renderState").then((a) => {
+      r.current && n(a);
+    }), (e || o).getAsync("actionResolver").then((a) => {
+      s = a.subscribe(c, (u, h) => {
+        switch (h) {
           case "close":
           case "open":
             r.current && n(
-              p === "open" ? me.open : me.closed
+              h === "open" ? fe.open : fe.closed
             );
             break;
           case "hide":
-            r.current && n(me.hidden);
+            r.current && n(fe.hidden);
         }
       });
     }), () => {
-      i && i();
+      s && s();
     };
   }, [r]), t;
-}, Cs = Dn, Hn = () => J(dn), ut = Hn, Bn = (e) => {
-  const t = I(), n = ut(), [o, r] = E({ name: "", params: {} }), i = F();
+}, ws = On, In = () => J(pn), mt = In, Bn = (e) => {
+  const t = H(), n = mt(), [o, r] = C({ name: "", params: {} }), s = q();
   return w(() => {
-    const a = (e || t).get("$widget");
-    if (!a)
+    const i = (e || t).get("$widget");
+    if (!i)
       return;
-    const { events: l } = a;
-    return l.subscribe("router:change", (c, { next: { routeData: m } }) => {
-      if (i.current) {
-        const { name: p, params: d } = m;
-        Ke(d), r({ name: p, params: d });
+    const { events: c } = i;
+    return c.subscribe("router:change", (a, { next: { routeData: u } }) => {
+      if (s.current) {
+        const { name: h, params: p } = u;
+        Xe(p), r({ name: h, params: p });
       }
     });
-  }, [i, e, t]), w(() => {
-    if (n && n.history && i.current) {
-      const a = n.getRouteData(), { name: l, params: u } = a;
-      Ke(u), r({ name: l, params: u });
-    }
-  }, [n, i]), o;
-}, bs = Bn, dt = (e) => {
-  const t = R(), n = R(0);
+  }, [s, e, t]), w(() => {
+    if (n && n.history && s.current) {
+      const i = n.getRouteData(), { name: c, params: l } = i;
+      Xe(l), r({ name: c, params: l });
+    }
+  }, [n, s]), o;
+}, xs = Bn, ht = (e) => {
+  const t = _(), n = _(0);
   let o;
-  const r = _(() => {
-    var c;
-    (c = t.current) == null || c.classList.add("humany-scrolling"), clearTimeout(o), o = setTimeout(() => {
-      var m;
-      (m = t.current) == null || m.classList.remove("humany-scrolling");
+  const r = M(() => {
+    var a;
+    (a = t.current) == null || a.classList.add("humany-scrolling"), clearTimeout(o), o = setTimeout(() => {
+      var u;
+      (u = t.current) == null || u.classList.remove("humany-scrolling");
     }, 500);
-  }, [t]), i = _(
-    (c) => {
-      n.current = c.touches[0].clientY;
+  }, [t]), s = M(
+    (a) => {
+      n.current = a.touches[0].clientY;
     },
     [t]
-  ), a = (c) => l(c) ? c === t.current ? c : null : c.parentElement ? a(c.parentElement) : null, l = (c) => c.scrollWidth > c.clientWidth || c.scrollHeight > c.clientHeight, u = _(
-    (c) => {
-      if (!c.cancelable)
+  ), i = (a) => c(a) ? a === t.current ? a : null : a.parentElement ? i(a.parentElement) : null, c = (a) => a.scrollWidth > a.clientWidth || a.scrollHeight > a.clientHeight, l = M(
+    (a) => {
+      if (!a.cancelable)
         return;
-      const m = c.touches[0].clientY, p = a(c.target);
-      if (!p)
+      const u = a.touches[0].clientY, h = i(a.target);
+      if (!h)
         return;
-      const d = p.scrollTop, h = n.current - m < 0 ? "up" : "down", y = d <= 0 && h === "up", x = d >= p.scrollHeight - p.offsetHeight && h === "down";
-      (y || x) && c.preventDefault(), n.current = m;
+      const p = h.scrollTop, m = n.current - u < 0 ? "up" : "down", g = p <= 0 && m === "up", x = p >= h.scrollHeight - h.offsetHeight && m === "down";
+      (g || x) && a.preventDefault(), n.current = u;
     },
     [t, n]
   );
-  return A("scroll", r, t.current, () => t.current && e), A("touchstart", i, t.current, () => t.current && e), A("touchmove", u, t.current, () => t.current && e), e ? [Pn, t] : ["", t];
-}, Pn = `
-    overflow-y: ${Ye() === Ee.Chrome || Ye() === Ee.EdgeChromium ? "overlay" : "auto"};
+  return K("scroll", r, t.current, () => t.current && e), K("touchstart", s, t.current, () => t.current && e), K("touchmove", l, t.current, () => t.current && e), e ? [Wn, t] : ["", t];
+}, Wn = `
+    overflow-y: ${Ge() === _e.Chrome || Ge() === _e.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
     scrollbar-width: thin; /* Firefox */
@@ -550,65 +550,65 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
             background-color: #7F7F7F;
         }
     }
-`, Vn = () => {
-  const [e, t] = E(null), n = I(), o = F();
+`, Hn = () => {
+  const [e, t] = C(null), n = H(), o = q();
   return w(() => {
     n.get("settings").then((r) => {
       o.current && t(r);
     });
   }, [o]), e;
-}, vs = Vn, Nn = (e = !1) => {
-  const [t, n] = E(e), o = _((r) => {
-    n(typeof r == "boolean" ? r : (i) => !i);
+}, Es = Hn, jn = (e = !1) => {
+  const [t, n] = C(e), o = M((r) => {
+    n(typeof r == "boolean" ? r : (s) => !s);
   }, []);
   return [t, o];
-}, mt = Nn, ws = (e) => {
-  const t = I(), n = ne(), o = t.get("widgetDOMElement"), [r, i] = E(null), [a, l] = E(null), u = F();
+}, pt = jn, Cs = (e) => {
+  const t = H(), n = re(), o = t.get("widgetDOMElement"), [r, s] = C(null), [i, c] = C(null), l = q();
   w(() => {
-    if (n && u.current) {
-      const m = n.nodes.all.find((d) => d.name === "root-area"), p = n.nodes.all.find((d) => d.type === "view");
-      if (!(p != null && p.attributes.properties.animation) && !(m != null && m.attributes.properties.animation))
+    if (n && l.current) {
+      const u = n.nodes.all.find((p) => p.name === "root-area"), h = n.nodes.all.find((p) => p.type === "view");
+      if (!(h != null && h.attributes.properties.animation) && !(u != null && u.attributes.properties.animation))
         e();
       else {
-        const d = (x = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${x}"]`), h = d(p == null ? void 0 : p.id);
-        h && i(h);
-        const y = d(m == null ? void 0 : m.id);
-        y && l(y);
+        const p = (x = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${x}"]`), m = p(h == null ? void 0 : h.id);
+        m && s(m);
+        const g = p(u == null ? void 0 : u.id);
+        g && c(g);
       }
     }
-  }, [n, t, u]);
-  const c = _(
-    (m) => {
-      u.current && (m.target === r || m.target === a) && e();
+  }, [n, t, l]);
+  const a = M(
+    (u) => {
+      l.current && (u.target === r || u.target === i) && e();
     },
-    [e, u, r, a]
+    [e, l, r, i]
   );
-  A("transitionend", c, r), A("transitionend", c, a);
-}, In = (e, t, n = [], o) => {
-  const r = Mn(o);
+  K("transitionend", a, r), K("transitionend", a, i);
+}, Vn = (e, t, n = [], o) => {
+  const r = Tn(o);
   return w(() => {
     if (r) {
-      const i = r.subscribe(e, t);
+      const s = r.subscribe(e, t);
       return () => {
-        i();
+        s();
       };
     }
-  }, [r].concat(n)), (i) => r == null ? void 0 : r.dispatch(e, i);
-}, Ce = In, On = (e, t) => {
-  const n = Ce("widget:menu-toggled", (o, r) => {
+  }, [r].concat(n)), (s) => r == null ? void 0 : r.dispatch(e, s);
+}, ve = Vn, Fn = (e, t) => {
+  const n = ve("widget:menu-toggled", (o, r) => {
     r !== e && t();
   });
   return () => n(e);
-}, Te = On, Wn = (o) => {
-  var r = o, { className: e, children: t } = r, n = S(r, ["className", "children"]);
-  return /* @__PURE__ */ s.createElement(
+}, Ne = Fn, An = (o) => {
+  var r = o, { className: e, children: t } = r, n = T(r, ["className", "children"]);
+  return /* @__PURE__ */ d.createElement(
     "span",
-    f({
-      className: M(e, "humany-text")
-    }, V(n)),
+    b({
+      className: z(e, "humany-text")
+    }, W(n)),
     t
   );
-}, ze = Wn, ht = (e) => L`
+}, Re = An, ft = (e) => k`
     display: flex;
     justify-content: center;
     flex-direction: column;
@@ -617,9 +617,9 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
     border: ${e.theme.border};
     box-shadow: ${e.theme.boxShadow || "none"};
     ${e["data-loading"] && "min-height: 150px;"}
-`, Zn = (e) => {
+`, Kn = (e) => {
   var t, n, o;
-  return L`
+  return k`
     cursor: pointer;
     text-align: center;
     border: none;
@@ -629,11 +629,11 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
     font-family: ${(n = e.theme.fonts) == null ? void 0 : n.type};
     font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
 `;
-}, xs = (e) => {
-  var a;
-  const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: i } = e;
-  return L`
-        ${Zn(e)}
+}, ks = (e) => {
+  var i;
+  const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: s } = e;
+  return k`
+        ${Kn(e)}
         border: 1px solid ${o ? n : t};
         background-color: ${o ? t : n};
 
@@ -646,10 +646,10 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
         a {
             transition: color 200ms ease-out;
             color: ${o ? n : t};
-            font-size: ${(a = r.fonts) == null ? void 0 : a.normal};
+            font-size: ${(i = r.fonts) == null ? void 0 : i.normal};
         }
 
-        ${!i && L`
+        ${!s && k`
             &:hover {
                 background-color: ${t};
                 color: ${n};
@@ -663,27 +663,27 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
             }
 
             &:focus-visible {
-                ${X(e)};
+                ${Z(e)};
             }
         `}
     `;
-}, X = (e) => {
+}, Z = (e) => {
   var t, n, o;
-  return L`
+  return k`
     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;
 `;
-}, jn = (e) => L`
-    ${X(e)}
+}, qn = (e) => k`
+    ${Z(e)}
     text-decoration: underline;
-`, $s = (e) => {
+`, Ss = (e) => {
   var t;
-  return L`
-    ${X(e)}
+  return k`
+    ${Z(e)}
     outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
 `;
-}, De = C(ye)`
+}, Oe = y(be)`
     position: absolute;
     top: ${(e) => {
   var t;
@@ -703,7 +703,7 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
     }
 
     &:focus-visible {
-        ${X}
+        ${Z}
         padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -711,7 +711,7 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
         height: 15px;
         box-sizing: content-box;
     }
-`, Xe = C(ze)`
+`, Je = y(Re)`
     font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -722,9 +722,9 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, An = (e) => {
+`, Yn = (e) => {
   var t;
-  return L`
+  return k`
     padding: 0;
     margin: 0;
     list-style: none;
@@ -744,13 +744,13 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
         margin: 0;
     }
 `;
-}, Es = (e) => {
+}, _s = (e) => {
   var t, n, o, r;
-  return L`
+  return k`
     > div {
-        ${pe(e)(
+        ${ye(e)(
     "> h1",
-    L`
+    k`
                 margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
                 font-size: ${(n = e.theme.fonts) == null ? void 0 : n.medium};
                 font-weight: normal;
@@ -760,11 +760,11 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
   )}
     }
     > ul {
-        ${An(e)}
+        ${Yn(e)}
     }
-    ${pe(e)(
+    ${ye(e)(
     "h1",
-    L`
+    k`
             display: flex;
             align-items: center;
             i {
@@ -780,9 +780,9 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
         `
   )}
 `;
-}, ks = (e) => {
-  var t, n, o, r, i, a;
-  return L`
+}, Ms = (e) => {
+  var t, n, o, r, s, i;
+  return k`
     font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
     font-weight: 300;
     line-height: 1.5em;
@@ -809,7 +809,7 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
     a {
         color: ${(o = e.theme.colors) == null ? void 0 : o.link};
         &:focus-visible {
-            ${jn(e)};
+            ${qn(e)};
         }
     }
 
@@ -824,533 +824,30 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
     }
 
     p:first-child {
-        margin: 0 0 ${(i = e.theme.sizes) == null ? void 0 : i.normal};
+        margin: 0 0 ${(s = e.theme.sizes) == null ? void 0 : s.normal};
     }
 
     p:last-child {
-        margin: ${(a = e.theme.sizes) == null ? void 0 : a.normal} 0 0;
+        margin: ${(i = e.theme.sizes) == null ? void 0 : i.normal} 0 0;
     }
 
     p:only-child {
         margin: 0;
     }
 `;
-}, Fn = ({
+}, Un = ({
   elementId: e = "humany-portal-elements",
   parent: t = document.body,
   children: n
 }) => {
-  const [o] = E(() => {
+  const [o] = C(() => {
     const r = document.getElementById(e) || document.createElement("div");
     return r.id = e, r;
   });
   return w(() => (t.appendChild(o), () => {
     o.childElementCount <= 1 && t.removeChild(o);
-  }), [o]), Wt(n, o);
-}, ie = Fn, Kn = (l) => {
-  var u = l, {
-    text: e = "",
-    backgroundSize: t = "contain",
-    size: n = 12,
-    symbol: o = {
-      content: "",
-      type: ""
-    },
-    elementStyle: r = {},
-    className: i
-  } = u, a = S(u, [
-    "text",
-    "backgroundSize",
-    "size",
-    "symbol",
-    "elementStyle",
-    "className"
-  ]);
-  const { type: c, content: m } = o, p = {
-    "aria-label": e,
-    role: "presentation"
-  };
-  switch (c) {
-    case "Uri": {
-      const d = {
-        backgroundSize: t,
-        backgroundImage: `url('${m}')`,
-        backgroundRepeat: "no-repeat",
-        backgroundPosition: "center",
-        backgroundAttachment: "center"
-      };
-      return /* @__PURE__ */ s.createElement(
-        "i",
-        f(f({
-          className: M(i, "humany-icon", "humany-custom-icon"),
-          title: e,
-          style: f(f({}, d), r)
-        }, p), a)
-      );
-    }
-    case "Svg": {
-      const d = k(f({
-        className: M(i, "humany-icon"),
-        width: `${n}`,
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, a), {
-        ref: null
-      }), h = { minWidth: `${n}` };
-      switch (m) {
-        case "search":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 32 30" }, d), /* @__PURE__ */ s.createElement(
-            "circle",
-            {
-              cx: "14.8457",
-              cy: "14.5175",
-              r: "8.14359",
-              transform: "rotate(45 14.8457 14.5175)"
-            }
-          ), /* @__PURE__ */ s.createElement("line", { x1: "21.1001", y1: "20.4865", x2: "26.5798", y2: "25.9661" }));
-        case "clear":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 27 27" }, d), /* @__PURE__ */ s.createElement(
-            "circle",
-            {
-              cx: "13.4351",
-              cy: "13.435",
-              r: "9",
-              transform: "rotate(45 13.4351 13.435)",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "line",
-            {
-              x1: "16.6172",
-              y1: "10.2531",
-              x2: "10.2533",
-              y2: "16.6171",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "line",
-            {
-              x1: "16.6171",
-              y1: "16.617",
-              x2: "10.2532",
-              y2: "10.2531",
-              stroke: "black"
-            }
-          ));
-        case "close":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 13 13" }, d), /* @__PURE__ */ s.createElement("path", { d: "M12.3068 0.50647L1.27246 11.7273", stroke: "black" }), /* @__PURE__ */ s.createElement("path", { d: "M12.2812 11.9473L1.24686 0.726451", stroke: "black" }));
-        case "caret-right":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 14 14", style: h }, d), /* @__PURE__ */ s.createElement("line", { x1: "4.13", y1: "1.05", x2: "10.13", y2: "7.05", stroke: "black" }), /* @__PURE__ */ s.createElement("line", { x1: "10.13", y1: "6.95", x2: "4.13", y2: "12.95", stroke: "black" }));
-        case "caret-left":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 14 14", style: h }, d), /* @__PURE__ */ s.createElement("line", { x1: "10.13", y1: "12.95", x2: "4.13", y2: "6.95", stroke: "black" }), /* @__PURE__ */ s.createElement("line", { x1: "4.13", y1: "7.05", x2: "10.13", y2: "1.05", stroke: "black" }));
-        case "caret-up":
-          return /* @__PURE__ */ s.createElement(qn, f({ viewBox: "0 0 14 14", style: h }, d), /* @__PURE__ */ s.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ s.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
-        case "caret-down":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 14 14", style: h }, d), /* @__PURE__ */ s.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ s.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
-        case "back":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 18 18" }, d), /* @__PURE__ */ s.createElement(
-            "line",
-            {
-              y1: "-0.5",
-              x2: "11.724",
-              y2: "-0.5",
-              transform: "matrix(-0.682355 -0.731021 0.682355 -0.731021 13 16.9999)",
-              stroke: "white"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "line",
-            {
-              y1: "-0.5",
-              x2: "11.724",
-              y2: "-0.5",
-              transform: "matrix(0.682355 -0.731021 0.682355 0.731021 5 9.5705)",
-              stroke: "white"
-            }
-          ));
-        case "alert":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 19 19" }, d), /* @__PURE__ */ s.createElement("circle", { cx: "9.5", cy: "9.5", r: "9.5", fill: "#CA0813" }), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M10.36 4.878V8.882C10.36 9.30667 10.339 9.72433 10.297 10.135C10.255 10.541 10.199 10.9727 10.129 11.43H8.96C8.89 10.9727 8.834 10.541 8.792 10.135C8.75 9.72433 8.729 9.30667 8.729 8.882V4.878H10.36ZM8.463 14.048C8.463 13.9033 8.48867 13.7657 8.54 13.635C8.596 13.5043 8.67067 13.3923 8.764 13.299C8.862 13.2057 8.97633 13.131 9.107 13.075C9.23767 13.019 9.37767 12.991 9.527 12.991C9.67167 12.991 9.80933 13.019 9.94 13.075C10.0707 13.131 10.1827 13.2057 10.276 13.299C10.3693 13.3923 10.444 13.5043 10.5 13.635C10.556 13.7657 10.584 13.9033 10.584 14.048C10.584 14.1973 10.556 14.3373 10.5 14.468C10.444 14.594 10.3693 14.7037 10.276 14.797C10.1827 14.8903 10.0707 14.9627 9.94 15.014C9.80933 15.07 9.67167 15.098 9.527 15.098C9.37767 15.098 9.23767 15.07 9.107 15.014C8.97633 14.9627 8.862 14.8903 8.764 14.797C8.67067 14.7037 8.596 14.594 8.54 14.468C8.48867 14.3373 8.463 14.1973 8.463 14.048Z",
-              fill: "white"
-            }
-          ));
-        case "send":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 20 17" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M18.95 8.56428L0.949951 0.941406V7.02531L13.6351 8.47059L0.950001 9.92276L0.949951 15.9414L18.95 8.56428Z",
-              fill: "#A6A6A6",
-              stroke: "#A6A6A6",
-              strokeWidth: "0.1"
-            }
-          ));
-        case "chat":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "-2 -3 40 40" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              strokeWidth: "0",
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M16.9799 34C21.2676 34 25.1841 32.4256 28.1725 29.8285L34.9534 32.1994C35.7991 32.4951 36.553 31.5778 36.0892 30.8173L32.2559 24.5317C33.3474 22.3103 33.9598 19.8153 33.9598 17.1786C33.9598 7.88838 26.3576 0.357178 16.9799 0.357178C7.60216 0.357178 0 7.88838 0 17.1786C0 26.4688 7.60216 34 16.9799 34ZM30.7031 24.565C31.9094 22.3701 32.5948 19.8536 32.5948 17.1786C32.5948 8.6352 25.6038 1.70942 16.9799 1.70942C8.35601 1.70942 1.36498 8.6352 1.36498 17.1786C1.36498 25.722 8.35601 32.6478 16.9799 32.6478C21.1946 32.6478 25.0193 30.9935 27.8285 28.3047L34.3975 30.5798L30.7031 24.565Z",
-              fill: "currentColor"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              strokeWidth: "0",
-              d: "M12.9395 17.1786C12.9395 18.6079 11.7809 19.7665 10.3516 19.7665C8.92237 19.7665 7.76373 18.6079 7.76373 17.1786C7.76373 15.7493 8.92237 14.5907 10.3516 14.5907C11.7809 14.5907 12.9395 15.7493 12.9395 17.1786Z",
-              fill: "currentColor"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              strokeWidth: "0",
-              d: "M19.4093 17.1786C19.4093 18.6079 18.2507 19.7665 16.8214 19.7665C15.3921 19.7665 14.2335 18.6079 14.2335 17.1786C14.2335 15.7493 15.3921 14.5907 16.8214 14.5907C18.2507 14.5907 19.4093 15.7493 19.4093 17.1786Z",
-              fill: "currentColor"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              strokeWidth: "0",
-              d: "M25.8791 17.1786C25.8791 18.6079 24.7204 19.7665 23.2912 19.7665C21.8619 19.7665 20.7033 18.6079 20.7033 17.1786C20.7033 15.7493 21.8619 14.5907 23.2912 14.5907C24.7204 14.5907 25.8791 15.7493 25.8791 17.1786Z",
-              fill: "currentColor"
-            }
-          ));
-        case "chat-new":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 26 24" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M22.1109 10.3813C22.3941 10.2876 22.6674 10.1722 22.9288 10.0371C23.1902 10.9797 23.33 11.9734 23.33 13C23.33 19.0751 18.4348 24 12.3962 24C9.6352 24 7.11325 22.9705 5.18893 21.2721L0.82251 22.8226C0.277922 23.0159 -0.207515 22.4161 0.0911259 21.9188L2.55952 17.8084C1.85665 16.3558 1.46233 14.7242 1.46233 13C1.46233 6.92487 6.35758 2 12.3962 2C13.4013 2 14.3747 2.13645 15.2992 2.39193C15.1628 2.65458 15.0464 2.92925 14.9519 3.21394C14.1358 2.99881 13.2793 2.88427 12.3962 2.88427C6.84301 2.88427 2.34128 7.41324 2.34128 13C2.34128 14.7493 2.78263 16.3949 3.5594 17.8302L1.18047 21.7634L5.41046 20.2757C7.21939 22.034 9.68221 23.1157 12.3962 23.1157C17.9493 23.1157 22.451 18.5868 22.451 13C22.451 12.0944 22.3328 11.2165 22.1109 10.3813Z",
-              fill: "currentColor"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M25.6633 4C25.6633 6.20914 23.8724 8 21.6633 8C19.4541 8 17.6633 6.20914 17.6633 4C17.6633 1.79086 19.4541 0 21.6633 0C23.8724 0 25.6633 1.79086 25.6633 4Z",
-              fill: "currentColor"
-            }
-          ));
-        case "agent":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 36 30" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M0.900024 15.3887C0.900024 12.9034 2.91474 10.8887 5.40002 10.8887H6.28179V20.0995H5.40002C2.91474 20.0995 0.900024 18.0848 0.900024 15.5995V15.3887Z",
-              stroke: "white"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M34.65 15.5996C34.65 18.0849 32.6353 20.0996 30.15 20.0996L29.2683 20.0996L29.2683 10.8888L30.15 10.8888C32.6353 10.8888 34.65 12.9035 34.65 15.3888L34.65 15.5996Z",
-              stroke: "white"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M29.2565 20.5974C29.2565 26.341 22.8747 26.9792 19.6838 26.9792",
-              stroke: "white"
-            }
-          ), /* @__PURE__ */ s.createElement("circle", { cx: "17.4074", cy: "26.9795", r: "2.05271", stroke: "white" }), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M6.28467 12.9396C6.28467 11.195 6.28686 18.0452 6.28467 8.47234C6.28248 -1.10049 29.2591 -1.10047 29.259 8.47234C29.259 18.0452 29.2569 11.6631 29.259 12.9396",
-              stroke: "white"
-            }
-          ));
-        case "minimize":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 -10 22 22" }, d), /* @__PURE__ */ s.createElement("path", { d: "M0 1H22", stroke: "white" }));
-        case "sorting":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 18 14" }, d), /* @__PURE__ */ s.createElement("path", { d: "M18 1H0M8 13H0M13 7H0" }));
-        case "copy":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 19 17" }, d), /* @__PURE__ */ s.createElement(
-            "rect",
-            {
-              x: "0.5",
-              y: "0.5",
-              width: "11.6667",
-              height: "11.6014",
-              rx: "1.5",
-              fill: "white"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "rect",
-            {
-              x: "6.83301",
-              y: "4.89868",
-              width: "11.6667",
-              height: "11.6014",
-              rx: "1.5",
-              fill: "white"
-            }
-          ));
-        case "print":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 16 17" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M4.31592 0.999999C4.31592 0.723857 4.53977 0.5 4.81592 0.5H11.1845C11.4606 0.5 11.6845 0.723858 11.6845 1V4.53323H4.31592V0.999999Z",
-              fill: "white",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M0.5 4.84595C0.5 4.56981 0.723858 4.34595 1 4.34595H15C15.2761 4.34595 15.5 4.5698 15.5 4.84595V10.8399C15.5 11.116 15.2761 11.3399 15 11.3399H1C0.723858 11.3399 0.5 11.116 0.5 10.8399V4.84595Z",
-              fill: "white",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M4.31592 10.0061C4.31592 9.72996 4.53978 9.5061 4.81592 9.5061H11.1845C11.4606 9.5061 11.6845 9.72996 11.6845 10.0061V16.0001C11.6845 16.2762 11.4606 16.5001 11.1845 16.5001H4.81592C4.53978 16.5001 4.31592 16.2762 4.31592 16.0001V10.0061Z",
-              fill: "white",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "line",
-            {
-              x1: "5.29004",
-              y1: "10.8323",
-              x2: "10.7101",
-              y2: "10.8323",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "line",
-            {
-              x1: "5.29004",
-              y1: "12.5242",
-              x2: "10.7101",
-              y2: "12.5242",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "line",
-            {
-              x1: "5.29004",
-              y1: "14.2161",
-              x2: "10.7101",
-              y2: "14.2161",
-              stroke: "black"
-            }
-          ));
-        case "language":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 19 19" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M9.5 18C14.1944 18 18 14.1944 18 9.5C18 4.80558 14.1944 1 9.5 1M9.5 18C4.80558 18 1 14.1944 1 9.5C1 4.80558 4.80558 1 9.5 1M9.5 18C11.823 18 13.7062 14.1944 13.7062 9.5C13.7062 4.80558 11.823 1 9.5 1M9.5 18C7.17699 18 5.29381 14.1944 5.29381 9.5C5.29381 4.80558 7.17699 1 9.5 1M1.44333 6.78351H17.4742M1.3088 11.7784H17.6912",
-              stroke: "black"
-            }
-          ));
-        case "information":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 17 17" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M9.72182 5.99993C10.0524 5.99993 10.3203 5.73198 10.3203 5.40145C10.3203 5.07092 10.0524 4.80297 9.72182 4.80297C9.39129 4.80297 9.12335 5.07092 9.12335 5.40145C9.12335 5.73198 9.39129 5.99993 9.72182 5.99993Z",
-              fill: "black"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M7.21887 6.67639C6.89117 6.71981 6.66072 7.02066 6.70414 7.34836C6.74756 7.67605 7.04841 7.9065 7.3761 7.86308L8.353 7.73364L7.17405 11.3945C7.11289 11.5844 7.15164 11.7825 7.26117 11.932C7.38068 12.1287 7.60875 12.2469 7.85155 12.2147L9.40669 12.0087C9.73436 11.9653 9.96479 11.6645 9.92137 11.3368C9.87795 11.0091 9.57713 10.7787 9.24947 10.8221L8.58762 10.9098L9.76774 7.24534C9.83038 7.05084 9.78821 6.84771 9.67254 6.69702C9.55085 6.50877 9.32791 6.39694 9.09093 6.42834L7.21887 6.67639Z",
-              fill: "black"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M17 8.5C17 13.1944 13.1944 17 8.5 17C3.80558 17 0 13.1944 0 8.5C0 3.80558 3.80558 0 8.5 0C13.1944 0 17 3.80558 17 8.5ZM16 8.5C16 12.8454 12.8454 16 8.5 16C4.15461 16 1 12.8454 1 8.5C1 4.15461 4.15461 1 8.5 1C12.8454 1 16 4.15461 16 8.5Z",
-              fill: "black"
-            }
-          ));
-        case "options":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 16 2" }, d), /* @__PURE__ */ s.createElement("circle", { cx: "15", cy: "1", r: "1", transform: "rotate(90 15 1)", fill: "black" }), /* @__PURE__ */ s.createElement("circle", { cx: "1", cy: "1", r: "1", transform: "rotate(90 1 1)", fill: "black" }), /* @__PURE__ */ s.createElement("circle", { cx: "8", cy: "1", r: "1", transform: "rotate(90 8 1)", fill: "black" }));
-        case "browse":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement("circle", { cx: "12", cy: "12", r: "12", fill: "currentColor" }), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M6.16663 7.33334C6.16663 6.68901 6.68896 6.16667 7.33329 6.16667H10.25C10.8943 6.16667 11.4166 6.68901 11.4166 7.33334V10.25C11.4166 10.8943 10.8943 11.4167 10.25 11.4167H7.33329C6.68896 11.4167 6.16663 10.8943 6.16663 10.25V7.33334ZM7.33329 7.04167H10.25C10.411 7.04167 10.5416 7.17226 10.5416 7.33334V10.25C10.5416 10.4111 10.411 10.5417 10.25 10.5417H7.33329C7.17221 10.5417 7.04163 10.4111 7.04163 10.25V7.33334C7.04163 7.17226 7.17221 7.04167 7.33329 7.04167Z",
-              fill: "white"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M6.16663 13.75C6.16663 13.1057 6.68896 12.5833 7.33329 12.5833H10.25C10.8943 12.5833 11.4166 13.1057 11.4166 13.75V16.6667C11.4166 17.311 10.8943 17.8333 10.25 17.8333H7.33329C6.68896 17.8333 6.16663 17.311 6.16663 16.6667V13.75ZM7.33329 13.4583H10.25C10.411 13.4583 10.5416 13.5889 10.5416 13.75V16.6667C10.5416 16.8278 10.411 16.9583 10.25 16.9583H7.33329C7.17221 16.9583 7.04163 16.8278 7.04163 16.6667V13.75C7.04163 13.5889 7.17221 13.4583 7.33329 13.4583Z",
-              fill: "white"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M13.75 6.16667C13.1056 6.16667 12.5833 6.68901 12.5833 7.33334V10.25C12.5833 10.8943 13.1056 11.4167 13.75 11.4167H16.6666C17.311 11.4167 17.8333 10.8943 17.8333 10.25V7.33334C17.8333 6.68901 17.311 6.16667 16.6666 6.16667H13.75ZM16.6666 7.04167H13.75C13.5889 7.04167 13.4583 7.17226 13.4583 7.33334V10.25C13.4583 10.4111 13.5889 10.5417 13.75 10.5417H16.6666C16.8277 10.5417 16.9583 10.4111 16.9583 10.25V7.33334C16.9583 7.17226 16.8277 7.04167 16.6666 7.04167Z",
-              fill: "white"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M17.8333 15.2083C17.8333 16.6581 16.658 17.8333 15.2083 17.8333C13.7585 17.8333 12.5833 16.6581 12.5833 15.2083C12.5833 13.7586 13.7585 12.5833 15.2083 12.5833C16.658 12.5833 17.8333 13.7586 17.8333 15.2083ZM16.9583 15.2083C16.9583 16.1748 16.1748 16.9583 15.2083 16.9583C14.2418 16.9583 13.4583 16.1748 13.4583 15.2083C13.4583 14.2418 14.2418 13.4583 15.2083 13.4583C16.1748 13.4583 16.9583 14.2418 16.9583 15.2083Z",
-              fill: "white"
-            }
-          ));
-        case "video":
-          return h.minWidth && typeof h.minWidth == "number" && (h.minWidth = `${h.minWidth}px`), /* @__PURE__ */ s.createElement("svg", k(f({ viewBox: "0 0 25 25" }, d), { style: h }), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M16.8245 10.0758C18.7392 8.55799 21.3085 7.08973 21.7947 7.61552C22.5982 8.47863 22.5288 16.6929 21.7947 17.4766C21.3482 17.9627 18.7589 16.4945 16.8245 14.9866",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M2.61914 12.5385C2.61914 7.12973 4.41578 5.32715 9.80764 5.32715C15.1985 5.32715 16.9952 7.12973 16.9952 12.5385C16.9952 17.9462 15.1985 19.7497 9.80764 19.7497C4.41578 19.7497 2.61914 17.9462 2.61914 12.5385Z",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ));
-        case "star-empty":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 13 12" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M2 5.2767L5.11944 4.81796L6.70023 2L7.96487 4.81796L11 5.51699L8.75527 7.64684L9.18735 11L6.42623 9.40534L3.62295 10.7925L4.21311 7.64684L2 5.2767Z",
-              stroke: "black"
-            }
-          ));
-        case "star-filled":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 13 12" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              d: "M2 5.2767L5.11944 4.81796L6.70023 2L7.96487 4.81796L11 5.51699L8.75527 7.64684L9.18735 11L6.42623 9.40534L3.62295 10.7925L4.21311 7.64684L2 5.2767Z",
-              fill: "black",
-              stroke: "black"
-            }
-          ));
-        case "cog-wheel":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M15.273 2.68498V1C15.273 0.447715 14.8253 0 14.273 0H9.72754C9.17525 0 8.72754 0.447715 8.72754 1V2.6852C8.72754 3.20708 8.09656 3.46843 7.72754 3.09941L6.53588 1.90775C6.14536 1.51723 5.51219 1.51723 5.12167 1.90775L1.90755 5.12187C1.51702 5.5124 1.51702 6.14556 1.90755 6.53609L3.09865 7.72719C3.46767 8.09621 3.20632 8.72719 2.68444 8.72719H1C0.447715 8.72719 0 9.1749 0 9.72719V14.2726C0 14.8249 0.447715 15.2726 1 15.2726H2.68534C3.20722 15.2726 3.46857 15.9036 3.09955 16.2726L1.90793 17.4643C1.51741 17.8548 1.51741 18.488 1.90793 18.8785L5.12205 22.0926C5.51258 22.4831 6.14574 22.4831 6.53627 22.0926L7.72754 20.9013C8.09656 20.5323 8.72754 20.7937 8.72754 21.3155V23C8.72754 23.5523 9.17525 24 9.72754 24H14.273C14.8253 24 15.273 23.5523 15.273 23V21.3158C15.273 20.7939 15.904 20.5325 16.273 20.9015L17.4639 22.0924C17.8544 22.483 18.4876 22.483 18.8781 22.0924L22.0922 18.8783C22.4828 18.4878 22.4828 17.8546 22.0922 17.4641L20.9008 16.2726C20.5317 15.9036 20.7931 15.2726 21.315 15.2726H23C23.5523 15.2726 24 14.8249 24 14.2726V9.72719C24 9.1749 23.5523 8.72719 23 8.72719H21.3159C20.794 8.72719 20.5326 8.09621 20.9017 7.72719L22.0926 6.53625C22.4831 6.14572 22.4831 5.51256 22.0926 5.12203L18.8785 1.90791C18.488 1.51739 17.8548 1.51739 17.4643 1.90791L16.273 3.0992C15.904 3.46822 15.273 3.20686 15.273 2.68498ZM16.5792 4.20716C16.263 4.52345 15.7775 4.58532 15.3687 4.40375C15.2439 4.34832 15.1174 4.29587 14.9895 4.2465C14.5723 4.08555 14.273 3.69861 14.273 3.25149V2C14.273 1.44771 13.8253 1 13.273 1H10.7275C10.1753 1 9.72754 1.44772 9.72754 2V3.25116C9.72754 3.69832 9.42816 4.08528 9.01096 4.2462C8.88288 4.29561 8.75633 4.34809 8.6314 4.40357C8.22262 4.58511 7.73715 4.52323 7.42087 4.20695L6.53588 3.32196C6.14536 2.93144 5.51219 2.93144 5.12167 3.32196L3.32176 5.12187C2.93124 5.5124 2.93124 6.14556 3.32176 6.53609L4.20676 7.42109C4.52303 7.73736 4.58491 8.22283 4.40338 8.63161C4.34797 8.75638 4.29555 8.88276 4.2462 9.01067C4.08526 9.42784 3.69831 9.72719 3.25118 9.72719H2C1.44772 9.72719 1 10.1749 1 10.7272V13.2726C1 13.8249 1.44772 14.2726 2 14.2726H3.2511C3.69825 14.2726 4.0852 14.572 4.24614 14.9892C4.29556 15.1173 4.34807 15.2439 4.40357 15.3688C4.58513 15.7776 4.52327 16.2631 4.20698 16.5794L3.32215 17.4643C2.93162 17.8548 2.93162 18.488 3.32215 18.8785L5.12205 20.6784C5.51258 21.0689 6.14574 21.0689 6.53627 20.6784L7.42136 19.7933C7.73762 19.477 8.22305 19.4151 8.63183 19.5966C8.75662 19.6521 8.88302 19.7045 9.01096 19.7538C9.42816 19.9147 9.72754 20.3017 9.72754 20.7489V22C9.72754 22.5523 10.1753 23 10.7275 23H13.273C13.8253 23 14.273 22.5523 14.273 22V20.7485C14.273 20.3014 14.5723 19.9145 14.9895 19.7535C15.1173 19.7042 15.2436 19.6518 15.3682 19.5965C15.777 19.4149 16.2625 19.4768 16.5788 19.7931L17.4639 20.6782C17.8544 21.0687 18.4876 21.0687 18.8781 20.6782L20.678 18.8783C21.0685 18.4878 21.0685 17.8546 20.678 17.4641L19.7929 16.579C19.4766 16.2627 19.4147 15.7772 19.5963 15.3684C19.6517 15.2436 19.7042 15.1172 19.7535 14.9892C19.9145 14.572 20.3014 14.2726 20.7486 14.2726H22C22.5523 14.2726 23 13.8249 23 13.2726V10.7272C23 10.1749 22.5523 9.72719 22 9.72719H20.7485C20.3013 9.72719 19.9144 9.42784 19.7535 9.01067C19.7042 8.8829 19.6518 8.75665 19.5965 8.63201C19.415 8.22324 19.4768 7.7378 19.7931 7.42154L20.6784 6.53625C21.0689 6.14572 21.0689 5.51256 20.6784 5.12203L18.8785 3.32213C18.488 2.9316 17.8548 2.9316 17.4643 3.32213L16.5792 4.20716ZM16.5999 12.0001C16.5999 14.5406 14.5404 16.6001 11.9999 16.6001C9.45939 16.6001 7.3999 14.5406 7.3999 12.0001C7.3999 9.45958 9.45939 7.40009 11.9999 7.40009C14.5404 7.40009 16.5999 9.45958 16.5999 12.0001ZM17.5999 12.0001C17.5999 15.0929 15.0927 17.6001 11.9999 17.6001C8.90711 17.6001 6.3999 15.0929 6.3999 12.0001C6.3999 8.90729 8.90711 6.40009 11.9999 6.40009C15.0927 6.40009 17.5999 8.90729 17.5999 12.0001Z",
-              fill: "black"
-            }
-          ));
-        case "zoom-in":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M21.9774 20.8287L17.9149 16.7662C17.8437 16.6957 17.76 16.639 17.668 16.5992C20.7612 12.9331 20.415 7.48045 16.883 4.23507C13.3509 0.989694 7.88848 1.10517 4.49673 4.49691C1.10499 7.88866 0.98951 13.3511 4.23489 16.8831C7.48027 20.4152 12.9329 20.7614 16.599 17.6682C16.6388 17.7601 16.6955 17.8439 16.766 17.9151L20.8285 21.9776C21.1457 22.2948 21.6601 22.2948 21.9774 21.9776C22.2947 21.6603 22.2947 21.1459 21.9774 20.8287ZM10.8404 18.1531C6.80186 18.1531 3.52794 14.8792 3.52794 10.8406C3.52794 6.80204 6.80186 3.52813 10.8404 3.52813C14.879 3.52813 18.1529 6.80204 18.1529 10.8406C18.1483 14.8773 14.8771 18.1484 10.8404 18.1531Z",
-              fill: "white"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M10.8749 6.75003C11.2892 6.75003 11.6249 7.08581 11.6249 7.50003V14.25C11.6249 14.6642 11.2892 15 10.8749 15C10.4607 15 10.1249 14.6642 10.1249 14.25V7.50003C10.1249 7.08581 10.4607 6.75003 10.8749 6.75003Z",
-              fill: "white"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M6.74994 10.875C6.74994 10.4608 7.08573 10.125 7.49994 10.125H14.2499C14.6642 10.125 14.9999 10.4608 14.9999 10.875C14.9999 11.2892 14.6642 11.625 14.2499 11.625H7.49994C7.08573 11.625 6.74994 11.2892 6.74994 10.875Z",
-              fill: "white"
-            }
-          ));
-        case "zoom-out":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M22.1025 20.9536L18.04 16.8911C17.9688 16.8206 17.8851 16.764 17.7931 16.7241C20.8864 13.0581 20.5401 7.60539 17.0081 4.36001C13.476 1.11463 8.0136 1.23011 4.62185 4.62185C1.23011 8.0136 1.11463 13.476 4.36001 17.0081C7.60539 20.5401 13.0581 20.8864 16.7241 17.7931C16.764 17.8851 16.8206 17.9688 16.8911 18.04L20.9536 22.1025C21.2709 22.4198 21.7853 22.4198 22.1025 22.1025C22.4198 21.7853 22.4198 21.2709 22.1025 20.9536ZM10.9656 18.2781C6.92698 18.2781 3.65306 15.0041 3.65306 10.9656C3.65306 6.92698 6.92698 3.65306 10.9656 3.65306C15.0041 3.65306 18.2781 6.92698 18.2781 10.9656C18.2734 15.0022 15.0022 18.2734 10.9656 18.2781Z",
-              fill: "white"
-            }
-          ), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M6.87506 11C6.87506 10.5858 7.21085 10.25 7.62506 10.25H14.3751C14.7893 10.25 15.1251 10.5858 15.1251 11C15.1251 11.4142 14.7893 11.75 14.3751 11.75H7.62506C7.21085 11.75 6.87506 11.4142 6.87506 11Z",
-              fill: "white"
-            }
-          ));
-        case "download":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M22.5 11.1346V18.4038C22.498 20.1873 21.0527 21.6326 19.2692 21.6346H4.73077C2.94731 21.6326 1.50204 20.1873 1.5 18.4038V11.1346C1.5 10.6885 1.86162 10.3269 2.30769 10.3269C2.75377 10.3269 3.11538 10.6885 3.11538 11.1346V18.4038C3.1164 19.2956 3.83904 20.0182 4.73077 20.0192H19.2692C20.161 20.0182 20.8836 19.2956 20.8846 18.4038V11.1346C20.8846 10.6885 21.2462 10.3269 21.6923 10.3269C22.1384 10.3269 22.5 10.6885 22.5 11.1346ZM11.1434 16.2663C11.6167 16.7388 12.3832 16.7388 12.8565 16.2663L17.4172 11.7057C17.7326 11.3903 17.7326 10.8789 17.4172 10.5635C17.1018 10.2481 16.5904 10.2481 16.275 10.5635L12.8076 14.0308V3.05769C12.8076 2.61162 12.446 2.25 11.9999 2.25C11.5539 2.25 11.1923 2.61162 11.1923 3.05769V14.0308L7.72485 10.5636C7.40946 10.2482 6.89812 10.2482 6.58273 10.5636C6.26734 10.8789 6.26734 11.3903 6.58273 11.7057L11.1434 16.2663Z",
-              fill: "white"
-            }
-          ));
-        case "lightbox-close":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M19.2621 18.1129C19.4674 18.3182 19.5475 18.6173 19.4724 18.8977C19.3973 19.178 19.1783 19.397 18.8979 19.4721C18.6176 19.5472 18.3184 19.4671 18.1132 19.2619L12.1877 13.3363L6.26214 19.2619C6.0569 19.4671 5.75776 19.5472 5.47741 19.4721C5.19705 19.397 4.97807 19.178 4.90294 18.8977C4.82782 18.6173 4.90798 18.3182 5.11321 18.1129L11.0388 12.1874L5.11321 6.26186C4.90798 6.05663 4.82782 5.75749 4.90294 5.47713C4.97807 5.19678 5.19705 4.97779 5.47741 4.90267C5.75776 4.82755 6.0569 4.9077 6.26214 5.11294L12.1877 11.0385L18.1132 5.11294C18.4305 4.79567 18.9449 4.79567 19.2621 5.11294C19.5794 5.4302 19.5794 5.9446 19.2621 6.26186L13.3366 12.1874L19.2621 18.1129Z",
-              fill: "white"
-            }
-          ));
-        case "pagination-left":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M15.7935 18.7087C16.0092 18.9029 16.105 19.1974 16.0447 19.4813C15.9844 19.7652 15.7772 19.9954 15.5012 20.0852C15.2251 20.1749 14.9222 20.1105 14.7065 19.9164L6.58148 12.6039C6.41027 12.4498 6.3125 12.2303 6.3125 12C6.3125 11.7697 6.41027 11.5503 6.58148 11.3962L14.7065 4.08372C15.04 3.78354 15.5536 3.81054 15.8538 4.14402C16.154 4.4775 16.127 4.99119 15.7935 5.29136L8.33939 12L15.7935 18.7087Z",
-              fill: "#222222"
-            }
-          ));
-        case "pagination-right":
-          return /* @__PURE__ */ s.createElement("svg", f({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ s.createElement("path", { d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" }));
-      }
-      return null;
-    }
-    case "FontAwesome":
-      return /* @__PURE__ */ s.createElement(
-        fo,
-        f({
-          className: i,
-          faIcon: m,
-          title: e
-        }, a)
-      );
-    default:
-    case "Text":
-      return e ? /* @__PURE__ */ s.createElement(
-        "i",
-        f(f({
-          className: M(i, "humany-letter-symbol"),
-          title: e
-        }, p), a),
-        e.substring(0, 2)
-      ) : null;
-  }
-}, qn = C.svg`
-    transform: rotate(180deg);
-`, ae = Kn, Un = {
+  }), [o]), At(n, o);
+}, le = Un, Xn = () => /* @__PURE__ */ d.createElement("div", null, "Todo:"), ue = Xn, Zn = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1359,92 +856,92 @@ const tn = (e) => (t) => /* @__PURE__ */ s.createElement(Jo, { attrs: t, htmlBod
   h6: "h6",
   p: "p",
   span: "span"
-}, Yn = ({ variant: e, component: t, className: n, children: o }) => {
-  const { typographyVariantMapping: r = {} } = $n(), i = f(f({}, Un), r), a = t || i[e] || "span";
-  return /* @__PURE__ */ s.createElement(Xn, { className: n, as: a }, o);
-}, Xn = C.span``, re = Yn;
-var Qn = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Qn || {});
-const Gn = 300, Jn = ({
+}, Qn = ({ variant: e, component: t, className: n, children: o }) => {
+  const { typographyVariantMapping: r = {} } = Sn(), s = b(b({}, Zn), r), i = t || s[e] || "span";
+  return /* @__PURE__ */ d.createElement(Gn, { className: n, as: i }, o);
+}, Gn = y.span``, ie = Qn;
+var Jn = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Jn || {});
+const eo = 300, to = ({
   className: e,
   children: t,
   header: n,
   onToggle: o,
   trigger: r,
-  fullScreen: i = !1,
-  closeButtonAriaLabel: a,
-  animation: l = {
+  fullScreen: s = !1,
+  closeButtonAriaLabel: i,
+  animation: c = {
     type: "slide-in-bottom"
   }
 }) => {
-  const { duration: u = Gn } = l, c = R(), m = R(), [p, d] = dt(!0), [h, y] = mt(), x = lt(h), b = R(se());
+  const { duration: l = eo } = c, a = _(), u = _(), [h, p] = ht(!0), [m, g] = pt(), x = dt(m), v = _(ae());
   w(() => {
-    o && o(h);
-  }, [h]);
-  const v = ee("Escape");
+    o && o(m);
+  }, [m]);
+  const $ = ee("Escape");
   w(() => {
-    v && y(!1);
-  }, [v]), A(
+    $ && g(!1);
+  }, [$]), K(
     "click",
-    (H) => {
-      const { target: T } = H;
-      !m.current || !d.current || !T || m.current !== T && d.current !== T && !d.current.contains(T) && !m.current.contains(T) && y(!1);
+    (N) => {
+      const { target: D } = N;
+      !u.current || !p.current || !D || u.current !== D && p.current !== D && !p.current.contains(D) && !u.current.contains(D) && g(!1);
     },
     window
   );
-  const g = Te(b.current, () => {
-    y(!1);
+  const f = Ne(v.current, () => {
+    g(!1);
   });
-  Ce("router:changed", () => {
-    y(!1);
+  ve("router:changed", () => {
+    g(!1);
   }), w(() => {
-    h && c.current ? c.current.focus() : !h && m.current && x && m.current.focus();
-  }, [h, c.current, m.current]);
-  const z = so[l.type];
-  return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
-    st,
+    m && a.current ? a.current.focus() : !m && u.current && x && u.current.focus();
+  }, [m, a.current, u.current]);
+  const L = ao[c.type];
+  return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(
+    at,
     {
-      in: h,
+      in: m,
       className: "humany-drawer-transition",
       classNames: "humany-drawer-transition",
       unmountOnExit: !0,
-      timeout: u
+      timeout: l
     },
-    /* @__PURE__ */ s.createElement(ie, null, /* @__PURE__ */ s.createElement(
-      z,
+    /* @__PURE__ */ d.createElement(le, null, /* @__PURE__ */ d.createElement(
+      L,
       {
-        duration: u,
-        fullScreen: i,
-        className: M(
+        duration: l,
+        fullScreen: s,
+        className: z(
           e,
           "humany-drawer",
-          `humany-drawer-${b.current}`
+          `humany-drawer-${v.current}`
         ),
         clientHeight: document.body.clientHeight,
-        css: p,
-        ref: d
+        css: h,
+        ref: p
       },
-      /* @__PURE__ */ s.createElement(
-        De,
+      /* @__PURE__ */ d.createElement(
+        Oe,
         {
-          onClick: () => y(!1),
+          onClick: () => g(!1),
           tabIndex: 0,
-          ref: c,
-          "aria-label": a
+          ref: a,
+          "aria-label": i
         },
-        /* @__PURE__ */ s.createElement(ae, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ d.createElement(ue, { symbol: { type: "Svg", content: "close" } })
       ),
-      !!n && /* @__PURE__ */ s.createElement(eo, { variant: "h1", className: "humany-drawer-header" }, n),
+      !!n && /* @__PURE__ */ d.createElement(no, { variant: "h1", className: "humany-drawer-header" }, n),
       t
     ))
-  ), s.cloneElement(r, {
-    onClick: (H) => {
-      y(), g();
+  ), d.cloneElement(r, {
+    onClick: (N) => {
+      g(), f();
     },
-    ref: m,
+    ref: u,
     "aria-label": r.props.title,
-    "aria-expanded": h
+    "aria-expanded": m
   }));
-}, Ls = Jn, be = C.div`
+}, Ds = to, $e = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -1461,7 +958,7 @@ const Gn = 300, Jn = ({
     box-shadow: ${(e) => e.theme.boxShadow};
     background: #ffffff;
     ${(e) => e.css && e.css}
-`, eo = C(re)`
+`, no = y(ie)`
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1484,11 +981,11 @@ const Gn = 300, Jn = ({
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
     line-height: 1.2em;
-`, ve = (e) => L`
+`, we = (e) => k`
     transition: ${e.duration}ms;
-`, to = C(be)`
+`, oo = y($e)`
     max-height: 0;
-    ${ve}
+    ${we}
 
     &.humany-drawer-transition-enter {
         max-height: 0;
@@ -1503,8 +1000,8 @@ const Gn = 300, Jn = ({
     &.humany-drawer-transition-exit-done {
         max-height: 0;
     }
-`, no = C(be)`
-    ${ve}
+`, ro = y($e)`
+    ${we}
     transform: translateX(100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1521,8 +1018,8 @@ const Gn = 300, Jn = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(100%);
     }
-`, oo = C(be)`
-    ${ve}
+`, so = y($e)`
+    ${we}
     transform: translateX(-100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1539,8 +1036,8 @@ const Gn = 300, Jn = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(-100%);
     }
-`, ro = C(be)`
-    ${ve}
+`, io = y($e)`
+    ${we}
     bottom: unset;
     top: 0;
     height: 0;
@@ -1558,91 +1055,91 @@ const Gn = 300, Jn = ({
     &.humany-drawer-transition-exit-done {
         height: 0;
     }
-`, so = {
-  ["slide-in-bottom"]: to,
-  ["slide-in-right"]: no,
-  ["slide-in-left"]: oo,
-  ["slide-in-top"]: ro
-}, io = (e, t, n) => {
-  const [o, r] = E(0), [i, a] = E(0), l = _(
-    (u, c) => {
-      if (u.preventDefault(), c) {
-        const m = c.getBoundingClientRect();
-        r(Math.max(document.body.clientWidth - m.right, 1)), a(m.bottom + window.scrollY);
+`, ao = {
+  ["slide-in-bottom"]: oo,
+  ["slide-in-right"]: ro,
+  ["slide-in-left"]: so,
+  ["slide-in-top"]: io
+}, co = (e, t, n) => {
+  const [o, r] = C(0), [s, i] = C(0), c = M(
+    (l, a) => {
+      if (l.preventDefault(), a) {
+        const u = a.getBoundingClientRect();
+        r(Math.max(document.body.clientWidth - u.right, 1)), i(u.bottom + window.scrollY);
       }
     },
-    [o, i, r, a]
+    [o, s, r, i]
   );
   return w(() => {
     if (!n || !e)
       return;
-    const u = n.getBoundingClientRect(), c = {
+    const l = n.getBoundingClientRect(), a = {
       x: o,
-      y: i
+      y: s
     };
-    u.left < 0 && (c.x = 0), u.bottom > window.innerHeight && (c.y = 0), c.x !== o && r(c.x), c.y !== i && a(c.y);
-  }, [n, e, t]), [{ x: o, y: i }, l];
-}, pt = io, ao = s.forwardRef(
-  (a, i) => {
-    var l = a, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = l, r = S(l, ["className", "children", "trigger", "closeButtonAriaLabel"]);
-    const u = R(), c = R(), m = R();
-    Me(i, () => m.current, [m.current]);
-    const p = R(se()), [d, h] = E(!1), y = lt(d), [{ x, y: b }, v] = pt(d, p.current, m.current), g = ee("Escape");
+    l.left < 0 && (a.x = 0), l.bottom > window.innerHeight && (a.y = 0), a.x !== o && r(a.x), a.y !== s && i(a.y);
+  }, [n, e, t]), [{ x: o, y: s }, c];
+}, gt = co, lo = d.forwardRef(
+  (i, s) => {
+    var c = i, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = c, r = T(c, ["className", "children", "trigger", "closeButtonAriaLabel"]);
+    const l = _(), a = _(), u = _();
+    Te(s, () => u.current, [u.current]);
+    const h = _(ae()), [p, m] = C(!1), g = dt(p), [{ x, y: v }, $] = gt(p, h.current, u.current), f = ee("Escape");
     w(() => {
-      g && h(!1);
-    }, [g]), w(() => {
-      d && u.current ? u.current.focus() : !d && c.current && y && c.current.focus();
-    }, [d, u.current, c.current]), A(
+      f && m(!1);
+    }, [f]), w(() => {
+      p && l.current ? l.current.focus() : !p && a.current && g && a.current.focus();
+    }, [p, l.current, a.current]), K(
       "click",
-      (T) => {
-        const { target: Z } = T;
-        !m.current || !Z || m.current !== Z && !m.current.contains(Z) && h(!1);
+      (D) => {
+        const { target: V } = D;
+        !u.current || !V || u.current !== V && !u.current.contains(V) && m(!1);
       },
       window
-    ), Ce("router:changed", () => {
-      h(!1);
+    ), ve("router:changed", () => {
+      m(!1);
     });
-    const z = Te(p.current, () => {
-      h(!1);
-    }), H = _(
-      (T) => {
-        T.stopPropagation(), v(T, c.current), h(!d), z();
+    const L = Ne(h.current, () => {
+      m(!1);
+    }), N = M(
+      (D) => {
+        D.stopPropagation(), $(D, a.current), m(!p), L();
       },
-      [z, v, h]
+      [L, $, m]
     );
-    return /* @__PURE__ */ s.createElement(s.Fragment, null, d && /* @__PURE__ */ s.createElement(ie, null, /* @__PURE__ */ s.createElement(
-      co,
-      k(f({
-        className: M(
+    return /* @__PURE__ */ d.createElement(d.Fragment, null, p && /* @__PURE__ */ d.createElement(le, null, /* @__PURE__ */ d.createElement(
+      uo,
+      S(b({
+        className: z(
           "humany-dropdown",
-          `humany-dropdown-${p.current}`,
+          `humany-dropdown-${h.current}`,
           e
         )
       }, r), {
         x,
-        y: b,
-        ref: m
+        y: v,
+        ref: u
       }),
-      /* @__PURE__ */ s.createElement(
-        De,
+      /* @__PURE__ */ d.createElement(
+        Oe,
         {
-          onClick: () => h(!1),
+          onClick: () => m(!1),
           tabIndex: 0,
-          ref: u,
+          ref: l,
           "aria-label": o
         },
-        /* @__PURE__ */ s.createElement(ae, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ d.createElement(ue, { symbol: { type: "Svg", content: "close" } })
       ),
       t
-    )), s.cloneElement(n, {
-      onClick: H,
-      ref: c,
+    )), d.cloneElement(n, {
+      onClick: N,
+      ref: a,
       "aria-label": n.props.title,
-      "aria-expanded": d
+      "aria-expanded": p
     }));
   }
-), Ms = ao, co = C.div`
-    ${ht}
+), Ts = lo, uo = y.div`
+    ${ft}
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -1656,75 +1153,95 @@ const Gn = 300, Jn = ({
   let t = "";
   return e.y > 0 ? t += `top: calc(${((n = e.theme.sizes) == null ? void 0 : n.small) || "0px"} + ${e.y || "0"}px);` : t += `bottom: ${((o = e.theme.sizes) == null ? void 0 : o.normal) || "0px"};`, e.x > 0 ? t += `right: ${e.x || "0"}px;` : t += `left: ${((r = e.theme.sizes) == null ? void 0 : r.normal) || "0px"};`, t;
 }};
-`, lo = (t) => {
-  var e = S(t, []);
-  return /* @__PURE__ */ s.createElement(mo, f({}, e));
-}, uo = lo, mo = C.div`
+`, mo = (t) => {
+  var e = T(t, []);
+  return /* @__PURE__ */ d.createElement(po, b({}, e));
+}, ho = mo, po = y.div`
     display: none;
-`, Ss = P(
-  (a, i) => {
-    var l = a, { children: e, columns: t, gap: n, className: o } = l, r = S(l, ["children", "columns", "gap", "className"]);
-    return /* @__PURE__ */ s.createElement(
-      ho,
-      k(f(f({
-        className: M(o, "humany-grid"),
+`, zs = B(
+  (i, s) => {
+    var c = i, { children: e, columns: t, gap: n, className: o } = c, r = T(c, ["children", "columns", "gap", "className"]);
+    return /* @__PURE__ */ d.createElement(
+      fo,
+      S(b(b({
+        className: z(o, "humany-grid"),
         "data-columns": t,
         "data-gap": n
-      }, Gt(r)), V(r)), {
-        ref: i
+      }, tn(r)), W(r)), {
+        ref: s
       }),
       e
     );
   }
-), ho = C.div`
+), fo = 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;
-    ${Qt}
-`, ft = P(
-  (i, r) => {
-    var a = i, { htmlParseInstruction: e = null, className: t, html: n } = a, o = S(a, ["htmlParseInstruction", "className", "html"]);
-    const l = I(), [u, c] = E();
+    ${en}
+`, yt = B(
+  (s, r) => {
+    var i = s, { htmlParseInstruction: e = null, className: t, html: n } = i, o = T(i, ["htmlParseInstruction", "className", "html"]);
+    const c = H(), [l, a] = C();
     return w(() => {
-      const m = nn(l, n), p = k(f(f({}, m), e), {
-        transform: f(f({}, m.transform), e == null ? void 0 : e.transform)
-      }), d = en(n, p);
-      c(d);
-    }, [n, e]), /* @__PURE__ */ s.createElement(
+      const u = sn(c, n), h = S(b(b({}, u), e), {
+        transform: b(b({}, u.transform), e == null ? void 0 : e.transform)
+      }), p = on(n, h);
+      a(p);
+    }, [n, e]), /* @__PURE__ */ d.createElement(
       "div",
-      k(f({
-        className: M(t, "humany-html")
-      }, V(o)), {
+      S(b({
+        className: z(t, "humany-html")
+      }, W(o)), {
         ref: r
       }),
-      u
+      l
     );
   }
-), po = (i) => {
-  var a = i, {
-    faIcon: e,
-    title: t,
-    className: n = "",
-    role: o = "presentation"
-  } = a, r = S(a, [
-    "faIcon",
-    "title",
-    "className",
-    "role"
-  ]);
-  return /* @__PURE__ */ s.createElement(
-    "i",
-    f({
-      className: M(n, `fa fa-${e}`),
-      title: t,
-      role: o
-    }, V(r))
-  );
-}, fo = po, Rs = P(
-  (p, m) => {
-    var d = p, {
+);
+var go = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, xe = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? yo(t, n) : t, s = e.length - 1, i; s >= 0; s--)
+    (i = e[s]) && (r = (o ? i(t, n, r) : i(r)) || r);
+  return o && r && go(t, n, r), r;
+};
+let ne = class extends ce {
+  constructor() {
+    super(), this.role = "presentation";
+  }
+  render() {
+    const e = `fa fa-${this.faIcon}`;
+    return I`
+            <link
+                href="https://flinck-test.humany.cc/ClientLibraries/Supplementary/font-awesome-4.7.0/css/font-awesome.min.css"
+                rel="stylesheet"
+            />
+            <i class=${e} title=${this.title} role=${this.role} />
+        `;
+  }
+};
+ne.styles = [
+  te`
+            :host {
+                display: block;
+            }
+        `
+];
+xe([
+  O({ type: String })
+], ne.prototype, "faIcon", 2);
+xe([
+  O({ type: String })
+], ne.prototype, "title", 2);
+xe([
+  O({ type: String })
+], ne.prototype, "role", 2);
+ne = xe([
+  Vt("ui-icon")
+], ne);
+const Ls = B(
+  (h, u) => {
+    var p = h, {
       className: e = "",
       autoFocus: t = !1,
       onFocusChange: n = () => {
@@ -1733,12 +1250,12 @@ const Gn = 300, Jn = ({
       },
       onEscape: r = () => {
       },
-      selectAllOnFocus: i,
-      onChange: a = () => {
+      selectAllOnFocus: s,
+      onChange: i = () => {
       },
-      disabled: l = !1,
-      type: u
-    } = d, c = S(d, [
+      disabled: c = !1,
+      type: l
+    } = p, a = T(p, [
       "className",
       "autoFocus",
       "onFocusChange",
@@ -1749,84 +1266,84 @@ const Gn = 300, Jn = ({
       "disabled",
       "type"
     ]);
-    const [h, y] = E(t), x = R();
-    Me(m, () => x.current), w(() => {
-      var g;
-      t && ((g = x == null ? void 0 : x.current) == null || g.focus());
-    }, [t, m, x]);
-    const b = (g, z) => {
-      y(g), n && n(g), i && g && z.target.select();
-    }, v = k(f({}, V(c)), {
-      disabled: l,
+    const [m, g] = C(t), x = _();
+    Te(u, () => x.current), w(() => {
+      var f;
+      t && ((f = x == null ? void 0 : x.current) == null || f.focus());
+    }, [t, u, x]);
+    const v = (f, L) => {
+      g(f), n && n(f), s && f && L.target.select();
+    }, $ = S(b({}, W(a)), {
+      disabled: c,
       autoFocus: t,
-      type: u,
-      onKeyDown: (g) => {
-        g.key === "Enter" && h && o(g), g.key === "Escape" && h && r(g);
+      type: l,
+      onKeyDown: (f) => {
+        f.key === "Enter" && m && o(f), f.key === "Escape" && m && r(f);
       },
-      onFocus: (g) => b(!0, g),
-      onBlur: (g) => b(!1, g),
-      onChange: (g) => a(g.target.value || ""),
-      className: M(e, "humany-input"),
-      "data-type": u
+      onFocus: (f) => v(!0, f),
+      onBlur: (f) => v(!1, f),
+      onChange: (f) => i(f.target.value || ""),
+      className: z(e, "humany-input"),
+      "data-type": l
     });
-    return u !== "textarea" ? /* @__PURE__ */ s.createElement(
+    return l !== "textarea" ? /* @__PURE__ */ d.createElement(
       "input",
-      k(f({}, v), {
+      S(b({}, $), {
         ref: x
       })
-    ) : /* @__PURE__ */ s.createElement(
+    ) : /* @__PURE__ */ d.createElement(
       "textarea",
-      k(f({}, v), {
+      S(b({}, $), {
         ref: x
       })
     );
   }
-), go = P(
-  (a, i) => {
-    var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, r = S(l, ["className", "items", "renderItem", "renderLi"]);
-    return /* @__PURE__ */ s.createElement(
+), bo = B(
+  (i, s) => {
+    var c = i, { className: e, items: t, renderItem: n, renderLi: o = !1 } = c, r = T(c, ["className", "items", "renderItem", "renderLi"]);
+    return /* @__PURE__ */ d.createElement(
       "ul",
-      k(f({
-        className: M(e, "humany-list"),
+      S(b({
+        className: z(e, "humany-list"),
         "data-item-count": t.length
-      }, V(r)), {
-        ref: i
+      }, W(r)), {
+        ref: s
       }),
       t.map(
-        (u, c, m) => o ? /* @__PURE__ */ s.createElement("li", { className: "humany-list-item", key: u.id || c }, n(u, c, m)) : n(u, c, m)
+        (l, a, u) => o ? /* @__PURE__ */ d.createElement("li", { className: "humany-list-item", key: l.id || a }, n(l, a, u)) : n(l, a, u)
       )
     );
   }
-), yo = P(
-  (u, l) => {
-    var c = u, { text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: i } = c, a = S(c, ["text", "html", "header", "className", "htmlParseInstruction", "symbol"]);
-    return /* @__PURE__ */ s.createElement(
+), vo = B(
+  (l, c) => {
+    var a = l, { text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: s } = a, i = T(a, ["text", "html", "header", "className", "htmlParseInstruction", "symbol"]);
+    return /* @__PURE__ */ d.createElement(
       "div",
-      k(f({
-        className: M(o, "humany-paragraph")
-      }, V(a)), {
-        ref: l
+      S(b({
+        className: z(o, "humany-paragraph")
+      }, W(i)), {
+        ref: c
       }),
-      n ? /* @__PURE__ */ s.createElement(re, { variant: "h1" }, i ? /* @__PURE__ */ s.createElement(ae, { symbol: i }) : null, n) : null,
-      t ? /* @__PURE__ */ s.createElement(ft, { html: t, htmlParseInstruction: r }) : null,
-      e ? /* @__PURE__ */ s.createElement(ze, null, e) : null
+      n ? /* @__PURE__ */ d.createElement(ie, { variant: "h1" }, s ? /* @__PURE__ */ d.createElement(ue, { symbol: s }) : null, n) : null,
+      t ? /* @__PURE__ */ d.createElement(yt, { html: t, htmlParseInstruction: r }) : null,
+      e ? /* @__PURE__ */ d.createElement(Re, null, e) : null
     );
   }
-), Co = P(
-  (h, d) => {
-    var y = h, {
+), $o = B(
+  (m, p) => {
+    var g = m, {
       header: e,
       customHeader: t,
       text: n,
       html: o,
       className: r,
-      children: i,
-      symbol: a,
-      items: l,
-      renderItem: u,
-      renderLi: c,
-      ulProps: m
-    } = y, p = S(y, [
+      children: s,
+      symbol: i,
+      items: c,
+      renderItem: l,
+      renderLi: a,
+      ulProps: u
+    } = g, h = T(g, [
       "header",
       "customHeader",
       "text",
@@ -1839,120 +1356,120 @@ const Gn = 300, Jn = ({
       "renderLi",
       "ulProps"
     ]);
-    return /* @__PURE__ */ s.createElement(
+    return /* @__PURE__ */ d.createElement(
       "div",
-      k(f({
-        className: M(r, "humany-item-list"),
-        "data-item-count": l.length
-      }, V(p)), {
-        ref: d
+      S(b({
+        className: z(r, "humany-item-list"),
+        "data-item-count": c.length
+      }, W(h)), {
+        ref: p
       }),
-      t || (e || n || o ? /* @__PURE__ */ s.createElement(yo, { symbol: a, header: e, text: n, html: o }) : null),
-      l.length ? /* @__PURE__ */ s.createElement(go, f({ items: l, renderItem: u, renderLi: c }, m)) : null,
-      i
+      t || (e || n || o ? /* @__PURE__ */ d.createElement(vo, { symbol: i, header: e, text: n, html: o }) : null),
+      c.length ? /* @__PURE__ */ d.createElement(bo, b({ items: c, renderItem: l, renderLi: a }, u)) : null,
+      s
     );
   }
-), bo = ({
+), wo = ({
   className: e = "",
   tree: t,
   renderItem: n,
   rootItem: o,
   renderUnselected: r = !0,
-  renderEmpty: i = !0,
-  ulProps: a,
-  liProps: l
+  renderEmpty: s = !0,
+  ulProps: i,
+  liProps: c
 }) => {
-  const u = (p) => !c(p), c = (p) => !p || p.length < 1 ? !0 : !p.some((d) => !!d.selected), m = (p, d) => /* @__PURE__ */ s.createElement(
-    Co,
+  const l = (h) => !a(h), a = (h) => !h || h.length < 1 ? !0 : !h.some((p) => !!p.selected), u = (h, p) => /* @__PURE__ */ d.createElement(
+    $o,
     {
-      className: M(`humany-item-tree-level-${d}`),
-      items: p,
-      ulProps: a,
-      renderItem: (h) => {
-        const { id: y, selected: x, items: b, matches: v } = h, g = x && c(b);
-        return !i && !v ? null : /* @__PURE__ */ s.createElement(
+      className: z(`humany-item-tree-level-${p}`),
+      items: h,
+      ulProps: i,
+      renderItem: (m) => {
+        const { id: g, selected: x, items: v, matches: $ } = m, f = x && a(v);
+        return !s && !$ ? null : /* @__PURE__ */ d.createElement(
           "li",
-          k(f({}, V(l)), {
-            key: y,
+          S(b({}, W(c)), {
+            key: g,
             className: "humany-item-tree-item"
           }),
-          n && n(h, d, g),
-          b && (r || g) && m(b, d + 1)
+          n && n(m, p, f),
+          v && (r || f) && u(v, p + 1)
         );
       }
     }
   );
-  return /* @__PURE__ */ s.createElement("div", { className: M(e, "humany-item-tree") }, o && o(!u(t || [])), t && m(t, 1));
-}, _s = bo, vo = P(
-  (u, l) => {
-    var c = u, { className: e, onClick: t = () => {
-    }, name: n = "", to: o = "", params: r = {}, children: i } = c, a = S(c, ["className", "onClick", "name", "to", "params", "children"]);
-    const m = ut(), p = I();
-    if (!m)
+  return /* @__PURE__ */ d.createElement("div", { className: z(e, "humany-item-tree") }, o && o(!l(t || [])), t && u(t, 1));
+}, Ps = wo, xo = B(
+  (l, c) => {
+    var a = l, { className: e, onClick: t = () => {
+    }, name: n = "", to: o = "", params: r = {}, children: s } = a, i = T(a, ["className", "onClick", "name", "to", "params", "children"]);
+    const u = mt(), h = H();
+    if (!u)
       return null;
-    let d = "";
-    const h = k(f({
+    let p = "";
+    const m = S(b({
       onClick: t,
-      className: M(e, "humany-route-link"),
-      to: d,
-      innerRef: l
-    }, a), {
+      className: z(e, "humany-route-link"),
+      to: p,
+      innerRef: c
+    }, i), {
       ref: null
     });
     if (n) {
-      if (!(m.routes || []).find((v) => v.name === n))
-        return process.env.NODE_ENV !== "production" && we.warn(`Unable to create route. No route named "${n}" exist.`), /* @__PURE__ */ s.createElement(
-          xe,
-          k(f({}, h), {
-            onClick: (v) => {
-              t(v), v.preventDefault(), process.env.NODE_ENV !== "production" && we.warn(`Unable to navigate. No route named "${n}" exist.`);
+      if (!(u.routes || []).find(($) => $.name === n))
+        return process.env.NODE_ENV !== "production" && Ee.warn(`Unable to create route. No route named "${n}" exist.`), /* @__PURE__ */ d.createElement(
+          Ce,
+          S(b({}, m), {
+            onClick: ($) => {
+              t($), $.preventDefault(), process.env.NODE_ENV !== "production" && Ee.warn(`Unable to navigate. No route named "${n}" exist.`);
             }
           }),
-          i
+          s
         );
-      const b = Object.keys(r).reduce((v, g) => (v[g] = typeof r[g] == "string" ? encodeURIComponent(r[g]) : r[g], v), {});
+      const v = Object.keys(r).reduce(($, f) => ($[f] = typeof r[f] == "string" ? encodeURIComponent(r[f]) : r[f], $), {});
       try {
-        d = m.generate(n, b || {});
-      } catch (v) {
-        return /* @__PURE__ */ s.createElement(xe, f({}, h), i);
+        p = u.generate(n, v || {});
+      } catch ($) {
+        return /* @__PURE__ */ d.createElement(Ce, b({}, m), s);
       }
-      d && m.settings.mode && m.settings.mode === qe.browser && d[0] !== "/" && (d = `/${d}`);
-    } else if (o && m.history)
-      d = m.history.createHref({
+      p && u.settings.mode && u.settings.mode === Ze.browser && p[0] !== "/" && (p = `/${p}`);
+    } else if (o && u.history)
+      p = u.history.createHref({
         hash: "",
         pathname: o,
         search: "",
         state: void 0
       });
     else
-      return process.env.NODE_ENV !== "production" && we.warn(
+      return process.env.NODE_ENV !== "production" && Ee.warn(
         'Unable to generate path for route link. Either specify route name or use the "to" prop.'
       ), null;
-    if (m.settings && m.settings.mode === qe.scopedHash) {
-      const y = p.get("$widget").name;
-      d = Zt(d, y);
+    if (u.settings && u.settings.mode === Ze.scopedHash) {
+      const g = h.get("$widget").name;
+      p = Kt(p, g);
     }
-    return h.as ? /* @__PURE__ */ s.createElement(wo, k(f({}, h), { as: h.as }), i) : /* @__PURE__ */ s.createElement(xe, k(f({}, h), { to: d }), i);
+    return m.as ? /* @__PURE__ */ d.createElement(Eo, S(b({}, m), { as: m.as }), s) : /* @__PURE__ */ d.createElement(Ce, S(b({}, m), { to: p }), s);
   }
-), wo = C.span``, He = P(
-  (x, y) => {
-    var b = x, {
+), Eo = y.span``, Ie = B(
+  (x, g) => {
+    var v = x, {
       className: e,
       disabled: t = !1,
       role: n = "link",
       tabIndex: o = 0,
       onClick: r = () => {
       },
-      onKeyDown: i = () => {
+      onKeyDown: s = () => {
       },
-      title: a,
-      as: l,
-      href: u,
-      children: c,
-      target: m,
-      routeName: p,
-      params: d
-    } = b, h = S(b, [
+      title: i,
+      as: c,
+      href: l,
+      children: a,
+      target: u,
+      routeName: h,
+      params: p
+    } = v, m = T(v, [
       "className",
       "disabled",
       "role",
@@ -1967,79 +1484,79 @@ const Gn = 300, Jn = ({
       "routeName",
       "params"
     ]);
-    const v = {
-      title: a,
+    const $ = {
+      title: i,
       disabled: t,
       role: n,
-      as: l,
+      as: c,
       tabIndex: o,
-      className: M(e, "humany-link", [!!t, "humany-disabled"]),
-      onClick: (g) => {
-        if (g.persist(), t) {
-          g.preventDefault();
+      className: z(e, "humany-link", [!!t, "humany-disabled"]),
+      onClick: (f) => {
+        if (f.persist(), t) {
+          f.preventDefault();
           return;
         }
-        r(g);
+        r(f);
       },
-      onKeyDown: (g) => {
-        if (g.persist(), t) {
-          g.key !== "Tab" && g.preventDefault();
+      onKeyDown: (f) => {
+        if (f.persist(), t) {
+          f.key !== "Tab" && f.preventDefault();
           return;
         }
-        i(g);
+        s(f);
       }
     };
-    return p ? /* @__PURE__ */ s.createElement(
-      xo,
-      k(f(f({
-        name: p,
-        params: d
-      }, v), V(h)), {
-        ref: y
+    return h ? /* @__PURE__ */ d.createElement(
+      Co,
+      S(b(b({
+        name: h,
+        params: p
+      }, $), W(m)), {
+        ref: g
       }),
-      c
-    ) : /* @__PURE__ */ s.createElement(
-      $o,
-      k(f(f({
-        href: u,
-        target: m
-      }, v), V(h)), {
-        ref: y
+      a
+    ) : /* @__PURE__ */ d.createElement(
+      ko,
+      S(b(b({
+        href: l,
+        target: u
+      }, $), W(m)), {
+        ref: g
       }),
-      c
+      a
     );
   }
-), xo = C(vo)`
+), Co = y(xo)`
     ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, $o = C.a`
+`, ko = y.a`
     ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
   ` : "cursor: pointer;"}
-`, Eo = (i) => {
-  var a = i, {
+`, So = (s) => {
+  var i = s, {
     visible: e,
     duration: t = 500,
     children: n,
     onClick: o = () => {
     }
-  } = a, r = S(a, [
+  } = i, r = T(i, [
     "visible",
     "duration",
     "children",
     "onClick"
   ]);
-  const l = R(), u = _(
-    (c) => {
-      c.target === l.current && o(c);
+  const c = _(), l = M(
+    (a) => {
+      a.target === c.current && o(a);
     },
     [o]
   );
-  return /* @__PURE__ */ s.createElement(
-    st,
+  return /* @__PURE__ */ d.createElement(
+    at,
     {
       in: e,
       className: "humany-overlay-transition",
@@ -2047,18 +1564,18 @@ const Gn = 300, Jn = ({
       unmountOnExit: !0,
       timeout: t
     },
-    /* @__PURE__ */ s.createElement(ie, null, /* @__PURE__ */ s.createElement(
-      ko,
-      f({
+    /* @__PURE__ */ d.createElement(le, null, /* @__PURE__ */ d.createElement(
+      _o,
+      b({
         className: "humany-overlay",
         duration: t,
-        ref: l,
-        onClick: u
+        ref: c,
+        onClick: l
       }, r),
       n
     ))
   );
-}, ko = C.div`
+}, _o = y.div`
     background: rgba(0, 0, 0, 0.6);
     min-width: 100%;
     min-height: 100%;
@@ -2088,11 +1605,11 @@ const Gn = 300, Jn = ({
     &.humany-overlay-transition-exit-done {
         opacity: 0;
     }
-`, gt = Eo, Lo = tt`
+`, bt = So, Mo = rt`
   100% {
     transform: rotate(360deg);
   }
-`, Mo = tt`
+`, Do = rt`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2105,8 +1622,8 @@ const Gn = 300, Jn = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, So = C.svg`
-    animation: ${Lo} 2s linear infinite;
+`, To = y.svg`
+    animation: ${Mo} 2s linear infinite;
     height: 100%;
     transform-origin: center center;
     width: 100%;
@@ -2117,7 +1634,7 @@ const Gn = 300, Jn = ({
     right: 0;
     margin: auto;
     transition: 200ms ease-out opacity;
-`, Ro = C.div`
+`, zo = y.div`
     position: absolute;
     top: 0;
     bottom: 0;
@@ -2135,7 +1652,7 @@ const Gn = 300, Jn = ({
     svg {
         opacity: ${(e) => e["data-loading"] ? "1" : "0"};
     }
-`, _o = C.div`
+`, Lo = y.div`
     position: relative;
     margin: 0 auto;
     width: 100px;
@@ -2144,18 +1661,18 @@ const Gn = 300, Jn = ({
         display: block;
         padding-top: 100%;
     }
-`, To = C.circle`
+`, Po = y.circle`
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
-    animation: ${Mo} 1.5s ease-in-out infinite;
+    animation: ${Do} 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;
-`, zo = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ s.createElement(Ro, { className: M("humany-loader", e), "data-loading": t }, /* @__PURE__ */ s.createElement(_o, { className: "humany-spinner" }, /* @__PURE__ */ s.createElement(So, { viewBox: "25 25 50 50" }, /* @__PURE__ */ s.createElement(
-  To,
+`, No = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ d.createElement(zo, { className: z("humany-loader", e), "data-loading": t }, /* @__PURE__ */ d.createElement(Lo, { className: "humany-spinner" }, /* @__PURE__ */ d.createElement(To, { viewBox: "25 25 50 50" }, /* @__PURE__ */ d.createElement(
+  Po,
   {
     cx: "50",
     cy: "50",
@@ -2164,62 +1681,62 @@ const Gn = 300, Jn = ({
     "stroke-width": "2",
     "stroke-miterlimit": "10"
   }
-)))), Do = zo, Ho = (r) => {
-  var i = r, {
+)))), Ro = No, Oo = (r) => {
+  var s = r, {
     zoomState: e,
     image: t,
     changeZoom: n
-  } = i, o = S(i, [
+  } = s, o = T(s, [
     "zoomState",
     "image",
     "changeZoom"
   ]);
-  var v;
-  const a = R(null), [l, u] = E(!1), [c, m] = E(!1), b = o.style || {}, { width: p, height: d } = b, h = S(b, ["width", "height"]), y = _(() => {
-    const g = a.current;
-    if (g) {
-      const z = window.innerWidth / g.width, H = window.innerHeight / g.height, T = Math.min(z, H);
-      return H >= 1 && z >= 1 ? 1 : T;
+  var $;
+  const i = _(null), [c, l] = C(!1), [a, u] = C(!1), v = o.style || {}, { width: h, height: p } = v, m = T(v, ["width", "height"]), g = M(() => {
+    const f = i.current;
+    if (f) {
+      const L = window.innerWidth / f.width, N = window.innerHeight / f.height, D = Math.min(L, N);
+      return N >= 1 && L >= 1 ? 1 : D;
     }
     return 1;
-  }, [l, t.src]), x = he(() => {
-    const g = a.current;
-    if (g) {
-      if (!c) {
-        m(!0);
-        const z = y();
-        n(z);
+  }, [c, t.src]), x = ge(() => {
+    const f = i.current;
+    if (f) {
+      if (!a) {
+        u(!0);
+        const L = g();
+        n(L);
       }
-      return g.width >= g.height ? [`${e * t.originalWidth}px`, "auto"] : ["auto", `${e * t.originalHeight}px`];
+      return f.width >= f.height ? [`${e * t.originalWidth}px`, "auto"] : ["auto", `${e * t.originalHeight}px`];
     }
     return null;
-  }, [e, a, l, t.src]);
-  return w(() => (u(!1), function() {
-    m(!1);
-  }), [t.src]), /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(Bo, { loading: !l }), /* @__PURE__ */ s.createElement(
-    Po,
-    k(f({
+  }, [e, i, c, t.src]);
+  return w(() => (l(!1), function() {
+    u(!1);
+  }), [t.src]), /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(Io, { loading: !c }), /* @__PURE__ */ d.createElement(
+    Bo,
+    S(b({
       onLoad: () => {
-        u(!0);
+        l(!0);
       },
-      ref: a,
+      ref: i,
       imageSize: x,
       draggable: "false"
     }, o), {
-      alt: ((v = o.alt) == null ? void 0 : v.toString()) || "",
-      style: h,
+      alt: (($ = o.alt) == null ? void 0 : $.toString()) || "",
+      style: m,
       src: t.src,
-      loaded: l
+      loaded: c
     })
-  ), /* @__PURE__ */ s.createElement(Vo, null));
-}, Bo = C(Do)`
+  ), /* @__PURE__ */ d.createElement(Wo, null));
+}, Io = y(Ro)`
     svg circle {
         stroke: #ffffff;
     }
-`, Po = C.img`
+`, Bo = y.img`
     transform: none;
 
-    ${(e) => e.imageSize && L`
+    ${(e) => e.imageSize && k`
             width: ${e.imageSize[0]};
             height: ${e.imageSize[1]};
             display: inline-block;
@@ -2227,267 +1744,267 @@ const Gn = 300, Jn = ({
     vertical-align: middle;
     position: relative;
     ${(e) => !e.loaded && "display:none;"}
-`, Vo = C.div`
+`, Wo = y.div`
     height: 100%;
     display: inline-block;
     vertical-align: middle;
-`, No = Ho, Io = () => {
-  const e = R(), [t, n] = E(!0), o = _(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+`, Ho = Oo, jo = () => {
+  const e = _(), [t, n] = C(!0), o = M(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
   }), [t, e]);
   return [t, o];
-}, Oo = ({ attrs: e, htmlBody: t }) => {
-  var We;
-  const n = ee("Escape"), o = ee("ArrowLeft"), r = ee("ArrowRight"), [i, a] = E(1), [l, u] = E({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = E(!1), [p, d] = Io(), [h, y] = E(null), [x, b] = E(null), v = R(null), g = R(null), z = R(null), H = R(null);
+}, Vo = ({ attrs: e, htmlBody: t }) => {
+  var Ae;
+  const n = ee("Escape"), o = ee("ArrowLeft"), r = ee("ArrowRight"), [s, i] = C(1), [c, l] = C({ top: 0, left: 0, x: 0, y: 0 }), [a, u] = C(!1), [h, p] = jo(), [m, g] = C(null), [x, v] = C(null), $ = _(null), f = _(null), L = _(null), N = _(null);
   w(() => {
-    n && y(null);
+    n && g(null);
   }, [n]), w(() => {
-    a(1);
-  }, [h]), w(() => {
-    var K, q;
-    if (h === null || g.current === null)
+    i(1);
+  }, [m]), w(() => {
+    var Y, U;
+    if (m === null || f.current === null)
       return;
-    const $ = g.current.firstElementChild, D = (K = z.current) == null ? void 0 : K.querySelector(".nav-left"), j = (q = z.current) == null ? void 0 : q.querySelector(".nav-right");
+    const E = f.current.firstElementChild, P = (Y = L.current) == null ? void 0 : Y.querySelector(".nav-left"), F = (U = L.current) == null ? void 0 : U.querySelector(".nav-right");
     if (x === "Right")
-      le && j ? j.focus() : ce && D && D.focus();
+      me && F ? F.focus() : de && P && P.focus();
     else if (x === "Left")
-      ce && D ? D.focus() : le && j && j.focus();
+      de && P ? P.focus() : me && F && F.focus();
     else {
-      if (!$)
+      if (!E)
         return;
-      $.focus();
+      E.focus();
     }
-  }, [h, g, z, x]), w(() => {
+  }, [m, f, L, x]), w(() => {
     if (o) {
-      if (ce)
-        return Ie();
-    } else if (r && le)
-      return Oe();
+      if (de)
+        return Ve();
+    } else if (r && me)
+      return Fe();
   }, [o, r]);
-  const T = he(() => {
-    const $ = document.createElement("div");
-    $.innerHTML = t || "";
-    const D = $.getElementsByTagName("img");
-    return Array.from(D).reduce((K, q) => {
-      const Ze = q.getAttribute("src"), Lt = q.height || Number.parseInt(q.style.height, 10), Mt = q.width || Number.parseInt(q.style.width, 10);
-      if (Ze) {
-        const St = {
-          src: Ze,
-          originalWidth: Mt,
-          originalHeight: Lt
+  const D = ge(() => {
+    const E = document.createElement("div");
+    E.innerHTML = t || "";
+    const P = E.getElementsByTagName("img");
+    return Array.from(P).reduce((Y, U) => {
+      const Ke = U.getAttribute("src"), Mt = U.height || Number.parseInt(U.style.height, 10), Dt = U.width || Number.parseInt(U.style.width, 10);
+      if (Ke) {
+        const Tt = {
+          src: Ke,
+          originalWidth: Dt,
+          originalHeight: Mt
         };
-        K.push(St);
+        Y.push(Tt);
       }
-      return K;
+      return Y;
     }, []);
-  }, [t]), Z = _(() => {
-    const { src: $ } = e;
-    if ($) {
-      const D = T.findIndex((j, K) => j.src === $);
-      y(D);
-    }
-  }, [T, e]), vt = _(($) => {
-    y(null);
-  }, []), Ne = _(
-    ($) => {
-      a($ ? i + i * 0.25 : i - i * 0.25);
+  }, [t]), V = M(() => {
+    const { src: E } = e;
+    if (E) {
+      const P = D.findIndex((F, Y) => F.src === E);
+      g(P);
+    }
+  }, [D, e]), xt = M((E) => {
+    g(null);
+  }, []), je = M(
+    (E) => {
+      i(E ? s + s * 0.25 : s - s * 0.25);
     },
-    [a, i]
-  ), wt = _(() => {
-    if (h !== null) {
-      const { src: $ } = T[h];
-      $ && window.open($, "_self");
-    }
-  }, [T, h]), xt = _(
-    ($) => {
-      const D = H.current;
-      D && (u({ top: D.scrollTop, left: D.scrollLeft, x: $.clientX, y: $.clientY }), m(!0));
+    [i, s]
+  ), Et = M(() => {
+    if (m !== null) {
+      const { src: E } = D[m];
+      E && window.open(E, "_self");
+    }
+  }, [D, m]), Ct = M(
+    (E) => {
+      const P = N.current;
+      P && (l({ top: P.scrollTop, left: P.scrollLeft, x: E.clientX, y: E.clientY }), u(!0));
     },
-    [H]
-  ), $t = _(
-    ($) => {
-      const D = H.current;
-      if (D && c) {
-        const j = $.clientX - l.x, K = $.clientY - l.y;
-        D.scrollTop = l.top - K, D.scrollLeft = l.left - j;
+    [N]
+  ), kt = M(
+    (E) => {
+      const P = N.current;
+      if (P && a) {
+        const F = E.clientX - c.x, Y = E.clientY - c.y;
+        P.scrollTop = c.top - Y, P.scrollLeft = c.left - F;
       }
     },
-    [c, l]
-  ), Et = ($) => {
-    $.preventDefault(), m(!1);
-  }, kt = he(() => {
-    if (H.current) {
-      const $ = H.current.getElementsByTagName("img");
-      if ($ && $.length) {
-        const D = $[0];
-        return D.width > window.innerWidth || D.height > window.innerHeight;
+    [a, c]
+  ), St = (E) => {
+    E.preventDefault(), u(!1);
+  }, _t = ge(() => {
+    if (N.current) {
+      const E = N.current.getElementsByTagName("img");
+      if (E && E.length) {
+        const P = E[0];
+        return P.width > window.innerWidth || P.height > window.innerHeight;
       }
     }
     return !1;
-  }, [H, i]), Ie = () => {
-    h !== null && (b("Left"), y(h - 1));
-  }, Oe = () => {
-    h !== null && (b("Right"), y(h + 1));
-  }, ce = h !== null && h > 0 && T.length > 1, le = h !== null && T.length - 1 > h;
-  return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(gt, { visible: h !== null, onClick: vt }, /* @__PURE__ */ s.createElement(
-    Uo,
+  }, [N, s]), Ve = () => {
+    m !== null && (v("Left"), g(m - 1));
+  }, Fe = () => {
+    m !== null && (v("Right"), g(m + 1));
+  }, de = m !== null && m > 0 && D.length > 1, me = m !== null && D.length - 1 > m;
+  return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(bt, { visible: m !== null, onClick: xt }, /* @__PURE__ */ d.createElement(
+    Zo,
     {
-      onMouseDown: () => d(),
-      onMouseMove: () => d(),
-      onTouchStart: () => d(),
-      onKeyDown: () => d()
+      onMouseDown: () => p(),
+      onMouseMove: () => p(),
+      onTouchStart: () => p(),
+      onKeyDown: () => p()
     },
-    /* @__PURE__ */ s.createElement(Yo, { show: p.toString() }, /* @__PURE__ */ s.createElement(
-      Ao,
+    /* @__PURE__ */ d.createElement(Qo, { show: h.toString() }, /* @__PURE__ */ d.createElement(
+      qo,
       {
-        ref: g,
+        ref: f,
         buttons: [
           {
             id: "download",
-            onClick: wt,
+            onClick: Et,
             icon: "download",
             ariaLabel: "Download image"
           },
           {
             id: "lightbox-close",
-            onClick: () => y(null),
+            onClick: () => g(null),
             icon: "lightbox-close",
             ariaLabel: "Close"
           }
         ]
       }
     )),
-    /* @__PURE__ */ s.createElement(
-      Qo,
+    /* @__PURE__ */ d.createElement(
+      Jo,
       {
-        scrolling: c.toString(),
-        isDraggable: kt.toString(),
-        ref: H,
-        onMouseMove: $t,
-        onMouseDown: xt,
-        onMouseUp: Et
+        scrolling: a.toString(),
+        isDraggable: _t.toString(),
+        ref: N,
+        onMouseMove: kt,
+        onMouseDown: Ct,
+        onMouseUp: St
       },
-      h !== null && /* @__PURE__ */ s.createElement(
-        No,
-        k(f({
-          changeZoom: ($) => {
-            a($);
+      m !== null && /* @__PURE__ */ d.createElement(
+        Ho,
+        S(b({
+          changeZoom: (E) => {
+            i(E);
           },
-          zoomState: i
+          zoomState: s
         }, e), {
-          image: T[h]
+          image: D[m]
         })
       )
     ),
-    /* @__PURE__ */ s.createElement(
-      Ko,
+    /* @__PURE__ */ d.createElement(
+      Uo,
       {
-        ref: z,
-        show: p.toString(),
+        ref: L,
+        show: h.toString(),
         buttons: [
           {
             id: "previous",
-            onClick: Ie,
+            onClick: Ve,
             icon: "caret-left",
             circle: !0,
-            show: ce,
+            show: de,
             className: "nav-left",
             ariaLabel: "Navigate to previous image"
           },
           {
             id: "next",
-            onClick: Oe,
+            onClick: Fe,
             icon: "caret-right",
             circle: !0,
-            show: le,
+            show: me,
             className: "nav-right",
             ariaLabel: "Navigate to next image"
           }
         ]
       }
     ),
-    /* @__PURE__ */ s.createElement(Xo, { show: p.toString() }, /* @__PURE__ */ s.createElement(
-      Fo,
+    /* @__PURE__ */ d.createElement(Go, { show: h.toString() }, /* @__PURE__ */ d.createElement(
+      Yo,
       {
         buttons: [
           {
             id: "zoom-out",
-            onClick: () => Ne(!1),
+            onClick: () => je(!1),
             icon: "zoom-out",
             ariaLabel: "Zoom out"
           },
           {
             id: "zoom-in",
-            onClick: () => Ne(!0),
+            onClick: () => je(!0),
             icon: "zoom-in",
             ariaLabel: "Zoom in"
           }
         ]
       }
-    ), /* @__PURE__ */ s.createElement(qo, { variant: "span" }, Math.trunc(i * 100), "%"))
-  )), /* @__PURE__ */ s.createElement(
-    Wo,
+    ), /* @__PURE__ */ d.createElement(Xo, { variant: "span" }, Math.trunc(s * 100), "%"))
+  )), /* @__PURE__ */ d.createElement(
+    Fo,
     {
-      ref: v,
-      onClick: Z,
-      onKeyDown: ($) => {
-        $.key === "Enter" && ($.preventDefault(), Z());
+      ref: $,
+      onClick: V,
+      onKeyDown: (E) => {
+        E.key === "Enter" && (E.preventDefault(), V());
       },
       tabIndex: 0
     },
-    /* @__PURE__ */ s.createElement(Go, k(f({}, e), { alt: ((We = e.alt) == null ? void 0 : We.toString()) || "" }))
+    /* @__PURE__ */ d.createElement(er, S(b({}, e), { alt: ((Ae = e.alt) == null ? void 0 : Ae.toString()) || "" }))
   ));
-}, Be = P(
-  ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ s.createElement(
-    Zo,
+}, Be = B(
+  ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ d.createElement(
+    Ao,
     {
       ref: o,
       show: e,
-      className: M("humany-button-set", n)
+      className: z("humany-button-set", n)
     },
     t.map(
-      ({ id: r, circle: i = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, p) => /* @__PURE__ */ s.createElement(
-        jo,
+      ({ id: r, circle: s = !1, show: i = !0, ariaLabel: c, onClick: l, icon: a, className: u }, h) => /* @__PURE__ */ d.createElement(
+        Ko,
         {
-          key: r + p.toString(),
-          circle: i.toString(),
-          onClick: u,
-          tabIndex: a ? void 0 : -1,
-          show: a.toString(),
-          icon: c,
-          className: m,
-          "aria-label": l
+          key: r + h.toString(),
+          circle: s.toString(),
+          onClick: l,
+          tabIndex: i ? void 0 : -1,
+          show: i.toString(),
+          icon: a,
+          className: u,
+          "aria-label": c
         },
-        /* @__PURE__ */ s.createElement(ae, { size: 24, symbol: { type: "Svg", content: c } })
+        /* @__PURE__ */ d.createElement(ue, { size: 24, symbol: { type: "Svg", content: a } })
       )
     )
   )
-), yt = C.div`
+), vt = y.div`
     transition: opacity 0.3s ease 0s;
     z-index: 5;
-    ${(e) => e.show === "true" ? "opacity: 1;" : L`
+    ${(e) => e.show === "true" ? "opacity: 1;" : k`
                   opacity: 0;
                   pointer-events: none;
               `}
-`, Wo = C(He)`
+`, Fo = y(Ie)`
     display: inline-block !important;
-`, Zo = C(yt)`
+`, Ao = y(vt)`
     position: fixed;
     display: flex;
     gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, ke = "39px", jo = C(ye)`
-    width: ${ke};
-    height: ${ke};
+`, Me = "39px", Ko = y(be)`
+    width: ${Me};
+    height: ${Me};
     display: flex;
     justify-content: center;
     align-items: center;
 
-    ${(e) => e.icon === "caret-left" && L`
+    ${(e) => e.icon === "caret-left" && k`
             svg {
                 position: relative;
                 left: -2px;
@@ -2496,7 +2013,7 @@ const Gn = 300, Jn = ({
 
     ${(e) => {
   var t;
-  return e.circle === "true" ? L`
+  return e.circle === "true" ? k`
                   background-color: #ffffff;
                   border-radius: 50%;
 
@@ -2508,7 +2025,7 @@ const Gn = 300, Jn = ({
                   }
 
                   &:focus-visible {
-                      ${X(e)}
+                      ${Z(e)}
                       outline-color: #ffffff;
                       background-color: transparent;
 
@@ -2519,7 +2036,7 @@ const Gn = 300, Jn = ({
                           }
                       }
                   }
-              ` : L`
+              ` : k`
                   svg {
                       path,
                       line {
@@ -2530,22 +2047,22 @@ const Gn = 300, Jn = ({
                       outline-color: #ffffff;
                   }
                   &:focus-visible {
-                      ${X(e)}
+                      ${Z(e)}
                   }
               `;
 }}
 
-    ${(e) => e.show === "true" ? L`
+    ${(e) => e.show === "true" ? k`
                   opacity: 0.8;
                   transition: opacity 0.3s ease 0s;
                   &:hover {
                       opacity: 1;
                   }
-              ` : L`
+              ` : k`
                   opacity: 0;
                   pointer-events: none;
               `}
-`, Ao = C(Be)`
+`, qo = y(Be)`
     top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2554,7 +2071,7 @@ const Gn = 300, Jn = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, Fo = C(Be)`
+`, Yo = y(Be)`
     bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2562,11 +2079,11 @@ const Gn = 300, Jn = ({
     width: 100%;
     align-items: center;
     justify-content: center;
-`, Ko = C(Be)`
+`, Uo = y(Be)`
     display: block;
     button {
         position: fixed;
-        top: calc(50% - calc(${ke} / 2));
+        top: calc(50% - calc(${Me} / 2));
         &:first-child {
             left: ${(e) => {
   var t;
@@ -2580,7 +2097,7 @@ const Gn = 300, Jn = ({
 }};
         }
     }
-`, qo = C(re)`
+`, Xo = y(ie)`
     position: fixed;
     bottom: ${(e) => {
   var t;
@@ -2599,21 +2116,21 @@ const Gn = 300, Jn = ({
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
 }};
-`, Ct = C(yt)`
+`, $t = y(vt)`
     position: absolute;
     width: 100vw;
     height: 88px;
     left: 0px;
     z-index: 5;
-`, Uo = C.div`
+`, Zo = y.div`
     width: 100%;
-`, Yo = C(Ct)`
+`, Qo = y($t)`
     top: 0px;
     background-image: linear-gradient(to bottom, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Xo = C(Ct)`
+`, Go = y($t)`
     bottom: 0px;
     background-image: linear-gradient(to top, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Qo = C.div`
+`, Jo = y.div`
     width: 100%;
     height: 100vh;
     overflow: auto;
@@ -2622,64 +2139,64 @@ const Gn = 300, Jn = ({
     white-space: nowrap;
     justify-content: center;
     cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, Go = C.img`
+`, er = y.img`
     cursor: pointer;
-`, Jo = Oo, er = P(
-  (l, a) => {
-    var u = l, { className: e, children: t, trigger: n, onOverlayClick: o = () => {
-    }, close: r = !1 } = u, i = S(u, ["className", "children", "trigger", "onOverlayClick", "close"]);
-    const [c, m] = mt(), [p, d] = dt(!0), h = R(), y = R(se()), x = ee("Escape");
+`, tr = Vo, nr = B(
+  (c, i) => {
+    var l = c, { className: e, children: t, trigger: n, onOverlayClick: o = () => {
+    }, close: r = !1 } = l, s = T(l, ["className", "children", "trigger", "onOverlayClick", "close"]);
+    const [a, u] = pt(), [h, p] = ht(!0), m = _(), g = _(ae()), x = ee("Escape");
     w(() => {
-      (x || r) && m(!1);
+      (x || r) && u(!1);
     }, [x, r]), w(() => {
-      c && h.current && h.current.focus();
-    }, [c, h.current]), Ce("router:changed", () => {
-      m(!1);
+      a && m.current && m.current.focus();
+    }, [a, m.current]), ve("router:changed", () => {
+      u(!1);
     });
-    const b = _(
-      (g) => {
-        m(!1), o(g);
+    const v = M(
+      (f) => {
+        u(!1), o(f);
       },
-      [o, m]
+      [o, u]
     );
-    Me(a, () => ({
+    Te(i, () => ({
       close() {
-        m(!1);
+        u(!1);
       }
     }));
-    const v = _(() => Te(y.current, () => {
-      m(!1);
-    }), [y.current]);
-    return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(gt, { visible: c, onClick: b }, /* @__PURE__ */ s.createElement(
-      nr,
-      k(f({
-        className: M(
+    const $ = M(() => Ne(g.current, () => {
+      u(!1);
+    }), [g.current]);
+    return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(bt, { visible: a, onClick: v }, /* @__PURE__ */ d.createElement(
+      rr,
+      S(b({
+        className: z(
           e,
           "humany-modal",
-          `humany-modal-${y.current}`
+          `humany-modal-${g.current}`
         ),
-        css: p,
+        css: h,
         tabIndex: -1
-      }, i), {
-        ref: d
+      }, s), {
+        ref: p
       }),
-      /* @__PURE__ */ s.createElement(
-        De,
+      /* @__PURE__ */ d.createElement(
+        Oe,
         {
-          onClick: () => m(!1),
+          onClick: () => u(!1),
           tabIndex: 0,
-          ref: h
+          ref: m
         },
-        /* @__PURE__ */ s.createElement(ae, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ d.createElement(ue, { symbol: { type: "Svg", content: "close" } })
       ),
       t
-    )), s.cloneElement(n, {
-      onClick: (g) => {
-        m(), v();
+    )), d.cloneElement(n, {
+      onClick: (f) => {
+        u(), $();
       }
     }));
   }
-), tr = er, nr = C.div`
+), or = nr, rr = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2695,30 +2212,30 @@ const Gn = 300, Jn = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
 }};
-    ${(e) => ht(e)}
+    ${(e) => ft(e)}
     ${(e) => e.css && e.css}
   outline: none;
-`, or = ({
+`, sr = ({
   className: e,
   trigger: t,
   header: n = "",
   text: o = "",
   onCancel: r = () => {
   },
-  onConfirm: i = () => {
+  onConfirm: s = () => {
   },
-  cancelLabel: a = "",
-  confirmLabel: l = ""
+  cancelLabel: i = "",
+  confirmLabel: c = ""
 }) => {
-  const u = R(), c = _(() => {
-    var p;
-    r(), (p = u == null ? void 0 : u.current) == null || p.close();
-  }, [r]), m = _(() => {
-    var p;
-    i(), (p = u == null ? void 0 : u.current) == null || p.close();
-  }, [i]);
-  return /* @__PURE__ */ s.createElement(rr, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ s.createElement(Xe, null, n), o && /* @__PURE__ */ s.createElement(Xe, null, o), l && /* @__PURE__ */ s.createElement(sr, { onClick: m }, l), a && /* @__PURE__ */ s.createElement(ir, { onClick: c }, a));
-}, Ts = or, rr = C(tr)`
+  const l = _(), a = M(() => {
+    var h;
+    r(), (h = l == null ? void 0 : l.current) == null || h.close();
+  }, [r]), u = M(() => {
+    var h;
+    s(), (h = l == null ? void 0 : l.current) == null || h.close();
+  }, [s]);
+  return /* @__PURE__ */ d.createElement(ir, { className: e, trigger: t, ref: l, onOverlayClick: a }, n && /* @__PURE__ */ d.createElement(Je, null, n), o && /* @__PURE__ */ d.createElement(Je, null, o), c && /* @__PURE__ */ d.createElement(ar, { onClick: u }, c), i && /* @__PURE__ */ d.createElement(cr, { onClick: a }, i));
+}, Ns = sr, ir = y(or)`
     display: block;
 
     span {
@@ -2736,7 +2253,7 @@ const Gn = 300, Jn = ({
 }};
         }
     }
-`, sr = C(ye)`
+`, ar = y(be)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2764,9 +2281,9 @@ const Gn = 300, Jn = ({
     }
 
     &:focus-visible {
-        ${X}
+        ${Z}
     }
-`, ir = C(ye)`
+`, cr = y(be)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2785,27 +2302,27 @@ const Gn = 300, Jn = ({
 }};
 
     &:focus-visible {
-        ${X};
+        ${Z};
     }
-`, ar = ({
+`, lr = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__PURE__ */ s.createElement(cr, null, /* @__PURE__ */ s.createElement(lr, null, /* @__PURE__ */ s.createElement(re, { variant: "h2" }, "404")), /* @__PURE__ */ s.createElement(ur, null, /* @__PURE__ */ s.createElement(re, { variant: "h3" }, e), /* @__PURE__ */ s.createElement(hr, { routeName: "index", "aria-label": t, text: t })), /* @__PURE__ */ s.createElement(dr, null, /* @__PURE__ */ s.createElement("span", null, n), /* @__PURE__ */ s.createElement("ul", null, /* @__PURE__ */ s.createElement("li", null, o)))), zs = ar, cr = C.div`
+}) => /* @__PURE__ */ d.createElement(ur, null, /* @__PURE__ */ d.createElement(dr, null, /* @__PURE__ */ d.createElement(ie, { variant: "h2" }, "404")), /* @__PURE__ */ d.createElement(mr, null, /* @__PURE__ */ d.createElement(ie, { variant: "h3" }, e), /* @__PURE__ */ d.createElement(fr, { routeName: "index", "aria-label": t, text: t })), /* @__PURE__ */ d.createElement(hr, null, /* @__PURE__ */ d.createElement("span", null, n), /* @__PURE__ */ d.createElement("ul", null, /* @__PURE__ */ d.createElement("li", null, o)))), Rs = lr, ur = y.div`
     display: flex;
     flex-wrap: wrap;
-`, lr = C.div`
-    ${(e) => pe(e)(
+`, dr = y.div`
+    ${(e) => ye(e)(
   "h2",
-  L`
+  k`
                 padding: 0;
                 margin: 0;
                 color: gray;
                 font-size: 7em;
             `
 )}
-`, ur = C.div`
+`, mr = y.div`
     margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2813,9 +2330,9 @@ const Gn = 300, Jn = ({
 
     ${(e) => {
   var t;
-  return pe(e)(
+  return ye(e)(
     "h3",
-    L`
+    k`
                 text-transform: uppercase;
                 font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
             `
@@ -2832,7 +2349,7 @@ const Gn = 300, Jn = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
     }
-`, dr = C.div`
+`, hr = y.div`
     margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2843,7 +2360,7 @@ const Gn = 300, Jn = ({
         font-weight: bold;
     }
 `;
-class mr extends Ht {
+class pr extends Ot {
   constructor() {
     super(...arguments), this.state = {
       boundFocus: !1
@@ -2862,7 +2379,7 @@ class mr extends Ht {
     this.node && t && (this.onFocusListener = this.node.addEventListener("focus", () => {
       const n = t.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      ), r = [].filter.call(n, (i) => typeof window == "undefined" ? !0 : !(window.getComputedStyle(i).display === "none" || i.offsetWidth <= 0 && i.offsetHeight <= 0))[0];
+      ), r = [].filter.call(n, (s) => typeof window == "undefined" ? !0 : !(window.getComputedStyle(s).display === "none" || s.offsetWidth <= 0 && s.offsetHeight <= 0))[0];
       r && r.focus();
     }));
   }
@@ -2870,7 +2387,7 @@ class mr extends Ht {
     this.node && this.node.removeEventListener("focus", this.onFocusListener);
   }
   render() {
-    return this.state.boundFocus ? /* @__PURE__ */ s.createElement(
+    return this.state.boundFocus ? /* @__PURE__ */ d.createElement(
       "div",
       {
         style: { opacity: 0 },
@@ -2882,61 +2399,61 @@ class mr extends Ht {
     ) : null;
   }
 }
-const Ds = mr, hr = P(
-  (a, i) => {
-    var l = a, { className: e, description: t, text: n, children: o } = l, r = S(l, ["className", "description", "text", "children"]);
-    return /* @__PURE__ */ s.createElement(He, k(f({ className: M(e, "humany-text-link") }, r), { ref: i }), o, /* @__PURE__ */ s.createElement(ze, null, n), t ? /* @__PURE__ */ s.createElement(ft, { html: t, className: "humany-description" }) : null);
+const Os = pr, fr = B(
+  (i, s) => {
+    var c = i, { className: e, description: t, text: n, children: o } = c, r = T(c, ["className", "description", "text", "children"]);
+    return /* @__PURE__ */ d.createElement(Ie, S(b({ className: z(e, "humany-text-link") }, r), { ref: s }), o, /* @__PURE__ */ d.createElement(Re, null, n), t ? /* @__PURE__ */ d.createElement(yt, { html: t, className: "humany-description" }) : null);
   }
 );
-var pr = /* @__PURE__ */ ((e) => (e.HH_MM = "hh:mm", e.YYYY_MM_DD = "yyyy-mm-dd", e.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", e))(pr || {});
-const fr = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ s.createElement("span", { className: M(e, "humany-timestamp") }, gr(n, t)), Hs = fr, Qe = (e) => `0${e}`.slice(-2);
-function gr(e, t) {
-  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), r = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], i = n.getFullYear(), a = n.getMonth() + 1, l = n.getDate(), u = `${i}-${Qe(a)}-${Qe(l)}`;
-  return t === "yyyy-mm-dd" ? u : t === "hh:mm" ? r : `${u} ${r}`;
+var gr = /* @__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))(gr || {});
+const yr = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ d.createElement("span", { className: z(e, "humany-timestamp") }, br(n, t)), Is = yr, et = (e) => `0${e}`.slice(-2);
+function br(e, t) {
+  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), r = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], s = n.getFullYear(), i = n.getMonth() + 1, c = n.getDate(), l = `${s}-${et(i)}-${et(c)}`;
+  return t === "yyyy-mm-dd" ? l : t === "hh:mm" ? r : `${l} ${r}`;
 }
-const yr = (i) => {
-  var a = i, { className: e, children: t, content: n, sticky: o = !1 } = a, r = S(a, ["className", "children", "content", "sticky"]);
-  const [l, u] = E(!1), c = R(se()), m = R(), [{ x: p, y: d }, h] = pt(l, c.current, m.current), y = (b) => {
-    const { target: v } = b;
-    !m.current || !v || m.current !== v && !m.current.contains(v) && u(!1);
+const vr = (s) => {
+  var i = s, { className: e, children: t, content: n, sticky: o = !1 } = i, r = T(i, ["className", "children", "content", "sticky"]);
+  const [c, l] = C(!1), a = _(ae()), u = _(), [{ x: h, y: p }, m] = gt(c, a.current, u.current), g = (v) => {
+    const { target: $ } = v;
+    !u.current || !$ || u.current !== $ && !u.current.contains($) && l(!1);
   };
   w(() => {
     if (!!o)
-      return window.addEventListener("click", y), () => {
-        window.removeEventListener("click", y);
+      return window.addEventListener("click", g), () => {
+        window.removeEventListener("click", g);
       };
-  }, [l, o]);
-  const x = _(
-    (b, v) => {
-      h(b, m.current), u(v);
+  }, [c, o]);
+  const x = M(
+    (v, $) => {
+      m(v, u.current), l($);
     },
-    [h, u]
+    [m, l]
   );
-  return /* @__PURE__ */ s.createElement(
-    Cr,
+  return /* @__PURE__ */ d.createElement(
+    $r,
     {
-      ref: m,
+      ref: u,
       className: "humany-tooltip-trigger",
-      onMouseEnter: o ? void 0 : (b) => x(b, !0),
-      onMouseLeave: o ? void 0 : (b) => x(b, !1),
-      onTouchEnd: o ? (b) => x(b, !l) : void 0,
-      onClick: o ? (b) => x(b, !l) : void 0
+      onMouseEnter: o ? void 0 : (v) => x(v, !0),
+      onMouseLeave: o ? void 0 : (v) => x(v, !1),
+      onTouchEnd: o ? (v) => x(v, !c) : void 0,
+      onClick: o ? (v) => x(v, !c) : void 0
     },
     t,
-    l && /* @__PURE__ */ s.createElement(ie, null, /* @__PURE__ */ s.createElement(
-      br,
-      f({
-        className: M(e, "humany-tooltip-container"),
-        x: p,
-        y: d
+    c && /* @__PURE__ */ d.createElement(le, null, /* @__PURE__ */ d.createElement(
+      wr,
+      b({
+        className: z(e, "humany-tooltip-container"),
+        x: h,
+        y: p
       }, r),
       n
     ))
   );
-}, Cr = C.div`
+}, $r = y.div`
     display: flex;
     align-items: center;
-`, br = C.div`
+`, wr = y.div`
     color: #ffffff;
     background: #161616;
     border-radius: ${(e) => e.theme.borderRadius};
@@ -2972,130 +2489,130 @@ const yr = (i) => {
   let t = "";
   return e.y > 0 ? t += `top: calc(2px + ${e.y || "0"}px);` : t += "bottom: 2px;", e.x > 0 ? t += `right: calc(2px + ${e.x || "0"}px);` : t += "left: 2px;", t;
 }};
-`, Bs = yr, vr = (e) => {
+`, Bs = vr, xr = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
     unmountOnExit: o = !0,
     timeout: r,
-    children: i,
-    transitions: a
-  } = e, u = (() => {
-    var c, m;
-    if (!(!a || a === "none")) {
-      if (typeof a == "string")
+    children: s,
+    transitions: i
+  } = e, l = (() => {
+    var a, u;
+    if (!(!i || i === "none")) {
+      if (typeof i == "string")
         return {
           enter: {
-            transitionKeys: a,
+            transitionKeys: i,
             duration: r ? typeof r == "number" ? r : r.enter : 200,
             easing: "ease-in"
           },
           exit: {
-            transitionKeys: a,
+            transitionKeys: i,
             duration: r ? typeof r == "number" ? r : r.exit : 200,
             easing: "ease-out"
           }
         };
-      if (typeof a == "object") {
-        const { enter: p, exit: d } = a;
+      if (typeof i == "object") {
+        const { enter: h, exit: p } = i;
         return {
           enter: {
-            transitionKeys: (c = a.enter) == null ? void 0 : c.type,
+            transitionKeys: (a = i.enter) == null ? void 0 : a.type,
             duration: r ? typeof r == "number" ? r : r.enter : 200,
-            easing: p.easing ? p.easing : "ease-in"
+            easing: h.easing ? h.easing : "ease-in"
           },
           exit: {
-            transitionKeys: (m = a.enter) == null ? void 0 : m.type,
+            transitionKeys: (u = i.enter) == null ? void 0 : u.type,
             duration: r ? typeof r == "number" ? r : r.enter : 200,
-            easing: d.easing ? d.easing : "ease-out"
+            easing: p.easing ? p.easing : "ease-out"
           }
         };
       }
     }
   })();
-  return /* @__PURE__ */ s.createElement(
-    Ot,
+  return /* @__PURE__ */ d.createElement(
+    Ft,
     {
       timeout: {
-        enter: u && u.enter.duration || 0,
-        exit: u && u.exit.duration || 0
+        enter: l && l.enter.duration || 0,
+        exit: l && l.exit.duration || 0
       },
       in: t,
       appear: !0,
       mountOnEnter: n,
       unmountOnExit: o,
-      onEnter: (c) => c.clientHeight
+      onEnter: (a) => a.clientHeight
     },
-    (c) => i && i(c, u && $e.compose(c, u))
+    (a) => s && s(a, l && Se.compose(a, l))
   );
-}, Ps = vr, wr = P(
-  (l, a) => {
-    var u = l, { className: e, children: t, onClick: n = () => {
-    }, widgetName: o, activationOptions: r } = u, i = S(u, ["className", "children", "onClick", "widgetName", "activationOptions"]);
-    const c = I(), m = () => {
-      const { implementation: h } = c.get("$widget");
-      return h.widgets.get(o);
+}, Ws = xr, Er = B(
+  (c, i) => {
+    var l = c, { className: e, children: t, onClick: n = () => {
+    }, widgetName: o, activationOptions: r } = l, s = T(l, ["className", "children", "onClick", "widgetName", "activationOptions"]);
+    const a = H(), u = () => {
+      const { implementation: m } = a.get("$widget");
+      return m.widgets.get(o);
     };
     w(() => {
-      const h = m();
-      return h == null || h.activate(r).then(() => h.invoke("attach")), () => {
-        h == null || h.deactivate();
+      const m = u();
+      return m == null || m.activate(r).then(() => m.invoke("attach")), () => {
+        m == null || m.deactivate();
       };
     }, [o]);
-    const p = (h) => {
-      const y = m(), x = h.currentTarget;
-      if (y) {
-        const b = () => {
-          y.invoke("renderState").then(
-            (v) => v === me.open ? y.invoke("close") : y.invoke("open")
+    const h = (m) => {
+      const g = u(), x = m.currentTarget;
+      if (g) {
+        const v = () => {
+          g.invoke("renderState").then(
+            ($) => $ === fe.open ? g.invoke("close") : g.invoke("open")
           ).then(() => {
-            y.events.subscribeOnce("widget:area-rendered", (v, g) => {
-              c.get(
+            g.events.subscribeOnce("widget:area-rendered", ($, f) => {
+              a.get(
                 "widgetDOMElement"
-              ) && y.events.dispatch("widget:modal-opened", {
-                name: y.name,
+              ) && g.events.dispatch("widget:modal-opened", {
+                name: g.name,
                 ref: x
               });
             });
           });
         };
-        y.state === Dt.Deactivated ? y.activate(r).then(() => y.invoke("attach")).then(b) : b();
+        g.state === Rt.Deactivated ? g.activate(r).then(() => g.invoke("attach")).then(v) : v();
       }
-    }, d = (h) => {
-      h.key === "Enter" && (h.preventDefault(), p(h));
+    }, p = (m) => {
+      m.key === "Enter" && (m.preventDefault(), h(m));
     };
-    return /* @__PURE__ */ s.createElement(
-      He,
-      k(f({
-        className: M(e, "humany-widget-link"),
-        onKeyDown: d,
-        onClick: (h) => {
-          n(h), p(h);
+    return /* @__PURE__ */ d.createElement(
+      Ie,
+      S(b({
+        className: z(e, "humany-widget-link"),
+        onKeyDown: p,
+        onClick: (m) => {
+          n(m), h(m);
         }
-      }, i), {
-        ref: a
+      }, s), {
+        ref: i
       }),
       t
     );
   }
-), Vs = P(
+), Hs = B(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
-    const r = I(), i = he(() => {
+    const r = H(), s = ge(() => {
       if (!r)
         return null;
-      const a = r.get("widgetDOMElement");
-      return !a || !a.childElementCount ? null : a.children[0];
+      const i = r.get("widgetDOMElement");
+      return !i || !i.childElementCount ? null : i.children[0];
     }, [r]);
-    return i ? /* @__PURE__ */ s.createElement(ie, { elementId: e, parent: i }, /* @__PURE__ */ s.createElement(
-      xr,
+    return s ? /* @__PURE__ */ d.createElement(le, { elementId: e, parent: s }, /* @__PURE__ */ d.createElement(
+      Cr,
       {
-        className: M("humany-widget-overlay-outlet", t),
+        className: z("humany-widget-overlay-outlet", t),
         ref: o
       },
       n
     )) : null;
   }
-), xr = C.div`
+), Cr = y.div`
     background-color: #ffffff;
     position: absolute;
     top: 0;
@@ -3105,19 +2622,19 @@ const yr = (i) => {
     z-index: 10;
     width: 100%;
     height: 100%;
-`, $r = (e, t, n, o, r) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
+`, kr = (e, t, n, o, r) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
   t,
-  Bt(() => n)
-), et(e, t, o || (() => {
-}), t, r))), Ns = $r, Er = (e, t, n, o, r) => de(void 0, null, function* () {
-  const i = yield e.getAsync("componentResolver");
-  return console.log("registering component", t, n), i.registerComponent(t, () => n), et(e, t, o || (() => {
+  It(() => n)
+), ot(e, t, o || (() => {
+}), t, r))), js = kr, Sr = (e, t, n, o, r) => pe(void 0, null, function* () {
+  const s = yield e.getAsync("componentResolver");
+  return console.log("registering component", t, n), s.registerComponent(t, () => n), ot(e, t, o || (() => {
   }), t, r);
-}), Is = Er, kr = `button{appearance:button;text-transform:none;overflow:visible;outline:none;border:none;background:var(--background, transparent);cursor:pointer;font-family:inherit;font-size:var(--font-size, inherit);line-height:normal;margin:0;padding:0;color:var(--text-color, var(--colors-text))}@media (hover: hover){button:hover{background:var(--hover-bg, transparent);text-decoration:var(--hover-text-decoration, none)}}i,svg{color:var(--icon-color, var(--colors-text));display:block}
+}), Vs = Sr, _r = `button{appearance:button;text-transform:none;overflow:visible;outline:none;border:none;background:var(--background, transparent);cursor:pointer;font-family:inherit;font-size:var(--font-size, inherit);line-height:normal;margin:0;padding:0;color:var(--text-color, var(--colors-text))}@media (hover: hover){button:hover{background:var(--hover-bg, transparent);text-decoration:var(--hover-text-decoration, none)}}i,svg{color:var(--icon-color, var(--colors-text));display:block}
 `;
-class bt extends fe {
+class wt extends ce {
   render() {
-    return O`
+    return I`
             <!-- className={appendClassNames(className, 'humany-button')}
             {...convertToStringAttributes(other)} -->
             <button type="button" part="container" class="humany-button">
@@ -3126,38 +2643,41 @@ class bt extends fe {
         `;
   }
 }
-bt.styles = nt(kr);
-customElements.get("ui-button") || customElements.define("ui-button", bt);
-var Lr = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, Sr = (e, t, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Mr(t, n) : t, i = e.length - 1, a; i >= 0; i--)
-    (a = e[i]) && (r = (o ? a(t, n, r) : a(r)) || r);
-  return o && r && Lr(t, n, r), r;
+wt.styles = ke(_r);
+customElements.get("ui-button") || customElements.define("ui-button", wt);
+var Mr = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, Tr = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Dr(t, n) : t, s = e.length - 1, i; s >= 0; s--)
+    (i = e[s]) && (r = (o ? i(t, n, r) : i(r)) || r);
+  return o && r && Mr(t, n, r), r;
 };
-class Pe extends fe {
+class We extends ce {
   constructor() {
     super(), this.html = "";
   }
   render() {
-    return ot` <div part="container" class="humany-html">${rt(this.html)}</div> `;
+    return st` <div part="container" class="humany-html">${it(this.html)}</div> `;
+  }
+  createRenderRoot() {
+    return this;
   }
 }
-Pe.styles = [
-  ge`
+We.styles = [
+  te`
             img {
                 display: none;
             }
         `
 ];
-Sr([
-  N({ type: String })
-], Pe.prototype, "html", 2);
-customElements.get("ui-html") || customElements.define("ui-html", Pe);
-var Rr = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, oe = (e, t, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? _r(t, n) : t, i = e.length - 1, a; i >= 0; i--)
-    (a = e[i]) && (r = (o ? a(t, n, r) : a(r)) || r);
-  return o && r && Rr(t, n, r), r;
+Tr([
+  O({ type: String })
+], We.prototype, "html", 2);
+customElements.get("ui-html") || customElements.define("ui-html", We);
+var zr = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, se = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Lr(t, n) : t, s = e.length - 1, i; s >= 0; s--)
+    (i = e[s]) && (r = (o ? i(t, n, r) : i(r)) || r);
+  return o && r && zr(t, n, r), r;
 };
-class Q extends fe {
+class Q extends ce {
   constructor() {
     super(), this.symbol = {
       content: "",
@@ -3178,13 +2698,13 @@ class Q extends fe {
           backgroundRepeat: "no-repeat",
           backgroundPosition: "center",
           backgroundAttachment: "center"
-        }, i = f(f({}, r), this.elementStyle);
-        return O`
+        }, s = b(b({}, r), this.elementStyle);
+        return I`
                     <i
                         class="humany-icon humany-custom-icon"
                         title=${this.text}
-                        style=${U(i)}
-                        ${B(o)}
+                        style=${A(s)}
+                        ${R(o)}
                     />
                 `;
       }
@@ -3197,12 +2717,12 @@ class Q extends fe {
         };
         switch (n) {
           case "search":
-            return O`
+            return I`
                             <svg
                                 viewBox="0 0 32 30"
-                                style=${U(this.styles)}
-                                ${B(o)}
-                                ${B(r)}
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
                             >
                                 <circle
                                     cx="14.8457"
@@ -3221,12 +2741,12 @@ class Q extends fe {
                             </svg>
                         `;
           case "clear":
-            return O`
+            return I`
                             <svg
                                 viewBox="0 0 27 27"
-                                style=${U(this.styles)}
-                                ${B(o)}
-                                ${B(r)}
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
                             >
                                 <circle
                                     cx="13.4351"
@@ -3252,24 +2772,24 @@ class Q extends fe {
                             </svg>
                         `;
           case "close":
-            return O`
+            return I`
                             <svg
                                 viewBox="0 0 13 13"
-                                style=${U(this.styles)}
-                                ${B(o)}
-                                ${B(r)}
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
                             >
                                 <path d="M12.3068 0.50647L1.27246 11.7273" stroke="currentColor" />
                                 <path d="M12.2812 11.9473L1.24686 0.726451" stroke="currentColor" />
                             </svg>
                         `;
           case "caret-right":
-            return O`
+            return I`
                             <svg
                                 viewBox="0 0 14 14"
-                                style=${U(this.styles)}
-                                ${B(o)}
-                                ${B(r)}
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
                             >
                                 <line
                                     x1="4.13"
@@ -3288,12 +2808,12 @@ class Q extends fe {
                             </svg>
                         `;
           case "caret-left":
-            return O`
+            return I`
                             <svg
                                 viewBox="0 0 14 14"
-                                style=${U(this.styles)}
-                                ${B(o)}
-                                ${B(r)}
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
                             >
                                 <line
                                     x1="10.13"
@@ -3312,24 +2832,24 @@ class Q extends fe {
                             </svg>
                         `;
           case "caret-up":
-            return this.styles.transform = "rotate(180deg)", O`
+            return this.styles.transform = "rotate(180deg)", I`
                             <svg
                                 viewBox="0 0 14 14"
-                                style=${U(this.styles)}
-                                ${B(o)}
-                                ${B(r)}
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
                             >
                                 <line x1="13.09" y1="3.99" x2="7.1" y2="9.99" stroke="black" />
                                 <line x1="7.19" y1="9.99" x2="1.19" y2="3.99" stroke="black" />
                             </svg>
                         `;
           case "caret-down":
-            return O`
+            return I`
                             <svg
                                 viewBox="0 0 14 14"
-                                style=${U(this.styles)}
-                                ${B(o)}
-                                ${B(r)}
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
                             >
                                 <line
                                     x1="13.09"
@@ -3347,14 +2867,32 @@ class Q extends fe {
                                 />
                             </svg>
                         `;
+          case "send":
+            return I`
+                            <svg
+                                viewBox="0 0 20 17"
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
+                            >
+                                <path
+                                    d="M18.95 8.56428L0.949951 0.941406V7.02531L13.6351 8.47059L0.950001 9.92276L0.949951 15.9414L18.95 8.56428Z"
+                                    fill="currentColor"
+                                    stroke="currentColor"
+                                    strokeWidth="0.1"
+                                />
+                            </svg>
+                        `;
         }
       }
+      case "FontAwesome":
+        return I`<ui-icon .faIcon=${this.symbol.content} title=${this.text} />`;
     }
-    return It;
+    return jt;
   }
 }
 Q.styles = [
-  ge`
+  te`
             :host {
                 color: var(--icon-color, inherit);
             }
@@ -3364,32 +2902,32 @@ Q.styles = [
             }
         `
 ];
-oe([
-  N({ type: Object })
+se([
+  O({ type: Object })
 ], Q.prototype, "symbol", 2);
-oe([
-  N({ type: Object })
+se([
+  O({ type: Object })
 ], Q.prototype, "elementStyle", 2);
-oe([
-  N({ type: Number })
+se([
+  O({ type: Number })
 ], Q.prototype, "size", 2);
-oe([
-  N({ type: String })
+se([
+  O({ type: String })
 ], Q.prototype, "text", 2);
-oe([
-  N({ type: String })
+se([
+  O({ type: String })
 ], Q.prototype, "backgroundSize", 2);
-oe([
-  Y()
+se([
+  X()
 ], Q.prototype, "styles", 2);
 customElements.get("ui-symbol-badge") || customElements.define("ui-symbol-badge", Q);
-var Tr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, Dr = (e, t, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? zr(t, n) : t, i = e.length - 1, a; i >= 0; i--)
-    (a = e[i]) && (r = (o ? a(t, n, r) : a(r)) || r);
-  return o && r && Tr(t, n, r), r;
+var Pr = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Rr = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Nr(t, n) : t, s = e.length - 1, i; s >= 0; s--)
+    (i = e[s]) && (r = (o ? i(t, n, r) : i(r)) || r);
+  return o && r && Pr(t, n, r), r;
 };
-const Hr = (e) => ["h1", "h2", "h3", "h4", "h5", "h6"].includes(e);
-class Ve extends fe {
+const Or = (e) => ["h1", "h2", "h3", "h4", "h5", "h6"].includes(e);
+class He extends ce {
   constructor() {
     super(), this.variant = "span";
   }
@@ -3398,16 +2936,16 @@ class Ve extends fe {
     return n ? n.trim() : t;
   }
   render() {
-    const t = Hr(this.variant) ? this._getTag(this.variant) : this.variant, n = rt(t);
-    return ot`
+    const t = Or(this.variant) ? this._getTag(this.variant) : this.variant, n = it(t);
+    return st`
       <${n}>
         <slot />
       </${n}>
     `;
   }
 }
-Ve.styles = [
-  ge`
+He.styles = [
+  te`
             h1,
             h2,
             h3,
@@ -3424,11 +2962,11 @@ Ve.styles = [
             }
         `
 ];
-Dr([
-  N({ type: String })
-], Ve.prototype, "variant", 2);
-customElements.get("ui-typography") || customElements.define("ui-typography", Ve);
-class Os {
+Rr([
+  O({ type: String })
+], He.prototype, "variant", 2);
+customElements.get("ui-typography") || customElements.define("ui-typography", He);
+class Fs {
   constructor(t) {
     (this.host = t).addController(this);
   }
@@ -3443,12 +2981,12 @@ class Os {
     this.host.removeEventListener("set-properties", this.propertyChangeHandler);
   }
 }
-class Ws {
+class As {
   constructor(t) {
     this.nodeId = "", this._host = t;
   }
   initialize() {
-    return de(this, null, function* () {
+    return pe(this, null, function* () {
       if (this.nodeId = this._host.getAttribute("nodeId"), !this.nodeId) {
         console.warn("Could not get node id in DataProvider.");
         return;
@@ -3457,7 +2995,7 @@ class Ws {
         console.warn("Could not get data in DataProvider. Container was not defined.");
         return;
       }
-      const t = yield Se.getInstance(this.container);
+      const t = yield ze.getInstance(this.container);
       if (this.node = t.nodes.get(this.nodeId), !this.node) {
         console.warn(`Could not get component node with ID: ${this.nodeId}.`);
         return;
@@ -3474,7 +3012,7 @@ class Ws {
     return this._host.dispatchEvent(n), n.detail.instance;
   }
 }
-const Le = "context.connectEvent", Zs = it(
+const De = "context.connectEvent", Ks = ct(
   (e) => {
     class t extends e {
       constructor() {
@@ -3486,20 +3024,20 @@ const Le = "context.connectEvent", Zs = it(
           this._injectContext(o);
       }
       _injectContext(o) {
-        const r = (a, l) => {
-          this._contextValueChanged(o, a, l);
-        }, i = new CustomEvent(Le, {
+        const r = (i, c) => {
+          this._contextValueChanged(o, i, c);
+        }, s = new CustomEvent(De, {
           bubbles: !0,
           cancelable: !0,
           composed: !0,
           detail: { key: o, connected: !1, callback: r }
         });
-        this.dispatchEvent(i), i.detail.connected && this._injectedContexts.set(o, {
-          unsubscribe: i.detail.unsubscribe
+        this.dispatchEvent(s), s.detail.connected && this._injectedContexts.set(o, {
+          unsubscribe: s.detail.unsubscribe
         });
       }
-      _contextValueChanged(o, r, i) {
-        r !== i && (this[o] = r);
+      _contextValueChanged(o, r, s) {
+        r !== s && (this[o] = r);
       }
       disconnectedCallback() {
         for (const o of this._injectedContexts.values())
@@ -3509,7 +3047,7 @@ const Le = "context.connectEvent", Zs = it(
     }
     return t;
   }
-), Br = it(
+), Ir = ct(
   (e) => {
     class t extends e {
       constructor() {
@@ -3521,75 +3059,75 @@ const Le = "context.connectEvent", Zs = it(
           this._provideContext(o);
       }
       _provideContext(o) {
-        const r = (i) => {
-          const { detail: a } = i;
-          if (a.key === o) {
-            i.stopPropagation();
-            const l = this._providedContexts.get(o);
-            l.callbacks.add(a.callback), a.connected = !0, a.unsubscribe = () => {
-              l.callbacks.delete(a.callback);
-            }, a.callback(this[o]);
+        const r = (s) => {
+          const { detail: i } = s;
+          if (i.key === o) {
+            s.stopPropagation();
+            const c = this._providedContexts.get(o);
+            c.callbacks.add(i.callback), i.connected = !0, i.unsubscribe = () => {
+              c.callbacks.delete(i.callback);
+            }, i.callback(this[o]);
           }
         };
-        this.addEventListener(Le, r), this._providedContexts.set(o, {
+        this.addEventListener(De, r), this._providedContexts.set(o, {
           listener: r,
           callbacks: /* @__PURE__ */ new Set()
         });
       }
-      _updateContextValue(o, r, i) {
+      _updateContextValue(o, r, s) {
         if (this._providedContexts.has(o)) {
-          const a = this._providedContexts.get(o);
-          for (const l of a.callbacks)
-            l(r, i);
+          const i = this._providedContexts.get(o);
+          for (const c of i.callbacks)
+            c(r, s);
         }
       }
       shouldUpdate(o) {
         const r = super.shouldUpdate(o);
-        for (const [i, a] of o.entries())
-          this.constructor.provide.includes(i) && this._updateContextValue(i, this[i], a);
+        for (const [s, i] of o.entries())
+          this.constructor.provide.includes(s) && this._updateContextValue(s, this[s], i);
         return r;
       }
       disconnectedCallback() {
         for (const o of this._providedContexts.values())
-          this.removeEventListener(Le, o.listener);
+          this.removeEventListener(De, o.listener);
         super.disconnectedCallback();
       }
     }
     return t;
   }
 );
-var Pr = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, Ge = (e, t, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Vr(t, n) : t, i = e.length - 1, a; i >= 0; i--)
-    (a = e[i]) && (r = (o ? a(t, n, r) : a(r)) || r);
-  return o && r && Pr(t, n, r), r;
+var Br = Object.defineProperty, Wr = Object.getOwnPropertyDescriptor, tt = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Wr(t, n) : t, s = e.length - 1, i; s >= 0; s--)
+    (i = e[s]) && (r = (o ? i(t, n, r) : i(r)) || r);
+  return o && r && Br(t, n, r), r;
 };
-const js = (e) => {
+const qs = (e) => {
   class t extends e {
     constructor(...o) {
-      super(), this.hasPendingChildren = !1, this.pendingCount = 0, this.addEventListener("pending-state", (r) => de(this, null, function* () {
+      super(), this.hasPendingChildren = !1, this.pendingCount = 0, this.addEventListener("pending-state", (r) => pe(this, null, function* () {
         this.hasPendingChildren = !0, this.pendingCount++, yield r.detail.promise, this.pendingCount--, this.hasPendingChildren = this.pendingCount !== 0;
       }));
     }
   }
-  return Ge([
-    Y()
-  ], t.prototype, "hasPendingChildren", 2), Ge([
-    Y()
+  return tt([
+    X()
+  ], t.prototype, "hasPendingChildren", 2), tt([
+    X()
   ], t.prototype, "pendingCount", 2), t;
-}, As = (e) => {
+}, Ys = (e) => {
   class t extends e {
     constructor(...o) {
       super(), this._instances = /* @__PURE__ */ new Map(), this.addEventListener("request-instance", (r) => {
-        const i = r.detail.key;
-        console.log("listener fired"), this._instances.has(i) && (r.detail.instance = this._instances.get(i), r.stopPropagation());
+        const s = r.detail.key;
+        this._instances.has(s) && (r.detail.instance = this._instances.get(s), r.stopPropagation());
       });
     }
     provideInstance(o, r) {
-      console.log("providing instance", o, r), this._instances.set(o, r);
+      this._instances.set(o, r);
     }
   }
   return t;
-}, Nr = (e) => {
+}, Hr = (e) => {
   class t extends e {
     requestInstance(o) {
       const r = new CustomEvent("request-instance", {
@@ -3602,18 +3140,24 @@ const js = (e) => {
     }
   }
   return t;
-}, Ir = (e) => {
-  var n, o, r, i, a, l, u, c, m, p, d, h, y, x, b, v, g, z, H, T, Z;
+}, jr = (e) => {
+  var n, o, r, s, i, c, l, a, u, h, p, m, g, x, v, $, f, L, N, D, V;
   const t = {};
-  return e.cardinal && (t["--cardinal"] = `${e.cardinal}px`), e.gap && (t["--gap"] = `${e.gap}`), (n = e.fonts) != null && n.type && (t["--fonts-type"] = `${e.fonts.type}`), (o = e.fonts) != null && o.small && (t["--fonts-small"] = `${e.fonts.small}`), (r = e.fonts) != null && r.normal && (t["--fonts-normal"] = `${e.fonts.small}`), (i = e.fonts) != null && i.medium && (t["--fonts-medium"] = `${e.fonts.medium}`), (a = e.fonts) != null && a.large && (t["--fonts-large"] = `${e.fonts.large}`), (l = e.fonts) != null && l.huge && (t["--fonts-huge"] = `${e.fonts.huge}`), (u = e.colors) != null && u.accent && (t["--colors-accent"] = `${e.colors.accent}`), (c = e.colors) != null && c.link && (t["--colors-link"] = `${e.colors.link}`), (m = e.colors) != null && m.primary && (t["--colors-primary"] = `${e.colors.primary}`), (p = e.colors) != null && p.text && (t["--colors-text"] = `${e.colors.text}`), (d = e.colors) != null && d.textLight && (t["--colors-textLight"] = `${e.colors.textLight}`), (h = e.colors) != null && h.warning && (t["--colors-warning"] = `${e.colors.warning}`), (y = e.accessibility) != null && y.border && (t["--accessibility-border"] = `${e.accessibility.border}`), (b = (x = e.accessibility) == null ? void 0 : x.colors) != null && b.inactiveText && (t["--accessibility-colors-inactiveText"] = `${e.accessibility.colors.inactiveText}`), (g = (v = e.accessibility) == null ? void 0 : v.colors) != null && g.activeText && (t["--accessibility-colors-activeText"] = `${e.accessibility.colors.activeText}`), e.inputBorder && (t["--inputBorder"] = `${e.inputBorder}`), e.borderRadius && (t["--borderRadius"] = `${e.borderRadius}`), e.boxShadow && (t["--boxShadow"] = `${e.boxShadow}`), e.border && (t["--border"] = `${e.border}`), (z = e.sizes) != null && z.small && (t["--size-small"] = `${e.sizes.small}`), (H = e.sizes) != null && H.normal && (t["--size-normal"] = `${e.sizes.normal}`), (T = e.sizes) != null && T.medium && (t["--size-medium"] = `${e.sizes.medium}`), (Z = e.sizes) != null && Z.large && (t["--size-large"] = `${e.sizes.large}`), e.typographyVariantMapping && (e.typographyVariantMapping.h1 && (t["--typography-h1"] = `${e.typographyVariantMapping.h1}`), e.typographyVariantMapping.h2 && (t["--typography-h2"] = `${e.typographyVariantMapping.h2}`), e.typographyVariantMapping.h3 && (t["--typography-h3"] = `${e.typographyVariantMapping.h3}`), e.typographyVariantMapping.h4 && (t["--typography-h4"] = `${e.typographyVariantMapping.h4}`), e.typographyVariantMapping.h5 && (t["--typography-h5"] = `${e.typographyVariantMapping.h5}`), e.typographyVariantMapping.h6 && (t["--typography-h6"] = `${e.typographyVariantMapping.h6}`)), t;
+  return e.cardinal && (t["--cardinal"] = `${e.cardinal}px`), e.gap && (t["--gap"] = `${e.gap}`), (n = e.fonts) != null && n.type && (t["--fonts-type"] = `${e.fonts.type}`), (o = e.fonts) != null && o.small && (t["--fonts-small"] = `${e.fonts.small}`), (r = e.fonts) != null && r.normal && (t["--fonts-normal"] = `${e.fonts.small}`), (s = e.fonts) != null && s.medium && (t["--fonts-medium"] = `${e.fonts.medium}`), (i = e.fonts) != null && i.large && (t["--fonts-large"] = `${e.fonts.large}`), (c = e.fonts) != null && c.huge && (t["--fonts-huge"] = `${e.fonts.huge}`), (l = e.colors) != null && l.accent && (t["--colors-accent"] = `${e.colors.accent}`), (a = e.colors) != null && a.link && (t["--colors-link"] = `${e.colors.link}`), (u = e.colors) != null && u.primary && (t["--colors-primary"] = `${e.colors.primary}`), (h = e.colors) != null && h.text && (t["--colors-text"] = `${e.colors.text}`), (p = e.colors) != null && p.textLight && (t["--colors-textLight"] = `${e.colors.textLight}`), (m = e.colors) != null && m.warning && (t["--colors-warning"] = `${e.colors.warning}`), (g = e.accessibility) != null && g.border && (t["--accessibility-border"] = `${e.accessibility.border}`), (v = (x = e.accessibility) == null ? void 0 : x.colors) != null && v.inactiveText && (t["--accessibility-colors-inactiveText"] = `${e.accessibility.colors.inactiveText}`), (f = ($ = e.accessibility) == null ? void 0 : $.colors) != null && f.activeText && (t["--accessibility-colors-activeText"] = `${e.accessibility.colors.activeText}`), e.inputBorder && (t["--inputBorder"] = `${e.inputBorder}`), e.borderRadius && (t["--borderRadius"] = `${e.borderRadius}`), e.boxShadow && (t["--boxShadow"] = `${e.boxShadow}`), e.border && (t["--border"] = `${e.border}`), (L = e.sizes) != null && L.small && (t["--size-small"] = `${e.sizes.small}`), (N = e.sizes) != null && N.normal && (t["--size-normal"] = `${e.sizes.normal}`), (D = e.sizes) != null && D.medium && (t["--size-medium"] = `${e.sizes.medium}`), (V = e.sizes) != null && V.large && (t["--size-large"] = `${e.sizes.large}`), e.typographyVariantMapping && (e.typographyVariantMapping.h1 && (t["--typography-h1"] = `${e.typographyVariantMapping.h1}`), e.typographyVariantMapping.h2 && (t["--typography-h2"] = `${e.typographyVariantMapping.h2}`), e.typographyVariantMapping.h3 && (t["--typography-h3"] = `${e.typographyVariantMapping.h3}`), e.typographyVariantMapping.h4 && (t["--typography-h4"] = `${e.typographyVariantMapping.h4}`), e.typographyVariantMapping.h5 && (t["--typography-h5"] = `${e.typographyVariantMapping.h5}`), e.typographyVariantMapping.h6 && (t["--typography-h6"] = `${e.typographyVariantMapping.h6}`)), t;
 };
-var Or = Object.defineProperty, Wr = Object.getOwnPropertyDescriptor, W = (e, t, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Wr(t, n) : t, i = e.length - 1, a; i >= 0; i--)
-    (a = e[i]) && (r = (o ? a(t, n, r) : a(r)) || r);
-  return o && r && Or(t, n, r), r;
+var Vr = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, j = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Fr(t, n) : t, s = e.length - 1, i; s >= 0; s--)
+    (i = e[s]) && (r = (o ? i(t, n, r) : i(r)) || r);
+  return o && r && Vr(t, n, r), r;
 };
-const Zr = (e) => `w-${e}`, Fs = (e) => {
-  class t extends Br(Nr(e)) {
+const Ar = (e) => `w-${e}`, Kr = (e) => Object.entries(e).reduce((t, [n, o]) => {
+  if (n.indexOf("css-") > -1) {
+    const r = n.replace("css-", "");
+    t[r] = o;
+  }
+  return t;
+}, {}), Us = (e) => {
+  class t extends Ir(Hr(e)) {
     constructor() {
       super(), this.listeners = [], this.setColumns = (o) => {
         this.columns = o;
@@ -3637,53 +3181,53 @@ const Zr = (e) => `w-${e}`, Fs = (e) => {
     }
     connectedCallback() {
       super.connectedCallback(), this.addEventListener("request-descriptor", this.requestNodeDescriptor), this.container = this.requestInstance("container"), this.container && Promise.all([
-        Se.getInstance(this.container),
+        ze.getInstance(this.container),
         this.container.getAsync("componentResolver")
       ]).then((o) => {
-        const r = o[0], i = o[1], a = r.nodes.get(this.nodeId || "");
-        if (a) {
-          this._descriptor = Je(a, this.branch), this._properties = a.attributes.properties, this._context = a.attributes.context, this._layout = a.attributes.layout, this.setProperties(a.attributes.properties), this.listeners.push(
+        const r = o[0], s = o[1], i = r.nodes.get(this.nodeId || "");
+        if (i) {
+          this._descriptor = nt(i, this.branch), this._properties = i.attributes.properties, this._context = i.attributes.context, this._layout = i.attributes.layout, this.setProperties(i.attributes.properties), this.listeners.push(
             r.events.subscribe(
               "components:properties-changed",
-              (m, p) => {
-                var d;
-                this.nodeId === ((d = p.node) == null ? void 0 : d.id) && (this._properties = p.node.attributes.properties, this.setProperties(a.attributes.properties));
+              (u, h) => {
+                var p;
+                this.nodeId === ((p = h.node) == null ? void 0 : p.id) && (this._properties = h.node.attributes.properties, this.setProperties(i.attributes.properties));
               }
             )
           ), this.listeners.push(
             r.events.subscribe(
               "components:context-changed",
-              (m, p) => {
-                var d;
-                this.nodeId === ((d = p.node) == null ? void 0 : d.id) && (this._context = p.node.attributes.context);
+              (u, h) => {
+                var p;
+                this.nodeId === ((p = h.node) == null ? void 0 : p.id) && (this._context = h.node.attributes.context);
               }
             )
           ), this.listeners.push(
             r.events.subscribe(
               "components:layout-changed",
-              (m, p) => {
-                var d;
-                this.nodeId === ((d = p.node) == null ? void 0 : d.id) && (this._layout = p.node.attributes.layout);
+              (u, h) => {
+                var p;
+                this.nodeId === ((p = h.node) == null ? void 0 : p.id) && (this._layout = h.node.attributes.layout);
               }
             )
           );
-          const l = a.mount(this.container);
-          if (this.listeners.push(l), !i) {
+          const c = i.mount(this.container);
+          if (this.listeners.push(c), !s) {
             console.warn(
               "Could not find resolver. Make sure it is registered on the container."
             );
             return;
           }
-          const u = Zr(this._descriptor.type);
-          if (customElements.get(u))
+          const l = Ar(this._descriptor.type);
+          if (customElements.get(l))
             return;
-          const c = i.getComponent(this._descriptor.type);
-          if (!c) {
+          const a = s.getComponent(this._descriptor.type);
+          if (!a) {
             console.warn("Component is missing or using incorrect import.");
             return;
           }
-          return c().then((m) => {
-            customElements.get(u) || customElements.define(u, m.default);
+          return a().then((u) => {
+            customElements.get(l) || customElements.define(l, u.default);
           });
         }
       });
@@ -3694,19 +3238,25 @@ const Zr = (e) => `w-${e}`, Fs = (e) => {
       }), this.removeEventListener("request-descriptor", this.requestNodeDescriptor);
     }
     _getContextStyles() {
-      return this._context ? Ir(this._context) : {};
+      return this._context ? jr(this._context) : {};
     }
     render() {
-      const o = super.render(), r = this._getContextStyles(), i = O`
+      const o = super.render(), r = this._getContextStyles(), s = Kr(this._properties), i = I`
                 <style>
                     :host {
-                      ${Object.entries(r).map(([a, l]) => ge`
-                            ${nt(`${a}: ${l};`)}
+                      ${Object.entries(r).map(([c, l]) => te`
+                            ${ke(`${c}: ${l};`)}
+                        `)}
+                    }
+
+                    :host > * {
+                        ${Object.entries(s).map(([c, l]) => te`
+                            ${ke(`${c}: ${l} !important;`)}
                         `)}
                     }
                 </style>
             `;
-      return O`
+      return I`
                 <style>
                     :host {
                         --size: ${this._layout.size || "full"};
@@ -3719,131 +3269,131 @@ const Zr = (e) => `w-${e}`, Fs = (e) => {
             `;
     }
   }
-  return W([
-    N({ type: String })
-  ], t.prototype, "nodeId", 2), W([
-    N({ type: String })
-  ], t.prototype, "branch", 2), W([
-    N({ type: String })
-  ], t.prototype, "width", 2), W([
-    N({ type: Number })
-  ], t.prototype, "_columns", 2), W([
-    N({ type: Number })
-  ], t.prototype, "columns", 2), W([
-    Y()
-  ], t.prototype, "_width", 2), W([
-    Y()
-  ], t.prototype, "_descriptor", 2), W([
-    Y()
-  ], t.prototype, "_properties", 2), W([
-    Y()
-  ], t.prototype, "_context", 2), W([
-    Y()
+  return j([
+    O({ type: String })
+  ], t.prototype, "nodeId", 2), j([
+    O({ type: String })
+  ], t.prototype, "branch", 2), j([
+    O({ type: String })
+  ], t.prototype, "width", 2), j([
+    O({ type: Number })
+  ], t.prototype, "_columns", 2), j([
+    O({ type: Number })
+  ], t.prototype, "columns", 2), j([
+    X()
+  ], t.prototype, "_width", 2), j([
+    X()
+  ], t.prototype, "_descriptor", 2), j([
+    X()
+  ], t.prototype, "_properties", 2), j([
+    X()
+  ], t.prototype, "_context", 2), j([
+    X()
   ], t.prototype, "_layout", 2), t;
 };
 export {
-  rn as AnchorLink,
-  ye as Button,
-  bt as ButtonUi,
-  cs as Checkbox,
-  ln as ColumnContext,
-  ct as ComponentNodeContext,
-  un as ComponentPropertyContext,
-  Ts as Confirm,
-  Zs as ConsumerMixin,
-  cn as ContainerContext,
-  mn as ConversationContext,
-  Ws as DataProvider,
-  pr as DateFormats,
-  Ls as Drawer,
-  Qn as DrawerAnimationType,
-  Ms as Dropdown,
-  uo as Empty,
-  Ss as Grid,
-  ft as Html,
-  Pe as HtmlUi,
-  fo as Icon,
-  Rs as Input,
-  Co as ItemList,
-  _s as ItemTree,
-  Jo as Lightbox,
-  He as Link,
-  go as List,
-  tr as Modal,
-  Os as NodeConnector,
-  zs as NotFound,
-  gt as Overlay,
-  yo as Paragraph,
-  js as PendingState,
-  ie as Portal,
-  As as ProviderMixin,
-  Nr as Requester,
-  vo as RouteLink,
-  dn as RoutingContext,
-  Xe as StyledText,
-  ae as SymbolBadge,
+  cn as AnchorLink,
+  be as Button,
+  wt as ButtonUi,
+  ds as Checkbox,
+  mn as ColumnContext,
+  ut as ComponentNodeContext,
+  hn as ComponentPropertyContext,
+  Ns as Confirm,
+  Ks as ConsumerMixin,
+  dn as ContainerContext,
+  fn as ConversationContext,
+  As as DataProvider,
+  gr as DateFormats,
+  Ds as Drawer,
+  Jn as DrawerAnimationType,
+  Ts as Dropdown,
+  ho as Empty,
+  zs as Grid,
+  yt as Html,
+  We as HtmlUi,
+  ne as Icon,
+  Ls as Input,
+  $o as ItemList,
+  Ps as ItemTree,
+  tr as Lightbox,
+  Ie as Link,
+  bo as List,
+  or as Modal,
+  Fs as NodeConnector,
+  Rs as NotFound,
+  bt as Overlay,
+  vo as Paragraph,
+  qs as PendingState,
+  le as Portal,
+  Ys as ProviderMixin,
+  Hr as Requester,
+  xo as RouteLink,
+  pn as RoutingContext,
+  Je as StyledText,
+  ue as SymbolBadge,
   Q as SymbolBadgeUi,
-  Ds as TabStop,
-  ze as Text,
-  hr as TextLink,
-  Hs as Timestamp,
+  Os as TabStop,
+  Re as Text,
+  fr as TextLink,
+  Is as Timestamp,
   Bs as Tooltip,
-  Ps as TransitionComponent,
-  re as Typography,
-  Ve as TypographyUi,
-  Fs as WidgetComponentMixin,
-  wr as WidgetLink,
-  Vs as WidgetOverlayOutlet,
-  X as borderTabStyle,
-  Ye as browser,
-  Zn as buttonCss,
-  ht as contentBox,
-  V as convertToStringAttributes,
-  as as createEmptyComponent,
-  Ns as createReactComponent,
-  Is as createWebComponent,
-  nn as defaultRenderInstructions,
-  Xt as embeddedLinkMapper,
-  Gt as filterCssProps,
-  Qt as filterCssPropsStyle,
-  Jt as genericHashLink,
-  ks as genericHtml,
-  pe as headingElement,
-  tn as imageLightboxRenderer,
-  xs as invertedHoverButton,
-  Es as itemList,
-  jn as linkTabStyle,
-  An as list,
-  $s as paddedBorderTabStyle,
-  en as processHtmlString,
-  $e as transitionComposer,
-  ls as useAction,
-  us as useChildren,
-  ds as useColumns,
-  ms as useComponent,
-  Re as useComponentDescriptor,
-  _e as useComponentNode,
-  ne as useComponentPlatform,
-  I as useContainer,
-  $n as useContext,
-  hs as useConversation,
-  ps as useDispatch,
-  A as useEventListener,
-  Mn as useEvents,
-  F as useIsMounted,
-  fs as useIsTabbing,
+  Ws as TransitionComponent,
+  ie as Typography,
+  He as TypographyUi,
+  Us as WidgetComponentMixin,
+  Er as WidgetLink,
+  Hs as WidgetOverlayOutlet,
+  Z as borderTabStyle,
+  Ge as browser,
+  Kn as buttonCss,
+  ft as contentBox,
+  W as convertToStringAttributes,
+  us as createEmptyComponent,
+  js as createReactComponent,
+  Vs as createWebComponent,
+  sn as defaultRenderInstructions,
+  Jt as embeddedLinkMapper,
+  tn as filterCssProps,
+  en as filterCssPropsStyle,
+  nn as genericHashLink,
+  Ms as genericHtml,
+  ye as headingElement,
+  rn as imageLightboxRenderer,
+  ks as invertedHoverButton,
+  _s as itemList,
+  qn as linkTabStyle,
+  Yn as list,
+  Ss as paddedBorderTabStyle,
+  on as processHtmlString,
+  Se as transitionComposer,
+  ms as useAction,
+  hs as useChildren,
+  ps as useColumns,
+  fs as useComponent,
+  Le as useComponentDescriptor,
+  Pe as useComponentNode,
+  re as useComponentPlatform,
+  H as useContainer,
+  Sn as useContext,
+  gs as useConversation,
+  ys as useDispatch,
+  K as useEventListener,
+  Tn as useEvents,
+  q as useIsMounted,
+  bs as useIsTabbing,
   ee as useKeyPress,
-  gs as useLayout,
-  lt as usePrevious,
-  ys as useProperties,
-  Cs as useRenderState,
-  bs as useRouteData,
-  ut as useRouter,
-  dt as useScroll,
-  vs as useSettings,
-  mt as useToggle,
-  ws as useTransitionEnd,
-  Te as useUniqueMenu,
-  Ce as useWidgetEvent
+  vs as useLayout,
+  dt as usePrevious,
+  $s as useProperties,
+  ws as useRenderState,
+  xs as useRouteData,
+  mt as useRouter,
+  ht as useScroll,
+  Es as useSettings,
+  pt as useToggle,
+  Cs as useTransitionEnd,
+  Ne as useUniqueMenu,
+  ve as useWidgetEvent
 };
 //# sourceMappingURL=index.js.map