@telia-ace/widget-ui 1.3.0-rc.11 → 1.3.0-rc.13

package/index.mjs

@@ -7,8 +7,8 @@ import { jsx as i, jsxs as b, Fragment as _ } from "react/jsx-runtime";
 import C from "@emotion/styled";
 import oe, { forwardRef as H, createContext as K, useContext as P, useState as w, useEffect as v, useRef as L, useCallback as M, useImperativeHandle as ge, createElement as at, useMemo as re, Component as ct, lazy as lt } from "react";
 import { CSSTransition as Ne, Transition as ut } from "react-transition-group";
-import { Container as dt, WidgetState as ft } from "@webprovisions/platform";
-import { ComponentPlatform as ht, asDescriptor as mt, createEventSubscriber as gt, ComponentQuery as pt, WidgetRenderState as ne, extendComponent as Ct } from "@telia-ace/widget-core";
+import { Container as dt, WidgetState as ht } from "@webprovisions/platform";
+import { ComponentPlatform as ft, asDescriptor as mt, createEventSubscriber as gt, ComponentQuery as pt, WidgetRenderState as ne, extendComponent as Ct } from "@telia-ace/widget-core";
 import { createPortal as yt } from "react-dom";
 import He from "htmr";
 import { HistoryMode as ze, getSpecificWidgetPath as bt } from "@telia-ace/widget-routing";
@@ -44,7 +44,7 @@ const vt = (e) => e === "entering" || e === "entered", xt = (e) => e === "exitin
   "slide-left",
   "slide-right",
   "scale"
