@telia-ace/widget-ui 1.0.23-next.3 → 1.0.23-next.5

package/dist/index.js

@@ -21,8 +21,8 @@ var S = (e, t) => {
 };
 var re = (e, t, n) => (me(e, typeof t != "symbol" ? t + "" : t, n), n);
 import C, { css as L, keyframes as We } from "styled-components";
-import { kebabCase as mt, appendClassNames as M, uuid as q, removeNullAndUndefinedValues as De, Logger as de } from "@telia-ace/widget-utilities";
-import r, { forwardRef as N, createContext as Q, useContext as X, useState as k, useEffect as w, useRef as R, useCallback as H, useImperativeHandle as Ce, useMemo as ie, Component as dt, lazy as ft } from "react";
+import { kebabCase as mt, appendClassNames as M, uuid as Q, removeNullAndUndefinedValues as De, Logger as de } from "@telia-ace/widget-utilities";
+import r, { forwardRef as N, createContext as _, useContext as Y, useState as k, useEffect as w, useRef as R, useCallback as H, useImperativeHandle as Ce, useMemo as ie, Component as dt, lazy as ft } from "react";
 import { CSSTransition as Ie, Transition as ht } from "react-transition-group";
 import { Container as pt, WidgetState as gt } from "@webprovisions/platform";
 import { ComponentPlatform as Ct, asDescriptor as yt, createEventSubscriber as bt, ComponentQuery as vt, WidgetRenderState as oe, extendComponent as wt } from "@telia-ace/widget-core";
@@ -141,7 +141,7 @@ const Ne = () => {
   } else
     t[n] = o;
   return t;
