@telia-ace/widget-ui 1.3.0-rc.2 → 1.3.0-rc.20

package/index.mjs

@@ -1,12 +1,12 @@
 var rt = Object.defineProperty;
 var it = (e, t, n) => t in e ? rt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var te = (e, t, n) => (it(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { css as k, keyframes as Ne } from "@emotion/react";
+import { css as k, keyframes as Ve } from "@emotion/react";
 import { kebabCase as st, appendClassNames as $, uuid as U, removeNullAndUndefinedValues as Re, Logger as ue } from "@telia-ace/widget-utilities";
 import { jsx as i, jsxs as b, Fragment as _ } from "react/jsx-runtime";
-import y from "@emotion/styled";
+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 Ve, Transition as ut } from "react-transition-group";
+import { CSSTransition as Ne, Transition as ut } from "react-transition-group";
 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";
@@ -52,16 +52,16 @@ 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) => {
@@ -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";
@@ -113,14 +113,14 @@ const De = () => {
   const h = !!s;
   if (h)
     return "internet-explorer";
-  if (!h && a)
+  if (!h && c)
     return "edge";
   const f = !!d && (!!d.webstore || !!d.runtime);
   if (f)
     return "chrome";
   if (f && navigator.userAgent.indexOf("Edg") !== -1)
     return "edge-chromium";
-  if ((f || 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 });
   }
@@ -170,7 +170,7 @@ const De = () => {
     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 || ((h) => e.smooth ? h.scrollIntoView({ behavior: "smooth" }) : h.scrollIntoView())
-  ), !1), { scroll: a, smooth: d, to: c, ...l } = e;
+  ), !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}
       }
     `;
@@ -214,7 +214,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
       children: t
     }
   )
-), Dt = y.button`
+), Dt = C.button`
   -webkit-appearance: button;
   text-transform: none;
   overflow: visible;
@@ -251,13 +251,13 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   type: "",
   name: "",
   branch: ""
-}), Nt = K(
+}), Vt = K(
   {}
-), Vt = K(null), Wt = K(null), pe = () => P(Ze), T = () => P(Bt), C1 = (e, t) => {
+), 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) => {
@@ -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,20 +347,20 @@ 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);
-}, V = (e, t, n = window, o = () => !0) => {
+  }) : r.dispatch(c, d);
+}, N = (e, t, n = window, o = () => !0) => {
   const r = L(() => {
   });
   v(() => {
@@ -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,32 +390,32 @@ 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]
   );
-  return V("keydown", r, window), V("keyup", s, window), n;
+  return N("keydown", r, window), N("keyup", s, window), n;
 }, $1 = (e) => {
   const t = Ce(e), n = Y(), [o, r] = w({}), s = W();
   return v(() => {
     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;
@@ -424,15 +424,15 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   return v(() => {
     t.current = e;
   }), t.current;
-}, L1 = () => P(Nt), M1 = (e) => {
+}, L1 = () => P(Vt), M1 = (e) => {
   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, h) => {
@@ -451,16 +451,16 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
       s && s();
     };
   }, [r]), t;
-}, Oe = () => P(Vt), S1 = (e) => {
+}, Oe = () => P(Nt), S1 = (e) => {
   const t = T(), n = Oe(), [o, r] = w({
     name: "",
     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 } }) => {
@@ -472,8 +472,8 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     );
   }, [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,31 +490,31 @@ 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, h = a(l.target);
+      const u = l.touches[0].clientY, h = c(l.target);
       if (!h)
         return;
-      const f = h.scrollTop, m = n.current - u < 0 ? "up" : "down", C = f <= 0 && m === "up", g = f >= h.scrollHeight - h.offsetHeight && m === "down";
-      (C || g) && l.preventDefault(), n.current = u;
+      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]
   );
-  return V(
+  return N(
     "scroll",
     r,
     t.current,
     () => t.current && e
-  ), V(
+  ), N(
     "touchstart",
     s,
     t.current,
     () => t.current && e
-  ), V(
+  ), N(
     "touchmove",
-    c,
+    a,
     t.current,
     () => t.current && e
   ), e ? [Ot, t] : ["", t];
@@ -559,34 +559,34 @@ 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) {
+    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 f = (g = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${g}"]`), m = f(h == null ? void 0 : h.id);
         m && s(m);
-        const C = f(u == null ? void 0 : u.id);
-        C && d(C);
+        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]
   );
-  V(
+  N(
     "transitionend",
     l,
     r
-  ), V(
+  ), 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`
@@ -688,7 +688,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
   ${O(e)}
   outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
 `;
-}, ve = y(se)`
+}, ve = C(se)`
   position: absolute;
   top: ${(e) => {
   var t;
@@ -716,7 +716,7 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
     height: 15px;
     box-sizing: content-box;
   }
-`, Be = y(be)`
+`, Be = C(be)`
   font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -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
       }, h = { minWidth: `${n}` };
