@elevenlabs/convai-widget-core 0.5.1 → 0.5.2

package/dist/index.js

@@ -8,7 +8,7 @@ import De, { useContext as ia, createContext as de, useMemo as Ae, useRef as ee,
 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 T, jsxs as Nt, Fragment as gn } from "preact/compat/jsx-runtime";
+import { jsx as T, jsxs as Nt, Fragment as mn } 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;
@@ -56,7 +56,7 @@ const pa = [
 function ha(e) {
   return pa.includes(e) ? e : "bottom-right";
 }
-const mr = {
+const gr = {
   main_label: "Need help?",
   start_call: "Start a call",
   start_chat: "Start a chat",
@@ -91,8 +91,8 @@ const mr = {
   submit: "Submit",
   go_back: "Go back"
 }, va = Object.keys(
-  mr
-), gr = {
+  gr
+), mr = {
   base: "#ffffff",
   base_hover: "#f9fafb",
   base_active: "#f3f4f6",
@@ -113,10 +113,10 @@ const mr = {
   sheet_radius: "calc(var(--el-button-radius) + 6px)",
   compact_sheet_radius: "calc(var(--el-button-radius) + 12px)",
   dropdown_sheet_radius: "calc(var(--el-input-radius) + 6px)"
-}, ma = Object.keys(
-  gr
+}, ga = Object.keys(
+  mr
 );
-function ga(e = "us") {
+function ma(e = "us") {
   switch (e) {
     case "eu-residency":
     case "in-residency":
@@ -163,7 +163,7 @@ function xa({
   children: e
 }) {
   const t = B("server-location"), n = Ae(() => {
-    const r = Ce(() => ga(t.value)), o = {
+    const r = Ce(() => ma(t.value)), o = {
       us: "https://api.us.elevenlabs.io",
       "eu-residency": "https://api.eu.residency.elevenlabs.io",
       "in-residency": "https://api.in.residency.elevenlabs.io",
@@ -257,7 +257,7 @@ function ya({
 function at() {
   return fe(xr);
 }
-const Ca = "0.5.1", yr = de(null);
+const Ca = "0.5.2", yr = de(null);
 function Sa({ children: e }) {
   const t = q(), n = Y(
     () => t.value.mic_muting_enabled ?? !1
@@ -304,20 +304,20 @@ function ka({
     if (l.value)
       try {
         return JSON.parse(l.value);
-      } catch (m) {
+      } catch (g) {
         console.error(
-          `[ConversationalAI] Cannot parse dynamic-variables: ${m == null ? void 0 : m.message}`
+          `[ConversationalAI] Cannot parse dynamic-variables: ${g == null ? void 0 : g.message}`
         );
       }
-  }), { webSocketUrl: d } = wn(), p = B("agent-id"), v = B("signed-url"), g = bn(), x = Ia(), f = Y(() => {
-    const m = x.value, w = {
+  }), { webSocketUrl: d } = wn(), p = B("agent-id"), v = B("signed-url"), m = bn(), x = Ia(), f = Y(() => {
+    const g = x.value, w = {
       dynamicVariables: c.value,
       overrides: s.value,
       connectionDelay: { default: 300 },
-      textOnly: g.value,
+      textOnly: m.value,
       userId: i.value || void 0
     };
-    return p.value ? m ? {
+    return p.value ? g ? {
       agentId: p.value,
       origin: d.value,
       connectionType: "webrtc",
@@ -408,15 +408,15 @@ function _a() {
     var d;
     (d = e.current) == null || d.endSession();
   }, []), Ae(() => {
-    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);
+    const d = he("disconnected"), p = Ce(() => d.value === "disconnected"), v = he("listening"), m = Ce(() => v.value === "speaking"), x = he(null), f = he(null), g = he(!1), w = he([]), b = he(0), y = he(null);
     return {
       status: d,
-      isSpeaking: g,
+      isSpeaking: m,
       mode: v,
       isDisconnected: p,
       lastId: f,
       error: x,
-      canSendFeedback: m,
+      canSendFeedback: g,
       conversationIndex: b,
       conversationTextOnly: y,
       transcript: w,
@@ -463,7 +463,7 @@ function _a() {
               d.value = _.status;
             },
             onCanSendFeedbackChange: (_) => {
-              m.value = _.canSendFeedback;
+              g.value = _.canSendFeedback;
             },
             onMessage: ({ source: _, message: O }) => {
               if (i.peek() && y.peek() === !0 && _ === "ai" && !n.current) {
@@ -639,10 +639,10 @@ function Ra({ children: e }) {
       y.abort();
     };
   });
-  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(() => {
+  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"), m = B("always-expanded"), x = B("override-text-only"), f = B("use-rtc"), g = Y(() => {
     if (!a.value)
       return null;
-    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;
+    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(m.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),
@@ -656,7 +656,7 @@ function Ra({ children: e }) {
       use_rtc: L
     };
   });
-  return m.value ? /* @__PURE__ */ u(Tr.Provider, { value: m, children: e }) : null;
+  return g.value ? /* @__PURE__ */ u(Tr.Provider, { value: g, children: e }) : null;
 }
 function q() {
   return fe(Tr);
@@ -686,7 +686,10 @@ function Ia() {
 }
 function Na() {
   const e = q();
-  return Y(() => e.value.end_feedback !== void 0);
+  return Y(() => {
+    var t;
+    return ((t = e.value.end_feedback) == null ? void 0 : t.type) ?? null;
+  });
 }
 async function Oa(e, t, n, r) {
   const a = await (await fetch(
@@ -703,8 +706,8 @@ const La = vr(function() {
   const t = q(), n = Y(() => {
     const r = t.value.styles;
     return `:host, :root {
-${ma.map(
-      (o) => `${Ma(o)}: ${Da((r == null ? void 0 : r[o]) ?? gr[o])};`
+${ga.map(
+      (o) => `${Ma(o)}: ${Da((r == null ? void 0 : r[o]) ?? mr[o])};`
     ).join(`
 `)}
 }`;
@@ -739,7 +742,7 @@ function Fa({ children: e }) {
       Ce(
         () => {
           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];
+          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]) ?? gr[i];
         }
       )
     ])
@@ -819,7 +822,7 @@ function ne(...e) {
   return h.useCallback(Nr(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
-function gt(e) {
+function mt(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) {
@@ -830,7 +833,7 @@ function gt(e) {
   });
   return n.displayName = `${e}.Slot`, n;
 }
-var Or = /* @__PURE__ */ gt("Slot");
+var Or = /* @__PURE__ */ mt("Slot");
 // @__NO_SIDE_EFFECTS__
 function Wa(e) {
   const t = h.forwardRef((n, r) => {
@@ -1236,7 +1239,7 @@ function it({ size: e = "sm", className: t }) {
     }
     let d;
     function p() {
-      const v = n(), g = r(), x = o.peek() ? 1 : 1 - v * 0.4, f = o.peek() ? 1 + g * 0.4 : 1;
+      const v = n(), m = r(), x = o.peek() ? 1 : 1 - v * 0.4, f = o.peek() ? 1 + m * 0.4 : 1;
       s.current.style.transform = `scale(${f})`, l.current.style.transform = `scale(${x})`, d = requestAnimationFrame(p);
     }
     return p(), () => {
@@ -1651,8 +1654,8 @@ function vi({
 }) {
   const [i, s] = Ie(e), [l, c] = Ie(null), [d, p] = Ie(null), v = ee(t);
   e && (v.current = t);
-  const g = te((m) => {
-    c(m), m && !e && (m.style.width = "0px", m.style.height = "0px");
+  const m = te((g) => {
+    c(g), g && !e && (g.style.width = "0px", g.style.height = "0px");
   }, []);
   Ue(() => {
     d && (d.style.transition = "none", d.style.opacity = "0", d.offsetWidth, d.style.transition = "", d.style.opacity = "");
@@ -1667,8 +1670,8 @@ function vi({
   ]), Ue(() => {
     if (!l || !d) return;
     e && s(!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` : "";
+    const g = e ? d.offsetWidth : 0, w = e ? d.offsetHeight : 0;
+    l.style.width = !e || l.offsetWidth !== g ? `${g}px` : "", l.style.height = !e || l.offsetHeight !== w ? `${w}px` : "";
   }, [
     l,
     d,
@@ -1685,7 +1688,7 @@ function vi({
   return /* @__PURE__ */ u(
     "div",
     {
-      ref: g,
+      ref: m,
       className: V(
         "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",
@@ -1709,7 +1712,7 @@ function vi({
     }
   );
 }
-const mi = {
+const gi = {
   primary: "text-accent-primary border border-accent bg-accent hover:border-accent-hover hover:bg-accent-hover active:border-accent-active active:bg-accent-active",
   secondary: "text-base-primary border border-base-border bg-base hover:bg-base-hover active:bg-base-active",
   ghost: "text-base-primary border border-base bg-base hover:bg-base-hover hover:border-base-hover active:bg-base-active active:border-base-active"
@@ -1730,7 +1733,7 @@ const mi = {
         ref: l,
         className: V(
           "h-9 flex px-2.5 text-sm items-center transition-colors justify-center rounded-button duration-200 focus-ring overflow-hidden select-none",
-          mi[t],
+          gi[t],
           c && "min-w-9",
           o
         ),
@@ -1784,12 +1787,12 @@ function Cn({
   );
 }
 const Dr = de(null);
-function gi({
+function mi({
   children: e
 }) {
   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) {
+    const v = o.value, m = a.value;
+    if (!v || !m) {
       console.warn(
         "[ConversationalAI] Cannot submit rating: missing agent_id or conversation_id"
       );
@@ -1828,8 +1831,8 @@ function gi({
           },
           i.value
         );
-      } catch (g) {
-        console.error("[ConversationalAI] Failed to submit feedback:", g);
+      } catch (m) {
+        console.error("[ConversationalAI] Failed to submit feedback:", m);
       }
   }, []), c = te(() => {
     t.value = null, n.value = "", r.value = "initial";
@@ -1946,17 +1949,17 @@ const Br = (e, t) => Array.from({ length: t - e + 1 }, (n, r) => r + e), bi = ({
     },
     [a, e]
   ), p = Be(
-    (v, g) => {
+    (v, m) => {
       if (v.key === "Enter" || v.key === " ")
-        v.preventDefault(), a.value = g, e(g);
+        v.preventDefault(), a.value = m, e(m);
       else if (v.key === "ArrowLeft" || v.key === "ArrowDown") {
-        if (v.preventDefault(), g - 1 >= t) {
-          const f = v.currentTarget, m = f == null ? void 0 : f.previousElementSibling;
-          m == null || m.focus();
+        if (v.preventDefault(), m - 1 >= t) {
+          const f = v.currentTarget, g = f == null ? void 0 : f.previousElementSibling;
+          g == null || g.focus();
         }
-      } else if ((v.key === "ArrowRight" || v.key === "ArrowUp") && (v.preventDefault(), g + 1 <= n)) {
-        const f = v.currentTarget, m = f == null ? void 0 : f.nextElementSibling;
-        m == null || m.focus();
+      } else if ((v.key === "ArrowRight" || v.key === "ArrowUp") && (v.preventDefault(), m + 1 <= n)) {
+        const f = v.currentTarget, g = f == null ? void 0 : f.nextElementSibling;
+        g == null || g.focus();
       }
     },
     [a, e, t, n]
@@ -2086,7 +2089,7 @@ function Ei({ entry: e }) {
 function Ti({ entry: e }) {
   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, {}),
+    r.value === "rating" && /* @__PURE__ */ u(ki, {}),
     /* @__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", {}),
@@ -2131,13 +2134,13 @@ 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, x = g - v;
+    const v = p.scrollTop, m = p.scrollHeight - p.clientHeight, x = m - v;
     if (Math.abs(x) < 1) {
-      p.scrollTop = g, o.current = requestAnimationFrame(l);
+      p.scrollTop = m, o.current = requestAnimationFrame(l);
       return;
     }
-    const f = x * 0.2, m = 2;
-    p.scrollTop = v + Math.max(f, m), o.current = requestAnimationFrame(l);
+    const f = x * 0.2, g = 2;
+    p.scrollTop = v + Math.max(f, g), o.current = requestAnimationFrame(l);
   }, c = () => {
     !n.current || i.current || a.current || (a.current = !0, o.current = requestAnimationFrame(l));
   }, d = ee(!0);
@@ -2241,20 +2244,20 @@ function Ii({
     sendUserActivity: d,
     conversationIndex: p
   } = oe(), v = te(
-    async (m) => {
-      m.preventDefault();
+    async (g) => {
+      g.preventDefault();
       const w = n.value.trim();
-      w && (t.value = !0, n.value = "", i.value ? await l(m.currentTarget, w) : c(w));
+      w && (t.value = !0, n.value = "", i.value ? await l(g.currentTarget, w) : c(w));
     },
     [n, t, i, l, c]
-  ), g = te(
-    async (m) => {
-      m.key === "Enter" && !m.shiftKey && await v(m);
+  ), m = te(
+    async (g) => {
+      g.key === "Enter" && !g.shiftKey && await v(g);
     },
     [v]
   ), x = te(
-    (m) => {
-      n.value = m.currentTarget.value;
+    (g) => {
+      n.value = g.currentTarget.value;
     },
     [n]
   ), f = Y(() => !!n.value.trim());
@@ -2268,7 +2271,7 @@ function Ii({
           value: n,
           onInput: d,
           onChange: x,
-          onKeyDown: g,
+          onKeyDown: m,
           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
         }
@@ -2362,13 +2365,13 @@ function An(e, t = []) {
     n = [...n, i];
     const c = (p) => {
       var w;
-      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 });
+      const { scope: v, children: m, ...x } = p, f = ((w = v == null ? void 0 : v[e]) == null ? void 0 : w[l]) || s, g = h.useMemo(() => x, Object.values(x));
+      return /* @__PURE__ */ T(f.Provider, { value: g, children: m });
     };
     c.displayName = a + "Provider";
     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);
+      const m = ((f = v == null ? void 0 : v[e]) == null ? void 0 : f[l]) || s, x = h.useContext(m);
       if (x) return x;
       if (i !== void 0) return i;
       throw new Error(`\`${p}\` must be used within \`${a}\``);
@@ -2410,37 +2413,37 @@ function Mi(e) {
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), 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 });
+    const { scope: g, children: w } = f, b = De.useRef(null), y = De.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ T(o, { scope: g, itemMap: y, collectionRef: b, children: w });
   };
   i.displayName = t;
-  const s = e + "CollectionSlot", l = /* @__PURE__ */ gt(s), c = De.forwardRef(
-    (f, m) => {
-      const { scope: w, children: b } = f, y = a(s, w), C = ne(m, y.collectionRef);
+  const s = e + "CollectionSlot", l = /* @__PURE__ */ mt(s), c = De.forwardRef(
+    (f, g) => {
+      const { scope: w, children: b } = f, y = a(s, w), C = ne(g, y.collectionRef);
       return /* @__PURE__ */ T(l, { ref: C, children: b });
     }
   );
   c.displayName = s;
-  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);
+  const d = e + "CollectionItemSlot", p = "data-radix-collection-item", v = /* @__PURE__ */ mt(d), m = De.forwardRef(
+    (f, g) => {
+      const { scope: w, children: b, ...y } = f, C = De.useRef(null), S = ne(g, 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 = d;
+  m.displayName = d;
   function x(f) {
-    const m = a(e + "CollectionConsumer", f);
+    const g = a(e + "CollectionConsumer", f);
     return De.useCallback(() => {
-      const b = m.collectionRef.current;
+      const b = g.collectionRef.current;
       if (!b) return [];
       const y = Array.from(b.querySelectorAll(`[${p}]`));
-      return Array.from(m.itemMap.values()).sort(
+      return Array.from(g.itemMap.values()).sort(
         (E, k) => y.indexOf(E.ref.current) - y.indexOf(k.ref.current)
       );
-    }, [m.collectionRef, m.itemMap]);
+    }, [g.collectionRef, g.itemMap]);
   }
   return [
-    { Provider: i, Slot: c, ItemSlot: g },
+    { Provider: i, Slot: c, ItemSlot: m },
     x,
     r
   ];
@@ -2469,7 +2472,7 @@ var Bi = [
   "svg",
   "ul"
 ], X = Bi.reduce((e, t) => {
-  const n = /* @__PURE__ */ gt(`Primitive.${t}`), r = h.forwardRef((o, a) => {
+  const n = /* @__PURE__ */ mt(`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__ */ T(l, { ...s, ref: a });
   });
@@ -2510,7 +2513,7 @@ var $i = "DismissableLayer", sn = "dismissableLayer.update", Wi = "dismissableLa
       onInteractOutside: i,
       onDismiss: s,
       ...l
-    } = 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) => {
+    } = e, c = h.useContext($r), [d, p] = h.useState(null), v = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = h.useState({}), x = ne(t, (k) => p(k)), f = Array.from(c.layers), [g] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), w = f.indexOf(g), 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), E = Ki((k) => {
@@ -2527,7 +2530,7 @@ var $i = "DismissableLayer", sn = "dismissableLayer.update", Wi = "dismissableLa
     }, [d, v, n, c]), h.useEffect(() => () => {
       d && (c.layers.delete(d), c.layersWithOutsidePointerEventsDisabled.delete(d), Yn());
     }, [d, c]), h.useEffect(() => {
-      const k = () => g({});
+      const k = () => m({});
       return document.addEventListener(sn, k), () => document.removeEventListener(sn, k);
     }, []), /* @__PURE__ */ T(
       X.div,
@@ -2632,7 +2635,7 @@ var Gt = "focusScope.autoFocusOnMount", qt = "focusScope.autoFocusOnUnmount", Xn
     onMountAutoFocus: o,
     onUnmountAutoFocus: a,
     ...i
-  } = 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({
+  } = e, [s, l] = h.useState(null), c = je(o), d = je(a), p = h.useRef(null), v = ne(t, (f) => l(f)), m = h.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -2644,11 +2647,11 @@ var Gt = "focusScope.autoFocusOnMount", qt = "focusScope.autoFocusOnUnmount", Xn
   h.useEffect(() => {
     if (r) {
       let f = function(y) {
-        if (g.paused || !s) return;
+        if (m.paused || !s) return;
         const C = y.target;
         s.contains(C) ? p.current = C : Fe(p.current, { select: !0 });
-      }, m = function(y) {
-        if (g.paused || !s) return;
+      }, g = function(y) {
+        if (m.paused || !s) return;
         const C = y.relatedTarget;
         C !== null && (s.contains(C) || Fe(p.current, { select: !0 }));
       }, w = function(y) {
@@ -2656,15 +2659,15 @@ var Gt = "focusScope.autoFocusOnMount", qt = "focusScope.autoFocusOnUnmount", Xn
           for (const S of y)
             S.removedNodes.length > 0 && Fe(s);
       };
-      document.addEventListener("focusin", f), document.addEventListener("focusout", m);
+      document.addEventListener("focusin", f), document.addEventListener("focusout", g);
       const b = new MutationObserver(w);
       return s && b.observe(s, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", f), document.removeEventListener("focusout", m), b.disconnect();
+        document.removeEventListener("focusin", f), document.removeEventListener("focusout", g), b.disconnect();
       };
     }
-  }, [r, s, g.paused]), h.useEffect(() => {
+  }, [r, s, m.paused]), h.useEffect(() => {
     if (s) {
-      Gn.add(g);
+      Gn.add(m);
       const f = document.activeElement;
       if (!s.contains(f)) {
         const w = new CustomEvent(Gt, Xn);
@@ -2673,21 +2676,21 @@ var Gt = "focusScope.autoFocusOnMount", qt = "focusScope.autoFocusOnUnmount", Xn
       return () => {
         s.removeEventListener(Gt, c), setTimeout(() => {
           const w = new CustomEvent(qt, Xn);
-          s.addEventListener(qt, d), s.dispatchEvent(w), w.defaultPrevented || Fe(f ?? document.body, { select: !0 }), s.removeEventListener(qt, d), Gn.remove(g);
+          s.addEventListener(qt, d), s.dispatchEvent(w), w.defaultPrevented || Fe(f ?? document.body, { select: !0 }), s.removeEventListener(qt, d), Gn.remove(m);
         }, 0);
       };
     }
-  }, [s, c, d, g]);
+  }, [s, c, d, m]);
   const x = h.useCallback(
     (f) => {
-      if (!n && !r || g.paused) return;
-      const m = f.key === "Tab" && !f.altKey && !f.ctrlKey && !f.metaKey, w = document.activeElement;
-      if (m && w) {
+      if (!n && !r || m.paused) return;
+      const g = f.key === "Tab" && !f.altKey && !f.ctrlKey && !f.metaKey, w = document.activeElement;
+      if (g && w) {
         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]
+    [n, r, m.paused]
   );
   return /* @__PURE__ */ T(X.div, { tabIndex: -1, ...i, ref: v, onKeyDown: x });
 });
@@ -2875,47 +2878,47 @@ function er(e, t, n) {
     floating: o
   } = e;
   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;
+  let m;
   switch (l) {
     case "top":
-      g = {
+      m = {
         x: d,
         y: r.y - o.height
       };
       break;
     case "bottom":
-      g = {
+      m = {
         x: d,
         y: r.y + r.height
       };
       break;
     case "right":
-      g = {
+      m = {
         x: r.x + r.width,
         y: p
       };
       break;
     case "left":
-      g = {
+      m = {
         x: r.x - o.width,
         y: p
       };
       break;
     default:
-      g = {
+      m = {
         x: r.x,
         y: r.y
       };
   }
   switch (st(t)) {
     case "start":
-      g[i] -= v * (n && c ? -1 : 1);
+      m[i] -= v * (n && c ? -1 : 1);
       break;
     case "end":
-      g[i] += v * (n && c ? -1 : 1);
+      m[i] += v * (n && c ? -1 : 1);
       break;
   }
-  return g;
+  return m;
 }
 const vs = async (e, t, n) => {
   const {
@@ -2931,10 +2934,10 @@ const vs = async (e, t, n) => {
   }), {
     x: d,
     y: p
-  } = er(c, r, l), v = r, g = {}, x = 0;
+  } = er(c, r, l), v = r, m = {}, x = 0;
   for (let f = 0; f < s.length; f++) {
     const {
-      name: m,
+      name: g,
       fn: w
     } = s[f], {
       x: b,
@@ -2947,7 +2950,7 @@ const vs = async (e, t, n) => {
       initialPlacement: r,
       placement: v,
       strategy: o,
-      middlewareData: g,
+      middlewareData: m,
       rects: c,
       platform: i,
       elements: {
@@ -2955,10 +2958,10 @@ const vs = async (e, t, n) => {
         floating: t
       }
     });
-    d = b ?? d, p = y ?? p, g = {
-      ...g,
-      [m]: {
-        ...g[m],
+    d = b ?? d, p = y ?? p, m = {
+      ...m,
+      [g]: {
+        ...m[g],
         ...C
       }
     }, S && x <= 50 && (x++, typeof S == "object" && (S.placement && (v = S.placement), S.rects && (c = S.rects === !0 ? await i.getElementRects({
@@ -2975,7 +2978,7 @@ const vs = async (e, t, n) => {
     y: p,
     placement: v,
     strategy: o,
-    middlewareData: g
+    middlewareData: m
   };
 };
 async function wt(e, t) {
@@ -2993,9 +2996,9 @@ async function wt(e, t) {
     rootBoundary: d = "viewport",
     elementContext: p = "floating",
     altBoundary: v = !1,
-    padding: g = 0
-  } = 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)),
+    padding: m = 0
+  } = Oe(t, e), x = Yr(m), g = s[v ? p === "floating" ? "reference" : "floating" : p], w = Mt(await a.getClippingRect({
+    element: (n = await (a.isElement == null ? void 0 : a.isElement(g))) == null || n ? g : g.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(s.floating)),
     boundary: c,
     rootBoundary: d,
     strategy: l
@@ -3023,7 +3026,7 @@ async function wt(e, t) {
     right: (S.right - w.right + x.right) / C.x
   };
 }
-const ms = (e) => ({
+const gs = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -3044,14 +3047,14 @@ const ms = (e) => ({
     const p = Yr(d), v = {
       x: n,
       y: r
-    }, 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));
+    }, m = In(o), x = Rn(m), f = await i.getDimensions(c), g = m === "y", w = g ? "top" : "left", b = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", C = a.reference[x] + a.reference[m] - v[m] - a.floating[x], S = v[m] - a.reference[m], 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,
+      [m]: v[m] + M,
       data: {
-        [g]: _,
+        [m]: _,
         centerOffset: N - _ - M,
         ...O && {
           alignmentOffset: M
@@ -3060,7 +3063,7 @@ const ms = (e) => ({
       reset: O
     };
   }
-}), gs = function(e) {
+}), ms = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -3077,16 +3080,16 @@ const ms = (e) => ({
         mainAxis: d = !0,
         crossAxis: p = !0,
         fallbackPlacements: v,
-        fallbackStrategy: g = "bestFit",
+        fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: x = "none",
         flipAlignment: f = !0,
-        ...m
+        ...g
       } = Oe(e, t);
       if ((n = a.arrow) != null && n.alignmentOffset)
         return {};
       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 = [];
+      const k = [s, ...S], I = await wt(t, g), D = [];
       let L = ((r = a.flip) == null ? void 0 : r.overflows) || [];
       if (d && D.push(I[w]), p) {
         const N = ls(o, i, C);
@@ -3112,7 +3115,7 @@ const ms = (e) => ({
           };
         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) {
+          switch (m) {
             case "bestFit": {
               var F;
               const M = (F = L.filter((P) => {
@@ -3203,7 +3206,7 @@ async function bs(e, t) {
   } = 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,
+    crossAxis: m,
     alignmentAxis: x
   } = typeof p == "number" ? {
     mainAxis: p,
@@ -3214,12 +3217,12 @@ async function bs(e, t) {
     crossAxis: p.crossAxis || 0,
     alignmentAxis: p.alignmentAxis
   };
-  return s && typeof x == "number" && (g = s === "end" ? x * -1 : x), l ? {
-    x: g * d,
+  return s && typeof x == "number" && (m = s === "end" ? x * -1 : x), l ? {
+    x: m * d,
     y: v * c
   } : {
     x: v * c,
-    y: g * d
+    y: m * d
   };
 }
 const xs = function(e) {
@@ -3257,11 +3260,11 @@ const xs = function(e) {
         mainAxis: a = !0,
         crossAxis: i = !1,
         limiter: s = {
-          fn: (m) => {
+          fn: (g) => {
             let {
               x: w,
               y: b
-            } = m;
+            } = g;
             return {
               x: w,
               y: b
@@ -3273,18 +3276,18 @@ const xs = function(e) {
         x: n,
         y: r
       }, d = await wt(t, l), p = ye(Le(o)), v = Pn(p);
-      let g = c[v], x = c[p];
+      let m = c[v], x = c[p];
       if (a) {
-        const m = v === "y" ? "top" : "left", w = v === "y" ? "bottom" : "right", b = g + d[m], y = g - d[w];
-        g = ln(b, g, y);
+        const g = v === "y" ? "top" : "left", w = v === "y" ? "bottom" : "right", b = m + d[g], y = m - d[w];
+        m = ln(b, m, y);
       }
       if (i) {
-        const m = p === "y" ? "top" : "left", w = p === "y" ? "bottom" : "right", b = x + d[m], y = x - d[w];
+        const g = p === "y" ? "top" : "left", w = p === "y" ? "bottom" : "right", b = x + d[g], y = x - d[w];
         x = ln(b, x, y);
       }
       const f = s.fn({
         ...t,
-        [v]: g,
+        [v]: m,
         [p]: x
       });
       return {
@@ -3318,8 +3321,8 @@ const xs = function(e) {
         x: n,
         y: r
       }, p = ye(o), v = Pn(p);
-      let g = d[v], x = d[p];
-      const f = Oe(s, t), m = typeof f == "number" ? {
+      let m = d[v], x = d[p];
+      const f = Oe(s, t), g = typeof f == "number" ? {
         mainAxis: f,
         crossAxis: 0
       } : {
@@ -3328,16 +3331,16 @@ const xs = function(e) {
         ...f
       };
       if (l) {
-        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);
+        const y = v === "y" ? "height" : "width", C = a.reference[v] - a.floating[y] + g.mainAxis, S = a.reference[v] + a.reference[y] - g.mainAxis;
+        m < C ? m = C : m > S && (m = S);
       }
       if (c) {
         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);
+        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 : g.crossAxis), E = a.reference[p] + a.reference[y] + (C ? 0 : ((b = i.offset) == null ? void 0 : b[p]) || 0) - (C ? g.crossAxis : 0);
         x < S ? x = S : x > E && (x = E);
       }
       return {
-        [v]: g,
+        [v]: m,
         [p]: x
       };
     }
@@ -3357,17 +3360,17 @@ const xs = function(e) {
         apply: l = () => {
         },
         ...c
-      } = Oe(e, t), d = await wt(t, c), p = Le(o), v = st(o), g = ye(o) === "y", {
+      } = Oe(e, t), d = await wt(t, c), p = Le(o), v = st(o), m = 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 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 g, w;
+      p === "top" || p === "bottom" ? (g = p, w = v === (await (i.isRTL == null ? void 0 : i.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (w = p, g = v === "end" ? "top" : "bottom");
+      const b = f - d.top - d.bottom, y = x - d.left - d.right, C = ze(f - d[g], 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 = 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));
+        m ? 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,
@@ -3400,7 +3403,7 @@ function _e(e) {
 function Xr(e) {
   return Vt() ? e instanceof Node || e instanceof ue(e).Node : !1;
 }
-function me(e) {
+function ge(e) {
   return Vt() ? e instanceof Element || e instanceof ue(e).Element : !1;
 }
 function Te(e) {
@@ -3416,7 +3419,7 @@ function xt(e) {
     overflowX: n,
     overflowY: r,
     display: o
-  } = ge(e);
+  } = me(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !ks.has(o);
 }
 const Es = /* @__PURE__ */ new Set(["table", "td", "th"]);
@@ -3435,7 +3438,7 @@ function $t(e) {
 }
 const _s = ["transform", "translate", "scale", "rotate", "perspective"], Ps = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Rs = ["paint", "layout", "strict", "content"];
 function Nn(e) {
-  const t = On(), n = me(e) ? ge(e) : e;
+  const t = On(), n = ge(e) ? me(e) : e;
   return _s.some((r) => n[r] ? n[r] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || Ps.some((r) => (n.willChange || "").includes(r)) || Rs.some((r) => (n.contain || "").includes(r));
 }
 function Is(e) {
@@ -3456,11 +3459,11 @@ const Ns = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function ot(e) {
   return Ns.has(lt(e));
 }
-function ge(e) {
+function me(e) {
   return ue(e).getComputedStyle(e);
 }
 function Wt(e) {
-  return me(e) ? {
+  return ge(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -3498,7 +3501,7 @@ function un(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function Gr(e) {
-  const t = ge(e);
+  const t = me(e);
   let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
   const o = Te(e), a = o ? e.offsetWidth : n, i = o ? e.offsetHeight : r, s = Ot(n) !== a || Ot(r) !== i;
   return s && (n = a, r = i), {
@@ -3508,7 +3511,7 @@ function Gr(e) {
   };
 }
 function Ln(e) {
-  return me(e) ? e : e.contextElement;
+  return ge(e) ? e : e.contextElement;
 }
 function tt(e) {
   const t = Ln(e);
@@ -3540,15 +3543,15 @@ function Ye(e, t, n, r) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const o = e.getBoundingClientRect(), a = Ln(e);
   let i = ke(1);
-  t && (r ? me(r) && (i = tt(r)) : i = tt(e));
+  t && (r ? ge(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, d = o.width / i.x, p = o.height / i.y;
   if (a) {
-    const v = ue(a), g = r && me(r) ? ue(r) : r;
+    const v = ue(a), m = r && ge(r) ? ue(r) : r;
     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);
+    for (; f && r && m !== x; ) {
+      const g = tt(f), w = f.getBoundingClientRect(), b = me(f), y = w.left + (f.clientLeft + parseFloat(b.paddingLeft)) * g.x, C = w.top + (f.clientTop + parseFloat(b.paddingTop)) * g.y;
+      l *= g.x, c *= g.y, d *= g.x, p *= g.y, l += y, c += C, x = ue(f), f = un(x);
     }
   }
   return Mt({
@@ -3589,8 +3592,8 @@ function Ms(e) {
   }, c = ke(1);
   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), d.x = g.x + r.clientLeft, d.y = g.y + r.clientTop;
+    const m = Ye(r);
+    c = tt(r), d.x = m.x + r.clientLeft, d.y = m.y + r.clientTop;
   }
   const v = i && !p && !a ? Qr(i, l, !0) : ke(0);
   return {
@@ -3607,7 +3610,7 @@ function Fs(e) {
   const t = _e(e), n = Wt(e), r = e.ownerDocument.body, o = ce(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = ce(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
   let i = -n.scrollLeft + Mn(e);
   const s = -n.scrollTop;
-  return ge(r).direction === "rtl" && (i += ce(t.clientWidth, r.clientWidth) - o), {
+  return me(r).direction === "rtl" && (i += ce(t.clientWidth, r.clientWidth) - o), {
     width: o,
     height: a,
     x: i,
@@ -3645,7 +3648,7 @@ function or(e, t, n) {
     r = Bs(e, n);
   else if (t === "document")
     r = Fs(_e(e));
-  else if (me(t))
+  else if (ge(t))
     r = Vs(t, n);
   else {
     const o = qr(e);
@@ -3660,17 +3663,17 @@ function or(e, t, n) {
 }
 function Jr(e, t) {
   const n = Ve(e);
-  return n === t || !me(n) || ot(n) ? !1 : ge(n).position === "fixed" || Jr(n, t);
+  return n === t || !ge(n) || ot(n) ? !1 : me(n).position === "fixed" || Jr(n, t);
 }
 function $s(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let r = bt(e, [], !1).filter((s) => me(s) && lt(s) !== "body"), o = null;
-  const a = ge(e).position === "fixed";
+  let r = bt(e, [], !1).filter((s) => ge(s) && lt(s) !== "body"), o = null;
+  const a = me(e).position === "fixed";
   let i = a ? Ve(e) : e;
-  for (; me(i) && !ot(i); ) {
-    const s = ge(i), l = Nn(i);
+  for (; ge(i) && !ot(i); ) {
+    const s = me(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((d) => d !== i) : o = s, i = Ve(i);
   }
   return t.set(e, r), r;
@@ -3715,8 +3718,8 @@ function Us(e, t, n) {
   }
   if (r || !r && !a)
     if ((lt(t) !== "body" || xt(o)) && (s = Wt(t)), r) {
-      const g = Ye(t, !0, a, t);
-      l.x = g.x + t.clientLeft, l.y = g.y + t.clientTop;
+      const m = Ye(t, !0, a, t);
+      l.x = m.x + t.clientLeft, l.y = m.y + t.clientTop;
     } else o && c();
   a && !r && o && c();
   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;
@@ -3728,10 +3731,10 @@ function Us(e, t, n) {
   };
 }
 function Qt(e) {
-  return ge(e).position === "static";
+  return me(e).position === "static";
 }
 function ar(e, t) {
-  if (!Te(e) || ge(e).position === "fixed")
+  if (!Te(e) || me(e).position === "fixed")
     return null;
   if (t)
     return t(e);
@@ -3745,7 +3748,7 @@ function eo(e, t) {
   if (!Te(e)) {
     let o = Ve(e);
     for (; o && !ot(o); ) {
-      if (me(o) && !Qt(o))
+      if (ge(o) && !Qt(o))
         return o;
       o = Ve(o);
     }
@@ -3769,7 +3772,7 @@ const js = async function(e) {
   };
 };
 function Ys(e) {
-  return ge(e).direction === "rtl";
+  return me(e).direction === "rtl";
 }
 const Ks = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Ms,
@@ -3780,7 +3783,7 @@ const Ks = {
   getClientRects: Ds,
   getDimensions: Hs,
   getScale: tt,
-  isElement: me,
+  isElement: ge,
   isRTL: Ys
 };
 function to(e, t) {
@@ -3799,12 +3802,12 @@ function Xs(e, t) {
       left: d,
       top: p,
       width: v,
-      height: g
+      height: m
     } = c;
-    if (s || t(), !v || !g)
+    if (s || t(), !v || !m)
       return;
-    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",
+    const x = St(p), f = St(o.clientWidth - (d + v)), g = St(o.clientHeight - (p + m)), w = St(d), y = {
+      rootMargin: -x + "px " + -f + "px " + -g + "px " + -w + "px",
       threshold: ce(0, ze(1, l)) || 1
     };
     let C = !0;
@@ -3847,28 +3850,28 @@ function Zs(e, t, n, r) {
     }), a && w.addEventListener("resize", n);
   });
   const p = c && s ? Xs(c, n) : null;
-  let v = -1, g = null;
-  i && (g = new ResizeObserver((w) => {
+  let v = -1, m = null;
+  i && (m = new ResizeObserver((w) => {
     let [b] = w;
-    b && b.target === c && g && (g.unobserve(t), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+    b && b.target === c && m && (m.unobserve(t), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
       var y;
-      (y = g) == null || y.observe(t);
+      (y = m) == null || y.observe(t);
     })), n();
-  }), c && !l && g.observe(c), g.observe(t));
+  }), c && !l && m.observe(c), m.observe(t));
   let x, f = l ? Ye(e) : null;
-  l && m();
-  function m() {
+  l && g();
+  function g() {
     const w = Ye(e);
-    f && !to(f, w) && n(), f = w, x = requestAnimationFrame(m);
+    f && !to(f, w) && n(), f = w, x = requestAnimationFrame(g);
   }
   return n(), () => {
     var w;
     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);
+    }), p == null || p(), (w = m) == null || w.disconnect(), m = null, l && cancelAnimationFrame(x);
   };
 }
-const Gs = xs, qs = ys, Qs = gs, Js = Ss, el = ws, ir = ms, tl = Cs, nl = (e, t, n) => {
+const Gs = xs, qs = ys, Qs = ms, Js = Ss, el = ws, ir = gs, tl = Cs, nl = (e, t, n) => {
   const r = /* @__PURE__ */ new Map(), o = {
     platform: Ks,
     ...n
@@ -3947,13 +3950,13 @@ function al(e) {
     placement: t,
     middlewareData: {},
     isPositioned: !1
-  }), [v, g] = h.useState(r);
-  Dt(v, r) || g(r);
-  const [x, f] = h.useState(null), [m, w] = h.useState(null), b = h.useCallback((P) => {
+  }), [v, m] = h.useState(r);
+  Dt(v, r) || m(r);
+  const [x, f] = h.useState(null), [g, 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 || 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(() => {
+  }, []), C = a || x, S = i || g, 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 = {
@@ -4088,7 +4091,7 @@ var hl = "Arrow", ro = h.forwardRef((e, t) => {
 });
 ro.displayName = hl;
 var vl = ro;
-function ml(e) {
+function gl(e) {
   const [t, n] = h.useState(void 0);
   return se(() => {
     if (e) {
@@ -4110,9 +4113,9 @@ function ml(e) {
       n(void 0);
   }, [e]), t;
 }
-var Dn = "Popper", [oo, ao] = An(Dn), [gl, io] = oo(Dn), so = (e) => {
+var Dn = "Popper", [oo, ao] = An(Dn), [ml, io] = oo(Dn), so = (e) => {
   const { __scopePopper: t, children: n } = e, [r, o] = h.useState(null);
-  return /* @__PURE__ */ T(gl, { scope: t, anchor: r, onAnchorChange: o, children: n });
+  return /* @__PURE__ */ T(ml, { scope: t, anchor: r, onAnchorChange: o, children: n });
 };
 so.displayName = Dn;
 var lo = "PopperAnchor", co = h.forwardRef(
@@ -4140,10 +4143,10 @@ var Fn = "PopperContent", [wl, bl] = oo(Fn), uo = h.forwardRef(
       collisionPadding: d = 0,
       sticky: p = "partial",
       hideWhenDetached: v = !1,
-      updatePositionStrategy: g = "optimized",
+      updatePositionStrategy: m = "optimized",
       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 = {
+    } = e, g = io(Fn, n), [w, b] = h.useState(null), y = ne(t, (le) => b(le)), [C, S] = h.useState(null), E = gl(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
@@ -4153,10 +4156,10 @@ var Fn = "PopperContent", [wl, bl] = oo(Fn), uo = h.forwardRef(
       strategy: "fixed",
       placement: D,
       whileElementsMounted: (...le) => Zs(...le, {
-        animationFrame: g === "always"
+        animationFrame: m === "always"
       }),
       elements: {
-        reference: m.anchor
+        reference: g.anchor
       },
       middleware: [
         sl({ mainAxis: o + I, alignmentAxis: i }),
@@ -4298,10 +4301,10 @@ var Cl = (e) => ({
   name: "transformOrigin",
   options: e,
   fn(t) {
-    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;
+    var g, w, b;
+    const { placement: n, rects: r, middlewareData: o } = t, i = ((g = o.arrow) == null ? void 0 : g.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, m = (((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 } };
+    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 : `${m}px`) : c === "left" && (x = `${r.floating.width + l}px`, f = i ? p : `${m}px`), { data: { x, y: f } };
   }
 });
 function ho(e) {
@@ -4369,7 +4372,7 @@ function Il(e) {
   const t = h.useRef({ value: e, previous: e });
   return h.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-var mo = Object.freeze({
+var go = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
   border: 0,
@@ -4387,7 +4390,7 @@ var mo = Object.freeze({
     {
       ...e,
       ref: t,
-      style: { ...mo, ...e.style }
+      style: { ...go, ...e.style }
     }
   )
 );
@@ -4397,13 +4400,13 @@ var Ll = function(e) {
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, Ge = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap(), Et = {}, en = 0, go = function(e) {
-  return e && (e.host || go(e.parentNode));
+}, Ge = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap(), Et = {}, en = 0, mo = function(e) {
+  return e && (e.host || mo(e.parentNode));
 }, Ml = function(e, t) {
   return t.map(function(n) {
     if (e.contains(n))
       return n;
-    var r = go(n);
+    var r = mo(n);
     return r && e.contains(r) ? r : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
   }).filter(function(n) {
     return !!n;
@@ -4421,8 +4424,8 @@ var Ll = function(e) {
         d(v);
       else
         try {
-          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");
+          var m = v.getAttribute(r), x = m !== null && m !== "false", f = (Ge.get(v) || 0) + 1, g = (a.get(v) || 0) + 1;
+          Ge.set(v, f), a.set(v, g), i.push(v), f === 1 && x && kt.set(v, !0), g === 1 && v.setAttribute(n, "true"), x || v.setAttribute(r, "true");
         } catch (w) {
           console.error("aria-hidden: cannot operate on ", v, w);
         }
@@ -4430,8 +4433,8 @@ var Ll = function(e) {
   };
   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);
+      var v = Ge.get(p) - 1, m = a.get(p) - 1;
+      Ge.set(p, v), a.set(p, m), v || (kt.has(p) || p.removeAttribute(r), kt.delete(p)), m || p.removeAttribute(n);
     }), en--, en || (Ge = /* @__PURE__ */ new WeakMap(), Ge = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap(), Et = {});
   };
 }, Fl = function(e, t, n) {
@@ -4589,11 +4592,11 @@ 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, 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);
+  }), 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, m = e.noRelative, x = e.noIsolation, f = e.inert, g = 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,
-    d && h.createElement(S, { sideCar: xo, removeScrollBar: c, shards: p, noRelative: g, noIsolation: x, inert: f, setCallbacks: a, allowPinchZoom: !!m, lockRef: n, gapMode: y }),
+    d && h.createElement(S, { sideCar: xo, removeScrollBar: c, shards: p, noRelative: m, noIsolation: x, inert: f, setCallbacks: a, allowPinchZoom: !!g, 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)
   );
 });
@@ -4796,7 +4799,7 @@ var qe = dn ? { passive: !1 } : !1, sc = function(e) {
   do {
     if (!s)
       break;
-    var g = ko(e, s), x = g[0], f = g[1], m = g[2], w = f - m - a * x;
+    var m = ko(e, s), x = m[0], f = m[1], g = m[2], w = f - g - 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;
@@ -4819,25 +4822,25 @@ var qe = dn ? { passive: !1 } : !1, sc = function(e) {
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, mc = 0, Qe = [];
-function gc(e) {
-  var t = h.useRef([]), n = h.useRef([0, 0]), r = h.useRef(), o = h.useState(mc++)[0], a = h.useState(yo)[0], i = h.useRef(e);
+}, gc = 0, Qe = [];
+function mc(e) {
+  var t = h.useRef([]), n = h.useRef([0, 0]), r = h.useRef(), o = h.useState(gc++)[0], a = h.useState(yo)[0], i = h.useRef(e);
   h.useEffect(function() {
     i.current = e;
   }, [e]), h.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(o));
       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));
+      return f.forEach(function(g) {
+        return g.classList.add("allow-interactivity-".concat(o));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(o)), f.forEach(function(m) {
-          return m.classList.remove("allow-interactivity-".concat(o));
+        document.body.classList.remove("block-interactivity-".concat(o)), f.forEach(function(g) {
+          return g.classList.remove("allow-interactivity-".concat(o));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var s = h.useCallback(function(f, m) {
+  var s = h.useCallback(function(f, g) {
     if ("touches" in f && f.touches.length === 2 || f.type === "wheel" && f.ctrlKey)
       return !i.current.allowPinchZoom;
     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";
@@ -4851,26 +4854,26 @@ function gc(e) {
     if (!r.current && "changedTouches" in f && (y || C) && (r.current = S), !S)
       return !0;
     var D = r.current || S;
-    return pc(D, m, f, D === "h" ? y : C);
+    return pc(D, g, f, D === "h" ? y : C);
   }, []), l = h.useCallback(function(f) {
-    var m = f;
+    var g = f;
     if (!(!Qe.length || Qe[Qe.length - 1] !== a)) {
-      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);
+      var w = "deltaY" in g ? fr(g) : At(g), b = t.current.filter(function(S) {
+        return S.name === g.type && (S.target === g.target || g.target === S.shadowParent) && hc(S.delta, w);
       })[0];
       if (b && b.should) {
-        m.cancelable && m.preventDefault();
+        g.cancelable && g.preventDefault();
         return;
       }
       if (!b) {
         var y = (i.current.shards || []).map(pr).filter(Boolean).filter(function(S) {
-          return S.contains(m.target);
-        }), C = y.length > 0 ? s(m, y[0]) : !i.current.noIsolation;
-        C && m.cancelable && m.preventDefault();
+          return S.contains(g.target);
+        }), C = y.length > 0 ? s(g, y[0]) : !i.current.noIsolation;
+        C && g.cancelable && g.preventDefault();
       }
     }
-  }, []), c = h.useCallback(function(f, m, w, b) {
-    var y = { name: f, delta: m, target: w, should: b, shadowParent: wc(w) };
+  }, []), c = h.useCallback(function(f, g, w, b) {
+    var y = { name: f, delta: g, target: w, should: b, shadowParent: wc(w) };
     t.current.push(y), setTimeout(function() {
       t.current = t.current.filter(function(C) {
         return C !== y;
@@ -4894,12 +4897,12 @@ function gc(e) {
       }), document.removeEventListener("wheel", l, qe), document.removeEventListener("touchmove", l, qe), document.removeEventListener("touchstart", d, qe);
     };
   }, []);
-  var g = e.removeScrollBar, x = e.inert;
+  var m = e.removeScrollBar, x = e.inert;
   return h.createElement(
     h.Fragment,
     null,
     x ? h.createElement(a, { styles: vc(o) }) : null,
-    g ? h.createElement(ic, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+    m ? h.createElement(ic, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
   );
 }
 function wc(e) {
@@ -4907,7 +4910,7 @@ function wc(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const bc = Kl(xo, gc);
+const bc = Kl(xo, mc);
 var Eo = h.forwardRef(function(e, t) {
   return h.createElement(Ht, xe({}, e, { ref: t, sideCar: bc }));
 });
@@ -4929,9 +4932,9 @@ var xc = [" ", "Enter", "ArrowUp", "ArrowDown"], yc = [" ", "Enter"], Ke = "Sele
     name: d,
     autoComplete: p,
     disabled: v,
-    required: g,
+    required: m,
     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({
+  } = e, f = Yt(t), [g, 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,
@@ -4941,13 +4944,13 @@ var xc = [" ", "Enter", "ArrowUp", "ArrowDown"], yc = [" ", "Enter"], Ke = "Sele
     defaultProp: s,
     onChange: l,
     caller: Ke
-  }), $ = 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(";");
+  }), $ = h.useRef(null), W = g ? x || !!g.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,
+      required: m,
       scope: t,
-      trigger: m,
+      trigger: g,
       onTriggerChange: w,
       valueNode: b,
       onValueNodeChange: y,
@@ -4982,7 +4985,7 @@ var xc = [" ", "Enter", "ArrowUp", "ArrowDown"], yc = [" ", "Enter"], Ke = "Sele
           Ko,
           {
             "aria-hidden": !0,
-            required: g,
+            required: m,
             tabIndex: -1,
             name: d,
             autoComplete: p,
@@ -5004,11 +5007,11 @@ 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 = 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);
+    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, m] = Zo((f) => {
+      const g = c().filter((y) => !y.disabled), w = g.find((y) => y.value === i.value), b = Go(g, f, w);
       b !== void 0 && i.onValueChange(b.value);
     }), x = (f) => {
-      s || (i.onOpenChange(!0), g()), f && (i.triggerPointerDownPosRef.current = {
+      s || (i.onOpenChange(!0), m()), f && (i.triggerPointerDownPosRef.current = {
         x: Math.round(f.pageX),
         y: Math.round(f.pageY)
       });
@@ -5034,12 +5037,12 @@ var Ao = "SelectTrigger", _o = h.forwardRef(
         }),
         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());
+          const g = f.target;
+          g.hasPointerCapture(f.pointerId) && g.releasePointerCapture(f.pointerId), f.button === 0 && f.ctrlKey === !1 && f.pointerType === "mouse" && (x(f), f.preventDefault());
         }),
         onKeyDown: Z(o.onKeyDown, (f) => {
-          const m = p.current !== "";
-          !(f.ctrlKey || f.altKey || f.metaKey) && f.key.length === 1 && v(f.key), !(m && f.key === " ") && xc.includes(f.key) && (x(), f.preventDefault());
+          const g = p.current !== "";
+          !(f.ctrlKey || f.altKey || f.metaKey) && f.key.length === 1 && v(f.key), !(g && f.key === " ") && xc.includes(f.key) && (x(), f.preventDefault());
         })
       }
     ) });
@@ -5057,7 +5060,7 @@ var Po = "SelectValue", Tc = h.forwardRef(
         ...s,
         ref: p,
         style: { pointerEvents: "none" },
-        children: Xo(l.value) ? /* @__PURE__ */ T(gn, { children: i }) : a
+        children: Xo(l.value) ? /* @__PURE__ */ T(mn, { children: i }) : a
       }
     );
   }
@@ -5088,7 +5091,7 @@ var Xe = "SelectContent", No = h.forwardRef(
   }
 );
 No.displayName = Xe;
-var pe = 10, [Oo, We] = ct(Xe), Pc = "SelectContentImpl", Rc = /* @__PURE__ */ gt("SelectContent.RemoveScroll"), Lo = h.forwardRef(
+var pe = 10, [Oo, We] = ct(Xe), Pc = "SelectContentImpl", Rc = /* @__PURE__ */ mt("SelectContent.RemoveScroll"), Lo = h.forwardRef(
   (e, t) => {
     const {
       __scopeSelect: n,
@@ -5104,10 +5107,10 @@ var pe = 10, [Oo, We] = ct(Xe), Pc = "SelectContentImpl", Rc = /* @__PURE__ */ g
       alignOffset: d,
       arrowPadding: p,
       collisionBoundary: v,
-      collisionPadding: g,
+      collisionPadding: m,
       sticky: x,
       hideWhenDetached: f,
-      avoidCollisions: m,
+      avoidCollisions: g,
       //
       ...w
     } = 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(
@@ -5175,10 +5178,10 @@ var pe = 10, [Oo, We] = ct(Xe), Pc = "SelectContentImpl", Rc = /* @__PURE__ */ g
       alignOffset: d,
       arrowPadding: p,
       collisionBoundary: v,
-      collisionPadding: g,
+      collisionPadding: m,
       sticky: x,
       hideWhenDetached: f,
-      avoidCollisions: m
+      avoidCollisions: g
     } : {};
     return /* @__PURE__ */ T(
       Oo,
@@ -5260,8 +5263,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, 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 { __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), m = h.useRef(!1), x = h.useRef(!0), { viewport: f, selectedItem: g, selectedItemText: w, focusSelectedItem: b } = i, y = h.useCallback(() => {
+    if (a.trigger && a.valueNode && s && c && f && g && 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, [
@@ -5281,9 +5284,9 @@ 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, 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;
+      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(g.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 = g.offsetHeight / 2, R = g.offsetTop + He, K = _ + O + R, re = z - K;
       if (K <= Me) {
-        const H = $.length > 0 && m === $[$.length - 1].ref.current;
+        const H = $.length > 0 && g === $[$.length - 1].ref.current;
         s.style.bottom = "0px";
         const U = c.clientHeight - f.offsetTop - f.offsetHeight, le = Math.max(
           Ze,
@@ -5292,7 +5295,7 @@ var Ic = "SelectItemAlignedPosition", Mo = h.forwardRef((e, t) => {
         ), we = K + le;
         s.style.height = we + "px";
       } else {
-        const H = $.length > 0 && m === $[0].ref.current;
+        const H = $.length > 0 && g === $[0].ref.current;
         s.style.top = "0px";
         const le = Math.max(
           Me,
@@ -5301,7 +5304,7 @@ var Ic = "SelectItemAlignedPosition", Mo = h.forwardRef((e, t) => {
         ) + re;
         s.style.height = le + "px", f.scrollTop = K - Me + f.offsetTop;
       }
-      s.style.margin = `${pe}px 0`, s.style.minHeight = Q + "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(() => m.current = !0);
     }
   }, [
     v,
@@ -5310,7 +5313,7 @@ var Ic = "SelectItemAlignedPosition", Mo = h.forwardRef((e, t) => {
     s,
     c,
     f,
-    m,
+    g,
     w,
     a.dir,
     r
@@ -5331,7 +5334,7 @@ var Ic = "SelectItemAlignedPosition", Mo = h.forwardRef((e, t) => {
     {
       scope: n,
       contentWrapper: s,
-      shouldExpandOnScrollRef: g,
+      shouldExpandOnScrollRef: m,
       onScrollButtonChange: E,
       children: /* @__PURE__ */ T(
         "div",
@@ -5396,7 +5399,7 @@ 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 = ne(t, a.onViewportChange), l = h.useRef(0);
-    return /* @__PURE__ */ Nt(gn, { children: [
+    return /* @__PURE__ */ Nt(mn, { children: [
       /* @__PURE__ */ T(
         "style",
         {
@@ -5429,11 +5432,11 @@ var [Oc, Bn] = ct(Xe, {}), pn = "SelectViewport", Do = h.forwardRef(
           onScroll: Z(o.onScroll, (c) => {
             const d = c.currentTarget, { contentWrapper: p, shouldExpandOnScrollRef: v } = i;
             if (v != null && v.current && p) {
-              const g = Math.abs(l.current - d.scrollTop);
-              if (g > 0) {
-                const x = window.innerHeight - pe * 2, f = parseFloat(p.style.minHeight), m = parseFloat(p.style.height), w = Math.max(f, m);
+              const m = Math.abs(l.current - d.scrollTop);
+              if (m > 0) {
+                const x = window.innerHeight - pe * 2, f = parseFloat(p.style.minHeight), g = parseFloat(p.style.height), w = Math.max(f, g);
                 if (w < x) {
-                  const b = w + g, y = Math.min(x, b), C = b - y;
+                  const b = w + m, 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");
                 }
               }
@@ -5468,13 +5471,13 @@ 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, [d, p] = h.useState(a ?? ""), [v, g] = h.useState(!1), x = ne(
+    } = e, s = $e(Ft, n), l = We(Ft, n), c = s.value === r, [d, p] = h.useState(a ?? ""), [v, m] = h.useState(!1), x = ne(
       t,
       (b) => {
         var y;
         return (y = l.itemRefCallback) == null ? void 0 : y.call(l, b, r, o);
       }
-    ), f = _n(), m = h.useRef("touch"), w = () => {
+    ), f = _n(), g = h.useRef("touch"), w = () => {
       o || (s.onValueChange(r), s.onOpenChange(!1));
     };
     if (r === "")
@@ -5512,20 +5515,20 @@ var Ft = "SelectItem", [Bc, zo] = ct(Ft), Vo = h.forwardRef(
                 tabIndex: o ? void 0 : -1,
                 ...i,
                 ref: x,
-                onFocus: Z(i.onFocus, () => g(!0)),
-                onBlur: Z(i.onBlur, () => g(!1)),
+                onFocus: Z(i.onFocus, () => m(!0)),
+                onBlur: Z(i.onBlur, () => m(!1)),
                 onClick: Z(i.onClick, () => {
-                  m.current !== "mouse" && w();
+                  g.current !== "mouse" && w();
                 }),
                 onPointerUp: Z(i.onPointerUp, () => {
-                  m.current === "mouse" && w();
+                  g.current === "mouse" && w();
                 }),
                 onPointerDown: Z(i.onPointerDown, (b) => {
-                  m.current = b.pointerType;
+                  g.current = b.pointerType;
                 }),
                 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 });
+                  g.current = b.pointerType, o ? (y = l.onItemLeave) == null || y.call(l) : g.current === "mouse" && b.currentTarget.focus({ preventScroll: !0 });
                 }),
                 onPointerLeave: Z(i.onPointerLeave, (b) => {
                   var y;
@@ -5544,9 +5547,9 @@ var Ft = "SelectItem", [Bc, zo] = ct(Ft), Vo = h.forwardRef(
   }
 );
 Vo.displayName = Ft;
-var mt = "SelectItemText", $o = h.forwardRef(
+var gt = "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), [d, p] = h.useState(null), v = ne(
+    const { __scopeSelect: n, className: r, style: o, ...a } = e, i = $e(gt, n), s = We(gt, n), l = zo(gt, n), c = Ec(gt, n), [d, p] = h.useState(null), v = ne(
       t,
       (w) => p(w),
       l.onItemTextChange,
@@ -5554,17 +5557,17 @@ var mt = "SelectItemText", $o = h.forwardRef(
         var b;
         return (b = s.itemTextRefCallback) == null ? void 0 : b.call(s, w, l.value, l.disabled);
       }
-    ), 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: f, onNativeOptionRemove: m } = c;
-    return se(() => (f(x), () => m(x)), [f, m, x]), /* @__PURE__ */ Nt(gn, { children: [
+    ), m = d == null ? void 0 : d.textContent, x = h.useMemo(
+      () => /* @__PURE__ */ T("option", { value: l.value, disabled: l.disabled, children: m }, l.value),
+      [l.disabled, l.value, m]
+    ), { onNativeOptionAdd: f, onNativeOptionRemove: g } = c;
+    return se(() => (f(x), () => g(x)), [f, g, x]), /* @__PURE__ */ Nt(mn, { children: [
       /* @__PURE__ */ T(X.span, { id: l.textId, ...a, ref: v }),
       l.isSelected && i.valueNode && !i.valueNodeHasChildren ? h.createPortal(a.children, i.valueNode) : null
     ] });
   }
 );
-$o.displayName = mt;
+$o.displayName = gt;
 var Wo = "SelectItemIndicator", Ho = h.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...r } = e;
@@ -5654,13 +5657,13 @@ var Yo = h.forwardRef((e, t) => {
   }
 );
 Vc.displayName = zc;
-var mn = "SelectArrow", $c = h.forwardRef(
+var gn = "SelectArrow", $c = h.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, ...r } = e, o = Yt(n), a = $e(mn, n), i = We(mn, n);
+    const { __scopeSelect: n, ...r } = e, o = Yt(n), a = $e(gn, n), i = We(gn, n);
     return a.open && i.position === "popper" ? /* @__PURE__ */ T(Tl, { ...o, ...r, ref: t }) : null;
   }
 );
-$c.displayName = mn;
+$c.displayName = gn;
 var Wc = "SelectBubbleInput", Ko = h.forwardRef(
   ({ __scopeSelect: e, value: t, ...n }, r) => {
     const o = h.useRef(null), a = ne(r, o), i = Il(t);
@@ -5679,7 +5682,7 @@ var Wc = "SelectBubbleInput", Ko = h.forwardRef(
       X.select,
       {
         ...n,
-        style: { ...mo, ...n.style },
+        style: { ...go, ...n.style },
         ref: a,
         defaultValue: t
       }
@@ -5856,7 +5859,7 @@ 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 } = oe(), d = 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(), m = Y(() => {
     var w;
     return n.value || r.value ? !d.value || !n.value ? l.value : [
       {
@@ -5870,7 +5873,7 @@ function hr({ open: e }) {
     ] : o.value.transcript_enabled ? l.value : l.value.filter(
       (b) => b.type !== "message" || b.isText
     );
-  }), x = g.value.length > 0 || !i.value && o.value.transcript_enabled, f = J(!0), m = p.value !== "feedback";
+  }), x = m.value.length > 0 || !i.value && o.value.transcript_enabled, f = J(!0), g = p.value !== "feedback";
   return /* @__PURE__ */ u(ie, { initial: !1, active: e, children: /* @__PURE__ */ A(
     "div",
     {
@@ -5895,7 +5898,7 @@ function hr({ open: e }) {
           /* @__PURE__ */ u(
             Ri,
             {
-              transcript: g,
+              transcript: m,
               scrollPinned: f
             }
           ),
@@ -5911,7 +5914,7 @@ function hr({ open: e }) {
           /* @__PURE__ */ u(Ni, {}),
           /* @__PURE__ */ u(Oi, {})
         ] }) }),
-        /* @__PURE__ */ u(ie, { active: m, children: /* @__PURE__ */ A(
+        /* @__PURE__ */ u(ie, { active: g, children: /* @__PURE__ */ A(
           "div",
           {
             className: V(
@@ -6239,9 +6242,9 @@ const Je = {
   Ee(() => {
     o.value && (i.value ? (r.value = !0, n.value = !0) : r.value = !1);
   }), Ee(() => {
-    const v = (g) => {
-      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);
+    const v = (m) => {
+      var x, f, g;
+      ((x = m.detail) == null ? void 0 : x.action) === "expand" ? n.value = !0 : ((f = m.detail) == null ? void 0 : f.action) === "collapse" ? n.value = !1 : ((g = m.detail) == null ? void 0 : g.action) === "toggle" && (n.value = !n.value);
     };
     return document.addEventListener("elevenlabs-agent:expand", v), () => {
       document.removeEventListener("elevenlabs-agent:expand", v);
@@ -6259,7 +6262,7 @@ const Je = {
   ] });
 });
 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__ */ A(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(mi, { children: [
     /* @__PURE__ */ u(La, {}),
     /* @__PURE__ */ u(hu, {})
   ] }) }) }) }) }) }) }) }) }) }) }) });