@elevenlabs/convai-widget-core 0.5.0 → 0.5.1

package/dist/index.js

@@ -1,14 +1,14 @@
 var ra = Object.defineProperty;
 var oa = (e, t, n) => t in e ? ra(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var oe = (e, t, n) => oa(e, typeof t != "symbol" ? t + "" : t, n);
+var ae = (e, t, n) => oa(e, typeof t != "symbol" ? t + "" : t, n);
 import aa from "preact-custom-element";
-import { jsx as u, jsxs as _, Fragment as rt } from "preact/jsx-runtime";
+import { jsx as u, jsxs as A, Fragment as rt } from "preact/jsx-runtime";
 import * as h from "preact/compat";
-import De, { useContext as ia, createContext as de, useMemo as Ae, useRef as J, useEffect as Ue, memo as vr, useState as Ie, useCallback as ee, forwardRef as sa, useLayoutEffect as la } from "preact/compat";
-import { signal as he, computed as Ce, useSignal as Q, useComputed as Y, useSignalEffect as Ee } from "@preact/signals";
+import De, { useContext as ia, createContext as de, useMemo as Ae, useRef as ee, useEffect as Ue, memo as vr, useState as Ie, useCallback as te, forwardRef as sa, useLayoutEffect as la } from "preact/compat";
+import { signal as he, computed as Ce, useSignal as J, useComputed as Y, useSignalEffect as Ee } from "@preact/signals";
 import { Conversation as ca, postOverallFeedback as Vn } from "@elevenlabs/client";
 import { clsx as V } from "clsx";
-import { jsx as E, jsxs as Nt, Fragment as gn } from "preact/compat/jsx-runtime";
+import { jsx as T, jsxs as Nt, Fragment as gn } from "preact/compat/jsx-runtime";
 import { useMemo as ua, useCallback as Be } from "preact/hooks";
 function Re(e) {
   return e ? e === "true" ? !0 : e === "false" ? !1 : null : null;
@@ -155,14 +155,14 @@ function wa({
 function ba() {
   return fe(wr);
 }
-function F(e) {
+function B(e) {
   return ba()[e];
 }
 const br = de(null);
 function xa({
   children: e
 }) {
-  const t = F("server-location"), n = Ae(() => {
+  const t = B("server-location"), n = Ae(() => {
     const r = Ce(() => ga(t.value)), o = {
       us: "https://api.us.elevenlabs.io",
       "eu-residency": "https://api.eu.residency.elevenlabs.io",
@@ -231,7 +231,7 @@ const xr = de(null);
 function ya({
   children: e
 }) {
-  const t = q(), n = F("language"), r = F("override-language"), o = Q(
+  const t = q(), n = B("language"), r = B("override-language"), o = J(
     n.peek() ?? t.peek().language
   ), a = Y(
     () => (t.value.supported_language_overrides ?? []).filter(
@@ -257,11 +257,11 @@ function ya({
 function at() {
   return fe(xr);
 }
-const Ca = "0.5.0", yr = de(null);
+const Ca = "0.5.1", yr = de(null);
 function Sa({ children: e }) {
   const t = q(), n = Y(
     () => t.value.mic_muting_enabled ?? !1
-  ), r = Q(!1), o = Ae(
+  ), r = J(!1), o = Ae(
     () => ({
       isMuted: Ce(
         () => n.value ? r.value : (
@@ -286,7 +286,7 @@ const Sr = de(null);
 function ka({
   children: e
 }) {
-  const { language: t } = at(), n = F("override-prompt"), r = F("override-first-message"), o = F("override-voice-id"), a = F("override-text-only"), i = F("user-id"), s = Y(() => ({
+  const { language: t } = at(), n = B("override-prompt"), r = B("override-first-message"), o = B("override-voice-id"), a = B("override-text-only"), i = B("user-id"), s = Y(() => ({
     agent: {
       prompt: {
         prompt: n.value
@@ -300,7 +300,7 @@ function ka({
     conversation: {
       textOnly: Re(a.value) ?? void 0
     }
-  })), l = F("dynamic-variables"), c = Y(() => {
+  })), l = B("dynamic-variables"), c = Y(() => {
     if (l.value)
       try {
         return JSON.parse(l.value);
@@ -309,8 +309,8 @@ function ka({
           `[ConversationalAI] Cannot parse dynamic-variables: ${m == null ? void 0 : m.message}`
         );
       }
-  }), { webSocketUrl: f } = wn(), p = F("agent-id"), v = F("signed-url"), g = bn(), b = Ia(), d = Y(() => {
-    const m = b.value, w = {
+  }), { webSocketUrl: d } = wn(), p = B("agent-id"), v = B("signed-url"), g = bn(), x = Ia(), f = Y(() => {
+    const m = x.value, w = {
       dynamicVariables: c.value,
       overrides: s.value,
       connectionDelay: { default: 300 },
@@ -319,12 +319,12 @@ function ka({
     };
     return p.value ? m ? {
       agentId: p.value,
-      origin: f.value,
+      origin: d.value,
       connectionType: "webrtc",
       ...w
     } : {
       agentId: p.value,
-      origin: f.value,
+      origin: d.value,
       connectionType: "websocket",
       ...w
     } : v.value ? {
@@ -335,10 +335,10 @@ function ka({
       "[ConversationalAI] Either agent-id or signed-url is required"
     ), null);
   });
-  return d.value ? /* @__PURE__ */ u(
+  return f.value ? /* @__PURE__ */ u(
     Sr.Provider,
     {
-      value: d,
+      value: f,
       children: e
     }
   ) : null;
@@ -362,11 +362,11 @@ function Ta({ children: e }) {
       acceptTerms: () => {
         i.value = !0, a.value = !1;
         const c = t.peek().terms_key;
-        c && localStorage.setItem(c, "true"), l.forEach((f) => f.resolve()), l = [];
+        c && localStorage.setItem(c, "true"), l.forEach((d) => d.resolve()), l = [];
       },
       requestTerms: async () => {
-        s.peek() || (a.value = !0, await new Promise((c, f) => {
-          l.push({ resolve: c, reject: f });
+        s.peek() || (a.value = !0, await new Promise((c, d) => {
+          l.push({ resolve: c, reject: d });
         }));
       }
     };
@@ -395,153 +395,153 @@ function Aa({ children: e }) {
     }
   }), /* @__PURE__ */ u(Er.Provider, { value: t, children: e });
 }
-function re() {
+function oe() {
   return fe(Er);
 }
 function _a() {
-  const e = J(null), t = J(null), n = J(!1), r = J(null), o = J(!1), a = q();
-  Ar();
-  const i = Bt(), s = Ea(), { isMuted: l } = Cr();
+  const e = ee(null), t = ee(null), n = ee(!1), r = ee(null), o = ee(!1), a = q(), i = Ar(), s = Bt(), l = Ea(), { isMuted: c } = Cr();
   return Ee(() => {
-    var f;
-    const c = l.value;
-    (f = e == null ? void 0 : e.current) == null || f.setMicMuted(c);
+    var p;
+    const d = c.value;
+    (p = e == null ? void 0 : e.current) == null || p.setMicMuted(d);
   }), Ue(() => () => {
-    var c;
-    (c = e.current) == null || c.endSession();
+    var d;
+    (d = e.current) == null || d.endSession();
   }, []), Ae(() => {
-    const c = he("disconnected"), f = Ce(() => c.value === "disconnected"), p = he("listening"), v = Ce(() => p.value === "speaking"), g = he(null), b = he(null), d = he(!1), m = he([]), w = he(0), y = he(null);
+    const d = he("disconnected"), p = Ce(() => d.value === "disconnected"), v = he("listening"), g = Ce(() => v.value === "speaking"), x = he(null), f = he(null), m = he(!1), w = he([]), b = he(0), y = he(null);
     return {
-      status: c,
-      isSpeaking: v,
-      mode: p,
-      isDisconnected: f,
-      lastId: b,
-      error: g,
-      canSendFeedback: d,
-      conversationIndex: w,
+      status: d,
+      isSpeaking: g,
+      mode: v,
+      isDisconnected: p,
+      lastId: f,
+      error: x,
+      canSendFeedback: m,
+      conversationIndex: b,
       conversationTextOnly: y,
-      transcript: m,
-      startSession: async (x, C) => {
-        var A, k, I, D, L, $, W;
-        if (await i.requestTerms(), (A = e.current) != null && A.isOpen())
+      transcript: w,
+      startSession: async (C, S) => {
+        var k, I, D, L, $, W, F;
+        if (await s.requestTerms(), (k = e.current) != null && k.isOpen())
           return e.current.getId();
         if (t.current)
           return (await t.current).getId();
-        let S = structuredClone(s.peek());
-        C && a.value.supports_text_only && (S.textOnly = !0, a.value.text_only || (S.overrides ?? (S.overrides = {}), (k = S.overrides).conversation ?? (k.conversation = {}), S.overrides.conversation.textOnly = !0));
+        let E = structuredClone(l.peek());
+        S && a.value.supports_text_only && (E.textOnly = !0, a.value.text_only || (E.overrides ?? (E.overrides = {}), (I = E.overrides).conversation ?? (I.conversation = {}), E.overrides.conversation.textOnly = !0));
         try {
-          S = Pa(x, S);
+          E = Pa(C, E);
         } catch (N) {
           console.error(
             "[ConversationalAI] Error triggering call event:",
             N
           );
         }
-        y.value = S.textOnly ?? !1, m.value = C ? [
+        y.value = E.textOnly ?? !1, w.value = S ? [
           {
             type: "message",
             role: "user",
-            message: C,
+            message: S,
             isText: !0,
-            conversationIndex: w.peek()
+            conversationIndex: b.peek()
           }
         ] : [];
         try {
           if (t.current = ca.startSession({
-            ...S,
+            ...E,
             overrides: {
-              ...S.overrides,
+              ...E.overrides,
               client: {
-                ...(I = S.overrides) == null ? void 0 : I.client,
-                source: ((L = (D = S.overrides) == null ? void 0 : D.client) == null ? void 0 : L.source) || "widget",
-                version: ((W = ($ = S.overrides) == null ? void 0 : $.client) == null ? void 0 : W.version) || Ca
+                ...(D = E.overrides) == null ? void 0 : D.client,
+                source: (($ = (L = E.overrides) == null ? void 0 : L.client) == null ? void 0 : $.source) || "widget",
+                version: ((F = (W = E.overrides) == null ? void 0 : W.client) == null ? void 0 : F.version) || Ca
               }
             },
-            onModeChange: (T) => {
-              p.value = T.mode;
+            onModeChange: (_) => {
+              v.value = _.mode;
             },
-            onStatusChange: (T) => {
-              c.value = T.status;
+            onStatusChange: (_) => {
+              d.value = _.status;
             },
-            onCanSendFeedbackChange: (T) => {
-              d.value = T.canSendFeedback;
+            onCanSendFeedbackChange: (_) => {
+              m.value = _.canSendFeedback;
             },
-            onMessage: ({ source: T, message: B }) => {
-              if (y.peek() === !0 && T === "ai" && !n.current) {
+            onMessage: ({ source: _, message: O }) => {
+              if (i.peek() && y.peek() === !0 && _ === "ai" && !n.current) {
                 n.current = !0;
                 return;
-              } else T === "ai" && (n.current = !0);
-              if (T === "ai" && o.current) {
+              } else _ === "ai" && (n.current = !0);
+              if (_ === "ai" && o.current) {
                 o.current = !1;
                 return;
               }
-              m.value = [
-                ...m.value,
+              w.value = [
+                ...w.value,
                 {
                   type: "message",
-                  role: T,
-                  message: B,
+                  role: _,
+                  message: O,
                   isText: !1,
-                  conversationIndex: w.peek()
+                  conversationIndex: b.peek()
                 }
               ];
             },
-            onAgentChatResponsePart: ({ text: T, type: B }) => {
-              const O = m.peek();
-              if (B === "start")
-                o.current = !0, r.current = O.length, m.value = [
-                  ...O,
+            onAgentChatResponsePart: ({ text: _, type: O }) => {
+              if (i.peek() && y.peek() === !0 && !n.current)
+                return;
+              const M = w.peek();
+              if (O === "start")
+                o.current = !0, r.current = M.length, w.value = [
+                  ...M,
                   {
                     type: "message",
                     role: "ai",
                     message: "",
                     isText: !0,
-                    conversationIndex: w.peek()
+                    conversationIndex: b.peek()
                   }
                 ];
-              else if (B === "delta") {
-                const M = r.current;
-                if (M !== null && O[M]) {
-                  const P = [...O], z = P[M];
-                  z.type === "message" && (P[M] = {
-                    ...z,
-                    message: z.message + T
-                  }, m.value = P);
+              else if (O === "delta") {
+                const P = r.current;
+                if (P !== null && M[P]) {
+                  const z = [...M], Q = z[P];
+                  Q.type === "message" && (z[P] = {
+                    ...Q,
+                    message: Q.message + _
+                  }, w.value = z);
                 }
-              } else B === "stop" && (r.current = null);
+              } else O === "stop" && (r.current = null);
             },
-            onDisconnect: (T) => {
-              n.current = !1, y.value = null, r.current = null, o.current = !1, m.value = [
-                ...m.value,
-                T.reason === "error" ? {
+            onDisconnect: (_) => {
+              n.current = !1, y.value = null, r.current = null, o.current = !1, w.value = [
+                ...w.value,
+                _.reason === "error" ? {
                   type: "error",
-                  message: T.message,
-                  conversationIndex: w.peek()
+                  message: _.message,
+                  conversationIndex: b.peek()
                 } : {
                   type: "disconnection",
-                  role: T.reason === "user" ? "user" : "ai",
-                  conversationIndex: w.peek()
+                  role: _.reason === "user" ? "user" : "ai",
+                  conversationIndex: b.peek()
                 }
-              ], w.value++, T.reason === "error" && (g.value = T.message, console.error(
+              ], b.value++, _.reason === "error" && (x.value = _.message, console.error(
                 "[ConversationalAI] Disconnected due to an error:",
-                T.message
+                _.message
               ));
             }
-          }), e.current = await t.current, e.current.setMicMuted(l.peek()), C) {
-            const T = e.current;
-            setTimeout(() => T.sendUserMessage(C), 100);
+          }), e.current = await t.current, e.current.setMicMuted(c.peek()), S) {
+            const _ = e.current;
+            setTimeout(() => _.sendUserMessage(S), 100);
           }
           const N = e.current.getId();
-          return b.value = N, g.value = null, N;
+          return f.value = N, x.value = null, N;
         } catch (N) {
-          let T = "Could not start a conversation.";
-          N instanceof CloseEvent ? T = N.reason || T : N instanceof Error && (T = N.message || T), g.value = T, m.value = [
-            ...m.value,
+          let _ = "Could not start a conversation.";
+          N instanceof CloseEvent ? _ = N.reason || _ : N instanceof Error && (_ = N.message || _), x.value = _, w.value = [
+            ...w.value,
             {
               type: "error",
-              message: T,
-              conversationIndex: w.peek()
+              message: _,
+              conversationIndex: b.peek()
             }
           ];
         } finally {
@@ -549,40 +549,40 @@ function _a() {
         }
       },
       endSession: async () => {
-        const x = e.current;
-        e.current = null, await (x == null ? void 0 : x.endSession());
+        const C = e.current;
+        e.current = null, await (C == null ? void 0 : C.endSession());
       },
       getInputVolume: () => {
-        var x;
-        return ((x = e.current) == null ? void 0 : x.getInputVolume()) ?? 0;
+        var C;
+        return ((C = e.current) == null ? void 0 : C.getInputVolume()) ?? 0;
       },
       getOutputVolume: () => {
-        var x;
-        return ((x = e.current) == null ? void 0 : x.getOutputVolume()) ?? 0;
-      },
-      sendFeedback: (x) => {
         var C;
-        (C = e.current) == null || C.sendFeedback(x);
+        return ((C = e.current) == null ? void 0 : C.getOutputVolume()) ?? 0;
       },
-      sendUserMessage: (x) => {
-        var C;
-        (C = e.current) == null || C.sendUserMessage(x), m.value = [
-          ...m.value,
+      sendFeedback: (C) => {
+        var S;
+        (S = e.current) == null || S.sendFeedback(C);
+      },
+      sendUserMessage: (C) => {
+        var S;
+        (S = e.current) == null || S.sendUserMessage(C), w.value = [
+          ...w.value,
           {
             type: "message",
             role: "user",
-            message: x,
+            message: C,
             isText: !0,
-            conversationIndex: w.peek()
+            conversationIndex: b.peek()
           }
         ];
       },
       sendUserActivity: () => {
-        var x;
-        (x = e.current) == null || x.sendUserActivity();
+        var C;
+        (C = e.current) == null || C.sendUserActivity();
       }
     };
-  }, [s, l]);
+  }, [l, c]);
 }
 function Pa(e, t) {
   try {
@@ -600,7 +600,7 @@ const Tr = de(
   null
 );
 function Ra({ children: e }) {
-  const { serverUrl: t } = wn(), n = F("agent-id"), r = F("override-config"), o = F("signed-url"), a = Q(null);
+  const { serverUrl: t } = wn(), n = B("agent-id"), r = B("override-config"), o = B("signed-url"), a = J(null);
   Ee(() => {
     if (r.value)
       try {
@@ -614,42 +614,42 @@ function Ra({ children: e }) {
           `[ConversationalAI] Cannot parse override-config: ${C == null ? void 0 : C.message}`
         );
       }
-    let w = n.value, y;
+    let w = n.value, b;
     if (o.value) {
       const C = new URL(o.value).searchParams;
-      w = C.get("agent_id") ?? n.value, y = C.get("conversation_signature") ?? void 0;
+      w = C.get("agent_id") ?? n.value, b = C.get("conversation_signature") ?? void 0;
     }
     if (!w) {
       a.value = null;
       return;
     }
-    const x = new AbortController();
+    const y = new AbortController();
     return Oa(
       w,
       t.value,
-      x.signal,
-      y
+      y.signal,
+      b
     ).then((C) => {
-      x.signal.aborted || (a.value = C);
+      y.signal.aborted || (a.value = C);
     }).catch((C) => {
       console.error(
         `[ConversationalAI] Cannot fetch config for agent ${n.value}: ${C == null ? void 0 : C.message}`
-      ), x.signal.aborted || (a.value = null);
+      ), y.signal.aborted || (a.value = null);
     }), () => {
-      x.abort();
+      y.abort();
     };
   });
-  const i = F("variant"), s = F("placement"), l = F("terms-key"), c = F("mic-muting"), f = F("transcript"), p = F("text-input"), v = F("default-expanded"), g = F("always-expanded"), b = F("override-text-only"), d = F("use-rtc"), m = Y(() => {
+  const i = B("variant"), s = B("placement"), l = B("terms-key"), c = B("mic-muting"), d = B("transcript"), p = B("text-input"), v = B("default-expanded"), g = B("always-expanded"), x = B("override-text-only"), f = B("use-rtc"), m = Y(() => {
     if (!a.value)
       return null;
-    const w = i.value ?? a.value.variant, y = s.value ?? a.value.placement, x = l.value ?? a.value.terms_key, C = Re(b.value) ?? a.value.text_only ?? !1, S = Re(c.value) ?? a.value.mic_muting_enabled, A = Re(f.value) ?? a.value.transcript_enabled, k = Re(p.value) ?? a.value.text_input_enabled, I = Re(g.value) ?? a.value.always_expanded ?? !1, D = Re(v.value) ?? a.value.default_expanded ?? !1, L = Re(d.value) ?? a.value.use_rtc ?? !1;
+    const w = i.value ?? a.value.variant, b = s.value ?? a.value.placement, y = l.value ?? a.value.terms_key, C = Re(x.value) ?? a.value.text_only ?? !1, S = Re(c.value) ?? a.value.mic_muting_enabled, E = Re(d.value) ?? a.value.transcript_enabled, k = Re(p.value) ?? a.value.text_input_enabled, I = Re(g.value) ?? a.value.always_expanded ?? !1, D = Re(v.value) ?? a.value.default_expanded ?? !1, L = Re(f.value) ?? a.value.use_rtc ?? !1;
     return {
       ...a.value,
       variant: fa(w),
-      placement: ha(y),
-      terms_key: x,
+      placement: ha(b),
+      terms_key: y,
       mic_muting_enabled: !C && S,
-      transcript_enabled: C || A,
+      transcript_enabled: C || E,
       text_input_enabled: C || k,
       always_expanded: I,
       default_expanded: D,
@@ -662,17 +662,17 @@ function q() {
   return fe(Tr);
 }
 function bn() {
-  const e = F("override-text-only"), t = q();
+  const e = B("override-text-only"), t = q();
   return Y(
     () => Re(e.value) ?? t.value.text_only ?? !1
   );
 }
 function zt() {
-  const e = bn(), { conversationTextOnly: t } = re();
+  const e = bn(), { conversationTextOnly: t } = oe();
   return Y(() => t.value ?? e.value);
 }
 function Ar() {
-  const e = F("override-first-message"), t = q(), { language: n } = at();
+  const e = B("override-first-message"), t = q(), { language: n } = at();
   return Y(
     () => {
       var r, o;
@@ -709,7 +709,7 @@ ${ma.map(
 `)}
 }`;
   });
-  return /* @__PURE__ */ _("style", { children: [
+  return /* @__PURE__ */ A("style", { children: [
     n,
     da
   ] });
@@ -722,7 +722,7 @@ function Da(e) {
 }
 const _r = de(null);
 function Fa({ children: e }) {
-  const t = q(), { language: n } = at(), r = F("text-contents"), o = Y(() => {
+  const t = q(), { language: n } = at(), r = B("text-contents"), o = Y(() => {
     try {
       if (r.value) {
         const i = JSON.parse(r.value);
@@ -738,8 +738,8 @@ function Fa({ children: e }) {
       i,
       Ce(
         () => {
-          var s, l, c, f;
-          return o.value[i] ?? ((c = (l = (s = t.value.language_presets) == null ? void 0 : s[n.value.languageCode]) == null ? void 0 : l.text_contents) == null ? void 0 : c[i]) ?? ((f = t.value.text_contents) == null ? void 0 : f[i]) ?? mr[i];
+          var s, l, c, d;
+          return o.value[i] ?? ((c = (l = (s = t.value.language_presets) == null ? void 0 : s[n.value.languageCode]) == null ? void 0 : l.text_contents) == null ? void 0 : c[i]) ?? ((d = t.value.text_contents) == null ? void 0 : d[i]) ?? mr[i];
         }
       )
     ])
@@ -751,7 +751,7 @@ function G() {
 }
 const Pr = de(null);
 function Ba({ children: e }) {
-  const t = q(), n = F("avatar-image-url"), r = F("avatar-orb-color-1"), o = F("avatar-orb-color-2"), a = Q(""), i = Y(() => n.value ? {
+  const t = q(), n = B("avatar-image-url"), r = B("avatar-orb-color-1"), o = B("avatar-orb-color-2"), a = J(""), i = Y(() => n.value ? {
     type: "image",
     url: n.value
   } : r.value && o.value ? {
@@ -785,7 +785,7 @@ function yn(e) {
   return e && typeof e == "object" && "peek" in e;
 }
 function Va(e) {
-  const t = yn(e), n = Q(t ? e.peek() : e);
+  const t = yn(e), n = J(t ? e.peek() : e);
   return t ? e : (n.value = e, n);
 }
 function Ir(e) {
@@ -815,7 +815,7 @@ function Nr(...e) {
       };
   };
 }
-function te(...e) {
+function ne(...e) {
   return h.useCallback(Nr(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
@@ -823,10 +823,10 @@ function gt(e) {
   const t = /* @__PURE__ */ Wa(e), n = h.forwardRef((r, o) => {
     const { children: a, ...i } = r, s = h.Children.toArray(a), l = s.find(Ua);
     if (l) {
-      const c = l.props.children, f = s.map((p) => p === l ? h.Children.count(c) > 1 ? h.Children.only(null) : h.isValidElement(c) ? c.props.children : null : p);
-      return /* @__PURE__ */ E(t, { ...i, ref: o, children: h.isValidElement(c) ? h.cloneElement(c, void 0, f) : null });
+      const c = l.props.children, d = s.map((p) => p === l ? h.Children.count(c) > 1 ? h.Children.only(null) : h.isValidElement(c) ? c.props.children : null : p);
+      return /* @__PURE__ */ T(t, { ...i, ref: o, children: h.isValidElement(c) ? h.cloneElement(c, void 0, d) : null });
     }
-    return /* @__PURE__ */ E(t, { ...i, ref: o, children: a });
+    return /* @__PURE__ */ T(t, { ...i, ref: o, children: a });
   });
   return n.displayName = `${e}.Slot`, n;
 }
@@ -865,7 +865,7 @@ function Ya(e) {
 }
 const Xt = window.matchMedia("(prefers-reduced-motion: reduce)");
 function Lr() {
-  const e = Q(Xt.matches);
+  const e = J(Xt.matches);
   return Ue(() => {
     const t = (n) => {
       e.value = n.matches;
@@ -874,21 +874,21 @@ function Lr() {
   }, []), e;
 }
 function Mr({ onStart: e, onEnd: t }) {
-  const n = J();
+  const n = ee();
   n.current ?? (n.current = /* @__PURE__ */ new Set());
-  const r = J(e);
+  const r = ee(e);
   r.current = e;
-  const o = J(t);
+  const o = ee(t);
   o.current = t;
-  const a = Q(!1), i = ee(
+  const a = J(!1), i = te(
     (l) => {
-      var c, f;
-      l.target === l.currentTarget && ((c = n.current) == null || c.add(l.propertyName), a.peek() || (a.value = !0, (f = r.current) == null || f.call(r)));
+      var c, d;
+      l.target === l.currentTarget && ((c = n.current) == null || c.add(l.propertyName), a.peek() || (a.value = !0, (d = r.current) == null || d.call(r)));
     },
     []
-  ), s = ee((l) => {
-    var c, f, p;
-    l.target === l.currentTarget && ((c = n.current) == null || c.delete(l.propertyName), (f = n.current) != null && f.size || (a.value = !1, (p = o.current) == null || p.call(o)));
+  ), s = te((l) => {
+    var c, d, p;
+    l.target === l.currentTarget && ((c = n.current) == null || c.delete(l.propertyName), (d = n.current) != null && d.size || (a.value = !1, (p = o.current) == null || p.call(o)));
   }, []);
   return {
     transitioning: a,
@@ -898,7 +898,7 @@ function Mr({ onStart: e, onEnd: t }) {
     }
   };
 }
-function ae(e) {
+function ie(e) {
   const t = Lr().value ? Ka : Xa;
   return /* @__PURE__ */ u(t, { ...e });
 }
@@ -910,7 +910,7 @@ function Xa({
   initial: t = e,
   ...n
 }) {
-  const r = Va(e), o = Q($a(t));
+  const r = Va(e), o = J($a(t));
   Ee(() => {
     r.value && (o.value = r.value);
   });
@@ -1107,17 +1107,17 @@ void main() {
   -1
 ]), Qa = "https://storage.googleapis.com/eleven-public-cdn/images/perlin-noise.png", be = class be {
   constructor(t) {
-    oe(this, "gl");
-    oe(this, "program");
-    oe(this, "startTime");
-    oe(this, "targetSpeed", 0);
-    oe(this, "speed", 0.5);
-    oe(this, "rafId", null);
-    oe(this, "resizeObserver");
-    oe(this, "colorA", [0, 0, 0]);
-    oe(this, "colorB", [0, 0, 0]);
-    oe(this, "offsets", new Float32Array(7).map(() => Math.random() * Math.PI * 2));
-    oe(this, "copyNoiseImage", () => {
+    ae(this, "gl");
+    ae(this, "program");
+    ae(this, "startTime");
+    ae(this, "targetSpeed", 0);
+    ae(this, "speed", 0.5);
+    ae(this, "rafId", null);
+    ae(this, "resizeObserver");
+    ae(this, "colorA", [0, 0, 0]);
+    ae(this, "colorB", [0, 0, 0]);
+    ae(this, "offsets", new Float32Array(7).map(() => Math.random() * Math.PI * 2));
+    ae(this, "copyNoiseImage", () => {
       this.gl && (this.gl.texImage2D(
         this.gl.TEXTURE_2D,
         0,
@@ -1127,8 +1127,8 @@ void main() {
         be.noiseImage
       ), this.gl.generateMipmap(this.gl.TEXTURE_2D));
     });
-    oe(this, "toDataURL", () => this.gl.canvas.toDataURL("image/png"));
-    oe(this, "render", () => {
+    ae(this, "toDataURL", () => this.gl.canvas.toDataURL("image/png"));
+    ae(this, "render", () => {
       if (!this.gl) {
         this.rafId = null;
         return;
@@ -1221,32 +1221,32 @@ void main() {
     return this.gl.shaderSource(r, n), this.gl.compileShader(r), this.gl.getShaderParameter(r, this.gl.COMPILE_STATUS) ? r : (this.gl.deleteShader(r), null);
   }
 };
-oe(be, "noiseImage");
+ae(be, "noiseImage");
 let an = be;
 const Ja = {
   sm: "w-9 h-9",
   lg: "w-48 h-48"
 };
 function it({ size: e = "sm", className: t }) {
-  const { getInputVolume: n, getOutputVolume: r, isSpeaking: o, isDisconnected: a } = re(), { config: i } = xn(), s = J(null), l = J(null);
+  const { getInputVolume: n, getOutputVolume: r, isSpeaking: o, isDisconnected: a } = oe(), { config: i } = xn(), s = ee(null), l = ee(null);
   Ee(() => {
     if (a.value) {
       s.current.style.transform = "", l.current.style.transform = "";
       return;
     }
-    let f;
+    let d;
     function p() {
-      const v = n(), g = r(), b = o.peek() ? 1 : 1 - v * 0.4, d = o.peek() ? 1 + g * 0.4 : 1;
-      s.current.style.transform = `scale(${d})`, l.current.style.transform = `scale(${b})`, f = requestAnimationFrame(p);
+      const v = n(), g = r(), x = o.peek() ? 1 : 1 - v * 0.4, f = o.peek() ? 1 + g * 0.4 : 1;
+      s.current.style.transform = `scale(${f})`, l.current.style.transform = `scale(${x})`, d = requestAnimationFrame(p);
     }
     return p(), () => {
-      cancelAnimationFrame(f);
+      cancelAnimationFrame(d);
     };
   });
   const c = Y(() => ({
     backgroundImage: i.value.type === "image" ? `url(${i.value.url})` : i.value.type === "url" ? `url(${i.value.custom_url})` : void 0
   }));
-  return /* @__PURE__ */ _("div", { className: V("relative shrink-0", Ja[e], t), children: [
+  return /* @__PURE__ */ A("div", { className: V("relative shrink-0", Ja[e], t), children: [
     /* @__PURE__ */ u(
       "div",
       {
@@ -1276,7 +1276,7 @@ function ei({ color1: e, color2: t }) {
   Ue(() => {
     r && (r.updateColors(e, t), r.render(), n.value = r.toDataURL());
   }, [r, e, t]);
-  const a = ee(
+  const a = te(
     (i) => {
       if (i) {
         const s = new an(i);
@@ -1331,7 +1331,7 @@ function ri(e) {
   );
 }
 function oi(e) {
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ A(
     "svg",
     {
       height: "1em",
@@ -1369,7 +1369,7 @@ function ai(e) {
   );
 }
 function ii(e) {
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ A(
     "svg",
     {
       height: "1em",
@@ -1386,7 +1386,7 @@ function ii(e) {
   );
 }
 function si(e) {
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ A(
     "svg",
     {
       height: "1em",
@@ -1466,13 +1466,7 @@ function di(e) {
       viewBox: "0 0 20 20",
       fill: "currentColor",
       ...e,
-      children: /* @__PURE__ */ u(
-        "path",
-        {
-          d: "M2.59413 5.1485C2.04 3.39377 3.86657 1.83482 5.51245 2.65776L16.47 8.13653C18.0055 8.90429 18.0055 11.0955 16.47 11.8633L5.51245 17.3421C3.86656 18.165 2.04 16.6061 2.59413 14.8513L3.86297 10.8333H7.50006C7.9603 10.8333 8.33339 10.4602 8.33339 10C8.33339 9.53976 7.9603 9.16667 7.50006 9.16667H3.86302L2.59413 5.1485Z",
-          fill: "black"
-        }
-      )
+      children: /* @__PURE__ */ u("path", { d: "M2.59413 5.1485C2.04 3.39377 3.86657 1.83482 5.51245 2.65776L16.47 8.13653C18.0055 8.90429 18.0055 11.0955 16.47 11.8633L5.51245 17.3421C3.86656 18.165 2.04 16.6061 2.59413 14.8513L3.86297 10.8333H7.50006C7.9603 10.8333 8.33339 10.4602 8.33339 10C8.33339 9.53976 7.9603 9.16667 7.50006 9.16667H3.86302L2.59413 5.1485Z" })
     }
   );
 }
@@ -1496,125 +1490,143 @@ function pi({
   starColor: n,
   className: r
 }) {
-  return /* @__PURE__ */ u("slot", { name: "icon-feedback", className: V("flex", r), "aria-hidden": !0, children: /* @__PURE__ */ _(
-    "svg",
+  return /* @__PURE__ */ u(
+    "slot",
     {
-      width: "100%",
-      height: "100%",
-      viewBox: "0 0 82 88",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ u(
-          "path",
-          {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
-            d: "M9 42C9 59.6731 23.3269 74 41 74C58.6731 74 73 59.6731 73 42C73 24.3269 58.6731 10 41 10C23.3269 10 9 24.3269 9 42ZM29.4529 18.5973C31.1347 18.0574 32.8641 17.5023 34.9844 16.6005C42.2533 13.5091 48.3526 11.9217 51.7782 14.094C53.5063 15.1899 54.4051 16.7749 55.6117 18.9024C56.7969 20.9922 58.279 23.6057 61.1358 26.7937C62.2737 28.0636 63.3886 29.2195 64.4371 30.3064C68.7007 34.7263 71.8645 38.0061 70.9949 43.1697C70.2965 47.316 67.9794 49.4559 65.6038 51.65C63.4317 53.656 61.2107 55.7073 60.1332 59.3786C57.8774 67.0653 53.5327 71.9113 48.3526 72.7468C43.1725 73.5823 36.6555 75.1698 29.8043 70.1567C26.1949 67.5157 25.229 64.3182 24.1947 60.894C23.2657 57.8184 22.2814 54.56 19.2768 51.3577C14.1619 45.9062 10.2533 29.6345 19.2768 23.0339C23.736 20.4327 26.5223 19.5382 29.4529 18.5973Z",
-            fill: e,
-            "fill-opacity": "0.15",
-            stroke: e,
-            "stroke-opacity": "0.35"
-          }
-        ),
-        /* @__PURE__ */ u(
-          "path",
-          {
-            d: "M43.5 73.4212C40.4387 73.4212 35.0039 71.1025 37.556 56.4696C40.143 41.6365 42.6582 40.577 44.6991 25.744C46.3318 13.8775 41.1635 8.87964 33 10.9988",
-            stroke: e,
-            "stroke-opacity": "0.35"
-          }
-        ),
-        /* @__PURE__ */ u(
-          "path",
-          {
-            d: "M43.5 73.4212C40.4387 73.4212 35.0039 71.1025 37.556 56.4696C40.143 41.6365 42.6582 40.577 44.6991 25.744C46.3318 13.8775 41.1635 8.87964 33 10.9988",
-            stroke: e,
-            "stroke-opacity": "0.35"
-          }
-        ),
-        /* @__PURE__ */ u(
-          "path",
-          {
-            d: "M21.9366 68.1987C21.3549 66.5119 21.0386 60.9231 28.1376 53.3448C37.0114 43.8719 40.5 43.9579 51.4911 31.7482C59.5691 22.7747 59.1723 17.0524 58.0993 15.4626",
-            stroke: e,
-            "stroke-opacity": "0.35"
-          }
-        ),
-        /* @__PURE__ */ u(
-          "path",
-          {
-            d: "M9.26819 42.161C10.4003 43.5337 15.6951 46.3853 25.7661 44.3926C38.3548 41.9018 52.434 40.307 57.694 41.0287C70.352 42.7655 71.4138 51.3035 71.4138 51.3035",
-            stroke: e,
-            "stroke-opacity": "0.35"
-          }
-        ),
-        /* @__PURE__ */ u(
-          "path",
-          {
-            d: "M22 16.4916C18.815 21.85 19.6451 26.0591 27.9943 32.0828C38.4307 39.6124 50.2985 48.8304 53.5024 53.1027C58.6684 59.9914 59.5 67.928 59.5 67.928",
-            stroke: e,
-            "stroke-opacity": "0.35"
-          }
-        ),
-        /* @__PURE__ */ u(
-          "rect",
-          {
-            x: "9.26099",
-            y: "10",
-            width: "63.7129",
-            height: "63.7129",
-            rx: "31.8565",
-            stroke: e,
-            "stroke-opacity": "0.43",
-            "stroke-width": "1.5"
-          }
-        ),
-        /* @__PURE__ */ _("g", { "clip-path": "url(#clip0_7006_42127)", children: [
-          /* @__PURE__ */ u(
-            "circle",
-            {
-              cx: "62.4996",
-              cy: "18.2032",
-              r: "15.0195",
-              transform: "rotate(6.27205 62.4996 18.2032)",
-              fill: t
-            }
-          ),
-          /* @__PURE__ */ u(
-            "path",
-            {
-              d: "M60.7142 12.1753C62.057 10.0714 65.2294 10.4202 66.0833 12.7654L66.6158 14.2308L68.1251 14.6217C70.5415 15.2484 71.1908 18.3742 69.2237 19.911L67.9944 20.8704L68.0896 22.4262C68.2403 24.9178 65.4681 26.5011 63.3987 25.1056L62.1065 24.2326L60.6555 24.8041C58.3322 25.7172 55.9702 23.5694 56.6585 21.1698L57.0884 19.6717L56.0977 18.4684C54.5112 16.541 55.8231 13.6307 58.318 13.5438L59.8751 13.4899L60.7142 12.1753Z",
-              fill: n,
-              stroke: t,
-              "stroke-width": "3.27381"
-            }
-          ),
-          /* @__PURE__ */ u(
-            "path",
-            {
-              d: "M63.925 5.23719C71.0867 6.02431 76.2545 12.4676 75.4676 19.6293C74.6805 26.7911 68.2364 31.959 61.0746 31.1718C53.9129 30.3845 48.7459 23.9406 49.533 16.7789C50.3203 9.61739 56.7634 4.45029 63.925 5.23719ZM63.6957 7.32326C57.6866 6.66302 52.2797 10.9991 51.6191 17.0082C50.9586 23.0174 55.2946 28.4251 61.3038 29.0858C67.3132 29.7462 72.7211 25.4094 73.3816 19.4C74.0418 13.3908 69.705 7.98372 63.6957 7.32326Z",
-              fill: n,
-              stroke: t,
-              "stroke-width": "0.3",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ u("ellipse", { cx: "41", cy: "85", rx: "15", ry: "3", fill: e, "fill-opacity": "0.35" }),
-        /* @__PURE__ */ u("defs", { children: /* @__PURE__ */ u("clipPath", { id: "clip0_7006_42127", children: /* @__PURE__ */ u(
-          "rect",
-          {
-            width: "33",
-            height: "33",
-            fill: "white",
-            transform: "translate(47.9012) rotate(6.27205)"
-          }
-        ) }) })
-      ]
+      name: "icon-feedback",
+      className: V("flex", r),
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ A(
+        "svg",
+        {
+          width: "100%",
+          height: "100%",
+          viewBox: "0 0 82 88",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ u(
+              "path",
+              {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M9 42C9 59.6731 23.3269 74 41 74C58.6731 74 73 59.6731 73 42C73 24.3269 58.6731 10 41 10C23.3269 10 9 24.3269 9 42ZM29.4529 18.5973C31.1347 18.0574 32.8641 17.5023 34.9844 16.6005C42.2533 13.5091 48.3526 11.9217 51.7782 14.094C53.5063 15.1899 54.4051 16.7749 55.6117 18.9024C56.7969 20.9922 58.279 23.6057 61.1358 26.7937C62.2737 28.0636 63.3886 29.2195 64.4371 30.3064C68.7007 34.7263 71.8645 38.0061 70.9949 43.1697C70.2965 47.316 67.9794 49.4559 65.6038 51.65C63.4317 53.656 61.2107 55.7073 60.1332 59.3786C57.8774 67.0653 53.5327 71.9113 48.3526 72.7468C43.1725 73.5823 36.6555 75.1698 29.8043 70.1567C26.1949 67.5157 25.229 64.3182 24.1947 60.894C23.2657 57.8184 22.2814 54.56 19.2768 51.3577C14.1619 45.9062 10.2533 29.6345 19.2768 23.0339C23.736 20.4327 26.5223 19.5382 29.4529 18.5973Z",
+                fill: e,
+                "fill-opacity": "0.15",
+                stroke: e,
+                "stroke-opacity": "0.35"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                d: "M43.5 73.4212C40.4387 73.4212 35.0039 71.1025 37.556 56.4696C40.143 41.6365 42.6582 40.577 44.6991 25.744C46.3318 13.8775 41.1635 8.87964 33 10.9988",
+                stroke: e,
+                "stroke-opacity": "0.35"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                d: "M43.5 73.4212C40.4387 73.4212 35.0039 71.1025 37.556 56.4696C40.143 41.6365 42.6582 40.577 44.6991 25.744C46.3318 13.8775 41.1635 8.87964 33 10.9988",
+                stroke: e,
+                "stroke-opacity": "0.35"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                d: "M21.9366 68.1987C21.3549 66.5119 21.0386 60.9231 28.1376 53.3448C37.0114 43.8719 40.5 43.9579 51.4911 31.7482C59.5691 22.7747 59.1723 17.0524 58.0993 15.4626",
+                stroke: e,
+                "stroke-opacity": "0.35"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                d: "M9.26819 42.161C10.4003 43.5337 15.6951 46.3853 25.7661 44.3926C38.3548 41.9018 52.434 40.307 57.694 41.0287C70.352 42.7655 71.4138 51.3035 71.4138 51.3035",
+                stroke: e,
+                "stroke-opacity": "0.35"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                d: "M22 16.4916C18.815 21.85 19.6451 26.0591 27.9943 32.0828C38.4307 39.6124 50.2985 48.8304 53.5024 53.1027C58.6684 59.9914 59.5 67.928 59.5 67.928",
+                stroke: e,
+                "stroke-opacity": "0.35"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "rect",
+              {
+                x: "9.26099",
+                y: "10",
+                width: "63.7129",
+                height: "63.7129",
+                rx: "31.8565",
+                stroke: e,
+                "stroke-opacity": "0.43",
+                "stroke-width": "1.5"
+              }
+            ),
+            /* @__PURE__ */ A("g", { "clip-path": "url(#clip0_7006_42127)", children: [
+              /* @__PURE__ */ u(
+                "circle",
+                {
+                  cx: "62.4996",
+                  cy: "18.2032",
+                  r: "15.0195",
+                  transform: "rotate(6.27205 62.4996 18.2032)",
+                  fill: t
+                }
+              ),
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  d: "M60.7142 12.1753C62.057 10.0714 65.2294 10.4202 66.0833 12.7654L66.6158 14.2308L68.1251 14.6217C70.5415 15.2484 71.1908 18.3742 69.2237 19.911L67.9944 20.8704L68.0896 22.4262C68.2403 24.9178 65.4681 26.5011 63.3987 25.1056L62.1065 24.2326L60.6555 24.8041C58.3322 25.7172 55.9702 23.5694 56.6585 21.1698L57.0884 19.6717L56.0977 18.4684C54.5112 16.541 55.8231 13.6307 58.318 13.5438L59.8751 13.4899L60.7142 12.1753Z",
+                  fill: n,
+                  stroke: t,
+                  "stroke-width": "3.27381"
+                }
+              ),
+              /* @__PURE__ */ u(
+                "path",
+                {
+                  d: "M63.925 5.23719C71.0867 6.02431 76.2545 12.4676 75.4676 19.6293C74.6805 26.7911 68.2364 31.959 61.0746 31.1718C53.9129 30.3845 48.7459 23.9406 49.533 16.7789C50.3203 9.61739 56.7634 4.45029 63.925 5.23719ZM63.6957 7.32326C57.6866 6.66302 52.2797 10.9991 51.6191 17.0082C50.9586 23.0174 55.2946 28.4251 61.3038 29.0858C67.3132 29.7462 72.7211 25.4094 73.3816 19.4C74.0418 13.3908 69.705 7.98372 63.6957 7.32326Z",
+                  fill: n,
+                  stroke: t,
+                  "stroke-width": "0.3",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ u(
+              "ellipse",
+              {
+                cx: "41",
+                cy: "85",
+                rx: "15",
+                ry: "3",
+                fill: e,
+                "fill-opacity": "0.35"
+              }
+            ),
+            /* @__PURE__ */ u("defs", { children: /* @__PURE__ */ u("clipPath", { id: "clip0_7006_42127", children: /* @__PURE__ */ u(
+              "rect",
+              {
+                width: "33",
+                height: "33",
+                fill: "white",
+                transform: "translate(47.9012) rotate(6.27205)"
+              }
+            ) }) })
+          ]
+        }
+      )
     }
-  ) });
+  );
 }
 function Ne(e) {
   const t = Lr().value ? hi : vi;
@@ -1637,13 +1649,13 @@ function vi({
   dep: o,
   ...a
 }) {
-  const [i, s] = Ie(e), [l, c] = Ie(null), [f, p] = Ie(null), v = J(t);
+  const [i, s] = Ie(e), [l, c] = Ie(null), [d, p] = Ie(null), v = ee(t);
   e && (v.current = t);
-  const g = ee((m) => {
+  const g = te((m) => {
     c(m), m && !e && (m.style.width = "0px", m.style.height = "0px");
   }, []);
   Ue(() => {
-    f && (f.style.transition = "none", f.style.opacity = "0", f.offsetWidth, f.style.transition = "", f.style.opacity = "");
+    d && (d.style.transition = "none", d.style.opacity = "0", d.offsetWidth, d.style.transition = "", d.style.opacity = "");
   }, [o]), Ae(() => {
     l && (l.style.width = `${l.offsetWidth}px`, l.style.height = `${l.offsetHeight}px`);
   }, [
@@ -1653,19 +1665,19 @@ function vi({
     o
     // node's content changed
   ]), Ue(() => {
-    if (!l || !f) return;
+    if (!l || !d) return;
     e && s(!0);
-    const m = e ? f.offsetWidth : 0, w = e ? f.offsetHeight : 0;
+    const m = e ? d.offsetWidth : 0, w = e ? d.offsetHeight : 0;
     l.style.width = !e || l.offsetWidth !== m ? `${m}px` : "", l.style.height = !e || l.offsetHeight !== w ? `${w}px` : "";
   }, [
     l,
-    f,
+    d,
     e,
     // node's visibility changed
     o
     // node's content changed
   ]);
-  const { transitioning: b, handlers: d } = Mr({
+  const { transitioning: x, handlers: f } = Mr({
     onEnd: () => {
       e ? (l.style.width = "", l.style.height = "") : s(!1);
     }
@@ -1678,9 +1690,9 @@ function vi({
         "relative inline-flex shrink-0 justify-center items-center transition-[opacity,width,height,transform,flex-grow] duration-200 min-w-0",
         !e && "opacity-0 scale-75",
         e && r && "grow",
-        e && i && !b.value && "z-1"
+        e && i && !x.value && "z-1"
       ),
-      ...d,
+      ...f,
       children: /* @__PURE__ */ u(
         "div",
         {
@@ -1712,7 +1724,7 @@ const mi = {
     ...s
   }, l) {
     const c = !!r && !n;
-    return /* @__PURE__ */ _(
+    return /* @__PURE__ */ A(
       "button",
       {
         ref: l,
@@ -1746,7 +1758,7 @@ function Cn({
   className: e,
   ...t
 }) {
-  const { status: n, isSpeaking: r } = re(), o = zt(), a = G(), i = Y(
+  const { status: n, isSpeaking: r } = oe(), o = zt(), a = G(), i = Y(
     () => n.value !== "connected" ? a.connecting_status.value : o.value ? a.chatting_status.value : r.value ? a.speaking_status.value : a.listening_status.value
   ), [s, l] = Ie(i.peek());
   return Ee(() => {
@@ -1754,10 +1766,10 @@ function Cn({
     if (n.value === "connected" && r.value)
       l(c);
     else {
-      const f = setTimeout(() => {
+      const d = setTimeout(() => {
         l(c);
       }, 500);
-      return () => clearTimeout(f);
+      return () => clearTimeout(d);
     }
   }), /* @__PURE__ */ u(
     "div",
@@ -1767,7 +1779,7 @@ function Cn({
         e
       ),
       ...t,
-      children: /* @__PURE__ */ u(ae, { initial: !1, active: !0, children: /* @__PURE__ */ u("div", { className: "animate-text whitespace-nowrap transition-[opacity,transform] ease-out duration-200 data-hidden:opacity-0 transform data-hidden:translate-y-2", children: s }) }, s)
+      children: /* @__PURE__ */ u(ie, { initial: !1, active: !0, children: /* @__PURE__ */ u("div", { className: "animate-text whitespace-nowrap transition-[opacity,transform] ease-out duration-200 data-hidden:opacity-0 transform data-hidden:translate-y-2", children: s }) }, s)
     }
   );
 }
@@ -1775,7 +1787,7 @@ const Dr = de(null);
 function gi({
   children: e
 }) {
-  const t = Q(null), n = Q(""), r = Q("initial"), { lastId: o } = re(), a = F("agent-id"), { serverUrl: i } = wn(), s = ee(async (p) => {
+  const t = J(null), n = J(""), r = J("initial"), { lastId: o } = oe(), a = B("agent-id"), { serverUrl: i } = wn(), s = te(async (p) => {
     const v = o.value, g = a.value;
     if (!v || !g) {
       console.warn(
@@ -1791,10 +1803,10 @@ function gi({
         },
         i.value
       );
-    } catch (b) {
-      console.error("[ConversationalAI] Failed to submit rating:", b);
+    } catch (x) {
+      console.error("[ConversationalAI] Failed to submit rating:", x);
     }
-  }, []), l = ee(async () => {
+  }, []), l = te(async () => {
     const p = o.value, v = a.value;
     if (!p || !v) {
       console.warn(
@@ -1819,13 +1831,13 @@ function gi({
       } catch (g) {
         console.error("[ConversationalAI] Failed to submit feedback:", g);
       }
-  }, []), c = ee(() => {
+  }, []), c = te(() => {
     t.value = null, n.value = "", r.value = "initial";
   }, []);
   Ee(() => {
     o.value !== null && c();
   });
-  const f = Ae(
+  const d = Ae(
     () => ({
       rating: t,
       feedbackText: n,
@@ -1836,7 +1848,7 @@ function gi({
     }),
     [s, l, c]
   );
-  return /* @__PURE__ */ u(Dr.Provider, { value: f, children: e });
+  return /* @__PURE__ */ u(Dr.Provider, { value: d, children: e });
 }
 function Sn() {
   return fe(Dr);
@@ -1846,7 +1858,7 @@ function wi({
   defaultContent: e = "transcript",
   children: t
 }) {
-  const n = Q(e), r = ua(() => {
+  const n = J(e), r = ua(() => {
     const a = n.value === "feedback" ? {
       showHeaderBack: !0,
       onHeaderBack: () => {
@@ -1888,7 +1900,7 @@ const Br = (e, t) => Array.from({ length: t - e + 1 }, (n, r) => r + e), bi = ({
       p.stopPropagation(), r(e);
     },
     [r, e]
-  ), f = Be(
+  ), d = Be(
     (p) => {
       a(p, e);
     },
@@ -1905,7 +1917,7 @@ const Br = (e, t) => Array.from({ length: t - e + 1 }, (n, r) => r + e), bi = ({
         "aria-label": e.toString(),
         onMouseEnter: () => o(e),
         onClick: c,
-        onKeyDown: f,
+        onKeyDown: d,
         className: V(
           "w-8 h-8 grid place-content-center rounded-full focus-ring transition-colors cursor-pointer",
           s || l ? "text-base-primary" : "text-base-border"
@@ -1921,14 +1933,14 @@ const Br = (e, t) => Array.from({ length: t - e + 1 }, (n, r) => r + e), bi = ({
   ariaLabel: r,
   icon: o = "star"
 }) => {
-  const a = Q(null), i = Q(null), s = Br(t, n), l = Be(
+  const a = J(null), i = J(null), s = Br(t, n), l = Be(
     (v) => {
       i.value = v;
     },
     [i]
   ), c = Be(() => {
     i.value = null;
-  }, [i]), f = Be(
+  }, [i]), d = Be(
     (v) => {
       a.value = v, e(v);
     },
@@ -1939,11 +1951,11 @@ const Br = (e, t) => Array.from({ length: t - e + 1 }, (n, r) => r + e), bi = ({
         v.preventDefault(), a.value = g, e(g);
       else if (v.key === "ArrowLeft" || v.key === "ArrowDown") {
         if (v.preventDefault(), g - 1 >= t) {
-          const d = v.currentTarget, m = d == null ? void 0 : d.previousElementSibling;
+          const f = v.currentTarget, m = f == null ? void 0 : f.previousElementSibling;
           m == null || m.focus();
         }
       } else if ((v.key === "ArrowRight" || v.key === "ArrowUp") && (v.preventDefault(), g + 1 <= n)) {
-        const d = v.currentTarget, m = d == null ? void 0 : d.nextElementSibling;
+        const f = v.currentTarget, m = f == null ? void 0 : f.nextElementSibling;
         m == null || m.focus();
       }
     },
@@ -1962,7 +1974,7 @@ const Br = (e, t) => Array.from({ length: t - e + 1 }, (n, r) => r + e), bi = ({
           value: v,
           rating: a,
           hoverRating: i,
-          onClick: f,
+          onClick: d,
           onHover: l,
           onKeyDown: p,
           iconName: o
@@ -1994,7 +2006,7 @@ function Ci({
   onRate: t
 }) {
   const n = G();
-  return /* @__PURE__ */ _("div", { className: "flex flex-col items-center", children: [
+  return /* @__PURE__ */ A("div", { className: "flex flex-col items-center", children: [
     /* @__PURE__ */ u("div", { className: "text-sm text-base-primary font-medium", children: n.initiate_feedback }),
     /* @__PURE__ */ u("div", { className: "py-4", children: /* @__PURE__ */ u(
       yi,
@@ -2013,7 +2025,7 @@ function Si({
   onFollowUpClick: r
 }) {
   const o = G();
-  return /* @__PURE__ */ _("div", { className: "flex flex-col items-center gap-3 mb-4", children: [
+  return /* @__PURE__ */ A("div", { className: "flex flex-col items-center gap-3 mb-4", children: [
     /* @__PURE__ */ u("div", { className: "text-sm text-base-primary font-medium", children: o.thanks_for_feedback }),
     /* @__PURE__ */ u(zr, { rating: t, min: 1, max: 5, icon: e }),
     n && /* @__PURE__ */ u(ve, { variant: "secondary", onClick: r, children: o.request_follow_up_feedback })
@@ -2040,7 +2052,7 @@ function ki({ icon: e = "star" }) {
 }
 function Ei({ entry: e }) {
   const { previewUrl: t } = xn();
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ A(
     "div",
     {
       className: V(
@@ -2072,13 +2084,13 @@ function Ei({ entry: e }) {
   );
 }
 function Ti({ entry: e }) {
-  const t = G(), { lastId: n } = re(), r = Na();
-  return /* @__PURE__ */ _("div", { className: "mt-3 px-8 flex flex-col", children: [
+  const t = G(), { lastId: n } = oe(), r = Na();
+  return /* @__PURE__ */ A("div", { className: "mt-3 px-8 flex flex-col", children: [
     r && /* @__PURE__ */ u(ki, {}),
-    /* @__PURE__ */ _("div", { className: "text-xs text-base-subtle text-center transition-opacity duration-200 data-hidden:opacity-0", children: [
+    /* @__PURE__ */ A("div", { className: "text-xs text-base-subtle text-center transition-opacity duration-200 data-hidden:opacity-0", children: [
       e.role === "user" ? t.user_ended_conversation : t.agent_ended_conversation,
       /* @__PURE__ */ u("br", {}),
-      n.value && /* @__PURE__ */ _("span", { className: "break-all", children: [
+      n.value && /* @__PURE__ */ A("span", { className: "break-all", children: [
         t.conversation_id,
         ": ",
         n.value
@@ -2087,14 +2099,14 @@ function Ti({ entry: e }) {
   ] });
 }
 function Ai({ entry: e }) {
-  const t = G(), { lastId: n } = re();
-  return /* @__PURE__ */ _("div", { className: "mt-2 px-8 text-xs text-base-error text-center transition-opacity duration-200 data-hidden:opacity-0", children: [
+  const t = G(), { lastId: n } = oe();
+  return /* @__PURE__ */ A("div", { className: "mt-2 px-8 text-xs text-base-error text-center transition-opacity duration-200 data-hidden:opacity-0", children: [
     t.error_occurred,
     /* @__PURE__ */ u("br", {}),
     e.message,
-    n.value && /* @__PURE__ */ _(rt, { children: [
+    n.value && /* @__PURE__ */ A(rt, { children: [
       /* @__PURE__ */ u("br", {}),
-      /* @__PURE__ */ _("span", { className: "text-base-subtle break-all", children: [
+      /* @__PURE__ */ A("span", { className: "text-base-subtle break-all", children: [
         t.conversation_id,
         ": ",
         n.value
@@ -2106,11 +2118,11 @@ function _i({
   entry: e,
   animateIn: t
 }) {
-  return /* @__PURE__ */ u(ae, { initial: !t, active: !0, children: e.type === "message" ? /* @__PURE__ */ u(Ei, { entry: e }) : e.type === "disconnection" ? /* @__PURE__ */ u(Ti, { entry: e }) : /* @__PURE__ */ u(Ai, { entry: e }) });
+  return /* @__PURE__ */ u(ie, { initial: !t, active: !0, children: e.type === "message" ? /* @__PURE__ */ u(Ei, { entry: e }) : e.type === "disconnection" ? /* @__PURE__ */ u(Ti, { entry: e }) : /* @__PURE__ */ u(Ai, { entry: e }) });
 }
 const Pi = 16;
 function Ri({ scrollPinned: e, transcript: t }) {
-  const n = J(null), r = J(0), o = J(null), a = J(!1), i = J(!1), s = (p) => {
+  const n = ee(null), r = ee(0), o = ee(null), a = ee(!1), i = ee(!1), s = (p) => {
     var v;
     (v = n.current) == null || v.scrollTo({
       top: n.current.scrollHeight,
@@ -2119,30 +2131,30 @@ function Ri({ scrollPinned: e, transcript: t }) {
   }, l = () => {
     const p = n.current;
     if (!p || !a.current || i.current) return;
-    const v = p.scrollTop, g = p.scrollHeight - p.clientHeight, b = g - v;
-    if (Math.abs(b) < 1) {
+    const v = p.scrollTop, g = p.scrollHeight - p.clientHeight, x = g - v;
+    if (Math.abs(x) < 1) {
       p.scrollTop = g, o.current = requestAnimationFrame(l);
       return;
     }
-    const d = b * 0.2, m = 2;
-    p.scrollTop = v + Math.max(d, m), o.current = requestAnimationFrame(l);
+    const f = x * 0.2, m = 2;
+    p.scrollTop = v + Math.max(f, m), o.current = requestAnimationFrame(l);
   }, c = () => {
     !n.current || i.current || a.current || (a.current = !0, o.current = requestAnimationFrame(l));
-  }, f = J(!0);
-  return Ue(() => (f.current = !1, s(!1), () => {
+  }, d = ee(!0);
+  return Ue(() => (d.current = !1, s(!1), () => {
     o.current && cancelAnimationFrame(o.current);
   }), []), Ee(() => {
-    var b;
+    var x;
     const p = t.value;
     if (!e.peek()) return;
     const v = p[p.length - 1];
     if ((v == null ? void 0 : v.type) === "message" && (v == null ? void 0 : v.role) === "ai" && (v == null ? void 0 : v.isText) === !0) {
-      const d = ((b = v.message) == null ? void 0 : b.length) || 0;
-      r.current === 0 && d > 0 ? (r.current = d, i.current = !1, requestAnimationFrame(() => {
+      const f = ((x = v.message) == null ? void 0 : x.length) || 0;
+      r.current === 0 && f > 0 ? (r.current = f, i.current = !1, requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           !i.current && e.peek() && (s(!1), c());
         });
-      })) : d > r.current && (r.current = d, c());
+      })) : f > r.current && (r.current = f, c());
     } else
       r.current = 0, a.current = !1, i.current = !1, o.current && (cancelAnimationFrame(o.current), o.current = null), s(!0);
   }), /* @__PURE__ */ u(
@@ -2158,7 +2170,7 @@ function Ri({ scrollPinned: e, transcript: t }) {
         _i,
         {
           entry: p,
-          animateIn: !f.current
+          animateIn: !d.current
         },
         `${v}-${p.conversationIndex}`
       ))
@@ -2184,7 +2196,7 @@ function En({
   visible: e,
   ...t
 }) {
-  const n = G(), { isMuted: r, isMutingEnabled: o, setIsMuted: a } = Cr(), i = ee(() => {
+  const n = G(), { isMuted: r, isMutingEnabled: o, setIsMuted: a } = Cr(), i = te(() => {
     a(!r.peek());
   }, [a]);
   return o.value ? /* @__PURE__ */ u(Ne, { visible: e, className: "p-1", children: /* @__PURE__ */ u(
@@ -2204,7 +2216,7 @@ function Tn({
   children: n,
   ...r
 }) {
-  const { endSession: o, startSession: a } = re(), i = G();
+  const { endSession: o, startSession: a } = oe(), i = G();
   return /* @__PURE__ */ u(
     ve,
     {
@@ -2221,47 +2233,47 @@ function Ii({
   showTranscript: e,
   scrollPinned: t
 }) {
-  const n = Q(""), r = zt(), { text_input_enabled: o } = q().value, a = G(), {
+  const n = J(""), r = zt(), { text_input_enabled: o } = q().value, a = G(), {
     isDisconnected: i,
     status: s,
     startSession: l,
     sendUserMessage: c,
-    sendUserActivity: f,
+    sendUserActivity: d,
     conversationIndex: p
-  } = re(), v = ee(
+  } = oe(), v = te(
     async (m) => {
       m.preventDefault();
       const w = n.value.trim();
       w && (t.value = !0, n.value = "", i.value ? await l(m.currentTarget, w) : c(w));
     },
     [n, t, i, l, c]
-  ), g = ee(
+  ), g = te(
     async (m) => {
       m.key === "Enter" && !m.shiftKey && await v(m);
     },
     [v]
-  ), b = ee(
+  ), x = te(
     (m) => {
       n.value = m.currentTarget.value;
     },
     [n]
-  ), d = Y(() => !!n.value.trim());
-  return /* @__PURE__ */ _("div", { className: "shrink-0 overflow-hidden flex p-3 items-end justify-end", children: [
-    o && /* @__PURE__ */ _("div", { className: "relative grow min-w-0 flex z-1 m-1", children: [
+  ), f = Y(() => !!n.value.trim());
+  return /* @__PURE__ */ A("div", { className: "shrink-0 overflow-hidden flex p-3 items-end justify-end", children: [
+    o && /* @__PURE__ */ A("div", { className: "relative grow min-w-0 flex z-1 m-1", children: [
       /* @__PURE__ */ u(
         Vr,
         {
           rows: 1,
           "aria-label": a.input_label,
           value: n,
-          onInput: f,
-          onChange: b,
+          onInput: d,
+          onChange: x,
           onKeyDown: g,
           className: "min-w-0 w-full max-h-[8lh] pr-9",
           placeholder: r.value ? i.value && p.value > 0 ? a.input_placeholder_new_conversation : a.input_placeholder_text_only : a.input_placeholder
         }
       ),
-      /* @__PURE__ */ u(ae, { active: d, children: /* @__PURE__ */ u(
+      /* @__PURE__ */ u(ie, { active: f, children: /* @__PURE__ */ u(
         "button",
         {
           "aria-label": a.send_message,
@@ -2271,7 +2283,7 @@ function Ii({
         }
       ) })
     ] }),
-    /* @__PURE__ */ _("div", { className: "flex h-11 items-center", children: [
+    /* @__PURE__ */ A("div", { className: "flex h-11 items-center", children: [
       /* @__PURE__ */ u(En, { visible: !r.value && !i.value }),
       /* @__PURE__ */ u(
         Ne,
@@ -2293,14 +2305,14 @@ function Ii({
   ] });
 }
 function Ni() {
-  const e = G(), { rating: t, feedbackText: n } = Sn(), r = ee(
+  const e = G(), { rating: t, feedbackText: n } = Sn(), r = te(
     (o) => {
       n.value = o.currentTarget.value;
     },
     []
   );
-  return /* @__PURE__ */ u("div", { className: "grow flex flex-col overflow-y-auto overflow-x-hidden px-4", children: /* @__PURE__ */ _("div", { className: "flex flex-col gap-8 min-h-full pt-4 pb-2", children: [
-    /* @__PURE__ */ _("div", { className: "flex flex-col items-center justify-center gap-3", children: [
+  return /* @__PURE__ */ u("div", { className: "grow flex flex-col overflow-y-auto overflow-x-hidden px-4", children: /* @__PURE__ */ A("div", { className: "flex flex-col gap-8 min-h-full pt-4 pb-2", children: [
+    /* @__PURE__ */ A("div", { className: "flex flex-col items-center justify-center gap-3", children: [
       /* @__PURE__ */ u(
         pi,
         {
@@ -2311,7 +2323,7 @@ function Ni() {
         }
       ),
       t.value !== null && /* @__PURE__ */ u(zr, { rating: t.value, min: 1, max: 5 }),
-      /* @__PURE__ */ _("div", { className: "text-center", children: [
+      /* @__PURE__ */ A("div", { className: "text-center", children: [
         /* @__PURE__ */ u("p", { className: "text-sm text-base-primary font-medium", children: e.thanks_for_feedback }),
         /* @__PURE__ */ u("p", { className: "text-sm text-base-subtle", children: e.thanks_for_feedback_details })
       ] })
@@ -2329,7 +2341,7 @@ function Ni() {
   ] }) });
 }
 function Oi() {
-  const e = G(), { currentContent: t } = kn(), { submitFeedback: n } = Sn(), r = ee(() => {
+  const e = G(), { currentContent: t } = kn(), { submitFeedback: n } = Sn(), r = te(() => {
     n(), t.value = "transcript";
   }, [n]);
   return /* @__PURE__ */ u("div", { className: "shrink-0 overflow-hidden flex p-3 items-end justify-end", children: /* @__PURE__ */ u(ve, { variant: "primary", onClick: r, children: e.submit }) });
@@ -2350,18 +2362,18 @@ function An(e, t = []) {
     n = [...n, i];
     const c = (p) => {
       var w;
-      const { scope: v, children: g, ...b } = p, d = ((w = v == null ? void 0 : v[e]) == null ? void 0 : w[l]) || s, m = h.useMemo(() => b, Object.values(b));
-      return /* @__PURE__ */ E(d.Provider, { value: m, children: g });
+      const { scope: v, children: g, ...x } = p, f = ((w = v == null ? void 0 : v[e]) == null ? void 0 : w[l]) || s, m = h.useMemo(() => x, Object.values(x));
+      return /* @__PURE__ */ T(f.Provider, { value: m, children: g });
     };
     c.displayName = a + "Provider";
-    function f(p, v) {
-      var d;
-      const g = ((d = v == null ? void 0 : v[e]) == null ? void 0 : d[l]) || s, b = h.useContext(g);
-      if (b) return b;
+    function d(p, v) {
+      var f;
+      const g = ((f = v == null ? void 0 : v[e]) == null ? void 0 : f[l]) || s, x = h.useContext(g);
+      if (x) return x;
       if (i !== void 0) return i;
       throw new Error(`\`${p}\` must be used within \`${a}\``);
     }
-    return [c, f];
+    return [c, d];
   }
   const o = () => {
     const a = n.map((i) => h.createContext(i));
@@ -2397,39 +2409,39 @@ function Mi(e) {
   const t = e + "CollectionProvider", [n, r] = An(t), [o, a] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), i = (d) => {
-    const { scope: m, children: w } = d, y = De.useRef(null), x = De.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ E(o, { scope: m, itemMap: x, collectionRef: y, children: w });
+  ), i = (f) => {
+    const { scope: m, children: w } = f, b = De.useRef(null), y = De.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ T(o, { scope: m, itemMap: y, collectionRef: b, children: w });
   };
   i.displayName = t;
   const s = e + "CollectionSlot", l = /* @__PURE__ */ gt(s), c = De.forwardRef(
-    (d, m) => {
-      const { scope: w, children: y } = d, x = a(s, w), C = te(m, x.collectionRef);
-      return /* @__PURE__ */ E(l, { ref: C, children: y });
+    (f, m) => {
+      const { scope: w, children: b } = f, y = a(s, w), C = ne(m, y.collectionRef);
+      return /* @__PURE__ */ T(l, { ref: C, children: b });
     }
   );
   c.displayName = s;
-  const f = e + "CollectionItemSlot", p = "data-radix-collection-item", v = /* @__PURE__ */ gt(f), g = De.forwardRef(
-    (d, m) => {
-      const { scope: w, children: y, ...x } = d, C = De.useRef(null), S = te(m, C), A = a(f, w);
-      return De.useEffect(() => (A.itemMap.set(C, { ref: C, ...x }), () => void A.itemMap.delete(C))), /* @__PURE__ */ E(v, { [p]: "", ref: S, children: y });
+  const d = e + "CollectionItemSlot", p = "data-radix-collection-item", v = /* @__PURE__ */ gt(d), g = De.forwardRef(
+    (f, m) => {
+      const { scope: w, children: b, ...y } = f, C = De.useRef(null), S = ne(m, C), E = a(d, w);
+      return De.useEffect(() => (E.itemMap.set(C, { ref: C, ...y }), () => void E.itemMap.delete(C))), /* @__PURE__ */ T(v, { [p]: "", ref: S, children: b });
     }
   );
-  g.displayName = f;
-  function b(d) {
-    const m = a(e + "CollectionConsumer", d);
+  g.displayName = d;
+  function x(f) {
+    const m = a(e + "CollectionConsumer", f);
     return De.useCallback(() => {
-      const y = m.collectionRef.current;
-      if (!y) return [];
-      const x = Array.from(y.querySelectorAll(`[${p}]`));
+      const b = m.collectionRef.current;
+      if (!b) return [];
+      const y = Array.from(b.querySelectorAll(`[${p}]`));
       return Array.from(m.itemMap.values()).sort(
-        (A, k) => x.indexOf(A.ref.current) - x.indexOf(k.ref.current)
+        (E, k) => y.indexOf(E.ref.current) - y.indexOf(k.ref.current)
       );
     }, [m.collectionRef, m.itemMap]);
   }
   return [
     { Provider: i, Slot: c, ItemSlot: g },
-    b,
+    x,
     r
   ];
 }
@@ -2459,7 +2471,7 @@ var Bi = [
 ], X = Bi.reduce((e, t) => {
   const n = /* @__PURE__ */ gt(`Primitive.${t}`), r = h.forwardRef((o, a) => {
     const { asChild: i, ...s } = o, l = i ? n : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ E(l, { ...s, ref: a });
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ T(l, { ...s, ref: a });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
@@ -2498,36 +2510,36 @@ var $i = "DismissableLayer", sn = "dismissableLayer.update", Wi = "dismissableLa
       onInteractOutside: i,
       onDismiss: s,
       ...l
-    } = e, c = h.useContext($r), [f, p] = h.useState(null), v = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = h.useState({}), b = te(t, (k) => p(k)), d = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), w = d.indexOf(m), y = f ? d.indexOf(f) : -1, x = c.layersWithOutsidePointerEventsDisabled.size > 0, C = y >= w, S = Yi((k) => {
+    } = e, c = h.useContext($r), [d, p] = h.useState(null), v = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = h.useState({}), x = ne(t, (k) => p(k)), f = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), w = f.indexOf(m), b = d ? f.indexOf(d) : -1, y = c.layersWithOutsidePointerEventsDisabled.size > 0, C = b >= w, S = Yi((k) => {
       const I = k.target, D = [...c.branches].some((L) => L.contains(I));
       !C || D || (o == null || o(k), i == null || i(k), k.defaultPrevented || s == null || s());
-    }, v), A = Ki((k) => {
+    }, v), E = Ki((k) => {
       const I = k.target;
       [...c.branches].some((L) => L.contains(I)) || (a == null || a(k), i == null || i(k), k.defaultPrevented || s == null || s());
     }, v);
     return Vi((k) => {
-      y === c.layers.size - 1 && (r == null || r(k), !k.defaultPrevented && s && (k.preventDefault(), s()));
+      b === c.layers.size - 1 && (r == null || r(k), !k.defaultPrevented && s && (k.preventDefault(), s()));
     }, v), h.useEffect(() => {
-      if (f)
-        return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (jn = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(f)), c.layers.add(f), Yn(), () => {
+      if (d)
+        return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (jn = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(d)), c.layers.add(d), Yn(), () => {
           n && c.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = jn);
         };
-    }, [f, v, n, c]), h.useEffect(() => () => {
-      f && (c.layers.delete(f), c.layersWithOutsidePointerEventsDisabled.delete(f), Yn());
-    }, [f, c]), h.useEffect(() => {
+    }, [d, v, n, c]), h.useEffect(() => () => {
+      d && (c.layers.delete(d), c.layersWithOutsidePointerEventsDisabled.delete(d), Yn());
+    }, [d, c]), h.useEffect(() => {
       const k = () => g({});
       return document.addEventListener(sn, k), () => document.removeEventListener(sn, k);
-    }, []), /* @__PURE__ */ E(
+    }, []), /* @__PURE__ */ T(
       X.div,
       {
         ...l,
-        ref: b,
+        ref: x,
         style: {
-          pointerEvents: x ? C ? "auto" : "none" : void 0,
+          pointerEvents: y ? C ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: Z(e.onFocusCapture, A.onFocusCapture),
-        onBlurCapture: Z(e.onBlurCapture, A.onBlurCapture),
+        onFocusCapture: Z(e.onFocusCapture, E.onFocusCapture),
+        onBlurCapture: Z(e.onBlurCapture, E.onBlurCapture),
         onPointerDownCapture: Z(
           e.onPointerDownCapture,
           S.onPointerDownCapture
@@ -2538,14 +2550,14 @@ var $i = "DismissableLayer", sn = "dismissableLayer.update", Wi = "dismissableLa
 );
 Wr.displayName = $i;
 var Ui = "DismissableLayerBranch", ji = h.forwardRef((e, t) => {
-  const n = h.useContext($r), r = h.useRef(null), o = te(t, r);
+  const n = h.useContext($r), r = h.useRef(null), o = ne(t, r);
   return h.useEffect(() => {
     const a = r.current;
     if (a)
       return n.branches.add(a), () => {
         n.branches.delete(a);
       };
-  }, [n.branches]), /* @__PURE__ */ E(X.div, { ...e, ref: o });
+  }, [n.branches]), /* @__PURE__ */ T(X.div, { ...e, ref: o });
 });
 ji.displayName = Ui;
 function Yi(e, t = globalThis == null ? void 0 : globalThis.document) {
@@ -2620,7 +2632,7 @@ var Gt = "focusScope.autoFocusOnMount", qt = "focusScope.autoFocusOnUnmount", Xn
     onMountAutoFocus: o,
     onUnmountAutoFocus: a,
     ...i
-  } = e, [s, l] = h.useState(null), c = je(o), f = je(a), p = h.useRef(null), v = te(t, (d) => l(d)), g = h.useRef({
+  } = e, [s, l] = h.useState(null), c = je(o), d = je(a), p = h.useRef(null), v = ne(t, (f) => l(f)), g = h.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -2631,53 +2643,53 @@ var Gt = "focusScope.autoFocusOnMount", qt = "focusScope.autoFocusOnUnmount", Xn
   }).current;
   h.useEffect(() => {
     if (r) {
-      let d = function(x) {
+      let f = function(y) {
         if (g.paused || !s) return;
-        const C = x.target;
+        const C = y.target;
         s.contains(C) ? p.current = C : Fe(p.current, { select: !0 });
-      }, m = function(x) {
+      }, m = function(y) {
         if (g.paused || !s) return;
-        const C = x.relatedTarget;
+        const C = y.relatedTarget;
         C !== null && (s.contains(C) || Fe(p.current, { select: !0 }));
-      }, w = function(x) {
+      }, w = function(y) {
         if (document.activeElement === document.body)
-          for (const S of x)
+          for (const S of y)
             S.removedNodes.length > 0 && Fe(s);
       };
-      document.addEventListener("focusin", d), document.addEventListener("focusout", m);
-      const y = new MutationObserver(w);
-      return s && y.observe(s, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", d), document.removeEventListener("focusout", m), y.disconnect();
+      document.addEventListener("focusin", f), document.addEventListener("focusout", m);
+      const b = new MutationObserver(w);
+      return s && b.observe(s, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", f), document.removeEventListener("focusout", m), b.disconnect();
       };
     }
   }, [r, s, g.paused]), h.useEffect(() => {
     if (s) {
       Gn.add(g);
-      const d = document.activeElement;
-      if (!s.contains(d)) {
+      const f = document.activeElement;
+      if (!s.contains(f)) {
         const w = new CustomEvent(Gt, Xn);
-        s.addEventListener(Gt, c), s.dispatchEvent(w), w.defaultPrevented || (Gi(ts(jr(s)), { select: !0 }), document.activeElement === d && Fe(s));
+        s.addEventListener(Gt, c), s.dispatchEvent(w), w.defaultPrevented || (Gi(ts(jr(s)), { select: !0 }), document.activeElement === f && Fe(s));
       }
       return () => {
         s.removeEventListener(Gt, c), setTimeout(() => {
           const w = new CustomEvent(qt, Xn);
-          s.addEventListener(qt, f), s.dispatchEvent(w), w.defaultPrevented || Fe(d ?? document.body, { select: !0 }), s.removeEventListener(qt, f), Gn.remove(g);
+          s.addEventListener(qt, d), s.dispatchEvent(w), w.defaultPrevented || Fe(f ?? document.body, { select: !0 }), s.removeEventListener(qt, d), Gn.remove(g);
         }, 0);
       };
     }
-  }, [s, c, f, g]);
-  const b = h.useCallback(
-    (d) => {
+  }, [s, c, d, g]);
+  const x = h.useCallback(
+    (f) => {
       if (!n && !r || g.paused) return;
-      const m = d.key === "Tab" && !d.altKey && !d.ctrlKey && !d.metaKey, w = document.activeElement;
+      const m = f.key === "Tab" && !f.altKey && !f.ctrlKey && !f.metaKey, w = document.activeElement;
       if (m && w) {
-        const y = d.currentTarget, [x, C] = qi(y);
-        x && C ? !d.shiftKey && w === C ? (d.preventDefault(), n && Fe(x, { select: !0 })) : d.shiftKey && w === x && (d.preventDefault(), n && Fe(C, { select: !0 })) : w === y && d.preventDefault();
+        const b = f.currentTarget, [y, C] = qi(b);
+        y && C ? !f.shiftKey && w === C ? (f.preventDefault(), n && Fe(y, { select: !0 })) : f.shiftKey && w === y && (f.preventDefault(), n && Fe(C, { select: !0 })) : w === b && f.preventDefault();
       }
     },
     [n, r, g.paused]
   );
-  return /* @__PURE__ */ E(X.div, { tabIndex: -1, ...i, ref: v, onKeyDown: b });
+  return /* @__PURE__ */ T(X.div, { tabIndex: -1, ...i, ref: v, onKeyDown: x });
 });
 Ur.displayName = Zi;
 function Gi(e, { select: t = !1 } = {}) {
@@ -2862,18 +2874,18 @@ function er(e, t, n) {
     reference: r,
     floating: o
   } = e;
-  const a = ye(t), i = In(t), s = Rn(i), l = Le(t), c = a === "y", f = r.x + r.width / 2 - o.width / 2, p = r.y + r.height / 2 - o.height / 2, v = r[s] / 2 - o[s] / 2;
+  const a = ye(t), i = In(t), s = Rn(i), l = Le(t), c = a === "y", d = r.x + r.width / 2 - o.width / 2, p = r.y + r.height / 2 - o.height / 2, v = r[s] / 2 - o[s] / 2;
   let g;
   switch (l) {
     case "top":
       g = {
-        x: f,
+        x: d,
         y: r.y - o.height
       };
       break;
     case "bottom":
       g = {
-        x: f,
+        x: d,
         y: r.y + r.height
       };
       break;
@@ -2917,20 +2929,20 @@ const vs = async (e, t, n) => {
     floating: t,
     strategy: o
   }), {
-    x: f,
+    x: d,
     y: p
-  } = er(c, r, l), v = r, g = {}, b = 0;
-  for (let d = 0; d < s.length; d++) {
+  } = er(c, r, l), v = r, g = {}, x = 0;
+  for (let f = 0; f < s.length; f++) {
     const {
       name: m,
       fn: w
-    } = s[d], {
-      x: y,
-      y: x,
+    } = s[f], {
+      x: b,
+      y,
       data: C,
       reset: S
     } = await w({
-      x: f,
+      x: d,
       y: p,
       initialPlacement: r,
       placement: v,
@@ -2943,23 +2955,23 @@ const vs = async (e, t, n) => {
         floating: t
       }
     });
-    f = y ?? f, p = x ?? p, g = {
+    d = b ?? d, p = y ?? p, g = {
       ...g,
       [m]: {
         ...g[m],
         ...C
       }
-    }, S && b <= 50 && (b++, typeof S == "object" && (S.placement && (v = S.placement), S.rects && (c = S.rects === !0 ? await i.getElementRects({
+    }, S && x <= 50 && (x++, typeof S == "object" && (S.placement && (v = S.placement), S.rects && (c = S.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: t,
       strategy: o
     }) : S.rects), {
-      x: f,
+      x: d,
       y: p
-    } = er(c, v, l)), d = -1);
+    } = er(c, v, l)), f = -1);
   }
   return {
-    x: f,
+    x: d,
     y: p,
     placement: v,
     strategy: o,
@@ -2978,21 +2990,21 @@ async function wt(e, t) {
     strategy: l
   } = e, {
     boundary: c = "clippingAncestors",
-    rootBoundary: f = "viewport",
+    rootBoundary: d = "viewport",
     elementContext: p = "floating",
     altBoundary: v = !1,
     padding: g = 0
-  } = Oe(t, e), b = Yr(g), m = s[v ? p === "floating" ? "reference" : "floating" : p], w = Mt(await a.getClippingRect({
+  } = Oe(t, e), x = Yr(g), m = s[v ? p === "floating" ? "reference" : "floating" : p], w = Mt(await a.getClippingRect({
     element: (n = await (a.isElement == null ? void 0 : a.isElement(m))) == null || n ? m : m.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(s.floating)),
     boundary: c,
-    rootBoundary: f,
+    rootBoundary: d,
     strategy: l
-  })), y = p === "floating" ? {
+  })), b = p === "floating" ? {
     x: r,
     y: o,
     width: i.floating.width,
     height: i.floating.height
-  } : i.reference, x = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(s.floating)), C = await (a.isElement == null ? void 0 : a.isElement(x)) ? await (a.getScale == null ? void 0 : a.getScale(x)) || {
+  } : i.reference, y = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(s.floating)), C = await (a.isElement == null ? void 0 : a.isElement(y)) ? await (a.getScale == null ? void 0 : a.getScale(y)) || {
     x: 1,
     y: 1
   } : {
@@ -3000,15 +3012,15 @@ async function wt(e, t) {
     y: 1
   }, S = Mt(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: s,
-    rect: y,
-    offsetParent: x,
+    rect: b,
+    offsetParent: y,
     strategy: l
-  }) : y);
+  }) : b);
   return {
-    top: (w.top - S.top + b.top) / C.y,
-    bottom: (S.bottom - w.bottom + b.bottom) / C.y,
-    left: (w.left - S.left + b.left) / C.x,
-    right: (S.right - w.right + b.right) / C.x
+    top: (w.top - S.top + x.top) / C.y,
+    bottom: (S.bottom - w.bottom + x.bottom) / C.y,
+    left: (w.left - S.left + x.left) / C.x,
+    right: (S.right - w.right + x.right) / C.x
   };
 }
 const ms = (e) => ({
@@ -3025,22 +3037,22 @@ const ms = (e) => ({
       middlewareData: l
     } = t, {
       element: c,
-      padding: f = 0
+      padding: d = 0
     } = Oe(e, t) || {};
     if (c == null)
       return {};
-    const p = Yr(f), v = {
+    const p = Yr(d), v = {
       x: n,
       y: r
-    }, g = In(o), b = Rn(g), d = await i.getDimensions(c), m = g === "y", w = m ? "top" : "left", y = m ? "bottom" : "right", x = m ? "clientHeight" : "clientWidth", C = a.reference[b] + a.reference[g] - v[g] - a.floating[b], S = v[g] - a.reference[g], A = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c));
-    let k = A ? A[x] : 0;
-    (!k || !await (i.isElement == null ? void 0 : i.isElement(A))) && (k = s.floating[x] || a.floating[b]);
-    const I = C / 2 - S / 2, D = k / 2 - d[b] / 2 - 1, L = ze(p[w], D), $ = ze(p[y], D), W = L, N = k - d[b] - $, T = k / 2 - d[b] / 2 + I, B = ln(W, T, N), O = !l.arrow && st(o) != null && T !== B && a.reference[b] / 2 - (T < W ? L : $) - d[b] / 2 < 0, M = O ? T < W ? T - W : T - N : 0;
+    }, g = In(o), x = Rn(g), f = await i.getDimensions(c), m = g === "y", w = m ? "top" : "left", b = m ? "bottom" : "right", y = m ? "clientHeight" : "clientWidth", C = a.reference[x] + a.reference[g] - v[g] - a.floating[x], S = v[g] - a.reference[g], E = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c));
+    let k = E ? E[y] : 0;
+    (!k || !await (i.isElement == null ? void 0 : i.isElement(E))) && (k = s.floating[y] || a.floating[x]);
+    const I = C / 2 - S / 2, D = k / 2 - f[x] / 2 - 1, L = ze(p[w], D), $ = ze(p[b], D), W = L, F = k - f[x] - $, N = k / 2 - f[x] / 2 + I, _ = ln(W, N, F), O = !l.arrow && st(o) != null && N !== _ && a.reference[x] / 2 - (N < W ? L : $) - f[x] / 2 < 0, M = O ? N < W ? N - W : N - F : 0;
     return {
       [g]: v[g] + M,
       data: {
-        [g]: B,
-        centerOffset: T - B - M,
+        [g]: _,
+        centerOffset: N - _ - M,
         ...O && {
           alignmentOffset: M
         }
@@ -3062,56 +3074,56 @@ const ms = (e) => ({
         platform: l,
         elements: c
       } = t, {
-        mainAxis: f = !0,
+        mainAxis: d = !0,
         crossAxis: p = !0,
         fallbackPlacements: v,
         fallbackStrategy: g = "bestFit",
-        fallbackAxisSideDirection: b = "none",
-        flipAlignment: d = !0,
+        fallbackAxisSideDirection: x = "none",
+        flipAlignment: f = !0,
         ...m
       } = Oe(e, t);
       if ((n = a.arrow) != null && n.alignmentOffset)
         return {};
-      const w = Le(o), y = ye(s), x = Le(s) === s, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), S = v || (x || !d ? [Lt(s)] : cs(s)), A = b !== "none";
-      !v && A && S.push(...ps(s, d, b, C));
+      const w = Le(o), b = ye(s), y = Le(s) === s, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), S = v || (y || !f ? [Lt(s)] : cs(s)), E = x !== "none";
+      !v && E && S.push(...ps(s, f, x, C));
       const k = [s, ...S], I = await wt(t, m), D = [];
       let L = ((r = a.flip) == null ? void 0 : r.overflows) || [];
-      if (f && D.push(I[w]), p) {
-        const T = ls(o, i, C);
-        D.push(I[T[0]], I[T[1]]);
+      if (d && D.push(I[w]), p) {
+        const N = ls(o, i, C);
+        D.push(I[N[0]], I[N[1]]);
       }
       if (L = [...L, {
         placement: o,
         overflows: D
-      }], !D.every((T) => T <= 0)) {
+      }], !D.every((N) => N <= 0)) {
         var $, W;
-        const T = ((($ = a.flip) == null ? void 0 : $.index) || 0) + 1, B = k[T];
-        if (B && (!(p === "alignment" ? y !== ye(B) : !1) || // We leave the current main axis only if every placement on that axis
+        const N = ((($ = a.flip) == null ? void 0 : $.index) || 0) + 1, _ = k[N];
+        if (_ && (!(p === "alignment" ? b !== ye(_) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        L.every((P) => ye(P.placement) === y ? P.overflows[0] > 0 : !0)))
+        L.every((P) => ye(P.placement) === b ? P.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: T,
+              index: N,
               overflows: L
             },
             reset: {
-              placement: B
+              placement: _
             }
           };
         let O = (W = L.filter((M) => M.overflows[0] <= 0).sort((M, P) => M.overflows[1] - P.overflows[1])[0]) == null ? void 0 : W.placement;
         if (!O)
           switch (g) {
             case "bestFit": {
-              var N;
-              const M = (N = L.filter((P) => {
-                if (A) {
+              var F;
+              const M = (F = L.filter((P) => {
+                if (E) {
                   const z = ye(P.placement);
-                  return z === y || // Create a bias to the `y` side axis due to horizontal
+                  return z === b || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   z === "y";
                 }
                 return !0;
-              }).map((P) => [P.placement, P.overflows.filter((z) => z > 0).reduce((z, ie) => z + ie, 0)]).sort((P, z) => P[1] - z[1])[0]) == null ? void 0 : N[0];
+              }).map((P) => [P.placement, P.overflows.filter((z) => z > 0).reduce((z, Q) => z + Q, 0)]).sort((P, z) => P[1] - z[1])[0]) == null ? void 0 : F[0];
               M && (O = M);
               break;
             }
@@ -3188,11 +3200,11 @@ async function bs(e, t) {
     placement: n,
     platform: r,
     elements: o
-  } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), i = Le(n), s = st(n), l = ye(n) === "y", c = Kr.has(i) ? -1 : 1, f = a && l ? -1 : 1, p = Oe(t, e);
+  } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), i = Le(n), s = st(n), l = ye(n) === "y", c = Kr.has(i) ? -1 : 1, d = a && l ? -1 : 1, p = Oe(t, e);
   let {
     mainAxis: v,
     crossAxis: g,
-    alignmentAxis: b
+    alignmentAxis: x
   } = typeof p == "number" ? {
     mainAxis: p,
     crossAxis: 0,
@@ -3202,12 +3214,12 @@ async function bs(e, t) {
     crossAxis: p.crossAxis || 0,
     alignmentAxis: p.alignmentAxis
   };
-  return s && typeof b == "number" && (g = s === "end" ? b * -1 : b), l ? {
-    x: g * f,
+  return s && typeof x == "number" && (g = s === "end" ? x * -1 : x), l ? {
+    x: g * d,
     y: v * c
   } : {
     x: v * c,
-    y: g * f
+    y: g * d
   };
 }
 const xs = function(e) {
@@ -3248,11 +3260,11 @@ const xs = function(e) {
           fn: (m) => {
             let {
               x: w,
-              y
+              y: b
             } = m;
             return {
               x: w,
-              y
+              y: b
             };
           }
         },
@@ -3260,26 +3272,26 @@ const xs = function(e) {
       } = Oe(e, t), c = {
         x: n,
         y: r
-      }, f = await wt(t, l), p = ye(Le(o)), v = Pn(p);
-      let g = c[v], b = c[p];
+      }, d = await wt(t, l), p = ye(Le(o)), v = Pn(p);
+      let g = c[v], x = c[p];
       if (a) {
-        const m = v === "y" ? "top" : "left", w = v === "y" ? "bottom" : "right", y = g + f[m], x = g - f[w];
-        g = ln(y, g, x);
+        const m = v === "y" ? "top" : "left", w = v === "y" ? "bottom" : "right", b = g + d[m], y = g - d[w];
+        g = ln(b, g, y);
       }
       if (i) {
-        const m = p === "y" ? "top" : "left", w = p === "y" ? "bottom" : "right", y = b + f[m], x = b - f[w];
-        b = ln(y, b, x);
+        const m = p === "y" ? "top" : "left", w = p === "y" ? "bottom" : "right", b = x + d[m], y = x - d[w];
+        x = ln(b, x, y);
       }
-      const d = s.fn({
+      const f = s.fn({
         ...t,
         [v]: g,
-        [p]: b
+        [p]: x
       });
       return {
-        ...d,
+        ...f,
         data: {
-          x: d.x - n,
-          y: d.y - r,
+          x: f.x - n,
+          y: f.y - r,
           enabled: {
             [v]: a,
             [p]: i
@@ -3302,31 +3314,31 @@ const xs = function(e) {
         offset: s = 0,
         mainAxis: l = !0,
         crossAxis: c = !0
-      } = Oe(e, t), f = {
+      } = Oe(e, t), d = {
         x: n,
         y: r
       }, p = ye(o), v = Pn(p);
-      let g = f[v], b = f[p];
-      const d = Oe(s, t), m = typeof d == "number" ? {
-        mainAxis: d,
+      let g = d[v], x = d[p];
+      const f = Oe(s, t), m = typeof f == "number" ? {
+        mainAxis: f,
         crossAxis: 0
       } : {
         mainAxis: 0,
         crossAxis: 0,
-        ...d
+        ...f
       };
       if (l) {
-        const x = v === "y" ? "height" : "width", C = a.reference[v] - a.floating[x] + m.mainAxis, S = a.reference[v] + a.reference[x] - m.mainAxis;
+        const y = v === "y" ? "height" : "width", C = a.reference[v] - a.floating[y] + m.mainAxis, S = a.reference[v] + a.reference[y] - m.mainAxis;
         g < C ? g = C : g > S && (g = S);
       }
       if (c) {
-        var w, y;
-        const x = v === "y" ? "width" : "height", C = Kr.has(Le(o)), S = a.reference[p] - a.floating[x] + (C && ((w = i.offset) == null ? void 0 : w[p]) || 0) + (C ? 0 : m.crossAxis), A = a.reference[p] + a.reference[x] + (C ? 0 : ((y = i.offset) == null ? void 0 : y[p]) || 0) - (C ? m.crossAxis : 0);
-        b < S ? b = S : b > A && (b = A);
+        var w, b;
+        const y = v === "y" ? "width" : "height", C = Kr.has(Le(o)), S = a.reference[p] - a.floating[y] + (C && ((w = i.offset) == null ? void 0 : w[p]) || 0) + (C ? 0 : m.crossAxis), E = a.reference[p] + a.reference[y] + (C ? 0 : ((b = i.offset) == null ? void 0 : b[p]) || 0) - (C ? m.crossAxis : 0);
+        x < S ? x = S : x > E && (x = E);
       }
       return {
         [v]: g,
-        [p]: b
+        [p]: x
       };
     }
   };
@@ -3345,17 +3357,17 @@ const xs = function(e) {
         apply: l = () => {
         },
         ...c
-      } = Oe(e, t), f = await wt(t, c), p = Le(o), v = st(o), g = ye(o) === "y", {
-        width: b,
-        height: d
+      } = Oe(e, t), d = await wt(t, c), p = Le(o), v = st(o), g = ye(o) === "y", {
+        width: x,
+        height: f
       } = a.floating;
       let m, w;
       p === "top" || p === "bottom" ? (m = p, w = v === (await (i.isRTL == null ? void 0 : i.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (w = p, m = v === "end" ? "top" : "bottom");
-      const y = d - f.top - f.bottom, x = b - f.left - f.right, C = ze(d - f[m], y), S = ze(b - f[w], x), A = !t.middlewareData.shift;
+      const b = f - d.top - d.bottom, y = x - d.left - d.right, C = ze(f - d[m], b), S = ze(x - d[w], y), E = !t.middlewareData.shift;
       let k = C, I = S;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (I = x), (r = t.middlewareData.shift) != null && r.enabled.y && (k = y), A && !v) {
-        const L = ce(f.left, 0), $ = ce(f.right, 0), W = ce(f.top, 0), N = ce(f.bottom, 0);
-        g ? I = b - 2 * (L !== 0 || $ !== 0 ? L + $ : ce(f.left, f.right)) : k = d - 2 * (W !== 0 || N !== 0 ? W + N : ce(f.top, f.bottom));
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (I = y), (r = t.middlewareData.shift) != null && r.enabled.y && (k = b), E && !v) {
+        const L = ce(d.left, 0), $ = ce(d.right, 0), W = ce(d.top, 0), F = ce(d.bottom, 0);
+        g ? I = x - 2 * (L !== 0 || $ !== 0 ? L + $ : ce(d.left, d.right)) : k = f - 2 * (W !== 0 || F !== 0 ? W + F : ce(d.top, d.bottom));
       }
       await l({
         ...t,
@@ -3363,7 +3375,7 @@ const xs = function(e) {
         availableHeight: k
       });
       const D = await i.getDimensions(s.floating);
-      return b !== D.width || d !== D.height ? {
+      return x !== D.width || f !== D.height ? {
         reset: {
           rects: !0
         }
@@ -3530,17 +3542,17 @@ function Ye(e, t, n, r) {
   let i = ke(1);
   t && (r ? me(r) && (i = tt(r)) : i = tt(e));
   const s = Ls(a, n, r) ? qr(a) : ke(0);
-  let l = (o.left + s.x) / i.x, c = (o.top + s.y) / i.y, f = o.width / i.x, p = o.height / i.y;
+  let l = (o.left + s.x) / i.x, c = (o.top + s.y) / i.y, d = o.width / i.x, p = o.height / i.y;
   if (a) {
     const v = ue(a), g = r && me(r) ? ue(r) : r;
-    let b = v, d = un(b);
-    for (; d && r && g !== b; ) {
-      const m = tt(d), w = d.getBoundingClientRect(), y = ge(d), x = w.left + (d.clientLeft + parseFloat(y.paddingLeft)) * m.x, C = w.top + (d.clientTop + parseFloat(y.paddingTop)) * m.y;
-      l *= m.x, c *= m.y, f *= m.x, p *= m.y, l += x, c += C, b = ue(d), d = un(b);
+    let x = v, f = un(x);
+    for (; f && r && g !== x; ) {
+      const m = tt(f), w = f.getBoundingClientRect(), b = ge(f), y = w.left + (f.clientLeft + parseFloat(b.paddingLeft)) * m.x, C = w.top + (f.clientTop + parseFloat(b.paddingTop)) * m.y;
+      l *= m.x, c *= m.y, d *= m.x, p *= m.y, l += y, c += C, x = ue(f), f = un(x);
     }
   }
   return Mt({
-    width: f,
+    width: d,
     height: p,
     x: l,
     y: c
@@ -3575,17 +3587,17 @@ function Ms(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, c = ke(1);
-  const f = ke(0), p = Te(r);
+  const d = ke(0), p = Te(r);
   if ((p || !p && !a) && ((lt(r) !== "body" || xt(i)) && (l = Wt(r)), Te(r))) {
     const g = Ye(r);
-    c = tt(r), f.x = g.x + r.clientLeft, f.y = g.y + r.clientTop;
+    c = tt(r), d.x = g.x + r.clientLeft, d.y = g.y + r.clientTop;
   }
   const v = i && !p && !a ? Qr(i, l, !0) : ke(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
-    x: n.x * c.x - l.scrollLeft * c.x + f.x + v.x,
-    y: n.y * c.y - l.scrollTop * c.y + f.y + v.y
+    x: n.x * c.x - l.scrollLeft * c.x + d.x + v.x,
+    y: n.y * c.y - l.scrollTop * c.y + d.y + v.y
   };
 }
 function Ds(e) {
@@ -3659,7 +3671,7 @@ function $s(e, t) {
   let i = a ? Ve(e) : e;
   for (; me(i) && !ot(i); ) {
     const s = ge(i), l = Nn(i);
-    !l && s.position === "fixed" && (o = null), (a ? !l && !o : !l && s.position === "static" && !!o && zs.has(o.position) || xt(i) && !l && Jr(e, i)) ? r = r.filter((f) => f !== i) : o = s, i = Ve(i);
+    !l && s.position === "fixed" && (o = null), (a ? !l && !o : !l && s.position === "static" && !!o && zs.has(o.position) || xt(i) && !l && Jr(e, i)) ? r = r.filter((d) => d !== i) : o = s, i = Ve(i);
   }
   return t.set(e, r), r;
 }
@@ -3670,8 +3682,8 @@ function Ws(e) {
     rootBoundary: r,
     strategy: o
   } = e;
-  const i = [...n === "clippingAncestors" ? $t(t) ? [] : $s(t, this._c) : [].concat(n), r], s = i[0], l = i.reduce((c, f) => {
-    const p = or(t, f, o);
+  const i = [...n === "clippingAncestors" ? $t(t) ? [] : $s(t, this._c) : [].concat(n), r], s = i[0], l = i.reduce((c, d) => {
+    const p = or(t, d, o);
     return c.top = ce(p.top, c.top), c.right = ze(p.right, c.right), c.bottom = ze(p.bottom, c.bottom), c.left = ce(p.left, c.left), c;
   }, or(t, s, o));
   return {
@@ -3707,7 +3719,7 @@ function Us(e, t, n) {
       l.x = g.x + t.clientLeft, l.y = g.y + t.clientTop;
     } else o && c();
   a && !r && o && c();
-  const f = o && !r && !a ? Qr(o, s) : ke(0), p = i.left + s.scrollLeft - l.x - f.x, v = i.top + s.scrollTop - l.y - f.y;
+  const d = o && !r && !a ? Qr(o, s) : ke(0), p = i.left + s.scrollLeft - l.x - d.x, v = i.top + s.scrollTop - l.y - d.y;
   return {
     x: p,
     y: v,
@@ -3784,20 +3796,20 @@ function Xs(e, t) {
   function i(s, l) {
     s === void 0 && (s = !1), l === void 0 && (l = 1), a();
     const c = e.getBoundingClientRect(), {
-      left: f,
+      left: d,
       top: p,
       width: v,
       height: g
     } = c;
     if (s || t(), !v || !g)
       return;
-    const b = St(p), d = St(o.clientWidth - (f + v)), m = St(o.clientHeight - (p + g)), w = St(f), x = {
-      rootMargin: -b + "px " + -d + "px " + -m + "px " + -w + "px",
+    const x = St(p), f = St(o.clientWidth - (d + v)), m = St(o.clientHeight - (p + g)), w = St(d), y = {
+      rootMargin: -x + "px " + -f + "px " + -m + "px " + -w + "px",
       threshold: ce(0, ze(1, l)) || 1
     };
     let C = !0;
-    function S(A) {
-      const k = A[0].intersectionRatio;
+    function S(E) {
+      const k = E[0].intersectionRatio;
       if (k !== l) {
         if (!C)
           return i();
@@ -3809,12 +3821,12 @@ function Xs(e, t) {
     }
     try {
       n = new IntersectionObserver(S, {
-        ...x,
+        ...y,
         // Handle <iframe>s
         root: o.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(S, x);
+      n = new IntersectionObserver(S, y);
     }
     n.observe(e);
   }
@@ -3828,8 +3840,8 @@ function Zs(e, t, n, r) {
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: s = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = r, c = Ln(e), f = o || a ? [...c ? bt(c) : [], ...bt(t)] : [];
-  f.forEach((w) => {
+  } = r, c = Ln(e), d = o || a ? [...c ? bt(c) : [], ...bt(t)] : [];
+  d.forEach((w) => {
     o && w.addEventListener("scroll", n, {
       passive: !0
     }), a && w.addEventListener("resize", n);
@@ -3837,23 +3849,23 @@ function Zs(e, t, n, r) {
   const p = c && s ? Xs(c, n) : null;
   let v = -1, g = null;
   i && (g = new ResizeObserver((w) => {
-    let [y] = w;
-    y && y.target === c && g && (g.unobserve(t), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
-      var x;
-      (x = g) == null || x.observe(t);
+    let [b] = w;
+    b && b.target === c && g && (g.unobserve(t), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+      var y;
+      (y = g) == null || y.observe(t);
     })), n();
   }), c && !l && g.observe(c), g.observe(t));
-  let b, d = l ? Ye(e) : null;
+  let x, f = l ? Ye(e) : null;
   l && m();
   function m() {
     const w = Ye(e);
-    d && !to(d, w) && n(), d = w, b = requestAnimationFrame(m);
+    f && !to(f, w) && n(), f = w, x = requestAnimationFrame(m);
   }
   return n(), () => {
     var w;
-    f.forEach((y) => {
-      o && y.removeEventListener("scroll", n), a && y.removeEventListener("resize", n);
-    }), p == null || p(), (w = g) == null || w.disconnect(), g = null, l && cancelAnimationFrame(b);
+    d.forEach((b) => {
+      o && b.removeEventListener("scroll", n), a && b.removeEventListener("resize", n);
+    }), p == null || p(), (w = g) == null || w.disconnect(), g = null, l && cancelAnimationFrame(x);
   };
 }
 const Gs = xs, qs = ys, Qs = gs, Js = Ss, el = ws, ir = ms, tl = Cs, nl = (e, t, n) => {
@@ -3928,7 +3940,7 @@ function al(e) {
     transform: s = !0,
     whileElementsMounted: l,
     open: c
-  } = e, [f, p] = h.useState({
+  } = e, [d, p] = h.useState({
     x: 0,
     y: 0,
     strategy: n,
@@ -3937,20 +3949,20 @@ function al(e) {
     isPositioned: !1
   }), [v, g] = h.useState(r);
   Dt(v, r) || g(r);
-  const [b, d] = h.useState(null), [m, w] = h.useState(null), y = h.useCallback((P) => {
-    P !== A.current && (A.current = P, d(P));
-  }, []), x = h.useCallback((P) => {
+  const [x, f] = h.useState(null), [m, w] = h.useState(null), b = h.useCallback((P) => {
+    P !== E.current && (E.current = P, f(P));
+  }, []), y = h.useCallback((P) => {
     P !== k.current && (k.current = P, w(P));
-  }, []), C = a || b, S = i || m, A = h.useRef(null), k = h.useRef(null), I = h.useRef(f), D = l != null, L = Jt(l), $ = Jt(o), W = Jt(c), N = h.useCallback(() => {
-    if (!A.current || !k.current)
+  }, []), C = a || x, S = i || m, E = h.useRef(null), k = h.useRef(null), I = h.useRef(d), D = l != null, L = Jt(l), $ = Jt(o), W = Jt(c), F = h.useCallback(() => {
+    if (!E.current || !k.current)
       return;
     const P = {
       placement: t,
       strategy: n,
       middleware: v
     };
-    $.current && (P.platform = $.current), nl(A.current, k.current, P).then((z) => {
-      const ie = {
+    $.current && (P.platform = $.current), nl(E.current, k.current, P).then((z) => {
+      const Q = {
         ...z,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
@@ -3958,8 +3970,8 @@ function al(e) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: W.current !== !1
       };
-      T.current && !Dt(I.current, ie) && (I.current = ie, h.flushSync(() => {
-        p(ie);
+      N.current && !Dt(I.current, Q) && (I.current = Q, h.flushSync(() => {
+        p(Q);
       }));
     });
   }, [v, t, n, $, W]);
@@ -3969,22 +3981,22 @@ function al(e) {
       isPositioned: !1
     })));
   }, [c]);
-  const T = h.useRef(!1);
-  Pt(() => (T.current = !0, () => {
-    T.current = !1;
+  const N = h.useRef(!1);
+  Pt(() => (N.current = !0, () => {
+    N.current = !1;
   }), []), Pt(() => {
-    if (C && (A.current = C), S && (k.current = S), C && S) {
+    if (C && (E.current = C), S && (k.current = S), C && S) {
       if (L.current)
-        return L.current(C, S, N);
-      N();
+        return L.current(C, S, F);
+      F();
     }
-  }, [C, S, N, L, D]);
-  const B = h.useMemo(() => ({
-    reference: A,
+  }, [C, S, F, L, D]);
+  const _ = h.useMemo(() => ({
+    reference: E,
     floating: k,
-    setReference: y,
-    setFloating: x
-  }), [y, x]), O = h.useMemo(() => ({
+    setReference: b,
+    setFloating: y
+  }), [b, y]), O = h.useMemo(() => ({
     reference: C,
     floating: S
   }), [C, S]), M = h.useMemo(() => {
@@ -3995,26 +4007,26 @@ function al(e) {
     };
     if (!O.floating)
       return P;
-    const z = sr(O.floating, f.x), ie = sr(O.floating, f.y);
+    const z = sr(O.floating, d.x), Q = sr(O.floating, d.y);
     return s ? {
       ...P,
-      transform: "translate(" + z + "px, " + ie + "px)",
+      transform: "translate(" + z + "px, " + Q + "px)",
       ...no(O.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
       left: z,
-      top: ie
+      top: Q
     };
-  }, [n, s, O.floating, f.x, f.y]);
+  }, [n, s, O.floating, d.x, d.y]);
   return h.useMemo(() => ({
-    ...f,
-    update: N,
-    refs: B,
+    ...d,
+    update: F,
+    refs: _,
     elements: O,
     floatingStyles: M
-  }), [f, N, B, O, M]);
+  }), [d, F, _, O, M]);
 }
 const il = (e) => {
   function t(n) {
@@ -4061,7 +4073,7 @@ const il = (e) => {
 });
 var hl = "Arrow", ro = h.forwardRef((e, t) => {
   const { children: n, width: r = 10, height: o = 5, ...a } = e;
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ T(
     X.svg,
     {
       ...a,
@@ -4070,7 +4082,7 @@ var hl = "Arrow", ro = h.forwardRef((e, t) => {
       height: o,
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
-      children: e.asChild ? n : /* @__PURE__ */ E("polygon", { points: "0,0 30,0 15,10" })
+      children: e.asChild ? n : /* @__PURE__ */ T("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 });
@@ -4100,22 +4112,22 @@ function ml(e) {
 }
 var Dn = "Popper", [oo, ao] = An(Dn), [gl, io] = oo(Dn), so = (e) => {
   const { __scopePopper: t, children: n } = e, [r, o] = h.useState(null);
-  return /* @__PURE__ */ E(gl, { scope: t, anchor: r, onAnchorChange: o, children: n });
+  return /* @__PURE__ */ T(gl, { scope: t, anchor: r, onAnchorChange: o, children: n });
 };
 so.displayName = Dn;
 var lo = "PopperAnchor", co = h.forwardRef(
   (e, t) => {
-    const { __scopePopper: n, virtualRef: r, ...o } = e, a = io(lo, n), i = h.useRef(null), s = te(t, i), l = h.useRef(null);
+    const { __scopePopper: n, virtualRef: r, ...o } = e, a = io(lo, n), i = h.useRef(null), s = ne(t, i), l = h.useRef(null);
     return h.useEffect(() => {
       const c = l.current;
       l.current = (r == null ? void 0 : r.current) || i.current, c !== l.current && a.onAnchorChange(l.current);
-    }), r ? null : /* @__PURE__ */ E(X.div, { ...o, ref: s });
+    }), r ? null : /* @__PURE__ */ T(X.div, { ...o, ref: s });
   }
 );
 co.displayName = lo;
 var Fn = "PopperContent", [wl, bl] = oo(Fn), uo = h.forwardRef(
   (e, t) => {
-    var R, K, ne, j, H, U;
+    var R, K, re, j, H, U;
     const {
       __scopePopper: n,
       side: r = "bottom",
@@ -4125,18 +4137,18 @@ var Fn = "PopperContent", [wl, bl] = oo(Fn), uo = h.forwardRef(
       arrowPadding: s = 0,
       avoidCollisions: l = !0,
       collisionBoundary: c = [],
-      collisionPadding: f = 0,
+      collisionPadding: d = 0,
       sticky: p = "partial",
       hideWhenDetached: v = !1,
       updatePositionStrategy: g = "optimized",
-      onPlaced: b,
-      ...d
-    } = e, m = io(Fn, n), [w, y] = h.useState(null), x = te(t, (le) => y(le)), [C, S] = h.useState(null), A = ml(C), k = (A == null ? void 0 : A.width) ?? 0, I = (A == null ? void 0 : A.height) ?? 0, D = r + (a !== "center" ? "-" + a : ""), L = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, $ = Array.isArray(c) ? c : [c], W = $.length > 0, N = {
+      onPlaced: x,
+      ...f
+    } = e, m = io(Fn, n), [w, b] = h.useState(null), y = ne(t, (le) => b(le)), [C, S] = h.useState(null), E = ml(C), k = (E == null ? void 0 : E.width) ?? 0, I = (E == null ? void 0 : E.height) ?? 0, D = r + (a !== "center" ? "-" + a : ""), L = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, $ = Array.isArray(c) ? c : [c], W = $.length > 0, F = {
       padding: L,
       boundary: $.filter(yl),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: W
-    }, { refs: T, floatingStyles: B, placement: O, isPositioned: M, middlewareData: P } = al({
+    }, { refs: N, floatingStyles: _, placement: O, isPositioned: M, middlewareData: P } = al({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: D,
@@ -4152,11 +4164,11 @@ var Fn = "PopperContent", [wl, bl] = oo(Fn), uo = h.forwardRef(
           mainAxis: !0,
           crossAxis: !1,
           limiter: p === "partial" ? cl() : void 0,
-          ...N
+          ...F
         }),
-        l && ul({ ...N }),
+        l && ul({ ...F }),
         dl({
-          ...N,
+          ...F,
           apply: ({ elements: le, rects: we, availableWidth: ft, availableHeight: pt }) => {
             const { width: ht, height: na } = we.reference, yt = le.floating.style;
             yt.setProperty("--radix-popper-available-width", `${ft}px`), yt.setProperty("--radix-popper-available-height", `${pt}px`), yt.setProperty("--radix-popper-anchor-width", `${ht}px`), yt.setProperty("--radix-popper-anchor-height", `${na}px`);
@@ -4164,23 +4176,23 @@ var Fn = "PopperContent", [wl, bl] = oo(Fn), uo = h.forwardRef(
         }),
         C && pl({ element: C, padding: s }),
         Cl({ arrowWidth: k, arrowHeight: I }),
-        v && fl({ strategy: "referenceHidden", ...N })
+        v && fl({ strategy: "referenceHidden", ...F })
       ]
-    }), [z, ie] = ho(O), Pe = je(b);
+    }), [z, Q] = ho(O), Pe = je(x);
     se(() => {
       M && (Pe == null || Pe());
     }, [M, Pe]);
-    const ut = (R = P.arrow) == null ? void 0 : R.x, dt = (K = P.arrow) == null ? void 0 : K.y, Me = ((ne = P.arrow) == null ? void 0 : ne.centerOffset) !== 0, [Ze, He] = h.useState();
+    const ut = (R = P.arrow) == null ? void 0 : R.x, dt = (K = P.arrow) == null ? void 0 : K.y, Me = ((re = P.arrow) == null ? void 0 : re.centerOffset) !== 0, [Ze, He] = h.useState();
     return se(() => {
       w && He(window.getComputedStyle(w).zIndex);
-    }, [w]), /* @__PURE__ */ E(
+    }, [w]), /* @__PURE__ */ T(
       "div",
       {
-        ref: T.setFloating,
+        ref: N.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
-          ...B,
-          transform: M ? B.transform : "translate(0, -200%)",
+          ..._,
+          transform: M ? _.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: Ze,
@@ -4197,7 +4209,7 @@ var Fn = "PopperContent", [wl, bl] = oo(Fn), uo = h.forwardRef(
           }
         },
         dir: e.dir,
-        children: /* @__PURE__ */ E(
+        children: /* @__PURE__ */ T(
           wl,
           {
             scope: n,
@@ -4206,15 +4218,15 @@ var Fn = "PopperContent", [wl, bl] = oo(Fn), uo = h.forwardRef(
             arrowX: ut,
             arrowY: dt,
             shouldHideArrow: Me,
-            children: /* @__PURE__ */ E(
+            children: /* @__PURE__ */ T(
               X.div,
               {
                 "data-side": z,
-                "data-align": ie,
-                ...d,
-                ref: x,
+                "data-align": Q,
+                ...f,
+                ref: y,
                 style: {
-                  ...d.style,
+                  ...f.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
                   // we prevent animations so that users's animation don't kick in too early referring wrong sides
                   animation: M ? void 0 : "none"
@@ -4239,7 +4251,7 @@ var fo = "PopperArrow", xl = {
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
     // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ E(
+    /* @__PURE__ */ T(
       "span",
       {
         ref: a.onArrowChange,
@@ -4262,7 +4274,7 @@ var fo = "PopperArrow", xl = {
           }[a.placedSide],
           visibility: a.shouldHideArrow ? "hidden" : void 0
         },
-        children: /* @__PURE__ */ E(
+        children: /* @__PURE__ */ T(
           vl,
           {
             ...o,
@@ -4286,10 +4298,10 @@ var Cl = (e) => ({
   name: "transformOrigin",
   options: e,
   fn(t) {
-    var m, w, y;
-    const { placement: n, rects: r, middlewareData: o } = t, i = ((m = o.arrow) == null ? void 0 : m.centerOffset) !== 0, s = i ? 0 : e.arrowWidth, l = i ? 0 : e.arrowHeight, [c, f] = ho(n), p = { start: "0%", center: "50%", end: "100%" }[f], v = (((w = o.arrow) == null ? void 0 : w.x) ?? 0) + s / 2, g = (((y = o.arrow) == null ? void 0 : y.y) ?? 0) + l / 2;
-    let b = "", d = "";
-    return c === "bottom" ? (b = i ? p : `${v}px`, d = `${-l}px`) : c === "top" ? (b = i ? p : `${v}px`, d = `${r.floating.height + l}px`) : c === "right" ? (b = `${-l}px`, d = i ? p : `${g}px`) : c === "left" && (b = `${r.floating.width + l}px`, d = i ? p : `${g}px`), { data: { x: b, y: d } };
+    var m, w, b;
+    const { placement: n, rects: r, middlewareData: o } = t, i = ((m = o.arrow) == null ? void 0 : m.centerOffset) !== 0, s = i ? 0 : e.arrowWidth, l = i ? 0 : e.arrowHeight, [c, d] = ho(n), p = { start: "0%", center: "50%", end: "100%" }[d], v = (((w = o.arrow) == null ? void 0 : w.x) ?? 0) + s / 2, g = (((b = o.arrow) == null ? void 0 : b.y) ?? 0) + l / 2;
+    let x = "", f = "";
+    return c === "bottom" ? (x = i ? p : `${v}px`, f = `${-l}px`) : c === "top" ? (x = i ? p : `${v}px`, f = `${r.floating.height + l}px`) : c === "right" ? (x = `${-l}px`, f = i ? p : `${g}px`) : c === "left" && (x = `${r.floating.width + l}px`, f = i ? p : `${g}px`), { data: { x, y: f } };
   }
 });
 function ho(e) {
@@ -4301,7 +4313,7 @@ var Sl = so, kl = co, El = uo, Tl = po, Al = "Portal", vo = h.forwardRef((e, t)
   const { container: n, ...r } = e, [o, a] = h.useState(!1);
   se(() => a(!0), []);
   const i = n || o && ((s = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : s.body);
-  return i ? De.createPortal(/* @__PURE__ */ E(X.div, { ...r, ref: t }), i) : null;
+  return i ? De.createPortal(/* @__PURE__ */ T(X.div, { ...r, ref: t }), i) : null;
 });
 vo.displayName = Al;
 var _l = h[" useInsertionEffect ".trim().toString()] || se;
@@ -4317,22 +4329,22 @@ function lr({
     onChange: n
   }), s = e !== void 0, l = s ? e : o;
   {
-    const f = h.useRef(e !== void 0);
+    const d = h.useRef(e !== void 0);
     h.useEffect(() => {
-      const p = f.current;
+      const p = d.current;
       p !== s && console.warn(
         `${r} is changing from ${p ? "controlled" : "uncontrolled"} to ${s ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-      ), f.current = s;
+      ), d.current = s;
     }, [s, r]);
   }
   const c = h.useCallback(
-    (f) => {
+    (d) => {
       var p;
       if (s) {
-        const v = Rl(f) ? f(e) : f;
+        const v = Rl(d) ? d(e) : d;
         v !== e && ((p = i.current) == null || p.call(i, v));
       } else
-        a(f);
+        a(d);
     },
     [s, e, a, i]
   );
@@ -4370,7 +4382,7 @@ var mo = Object.freeze({
   whiteSpace: "nowrap",
   wordWrap: "normal"
 }), Nl = "VisuallyHidden", Ol = h.forwardRef(
-  (e, t) => /* @__PURE__ */ E(
+  (e, t) => /* @__PURE__ */ T(
     X.span,
     {
       ...e,
@@ -4403,20 +4415,20 @@ var Ll = function(e) {
     !p || s.has(p) || (s.add(p), c(p.parentNode));
   };
   o.forEach(c);
-  var f = function(p) {
+  var d = function(p) {
     !p || l.has(p) || Array.prototype.forEach.call(p.children, function(v) {
       if (s.has(v))
-        f(v);
+        d(v);
       else
         try {
-          var g = v.getAttribute(r), b = g !== null && g !== "false", d = (Ge.get(v) || 0) + 1, m = (a.get(v) || 0) + 1;
-          Ge.set(v, d), a.set(v, m), i.push(v), d === 1 && b && kt.set(v, !0), m === 1 && v.setAttribute(n, "true"), b || v.setAttribute(r, "true");
+          var g = v.getAttribute(r), x = g !== null && g !== "false", f = (Ge.get(v) || 0) + 1, m = (a.get(v) || 0) + 1;
+          Ge.set(v, f), a.set(v, m), i.push(v), f === 1 && x && kt.set(v, !0), m === 1 && v.setAttribute(n, "true"), x || v.setAttribute(r, "true");
         } catch (w) {
           console.error("aria-hidden: cannot operate on ", v, w);
         }
     });
   };
-  return f(t), s.clear(), en++, function() {
+  return d(t), s.clear(), en++, function() {
     i.forEach(function(p) {
       var v = Ge.get(p) - 1, g = a.get(p) - 1;
       Ge.set(p, v), a.set(p, g), v || (kt.has(p) || p.removeAttribute(r), kt.delete(p)), g || p.removeAttribute(n);
@@ -4536,17 +4548,17 @@ function jl(e, t) {
         n = [], s.forEach(a), i = n;
       }
       var l = function() {
-        var f = i;
-        i = [], f.forEach(a);
+        var d = i;
+        i = [], d.forEach(a);
       }, c = function() {
         return Promise.resolve().then(l);
       };
       c(), n = {
-        push: function(f) {
-          i.push(f), c();
+        push: function(d) {
+          i.push(d), c();
         },
-        filter: function(f) {
-          return i = i.filter(f), n;
+        filter: function(d) {
+          return i = i.filter(d), n;
         }
       };
     }
@@ -4577,12 +4589,12 @@ var xo = Yl(), nn = function() {
     onScrollCapture: nn,
     onWheelCapture: nn,
     onTouchMoveCapture: nn
-  }), o = r[0], a = r[1], i = e.forwardProps, s = e.children, l = e.className, c = e.removeScrollBar, f = e.enabled, p = e.shards, v = e.sideCar, g = e.noRelative, b = e.noIsolation, d = e.inert, m = e.allowPinchZoom, w = e.as, y = w === void 0 ? "div" : w, x = e.gapMode, C = wo(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), S = v, A = Hl([n, t]), k = xe(xe({}, C), o);
+  }), o = r[0], a = r[1], i = e.forwardProps, s = e.children, l = e.className, c = e.removeScrollBar, d = e.enabled, p = e.shards, v = e.sideCar, g = e.noRelative, x = e.noIsolation, f = e.inert, m = e.allowPinchZoom, w = e.as, b = w === void 0 ? "div" : w, y = e.gapMode, C = wo(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), S = v, E = Hl([n, t]), k = xe(xe({}, C), o);
   return h.createElement(
     h.Fragment,
     null,
-    f && h.createElement(S, { sideCar: xo, removeScrollBar: c, shards: p, noRelative: g, noIsolation: b, inert: d, setCallbacks: a, allowPinchZoom: !!m, lockRef: n, gapMode: x }),
-    i ? h.cloneElement(h.Children.only(s), xe(xe({}, k), { ref: A })) : h.createElement(y, xe({}, k, { className: l, ref: A }), s)
+    d && h.createElement(S, { sideCar: xo, removeScrollBar: c, shards: p, noRelative: g, noIsolation: x, inert: f, setCallbacks: a, allowPinchZoom: !!m, lockRef: n, gapMode: y }),
+    i ? h.cloneElement(h.Children.only(s), xe(xe({}, k), { ref: E })) : h.createElement(b, xe({}, k, { className: l, ref: E }), s)
   );
 });
 Ht.defaultProps = {
@@ -4780,20 +4792,20 @@ var qe = dn ? { passive: !1 } : !1, sc = function(e) {
 }, fc = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, pc = function(e, t, n, r, o) {
-  var a = fc(e, window.getComputedStyle(t).direction), i = a * r, s = n.target, l = t.contains(s), c = !1, f = i > 0, p = 0, v = 0;
+  var a = fc(e, window.getComputedStyle(t).direction), i = a * r, s = n.target, l = t.contains(s), c = !1, d = i > 0, p = 0, v = 0;
   do {
     if (!s)
       break;
-    var g = ko(e, s), b = g[0], d = g[1], m = g[2], w = d - m - a * b;
-    (b || w) && So(e, s) && (p += w, v += b);
-    var y = s.parentNode;
-    s = y && y.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? y.host : y;
+    var g = ko(e, s), x = g[0], f = g[1], m = g[2], w = f - m - a * x;
+    (x || w) && So(e, s) && (p += w, v += x);
+    var b = s.parentNode;
+    s = b && b.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? b.host : b;
   } while (
     // portaled content
     !l && s !== document.body || // self content
     l && (t.contains(s) || t === s)
   );
-  return (f && Math.abs(p) < 1 || !f && Math.abs(v) < 1) && (c = !0), c;
+  return (d && Math.abs(p) < 1 || !d && Math.abs(v) < 1) && (c = !0), c;
 }, At = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, fr = function(e) {
@@ -4815,78 +4827,78 @@ function gc(e) {
   }, [e]), h.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(o));
-      var d = Bl([e.lockRef.current], (e.shards || []).map(pr), !0).filter(Boolean);
-      return d.forEach(function(m) {
+      var f = Bl([e.lockRef.current], (e.shards || []).map(pr), !0).filter(Boolean);
+      return f.forEach(function(m) {
         return m.classList.add("allow-interactivity-".concat(o));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(o)), d.forEach(function(m) {
+        document.body.classList.remove("block-interactivity-".concat(o)), f.forEach(function(m) {
           return m.classList.remove("allow-interactivity-".concat(o));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var s = h.useCallback(function(d, m) {
-    if ("touches" in d && d.touches.length === 2 || d.type === "wheel" && d.ctrlKey)
+  var s = h.useCallback(function(f, m) {
+    if ("touches" in f && f.touches.length === 2 || f.type === "wheel" && f.ctrlKey)
       return !i.current.allowPinchZoom;
-    var w = At(d), y = n.current, x = "deltaX" in d ? d.deltaX : y[0] - w[0], C = "deltaY" in d ? d.deltaY : y[1] - w[1], S, A = d.target, k = Math.abs(x) > Math.abs(C) ? "h" : "v";
-    if ("touches" in d && k === "h" && A.type === "range")
+    var w = At(f), b = n.current, y = "deltaX" in f ? f.deltaX : b[0] - w[0], C = "deltaY" in f ? f.deltaY : b[1] - w[1], S, E = f.target, k = Math.abs(y) > Math.abs(C) ? "h" : "v";
+    if ("touches" in f && k === "h" && E.type === "range")
       return !1;
-    var I = dr(k, A);
+    var I = dr(k, E);
     if (!I)
       return !0;
-    if (I ? S = k : (S = k === "v" ? "h" : "v", I = dr(k, A)), !I)
+    if (I ? S = k : (S = k === "v" ? "h" : "v", I = dr(k, E)), !I)
       return !1;
-    if (!r.current && "changedTouches" in d && (x || C) && (r.current = S), !S)
+    if (!r.current && "changedTouches" in f && (y || C) && (r.current = S), !S)
       return !0;
     var D = r.current || S;
-    return pc(D, m, d, D === "h" ? x : C);
-  }, []), l = h.useCallback(function(d) {
-    var m = d;
+    return pc(D, m, f, D === "h" ? y : C);
+  }, []), l = h.useCallback(function(f) {
+    var m = f;
     if (!(!Qe.length || Qe[Qe.length - 1] !== a)) {
-      var w = "deltaY" in m ? fr(m) : At(m), y = t.current.filter(function(S) {
+      var w = "deltaY" in m ? fr(m) : At(m), b = t.current.filter(function(S) {
         return S.name === m.type && (S.target === m.target || m.target === S.shadowParent) && hc(S.delta, w);
       })[0];
-      if (y && y.should) {
+      if (b && b.should) {
         m.cancelable && m.preventDefault();
         return;
       }
-      if (!y) {
-        var x = (i.current.shards || []).map(pr).filter(Boolean).filter(function(S) {
+      if (!b) {
+        var y = (i.current.shards || []).map(pr).filter(Boolean).filter(function(S) {
           return S.contains(m.target);
-        }), C = x.length > 0 ? s(m, x[0]) : !i.current.noIsolation;
+        }), C = y.length > 0 ? s(m, y[0]) : !i.current.noIsolation;
         C && m.cancelable && m.preventDefault();
       }
     }
-  }, []), c = h.useCallback(function(d, m, w, y) {
-    var x = { name: d, delta: m, target: w, should: y, shadowParent: wc(w) };
-    t.current.push(x), setTimeout(function() {
+  }, []), c = h.useCallback(function(f, m, w, b) {
+    var y = { name: f, delta: m, target: w, should: b, shadowParent: wc(w) };
+    t.current.push(y), setTimeout(function() {
       t.current = t.current.filter(function(C) {
-        return C !== x;
+        return C !== y;
       });
     }, 1);
-  }, []), f = h.useCallback(function(d) {
-    n.current = At(d), r.current = void 0;
-  }, []), p = h.useCallback(function(d) {
-    c(d.type, fr(d), d.target, s(d, e.lockRef.current));
-  }, []), v = h.useCallback(function(d) {
-    c(d.type, At(d), d.target, s(d, e.lockRef.current));
+  }, []), d = h.useCallback(function(f) {
+    n.current = At(f), r.current = void 0;
+  }, []), p = h.useCallback(function(f) {
+    c(f.type, fr(f), f.target, s(f, e.lockRef.current));
+  }, []), v = h.useCallback(function(f) {
+    c(f.type, At(f), f.target, s(f, e.lockRef.current));
   }, []);
   h.useEffect(function() {
     return Qe.push(a), e.setCallbacks({
       onScrollCapture: p,
       onWheelCapture: p,
       onTouchMoveCapture: v
-    }), document.addEventListener("wheel", l, qe), document.addEventListener("touchmove", l, qe), document.addEventListener("touchstart", f, qe), function() {
-      Qe = Qe.filter(function(d) {
-        return d !== a;
-      }), document.removeEventListener("wheel", l, qe), document.removeEventListener("touchmove", l, qe), document.removeEventListener("touchstart", f, qe);
+    }), document.addEventListener("wheel", l, qe), document.addEventListener("touchmove", l, qe), document.addEventListener("touchstart", d, qe), function() {
+      Qe = Qe.filter(function(f) {
+        return f !== a;
+      }), document.removeEventListener("wheel", l, qe), document.removeEventListener("touchmove", l, qe), document.removeEventListener("touchstart", d, qe);
     };
   }, []);
-  var g = e.removeScrollBar, b = e.inert;
+  var g = e.removeScrollBar, x = e.inert;
   return h.createElement(
     h.Fragment,
     null,
-    b ? h.createElement(a, { styles: vc(o) }) : null,
+    x ? h.createElement(a, { styles: vc(o) }) : null,
     g ? h.createElement(ic, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
   );
 }
@@ -4914,12 +4926,12 @@ var xc = [" ", "Enter", "ArrowUp", "ArrowDown"], yc = [" ", "Enter"], Ke = "Sele
     defaultValue: s,
     onValueChange: l,
     dir: c,
-    name: f,
+    name: d,
     autoComplete: p,
     disabled: v,
     required: g,
-    form: b
-  } = e, d = Yt(t), [m, w] = h.useState(null), [y, x] = h.useState(null), [C, S] = h.useState(!1), A = Fi(c), [k, I] = lr({
+    form: x
+  } = e, f = Yt(t), [m, w] = h.useState(null), [b, y] = h.useState(null), [C, S] = h.useState(!1), E = Fi(c), [k, I] = lr({
     prop: r,
     defaultProp: o ?? !1,
     onChange: a,
@@ -4929,16 +4941,16 @@ var xc = [" ", "Enter", "ArrowUp", "ArrowDown"], yc = [" ", "Enter"], Ke = "Sele
     defaultProp: s,
     onChange: l,
     caller: Ke
-  }), $ = h.useRef(null), W = m ? b || !!m.closest("form") : !0, [N, T] = h.useState(/* @__PURE__ */ new Set()), B = Array.from(N).map((O) => O.props.value).join(";");
-  return /* @__PURE__ */ E(Sl, { ...d, children: /* @__PURE__ */ Nt(
+  }), $ = h.useRef(null), W = m ? x || !!m.closest("form") : !0, [F, N] = h.useState(/* @__PURE__ */ new Set()), _ = Array.from(F).map((O) => O.props.value).join(";");
+  return /* @__PURE__ */ T(Sl, { ...f, children: /* @__PURE__ */ Nt(
     Sc,
     {
       required: g,
       scope: t,
       trigger: m,
       onTriggerChange: w,
-      valueNode: y,
-      onValueNodeChange: x,
+      valueNode: b,
+      onValueNodeChange: y,
       valueNodeHasChildren: C,
       onValueNodeHasChildrenChange: S,
       contentId: _n(),
@@ -4946,19 +4958,19 @@ var xc = [" ", "Enter", "ArrowUp", "ArrowDown"], yc = [" ", "Enter"], Ke = "Sele
       onValueChange: L,
       open: k,
       onOpenChange: I,
-      dir: A,
+      dir: E,
       triggerPointerDownPosRef: $,
       disabled: v,
       children: [
-        /* @__PURE__ */ E(Ut.Provider, { scope: t, children: /* @__PURE__ */ E(
+        /* @__PURE__ */ T(Ut.Provider, { scope: t, children: /* @__PURE__ */ T(
           kc,
           {
             scope: e.__scopeSelect,
             onNativeOptionAdd: h.useCallback((O) => {
-              T((M) => new Set(M).add(O));
+              N((M) => new Set(M).add(O));
             }, []),
             onNativeOptionRemove: h.useCallback((O) => {
-              T((M) => {
+              N((M) => {
                 const P = new Set(M);
                 return P.delete(O), P;
               });
@@ -4972,18 +4984,18 @@ var xc = [" ", "Enter", "ArrowUp", "ArrowDown"], yc = [" ", "Enter"], Ke = "Sele
             "aria-hidden": !0,
             required: g,
             tabIndex: -1,
-            name: f,
+            name: d,
             autoComplete: p,
             value: D,
             onChange: (O) => L(O.target.value),
             disabled: v,
-            form: b,
+            form: x,
             children: [
-              D === void 0 ? /* @__PURE__ */ E("option", { value: "" }) : null,
-              Array.from(N)
+              D === void 0 ? /* @__PURE__ */ T("option", { value: "" }) : null,
+              Array.from(F)
             ]
           },
-          B
+          _
         ) : null
       ]
     }
@@ -4992,16 +5004,16 @@ var xc = [" ", "Enter", "ArrowUp", "ArrowDown"], yc = [" ", "Enter"], Ke = "Sele
 To.displayName = Ke;
 var Ao = "SelectTrigger", _o = h.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, disabled: r = !1, ...o } = e, a = Yt(n), i = $e(Ao, n), s = i.disabled || r, l = te(t, i.onTriggerChange), c = jt(n), f = h.useRef("touch"), [p, v, g] = Zo((d) => {
-      const m = c().filter((x) => !x.disabled), w = m.find((x) => x.value === i.value), y = Go(m, d, w);
-      y !== void 0 && i.onValueChange(y.value);
-    }), b = (d) => {
-      s || (i.onOpenChange(!0), g()), d && (i.triggerPointerDownPosRef.current = {
-        x: Math.round(d.pageX),
-        y: Math.round(d.pageY)
+    const { __scopeSelect: n, disabled: r = !1, ...o } = e, a = Yt(n), i = $e(Ao, n), s = i.disabled || r, l = ne(t, i.onTriggerChange), c = jt(n), d = h.useRef("touch"), [p, v, g] = Zo((f) => {
+      const m = c().filter((y) => !y.disabled), w = m.find((y) => y.value === i.value), b = Go(m, f, w);
+      b !== void 0 && i.onValueChange(b.value);
+    }), x = (f) => {
+      s || (i.onOpenChange(!0), g()), f && (i.triggerPointerDownPosRef.current = {
+        x: Math.round(f.pageX),
+        y: Math.round(f.pageY)
       });
     };
-    return /* @__PURE__ */ E(kl, { asChild: !0, ...a, children: /* @__PURE__ */ E(
+    return /* @__PURE__ */ T(kl, { asChild: !0, ...a, children: /* @__PURE__ */ T(
       X.button,
       {
         type: "button",
@@ -5017,17 +5029,17 @@ var Ao = "SelectTrigger", _o = h.forwardRef(
         "data-placeholder": Xo(i.value) ? "" : void 0,
         ...o,
         ref: l,
-        onClick: Z(o.onClick, (d) => {
-          d.currentTarget.focus(), f.current !== "mouse" && b(d);
+        onClick: Z(o.onClick, (f) => {
+          f.currentTarget.focus(), d.current !== "mouse" && x(f);
         }),
-        onPointerDown: Z(o.onPointerDown, (d) => {
-          f.current = d.pointerType;
-          const m = d.target;
-          m.hasPointerCapture(d.pointerId) && m.releasePointerCapture(d.pointerId), d.button === 0 && d.ctrlKey === !1 && d.pointerType === "mouse" && (b(d), d.preventDefault());
+        onPointerDown: Z(o.onPointerDown, (f) => {
+          d.current = f.pointerType;
+          const m = f.target;
+          m.hasPointerCapture(f.pointerId) && m.releasePointerCapture(f.pointerId), f.button === 0 && f.ctrlKey === !1 && f.pointerType === "mouse" && (x(f), f.preventDefault());
         }),
-        onKeyDown: Z(o.onKeyDown, (d) => {
+        onKeyDown: Z(o.onKeyDown, (f) => {
           const m = p.current !== "";
-          !(d.ctrlKey || d.altKey || d.metaKey) && d.key.length === 1 && v(d.key), !(m && d.key === " ") && xc.includes(d.key) && (b(), d.preventDefault());
+          !(f.ctrlKey || f.altKey || f.metaKey) && f.key.length === 1 && v(f.key), !(m && f.key === " ") && xc.includes(f.key) && (x(), f.preventDefault());
         })
       }
     ) });
@@ -5036,16 +5048,16 @@ var Ao = "SelectTrigger", _o = h.forwardRef(
 _o.displayName = Ao;
 var Po = "SelectValue", Tc = h.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: r, style: o, children: a, placeholder: i = "", ...s } = e, l = $e(Po, n), { onValueNodeHasChildrenChange: c } = l, f = a !== void 0, p = te(t, l.onValueNodeChange);
+    const { __scopeSelect: n, className: r, style: o, children: a, placeholder: i = "", ...s } = e, l = $e(Po, n), { onValueNodeHasChildrenChange: c } = l, d = a !== void 0, p = ne(t, l.onValueNodeChange);
     return se(() => {
-      c(f);
-    }, [c, f]), /* @__PURE__ */ E(
+      c(d);
+    }, [c, d]), /* @__PURE__ */ T(
       X.span,
       {
         ...s,
         ref: p,
         style: { pointerEvents: "none" },
-        children: Xo(l.value) ? /* @__PURE__ */ E(gn, { children: i }) : a
+        children: Xo(l.value) ? /* @__PURE__ */ T(gn, { children: i }) : a
       }
     );
   }
@@ -5054,11 +5066,11 @@ Tc.displayName = Po;
 var Ac = "SelectIcon", Ro = h.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, children: r, ...o } = e;
-    return /* @__PURE__ */ E(X.span, { "aria-hidden": !0, ...o, ref: t, children: r || "▼" });
+    return /* @__PURE__ */ T(X.span, { "aria-hidden": !0, ...o, ref: t, children: r || "▼" });
   }
 );
 Ro.displayName = Ac;
-var _c = "SelectPortal", Io = (e) => /* @__PURE__ */ E(vo, { asChild: !0, ...e });
+var _c = "SelectPortal", Io = (e) => /* @__PURE__ */ T(vo, { asChild: !0, ...e });
 Io.displayName = _c;
 var Xe = "SelectContent", No = h.forwardRef(
   (e, t) => {
@@ -5068,11 +5080,11 @@ var Xe = "SelectContent", No = h.forwardRef(
     }, []), !n.open) {
       const a = r;
       return a ? h.createPortal(
-        /* @__PURE__ */ E(Oo, { scope: e.__scopeSelect, children: /* @__PURE__ */ E(Ut.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ E("div", { children: e.children }) }) }),
+        /* @__PURE__ */ T(Oo, { scope: e.__scopeSelect, children: /* @__PURE__ */ T(Ut.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ T("div", { children: e.children }) }) }),
         a
       ) : null;
     }
-    return /* @__PURE__ */ E(Lo, { ...e, ref: t });
+    return /* @__PURE__ */ T(Lo, { ...e, ref: t });
   }
 );
 No.displayName = Xe;
@@ -5089,38 +5101,38 @@ var pe = 10, [Oo, We] = ct(Xe), Pc = "SelectContentImpl", Rc = /* @__PURE__ */ g
       side: s,
       sideOffset: l,
       align: c,
-      alignOffset: f,
+      alignOffset: d,
       arrowPadding: p,
       collisionBoundary: v,
       collisionPadding: g,
-      sticky: b,
-      hideWhenDetached: d,
+      sticky: x,
+      hideWhenDetached: f,
       avoidCollisions: m,
       //
       ...w
-    } = e, y = $e(Xe, n), [x, C] = h.useState(null), [S, A] = h.useState(null), k = te(t, (R) => C(R)), [I, D] = h.useState(null), [L, $] = h.useState(
+    } = e, b = $e(Xe, n), [y, C] = h.useState(null), [S, E] = h.useState(null), k = ne(t, (R) => C(R)), [I, D] = h.useState(null), [L, $] = h.useState(
       null
-    ), W = jt(n), [N, T] = h.useState(!1), B = h.useRef(!1);
+    ), W = jt(n), [F, N] = h.useState(!1), _ = h.useRef(!1);
     h.useEffect(() => {
-      if (x) return Fl(x);
-    }, [x]), Xi();
+      if (y) return Fl(y);
+    }, [y]), Xi();
     const O = h.useCallback(
       (R) => {
-        const [K, ...ne] = W().map((U) => U.ref.current), [j] = ne.slice(-1), H = document.activeElement;
+        const [K, ...re] = W().map((U) => U.ref.current), [j] = re.slice(-1), H = document.activeElement;
         for (const U of R)
           if (U === H || (U == null || U.scrollIntoView({ block: "nearest" }), U === K && S && (S.scrollTop = 0), U === j && S && (S.scrollTop = S.scrollHeight), U == null || U.focus(), document.activeElement !== H)) return;
       },
       [W, S]
     ), M = h.useCallback(
-      () => O([I, x]),
-      [O, I, x]
+      () => O([I, y]),
+      [O, I, y]
     );
     h.useEffect(() => {
-      N && M();
-    }, [N, M]);
-    const { onOpenChange: P, triggerPointerDownPosRef: z } = y;
+      F && M();
+    }, [F, M]);
+    const { onOpenChange: P, triggerPointerDownPosRef: z } = b;
     h.useEffect(() => {
-      if (x) {
+      if (y) {
         let R = { x: 0, y: 0 };
         const K = (j) => {
           var H, U;
@@ -5128,53 +5140,53 @@ var pe = 10, [Oo, We] = ct(Xe), Pc = "SelectContentImpl", Rc = /* @__PURE__ */ g
             x: Math.abs(Math.round(j.pageX) - (((H = z.current) == null ? void 0 : H.x) ?? 0)),
             y: Math.abs(Math.round(j.pageY) - (((U = z.current) == null ? void 0 : U.y) ?? 0))
           };
-        }, ne = (j) => {
-          R.x <= 10 && R.y <= 10 ? j.preventDefault() : x.contains(j.target) || P(!1), document.removeEventListener("pointermove", K), z.current = null;
+        }, re = (j) => {
+          R.x <= 10 && R.y <= 10 ? j.preventDefault() : y.contains(j.target) || P(!1), document.removeEventListener("pointermove", K), z.current = null;
         };
-        return z.current !== null && (document.addEventListener("pointermove", K), document.addEventListener("pointerup", ne, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", K), document.removeEventListener("pointerup", ne, { capture: !0 });
+        return z.current !== null && (document.addEventListener("pointermove", K), document.addEventListener("pointerup", re, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", K), document.removeEventListener("pointerup", re, { capture: !0 });
         };
       }
-    }, [x, P, z]), h.useEffect(() => {
+    }, [y, P, z]), h.useEffect(() => {
       const R = () => P(!1);
       return window.addEventListener("blur", R), window.addEventListener("resize", R), () => {
         window.removeEventListener("blur", R), window.removeEventListener("resize", R);
       };
     }, [P]);
-    const [ie, Pe] = Zo((R) => {
-      const K = W().filter((H) => !H.disabled), ne = K.find((H) => H.ref.current === document.activeElement), j = Go(K, R, ne);
+    const [Q, Pe] = Zo((R) => {
+      const K = W().filter((H) => !H.disabled), re = K.find((H) => H.ref.current === document.activeElement), j = Go(K, R, re);
       j && setTimeout(() => j.ref.current.focus());
     }), ut = h.useCallback(
-      (R, K, ne) => {
-        const j = !B.current && !ne;
-        (y.value !== void 0 && y.value === K || j) && (D(R), j && (B.current = !0));
+      (R, K, re) => {
+        const j = !_.current && !re;
+        (b.value !== void 0 && b.value === K || j) && (D(R), j && (_.current = !0));
       },
-      [y.value]
-    ), dt = h.useCallback(() => x == null ? void 0 : x.focus(), [x]), Me = h.useCallback(
-      (R, K, ne) => {
-        const j = !B.current && !ne;
-        (y.value !== void 0 && y.value === K || j) && $(R);
+      [b.value]
+    ), dt = h.useCallback(() => y == null ? void 0 : y.focus(), [y]), Me = h.useCallback(
+      (R, K, re) => {
+        const j = !_.current && !re;
+        (b.value !== void 0 && b.value === K || j) && $(R);
       },
-      [y.value]
+      [b.value]
     ), Ze = r === "popper" ? fn : Mo, He = Ze === fn ? {
       side: s,
       sideOffset: l,
       align: c,
-      alignOffset: f,
+      alignOffset: d,
       arrowPadding: p,
       collisionBoundary: v,
       collisionPadding: g,
-      sticky: b,
-      hideWhenDetached: d,
+      sticky: x,
+      hideWhenDetached: f,
       avoidCollisions: m
     } : {};
-    return /* @__PURE__ */ E(
+    return /* @__PURE__ */ T(
       Oo,
       {
         scope: n,
-        content: x,
+        content: y,
         viewport: S,
-        onViewportChange: A,
+        onViewportChange: E,
         itemRefCallback: ut,
         selectedItem: I,
         onItemLeave: dt,
@@ -5182,21 +5194,21 @@ var pe = 10, [Oo, We] = ct(Xe), Pc = "SelectContentImpl", Rc = /* @__PURE__ */ g
         focusSelectedItem: M,
         selectedItemText: L,
         position: r,
-        isPositioned: N,
-        searchRef: ie,
-        children: /* @__PURE__ */ E(Eo, { as: Rc, allowPinchZoom: !0, children: /* @__PURE__ */ E(
+        isPositioned: F,
+        searchRef: Q,
+        children: /* @__PURE__ */ T(Eo, { as: Rc, allowPinchZoom: !0, children: /* @__PURE__ */ T(
           Ur,
           {
             asChild: !0,
-            trapped: y.open,
+            trapped: b.open,
             onMountAutoFocus: (R) => {
               R.preventDefault();
             },
             onUnmountAutoFocus: Z(o, (R) => {
               var K;
-              (K = y.trigger) == null || K.focus({ preventScroll: !0 }), R.preventDefault();
+              (K = b.trigger) == null || K.focus({ preventScroll: !0 }), R.preventDefault();
             }),
-            children: /* @__PURE__ */ E(
+            children: /* @__PURE__ */ T(
               Wr,
               {
                 asChild: !0,
@@ -5204,18 +5216,18 @@ var pe = 10, [Oo, We] = ct(Xe), Pc = "SelectContentImpl", Rc = /* @__PURE__ */ g
                 onEscapeKeyDown: a,
                 onPointerDownOutside: i,
                 onFocusOutside: (R) => R.preventDefault(),
-                onDismiss: () => y.onOpenChange(!1),
-                children: /* @__PURE__ */ E(
+                onDismiss: () => b.onOpenChange(!1),
+                children: /* @__PURE__ */ T(
                   Ze,
                   {
                     role: "listbox",
-                    id: y.contentId,
-                    "data-state": y.open ? "open" : "closed",
-                    dir: y.dir,
+                    id: b.contentId,
+                    "data-state": b.open ? "open" : "closed",
+                    dir: b.dir,
                     onContextMenu: (R) => R.preventDefault(),
                     ...w,
                     ...He,
-                    onPlaced: () => T(!0),
+                    onPlaced: () => N(!0),
                     ref: k,
                     style: {
                       // flex layout so we can place the scroll buttons properly
@@ -5248,8 +5260,8 @@ var pe = 10, [Oo, We] = ct(Xe), Pc = "SelectContentImpl", Rc = /* @__PURE__ */ g
 );
 Lo.displayName = Pc;
 var Ic = "SelectItemAlignedPosition", Mo = h.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: r, ...o } = e, a = $e(Xe, n), i = We(Xe, n), [s, l] = h.useState(null), [c, f] = h.useState(null), p = te(t, (k) => f(k)), v = jt(n), g = h.useRef(!1), b = h.useRef(!0), { viewport: d, selectedItem: m, selectedItemText: w, focusSelectedItem: y } = i, x = h.useCallback(() => {
-    if (a.trigger && a.valueNode && s && c && d && m && w) {
+  const { __scopeSelect: n, onPlaced: r, ...o } = e, a = $e(Xe, n), i = We(Xe, n), [s, l] = h.useState(null), [c, d] = h.useState(null), p = ne(t, (k) => d(k)), v = jt(n), g = h.useRef(!1), x = h.useRef(!0), { viewport: f, selectedItem: m, selectedItemText: w, focusSelectedItem: b } = i, y = h.useCallback(() => {
+    if (a.trigger && a.valueNode && s && c && f && m && w) {
       const k = a.trigger.getBoundingClientRect(), I = c.getBoundingClientRect(), D = a.valueNode.getBoundingClientRect(), L = w.getBoundingClientRect();
       if (a.dir !== "rtl") {
         const H = L.left - I.left, U = D.left - H, le = k.left - U, we = k.width + le, ft = Math.max(we, I.width), pt = window.innerWidth - pe, ht = Un(U, [
@@ -5269,11 +5281,11 @@ var Ic = "SelectItemAlignedPosition", Mo = h.forwardRef((e, t) => {
         ]);
         s.style.minWidth = we + "px", s.style.right = ht + "px";
       }
-      const $ = v(), W = window.innerHeight - pe * 2, N = d.scrollHeight, T = window.getComputedStyle(c), B = parseInt(T.borderTopWidth, 10), O = parseInt(T.paddingTop, 10), M = parseInt(T.borderBottomWidth, 10), P = parseInt(T.paddingBottom, 10), z = B + O + N + P + M, ie = Math.min(m.offsetHeight * 5, z), Pe = window.getComputedStyle(d), ut = parseInt(Pe.paddingTop, 10), dt = parseInt(Pe.paddingBottom, 10), Me = k.top + k.height / 2 - pe, Ze = W - Me, He = m.offsetHeight / 2, R = m.offsetTop + He, K = B + O + R, ne = z - K;
+      const $ = v(), W = window.innerHeight - pe * 2, F = f.scrollHeight, N = window.getComputedStyle(c), _ = parseInt(N.borderTopWidth, 10), O = parseInt(N.paddingTop, 10), M = parseInt(N.borderBottomWidth, 10), P = parseInt(N.paddingBottom, 10), z = _ + O + F + P + M, Q = Math.min(m.offsetHeight * 5, z), Pe = window.getComputedStyle(f), ut = parseInt(Pe.paddingTop, 10), dt = parseInt(Pe.paddingBottom, 10), Me = k.top + k.height / 2 - pe, Ze = W - Me, He = m.offsetHeight / 2, R = m.offsetTop + He, K = _ + O + R, re = z - K;
       if (K <= Me) {
         const H = $.length > 0 && m === $[$.length - 1].ref.current;
         s.style.bottom = "0px";
-        const U = c.clientHeight - d.offsetTop - d.offsetHeight, le = Math.max(
+        const U = c.clientHeight - f.offsetTop - f.offsetHeight, le = Math.max(
           Ze,
           He + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (H ? dt : 0) + U + M
@@ -5284,12 +5296,12 @@ var Ic = "SelectItemAlignedPosition", Mo = h.forwardRef((e, t) => {
         s.style.top = "0px";
         const le = Math.max(
           Me,
-          B + d.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          _ + f.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (H ? ut : 0) + He
-        ) + ne;
-        s.style.height = le + "px", d.scrollTop = K - Me + d.offsetTop;
+        ) + re;
+        s.style.height = le + "px", f.scrollTop = K - Me + f.offsetTop;
       }
-      s.style.margin = `${pe}px 0`, s.style.minHeight = ie + "px", s.style.maxHeight = W + "px", r == null || r(), requestAnimationFrame(() => g.current = !0);
+      s.style.margin = `${pe}px 0`, s.style.minHeight = Q + "px", s.style.maxHeight = W + "px", r == null || r(), requestAnimationFrame(() => g.current = !0);
     }
   }, [
     v,
@@ -5297,31 +5309,31 @@ var Ic = "SelectItemAlignedPosition", Mo = h.forwardRef((e, t) => {
     a.valueNode,
     s,
     c,
-    d,
+    f,
     m,
     w,
     a.dir,
     r
   ]);
-  se(() => x(), [x]);
+  se(() => y(), [y]);
   const [C, S] = h.useState();
   se(() => {
     c && S(window.getComputedStyle(c).zIndex);
   }, [c]);
-  const A = h.useCallback(
+  const E = h.useCallback(
     (k) => {
-      k && b.current === !0 && (x(), y == null || y(), b.current = !1);
+      k && x.current === !0 && (y(), b == null || b(), x.current = !1);
     },
-    [x, y]
+    [y, b]
   );
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ T(
     Oc,
     {
       scope: n,
       contentWrapper: s,
       shouldExpandOnScrollRef: g,
-      onScrollButtonChange: A,
-      children: /* @__PURE__ */ E(
+      onScrollButtonChange: E,
+      children: /* @__PURE__ */ T(
         "div",
         {
           ref: l,
@@ -5331,7 +5343,7 @@ var Ic = "SelectItemAlignedPosition", Mo = h.forwardRef((e, t) => {
             position: "fixed",
             zIndex: C
           },
-          children: /* @__PURE__ */ E(
+          children: /* @__PURE__ */ T(
             X.div,
             {
               ...o,
@@ -5359,7 +5371,7 @@ var Nc = "SelectPopperPosition", fn = h.forwardRef((e, t) => {
     collisionPadding: o = pe,
     ...a
   } = e, i = Yt(n);
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ T(
     El,
     {
       ...i,
@@ -5383,9 +5395,9 @@ var Nc = "SelectPopperPosition", fn = h.forwardRef((e, t) => {
 fn.displayName = Nc;
 var [Oc, Bn] = ct(Xe, {}), pn = "SelectViewport", Do = h.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, nonce: r, ...o } = e, a = We(pn, n), i = Bn(pn, n), s = te(t, a.onViewportChange), l = h.useRef(0);
+    const { __scopeSelect: n, nonce: r, ...o } = e, a = We(pn, n), i = Bn(pn, n), s = ne(t, a.onViewportChange), l = h.useRef(0);
     return /* @__PURE__ */ Nt(gn, { children: [
-      /* @__PURE__ */ E(
+      /* @__PURE__ */ T(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -5394,7 +5406,7 @@ var [Oc, Bn] = ct(Xe, {}), pn = "SelectViewport", Do = h.forwardRef(
           nonce: r
         }
       ),
-      /* @__PURE__ */ E(Ut.Slot, { scope: n, children: /* @__PURE__ */ E(
+      /* @__PURE__ */ T(Ut.Slot, { scope: n, children: /* @__PURE__ */ T(
         X.div,
         {
           "data-radix-select-viewport": "",
@@ -5415,18 +5427,18 @@ var [Oc, Bn] = ct(Xe, {}), pn = "SelectViewport", Do = h.forwardRef(
             ...o.style
           },
           onScroll: Z(o.onScroll, (c) => {
-            const f = c.currentTarget, { contentWrapper: p, shouldExpandOnScrollRef: v } = i;
+            const d = c.currentTarget, { contentWrapper: p, shouldExpandOnScrollRef: v } = i;
             if (v != null && v.current && p) {
-              const g = Math.abs(l.current - f.scrollTop);
+              const g = Math.abs(l.current - d.scrollTop);
               if (g > 0) {
-                const b = window.innerHeight - pe * 2, d = parseFloat(p.style.minHeight), m = parseFloat(p.style.height), w = Math.max(d, m);
-                if (w < b) {
-                  const y = w + g, x = Math.min(b, y), C = y - x;
-                  p.style.height = x + "px", p.style.bottom === "0px" && (f.scrollTop = C > 0 ? C : 0, p.style.justifyContent = "flex-end");
+                const x = window.innerHeight - pe * 2, f = parseFloat(p.style.minHeight), m = parseFloat(p.style.height), w = Math.max(f, m);
+                if (w < x) {
+                  const b = w + g, y = Math.min(x, b), C = b - y;
+                  p.style.height = y + "px", p.style.bottom === "0px" && (d.scrollTop = C > 0 ? C : 0, p.style.justifyContent = "flex-end");
                 }
               }
             }
-            l.current = f.scrollTop;
+            l.current = d.scrollTop;
           })
         }
       ) })
@@ -5437,14 +5449,14 @@ Do.displayName = pn;
 var Fo = "SelectGroup", [Lc, Mc] = ct(Fo), Dc = h.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...r } = e, o = _n();
-    return /* @__PURE__ */ E(Lc, { scope: n, id: o, children: /* @__PURE__ */ E(X.div, { role: "group", "aria-labelledby": o, ...r, ref: t }) });
+    return /* @__PURE__ */ T(Lc, { scope: n, id: o, children: /* @__PURE__ */ T(X.div, { role: "group", "aria-labelledby": o, ...r, ref: t }) });
   }
 );
 Dc.displayName = Fo;
 var Bo = "SelectLabel", Fc = h.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...r } = e, o = Mc(Bo, n);
-    return /* @__PURE__ */ E(X.div, { id: o.id, ...r, ref: t });
+    return /* @__PURE__ */ T(X.div, { id: o.id, ...r, ref: t });
   }
 );
 Fc.displayName = Bo;
@@ -5456,42 +5468,42 @@ var Ft = "SelectItem", [Bc, zo] = ct(Ft), Vo = h.forwardRef(
       disabled: o = !1,
       textValue: a,
       ...i
-    } = e, s = $e(Ft, n), l = We(Ft, n), c = s.value === r, [f, p] = h.useState(a ?? ""), [v, g] = h.useState(!1), b = te(
+    } = e, s = $e(Ft, n), l = We(Ft, n), c = s.value === r, [d, p] = h.useState(a ?? ""), [v, g] = h.useState(!1), x = ne(
       t,
-      (y) => {
-        var x;
-        return (x = l.itemRefCallback) == null ? void 0 : x.call(l, y, r, o);
+      (b) => {
+        var y;
+        return (y = l.itemRefCallback) == null ? void 0 : y.call(l, b, r, o);
       }
-    ), d = _n(), m = h.useRef("touch"), w = () => {
+    ), f = _n(), m = h.useRef("touch"), w = () => {
       o || (s.onValueChange(r), s.onOpenChange(!1));
     };
     if (r === "")
       throw new Error(
         "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
       );
-    return /* @__PURE__ */ E(
+    return /* @__PURE__ */ T(
       Bc,
       {
         scope: n,
         value: r,
         disabled: o,
-        textId: d,
+        textId: f,
         isSelected: c,
-        onItemTextChange: h.useCallback((y) => {
-          p((x) => x || ((y == null ? void 0 : y.textContent) ?? "").trim());
+        onItemTextChange: h.useCallback((b) => {
+          p((y) => y || ((b == null ? void 0 : b.textContent) ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ E(
+        children: /* @__PURE__ */ T(
           Ut.ItemSlot,
           {
             scope: n,
             value: r,
             disabled: o,
-            textValue: f,
-            children: /* @__PURE__ */ E(
+            textValue: d,
+            children: /* @__PURE__ */ T(
               X.div,
               {
                 role: "option",
-                "aria-labelledby": d,
+                "aria-labelledby": f,
                 "data-highlighted": v ? "" : void 0,
                 "aria-selected": c && v,
                 "data-state": c ? "checked" : "unchecked",
@@ -5499,7 +5511,7 @@ var Ft = "SelectItem", [Bc, zo] = ct(Ft), Vo = h.forwardRef(
                 "data-disabled": o ? "" : void 0,
                 tabIndex: o ? void 0 : -1,
                 ...i,
-                ref: b,
+                ref: x,
                 onFocus: Z(i.onFocus, () => g(!0)),
                 onBlur: Z(i.onBlur, () => g(!1)),
                 onClick: Z(i.onClick, () => {
@@ -5508,20 +5520,20 @@ var Ft = "SelectItem", [Bc, zo] = ct(Ft), Vo = h.forwardRef(
                 onPointerUp: Z(i.onPointerUp, () => {
                   m.current === "mouse" && w();
                 }),
-                onPointerDown: Z(i.onPointerDown, (y) => {
-                  m.current = y.pointerType;
+                onPointerDown: Z(i.onPointerDown, (b) => {
+                  m.current = b.pointerType;
                 }),
-                onPointerMove: Z(i.onPointerMove, (y) => {
-                  var x;
-                  m.current = y.pointerType, o ? (x = l.onItemLeave) == null || x.call(l) : m.current === "mouse" && y.currentTarget.focus({ preventScroll: !0 });
+                onPointerMove: Z(i.onPointerMove, (b) => {
+                  var y;
+                  m.current = b.pointerType, o ? (y = l.onItemLeave) == null || y.call(l) : m.current === "mouse" && b.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: Z(i.onPointerLeave, (y) => {
-                  var x;
-                  y.currentTarget === document.activeElement && ((x = l.onItemLeave) == null || x.call(l));
+                onPointerLeave: Z(i.onPointerLeave, (b) => {
+                  var y;
+                  b.currentTarget === document.activeElement && ((y = l.onItemLeave) == null || y.call(l));
                 }),
-                onKeyDown: Z(i.onKeyDown, (y) => {
+                onKeyDown: Z(i.onKeyDown, (b) => {
                   var C;
-                  ((C = l.searchRef) == null ? void 0 : C.current) !== "" && y.key === " " || (yc.includes(y.key) && w(), y.key === " " && y.preventDefault());
+                  ((C = l.searchRef) == null ? void 0 : C.current) !== "" && b.key === " " || (yc.includes(b.key) && w(), b.key === " " && b.preventDefault());
                 })
               }
             )
@@ -5534,20 +5546,20 @@ var Ft = "SelectItem", [Bc, zo] = ct(Ft), Vo = h.forwardRef(
 Vo.displayName = Ft;
 var mt = "SelectItemText", $o = h.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: r, style: o, ...a } = e, i = $e(mt, n), s = We(mt, n), l = zo(mt, n), c = Ec(mt, n), [f, p] = h.useState(null), v = te(
+    const { __scopeSelect: n, className: r, style: o, ...a } = e, i = $e(mt, n), s = We(mt, n), l = zo(mt, n), c = Ec(mt, n), [d, p] = h.useState(null), v = ne(
       t,
       (w) => p(w),
       l.onItemTextChange,
       (w) => {
-        var y;
-        return (y = s.itemTextRefCallback) == null ? void 0 : y.call(s, w, l.value, l.disabled);
+        var b;
+        return (b = s.itemTextRefCallback) == null ? void 0 : b.call(s, w, l.value, l.disabled);
       }
-    ), g = f == null ? void 0 : f.textContent, b = h.useMemo(
-      () => /* @__PURE__ */ E("option", { value: l.value, disabled: l.disabled, children: g }, l.value),
+    ), g = d == null ? void 0 : d.textContent, x = h.useMemo(
+      () => /* @__PURE__ */ T("option", { value: l.value, disabled: l.disabled, children: g }, l.value),
       [l.disabled, l.value, g]
-    ), { onNativeOptionAdd: d, onNativeOptionRemove: m } = c;
-    return se(() => (d(b), () => m(b)), [d, m, b]), /* @__PURE__ */ Nt(gn, { children: [
-      /* @__PURE__ */ E(X.span, { id: l.textId, ...a, ref: v }),
+    ), { onNativeOptionAdd: f, onNativeOptionRemove: m } = c;
+    return se(() => (f(x), () => m(x)), [f, m, x]), /* @__PURE__ */ Nt(gn, { children: [
+      /* @__PURE__ */ T(X.span, { id: l.textId, ...a, ref: v }),
       l.isSelected && i.valueNode && !i.valueNodeHasChildren ? h.createPortal(a.children, i.valueNode) : null
     ] });
   }
@@ -5556,12 +5568,12 @@ $o.displayName = mt;
 var Wo = "SelectItemIndicator", Ho = h.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...r } = e;
-    return zo(Wo, n).isSelected ? /* @__PURE__ */ E(X.span, { "aria-hidden": !0, ...r, ref: t }) : null;
+    return zo(Wo, n).isSelected ? /* @__PURE__ */ T(X.span, { "aria-hidden": !0, ...r, ref: t }) : null;
   }
 );
 Ho.displayName = Wo;
 var hn = "SelectScrollUpButton", Uo = h.forwardRef((e, t) => {
-  const n = We(hn, e.__scopeSelect), r = Bn(hn, e.__scopeSelect), [o, a] = h.useState(!1), i = te(t, r.onScrollButtonChange);
+  const n = We(hn, e.__scopeSelect), r = Bn(hn, e.__scopeSelect), [o, a] = h.useState(!1), i = ne(t, r.onScrollButtonChange);
   return se(() => {
     if (n.viewport && n.isPositioned) {
       let s = function() {
@@ -5571,7 +5583,7 @@ var hn = "SelectScrollUpButton", Uo = h.forwardRef((e, t) => {
       const l = n.viewport;
       return s(), l.addEventListener("scroll", s), () => l.removeEventListener("scroll", s);
     }
-  }, [n.viewport, n.isPositioned]), o ? /* @__PURE__ */ E(
+  }, [n.viewport, n.isPositioned]), o ? /* @__PURE__ */ T(
     Yo,
     {
       ...e,
@@ -5585,17 +5597,17 @@ var hn = "SelectScrollUpButton", Uo = h.forwardRef((e, t) => {
 });
 Uo.displayName = hn;
 var vn = "SelectScrollDownButton", jo = h.forwardRef((e, t) => {
-  const n = We(vn, e.__scopeSelect), r = Bn(vn, e.__scopeSelect), [o, a] = h.useState(!1), i = te(t, r.onScrollButtonChange);
+  const n = We(vn, e.__scopeSelect), r = Bn(vn, e.__scopeSelect), [o, a] = h.useState(!1), i = ne(t, r.onScrollButtonChange);
   return se(() => {
     if (n.viewport && n.isPositioned) {
       let s = function() {
-        const c = l.scrollHeight - l.clientHeight, f = Math.ceil(l.scrollTop) < c;
-        a(f);
+        const c = l.scrollHeight - l.clientHeight, d = Math.ceil(l.scrollTop) < c;
+        a(d);
       };
       const l = n.viewport;
       return s(), l.addEventListener("scroll", s), () => l.removeEventListener("scroll", s);
     }
-  }, [n.viewport, n.isPositioned]), o ? /* @__PURE__ */ E(
+  }, [n.viewport, n.isPositioned]), o ? /* @__PURE__ */ T(
     Yo,
     {
       ...e,
@@ -5613,10 +5625,10 @@ var Yo = h.forwardRef((e, t) => {
     i.current !== null && (window.clearInterval(i.current), i.current = null);
   }, []);
   return h.useEffect(() => () => l(), [l]), se(() => {
-    var f;
+    var d;
     const c = s().find((p) => p.ref.current === document.activeElement);
-    (f = c == null ? void 0 : c.ref.current) == null || f.scrollIntoView({ block: "nearest" });
-  }, [s]), /* @__PURE__ */ E(
+    (d = c == null ? void 0 : c.ref.current) == null || d.scrollIntoView({ block: "nearest" });
+  }, [s]), /* @__PURE__ */ T(
     X.div,
     {
       "aria-hidden": !0,
@@ -5638,32 +5650,32 @@ var Yo = h.forwardRef((e, t) => {
 }), zc = "SelectSeparator", Vc = h.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...r } = e;
-    return /* @__PURE__ */ E(X.div, { "aria-hidden": !0, ...r, ref: t });
+    return /* @__PURE__ */ T(X.div, { "aria-hidden": !0, ...r, ref: t });
   }
 );
 Vc.displayName = zc;
 var mn = "SelectArrow", $c = h.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...r } = e, o = Yt(n), a = $e(mn, n), i = We(mn, n);
-    return a.open && i.position === "popper" ? /* @__PURE__ */ E(Tl, { ...o, ...r, ref: t }) : null;
+    return a.open && i.position === "popper" ? /* @__PURE__ */ T(Tl, { ...o, ...r, ref: t }) : null;
   }
 );
 $c.displayName = mn;
 var Wc = "SelectBubbleInput", Ko = h.forwardRef(
   ({ __scopeSelect: e, value: t, ...n }, r) => {
-    const o = h.useRef(null), a = te(r, o), i = Il(t);
+    const o = h.useRef(null), a = ne(r, o), i = Il(t);
     return h.useEffect(() => {
       const s = o.current;
       if (!s) return;
-      const l = window.HTMLSelectElement.prototype, f = Object.getOwnPropertyDescriptor(
+      const l = window.HTMLSelectElement.prototype, d = Object.getOwnPropertyDescriptor(
         l,
         "value"
       ).set;
-      if (i !== t && f) {
+      if (i !== t && d) {
         const p = new Event("change", { bubbles: !0 });
-        f.call(s, t), s.dispatchEvent(p);
+        d.call(s, t), s.dispatchEvent(p);
       }
-    }, [i, t]), /* @__PURE__ */ E(
+    }, [i, t]), /* @__PURE__ */ T(
       X.select,
       {
         ...n,
@@ -5731,7 +5743,7 @@ function zn({
 }
 function Jo({ children: e, ...t }) {
   const [n, r] = Ie(!1), { language: o, setLanguage: a, options: i } = at(), s = za();
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ A(
     Uc,
     {
       open: n,
@@ -5744,7 +5756,7 @@ function Jo({ children: e, ...t }) {
       },
       children: [
         e,
-        /* @__PURE__ */ u(jc, { container: s, children: /* @__PURE__ */ _(
+        /* @__PURE__ */ u(jc, { container: s, children: /* @__PURE__ */ A(
           Yc,
           {
             className: "overflow-hidden bg-base border border-base-border rounded-dropdown-sheet max-h-[min(384px,var(--radix-select-content-available-height))] min-w-[var(--radix-select-trigger-width)] z-10",
@@ -5758,7 +5770,7 @@ function Jo({ children: e, ...t }) {
             ...t,
             children: [
               /* @__PURE__ */ u(qc, { className: "flex items-center justify-center h-6 bg-base text-base-subtle cursor-default", children: /* @__PURE__ */ u(Se, { size: "sm", name: "chevron-up" }) }),
-              /* @__PURE__ */ u(Kc, { className: "p-1.5", children: i.value.map((l) => /* @__PURE__ */ _(
+              /* @__PURE__ */ u(Kc, { className: "p-1.5", children: i.value.map((l) => /* @__PURE__ */ A(
                 Xc,
                 {
                   value: l.languageCode,
@@ -5784,7 +5796,7 @@ function eu({
   ...t
 }) {
   const n = G(), { language: r, showPicker: o } = at();
-  return o.value ? /* @__PURE__ */ u(Jo, { align: "center", children: /* @__PURE__ */ _(
+  return o.value ? /* @__PURE__ */ u(Jo, { align: "center", children: /* @__PURE__ */ A(
     qo,
     {
       className: V(
@@ -5809,7 +5821,7 @@ function tu({
   showLanguageSelector: o
 }) {
   const a = G();
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ A(
     "div",
     {
       className: V(
@@ -5817,7 +5829,7 @@ function tu({
         r && "shadow-header"
       ),
       children: [
-        /* @__PURE__ */ _("div", { className: "flex gap-2 p-4 items-start", children: [
+        /* @__PURE__ */ A("div", { className: "flex gap-2 p-4 items-start", children: [
           e ? /* @__PURE__ */ u(
             ve,
             {
@@ -5828,9 +5840,9 @@ function tu({
               children: /* @__PURE__ */ u(Se, { name: "chevron-up", className: "-rotate-90", size: "sm" })
             }
           ) : /* @__PURE__ */ u("div", { className: "relative w-8 h-8" }),
-          /* @__PURE__ */ u(ae, { active: n, children: /* @__PURE__ */ u(Cn, { className: "transition-opacity data-hidden:opacity-0" }) })
+          /* @__PURE__ */ u(ie, { active: n, children: /* @__PURE__ */ u(Cn, { className: "transition-opacity data-hidden:opacity-0" }) })
         ] }),
-        /* @__PURE__ */ u(ae, { active: o, children: /* @__PURE__ */ u("div", { className: "absolute top-0 left-0 right-0 p-4 flex justify-center transition-[opacity,transform] duration-200 data-hidden:opacity-0 data-hidden:-translate-y-4", children: /* @__PURE__ */ u(eu, {}) }) })
+        /* @__PURE__ */ u(ie, { active: o, children: /* @__PURE__ */ u("div", { className: "absolute top-0 left-0 right-0 p-4 flex justify-center transition-[opacity,transform] duration-200 data-hidden:opacity-0 data-hidden:-translate-y-4", children: /* @__PURE__ */ u(eu, {}) }) })
       ]
     }
   );
@@ -5844,22 +5856,22 @@ const nu = {
   bottom: "origin-bottom"
 };
 function hr({ open: e }) {
-  const t = G(), n = bn(), r = zt(), o = q(), a = o.value.placement, { isDisconnected: i, startSession: s, transcript: l, conversationIndex: c } = re(), f = Ar(), { currentContent: p, currentConfig: v } = kn(), g = Y(() => {
+  const t = G(), n = bn(), r = zt(), o = q(), a = o.value.placement, { isDisconnected: i, startSession: s, transcript: l, conversationIndex: c } = oe(), d = Ar(), { currentContent: p, currentConfig: v } = kn(), g = Y(() => {
     var w;
-    return n.value || r.value ? !f.value || !n.value ? l.value : [
+    return n.value || r.value ? !d.value || !n.value ? l.value : [
       {
         type: "message",
         role: "ai",
-        message: f.value,
+        message: d.value,
         isText: !0,
         conversationIndex: ((w = l.value[0]) == null ? void 0 : w.conversationIndex) ?? c.peek()
       },
       ...l.value
     ] : o.value.transcript_enabled ? l.value : l.value.filter(
-      (y) => y.type !== "message" || y.isText
+      (b) => b.type !== "message" || b.isText
     );
-  }), b = g.value.length > 0 || !i.value && o.value.transcript_enabled, d = Q(!0), m = p.value !== "feedback";
-  return /* @__PURE__ */ u(ae, { initial: !1, active: e, children: /* @__PURE__ */ _(
+  }), x = g.value.length > 0 || !i.value && o.value.transcript_enabled, f = J(!0), m = p.value !== "feedback";
+  return /* @__PURE__ */ u(ie, { initial: !1, active: e, children: /* @__PURE__ */ A(
     "div",
     {
       className: V(
@@ -5874,45 +5886,45 @@ function hr({ open: e }) {
           {
             showBackButton: v.showHeaderBack,
             onBackClick: v.onHeaderBack,
-            showStatusLabel: b && !i.value,
-            showShadow: b,
-            showLanguageSelector: p.value !== "feedback" && (!b || i.value)
+            showStatusLabel: x && !i.value,
+            showShadow: x,
+            showLanguageSelector: p.value !== "feedback" && (!x || i.value)
           }
         ),
-        /* @__PURE__ */ u(ae, { active: p.value === "transcript", children: /* @__PURE__ */ _("div", { className: "grow flex flex-col min-h-0 transition-opacity duration-300 ease-out data-hidden:opacity-0", children: [
+        /* @__PURE__ */ u(ie, { active: p.value === "transcript", children: /* @__PURE__ */ A("div", { className: "grow flex flex-col min-h-0 transition-opacity duration-300 ease-out data-hidden:opacity-0", children: [
           /* @__PURE__ */ u(
             Ri,
             {
               transcript: g,
-              scrollPinned: d
+              scrollPinned: f
             }
           ),
           /* @__PURE__ */ u(
             Ii,
             {
-              scrollPinned: d,
-              showTranscript: b
+              scrollPinned: f,
+              showTranscript: x
             }
           )
         ] }) }),
-        /* @__PURE__ */ u(ae, { active: p.value === "feedback", children: /* @__PURE__ */ _("div", { className: "absolute inset-0 top-[88px] flex flex-col bg-base transition-transform duration-300 ease-out data-hidden:translate-x-full", children: [
+        /* @__PURE__ */ u(ie, { active: p.value === "feedback", children: /* @__PURE__ */ A("div", { className: "absolute inset-0 top-[88px] flex flex-col bg-base transition-transform duration-300 ease-out data-hidden:translate-x-full", children: [
           /* @__PURE__ */ u(Ni, {}),
           /* @__PURE__ */ u(Oi, {})
         ] }) }),
-        /* @__PURE__ */ u(ae, { active: m, children: /* @__PURE__ */ _(
+        /* @__PURE__ */ u(ie, { active: m, children: /* @__PURE__ */ A(
           "div",
           {
             className: V(
               "absolute origin-top-left transition-[transform,left,top,opacity,scale] duration-200 z-1",
               "data-hidden:opacity-0",
-              b ? "top-4 left-4 scale-[0.1667]" : "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 scale-100"
+              x ? "top-4 left-4 scale-[0.1667]" : "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 scale-100"
             ),
             children: [
               /* @__PURE__ */ u(it, { size: "lg" }),
               /* @__PURE__ */ u(
-                ae,
+                ie,
                 {
-                  active: !b && i.value && !n.value,
+                  active: !x && i.value && !n.value,
                   children: /* @__PURE__ */ u("div", { className: "absolute bottom-0 p-1 rounded-[calc(var(--el-button-radius)+4px)] bg-base left-1/2 -translate-x-1/2 translate-y-1/2 transition-[opacity,transform] data-hidden:opacity-0 data-hidden:scale-100 scale-150", children: /* @__PURE__ */ u(
                     ve,
                     {
@@ -5924,7 +5936,7 @@ function hr({ open: e }) {
                   ) })
                 }
               ),
-              /* @__PURE__ */ u(ae, { active: !b && !i.value, children: /* @__PURE__ */ u("div", { className: "absolute -bottom-3 left-1/2 -translate-x-1/2 translate-y-full transition-[opacity,transform] data-hidden:opacity-0 data-hidden:scale-75", children: /* @__PURE__ */ u(Cn, {}) }) })
+              /* @__PURE__ */ u(ie, { active: !x && !i.value, children: /* @__PURE__ */ u("div", { className: "absolute -bottom-3 left-1/2 -translate-x-1/2 translate-y-full transition-[opacity,transform] data-hidden:opacity-0 data-hidden:scale-75", children: /* @__PURE__ */ u(Cn, {}) }) })
             ]
           }
         ) })
@@ -5933,10 +5945,10 @@ function hr({ open: e }) {
   ) });
 }
 function ea({ expanded: e }) {
-  const t = zt(), n = q().value.variant, { isDisconnected: r } = re(), o = G(), a = ee(() => {
+  const t = zt(), n = q().value.variant, { isDisconnected: r } = oe(), o = G(), a = te(() => {
     e.value = !e.value;
   }, [e]);
-  return /* @__PURE__ */ _(rt, { children: [
+  return /* @__PURE__ */ A(rt, { children: [
     n === "full" && /* @__PURE__ */ u(
       Ne,
       {
@@ -5982,8 +5994,8 @@ function ru({
   className: t,
   ...n
 }) {
-  const { isDisconnected: r } = re(), o = G();
-  return /* @__PURE__ */ _(
+  const { isDisconnected: r } = oe(), o = G();
+  return /* @__PURE__ */ A(
     "div",
     {
       className: V(
@@ -5998,7 +6010,7 @@ function ru({
           {
             visible: !e.value && r.value,
             className: "p-1 !min-w-60",
-            children: /* @__PURE__ */ _("div", { className: "flex items-center gap-2", children: [
+            children: /* @__PURE__ */ A("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ u(it, {}),
               /* @__PURE__ */ u("div", { className: "text-sm max-w-64", children: o.main_label })
             ] })
@@ -6014,7 +6026,7 @@ function ou({
   className: t,
   ...n
 }) {
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ A(
     "div",
     {
       className: V("rounded-compact-sheet flex items-center p-2", t),
@@ -6028,7 +6040,7 @@ function ou({
 }
 function au({ visible: e, className: t, ...n }) {
   const r = G(), { language: o, showPicker: a } = at();
-  return a.value ? /* @__PURE__ */ u(Ne, { visible: e, className: "p-1", children: /* @__PURE__ */ u(Jo, { children: /* @__PURE__ */ _(
+  return a.value ? /* @__PURE__ */ u(Ne, { visible: e, className: "p-1", children: /* @__PURE__ */ u(Jo, { children: /* @__PURE__ */ A(
     qo,
     {
       className: V(
@@ -6045,8 +6057,8 @@ function au({ visible: e, className: t, ...n }) {
   ) }) }) : null;
 }
 function ta() {
-  const e = q().value.variant, { isDisconnected: t, status: n } = re();
-  return /* @__PURE__ */ _(rt, { children: [
+  const e = q().value.variant, { isDisconnected: t, status: n } = oe();
+  return /* @__PURE__ */ A(rt, { children: [
     /* @__PURE__ */ u(
       Tn,
       {
@@ -6064,11 +6076,11 @@ function iu({
   className: e,
   ...t
 }) {
-  const { isDisconnected: n } = re(), r = G();
-  return /* @__PURE__ */ _("div", { className: V("flex flex-col p-2 rounded-sheet", e), ...t, children: [
-    /* @__PURE__ */ _("div", { className: "flex items-center p-1 gap-2 min-w-60", children: [
+  const { isDisconnected: n } = oe(), r = G();
+  return /* @__PURE__ */ A("div", { className: V("flex flex-col p-2 rounded-sheet", e), ...t, children: [
+    /* @__PURE__ */ A("div", { className: "flex items-center p-1 gap-2 min-w-60", children: [
       /* @__PURE__ */ u(it, {}),
-      /* @__PURE__ */ _("div", { className: "relative text-sm max-w-64", children: [
+      /* @__PURE__ */ A("div", { className: "relative text-sm max-w-64", children: [
         /* @__PURE__ */ u(
           "span",
           {
@@ -6079,7 +6091,7 @@ function iu({
             children: r.main_label
           }
         ),
-        /* @__PURE__ */ u(ae, { active: !n.value, children: /* @__PURE__ */ u(Cn, { className: "absolute top-1/2 -translate-y-1/2 transition-[transform,opacity] duration-200 data-hidden:opacity-0 data-hidden:scale-90" }) })
+        /* @__PURE__ */ u(ie, { active: !n.value, children: /* @__PURE__ */ u(Cn, { className: "absolute top-1/2 -translate-y-1/2 transition-[transform,opacity] duration-200 data-hidden:opacity-0 data-hidden:scale-90" }) })
       ] })
     ] }),
     /* @__PURE__ */ u("div", { className: "flex items-center", children: /* @__PURE__ */ u(ta, {}) })
@@ -6089,7 +6101,7 @@ function su({
   className: e,
   ...t
 }) {
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ A(
     "div",
     {
       className: V("rounded-compact-sheet flex items-center p-2", e),
@@ -6102,7 +6114,7 @@ function su({
   );
 }
 function lu({ expandable: e, expanded: t }) {
-  const n = q().value.variant, r = Bt(), { isDisconnected: o } = re(), a = ee(async () => {
+  const n = q().value.variant, r = Bt(), { isDisconnected: o } = oe(), a = te(async () => {
     await r.requestTerms(), t.value = !t.peek();
   }, [t]), i = n === "full";
   return e ? /* @__PURE__ */ u(
@@ -6119,7 +6131,7 @@ function lu({ expandable: e, expanded: t }) {
 }
 function cu() {
   const e = G(), t = q(), { dismissTerms: n, acceptTerms: r } = Bt();
-  return /* @__PURE__ */ _("div", { className: "max-w-[400px] flex flex-col gap-2 bg-base shadow-md pointer-events-auto rounded-sheet p-3 text-sm", children: [
+  return /* @__PURE__ */ A("div", { className: "max-w-[400px] flex flex-col gap-2 bg-base shadow-md pointer-events-auto rounded-sheet p-3 text-sm", children: [
     /* @__PURE__ */ u(
       "div",
       {
@@ -6127,7 +6139,7 @@ function cu() {
         dangerouslySetInnerHTML: { __html: t.value.terms_html ?? "" }
       }
     ),
-    /* @__PURE__ */ _("div", { className: "flex justify-end gap-2", children: [
+    /* @__PURE__ */ A("div", { className: "flex justify-end gap-2", children: [
       /* @__PURE__ */ u(ve, { onClick: n, children: e.dismiss_terms }),
       /* @__PURE__ */ u(ve, { onClick: r, variant: "primary", children: e.accept_terms })
     ] })
@@ -6145,30 +6157,30 @@ function uu({ copyText: e, children: t }) {
       };
     }
   }, [r]);
-  const a = ee(() => {
+  const a = te(() => {
     const i = Ir(e);
     i && (navigator.clipboard.writeText(i), o(!0));
   }, []);
   return /* @__PURE__ */ u(ve, { onClick: a, children: r ? n.copied : t });
 }
 function du({ sawError: e }) {
-  const t = G(), { error: n, lastId: r } = re(), o = ee(() => {
+  const t = G(), { error: n, lastId: r } = oe(), o = te(() => {
     e.value = !0;
   }, []);
-  return /* @__PURE__ */ _("div", { className: "max-w-[400px] flex flex-col gap-2 bg-base shadow-md pointer-events-auto rounded-sheet p-3 text-sm", children: [
-    /* @__PURE__ */ _("div", { className: "p-2 pt-1", children: [
+  return /* @__PURE__ */ A("div", { className: "max-w-[400px] flex flex-col gap-2 bg-base shadow-md pointer-events-auto rounded-sheet p-3 text-sm", children: [
+    /* @__PURE__ */ A("div", { className: "p-2 pt-1", children: [
       /* @__PURE__ */ u("h1", { className: "text-md font-medium pb-1", children: t.error_occurred }),
       n.value,
-      r.value && /* @__PURE__ */ _(rt, { children: [
+      r.value && /* @__PURE__ */ A(rt, { children: [
         /* @__PURE__ */ u("br", {}),
-        /* @__PURE__ */ _("span", { className: "text-base-subtle", children: [
+        /* @__PURE__ */ A("span", { className: "text-base-subtle", children: [
           t.conversation_id,
           ": ",
           r.value
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ _("div", { className: "flex justify-end gap-2", children: [
+    /* @__PURE__ */ A("div", { className: "flex justify-end gap-2", children: [
       /* @__PURE__ */ u(uu, { copyText: r, children: t.copy_id }),
       /* @__PURE__ */ u(ve, { variant: "primary", onClick: o, children: "Close" })
     ] })
@@ -6176,7 +6188,7 @@ function du({ sawError: e }) {
 }
 function fu() {
   const e = q();
-  return e.value.disable_banner ? null : /* @__PURE__ */ _(
+  return e.value.disable_banner ? null : /* @__PURE__ */ A(
     "p",
     {
       className: V(
@@ -6216,7 +6228,7 @@ const Je = {
 }, _t = {
   display: "none"
 }, hu = vr(function() {
-  const t = q(), n = Q(t.peek().default_expanded), r = Q(!1), { error: o } = re(), a = Bt(), i = Y(
+  const t = q(), n = J(t.peek().default_expanded), r = J(!1), { error: o } = oe(), a = Bt(), i = Y(
     () => t.value.transcript_enabled || t.value.text_input_enabled
   ), s = Y(
     () => V(
@@ -6228,26 +6240,26 @@ const Je = {
     o.value && (i.value ? (r.value = !0, n.value = !0) : r.value = !1);
   }), Ee(() => {
     const v = (g) => {
-      var b, d, m;
-      ((b = g.detail) == null ? void 0 : b.action) === "expand" ? n.value = !0 : ((d = g.detail) == null ? void 0 : d.action) === "collapse" ? n.value = !1 : ((m = g.detail) == null ? void 0 : m.action) === "toggle" && (n.value = !n.value);
+      var x, f, m;
+      ((x = g.detail) == null ? void 0 : x.action) === "expand" ? n.value = !0 : ((f = g.detail) == null ? void 0 : f.action) === "collapse" ? n.value = !1 : ((m = g.detail) == null ? void 0 : m.action) === "toggle" && (n.value = !n.value);
     };
     return document.addEventListener("elevenlabs-agent:expand", v), () => {
       document.removeEventListener("elevenlabs-agent:expand", v);
     };
   });
-  const l = Y(() => !i.value && o.value && !r.value ? "error" : !a.termsAccepted.value && a.termsShown.value ? "terms" : "conversation"), c = Y(() => l.value === "error"), f = Y(() => l.value === "terms"), p = Y(() => l.value === "conversation");
-  return /* @__PURE__ */ _(rt, { children: [
-    /* @__PURE__ */ u(ae, { initial: !1, active: p, children: /* @__PURE__ */ u(Ct, { className: s, style: _t, children: t.value.always_expanded ? /* @__PURE__ */ u(hr, { open: !0 }) : /* @__PURE__ */ _(rt, { children: [
+  const l = Y(() => !i.value && o.value && !r.value ? "error" : !a.termsAccepted.value && a.termsShown.value ? "terms" : "conversation"), c = Y(() => l.value === "error"), d = Y(() => l.value === "terms"), p = Y(() => l.value === "conversation");
+  return /* @__PURE__ */ A(rt, { children: [
+    /* @__PURE__ */ u(ie, { initial: !1, active: p, children: /* @__PURE__ */ u(Ct, { className: s, style: _t, children: t.value.always_expanded ? /* @__PURE__ */ u(hr, { open: !0 }) : /* @__PURE__ */ A(rt, { children: [
       i.value && /* @__PURE__ */ u(hr, { open: n }),
       /* @__PURE__ */ u(lu, { expandable: i.value, expanded: n })
     ] }) }) }),
-    /* @__PURE__ */ u(ae, { initial: !1, active: f, children: /* @__PURE__ */ u(Ct, { className: s, style: _t, children: /* @__PURE__ */ u(cu, {}) }) }),
-    /* @__PURE__ */ u(ae, { initial: !1, active: c, children: /* @__PURE__ */ u(Ct, { className: s, style: _t, children: /* @__PURE__ */ u(du, { sawError: r }) }) }),
+    /* @__PURE__ */ u(ie, { initial: !1, active: d, children: /* @__PURE__ */ u(Ct, { className: s, style: _t, children: /* @__PURE__ */ u(cu, {}) }) }),
+    /* @__PURE__ */ u(ie, { initial: !1, active: c, children: /* @__PURE__ */ u(Ct, { className: s, style: _t, children: /* @__PURE__ */ u(du, { sawError: r }) }) }),
     /* @__PURE__ */ u(Ct, { className: s, style: _t, children: /* @__PURE__ */ u(fu, {}) })
   ] });
 });
 function vu(e) {
-  return /* @__PURE__ */ u(wa, { value: e, children: /* @__PURE__ */ u(xa, { children: /* @__PURE__ */ u(Ra, { children: /* @__PURE__ */ u(Ta, { children: /* @__PURE__ */ u(ya, { children: /* @__PURE__ */ u(Sa, { children: /* @__PURE__ */ u(ka, { children: /* @__PURE__ */ u(Aa, { children: /* @__PURE__ */ u(Fa, { children: /* @__PURE__ */ u(Ba, { children: /* @__PURE__ */ u(wi, { children: /* @__PURE__ */ _(gi, { children: [
+  return /* @__PURE__ */ u(wa, { value: e, children: /* @__PURE__ */ u(xa, { children: /* @__PURE__ */ u(Ra, { children: /* @__PURE__ */ u(Ta, { children: /* @__PURE__ */ u(ya, { children: /* @__PURE__ */ u(Sa, { children: /* @__PURE__ */ u(ka, { children: /* @__PURE__ */ u(Aa, { children: /* @__PURE__ */ u(Fa, { children: /* @__PURE__ */ u(Ba, { children: /* @__PURE__ */ u(wi, { children: /* @__PURE__ */ A(gi, { children: [
     /* @__PURE__ */ u(La, {}),
     /* @__PURE__ */ u(hu, {})
   ] }) }) }) }) }) }) }) }) }) }) }) });