claudius-chat-widget 1.6.0 → 1.8.2

package/dist/claudius.js

@@ -4,17 +4,32 @@ var $ = (t, e, r) => we(t, typeof e != "symbol" ? e + "" : e, r);
 import { jsx as i, jsxs as d, Fragment as ve } from "react/jsx-runtime";
 import { useMemo as F, useState as C, useRef as N, useCallback as R, useEffect as k, forwardRef as Ee, memo as K, useId as Re } from "react";
 class U extends Error {
+  /**
+   * Create a {@link ChatApiError}.
+   *
+   * @param message - Human-readable error message.
+   * @param status - HTTP status code, or `0` for network and timeout failures.
+   * @param code - Optional machine-readable error code (e.g. `"TIMEOUT"`, `"NETWORK_ERROR"`).
+   * @param retryAfter - Seconds to wait before retrying, from the `Retry-After` header.
+   */
   constructor(e, r, s, n) {
     super(e), this.status = r, this.code = s, this.retryAfter = n, this.name = "ChatApiError";
   }
 }
 class se extends Error {
+  /** Creates a `DebounceError` with a fixed message. */
   constructor() {
     super("Request debounced"), this.name = "DebounceError";
   }
 }
 const Te = 3e4;
 class Me {
+  /**
+   * Create a chat client for the given Worker base URL.
+   *
+   * @param baseUrl - Base URL of the Worker. Requests post to `${baseUrl}/api/chat`.
+   * @param options - Optional retry, debounce, and timeout settings.
+   */
   constructor(e, r) {
     $(this, "baseUrl");
     $(this, "maxRetries");
@@ -23,6 +38,16 @@ class Me {
     $(this, "lastSendTime", 0);
     this.baseUrl = e, this.maxRetries = (r == null ? void 0 : r.maxRetries) ?? 2, this.debounceMs = (r == null ? void 0 : r.debounceMs) ?? 300, this.timeoutMs = (r == null ? void 0 : r.timeoutMs) ?? Te;
   }
+  /**
+   * Send the conversation to the chat endpoint and return the assistant's
+   * reply, retrying transient failures with backoff up to
+   * {@link ChatApiClientOptions.maxRetries} times.
+   *
+   * @param messages - The full conversation so far, oldest message first.
+   * @returns The assistant's reply and any cited sources.
+   * @throws {@link DebounceError} when called within the debounce window.
+   * @throws {@link ChatApiError} when the request fails after all retries.
+   */
   async sendMessage(e) {
     if (this.debounceMs > 0 && Date.now() - this.lastSendTime < this.debounceMs)
       throw new se();
@@ -107,7 +132,7 @@ class Me {
   }
 }
 const Ce = 200, Ne = "claudius:messages";
-function Se(t, e) {
+function Le(t, e) {
   let r;
   try {
     r = new URL(e).host;
@@ -123,7 +148,7 @@ function V() {
     return null;
   }
 }
-function Le(t) {
+function Se(t) {
   const e = V();
   if (!e) return [];
   try {
@@ -145,7 +170,7 @@ function ke({
   const o = F(
     () => new Me(t, { debounceMs: 0, timeoutMs: s }),
     [t, s]
-  ), a = Se(r, t), l = e ? Le(a) : [], [c, u] = C(l), [h, E] = C(!1), [g, x] = C(null), [f, w] = C(!1), v = N(l.length), y = N(!1), T = N(l), O = R(
+  ), a = Le(r, t), l = e ? Se(a) : [], [c, u] = C(l), [h, E] = C(!1), [g, x] = C(null), [f, w] = C(!1), v = N(l.length), y = N(!1), T = N(l), O = R(
     (m) => {
       if (!e) return;
       const p = V();
@@ -186,8 +211,8 @@ function ke({
           role: "assistant",
           content: p.reply,
           sources: p.sources
-        }, S = [...m, H];
-        T.current = S, u(S), O(S);
+        }, L = [...m, H];
+        T.current = L, u(L), O(L);
       } catch (p) {
         if (p instanceof se) return;
         p instanceof U ? x(I(p.code, p.message)) : x(
@@ -206,8 +231,8 @@ function ke({
         id: A(),
         role: "user",
         content: p
-      }, S = [...T.current, H];
-      T.current = S, u(S), O(S), await D(S);
+      }, L = [...T.current, H];
+      T.current = L, u(L), O(L), await D(L);
     },
     [O, D]
   ), b = R(async () => {
@@ -636,7 +661,103 @@ const Ve = K(function({
     ] }, o.type)) })
   ] });
 });
-function Ke(t, e, r) {
+function Ke({
+  title: t,
+  subtitle: e,
+  titleId: r,
+  closeLabel: s,
+  onClose: n
+}) {
+  return /* @__PURE__ */ d("div", { className: "flex items-center gap-3 bg-claudius-accent px-5 py-4", children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "flex h-8 w-8 items-center justify-center rounded-claudius-full bg-claudius-accent-soft text-sm font-bold text-claudius-accent-text",
+        children: t.charAt(0).toUpperCase()
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: "flex-1", children: [
+      /* @__PURE__ */ i(
+        "h2",
+        {
+          id: r,
+          className: "text-sm font-heading font-semibold text-claudius-accent-text",
+          children: t
+        }
+      ),
+      /* @__PURE__ */ i("p", { className: "text-xs text-claudius-accent-text", children: e })
+    ] }),
+    /* @__PURE__ */ i(
+      "button",
+      {
+        onClick: n,
+        "aria-label": s,
+        className: "flex h-10 w-10 items-center justify-center rounded-claudius-full text-claudius-accent-text-muted transition-colors hover:bg-claudius-accent-soft hover:text-claudius-accent-text",
+        children: /* @__PURE__ */ d(
+          "svg",
+          {
+            width: "18",
+            height: "18",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ i("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ i("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+function qe({
+  message: t,
+  retryLabel: e,
+  onRetry: r
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      role: "alert",
+      className: "mx-auto flex max-w-[90%] flex-col items-center gap-2 rounded-claudius-sm bg-claudius-error-surface px-3 py-2 text-center text-xs text-claudius-error",
+      children: [
+        /* @__PURE__ */ i("span", { children: t }),
+        r && /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            onClick: r,
+            className: "rounded-claudius-md bg-claudius-error px-3 py-1 text-xs font-semibold text-claudius-error-text transition-opacity hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-claudius-error focus-visible:ring-offset-1",
+            children: e
+          }
+        )
+      ]
+    }
+  );
+}
+function Xe({ label: t }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": t,
+      className: "mr-auto flex max-w-[85%]",
+      children: /* @__PURE__ */ d("div", { className: "flex gap-1 rounded-claudius-bubble rounded-bl-claudius-tail bg-claudius-assistant-bubble px-4 py-3", children: [
+        /* @__PURE__ */ i("span", { className: "h-2 w-2 motion-safe:animate-bounce rounded-claudius-full bg-claudius-text-muted [animation-delay:0ms]" }),
+        /* @__PURE__ */ i("span", { className: "h-2 w-2 motion-safe:animate-bounce rounded-claudius-full bg-claudius-text-muted [animation-delay:150ms]" }),
+        /* @__PURE__ */ i("span", { className: "h-2 w-2 motion-safe:animate-bounce rounded-claudius-full bg-claudius-text-muted [animation-delay:300ms]" })
+      ] })
+    }
+  );
+}
+function Je(t, e, r) {
   const [s, n] = C(0), o = N(0), a = N(0), l = N(0), c = N(!1);
   return k(() => {
     const u = t.current;
@@ -662,15 +783,15 @@ function Ke(t, e, r) {
     };
   }, [t, e, r]), { offsetY: s };
 }
-const qe = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function Xe(t, e) {
+const Ze = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function Qe(t, e) {
   k(() => {
     const r = t.current;
     if (!r) return;
     const s = (n) => {
       if (n.key !== "Tab") return;
       const o = Array.from(
-        r.querySelectorAll(qe)
+        r.querySelectorAll(Ze)
       ).filter((u) => !u.hasAttribute("aria-hidden"));
       if (o.length === 0) return;
       const a = o[0], l = o[o.length - 1], c = document.activeElement;
@@ -679,9 +800,9 @@ function Xe(t, e) {
     return r.addEventListener("keydown", s), () => r.removeEventListener("keydown", s);
   }, [t, e]);
 }
-const Je = /\*\*([^*]+)\*\*/g, Ze = /\*([^*]+)\*/g, Qe = /https?:\/\/[^\s)]+/g;
-function et(t) {
-  return t.replace(Je, "$1").replace(Ze, "$1").replace(Qe, (e) => {
+const et = /\*\*([^*]+)\*\*/g, tt = /\*([^*]+)\*/g, rt = /https?:\/\/[^\s)]+/g;
+function nt(t) {
+  return t.replace(et, "$1").replace(tt, "$1").replace(rt, (e) => {
     try {
       return new URL(e).hostname;
     } catch {
@@ -689,29 +810,13 @@ function et(t) {
     }
   });
 }
-function tt({ label: t }) {
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      role: "status",
-      "aria-live": "polite",
-      "aria-label": t,
-      className: "mr-auto flex max-w-[85%]",
-      children: /* @__PURE__ */ d("div", { className: "flex gap-1 rounded-claudius-bubble rounded-bl-claudius-tail bg-claudius-assistant-bubble px-4 py-3", children: [
-        /* @__PURE__ */ i("span", { className: "h-2 w-2 motion-safe:animate-bounce rounded-claudius-full bg-claudius-text-muted [animation-delay:0ms]" }),
-        /* @__PURE__ */ i("span", { className: "h-2 w-2 motion-safe:animate-bounce rounded-claudius-full bg-claudius-text-muted [animation-delay:150ms]" }),
-        /* @__PURE__ */ i("span", { className: "h-2 w-2 motion-safe:animate-bounce rounded-claudius-full bg-claudius-text-muted [animation-delay:300ms]" })
-      ] })
-    }
-  );
-}
-const rt = {
+const st = {
   "bottom-right": "bottom-24 right-3 sm:right-6",
   "bottom-left": "bottom-24 left-3 sm:left-6",
   "top-right": "top-24 right-3 sm:right-6",
   "top-left": "top-24 left-3 sm:left-6"
 };
-function nt({
+function ot({
   messages: t,
   isLoading: e,
   error: r,
@@ -728,8 +833,8 @@ function nt({
   isMobile: x = !1
 }) {
   const f = Re(), w = N(null), v = N(null), [y, T] = C(null);
-  Xe(w, !0);
-  const { offsetY: O } = Ke(
+  Qe(w, !0);
+  const { offsetY: O } = Je(
     v,
     a,
     x
@@ -751,58 +856,21 @@ function nt({
       role: "dialog",
       "aria-modal": x ? "true" : void 0,
       "aria-labelledby": f,
-      className: x ? "claudius-bottom-sheet fixed inset-x-0 bottom-0 z-50 flex h-[90vh] w-full flex-col overflow-hidden rounded-t-claudius-lg bg-claudius-surface shadow-claudius-elevated font-body" : `fixed ${rt[E]} z-50 flex h-[min(500px,calc(100vh-7rem))] w-[calc(100vw-1.5rem)] max-w-[380px] sm:max-w-[400px] md:max-w-[440px] flex-col overflow-hidden rounded-claudius-lg bg-claudius-surface shadow-claudius-elevated font-body`,
+      className: x ? "claudius-bottom-sheet fixed inset-x-0 bottom-0 z-50 flex h-[90vh] w-full flex-col overflow-hidden rounded-t-claudius-lg bg-claudius-surface shadow-claudius-elevated font-body" : `fixed ${st[E]} z-50 flex h-[min(500px,calc(100vh-7rem))] w-[calc(100vw-1.5rem)] max-w-[380px] sm:max-w-[400px] md:max-w-[440px] flex-col overflow-hidden rounded-claudius-lg bg-claudius-surface shadow-claudius-elevated font-body`,
       style: x && !I ? { transform: `translateY(${Math.max(0, O)}px)` } : void 0,
       "data-dragging": A || void 0,
       children: [
         x && /* @__PURE__ */ i("div", { className: "flex justify-center py-2", "aria-hidden": "true", children: /* @__PURE__ */ i("div", { className: "h-1 w-8 rounded-claudius-full bg-claudius-border" }) }),
-        /* @__PURE__ */ d("div", { className: "flex items-center gap-3 bg-claudius-accent px-5 py-4", children: [
-          /* @__PURE__ */ i(
-            "div",
-            {
-              "aria-hidden": "true",
-              className: "flex h-8 w-8 items-center justify-center rounded-claudius-full bg-claudius-accent-soft text-sm font-bold text-claudius-accent-text",
-              children: l.charAt(0).toUpperCase()
-            }
-          ),
-          /* @__PURE__ */ d("div", { className: "flex-1", children: [
-            /* @__PURE__ */ i(
-              "h2",
-              {
-                id: f,
-                className: "text-sm font-heading font-semibold text-claudius-accent-text",
-                children: l
-              }
-            ),
-            /* @__PURE__ */ i("p", { className: "text-xs text-claudius-accent-text", children: c })
-          ] }),
-          /* @__PURE__ */ i(
-            "button",
-            {
-              onClick: a,
-              "aria-label": M,
-              className: "flex h-10 w-10 items-center justify-center rounded-claudius-full text-claudius-accent-text-muted transition-colors hover:bg-claudius-accent-soft hover:text-claudius-accent-text",
-              children: /* @__PURE__ */ d(
-                "svg",
-                {
-                  width: "18",
-                  height: "18",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  "aria-hidden": "true",
-                  children: [
-                    /* @__PURE__ */ i("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                    /* @__PURE__ */ i("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                  ]
-                }
-              )
-            }
-          )
-        ] }),
+        /* @__PURE__ */ i(
+          Ke,
+          {
+            title: l,
+            subtitle: c,
+            titleId: f,
+            closeLabel: M,
+            onClose: a
+          }
+        ),
         /* @__PURE__ */ d("div", { className: "relative flex-1 overflow-hidden", children: [
           y && /* @__PURE__ */ i(
             Ve,
@@ -834,28 +902,17 @@ function nt({
                   b.id
                 )),
                 e && /* @__PURE__ */ i(
-                  tt,
+                  Xe,
                   {
                     label: (g == null ? void 0 : g.typingIndicator) ?? "Assistant is typing"
                   }
                 ),
-                r && /* @__PURE__ */ d(
-                  "div",
+                r && /* @__PURE__ */ i(
+                  qe,
                   {
-                    role: "alert",
-                    className: "mx-auto flex max-w-[90%] flex-col items-center gap-2 rounded-claudius-sm bg-claudius-error-surface px-3 py-2 text-center text-xs text-claudius-error",
-                    children: [
-                      /* @__PURE__ */ i("span", { children: r }),
-                      s && o && !e && /* @__PURE__ */ i(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: o,
-                          className: "rounded-claudius-md bg-claudius-error px-3 py-1 text-xs font-semibold text-claudius-error-text transition-opacity hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-claudius-error focus-visible:ring-offset-1",
-                          children: (g == null ? void 0 : g.errorRetry) ?? "Retry"
-                        }
-                      )
-                    ]
+                    message: r,
+                    retryLabel: (g == null ? void 0 : g.errorRetry) ?? "Retry",
+                    onRetry: s && o && !e ? o : void 0
                   }
                 )
               ]
@@ -869,7 +926,7 @@ function nt({
             "aria-live": "polite",
             "aria-atomic": "true",
             className: "sr-only",
-            children: _ ? et(_.content) : ""
+            children: _ ? nt(_.content) : ""
           }
         ),
         /* @__PURE__ */ i(
@@ -885,7 +942,7 @@ function nt({
     }
   );
 }
-function st({
+function it({
   message: t,
   position: e,
   onOpen: r,
@@ -945,11 +1002,11 @@ const ie = {
   errorRateLimitMinute: "Too many requests. Please wait a minute.",
   errorRateLimitHour: "Hourly limit reached. Please try again later.",
   errorRetry: "Retry"
-}, ot = ie;
-function Nt(t) {
-  return { ...ot, ...t };
+}, at = ie;
+function St(t) {
+  return { ...at, ...t };
 }
-const it = {
+const ct = {
   // ChatWindow
   title: "Chat",
   subtitle: "Pregúntame lo que quieras",
@@ -972,7 +1029,7 @@ const it = {
   errorRateLimitMinute: "Demasiadas solicitudes. Espera un minuto.",
   errorRateLimitHour: "Has alcanzado el límite por hora. Inténtalo más tarde.",
   errorRetry: "Reintentar"
-}, at = {
+}, ut = {
   // ChatWindow
   title: "Chat",
   subtitle: "Posez-moi vos questions",
@@ -995,7 +1052,7 @@ const it = {
   errorRateLimitMinute: "Trop de requêtes. Veuillez patienter une minute.",
   errorRateLimitHour: "Limite horaire atteinte. Veuillez réessayer plus tard.",
   errorRetry: "Réessayer"
-}, ct = {
+}, lt = {
   // ChatWindow
   title: "Chat",
   subtitle: "Fragen Sie mich alles",
@@ -1020,23 +1077,23 @@ const it = {
   errorRetry: "Erneut versuchen"
 }, ae = {
   en: ie,
-  es: it,
-  fr: at,
-  de: ct
+  es: ct,
+  fr: ut,
+  de: lt
 };
 function re(t) {
   if (!t) return;
   const e = t.toLowerCase().split("-")[0];
   return Object.prototype.hasOwnProperty.call(ae, e) ? e : void 0;
 }
-function ut() {
+function dt() {
   const t = typeof document < "u" ? re(document.documentElement.lang) : void 0;
   if (t) return t;
   const e = typeof navigator < "u" ? re(navigator.language) : void 0;
   return e || "en";
 }
-function lt(t = {}) {
-  const { locale: e, translations: r } = t, s = ae[e ?? ut()];
+function ht(t = {}) {
+  const { locale: e, translations: r } = t, s = ae[e ?? dt()];
   return r ? { ...s, ...r } : { ...s };
 }
 const ne = [
@@ -1059,11 +1116,11 @@ const ne = [
   "errorText",
   "link",
   "scrim"
-], dt = ["sm", "md", "lg", "full", "tail"], ht = [
+], ft = ["sm", "md", "lg", "full", "tail"], mt = [
   "elevated",
   "floating",
   "floatingHover"
-], ft = ["heading", "body"], ce = {
+], gt = ["heading", "body"], ce = {
   default: {
     name: "default"
   },
@@ -1148,17 +1205,17 @@ const ne = [
     }
   }
 };
-function mt(t) {
+function bt(t) {
   return Object.prototype.hasOwnProperty.call(ce, t);
 }
-const gt = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
-function bt(t) {
+const pt = /* @__PURE__ */ new Set(["light", "dark", "auto"]);
+function xt(t) {
   if (t === void 0)
     return { mode: "light" };
   if (typeof t == "string") {
-    if (gt.has(t))
+    if (pt.has(t))
       return { mode: t };
-    if (mt(t)) {
+    if (bt(t)) {
       const e = ce[t];
       return { mode: e.colorScheme ?? "light", theme: e };
     }
@@ -1166,10 +1223,10 @@ function bt(t) {
   }
   return { mode: t.colorScheme ?? "light", theme: t };
 }
-function pt(t) {
+function yt(t) {
   return t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
 }
-function xt(t, e) {
+function wt(t, e) {
   console.warn(
     `[Claudius] Ignoring unknown theme token "${e}" in "${t}"`
   );
@@ -1178,13 +1235,13 @@ function B(t, e, r, s, n, o = "") {
   if (n)
     for (const [a, l] of Object.entries(n)) {
       if (!s.includes(a)) {
-        xt(e, a);
+        wt(e, a);
         continue;
       }
-      typeof l == "string" && (t[`${r}${pt(a)}${o}`] = l);
+      typeof l == "string" && (t[`${r}${yt(a)}${o}`] = l);
     }
 }
-function yt(t) {
+function vt(t) {
   const e = {};
   B(e, "colors", "--cl-color-", ne, t.colors);
   for (const [r, s] of Object.entries({ ...e }))
@@ -1196,13 +1253,13 @@ function yt(t) {
     ne,
     t.colorsDark,
     "-dark"
-  ), B(e, "radii", "--cl-radius-", dt, t.radii), B(e, "shadows", "--cl-shadow-", ht, t.shadows), B(e, "fonts", "--cl-font-", ft, t.fonts), e;
+  ), B(e, "radii", "--cl-radius-", ft, t.radii), B(e, "shadows", "--cl-shadow-", mt, t.shadows), B(e, "fonts", "--cl-font-", gt, t.fonts), e;
 }
-function wt(t) {
+function Et(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function vt(t) {
-  const e = F(() => bt(t), [t]), [r, s] = C(null), n = e.url;
+function Rt(t) {
+  const e = F(() => xt(t), [t]), [r, s] = C(null), n = e.url;
   k(() => {
     if (s(null), !n) return;
     const c = new AbortController();
@@ -1211,7 +1268,7 @@ function vt(t) {
         throw new Error(`HTTP ${u.status}`);
       return u.json();
     }).then((u) => {
-      if (!wt(u))
+      if (!Et(u))
         throw new Error("theme JSON must be an object");
       s(u);
     }).catch((u) => {
@@ -1219,13 +1276,13 @@ function vt(t) {
     }), () => c.abort();
   }, [n]);
   const o = e.theme ?? r ?? null, a = (r == null ? void 0 : r.colorScheme) ?? e.mode, l = F(
-    () => o ? yt(o) : {},
+    () => o ? vt(o) : {},
     [o]
   );
   return { mode: a, cssVars: l };
 }
 const ue = "claudius:triggers:dismissed";
-function Et() {
+function Tt() {
   if (typeof window > "u") return !1;
   try {
     return window.sessionStorage.getItem(ue) === "1";
@@ -1233,14 +1290,14 @@ function Et() {
     return !1;
   }
 }
-function Rt() {
+function Mt() {
   if (!(typeof window > "u"))
     try {
       window.sessionStorage.setItem(ue, "1");
     } catch {
     }
 }
-function St({
+function kt({
   apiUrl: t,
   title: e,
   subtitle: r,
@@ -1256,8 +1313,8 @@ function St({
   translations: g,
   triggers: x
 }) {
-  const [f, w] = C(!1), [v, y] = C(null), [T, O] = C(Et), A = N(!1), I = Oe("(max-width: 639px)"), M = F(
-    () => lt({ locale: E, translations: g }),
+  const [f, w] = C(!1), [v, y] = C(null), [T, O] = C(Tt), A = N(!1), I = Oe("(max-width: 639px)"), M = F(
+    () => ht({ locale: E, translations: g }),
     [E, g]
   ), { messages: D, isLoading: _, error: b, canRetry: j, sendMessage: m, retry: p } = ke({
     apiUrl: t,
@@ -1265,27 +1322,27 @@ function St({
     storageKeyPrefix: a,
     timeoutMs: l,
     translations: M
-  }), H = N(null), S = N(f), { mode: G, cssVars: le } = vt(c), [de, q] = C(!1);
+  }), H = N(null), L = N(f), { mode: G, cssVars: le } = Rt(c), [de, q] = C(!1);
   k(() => {
     if (G !== "auto") return;
-    const L = window.matchMedia("(prefers-color-scheme: dark)");
-    q(L.matches);
+    const S = window.matchMedia("(prefers-color-scheme: dark)");
+    q(S.matches);
     const Z = (xe) => q(xe.matches);
-    return L.addEventListener("change", Z), () => L.removeEventListener("change", Z);
+    return S.addEventListener("change", Z), () => S.removeEventListener("change", Z);
   }, [G]), k(() => {
-    var L;
-    S.current && !f && ((L = H.current) == null || L.focus()), S.current = f;
+    var S;
+    L.current && !f && ((S = H.current) == null || S.focus()), L.current = f;
   }, [f]);
   const P = R(() => {
-    O(!0), Rt();
+    O(!0), Mt();
   }, []), X = R(() => {
     w(!1), A.current && (A.current = !1, P());
   }, [P]), he = R(() => {
-    w((L) => !L);
+    w((S) => !S);
   }, []), Y = R(() => {
     A.current = !0, y(null), w(!0);
-  }, []), fe = R((L) => {
-    y(L);
+  }, []), fe = R((S) => {
+    y(S);
   }, []), me = R(() => {
     y(null), Y();
   }, [Y]), ge = R(() => {
@@ -1318,7 +1375,7 @@ function St({
         }
       ),
       f && /* @__PURE__ */ i(
-        nt,
+        ot,
         {
           messages: D,
           isLoading: _,
@@ -1347,7 +1404,7 @@ function St({
         }
       ),
       !f && v && /* @__PURE__ */ i(
-        st,
+        it,
         {
           message: v,
           position: h,
@@ -1362,12 +1419,12 @@ function St({
 export {
   Me as ChatApiClient,
   U as ChatApiError,
-  St as ChatWidget,
+  kt as ChatWidget,
   se as DebounceError,
   ce as builtinThemes,
-  Nt as createTranslations,
-  ot as defaultTranslations,
-  ut as detectLocale,
+  St as createTranslations,
+  at as defaultTranslations,
+  dt as detectLocale,
   ae as locales,
-  lt as resolveTranslations
+  ht as resolveTranslations
 };