@telia-ace/widget-conversation 1.1.1-rc.2 → 1.1.1-rc.4

package/{conversation-a6e3c255.mjs → conversation-b5103766.mjs}

@@ -1,102 +1,74 @@
-import { jsx as n, jsxs as h, Fragment as B } from "react/jsx-runtime";
-import a from "@emotion/styled";
-import { css as f, keyframes as fe } from "@emotion/react";
-import { u as pe, a as ye, I as ne, B as L, b as y, S as x, c as N, d as oe, e as T, T as q, F as be, i as $e, H as Y, L as re, f as G, g as K, h as j, j as ve, k as J, l as xe, C as k, m as W, W as se, n as we } from "./index-4649598b.mjs";
-import { useState as z, useEffect as O, forwardRef as Q, Suspense as ke, useMemo as Ce, useCallback as ae, useRef as Se } from "react";
-import "react-dom";
-import "react-transition-group";
-import { u as ze, a as X } from "./use-dispatch-f89f5e06.mjs";
-import "react-router-dom";
-const Le = (e, t) => {
-  const o = ze(), r = pe(), [s, i] = z(void 0), m = ye(), c = e || o.type || "";
-  return O(() => {
-    if (c) {
-      let g;
-      return (t || r).getAsync("componentResolver").then((p) => {
-        if (m.current) {
-          const d = p.getComponent(c);
-          i(d);
-        }
-        g = p.registerResolver(c, (d) => {
-          m.current && i(d);
-        });
-      }), () => {
-        g && g();
-      };
-    }
-  }, [m, c, t, r]), s;
-}, Ie = () => {
-  const [e, t] = z(!1);
-  return O(() => {
-    const o = () => {
-      t(!1);
-    }, r = (s) => {
-      s.keyCode === 9 && t(!0);
-    };
-    return window.addEventListener("keydown", r), window.addEventListener("click", o), () => {
-      window.removeEventListener("keydown", r), window.removeEventListener("click", o);
-    };
-  }, []), e;
-}, Me = ({ className: e }) => {
-  const [t, o] = z(""), [r, s] = z(!1), [i, m] = z(0), [c, g] = z(0), p = Ie(), d = X(), {
+import { jsx as n, jsxs as m, Fragment as R } from "react/jsx-runtime";
+import s from "@emotion/styled";
+import { Input as te, Button as z, borderTabStyle as f, SymbolBadge as v, useIsTabbing as fe, useDispatch as q, useProperties as I, useScroll as ne, Typography as Y, invertedHoverButton as pe, Html as G, List as re, buttonCss as K, ItemList as j, itemList as O, Link as ye, useComponent as be, genericHtml as $e, headingElement as J, list as ve, WidgetOverlayOutlet as oe, ConversationContext as xe } from "@telia-ace/widget-ui";
+import { appendClassNames as M } from "@telia-ace/widget-utilities";
+import { css as g, keyframes as we } from "@emotion/react";
+import { useState as T, useEffect as se, forwardRef as Q, Suspense as ke, useMemo as Ce, useCallback as ae, useRef as Se } from "react";
+import { FormComponent as ze } from "@telia-ace/widget-forms";
+import { ConversationMessageListItemType as k, ConversationMessageType as E } from "./index.mjs";
+import "@telia-ace/widget-core";
+import "@telia-ace/widget-services";
+import "@telia-ace/widget-plugins";
+const Le = ({ className: e }) => {
+  const [t, o] = T(""), [r, a] = T(!1), [i, u] = T(0), [c, p] = T(0), x = fe(), d = q(), {
     inputPlaceholder: l = "Type your message",
-    inputHidden: v = !1,
+    inputHidden: $ = !1,
     inputDisabled: S = !1,
-    sendButtonLabel: I = "Send message",
+    sendButtonLabel: L = "Send message",
     inputMultiline: w = !0,
-    secondaryAction: b
-  } = N(), [de, $] = oe(!0);
-  O(() => {
-    if ($.current) {
-      const { lineHeight: u, maxHeight: H } = getComputedStyle($.current);
-      if (u && u.indexOf("px") > -1) {
-        const M = u.split("px"), he = parseInt(M[0], 10);
-        m(he);
+    secondaryAction: y
+  } = I(), [de, b] = ne(!0);
+  se(() => {
+    if (b.current) {
+      const { lineHeight: h, maxHeight: H } = getComputedStyle(b.current);
+      if (h && h.indexOf("px") > -1) {
+        const N = h.split("px"), ue = parseInt(N[0], 10);
+        u(ue);
         const ge = H.split("px");
-        g(parseInt(ge[0], 10));
+        p(parseInt(ge[0], 10));
       }
     }
-  }, [$.current]);
-  const E = (u) => {
-    !u.shiftKey || !w ? (u.preventDefault(), t && t.length > 0 && (d("user-submit", { text: t }), o(""), D(""))) : t.length < 1 && u.preventDefault();
-  }, me = (u) => {
-    b && (u.preventDefault(), d("action", {
-      actionKey: b.action,
-      ...b
+  }, [b.current]);
+  const D = (h) => {
+    !h.shiftKey || !w ? (h.preventDefault(), t && t.length > 0 && (d("user-submit", { text: t }), o(""), W(""))) : t.length < 1 && h.preventDefault();
+  }, me = (h) => {
+    y && (h.preventDefault(), d("action", {
+      actionKey: y.action,
+      ...y
     }));
-  }, ue = (u) => {
-    if (w && $.current) {
-      const H = $.current.scrollHeight;
+  }, he = (h) => {
+    if (w && b.current) {
+      const H = b.current.scrollHeight;
       if (H > i) {
-        $.current.style.height = "auto";
-        let M = H;
-        u.length < 1 && (M = i), $.current.style.height = `${M}px`, M >= c ? $.current.style.overflowY = "scroll" : $.current.style.overflowY = "hidden";
+        b.current.style.height = "auto";
+        let N = H;
+        h.length < 1 && (N = i), b.current.style.height = `${N}px`, N >= c ? b.current.style.overflowY = "scroll" : b.current.style.overflowY = "hidden";
       }
     }
-  }, D = (u) => {
-    ue(u), o(u), u && u.length > 0 && d("user-typing", { textLength: u.length });
+  }, W = (h) => {
+    he(h), o(h), h && h.length > 0 && d("user-typing", { textLength: h.length });
   };
-  return v ? null : /* @__PURE__ */ h(
-    Ae,
+  return $ ? null : /* @__PURE__ */ m(
+    He,
     {
       grow: w,
-      className: T("humany-conversation-input", e),
+      className: M("humany-conversation-input", e),
       "data-has-focus": r,
       scrollableCss: de,
-      isTabbing: p,
+      isTabbing: x,
       children: [
-        b && /* @__PURE__ */ n(
-          He,
+        y && /* @__PURE__ */ n(
+          Me,
           {
             disabled: S,
             onClick: me,
-            title: b.label,
-            "aria-label": b.label,
+            title: y.label,
+            "aria-label": y.label,
             children: /* @__PURE__ */ n(
-              x,
+              v,
               {
                 size: 24,
-                symbol: { type: "Svg", content: b.icon || "browse" }
+                symbol: { type: "Svg", content: y.icon || "browse" }
               }
             )
           }
@@ -105,37 +77,37 @@ const Le = (e, t) => {
           Ne,
           {
             value: t,
-            onChange: D,
-            onEnter: E,
+            onChange: W,
+            onEnter: D,
             disabled: S,
             "aria-label": l,
             placeholder: l,
-            onFocusChange: s,
+            onFocusChange: a,
             type: "textarea",
             rows: 1,
-            ref: $
+            ref: b
           }
         ) : /* @__PURE__ */ n(
-          Te,
+          Ie,
           {
             value: t,
-            onChange: D,
-            onEnter: E,
+            onChange: W,
+            onEnter: D,
             disabled: S,
             "aria-label": l,
             placeholder: l,
-            onFocusChange: s
+            onFocusChange: a
           }
         ),
         /* @__PURE__ */ n(
           ie,
           {
             disabled: S,
-            onClick: E,
-            title: I,
-            "aria-label": I,
+            onClick: D,
+            title: L,
+            "aria-label": L,
             children: /* @__PURE__ */ n(
-              Re,
+              Te,
               {
                 size: 22,
                 symbol: { type: "Svg", content: "send" },
@@ -147,7 +119,7 @@ const Le = (e, t) => {
       ]
     }
   );
-}, Ne = a(ne)`
+}, Ne = s(te)`
   resize: none;
   flex: 1;
   flex-shrink: 1;
@@ -167,7 +139,7 @@ const Le = (e, t) => {
   border: none;
   transition: height 200ms linear;
   outline: none;
-`, Te = a(ne)`
+`, Ie = s(te)`
   flex: 1;
   border: none;
   background-color: transparent;
@@ -193,7 +165,7 @@ const Le = (e, t) => {
 }};
     font-style: italic;
   }
-`, ie = a(L)`
+`, ie = s(z)`
   flex: 0 0 50px;
   align-self: stretch;
   background-color: transparent;
@@ -203,19 +175,19 @@ const Le = (e, t) => {
   border: none;
   color: #a6a6a6;
   &:focus-visible {
-    ${y};
+    ${f};
   }
-`, He = a(ie)`
+`, Me = s(ie)`
   border-right: ${(e) => e.theme.border};
   margin: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }} 0;
-`, Ae = a.div`
-  ${(e) => e.grow ? f`
+`, He = s.div`
+  ${(e) => e.grow ? g`
           min-height: 50px;
           max-height: 150px;
-        ` : f`
+        ` : g`
           height: 50px;
         `}
   flex: 0 0 auto;
@@ -226,15 +198,15 @@ const Le = (e, t) => {
   return (t = e.theme.colors) == null ? void 0 : t.accent;
 }};
   border-top: ${(e) => e.theme.inputBorder};
-  ${(e) => e["data-has-focus"] && e.isTabbing && y}
+  ${(e) => e["data-has-focus"] && e.isTabbing && f}
   textarea {
     ${(e) => !!e.scrollableCss && e.scrollableCss}
   }
-`, Re = a(
+`, Te = s(
   ({
     hasContent: e,
     ...t
-  }) => /* @__PURE__ */ n(x, { ...t })
+  }) => /* @__PURE__ */ n(v, { ...t })
 )`
   line,
   path {
@@ -247,7 +219,7 @@ const Le = (e, t) => {
   return e.hasContent ? (t = e.theme.colors) == null ? void 0 : t.primary : "#a6a6a6";
 }};
   }
-`, Be = a.div`
+`, Ae = s.div`
     width: ${(e) => e.avatarSize || "32px"};
     height: ${(e) => e.avatarSize || "32px"};
     border-radius: 50%;
@@ -294,7 +266,7 @@ const Le = (e, t) => {
 }};
         }
     }
-`, Ke = fe`
+`, Be = we`
   0% {
     opacity: 0;
   }
@@ -304,7 +276,7 @@ const Le = (e, t) => {
   100% {
     opacity: 0;
   }
-`, je = a.div`
+`, Re = s.div`
     display: flex;
     justify-content: center;
     > div {
@@ -316,7 +288,7 @@ const Le = (e, t) => {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-        animation: ${Ke} 1s infinite;
+        animation: ${Be} 1s infinite;
     }
     > div:nth-of-type(2) {
         animation-delay: 100ms;
@@ -324,29 +296,29 @@ const Le = (e, t) => {
     > div:nth-of-type(3) {
         animation-delay: 200ms;
     }
-`, U = a.div`
+`, U = s.div`
     grid-area: content;
     max-width: 100%;
     overflow: hidden;
-`, Oe = a(q)`
+`, Ke = s(Y)`
     font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
     font-weight: normal;
     margin: 0;
-`, _ = a.div`
+`, _ = s.div`
     display: flex;
     ${(e) => e.left && "justify-content: start;"};
     ${(e) => e.center && "justify-content: center;"};
     ${(e) => e.right && "justify-content: end;"};
-`, V = a.div`
+`, V = s.div`
     ${(e) => {
   var t;
   return e.padded && `padding: ${(t = e.theme.sizes) == null ? void 0 : t.medium};`;
 }}
-    ${(e) => !e.user && e.stacked && Ee(e.stacked, e.theme)}
-    ${(e) => e.user && e.stacked && De(e.stacked, e.theme)}
+    ${(e) => !e.user && e.stacked && je(e.stacked, e.theme)}
+    ${(e) => e.user && e.stacked && Oe(e.stacked, e.theme)}
 
     display: inline-block;
     margin-top: ${(e) => {
@@ -362,14 +334,14 @@ const Le = (e, t) => {
     }
     max-width: 100%;
     ${(e) => e.fullWidth && "width: 100%;"}
-`, Ee = (e, t) => {
-  var r, s;
-  const o = f`
+`, je = (e, t) => {
+  var r, a;
+  const o = g`
         background-color: ${(r = t.colors) == null ? void 0 : r.accent};
-        color: ${(s = t.colors) == null ? void 0 : s.text};
+        color: ${(a = t.colors) == null ? void 0 : a.text};
         ${t.border && `border: ${t.border};`};
     `;
-  return t.borderRadius ? f`
+  return t.borderRadius ? g`
         ${o}
 
         border-top-right-radius: ${t.borderRadius};
@@ -383,13 +355,13 @@ const Le = (e, t) => {
             border-bottom-left-radius: ${t.borderRadius};
         `}
     ` : o;
-}, De = (e, t) => {
-  var r, s;
-  const o = f`
+}, Oe = (e, t) => {
+  var r, a;
+  const o = g`
         background-color: ${(r = t.colors) == null ? void 0 : r.primary};
-        color: ${(s = t.colors) == null ? void 0 : s.accent};
+        color: ${(a = t.colors) == null ? void 0 : a.accent};
     `;
-  return t.borderRadius ? f`
+  return t.borderRadius ? g`
         ${o}
 
         border-top-left-radius: ${t.borderRadius};
@@ -403,7 +375,7 @@ const Le = (e, t) => {
             border-bottom-right-radius: ${t.borderRadius};
         `}
     ` : o;
-}, A = a.div`
+}, A = s.div`
     margin-bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -413,18 +385,18 @@ const Le = (e, t) => {
     }
 `, C = (e) => {
   var t, o;
-  return f`
+  return g`
     margin: ${(t = e.theme.sizes) == null ? void 0 : t.medium} 0;
     padding: 0 ${(o = e.theme.sizes) == null ? void 0 : o.medium};
 `;
-}, We = a(be)`
+}, De = s(ze)`
     & button.humany-form-component-button {
         ${(e) => {
-  var t, o, r, s;
-  return ((t = e.theme.colors) == null ? void 0 : t.primary) && ((o = e.theme.colors) == null ? void 0 : o.accent) && $e({
+  var t, o, r, a;
+  return ((t = e.theme.colors) == null ? void 0 : t.primary) && ((o = e.theme.colors) == null ? void 0 : o.accent) && pe({
     active: !1,
     primaryColor: (r = e.theme.colors) == null ? void 0 : r.primary,
-    secondaryColor: (s = e.theme.colors) == null ? void 0 : s.accent,
+    secondaryColor: (a = e.theme.colors) == null ? void 0 : a.accent,
     theme: e.theme
   });
 }};
@@ -445,18 +417,18 @@ const Le = (e, t) => {
 }};
         }
     }
-`, Fe = a(Y)`
+`, We = s(G)`
     white-space: pre-wrap;
     a {
         color: ${(e) => e.theme.colors.link};
         &:focus {
             ${(e) => {
   var t;
-  return ((t = e.theme.accessibility) == null ? void 0 : t.isTabbing) && y;
+  return ((t = e.theme.accessibility) == null ? void 0 : t.isTabbing) && f;
 }};
         }
     }
-`, Pe = a(re)`
+`, Ee = s(re)`
     padding: 0;
     list-style: none;
     margin: 0 -${(e) => {
@@ -469,8 +441,8 @@ const Le = (e, t) => {
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
     }
-`, Ue = a.button`
-    ${(e) => G(e)};
+`, Fe = s.button`
+    ${(e) => K(e)};
     display: block;
     background-color: ${(e) => {
   var t;
@@ -479,16 +451,16 @@ const Le = (e, t) => {
     width: 100%;
     color: #fff;
     &:focus-visible {
-        ${y}
+        ${f}
         background-color: transparent;
     }
-`, ee = Q(
-  ({ boxed: e, className: t, agentData: o }, r) => /* @__PURE__ */ n(U, { ref: r, children: /* @__PURE__ */ n(_, { left: e, center: !e, children: /* @__PURE__ */ n(V, { padded: !!e, stacked: e ? "first" : void 0, children: /* @__PURE__ */ h(je, { children: [
+`, Z = Q(
+  ({ boxed: e, className: t, agentData: o }, r) => /* @__PURE__ */ n(U, { ref: r, children: /* @__PURE__ */ n(_, { left: e, center: !e, children: /* @__PURE__ */ n(V, { padded: !!e, stacked: e ? "first" : void 0, children: /* @__PURE__ */ m(Re, { children: [
     /* @__PURE__ */ n("div", {}),
     /* @__PURE__ */ n("div", {}),
     /* @__PURE__ */ n("div", {})
   ] }) }) }) })
-), _e = a.p`
+), Pe = s.p`
     && {
         font-size: ${(e) => {
   var t;
@@ -503,77 +475,77 @@ const Le = (e, t) => {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, te = (e) => new Date(e).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), R = ({ className: e, name: t, timestamp: o }) => {
+`, ee = (e) => new Date(e).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), B = ({ className: e, name: t, timestamp: o }) => {
   if (!t && !o)
     return null;
   let r = "";
-  return t ? o ? r = `${t}: ${te(o)}` : r = t : o && (r = te(o)), /* @__PURE__ */ n(_e, { children: r });
+  return t ? o ? r = `${t}: ${ee(o)}` : r = t : o && (r = ee(o)), /* @__PURE__ */ n(Pe, { children: r });
 }, le = ({
   className: e,
   children: t,
   sender: o,
   timestamp: r
 }) => {
-  const { avatar: s, name: i } = o, { avatarSize: m } = N();
-  return /* @__PURE__ */ h(
-    Ve,
+  const { avatar: a, name: i } = o, { avatarSize: u } = I();
+  return /* @__PURE__ */ m(
+    Ue,
     {
-      hasAvatar: !!s,
-      className: T(
+      hasAvatar: !!a,
+      className: M(
         e,
         "humany-conversation-agent-message"
       ),
       children: [
-        s && /* @__PURE__ */ n(Be, { avatarSize: m, children: typeof s == "string" ? (
+        a && /* @__PURE__ */ n(Ae, { avatarSize: u, children: typeof a == "string" ? (
           // eslint-disable-next-line jsx-a11y/alt-text
-          /* @__PURE__ */ n("img", { src: s })
-        ) : /* @__PURE__ */ n(x, { symbol: s }) }),
+          /* @__PURE__ */ n("img", { src: a })
+        ) : /* @__PURE__ */ n(v, { symbol: a }) }),
         t,
-        /* @__PURE__ */ n(R, { name: i, timestamp: r })
+        /* @__PURE__ */ n(B, { name: i, timestamp: r })
       ]
     }
   );
-}, Ve = a.div`
+}, Ue = s.div`
   display: grid;
   margin-right: 10%;
   width: 90%;
-  ${(e) => e.hasAvatar ? f`
+  ${(e) => e.hasAvatar ? g`
           grid-template-columns: auto 1fr;
           grid-template-rows: 1fr auto;
           grid-template-areas:
             'avatar content'
             '. info';
-        ` : f`
+        ` : g`
           grid-template-columns: 1fr;
           grid-template-rows: 1fr auto;
           grid-template-areas:
             'content'
             'info';
         `};
-`, qe = Q(
-  ({ className: e, children: t, timestamp: o, discrete: r, fullWidth: s }, i) => /* @__PURE__ */ n(
-    Ye,
+`, _e = Q(
+  ({ className: e, children: t, timestamp: o, discrete: r, fullWidth: a }, i) => /* @__PURE__ */ n(
+    Ve,
     {
       ref: i,
-      className: T(e, "humany-conversation-system-message"),
-      fullWidth: s,
-      children: r ? /* @__PURE__ */ h(Ge, { className: "humany-conversation-discrete-message", children: [
+      className: M(e, "humany-conversation-system-message"),
+      fullWidth: a,
+      children: r ? /* @__PURE__ */ m(qe, { className: "humany-conversation-discrete-message", children: [
         t,
-        /* @__PURE__ */ n(R, { timestamp: o })
-      ] }) : /* @__PURE__ */ h(B, { children: [
+        /* @__PURE__ */ n(B, { timestamp: o })
+      ] }) : /* @__PURE__ */ m(R, { children: [
         t,
-        /* @__PURE__ */ n(R, { timestamp: o })
+        /* @__PURE__ */ n(B, { timestamp: o })
       ] })
     }
   )
-), Ye = a.div`
+), Ve = s.div`
     ${(e) => e.fullWidth && "width: 100%"};
     padding: 0 ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
     overflow: auto;
-`, Ge = a.div`
+`, qe = s.div`
     text-align: center;
     word-wrap: break-word;
     font-size: ${(e) => {
@@ -587,115 +559,162 @@ const Le = (e, t) => {
     > p {
         margin: 0;
     }
-`, Je = ({ className: e, children: t, timestamp: o }) => {
-  const { userLabel: r = "" } = N();
-  return /* @__PURE__ */ h(
-    Qe,
+`, Ye = ({ className: e, children: t, timestamp: o }) => {
+  const { userLabel: r = "" } = I();
+  return /* @__PURE__ */ m(
+    Ge,
     {
-      className: T(e, "humany-conversation-user-message"),
+      className: M(e, "humany-conversation-user-message"),
       children: [
         t,
-        /* @__PURE__ */ n(R, { name: r, timestamp: o })
+        /* @__PURE__ */ n(B, { name: r, timestamp: o })
       ]
     }
   );
-}, Qe = a.div`
+}, Ge = s.div`
     margin-left: 10%;
     width: 90%;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
-`, Z = (e) => Array.isArray(e) ? e : Object.keys(e).map((t) => ({
+`, X = (e) => Array.isArray(e) ? e : Object.keys(e).map((t) => ({
   label: e[t],
   actionKey: t
-})), Xe = ({ header: e, actions: t, dispatch: o }) => /* @__PURE__ */ n(
-  Ze,
+})), Je = ({ header: e, actions: t, dispatch: o }) => /* @__PURE__ */ n(
+  Qe,
   {
     className: "humany-conversation-button-list",
     header: e,
-    items: Z(t),
-    renderItem: (r) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
-      et,
-      {
-        onClick: () => {
-          o("action", r);
-        },
-        "aria-label": r.label,
-        title: r.label,
-        children: [
-          /* @__PURE__ */ n(x, { symbol: r.symbol }),
-          r.label
-        ]
-      }
-    ) }, r.actionKey)
+    items: X(t),
+    renderItem: (r) => {
+      var i;
+      const a = !!((i = r == null ? void 0 : r.data) != null && i.href);
+      return /* @__PURE__ */ n("li", { children: a ? /* @__PURE__ */ m(
+        Xe,
+        {
+          onClick: () => {
+            o("action", r);
+          },
+          href: r.data.href,
+          target: r.data.target,
+          "aria-label": r.label,
+          title: r.label,
+          children: [
+            /* @__PURE__ */ n(v, { symbol: r.symbol }),
+            r.label
+          ]
+        }
+      ) : /* @__PURE__ */ m(
+        Ze,
+        {
+          onClick: () => {
+            o("action", r);
+          },
+          "aria-label": r.label,
+          title: r.label,
+          children: [
+            /* @__PURE__ */ n(v, { symbol: r.symbol }),
+            r.label
+          ]
+        }
+      ) }, r.actionKey);
+    }
   }
-), Ze = a(K)`
-    ${j}
-    > ul {
-        display: flex;
-        flex-wrap: wrap;
-        gap: ${(e) => {
+), Qe = s(j)`
+  ${O}
+  > ul {
+    display: flex;
+    flex-wrap: wrap;
+    gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-        > li {
-            margin: 0;
-        }
+    > li {
+      margin: 0;
     }
-    ${C}
-`, et = a(L)`
-    ${G};
+  }
+  ${C}
+`, Xe = s(ye)`
+  ${K};
 
-    display: block;
-    padding: ${(e) => {
+  display: block;
+  padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-    background-color: ${(e) => {
+  background-color: ${(e) => {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.primary;
 }};
-    width: 100%;
-    color: #ffffff;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    &:focus-visible {
-        ${y}
-        background-color: transparent;
-    }
+  width: 100%;
+  color: #ffffff;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  &:focus-visible {
+    ${f}
+    background-color: transparent;
+  }
 
-    i,
-    svg {
-        margin-right: ${(e) => {
+  i,
+  svg {
+    margin-right: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
 }};
-    }
-`, tt = ({ type: e, content: t = {} }) => {
-  const o = Le(e);
+  }
+`, Ze = s(z)`
+  ${K};
+
+  display: block;
+  padding: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}};
+  background-color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+  width: 100%;
+  color: #ffffff;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  &:focus-visible {
+    ${f}
+    background-color: transparent;
+  }
+
+  i,
+  svg {
+    margin-right: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}};
+  }
+`, et = ({ type: e, content: t = {} }) => {
+  const o = be(e);
   return !o || !e ? null : /* @__PURE__ */ n(ke, { fallback: null, children: /* @__PURE__ */ n(o, { ...t }) });
-}, nt = ({ body: e }) => /* @__PURE__ */ n(ot, { html: e }), ot = a(Y)`
-    ${ve}
+}, tt = ({ body: e }) => /* @__PURE__ */ n(nt, { html: e }), nt = s(G)`
+    ${$e}
     color: inherit;
     white-space: pre-wrap;
     ${C}
     a {
         color: ${(e) => e.theme.colors.link};
         &:focus-visible {
-            ${y};
+            ${f};
         }
     }
 `, rt = ({ header: e, actions: t, dispatch: o }) => /* @__PURE__ */ n(
-  st,
+  ot,
   {
     className: "humany-conversation-item-list",
     header: e,
-    items: Z(t),
+    items: X(t),
     renderItem: (r) => {
-      var s;
-      return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(at, { children: [
-        ((s = r.symbol) == null ? void 0 : s.content) && /* @__PURE__ */ n("div", { className: "item-icon", children: /* @__PURE__ */ n(
-          x,
+      var a;
+      return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(st, { children: [
+        ((a = r.symbol) == null ? void 0 : a.content) && /* @__PURE__ */ n("div", { className: "item-icon", children: /* @__PURE__ */ n(
+          v,
           {
             size: 22,
             symbol: {
@@ -704,9 +723,9 @@ const Le = (e, t) => {
             }
           }
         ) }),
-        /* @__PURE__ */ h("div", { className: "item-body", children: [
+        /* @__PURE__ */ m("div", { className: "item-body", children: [
           /* @__PURE__ */ n(
-            L,
+            z,
             {
               onClick: () => {
                 o("action", r);
@@ -721,8 +740,8 @@ const Le = (e, t) => {
       ] }) }, r.actionKey);
     }
   }
-), st = a(K)`
-    ${j}
+), ot = s(j)`
+    ${O}
 
     > .humany-paragraph {
         ${C}
@@ -735,7 +754,7 @@ const Le = (e, t) => {
 
     ${(e) => J(e)(
   "h1",
-  f`
+  g`
                 white-space: normal;
             `
 )}
@@ -759,7 +778,7 @@ const Le = (e, t) => {
             border-bottom: none;
         }
     }
-`, at = a.div`
+`, st = s.div`
     display: flex;
     gap: ${(e) => {
   var t;
@@ -798,7 +817,7 @@ const Le = (e, t) => {
         margin: 0;
 
         &:focus-visible {
-            ${y}
+            ${f}
             span {
                 color: ${(e) => {
   var t;
@@ -808,14 +827,14 @@ const Le = (e, t) => {
             }
         }
     }
-`, it = ({ header: e, actions: t, dispatch: o }) => /* @__PURE__ */ n(
-  lt,
+`, at = ({ header: e, actions: t, dispatch: o }) => /* @__PURE__ */ n(
+  it,
   {
     className: "humany-conversation-link-list",
     header: e,
-    items: Z(t),
-    renderItem: (r) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
-      ct,
+    items: X(t),
+    renderItem: (r) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(
+      lt,
       {
         help: r.actionKey === "help",
         onClick: () => {
@@ -826,7 +845,7 @@ const Le = (e, t) => {
         children: [
           r.label,
           r.actionKey === "help" && /* @__PURE__ */ n(
-            x,
+            v,
             {
               size: 14,
               symbol: {
@@ -839,13 +858,13 @@ const Le = (e, t) => {
       }
     ) }, r.actionKey)
   }
-), lt = a(K)`
-    ${j}
+), it = s(j)`
+    ${O}
     ${C}
 
     ${(e) => J(e)(
   "h1",
-  f`
+  g`
                 white-space: normal;
             `
 )}
@@ -861,7 +880,7 @@ const Le = (e, t) => {
             margin: 0;
         }
     }
-`, ct = a(L)`
+`, lt = s(z)`
     display: block;
     text-align: left;
     font-weight: 300;
@@ -875,7 +894,7 @@ const Le = (e, t) => {
 
     ${(e) => {
   var t, o;
-  return e.help && f`
+  return e.help && g`
             color: ${(t = e.theme.colors) == null ? void 0 : t.text};
             text-decoration: underline;
 
@@ -887,7 +906,7 @@ const Le = (e, t) => {
 }}
 
     &:focus-visible {
-        ${y}
+        ${f}
         span {
             color: ${(e) => {
   var t;
@@ -896,18 +915,18 @@ const Le = (e, t) => {
             text-decoration: underline;
         }
     }
-`, dt = () => /* @__PURE__ */ n(mt, { className: "humany-conversation-separator" }), mt = a.div`
+`, ct = () => /* @__PURE__ */ n(dt, { className: "humany-conversation-separator" }), dt = s.div`
     ${(e) => e.theme.border && `border-bottom: ${e.theme.border};`}
     width: 100%;
-`, ut = ({ text: e }) => /* @__PURE__ */ n(ht, { className: "humany-conversation-text", variant: "span", children: e }), ht = a(q)`
+`, mt = ({ text: e }) => /* @__PURE__ */ n(ht, { className: "humany-conversation-text", variant: "span", children: e }), ht = s(Y)`
     ${C}
-`, gt = ({
+`, ut = ({
   header: e = "Video call",
   acceptLabel: t = "Accept",
   declineLabel: o = "Decline",
   dispatch: r
 }) => {
-  const s = Ce(() => [
+  const a = Ce(() => [
     {
       label: t,
       actionKey: "accept-video-call",
@@ -926,30 +945,30 @@ const Le = (e, t) => {
     }
   ], [t, o]);
   return /* @__PURE__ */ n(
-    ft,
+    gt,
     {
       className: "humany-conversation-video-request",
       header: e,
-      items: s,
+      items: a,
       renderItem: (i) => {
-        const m = i.actionKey === "accept-video-call" ? "#70c48e" : "#da5c85";
+        const u = i.actionKey === "accept-video-call" ? "#70c48e" : "#da5c85";
         return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-          pt,
+          ft,
           {
             onClick: () => {
               r("action", i);
             },
             "aria-label": i.label,
             title: i.label,
-            bgColor: m,
-            children: /* @__PURE__ */ n(x, { symbol: i.symbol, size: 25 })
+            bgColor: u,
+            children: /* @__PURE__ */ n(v, { symbol: i.symbol, size: 25 })
           }
         ) }, i.actionKey);
       }
     }
   );
-}, ft = a(K)`
-    ${(e) => j(e)}
+}, gt = s(j)`
+    ${(e) => O(e)}
     > ul {
         display: flex;
         flex-wrap: wrap;
@@ -962,8 +981,8 @@ const Le = (e, t) => {
         }
     }
     ${(e) => C(e)}
-`, pt = a(L)`
-    ${G};
+`, ft = s(z)`
+    ${K};
 
     background-color: ${(e) => e.bgColor};
     display: flex;
@@ -975,7 +994,7 @@ const Le = (e, t) => {
     border-radius: 100%;
 
     &:focus-visible {
-        ${y}
+        ${f}
         background-color: transparent;
 
         i,
@@ -1002,62 +1021,62 @@ const Le = (e, t) => {
             stroke: #fff;
         }
     }
-`, yt = ([e, t]) => ({ type: e, content: t }), bt = ({ items: e, dispatch: t }) => /* @__PURE__ */ n(
-  $t,
+`, pt = ([e, t]) => ({ type: e, content: t }), yt = ({ items: e, dispatch: t }) => /* @__PURE__ */ n(
+  bt,
   {
     className: "humany-message-list",
-    items: e.map(yt),
+    items: e.map(pt),
     renderLi: !0,
     renderItem: (o) => {
       switch (o.type) {
         case k.Text:
-          return /* @__PURE__ */ n(ut, { text: o.content });
+          return /* @__PURE__ */ n(mt, { text: o.content });
         case k.HTML:
-          return /* @__PURE__ */ n(nt, { ...o.content });
+          return /* @__PURE__ */ n(tt, { ...o.content });
         case k.Separator:
-          return /* @__PURE__ */ n(dt, { ...o.content });
+          return /* @__PURE__ */ n(ct, { ...o.content });
         case k.ItemList:
           return /* @__PURE__ */ n(rt, { ...o.content, dispatch: t });
         case k.LinkList:
-          return /* @__PURE__ */ n(it, { ...o.content, dispatch: t });
+          return /* @__PURE__ */ n(at, { ...o.content, dispatch: t });
         case k.ButtonList:
-          return /* @__PURE__ */ n(Xe, { ...o.content, dispatch: t });
+          return /* @__PURE__ */ n(Je, { ...o.content, dispatch: t });
         case k.VideoRequest:
-          return /* @__PURE__ */ n(gt, { ...o.content, dispatch: t });
+          return /* @__PURE__ */ n(ut, { ...o.content, dispatch: t });
         default:
-          return /* @__PURE__ */ n(tt, { type: o.type, content: o.content });
+          return /* @__PURE__ */ n(et, { type: o.type, content: o.content });
       }
     }
   }
-), $t = a(re)`
-    ${xe}
+), bt = s(re)`
+    ${ve}
 
     > li {
         margin: 0;
     }
-`, vt = Q(
-  ({ className: e, timestamp: t, sender: o, type: r, content: s }, i) => {
-    const m = ae(
+`, $t = Q(
+  ({ className: e, timestamp: t, sender: o, type: r, content: a }, i) => {
+    const u = ae(
       (d) => {
         let l = "first";
-        return s.length > 1 && (l = d === 0 ? "first" : d + 1 === s.length ? "last" : "middle"), l;
+        return a.length > 1 && (l = d === 0 ? "first" : d + 1 === a.length ? "last" : "middle"), l;
       },
-      [s]
-    ), c = () => /* @__PURE__ */ n(B, { children: s.map((d) => {
-      const { key: l, body: v, title: S, form: I, actions: w } = d, b = !!v && !S && !I && !w;
+      [a]
+    ), c = () => /* @__PURE__ */ n(R, { children: a.map((d) => {
+      const { key: l, body: $, title: S, form: L, actions: w } = d, y = !!$ && !S && !L && !w;
       return /* @__PURE__ */ n(
-        qe,
+        _e,
         {
           className: e,
-          discrete: b,
+          discrete: y,
           ref: i,
           timestamp: t,
-          fullWidth: !!I || !!w,
-          children: b && v ? /* @__PURE__ */ n(Y, { html: v }) : /* @__PURE__ */ n(F, { isSystem: !0, content: d })
+          fullWidth: !!L || !!w,
+          children: y && $ ? /* @__PURE__ */ n(G, { html: $ }) : /* @__PURE__ */ n(F, { isSystem: !0, content: d })
         },
         l
       );
-    }) }), g = () => /* @__PURE__ */ n(le, { sender: o, timestamp: t, className: e, children: /* @__PURE__ */ n(U, { className: "humany-message-content-bundle", children: s.map((d, l) => /* @__PURE__ */ n(
+    }) }), p = () => /* @__PURE__ */ n(le, { sender: o, timestamp: t, className: e, children: /* @__PURE__ */ n(U, { className: "humany-message-content-bundle", children: a.map((d, l) => /* @__PURE__ */ n(
       _,
       {
         className: "humany-message-container",
@@ -1067,12 +1086,12 @@ const Le = (e, t) => {
           F,
           {
             content: d,
-            stacked: m(l)
+            stacked: u(l)
           }
         )
       },
       d.key
-    )) }) }), p = () => /* @__PURE__ */ n(Je, { timestamp: t, className: e, children: /* @__PURE__ */ n(U, { className: "humany-message-content-bundle", children: s.map((d, l) => /* @__PURE__ */ n(
+    )) }) }), x = () => /* @__PURE__ */ n(Ye, { timestamp: t, className: e, children: /* @__PURE__ */ n(U, { className: "humany-message-content-bundle", children: a.map((d, l) => /* @__PURE__ */ n(
       _,
       {
         className: "humany-message-container",
@@ -1083,58 +1102,58 @@ const Le = (e, t) => {
           {
             isUser: !0,
             content: d,
-            stacked: m(l)
+            stacked: u(l)
           }
         )
       },
       d.key
     )) }) });
     switch (r) {
-      case W.System:
+      case E.System:
         return c();
-      case W.Agent:
-        return g();
-      case W.User:
+      case E.Agent:
         return p();
+      case E.User:
+        return x();
       default:
         return null;
     }
   }
 ), F = ({ content: e, isUser: t, isSystem: o, stacked: r }) => {
-  const s = X(), { title: i, body: m, actions: c, form: g, items: p } = e;
-  return p ? /* @__PURE__ */ n(V, { className: "humany-message-content", user: !!t, stacked: r, children: /* @__PURE__ */ n(bt, { items: p, dispatch: s }) }) : /* @__PURE__ */ h(
+  const a = q(), { title: i, body: u, actions: c, form: p, items: x } = e;
+  return x ? /* @__PURE__ */ n(V, { className: "humany-message-content", user: !!t, stacked: r, children: /* @__PURE__ */ n(yt, { items: x, dispatch: a }) }) : /* @__PURE__ */ m(
     V,
     {
       className: "humany-message-content",
       padded: !o,
       user: !!t,
       stacked: r,
-      fullWidth: !!g || !!c,
+      fullWidth: !!p || !!c,
       children: [
-        i && /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(Oe, { variant: "h2", children: i }) }),
-        m && /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(Fe, { html: m }) }),
-        g && /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(
-          We,
+        i && /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(Ke, { variant: "h2", children: i }) }),
+        u && /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(We, { html: u }) }),
+        p && /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(
+          De,
           {
-            ...g,
-            onChange: (l, v) => {
-              s("form", {
-                data: v,
-                formKey: g.schema.id,
+            ...p,
+            onChange: (l, $) => {
+              a("form", {
+                data: $,
+                formKey: p.schema.id,
                 actionKey: l
               });
             }
           }
         ) }),
         c && /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(
-          Pe,
+          Ee,
           {
             items: Object.keys(c).map((l) => ({ label: c[l], actionKey: l })),
             renderItem: (l) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-              Ue,
+              Fe,
               {
                 onClick: () => {
-                  s("action", l.actionKey);
+                  a("action", l.actionKey);
                 },
                 children: l.label
               }
@@ -1152,31 +1171,31 @@ const Le = (e, t) => {
         behavior: "smooth"
       });
     }, 250);
-  }, []), [t, o] = oe(!0), {
+  }, []), [t, o] = ne(!0), {
     messages: r,
-    loading: s,
+    loading: a,
     typingActors: i = []
-  } = N(), m = () => i && i.length ? i.map((c, g) => /* @__PURE__ */ n(P, { id: `typing_${c.name}`, children: /* @__PURE__ */ n(le, { timestamp: Date.now(), sender: c, children: /* @__PURE__ */ n(ee, { boxed: !0, ref: e }) }) }, `typing_${c.name}`)) : null;
-  return /* @__PURE__ */ h(B, { children: [
-    /* @__PURE__ */ h(xt, { tabIndex: 0, scrollableCss: t, ref: o, children: [
-      r && r.length ? r.map((c, g) => {
-        const { type: p, timestamp: d, sender: l, content: v } = c;
+  } = I(), u = () => i && i.length ? i.map((c, p) => /* @__PURE__ */ n(P, { id: `typing_${c.name}`, children: /* @__PURE__ */ n(le, { timestamp: Date.now(), sender: c, children: /* @__PURE__ */ n(Z, { boxed: !0, ref: e }) }) }, `typing_${c.name}`)) : null;
+  return /* @__PURE__ */ m(R, { children: [
+    /* @__PURE__ */ m(vt, { tabIndex: 0, scrollableCss: t, ref: o, children: [
+      r && r.length ? r.map((c, p) => {
+        const { type: x, timestamp: d, sender: l, content: $ } = c;
         return /* @__PURE__ */ n(
           P,
           {
             className: "humany-conversation-entry",
             tabIndex: -1,
-            children: /* @__PURE__ */ n(vt, { ...c, ref: e })
+            children: /* @__PURE__ */ n($t, { ...c, ref: e })
           },
-          `${p}_${l == null ? void 0 : l.name}_${d}_${v[0].key}`
+          `${x}_${l == null ? void 0 : l.name}_${d}_${$[0].key}`
         );
       }) : null,
-      m(),
-      s && /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(ee, { ref: e }) })
+      u(),
+      a && /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(Z, { ref: e }) })
     ] }),
-    /* @__PURE__ */ n(Me, {})
+    /* @__PURE__ */ n(Le, {})
   ] });
-}, xt = a.div`
+}, vt = s.div`
     display: flex;
     flex-direction: column;
     align-items: stretch;
@@ -1187,9 +1206,9 @@ const Le = (e, t) => {
 }};
     ${(e) => !!e.scrollableCss && e.scrollableCss};
     &:focus-visible {
-        ${(e) => y(e)};
+        ${(e) => f(e)};
     }
-`, P = a.div`
+`, P = s.div`
     margin: 0;
     margin-bottom: ${(e) => {
   var t;
@@ -1223,42 +1242,42 @@ const Le = (e, t) => {
     }
     ${(e) => J(e)(
   "h1",
-  f`
+  g`
                 font-weight: normal;
             `
 )}
-`, wt = ({ dispatch: e }) => {
+`, xt = ({ dispatch: e }) => {
   const t = Se(null);
-  return O(() => {
+  return se(() => {
     t.current && t.current.parentNode && e("overlay-mounted", t.current);
   }, [t]), /* @__PURE__ */ n(
-    se,
+    oe,
     {
       portalId: "humany-conversation-overlay-portal",
       className: "humany-conversation-overlay-outlet",
       ref: t
     }
   );
-}, kt = ({
+}, wt = ({
   dispatch: e,
   header: t,
   buttonLabel: o
-}) => /* @__PURE__ */ h(
-  Ct,
+}) => /* @__PURE__ */ m(
+  kt,
   {
     portalId: "humany-conversation-portal",
     className: "humany-conversation-outlet",
     children: [
-      /* @__PURE__ */ h(St, { className: "humany-conversation-outlet-head", children: [
+      /* @__PURE__ */ m(Ct, { className: "humany-conversation-outlet-head", children: [
         /* @__PURE__ */ n(
-          Lt,
+          zt,
           {
             className: "humany-conversation-outlet-head-button",
             "aria-label": o,
             title: o,
             onClick: () => e("hide-overlay-conversation"),
             children: /* @__PURE__ */ n(
-              x,
+              v,
               {
                 symbol: {
                   type: "Svg",
@@ -1270,7 +1289,7 @@ const Le = (e, t) => {
           }
         ),
         t && /* @__PURE__ */ n(
-          zt,
+          St,
           {
             className: "humany-conversation-outlet-header",
             variant: "h1",
@@ -1281,7 +1300,7 @@ const Le = (e, t) => {
       /* @__PURE__ */ n(ce, {})
     ]
   }
-), Ct = a(se)`
+), kt = s(oe)`
   z-index: 11;
   top: auto;
   height: 65%;
@@ -1296,7 +1315,7 @@ const Le = (e, t) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, St = a.div`
+`, Ct = s.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -1310,7 +1329,7 @@ const Le = (e, t) => {
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
   ${(e) => e.theme.border && `border-bottom: ${e.theme.border};`}
-`, zt = a(q)`
+`, St = s(Y)`
   font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.medium;
@@ -1320,7 +1339,7 @@ const Le = (e, t) => {
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
   margin: 0;
-`, Lt = a(L)`
+`, zt = s(z)`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1334,7 +1353,7 @@ const Le = (e, t) => {
   ${(e) => e.theme.borderRadius && `border-radius: ${e.theme.borderRadius};`}
 
   &:focus-visible {
-    ${y};
+    ${f};
   }
 
   svg line {
@@ -1343,41 +1362,41 @@ const Le = (e, t) => {
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
   }
-`, Ot = ({ className: e, ...t }) => {
+`, Dt = ({ className: e, ...t }) => {
   const {
     overlay: o,
     overlayConversationHeader: r,
-    overlayConversationCloseLabel: s,
+    overlayConversationCloseLabel: a,
     conversationControllerId: i
-  } = N(), m = X();
-  return /* @__PURE__ */ h(
-    we.Provider,
+  } = I(), u = q();
+  return /* @__PURE__ */ m(
+    xe.Provider,
     {
       value: i ? { id: i } : null,
       children: [
         /* @__PURE__ */ n(
-          It,
+          Lt,
           {
             ...t,
-            className: T(e, "humany-conversation-component"),
+            className: M(e, "humany-conversation-component"),
             children: /* @__PURE__ */ n(ce, {})
           }
         ),
-        o && /* @__PURE__ */ h(B, { children: [
-          /* @__PURE__ */ n(wt, { dispatch: m }),
+        o && /* @__PURE__ */ m(R, { children: [
+          /* @__PURE__ */ n(xt, { dispatch: u }),
           o.conversation && /* @__PURE__ */ n(
-            kt,
+            wt,
             {
-              dispatch: m,
+              dispatch: u,
               header: r,
-              buttonLabel: s
+              buttonLabel: a
             }
           )
         ] })
       ]
     }
   );
-}, It = a.div`
+}, Lt = s.div`
     position: absolute;
     right: 0;
     left: 0;
@@ -1388,5 +1407,5 @@ const Le = (e, t) => {
     flex-direction: column;
 `;
 export {
-  Ot as default
+  Dt as default
 };