-      switch (c) {
+      switch (a) {
         case "search":
           return /* @__PURE__ */ b("svg", { viewBox: "0 0 32 30", ...u, children: [
             /* @__PURE__ */ i(
@@ -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,12 +1453,12 @@ 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;
   }
-}, jt = y.svg`
+}, jt = C.svg`
   transform: rotate(180deg);
 `, Kt = {
   h1: "h1",
@@ -1478,9 +1478,9 @@ 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 });
-}, Yt = y.span``;
+  }, 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 = ({
   className: e,
@@ -1489,54 +1489,54 @@ 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(), [h, f] = Ae(!0), [m, C] = Fe(), g = Ie(m), p = 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]);
   const S = j("Escape");
   v(() => {
-    S && C(!1);
-  }, [S]), V(
+    S && p(!1);
+  }, [S]), N(
     "click",
     (z) => {
       const { target: Z } = z;
-      !u.current || !f.current || !Z || u.current !== Z && f.current !== Z && !f.current.contains(Z) && !u.current.contains(Z) && C(!1);
+      !u.current || !f.current || !Z || u.current !== Z && f.current !== Z && !f.current.contains(Z) && !u.current.contains(Z) && p(!1);
     },
     window
   );
-  const R = ye(p.current, () => {
-    C(!1);
+  const R = ye(y.current, () => {
+    p(!1);
   });
   ae("router:changed", () => {
-    C(!1);
+    p(!1);
   }), v(() => {
     m && l.current ? l.current.focus() : !m && u.current && g && u.current.focus();
   }, [m, l.current, u.current]);
-  const N = en[d.type];
+  const V = en[d.type];
   return /* @__PURE__ */ b(_, { children: [
     /* @__PURE__ */ i(
-      Ve,
+      Ne,
       {
         in: m,
         className: "humany-drawer-transition",
         classNames: "humany-drawer-transition",
         unmountOnExit: !0,
-        timeout: c,
+        timeout: a,
         children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
-          N,
+          V,
           {
-            duration: c,
+            duration: a,
             fullScreen: s,
             className: $(
               e,
               "humany-drawer",
-              `humany-drawer-${p.current}`
+              `humany-drawer-${y.current}`
             ),
             clientHeight: document.body.clientHeight,
             css: h,
@@ -1545,10 +1545,10 @@ const Ut = 300, T1 = ({
               /* @__PURE__ */ i(
                 ve,
                 {
-                  onClick: () => C(!1),
+                  onClick: () => p(!1),
                   tabIndex: 0,
                   ref: l,
-                  "aria-label": a,
+                  "aria-label": c,
                   children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
                 }
               ),
@@ -1561,14 +1561,14 @@ const Ut = 300, T1 = ({
     ),
     oe.cloneElement(r, {
       onClick: (z) => {
-        C(), R();
+        p(), R();
       },
       ref: u,
       "aria-label": r.props.title,
       "aria-expanded": m
     })
   ] });
-}, ce = y.div`
+}, ce = C.div`
   font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -1585,7 +1585,7 @@ const Ut = 300, T1 = ({
   box-shadow: ${(e) => e.theme.boxShadow};
   background: #ffffff;
   ${(e) => e.css && e.css}
-`, _t = y(X)`
+`, _t = C(X)`
   padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1610,7 +1610,7 @@ const Ut = 300, T1 = ({
   line-height: 1.2em;
 `, le = (e) => k`
   transition: ${e.duration}ms;
-`, qt = y(ce)`
+`, qt = C(ce)`
   max-height: 0;
   ${le}
 
@@ -1627,7 +1627,7 @@ const Ut = 300, T1 = ({
   &.humany-drawer-transition-exit-done {
     max-height: 0;
   }
-`, Qt = y(ce)`
+`, Qt = C(ce)`
   ${le}
   transform: translateX(100%);
   height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1645,7 +1645,7 @@ const Ut = 300, T1 = ({
   &.humany-drawer-transition-exit-done {
     transform: translateX(100%);
   }
-`, Gt = y(ce)`
+`, Gt = C(ce)`
   ${le}
   transform: translateX(-100%);
   height: ${(e) => e.fullScreen ? "100%" : "auto"};
@@ -1663,7 +1663,7 @@ const Ut = 300, T1 = ({
   &.humany-drawer-transition-exit-done {
     transform: translateX(-100%);
   }
-`, Jt = y(ce)`
+`, Jt = C(ce)`
   ${le}
   bottom: unset;
   top: 0;
@@ -1700,25 +1700,25 @@ 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];
-}, N1 = oe.forwardRef(
+}, V1 = oe.forwardRef(
   ({
     className: e = "",
     children: t = null,
@@ -1726,18 +1726,18 @@ 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, h] = w(!1), f = Ie(u), [{ x: m, y: C }, g] = je(u, l.current, c.current), p = 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(() => {
-      p && h(!1);
-    }, [p]), v(() => {
-      u && a.current ? a.current.focus() : !u && d.current && f && d.current.focus();
-    }, [u, a.current, d.current]), V(
+      y && h(!1);
+    }, [y]), v(() => {
+      u && c.current ? c.current.focus() : !u && d.current && f && d.current.focus();
+    }, [u, c.current, d.current]), N(
       "click",
-      (N) => {
-        const { target: z } = N;
-        !c.current || !z || c.current !== z && !c.current.contains(z) && h(!1);
+      (V) => {
+        const { target: z } = V;
+        !a.current || !z || a.current !== z && !a.current.contains(z) && h(!1);
       },
       window
     ), ae("router:changed", () => {
@@ -1746,8 +1746,8 @@ const Ut = 300, T1 = ({
     const S = ye(l.current, () => {
       h(!1);
     }), R = M(
-      (N) => {
-        N.stopPropagation(), g(N, d.current), h(!u), S();
+      (V) => {
+        V.stopPropagation(), g(V, d.current), h(!u), S();
       },
       [S, g, h]
     );
@@ -1762,15 +1762,15 @@ const Ut = 300, T1 = ({
           ),
           ...r,
           x: m,
-          y: C,
-          ref: c,
+          y: p,
+          ref: a,
           children: [
             /* @__PURE__ */ i(
               ve,
               {
                 onClick: () => h(!1),
                 tabIndex: 0,
-                ref: a,
+                ref: c,
                 "aria-label": o,
                 children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
               }
@@ -1787,7 +1787,7 @@ const Ut = 300, T1 = ({
       })
     ] });
   }
-), tn = y.div`
+), tn = C.div`
   ${Pe}
   padding: ${(e) => {
   var t;
@@ -1802,9 +1802,9 @@ const Ut = 300, T1 = ({
   let t = "";
   return e.y > 0 ? t += `top: calc(${((n = e.theme.sizes) == null ? void 0 : n.small) || "0px"} + ${e.y || "0"}px);` : t += `bottom: ${((o = e.theme.sizes) == null ? void 0 : o.normal) || "0px"};`, e.x > 0 ? t += `right: ${e.x || "0"}px;` : t += `left: ${((r = e.theme.sizes) == null ? void 0 : r.normal) || "0px"};`, t;
 }};
-`, nn = ({ ...e }) => /* @__PURE__ */ i(on, { ...e }), on = y.div`
+`, nn = ({ ...e }) => /* @__PURE__ */ i(on, { ...e }), on = C.div`
   display: none;
-`, V1 = H(
+`, N1 = H(
   ({ children: e, columns: t, gap: n, className: o, ...r }, s) => /* @__PURE__ */ i(
     rn,
     {
@@ -1817,7 +1817,7 @@ const Ut = 300, T1 = ({
       children: e
     }
   )
-), rn = y.div`
+), rn = C.div`
   display: grid;
   grid-template-columns: repeat(${(e) => e["data-columns"]}, 1fr);
   grid-gap: ${(e) => e["data-gap"]};
@@ -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 [h, f] = w(t), m = L();
     ge(u, () => m.current), v(() => {
-      var p;
-      t && ((p = m == null ? void 0 : m.current) == null || p.focus());
+      var y;
+      t && ((y = m == null ? void 0 : m.current) == null || y.focus());
     }, [t, u, m]);
-    const C = (p, S) => {
-      f(p), n && n(p), s && p && S.target.select();
+    const p = (y, S) => {
+      f(y), n && n(y), s && y && S.target.select();
     }, g = {
       ...D(l),
       disabled: d,
       autoFocus: t,
-      type: c,
-      onKeyDown: (p) => {
-        p.key === "Enter" && h && o(p), p.key === "Escape" && h && r(p);
+      type: a,
+      onKeyDown: (y) => {
+        y.key === "Enter" && h && o(y), y.key === "Escape" && h && r(y);
       },
-      onFocus: (p) => C(!0, p),
-      onBlur: (p) => C(!1, p),
-      onChange: (p) => a(p.target.value || ""),
+      onFocus: (y) => p(!0, y),
+      onBlur: (y) => p(!1, y),
+      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,
@@ -1914,37 +1914,49 @@ const Ut = 300, T1 = ({
     );
   }
 ), an = H(
-  ({ className: e, items: t, renderItem: n, renderLi: o = !1, ...r }, s) => /* @__PURE__ */ i(
-    "ul",
-    {
-      role: "none",
-      "aria-live": "polite",
-      className: $(e, "humany-list"),
-      "data-item-count": t.length,
-      ...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)
-      )
-    }
-  )
+  ({ className: e, items: t, renderItem: n, renderLi: o = !1, ...r }, s) => {
+    const c = t.length === 1 && t[0].expanded;
+    return /* @__PURE__ */ i(
+      "ul",
+      {
+        role: c ? "none" : void 0,
+        className: $(e, "humany-list"),
+        "data-item-count": t.length,
+        ...D(r),
+        ref: s,
+        children: t.map(
+          (d, a, l) => o ? /* @__PURE__ */ i("li", { className: "humany-list-item", children: n(d, a, l) }, d.id || a) : n(d, a, l)
+        )
+      }
+    );
+  }
 ), 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,
@@ -1953,9 +1965,9 @@ const Ut = 300, T1 = ({
     html: o,
     className: r,
     children: s,
-    symbol: a,
+    symbol: c,
     items: d,
-    renderItem: c,
+    renderItem: a,
     renderLi: l,
     ulProps: u,
     ...h
@@ -1967,12 +1979,12 @@ const Ut = 300, T1 = ({
       ...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
           }
@@ -1988,32 +2000,32 @@ const Ut = 300, T1 = ({
   rootItem: o,
   renderUnselected: r = !0,
   renderEmpty: s = !0,
-  ulProps: a,
+  ulProps: c,
   liProps: d
 }) => {
-  const c = (h) => !l(h), l = (h) => !h || h.length < 1 ? !0 : !h.some((f) => !!f.selected), u = (h, f) => /* @__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-${f}`),
       items: h,
-      ulProps: a,
+      ulProps: c,
       renderItem: (m) => {
-        const { id: C, selected: g, items: p, matches: S } = m, R = g && l(p);
+        const { id: p, selected: g, items: y, matches: S } = m, R = g && l(y);
         return !s && !S ? null : /* @__PURE__ */ at(
           "li",
           {
             ...D(d),
-            key: C,
+            key: p,
             className: "humany-item-tree-item"
           },
           n && n(m, f, R),
-          p && (r || R) && u(p, f + 1)
+          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(
@@ -2025,10 +2037,10 @@ 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 h = {
@@ -2036,11 +2048,11 @@ const Ut = 300, T1 = ({
       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(
@@ -2055,27 +2067,27 @@ const Ut = 300, T1 = ({
             children: s
           }
         );
-      const C = Object.keys(r).reduce(
-        (g, p) => {
-          const S = r[p];
+      const p = Object.keys(r).reduce(
+        (g, y) => {
+          const S = r[y];
           if (Array.isArray(S)) {
             if (S.length === 0)
               return g;
-            g[p] = S.map((R) => typeof R == "string" ? encodeURIComponent(R) : R).join(",");
+            g[y] = S.map((R) => typeof R == "string" ? encodeURIComponent(R) : R).join(",");
           } else
-            g[p] = typeof S == "string" ? encodeURIComponent(S) : S;
+            g[y] = typeof S == "string" ? encodeURIComponent(S) : S;
           return g;
         },
         {}
       );
       try {
-        u = c.generate(n, C || {});
+        u = a.generate(n, p || {});
       } catch {
         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: "",
@@ -2085,84 +2097,84 @@ 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) {
+    if (a.settings && a.settings.mode === ze.scopedHash) {
       const f = l.get("$widget").name;
       u = bt(u, f);
     }
     return h.as ? /* @__PURE__ */ i(dn, { ...h, as: h.as, children: s }) : /* @__PURE__ */ i(de, { ...h, to: u, children: s });
   }
-), dn = y.span``, xe = H(
+), dn = C.span``, xe = H(
   ({
     className: e,
     disabled: t = !1,
-    role: n = "link",
-    tabIndex: o = 0,
-    onClick: r = () => {
+    tabIndex: n = 0,
+    onClick: o = () => {
     },
-    onKeyDown: s = () => {
+    onKeyDown: r = () => {
     },
-    title: a,
-    as: d,
-    href: c,
-    children: l,
-    target: u,
-    routeName: h,
-    params: f,
-    ...m
-  }, C) => {
-    const g = {
-      title: a,
+    title: s,
+    as: c,
+    href: d,
+    children: a,
+    target: l,
+    routeName: u,
+    params: h,
+    ...f
+  }, m) => {
+    const p = {
+      title: s,
+      role: u === "index" || u === "contact-method" ? "button" : void 0,
+      "aria-expanded": u === "index" ? "false" : void 0,
       disabled: t,
-      role: n,
-      as: d,
-      tabIndex: o,
+      as: c,
+      tabIndex: n,
       className: $(e, "humany-link", [
         !!t,
         "humany-disabled"
       ]),
-      onClick: (p) => {
-        if (p.persist(), t) {
-          p.preventDefault();
+      onClick: (g) => {
+        if (g.persist(), t) {
+          g.preventDefault();
           return;
         }
-        r(p);
+        o(g);
       },
-      onKeyDown: (p) => {
-        if (p.persist(), t) {
-          p.key !== "Tab" && p.preventDefault();
+      onKeyDown: (g) => {
+        if (g.persist(), t) {
+          g.key !== "Tab" && g.preventDefault();
           return;
         }
-        s(p);
+        r(g);
       }
     };
-    return h ? /* @__PURE__ */ i(
+    return f["data-client-name"] === "custom.link" && (p.role = "link"), u ? /* @__PURE__ */ i(
       hn,
       {
-        name: h,
-        params: f,
-        ...g,
-        ...D(m),
-        ref: C,
-        children: l
+        name: u,
+        params: h,
+        ...p,
+        ...D(f),
+        ref: m,
+        children: a
       }
     ) : /* @__PURE__ */ i(
       fn,
       {
-        href: c,
-        target: u,
-        ...g,
-        ...D(m),
-        ref: C,
-        children: l
+        href: d,
+        target: l,
+        ...p,
+        ...D(f),
+        ref: m,
+        children: a
       }
     );
   }
-), hn = y(un)`
+), hn = C(un)`
   ${(e) => e.disabled ? `
       pointer-events: none;
       opacity: .7;
     ` : "cursor: pointer;"}
-`, fn = y.a`
+`, fn = C.a`
   ${(e) => e.disabled ? `
     pointer-events: none;
     opacity: .7;
@@ -2175,14 +2187,14 @@ const Ut = 300, T1 = ({
   },
   ...r
 }) => {
-  const s = L(), a = M(
+  const s = L(), c = M(
     (d) => {
       d.target === s.current && o(d);
     },
     [o]
   );
   return /* @__PURE__ */ i(
-    Ve,
+    Ne,
     {
       in: e,
       className: "humany-overlay-transition",
@@ -2195,14 +2207,14 @@ const Ut = 300, T1 = ({
           className: "humany-overlay",
           duration: t,
           ref: s,
-          onClick: a,
+          onClick: c,
           ...r,
           children: n
         }
       ) })
     }
   );
-}, mn = y.div`
+}, mn = C.div`
   background: rgba(0, 0, 0, 0.6);
   min-width: 100%;
   min-height: 100%;
@@ -2232,11 +2244,11 @@ const Ut = 300, T1 = ({
   &.humany-overlay-transition-exit-done {
     opacity: 0;
   }
-`, gn = Ne`
+`, gn = Ve`
   100% {
     transform: rotate(360deg);
   }
-`, pn = Ne`
+`, pn = Ve`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -2249,7 +2261,7 @@ const Ut = 300, T1 = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, Cn = y.svg`
+`, Cn = C.svg`
   animation: ${gn} 2s linear infinite;
   height: 100%;
   transform-origin: center center;
@@ -2261,7 +2273,7 @@ const Ut = 300, T1 = ({
   right: 0;
   margin: auto;
   transition: 200ms ease-out opacity;
-`, yn = y.div`
+`, yn = C.div`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2279,7 +2291,7 @@ const Ut = 300, T1 = ({
   svg {
     opacity: ${(e) => e["data-loading"] ? "1" : "0"};
   }
-`, bn = y.div`
+`, bn = C.div`
   position: relative;
   margin: 0 auto;
   width: 100px;
@@ -2288,7 +2300,7 @@ const Ut = 300, T1 = ({
     display: block;
     padding-top: 100%;
   }
-`, vn = y.circle`
+`, vn = C.circle`
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
   animation: ${pn} 1.5s ease-in-out infinite;
@@ -2321,41 +2333,41 @@ const Ut = 300, T1 = ({
   changeZoom: n,
   ...o
 }) => {
-  var C;
-  const r = L(null), [s, a] = w(!1), [d, c] = w(!1), { width: l, height: u, ...h } = o.style || {}, f = M(() => {
+  var p;
+  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 p = window.innerWidth / g.naturalWidth, S = window.innerHeight / g.naturalHeight, R = Math.min(p, S);
-      return S >= 1 && p >= 1 ? 1 : R;
+      const y = window.innerWidth / g.naturalWidth, S = window.innerHeight / g.naturalHeight, R = Math.min(y, S);
+      return S >= 1 && y >= 1 ? 1 : R;
     }
     return 1;
   }, [s, t.src]), m = re(() => {
     const g = r.current;
     if (g && s) {
       if (!d) {
-        c(!0);
-        const p = f();
-        n(p);
+        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: ((C = o.alt) == null ? void 0 : C.toString()) || "",
+        alt: ((p = o.alt) == null ? void 0 : p.toString()) || "",
         style: h,
         src: t.src,
         loaded: s
@@ -2363,11 +2375,11 @@ const Ut = 300, T1 = ({
     ),
     /* @__PURE__ */ i(Ln, {})
   ] });
-}, kn = y(xn)`
+}, kn = C(xn)`
   svg circle {
     stroke: #ffffff;
   }
-`, $n = y.img`
+`, $n = C.img`
   transform: none;
 
   ${(e) => e.imageSize && k`
@@ -2378,7 +2390,7 @@ const Ut = 300, T1 = ({
   vertical-align: middle;
   position: relative;
   ${(e) => !e.loaded && "display:none;"}
-`, Ln = y.div`
+`, Ln = C.div`
   height: 100%;
   display: inline-block;
   vertical-align: middle;
@@ -2391,16 +2403,16 @@ 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), [h, f] = Mn(), [m, C] = w(null), [g, p] = w(null), S = L(null), R = L(null), N = 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 && C(null);
+    n && p(null);
   }, [n]), v(() => {
-    a(1);
+    c(1);
   }, [m]), v(() => {
     var I, ee;
     if (m === null || R.current === null)
       return;
-    const x = R.current.firstElementChild, E = (I = N.current) == null ? void 0 : I.querySelector(".nav-left"), B = (ee = N.current) == null ? void 0 : ee.querySelector(".nav-right");
+    const x = R.current.firstElementChild, E = (I = V.current) == null ? void 0 : I.querySelector(".nav-left"), B = (ee = V.current) == null ? void 0 : ee.querySelector(".nav-right");
     if (g === "Right")
       J && B ? B.focus() : G && E && E.focus();
     else if (g === "Left")
@@ -2410,7 +2422,7 @@ const Ut = 300, T1 = ({
         return;
       x.focus();
     }
-  }, [m, R, N, g]), v(() => {
+  }, [m, R, V, g]), v(() => {
     if (o) {
       if (G)
         return Le();
@@ -2442,15 +2454,15 @@ const Ut = 300, T1 = ({
     const { src: x } = e;
     if (x) {
       const E = A.findIndex((B, I) => B.src === x);
-      C(E);
+      p(E);
     }
   }, [A, e]), Qe = M((x) => {
-    C(null);
+    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];
@@ -2459,7 +2471,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,
@@ -2488,20 +2500,20 @@ const Ut = 300, T1 = ({
     }
     return !1;
   }, [z, s]), Le = () => {
-    m !== null && (p("Left"), C(m - 1));
+    m !== null && (y("Left"), p(m - 1));
   }, Me = () => {
-    m !== null && (p("Right"), C(m + 1));
+    m !== null && (y("Right"), p(m + 1));
   }, G = m !== null && m > 0 && A.length > 1, J = m !== null && A.length - 1 > m;
   return /* @__PURE__ */ b(_, { children: [
     /* @__PURE__ */ i(Ye, { visible: m !== null, onClick: Qe, children: /* @__PURE__ */ b(
-      Nn,
+      Vn,
       {
         onMouseDown: () => f(),
         onMouseMove: () => f(),
         onTouchStart: () => f(),
         onKeyDown: () => f(),
         children: [
-          /* @__PURE__ */ i(Vn, { show: h.toString(), children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i(Nn, { show: h.toString(), children: /* @__PURE__ */ i(
             zn,
             {
               ref: R,
@@ -2514,7 +2526,7 @@ const Ut = 300, T1 = ({
                 },
                 {
                   id: "lightbox-close",
-                  onClick: () => C(null),
+                  onClick: () => p(null),
                   icon: "lightbox-close",
                   ariaLabel: "Close"
                 }
@@ -2534,7 +2546,7 @@ const Ut = 300, T1 = ({
                 wn,
                 {
                   changeZoom: (x) => {
-                    a(x);
+                    c(x);
                   },
                   zoomState: s,
                   ...e,
@@ -2550,7 +2562,7 @@ const Ut = 300, T1 = ({
           /* @__PURE__ */ i(
             Bn,
             {
-              ref: N,
+              ref: V,
               show: h.toString(),
               buttons: [
                 {
@@ -2634,18 +2646,18 @@ 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
         }, 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,
@@ -2656,27 +2668,27 @@ const Ut = 300, T1 = ({
       )
     }
   )
-), Xe = y.div`
+), Xe = C.div`
   transition: opacity 0.3s ease 0s;
   z-index: 5;
   ${(e) => e.show === "true" ? "opacity: 1;" : k`
           opacity: 0;
           pointer-events: none;
         `}
-`, En = y(xe)`
+`, En = C(xe)`
   display: inline-block !important;
 
   ${(e) => (e.alignment === "right" || e.alignment === "left") && k`
       float: ${e.alignment};
     `}
-`, Rn = y(Xe)`
+`, Rn = C(Xe)`
   position: fixed;
   display: flex;
   gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, me = "39px", Hn = y(se)`
+`, me = "39px", Hn = C(se)`
   width: ${me};
   height: ${me};
   display: flex;
@@ -2741,7 +2753,7 @@ const Ut = 300, T1 = ({
           opacity: 0;
           pointer-events: none;
         `}
-`, zn = y(we)`
+`, zn = C(we)`
   top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2750,7 +2762,7 @@ const Ut = 300, T1 = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, Dn = y(we)`
+`, Dn = C(we)`
   bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2758,7 +2770,7 @@ const Ut = 300, T1 = ({
   width: 100%;
   align-items: center;
   justify-content: center;
-`, Bn = y(we)`
+`, Bn = C(we)`
   display: block;
   button {
     position: fixed;
@@ -2776,7 +2788,7 @@ const Ut = 300, T1 = ({
 }};
     }
   }
-`, Tn = y(X)`
+`, Tn = C(X)`
   position: fixed;
   bottom: ${(e) => {
   var t;
@@ -2795,29 +2807,29 @@ const Ut = 300, T1 = ({
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
 }};
-`, Ue = y(Xe)`
+`, Ue = C(Xe)`
   position: absolute;
   width: 100vw;
   height: 88px;
   left: 0px;
   z-index: 5;
-`, Nn = y.div`
+`, Vn = C.div`
   width: 100%;
-`, Vn = y(Ue)`
+`, Nn = C(Ue)`
   top: 0px;
   background-image: linear-gradient(
     to bottom,
     rgb(34, 34, 34, 0.8),
     rgba(34, 34, 34, 0)
   );
-`, Wn = y(Ue)`
+`, Wn = C(Ue)`
   bottom: 0px;
   background-image: linear-gradient(
     to top,
     rgb(34, 34, 34, 0.8),
     rgba(34, 34, 34, 0)
   );
-`, Zn = y.div`
+`, Zn = C.div`
   width: 100%;
   height: 100vh;
   overflow: auto;
@@ -2826,7 +2838,7 @@ const Ut = 300, T1 = ({
   white-space: nowrap;
   justify-content: center;
   cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
-`, In = y.img`
+`, In = C.img`
   cursor: pointer;
 `, On = H(
   ({
@@ -2837,31 +2849,31 @@ const Ut = 300, T1 = ({
     },
     close: r = !1,
     ...s
-  }, a) => {
-    const [d, c] = Fe(), [l, u] = Ae(!0), h = L(), f = 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 && h.current && h.current.focus();
     }, [d, h.current]), ae("router:changed", () => {
-      c(!1);
+      a(!1);
     });
-    const C = M(
-      (p) => {
-        c(!1), o(p);
+    const p = M(
+      (y) => {
+        a(!1), o(y);
       },
-      [o, c]
+      [o, a]
     );
-    ge(a, () => ({
+    ge(c, () => ({
       close() {
-        c(!1);
+        a(!1);
       }
     }));
     const g = M(() => ye(f.current, () => {
-      c(!1);
+      a(!1);
     }), [f.current]);
     return /* @__PURE__ */ b(_, { children: [
-      /* @__PURE__ */ i(Ye, { visible: d, onClick: C, children: /* @__PURE__ */ b(
+      /* @__PURE__ */ i(Ye, { visible: d, onClick: p, children: /* @__PURE__ */ b(
         An,
         {
           className: $(
@@ -2877,7 +2889,7 @@ const Ut = 300, T1 = ({
             /* @__PURE__ */ i(
               ve,
               {
-                onClick: () => c(!1),
+                onClick: () => a(!1),
                 tabIndex: 0,
                 ref: h,
                 children: /* @__PURE__ */ i(Q, { symbol: { type: "Svg", content: "close" } })
@@ -2888,13 +2900,13 @@ const Ut = 300, T1 = ({
         }
       ) }),
       oe.cloneElement(n, {
-        onClick: (p) => {
-          c(), g();
+        onClick: (y) => {
+          a(), g();
         }
       })
     ] });
   }
-), An = y.div`
+), An = C.div`
   font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2922,32 +2934,32 @@ const Ut = 300, T1 = ({
   },
   onConfirm: s = () => {
   },
-  cancelLabel: a = "",
+  cancelLabel: c = "",
   confirmLabel: d = ""
 }) => {
-  const c = L(), l = M(() => {
+  const a = L(), l = M(() => {
     var h;
-    r(), (h = c == null ? void 0 : c.current) == null || h.close();
+    r(), (h = a == null ? void 0 : a.current) == null || h.close();
   }, [r]), u = M(() => {
     var h;
-    s(), (h = c == null ? void 0 : c.current) == null || h.close();
+    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 })
       ]
     }
   );
-}, Fn = y(On)`
+}, Fn = C(On)`
   display: block;
 
   span {
@@ -2965,7 +2977,7 @@ const Ut = 300, T1 = ({
 }};
     }
   }
-`, Pn = y(se)`
+`, Pn = C(se)`
   display: inline-block;
   min-width: 50px;
   ${(e) => {
@@ -2995,7 +3007,7 @@ const Ut = 300, T1 = ({
   &:focus-visible {
     ${O}
   }
-`, jn = y(se)`
+`, jn = C(se)`
   display: inline-block;
   min-width: 50px;
   ${(e) => {
@@ -3031,10 +3043,10 @@ const Ut = 300, T1 = ({
     /* @__PURE__ */ i("span", { children: n }),
     /* @__PURE__ */ i("ul", { children: /* @__PURE__ */ i("li", { children: o }) })
   ] })
-] }), Kn = y.div`
+] }), Kn = C.div`
   display: flex;
   flex-wrap: wrap;
-`, Yn = y.div`
+`, Yn = C.div`
   ${(e) => ie(e)(
   "h2",
   k`
@@ -3044,7 +3056,7 @@ const Ut = 300, T1 = ({
         font-size: 7em;
       `
 )}
-`, Xn = y.div`
+`, Xn = C.div`
   margin-left: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -3071,7 +3083,7 @@ const Ut = 300, T1 = ({
   return (t = e.theme.fonts) == null ? void 0 : t.small;
 }};
   }
-`, Un = y.div`
+`, Un = C.div`
   margin-top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.medium;
@@ -3104,7 +3116,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();
     }));
   }
@@ -3146,10 +3158,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,
@@ -3158,9 +3170,9 @@ const P1 = ({
   sticky: o = !1,
   ...r
 }) => {
-  const [s, a] = w(!1), d = L(U()), c = L(), [{ x: l, y: u }, h] = je(s, d.current, c.current), f = (C) => {
-    const { target: g } = C;
-    !c.current || !g || c.current !== g && !c.current.contains(g) && a(!1);
+  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;
+    !a.current || !g || a.current !== g && !a.current.contains(g) && c(!1);
   };
   v(() => {
     if (o)
@@ -3169,20 +3181,20 @@ const P1 = ({
       };
   }, [s, o]);
   const m = M(
-    (C, g) => {
-      h(C, c.current), a(g);
+    (p, g) => {
+      h(p, a.current), c(g);
     },
-    [h, a]
+    [h, c]
   );
   return /* @__PURE__ */ b(
     Gn,
     {
-      ref: c,
+      ref: a,
       className: "humany-tooltip-trigger",
-      onMouseEnter: o ? void 0 : (C) => m(C, !0),
-      onMouseLeave: o ? void 0 : (C) => m(C, !1),
-      onTouchEnd: o ? (C) => m(C, !s) : void 0,
-      onClick: o ? (C) => m(C, !s) : void 0,
+      onMouseEnter: o ? void 0 : (p) => m(p, !0),
+      onMouseLeave: o ? void 0 : (p) => m(p, !1),
+      onTouchEnd: o ? (p) => m(p, !s) : void 0,
+      onClick: o ? (p) => m(p, !s) : void 0,
       children: [
         t,
         s && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(
@@ -3198,10 +3210,10 @@ const P1 = ({
       ]
     }
   );
-}, Gn = y.div`
+}, Gn = C.div`
   display: flex;
   align-items: center;
-`, Jn = y.div`
+`, Jn = C.div`
   color: #ffffff;
   background: #161616;
   border-radius: ${(e) => e.theme.borderRadius};
@@ -3244,33 +3256,33 @@ 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: h, exit: f } = 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: 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: f.easing ? f.easing : "ease-out"
           }
@@ -3282,15 +3294,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 && he.compose(l, c))
+      children: (l) => s && s(l, a && he.compose(l, a))
     }
   );
 }, e1 = H(
@@ -3302,27 +3314,27 @@ const P1 = ({
     widgetName: o,
     activationOptions: r,
     ...s
-  }, a) => {
-    const d = T(), c = () => {
+  }, c) => {
+    const d = T(), a = () => {
       const { implementation: h } = d.get("$widget");
       return h.widgets.get(o);
     };
     v(() => {
-      const h = c();
+      const h = a();
       return h == null || h.activate(r).then(() => h.invoke("attach")), () => {
         h == null || h.deactivate();
       };
     }, [o]);
     const l = (h) => {
-      const f = c(), m = h.currentTarget;
+      const f = a(), m = h.currentTarget;
       if (f) {
-        const C = () => {
+        const p = () => {
           f.invoke("renderState").then(
             (g) => g === ne.open ? f.invoke("close") : f.invoke("open")
           ).then(() => {
             f.events.subscribeOnce(
               "widget:area-rendered",
-              (g, p) => {
+              (g, y) => {
                 d.get(
                   "widgetDOMElement"
                 ) && f.events.dispatch("widget:modal-opened", {
@@ -3333,7 +3345,7 @@ const P1 = ({
             );
           });
         };
-        f.state === ht.Deactivated ? f.activate(r).then(() => f.invoke("attach")).then(C) : C();
+        f.state === ht.Deactivated ? f.activate(r).then(() => f.invoke("attach")).then(p) : p();
       }
     }, u = (h) => {
       h.key === "Enter" && (h.preventDefault(), l(h));
@@ -3347,7 +3359,7 @@ const P1 = ({
           n(h), l(h);
         },
         ...s,
-        ref: a,
+        ref: c,
         children: t
       }
     );
@@ -3357,8 +3369,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,
@@ -3372,7 +3384,7 @@ const P1 = ({
       }
     ) }) : null;
   }
-), t1 = y.div`
+), t1 = C.div`
   background-color: #ffffff;
   position: absolute;
   top: 0;
@@ -3393,16 +3405,16 @@ export {
   p1 as Checkbox,
   Tt as ColumnContext,
   Ze as ComponentNodeContext,
-  Nt as ComponentPropertyContext,
+  Vt as ComponentPropertyContext,
   I1 as Confirm,
   Bt as ContainerContext,
   Wt as ConversationContext,
   qn as DateFormats,
   T1 as Drawer,
   Xt as DrawerAnimationType,
-  N1 as Dropdown,
+  V1 as Dropdown,
   nn as Empty,
-  V1 as Grid,
+  N1 as Grid,
   Ke as Html,
   sn as Icon,
   W1 as Input,
@@ -3417,7 +3429,7 @@ export {
   cn as Paragraph,
   q as Portal,
   un as RouteLink,
-  Vt as RoutingContext,
+  Nt as RoutingContext,
   Be as StyledText,
   Q as SymbolBadge,
   A1 as TabStop,
@@ -3462,7 +3474,7 @@ export {
   Zt as useContext,
   x1 as useConversation,
   w1 as useDispatch,
-  V as useEventListener,
+  N as useEventListener,
   It as useEvents,
   W as useIsMounted,
   k1 as useIsTabbing,