-], fe = {
+], he = {
   compose: (e = "exited", t) => {
     const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), s = wt.indexOf(r[0]) > -1 ? "transform" : "opacity";
     if (vt(e))
@@ -52,21 +52,21 @@ const vt = (e) => e === "entering" || e === "entered", xt = (e) => e === "exitin
           ${r && r.length > 0 && r.map((d) => F[d] ? F[d].in : "")}
           transition: ${s} ${n.duration}ms ${n.easing};
         ` : "";
-    const a = r && r.length > 0 && k`
+    const c = r && r.length > 0 && k`
         ${r.map((d) => F[d] ? F[d].out : "")}
       `;
     if (xt(e)) {
       const d = o.transitionKeys.split(" ");
       return d && d.length > 0 && e === "exiting" ? k`
-          ${a};
-          ${d.map((c) => F[c] ? F[c].out : "")}
+          ${c};
+          ${d.map((a) => F[a] ? F[a].out : "")}
           transition: ${s} ${o.duration}ms ${o.easing};
-        ` : a;
+        ` : c;
     }
   },
   composeViewTransition: (e, t, n) => {
     if (t === "slide")
-      return fe.compose(e, {
+      return he.compose(e, {
         enter: {
           transitionKeys: n === "forth" ? "slide-right" : "slide-left",
           duration: 500
@@ -77,7 +77,7 @@ const vt = (e) => e === "entering" || e === "entered", xt = (e) => e === "exitin
         }
       });
     if (t === "fade")
-      return fe.compose(e, {
+      return he.compose(e, {
         enter: {
           transitionKeys: "fade",
           duration: 500
@@ -90,7 +90,7 @@ const vt = (e) => e === "entering" || e === "entered", xt = (e) => e === "exitin
   },
   get: (e) => F[e]
 };
-var he = /* @__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))(he || {});
+var fe = /* @__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))(fe || {});
 const De = () => {
   const {
     opr: e,
@@ -99,9 +99,9 @@ const De = () => {
     HTMLElement: o,
     safari: r,
     documentMode: s,
-    StyleMedia: a,
+    StyleMedia: c,
     chrome: d,
-    CSS: c
+    CSS: a
   } = window, l = !!e && !!e.addons || !!t || navigator.userAgent.indexOf(" OPR/") >= 0;
   if (l)
     return "opera";
@@ -110,17 +110,17 @@ const De = () => {
   const u = ((m) => m.toString() === "[object SafariRemoteNotification]")(!r || typeof r < "u" && r.pushNotification);
   if (/constructor/i.test(o) || u)
     return "safari";
-  const f = !!s;
-  if (f)
+  const h = !!s;
+  if (h)
     return "internet-explorer";
-  if (!f && a)
+  if (!h && c)
     return "edge";
-  const h = !!d && (!!d.webstore || !!d.runtime);
-  if (h)
+  const f = !!d && (!!d.webstore || !!d.runtime);
+  if (f)
     return "chrome";
-  if (h && navigator.userAgent.indexOf("Edg") !== -1)
+  if (f && navigator.userAgent.indexOf("Edg") !== -1)
     return "edge-chromium";
-  if ((h || l) && c)
+  if ((f || l) && a)
     return "blink";
 }, kt = ["string", "number"], D = (e) => Object.keys(e).reduce(
   (t, n) => {
@@ -140,11 +140,11 @@ const De = () => {
   } = e.get("$widget"), { href: s = "" } = n;
   if ($t(s))
     return /* @__PURE__ */ i(zt, { smooth: !0, to: s, children: t });
-  const a = o.bindings.map((l) => l.replace(/\./g, "\\.")).join("|"), c = new RegExp(
-    `^((http[s]?:)?//)?(${a})/([^\\s]+)`
+  const c = o.bindings.map((l) => l.replace(/\./g, "\\.")).join("|"), a = new RegExp(
+    `^((http[s]?:)?//)?(${c})/([^\\s]+)`
   ).exec(s);
-  if (c && c.length >= 4) {
-    const l = c[4];
+  if (a && a.length >= 4) {
+    const l = a[4];
     if (o.widgets.get(l) && !l.startsWith("blob?") && !l.startsWith(r))
       return /* @__PURE__ */ i(e1, { widgetName: l, children: t });
   }
@@ -166,11 +166,11 @@ const De = () => {
   const o = () => {
     n = "";
   }, r = (u) => {
-    const f = document.getElementById(n);
-    return f !== null ? (u(f), o(), !0) : !1;
+    const h = document.getElementById(n);
+    return h !== null ? (u(h), o(), !0) : !1;
   }, s = (u) => (u.preventDefault(), o(), e.onClick && e.onClick(u), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && r(
-    e.scroll || ((f) => e.smooth ? f.scrollIntoView({ behavior: "smooth" }) : f.scrollIntoView())
-  ), !1), { scroll: a, smooth: d, to: c, ...l } = e;
+    e.scroll || ((h) => e.smooth ? h.scrollIntoView({ behavior: "smooth" }) : h.scrollIntoView())
+  ), !1), { scroll: c, smooth: d, to: a, ...l } = e;
   return t === "a" && (l.href = "javascript:;"), /* @__PURE__ */ i(t, { ...l, onClick: s, children: e.children });
 }, ie = (e) => (t, n) => {
   let o = t, r = "";
@@ -180,17 +180,17 @@ const De = () => {
     const d = t.match(/h1|h2|h3|h4|h5|h6/);
     if (d != null && d[0]) {
       o = d[0];
-      const [c] = t.split(o);
-      r = c;
+      const [a] = t.split(o);
+      r = a;
     }
   }
-  const a = ((d, c, l) => l[d] ? `${c}${l[d]}` : `${c}${d}`)(
+  const c = ((d, a, l) => l[d] ? `${a}${l[d]}` : `${a}${d}`)(
     o,
     r,
     e.theme.typographyVariantMapping || {}
   );
   return k`
-      ${a} {
+      ${c} {
         ${n}
       }
     `;
@@ -256,8 +256,8 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
 ), Nt = K(null), Wt = K(null), pe = () => P(Ze), T = () => P(Bt), C1 = (e, t) => {
   const n = pe().id, o = T();
   return (r, s) => {
-    (t || o).getAsync("actionResolver").then((a) => {
-      a.action(e || n, r, s);
+    (t || o).getAsync("actionResolver").then((c) => {
+      c.action(e || n, r, s);
     });
   };
 }, Ce = (e) => {
@@ -276,7 +276,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
 }, Y = (e) => {
   const t = T(), [n, o] = w(null), r = W();
   return v(() => {
-    ht.getInstance(e || t).then(
+    ft.getInstance(e || t).then(
       (s) => {
         r.current && o(s);
       }
@@ -284,10 +284,10 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   }, [r]), n;
 }, y1 = () => {
   const e = Ce(), t = Y(), [n, o] = w([]), r = W(), s = M(
-    (a) => {
-      if (t && r.current && a) {
-        const d = t.getBranch(a), c = a.getChildren(d).map((l) => mt(l));
-        o(c);
+    (c) => {
+      if (t && r.current && c) {
+        const d = t.getBranch(c), a = c.getChildren(d).map((l) => mt(l));
+        o(a);
       }
     },
     [r, t, o, e]
@@ -296,12 +296,12 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     e && s(e);
   }, [e, t]), v(() => {
     if (t) {
-      const [a, d] = gt(t.events);
-      return a("components:set-layout", (c, l) => {
+      const [c, d] = gt(t.events);
+      return c("components:set-layout", (a, l) => {
         (e === l.node.parent || l.node.parent === t.nodes.root) && s(l.node.parent);
-      }), a("components:node-appended", (c, l) => {
+      }), c("components:node-appended", (a, l) => {
         (e === l.node.parent || l.node.parent === t.nodes.root) && s(l.node.parent);
-      }), a("components:node-removed", (c, { parentNode: l }) => {
+      }), c("components:node-removed", (a, { parentNode: l }) => {
         (l === e || l === t.nodes.root) && s(l);
       }), () => {
         d();
@@ -309,37 +309,37 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     }
   }, [e, t, s]), n;
 }, b1 = () => P(Tt), v1 = (e, t) => {
-  const n = pe(), o = T(), [r, s] = w(void 0), a = W(), d = e || n.type || "";
+  const n = pe(), o = T(), [r, s] = w(void 0), c = W(), d = e || n.type || "";
   return v(() => {
     if (d) {
-      let c;
+      let a;
       return (t || o).getAsync("componentResolver").then((l) => {
-        if (a.current) {
+        if (c.current) {
           const u = l.getComponent(d);
           s(u);
         }
-        c = l.registerResolver(d, (u) => {
-          a.current && s(u);
+        a = l.registerResolver(d, (u) => {
+          c.current && s(u);
         });
       }), () => {
-        c && c();
+        a && a();
       };
     }
-  }, [a, d, t, o]), r;
+  }, [c, d, t, o]), r;
 }, Zt = (e) => {
   const t = Ce(e), n = Y(), [o, r] = w({}), s = W();
   return v(() => {
     t && s.current && r(t.attributes.context);
   }, [s, t]), v(() => {
     if (n) {
-      const a = n.events.subscribe(
+      const c = n.events.subscribe(
         "components:context-changed",
-        (d, c) => {
-          t === c.node && s.current && r(c.node.attributes.context);
+        (d, a) => {
+          t === a.node && s.current && r(a.node.attributes.context);
         }
       );
       return () => {
-        a();
+        c();
       };
     }
   }, [s, n, t]), o;
@@ -347,19 +347,19 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   const e = Y(), t = pe(), [n, o] = w([]), [r, s] = w();
   return v(() => {
     if (e && t) {
-      const a = new pt(e).withId(t.id), d = e.actions(a, t.type || U());
-      s(d), n !== null && (n.forEach((c) => {
-        d.dispatch(c.key, c.data).then((l) => c.resolve(l)).catch((l) => c.reject(l));
+      const c = new pt(e).withId(t.id), d = e.actions(c, t.type || U());
+      s(d), n !== null && (n.forEach((a) => {
+        d.dispatch(a.key, a.data).then((l) => a.resolve(l)).catch((l) => a.reject(l));
       }), o(null));
     }
-  }, [e, t.id]), (a, d) => n !== null ? new Promise((c, l) => {
+  }, [e, t.id]), (c, d) => n !== null ? new Promise((a, l) => {
     n.push({
-      key: a,
+      key: c,
       data: d,
-      resolve: c,
+      resolve: a,
       reject: l
     });
-  }) : r.dispatch(a, d);
+  }) : r.dispatch(c, d);
 }, N = (e, t, n = window, o = () => !0) => {
   const r = L(() => {
   });
@@ -368,9 +368,9 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   }, [t]), v(() => {
     if (!(n && o()))
       return;
-    const a = (d) => r.current(d);
-    return n.addEventListener(e, a), () => {
-      n.removeEventListener(e, a);
+    const c = (d) => r.current(d);
+    return n.addEventListener(e, c), () => {
+      n.removeEventListener(e, c);
     };
   }, [e, n]);
 }, It = (e) => {
@@ -390,14 +390,14 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   }, []), e;
 }, j = (e, t) => {
   const [n, o] = w(!1), r = M(
-    (a) => {
-      const { key: d } = a;
-      d === e && (o(!0), t && t(a));
+    (c) => {
+      const { key: d } = c;
+      d === e && (o(!0), t && t(c));
     },
     [o, t]
   ), s = M(
-    ({ key: a }) => {
-      a === e && o(!1);
+    ({ key: c }) => {
+      c === e && o(!1);
     },
     [o]
   );
@@ -408,14 +408,14 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     t && s.current && r(t.attributes.layout);
   }, [t, s]), v(() => {
     if (n) {
-      const a = n.events.subscribe(
+      const c = n.events.subscribe(
         "components:layout-changed",
-        (d, c) => {
-          t === c.node && s.current && r(c.node.attributes.layout);
+        (d, a) => {
+          t === a.node && s.current && r(a.node.attributes.layout);
         }
       );
       return () => {
-        a();
+        c();
       };
     }
   }, [n, s, t]), o;
@@ -428,19 +428,19 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   const [t, n] = w(), o = T(), r = W();
   return v(() => {
     let s;
-    const a = (e || o).get("$widget");
-    if (!a)
+    const c = (e || o).get("$widget");
+    if (!c)
       return;
-    const { name: d, invoke: c } = a;
-    return c("renderState").then((l) => {
+    const { name: d, invoke: a } = c;
+    return a("renderState").then((l) => {
       r.current && n(l);
     }), (e || o).getAsync("actionResolver").then((l) => {
-      s = l.subscribe(d, (u, f) => {
-        switch (f) {
+      s = l.subscribe(d, (u, h) => {
+        switch (h) {
           case "close":
           case "open":
             r.current && n(
-              f === "open" ? ne.open : ne.closed
+              h === "open" ? ne.open : ne.closed
             );
             break;
           case "hide":
@@ -457,23 +457,23 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     params: {}
   }), s = W();
   return v(() => {
-    const a = (e || t).get("$widget");
-    if (!a)
+    const c = (e || t).get("$widget");
+    if (!c)
       return;
-    const { events: d } = a;
+    const { events: d } = c;
     return d.subscribe(
       "router:change",
       (l, { next: { routeData: u } }) => {
         if (s.current) {
-          const { name: f, params: h } = u;
-          Re(h), r({ name: f, params: h });
+          const { name: h, params: f } = u;
+          Re(f), r({ name: h, params: f });
         }
       }
     );
   }, [s, e, t]), v(() => {
     if (n && n.history && s.current) {
-      const a = n.getRouteData(), { name: d, params: c } = a;
-      Re(c), r({ name: d, params: c });
+      const c = n.getRouteData(), { name: d, params: a } = c;
+      Re(a), r({ name: d, params: a });
     }
   }, [n, s]), o;
 }, Ae = (e) => {
@@ -490,14 +490,14 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
       n.current = l.touches[0].clientY;
     },
     [t]
-  ), a = (l) => d(l) ? l === t.current ? l : null : l.parentElement ? a(l.parentElement) : null, d = (l) => l.scrollWidth > l.clientWidth || l.scrollHeight > l.clientHeight, c = M(
+  ), c = (l) => d(l) ? l === t.current ? l : null : l.parentElement ? c(l.parentElement) : null, d = (l) => l.scrollWidth > l.clientWidth || l.scrollHeight > l.clientHeight, a = M(
     (l) => {
       if (!l.cancelable)
         return;
-      const u = l.touches[0].clientY, f = a(l.target);
-      if (!f)
+      const u = l.touches[0].clientY, h = c(l.target);
+      if (!h)
         return;
-      const h = f.scrollTop, m = n.current - u < 0 ? "up" : "down", p = h <= 0 && m === "up", g = h >= f.scrollHeight - f.offsetHeight && m === "down";
+      const f = h.scrollTop, m = n.current - u < 0 ? "up" : "down", p = f <= 0 && m === "up", g = f >= h.scrollHeight - h.offsetHeight && m === "down";
       (p || g) && l.preventDefault(), n.current = u;
     },
     [t, n]
@@ -514,12 +514,12 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     () => t.current && e
   ), N(
     "touchmove",
-    c,
+    a,
     t.current,
     () => t.current && e
   ), e ? [Ot, t] : ["", t];
 }, Ot = `
-    overflow-y: ${De() === he.Chrome || De() === he.EdgeChromium ? "overlay" : "auto"};
+    overflow-y: ${De() === fe.Chrome || De() === fe.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
     scrollbar-width: thin; /* Firefox */
@@ -559,25 +559,25 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   }, []);
   return [t, o];
 }, R1 = (e) => {
-  const t = T(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = w(null), [a, d] = w(null), c = W();
+  const t = T(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = w(null), [c, d] = w(null), a = W();
   v(() => {
-    if (n && c.current) {
-      const u = n.nodes.all.find((h) => h.name === "root-area"), f = n.nodes.all.find((h) => h.type === "view");
-      if (!(f != null && f.attributes.properties.animation) && !(u != null && u.attributes.properties.animation))
+    if (n && a.current) {
+      const u = n.nodes.all.find((f) => f.name === "root-area"), h = n.nodes.all.find((f) => f.type === "view");
+      if (!(h != null && h.attributes.properties.animation) && !(u != null && u.attributes.properties.animation))
         e();
       else {
-        const h = (g = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${g}"]`), m = h(f == null ? void 0 : f.id);
+        const f = (g = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${g}"]`), m = f(h == null ? void 0 : h.id);
         m && s(m);
-        const p = h(u == null ? void 0 : u.id);
+        const p = f(u == null ? void 0 : u.id);
         p && d(p);
       }
     }
-  }, [n, t, c]);
+  }, [n, t, a]);
   const l = M(
     (u) => {
-      c.current && (u.target === r || u.target === a) && e();
+      a.current && (u.target === r || u.target === c) && e();
     },
-    [e, c, r, a]
+    [e, a, r, c]
   );
   N(
     "transitionend",
@@ -586,7 +586,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   ), N(
     "transitionend",
     l,
-    a
+    c
   );
 }, ae = (e, t, n = [], o) => {
   const r = It(o);
@@ -635,7 +635,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
 `;
 }, H1 = (e) => {
-  var a;
+  var c;
   const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: s } = e;
   return k`
     ${At(e)}
@@ -651,7 +651,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     a {
       transition: color 200ms ease-out;
       color: ${o ? n : t};
-      font-size: ${(a = r.fonts) == null ? void 0 : a.normal};
+      font-size: ${(c = r.fonts) == null ? void 0 : c.normal};
     }
 
     ${!s && k`
@@ -786,7 +786,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   )}
 `;
 }, B1 = (e) => {
-  var t, n, o, r, s, a;
+  var t, n, o, r, s, c;
   return k`
   font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
   font-weight: 300;
@@ -833,7 +833,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   }
 
   p:last-child {
-    margin: ${(a = e.theme.sizes) == null ? void 0 : a.normal} 0 0;
+    margin: ${(c = e.theme.sizes) == null ? void 0 : c.normal} 0 0;
   }
 
   p:only-child {
@@ -862,9 +862,9 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   },
   elementStyle: r = {},
   className: s,
-  ...a
+  ...c
 }) => {
-  const { type: d, content: c } = o, l = {
+  const { type: d, content: a } = o, l = {
     "aria-label": e,
     role: "presentation"
   };
@@ -872,7 +872,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     case "Uri": {
       const u = {
         backgroundSize: t,
-        backgroundImage: `url('${c}')`,
+        backgroundImage: `url('${a}')`,
         backgroundRepeat: "no-repeat",
         backgroundPosition: "center",
         backgroundAttachment: "center"
@@ -888,7 +888,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
           title: e,
           style: { ...u, ...r },
           ...l,
-          ...a
+          ...c
         }
       );
     }
@@ -898,10 +898,10 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
         width: `${n}`,
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        ...a,
+        ...c,
         ref: null
-      }, f = { minWidth: `${n}` };
-      switch (c) {
+      }, h = { minWidth: `${n}` };
+      switch (a) {
         case "search":
           return /* @__PURE__ */ b("svg", { viewBox: "0 0 32 30", ...u, children: [
             /* @__PURE__ */ i(
@@ -954,22 +954,22 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
             /* @__PURE__ */ i("path", { d: "M12.2812 11.9473L1.24686 0.726451", stroke: "black" })
           ] });
         case "caret-right":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: f, ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: h, ...u, children: [
             /* @__PURE__ */ i("line", { x1: "4.13", y1: "1.05", x2: "10.13", y2: "7.05", stroke: "black" }),
             /* @__PURE__ */ i("line", { x1: "10.13", y1: "6.95", x2: "4.13", y2: "12.95", stroke: "black" })
           ] });
         case "caret-left":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: f, ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: h, ...u, children: [
             /* @__PURE__ */ i("line", { x1: "10.13", y1: "12.95", x2: "4.13", y2: "6.95", stroke: "black" }),
             /* @__PURE__ */ i("line", { x1: "4.13", y1: "7.05", x2: "10.13", y2: "1.05", stroke: "black" })
           ] });
         case "caret-up":
-          return /* @__PURE__ */ b(jt, { viewBox: "0 0 14 14", style: f, ...u, children: [
+          return /* @__PURE__ */ b(jt, { viewBox: "0 0 14 14", style: h, ...u, children: [
             /* @__PURE__ */ i("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }),
             /* @__PURE__ */ i("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" })
           ] });
         case "caret-down":
-          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: f, ...u, children: [
+          return /* @__PURE__ */ b("svg", { viewBox: "0 0 14 14", style: h, ...u, children: [
             /* @__PURE__ */ i("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }),
             /* @__PURE__ */ i("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" })
           ] });
@@ -1297,7 +1297,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
             )
           ] });
         case "video":
-          return f.minWidth && typeof f.minWidth == "number" && (f.minWidth = `${f.minWidth}px`), /* @__PURE__ */ b("svg", { viewBox: "0 0 25 25", ...u, style: f, children: [
+          return h.minWidth && typeof h.minWidth == "number" && (h.minWidth = `${h.minWidth}px`), /* @__PURE__ */ b("svg", { viewBox: "0 0 25 25", ...u, style: h, children: [
             /* @__PURE__ */ i(
               "path",
               {
@@ -1440,9 +1440,9 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
         sn,
         {
           className: s,
-          faIcon: c,
+          faIcon: a,
           title: e,
-          ...a
+          ...c
         }
       );
     default:
@@ -1453,7 +1453,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
           className: $(s, "humany-letter-symbol"),
           title: e,
           ...l,
-          ...a,
+          ...c,
           children: e.substring(0, 2)
         }
       ) : null;
@@ -1478,8 +1478,8 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   const { typographyVariantMapping: r = {} } = Zt(), s = {
     ...Kt,
     ...r
-  }, a = t || s[e] || "span";
-  return /* @__PURE__ */ i(Yt, { className: n, as: a, children: o });
+  }, c = t || s[e] || "span";
+  return /* @__PURE__ */ i(Yt, { className: n, as: c, children: o });
 }, Yt = C.span``;
 var Xt = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Xt || {});
 const Ut = 300, T1 = ({
@@ -1489,13 +1489,13 @@ const Ut = 300, T1 = ({
   onToggle: o,
   trigger: r,
   fullScreen: s = !1,
-  closeButtonAriaLabel: a,
+  closeButtonAriaLabel: c,
   animation: d = {
     type: "slide-in-bottom"
     /* SlideInBottom */
   }
 }) => {
-  const { duration: c = Ut } = d, l = L(), u = L(), [f, h] = Ae(!0), [m, p] = Fe(), g = Ie(m), y = L(U());
+  const { duration: a = Ut } = d, l = L(), u = L(), [h, f] = Ae(!0), [m, p] = Fe(), g = Ie(m), y = L(U());
   v(() => {
     o && o(m);
   }, [m]);
@@ -1506,7 +1506,7 @@ const Ut = 300, T1 = ({
     "click",
     (z) => {
       const { target: Z } = z;
-      !u.current || !h.current || !Z || u.current !== Z && h.current !== Z && !h.current.contains(Z) && !u.current.contains(Z) && p(!1);
+      !u.current || !f.current || !Z || u.current !== Z && f.current !== Z && !f.current.contains(Z) && !u.current.contains(Z) && p(!1);
     },
     window
   );
@@ -1527,11 +1527,11 @@ const Ut = 300, T1 = ({
         className: "humany-drawer-transition",
         classNames: "humany-drawer-transition",
         unmountOnExit: !0,
-        timeout: c,
+        timeout: a,
         children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
           V,
           {
-            duration: c,
+            duration: a,
             fullScreen: s,
             className: $(
               e,
@@ -1539,8 +1539,8 @@ const Ut = 300, T1 = ({
               `humany-drawer-${y.current}`
             ),
             clientHeight: document.body.clientHeight,
-            css: f,
-            ref: h,
+            css: h,
+            ref: f,
             children: [
               /* @__PURE__ */ i(
                 ve,
@@ -1548,7 +1548,7 @@ const Ut = 300, T1 = ({
                   onClick: () => p(!1),
                   tabIndex: 0,
                   ref: l,
-                  "aria-label": a,
+                  "aria-label": c,
                   children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
                 }
               ),
@@ -1700,23 +1700,23 @@ const Ut = 300, T1 = ({
     /* SlideInTop */
   ]: Jt
 }, je = (e, t, n) => {
-  const [o, r] = w(0), [s, a] = w(0), d = M(
-    (c, l) => {
-      if (c.preventDefault(), l) {
+  const [o, r] = w(0), [s, c] = w(0), d = M(
+    (a, l) => {
+      if (a.preventDefault(), l) {
         const u = l.getBoundingClientRect();
-        r(Math.max(document.body.clientWidth - u.right, 1)), a(u.bottom + window.scrollY);
+        r(Math.max(document.body.clientWidth - u.right, 1)), c(u.bottom + window.scrollY);
       }
     },
-    [o, s, r, a]
+    [o, s, r, c]
   );
   return v(() => {
     if (!n || !e)
       return;
-    const c = n.getBoundingClientRect(), l = {
+    const a = n.getBoundingClientRect(), l = {
       x: o,
       y: s
     };
-    c.left < 0 && (l.x = 0), c.bottom > window.innerHeight && (l.y = 0), l.x !== o && r(l.x), l.y !== s && a(l.y);
+    a.left < 0 && (l.x = 0), a.bottom > window.innerHeight && (l.y = 0), l.x !== o && r(l.x), l.y !== s && c(l.y);
   }, [n, e, t]), [{ x: o, y: s }, d];
 }, V1 = oe.forwardRef(
   ({
@@ -1726,30 +1726,30 @@ const Ut = 300, T1 = ({
     closeButtonAriaLabel: o,
     ...r
   }, s) => {
-    const a = L(), d = L(), c = L();
-    ge(s, () => c.current, [c.current]);
-    const l = L(U()), [u, f] = w(!1), h = Ie(u), [{ x: m, y: p }, g] = je(u, l.current, c.current), y = j("Escape");
+    const c = L(), d = L(), a = L();
+    ge(s, () => a.current, [a.current]);
+    const l = L(U()), [u, h] = w(!1), f = Ie(u), [{ x: m, y: p }, g] = je(u, l.current, a.current), y = j("Escape");
     v(() => {
-      y && f(!1);
+      y && h(!1);
     }, [y]), v(() => {
-      u && a.current ? a.current.focus() : !u && d.current && h && d.current.focus();
-    }, [u, a.current, d.current]), N(
+      u && c.current ? c.current.focus() : !u && d.current && f && d.current.focus();
+    }, [u, c.current, d.current]), N(
       "click",
       (V) => {
         const { target: z } = V;
-        !c.current || !z || c.current !== z && !c.current.contains(z) && f(!1);
+        !a.current || !z || a.current !== z && !a.current.contains(z) && h(!1);
       },
       window
     ), ae("router:changed", () => {
-      f(!1);
+      h(!1);
     });
     const S = ye(l.current, () => {
-      f(!1);
+      h(!1);
     }), R = M(
       (V) => {
-        V.stopPropagation(), g(V, d.current), f(!u), S();
+        V.stopPropagation(), g(V, d.current), h(!u), S();
       },
-      [S, g, f]
+      [S, g, h]
     );
     return /* @__PURE__ */ b(_, { children: [
       u && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
@@ -1763,14 +1763,14 @@ const Ut = 300, T1 = ({
           ...r,
           x: m,
           y: p,
-          ref: c,
+          ref: a,
           children: [
             /* @__PURE__ */ i(
               ve,
               {
-                onClick: () => f(!1),
+                onClick: () => h(!1),
                 tabIndex: 0,
-                ref: a,
+                ref: c,
                 "aria-label": o,
                 children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
               }
@@ -1826,13 +1826,13 @@ const Ut = 300, T1 = ({
   ${Mt}
 `, Ke = H(
   ({ htmlParseInstruction: e = null, className: t, html: n, ...o }, r) => {
-    const s = T(), [a, d] = w();
+    const s = T(), [c, d] = w();
     return v(() => {
-      const c = Ht(s, n), l = {
-        ...c,
+      const a = Ht(s, n), l = {
+        ...a,
         ...e,
         transform: {
-          ...c.transform,
+          ...a.transform,
           ...e == null ? void 0 : e.transform
         }
       }, u = Et(n, l);
@@ -1843,7 +1843,7 @@ const Ut = 300, T1 = ({
         className: $(t, "humany-html"),
         ...D(o),
         ref: r,
-        children: a
+        children: c
       }
     );
   }
@@ -1872,34 +1872,34 @@ const Ut = 300, T1 = ({
     onEscape: r = () => {
     },
     selectAllOnFocus: s,
-    onChange: a = () => {
+    onChange: c = () => {
     },
     disabled: d = !1,
-    type: c,
+    type: a,
     ...l
   }, u) => {
-    const [f, h] = w(t), m = L();
+    const [h, f] = w(t), m = L();
     ge(u, () => m.current), v(() => {
       var y;
       t && ((y = m == null ? void 0 : m.current) == null || y.focus());
     }, [t, u, m]);
     const p = (y, S) => {
-      h(y), n && n(y), s && y && S.target.select();
+      f(y), n && n(y), s && y && S.target.select();
     }, g = {
       ...D(l),
       disabled: d,
       autoFocus: t,
-      type: c,
+      type: a,
       onKeyDown: (y) => {
-        y.key === "Enter" && f && o(y), y.key === "Escape" && f && r(y);
+        y.key === "Enter" && h && o(y), y.key === "Escape" && h && r(y);
       },
       onFocus: (y) => p(!0, y),
       onBlur: (y) => p(!1, y),
-      onChange: (y) => a(y.target.value || ""),
+      onChange: (y) => c(y.target.value || ""),
       className: $(e, "humany-input"),
-      "data-type": c
+      "data-type": a
     };
-    return c !== "textarea" ? /* @__PURE__ */ i(
+    return a !== "textarea" ? /* @__PURE__ */ i(
       "input",
       {
         ...g,
@@ -1923,27 +1923,37 @@ const Ut = 300, T1 = ({
       ...D(r),
       ref: s,
       children: t.map(
-        (a, d, c) => o ? /* @__PURE__ */ i("li", { className: "humany-list-item", children: n(a, d, c) }, a.id || d) : n(a, d, c)
+        (c, d, a) => o ? /* @__PURE__ */ i("li", { className: "humany-list-item", children: n(c, d, a) }, c.id || d) : n(c, d, a)
       )
     }
   )
 ), cn = H(
-  ({ text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: s, ...a }, d) => /* @__PURE__ */ b(
-    "div",
-    {
-      className: $(o, "humany-paragraph"),
-      ...D(a),
-      ref: d,
-      children: [
-        n ? /* @__PURE__ */ b(X, { variant: "h1", children: [
-          s ? /* @__PURE__ */ i(Q, { symbol: s }) : null,
-          n
-        ] }) : null,
-        t ? /* @__PURE__ */ i(Ke, { html: t, htmlParseInstruction: r }) : null,
-        e ? /* @__PURE__ */ i(be, { children: e }) : null
-      ]
-    }
-  )
+  ({ text: e, html: t, header: n, className: o, htmlParseInstruction: r, symbol: s, ...c }, d) => {
+    var l;
+    const a = (l = window.humany) == null ? void 0 : l.deflectionHeaderTag;
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        className: $(o, "humany-paragraph"),
+        ...D(c),
+        ref: d,
+        children: [
+          n ? /* @__PURE__ */ b(
+            X,
+            {
+              variant: a && a.match(/h1|h2|h3|h4|h5|h6/) ? a : "h1",
+              children: [
+                s ? /* @__PURE__ */ i(Q, { symbol: s }) : null,
+                n
+              ]
+            }
+          ) : null,
+          t ? /* @__PURE__ */ i(Ke, { html: t, htmlParseInstruction: r }) : null,
+          e ? /* @__PURE__ */ i(be, { children: e }) : null
+        ]
+      }
+    );
+  }
 ), ln = H(
   ({
     header: e,
@@ -1952,26 +1962,26 @@ const Ut = 300, T1 = ({
     html: o,
     className: r,
     children: s,
-    symbol: a,
+    symbol: c,
     items: d,
-    renderItem: c,
+    renderItem: a,
     renderLi: l,
     ulProps: u,
-    ...f
-  }, h) => /* @__PURE__ */ b(
+    ...h
+  }, f) => /* @__PURE__ */ b(
     "div",
     {
       className: $(r, "humany-item-list"),
       "data-item-count": d.length,
-      ...D(f),
-      ref: h,
+      ...D(h),
+      ref: f,
       children: [
-        t || (e || n || o ? /* @__PURE__ */ i(cn, { symbol: a, header: e, text: n, html: o }) : null),
+        t || (e || n || o ? /* @__PURE__ */ i(cn, { symbol: c, header: e, text: n, html: o }) : null),
         d.length ? /* @__PURE__ */ i(
           an,
           {
             items: d,
-            renderItem: c,
+            renderItem: a,
             renderLi: l,
             ...u
           }
@@ -1987,15 +1997,15 @@ const Ut = 300, T1 = ({
   rootItem: o,
   renderUnselected: r = !0,
   renderEmpty: s = !0,
-  ulProps: a,
+  ulProps: c,
   liProps: d
 }) => {
-  const c = (f) => !l(f), l = (f) => !f || f.length < 1 ? !0 : !f.some((h) => !!h.selected), u = (f, h) => /* @__PURE__ */ i(
+  const a = (h) => !l(h), l = (h) => !h || h.length < 1 ? !0 : !h.some((f) => !!f.selected), u = (h, f) => /* @__PURE__ */ i(
     ln,
     {
-      className: $(`humany-item-tree-level-${h}`),
-      items: f,
-      ulProps: a,
+      className: $(`humany-item-tree-level-${f}`),
+      items: h,
+      ulProps: c,
       renderItem: (m) => {
         const { id: p, selected: g, items: y, matches: S } = m, R = g && l(y);
         return !s && !S ? null : /* @__PURE__ */ at(
@@ -2005,14 +2015,14 @@ const Ut = 300, T1 = ({
             key: p,
             className: "humany-item-tree-item"
           },
-          n && n(m, h, R),
-          y && (r || R) && u(y, h + 1)
+          n && n(m, f, R),
+          y && (r || R) && u(y, f + 1)
         );
       }
     }
   );
   return /* @__PURE__ */ b("div", { className: $(e, "humany-item-tree"), children: [
-    o && o(!c(t || [])),
+    o && o(!a(t || [])),
     t && u(t, 1)
   ] });
 }, un = H(
@@ -2024,28 +2034,28 @@ const Ut = 300, T1 = ({
     to: o = "",
     params: r = {},
     children: s,
-    ...a
+    ...c
   }, d) => {
-    const c = Oe(), l = T();
-    if (!c)
+    const a = Oe(), l = T();
+    if (!a)
       return null;
     let u = "";
-    const f = {
+    const h = {
       onClick: t,
       className: $(e, "humany-route-link"),
       to: u,
       innerRef: d,
-      ...a,
+      ...c,
       ref: null
     };
     if (n) {
-      if (!(c.routes || []).find((g) => g.name === n))
+      if (!(a.routes || []).find((g) => g.name === n))
         return process.env.NODE_ENV !== "production" && ue.warn(
           `Unable to create route. No route named "${n}" exist.`
         ), /* @__PURE__ */ i(
           de,
           {
-            ...f,
+            ...h,
             onClick: (g) => {
               t(g), g.preventDefault(), process.env.NODE_ENV !== "production" && ue.warn(
                 `Unable to navigate. No route named "${n}" exist.`
@@ -2068,13 +2078,13 @@ const Ut = 300, T1 = ({
         {}
       );
       try {
-        u = c.generate(n, p || {});
+        u = a.generate(n, p || {});
       } catch {
-        return /* @__PURE__ */ i(de, { ...f, ref: f.innerRef, children: s });
+        return /* @__PURE__ */ i(de, { ...h, ref: h.innerRef, children: s });
       }
-      u && c.settings.mode && c.settings.mode === ze.browser && u[0] !== "/" && (u = `/${u}`);
-    } else if (o && c.history)
-      u = c.history.createHref({
+      u && a.settings.mode && a.settings.mode === ze.browser && u[0] !== "/" && (u = `/${u}`);
+    } else if (o && a.history)
+      u = a.history.createHref({
         hash: "",
         pathname: o,
         search: "",
@@ -2084,11 +2094,11 @@ const Ut = 300, T1 = ({
       return process.env.NODE_ENV !== "production" && ue.warn(
         'Unable to generate path for route link. Either specify route name or use the "to" prop.'
       ), null;
-    if (c.settings && c.settings.mode === ze.scopedHash) {
-      const h = l.get("$widget").name;
-      u = bt(u, h);
+    if (a.settings && a.settings.mode === ze.scopedHash) {
+      const f = l.get("$widget").name;
+      u = bt(u, f);
     }
-    return f.as ? /* @__PURE__ */ i(dn, { ...f, as: f.as, children: s }) : /* @__PURE__ */ i(de, { ...f, to: u, children: s });
+    return h.as ? /* @__PURE__ */ i(dn, { ...h, as: h.as, children: s }) : /* @__PURE__ */ i(de, { ...h, to: u, children: s });
   }
 ), dn = C.span``, xe = H(
   ({
@@ -2100,20 +2110,20 @@ const Ut = 300, T1 = ({
     onKeyDown: r = () => {
     },
     title: s,
-    as: a,
+    as: c,
     href: d,
-    children: c,
+    children: a,
     target: l,
     routeName: u,
-    params: f,
-    ...h
+    params: h,
+    ...f
   }, m) => {
     const p = {
       title: s,
       role: u === "index" ? "button" : void 0,
       "aria-expanded": u === "index" ? "false" : void 0,
       disabled: t,
-      as: a,
+      as: c,
       tabIndex: n,
       className: $(e, "humany-link", [
         !!t,
@@ -2134,34 +2144,34 @@ const Ut = 300, T1 = ({
         r(g);
       }
     };
-    return h["data-client-name"] === "custom.link" && (p.role = "link"), u ? /* @__PURE__ */ i(
-      fn,
+    return f["data-client-name"] === "custom.link" && (p.role = "link"), u ? /* @__PURE__ */ i(
+      hn,
       {
         name: u,
-        params: f,
+        params: h,
         ...p,
-        ...D(h),
+        ...D(f),
         ref: m,
-        children: c
+        children: a
       }
     ) : /* @__PURE__ */ i(
-      hn,
+      fn,
       {
         href: d,
         target: l,
         ...p,
-        ...D(h),
+        ...D(f),
         ref: m,
-        children: c
+        children: a
       }
     );
   }
-), fn = C(un)`
+), hn = C(un)`
   ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, hn = C.a`
+`, fn = C.a`
   ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
@@ -2174,7 +2184,7 @@ const Ut = 300, T1 = ({
   },
   ...r
 }) => {
-  const s = L(), a = M(
+  const s = L(), c = M(
     (d) => {
       d.target === s.current && o(d);
     },
@@ -2194,7 +2204,7 @@ const Ut = 300, T1 = ({
           className: "humany-overlay",
           duration: t,
           ref: s,
-          onClick: a,
+          onClick: c,
           ...r,
           children: n
         }
@@ -2321,7 +2331,7 @@ const Ut = 300, T1 = ({
   ...o
 }) => {
   var p;
-  const r = L(null), [s, a] = w(!1), [d, c] = w(!1), { width: l, height: u, ...f } = o.style || {}, h = M(() => {
+  const r = L(null), [s, c] = w(!1), [d, a] = w(!1), { width: l, height: u, ...h } = o.style || {}, f = M(() => {
     const g = r.current;
     if (g) {
       const y = window.innerWidth / g.naturalWidth, S = window.innerHeight / g.naturalHeight, R = Math.min(y, S);
@@ -2332,30 +2342,30 @@ const Ut = 300, T1 = ({
     const g = r.current;
     if (g && s) {
       if (!d) {
-        c(!0);
-        const y = h();
+        a(!0);
+        const y = f();
         n(y);
       }
       return g.naturalWidth >= g.naturalHeight ? [`${e * g.naturalWidth}px`, "auto"] : ["auto", `${e * g.naturalHeight}px`];
     }
     return null;
   }, [e, r, s, t.src]);
-  return v(() => (a(!1), function() {
-    c(!1);
+  return v(() => (c(!1), function() {
+    a(!1);
   }), [t.src]), /* @__PURE__ */ b(_, { children: [
     /* @__PURE__ */ i(kn, { loading: !s }),
     /* @__PURE__ */ i(
       $n,
       {
         onLoad: () => {
-          a(!0);
+          c(!0);
         },
         ref: r,
         imageSize: m,
         draggable: "false",
         ...o,
         alt: ((p = o.alt) == null ? void 0 : p.toString()) || "",
-        style: f,
+        style: h,
         src: t.src,
         loaded: s
       }
@@ -2390,11 +2400,11 @@ const Ut = 300, T1 = ({
   return [t, o];
 }, Sn = ({ attrs: e, htmlBody: t }) => {
   var Se;
-  const n = j("Escape"), o = j("ArrowLeft"), r = j("ArrowRight"), [s, a] = w(1), [d, c] = w({ top: 0, left: 0, x: 0, y: 0 }), [l, u] = w(!1), [f, h] = Mn(), [m, p] = w(null), [g, y] = w(null), S = L(null), R = L(null), V = L(null), z = L(null), Z = L(null), [_e, qe] = w(null);
+  const n = j("Escape"), o = j("ArrowLeft"), r = j("ArrowRight"), [s, c] = w(1), [d, a] = w({ top: 0, left: 0, x: 0, y: 0 }), [l, u] = w(!1), [h, f] = Mn(), [m, p] = w(null), [g, y] = w(null), S = L(null), R = L(null), V = L(null), z = L(null), Z = L(null), [_e, qe] = w(null);
   v(() => {
     n && p(null);
   }, [n]), v(() => {
-    a(1);
+    c(1);
   }, [m]), v(() => {
     var I, ee;
     if (m === null || R.current === null)
@@ -2447,9 +2457,9 @@ const Ut = 300, T1 = ({
     p(null);
   }, []), $e = M(
     (x) => {
-      a(x ? s + s * 0.25 : s - s * 0.25);
+      c(x ? s + s * 0.25 : s - s * 0.25);
     },
-    [a, s]
+    [c, s]
   ), Ge = M(() => {
     if (m !== null) {
       const { src: x } = A[m];
@@ -2458,7 +2468,7 @@ const Ut = 300, T1 = ({
   }, [A, m]), Je = M(
     (x) => {
       const E = z.current;
-      E && (c({
+      E && (a({
         top: E.scrollTop,
         left: E.scrollLeft,
         x: x.clientX,
@@ -2495,12 +2505,12 @@ const Ut = 300, T1 = ({
     /* @__PURE__ */ i(Ye, { visible: m !== null, onClick: Qe, children: /* @__PURE__ */ b(
       Vn,
       {
-        onMouseDown: () => h(),
-        onMouseMove: () => h(),
-        onTouchStart: () => h(),
-        onKeyDown: () => h(),
+        onMouseDown: () => f(),
+        onMouseMove: () => f(),
+        onTouchStart: () => f(),
+        onKeyDown: () => f(),
         children: [
-          /* @__PURE__ */ i(Nn, { show: f.toString(), children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i(Nn, { show: h.toString(), children: /* @__PURE__ */ i(
             zn,
             {
               ref: R,
@@ -2533,7 +2543,7 @@ const Ut = 300, T1 = ({
                 wn,
                 {
                   changeZoom: (x) => {
-                    a(x);
+                    c(x);
                   },
                   zoomState: s,
                   ...e,
@@ -2550,7 +2560,7 @@ const Ut = 300, T1 = ({
             Bn,
             {
               ref: V,
-              show: f.toString(),
+              show: h.toString(),
               buttons: [
                 {
                   id: "previous",
@@ -2573,7 +2583,7 @@ const Ut = 300, T1 = ({
               ]
             }
           ),
-          /* @__PURE__ */ b(Wn, { show: f.toString(), children: [
+          /* @__PURE__ */ b(Wn, { show: h.toString(), children: [
             /* @__PURE__ */ i(
               Dn,
               {
@@ -2633,24 +2643,24 @@ const Ut = 300, T1 = ({
         ({
           id: r,
           circle: s = !1,
-          show: a = !0,
+          show: c = !0,
           ariaLabel: d,
-          onClick: c,
+          onClick: a,
           icon: l,
           className: u
-        }, f) => /* @__PURE__ */ i(
+        }, h) => /* @__PURE__ */ i(
           Hn,
           {
             circle: s.toString(),
-            onClick: c,
-            tabIndex: a ? void 0 : -1,
-            show: a.toString(),
+            onClick: a,
+            tabIndex: c ? void 0 : -1,
+            show: c.toString(),
             icon: l,
             className: u,
             "aria-label": d,
             children: /* @__PURE__ */ i(Q, { size: 24, symbol: { type: "Svg", content: l } })
           },
-          r + f.toString()
+          r + h.toString()
         )
       )
     }
@@ -2836,29 +2846,29 @@ const Ut = 300, T1 = ({
     },
     close: r = !1,
     ...s
-  }, a) => {
-    const [d, c] = Fe(), [l, u] = Ae(!0), f = L(), h = L(U()), m = j("Escape");
+  }, c) => {
+    const [d, a] = Fe(), [l, u] = Ae(!0), h = L(), f = L(U()), m = j("Escape");
     v(() => {
-      (m || r) && c(!1);
+      (m || r) && a(!1);
     }, [m, r]), v(() => {
-      d && f.current && f.current.focus();
-    }, [d, f.current]), ae("router:changed", () => {
-      c(!1);
+      d && h.current && h.current.focus();
+    }, [d, h.current]), ae("router:changed", () => {
+      a(!1);
     });
     const p = M(
       (y) => {
-        c(!1), o(y);
+        a(!1), o(y);
       },
-      [o, c]
+      [o, a]
     );
-    ge(a, () => ({
+    ge(c, () => ({
       close() {
-        c(!1);
+        a(!1);
       }
     }));
-    const g = M(() => ye(h.current, () => {
-      c(!1);
-    }), [h.current]);
+    const g = M(() => ye(f.current, () => {
+      a(!1);
+    }), [f.current]);
     return /* @__PURE__ */ b(_, { children: [
       /* @__PURE__ */ i(Ye, { visible: d, onClick: p, children: /* @__PURE__ */ b(
         An,
@@ -2866,7 +2876,7 @@ const Ut = 300, T1 = ({
           className: $(
             e,
             "humany-modal",
-            `humany-modal-${h.current}`
+            `humany-modal-${f.current}`
           ),
           css: l,
           tabIndex: -1,
@@ -2876,9 +2886,9 @@ const Ut = 300, T1 = ({
             /* @__PURE__ */ i(
               ve,
               {
-                onClick: () => c(!1),
+                onClick: () => a(!1),
                 tabIndex: 0,
-                ref: f,
+                ref: h,
                 children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
               }
             ),
@@ -2888,7 +2898,7 @@ const Ut = 300, T1 = ({
       ) }),
       oe.cloneElement(n, {
         onClick: (y) => {
-          c(), g();
+          a(), g();
         }
       })
     ] });
@@ -2921,28 +2931,28 @@ const Ut = 300, T1 = ({
   },
   onConfirm: s = () => {
   },
-  cancelLabel: a = "",
+  cancelLabel: c = "",
   confirmLabel: d = ""
 }) => {
-  const c = L(), l = M(() => {
-    var f;
-    r(), (f = c == null ? void 0 : c.current) == null || f.close();
+  const a = L(), l = M(() => {
+    var h;
+    r(), (h = a == null ? void 0 : a.current) == null || h.close();
   }, [r]), u = M(() => {
-    var f;
-    s(), (f = c == null ? void 0 : c.current) == null || f.close();
+    var h;
+    s(), (h = a == null ? void 0 : a.current) == null || h.close();
   }, [s]);
   return /* @__PURE__ */ b(
     Fn,
     {
       className: e,
       trigger: t,
-      ref: c,
+      ref: a,
       onOverlayClick: l,
       children: [
         n && /* @__PURE__ */ i(Be, { children: n }),
         o && /* @__PURE__ */ i(Be, { children: o }),
         d && /* @__PURE__ */ i(Pn, { onClick: u, children: d }),
-        a && /* @__PURE__ */ i(jn, { onClick: l, children: a })
+        c && /* @__PURE__ */ i(jn, { onClick: l, children: c })
       ]
     }
   );
@@ -3103,7 +3113,7 @@ class A1 extends ct {
     this.node && n && (this.onFocusListener = this.node.addEventListener("focus", () => {
       const o = n.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      ), s = [].filter.call(o, (a) => typeof window > "u" ? !0 : !(window.getComputedStyle(a).display === "none" || a.offsetWidth <= 0 && a.offsetHeight <= 0))[0];
+      ), s = [].filter.call(o, (c) => typeof window > "u" ? !0 : !(window.getComputedStyle(c).display === "none" || c.offsetWidth <= 0 && c.offsetHeight <= 0))[0];
       s && s.focus();
     }));
   }
@@ -3145,10 +3155,10 @@ const F1 = ({
   timestamp: n
 }) => /* @__PURE__ */ i("span", { className: $(e, "humany-timestamp"), children: Qn(n, t) }), Te = (e) => `0${e}`.slice(-2);
 function Qn(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(), a = n.getMonth() + 1, d = n.getDate(), c = `${s}-${Te(a)}-${Te(
+  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), r = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], s = n.getFullYear(), c = n.getMonth() + 1, d = n.getDate(), a = `${s}-${Te(c)}-${Te(
     d
   )}`;
-  return t === "yyyy-mm-dd" ? c : t === "hh:mm" ? r : `${c} ${r}`;
+  return t === "yyyy-mm-dd" ? a : t === "hh:mm" ? r : `${a} ${r}`;
 }
 const P1 = ({
   className: e,
@@ -3157,26 +3167,26 @@ const P1 = ({
   sticky: o = !1,
   ...r
 }) => {
-  const [s, a] = w(!1), d = L(U()), c = L(), [{ x: l, y: u }, f] = je(s, d.current, c.current), h = (p) => {
+  const [s, c] = w(!1), d = L(U()), a = L(), [{ x: l, y: u }, h] = je(s, d.current, a.current), f = (p) => {
     const { target: g } = p;
-    !c.current || !g || c.current !== g && !c.current.contains(g) && a(!1);
+    !a.current || !g || a.current !== g && !a.current.contains(g) && c(!1);
   };
   v(() => {
     if (o)
-      return window.addEventListener("click", h), () => {
-        window.removeEventListener("click", h);
+      return window.addEventListener("click", f), () => {
+        window.removeEventListener("click", f);
       };
   }, [s, o]);
   const m = M(
     (p, g) => {
-      f(p, c.current), a(g);
+      h(p, a.current), c(g);
     },
-    [f, a]
+    [h, c]
   );
   return /* @__PURE__ */ b(
     Gn,
     {
-      ref: c,
+      ref: a,
       className: "humany-tooltip-trigger",
       onMouseEnter: o ? void 0 : (p) => m(p, !0),
       onMouseLeave: o ? void 0 : (p) => m(p, !1),
@@ -3243,35 +3253,35 @@ const P1 = ({
     unmountOnExit: o = !0,
     timeout: r,
     children: s,
-    transitions: a
-  } = e, c = (() => {
+    transitions: c
+  } = e, a = (() => {
     var l, u;
-    if (!(!a || a === "none")) {
-      if (typeof a == "string")
+    if (!(!c || c === "none")) {
+      if (typeof c == "string")
         return {
           enter: {
-            transitionKeys: a,
+            transitionKeys: c,
             duration: r ? typeof r == "number" ? r : r.enter : 200,
             easing: "ease-in"
           },
           exit: {
-            transitionKeys: a,
+            transitionKeys: c,
             duration: r ? typeof r == "number" ? r : r.exit : 200,
             easing: "ease-out"
           }
         };
-      if (typeof a == "object") {
-        const { enter: f, exit: h } = a;
+      if (typeof c == "object") {
+        const { enter: h, exit: f } = c;
         return {
           enter: {
-            transitionKeys: (l = a.enter) == null ? void 0 : l.type,
+            transitionKeys: (l = c.enter) == null ? void 0 : l.type,
             duration: r ? typeof r == "number" ? r : r.enter : 200,
-            easing: f.easing ? f.easing : "ease-in"
+            easing: h.easing ? h.easing : "ease-in"
           },
           exit: {
-            transitionKeys: (u = a.enter) == null ? void 0 : u.type,
+            transitionKeys: (u = c.enter) == null ? void 0 : u.type,
             duration: r ? typeof r == "number" ? r : r.enter : 200,
-            easing: h.easing ? h.easing : "ease-out"
+            easing: f.easing ? f.easing : "ease-out"
           }
         };
       }
@@ -3281,15 +3291,15 @@ const P1 = ({
     ut,
     {
       timeout: {
-        enter: c && c.enter.duration || 0,
-        exit: c && c.exit.duration || 0
+        enter: a && a.enter.duration || 0,
+        exit: a && a.exit.duration || 0
       },
       in: t,
       appear: !0,
       mountOnEnter: n,
       unmountOnExit: o,
       onEnter: (l) => l.clientHeight,
-      children: (l) => s && s(l, c && fe.compose(l, c))
+      children: (l) => s && s(l, a && he.compose(l, a))
     }
   );
 }, e1 = H(
@@ -3301,52 +3311,52 @@ const P1 = ({
     widgetName: o,
     activationOptions: r,
     ...s
-  }, a) => {
-    const d = T(), c = () => {
-      const { implementation: f } = d.get("$widget");
-      return f.widgets.get(o);
+  }, c) => {
+    const d = T(), a = () => {
+      const { implementation: h } = d.get("$widget");
+      return h.widgets.get(o);
     };
     v(() => {
-      const f = c();
-      return f == null || f.activate(r).then(() => f.invoke("attach")), () => {
-        f == null || f.deactivate();
+      const h = a();
+      return h == null || h.activate(r).then(() => h.invoke("attach")), () => {
+        h == null || h.deactivate();
       };
     }, [o]);
-    const l = (f) => {
-      const h = c(), m = f.currentTarget;
-      if (h) {
+    const l = (h) => {
+      const f = a(), m = h.currentTarget;
+      if (f) {
         const p = () => {
-          h.invoke("renderState").then(
-            (g) => g === ne.open ? h.invoke("close") : h.invoke("open")
+          f.invoke("renderState").then(
+            (g) => g === ne.open ? f.invoke("close") : f.invoke("open")
           ).then(() => {
-            h.events.subscribeOnce(
+            f.events.subscribeOnce(
               "widget:area-rendered",
               (g, y) => {
                 d.get(
                   "widgetDOMElement"
-                ) && h.events.dispatch("widget:modal-opened", {
-                  name: h.name,
+                ) && f.events.dispatch("widget:modal-opened", {
+                  name: f.name,
                   ref: m
                 });
               }
             );
           });
         };
-        h.state === ft.Deactivated ? h.activate(r).then(() => h.invoke("attach")).then(p) : p();
+        f.state === ht.Deactivated ? f.activate(r).then(() => f.invoke("attach")).then(p) : p();
       }
-    }, u = (f) => {
-      f.key === "Enter" && (f.preventDefault(), l(f));
+    }, u = (h) => {
+      h.key === "Enter" && (h.preventDefault(), l(h));
     };
     return /* @__PURE__ */ i(
       xe,
       {
         className: $(e, "humany-widget-link"),
         onKeyDown: u,
-        onClick: (f) => {
-          n(f), l(f);
+        onClick: (h) => {
+          n(h), l(h);
         },
         ...s,
-        ref: a,
+        ref: c,
         children: t
       }
     );
@@ -3356,8 +3366,8 @@ const P1 = ({
     const r = T(), s = re(() => {
       if (!r)
         return null;
-      const a = r.get("widgetDOMElement");
-      return !a || !a.childElementCount ? null : a.children[0];
+      const c = r.get("widgetDOMElement");
+      return !c || !c.childElementCount ? null : c.children[0];
     }, [r]);
     return s ? /* @__PURE__ */ i(q, { elementId: e, parent: s, children: /* @__PURE__ */ i(
       t1,
@@ -3449,7 +3459,7 @@ export {
   Pt as list,
   z1 as paddedBorderTabStyle,
   Et as processHtmlString,
-  fe as transitionComposer,
+  he as transitionComposer,
   C1 as useAction,
   y1 as useChildren,
   b1 as useColumns,