@cuekit-ai/react 1.2.2 → 1.2.3

package/dist/index.mjs

@@ -793,8 +793,7 @@ var CuekitProvider = ({
 };
 
 // src/components/mic-button.tsx
-import React5, { useState as useState10, useEffect as useEffect10, useCallback as useCallback5, useRef as useRef7 } from "react";
-import { Mic, Loader2 } from "lucide-react";
+import React11, { useState as useState10, useEffect as useEffect10, useCallback as useCallback5, useRef as useRef7 } from "react";
 
 // src/hooks/use-cuekit.ts
 import { useState as useState3, useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2 } from "react";
@@ -1535,8 +1534,7 @@ var useCuekit = (options) => {
 };
 
 // src/components/chat-popup.tsx
-import React2, { useState as useState5, useEffect as useEffect5, useRef as useRef3 } from "react";
-import { X, Sun, Moon, PhoneOff } from "lucide-react";
+import React6, { useState as useState5, useEffect as useEffect5, useRef as useRef3 } from "react";
 
 // node_modules/devlop/lib/default.js
 function ok() {
@@ -14177,6 +14175,109 @@ function remarkGfm(options) {
   toMarkdownExtensions.push(gfmToMarkdown(settings));
 }
 
+// src/components/svgs/sun.tsx
+import React2 from "react";
+var SunIcon = ({ width = 24, height = 24, className, ...props }) => {
+  return /* @__PURE__ */ React2.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "4" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "M12 2v2" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "M12 20v2" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "m4.93 4.93 1.41 1.41" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "m17.66 17.66 1.41 1.41" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "M2 12h2" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "M20 12h2" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "m6.34 17.66-1.41 1.41" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "m19.07 4.93-1.41 1.41" })
+  );
+};
+var sun_default = SunIcon;
+
+// src/components/svgs/moon.tsx
+import React3 from "react";
+var MoonIcon = ({ width = 24, height = 24, className, ...props }) => {
+  return /* @__PURE__ */ React3.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ React3.createElement("path", { d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401" })
+  );
+};
+var moon_default = MoonIcon;
+
+// src/components/svgs/close.tsx
+import React4 from "react";
+var CloseIcon = ({ width = 24, height = 24, className, ...props }) => {
+  return /* @__PURE__ */ React4.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ React4.createElement("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ React4.createElement("path", { d: "m6 6 12 12" })
+  );
+};
+var close_default = CloseIcon;
+
+// src/components/svgs/phone-off.tsx
+import React5 from "react";
+var PhoneOffIcon = ({ width = 24, height = 24, className, ...props }) => {
+  return /* @__PURE__ */ React5.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ React5.createElement("path", { d: "M10.1 13.9a14 14 0 0 0 3.732 2.668 1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2 18 18 0 0 1-12.728-5.272" }),
+    /* @__PURE__ */ React5.createElement("path", { d: "M22 2 2 22" }),
+    /* @__PURE__ */ React5.createElement("path", { d: "M4.76 13.582A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 .244.473" })
+  );
+};
+var phone_off_default = PhoneOffIcon;
+
 // src/components/chat-popup.tsx
 var ChatPopup = ({
   isOpen,
@@ -14263,7 +14364,7 @@ var ChatPopup = ({
     }
   };
   const positionStyle = getPositionStyle();
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React6.createElement(
     "div",
     {
       "data-cuekit-ignore": true,
@@ -14286,7 +14387,7 @@ var ChatPopup = ({
         ...positionStyle
       }
     },
-    /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React6.createElement(
       "div",
       {
         style: {
@@ -14297,14 +14398,14 @@ var ChatPopup = ({
           justifyContent: "space-between"
         }
       },
-      /* @__PURE__ */ React2.createElement("div", { style: { display: "flex", alignItems: "center", gap: 0 } }, /* @__PURE__ */ React2.createElement(
+      /* @__PURE__ */ React6.createElement("div", { style: { display: "flex", alignItems: "center", gap: 0 } }, /* @__PURE__ */ React6.createElement(
         "img",
         {
           src: "https://dashboard.cuekit.ai/_next/image?url=%2Fimages%2Fcuekit-logo-2.png&w=256&q=100",
           alt: "Cuekit AI",
           style: { width: 58, objectFit: "cover" }
         }
-      ), /* @__PURE__ */ React2.createElement(
+      ), /* @__PURE__ */ React6.createElement(
         "div",
         {
           style: {
@@ -14315,7 +14416,7 @@ var ChatPopup = ({
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ React2.createElement(
+        /* @__PURE__ */ React6.createElement(
           "span",
           {
             style: {
@@ -14332,7 +14433,7 @@ var ChatPopup = ({
           },
           "Cuekit.ai"
         ),
-        /* @__PURE__ */ React2.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 4 } }, /* @__PURE__ */ React2.createElement(
+        /* @__PURE__ */ React6.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 4 } }, /* @__PURE__ */ React6.createElement(
           "div",
           {
             style: {
@@ -14348,7 +14449,7 @@ var ChatPopup = ({
               fontWeight: "500"
             }
           },
-          /* @__PURE__ */ React2.createElement(
+          /* @__PURE__ */ React6.createElement(
             "span",
             {
               style: {
@@ -14359,8 +14460,8 @@ var ChatPopup = ({
           )
         ))
       )),
-      /* @__PURE__ */ React2.createElement("div", { style: { minWidth: 100, textAlign: "center" } }),
-      /* @__PURE__ */ React2.createElement(
+      /* @__PURE__ */ React6.createElement("div", { style: { minWidth: 100, textAlign: "center" } }),
+      /* @__PURE__ */ React6.createElement(
         "div",
         {
           style: {
@@ -14372,7 +14473,7 @@ var ChatPopup = ({
             top: 16
           }
         },
-        onThemeToggle && /* @__PURE__ */ React2.createElement(
+        onThemeToggle && /* @__PURE__ */ React6.createElement(
           "button",
           {
             onClick: () => {
@@ -14402,8 +14503,8 @@ var ChatPopup = ({
             "aria-label": "Toggle theme",
             title: `Switch to ${currentTheme === "dark" ? "light" : "dark"} mode`
           },
-          currentTheme === "dark" ? /* @__PURE__ */ React2.createElement(
-            Sun,
+          currentTheme === "dark" ? /* @__PURE__ */ React6.createElement(
+            sun_default,
             {
               style: {
                 width: 16,
@@ -14412,8 +14513,8 @@ var ChatPopup = ({
                 animation: "themeToggleEnter 0.3s ease-in-out"
               }
             }
-          ) : /* @__PURE__ */ React2.createElement(
-            Moon,
+          ) : /* @__PURE__ */ React6.createElement(
+            moon_default,
             {
               style: {
                 width: 16,
@@ -14424,7 +14525,7 @@ var ChatPopup = ({
             }
           )
         ),
-        /* @__PURE__ */ React2.createElement(
+        /* @__PURE__ */ React6.createElement(
           "button",
           {
             onClick: onMinimize,
@@ -14451,11 +14552,11 @@ var ChatPopup = ({
             "aria-label": "Minimize",
             title: "Minimize chat"
           },
-          /* @__PURE__ */ React2.createElement(X, { style: { width: 16, height: 16, color: "hsl(var(--voice-text-muted))" } })
+          /* @__PURE__ */ React6.createElement(close_default, { style: { width: 16, height: 16, color: "hsl(var(--voice-text-muted))" } })
         )
       )
     ),
-    /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React6.createElement(
       "div",
       {
         style: {
@@ -14468,7 +14569,7 @@ var ChatPopup = ({
           color: "hsl(var(--voice-text))"
         }
       },
-      messages.length === 0 ? /* @__PURE__ */ React2.createElement(
+      messages.length === 0 ? /* @__PURE__ */ React6.createElement(
         "div",
         {
           style: {
@@ -14478,7 +14579,7 @@ var ChatPopup = ({
           }
         },
         "Start a conversation with CueKit AI"
-      ) : messages.map((message, index2) => /* @__PURE__ */ React2.createElement(
+      ) : messages.map((message, index2) => /* @__PURE__ */ React6.createElement(
         "div",
         {
           key: index2,
@@ -14492,7 +14593,7 @@ var ChatPopup = ({
             justifyContent: message.sender === "user" ? "flex-end" : "flex-start"
           }
         },
-        message.sender === "assistant" && /* @__PURE__ */ React2.createElement(
+        message.sender === "assistant" && /* @__PURE__ */ React6.createElement(
           "div",
           {
             style: {
@@ -14507,7 +14608,7 @@ var ChatPopup = ({
               overflow: "hidden"
             }
           },
-          /* @__PURE__ */ React2.createElement(
+          /* @__PURE__ */ React6.createElement(
             "img",
             {
               src: "https://dashboard.cuekit.ai/_next/image?url=%2Fimages%2Fcuekit-logo-2.png&w=256&q=100",
@@ -14521,7 +14622,7 @@ var ChatPopup = ({
             }
           )
         ),
-        /* @__PURE__ */ React2.createElement(
+        /* @__PURE__ */ React6.createElement(
           "div",
           {
             style: {
@@ -14532,7 +14633,7 @@ var ChatPopup = ({
               flex: 1
             }
           },
-          /* @__PURE__ */ React2.createElement(
+          /* @__PURE__ */ React6.createElement(
             "div",
             {
               style: {
@@ -14550,12 +14651,12 @@ var ChatPopup = ({
                 marginLeft: message.sender === "user" ? "auto" : 0
               }
             },
-            /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
+            /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement(
               Markdown,
               {
                 remarkPlugins: [remarkGfm],
                 components: {
-                  p: ({ children }) => /* @__PURE__ */ React2.createElement(
+                  p: ({ children }) => /* @__PURE__ */ React6.createElement(
                     "p",
                     {
                       style: {
@@ -14566,7 +14667,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  h1: ({ children }) => /* @__PURE__ */ React2.createElement(
+                  h1: ({ children }) => /* @__PURE__ */ React6.createElement(
                     "h1",
                     {
                       style: {
@@ -14578,7 +14679,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  h2: ({ children }) => /* @__PURE__ */ React2.createElement(
+                  h2: ({ children }) => /* @__PURE__ */ React6.createElement(
                     "h2",
                     {
                       style: {
@@ -14590,7 +14691,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  h3: ({ children }) => /* @__PURE__ */ React2.createElement(
+                  h3: ({ children }) => /* @__PURE__ */ React6.createElement(
                     "h3",
                     {
                       style: {
@@ -14602,7 +14703,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  ul: ({ children }) => /* @__PURE__ */ React2.createElement(
+                  ul: ({ children }) => /* @__PURE__ */ React6.createElement(
                     "ul",
                     {
                       style: {
@@ -14614,7 +14715,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  ol: ({ children }) => /* @__PURE__ */ React2.createElement(
+                  ol: ({ children }) => /* @__PURE__ */ React6.createElement(
                     "ol",
                     {
                       style: {
@@ -14626,7 +14727,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  li: ({ children }) => /* @__PURE__ */ React2.createElement(
+                  li: ({ children }) => /* @__PURE__ */ React6.createElement(
                     "li",
                     {
                       style: {
@@ -14637,7 +14738,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  strong: ({ children }) => /* @__PURE__ */ React2.createElement(
+                  strong: ({ children }) => /* @__PURE__ */ React6.createElement(
                     "strong",
                     {
                       style: {
@@ -14648,7 +14749,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  em: ({ children }) => /* @__PURE__ */ React2.createElement(
+                  em: ({ children }) => /* @__PURE__ */ React6.createElement(
                     "em",
                     {
                       style: {
@@ -14659,7 +14760,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  code: ({ children }) => /* @__PURE__ */ React2.createElement(
+                  code: ({ children }) => /* @__PURE__ */ React6.createElement(
                     "code",
                     {
                       style: {
@@ -14672,7 +14773,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  pre: ({ children }) => /* @__PURE__ */ React2.createElement(
+                  pre: ({ children }) => /* @__PURE__ */ React6.createElement(
                     "pre",
                     {
                       style: {
@@ -14687,7 +14788,7 @@ var ChatPopup = ({
                     },
                     children
                   ),
-                  blockquote: ({ children }) => /* @__PURE__ */ React2.createElement(
+                  blockquote: ({ children }) => /* @__PURE__ */ React6.createElement(
                     "blockquote",
                     {
                       style: {
@@ -14706,7 +14807,7 @@ var ChatPopup = ({
               message.text
             ))
           ),
-          message.sender === "user" && /* @__PURE__ */ React2.createElement(
+          message.sender === "user" && /* @__PURE__ */ React6.createElement(
             "div",
             {
               style: {
@@ -14727,9 +14828,9 @@ var ChatPopup = ({
           )
         )
       )),
-      /* @__PURE__ */ React2.createElement("div", { ref: messagesEndRef })
+      /* @__PURE__ */ React6.createElement("div", { ref: messagesEndRef })
     ),
-    /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React6.createElement(
       "div",
       {
         style: {
@@ -14738,7 +14839,7 @@ var ChatPopup = ({
           background: "hsl(var(--voice-bg))"
         }
       },
-      /* @__PURE__ */ React2.createElement(
+      /* @__PURE__ */ React6.createElement(
         "form",
         {
           onSubmit: (e2) => {
@@ -14747,7 +14848,7 @@ var ChatPopup = ({
           },
           style: { display: "flex", alignItems: "center", gap: 8, margin: 0 }
         },
-        /* @__PURE__ */ React2.createElement(
+        /* @__PURE__ */ React6.createElement(
           "input",
           {
             type: "text",
@@ -14774,7 +14875,7 @@ var ChatPopup = ({
             }
           }
         ),
-        isConnected3 && onEndCall && /* @__PURE__ */ React2.createElement(
+        isConnected3 && onEndCall && /* @__PURE__ */ React6.createElement(
           "button",
           {
             type: "submit",
@@ -14793,7 +14894,7 @@ var ChatPopup = ({
               cursor: "pointer"
             }
           },
-          /* @__PURE__ */ React2.createElement(PhoneOff, { size: 16 })
+          /* @__PURE__ */ React6.createElement(phone_off_default, { style: { width: 16, height: 16 } })
         )
       )
     )
@@ -14801,7 +14902,7 @@ var ChatPopup = ({
 };
 
 // src/components/border-glow.tsx
-import React3 from "react";
+import React7 from "react";
 var BorderGlow = ({ isActive }) => {
   if (!isActive) return null;
   const styles = {
@@ -14928,7 +15029,7 @@ var BorderGlow = ({ isActive }) => {
       opacity: 0.6
     }
   };
-  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("style", null, `
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("style", null, `
           @keyframes borderPulse {
             0%, 100% {
               opacity: 1;
@@ -14937,12 +15038,12 @@ var BorderGlow = ({ isActive }) => {
               opacity: 0.5;
             }
           }
-        `), /* @__PURE__ */ React3.createElement("div", { style: styles.container }, /* @__PURE__ */ React3.createElement("div", { style: styles.rightBorder1 }), /* @__PURE__ */ React3.createElement("div", { style: styles.rightBorder2 }), /* @__PURE__ */ React3.createElement("div", { style: styles.rightBorder3 }), /* @__PURE__ */ React3.createElement("div", { style: styles.leftBorder1 }), /* @__PURE__ */ React3.createElement("div", { style: styles.leftBorder2 }), /* @__PURE__ */ React3.createElement("div", { style: styles.leftBorder3 }), /* @__PURE__ */ React3.createElement("div", { style: styles.cornerTopLeft }), /* @__PURE__ */ React3.createElement("div", { style: styles.cornerTopRight }), /* @__PURE__ */ React3.createElement("div", { style: styles.cornerBottomRight }), /* @__PURE__ */ React3.createElement("div", { style: styles.cornerBottomLeft })));
+        `), /* @__PURE__ */ React7.createElement("div", { style: styles.container }, /* @__PURE__ */ React7.createElement("div", { style: styles.rightBorder1 }), /* @__PURE__ */ React7.createElement("div", { style: styles.rightBorder2 }), /* @__PURE__ */ React7.createElement("div", { style: styles.rightBorder3 }), /* @__PURE__ */ React7.createElement("div", { style: styles.leftBorder1 }), /* @__PURE__ */ React7.createElement("div", { style: styles.leftBorder2 }), /* @__PURE__ */ React7.createElement("div", { style: styles.leftBorder3 }), /* @__PURE__ */ React7.createElement("div", { style: styles.cornerTopLeft }), /* @__PURE__ */ React7.createElement("div", { style: styles.cornerTopRight }), /* @__PURE__ */ React7.createElement("div", { style: styles.cornerBottomRight }), /* @__PURE__ */ React7.createElement("div", { style: styles.cornerBottomLeft })));
 };
 var border_glow_default = BorderGlow;
 
 // src/components/voice-intensity-visualizer.tsx
-import React4, { useEffect as useEffect9, useState as useState9 } from "react";
+import React8, { useEffect as useEffect9, useState as useState9 } from "react";
 
 // node_modules/@livekit/components-react/dist/hooks-C2Bp5v2q.mjs
 import * as r from "react";
@@ -16772,7 +16873,7 @@ var VoiceIntensityWithRoom = (props) => {
   if (!room) {
     return null;
   }
-  return /* @__PURE__ */ React4.createElement(Wn.Provider, { value: room }, /* @__PURE__ */ React4.createElement(VoiceIntensityBars, { ...props }));
+  return /* @__PURE__ */ React8.createElement(Wn.Provider, { value: room }, /* @__PURE__ */ React8.createElement(VoiceIntensityBars, { ...props }));
 };
 var VoiceIntensityBars = ({
   isActive,
@@ -16835,7 +16936,7 @@ var VoiceIntensityBars = ({
   if (!trackRef) {
     return null;
   }
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React8.createElement(
     "div",
     {
       className: `voice-intensity-visualizer ${className}`,
@@ -16852,28 +16953,81 @@ var VoiceIntensityBars = ({
         pointerEvents: "none"
       }
     },
-    /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React8.createElement(
       Xt,
       {
         barCount,
         state: "speaking",
         options: { minHeight },
         trackRef,
-        className: "flex items-center justify-center gap-1"
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: "0.25rem"
+        }
       },
-      /* @__PURE__ */ React4.createElement("span", { className: "bg-muted min-h-4 w-4 rounded-full origin-center transition-colors duration-250 ease-linear data-[lk-highlighted=true]:bg-foreground data-[lk-muted=true]:bg-muted" })
+      /* @__PURE__ */ React8.createElement("span", { className: "cuekit-voice-intensity-bar" })
     )
   );
 };
 var VoiceIntensityVisualizer = VoiceIntensityWithRoom;
 
+// src/components/svgs/mic.tsx
+import React9 from "react";
+var MicIcon = ({ width = 24, height = 24, className, ...props }) => {
+  return /* @__PURE__ */ React9.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width,
+      height,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ React9.createElement("path", { d: "M12 19v3" }),
+    /* @__PURE__ */ React9.createElement("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+    /* @__PURE__ */ React9.createElement("rect", { x: "9", y: "2", width: "6", height: "13", rx: "3" })
+  );
+};
+var mic_default = MicIcon;
+
+// src/components/svgs/loader.tsx
+import React10 from "react";
+var LoaderIcon = ({ width = 24, height = 24, className, ...props }) => {
+  return /* @__PURE__ */ React10.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      className,
+      ...props
+    },
+    /* @__PURE__ */ React10.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+  );
+};
+var loader_default = LoaderIcon;
+
 // src/components/mic-button.tsx
 var chatState = {
   isOpen: false,
   isMinimized: false
 };
 var VoiceIntensityWrapper = ({ active, buttonSize }) => {
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React11.createElement(
     VoiceIntensityVisualizer,
     {
       isActive: active,
@@ -17204,7 +17358,7 @@ var MicButton = ({
         ...imageStyle
       };
       const animatedImageStyle = micState === "thinking" ? { ...baseImageStyle, animation: "spin 1s linear infinite" } : micState === "replying" ? { ...baseImageStyle, animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite" } : baseImageStyle;
-      return /* @__PURE__ */ React5.createElement("img", { src: imageSource, alt: "Voice Assistant", style: animatedImageStyle });
+      return /* @__PURE__ */ React11.createElement("img", { src: imageSource, alt: "Voice Assistant", style: animatedImageStyle });
     }
     const iconStyle = {
       width: `100%`,
@@ -17214,13 +17368,13 @@ var MicButton = ({
     };
     switch (micState) {
       case "thinking":
-        return /* @__PURE__ */ React5.createElement(Loader2, { style: { ...iconStyle, animation: "spin 1s linear infinite" } });
+        return /* @__PURE__ */ React11.createElement(loader_default, { style: { ...iconStyle, animation: "spin 1s linear infinite" } });
       case "replying":
-        return /* @__PURE__ */ React5.createElement(VoiceIntensityWrapper, { active: true, buttonSize });
+        return /* @__PURE__ */ React11.createElement(VoiceIntensityWrapper, { active: true, buttonSize });
       case "listening":
-        return /* @__PURE__ */ React5.createElement(VoiceIntensityWrapper, { active: true, buttonSize });
+        return /* @__PURE__ */ React11.createElement(VoiceIntensityWrapper, { active: true, buttonSize });
       default:
-        return /* @__PURE__ */ React5.createElement(Mic, { style: iconStyle });
+        return /* @__PURE__ */ React11.createElement(mic_default, { style: iconStyle });
     }
   };
   const getPositionStyle = () => {
@@ -17300,7 +17454,7 @@ var MicButton = ({
     }
     return baseStyle;
   };
-  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("div", { "data-cuekit-ignore": true, style: { ...buttonStyles.container, ...getPositionStyle() } }, /* @__PURE__ */ React5.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("div", { "data-cuekit-ignore": true, style: { ...buttonStyles.container, ...getPositionStyle() } }, /* @__PURE__ */ React11.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ React11.createElement(
     "button",
     {
       "data-testid": "ignore",
@@ -17321,8 +17475,8 @@ var MicButton = ({
       },
       "aria-label": micState === "thinking" ? "Processing..." : micState === "replying" ? "AI is responding..." : isListening ? "Stop listening" : "Start listening"
     },
-    /* @__PURE__ */ React5.createElement("div", { style: buttonStyles.iconContainer }, getIcon())
-  ), hasText && text7 && /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React11.createElement("div", { style: buttonStyles.iconContainer }, getIcon())
+  ), hasText && text7 && /* @__PURE__ */ React11.createElement(
     "div",
     {
       style: {
@@ -17343,8 +17497,8 @@ var MicButton = ({
         ...textStyle
       }
     },
-    /* @__PURE__ */ React5.createElement("span", null, text7)
-  ))), /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React11.createElement("span", null, text7)
+  ))), /* @__PURE__ */ React11.createElement(
     ChatPopup,
     {
       isOpen: isChatOpen,
@@ -17367,7 +17521,7 @@ var MicButton = ({
       status: getUserFriendlyStatus(micState, isConnected3 ?? false),
       anchor: { position: screenPosition, bottom: bottomSpace, size: buttonSize }
     }
-  ), isChatOpen && isChatMinimized && /* @__PURE__ */ React5.createElement(
+  ), isChatOpen && isChatMinimized && /* @__PURE__ */ React11.createElement(
     "button",
     {
       onClick: restoreChat,
@@ -17388,8 +17542,8 @@ var MicButton = ({
       className: `cuekit-voice-popup ${currentTheme === "dark" ? "cuekit-dark" : ""}`,
       "aria-label": "Open chat"
     },
-    /* @__PURE__ */ React5.createElement("span", { style: { fontSize: 12, fontWeight: 600, color: "hsl(var(--voice-text))" } }, "Open chat")
-  ), /* @__PURE__ */ React5.createElement("div", { ref: audioContainerRef, style: { display: "none" } }), showBorderGlow && showBodyGlow && /* @__PURE__ */ React5.createElement(border_glow_default, { isActive: true }));
+    /* @__PURE__ */ React11.createElement("span", { style: { fontSize: 12, fontWeight: 600, color: "hsl(var(--voice-text))" } }, "Open chat")
+  ), /* @__PURE__ */ React11.createElement("div", { ref: audioContainerRef, style: { display: "none" } }), showBorderGlow && showBodyGlow && /* @__PURE__ */ React11.createElement(border_glow_default, { isActive: true }));
 };
 export {
   border_glow_default as BorderGlow,