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

package/dist/index.js

@@ -1,37 +1,58 @@
-var at = Object.defineProperty, ct = Object.defineProperties;
-var lt = Object.getOwnPropertyDescriptors;
-var ne = Object.getOwnPropertySymbols;
-var He = Object.prototype.hasOwnProperty, Te = Object.prototype.propertyIsEnumerable;
-var me = (e, t, n) => t in e ? at(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, h = (e, t) => {
+var Ot = Object.defineProperty, Rt = Object.defineProperties;
+var Nt = Object.getOwnPropertyDescriptors;
+var he = Object.getOwnPropertySymbols;
+var Ue = Object.prototype.hasOwnProperty, Xe = Object.prototype.propertyIsEnumerable;
+var Ye = (e, t, n) => t in e ? Ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, b = (e, t) => {
   for (var n in t || (t = {}))
-    He.call(t, n) && me(e, n, t[n]);
-  if (ne)
-    for (var n of ne(t))
-      Te.call(t, n) && me(e, n, t[n]);
+    Ue.call(t, n) && Ye(e, n, t[n]);
+  if (he)
+    for (var n of he(t))
+      Xe.call(t, n) && Ye(e, n, t[n]);
   return e;
-}, k = (e, t) => ct(e, lt(t));
-var S = (e, t) => {
+}, k = (e, t) => Rt(e, Nt(t));
+var M = (e, t) => {
   var n = {};
   for (var o in e)
-    He.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
-  if (e != null && ne)
-    for (var o of ne(e))
-      t.indexOf(o) < 0 && Te.call(e, o) && (n[o] = e[o]);
+    Ue.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 && Xe.call(e, o) && (n[o] = e[o]);
   return n;
 };
-var re = (e, t, n) => (me(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { Container as ut, WidgetState as mt } from "@webprovisions/platform";
-import r, { forwardRef as N, createContext as U, useContext as Y, useState as $, useEffect as v, useRef as R, useCallback as H, useImperativeHandle as Ce, useMemo as se, Component as dt, lazy as ft } from "react";
-import { ComponentPlatform as ht, asDescriptor as pt, createEventSubscriber as gt, ComponentQuery as Ct, WidgetRenderState as oe, extendComponent as yt } from "@telia-ace/widget-core";
-import { css as L, keyframes as Ze } from "@emotion/react";
+var pe = (e, t, n) => new Promise((o, r) => {
+  var s = (l) => {
+    try {
+      c(n.next(l));
+    } catch (a) {
+      r(a);
+    }
+  }, i = (l) => {
+    try {
+      c(n.throw(l));
+    } catch (a) {
+      r(a);
+    }
+  }, c = (l) => l.done ? o(l.value) : Promise.resolve(l.value).then(s, i);
+  c((n = n.apply(e, t)).next());
+});
+import { Container as It, WidgetState as Bt } from "@webprovisions/platform";
+import d, { forwardRef as B, createContext as oe, useContext as ee, useState as E, useEffect as w, useRef as _, useCallback as D, useImperativeHandle as ze, useMemo as ge, Component as Wt, lazy as Ht } from "react";
+import { ComponentPlatform as Le, asDescriptor as rt, createEventSubscriber as jt, ComponentQuery as Vt, WidgetRenderState as fe, extendComponent as st } from "@telia-ace/widget-core";
+import { css as S, keyframes as it } from "@emotion/react";
 import y from "@emotion/styled";
-import { kebabCase as bt, appendClassNames as M, uuid as Q, removeNullAndUndefinedValues as De, Logger as de } from "@telia-ace/widget-utilities";
-import { CSSTransition as Ie, Transition as vt } from "react-transition-group";
-import { createPortal as Et } from "react-dom";
-import { HistoryMode as Be, getSpecificWidgetPath as xt } from "@telia-ace/widget-routing";
-import { Link as fe } from "react-router-dom";
-import ze from "htmr";
-const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exiting" || e === "exited", K = {
+import { kebabCase as Ft, appendClassNames as z, uuid as ce, removeNullAndUndefinedValues as Ze, Logger as Ee } from "@telia-ace/widget-utilities";
+import { LitElement as re, html as I, css as J, unsafeCSS as ke, nothing as At } from "lit";
+import { property as N, customElement as Kt, state as X } from "lit/decorators.js";
+import { html as at, unsafeStatic as ct } 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 lt, Transition as qt } from "react-transition-group";
+import { createPortal as Yt } from "react-dom";
+import { HistoryMode as Qe, getSpecificWidgetPath as Ut } from "@telia-ace/widget-routing";
+import { Link as Se } from "react-router-dom";
+import Ge from "htmr";
+import { dedupeMixin as ut } from "@open-wc/dedupe-mixin";
+const Xt = (e) => e === "entering" || e === "entered", Zt = (e) => e === "exiting" || e === "exited", G = {
   fade: {
     in: "opacity: 1;",
     out: "opacity: 0;"
@@ -56,29 +77,29 @@ const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exitin
     in: "transform: scale(1);",
     out: "transform: scale(0);"
   }
-}, kt = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], he = {
+}, Qt = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], _e = {
   compose: (e = "exited", t) => {
-    const { enter: n, exit: o } = t, s = n.transitionKeys.split(" "), i = kt.indexOf(s[0]) > -1 ? "transform" : "opacity";
-    if (wt(e))
-      return s && s.length > 0 ? L`
-                    ${s && s.length > 0 && s.map((l) => K[l] ? K[l].in : "")}
-                    transition: ${i} ${n.duration}ms ${n.easing};
+    const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), s = Qt.indexOf(r[0]) > -1 ? "transform" : "opacity";
+    if (Xt(e))
+      return r && r.length > 0 ? S`
+                    ${r && r.length > 0 && r.map((c) => G[c] ? G[c].in : "")}
+                    transition: ${s} ${n.duration}ms ${n.easing};
                 ` : "";
-    const a = s && s.length > 0 && L`
-                ${s.map((l) => K[l] ? K[l].out : "")}
+    const i = r && r.length > 0 && S`
+                ${r.map((c) => G[c] ? G[c].out : "")}
             `;
-    if ($t(e)) {
-      const l = o.transitionKeys.split(" ");
-      return l && l.length > 0 && e === "exiting" ? L`
-                    ${a};
-                    ${l.map((u) => K[u] ? K[u].out : "")}
-                    transition: ${i} ${o.duration}ms ${o.easing};
-                ` : a;
+    if (Zt(e)) {
+      const c = o.transitionKeys.split(" ");
+      return c && c.length > 0 && e === "exiting" ? S`
+                    ${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 he.compose(e, {
+      return _e.compose(e, {
         enter: {
           transitionKeys: n === "forth" ? "slide-right" : "slide-left",
           duration: 500
@@ -89,7 +110,7 @@ const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exitin
         }
       });
     if (t === "fade")
-      return he.compose(e, {
+      return _e.compose(e, {
         enter: {
           transitionKeys: "fade",
           duration: 500
@@ -100,126 +121,126 @@ const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exitin
         }
       });
   },
-  get: (e) => K[e]
+  get: (e) => G[e]
 };
-var pe = /* @__PURE__ */ ((e) => (e.Opera = "opera", e.Chrome = "chrome", e.Firefox = "firefox", e.Safari = "safari", e.Edge = "edge", e.EdgeChromium = "edge-chromium", e.Blink = "blink", e.IE = "internet-explorer", e))(pe || {});
-const Ne = () => {
+var De = /* @__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))(De || {});
+const Je = () => {
   const {
     opr: e,
     opera: t,
     InstallTrigger: n,
     HTMLElement: o,
-    safari: s,
-    documentMode: i,
-    StyleMedia: a,
-    chrome: l,
-    CSS: u
-  } = window, c = !!e && !!e.addons || !!t || navigator.userAgent.indexOf(" OPR/") >= 0;
-  if (c)
+    safari: r,
+    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 = ((f) => f.toString() === "[object SafariRemoteNotification]")(!s || typeof s != "undefined" && s.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";
-}, Lt = ["string", "number"], V = (e) => Object.keys(e).reduce((t, n) => {
-  const o = typeof e[n] == "undefined" ? "" : e[n], s = typeof o;
-  if (Lt.indexOf(s) > -1) {
-    const i = n.substring(0, 5);
-    i === "data-" || i === "aria-" ? t[bt(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
+}, Gt = ["string", "number"], W = (e) => Object.keys(e).reduce((t, n) => {
+  const o = typeof e[n] == "undefined" ? "" : e[n], r = typeof o;
+  if (Gt.indexOf(r) > -1) {
+    const s = n.substring(0, 5);
+    s === "data-" || s === "aria-" ? t[Ft(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
   } else
     t[n] = o;
   return t;
-}, {}), Mt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ r.createElement(Kn, h({}, t)) : null, go = Mt, St = (e) => new RegExp("^#", "i").test(e), Rt = (e) => (o) => {
-  var s = o, { children: t } = s, n = S(s, ["children"]);
+}, {}), Jt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ d.createElement(go, b({}, t)) : null, gs = Jt, en = (e) => new RegExp("^#", "i").test(e), tn = (e) => (o) => {
+  var r = o, { children: t } = r, n = M(r, ["children"]);
   const {
-    implementation: i,
-    name: a
-  } = e.get("$widget"), { href: l = "" } = n;
-  if (St(l))
-    return /* @__PURE__ */ r.createElement(Zt, { smooth: !0, to: l }, t);
-  const u = i.bindings.map((p) => p.replace(/\./g, "\\.")).join("|"), m = new RegExp(`^((http[s]?:)?//)?(${u})/([^\\s]+)`).exec(l);
-  if (m && m.length >= 4) {
-    const p = m[4];
-    if (i.widgets.get(p) && !p.startsWith("blob?") && !p.startsWith(a))
-      return /* @__PURE__ */ r.createElement(eo, { widgetName: p }, t);
+    implementation: s,
+    name: i
+  } = e.get("$widget"), { href: c = "" } = n;
+  if (en(c))
+    return /* @__PURE__ */ d.createElement(dn, { 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(kr, { widgetName: h }, t);
   }
-  return /* @__PURE__ */ r.createElement("a", h({}, n), t);
-}, Ht = Rt, Oe = (e) => {
+  return /* @__PURE__ */ d.createElement("a", b({}, n), t);
+}, nn = tn, dt = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
     n.indexOf("css-") > -1 && (t[n] = e[n]);
   }), t;
-}, Tt = (e) => {
+}, on = (e) => {
   let t = "";
-  return Object.keys(Oe(e)).forEach((n) => {
+  return Object.keys(dt(e)).forEach((n) => {
     n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
-  }), L`
+  }), S`
         ${t}
     `;
-}, Dt = Oe, Bt = (e, t) => {
+}, rn = dt, sn = (e, t) => {
   let n = "";
   const o = () => {
     n = "";
-  }, s = (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 !== "" && s(
-    e.scroll || ((d) => e.smooth ? d.scrollIntoView({ behavior: "smooth" }) : d.scrollIntoView())
-  ), !1), m = e, { scroll: a, smooth: l, to: u } = m, c = S(m, ["scroll", "smooth", "to"]);
-  return t === "a" && (c.href = "javascript:;"), /* @__PURE__ */ r.createElement(t, k(h({}, c), { onClick: i }), e.children);
-}, ie = (e) => (t, n) => {
-  let o = t, s = "";
+  }, 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 = M(u, ["scroll", "smooth", "to"]);
+  return t === "a" && (a.href = "javascript:;"), /* @__PURE__ */ d.createElement(t, k(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);
-      s = 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, s, e.theme.typographyVariantMapping || {});
-  return L`
-        ${a} {
+  const i = ((c, l, a) => a[c] ? `${l}${a[c]}` : `${l}${c}`)(o, r, e.theme.typographyVariantMapping || {});
+  return S`
+        ${i} {
             ${n}
         }
     `;
 };
-function zt(e, t) {
-  return t ? ze(e, t) : ze(e);
+function an(e, t) {
+  return t ? Ge(e, t) : Ge(e);
 }
-const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBody: e }), Vt = (e, t) => ({
+const cn = (e) => (t) => /* @__PURE__ */ d.createElement(rr, { attrs: t, htmlBody: e }), ln = (e, t) => ({
   transform: {
-    a: Ht(e),
-    img: Nt(t)
+    a: nn(e),
+    img: cn(t)
   }
-}), Wt = (e) => Bt(e, "a"), Zt = Wt, ae = N((s, o) => {
-  var i = s, { className: e, children: t } = i, n = S(i, ["className", "children"]);
-  return /* @__PURE__ */ r.createElement(
-    It,
-    k(h({
+}), un = (e) => sn(e, "a"), dn = un, be = B((r, o) => {
+  var s = r, { className: e, children: t } = s, n = M(s, ["className", "children"]);
+  return /* @__PURE__ */ d.createElement(
+    mn,
+    k(b({
       type: "button",
-      className: M(e, "humany-button")
-    }, V(n)), {
+      className: z(e, "humany-button")
+    }, W(n)), {
       ref: o
     }),
     t
   );
-}), It = y.button`
+}), mn = y.button`
     -webkit-appearance: button;
     text-transform: none;
     overflow: visible;
@@ -232,277 +253,277 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     line-height: normal;
     margin: 0;
     padding: 0;
-`, Ot = (s) => {
-  var i = s, {
+`, hn = (r) => {
+  var s = r, {
     onChange: e = () => {
     },
     onEnter: t = () => {
     },
     className: n
-  } = i, o = S(i, [
+  } = s, o = M(s, [
     "onChange",
     "onEnter",
     "className"
   ]);
-  return /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ d.createElement(
     "input",
-    h({
-      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))
   );
-}, Co = Ot, Pt = U(new ut()), Ft = U(1), Pe = U({
+}, ys = hn, pn = oe(new It()), fn = oe(1), mt = oe({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), At = U({}), Kt = U(null), Yt = U(null), jt = () => Y(Pe), ye = jt, Xt = () => Y(Pt), W = Xt, Ut = (e, t) => {
-  const n = ye().id, o = W();
-  return (s, i) => {
-    (t || o).getAsync("actionResolver").then((a) => {
-      a.action(e || n, s, i);
+}), gn = oe({}), yn = oe(null), bn = oe(null), vn = () => ee(mt), Pe = vn, $n = () => ee(pn), H = $n, wn = (e, t) => {
+  const n = Pe().id, o = H();
+  return (r, s) => {
+    (t || o).getAsync("actionResolver").then((i) => {
+      i.action(e || n, r, s);
     });
   };
-}, yo = Ut, _t = (e) => {
-  const t = Y(Pe), n = _(), [o, s] = $();
-  return v(() => {
+}, bs = wn, xn = (e) => {
+  const t = ee(mt), n = se(), [o, r] = E();
+  return w(() => {
     if ((e || t.id) && n) {
-      const i = n.nodes.get(e || t.id);
-      s(i);
+      const s = n.nodes.get(e || t.id);
+      r(s);
     }
   }, [e, t.id, n]), o;
-}, be = _t, qt = () => {
-  const e = R(!1);
-  return v(() => (e.current = !0, () => {
+}, Oe = xn, Cn = () => {
+  const e = _(!1);
+  return w(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
-}, O = qt, Qt = (e) => {
-  const t = W(), [n, o] = $(null), s = O();
-  return v(() => {
-    ht.getInstance(e || t).then((i) => {
-      s.current && o(i);
+}, q = Cn, En = (e) => {
+  const t = H(), [n, o] = E(null), r = q();
+  return w(() => {
+    Le.getInstance(e || t).then((s) => {
+      r.current && o(s);
     });
-  }, [s]), n;
-}, _ = Qt, Gt = () => {
-  const e = be(), t = _(), [n, o] = $([]), s = O(), i = H(
-    (a) => {
-      if (t && s.current && a) {
-        const l = t.getBranch(a), u = a.getChildren(l).map((c) => pt(c));
-        o(u);
+  }, [r]), n;
+}, se = En, Sn = () => {
+  const e = Oe(), t = se(), [n, o] = E([]), r = q(), s = D(
+    (i) => {
+      if (t && r.current && i) {
+        const c = t.getBranch(i), l = i.getChildren(c).map((a) => rt(a));
+        o(l);
       }
     },
-    [s, t, o, e]
+    [r, t, o, e]
   );
-  return v(() => {
-    e && i(e);
-  }, [e, t]), v(() => {
+  return w(() => {
+    e && s(e);
+  }, [e, t]), w(() => {
     if (t) {
-      const [a, l] = gt(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] = jt(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;
-}, bo = Gt, Jt = () => Y(Ft), vo = Jt, en = (e, t) => {
-  const n = ye(), o = W(), [s, i] = $(void 0), a = O(), l = e || n.type || "";
-  return v(() => {
-    if (l) {
-      let u;
-      return (t || o).getAsync("componentResolver").then((c) => {
-        if (a.current) {
-          const m = c.getComponent(l);
-          i(m);
+  }, [e, t, s]), n;
+}, vs = Sn, kn = () => ee(fn), $s = kn, _n = (e, t) => {
+  const n = Pe(), o = H(), [r, s] = E(void 0), i = q(), c = e || n.type || "";
+  return w(() => {
+    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]), s;
-}, Eo = en, tn = (e) => {
-  const t = be(e), n = _(), [o, s] = $({}), i = O();
-  return v(() => {
-    t && i.current && s(t.attributes.context);
-  }, [i, t]), v(() => {
+  }, [i, c, t, o]), r;
+}, ws = _n, Dn = (e) => {
+  const t = Oe(e), n = se(), [o, r] = E({}), s = q();
+  return 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 && s(u.node.attributes.context);
+        (c, l) => {
+          t === l.node && s.current && r(l.node.attributes.context);
         }
       );
       return () => {
-        a();
+        i();
       };
     }
-  }, [i, n, t]), o;
-}, nn = tn, rn = () => Y(Yt), xo = rn, on = () => {
-  const e = _(), t = ye(), [n, o] = $([]), [s, i] = $();
-  return v(() => {
+  }, [s, n, t]), o;
+}, Tn = Dn, Mn = () => ee(bn), xs = Mn, zn = () => {
+  const e = se(), t = Pe(), [n, o] = E([]), [r, s] = E();
+  return w(() => {
     if (e && t) {
-      const a = new Ct(e).withId(t.id), l = e.actions(a, t.type || Q());
-      i(l), n !== null && (n.forEach((u) => {
-        l.dispatch(u.key, u.data).then((c) => u.resolve(c)).catch((c) => u.reject(c));
+      const i = new Vt(e).withId(t.id), c = e.actions(i, t.type || ce());
+      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
     });
-  }) : s.dispatch(a, l);
-}, wo = on, I = (e, t, n = window, o = () => !0) => {
-  const s = R(() => {
+  }) : r.dispatch(i, c);
+}, Cs = zn, K = (e, t, n = window, o = () => !0) => {
+  const r = _(() => {
   });
-  v(() => {
-    s.current = t;
-  }, [t]), v(() => {
+  w(() => {
+    r.current = t;
+  }, [t]), w(() => {
     if (!(n && o()))
       return;
-    const a = (l) => s.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]);
-}, sn = (e) => {
-  const t = W(), { events: n } = (e || t).get("$widget");
+}, Ln = (e) => {
+  const t = H(), { events: n } = (e || t).get("$widget");
   return n;
-}, an = sn, cn = () => {
-  const [e, t] = $(!1);
-  return v(() => {
+}, Pn = Ln, On = () => {
+  const [e, t] = E(!1);
+  return w(() => {
     const n = () => {
       t(!1);
-    }, o = (s) => {
-      s.keyCode === 9 && t(!0);
+    }, o = (r) => {
+      r.keyCode === 9 && t(!0);
     };
     return window.addEventListener("keydown", o), window.addEventListener("click", n), () => {
       window.removeEventListener("keydown", o), window.removeEventListener("click", n);
     };
   }, []), e;
-}, $o = cn, ln = (e, t) => {
-  const [n, o] = $(!1), s = H(
-    (a) => {
-      const { key: l } = a;
-      l === e && (o(!0), t && t(a));
+}, Es = On, Rn = (e, t) => {
+  const [n, o] = E(!1), r = D(
+    (i) => {
+      const { key: c } = i;
+      c === e && (o(!0), t && t(i));
     },
     [o, t]
-  ), i = H(
-    ({ key: a }) => {
-      a === e && o(!1);
+  ), s = D(
+    ({ key: i }) => {
+      i === e && o(!1);
     },
     [o]
   );
-  return I("keydown", s, window), I("keyup", i, window), n;
-}, X = ln, un = (e) => {
-  const t = be(e), n = _(), [o, s] = $({}), i = O();
-  return v(() => {
-    t && i.current && s(t.attributes.layout);
-  }, [t, i]), v(() => {
+  return K("keydown", r, window), K("keyup", s, window), n;
+}, te = Rn, Nn = (e) => {
+  const t = Oe(e), n = se(), [o, r] = E({}), s = q();
+  return 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 && s(u.node.attributes.layout);
+        (c, l) => {
+          t === l.node && s.current && r(l.node.attributes.layout);
         }
       );
       return () => {
-        a();
+        i();
       };
     }
-  }, [n, i, t]), o;
-}, ko = un, mn = (e) => {
-  const t = R();
-  return v(() => {
+  }, [n, s, t]), o;
+}, Ss = Nn, In = (e) => {
+  const t = _();
+  return w(() => {
     t.current = e;
   }), t.current;
-}, Fe = mn, dn = () => Y(At), Lo = dn, fn = (e) => {
-  const [t, n] = $(), o = W(), s = O();
-  return v(() => {
-    let i;
-    const a = (e || o).get("$widget");
-    if (!a)
+}, ht = In, Bn = () => ee(gn), ks = Bn, Wn = (e) => {
+  const [t, n] = E(), o = H(), r = q();
+  return w(() => {
+    let s;
+    const i = (e || o).get("$widget");
+    if (!i)
       return;
-    const { name: l, invoke: u } = a;
-    return u("renderState").then((c) => {
-      s.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":
-            s.current && n(
-              p === "open" ? oe.open : oe.closed
+            r.current && n(
+              h === "open" ? fe.open : fe.closed
             );
             break;
           case "hide":
-            s.current && n(oe.hidden);
+            r.current && n(fe.hidden);
         }
       });
     }), () => {
-      i && i();
+      s && s();
     };
-  }, [s]), t;
-}, Mo = fn, hn = () => Y(Kt), Ae = hn, pn = (e) => {
-  const t = W(), n = Ae(), [o, s] = $({ name: "", params: {} }), i = O();
-  return v(() => {
-    const a = (e || t).get("$widget");
-    if (!a)
+  }, [r]), t;
+}, _s = Wn, Hn = () => ee(yn), pt = Hn, jn = (e) => {
+  const t = H(), n = pt(), [o, r] = E({ name: "", params: {} }), s = q();
+  return w(() => {
+    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;
-        De(d), s({ 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;
+        Ze(p), r({ name: h, params: p });
       }
     });
-  }, [i, e, t]), v(() => {
-    if (n && n.history && i.current) {
-      const a = n.getRouteData(), { name: l, params: u } = a;
-      De(u), s({ name: l, params: u });
-    }
-  }, [n, i]), o;
-}, So = pn, Ke = (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;
+      Ze(l), r({ name: c, params: l });
+    }
+  }, [n, s]), o;
+}, Ds = jn, ft = (e) => {
+  const t = _(), n = _(0);
   let o;
-  const s = H(() => {
-    var c;
-    (c = t.current) == null || c.classList.add("humany-scrolling"), clearTimeout(o), o = setTimeout(() => {
-      var m;
-      (m = t.current) == null || m.classList.remove("humany-scrolling");
+  const r = D(() => {
+    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 = H(
-    (c) => {
-      n.current = c.touches[0].clientY;
+  }, [t]), s = D(
+    (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 = H(
-    (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 = D(
+    (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, f = n.current - m < 0 ? "up" : "down", C = d <= 0 && f === "up", x = d >= p.scrollHeight - p.offsetHeight && f === "down";
-      (C || x) && c.preventDefault(), n.current = m;
+      const 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 I("scroll", s, t.current, () => t.current && e), I("touchstart", i, t.current, () => t.current && e), I("touchmove", u, t.current, () => t.current && e), e ? [gn, t] : ["", t];
-}, gn = `
-    overflow-y: ${Ne() === pe.Chrome || Ne() === pe.EdgeChromium ? "overlay" : "auto"};
+  return 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 ? [Vn, t] : ["", t];
+}, Vn = `
+    overflow-y: ${Je() === De.Chrome || Je() === De.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
     scrollbar-width: thin; /* Firefox */
@@ -529,65 +550,65 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             background-color: #7F7F7F;
         }
     }
-`, Cn = () => {
-  const [e, t] = $(null), n = W(), o = O();
-  return v(() => {
-    n.get("settings").then((s) => {
-      o.current && t(s);
+`, Fn = () => {
+  const [e, t] = E(null), n = H(), o = q();
+  return w(() => {
+    n.get("settings").then((r) => {
+      o.current && t(r);
     });
   }, [o]), e;
-}, Ro = Cn, yn = (e = !1) => {
-  const [t, n] = $(e), o = H((s) => {
-    n(typeof s == "boolean" ? s : (i) => !i);
+}, Ts = Fn, An = (e = !1) => {
+  const [t, n] = E(e), o = D((r) => {
+    n(typeof r == "boolean" ? r : (s) => !s);
   }, []);
   return [t, o];
-}, Ye = yn, Ho = (e) => {
-  const t = W(), n = _(), o = t.get("widgetDOMElement"), [s, i] = $(null), [a, l] = $(null), u = O();
-  v(() => {
-    if (n && u.current) {
-      const m = n.nodes.all.find((d) => d.name === "root-area"), p = n.nodes.all.find((d) => d.type === "view");
-      if (!(p != null && p.attributes.properties.animation) && !(m != null && m.attributes.properties.animation))
+}, gt = An, Ms = (e) => {
+  const t = H(), n = se(), o = t.get("widgetDOMElement"), [r, s] = E(null), [i, c] = E(null), l = q();
+  w(() => {
+    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}"]`), f = d(p == null ? void 0 : p.id);
-        f && i(f);
-        const C = d(m == null ? void 0 : m.id);
-        C && l(C);
+        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 = H(
-    (m) => {
-      u.current && (m.target === s || m.target === a) && e();
+  }, [n, t, l]);
+  const a = D(
+    (u) => {
+      l.current && (u.target === r || u.target === i) && e();
     },
-    [e, u, s, a]
+    [e, l, r, i]
   );
-  I("transitionend", c, s), I("transitionend", c, a);
-}, bn = (e, t, n = [], o) => {
-  const s = an(o);
-  return v(() => {
-    if (s) {
-      const i = s.subscribe(e, t);
+  K("transitionend", a, r), K("transitionend", a, i);
+}, Kn = (e, t, n = [], o) => {
+  const r = Pn(o);
+  return w(() => {
+    if (r) {
+      const s = r.subscribe(e, t);
       return () => {
-        i();
+        s();
       };
     }
-  }, [s].concat(n)), (i) => s == null ? void 0 : s.dispatch(e, i);
-}, ce = bn, vn = (e, t) => {
-  const n = ce("widget:menu-toggled", (o, s) => {
-    s !== e && t();
+  }, [r].concat(n)), (s) => r == null ? void 0 : r.dispatch(e, s);
+}, ve = Kn, qn = (e, t) => {
+  const n = ve("widget:menu-toggled", (o, r) => {
+    r !== e && t();
   });
   return () => n(e);
-}, ve = vn, En = (o) => {
-  var s = o, { className: e, children: t } = s, n = S(s, ["className", "children"]);
-  return /* @__PURE__ */ r.createElement(
+}, Re = qn, Yn = (o) => {
+  var r = o, { className: e, children: t } = r, n = M(r, ["className", "children"]);
+  return /* @__PURE__ */ d.createElement(
     "span",
-    h({
-      className: M(e, "humany-text")
-    }, V(n)),
+    b({
+      className: z(e, "humany-text")
+    }, W(n)),
     t
   );
-}, Ee = En, je = (e) => L`
+}, Ne = Yn, yt = (e) => S`
     display: flex;
     justify-content: center;
     flex-direction: column;
@@ -596,9 +617,9 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     border: ${e.theme.border};
     box-shadow: ${e.theme.boxShadow || "none"};
     ${e["data-loading"] && "min-height: 150px;"}
-`, xn = (e) => {
+`, Un = (e) => {
   var t, n, o;
-  return L`
+  return S`
     cursor: pointer;
     text-align: center;
     border: none;
@@ -608,11 +629,11 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     font-family: ${(n = e.theme.fonts) == null ? void 0 : n.type};
     font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
 `;
-}, To = (e) => {
-  var a;
-  const { primaryColor: t, secondaryColor: n, active: o, theme: s, disabled: i } = e;
-  return L`
-        ${xn(e)}
+}, zs = (e) => {
+  var i;
+  const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: s } = e;
+  return S`
+        ${Un(e)}
         border: 1px solid ${o ? n : t};
         background-color: ${o ? t : n};
 
@@ -625,10 +646,10 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         a {
             transition: color 200ms ease-out;
             color: ${o ? n : t};
-            font-size: ${(a = s.fonts) == null ? void 0 : a.normal};
+            font-size: ${(i = r.fonts) == null ? void 0 : i.normal};
         }
 
-        ${!i && L`
+        ${!s && S`
             &:hover {
                 background-color: ${t};
                 color: ${n};
@@ -642,27 +663,27 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
             }
 
             &:focus-visible {
-                ${A(e)};
+                ${Z(e)};
             }
         `}
     `;
-}, A = (e) => {
+}, Z = (e) => {
   var t, n, o;
-  return L`
+  return S`
     outline: ${(t = e.theme.accessibility) == null ? void 0 : t.border};
     color: ${(o = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : o.inactiveText};
     border-color: transparent;
 `;
-}, wn = (e) => L`
-    ${A(e)}
+}, Xn = (e) => S`
+    ${Z(e)}
     text-decoration: underline;
-`, Do = (e) => {
+`, Ls = (e) => {
   var t;
-  return L`
-    ${A(e)}
+  return S`
+    ${Z(e)}
     outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
 `;
-}, xe = y(ae)`
+}, Ie = y(be)`
     position: absolute;
     top: ${(e) => {
   var t;
@@ -682,7 +703,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     }
 
     &:focus-visible {
-        ${A}
+        ${Z}
         padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -690,7 +711,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         height: 15px;
         box-sizing: content-box;
     }
-`, Ve = y(Ee)`
+`, et = y(Ne)`
     font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -701,9 +722,9 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, $n = (e) => {
+`, Zn = (e) => {
   var t;
-  return L`
+  return S`
     padding: 0;
     margin: 0;
     list-style: none;
@@ -723,13 +744,13 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         margin: 0;
     }
 `;
-}, Bo = (e) => {
-  var t, n, o, s;
-  return L`
+}, Ps = (e) => {
+  var t, n, o, r;
+  return S`
     > div {
-        ${ie(e)(
+        ${ye(e)(
     "> h1",
-    L`
+    S`
                 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;
@@ -739,15 +760,15 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
   )}
     }
     > ul {
-        ${$n(e)}
+        ${Zn(e)}
     }
-    ${ie(e)(
+    ${ye(e)(
     "h1",
-    L`
+    S`
             display: flex;
             align-items: center;
             i {
-                margin: 7px ${(s = e.theme.sizes) == null ? void 0 : s.normal} 0 0;
+                margin: 7px ${(r = e.theme.sizes) == null ? void 0 : r.normal} 0 0;
                 width: 24px;
                 display: inline-block;
                 vertical-align: text-bottom;
@@ -759,9 +780,9 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
         `
   )}
 `;
-}, zo = (e) => {
-  var t, n, o, s, i, a;
-  return L`
+}, Os = (e) => {
+  var t, n, o, r, s, i;
+  return S`
     font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
     font-weight: 300;
     line-height: 1.5em;
@@ -788,7 +809,7 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
     a {
         color: ${(o = e.theme.colors) == null ? void 0 : o.link};
         &:focus-visible {
-            ${wn(e)};
+            ${Xn(e)};
         }
     }
 
@@ -799,537 +820,34 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
 
     p {
         word-break: break-word;
-        margin: ${(s = e.theme.sizes) == null ? void 0 : s.normal} 0;
+        margin: ${(r = e.theme.sizes) == null ? void 0 : r.normal} 0;
     }
 
     p:first-child {
-        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;
     }
 `;
-}, kn = ({
+}, Qn = ({
   elementId: e = "humany-portal-elements",
   parent: t = document.body,
   children: n
 }) => {
-  const [o] = $(() => {
-    const s = document.getElementById(e) || document.createElement("div");
-    return s.id = e, s;
+  const [o] = E(() => {
+    const r = document.getElementById(e) || document.createElement("div");
+    return r.id = e, r;
   });
-  return v(() => (t.appendChild(o), () => {
+  return w(() => (t.appendChild(o), () => {
     o.childElementCount <= 1 && t.removeChild(o);
-  }), [o]), Et(n, o);
-}, G = kn, Ln = (l) => {
-  var u = l, {
-    text: e = "",
-    backgroundSize: t = "contain",
-    size: n = 12,
-    symbol: o = {
-      content: "",
-      type: ""
-    },
-    elementStyle: s = {},
-    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__ */ r.createElement(
-        "i",
-        h(h({
-          className: M(i, "humany-icon", "humany-custom-icon"),
-          title: e,
-          style: h(h({}, d), s)
-        }, p), a)
-      );
-    }
-    case "Svg": {
-      const d = k(h({
-        className: M(i, "humany-icon"),
-        width: `${n}`,
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, a), {
-        ref: null
-      }), f = { minWidth: `${n}` };
-      switch (m) {
-        case "search":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 32 30" }, d), /* @__PURE__ */ r.createElement(
-            "circle",
-            {
-              cx: "14.8457",
-              cy: "14.5175",
-              r: "8.14359",
-              transform: "rotate(45 14.8457 14.5175)"
-            }
-          ), /* @__PURE__ */ r.createElement("line", { x1: "21.1001", y1: "20.4865", x2: "26.5798", y2: "25.9661" }));
-        case "clear":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 27 27" }, d), /* @__PURE__ */ r.createElement(
-            "circle",
-            {
-              cx: "13.4351",
-              cy: "13.435",
-              r: "9",
-              transform: "rotate(45 13.4351 13.435)",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "line",
-            {
-              x1: "16.6172",
-              y1: "10.2531",
-              x2: "10.2533",
-              y2: "16.6171",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "line",
-            {
-              x1: "16.6171",
-              y1: "16.617",
-              x2: "10.2532",
-              y2: "10.2531",
-              stroke: "black"
-            }
-          ));
-        case "close":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 13 13" }, d), /* @__PURE__ */ r.createElement("path", { d: "M12.3068 0.50647L1.27246 11.7273", stroke: "black" }), /* @__PURE__ */ r.createElement("path", { d: "M12.2812 11.9473L1.24686 0.726451", stroke: "black" }));
-        case "caret-right":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "4.13", y1: "1.05", x2: "10.13", y2: "7.05", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "10.13", y1: "6.95", x2: "4.13", y2: "12.95", stroke: "black" }));
-        case "caret-left":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "10.13", y1: "12.95", x2: "4.13", y2: "6.95", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "4.13", y1: "7.05", x2: "10.13", y2: "1.05", stroke: "black" }));
-        case "caret-up":
-          return /* @__PURE__ */ r.createElement(Mn, h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
-        case "caret-down":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
-        case "back":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 18 18" }, d), /* @__PURE__ */ r.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__ */ r.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__ */ r.createElement("svg", h({ viewBox: "0 0 19 19" }, d), /* @__PURE__ */ r.createElement("circle", { cx: "9.5", cy: "9.5", r: "9.5", fill: "#CA0813" }), /* @__PURE__ */ r.createElement(
-            "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__ */ r.createElement("svg", h({ viewBox: "0 0 20 17" }, d), /* @__PURE__ */ r.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__ */ r.createElement("svg", h({ viewBox: "-2 -3 40 40" }, d), /* @__PURE__ */ r.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__ */ r.createElement(
-            "path",
-            {
-              strokeWidth: "0",
-              d: "M12.9395 17.1786C12.9395 18.6079 11.7809 19.7665 10.3516 19.7665C8.92237 19.7665 7.76373 18.6079 7.76373 17.1786C7.76373 15.7493 8.92237 14.5907 10.3516 14.5907C11.7809 14.5907 12.9395 15.7493 12.9395 17.1786Z",
-              fill: "currentColor"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "path",
-            {
-              strokeWidth: "0",
-              d: "M19.4093 17.1786C19.4093 18.6079 18.2507 19.7665 16.8214 19.7665C15.3921 19.7665 14.2335 18.6079 14.2335 17.1786C14.2335 15.7493 15.3921 14.5907 16.8214 14.5907C18.2507 14.5907 19.4093 15.7493 19.4093 17.1786Z",
-              fill: "currentColor"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "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__ */ r.createElement("svg", h({ viewBox: "0 0 26 24" }, d), /* @__PURE__ */ r.createElement(
-            "path",
-            {
-              d: "M22.1109 10.3813C22.3941 10.2876 22.6674 10.1722 22.9288 10.0371C23.1902 10.9797 23.33 11.9734 23.33 13C23.33 19.0751 18.4348 24 12.3962 24C9.6352 24 7.11325 22.9705 5.18893 21.2721L0.82251 22.8226C0.277922 23.0159 -0.207515 22.4161 0.0911259 21.9188L2.55952 17.8084C1.85665 16.3558 1.46233 14.7242 1.46233 13C1.46233 6.92487 6.35758 2 12.3962 2C13.4013 2 14.3747 2.13645 15.2992 2.39193C15.1628 2.65458 15.0464 2.92925 14.9519 3.21394C14.1358 2.99881 13.2793 2.88427 12.3962 2.88427C6.84301 2.88427 2.34128 7.41324 2.34128 13C2.34128 14.7493 2.78263 16.3949 3.5594 17.8302L1.18047 21.7634L5.41046 20.2757C7.21939 22.034 9.68221 23.1157 12.3962 23.1157C17.9493 23.1157 22.451 18.5868 22.451 13C22.451 12.0944 22.3328 11.2165 22.1109 10.3813Z",
-              fill: "currentColor"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "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__ */ r.createElement("svg", h({ viewBox: "0 0 36 30" }, d), /* @__PURE__ */ r.createElement(
-            "path",
-            {
-              d: "M0.900024 15.3887C0.900024 12.9034 2.91474 10.8887 5.40002 10.8887H6.28179V20.0995H5.40002C2.91474 20.0995 0.900024 18.0848 0.900024 15.5995V15.3887Z",
-              stroke: "white"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "path",
-            {
-              d: "M34.65 15.5996C34.65 18.0849 32.6353 20.0996 30.15 20.0996L29.2683 20.0996L29.2683 10.8888L30.15 10.8888C32.6353 10.8888 34.65 12.9035 34.65 15.3888L34.65 15.5996Z",
-              stroke: "white"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "path",
-            {
-              d: "M29.2565 20.5974C29.2565 26.341 22.8747 26.9792 19.6838 26.9792",
-              stroke: "white"
-            }
-          ), /* @__PURE__ */ r.createElement("circle", { cx: "17.4074", cy: "26.9795", r: "2.05271", stroke: "white" }), /* @__PURE__ */ r.createElement(
-            "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__ */ r.createElement("svg", h({ viewBox: "0 -10 22 22" }, d), /* @__PURE__ */ r.createElement("path", { d: "M0 1H22", stroke: "white" }));
-        case "sorting":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 18 14" }, d), /* @__PURE__ */ r.createElement("path", { d: "M18 1H0M8 13H0M13 7H0" }));
-        case "copy":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 19 17" }, d), /* @__PURE__ */ r.createElement(
-            "rect",
-            {
-              x: "0.5",
-              y: "0.5",
-              width: "11.6667",
-              height: "11.6014",
-              rx: "1.5",
-              fill: "white"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "rect",
-            {
-              x: "6.83301",
-              y: "4.89868",
-              width: "11.6667",
-              height: "11.6014",
-              rx: "1.5",
-              fill: "white"
-            }
-          ));
-        case "print":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 16 17" }, d), /* @__PURE__ */ r.createElement(
-            "path",
-            {
-              d: "M4.31592 0.999999C4.31592 0.723857 4.53977 0.5 4.81592 0.5H11.1845C11.4606 0.5 11.6845 0.723858 11.6845 1V4.53323H4.31592V0.999999Z",
-              fill: "white",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "path",
-            {
-              d: "M0.5 4.84595C0.5 4.56981 0.723858 4.34595 1 4.34595H15C15.2761 4.34595 15.5 4.5698 15.5 4.84595V10.8399C15.5 11.116 15.2761 11.3399 15 11.3399H1C0.723858 11.3399 0.5 11.116 0.5 10.8399V4.84595Z",
-              fill: "white",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "path",
-            {
-              d: "M4.31592 10.0061C4.31592 9.72996 4.53978 9.5061 4.81592 9.5061H11.1845C11.4606 9.5061 11.6845 9.72996 11.6845 10.0061V16.0001C11.6845 16.2762 11.4606 16.5001 11.1845 16.5001H4.81592C4.53978 16.5001 4.31592 16.2762 4.31592 16.0001V10.0061Z",
-              fill: "white",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "line",
-            {
-              x1: "5.29004",
-              y1: "10.8323",
-              x2: "10.7101",
-              y2: "10.8323",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "line",
-            {
-              x1: "5.29004",
-              y1: "12.5242",
-              x2: "10.7101",
-              y2: "12.5242",
-              stroke: "black"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "line",
-            {
-              x1: "5.29004",
-              y1: "14.2161",
-              x2: "10.7101",
-              y2: "14.2161",
-              stroke: "black"
-            }
-          ));
-        case "language":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 19 19" }, d), /* @__PURE__ */ r.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__ */ r.createElement("svg", h({ viewBox: "0 0 17 17" }, d), /* @__PURE__ */ r.createElement(
-            "path",
-            {
-              d: "M9.72182 5.99993C10.0524 5.99993 10.3203 5.73198 10.3203 5.40145C10.3203 5.07092 10.0524 4.80297 9.72182 4.80297C9.39129 4.80297 9.12335 5.07092 9.12335 5.40145C9.12335 5.73198 9.39129 5.99993 9.72182 5.99993Z",
-              fill: "black"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "path",
-            {
-              d: "M7.21887 6.67639C6.89117 6.71981 6.66072 7.02066 6.70414 7.34836C6.74756 7.67605 7.04841 7.9065 7.3761 7.86308L8.353 7.73364L7.17405 11.3945C7.11289 11.5844 7.15164 11.7825 7.26117 11.932C7.38068 12.1287 7.60875 12.2469 7.85155 12.2147L9.40669 12.0087C9.73436 11.9653 9.96479 11.6645 9.92137 11.3368C9.87795 11.0091 9.57713 10.7787 9.24947 10.8221L8.58762 10.9098L9.76774 7.24534C9.83038 7.05084 9.78821 6.84771 9.67254 6.69702C9.55085 6.50877 9.32791 6.39694 9.09093 6.42834L7.21887 6.67639Z",
-              fill: "black"
-            }
-          ), /* @__PURE__ */ r.createElement(
-            "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__ */ r.createElement("svg", h({ viewBox: "0 0 16 2" }, d), /* @__PURE__ */ r.createElement("circle", { cx: "15", cy: "1", r: "1", transform: "rotate(90 15 1)", fill: "black" }), /* @__PURE__ */ r.createElement("circle", { cx: "1", cy: "1", r: "1", transform: "rotate(90 1 1)", fill: "black" }), /* @__PURE__ */ r.createElement("circle", { cx: "8", cy: "1", r: "1", transform: "rotate(90 8 1)", fill: "black" }));
-        case "browse":
-          return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement("circle", { cx: "12", cy: "12", r: "12", fill: "currentColor" }), /* @__PURE__ */ r.createElement(
-            "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__ */ r.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__ */ r.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__ */ r.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 f.minWidth && typeof f.minWidth == "number" && (f.minWidth = `${f.minWidth}px`), /* @__PURE__ */ r.createElement("svg", k(h({ viewBox: "0 0 25 25" }, d), { style: f }), /* @__PURE__ */ r.createElement(
-            "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__ */ r.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__ */ r.createElement("svg", h({ viewBox: "0 0 13 12" }, d), /* @__PURE__ */ r.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__ */ r.createElement("svg", h({ viewBox: "0 0 13 12" }, d), /* @__PURE__ */ r.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__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.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__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.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__ */ r.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__ */ r.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__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.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__ */ r.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__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.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__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.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__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.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__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement("path", { d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" }));
-      }
-      return null;
-    }
-    case "FontAwesome":
-      return /* @__PURE__ */ r.createElement(
-        Un,
-        h({
-          className: i,
-          faIcon: m,
-          title: e
-        }, a)
-      );
-    default:
-    case "Text":
-      return e ? /* @__PURE__ */ r.createElement(
-        "i",
-        h(h({
-          className: M(i, "humany-letter-symbol"),
-          title: e
-        }, p), a),
-        e.substring(0, 2)
-      ) : null;
-  }
-}, Mn = y.svg`
-    transform: rotate(180deg);
-`, J = Ln, Sn = {
+  }), [o]), Yt(n, o);
+}, le = Qn, Gn = () => /* @__PURE__ */ d.createElement("div", null, "Todo:"), ue = Gn, Jn = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1338,92 +856,92 @@ const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBod
   h6: "h6",
   p: "p",
   span: "span"
-}, Rn = ({ variant: e, component: t, className: n, children: o }) => {
-  const { typographyVariantMapping: s = {} } = nn(), i = h(h({}, Sn), s), a = t || i[e] || "span";
-  return /* @__PURE__ */ r.createElement(Hn, { className: n, as: a }, o);
-}, Hn = y.span``, q = Rn;
-var Tn = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Tn || {});
-const Dn = 300, Bn = ({
+}, eo = ({ variant: e, component: t, className: n, children: o }) => {
+  const { typographyVariantMapping: r = {} } = Tn(), s = b(b({}, Jn), r), i = t || s[e] || "span";
+  return /* @__PURE__ */ d.createElement(to, { className: n, as: i }, o);
+}, to = y.span``, ae = eo;
+var no = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(no || {});
+const oo = 300, ro = ({
   className: e,
   children: t,
   header: n,
   onToggle: o,
-  trigger: s,
-  fullScreen: i = !1,
-  closeButtonAriaLabel: a,
-  animation: l = {
+  trigger: r,
+  fullScreen: s = !1,
+  closeButtonAriaLabel: i,
+  animation: c = {
     type: "slide-in-bottom"
   }
 }) => {
-  const { duration: u = Dn } = l, c = R(), m = R(), [p, d] = Ke(!0), [f, C] = Ye(), x = Fe(f), b = R(Q());
-  v(() => {
-    o && o(f);
-  }, [f]);
-  const E = X("Escape");
-  v(() => {
-    E && C(!1);
-  }, [E]), I(
+  const { duration: l = oo } = c, a = _(), u = _(), [h, p] = ft(!0), [m, g] = gt(), x = ht(m), v = _(ce());
+  w(() => {
+    o && o(m);
+  }, [m]);
+  const $ = te("Escape");
+  w(() => {
+    $ && g(!1);
+  }, [$]), K(
     "click",
-    (z) => {
-      const { target: T } = z;
-      !m.current || !d.current || !T || m.current !== T && d.current !== T && !d.current.contains(T) && !m.current.contains(T) && C(!1);
+    (O) => {
+      const { target: T } = O;
+      !u.current || !p.current || !T || u.current !== T && p.current !== T && !p.current.contains(T) && !u.current.contains(T) && g(!1);
     },
     window
   );
-  const g = ve(b.current, () => {
-    C(!1);
+  const f = Re(v.current, () => {
+    g(!1);
   });
-  ce("router:changed", () => {
-    C(!1);
-  }), v(() => {
-    f && c.current ? c.current.focus() : !f && m.current && x && m.current.focus();
-  }, [f, c.current, m.current]);
-  const B = In[l.type];
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-    Ie,
+  ve("router:changed", () => {
+    g(!1);
+  }), w(() => {
+    m && a.current ? a.current.focus() : !m && u.current && x && u.current.focus();
+  }, [m, a.current, u.current]);
+  const L = uo[c.type];
+  return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(
+    lt,
     {
-      in: f,
+      in: m,
       className: "humany-drawer-transition",
       classNames: "humany-drawer-transition",
       unmountOnExit: !0,
-      timeout: u
+      timeout: l
     },
-    /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      B,
+    /* @__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__ */ r.createElement(
-        xe,
+      /* @__PURE__ */ d.createElement(
+        Ie,
         {
-          onClick: () => C(!1),
+          onClick: () => g(!1),
           tabIndex: 0,
-          ref: c,
-          "aria-label": a
+          ref: a,
+          "aria-label": i
         },
-        /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ d.createElement(ue, { symbol: { type: "Svg", content: "close" } })
       ),
-      !!n && /* @__PURE__ */ r.createElement(zn, { variant: "h1", className: "humany-drawer-header" }, n),
+      !!n && /* @__PURE__ */ d.createElement(so, { variant: "h1", className: "humany-drawer-header" }, n),
       t
     ))
-  ), r.cloneElement(s, {
-    onClick: (z) => {
-      C(), g();
+  ), d.cloneElement(r, {
+    onClick: (O) => {
+      g(), f();
     },
-    ref: m,
-    "aria-label": s.props.title,
-    "aria-expanded": f
+    ref: u,
+    "aria-label": r.props.title,
+    "aria-expanded": m
   }));
-}, No = Bn, le = y.div`
+}, Rs = ro, $e = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -1440,7 +958,7 @@ const Dn = 300, Bn = ({
     box-shadow: ${(e) => e.theme.boxShadow};
     background: #ffffff;
     ${(e) => e.css && e.css}
-`, zn = y(q)`
+`, so = y(ae)`
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1463,11 +981,11 @@ const Dn = 300, Bn = ({
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
     line-height: 1.2em;
-`, ue = (e) => L`
+`, we = (e) => S`
     transition: ${e.duration}ms;
-`, Nn = y(le)`
+`, io = y($e)`
     max-height: 0;
-    ${ue}
+    ${we}
 
     &.humany-drawer-transition-enter {
         max-height: 0;
@@ -1482,8 +1000,8 @@ const Dn = 300, Bn = ({
     &.humany-drawer-transition-exit-done {
         max-height: 0;
     }
-`, Vn = y(le)`
-    ${ue}
+`, ao = y($e)`
+    ${we}
     transform: translateX(100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1500,8 +1018,8 @@ const Dn = 300, Bn = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(100%);
     }
-`, Wn = y(le)`
-    ${ue}
+`, co = y($e)`
+    ${we}
     transform: translateX(-100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1518,8 +1036,8 @@ const Dn = 300, Bn = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(-100%);
     }
-`, Zn = y(le)`
-    ${ue}
+`, lo = y($e)`
+    ${we}
     bottom: unset;
     top: 0;
     height: 0;
@@ -1537,91 +1055,91 @@ const Dn = 300, Bn = ({
     &.humany-drawer-transition-exit-done {
         height: 0;
     }
-`, In = {
-  ["slide-in-bottom"]: Nn,
-  ["slide-in-right"]: Vn,
-  ["slide-in-left"]: Wn,
-  ["slide-in-top"]: Zn
-}, On = (e, t, n) => {
-  const [o, s] = $(0), [i, a] = $(0), l = H(
-    (u, c) => {
-      if (u.preventDefault(), c) {
-        const m = c.getBoundingClientRect();
-        s(Math.max(document.body.clientWidth - m.right, 1)), a(m.bottom + window.scrollY);
+`, uo = {
+  ["slide-in-bottom"]: io,
+  ["slide-in-right"]: ao,
+  ["slide-in-left"]: co,
+  ["slide-in-top"]: lo
+}, mo = (e, t, n) => {
+  const [o, r] = E(0), [s, i] = E(0), c = D(
+    (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, s, a]
+    [o, s, r, i]
   );
-  return v(() => {
+  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 && s(c.x), c.y !== i && a(c.y);
-  }, [n, e, t]), [{ x: o, y: i }, l];
-}, Xe = On, Pn = r.forwardRef(
-  (a, i) => {
-    var l = a, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = l, s = S(l, ["className", "children", "trigger", "closeButtonAriaLabel"]);
-    const u = R(), c = R(), m = R();
-    Ce(i, () => m.current, [m.current]);
-    const p = R(Q()), [d, f] = $(!1), C = Fe(d), [{ x, y: b }, E] = Xe(d, p.current, m.current), g = X("Escape");
-    v(() => {
-      g && f(!1);
-    }, [g]), v(() => {
-      d && u.current ? u.current.focus() : !d && c.current && C && c.current.focus();
-    }, [d, u.current, c.current]), I(
+    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];
+}, bt = mo, ho = d.forwardRef(
+  (i, s) => {
+    var c = i, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = c, r = M(c, ["className", "children", "trigger", "closeButtonAriaLabel"]);
+    const l = _(), a = _(), u = _();
+    ze(s, () => u.current, [u.current]);
+    const h = _(ce()), [p, m] = E(!1), g = ht(p), [{ x, y: v }, $] = bt(p, h.current, u.current), f = te("Escape");
+    w(() => {
+      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: j } = T;
-        !m.current || !j || m.current !== j && !m.current.contains(j) && f(!1);
+        const { target: V } = T;
+        !u.current || !V || u.current !== V && !u.current.contains(V) && m(!1);
       },
       window
-    ), ce("router:changed", () => {
-      f(!1);
+    ), ve("router:changed", () => {
+      m(!1);
     });
-    const B = ve(p.current, () => {
-      f(!1);
-    }), z = H(
+    const L = Re(h.current, () => {
+      m(!1);
+    }), O = D(
       (T) => {
-        T.stopPropagation(), E(T, c.current), f(!d), B();
+        T.stopPropagation(), $(T, a.current), m(!p), L();
       },
-      [B, E, f]
+      [L, $, m]
     );
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, d && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      Fn,
-      k(h({
-        className: M(
+    return /* @__PURE__ */ d.createElement(d.Fragment, null, p && /* @__PURE__ */ d.createElement(le, null, /* @__PURE__ */ d.createElement(
+      po,
+      k(b({
+        className: z(
           "humany-dropdown",
-          `humany-dropdown-${p.current}`,
+          `humany-dropdown-${h.current}`,
           e
         )
-      }, s), {
+      }, r), {
         x,
-        y: b,
-        ref: m
+        y: v,
+        ref: u
       }),
-      /* @__PURE__ */ r.createElement(
-        xe,
+      /* @__PURE__ */ d.createElement(
+        Ie,
         {
-          onClick: () => f(!1),
+          onClick: () => m(!1),
           tabIndex: 0,
-          ref: u,
+          ref: l,
           "aria-label": o
         },
-        /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ d.createElement(ue, { symbol: { type: "Svg", content: "close" } })
       ),
       t
-    )), r.cloneElement(n, {
-      onClick: z,
-      ref: c,
+    )), d.cloneElement(n, {
+      onClick: O,
+      ref: a,
       "aria-label": n.props.title,
-      "aria-expanded": d
+      "aria-expanded": p
     }));
   }
-), Vo = Pn, Fn = y.div`
-    ${je}
+), Ns = ho, po = y.div`
+    ${yt}
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -1631,93 +1149,113 @@ const Dn = 300, Bn = ({
     box-shadow: ${(e) => e.theme.boxShadow};
 
     ${(e) => {
-  var n, o, s;
+  var n, o, r;
   let t = "";
-  return e.y > 0 ? t += `top: calc(${((n = e.theme.sizes) == null ? void 0 : n.small) || "0px"} + ${e.y || "0"}px);` : t += `bottom: ${((o = e.theme.sizes) == null ? void 0 : o.normal) || "0px"};`, e.x > 0 ? t += `right: ${e.x || "0"}px;` : t += `left: ${((s = e.theme.sizes) == null ? void 0 : s.normal) || "0px"};`, t;
+  return e.y > 0 ? t += `top: calc(${((n = e.theme.sizes) == null ? void 0 : n.small) || "0px"} + ${e.y || "0"}px);` : t += `bottom: ${((o = e.theme.sizes) == null ? void 0 : o.normal) || "0px"};`, e.x > 0 ? t += `right: ${e.x || "0"}px;` : t += `left: ${((r = e.theme.sizes) == null ? void 0 : r.normal) || "0px"};`, t;
 }};
-`, An = (t) => {
-  var e = S(t, []);
-  return /* @__PURE__ */ r.createElement(Yn, h({}, e));
-}, Kn = An, Yn = y.div`
+`, fo = (t) => {
+  var e = M(t, []);
+  return /* @__PURE__ */ d.createElement(yo, b({}, e));
+}, go = fo, yo = y.div`
     display: none;
-`, Wo = N(
-  (a, i) => {
-    var l = a, { children: e, columns: t, gap: n, className: o } = l, s = S(l, ["children", "columns", "gap", "className"]);
-    return /* @__PURE__ */ r.createElement(
-      jn,
-      k(h(h({
-        className: M(o, "humany-grid"),
+`, Is = B(
+  (i, s) => {
+    var c = i, { children: e, columns: t, gap: n, className: o } = c, r = M(c, ["children", "columns", "gap", "className"]);
+    return /* @__PURE__ */ d.createElement(
+      bo,
+      k(b(b({
+        className: z(o, "humany-grid"),
         "data-columns": t,
         "data-gap": n
-      }, Dt(s)), V(s)), {
-        ref: i
+      }, rn(r)), W(r)), {
+        ref: s
       }),
       e
     );
   }
-), jn = y.div`
+), bo = y.div`
     display: grid;
     grid-template-columns: repeat(${(e) => e["data-columns"]}, 1fr);
     grid-gap: ${(e) => e["data-gap"]};
     justify-content: center;
     grid-auto-rows: max-content;
-    ${Tt}
-`, Ue = N(
-  (i, s) => {
-    var a = i, { htmlParseInstruction: e = null, className: t, html: n } = a, o = S(a, ["htmlParseInstruction", "className", "html"]);
-    const l = W(), [u, c] = $();
-    return v(() => {
-      const m = Vt(l, n), p = k(h(h({}, m), e), {
-        transform: h(h({}, m.transform), e == null ? void 0 : e.transform)
-      }), d = zt(n, p);
-      c(d);
-    }, [n, e]), /* @__PURE__ */ r.createElement(
+    ${on}
+`, vt = B(
+  (s, r) => {
+    var i = s, { htmlParseInstruction: e = null, className: t, html: n } = i, o = M(i, ["htmlParseInstruction", "className", "html"]);
+    const c = H(), [l, a] = E();
+    return w(() => {
+      const u = ln(c, n), h = k(b(b({}, u), e), {
+        transform: b(b({}, u.transform), e == null ? void 0 : e.transform)
+      }), p = an(n, h);
+      a(p);
+    }, [n, e]), /* @__PURE__ */ d.createElement(
       "div",
-      k(h({
-        className: M(t, "humany-html")
-      }, V(o)), {
-        ref: s
+      k(b({
+        className: z(t, "humany-html")
+      }, W(o)), {
+        ref: r
       }),
-      u
+      l
     );
   }
-), Xn = (i) => {
-  var a = i, {
-    faIcon: e,
-    title: t,
-    className: n = "",
-    role: o = "presentation"
-  } = a, s = S(a, [
-    "faIcon",
-    "title",
-    "className",
-    "role"
-  ]);
-  return /* @__PURE__ */ r.createElement(
-    "i",
-    h({
-      className: M(n, `fa fa-${e}`),
-      title: t,
-      role: o
-    }, V(s))
-  );
-}, Un = Xn, Zo = N(
-  (p, m) => {
-    var d = p, {
+);
+var vo = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, xe = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? $o(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 && vo(t, n, r), r;
+};
+let ne = class extends re {
+  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 = [
+  J`
+            :host {
+                display: block;
+            }
+        `
+];
+xe([
+  N({ type: String })
+], ne.prototype, "faIcon", 2);
+xe([
+  N({ type: String })
+], ne.prototype, "title", 2);
+xe([
+  N({ type: String })
+], ne.prototype, "role", 2);
+ne = xe([
+  Kt("ui-icon")
+], ne);
+const Bs = B(
+  (h, u) => {
+    var p = h, {
       className: e = "",
       autoFocus: t = !1,
       onFocusChange: n = () => {
       },
       onEnter: o = () => {
       },
-      onEscape: s = () => {
+      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 = M(p, [
       "className",
       "autoFocus",
       "onFocusChange",
@@ -1728,84 +1266,84 @@ const Dn = 300, Bn = ({
       "disabled",
       "type"
     ]);
-    const [f, C] = $(t), x = R();
-    Ce(m, () => x.current), v(() => {
-      var g;
-      t && ((g = x == null ? void 0 : x.current) == null || g.focus());
-    }, [t, m, x]);
-    const b = (g, B) => {
-      C(g), n && n(g), i && g && B.target.select();
-    }, E = k(h({}, V(c)), {
-      disabled: l,
+    const [m, g] = E(t), x = _();
+    ze(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();
+    }, $ = k(b({}, W(a)), {
+      disabled: c,
       autoFocus: t,
-      type: u,
-      onKeyDown: (g) => {
-        g.key === "Enter" && f && o(g), g.key === "Escape" && f && s(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__ */ r.createElement(
+    return l !== "textarea" ? /* @__PURE__ */ d.createElement(
       "input",
-      k(h({}, E), {
+      k(b({}, $), {
         ref: x
       })
-    ) : /* @__PURE__ */ r.createElement(
+    ) : /* @__PURE__ */ d.createElement(
       "textarea",
-      k(h({}, E), {
+      k(b({}, $), {
         ref: x
       })
     );
   }
-), _n = N(
-  (a, i) => {
-    var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, s = S(l, ["className", "items", "renderItem", "renderLi"]);
-    return /* @__PURE__ */ r.createElement(
+), wo = B(
+  (i, s) => {
+    var c = i, { className: e, items: t, renderItem: n, renderLi: o = !1 } = c, r = M(c, ["className", "items", "renderItem", "renderLi"]);
+    return /* @__PURE__ */ d.createElement(
       "ul",
-      k(h({
-        className: M(e, "humany-list"),
+      k(b({
+        className: z(e, "humany-list"),
         "data-item-count": t.length
-      }, V(s)), {
-        ref: i
+      }, W(r)), {
+        ref: s
       }),
       t.map(
-        (u, c, m) => o ? /* @__PURE__ */ r.createElement("li", { className: "humany-list-item", key: u.id || c }, n(u, c, m)) : n(u, c, m)
+        (l, a, u) => o ? /* @__PURE__ */ d.createElement("li", { className: "humany-list-item", key: l.id || a }, n(l, a, u)) : n(l, a, u)
       )
     );
   }
-), qn = N(
-  (u, l) => {
-    var c = u, { text: e, html: t, header: n, className: o, htmlParseInstruction: s, symbol: i } = c, a = S(c, ["text", "html", "header", "className", "htmlParseInstruction", "symbol"]);
-    return /* @__PURE__ */ r.createElement(
+), xo = B(
+  (l, c) => {
+    var a = l, { text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: s } = a, i = M(a, ["text", "html", "header", "className", "htmlParseInstruction", "symbol"]);
+    return /* @__PURE__ */ d.createElement(
       "div",
-      k(h({
-        className: M(o, "humany-paragraph")
-      }, V(a)), {
-        ref: l
+      k(b({
+        className: z(o, "humany-paragraph")
+      }, W(i)), {
+        ref: c
       }),
-      n ? /* @__PURE__ */ r.createElement(q, { variant: "h1" }, i ? /* @__PURE__ */ r.createElement(J, { symbol: i }) : null, n) : null,
-      t ? /* @__PURE__ */ r.createElement(Ue, { html: t, htmlParseInstruction: s }) : null,
-      e ? /* @__PURE__ */ r.createElement(Ee, null, e) : null
+      n ? /* @__PURE__ */ d.createElement(ae, { variant: "h1" }, s ? /* @__PURE__ */ d.createElement(ue, { symbol: s }) : null, n) : null,
+      t ? /* @__PURE__ */ d.createElement(vt, { html: t, htmlParseInstruction: r }) : null,
+      e ? /* @__PURE__ */ d.createElement(Ne, null, e) : null
     );
   }
-), Qn = N(
-  (f, d) => {
-    var C = f, {
+), Co = B(
+  (m, p) => {
+    var g = m, {
       header: e,
       customHeader: t,
       text: n,
       html: o,
-      className: s,
-      children: i,
-      symbol: a,
-      items: l,
-      renderItem: u,
-      renderLi: c,
-      ulProps: m
-    } = C, p = S(C, [
+      className: r,
+      children: s,
+      symbol: i,
+      items: c,
+      renderItem: l,
+      renderLi: a,
+      ulProps: u
+    } = g, h = M(g, [
       "header",
       "customHeader",
       "text",
@@ -1818,120 +1356,120 @@ const Dn = 300, Bn = ({
       "renderLi",
       "ulProps"
     ]);
-    return /* @__PURE__ */ r.createElement(
+    return /* @__PURE__ */ d.createElement(
       "div",
-      k(h({
-        className: M(s, "humany-item-list"),
-        "data-item-count": l.length
-      }, V(p)), {
-        ref: d
+      k(b({
+        className: z(r, "humany-item-list"),
+        "data-item-count": c.length
+      }, W(h)), {
+        ref: p
       }),
-      t || (e || n || o ? /* @__PURE__ */ r.createElement(qn, { symbol: a, header: e, text: n, html: o }) : null),
-      l.length ? /* @__PURE__ */ r.createElement(_n, h({ items: l, renderItem: u, renderLi: c }, m)) : null,
-      i
+      t || (e || n || o ? /* @__PURE__ */ d.createElement(xo, { symbol: i, header: e, text: n, html: o }) : null),
+      c.length ? /* @__PURE__ */ d.createElement(wo, b({ items: c, renderItem: l, renderLi: a }, u)) : null,
+      s
     );
   }
-), Gn = ({
+), Eo = ({
   className: e = "",
   tree: t,
   renderItem: n,
   rootItem: o,
-  renderUnselected: s = !0,
-  renderEmpty: i = !0,
-  ulProps: a,
-  liProps: l
+  renderUnselected: r = !0,
+  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__ */ r.createElement(
-    Qn,
+  const l = (h) => !a(h), a = (h) => !h || h.length < 1 ? !0 : !h.some((p) => !!p.selected), u = (h, p) => /* @__PURE__ */ d.createElement(
+    Co,
     {
-      className: M(`humany-item-tree-level-${d}`),
-      items: p,
-      ulProps: a,
-      renderItem: (f) => {
-        const { id: C, selected: x, items: b, matches: E } = f, g = x && c(b);
-        return !i && !E ? null : /* @__PURE__ */ r.createElement(
+      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(h({}, V(l)), {
-            key: C,
+          k(b({}, W(c)), {
+            key: g,
             className: "humany-item-tree-item"
           }),
-          n && n(f, d, g),
-          b && (s || g) && m(b, d + 1)
+          n && n(m, p, f),
+          v && (r || f) && u(v, p + 1)
         );
       }
     }
   );
-  return /* @__PURE__ */ r.createElement("div", { className: M(e, "humany-item-tree") }, o && o(!u(t || [])), t && m(t, 1));
-}, Io = Gn, Jn = N(
-  (u, l) => {
-    var c = u, { className: e, onClick: t = () => {
-    }, name: n = "", to: o = "", params: s = {}, children: i } = c, a = S(c, ["className", "onClick", "name", "to", "params", "children"]);
-    const m = Ae(), p = W();
-    if (!m)
+  return /* @__PURE__ */ d.createElement("div", { className: z(e, "humany-item-tree") }, o && o(!l(t || [])), t && u(t, 1));
+}, Ws = Eo, So = B(
+  (l, c) => {
+    var a = l, { className: e, onClick: t = () => {
+    }, name: n = "", to: o = "", params: r = {}, children: s } = a, i = M(a, ["className", "onClick", "name", "to", "params", "children"]);
+    const u = pt(), h = H();
+    if (!u)
       return null;
-    let d = "";
-    const f = k(h({
+    let p = "";
+    const m = k(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((E) => E.name === n))
-        return process.env.NODE_ENV !== "production" && de.warn(`Unable to create route. No route named "${n}" exist.`), /* @__PURE__ */ r.createElement(
-          fe,
-          k(h({}, f), {
-            onClick: (E) => {
-              t(E), E.preventDefault(), process.env.NODE_ENV !== "production" && de.warn(`Unable to navigate. No route named "${n}" exist.`);
+      if (!(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(
+          Se,
+          k(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(s).reduce((E, g) => (E[g] = typeof s[g] == "string" ? encodeURIComponent(s[g]) : s[g], E), {});
+      const v = Object.keys(r).reduce(($, f) => ($[f] = typeof r[f] == "string" ? encodeURIComponent(r[f]) : r[f], $), {});
       try {
-        d = m.generate(n, b || {});
-      } catch (E) {
-        return /* @__PURE__ */ r.createElement(fe, h({}, f), i);
+        p = u.generate(n, v || {});
+      } catch ($) {
+        return /* @__PURE__ */ d.createElement(Se, b({}, m), s);
       }
-      d && m.settings.mode && m.settings.mode === Be.browser && d[0] !== "/" && (d = `/${d}`);
-    } else if (o && m.history)
-      d = m.history.createHref({
+      p && u.settings.mode && u.settings.mode === Qe.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" && de.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 === Be.scopedHash) {
-      const C = p.get("$widget").name;
-      d = xt(d, C);
+    if (u.settings && u.settings.mode === Qe.scopedHash) {
+      const g = h.get("$widget").name;
+      p = Ut(p, g);
     }
-    return f.as ? /* @__PURE__ */ r.createElement(er, k(h({}, f), { as: f.as }), i) : /* @__PURE__ */ r.createElement(fe, k(h({}, f), { to: d }), i);
+    return m.as ? /* @__PURE__ */ d.createElement(ko, k(b({}, m), { as: m.as }), s) : /* @__PURE__ */ d.createElement(Se, k(b({}, m), { to: p }), s);
   }
-), er = y.span``, we = N(
-  (x, C) => {
-    var b = x, {
+), ko = y.span``, Be = B(
+  (x, g) => {
+    var v = x, {
       className: e,
       disabled: t = !1,
       role: n = "link",
       tabIndex: o = 0,
-      onClick: s = () => {
+      onClick: r = () => {
       },
-      onKeyDown: i = () => {
+      onKeyDown: s = () => {
       },
-      title: a,
-      as: l,
-      href: u,
-      children: c,
-      target: m,
-      routeName: p,
-      params: d
-    } = b, f = S(b, [
+      title: i,
+      as: c,
+      href: l,
+      children: a,
+      target: u,
+      routeName: h,
+      params: p
+    } = v, m = M(v, [
       "className",
       "disabled",
       "role",
@@ -1946,79 +1484,79 @@ const Dn = 300, Bn = ({
       "routeName",
       "params"
     ]);
-    const E = {
-      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;
         }
-        s(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__ */ r.createElement(
-      tr,
-      k(h(h({
-        name: p,
-        params: d
-      }, E), V(f)), {
-        ref: C
+    return h ? /* @__PURE__ */ d.createElement(
+      _o,
+      k(b(b({
+        name: h,
+        params: p
+      }, $), W(m)), {
+        ref: g
       }),
-      c
-    ) : /* @__PURE__ */ r.createElement(
-      nr,
-      k(h(h({
-        href: u,
-        target: m
-      }, E), V(f)), {
-        ref: C
+      a
+    ) : /* @__PURE__ */ d.createElement(
+      Do,
+      k(b(b({
+        href: l,
+        target: u
+      }, $), W(m)), {
+        ref: g
       }),
-      c
+      a
     );
   }
-), tr = y(Jn)`
+), _o = y(So)`
     ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, nr = y.a`
+`, Do = y.a`
     ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
   ` : "cursor: pointer;"}
-`, rr = (i) => {
-  var a = i, {
+`, To = (s) => {
+  var i = s, {
     visible: e,
     duration: t = 500,
     children: n,
     onClick: o = () => {
     }
-  } = a, s = S(a, [
+  } = i, r = M(i, [
     "visible",
     "duration",
     "children",
     "onClick"
   ]);
-  const l = R(), u = H(
-    (c) => {
-      c.target === l.current && o(c);
+  const c = _(), l = D(
+    (a) => {
+      a.target === c.current && o(a);
     },
     [o]
   );
-  return /* @__PURE__ */ r.createElement(
-    Ie,
+  return /* @__PURE__ */ d.createElement(
+    lt,
     {
       in: e,
       className: "humany-overlay-transition",
@@ -2026,18 +1564,18 @@ const Dn = 300, Bn = ({
       unmountOnExit: !0,
       timeout: t
     },
-    /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      or,
-      h({
+    /* @__PURE__ */ d.createElement(le, null, /* @__PURE__ */ d.createElement(
+      Mo,
+      b({
         className: "humany-overlay",
         duration: t,
-        ref: l,
-        onClick: u
-      }, s),
+        ref: c,
+        onClick: l
+      }, r),
       n
     ))
   );
-}, or = y.div`
+}, Mo = y.div`
     background: rgba(0, 0, 0, 0.6);
     min-width: 100%;
     min-height: 100%;
@@ -2067,11 +1605,11 @@ const Dn = 300, Bn = ({
     &.humany-overlay-transition-exit-done {
         opacity: 0;
     }
-`, _e = rr, sr = Ze`
+`, $t = To, zo = it`
   100% {
     transform: rotate(360deg);
   }
-`, ir = Ze`
+`, Lo = it`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2084,8 +1622,8 @@ const Dn = 300, Bn = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, ar = y.svg`
-    animation: ${sr} 2s linear infinite;
+`, Po = y.svg`
+    animation: ${zo} 2s linear infinite;
     height: 100%;
     transform-origin: center center;
     width: 100%;
@@ -2096,7 +1634,7 @@ const Dn = 300, Bn = ({
     right: 0;
     margin: auto;
     transition: 200ms ease-out opacity;
-`, cr = y.div`
+`, Oo = y.div`
     position: absolute;
     top: 0;
     bottom: 0;
@@ -2114,7 +1652,7 @@ const Dn = 300, Bn = ({
     svg {
         opacity: ${(e) => e["data-loading"] ? "1" : "0"};
     }
-`, lr = y.div`
+`, Ro = y.div`
     position: relative;
     margin: 0 auto;
     width: 100px;
@@ -2123,18 +1661,18 @@ const Dn = 300, Bn = ({
         display: block;
         padding-top: 100%;
     }
-`, ur = y.circle`
+`, No = y.circle`
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
-    animation: ${ir} 1.5s ease-in-out infinite;
+    animation: ${Lo} 1.5s ease-in-out infinite;
     stroke-linecap: round;
     stroke: ${(e) => {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.primary;
 }};
     stroke-width: 2px;
-`, mr = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ r.createElement(cr, { className: M("humany-loader", e), "data-loading": t }, /* @__PURE__ */ r.createElement(lr, { className: "humany-spinner" }, /* @__PURE__ */ r.createElement(ar, { viewBox: "25 25 50 50" }, /* @__PURE__ */ r.createElement(
-  ur,
+`, Io = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ d.createElement(Oo, { className: z("humany-loader", e), "data-loading": t }, /* @__PURE__ */ d.createElement(Ro, { className: "humany-spinner" }, /* @__PURE__ */ d.createElement(Po, { viewBox: "25 25 50 50" }, /* @__PURE__ */ d.createElement(
+  No,
   {
     cx: "50",
     cy: "50",
@@ -2143,62 +1681,62 @@ const Dn = 300, Bn = ({
     "stroke-width": "2",
     "stroke-miterlimit": "10"
   }
-)))), dr = mr, fr = (s) => {
-  var i = s, {
+)))), Bo = Io, Wo = (r) => {
+  var s = r, {
     zoomState: e,
     image: t,
     changeZoom: n
-  } = i, o = S(i, [
+  } = s, o = M(s, [
     "zoomState",
     "image",
     "changeZoom"
   ]);
-  var E;
-  const a = R(null), [l, u] = $(!1), [c, m] = $(!1), b = o.style || {}, { width: p, height: d } = b, f = S(b, ["width", "height"]), C = H(() => {
-    const g = a.current;
-    if (g) {
-      const B = window.innerWidth / g.width, z = window.innerHeight / g.height, T = Math.min(B, z);
-      return z >= 1 && B >= 1 ? 1 : T;
+  var $;
+  const i = _(null), [c, l] = E(!1), [a, u] = E(!1), v = o.style || {}, { width: h, height: p } = v, m = M(v, ["width", "height"]), g = D(() => {
+    const f = i.current;
+    if (f) {
+      const L = window.innerWidth / f.width, O = window.innerHeight / f.height, T = Math.min(L, O);
+      return O >= 1 && L >= 1 ? 1 : T;
     }
     return 1;
-  }, [l, t.src]), x = se(() => {
-    const g = a.current;
-    if (g) {
-      if (!c) {
-        m(!0);
-        const B = C();
-        n(B);
+  }, [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 v(() => (u(!1), function() {
-    m(!1);
-  }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(hr, { loading: !l }), /* @__PURE__ */ r.createElement(
-    pr,
-    k(h({
+  }, [e, i, c, t.src]);
+  return w(() => (l(!1), function() {
+    u(!1);
+  }), [t.src]), /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(Ho, { loading: !c }), /* @__PURE__ */ d.createElement(
+    jo,
+    k(b({
       onLoad: () => {
-        u(!0);
+        l(!0);
       },
-      ref: a,
+      ref: i,
       imageSize: x,
       draggable: "false"
     }, o), {
-      alt: ((E = o.alt) == null ? void 0 : E.toString()) || "",
-      style: f,
+      alt: (($ = o.alt) == null ? void 0 : $.toString()) || "",
+      style: m,
       src: t.src,
-      loaded: l
+      loaded: c
     })
-  ), /* @__PURE__ */ r.createElement(gr, null));
-}, hr = y(dr)`
+  ), /* @__PURE__ */ d.createElement(Vo, null));
+}, Ho = y(Bo)`
     svg circle {
         stroke: #ffffff;
     }
-`, pr = y.img`
+`, jo = y.img`
     transform: none;
 
-    ${(e) => e.imageSize && L`
+    ${(e) => e.imageSize && S`
             width: ${e.imageSize[0]};
             height: ${e.imageSize[1]};
             display: inline-block;
@@ -2206,267 +1744,267 @@ const Dn = 300, Bn = ({
     vertical-align: middle;
     position: relative;
     ${(e) => !e.loaded && "display:none;"}
-`, gr = y.div`
+`, Vo = y.div`
     height: 100%;
     display: inline-block;
     vertical-align: middle;
-`, Cr = fr, yr = () => {
-  const e = R(), [t, n] = $(!0), o = H(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+`, Fo = Wo, Ao = () => {
+  const e = _(), [t, n] = E(!0), o = D(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
   }), [t, e]);
   return [t, o];
-}, br = ({ attrs: e, htmlBody: t }) => {
-  var Se;
-  const n = X("Escape"), o = X("ArrowLeft"), s = X("ArrowRight"), [i, a] = $(1), [l, u] = $({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = $(!1), [p, d] = yr(), [f, C] = $(null), [x, b] = $(null), E = R(null), g = R(null), B = R(null), z = R(null);
-  v(() => {
-    n && C(null);
-  }, [n]), v(() => {
-    a(1);
-  }, [f]), v(() => {
-    var P, F;
-    if (f === null || g.current === null)
+}, Ko = ({ attrs: e, htmlBody: t }) => {
+  var Ke;
+  const n = te("Escape"), o = te("ArrowLeft"), r = te("ArrowRight"), [s, i] = E(1), [c, l] = E({ top: 0, left: 0, x: 0, y: 0 }), [a, u] = E(!1), [h, p] = Ao(), [m, g] = E(null), [x, v] = E(null), $ = _(null), f = _(null), L = _(null), O = _(null);
+  w(() => {
+    n && g(null);
+  }, [n]), w(() => {
+    i(1);
+  }, [m]), w(() => {
+    var Y, U;
+    if (m === null || f.current === null)
       return;
-    const w = g.current.firstElementChild, D = (P = B.current) == null ? void 0 : P.querySelector(".nav-left"), Z = (F = B.current) == null ? void 0 : F.querySelector(".nav-right");
+    const C = 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")
-      te && Z ? Z.focus() : ee && D && D.focus();
+      me && F ? F.focus() : de && P && P.focus();
     else if (x === "Left")
-      ee && D ? D.focus() : te && Z && Z.focus();
+      de && P ? P.focus() : me && F && F.focus();
     else {
-      if (!w)
+      if (!C)
         return;
-      w.focus();
+      C.focus();
     }
-  }, [f, g, B, x]), v(() => {
+  }, [m, f, L, x]), w(() => {
     if (o) {
-      if (ee)
-        return Le();
-    } else if (s && te)
-      return Me();
-  }, [o, s]);
-  const T = se(() => {
-    const w = document.createElement("div");
-    w.innerHTML = t || "";
-    const D = w.getElementsByTagName("img");
-    return Array.from(D).reduce((P, F) => {
-      const Re = F.getAttribute("src"), ot = F.height || Number.parseInt(F.style.height, 10), st = F.width || Number.parseInt(F.style.width, 10);
-      if (Re) {
-        const it = {
-          src: Re,
-          originalWidth: st,
-          originalHeight: ot
+      if (de)
+        return Fe();
+    } else if (r && me)
+      return Ae();
+  }, [o, r]);
+  const T = ge(() => {
+    const C = document.createElement("div");
+    C.innerHTML = t || "";
+    const P = C.getElementsByTagName("img");
+    return Array.from(P).reduce((Y, U) => {
+      const qe = U.getAttribute("src"), zt = U.height || Number.parseInt(U.style.height, 10), Lt = U.width || Number.parseInt(U.style.width, 10);
+      if (qe) {
+        const Pt = {
+          src: qe,
+          originalWidth: Lt,
+          originalHeight: zt
         };
-        P.push(it);
+        Y.push(Pt);
       }
-      return P;
+      return Y;
     }, []);
-  }, [t]), j = H(() => {
-    const { src: w } = e;
-    if (w) {
-      const D = T.findIndex((Z, P) => Z.src === w);
-      C(D);
-    }
-  }, [T, e]), Ge = H((w) => {
-    C(null);
-  }, []), ke = H(
-    (w) => {
-      a(w ? i + i * 0.25 : i - i * 0.25);
+  }, [t]), V = D(() => {
+    const { src: C } = e;
+    if (C) {
+      const P = T.findIndex((F, Y) => F.src === C);
+      g(P);
+    }
+  }, [T, e]), St = D((C) => {
+    g(null);
+  }, []), Ve = D(
+    (C) => {
+      i(C ? s + s * 0.25 : s - s * 0.25);
     },
-    [a, i]
-  ), Je = H(() => {
-    if (f !== null) {
-      const { src: w } = T[f];
-      w && window.open(w, "_self");
-    }
-  }, [T, f]), et = H(
-    (w) => {
-      const D = z.current;
-      D && (u({ top: D.scrollTop, left: D.scrollLeft, x: w.clientX, y: w.clientY }), m(!0));
+    [i, s]
+  ), kt = D(() => {
+    if (m !== null) {
+      const { src: C } = T[m];
+      C && window.open(C, "_self");
+    }
+  }, [T, m]), _t = D(
+    (C) => {
+      const P = O.current;
+      P && (l({ top: P.scrollTop, left: P.scrollLeft, x: C.clientX, y: C.clientY }), u(!0));
     },
-    [z]
-  ), tt = H(
-    (w) => {
-      const D = z.current;
-      if (D && c) {
-        const Z = w.clientX - l.x, P = w.clientY - l.y;
-        D.scrollTop = l.top - P, D.scrollLeft = l.left - Z;
+    [O]
+  ), Dt = D(
+    (C) => {
+      const P = O.current;
+      if (P && a) {
+        const F = C.clientX - c.x, Y = C.clientY - c.y;
+        P.scrollTop = c.top - Y, P.scrollLeft = c.left - F;
       }
     },
-    [c, l]
-  ), nt = (w) => {
-    w.preventDefault(), m(!1);
-  }, rt = se(() => {
-    if (z.current) {
-      const w = z.current.getElementsByTagName("img");
-      if (w && w.length) {
-        const D = w[0];
-        return D.width > window.innerWidth || D.height > window.innerHeight;
+    [a, c]
+  ), Tt = (C) => {
+    C.preventDefault(), u(!1);
+  }, Mt = ge(() => {
+    if (O.current) {
+      const C = O.current.getElementsByTagName("img");
+      if (C && C.length) {
+        const P = C[0];
+        return P.width > window.innerWidth || P.height > window.innerHeight;
       }
     }
     return !1;
-  }, [z, i]), Le = () => {
-    f !== null && (b("Left"), C(f - 1));
-  }, Me = () => {
-    f !== null && (b("Right"), C(f + 1));
-  }, ee = f !== null && f > 0 && T.length > 1, te = f !== null && T.length - 1 > f;
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_e, { visible: f !== null, onClick: Ge }, /* @__PURE__ */ r.createElement(
-    Mr,
+  }, [O, s]), Fe = () => {
+    m !== null && (v("Left"), g(m - 1));
+  }, Ae = () => {
+    m !== null && (v("Right"), g(m + 1));
+  }, de = m !== null && m > 0 && T.length > 1, me = m !== null && T.length - 1 > m;
+  return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement($t, { visible: m !== null, onClick: St }, /* @__PURE__ */ d.createElement(
+    Jo,
     {
-      onMouseDown: () => d(),
-      onMouseMove: () => d(),
-      onTouchStart: () => d(),
-      onKeyDown: () => d()
+      onMouseDown: () => p(),
+      onMouseMove: () => p(),
+      onTouchStart: () => p(),
+      onKeyDown: () => p()
     },
-    /* @__PURE__ */ r.createElement(Sr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
-      wr,
+    /* @__PURE__ */ d.createElement(er, { show: h.toString() }, /* @__PURE__ */ d.createElement(
+      Xo,
       {
-        ref: g,
+        ref: f,
         buttons: [
           {
             id: "download",
-            onClick: Je,
+            onClick: kt,
             icon: "download",
             ariaLabel: "Download image"
           },
           {
             id: "lightbox-close",
-            onClick: () => C(null),
+            onClick: () => g(null),
             icon: "lightbox-close",
             ariaLabel: "Close"
           }
         ]
       }
     )),
-    /* @__PURE__ */ r.createElement(
-      Hr,
+    /* @__PURE__ */ d.createElement(
+      nr,
       {
-        scrolling: c.toString(),
-        isDraggable: rt.toString(),
-        ref: z,
-        onMouseMove: tt,
-        onMouseDown: et,
-        onMouseUp: nt
+        scrolling: a.toString(),
+        isDraggable: Mt.toString(),
+        ref: O,
+        onMouseMove: Dt,
+        onMouseDown: _t,
+        onMouseUp: Tt
       },
-      f !== null && /* @__PURE__ */ r.createElement(
-        Cr,
-        k(h({
-          changeZoom: (w) => {
-            a(w);
+      m !== null && /* @__PURE__ */ d.createElement(
+        Fo,
+        k(b({
+          changeZoom: (C) => {
+            i(C);
           },
-          zoomState: i
+          zoomState: s
         }, e), {
-          image: T[f]
+          image: T[m]
         })
       )
     ),
-    /* @__PURE__ */ r.createElement(
-      kr,
+    /* @__PURE__ */ d.createElement(
+      Qo,
       {
-        ref: B,
-        show: p.toString(),
+        ref: L,
+        show: h.toString(),
         buttons: [
           {
             id: "previous",
-            onClick: Le,
+            onClick: Fe,
             icon: "caret-left",
             circle: !0,
-            show: ee,
+            show: de,
             className: "nav-left",
             ariaLabel: "Navigate to previous image"
           },
           {
             id: "next",
-            onClick: Me,
+            onClick: Ae,
             icon: "caret-right",
             circle: !0,
-            show: te,
+            show: me,
             className: "nav-right",
             ariaLabel: "Navigate to next image"
           }
         ]
       }
     ),
-    /* @__PURE__ */ r.createElement(Rr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
-      $r,
+    /* @__PURE__ */ d.createElement(tr, { show: h.toString() }, /* @__PURE__ */ d.createElement(
+      Zo,
       {
         buttons: [
           {
             id: "zoom-out",
-            onClick: () => ke(!1),
+            onClick: () => Ve(!1),
             icon: "zoom-out",
             ariaLabel: "Zoom out"
           },
           {
             id: "zoom-in",
-            onClick: () => ke(!0),
+            onClick: () => Ve(!0),
             icon: "zoom-in",
             ariaLabel: "Zoom in"
           }
         ]
       }
-    ), /* @__PURE__ */ r.createElement(Lr, { variant: "span" }, Math.trunc(i * 100), "%"))
-  )), /* @__PURE__ */ r.createElement(
-    vr,
+    ), /* @__PURE__ */ d.createElement(Go, { variant: "span" }, Math.trunc(s * 100), "%"))
+  )), /* @__PURE__ */ d.createElement(
+    qo,
     {
-      ref: E,
-      onClick: j,
-      onKeyDown: (w) => {
-        w.key === "Enter" && (w.preventDefault(), j());
+      ref: $,
+      onClick: V,
+      onKeyDown: (C) => {
+        C.key === "Enter" && (C.preventDefault(), V());
       },
       tabIndex: 0
     },
-    /* @__PURE__ */ r.createElement(Tr, k(h({}, e), { alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "" }))
+    /* @__PURE__ */ d.createElement(or, k(b({}, e), { alt: ((Ke = e.alt) == null ? void 0 : Ke.toString()) || "" }))
   ));
-}, $e = N(
-  ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ r.createElement(
-    Er,
+}, We = B(
+  ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ d.createElement(
+    Yo,
     {
       ref: o,
       show: e,
-      className: M("humany-button-set", n)
+      className: z("humany-button-set", n)
     },
     t.map(
-      ({ id: s, circle: i = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, p) => /* @__PURE__ */ r.createElement(
-        xr,
+      ({ id: r, circle: s = !1, show: i = !0, ariaLabel: c, onClick: l, icon: a, className: u }, h) => /* @__PURE__ */ d.createElement(
+        Uo,
         {
-          key: s + 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__ */ r.createElement(J, { size: 24, symbol: { type: "Svg", content: c } })
+        /* @__PURE__ */ d.createElement(ue, { size: 24, symbol: { type: "Svg", content: a } })
       )
     )
   )
-), qe = y.div`
+), wt = y.div`
     transition: opacity 0.3s ease 0s;
     z-index: 5;
-    ${(e) => e.show === "true" ? "opacity: 1;" : L`
+    ${(e) => e.show === "true" ? "opacity: 1;" : S`
                   opacity: 0;
                   pointer-events: none;
               `}
-`, vr = y(we)`
+`, qo = y(Be)`
     display: inline-block !important;
-`, Er = y(qe)`
+`, Yo = y(wt)`
     position: fixed;
     display: flex;
     gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, ge = "39px", xr = y(ae)`
-    width: ${ge};
-    height: ${ge};
+`, Te = "39px", Uo = y(be)`
+    width: ${Te};
+    height: ${Te};
     display: flex;
     justify-content: center;
     align-items: center;
 
-    ${(e) => e.icon === "caret-left" && L`
+    ${(e) => e.icon === "caret-left" && S`
             svg {
                 position: relative;
                 left: -2px;
@@ -2475,7 +2013,7 @@ const Dn = 300, Bn = ({
 
     ${(e) => {
   var t;
-  return e.circle === "true" ? L`
+  return e.circle === "true" ? S`
                   background-color: #ffffff;
                   border-radius: 50%;
 
@@ -2487,7 +2025,7 @@ const Dn = 300, Bn = ({
                   }
 
                   &:focus-visible {
-                      ${A(e)}
+                      ${Z(e)}
                       outline-color: #ffffff;
                       background-color: transparent;
 
@@ -2498,7 +2036,7 @@ const Dn = 300, Bn = ({
                           }
                       }
                   }
-              ` : L`
+              ` : S`
                   svg {
                       path,
                       line {
@@ -2509,22 +2047,22 @@ const Dn = 300, Bn = ({
                       outline-color: #ffffff;
                   }
                   &:focus-visible {
-                      ${A(e)}
+                      ${Z(e)}
                   }
               `;
 }}
 
-    ${(e) => e.show === "true" ? L`
+    ${(e) => e.show === "true" ? S`
                   opacity: 0.8;
                   transition: opacity 0.3s ease 0s;
                   &:hover {
                       opacity: 1;
                   }
-              ` : L`
+              ` : S`
                   opacity: 0;
                   pointer-events: none;
               `}
-`, wr = y($e)`
+`, Xo = y(We)`
     top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2533,7 +2071,7 @@ const Dn = 300, Bn = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, $r = y($e)`
+`, Zo = y(We)`
     bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2541,11 +2079,11 @@ const Dn = 300, Bn = ({
     width: 100%;
     align-items: center;
     justify-content: center;
-`, kr = y($e)`
+`, Qo = y(We)`
     display: block;
     button {
         position: fixed;
-        top: calc(50% - calc(${ge} / 2));
+        top: calc(50% - calc(${Te} / 2));
         &:first-child {
             left: ${(e) => {
   var t;
@@ -2559,7 +2097,7 @@ const Dn = 300, Bn = ({
 }};
         }
     }
-`, Lr = y(q)`
+`, Go = y(ae)`
     position: fixed;
     bottom: ${(e) => {
   var t;
@@ -2578,21 +2116,21 @@ const Dn = 300, Bn = ({
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
 }};
-`, Qe = y(qe)`
+`, xt = y(wt)`
     position: absolute;
     width: 100vw;
     height: 88px;
     left: 0px;
     z-index: 5;
-`, Mr = y.div`
+`, Jo = y.div`
     width: 100%;
-`, Sr = y(Qe)`
+`, er = y(xt)`
     top: 0px;
     background-image: linear-gradient(to bottom, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Rr = y(Qe)`
+`, tr = y(xt)`
     bottom: 0px;
     background-image: linear-gradient(to top, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Hr = y.div`
+`, nr = y.div`
     width: 100%;
     height: 100vh;
     overflow: auto;
@@ -2601,64 +2139,64 @@ const Dn = 300, Bn = ({
     white-space: nowrap;
     justify-content: center;
     cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, Tr = y.img`
+`, or = y.img`
     cursor: pointer;
-`, Dr = br, Br = N(
-  (l, a) => {
-    var u = l, { className: e, children: t, trigger: n, onOverlayClick: o = () => {
-    }, close: s = !1 } = u, i = S(u, ["className", "children", "trigger", "onOverlayClick", "close"]);
-    const [c, m] = Ye(), [p, d] = Ke(!0), f = R(), C = R(Q()), x = X("Escape");
-    v(() => {
-      (x || s) && m(!1);
-    }, [x, s]), v(() => {
-      c && f.current && f.current.focus();
-    }, [c, f.current]), ce("router:changed", () => {
-      m(!1);
+`, rr = Ko, sr = B(
+  (c, i) => {
+    var l = c, { className: e, children: t, trigger: n, onOverlayClick: o = () => {
+    }, close: r = !1 } = l, s = M(l, ["className", "children", "trigger", "onOverlayClick", "close"]);
+    const [a, u] = gt(), [h, p] = ft(!0), m = _(), g = _(ce()), x = te("Escape");
+    w(() => {
+      (x || r) && u(!1);
+    }, [x, r]), w(() => {
+      a && m.current && m.current.focus();
+    }, [a, m.current]), ve("router:changed", () => {
+      u(!1);
     });
-    const b = H(
-      (g) => {
-        m(!1), o(g);
+    const v = D(
+      (f) => {
+        u(!1), o(f);
       },
-      [o, m]
+      [o, u]
     );
-    Ce(a, () => ({
+    ze(i, () => ({
       close() {
-        m(!1);
+        u(!1);
       }
     }));
-    const E = H(() => ve(C.current, () => {
-      m(!1);
-    }), [C.current]);
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_e, { visible: c, onClick: b }, /* @__PURE__ */ r.createElement(
-      Nr,
-      k(h({
-        className: M(
+    const $ = D(() => Re(g.current, () => {
+      u(!1);
+    }), [g.current]);
+    return /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement($t, { visible: a, onClick: v }, /* @__PURE__ */ d.createElement(
+      ar,
+      k(b({
+        className: z(
           e,
           "humany-modal",
-          `humany-modal-${C.current}`
+          `humany-modal-${g.current}`
         ),
-        css: p,
+        css: h,
         tabIndex: -1
-      }, i), {
-        ref: d
+      }, s), {
+        ref: p
       }),
-      /* @__PURE__ */ r.createElement(
-        xe,
+      /* @__PURE__ */ d.createElement(
+        Ie,
         {
-          onClick: () => m(!1),
+          onClick: () => u(!1),
           tabIndex: 0,
-          ref: f
+          ref: m
         },
-        /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
+        /* @__PURE__ */ d.createElement(ue, { symbol: { type: "Svg", content: "close" } })
       ),
       t
-    )), r.cloneElement(n, {
-      onClick: (g) => {
-        m(), E();
+    )), d.cloneElement(n, {
+      onClick: (f) => {
+        u(), $();
       }
     }));
   }
-), zr = Br, Nr = y.div`
+), ir = sr, ar = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2674,30 +2212,30 @@ const Dn = 300, Bn = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
 }};
-    ${(e) => je(e)}
+    ${(e) => yt(e)}
     ${(e) => e.css && e.css}
   outline: none;
-`, Vr = ({
+`, cr = ({
   className: e,
   trigger: t,
   header: n = "",
   text: o = "",
-  onCancel: s = () => {
+  onCancel: r = () => {
   },
-  onConfirm: i = () => {
+  onConfirm: s = () => {
   },
-  cancelLabel: a = "",
-  confirmLabel: l = ""
+  cancelLabel: i = "",
+  confirmLabel: c = ""
 }) => {
-  const u = R(), c = H(() => {
-    var p;
-    s(), (p = u == null ? void 0 : u.current) == null || p.close();
-  }, [s]), m = H(() => {
-    var p;
-    i(), (p = u == null ? void 0 : u.current) == null || p.close();
-  }, [i]);
-  return /* @__PURE__ */ r.createElement(Wr, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ r.createElement(Ve, null, n), o && /* @__PURE__ */ r.createElement(Ve, null, o), l && /* @__PURE__ */ r.createElement(Zr, { onClick: m }, l), a && /* @__PURE__ */ r.createElement(Ir, { onClick: c }, a));
-}, Oo = Vr, Wr = y(zr)`
+  const l = _(), a = D(() => {
+    var h;
+    r(), (h = l == null ? void 0 : l.current) == null || h.close();
+  }, [r]), u = D(() => {
+    var h;
+    s(), (h = l == null ? void 0 : l.current) == null || h.close();
+  }, [s]);
+  return /* @__PURE__ */ d.createElement(lr, { className: e, trigger: t, ref: l, onOverlayClick: a }, n && /* @__PURE__ */ d.createElement(et, null, n), o && /* @__PURE__ */ d.createElement(et, null, o), c && /* @__PURE__ */ d.createElement(ur, { onClick: u }, c), i && /* @__PURE__ */ d.createElement(dr, { onClick: a }, i));
+}, Hs = cr, lr = y(ir)`
     display: block;
 
     span {
@@ -2715,7 +2253,7 @@ const Dn = 300, Bn = ({
 }};
         }
     }
-`, Zr = y(ae)`
+`, ur = y(be)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2743,9 +2281,9 @@ const Dn = 300, Bn = ({
     }
 
     &:focus-visible {
-        ${A}
+        ${Z}
     }
-`, Ir = y(ae)`
+`, dr = y(be)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2764,27 +2302,27 @@ const Dn = 300, Bn = ({
 }};
 
     &:focus-visible {
-        ${A};
+        ${Z};
     }
-`, Or = ({
+`, mr = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__PURE__ */ r.createElement(Pr, null, /* @__PURE__ */ r.createElement(Fr, null, /* @__PURE__ */ r.createElement(q, { variant: "h2" }, "404")), /* @__PURE__ */ r.createElement(Ar, null, /* @__PURE__ */ r.createElement(q, { variant: "h3" }, e), /* @__PURE__ */ r.createElement(jr, { routeName: "index", "aria-label": t, text: t })), /* @__PURE__ */ r.createElement(Kr, null, /* @__PURE__ */ r.createElement("span", null, n), /* @__PURE__ */ r.createElement("ul", null, /* @__PURE__ */ r.createElement("li", null, o)))), Po = Or, Pr = y.div`
+}) => /* @__PURE__ */ d.createElement(hr, null, /* @__PURE__ */ d.createElement(pr, null, /* @__PURE__ */ d.createElement(ae, { variant: "h2" }, "404")), /* @__PURE__ */ d.createElement(fr, null, /* @__PURE__ */ d.createElement(ae, { variant: "h3" }, e), /* @__PURE__ */ d.createElement(br, { routeName: "index", "aria-label": t, text: t })), /* @__PURE__ */ d.createElement(gr, null, /* @__PURE__ */ d.createElement("span", null, n), /* @__PURE__ */ d.createElement("ul", null, /* @__PURE__ */ d.createElement("li", null, o)))), js = mr, hr = y.div`
     display: flex;
     flex-wrap: wrap;
-`, Fr = y.div`
-    ${(e) => ie(e)(
+`, pr = y.div`
+    ${(e) => ye(e)(
   "h2",
-  L`
+  S`
                 padding: 0;
                 margin: 0;
                 color: gray;
                 font-size: 7em;
             `
 )}
-`, Ar = y.div`
+`, fr = y.div`
     margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2792,9 +2330,9 @@ const Dn = 300, Bn = ({
 
     ${(e) => {
   var t;
-  return ie(e)(
+  return ye(e)(
     "h3",
-    L`
+    S`
                 text-transform: uppercase;
                 font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
             `
@@ -2811,7 +2349,7 @@ const Dn = 300, Bn = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
     }
-`, Kr = y.div`
+`, gr = y.div`
     margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2822,103 +2360,100 @@ const Dn = 300, Bn = ({
         font-weight: bold;
     }
 `;
-class Yr extends dt {
+class yr extends Wt {
   constructor() {
-    super(...arguments);
-    re(this, "node");
-    re(this, "onFocusListener");
-    re(this, "state", {
+    super(...arguments), this.state = {
       boundFocus: !1
-    });
+    };
   }
   componentWillMount() {
-    const n = this.props.container.get("accessibilitySettings");
-    n && n.boundFocus && this.setState({
+    const t = this.props.container.get("accessibilitySettings");
+    t && t.boundFocus && this.setState({
       boundFocus: !0
     });
   }
   componentDidMount() {
     if (!this.state.boundFocus)
       return;
-    const n = this.props.container.get("widgetDOMElement");
-    this.node && n && (this.onFocusListener = this.node.addEventListener("focus", () => {
-      const o = n.querySelectorAll(
+    const t = this.props.container.get("widgetDOMElement");
+    this.node && t && (this.onFocusListener = this.node.addEventListener("focus", () => {
+      const n = t.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      ), i = [].filter.call(o, (a) => typeof window == "undefined" ? !0 : !(window.getComputedStyle(a).display === "none" || a.offsetWidth <= 0 && a.offsetHeight <= 0))[0];
-      i && i.focus();
+      ), r = [].filter.call(n, (s) => typeof window == "undefined" ? !0 : !(window.getComputedStyle(s).display === "none" || s.offsetWidth <= 0 && s.offsetHeight <= 0))[0];
+      r && r.focus();
     }));
   }
   componentWillUnmount() {
     this.node && this.node.removeEventListener("focus", this.onFocusListener);
   }
   render() {
-    return this.state.boundFocus ? /* @__PURE__ */ r.createElement(
+    return this.state.boundFocus ? /* @__PURE__ */ d.createElement(
       "div",
       {
         style: { opacity: 0 },
         tabIndex: 0,
-        ref: (n) => {
-          this.node = n;
+        ref: (t) => {
+          this.node = t;
         }
       }
     ) : null;
   }
 }
-const Fo = Yr, jr = N(
-  (a, i) => {
-    var l = a, { className: e, description: t, text: n, children: o } = l, s = S(l, ["className", "description", "text", "children"]);
-    return /* @__PURE__ */ r.createElement(we, k(h({ className: M(e, "humany-text-link") }, s), { ref: i }), o, /* @__PURE__ */ r.createElement(Ee, null, n), t ? /* @__PURE__ */ r.createElement(Ue, { html: t, className: "humany-description" }) : null);
+const Vs = yr, br = B(
+  (i, s) => {
+    var c = i, { className: e, description: t, text: n, children: o } = c, r = M(c, ["className", "description", "text", "children"]);
+    return /* @__PURE__ */ d.createElement(Be, k(b({ className: z(e, "humany-text-link") }, r), { ref: s }), o, /* @__PURE__ */ d.createElement(Ne, null, n), t ? /* @__PURE__ */ d.createElement(vt, { html: t, className: "humany-description" }) : null);
   }
 );
-var Xr = /* @__PURE__ */ ((e) => (e.HH_MM = "hh:mm", e.YYYY_MM_DD = "yyyy-mm-dd", e.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", e))(Xr || {});
-const Ur = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ r.createElement("span", { className: M(e, "humany-timestamp") }, _r(n, t)), Ao = Ur, We = (e) => `0${e}`.slice(-2);
-function _r(e, t) {
-  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), s = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], i = n.getFullYear(), a = n.getMonth() + 1, l = n.getDate(), u = `${i}-${We(a)}-${We(l)}`;
-  return t === "yyyy-mm-dd" ? u : t === "hh:mm" ? s : `${u} ${s}`;
+var vr = /* @__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))(vr || {});
+const $r = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ d.createElement("span", { className: z(e, "humany-timestamp") }, wr(n, t)), Fs = $r, tt = (e) => `0${e}`.slice(-2);
+function wr(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}-${tt(i)}-${tt(c)}`;
+  return t === "yyyy-mm-dd" ? l : t === "hh:mm" ? r : `${l} ${r}`;
 }
-const qr = (i) => {
-  var a = i, { className: e, children: t, content: n, sticky: o = !1 } = a, s = S(a, ["className", "children", "content", "sticky"]);
-  const [l, u] = $(!1), c = R(Q()), m = R(), [{ x: p, y: d }, f] = Xe(l, c.current, m.current), C = (b) => {
-    const { target: E } = b;
-    !m.current || !E || m.current !== E && !m.current.contains(E) && u(!1);
+const xr = (s) => {
+  var i = s, { className: e, children: t, content: n, sticky: o = !1 } = i, r = M(i, ["className", "children", "content", "sticky"]);
+  const [c, l] = E(!1), a = _(ce()), u = _(), [{ x: h, y: p }, m] = bt(c, a.current, u.current), g = (v) => {
+    const { target: $ } = v;
+    !u.current || !$ || u.current !== $ && !u.current.contains($) && l(!1);
   };
-  v(() => {
+  w(() => {
     if (!!o)
-      return window.addEventListener("click", C), () => {
-        window.removeEventListener("click", C);
+      return window.addEventListener("click", g), () => {
+        window.removeEventListener("click", g);
       };
-  }, [l, o]);
-  const x = H(
-    (b, E) => {
-      f(b, m.current), u(E);
+  }, [c, o]);
+  const x = D(
+    (v, $) => {
+      m(v, u.current), l($);
     },
-    [f, u]
+    [m, l]
   );
-  return /* @__PURE__ */ r.createElement(
-    Qr,
+  return /* @__PURE__ */ d.createElement(
+    Cr,
     {
-      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__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
-      Gr,
-      h({
-        className: M(e, "humany-tooltip-container"),
-        x: p,
-        y: d
-      }, s),
+    c && /* @__PURE__ */ d.createElement(le, null, /* @__PURE__ */ d.createElement(
+      Er,
+      b({
+        className: z(e, "humany-tooltip-container"),
+        x: h,
+        y: p
+      }, r),
       n
     ))
   );
-}, Qr = y.div`
+}, Cr = y.div`
     display: flex;
     align-items: center;
-`, Gr = y.div`
+`, Er = y.div`
     color: #ffffff;
     background: #161616;
     border-radius: ${(e) => e.theme.borderRadius};
@@ -2954,130 +2489,130 @@ const qr = (i) => {
   let t = "";
   return e.y > 0 ? t += `top: calc(2px + ${e.y || "0"}px);` : t += "bottom: 2px;", e.x > 0 ? t += `right: calc(2px + ${e.x || "0"}px);` : t += "left: 2px;", t;
 }};
-`, Ko = qr, Jr = (e) => {
+`, As = xr, Sr = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
     unmountOnExit: o = !0,
-    timeout: s,
-    children: i,
-    transitions: a
-  } = e, u = (() => {
-    var c, m;
-    if (!(!a || a === "none")) {
-      if (typeof a == "string")
+    timeout: r,
+    children: s,
+    transitions: i
+  } = e, l = (() => {
+    var a, u;
+    if (!(!i || i === "none")) {
+      if (typeof i == "string")
         return {
           enter: {
-            transitionKeys: a,
-            duration: s ? typeof s == "number" ? s : s.enter : 200,
+            transitionKeys: i,
+            duration: r ? typeof r == "number" ? r : r.enter : 200,
             easing: "ease-in"
           },
           exit: {
-            transitionKeys: a,
-            duration: s ? typeof s == "number" ? s : s.exit : 200,
+            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,
-            duration: s ? typeof s == "number" ? s : s.enter : 200,
-            easing: p.easing ? p.easing : "ease-in"
+            transitionKeys: (a = i.enter) == null ? void 0 : a.type,
+            duration: r ? typeof r == "number" ? r : r.enter : 200,
+            easing: h.easing ? h.easing : "ease-in"
           },
           exit: {
-            transitionKeys: (m = a.enter) == null ? void 0 : m.type,
-            duration: s ? typeof s == "number" ? s : s.enter : 200,
-            easing: d.easing ? d.easing : "ease-out"
+            transitionKeys: (u = i.enter) == null ? void 0 : u.type,
+            duration: r ? typeof r == "number" ? r : r.enter : 200,
+            easing: p.easing ? p.easing : "ease-out"
           }
         };
       }
     }
   })();
-  return /* @__PURE__ */ r.createElement(
-    vt,
+  return /* @__PURE__ */ d.createElement(
+    qt,
     {
       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 && he.compose(c, u))
+    (a) => s && s(a, l && _e.compose(a, l))
   );
-}, Yo = Jr, eo = N(
-  (l, a) => {
-    var u = l, { className: e, children: t, onClick: n = () => {
-    }, widgetName: o, activationOptions: s } = u, i = S(u, ["className", "children", "onClick", "widgetName", "activationOptions"]);
-    const c = W(), m = () => {
-      const { implementation: f } = c.get("$widget");
-      return f.widgets.get(o);
+}, Ks = Sr, kr = B(
+  (c, i) => {
+    var l = c, { className: e, children: t, onClick: n = () => {
+    }, widgetName: o, activationOptions: r } = l, s = M(l, ["className", "children", "onClick", "widgetName", "activationOptions"]);
+    const a = H(), u = () => {
+      const { implementation: m } = a.get("$widget");
+      return m.widgets.get(o);
     };
-    v(() => {
-      const f = m();
-      return f == null || f.activate(s).then(() => f.invoke("attach")), () => {
-        f == null || f.deactivate();
+    w(() => {
+      const m = u();
+      return m == null || m.activate(r).then(() => m.invoke("attach")), () => {
+        m == null || m.deactivate();
       };
     }, [o]);
-    const p = (f) => {
-      const C = m(), x = f.currentTarget;
-      if (C) {
-        const b = () => {
-          C.invoke("renderState").then(
-            (E) => E === oe.open ? C.invoke("close") : C.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(() => {
-            C.events.subscribeOnce("widget:area-rendered", (E, g) => {
-              c.get(
+            g.events.subscribeOnce("widget:area-rendered", ($, f) => {
+              a.get(
                 "widgetDOMElement"
-              ) && C.events.dispatch("widget:modal-opened", {
-                name: C.name,
+              ) && g.events.dispatch("widget:modal-opened", {
+                name: g.name,
                 ref: x
               });
             });
           });
         };
-        C.state === mt.Deactivated ? C.activate(s).then(() => C.invoke("attach")).then(b) : b();
+        g.state === Bt.Deactivated ? g.activate(r).then(() => g.invoke("attach")).then(v) : v();
       }
-    }, d = (f) => {
-      f.key === "Enter" && (f.preventDefault(), p(f));
+    }, p = (m) => {
+      m.key === "Enter" && (m.preventDefault(), h(m));
     };
-    return /* @__PURE__ */ r.createElement(
-      we,
-      k(h({
-        className: M(e, "humany-widget-link"),
-        onKeyDown: d,
-        onClick: (f) => {
-          n(f), p(f);
+    return /* @__PURE__ */ d.createElement(
+      Be,
+      k(b({
+        className: z(e, "humany-widget-link"),
+        onKeyDown: p,
+        onClick: (m) => {
+          n(m), h(m);
         }
-      }, i), {
-        ref: a
+      }, s), {
+        ref: i
       }),
       t
     );
   }
-), jo = N(
+), qs = B(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
-    const s = W(), i = se(() => {
-      if (!s)
+    const r = H(), s = ge(() => {
+      if (!r)
         return null;
-      const a = s.get("widgetDOMElement");
-      return !a || !a.childElementCount ? null : a.children[0];
-    }, [s]);
-    return i ? /* @__PURE__ */ r.createElement(G, { elementId: e, parent: i }, /* @__PURE__ */ r.createElement(
-      to,
+      const i = r.get("widgetDOMElement");
+      return !i || !i.childElementCount ? null : i.children[0];
+    }, [r]);
+    return s ? /* @__PURE__ */ d.createElement(le, { elementId: e, parent: s }, /* @__PURE__ */ d.createElement(
+      _r,
       {
-        className: M("humany-widget-overlay-outlet", t),
+        className: z("humany-widget-overlay-outlet", t),
         ref: o
       },
       n
     )) : null;
   }
-), to = y.div`
+), _r = y.div`
     background-color: #ffffff;
     position: absolute;
     top: 0;
@@ -3087,102 +2622,825 @@ const qr = (i) => {
     z-index: 10;
     width: 100%;
     height: 100%;
-`, no = (e, t, n, o, s) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
+`, Dr = (e, t, n, o, r) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
   t,
-  ft(() => n)
-), yt(e, t, o || (() => {
-}), t, s))), Xo = no;
+  Ht(() => n)
+), st(e, t, o || (() => {
+}), t, r))), Ys = Dr, Tr = (e, t, n, o, r) => pe(void 0, null, function* () {
+  return (yield e.getAsync("componentResolver")).registerComponent(t, () => n), st(e, t, o || (() => {
+  }), t, r);
+}), Us = Tr, Mr = `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 Ct extends re {
+  render() {
+    return I`
+            <!-- className={appendClassNames(className, 'humany-button')}
+            {...convertToStringAttributes(other)} -->
+            <button type="button" part="container" class="humany-button">
+                <slot />
+            </button>
+        `;
+  }
+}
+Ct.styles = ke(Mr);
+customElements.get("ui-button") || customElements.define("ui-button", Ct);
+var zr = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, Pr = (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 He extends re {
+  constructor() {
+    super(), this.html = "";
+  }
+  render() {
+    return at` <div part="container" class="humany-html">${ct(this.html)}</div> `;
+  }
+  createRenderRoot() {
+    return this;
+  }
+}
+He.styles = [
+  J`
+            img {
+                display: none;
+            }
+        `
+];
+Pr([
+  N({ type: String })
+], He.prototype, "html", 2);
+customElements.get("ui-html") || customElements.define("ui-html", He);
+var Or = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, ie = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Rr(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 && Or(t, n, r), r;
+};
+class Q extends re {
+  constructor() {
+    super(), this.symbol = {
+      content: "",
+      type: ""
+    }, this.elementStyle = {}, this.size = 12, this.text = "", this.backgroundSize = "contain", this.styles = { minWidth: `${this.size}px` };
+  }
+  render() {
+    const { type: t, content: n } = this.symbol, o = {
+      "aria-label": this.text,
+      role: "presentation",
+      part: "container"
+    };
+    switch (t) {
+      case "Uri": {
+        const r = {
+          backgroundSize: this.backgroundSize,
+          backgroundImage: `url('${n}')`,
+          backgroundRepeat: "no-repeat",
+          backgroundPosition: "center",
+          backgroundAttachment: "center"
+        }, s = b(b({}, r), this.elementStyle);
+        return I`
+                    <i
+                        class="humany-icon humany-custom-icon"
+                        title=${this.text}
+                        style=${A(s)}
+                        ${R(o)}
+                    />
+                `;
+      }
+      case "Svg": {
+        const r = {
+          class: "humany-icon",
+          width: `${this.size}`,
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        };
+        switch (n) {
+          case "search":
+            return I`
+                            <svg
+                                viewBox="0 0 32 30"
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
+                            >
+                                <circle
+                                    cx="14.8457"
+                                    cy="14.5175"
+                                    r="8.14359"
+                                    stroke="currentColor"
+                                    transform="rotate(45 14.8457 14.5175)"
+                                />
+                                <line
+                                    x1="21.1001"
+                                    y1="20.4865"
+                                    x2="26.5798"
+                                    y2="25.9661"
+                                    stroke="currentColor"
+                                />
+                            </svg>
+                        `;
+          case "clear":
+            return I`
+                            <svg
+                                viewBox="0 0 27 27"
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
+                            >
+                                <circle
+                                    cx="13.4351"
+                                    cy="13.435"
+                                    r="9"
+                                    transform="rotate(45 13.4351 13.435)"
+                                    stroke="currentColor"
+                                />
+                                <line
+                                    x1="16.6172"
+                                    y1="10.2531"
+                                    x2="10.2533"
+                                    y2="16.6171"
+                                    stroke="currentColor"
+                                />
+                                <line
+                                    x1="16.6171"
+                                    y1="16.617"
+                                    x2="10.2532"
+                                    y2="10.2531"
+                                    stroke="currentColor"
+                                />
+                            </svg>
+                        `;
+          case "close":
+            return I`
+                            <svg
+                                viewBox="0 0 13 13"
+                                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 I`
+                            <svg
+                                viewBox="0 0 14 14"
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
+                            >
+                                <line
+                                    x1="4.13"
+                                    y1="1.05"
+                                    x2="10.13"
+                                    y2="7.05"
+                                    stroke="currentColor"
+                                />
+                                <line
+                                    x1="10.13"
+                                    y1="6.95"
+                                    x2="4.13"
+                                    y2="12.95"
+                                    stroke="currentColor"
+                                />
+                            </svg>
+                        `;
+          case "caret-left":
+            return I`
+                            <svg
+                                viewBox="0 0 14 14"
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
+                            >
+                                <line
+                                    x1="10.13"
+                                    y1="12.95"
+                                    x2="4.13"
+                                    y2="6.95"
+                                    stroke="currentColor"
+                                />
+                                <line
+                                    x1="4.13"
+                                    y1="7.05"
+                                    x2="10.13"
+                                    y2="1.05"
+                                    stroke="currentColor"
+                                />
+                            </svg>
+                        `;
+          case "caret-up":
+            return this.styles.transform = "rotate(180deg)", I`
+                            <svg
+                                viewBox="0 0 14 14"
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
+                            >
+                                <line
+                                    x1="13.09"
+                                    y1="3.99"
+                                    x2="7.1"
+                                    y2="9.99"
+                                    stroke="currentColor"
+                                />
+                                <line
+                                    x1="7.19"
+                                    y1="9.99"
+                                    x2="1.19"
+                                    y2="3.99"
+                                    stroke="currentColor"
+                                />
+                            </svg>
+                        `;
+          case "caret-down":
+            return I`
+                            <svg
+                                viewBox="0 0 14 14"
+                                style=${A(this.styles)}
+                                ${R(o)}
+                                ${R(r)}
+                            >
+                                <line
+                                    x1="13.09"
+                                    y1="3.99"
+                                    x2="7.1"
+                                    y2="9.99"
+                                    stroke="currentcolor"
+                                />
+                                <line
+                                    x1="7.19"
+                                    y1="9.99"
+                                    x2="1.19"
+                                    y2="3.99"
+                                    stroke="currentcolor"
+                                />
+                            </svg>
+                        `;
+          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 At;
+  }
+}
+Q.styles = [
+  J`
+            :host {
+                color: var(--icon-color, inherit);
+            }
+            i,
+            svg {
+                color: var(--icon-color, inherit);
+            }
+        `
+];
+ie([
+  N({ type: Object })
+], Q.prototype, "symbol", 2);
+ie([
+  N({ type: Object })
+], Q.prototype, "elementStyle", 2);
+ie([
+  N({ type: Number })
+], Q.prototype, "size", 2);
+ie([
+  N({ type: String })
+], Q.prototype, "text", 2);
+ie([
+  N({ type: String })
+], Q.prototype, "backgroundSize", 2);
+ie([
+  X()
+], Q.prototype, "styles", 2);
+customElements.get("ui-symbol-badge") || customElements.define("ui-symbol-badge", Q);
+var Nr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, Et = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Ir(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 && Nr(t, n, r), r;
+};
+const nt = (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}-${nt(i)}-${nt(c)}`;
+  return t === "yyyy-mm-dd" ? l : t === "hh:mm" ? r : `${l} ${r}`;
+}
+class Ce extends re {
+  constructor() {
+    super(), this.format = "hh:mm";
+  }
+  render() {
+    return I`<span class="timestamp">${Br(this.timestamp, this.format)}</span>`;
+  }
+  createRenderRoot() {
+    return this;
+  }
+}
+Ce.styles = [
+  J`
+            :host {
+                display: block;
+            }
+        `
+];
+Et([
+  N({ type: String })
+], Ce.prototype, "timestamp", 2);
+Et([
+  N({ type: String })
+], Ce.prototype, "format", 2);
+customElements.get("ui-timestamp") || customElements.define("ui-timestamp", Ce);
+var Wr = Object.defineProperty, Hr = Object.getOwnPropertyDescriptor, jr = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Hr(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 && Wr(t, n, r), r;
+};
+const Vr = (e) => ["h1", "h2", "h3", "h4", "h5", "h6"].includes(e);
+class je extends re {
+  constructor() {
+    super(), this.variant = "span";
+  }
+  _getTag(t) {
+    const n = window.getComputedStyle(this).getPropertyValue(`--typography-${t}`);
+    return n ? n.trim() : t;
+  }
+  render() {
+    const t = Vr(this.variant) ? this._getTag(this.variant) : this.variant, n = ct(t);
+    return at`
+      <${n}>
+        <slot />
+      </${n}>
+    `;
+  }
+}
+je.styles = [
+  J`
+            h1,
+            h2,
+            h3,
+            h4,
+            h5,
+            h6,
+            p,
+            span {
+                margin: var(--typography-margin, 0);
+                font-size: var(--typography-font-size, var(--fonts-normal));
+                font-weight: var(--typography-font-weight, normal);
+                line-height: var(--typography-line-height, inherit);
+                color: var(--typography-color, var(--colors-text));
+            }
+        `
+];
+jr([
+  N({ type: String })
+], je.prototype, "variant", 2);
+customElements.get("ui-typography") || customElements.define("ui-typography", je);
+class Xs {
+  constructor(t) {
+    (this.host = t).addController(this);
+  }
+  propertyChangeHandler(t) {
+    const n = t.detail;
+    Object.keys(n).filter((o) => `_${o}` in this).forEach((o) => this[`_${o}`] = n[o]);
+  }
+  hostConnected() {
+    this.host.addEventListener("set-properties", this.propertyChangeHandler);
+  }
+  hostDisconnected() {
+    this.host.removeEventListener("set-properties", this.propertyChangeHandler);
+  }
+}
+class Zs {
+  constructor(t) {
+    this.nodeId = "", this._host = t;
+  }
+  initialize() {
+    return pe(this, null, function* () {
+      if (this.nodeId = this._host.getAttribute("nodeId"), !this.nodeId) {
+        console.warn("Could not get node id in DataProvider.");
+        return;
+      }
+      if (this.container = this._requestInstance("container"), !this.container) {
+        console.warn("Could not get data in DataProvider. Container was not defined.");
+        return;
+      }
+      const t = yield Le.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;
+      }
+    });
+  }
+  _requestInstance(t) {
+    const n = new CustomEvent("request-instance", {
+      detail: { key: t },
+      bubbles: !0,
+      composed: !0,
+      cancelable: !0
+    });
+    return this._host.dispatchEvent(n), n.detail.instance;
+  }
+}
+const Me = "context.connectEvent", Qs = ut(
+  (e) => {
+    class t extends e {
+      constructor() {
+        super(...arguments), this._injectedContexts = /* @__PURE__ */ new Map();
+      }
+      connectedCallback() {
+        super.connectedCallback(), this._injectedContexts = /* @__PURE__ */ new Map();
+        for (const o of this.constructor.inject)
+          this._injectContext(o);
+      }
+      _injectContext(o) {
+        const r = (i, c) => {
+          this._contextValueChanged(o, i, c);
+        }, s = new CustomEvent(Me, {
+          bubbles: !0,
+          cancelable: !0,
+          composed: !0,
+          detail: { key: o, connected: !1, callback: r }
+        });
+        this.dispatchEvent(s), s.detail.connected && this._injectedContexts.set(o, {
+          unsubscribe: s.detail.unsubscribe
+        });
+      }
+      _contextValueChanged(o, r, s) {
+        r !== s && (this[o] = r);
+      }
+      disconnectedCallback() {
+        for (const o of this._injectedContexts.values())
+          o.unsubscribe();
+        super.disconnectedCallback();
+      }
+    }
+    return t;
+  }
+), Fr = ut(
+  (e) => {
+    class t extends e {
+      constructor() {
+        super(...arguments), this._providedContexts = /* @__PURE__ */ new Map();
+      }
+      connectedCallback() {
+        super.connectedCallback(), this._providedContexts = /* @__PURE__ */ new Map();
+        for (const o of this.constructor.provide)
+          this._provideContext(o);
+      }
+      _provideContext(o) {
+        const r = (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(Me, r), this._providedContexts.set(o, {
+          listener: r,
+          callbacks: /* @__PURE__ */ new Set()
+        });
+      }
+      _updateContextValue(o, r, s) {
+        if (this._providedContexts.has(o)) {
+          const i = this._providedContexts.get(o);
+          for (const c of i.callbacks)
+            c(r, s);
+        }
+      }
+      shouldUpdate(o) {
+        const r = super.shouldUpdate(o);
+        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(Me, o.listener);
+        super.disconnectedCallback();
+      }
+    }
+    return t;
+  }
+);
+var Ar = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, ot = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Kr(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 && Ar(t, n, r), r;
+};
+const Gs = (e) => {
+  class t extends e {
+    constructor(...o) {
+      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 ot([
+    X()
+  ], t.prototype, "hasPendingChildren", 2), ot([
+    X()
+  ], t.prototype, "pendingCount", 2), t;
+}, Js = (e) => {
+  class t extends e {
+    constructor(...o) {
+      super(), this._instances = /* @__PURE__ */ new Map(), this.addEventListener("request-instance", (r) => {
+        const s = r.detail.key;
+        this._instances.has(s) && (r.detail.instance = this._instances.get(s), r.stopPropagation());
+      });
+    }
+    provideInstance(o, r) {
+      this._instances.set(o, r);
+    }
+  }
+  return t;
+}, qr = (e) => {
+  class t extends e {
+    requestInstance(o) {
+      const r = new CustomEvent("request-instance", {
+        detail: { key: o },
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0
+      });
+      return this.dispatchEvent(r), r.detail.instance;
+    }
+  }
+  return t;
+}, Yr = (e) => {
+  var n, o, r, s, i, c, l, a, u, h, p, m, g, x, v, $, f, L, O, T, 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}`), (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}`), (O = e.sizes) != null && O.normal && (t["--size-normal"] = `${e.sizes.normal}`), (T = e.sizes) != null && T.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 Ur = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, j = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Xr(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 && Ur(t, n, r), r;
+};
+const Zr = (e) => `w-${e}`, Qr = (e) => Object.entries(e).reduce((t, [n, o]) => {
+  if (n.indexOf("css-") > -1) {
+    const r = n.replace("css-", "");
+    t[r] = o;
+  }
+  return t;
+}, {}), ei = (e) => {
+  class t extends Fr(qr(e)) {
+    constructor() {
+      super(), this.listeners = [], this.setColumns = (o) => {
+        this.columns = o;
+      }, this.branch = "default", this.width = "full", this._columns = 1, this.columns = 1, this._width = 1, this._descriptor = null, this._properties = {}, this._layout = {};
+    }
+    static get provide() {
+      return ["columns", "setColumns"];
+    }
+    setProperties(o) {
+      o.columns && (this.columns = o.columns), this.dispatchEvent(
+        new CustomEvent("set-properties", {
+          bubbles: !1,
+          composed: !1,
+          cancelable: !1,
+          detail: o
+        })
+      );
+    }
+    requestNodeDescriptor(o) {
+      o.stopPropagation(), o.detail.descriptor = this._descriptor;
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.addEventListener("request-descriptor", this.requestNodeDescriptor), this.container = this.requestInstance("container"), this.container && Promise.all([
+        Le.getInstance(this.container),
+        this.container.getAsync("componentResolver")
+      ]).then((o) => {
+        const r = o[0], s = o[1], i = r.nodes.get(this.nodeId || "");
+        if (i) {
+          this._descriptor = rt(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",
+              (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",
+              (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",
+              (u, h) => {
+                var p;
+                this.nodeId === ((p = h.node) == null ? void 0 : p.id) && (this._layout = h.node.attributes.layout);
+              }
+            )
+          );
+          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 l = Zr(this._descriptor.type);
+          if (customElements.get(l))
+            return;
+          const a = s.getComponent(this._descriptor.type);
+          if (!a) {
+            console.warn("Component is missing or using incorrect import.");
+            return;
+          }
+          return a().then((u) => {
+            customElements.get(l) || customElements.define(l, u.default);
+          });
+        }
+      });
+    }
+    disconnectedCallback() {
+      this.listeners.forEach((o) => {
+        o();
+      }), this.removeEventListener("request-descriptor", this.requestNodeDescriptor);
+    }
+    _getContextStyles() {
+      return this._context ? Yr(this._context) : {};
+    }
+    render() {
+      const o = super.render(), r = this._getContextStyles(), s = Qr(this._properties), i = I`
+                <style>
+                    :host {
+                      ${Object.entries(r).map(([c, l]) => J`
+                            ${ke(`${c}: ${l};`)}
+                        `)}
+                    }
+
+                    :host > * {
+                        ${Object.entries(s).map(([c, l]) => J`
+                            ${ke(`${c}: ${l} !important;`)}
+                        `)}
+                    }
+                </style>
+            `;
+      return I`
+                <style>
+                    :host {
+                        --size: ${this._layout.size || "full"};
+                        --width: ${(this._layout.size || "full") === "full" ? "var(--columns)" : `min(var(--columns), ${this._layout.size})`};
+                        grid-column: span var(--width);
+                    }
+                </style>
+
+                ${i} ${o}
+            `;
+    }
+  }
+  return j([
+    N({ type: String })
+  ], t.prototype, "nodeId", 2), j([
+    N({ type: String })
+  ], t.prototype, "branch", 2), j([
+    N({ type: String })
+  ], t.prototype, "width", 2), j([
+    N({ type: Number })
+  ], t.prototype, "_columns", 2), j([
+    N({ 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 {
-  Zt as AnchorLink,
-  ae as Button,
-  Co as Checkbox,
-  Ft as ColumnContext,
-  Pe as ComponentNodeContext,
-  At as ComponentPropertyContext,
-  Oo as Confirm,
-  Pt as ContainerContext,
-  Yt as ConversationContext,
-  Xr as DateFormats,
-  No as Drawer,
-  Tn as DrawerAnimationType,
-  Vo as Dropdown,
-  Kn as Empty,
-  Wo as Grid,
-  Ue as Html,
-  Un as Icon,
-  Zo as Input,
-  Qn as ItemList,
-  Io as ItemTree,
-  Dr as Lightbox,
-  we as Link,
-  _n as List,
-  zr as Modal,
-  Po as NotFound,
-  _e as Overlay,
-  qn as Paragraph,
-  G as Portal,
-  Jn as RouteLink,
-  Kt as RoutingContext,
-  Ve as StyledText,
-  J as SymbolBadge,
-  Fo as TabStop,
-  Ee as Text,
-  jr as TextLink,
-  Ao as Timestamp,
-  Ko as Tooltip,
-  Yo as TransitionComponent,
-  q as Typography,
-  eo as WidgetLink,
-  jo as WidgetOverlayOutlet,
-  A as borderTabStyle,
-  Ne as browser,
-  xn as buttonCss,
-  je as contentBox,
-  V as convertToStringAttributes,
-  go as createEmptyComponent,
-  Xo as createReactComponent,
-  Vt as defaultRenderInstructions,
-  Ht as embeddedLinkMapper,
-  Dt as filterCssProps,
-  Tt as filterCssPropsStyle,
-  Bt as genericHashLink,
-  zo as genericHtml,
-  ie as headingElement,
-  Nt as imageLightboxRenderer,
-  To as invertedHoverButton,
-  Bo as itemList,
-  wn as linkTabStyle,
-  $n as list,
-  Do as paddedBorderTabStyle,
-  zt as processHtmlString,
-  he as transitionComposer,
-  yo as useAction,
-  bo as useChildren,
-  vo as useColumns,
-  Eo as useComponent,
-  ye as useComponentDescriptor,
-  be as useComponentNode,
-  _ as useComponentPlatform,
-  W as useContainer,
-  nn as useContext,
-  xo as useConversation,
-  wo as useDispatch,
-  I as useEventListener,
-  an as useEvents,
-  O as useIsMounted,
-  $o as useIsTabbing,
-  X as useKeyPress,
-  ko as useLayout,
-  Fe as usePrevious,
-  Lo as useProperties,
-  Mo as useRenderState,
-  So as useRouteData,
-  Ae as useRouter,
-  Ke as useScroll,
-  Ro as useSettings,
-  Ye as useToggle,
-  Ho as useTransitionEnd,
-  ve as useUniqueMenu,
-  ce as useWidgetEvent
+  dn as AnchorLink,
+  be as Button,
+  Ct as ButtonUi,
+  ys as Checkbox,
+  fn as ColumnContext,
+  mt as ComponentNodeContext,
+  gn as ComponentPropertyContext,
+  Hs as Confirm,
+  Qs as ConsumerMixin,
+  pn as ContainerContext,
+  bn as ConversationContext,
+  Zs as DataProvider,
+  vr as DateFormats,
+  Rs as Drawer,
+  no as DrawerAnimationType,
+  Ns as Dropdown,
+  go as Empty,
+  Is as Grid,
+  vt as Html,
+  He as HtmlUi,
+  ne as Icon,
+  Bs as Input,
+  Co as ItemList,
+  Ws as ItemTree,
+  rr as Lightbox,
+  Be as Link,
+  wo as List,
+  ir as Modal,
+  Xs as NodeConnector,
+  js as NotFound,
+  $t as Overlay,
+  xo as Paragraph,
+  Gs as PendingState,
+  le as Portal,
+  Js as ProviderMixin,
+  qr as Requester,
+  So as RouteLink,
+  yn as RoutingContext,
+  et as StyledText,
+  ue as SymbolBadge,
+  Q as SymbolBadgeUi,
+  Vs as TabStop,
+  Ne as Text,
+  br as TextLink,
+  Fs as Timestamp,
+  Ce as TimestampUi,
+  As as Tooltip,
+  Ks as TransitionComponent,
+  ae as Typography,
+  je as TypographyUi,
+  ei as WidgetComponentMixin,
+  kr as WidgetLink,
+  qs as WidgetOverlayOutlet,
+  Z as borderTabStyle,
+  Je as browser,
+  Un as buttonCss,
+  yt as contentBox,
+  W as convertToStringAttributes,
+  gs as createEmptyComponent,
+  Ys as createReactComponent,
+  Us as createWebComponent,
+  ln as defaultRenderInstructions,
+  nn as embeddedLinkMapper,
+  rn as filterCssProps,
+  on as filterCssPropsStyle,
+  sn as genericHashLink,
+  Os as genericHtml,
+  ye as headingElement,
+  cn as imageLightboxRenderer,
+  zs as invertedHoverButton,
+  Ps as itemList,
+  Xn as linkTabStyle,
+  Zn as list,
+  Ls as paddedBorderTabStyle,
+  an as processHtmlString,
+  _e as transitionComposer,
+  bs as useAction,
+  vs as useChildren,
+  $s as useColumns,
+  ws as useComponent,
+  Pe as useComponentDescriptor,
+  Oe as useComponentNode,
+  se as useComponentPlatform,
+  H as useContainer,
+  Tn as useContext,
+  xs as useConversation,
+  Cs as useDispatch,
+  K as useEventListener,
+  Pn as useEvents,
+  q as useIsMounted,
+  Es as useIsTabbing,
+  te as useKeyPress,
+  Ss as useLayout,
+  ht as usePrevious,
+  ks as useProperties,
+  _s as useRenderState,
+  Ds as useRouteData,
+  pt as useRouter,
+  ft as useScroll,
+  Ts as useSettings,
+  gt as useToggle,
+  Ms as useTransitionEnd,
+  Re as useUniqueMenu,
+  ve as useWidgetEvent
 };
 //# sourceMappingURL=index.js.map