-}, {}), h1 = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ r.createElement(sn, h({}, t)) : null, St = (e) => new RegExp("^#", "i").test(e), Rt = (e) => (o) => {
+}, {}), p1 = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ r.createElement(an, h({}, t)) : null, St = (e) => new RegExp("^#", "i").test(e), Rt = (e) => (o) => {
   var i = o, { children: t } = i, n = S(i, ["children"]);
   const {
     implementation: s,
@@ -156,7 +156,7 @@ const Ne = () => {
   if (m && m.length >= 4) {
     const p = m[4];
     if (s.widgets.get(p) && !p.startsWith("blob?") && !p.startsWith(a))
-      return /* @__PURE__ */ r.createElement(t1, {
+      return /* @__PURE__ */ r.createElement(n1, {
         widgetName: p
       }, t);
   }
@@ -208,7 +208,7 @@ const Ne = () => {
 function Dt(e, t) {
   return t ? Be(e, t) : Be(e);
 }
-const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
+const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Rn, {
   attrs: t,
   htmlBody: e
 }), Tt = (e, t) => ({
@@ -237,7 +237,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
     line-height: normal;
     margin: 0;
     padding: 0;
-`, p1 = (i) => {
+`, g1 = (i) => {
   var s = i, {
     onChange: e = () => {
     },
@@ -256,12 +256,12 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
     },
     onChange: (a) => e(a.target.value, a.currentTarget.checked)
   }, V(o)));
-}, Zt = Q(new pt()), Wt = Q(1), Fe = Q({
+}, Zt = _(new pt()), Wt = _(1), Fe = _({
   id: "",
   type: "",
   name: "",
   branch: ""
-}), It = Q({}), Ot = Q(null), ye = () => X(Fe), Z = () => X(Zt), g1 = (e, t) => {
+}), It = _({}), Ot = _(null), Ft = _(null), ye = () => Y(Fe), Z = () => Y(Zt), C1 = (e, t) => {
   const n = ye().id, o = Z();
   return (i, s) => {
     (t || o).getAsync("actionResolver").then((a) => {
@@ -269,7 +269,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
     });
   };
 }, be = (e) => {
-  const t = X(Fe), n = _(), [o, i] = k();
+  const t = Y(Fe), n = U(), [o, i] = k();
   return w(() => {
     if ((e || t.id) && n) {
       const s = n.nodes.get(e || t.id);
@@ -281,15 +281,15 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
   return w(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
-}, _ = (e) => {
+}, U = (e) => {
   const t = Z(), [n, o] = k(null), i = O();
   return w(() => {
     Ct.getInstance(e || t).then((s) => {
       i.current && o(s);
     });
   }, [i]), n;
-}, C1 = () => {
-  const e = be(), t = _(), [n, o] = k([]), i = O(), s = H(
+}, y1 = () => {
+  const e = be(), t = U(), [n, o] = k([]), i = O(), s = H(
     (a) => {
       if (t && i.current) {
         const l = t.getBranch(a), u = a.getChildren(l).map((c) => yt(c));
@@ -314,7 +314,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
       };
     }
   }, [e, t, s]), n;
-}, y1 = () => X(Wt), b1 = (e, t) => {
+}, b1 = () => Y(Wt), v1 = (e, t) => {
   const n = ye(), o = Z(), [i, s] = k(void 0), a = O(), l = e || n.type || "";
   return w(() => {
     if (l) {
@@ -332,8 +332,8 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
       };
     }
   }, [a, l, t, o]), i;
-}, Ft = (e) => {
-  const t = be(e), n = _(), [o, i] = k({}), s = O();
+}, At = (e) => {
+  const t = be(e), n = U(), [o, i] = k({}), s = O();
   return w(() => {
     t && s.current && i(t.attributes.context);
   }, [s, t]), w(() => {
@@ -349,11 +349,11 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
       };
     }
   }, [s, n]), o;
-}, v1 = () => {
-  const e = _(), t = ye(), [n, o] = k([]), [i, s] = k();
+}, w1 = () => Y(Ft), E1 = () => {
+  const e = U(), t = ye(), [n, o] = k([]), [i, s] = k();
   return w(() => {
     if (e && t) {
-      const a = new vt(e).withId(t.id), l = e.actions(a, t.type || q());
+      const a = new vt(e).withId(t.id), l = e.actions(a, t.type || Q());
       s(l), n !== null && (n.forEach((u) => {
         l.dispatch(u.key, u.data).then((c) => u.resolve(c)).catch((c) => u.reject(c));
       }), o(null));
@@ -379,10 +379,10 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
       n.removeEventListener(e, a);
     };
   }, [e, n]);
-}, At = (e) => {
+}, Pt = (e) => {
   const t = Z(), { events: n } = (e || t).get("$widget");
   return n;
-}, w1 = () => {
+}, x1 = () => {
   const [e, t] = k(!1);
   return w(() => {
     const n = () => {
@@ -394,7 +394,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
       window.removeEventListener("keydown", o), window.removeEventListener("click", n);
     };
   }, []), e;
-}, j = (e, t) => {
+}, X = (e, t) => {
   const [n, o] = k(!1), i = H(
     (a) => {
       const { key: l } = a;
@@ -408,8 +408,8 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
     [o]
   );
   return I("keydown", i, window), I("keyup", s, window), n;
-}, E1 = (e) => {
-  const t = be(e), n = _(), [o, i] = k({}), s = O();
+}, k1 = (e) => {
+  const t = be(e), n = U(), [o, i] = k({}), s = O();
   return w(() => {
     t && s.current && i(t.attributes.layout);
   }, [t, s]), w(() => {
@@ -430,7 +430,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
   return w(() => {
     t.current = e;
   }), t.current;
-}, x1 = () => X(It), k1 = (e) => {
+}, $1 = () => Y(It), L1 = (e) => {
   const [t, n] = k(), o = Z(), i = O();
   return w(() => {
     let s;
@@ -457,7 +457,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
       s && s();
     };
   }, [i]), t;
-}, Pe = () => X(Ot), $1 = (e) => {
+}, Pe = () => Y(Ot), M1 = (e) => {
   const t = Z(), n = Pe(), [o, i] = k({ name: "", params: {} }), s = O();
   return w(() => {
     const a = (e || t).get("$widget");
@@ -502,8 +502,8 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
     },
     [t, n]
   );
-  return I("scroll", i, t.current, () => t.current && e), I("touchstart", s, t.current, () => t.current && e), I("touchmove", u, t.current, () => t.current && e), e ? [Pt, t] : ["", t];
-}, Pt = `
+  return I("scroll", i, t.current, () => t.current && e), I("touchstart", s, t.current, () => t.current && e), I("touchmove", u, t.current, () => t.current && e), e ? [Kt, t] : ["", t];
+}, Kt = `
     overflow-y: ${Ne() === pe.Chrome || Ne() === pe.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
@@ -531,7 +531,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
             background-color: #7F7F7F;
         }
     }
-`, L1 = () => {
+`, S1 = () => {
   const [e, t] = k(null), n = Z(), o = O();
   return w(() => {
     n.get("settings").then((i) => {
@@ -543,8 +543,8 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
     n(typeof i == "boolean" ? i : (s) => !s);
   }, []);
   return [t, o];
-}, M1 = (e) => {
-  const t = Z(), n = _(), o = t.get("widgetDOMElement"), [i, s] = k(null), [a, l] = k(null), u = O();
+}, R1 = (e) => {
+  const t = Z(), n = U(), o = t.get("widgetDOMElement"), [i, s] = k(null), [a, l] = k(null), u = O();
   w(() => {
     if (n && u.current) {
       const m = n.nodes.all.find((d) => d.name === "root-area"), p = n.nodes.all.find((d) => d.type === "view");
@@ -566,7 +566,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
   );
   I("transitionend", c, i), I("transitionend", c, a);
 }, ce = (e, t, n = [], o) => {
-  const i = At(o);
+  const i = Pt(o);
   return w(() => {
     if (i) {
       const s = i.subscribe(e, t);
@@ -594,7 +594,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
     border: ${(e) => e.theme.border};
     box-shadow: ${(e) => e.theme.boxShadow || "none"};
     ${(e) => e["data-loading"] && "min-height: 150px;"}
-`, Kt = L`
+`, Yt = L`
     cursor: pointer;
     text-align: center;
     border: none;
@@ -612,12 +612,12 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
     font-weight: 300;
-`, S1 = ({
+`, H1 = ({
   primaryColor: e,
   secondaryColor: t,
   active: n
 }) => L`
-    ${Kt}
+    ${Yt}
     border: 1px solid ${n ? t : e};
     background-color: ${n ? e : t};
 
@@ -663,10 +663,10 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
   return (n = (t = e.theme.accessibility) == null ? void 0 : t.colors) == null ? void 0 : n.inactiveText;
 }};
     border-color: transparent;
-`, Yt = L`
+`, jt = L`
     ${P}
     text-decoration: underline;
-`, R1 = L`
+`, z1 = L`
     ${P}
     outline-offset: ${(e) => {
   var t;
@@ -711,7 +711,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, jt = L`
+`, Xt = L`
     padding: 0;
     margin: 0;
     list-style: none;
@@ -733,7 +733,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
     > li:last-child {
         margin: 0;
     }
-`, H1 = L`
+`, D1 = L`
     > div {
         ${se(
   "> h1",
@@ -756,7 +756,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
 )}
     }
     > ul {
-        ${jt}
+        ${Xt}
     }
 
     ${se(
@@ -780,7 +780,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
             }
         `
 )}
-`, z1 = L`
+`, B1 = L`
     font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -816,7 +816,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
   return (t = e.theme.colors) == null ? void 0 : t.link;
 }};
         &:focus-visible {
-            ${Yt};
+            ${jt};
         }
     }
 
@@ -991,7 +991,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
             stroke: "black"
           }));
         case "caret-up":
-          return /* @__PURE__ */ r.createElement(Xt, h({
+          return /* @__PURE__ */ r.createElement(_t, h({
             viewBox: "0 0 14 14",
             style: f
           }, d), /* @__PURE__ */ r.createElement("line", {
@@ -1367,7 +1367,7 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
       return null;
     }
     case "FontAwesome":
-      return /* @__PURE__ */ r.createElement(ln, h({
+      return /* @__PURE__ */ r.createElement(un, h({
         className: s,
         faIcon: m,
         title: e
@@ -1379,9 +1379,9 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
         title: e
       }, p), a), e.substring(0, 2)) : null;
   }
-}, Xt = C.svg`
+}, _t = C.svg`
     transform: rotate(180deg);
-`, _t = {
+`, Ut = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1390,15 +1390,15 @@ const Bt = (e) => (t) => /* @__PURE__ */ r.createElement(Sn, {
   h6: "h6",
   p: "p",
   span: "span"
-}, U = ({ variant: e, component: t, className: n, children: o }) => {
-  const { typographyVariantMapping: i = {} } = Ft(), s = h(h({}, _t), i), a = t || s[e] || "span";
-  return /* @__PURE__ */ r.createElement(Ut, {
+}, q = ({ variant: e, component: t, className: n, children: o }) => {
+  const { typographyVariantMapping: i = {} } = At(), s = h(h({}, Ut), i), a = t || s[e] || "span";
+  return /* @__PURE__ */ r.createElement(qt, {
     className: n,
     as: a
   }, o);
-}, Ut = C.span``;
-var qt = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(qt || {});
-const Qt = 300, D1 = ({
+}, qt = C.span``;
+var Qt = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Qt || {});
+const Gt = 300, T1 = ({
   className: e,
   children: t,
   header: n,
@@ -1410,11 +1410,11 @@ const Qt = 300, D1 = ({
     type: "slide-in-bottom"
   }
 }) => {
-  const { duration: u = Qt } = l, c = R(), m = R(), [p, d] = Ke(!0), [f, g] = Ye(), E = Ae(f), v = R(q());
+  const { duration: u = Gt } = l, c = R(), m = R(), [p, d] = Ke(!0), [f, g] = Ye(), E = Ae(f), v = R(Q());
   w(() => {
     o && o(f);
   }, [f]);
-  const b = j("Escape");
+  const b = X("Escape");
   w(() => {
     b && g(!1);
   }, [b]), I(
@@ -1433,7 +1433,7 @@ const Qt = 300, D1 = ({
   }), w(() => {
     f && c.current ? c.current.focus() : !f && m.current && E && m.current.focus();
   }, [f, c.current, m.current]);
-  const B = rn[l.type];
+  const B = on[l.type];
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ie, {
     in: f,
     className: "humany-drawer-transition",
@@ -1458,7 +1458,7 @@ const Qt = 300, D1 = ({
     "aria-label": a
   }, /* @__PURE__ */ r.createElement(J, {
     symbol: { type: "Svg", content: "close" }
-  })), !!n && /* @__PURE__ */ r.createElement(Gt, {
+  })), !!n && /* @__PURE__ */ r.createElement(Jt, {
     variant: "h1",
     className: "humany-drawer-header"
   }, n), t))), r.cloneElement(i, {
@@ -1486,7 +1486,7 @@ const Qt = 300, D1 = ({
     box-shadow: ${(e) => e.theme.boxShadow};
     background: #ffffff;
     ${(e) => e.css && e.css}
-`, Gt = C(U)`
+`, Jt = C(q)`
     padding: ${(e) => e.theme.sizes.normal};
     margin: 0;
     text-align: center;
@@ -1508,7 +1508,7 @@ const Qt = 300, D1 = ({
     line-height: 1.2em;
 `, ue = L`
     transition: ${(e) => e.duration}ms;
-`, Jt = C(le)`
+`, en = C(le)`
     max-height: 0;
     ${ue}
 
@@ -1525,7 +1525,7 @@ const Qt = 300, D1 = ({
     &.humany-drawer-transition-exit-done {
         max-height: 0;
     }
-`, en = C(le)`
+`, tn = C(le)`
     ${ue}
     transform: translateX(100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1543,7 +1543,7 @@ const Qt = 300, D1 = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(100%);
     }
-`, tn = C(le)`
+`, nn = C(le)`
     ${ue}
     transform: translateX(-100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1561,7 +1561,7 @@ const Qt = 300, D1 = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(-100%);
     }
-`, nn = C(le)`
+`, rn = C(le)`
     ${ue}
     bottom: unset;
     top: 0;
@@ -1580,11 +1580,11 @@ const Qt = 300, D1 = ({
     &.humany-drawer-transition-exit-done {
         height: 0;
     }
-`, rn = {
-  ["slide-in-bottom"]: Jt,
-  ["slide-in-right"]: en,
-  ["slide-in-left"]: tn,
-  ["slide-in-top"]: nn
+`, on = {
+  ["slide-in-bottom"]: en,
+  ["slide-in-right"]: tn,
+  ["slide-in-left"]: nn,
+  ["slide-in-top"]: rn
 }, Xe = (e, t, n) => {
   const [o, i] = k(0), [s, a] = k(0), l = H(
     (u, c) => {
@@ -1604,12 +1604,12 @@ const Qt = 300, D1 = ({
     };
     u.left < 0 && (c.x = 0), u.bottom > window.innerHeight && (c.y = 0), c.x !== o && i(c.x), c.y !== s && a(c.y);
   }, [n, e, t]), [{ x: o, y: s }, l];
-}, B1 = r.forwardRef(
+}, N1 = r.forwardRef(
   (a, s) => {
     var l = a, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = l, i = S(l, ["className", "children", "trigger", "closeButtonAriaLabel"]);
     const u = R(), c = R(), m = R();
     Ce(s, () => m.current, [m.current]);
-    const p = R(q()), [d, f] = k(!1), g = Ae(d), [{ x: E, y: v }, b] = Xe(d, p.current, m.current), y = j("Escape");
+    const p = R(Q()), [d, f] = k(!1), g = Ae(d), [{ x: E, y: v }, b] = Xe(d, p.current, m.current), y = X("Escape");
     w(() => {
       y && f(!1);
     }, [y]), w(() => {
@@ -1617,8 +1617,8 @@ const Qt = 300, D1 = ({
     }, [d, u.current, c.current]), I(
       "click",
       (z) => {
-        const { target: Y } = z;
-        !m.current || !Y || m.current !== Y && !m.current.contains(Y) && f(!1);
+        const { target: j } = z;
+        !m.current || !j || m.current !== j && !m.current.contains(j) && f(!1);
       },
       window
     ), ce("router:changed", () => {
@@ -1632,7 +1632,7 @@ const Qt = 300, D1 = ({
       },
       [B, b, f]
     );
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, d && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(on, $(h({
+    return /* @__PURE__ */ r.createElement(r.Fragment, null, d && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(sn, $(h({
       className: M(
         "humany-dropdown",
         `humany-dropdown-${p.current}`,
@@ -1656,7 +1656,7 @@ const Qt = 300, D1 = ({
       "aria-expanded": d
     }));
   }
-), on = C.div`
+), sn = C.div`
     ${je}
     padding: ${(e) => {
   var t;
@@ -1671,15 +1671,15 @@ const Qt = 300, D1 = ({
   let t = "";
   return e.y > 0 ? t += `top: calc(${((n = e.theme.sizes) == null ? void 0 : n.small) || "0px"} + ${e.y || "0"}px);` : t += `bottom: ${((o = e.theme.sizes) == null ? void 0 : o.normal) || "0px"};`, e.x > 0 ? t += `right: ${e.x || "0"}px;` : t += `left: ${((i = e.theme.sizes) == null ? void 0 : i.normal) || "0px"};`, t;
 }};
-`, sn = (t) => {
+`, an = (t) => {
   var e = S(t, []);
-  return /* @__PURE__ */ r.createElement(an, h({}, e));
-}, an = C.div`
+  return /* @__PURE__ */ r.createElement(cn, h({}, e));
+}, cn = C.div`
     display: none;
-`, T1 = N(
+`, V1 = N(
   (a, s) => {
     var l = a, { children: e, columns: t, gap: n, className: o } = l, i = S(l, ["children", "columns", "gap", "className"]);
-    return /* @__PURE__ */ r.createElement(cn, $(h(h({
+    return /* @__PURE__ */ r.createElement(ln, $(h(h({
       className: M(o, "humany-grid"),
       "data-columns": t,
       "data-gap": n
@@ -1687,7 +1687,7 @@ const Qt = 300, D1 = ({
       ref: s
     }), e);
   }
-), cn = C.div`
+), ln = C.div`
     display: grid;
     grid-template-columns: repeat(${(e) => e["data-columns"]}, 1fr);
     grid-gap: ${(e) => e["data-gap"]};
@@ -1709,7 +1709,7 @@ const Qt = 300, D1 = ({
       ref: i
     }), u);
   }
-), ln = (s) => {
+), un = (s) => {
   var a = s, {
     faIcon: e,
     title: t,
@@ -1726,7 +1726,7 @@ const Qt = 300, D1 = ({
     title: t,
     role: o
   }, V(i)));
-}, N1 = N(
+}, Z1 = N(
   (p, m) => {
     var d = p, {
       className: e = "",
@@ -1779,7 +1779,7 @@ const Qt = 300, D1 = ({
       ref: E
     }));
   }
-), un = N(
+), mn = N(
   (a, s) => {
     var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, i = S(l, ["className", "items", "renderItem", "renderLi"]);
     return /* @__PURE__ */ r.createElement("ul", $(h({
@@ -1794,14 +1794,14 @@ const Qt = 300, D1 = ({
       }, n(u, c, m)) : n(u, c, m)
     ));
   }
-), mn = N(
+), dn = N(
   (u, l) => {
     var c = u, { text: e, html: t, header: n, className: o, htmlParseInstruction: i, symbol: s } = c, a = S(c, ["text", "html", "header", "className", "htmlParseInstruction", "symbol"]);
     return /* @__PURE__ */ r.createElement("div", $(h({
       className: M(o, "humany-paragraph")
     }, V(a)), {
       ref: l
-    }), n ? /* @__PURE__ */ r.createElement(U, {
+    }), n ? /* @__PURE__ */ r.createElement(q, {
       variant: "h1"
     }, s ? /* @__PURE__ */ r.createElement(J, {
       symbol: s
@@ -1810,7 +1810,7 @@ const Qt = 300, D1 = ({
       htmlParseInstruction: i
     }) : null, e ? /* @__PURE__ */ r.createElement(we, null, e) : null);
   }
-), dn = N(
+), fn = N(
   (f, d) => {
     var g = f, {
       header: e,
@@ -1842,18 +1842,18 @@ const Qt = 300, D1 = ({
       "data-item-count": l.length
     }, V(p)), {
       ref: d
-    }), t || (e || n || o ? /* @__PURE__ */ r.createElement(mn, {
+    }), t || (e || n || o ? /* @__PURE__ */ r.createElement(dn, {
       symbol: a,
       header: e,
       text: n,
       html: o
-    }) : null), l.length ? /* @__PURE__ */ r.createElement(un, h({
+    }) : null), l.length ? /* @__PURE__ */ r.createElement(mn, h({
       items: l,
       renderItem: u,
       renderLi: c
     }, m)) : null, s);
   }
-), V1 = ({
+), W1 = ({
   className: e = "",
   tree: t,
   renderItem: n,
@@ -1863,7 +1863,7 @@ const Qt = 300, D1 = ({
   ulProps: a,
   liProps: l
 }) => {
-  const u = (p) => !c(p), c = (p) => !p || p.length < 1 ? !0 : !p.some((d) => !!d.selected), m = (p, d) => /* @__PURE__ */ r.createElement(dn, {
+  const u = (p) => !c(p), c = (p) => !p || p.length < 1 ? !0 : !p.some((d) => !!d.selected), m = (p, d) => /* @__PURE__ */ r.createElement(fn, {
     className: M(`humany-item-tree-level-${d}`),
     items: p,
     ulProps: a,
@@ -1878,7 +1878,7 @@ const Qt = 300, D1 = ({
   return /* @__PURE__ */ r.createElement("div", {
     className: M(e, "humany-item-tree")
   }, o && o(!u(t || [])), t && m(t, 1));
-}, fn = N(
+}, hn = N(
   (u, l) => {
     var c = u, { className: e, onClick: t = () => {
     }, name: n = "", to: o = "", params: i = {}, children: s } = c, a = S(c, ["className", "onClick", "name", "to", "params", "children"]);
@@ -1979,24 +1979,24 @@ const Qt = 300, D1 = ({
         s(b);
       }
     };
-    return m ? /* @__PURE__ */ r.createElement(hn, $(h(h({
+    return m ? /* @__PURE__ */ r.createElement(pn, $(h(h({
       name: m,
       params: p
     }, v), V(d)), {
       ref: f
-    }), u) : /* @__PURE__ */ r.createElement(pn, $(h(h({
+    }), u) : /* @__PURE__ */ r.createElement(gn, $(h(h({
       href: l,
       target: c
     }, v), V(d)), {
       ref: f
     }), u);
   }
-), hn = C(fn)`
+), pn = C(hn)`
     ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, pn = C.a`
+`, gn = C.a`
     ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
@@ -2026,13 +2026,13 @@ const Qt = 300, D1 = ({
     classNames: "humany-overlay-transition",
     unmountOnExit: !0,
     timeout: t
-  }, /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(gn, h({
+  }, /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(Cn, h({
     className: "humany-overlay",
     duration: t,
     ref: l,
     onClick: u
   }, i), n)));
-}, gn = C.div`
+}, Cn = C.div`
     background: rgba(0, 0, 0, 0.6);
     min-width: 100%;
     min-height: 100%;
@@ -2062,11 +2062,11 @@ const Qt = 300, D1 = ({
     &.humany-overlay-transition-exit-done {
         opacity: 0;
     }
-`, Cn = We`
+`, yn = We`
   100% {
     transform: rotate(360deg);
   }
-`, yn = We`
+`, bn = We`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2080,7 +2080,7 @@ const Qt = 300, D1 = ({
     stroke-dashoffset: -124px;
   }
 `, qe = C.svg`
-    animation: ${Cn} 2s linear infinite;
+    animation: ${yn} 2s linear infinite;
     height: 100%;
     transform-origin: center center;
     width: 100%;
@@ -2091,7 +2091,7 @@ const Qt = 300, D1 = ({
     right: 0;
     margin: auto;
     transition: 200ms ease-out opacity;
-`, bn = C.div`
+`, vn = C.div`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2109,7 +2109,7 @@ const Qt = 300, D1 = ({
   ${qe} {
     opacity: ${(e) => e["data-loading"] ? "1" : "0"}
   }
-`, vn = C.div`
+`, wn = C.div`
     position: relative;
     margin: 0 auto;
     width: 100px;
@@ -2118,31 +2118,31 @@ const Qt = 300, D1 = ({
         display: block;
         padding-top: 100%;
     }
-`, wn = C.circle`
+`, En = C.circle`
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
-    animation: ${yn} 1.5s ease-in-out infinite;
+    animation: ${bn} 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;
-`, En = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ r.createElement(bn, {
+`, xn = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ r.createElement(vn, {
   className: M("humany-loader", e),
   "data-loading": t
-}, /* @__PURE__ */ r.createElement(vn, {
+}, /* @__PURE__ */ r.createElement(wn, {
   className: "humany-spinner"
 }, /* @__PURE__ */ r.createElement(qe, {
   viewBox: "25 25 50 50"
-}, /* @__PURE__ */ r.createElement(wn, {
+}, /* @__PURE__ */ r.createElement(En, {
   cx: "50",
   cy: "50",
   r: "20",
   fill: "none",
   "stroke-width": "2",
   "stroke-miterlimit": "10"
-})))), xn = (i) => {
+})))), kn = (i) => {
   var s = i, {
     zoomState: e,
     image: t,
@@ -2174,9 +2174,9 @@ const Qt = 300, D1 = ({
   }, [e, a, l, t.src]);
   return w(() => (u(!1), function() {
     m(!1);
-  }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(kn, {
+  }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement($n, {
     loading: !l
-  }), /* @__PURE__ */ r.createElement($n, $(h({
+  }), /* @__PURE__ */ r.createElement(Ln, $(h({
     onLoad: () => {
       u(!0);
     },
@@ -2188,12 +2188,12 @@ const Qt = 300, D1 = ({
     style: f,
     src: t.src,
     loaded: l
-  })), /* @__PURE__ */ r.createElement(Ln, null));
-}, kn = C(En)`
+  })), /* @__PURE__ */ r.createElement(Mn, null));
+}, $n = C(xn)`
     svg circle {
         stroke: #ffffff;
     }
-`, $n = C.img`
+`, Ln = C.img`
     transform: none;
 
     ${(e) => e.imageSize && L`
@@ -2204,20 +2204,20 @@ const Qt = 300, D1 = ({
     vertical-align: middle;
     position: relative;
     ${(e) => !e.loaded && "display:none;"}
-`, Ln = C.div`
+`, Mn = C.div`
     height: 100%;
     display: inline-block;
     vertical-align: middle;
-`, Mn = () => {
+`, Sn = () => {
   const e = R(), [t, n] = k(!0), o = H(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
   }), [t, e]);
   return [t, o];
-}, Sn = ({ attrs: e, htmlBody: t }) => {
+}, Rn = ({ attrs: e, htmlBody: t }) => {
   var Se;
-  const n = j("Escape"), o = j("ArrowLeft"), i = j("ArrowRight"), [s, a] = k(1), [l, u] = k({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = k(!1), [p, d] = Mn(), [f, g] = k(null), [E, v] = k(null), b = R(null), y = R(null), B = R(null), T = R(null);
+  const n = X("Escape"), o = X("ArrowLeft"), i = X("ArrowRight"), [s, a] = k(1), [l, u] = k({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = k(!1), [p, d] = Sn(), [f, g] = k(null), [E, v] = k(null), b = R(null), y = R(null), B = R(null), T = R(null);
   w(() => {
     n && g(null);
   }, [n]), w(() => {
@@ -2259,7 +2259,7 @@ const Qt = 300, D1 = ({
       }
       return F;
     }, []);
-  }, [t]), Y = H(() => {
+  }, [t]), j = H(() => {
     const { src: x } = e;
     if (x) {
       const D = z.findIndex((W, F) => W.src === x);
@@ -2311,14 +2311,14 @@ const Qt = 300, D1 = ({
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ue, {
     visible: f !== null,
     onClick: Je
-  }, /* @__PURE__ */ r.createElement(Vn, {
+  }, /* @__PURE__ */ r.createElement(Zn, {
     onMouseDown: () => d(),
     onMouseMove: () => d(),
     onTouchStart: () => d(),
     onKeyDown: () => d()
-  }, /* @__PURE__ */ r.createElement(Zn, {
+  }, /* @__PURE__ */ r.createElement(Wn, {
     show: p.toString()
-  }, /* @__PURE__ */ r.createElement(Dn, {
+  }, /* @__PURE__ */ r.createElement(Bn, {
     ref: y,
     buttons: [
       {
@@ -2334,21 +2334,21 @@ const Qt = 300, D1 = ({
         ariaLabel: "Close"
       }
     ]
-  })), /* @__PURE__ */ r.createElement(In, {
+  })), /* @__PURE__ */ r.createElement(On, {
     scrolling: c.toString(),
     isDraggable: ot.toString(),
     ref: T,
     onMouseMove: nt,
     onMouseDown: tt,
     onMouseUp: rt
-  }, f !== null && /* @__PURE__ */ r.createElement(xn, $(h({
+  }, f !== null && /* @__PURE__ */ r.createElement(kn, $(h({
     changeZoom: (x) => {
       a(x);
     },
     zoomState: s
   }, e), {
     image: z[f]
-  }))), /* @__PURE__ */ r.createElement(Tn, {
+  }))), /* @__PURE__ */ r.createElement(Nn, {
     ref: B,
     show: p.toString(),
     buttons: [
@@ -2371,9 +2371,9 @@ const Qt = 300, D1 = ({
         ariaLabel: "Navigate to next image"
       }
     ]
-  }), /* @__PURE__ */ r.createElement(Wn, {
+  }), /* @__PURE__ */ r.createElement(In, {
     show: p.toString()
-  }, /* @__PURE__ */ r.createElement(Bn, {
+  }, /* @__PURE__ */ r.createElement(Tn, {
     buttons: [
       {
         id: "zoom-out",
@@ -2388,25 +2388,25 @@ const Qt = 300, D1 = ({
         ariaLabel: "Zoom in"
       }
     ]
-  }), /* @__PURE__ */ r.createElement(Nn, {
+  }), /* @__PURE__ */ r.createElement(Vn, {
     variant: "span"
-  }, Math.trunc(s * 100), "%")))), /* @__PURE__ */ r.createElement(Rn, {
+  }, Math.trunc(s * 100), "%")))), /* @__PURE__ */ r.createElement(Hn, {
     ref: b,
-    onClick: Y,
+    onClick: j,
     onKeyDown: (x) => {
-      x.key === "Enter" && (x.preventDefault(), Y());
+      x.key === "Enter" && (x.preventDefault(), j());
     },
     tabIndex: 0
-  }, /* @__PURE__ */ r.createElement(On, $(h({}, e), {
+  }, /* @__PURE__ */ r.createElement(Fn, $(h({}, e), {
     alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || ""
   }))));
 }, ke = N(
-  ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ r.createElement(Hn, {
+  ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ r.createElement(zn, {
     ref: o,
     show: e,
     className: M("humany-button-set", n)
   }, t.map(
-    ({ id: i, circle: s = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, p) => /* @__PURE__ */ r.createElement(zn, {
+    ({ id: i, circle: s = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, p) => /* @__PURE__ */ r.createElement(Dn, {
       key: i + p.toString(),
       circle: s.toString(),
       onClick: u,
@@ -2427,16 +2427,16 @@ const Qt = 300, D1 = ({
                   opacity: 0;
                   pointer-events: none;
               `}
-`, Rn = C(xe)`
+`, Hn = C(xe)`
     display: inline-block !important;
-`, Hn = C(Qe)`
+`, zn = C(Qe)`
     position: fixed;
     display: flex;
     gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, ge = "39px", zn = C(ae)`
+`, ge = "39px", Dn = C(ae)`
     width: ${ge};
     height: ${ge};
     display: flex;
@@ -2501,7 +2501,7 @@ const Qt = 300, D1 = ({
                   opacity: 0;
                   pointer-events: none;
               `}
-`, Dn = C(ke)`
+`, Bn = C(ke)`
     top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2510,7 +2510,7 @@ const Qt = 300, D1 = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, Bn = C(ke)`
+`, Tn = C(ke)`
     bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2518,7 +2518,7 @@ const Qt = 300, D1 = ({
     width: 100%;
     align-items: center;
     justify-content: center;
-`, Tn = C(ke)`
+`, Nn = C(ke)`
     display: block;
     button {
         position: fixed;
@@ -2536,7 +2536,7 @@ const Qt = 300, D1 = ({
 }};
         }
     }
-`, Nn = C(U)`
+`, Vn = C(q)`
     position: fixed;
     bottom: ${(e) => {
   var t;
@@ -2561,15 +2561,15 @@ const Qt = 300, D1 = ({
     height: 88px;
     left: 0px;
     z-index: 5;
-`, Vn = C.div`
+`, Zn = C.div`
     width: 100%;
-`, Zn = C(Ge)`
+`, Wn = C(Ge)`
     top: 0px;
     background-image: linear-gradient(to bottom, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Wn = C(Ge)`
+`, In = C(Ge)`
     bottom: 0px;
     background-image: linear-gradient(to top, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, In = C.div`
+`, On = C.div`
     width: 100%;
     height: 100vh;
     overflow: auto;
@@ -2578,13 +2578,13 @@ const Qt = 300, D1 = ({
     white-space: nowrap;
     justify-content: center;
     cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, On = C.img`
+`, Fn = C.img`
     cursor: pointer;
-`, Fn = N(
+`, An = N(
   (l, a) => {
     var u = l, { className: e, children: t, trigger: n, onOverlayClick: o = () => {
     }, close: i = !1 } = u, s = S(u, ["className", "children", "trigger", "onOverlayClick", "close"]);
-    const [c, m] = Ye(), [p, d] = Ke(!0), f = R(), g = R(q()), E = j("Escape");
+    const [c, m] = Ye(), [p, d] = Ke(!0), f = R(), g = R(Q()), E = X("Escape");
     w(() => {
       (E || i) && m(!1);
     }, [E, i]), w(() => {
@@ -2609,7 +2609,7 @@ const Qt = 300, D1 = ({
     return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Ue, {
       visible: c,
       onClick: v
-    }, /* @__PURE__ */ r.createElement(An, $(h({
+    }, /* @__PURE__ */ r.createElement(Pn, $(h({
       className: M(
         e,
         "humany-modal",
@@ -2631,7 +2631,7 @@ const Qt = 300, D1 = ({
       }
     }));
   }
-), An = C.div`
+), Pn = C.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2650,7 +2650,7 @@ const Qt = 300, D1 = ({
     ${je}
     ${(e) => e.css && e.css}
   outline: none;
-`, Z1 = ({
+`, I1 = ({
   className: e,
   trigger: t,
   header: n = "",
@@ -2669,17 +2669,17 @@ const Qt = 300, D1 = ({
     var p;
     s(), (p = u == null ? void 0 : u.current) == null || p.close();
   }, [s]);
-  return /* @__PURE__ */ r.createElement(Pn, {
+  return /* @__PURE__ */ r.createElement(Kn, {
     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(Kn, {
+  }, n && /* @__PURE__ */ r.createElement(Ve, null, n), o && /* @__PURE__ */ r.createElement(Ve, null, o), l && /* @__PURE__ */ r.createElement(Yn, {
     onClick: m
-  }, l), a && /* @__PURE__ */ r.createElement(Yn, {
+  }, l), a && /* @__PURE__ */ r.createElement(jn, {
     onClick: c
   }, a));
-}, Pn = C(Fn)`
+}, Kn = C(An)`
     display: block;
 
     span {
@@ -2697,7 +2697,7 @@ const Qt = 300, D1 = ({
 }};
         }
     }
-`, Kn = C(ae)`
+`, Yn = C(ae)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2727,7 +2727,7 @@ const Qt = 300, D1 = ({
     &:focus-visible {
         ${P}
     }
-`, Yn = C(ae)`
+`, jn = C(ae)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2748,23 +2748,23 @@ const Qt = 300, D1 = ({
     &:focus-visible {
         ${P};
     }
-`, W1 = ({
+`, O1 = ({
   header: e = "",
   link: t = "",
   suggestionHeader: n = "",
   suggestion: o = ""
-}) => /* @__PURE__ */ r.createElement(jn, null, /* @__PURE__ */ r.createElement(Xn, null, /* @__PURE__ */ r.createElement(U, {
+}) => /* @__PURE__ */ r.createElement(Xn, null, /* @__PURE__ */ r.createElement(_n, null, /* @__PURE__ */ r.createElement(q, {
   variant: "h2"
-}, "404")), /* @__PURE__ */ r.createElement(_n, null, /* @__PURE__ */ r.createElement(U, {
+}, "404")), /* @__PURE__ */ r.createElement(Un, null, /* @__PURE__ */ r.createElement(q, {
   variant: "h3"
-}, e), /* @__PURE__ */ r.createElement(qn, {
+}, e), /* @__PURE__ */ r.createElement(Qn, {
   routeName: "index",
   "aria-label": t,
   text: t
-})), /* @__PURE__ */ r.createElement(Un, null, /* @__PURE__ */ r.createElement("span", null, n), /* @__PURE__ */ r.createElement("ul", null, /* @__PURE__ */ r.createElement("li", null, o)))), jn = C.div`
+})), /* @__PURE__ */ r.createElement(qn, null, /* @__PURE__ */ r.createElement("span", null, n), /* @__PURE__ */ r.createElement("ul", null, /* @__PURE__ */ r.createElement("li", null, o)))), Xn = C.div`
     display: flex;
     flex-wrap: wrap;
-`, Xn = C.div`
+`, _n = C.div`
     ${se(
   "h2",
   L`
@@ -2774,7 +2774,7 @@ const Qt = 300, D1 = ({
             font-size: 7em;
         `
 )}
-`, _n = C.div`
+`, Un = C.div`
     margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2801,7 +2801,7 @@ const Qt = 300, D1 = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
     }
-`, Un = C.div`
+`, qn = C.div`
     margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -2812,7 +2812,7 @@ const Qt = 300, D1 = ({
         font-weight: bold;
     }
 `;
-class I1 extends dt {
+class F1 extends dt {
   constructor() {
     super(...arguments);
     re(this, "node");
@@ -2851,7 +2851,7 @@ class I1 extends dt {
     }) : null;
   }
 }
-const qn = N(
+const Qn = N(
   (a, s) => {
     var l = a, { className: e, description: t, text: n, children: o } = l, i = S(l, ["className", "description", "text", "children"]);
     return /* @__PURE__ */ r.createElement(xe, $(h({
@@ -2864,17 +2864,17 @@ const qn = N(
     }) : null);
   }
 );
-var Qn = /* @__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))(Qn || {});
-const O1 = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ r.createElement("span", {
+var Gn = /* @__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))(Gn || {});
+const A1 = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ r.createElement("span", {
   className: M(e, "humany-timestamp")
-}, Gn(n, t)), Ze = (e) => `0${e}`.slice(-2);
-function Gn(e, t) {
+}, Jn(n, t)), Ze = (e) => `0${e}`.slice(-2);
+function Jn(e, t) {
   const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), i = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], s = n.getFullYear(), a = n.getMonth() + 1, l = n.getDate(), u = `${s}-${Ze(a)}-${Ze(l)}`;
   return t === "yyyy-mm-dd" ? u : t === "hh:mm" ? i : `${u} ${i}`;
 }
-const F1 = (s) => {
+const P1 = (s) => {
   var a = s, { className: e, children: t, content: n, sticky: o = !1 } = a, i = S(a, ["className", "children", "content", "sticky"]);
-  const [l, u] = k(!1), c = R(q()), m = R(), [{ x: p, y: d }, f] = Xe(l, c.current, m.current), g = (v) => {
+  const [l, u] = k(!1), c = R(Q()), m = R(), [{ x: p, y: d }, f] = Xe(l, c.current, m.current), g = (v) => {
     const { target: b } = v;
     !m.current || !b || m.current !== b && !m.current.contains(b) && u(!1);
   };
@@ -2890,22 +2890,22 @@ const F1 = (s) => {
     },
     [f, u]
   );
-  return /* @__PURE__ */ r.createElement(Jn, {
+  return /* @__PURE__ */ r.createElement(e1, {
     ref: m,
     className: "humany-tooltip-trigger",
     onMouseEnter: o ? void 0 : (v) => E(v, !0),
     onMouseLeave: o ? void 0 : (v) => E(v, !1),
     onTouchEnd: o ? (v) => E(v, !l) : void 0,
     onClick: o ? (v) => E(v, !l) : void 0
-  }, t, l && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(e1, h({
+  }, t, l && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(t1, h({
     className: M(e, "humany-tooltip-container"),
     x: p,
     y: d
   }, i), n)));
-}, Jn = C.div`
+}, e1 = C.div`
     display: flex;
     align-items: center;
-`, e1 = C.div`
+`, t1 = C.div`
     color: #ffffff;
     background: #161616;
     border-radius: ${(e) => e.theme.borderRadius};
@@ -2938,7 +2938,7 @@ const F1 = (s) => {
   let t = "";
   return e.y > 0 ? t += `top: calc(2px + ${e.y || "0"}px);` : t += "bottom: 2px;", e.x > 0 ? t += `right: calc(2px + ${e.x || "0"}px);` : t += "left: 2px;", t;
 }};
-`, A1 = (e) => {
+`, K1 = (e) => {
   const {
     in: t,
     mountOnEnter: n = !0,
@@ -2990,7 +2990,7 @@ const F1 = (s) => {
     unmountOnExit: o,
     onEnter: (c) => c.clientHeight
   }, (c) => s && s(c, u && he.compose(c, u)));
-}, t1 = N(
+}, n1 = N(
   (l, a) => {
     var u = l, { className: e, children: t, onClick: n = () => {
     }, widgetName: o, activationOptions: i } = u, s = S(u, ["className", "children", "onClick", "widgetName", "activationOptions"]);
@@ -3036,7 +3036,7 @@ const F1 = (s) => {
       ref: a
     }), t);
   }
-), P1 = N(
+), Y1 = N(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
     const i = Z(), s = ie(() => {
       if (!i)
@@ -3047,12 +3047,12 @@ const F1 = (s) => {
     return s ? /* @__PURE__ */ r.createElement(G, {
       elementId: e,
       parent: s
-    }, /* @__PURE__ */ r.createElement(n1, {
+    }, /* @__PURE__ */ r.createElement(r1, {
       className: M("humany-widget-overlay-outlet", t),
       ref: o
     }, n)) : null;
   }
-), n1 = C.div`
+), r1 = C.div`
     background-color: #ffffff;
     position: absolute;
     top: 0;
@@ -3062,7 +3062,7 @@ const F1 = (s) => {
     z-index: 10;
     width: 100%;
     height: 100%;
-`, K1 = (e, t, n, o, i) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
+`, j1 = (e, t, n, o, i) => e.getAsync("componentResolver").then((s) => (s.registerComponent(
   t,
   ft(() => n)
 ), wt(e, t, o || (() => {
@@ -3070,91 +3070,93 @@ const F1 = (s) => {
 export {
   Nt as AnchorLink,
   ae as Button,
-  p1 as Checkbox,
+  g1 as Checkbox,
   Wt as ColumnContext,
   Fe as ComponentNodeContext,
   It as ComponentPropertyContext,
-  Z1 as Confirm,
+  I1 as Confirm,
   Zt as ContainerContext,
-  Qn as DateFormats,
-  D1 as Drawer,
-  qt as DrawerAnimationType,
-  B1 as Dropdown,
-  sn as Empty,
-  T1 as Grid,
+  Ft as ConversationContext,
+  Gn as DateFormats,
+  T1 as Drawer,
+  Qt as DrawerAnimationType,
+  N1 as Dropdown,
+  an as Empty,
+  V1 as Grid,
   _e as Html,
-  ln as Icon,
-  N1 as Input,
-  dn as ItemList,
-  V1 as ItemTree,
-  Sn as Lightbox,
+  un as Icon,
+  Z1 as Input,
+  fn as ItemList,
+  W1 as ItemTree,
+  Rn as Lightbox,
   xe as Link,
-  un as List,
-  Fn as Modal,
-  W1 as NotFound,
+  mn as List,
+  An as Modal,
+  O1 as NotFound,
   Ue as Overlay,
-  mn as Paragraph,
+  dn as Paragraph,
   G as Portal,
-  fn as RouteLink,
+  hn as RouteLink,
   Ot as RoutingContext,
   Ve as StyledText,
   J as SymbolBadge,
-  I1 as TabStop,
+  F1 as TabStop,
   we as Text,
-  qn as TextLink,
-  O1 as Timestamp,
-  F1 as Tooltip,
-  A1 as TransitionComponent,
-  U as Typography,
-  t1 as WidgetLink,
-  P1 as WidgetOverlayOutlet,
+  Qn as TextLink,
+  A1 as Timestamp,
+  P1 as Tooltip,
+  K1 as TransitionComponent,
+  q as Typography,
+  n1 as WidgetLink,
+  Y1 as WidgetOverlayOutlet,
   P as borderTabStyle,
   Ne as browser,
-  Kt as buttonCss,
+  Yt as buttonCss,
   je as contentBox,
   V as convertToStringAttributes,
-  h1 as createEmptyComponent,
-  K1 as createReactComponent,
+  p1 as createEmptyComponent,
+  j1 as createReactComponent,
   Tt as defaultRenderInstructions,
   Rt as embeddedLinkMapper,
   Oe as filterCssProps,
   Ht as filterCssPropsStyle,
   zt as genericHashLink,
-  z1 as genericHtml,
+  B1 as genericHtml,
   se as headingElement,
   Bt as imageLightboxRenderer,
-  S1 as invertedHoverButton,
-  H1 as itemList,
-  Yt as linkTabStyle,
-  jt as list,
-  R1 as paddedBorderTabStyle,
+  H1 as invertedHoverButton,
+  D1 as itemList,
+  jt as linkTabStyle,
+  Xt as list,
+  z1 as paddedBorderTabStyle,
   Dt as processHtmlString,
   he as transitionComposer,
-  g1 as useAction,
-  C1 as useChildren,
-  y1 as useColumns,
-  b1 as useComponent,
+  C1 as useAction,
+  y1 as useChildren,
+  b1 as useColumns,
+  v1 as useComponent,
   ye as useComponentDescriptor,
   be as useComponentNode,
-  _ as useComponentPlatform,
+  U as useComponentPlatform,
   Z as useContainer,
-  Ft as useContext,
-  v1 as useDispatch,
+  At as useContext,
+  w1 as useConversation,
+  E1 as useDispatch,
   I as useEventListener,
-  At as useEvents,
+  Pt as useEvents,
   O as useIsMounted,
-  w1 as useIsTabbing,
-  j as useKeyPress,
-  E1 as useLayout,
+  x1 as useIsTabbing,
+  X as useKeyPress,
+  k1 as useLayout,
   Ae as usePrevious,
-  x1 as useProperties,
-  k1 as useRenderState,
-  $1 as useRouteData,
+  $1 as useProperties,
+  L1 as useRenderState,
+  M1 as useRouteData,
   Pe as useRouter,
   Ke as useScroll,
-  L1 as useSettings,
+  S1 as useSettings,
   Ye as useToggle,
-  M1 as useTransitionEnd,
+  R1 as useTransitionEnd,
   ve as useUniqueMenu,
   ce as useWidgetEvent
 };