@fiction/sdk 1.0.52 → 1.0.54

package/dist/{SelfWrap.vue_vue_type_script_setup_true_lang-trK_XeFZ.js → SelfWrap.vue_vue_type_script_setup_true_lang-9hTe-S75.js}

@@ -1,25 +1,25 @@
 var lt = Object.defineProperty;
-var Ht = (e, i, o) => i in e ? lt(e, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[i] = o;
-var r = (e, i) => lt(e, "name", { value: i, configurable: !0 });
-var L = (e, i, o) => Ht(e, typeof i != "symbol" ? i + "" : i, o);
-import { defineComponent as j, createElementBlock as y, openBlock as f, createElementVNode as c, normalizeClass as $, ref as B, watch as ie, createBlock as se, TransitionGroup as yt, withCtx as ne, renderSlot as Ie, computed as E, createCommentVNode as P, onMounted as $e, Fragment as Ce, renderList as Oe, withDirectives as kt, vModelText as wt, toDisplayString as U, createVNode as G, withKeys as Wt, createTextVNode as Pe, unref as X, resolveDynamicComponent as qt, nextTick as We, Transition as ct, withModifiers as Ct, normalizeStyle as et, onUnmounted as St, createPropsRestProxy as Kt, mergeProps as Zt, shallowRef as _t } from "vue";
+var Ht = (e, a, o) => a in e ? lt(e, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[a] = o;
+var r = (e, a) => lt(e, "name", { value: a, configurable: !0 });
+var D = (e, a, o) => Ht(e, typeof a != "symbol" ? a + "" : a, o);
+import { defineComponent as G, createElementBlock as x, openBlock as f, createElementVNode as c, normalizeClass as E, ref as j, watch as ae, createBlock as se, TransitionGroup as yt, withCtx as ne, renderSlot as Ie, computed as T, createCommentVNode as F, onMounted as $e, Fragment as Ce, renderList as Oe, withDirectives as kt, vModelText as wt, toDisplayString as H, createVNode as O, withKeys as Wt, createTextVNode as Pe, unref as X, resolveDynamicComponent as qt, nextTick as We, Transition as ct, withModifiers as Ct, normalizeStyle as et, onUnmounted as St, createPropsRestProxy as Kt, mergeProps as Zt, shallowRef as Yt } from "vue";
 import { Conversation as dt } from "@elevenlabs/client";
-import { objectId as Yt } from "@fiction/utils";
+import { objectId as _t } from "@fiction/utils";
 import { S as Mt, c as Jt, F as Qt } from "./sdkClient-Dg6A3ZgO.js";
 const Xt = { class: "spinner max-w-sm" }, eo = {
   class: "ring-circular h-full w-full origin-center",
   viewBox: "25 25 50 50"
-}, tt = /* @__PURE__ */ j({
+}, tt = /* @__PURE__ */ G({
   __name: "FSpinner",
   props: {
     width: { type: String, default: "" },
     colorMode: { type: String, default: "primary" }
   },
   setup(e) {
-    return (i, o) => (f(), y("div", Xt, [
-      (f(), y("svg", eo, [
+    return (a, o) => (f(), x("div", Xt, [
+      (f(), x("svg", eo, [
         c("circle", {
-          class: $([e.colorMode, "ring-path"]),
+          class: E([e.colorMode, "ring-path"]),
           cx: "50",
           cy: "50",
           r: "20",
@@ -278,21 +278,21 @@ const At = [
 ], st = class st extends Mt {
   constructor(o) {
     super("ClientAudio", o);
-    L(this, "audioContext");
-    L(this, "analyser");
-    L(this, "microphone");
-    L(this, "audioLevelInterval");
-    L(this, "stream");
-    L(this, "visibilityChangeHandler");
-    L(this, "vadTimeout");
-    L(this, "lastSpeechTime", 0);
+    D(this, "audioContext");
+    D(this, "analyser");
+    D(this, "microphone");
+    D(this, "audioLevelInterval");
+    D(this, "stream");
+    D(this, "visibilityChangeHandler");
+    D(this, "vadTimeout");
+    D(this, "lastSpeechTime", 0);
     // VAD configuration - tuned for voice isolation (ignores background music)
-    L(this, "VAD_SILENCE_THRESHOLD", 0.03);
+    D(this, "VAD_SILENCE_THRESHOLD", 0.03);
     // 3% audio level = silence (filters out quiet background noise)
-    L(this, "VAD_SILENCE_DURATION", 1200);
+    D(this, "VAD_SILENCE_DURATION", 1200);
     // 1.2 seconds of silence before considering "stopped speaking"
     // Public reactive state
-    L(this, "audioLevels", B({ inputLevel: 0, outputLevel: 0 }));
+    D(this, "audioLevels", j({ inputLevel: 0, outputLevel: 0 }));
     this.setupVisibilityHandler();
   }
   /**
@@ -328,13 +328,13 @@ const At = [
       const {
         noiseSuppression: t = !0,
         echoCancellation: s = !0,
-        autoGainControl: a = !0,
+        autoGainControl: i = !0,
         voiceIsolation: n = !0
       } = o, l = {
         audio: {
           noiseSuppression: { ideal: t, exact: t },
           echoCancellation: { ideal: s, exact: s },
-          autoGainControl: { ideal: a, exact: a },
+          autoGainControl: { ideal: i, exact: i },
           // Chrome-specific voice isolation (degrades gracefully in other browsers)
           voiceIsolation: { ideal: n, exact: n },
           advanced: [
@@ -342,9 +342,9 @@ const At = [
             // @ts-expect-error - Chrome-specific constraint
             { googAudioMirroring: !1 },
             // @ts-expect-error - Chrome-specific constraint
-            { googAutoGainControl: a },
+            { googAutoGainControl: i },
             // @ts-expect-error - Chrome-specific constraint
-            { googAutoGainControl2: a },
+            { googAutoGainControl2: i },
             // @ts-expect-error - Chrome-specific constraint
             { googNoiseSuppression: t },
             // @ts-expect-error - Chrome-specific constraint
@@ -362,14 +362,14 @@ const At = [
         }
       };
       this.stream = await navigator.mediaDevices.getUserMedia(l);
-      const C = this.stream.getAudioTracks()[0].getSettings();
+      const w = this.stream.getAudioTracks()[0].getSettings();
       return this.logger.info("Microphone permission granted with settings:", {
-        noiseSuppression: C.noiseSuppression,
-        echoCancellation: C.echoCancellation,
-        autoGainControl: C.autoGainControl,
+        noiseSuppression: w.noiseSuppression,
+        echoCancellation: w.echoCancellation,
+        autoGainControl: w.autoGainControl,
         // @ts-expect-error - voiceIsolation is not in standard types yet
-        voiceIsolation: C.voiceIsolation,
-        sampleRate: C.sampleRate
+        voiceIsolation: w.voiceIsolation,
+        sampleRate: w.sampleRate
       }), await this.setupAudioAnalysis(), !0;
     } catch (t) {
       return this.logger.error("Microphone permission denied:", t), !1;
@@ -422,14 +422,14 @@ const At = [
       return;
     }
     this.logger.info("Starting audio level monitoring with VAD at timestamp:", Date.now());
-    const s = new Uint8Array(this.analyser.frequencyBinCount), a = /* @__PURE__ */ r(async () => {
+    const s = new Uint8Array(this.analyser.frequencyBinCount), i = /* @__PURE__ */ r(async () => {
       if (!this.analyser) {
         this.logger.info("Stopping audio level monitoring - missing analyser");
         return;
       }
       try {
         this.analyser.getByteFrequencyData(s);
-        const l = s.reduce((u, p) => u + p, 0) / s.length, d = Math.min(l / 128, 1);
+        const l = s.reduce((u, b) => u + b, 0) / s.length, d = Math.min(l / 128, 1);
         !this.detectVoiceActivity(d) && this.hasUserStoppedSpeaking() && t && (this.logger.info("VAD: User stopped speaking (silence detected)"), t(), this.lastSpeechTime = 0);
         const m = o?.() ? 0.3 : 0;
         this.audioLevels.value = { inputLevel: d, outputLevel: m };
@@ -437,7 +437,7 @@ const At = [
         this.logger.error("Error in audio level monitoring:", l), this.stopAudioLevelMonitoring();
       }
     }, "updateLevels"), n = /* @__PURE__ */ r(() => {
-      a().catch((l) => {
+      i().catch((l) => {
         this.logger.error("Async error in audio level monitoring:", l);
       });
     }, "intervalWrapper");
@@ -494,33 +494,33 @@ function ht(e) {
   return e ? typeof e == "string" ? e : e.src || "" : "";
 }
 r(ht, "getImageSrc");
-function _e(e) {
+function Ye(e) {
   return ht(e.cover) || ht(e.avatar) || "/img/placeholder-avatar.png";
 }
-r(_e, "getSelfAvatarUrl");
+r(Ye, "getSelfAvatarUrl");
 function He() {
   return "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iNDAiIGZpbGw9IiM2MzY2RjEiLz4KPHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeD0iMjAiIHk9IjIwIj4KPHA0aCBkPSJNMTIgMTJjMi4yMSAwIDQtMS43OSA0LTRTNC4yMSA0IDIgNHMxLjc5IDQgNCA0em0wIDJjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4KPC9zdmc+";
 }
 r(He, "getFallbackAvatarDataUrl");
 function Ue(e) {
-  const i = e.target;
-  i.dataset.fallbackUsed || (i.dataset.fallbackUsed = "true", i.src = He());
+  const a = e.target;
+  a.dataset.fallbackUsed || (a.dataset.fallbackUsed = "true", a.src = He());
 }
 r(Ue, "handleImageError");
 function no(e) {
-  const { message: i, source: o } = e;
-  if (!i)
+  const { message: a, source: o } = e;
+  if (!a)
     return null;
   const t = {
     user: "user",
     ai: "agent",
     agent: "agent"
   }, s = t[o] || "agent";
-  if (typeof i == "string")
-    return i.trim() ? { text: i.trim(), sender: s } : null;
-  if (typeof i != "object")
+  if (typeof a == "string")
+    return a.trim() ? { text: a.trim(), sender: s } : null;
+  if (typeof a != "object")
     return null;
-  const a = [
+  const i = [
     (n) => {
       if (!("source" in n))
         return null;
@@ -528,8 +528,8 @@ function no(e) {
       return l ? { text: n.message || "", sender: l } : null;
     }
   ];
-  for (const n of a) {
-    const l = n(i);
+  for (const n of i) {
+    const l = n(a);
     if (l && l.text.trim())
       return { text: l.text.trim(), sender: l.sender };
   }
@@ -537,33 +537,33 @@ function no(e) {
 }
 r(no, "parseVoiceMessage");
 function js(e) {
-  const { name: i, context: o } = e;
-  return o === "welcome" ? `Welcome to Fiction! I'm ${i}, your digital self. I'm here to help you understand how I can represent you and assist with your daily tasks. What would you like to know about how I work?` : o === "onboarding" ? `Hi! I'm ${i}, your newly created digital self. I can handle conversations, answer questions about your expertise, and represent you professionally. Ready to see what I can do?` : `Hello! I'm ${i}. How can I help you today?`;
+  const { name: a, context: o } = e;
+  return o === "welcome" ? `Welcome to Fiction! I'm ${a}, your digital self. I'm here to help you understand how I can represent you and assist with your daily tasks. What would you like to know about how I work?` : o === "onboarding" ? `Hi! I'm ${a}, your newly created digital self. I can handle conversations, answer questions about your expertise, and represent you professionally. Ready to see what I can do?` : `Hello! I'm ${a}. How can I help you today?`;
 }
 r(js, "generateFirstMessage");
 const nt = class nt extends Mt {
   constructor(o) {
     super("SelfController", o);
-    L(this, "conversation");
-    L(this, "isTextMode", !1);
-    L(this, "lastMessage", { hash: "", time: 0 });
-    L(this, "clientAudio");
-    L(this, "unwatchAudio");
-    L(this, "isConnecting", !1);
-    L(this, "lastUserSpeechTime", 0);
+    D(this, "conversation");
+    D(this, "isTextMode", !1);
+    D(this, "lastMessage", { hash: "", time: 0 });
+    D(this, "clientAudio");
+    D(this, "unwatchAudio");
+    D(this, "isConnecting", !1);
+    D(this, "lastUserSpeechTime", 0);
     // Track when user last spoke (audio VAD)
-    L(this, "lastUserMessageTime", 0);
+    D(this, "lastUserMessageTime", 0);
     // Track when user's last transcription arrived (ElevenLabs)
     // Simple usage tracking
-    L(this, "sessionId");
-    L(this, "conversationStartTime");
-    L(this, "chatCharacterCount", 0);
+    D(this, "sessionId");
+    D(this, "conversationStartTime");
+    D(this, "chatCharacterCount", 0);
     // Participant IDs for message attribution
-    L(this, "hostParticipantId");
+    D(this, "hostParticipantId");
     // The digital self
-    L(this, "visitorParticipantId");
+    D(this, "visitorParticipantId");
     // The user/anon
-    L(this, "voiceState", B({
+    D(this, "voiceState", j({
       isActive: !1,
       isConnected: !1,
       isSpeaking: !1,
@@ -572,14 +572,14 @@ const nt = class nt extends Mt {
       transcript: "Tap to begin voice conversation",
       connectionStatus: "disconnected"
     }));
-    L(this, "textState", B({
+    D(this, "textState", j({
       isActive: !1,
       isConnected: !1,
       isThinking: !1,
       connectionStatus: "disconnected"
     }));
-    L(this, "agentMode", B("self"));
-    L(this, "sharedMessages", B([]));
+    D(this, "agentMode", j("self"));
+    D(this, "sharedMessages", j([]));
     if (!o.self.elevenlabsAgentId || o.self.elevenlabsAgentId.trim() === "")
       throw new Error(`Agent ID is required for SelfController. Self "${o.self.name}" (${o.self.selfId}) does not have a valid elevenlabsAgentId.`);
     this.clientAudio = new Ze(o), this.setupModeWatcher();
@@ -628,8 +628,8 @@ const nt = class nt extends Mt {
     return null;
   }
   isDuplicateMessage(o, t) {
-    const s = `${t}:${o.toLowerCase().trim()}`, a = Date.now(), n = s === this.lastMessage.hash && a - this.lastMessage.time < 500;
-    return n || (this.lastMessage = { hash: s, time: a }), n;
+    const s = `${t}:${o.toLowerCase().trim()}`, i = Date.now(), n = s === this.lastMessage.hash && i - this.lastMessage.time < 500;
+    return n || (this.lastMessage = { hash: s, time: i }), n;
   }
   addMessage(o, t) {
     this.isDuplicateMessage(o, t) || (this.sharedMessages.value = [
@@ -638,7 +638,7 @@ const nt = class nt extends Mt {
     ]);
   }
   getDynamicSettings() {
-    const { sdk: o } = this.settings, t = o.activeUser.value, s = t?.selves?.find((n) => n.selfId === t.primarySelfId), a = t ? `
+    const { sdk: o } = this.settings, t = o.activeUser.value, s = t?.selves?.find((n) => n.selfId === t.primarySelfId), i = t ? `
 
 Current User:
 - Name: ${s?.name || "Anonymous"}
@@ -648,7 +648,7 @@ Current User:
 ` : "";
     return {
       dynamicVariables: {
-        context: `${this.settings.context || ""}${a}`.trim(),
+        context: `${this.settings.context || ""}${i}`.trim(),
         firstMessage: this.settings.firstMessage || ""
       },
       overrides: {
@@ -678,17 +678,17 @@ Current User:
     }), this.clientAudio.resetAudioLevels(), this.lastUserSpeechTime = 0, this.lastUserMessageTime = 0);
   }
   setupModeWatcher() {
-    ie(this.agentMode, async (o, t) => {
+    ae(this.agentMode, async (o, t) => {
       this.logger.info(`Mode changed from ${t} to ${o}`), this.conversation && (t === "talk" || t === "chat") && await this.endConversation();
     });
   }
   handleMessage(o, t) {
     const s = no(o);
     if (s && (t && s.sender === "user" && (this.lastUserMessageTime = Date.now(), this.logger.info("User transcription received", { text: s.text })), this.addMessage(s.text, s.sender), !t && s.sender === "agent" && this.updateState(this.textState, { isThinking: !1 }), this.sessionId && this.hostParticipantId && this.visitorParticipantId)) {
-      const a = s.sender === "agent" ? this.hostParticipantId : this.visitorParticipantId, { sdk: n } = this.settings;
+      const i = s.sender === "agent" ? this.hostParticipantId : this.visitorParticipantId, { sdk: n } = this.settings;
       n.saveMessage({
         conversationId: this.sessionId,
-        participantId: a,
+        participantId: i,
         content: s.text,
         role: s.sender === "agent" ? "agent" : "user"
       }).catch((l) => {
@@ -740,8 +740,8 @@ Current User:
             () => {
               this.logger.info("Client-side VAD: User has stopped speaking"), this.conversation && (this.conversation.sendUserActivity(), this.logger.info("Sent user activity signal to ElevenLabs"));
             }
-          ), this.unwatchAudio = ie(this.audioLevels, (a) => {
-            a.inputLevel > 0.03 && (this.lastUserSpeechTime = Date.now()), o.onAudioLevel?.(a);
+          ), this.unwatchAudio = ae(this.audioLevels, (i) => {
+            i.inputLevel > 0.03 && (this.lastUserSpeechTime = Date.now()), o.onAudioLevel?.(i);
           }, { immediate: !0 }), this.updateState(this.voiceState, {
             isConnected: !0,
             isListening: !0,
@@ -754,37 +754,37 @@ Current User:
           });
         }, "onConnect"),
         onDisconnect: /* @__PURE__ */ r(() => {
-          this.logger.info("Voice conversation disconnected"), this.conversation = void 0, this.clientAudio.stopAudioLevelMonitoring(), this.endSession().catch((a) => console.error("Failed to end session:", a)), this.resetState(!1), o.onDisconnect?.();
+          this.logger.info("Voice conversation disconnected"), this.conversation = void 0, this.clientAudio.stopAudioLevelMonitoring(), this.endSession().catch((i) => console.error("Failed to end session:", i)), this.resetState(!1), o.onDisconnect?.();
         }, "onDisconnect"),
-        onError: /* @__PURE__ */ r((a) => {
-          let n = a;
-          a.includes("does not exist") ? n = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : a.includes("limit") || a.includes("quota") ? n = "ElevenLabs account limit reached. Check your subscription and usage." : (a.includes("unauthorized") || a.includes("invalid")) && (n = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((l) => console.error("Failed to end session:", l)), this.handleError(new Error(n), !0), o.onError?.(new Error(n));
+        onError: /* @__PURE__ */ r((i) => {
+          let n = i;
+          i.includes("does not exist") ? n = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : i.includes("limit") || i.includes("quota") ? n = "ElevenLabs account limit reached. Check your subscription and usage." : (i.includes("unauthorized") || i.includes("invalid")) && (n = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((l) => console.error("Failed to end session:", l)), this.handleError(new Error(n), !0), o.onError?.(new Error(n));
         }, "onError"),
-        onModeChange: /* @__PURE__ */ r((a) => {
-          const n = a.mode === "speaking", l = 3e3, d = Date.now(), C = d - this.lastUserSpeechTime, m = d - this.lastUserMessageTime, u = C < l || m < l, p = !n && u;
-          let k;
-          n ? k = "Speaking..." : p ? k = "Thinking..." : k = "Listening...", this.updateState(this.voiceState, {
+        onModeChange: /* @__PURE__ */ r((i) => {
+          const n = i.mode === "speaking", l = 3e3, d = Date.now(), w = d - this.lastUserSpeechTime, m = d - this.lastUserMessageTime, u = w < l || m < l, b = !n && u;
+          let S;
+          n ? S = "Speaking..." : b ? S = "Thinking..." : S = "Listening...", this.updateState(this.voiceState, {
             isSpeaking: n,
             isListening: !n,
             // Mic active when agent not speaking - ElevenLabs handles interruptions
-            isProcessing: p,
-            transcript: k
+            isProcessing: b,
+            transcript: S
           }), this.logger.info("Voice mode changed", {
-            mode: a.mode,
+            mode: i.mode,
             isSpeaking: n,
             isListening: !n,
-            isProcessing: p,
-            timeSinceUserSpeech: C,
+            isProcessing: b,
+            timeSinceUserSpeech: w,
             timeSinceUserMessage: m,
-            detectionSource: m < C ? "message" : "audio"
-          }), o.onModeChange?.(a.mode);
+            detectionSource: m < w ? "message" : "audio"
+          }), o.onModeChange?.(i.mode);
         }, "onModeChange"),
-        onMessage: /* @__PURE__ */ r((a) => {
-          this.handleMessage(a, !0), o.onMessage?.(a);
+        onMessage: /* @__PURE__ */ r((i) => {
+          this.handleMessage(i, !0), o.onMessage?.(i);
         }, "onMessage")
       });
-    } catch (a) {
-      throw this.isConnecting = !1, this.endSession().catch((n) => console.error("Failed to end session:", n)), this.handleError(a, !0), a;
+    } catch (i) {
+      throw this.isConnecting = !1, this.endSession().catch((n) => console.error("Failed to end session:", n)), this.handleError(i, !0), i;
     }
   }
   async startTextConversation(o = {}) {
@@ -807,7 +807,7 @@ Current User:
         }, "onDisconnect"),
         onError: /* @__PURE__ */ r((t) => {
           let s = t;
-          t.includes("does not exist") ? s = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : t.includes("limit") || t.includes("quota") ? s = "ElevenLabs account limit reached. Check your subscription and usage." : (t.includes("unauthorized") || t.includes("invalid")) && (s = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((a) => console.error("Failed to end session:", a)), this.handleError(new Error(s), !1), o.onError?.(new Error(s));
+          t.includes("does not exist") ? s = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : t.includes("limit") || t.includes("quota") ? s = "ElevenLabs account limit reached. Check your subscription and usage." : (t.includes("unauthorized") || t.includes("invalid")) && (s = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((i) => console.error("Failed to end session:", i)), this.handleError(new Error(s), !1), o.onError?.(new Error(s));
         }, "onError"),
         onModeChange: /* @__PURE__ */ r((t) => {
           o.onModeChange?.(t.mode);
@@ -857,24 +857,24 @@ Current User:
   async startSession(o) {
     const { self: t, sdk: s } = this.settings;
     if (this.conversationStartTime = /* @__PURE__ */ new Date(), this.chatCharacterCount = 0, t.selfId && t.orgId) {
-      const a = s.activeUser.value?.userId ? void 0 : s.generateAnonId(), n = await s.startConversation({
+      const i = s.activeUser.value?.userId ? void 0 : s.generateAnonId(), n = await s.startConversation({
         selfId: t.selfId,
         userId: s.activeUser.value?.userId,
-        anonId: a
+        anonId: i
       });
       if (n) {
         this.sessionId = n.conversationId, this.hostParticipantId = n.hostParticipantId, this.visitorParticipantId = n.visitorParticipantId, this.logger.info("Started conversation session", {
           sessionId: this.sessionId,
           type: o,
           userId: s.activeUser.value?.userId,
-          anonId: a,
+          anonId: i,
           hostParticipantId: this.hostParticipantId,
           visitorParticipantId: this.visitorParticipantId
         });
         return;
       }
     }
-    this.sessionId = Yt(), this.logger.info("Started conversation session (fallback)", {
+    this.sessionId = _t(), this.logger.info("Started conversation session (fallback)", {
       sessionId: this.sessionId,
       type: o
     });
@@ -891,27 +891,27 @@ Current User:
   }
 };
 r(nt, "SelfController");
-let Ye = nt;
-const io = /* @__PURE__ */ j({
+let _e = nt;
+const ao = /* @__PURE__ */ G({
   __name: "EffectTransitionList",
   props: {
     disabled: { type: Boolean, default: !1 },
     mode: { default: "block" }
   },
   setup(e) {
-    return (i, o) => (f(), se(yt, {
+    return (a, o) => (f(), se(yt, {
       name: e.disabled ? "" : "nlist"
     }, {
       default: ne(() => [
-        Ie(i.$slots, "default")
+        Ie(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["name"]));
   }
-}), ao = {
+}), io = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, ot = /* @__PURE__ */ j({
+}, ot = /* @__PURE__ */ G({
   __name: "ElSelfButton",
   props: {
     theme: { default: "primary" },
@@ -921,60 +921,60 @@ const io = /* @__PURE__ */ j({
     iconAfter: {}
   },
   setup(e) {
-    const i = E(() => ({
+    const a = T(() => ({
       primary: "bg-primary-600 border-primary-400 hover:border-primary-300 hover:bg-primary-500",
       green: "bg-green-600 border-green-400 hover:border-green-300 hover:bg-green-500",
       red: "bg-red-600 border-red-400 hover:border-red-300 hover:bg-red-500",
       default: "bg-white/10 border-white/20 hover:border-white/40 hover:bg-white/20"
-    })[e.theme]), o = E(() => ({
+    })[e.theme]), o = T(() => ({
       sm: "px-4 py-2 text-sm",
       md: "px-6 py-3 text-base",
       lg: "px-8 py-4 text-base"
-    })[e.size]), t = E(() => ({
+    })[e.size]), t = T(() => ({
       sm: "size-4",
       md: "size-4",
       lg: "size-5"
     })[e.size]);
-    return (s, a) => (f(), y("button", {
-      class: $(["relative inline-flex items-center justify-center gap-2 font-medium rounded-full backdrop-blur-sm border-2 text-white transition-all duration-200 focus:outline-none active:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", [i.value, o.value]])
+    return (s, i) => (f(), x("button", {
+      class: E(["relative inline-flex items-center justify-center gap-2 font-medium rounded-full backdrop-blur-sm border-2 text-white transition-all duration-200 focus:outline-none active:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", [a.value, o.value]])
     }, [
-      e.loading ? (f(), y("div", ao, [...a[0] || (a[0] = [
+      e.loading ? (f(), x("div", io, [...i[0] || (i[0] = [
         c("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)
-      ])])) : P("", !0),
+      ])])) : F("", !0),
       c("span", {
-        class: $(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"])
+        class: E(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"])
       }, [
-        e.icon ? (f(), y("i", {
+        e.icon ? (f(), x("i", {
           key: 0,
-          class: $([e.icon, t.value])
-        }, null, 2)) : P("", !0),
+          class: E([e.icon, t.value])
+        }, null, 2)) : F("", !0),
         Ie(s.$slots, "default"),
-        e.iconAfter ? (f(), y("i", {
+        e.iconAfter ? (f(), x("i", {
           key: 1,
-          class: $([e.iconAfter, t.value])
-        }, null, 2)) : P("", !0)
+          class: E([e.iconAfter, t.value])
+        }, null, 2)) : F("", !0)
       ], 2)
     ], 2));
   }
-}), lo = ["value"], co = /* @__PURE__ */ j({
+}), lo = ["value"], co = /* @__PURE__ */ G({
   __name: "SelfInputEmail",
   props: {
     modelValue: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const o = i;
-    return (t, s) => (f(), y("input", {
+  setup(e, { emit: a }) {
+    const o = a;
+    return (t, s) => (f(), x("input", {
       type: "email",
       autocomplete: "email",
       placeholder: "Enter Your Email",
       value: e.modelValue,
       class: "w-full px-6 py-3 text-theme-900 placeholder-theme-500 bg-white border border-white rounded-full focus:outline-none transition-all",
       style: { "font-size": "16px" },
-      onInput: s[0] || (s[0] = (a) => o("update:modelValue", a.target.value))
+      onInput: s[0] || (s[0] = (i) => o("update:modelValue", i.target.value))
     }, null, 40, lo));
   }
-}), uo = { class: "flex gap-1.5 justify-center" }, ho = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], go = /* @__PURE__ */ j({
+}), uo = { class: "flex gap-1.5 justify-center" }, ho = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], go = /* @__PURE__ */ G({
   __name: "SelfInputOneTimeCode",
   props: {
     modelValue: {},
@@ -982,67 +982,67 @@ const io = /* @__PURE__ */ j({
     focusFirst: { type: Boolean }
   },
   emits: ["update:modelValue", "autoSubmit"],
-  setup(e, { emit: i }) {
-    const o = e, t = i, s = B([]), a = B(Array.from({ length: o.length }).fill("")), n = B(!1);
+  setup(e, { emit: a }) {
+    const o = e, t = a, s = j([]), i = j(Array.from({ length: o.length }).fill("")), n = j(!1);
     $e(() => {
-      o.modelValue && (a.value = o.modelValue.split("").slice(0, o.length)), o.focusFirst && !("ontouchstart" in window) && s.value[0]?.focus();
-    }), ie(() => o.modelValue, (u) => {
-      a.value = u ? u.split("").slice(0, o.length) : Array.from({ length: o.length }).fill("");
-    }), ie(a, () => {
-      const u = a.value.filter(Boolean).join("");
+      o.modelValue && (i.value = o.modelValue.split("").slice(0, o.length)), o.focusFirst && !("ontouchstart" in window) && s.value[0]?.focus();
+    }), ae(() => o.modelValue, (u) => {
+      i.value = u ? u.split("").slice(0, o.length) : Array.from({ length: o.length }).fill("");
+    }), ae(i, () => {
+      const u = i.value.filter(Boolean).join("");
       t("update:modelValue", u), u.length === o.length && t("autoSubmit", u);
     }, { deep: !0 });
-    function l(u, p) {
-      p.preventDefault(), n.value = !0;
-      const k = (p.clipboardData?.getData("text") || "").replace(/\D/g, "");
-      if (k.length === o.length)
-        a.value = k.split(""), setTimeout(() => {
+    function l(u, b) {
+      b.preventDefault(), n.value = !0;
+      const S = (b.clipboardData?.getData("text") || "").replace(/\D/g, "");
+      if (S.length === o.length)
+        i.value = S.split(""), setTimeout(() => {
           s.value[o.length - 1]?.focus(), n.value = !1;
         }, 10);
       else {
-        const b = [...a.value];
-        k.split("").slice(0, o.length - u).forEach((O, q) => {
-          b[u + q] = O;
-        }), a.value = b;
-        const z = Math.min(u + k.length, o.length - 1);
+        const I = [...i.value];
+        S.split("").slice(0, o.length - u).forEach((y, B) => {
+          I[u + B] = y;
+        }), i.value = I;
+        const A = Math.min(u + S.length, o.length - 1);
         setTimeout(() => {
-          s.value[z]?.focus(), n.value = !1;
+          s.value[A]?.focus(), n.value = !1;
         }, 10);
       }
     }
     r(l, "onPaste");
-    function d(u, p) {
-      const k = p.target.value.slice(-1).replace(/\D/g, "");
-      a.value[u] = k, k && u < o.length - 1 && s.value[u + 1]?.focus();
+    function d(u, b) {
+      const S = b.target.value.slice(-1).replace(/\D/g, "");
+      i.value[u] = S, S && u < o.length - 1 && s.value[u + 1]?.focus();
     }
     r(d, "onInput");
-    function C(u, p) {
-      p.key === "Backspace" ? (p.preventDefault(), a.value[u] = "", u > 0 && s.value[u - 1]?.focus()) : p.key === "ArrowLeft" && u > 0 ? s.value[u - 1]?.focus() : p.key === "ArrowRight" && u < o.length - 1 && s.value[u + 1]?.focus();
+    function w(u, b) {
+      b.key === "Backspace" ? (b.preventDefault(), i.value[u] = "", u > 0 && s.value[u - 1]?.focus()) : b.key === "ArrowLeft" && u > 0 ? s.value[u - 1]?.focus() : b.key === "ArrowRight" && u < o.length - 1 && s.value[u + 1]?.focus();
     }
-    r(C, "onKeydown");
+    r(w, "onKeydown");
     function m(u) {
-      if (s.value[u]?.select(), !n.value && a.value[u])
-        for (let p = u; p < o.length; p++)
-          a.value[p] = "";
+      if (s.value[u]?.select(), !n.value && i.value[u])
+        for (let b = u; b < o.length; b++)
+          i.value[b] = "";
     }
-    return r(m, "onFocus"), (u, p) => (f(), y("div", uo, [
-      (f(!0), y(Ce, null, Oe(e.length, (k) => kt((f(), y("input", {
-        key: k,
+    return r(m, "onFocus"), (u, b) => (f(), x("div", uo, [
+      (f(!0), x(Ce, null, Oe(e.length, (S) => kt((f(), x("input", {
+        key: S,
         ref_for: !0,
-        ref: /* @__PURE__ */ r((b) => s.value[k - 1] = b, "ref"),
-        "onUpdate:modelValue": /* @__PURE__ */ r((b) => a.value[k - 1] = b, "onUpdate:modelValue"),
+        ref: /* @__PURE__ */ r((I) => s.value[S - 1] = I, "ref"),
+        "onUpdate:modelValue": /* @__PURE__ */ r((I) => i.value[S - 1] = I, "onUpdate:modelValue"),
         type: "text",
         inputmode: "numeric",
         autocomplete: "one-time-code",
         class: "size-11 text-center font-mono text-theme-900 bg-white border border-white rounded-lg focus:outline-none transition-all",
         style: { "font-size": "16px" },
         maxlength: "1",
-        onInput: /* @__PURE__ */ r((b) => d(k - 1, b), "onInput"),
-        onKeydown: /* @__PURE__ */ r((b) => C(k - 1, b), "onKeydown"),
-        onPaste: /* @__PURE__ */ r((b) => l(k - 1, b), "onPaste"),
-        onFocus: /* @__PURE__ */ r((b) => m(k - 1), "onFocus")
+        onInput: /* @__PURE__ */ r((I) => d(S - 1, I), "onInput"),
+        onKeydown: /* @__PURE__ */ r((I) => w(S - 1, I), "onKeydown"),
+        onPaste: /* @__PURE__ */ r((I) => l(S - 1, I), "onPaste"),
+        onFocus: /* @__PURE__ */ r((I) => m(S - 1), "onFocus")
       }, null, 40, ho)), [
-        [wt, a.value[k - 1]]
+        [wt, i.value[S - 1]]
       ])), 128))
     ]));
   }
@@ -1055,21 +1055,21 @@ const io = /* @__PURE__ */ j({
 }, yo = {
   key: "code-field",
   class: "w-full"
-}, gt = /* @__PURE__ */ j({
+}, gt = /* @__PURE__ */ G({
   __name: "ElAuthGate",
   props: {
     sdk: {}
   },
   setup(e) {
-    const i = B({ email: "", code: "" }), o = B("email"), t = B(!1), s = {
+    const a = j({ email: "", code: "" }), o = j("email"), t = j(!1), s = {
       email: {
         title: "Enter Your Email",
-        button: { label: "Continue", disabled: /* @__PURE__ */ r(() => !i.value.email || t.value, "disabled") },
+        button: { label: "Continue", disabled: /* @__PURE__ */ r(() => !a.value.email || t.value, "disabled") },
         action: /* @__PURE__ */ r(async () => {
           if (!t.value) {
             t.value = !0;
             try {
-              await e.sdk.requestAuthCode({ email: i.value.email }) && (o.value = "code");
+              await e.sdk.requestAuthCode({ email: a.value.email }) && (o.value = "code");
             } finally {
               t.value = !1;
             }
@@ -1078,63 +1078,63 @@ const io = /* @__PURE__ */ j({
       },
       code: {
         title: "Enter Verification Code",
-        button: { label: "Verify", disabled: /* @__PURE__ */ r(() => i.value.code.length !== 6 || t.value, "disabled") },
+        button: { label: "Verify", disabled: /* @__PURE__ */ r(() => a.value.code.length !== 6 || t.value, "disabled") },
         action: /* @__PURE__ */ r(async () => {
           if (!t.value) {
             t.value = !0;
             try {
-              await e.sdk.loginWithCode({ email: i.value.email, code: i.value.code });
+              await e.sdk.loginWithCode({ email: a.value.email, code: a.value.code });
             } finally {
               t.value = !1;
             }
           }
         }, "action")
       }
-    }, a = E(() => s[o.value]);
-    return (n, l) => (f(), y("div", fo, [
+    }, i = T(() => s[o.value]);
+    return (n, l) => (f(), x("div", fo, [
       c("div", mo, [
-        e.sdk.error.value ? (f(), y("p", bo, U(e.sdk.error.value), 1)) : P("", !0),
-        c("h3", po, U(a.value.title), 1),
+        e.sdk.error.value ? (f(), x("p", bo, H(e.sdk.error.value), 1)) : F("", !0),
+        c("h3", po, H(i.value.title), 1),
         c("div", vo, [
-          G(io, null, {
+          O(ao, null, {
             default: ne(() => [
-              o.value === "email" ? (f(), y("div", xo, [
-                G(co, {
-                  modelValue: i.value.email,
-                  "onUpdate:modelValue": l[0] || (l[0] = (d) => i.value.email = d),
-                  onKeyup: Wt(a.value.action, ["enter"])
+              o.value === "email" ? (f(), x("div", xo, [
+                O(co, {
+                  modelValue: a.value.email,
+                  "onUpdate:modelValue": l[0] || (l[0] = (d) => a.value.email = d),
+                  onKeyup: Wt(i.value.action, ["enter"])
                 }, null, 8, ["modelValue", "onKeyup"])
-              ])) : (f(), y("div", yo, [
-                G(go, {
-                  modelValue: i.value.code,
-                  "onUpdate:modelValue": l[1] || (l[1] = (d) => i.value.code = d),
+              ])) : (f(), x("div", yo, [
+                O(go, {
+                  modelValue: a.value.code,
+                  "onUpdate:modelValue": l[1] || (l[1] = (d) => a.value.code = d),
                   length: 6,
                   "focus-first": !0,
-                  onAutoSubmit: a.value.action
+                  onAutoSubmit: i.value.action
                 }, null, 8, ["modelValue", "onAutoSubmit"])
               ])),
-              (f(), y("div", {
-                key: a.value.button.label,
+              (f(), x("div", {
+                key: i.value.button.label,
                 class: "space-y-4 w-full"
               }, [
-                G(ot, {
+                O(ot, {
                   theme: "primary",
                   size: "md",
                   class: "w-full",
                   loading: e.sdk.loading.value,
-                  disabled: a.value.button.disabled() || e.sdk.loading.value,
-                  onClick: a.value.action
+                  disabled: i.value.button.disabled() || e.sdk.loading.value,
+                  onClick: i.value.action
                 }, {
                   default: ne(() => [
-                    Pe(U(a.value.button.label), 1)
+                    Pe(H(i.value.button.label), 1)
                   ]),
                   _: 1
                 }, 8, ["loading", "disabled", "onClick"]),
-                o.value === "code" ? (f(), y("button", {
+                o.value === "code" ? (f(), x("button", {
                   key: 0,
                   class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
                   onClick: l[2] || (l[2] = (d) => o.value = "email")
-                }, " Change Email ")) : P("", !0)
+                }, " Change Email ")) : F("", !0)
               ]))
             ]),
             _: 1
@@ -1146,7 +1146,7 @@ const io = /* @__PURE__ */ j({
 }), ko = { class: "relative flex-shrink-0" }, wo = ["src", "alt"], Co = {
   key: 0,
   class: "absolute top-1 right-1"
-}, So = { class: "min-w-0" }, Mo = /* @__PURE__ */ j({
+}, So = { class: "min-w-0" }, Mo = /* @__PURE__ */ G({
   __name: "ElModeHeader",
   props: {
     self: {},
@@ -1155,119 +1155,119 @@ const io = /* @__PURE__ */ j({
     layout: { default: "centered" }
   },
   setup(e) {
-    function i() {
+    function a() {
       return e.self.avatar?.src ? e.self.avatar.src : He();
     }
-    return r(i, "getAvatarSrc"), (o, t) => (f(), y("div", {
-      class: $(["flex gap-4", [
+    return r(a, "getAvatarSrc"), (o, t) => (f(), x("div", {
+      class: E(["flex gap-4", [
         e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"
       ]])
     }, [
       c("div", ko, [
         c("div", {
-          class: $(["rounded-full overflow-hidden border-white", e.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"])
+          class: E(["rounded-full overflow-hidden border-white", e.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"])
         }, [
           c("img", {
-            src: i(),
+            src: a(),
             alt: e.self.name,
             class: "w-full h-full object-cover",
             onError: t[0] || (t[0] = //@ts-ignore
             (...s) => X(Ue) && X(Ue)(...s))
           }, null, 40, wo)
         ], 2),
-        e.showOnlineIndicator ? (f(), y("div", Co, [...t[1] || (t[1] = [
+        e.showOnlineIndicator ? (f(), x("div", Co, [...t[1] || (t[1] = [
           c("div", {
             class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
             style: { "animation-duration": "3s" }
           }, null, -1),
           c("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
-        ])])) : P("", !0)
+        ])])) : F("", !0)
       ]),
       c("div", So, [
         c("h1", {
-          class: $(["font-light text-white mb-1 truncate", [
+          class: E(["font-light text-white mb-1 truncate", [
             e.size === "lg" ? "text-3xl mb-2" : "text-xl sm:text-2xl tracking-wide leading-tight",
             e.layout === "horizontal" ? "text-white/95" : ""
           ]])
-        }, U(e.self.name), 3),
+        }, H(e.self.name), 3),
         c("p", {
-          class: $(["font-light line-clamp-1", [
+          class: E(["font-light line-clamp-1", [
             e.size === "lg" ? "text-base text-white/60" : "text-sm sm:text-base",
             e.layout === "horizontal" ? "text-white/70 truncate" : "text-white/60"
           ]])
-        }, U(e.layout === "horizontal" ? e.self.title || "Digital Self" : e.self.title), 3)
+        }, H(e.layout === "horizontal" ? e.self.title || "Digital Self" : e.self.title), 3)
       ])
     ], 2));
   }
 }), rt = "-", Ao = /* @__PURE__ */ r((e) => {
-  const i = $o(e), {
+  const a = $o(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: /* @__PURE__ */ r((n) => {
       const l = n.split(rt);
-      return l[0] === "" && l.length !== 1 && l.shift(), It(l, i) || Io(n);
+      return l[0] === "" && l.length !== 1 && l.shift(), It(l, a) || Io(n);
     }, "getClassGroupId"),
     getConflictingClassGroupIds: /* @__PURE__ */ r((n, l) => {
       const d = o[n] || [];
       return l && t[n] ? [...d, ...t[n]] : d;
     }, "getConflictingClassGroupIds")
   };
-}, "createClassGroupUtils"), It = /* @__PURE__ */ r((e, i) => {
+}, "createClassGroupUtils"), It = /* @__PURE__ */ r((e, a) => {
   if (e.length === 0)
-    return i.classGroupId;
-  const o = e[0], t = i.nextPart.get(o), s = t ? It(e.slice(1), t) : void 0;
+    return a.classGroupId;
+  const o = e[0], t = a.nextPart.get(o), s = t ? It(e.slice(1), t) : void 0;
   if (s)
     return s;
-  if (i.validators.length === 0)
+  if (a.validators.length === 0)
     return;
-  const a = e.join(rt);
-  return i.validators.find(({
+  const i = e.join(rt);
+  return a.validators.find(({
     validator: n
-  }) => n(a))?.classGroupId;
+  }) => n(i))?.classGroupId;
 }, "getGroupRecursive"), ft = /^\[(.+)\]$/, Io = /* @__PURE__ */ r((e) => {
   if (ft.test(e)) {
-    const i = ft.exec(e)[1], o = i?.substring(0, i.indexOf(":"));
+    const a = ft.exec(e)[1], o = a?.substring(0, a.indexOf(":"));
     if (o)
       return "arbitrary.." + o;
   }
 }, "getGroupIdForArbitraryProperty"), $o = /* @__PURE__ */ r((e) => {
   const {
-    theme: i,
+    theme: a,
     classGroups: o
   } = e, t = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
   for (const s in o)
-    Je(o[s], t, s, i);
+    Je(o[s], t, s, a);
   return t;
-}, "createClassMap"), Je = /* @__PURE__ */ r((e, i, o, t) => {
+}, "createClassMap"), Je = /* @__PURE__ */ r((e, a, o, t) => {
   e.forEach((s) => {
     if (typeof s == "string") {
-      const a = s === "" ? i : mt(i, s);
-      a.classGroupId = o;
+      const i = s === "" ? a : mt(a, s);
+      i.classGroupId = o;
       return;
     }
     if (typeof s == "function") {
       if (zo(s)) {
-        Je(s(t), i, o, t);
+        Je(s(t), a, o, t);
         return;
       }
-      i.validators.push({
+      a.validators.push({
         validator: s,
         classGroupId: o
       });
       return;
     }
-    Object.entries(s).forEach(([a, n]) => {
-      Je(n, mt(i, a), o, t);
+    Object.entries(s).forEach(([i, n]) => {
+      Je(n, mt(a, i), o, t);
     });
   });
-}, "processClassesRecursively"), mt = /* @__PURE__ */ r((e, i) => {
+}, "processClassesRecursively"), mt = /* @__PURE__ */ r((e, a) => {
   let o = e;
-  return i.split(rt).forEach((t) => {
+  return a.split(rt).forEach((t) => {
     o.nextPart.has(t) || o.nextPart.set(t, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
@@ -1281,55 +1281,55 @@ const io = /* @__PURE__ */ j({
       set: /* @__PURE__ */ r(() => {
       }, "set")
     };
-  let i = 0, o = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
-  const s = /* @__PURE__ */ r((a, n) => {
-    o.set(a, n), i++, i > e && (i = 0, t = o, o = /* @__PURE__ */ new Map());
+  let a = 0, o = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+  const s = /* @__PURE__ */ r((i, n) => {
+    o.set(i, n), a++, a > e && (a = 0, t = o, o = /* @__PURE__ */ new Map());
   }, "update");
   return {
-    get(a) {
-      let n = o.get(a);
+    get(i) {
+      let n = o.get(i);
       if (n !== void 0)
         return n;
-      if ((n = t.get(a)) !== void 0)
-        return s(a, n), n;
+      if ((n = t.get(i)) !== void 0)
+        return s(i, n), n;
     },
-    set(a, n) {
-      o.has(a) ? o.set(a, n) : s(a, n);
+    set(i, n) {
+      o.has(i) ? o.set(i, n) : s(i, n);
     }
   };
 }, "createLruCache"), Qe = "!", Xe = ":", To = Xe.length, Lo = /* @__PURE__ */ r((e) => {
   const {
-    prefix: i,
+    prefix: a,
     experimentalParseClassName: o
   } = e;
   let t = /* @__PURE__ */ r((s) => {
-    const a = [];
-    let n = 0, l = 0, d = 0, C;
-    for (let b = 0; b < s.length; b++) {
-      let z = s[b];
+    const i = [];
+    let n = 0, l = 0, d = 0, w;
+    for (let I = 0; I < s.length; I++) {
+      let A = s[I];
       if (n === 0 && l === 0) {
-        if (z === Xe) {
-          a.push(s.slice(d, b)), d = b + To;
+        if (A === Xe) {
+          i.push(s.slice(d, I)), d = I + To;
           continue;
         }
-        if (z === "/") {
-          C = b;
+        if (A === "/") {
+          w = I;
           continue;
         }
       }
-      z === "[" ? n++ : z === "]" ? n-- : z === "(" ? l++ : z === ")" && l--;
+      A === "[" ? n++ : A === "]" ? n-- : A === "(" ? l++ : A === ")" && l--;
     }
-    const m = a.length === 0 ? s : s.substring(d), u = Do(m), p = u !== m, k = C && C > d ? C - d : void 0;
+    const m = i.length === 0 ? s : s.substring(d), u = Do(m), b = u !== m, S = w && w > d ? w - d : void 0;
     return {
-      modifiers: a,
-      hasImportantModifier: p,
+      modifiers: i,
+      hasImportantModifier: b,
       baseClassName: u,
-      maybePostfixModifierPosition: k
+      maybePostfixModifierPosition: S
     };
   }, "parseClassName");
-  if (i) {
-    const s = i + Xe, a = t;
-    t = /* @__PURE__ */ r((n) => n.startsWith(s) ? a(n.substring(s.length)) : {
+  if (a) {
+    const s = a + Xe, i = t;
+    t = /* @__PURE__ */ r((n) => n.startsWith(s) ? i(n.substring(s.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
@@ -1339,123 +1339,123 @@ const io = /* @__PURE__ */ j({
   }
   if (o) {
     const s = t;
-    t = /* @__PURE__ */ r((a) => o({
-      className: a,
+    t = /* @__PURE__ */ r((i) => o({
+      className: i,
       parseClassName: s
     }), "parseClassName");
   }
   return t;
 }, "createParseClassName"), Do = /* @__PURE__ */ r((e) => e.endsWith(Qe) ? e.substring(0, e.length - 1) : e.startsWith(Qe) ? e.substring(1) : e, "stripImportantModifier"), Vo = /* @__PURE__ */ r((e) => {
-  const i = Object.fromEntries(e.orderSensitiveModifiers.map((t) => [t, !0]));
+  const a = Object.fromEntries(e.orderSensitiveModifiers.map((t) => [t, !0]));
   return /* @__PURE__ */ r((t) => {
     if (t.length <= 1)
       return t;
     const s = [];
-    let a = [];
+    let i = [];
     return t.forEach((n) => {
-      n[0] === "[" || i[n] ? (s.push(...a.sort(), n), a = []) : a.push(n);
-    }), s.push(...a.sort()), s;
+      n[0] === "[" || a[n] ? (s.push(...i.sort(), n), i = []) : i.push(n);
+    }), s.push(...i.sort()), s;
   }, "sortModifiers");
 }, "createSortModifiers"), Po = /* @__PURE__ */ r((e) => ({
   cache: Eo(e.cacheSize),
   parseClassName: Lo(e),
   sortModifiers: Vo(e),
   ...Ao(e)
-}), "createConfigUtils"), Fo = /\s+/, Bo = /* @__PURE__ */ r((e, i) => {
+}), "createConfigUtils"), Fo = /\s+/, Bo = /* @__PURE__ */ r((e, a) => {
   const {
     parseClassName: o,
     getClassGroupId: t,
     getConflictingClassGroupIds: s,
-    sortModifiers: a
-  } = i, n = [], l = e.trim().split(Fo);
+    sortModifiers: i
+  } = a, n = [], l = e.trim().split(Fo);
   let d = "";
-  for (let C = l.length - 1; C >= 0; C -= 1) {
-    const m = l[C], {
+  for (let w = l.length - 1; w >= 0; w -= 1) {
+    const m = l[w], {
       isExternal: u,
-      modifiers: p,
-      hasImportantModifier: k,
-      baseClassName: b,
-      maybePostfixModifierPosition: z
+      modifiers: b,
+      hasImportantModifier: S,
+      baseClassName: I,
+      maybePostfixModifierPosition: A
     } = o(m);
     if (u) {
       d = m + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let O = !!z, q = t(O ? b.substring(0, z) : b);
-    if (!q) {
-      if (!O) {
+    let y = !!A, B = t(y ? I.substring(0, A) : I);
+    if (!B) {
+      if (!y) {
         d = m + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (q = t(b), !q) {
+      if (B = t(I), !B) {
         d = m + (d.length > 0 ? " " + d : d);
         continue;
       }
-      O = !1;
+      y = !1;
     }
-    const ye = a(p).join(":"), ae = k ? ye + Qe : ye, le = ae + q;
-    if (n.includes(le))
+    const ie = i(b).join(":"), le = S ? ie + Qe : ie, ce = le + B;
+    if (n.includes(ce))
       continue;
-    n.push(le);
-    const me = s(q, O);
-    for (let W = 0; W < me.length; ++W) {
-      const ee = me[W];
-      n.push(ae + ee);
+    n.push(ce);
+    const be = s(B, y);
+    for (let q = 0; q < be.length; ++q) {
+      const ee = be[q];
+      n.push(le + ee);
     }
     d = m + (d.length > 0 ? " " + d : d);
   }
   return d;
 }, "mergeClassList");
 function No() {
-  let e = 0, i, o, t = "";
+  let e = 0, a, o, t = "";
   for (; e < arguments.length; )
-    (i = arguments[e++]) && (o = $t(i)) && (t && (t += " "), t += o);
+    (a = arguments[e++]) && (o = $t(a)) && (t && (t += " "), t += o);
   return t;
 }
 r(No, "twJoin");
 const $t = /* @__PURE__ */ r((e) => {
   if (typeof e == "string")
     return e;
-  let i, o = "";
+  let a, o = "";
   for (let t = 0; t < e.length; t++)
-    e[t] && (i = $t(e[t])) && (o && (o += " "), o += i);
+    e[t] && (a = $t(e[t])) && (o && (o += " "), o += a);
   return o;
 }, "toValue");
-function jo(e, ...i) {
-  let o, t, s, a = n;
+function jo(e, ...a) {
+  let o, t, s, i = n;
   function n(d) {
-    const C = i.reduce((m, u) => u(m), e());
-    return o = Po(C), t = o.cache.get, s = o.cache.set, a = l, l(d);
+    const w = a.reduce((m, u) => u(m), e());
+    return o = Po(w), t = o.cache.get, s = o.cache.set, i = l, l(d);
   }
   r(n, "initTailwindMerge");
   function l(d) {
-    const C = t(d);
-    if (C)
-      return C;
+    const w = t(d);
+    if (w)
+      return w;
     const m = Bo(d, o);
     return s(d, m), m;
   }
   return r(l, "tailwindMerge"), /* @__PURE__ */ r(function() {
-    return a(No.apply(null, arguments));
+    return i(No.apply(null, arguments));
   }, "callTailwindMerge");
 }
 r(jo, "createTailwindMerge");
-const R = /* @__PURE__ */ r((e) => {
-  const i = /* @__PURE__ */ r((o) => o[e] || [], "themeGetter");
-  return i.isThemeGetter = !0, i;
-}, "fromTheme"), zt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Et = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ro = /^\d+\/\d+$/, Go = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Uo = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Oo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ho = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Wo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ae = /* @__PURE__ */ r((e) => Ro.test(e), "isFraction"), I = /* @__PURE__ */ r((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), xe = /* @__PURE__ */ r((e) => !!e && Number.isInteger(Number(e)), "isInteger"), qe = /* @__PURE__ */ r((e) => e.endsWith("%") && I(e.slice(0, -1)), "isPercent"), fe = /* @__PURE__ */ r((e) => Go.test(e), "isTshirtSize"), qo = /* @__PURE__ */ r(() => !0, "isAny"), Ko = /* @__PURE__ */ r((e) => (
+const U = /* @__PURE__ */ r((e) => {
+  const a = /* @__PURE__ */ r((o) => o[e] || [], "themeGetter");
+  return a.isThemeGetter = !0, a;
+}, "fromTheme"), zt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Et = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ro = /^\d+\/\d+$/, Go = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Uo = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Oo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ho = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Wo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ae = /* @__PURE__ */ r((e) => Ro.test(e), "isFraction"), z = /* @__PURE__ */ r((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), ye = /* @__PURE__ */ r((e) => !!e && Number.isInteger(Number(e)), "isInteger"), qe = /* @__PURE__ */ r((e) => e.endsWith("%") && z(e.slice(0, -1)), "isPercent"), me = /* @__PURE__ */ r((e) => Go.test(e), "isTshirtSize"), qo = /* @__PURE__ */ r(() => !0, "isAny"), Ko = /* @__PURE__ */ r((e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Uo.test(e) && !Oo.test(e)
-), "isLengthOnly"), Tt = /* @__PURE__ */ r(() => !1, "isNever"), Zo = /* @__PURE__ */ r((e) => Ho.test(e), "isShadow"), _o = /* @__PURE__ */ r((e) => Wo.test(e), "isImage"), Yo = /* @__PURE__ */ r((e) => !v(e) && !x(e), "isAnyNonArbitrary"), Jo = /* @__PURE__ */ r((e) => ze(e, Vt, Tt), "isArbitrarySize"), v = /* @__PURE__ */ r((e) => zt.test(e), "isArbitraryValue"), we = /* @__PURE__ */ r((e) => ze(e, Pt, Ko), "isArbitraryLength"), Ke = /* @__PURE__ */ r((e) => ze(e, or, I), "isArbitraryNumber"), bt = /* @__PURE__ */ r((e) => ze(e, Lt, Tt), "isArbitraryPosition"), Qo = /* @__PURE__ */ r((e) => ze(e, Dt, _o), "isArbitraryImage"), Re = /* @__PURE__ */ r((e) => ze(e, Ft, Zo), "isArbitraryShadow"), x = /* @__PURE__ */ r((e) => Et.test(e), "isArbitraryVariable"), Ve = /* @__PURE__ */ r((e) => Ee(e, Pt), "isArbitraryVariableLength"), Xo = /* @__PURE__ */ r((e) => Ee(e, rr), "isArbitraryVariableFamilyName"), pt = /* @__PURE__ */ r((e) => Ee(e, Lt), "isArbitraryVariablePosition"), er = /* @__PURE__ */ r((e) => Ee(e, Vt), "isArbitraryVariableSize"), tr = /* @__PURE__ */ r((e) => Ee(e, Dt), "isArbitraryVariableImage"), Ge = /* @__PURE__ */ r((e) => Ee(e, Ft, !0), "isArbitraryVariableShadow"), ze = /* @__PURE__ */ r((e, i, o) => {
+), "isLengthOnly"), Tt = /* @__PURE__ */ r(() => !1, "isNever"), Zo = /* @__PURE__ */ r((e) => Ho.test(e), "isShadow"), Yo = /* @__PURE__ */ r((e) => Wo.test(e), "isImage"), _o = /* @__PURE__ */ r((e) => !p(e) && !v(e), "isAnyNonArbitrary"), Jo = /* @__PURE__ */ r((e) => ze(e, Vt, Tt), "isArbitrarySize"), p = /* @__PURE__ */ r((e) => zt.test(e), "isArbitraryValue"), we = /* @__PURE__ */ r((e) => ze(e, Pt, Ko), "isArbitraryLength"), Ke = /* @__PURE__ */ r((e) => ze(e, or, z), "isArbitraryNumber"), bt = /* @__PURE__ */ r((e) => ze(e, Lt, Tt), "isArbitraryPosition"), Qo = /* @__PURE__ */ r((e) => ze(e, Dt, Yo), "isArbitraryImage"), Re = /* @__PURE__ */ r((e) => ze(e, Ft, Zo), "isArbitraryShadow"), v = /* @__PURE__ */ r((e) => Et.test(e), "isArbitraryVariable"), Ve = /* @__PURE__ */ r((e) => Ee(e, Pt), "isArbitraryVariableLength"), Xo = /* @__PURE__ */ r((e) => Ee(e, rr), "isArbitraryVariableFamilyName"), pt = /* @__PURE__ */ r((e) => Ee(e, Lt), "isArbitraryVariablePosition"), er = /* @__PURE__ */ r((e) => Ee(e, Vt), "isArbitraryVariableSize"), tr = /* @__PURE__ */ r((e) => Ee(e, Dt), "isArbitraryVariableImage"), Ge = /* @__PURE__ */ r((e) => Ee(e, Ft, !0), "isArbitraryVariableShadow"), ze = /* @__PURE__ */ r((e, a, o) => {
   const t = zt.exec(e);
-  return t ? t[1] ? i(t[1]) : o(t[2]) : !1;
-}, "getIsArbitraryValue"), Ee = /* @__PURE__ */ r((e, i, o = !1) => {
+  return t ? t[1] ? a(t[1]) : o(t[2]) : !1;
+}, "getIsArbitraryValue"), Ee = /* @__PURE__ */ r((e, a, o = !1) => {
   const t = Et.exec(e);
-  return t ? t[1] ? i(t[1]) : o : !1;
+  return t ? t[1] ? a(t[1]) : o : !1;
 }, "getIsArbitraryVariable"), Lt = /* @__PURE__ */ r((e) => e === "position" || e === "percentage", "isLabelPosition"), Dt = /* @__PURE__ */ r((e) => e === "image" || e === "url", "isLabelImage"), Vt = /* @__PURE__ */ r((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), Pt = /* @__PURE__ */ r((e) => e === "length", "isLabelLength"), or = /* @__PURE__ */ r((e) => e === "number", "isLabelNumber"), rr = /* @__PURE__ */ r((e) => e === "family-name", "isLabelFamilyName"), Ft = /* @__PURE__ */ r((e) => e === "shadow", "isLabelShadow"), sr = /* @__PURE__ */ r(() => {
-  const e = R("color"), i = R("font"), o = R("text"), t = R("font-weight"), s = R("tracking"), a = R("leading"), n = R("breakpoint"), l = R("container"), d = R("spacing"), C = R("radius"), m = R("shadow"), u = R("inset-shadow"), p = R("text-shadow"), k = R("drop-shadow"), b = R("blur"), z = R("perspective"), O = R("aspect"), q = R("ease"), ye = R("animate"), ae = /* @__PURE__ */ r(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), le = /* @__PURE__ */ r(() => [
+  const e = U("color"), a = U("font"), o = U("text"), t = U("font-weight"), s = U("tracking"), i = U("leading"), n = U("breakpoint"), l = U("container"), d = U("spacing"), w = U("radius"), m = U("shadow"), u = U("inset-shadow"), b = U("text-shadow"), S = U("drop-shadow"), I = U("blur"), A = U("perspective"), y = U("aspect"), B = U("ease"), ie = U("animate"), le = /* @__PURE__ */ r(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), ce = /* @__PURE__ */ r(() => [
     "center",
     "top",
     "bottom",
@@ -1473,51 +1473,51 @@ const R = /* @__PURE__ */ r((e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], "scalePosition"), me = /* @__PURE__ */ r(() => [...le(), x, v], "scalePositionWithArbitrary"), W = /* @__PURE__ */ r(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), ee = /* @__PURE__ */ r(() => ["auto", "contain", "none"], "scaleOverscroll"), S = /* @__PURE__ */ r(() => [x, v, d], "scaleUnambiguousSpacing"), Y = /* @__PURE__ */ r(() => [Ae, "full", "auto", ...S()], "scaleInset"), Fe = /* @__PURE__ */ r(() => [xe, "none", "subgrid", x, v], "scaleGridTemplateColsRows"), Be = /* @__PURE__ */ r(() => ["auto", {
-    span: ["full", xe, x, v]
-  }, xe, x, v], "scaleGridColRowStartAndEnd"), Se = /* @__PURE__ */ r(() => [xe, "auto", x, v], "scaleGridColRowStartOrEnd"), Ne = /* @__PURE__ */ r(() => ["auto", "min", "max", "fr", x, v], "scaleGridAutoColsRows"), Te = /* @__PURE__ */ r(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), te = /* @__PURE__ */ r(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), _ = /* @__PURE__ */ r(() => ["auto", ...S()], "scaleMargin"), g = /* @__PURE__ */ r(() => [Ae, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...S()], "scaleSizing"), h = /* @__PURE__ */ r(() => [e, x, v], "scaleColor"), F = /* @__PURE__ */ r(() => [...le(), pt, bt, {
-    position: [x, v]
+  ], "scalePosition"), be = /* @__PURE__ */ r(() => [...ce(), v, p], "scalePositionWithArbitrary"), q = /* @__PURE__ */ r(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), ee = /* @__PURE__ */ r(() => ["auto", "contain", "none"], "scaleOverscroll"), C = /* @__PURE__ */ r(() => [v, p, d], "scaleUnambiguousSpacing"), _ = /* @__PURE__ */ r(() => [Ae, "full", "auto", ...C()], "scaleInset"), Fe = /* @__PURE__ */ r(() => [ye, "none", "subgrid", v, p], "scaleGridTemplateColsRows"), Be = /* @__PURE__ */ r(() => ["auto", {
+    span: ["full", ye, v, p]
+  }, ye, v, p], "scaleGridColRowStartAndEnd"), Se = /* @__PURE__ */ r(() => [ye, "auto", v, p], "scaleGridColRowStartOrEnd"), Ne = /* @__PURE__ */ r(() => ["auto", "min", "max", "fr", v, p], "scaleGridAutoColsRows"), Te = /* @__PURE__ */ r(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), te = /* @__PURE__ */ r(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), Y = /* @__PURE__ */ r(() => ["auto", ...C()], "scaleMargin"), g = /* @__PURE__ */ r(() => [Ae, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...C()], "scaleSizing"), h = /* @__PURE__ */ r(() => [e, v, p], "scaleColor"), N = /* @__PURE__ */ r(() => [...ce(), pt, bt, {
+    position: [v, p]
   }], "scaleBgPosition"), M = /* @__PURE__ */ r(() => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], "scaleBgRepeat"), A = /* @__PURE__ */ r(() => ["auto", "cover", "contain", er, Jo, {
-    size: [x, v]
-  }], "scaleBgSize"), H = /* @__PURE__ */ r(() => [qe, Ve, we], "scaleGradientStopPosition"), D = /* @__PURE__ */ r(() => [
+  }], "scaleBgRepeat"), $ = /* @__PURE__ */ r(() => ["auto", "cover", "contain", er, Jo, {
+    size: [v, p]
+  }], "scaleBgSize"), W = /* @__PURE__ */ r(() => [qe, Ve, we], "scaleGradientStopPosition"), V = /* @__PURE__ */ r(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    C,
-    x,
-    v
-  ], "scaleRadius"), V = /* @__PURE__ */ r(() => ["", I, Ve, we], "scaleBorderWidth"), K = /* @__PURE__ */ r(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), N = /* @__PURE__ */ r(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), T = /* @__PURE__ */ r(() => [I, qe, pt, bt], "scaleMaskImagePosition"), ce = /* @__PURE__ */ r(() => [
+    w,
+    v,
+    p
+  ], "scaleRadius"), P = /* @__PURE__ */ r(() => ["", z, Ve, we], "scaleBorderWidth"), K = /* @__PURE__ */ r(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), R = /* @__PURE__ */ r(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), L = /* @__PURE__ */ r(() => [z, qe, pt, bt], "scaleMaskImagePosition"), de = /* @__PURE__ */ r(() => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    b,
-    x,
-    v
-  ], "scaleBlur"), be = /* @__PURE__ */ r(() => ["none", I, x, v], "scaleRotate"), J = /* @__PURE__ */ r(() => ["none", I, x, v], "scaleScale"), pe = /* @__PURE__ */ r(() => [I, x, v], "scaleSkew"), ke = /* @__PURE__ */ r(() => [Ae, "full", ...S()], "scaleTranslate");
+    I,
+    v,
+    p
+  ], "scaleBlur"), pe = /* @__PURE__ */ r(() => ["none", z, v, p], "scaleRotate"), J = /* @__PURE__ */ r(() => ["none", z, v, p], "scaleScale"), ve = /* @__PURE__ */ r(() => [z, v, p], "scaleSkew"), ke = /* @__PURE__ */ r(() => [Ae, "full", ...C()], "scaleTranslate");
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [fe],
-      breakpoint: [fe],
+      blur: [me],
+      breakpoint: [me],
       color: [qo],
-      container: [fe],
-      "drop-shadow": [fe],
+      container: [me],
+      "drop-shadow": [me],
       ease: ["in", "out", "in-out"],
-      font: [Yo],
+      font: [_o],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [fe],
+      "inset-shadow": [me],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [fe],
-      shadow: [fe],
-      spacing: ["px", I],
-      text: [fe],
-      "text-shadow": [fe],
+      radius: [me],
+      shadow: [me],
+      spacing: ["px", z],
+      text: [me],
+      "text-shadow": [me],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -1529,7 +1529,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Ae, v, x, O]
+        aspect: ["auto", "square", Ae, p, v, y]
       }],
       /**
        * Container
@@ -1542,21 +1542,21 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [I, v, x, l]
+        columns: [z, p, v, l]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": ae()
+        "break-after": le()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": ae()
+        "break-before": le()
       }],
       /**
        * Break Inside
@@ -1620,28 +1620,28 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: me()
+        object: be()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: W()
+        overflow: q()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": W()
+        "overflow-x": q()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": W()
+        "overflow-y": q()
       }],
       /**
        * Overscroll Behavior
@@ -1674,63 +1674,63 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: Y()
+        inset: _()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": Y()
+        "inset-x": _()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": Y()
+        "inset-y": _()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: Y()
+        start: _()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: Y()
+        end: _()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: Y()
+        top: _()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: Y()
+        right: _()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: Y()
+        bottom: _()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: Y()
+        left: _()
       }],
       /**
        * Visibility
@@ -1742,7 +1742,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [xe, "auto", x, v]
+        z: [ye, "auto", v, p]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -1752,7 +1752,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Ae, "full", "auto", l, ...S()]
+        basis: [Ae, "full", "auto", l, ...C()]
       }],
       /**
        * Flex Direction
@@ -1773,28 +1773,28 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [I, Ae, "auto", "initial", "none", v]
+        flex: [z, Ae, "auto", "initial", "none", p]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", I, x, v]
+        grow: ["", z, v, p]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", I, x, v]
+        shrink: ["", z, v, p]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [xe, "first", "last", "none", x, v]
+        order: [ye, "first", "last", "none", v, p]
       }],
       /**
        * Grid Template Columns
@@ -1878,21 +1878,21 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: S()
+        gap: C()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": S()
+        "gap-x": C()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": S()
+        "gap-y": C()
       }],
       /**
        * Justify Content
@@ -1967,133 +1967,133 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: S()
+        p: C()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: S()
+        px: C()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: S()
+        py: C()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: S()
+        ps: C()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: S()
+        pe: C()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: S()
+        pt: C()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: S()
+        pr: C()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: S()
+        pb: C()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: S()
+        pl: C()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: _()
+        m: Y()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: _()
+        mx: Y()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: _()
+        my: Y()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: _()
+        ms: Y()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: _()
+        me: Y()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: _()
+        mt: Y()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: _()
+        mr: Y()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: _()
+        mb: Y()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: _()
+        ml: Y()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": S()
+        "space-x": C()
       }],
       /**
        * Space Between X Reverse
@@ -2105,7 +2105,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": S()
+        "space-y": C()
       }],
       /**
        * Space Between Y Reverse
@@ -2206,21 +2206,21 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [t, x, Ke]
+        font: [t, v, Ke]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", qe, v]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", qe, p]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Xo, v, i]
+        font: [Xo, p, a]
       }],
       /**
        * Font Variant Numeric
@@ -2257,14 +2257,14 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, x, v]
+        tracking: [s, v, p]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [I, "none", x, Ke]
+        "line-clamp": [z, "none", v, Ke]
       }],
       /**
        * Line Height
@@ -2273,8 +2273,8 @@ const R = /* @__PURE__ */ r((e) => {
       leading: [{
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          a,
-          ...S()
+          i,
+          ...C()
         ]
       }],
       /**
@@ -2282,7 +2282,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", x, v]
+        "list-image": ["none", v, p]
       }],
       /**
        * List Style Position
@@ -2296,7 +2296,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", x, v]
+        list: ["disc", "decimal", "none", v, p]
       }],
       /**
        * Text Alignment
@@ -2337,7 +2337,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [I, "from-font", "auto", x, we]
+        decoration: [z, "from-font", "auto", v, we]
       }],
       /**
        * Text Decoration Color
@@ -2351,7 +2351,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [I, "auto", x, v]
+        "underline-offset": [z, "auto", v, p]
       }],
       /**
        * Text Transform
@@ -2375,14 +2375,14 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: S()
+        indent: C()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", x, v]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", v, p]
       }],
       /**
        * Whitespace
@@ -2417,7 +2417,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", x, v]
+        content: ["none", v, p]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -2448,7 +2448,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: F()
+        bg: N()
       }],
       /**
        * Background Repeat
@@ -2462,7 +2462,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: A()
+        bg: $()
       }],
       /**
        * Background Image
@@ -2472,9 +2472,9 @@ const R = /* @__PURE__ */ r((e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, xe, x, v],
-          radial: ["", x, v],
-          conic: [xe, x, v]
+          }, ye, v, p],
+          radial: ["", v, p],
+          conic: [ye, v, p]
         }, tr, Qo]
       }],
       /**
@@ -2489,21 +2489,21 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: H()
+        from: W()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: H()
+        via: W()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: H()
+        to: W()
       }],
       /**
        * Gradient Color Stops From
@@ -2534,175 +2534,175 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: D()
+        rounded: V()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": D()
+        "rounded-s": V()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": D()
+        "rounded-e": V()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": D()
+        "rounded-t": V()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": D()
+        "rounded-r": V()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": D()
+        "rounded-b": V()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": D()
+        "rounded-l": V()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": D()
+        "rounded-ss": V()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": D()
+        "rounded-se": V()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": D()
+        "rounded-ee": V()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": D()
+        "rounded-es": V()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": D()
+        "rounded-tl": V()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": D()
+        "rounded-tr": V()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": D()
+        "rounded-br": V()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": D()
+        "rounded-bl": V()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: V()
+        border: P()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": V()
+        "border-x": P()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": V()
+        "border-y": P()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": V()
+        "border-s": P()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": V()
+        "border-e": P()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": V()
+        "border-t": P()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": V()
+        "border-r": P()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": V()
+        "border-b": P()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": V()
+        "border-l": P()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": V()
+        "divide-x": P()
       }],
       /**
        * Divide Width X Reverse
@@ -2714,7 +2714,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": V()
+        "divide-y": P()
       }],
       /**
        * Divide Width Y Reverse
@@ -2817,14 +2817,14 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [I, x, v]
+        "outline-offset": [z, v, p]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", I, Ve, we]
+        outline: ["", z, Ve, we]
       }],
       /**
        * Outline Color
@@ -2876,7 +2876,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: V()
+        ring: P()
       }],
       /**
        * Ring Width Inset
@@ -2899,7 +2899,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [I, we]
+        "ring-offset": [z, we]
       }],
       /**
        * Ring Offset Color
@@ -2915,7 +2915,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": V()
+        "inset-ring": P()
       }],
       /**
        * Inset Ring Color
@@ -2929,7 +2929,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", p, Ge, Re]
+        "text-shadow": ["none", b, Ge, Re]
       }],
       /**
        * Text Shadow Color
@@ -2943,21 +2943,21 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [I, x, v]
+        opacity: [z, v, p]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...N(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...R(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": N()
+        "bg-blend": R()
       }],
       /**
        * Mask Clip
@@ -2978,13 +2978,13 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [I]
+        "mask-linear": [z]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": T()
+        "mask-linear-from": L()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": T()
+        "mask-linear-to": L()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": h()
@@ -2993,10 +2993,10 @@ const R = /* @__PURE__ */ r((e) => {
         "mask-linear-to": h()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": T()
+        "mask-t-from": L()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": T()
+        "mask-t-to": L()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": h()
@@ -3005,10 +3005,10 @@ const R = /* @__PURE__ */ r((e) => {
         "mask-t-to": h()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": T()
+        "mask-r-from": L()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": T()
+        "mask-r-to": L()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": h()
@@ -3017,10 +3017,10 @@ const R = /* @__PURE__ */ r((e) => {
         "mask-r-to": h()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": T()
+        "mask-b-from": L()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": T()
+        "mask-b-to": L()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": h()
@@ -3029,10 +3029,10 @@ const R = /* @__PURE__ */ r((e) => {
         "mask-b-to": h()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": T()
+        "mask-l-from": L()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": T()
+        "mask-l-to": L()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": h()
@@ -3041,10 +3041,10 @@ const R = /* @__PURE__ */ r((e) => {
         "mask-l-to": h()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": T()
+        "mask-x-from": L()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": T()
+        "mask-x-to": L()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": h()
@@ -3053,10 +3053,10 @@ const R = /* @__PURE__ */ r((e) => {
         "mask-x-to": h()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": T()
+        "mask-y-from": L()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": T()
+        "mask-y-to": L()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": h()
@@ -3065,13 +3065,13 @@ const R = /* @__PURE__ */ r((e) => {
         "mask-y-to": h()
       }],
       "mask-image-radial": [{
-        "mask-radial": [x, v]
+        "mask-radial": [v, p]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": T()
+        "mask-radial-from": L()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": T()
+        "mask-radial-to": L()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": h()
@@ -3089,16 +3089,16 @@ const R = /* @__PURE__ */ r((e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": le()
+        "mask-radial-at": ce()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [I]
+        "mask-conic": [z]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": T()
+        "mask-conic-from": L()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": T()
+        "mask-conic-to": L()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": h()
@@ -3125,7 +3125,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: F()
+        mask: N()
       }],
       /**
        * Mask Repeat
@@ -3139,7 +3139,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: A()
+        mask: $()
       }],
       /**
        * Mask Type
@@ -3153,7 +3153,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", x, v]
+        mask: ["none", v, p]
       }],
       // ---------------
       // --- Filters ---
@@ -3167,8 +3167,8 @@ const R = /* @__PURE__ */ r((e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          x,
-          v
+          v,
+          p
         ]
       }],
       /**
@@ -3176,21 +3176,21 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: ce()
+        blur: de()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [I, x, v]
+        brightness: [z, v, p]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [I, x, v]
+        contrast: [z, v, p]
       }],
       /**
        * Drop Shadow
@@ -3201,7 +3201,7 @@ const R = /* @__PURE__ */ r((e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          k,
+          S,
           Ge,
           Re
         ]
@@ -3218,35 +3218,35 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", I, x, v]
+        grayscale: ["", z, v, p]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [I, x, v]
+        "hue-rotate": [z, v, p]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", I, x, v]
+        invert: ["", z, v, p]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [I, x, v]
+        saturate: [z, v, p]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", I, x, v]
+        sepia: ["", z, v, p]
       }],
       /**
        * Backdrop Filter
@@ -3257,8 +3257,8 @@ const R = /* @__PURE__ */ r((e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          x,
-          v
+          v,
+          p
         ]
       }],
       /**
@@ -3266,63 +3266,63 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": ce()
+        "backdrop-blur": de()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [I, x, v]
+        "backdrop-brightness": [z, v, p]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [I, x, v]
+        "backdrop-contrast": [z, v, p]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", I, x, v]
+        "backdrop-grayscale": ["", z, v, p]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [I, x, v]
+        "backdrop-hue-rotate": [z, v, p]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", I, x, v]
+        "backdrop-invert": ["", z, v, p]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [I, x, v]
+        "backdrop-opacity": [z, v, p]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [I, x, v]
+        "backdrop-saturate": [z, v, p]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", I, x, v]
+        "backdrop-sepia": ["", z, v, p]
       }],
       // --------------
       // --- Tables ---
@@ -3339,21 +3339,21 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": S()
+        "border-spacing": C()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": S()
+        "border-spacing-x": C()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": S()
+        "border-spacing-y": C()
       }],
       /**
        * Table Layout
@@ -3377,7 +3377,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", x, v]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", v, p]
       }],
       /**
        * Transition Behavior
@@ -3391,28 +3391,28 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [I, "initial", x, v]
+        duration: [z, "initial", v, p]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", q, x, v]
+        ease: ["linear", "initial", B, v, p]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [I, x, v]
+        delay: [z, v, p]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", ye, x, v]
+        animate: ["none", ie, v, p]
       }],
       // ------------------
       // --- Transforms ---
@@ -3429,42 +3429,42 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [z, x, v]
+        perspective: [A, v, p]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": me()
+        "perspective-origin": be()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: be()
+        rotate: pe()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": be()
+        "rotate-x": pe()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": be()
+        "rotate-y": pe()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": be()
+        "rotate-z": pe()
       }],
       /**
        * Scale
@@ -3504,35 +3504,35 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: pe()
+        skew: ve()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": pe()
+        "skew-x": ve()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": pe()
+        "skew-y": ve()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [x, v, "", "none", "gpu", "cpu"]
+        transform: [v, p, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: me()
+        origin: be()
       }],
       /**
        * Transform Style
@@ -3610,7 +3610,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", x, v]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", v, p]
       }],
       /**
        * Field Sizing
@@ -3645,126 +3645,126 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": S()
+        "scroll-m": C()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": S()
+        "scroll-mx": C()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": S()
+        "scroll-my": C()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": S()
+        "scroll-ms": C()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": S()
+        "scroll-me": C()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": S()
+        "scroll-mt": C()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": S()
+        "scroll-mr": C()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": S()
+        "scroll-mb": C()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": S()
+        "scroll-ml": C()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": S()
+        "scroll-p": C()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": S()
+        "scroll-px": C()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": S()
+        "scroll-py": C()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": S()
+        "scroll-ps": C()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": S()
+        "scroll-pe": C()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": S()
+        "scroll-pt": C()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": S()
+        "scroll-pr": C()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": S()
+        "scroll-pb": C()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": S()
+        "scroll-pl": C()
       }],
       /**
        * Scroll Snap Align
@@ -3832,7 +3832,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", x, v]
+        "will-change": ["auto", "scroll", "contents", "transform", v, p]
       }],
       // -----------
       // --- SVG ---
@@ -3849,7 +3849,7 @@ const R = /* @__PURE__ */ r((e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [I, Ve, we, Ke]
+        stroke: [z, Ve, we, Ke]
       }],
       /**
        * Stroke
@@ -4210,10 +4210,10 @@ const R = /* @__PURE__ */ r((e) => {
       icon: "text-red-600 dark:text-red-400"
     }
   }
-}, ir = {
+}, ar = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, ar = /* @__PURE__ */ j({
+}, ir = /* @__PURE__ */ G({
   __name: "FButton",
   props: {
     theme: { default: "default" },
@@ -4228,20 +4228,20 @@ const R = /* @__PURE__ */ r((e) => {
     class: { default: "" }
   },
   setup(e) {
-    const i = E(() => ({
+    const a = T(() => ({
       icon: typeof e.icon == "string" ? e.icon : e.icon?.className,
       iconAfter: typeof e.iconAfter == "string" ? e.iconAfter : e.iconAfter?.className
-    })), o = E(() => e.href ? "a" : e.tag), t = E(() => ({
+    })), o = T(() => e.href ? "a" : e.tag), t = T(() => ({
       xxs: "size-2.5",
       xs: "size-3",
       sm: "size-3.5",
       md: "size-4",
       lg: "size-5",
       xl: "size-6"
-    })[e.size]), s = E(() => {
+    })[e.size]), s = T(() => {
       const l = vt[e.theme]?.[e.design] || vt.default[e.design];
       return l || console.warn(`FButton: No theme configuration found for theme "${e.theme}" and design "${e.design}". Falling back to default solid theme.`), l || { base: "", border: "", hover: "", icon: "" };
-    }), a = E(() => {
+    }), i = T(() => {
       const l = "relative inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 focus:outline-none active:opacity-80 cursor-pointer", d = {
         xxs: "px-2 py-0.5 text-[10px]",
         xs: "px-3 py-1 text-[11px]",
@@ -4249,45 +4249,45 @@ const R = /* @__PURE__ */ r((e) => {
         md: "px-4 py-2 text-sm",
         lg: "px-6 py-3 text-base",
         xl: "px-8 py-4 text-base"
-      }, C = e.design === "link" ? "!px-1" : "", m = {
+      }, w = e.design === "link" ? "!px-1" : "", m = {
         md: "rounded-md",
         lg: "rounded-lg",
         full: "rounded-full"
-      }, u = s.value, p = [
+      }, u = s.value, b = [
         l,
         d[e.size],
-        C,
+        w,
         m[e.rounding],
         u.base,
         `border ${u.border}`,
         u.hover
       ].filter(Boolean).join(" ");
-      return nr(p, e.class);
-    }), n = E(() => ({
+      return nr(b, e.class);
+    }), n = T(() => ({
       design: s.value.icon || ""
     }));
     return (l, d) => (f(), se(qt(o.value), {
       href: e.href,
-      class: $(a.value)
+      class: E(i.value)
     }, {
       default: ne(() => [
-        e.loading ? (f(), y("div", ir, [
-          G(tt, {
-            class: $(t.value)
+        e.loading ? (f(), x("div", ar, [
+          O(tt, {
+            class: E(t.value)
           }, null, 8, ["class"])
-        ])) : P("", !0),
+        ])) : F("", !0),
         c("span", {
-          class: $(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"])
+          class: E(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"])
         }, [
-          i.value.icon ? (f(), y("span", {
+          a.value.icon ? (f(), x("span", {
             key: 0,
-            class: $(["flex items-center size-[1.1em] mt-[-.07em]", [i.value.icon, n.value]])
-          }, null, 2)) : P("", !0),
+            class: E(["flex items-center size-[1.1em] mt-[-.07em]", [a.value.icon, n.value]])
+          }, null, 2)) : F("", !0),
           Ie(l.$slots, "default"),
-          i.value.iconAfter ? (f(), y("span", {
+          a.value.iconAfter ? (f(), x("span", {
             key: 1,
-            class: $(["flex items-center size-[1.1em] mt-[-.07em]", [i.value.iconAfter, n.value]])
-          }, null, 2)) : P("", !0)
+            class: E(["flex items-center size-[1.1em] mt-[-.07em]", [a.value.iconAfter, n.value]])
+          }, null, 2)) : F("", !0)
         ], 2)
       ]),
       _: 3
@@ -4305,13 +4305,13 @@ const R = /* @__PURE__ */ r((e) => {
 }, mr = { class: "text-sm text-white/70 leading-relaxed" }, br = {
   key: 3,
   class: "space-y-3"
-}, pr = { class: "grid grid-cols-2 gap-3" }, vr = /* @__PURE__ */ j({
+}, pr = { class: "grid grid-cols-2 gap-3" }, vr = /* @__PURE__ */ G({
   __name: "ElSelfAbout",
   props: {
     self: {}
   },
   setup(e) {
-    const i = E(() => [
+    const a = T(() => [
       {
         key: "email",
         condition: /* @__PURE__ */ r(() => !!e.self.email, "condition"),
@@ -4358,27 +4358,27 @@ const R = /* @__PURE__ */ r((e) => {
         }), "generate")
       }
     ].filter((t) => t.condition()).map((t) => t.generate()));
-    return (o, t) => (f(), y("div", lr, [
+    return (o, t) => (f(), x("div", lr, [
       c("div", cr, [
-        e.self.headline ? (f(), y("div", dr, [
+        e.self.headline ? (f(), x("div", dr, [
           t[0] || (t[0] = c("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Professional Tagline ", -1)),
-          c("div", ur, U(e.self.headline), 1)
-        ])) : P("", !0),
-        e.self.summary ? (f(), y("div", hr, [
+          c("div", ur, H(e.self.headline), 1)
+        ])) : F("", !0),
+        e.self.summary ? (f(), x("div", hr, [
           t[1] || (t[1] = c("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " About ", -1)),
           c("div", {
             class: "text-sm text-white/70 leading-relaxed",
             innerHTML: e.self.summary
           }, null, 8, gr)
-        ])) : P("", !0),
-        e.self.entityType === "company" ? (f(), y("div", fr, [
+        ])) : F("", !0),
+        e.self.entityType === "company" ? (f(), x("div", fr, [
           t[2] || (t[2] = c("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
-          c("p", mr, " This is a company digital self representing " + U(e.self.name) + ". ", 1)
-        ])) : P("", !0),
-        i.value.length > 0 ? (f(), y("div", br, [
+          c("p", mr, " This is a company digital self representing " + H(e.self.name) + ". ", 1)
+        ])) : F("", !0),
+        a.value.length > 0 ? (f(), x("div", br, [
           t[3] || (t[3] = c("h3", { class: "text-sm font-medium text-white/90" }, " Connect ", -1)),
           c("div", pr, [
-            (f(!0), y(Ce, null, Oe(i.value, (s) => (f(), se(ar, {
+            (f(!0), x(Ce, null, Oe(a.value, (s) => (f(), se(ir, {
               key: s.title,
               design: "ghost",
               theme: "default",
@@ -4389,14 +4389,14 @@ const R = /* @__PURE__ */ r((e) => {
             }, {
               default: ne(() => [
                 c("i", {
-                  class: $([s.icon, "size-4 mr-2"])
+                  class: E([s.icon, "size-4 mr-2"])
                 }, null, 2),
-                Pe(" " + U(s.title), 1)
+                Pe(" " + H(s.title), 1)
               ]),
               _: 2
             }, 1032, ["href"]))), 128))
           ])
-        ])) : P("", !0)
+        ])) : F("", !0)
       ])
     ]));
   }
@@ -4409,19 +4409,19 @@ const R = /* @__PURE__ */ r((e) => {
 }, wr = ["src", "alt"], Cr = { class: "max-w-[70%]" }, Sr = { class: "text-sm leading-[1.5] whitespace-pre-wrap break-words" }, Mr = {
   key: 0,
   class: "flex gap-2 justify-start items-end mb-4"
-}, Ar = { class: "flex-shrink-0" }, Ir = ["src", "alt"], $r = { class: "flex-shrink-0 pt-6 pb-2" }, zr = ["placeholder", "disabled"], Er = /* @__PURE__ */ j({
+}, Ar = { class: "flex-shrink-0" }, Ir = ["src", "alt"], $r = { class: "flex-shrink-0 pt-6 pb-2" }, zr = ["placeholder", "disabled"], Er = /* @__PURE__ */ G({
   __name: "ElSelfChat",
   props: {
     selfController: {},
     self: {}
   },
   setup(e) {
-    const i = B(""), o = B(), t = B(), s = E(() => _e(e.self));
-    function a(m, u) {
-      const p = m[u], k = m[u + 1];
-      return !k || k.sender !== p.sender;
+    const a = j(""), o = j(), t = j(), s = T(() => Ye(e.self));
+    function i(m, u) {
+      const b = m[u], S = m[u + 1];
+      return !S || S.sender !== b.sender;
     }
-    r(a, "shouldShowAvatar"), $e(async () => {
+    r(i, "shouldShowAvatar"), $e(async () => {
       if (e.selfController && !e.selfController.textState.value.isConnected)
         try {
           await e.selfController.startTextConversation();
@@ -4430,10 +4430,10 @@ const R = /* @__PURE__ */ r((e) => {
         }
     });
     async function n() {
-      if (!i.value.trim() || !e.selfController || !e.selfController.textState.value.isConnected)
+      if (!a.value.trim() || !e.selfController || !e.selfController.textState.value.isConnected)
         return;
-      const m = i.value;
-      i.value = "", t.value && (t.value.style.height = "auto", t.value.focus());
+      const m = a.value;
+      a.value = "", t.value && (t.value.style.height = "auto", t.value.focus());
       try {
         await e.selfController.sendChatMessage(m), d();
       } catch (u) {
@@ -4452,51 +4452,51 @@ const R = /* @__PURE__ */ r((e) => {
       });
     }
     r(d, "scrollToBottom");
-    function C() {
+    function w() {
       if (!t.value)
         return;
       t.value.style.height = "auto";
       const m = Math.min(t.value.scrollHeight, 150);
       t.value.style.height = `${m}px`;
     }
-    return r(C, "adjustTextareaHeight"), ie(i, () => {
-      We(() => C());
-    }), ie(() => e.selfController?.sharedMessages.value, (m) => {
+    return r(w, "adjustTextareaHeight"), ae(a, () => {
+      We(() => w());
+    }), ae(() => e.selfController?.sharedMessages.value, (m) => {
       m && m.length > 0 && We(() => d());
-    }, { immediate: !0, deep: !0 }), (m, u) => (f(), y("div", xr, [
-      e.selfController?.textState.value.connectionStatus !== "connected" ? (f(), y("div", yr, [
-        G(tt, { class: "size-4" })
-      ])) : P("", !0),
+    }, { immediate: !0, deep: !0 }), (m, u) => (f(), x("div", xr, [
+      e.selfController?.textState.value.connectionStatus !== "connected" ? (f(), x("div", yr, [
+        O(tt, { class: "size-4" })
+      ])) : F("", !0),
       c("div", {
         ref_key: "messagesContainer",
         ref: o,
         class: "flex-1 overflow-y-auto overflow-x-hidden py-8 space-y-1 min-h-0 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
       }, [
-        (f(!0), y(Ce, null, Oe(e.selfController?.sharedMessages.value.filter((p) => p.sender !== "system") ?? [], (p, k) => (f(), y("div", {
-          key: p.id,
-          class: $(["flex gap-2 items-end", {
-            "justify-end": p.sender === "user",
-            "justify-start": p.sender === "agent",
-            "mb-4": a(e.selfController?.sharedMessages.value.filter((b) => b.sender !== "system") ?? [], k)
+        (f(!0), x(Ce, null, Oe(e.selfController?.sharedMessages.value.filter((b) => b.sender !== "system") ?? [], (b, S) => (f(), x("div", {
+          key: b.id,
+          class: E(["flex gap-2 items-end", {
+            "justify-end": b.sender === "user",
+            "justify-start": b.sender === "agent",
+            "mb-4": i(e.selfController?.sharedMessages.value.filter((I) => I.sender !== "system") ?? [], S)
           }])
         }, [
-          p.sender === "agent" ? (f(), y("div", kr, [
-            a(e.selfController?.sharedMessages.value.filter((b) => b.sender !== "system") ?? [], k) ? (f(), y("img", {
+          b.sender === "agent" ? (f(), x("div", kr, [
+            i(e.selfController?.sharedMessages.value.filter((I) => I.sender !== "system") ?? [], S) ? (f(), x("img", {
               key: 0,
               src: s.value,
               alt: e.self.name,
               class: "size-7 rounded-full object-cover"
-            }, null, 8, wr)) : P("", !0)
-          ])) : P("", !0),
+            }, null, 8, wr)) : F("", !0)
+          ])) : F("", !0),
           c("div", Cr, [
             c("div", {
-              class: $(["rounded-2xl px-3.5 py-1.5 backdrop-blur-sm", p.sender === "user" ? "bg-primary-500/80 text-white" : "bg-white/15 text-white/95"])
+              class: E(["rounded-2xl px-3.5 py-1.5 backdrop-blur-sm", b.sender === "user" ? "bg-primary-500/80 text-white" : "bg-white/15 text-white/95"])
             }, [
-              c("p", Sr, U(p.text), 1)
+              c("p", Sr, H(b.text), 1)
             ], 2)
           ])
         ], 2))), 128)),
-        e.selfController?.textState.value.isThinking ? (f(), y("div", Mr, [
+        e.selfController?.textState.value.isThinking ? (f(), x("div", Mr, [
           c("div", Ar, [
             c("img", {
               src: s.value,
@@ -4507,13 +4507,13 @@ const R = /* @__PURE__ */ r((e) => {
           u[1] || (u[1] = c("div", { class: "rounded-2xl px-4 py-2.5 bg-white/15 backdrop-blur-sm flex items-center" }, [
             c("i", { class: "i-svg-spinners-3-dots-fade size-6 text-white/70" })
           ], -1))
-        ])) : P("", !0)
+        ])) : F("", !0)
       ], 512),
       c("div", $r, [
         kt(c("textarea", {
           ref_key: "textarea",
           ref: t,
-          "onUpdate:modelValue": u[0] || (u[0] = (p) => i.value = p),
+          "onUpdate:modelValue": u[0] || (u[0] = (b) => a.value = b),
           rows: "1",
           placeholder: e.selfController?.textState.value.isConnected ? "Message" : "Connecting...",
           disabled: !e.selfController?.textState.value.isConnected,
@@ -4521,26 +4521,26 @@ const R = /* @__PURE__ */ r((e) => {
           class: "w-full bg-white/10 backdrop-blur-sm border border-white/20 rounded-3xl px-5 py-3 text-white placeholder-white/50 focus:outline-none focus:border-white/40 disabled:opacity-50 overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
           onKeydown: l
         }, null, 40, zr), [
-          [wt, i.value]
+          [wt, a.value]
         ]),
         u[2] || (u[2] = c("div", { class: "text-[10px] text-white/40 text-center mt-2" }, " Press Enter to send, Shift+Enter for new line ", -1))
       ])
     ]));
   }
-}), Tr = { class: "flex flex-col items-center text-center gap-4" }, Lr = { class: "relative flex-shrink-0" }, Dr = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Vr = ["src", "alt"], Pr = { class: "min-w-0" }, Fr = { class: "text-3xl font-light text-white mb-2 truncate" }, Br = { class: "text-base font-light text-white/60 line-clamp-1" }, Nr = /* @__PURE__ */ j({
+}), Tr = { class: "flex flex-col items-center text-center gap-4" }, Lr = { class: "relative flex-shrink-0" }, Dr = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Vr = ["src", "alt"], Pr = { class: "min-w-0" }, Fr = { class: "text-3xl font-light text-white mb-2 truncate" }, Br = { class: "text-base font-light text-white/60 line-clamp-1" }, Nr = /* @__PURE__ */ G({
   __name: "ElSelfHeader",
   props: {
     self: {}
   },
   setup(e) {
-    function i() {
+    function a() {
       return e.self.avatar?.src ? e.self.avatar.src : He();
     }
-    return r(i, "getAvatarSrc"), (o, t) => (f(), y("div", Tr, [
+    return r(a, "getAvatarSrc"), (o, t) => (f(), x("div", Tr, [
       c("div", Lr, [
         c("div", Dr, [
           c("img", {
-            src: i(),
+            src: a(),
             alt: e.self.name,
             class: "w-full h-full object-cover",
             onError: t[0] || (t[0] = //@ts-ignore
@@ -4556,33 +4556,33 @@ const R = /* @__PURE__ */ r((e) => {
         ], -1))
       ]),
       c("div", Pr, [
-        c("h1", Fr, U(e.self.name), 1),
-        c("p", Br, U(e.self.title), 1)
+        c("h1", Fr, H(e.self.name), 1),
+        c("p", Br, H(e.self.title), 1)
       ])
     ]));
   }
-}), jr = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Rr = /* @__PURE__ */ j({
+}), jr = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Rr = /* @__PURE__ */ G({
   name: "FClose",
   __name: "FClose",
   emits: ["click"],
   setup(e) {
-    const i = B(!1);
+    const a = j(!1);
     return $e(() => {
       setTimeout(() => {
-        i.value = !0;
+        a.value = !0;
       }, 100);
-    }), (o, t) => (f(), y("a", {
+    }), (o, t) => (f(), x("a", {
       class: "close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90",
       onClick: t[0] || (t[0] = (s) => o.$emit("click", s))
     }, [
       t[1] || (t[1] = c("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)),
       c("span", jr, [
         c("span", {
-          class: $(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", i.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
+          class: E(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", a.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
           style: { "background-color": "currentColor", "transition-delay": "0.15s" }
         }, null, 2),
         c("span", {
-          class: $(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", i.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
+          class: E(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", a.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
           style: { "background-color": "currentColor", "transition-delay": "0.45s" }
         }, null, 2)
       ])
@@ -4597,7 +4597,7 @@ const R = /* @__PURE__ */ r((e) => {
 }, Hr = ["disabled", "onClick"], Wr = { class: "flex items-center gap-3" }, qr = { class: "flex-1" }, Kr = {
   key: 0,
   class: "text-xs text-white/50 mt-0.5"
-}, Zr = { class: "p-6" }, Bt = /* @__PURE__ */ j({
+}, Zr = { class: "p-6" }, Bt = /* @__PURE__ */ G({
   name: "ElSidebar",
   __name: "ElSidebar",
   props: {
@@ -4608,16 +4608,16 @@ const R = /* @__PURE__ */ r((e) => {
     widthClasses: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const o = e, t = i, s = o.position || "left", a = o.widthClasses || "w-[80%] max-w-[300px]", n = E({
+  setup(e, { emit: a }) {
+    const o = e, t = a, s = o.position || "left", i = o.widthClasses || "w-[80%] max-w-[300px]", n = T({
       get: /* @__PURE__ */ r(() => o.modelValue, "get"),
       set: /* @__PURE__ */ r((m) => t("update:modelValue", m), "set")
-    }), l = E(() => o.items.filter((m) => !m.isHidden));
+    }), l = T(() => o.items.filter((m) => !m.isHidden));
     function d(m) {
       m.isDisabled || (m.onClick ? m.onClick({ item: m, event: new MouseEvent("click") }) : m.href && (m.href.includes("http") ? window.open(m.href, m.target || "_self")?.focus() : window.location.href = m.href), n.value = !1);
     }
     r(d, "handleItemClick");
-    const C = E(() => s === "left" ? {
+    const w = T(() => s === "left" ? {
       enter: "-translate-x-full",
       leave: "-translate-x-full",
       position: "justify-start",
@@ -4628,8 +4628,8 @@ const R = /* @__PURE__ */ r((e) => {
       position: "justify-end",
       closeButton: "-left-16"
     });
-    return (m, u) => (f(), y(Ce, null, [
-      G(ct, {
+    return (m, u) => (f(), x(Ce, null, [
+      O(ct, {
         "enter-active-class": "transition-opacity duration-300 ease-out",
         "leave-active-class": "transition-opacity duration-200 ease-in",
         "enter-from-class": "opacity-0",
@@ -4638,47 +4638,47 @@ const R = /* @__PURE__ */ r((e) => {
         "leave-to-class": "opacity-0"
       }, {
         default: ne(() => [
-          n.value ? (f(), y("div", {
+          n.value ? (f(), x("div", {
             key: 0,
             class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
-            onClick: u[0] || (u[0] = (p) => n.value = !1)
-          })) : P("", !0)
+            onClick: u[0] || (u[0] = (b) => n.value = !1)
+          })) : F("", !0)
         ]),
         _: 1
       }),
-      G(ct, {
+      O(ct, {
         "enter-active-class": "transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)]",
         "leave-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
-        "enter-from-class": C.value.enter,
+        "enter-from-class": w.value.enter,
         "enter-to-class": "translate-x-0",
         "leave-from-class": "translate-x-0",
-        "leave-to-class": C.value.leave
+        "leave-to-class": w.value.leave
       }, {
         default: ne(() => [
-          n.value ? (f(), y("div", {
+          n.value ? (f(), x("div", {
             key: 0,
-            class: $(["absolute inset-0 z-50 flex", C.value.position]),
-            onClick: u[3] || (u[3] = (p) => n.value = !1)
+            class: E(["absolute inset-0 z-50 flex", w.value.position]),
+            onClick: u[3] || (u[3] = (b) => n.value = !1)
           }, [
             c("div", {
-              class: $(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", X(a)]),
+              class: E(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", X(i)]),
               onClick: u[2] || (u[2] = Ct(() => {
               }, ["stop"]))
             }, [
-              G(Rr, {
-                class: $(["absolute top-4 z-10 text-white", C.value.closeButton]),
-                onClick: u[1] || (u[1] = (p) => n.value = !1)
+              O(Rr, {
+                class: E(["absolute top-4 z-10 text-white", w.value.closeButton]),
+                onClick: u[1] || (u[1] = (b) => n.value = !1)
               }, null, 8, ["class"]),
-              e.title ? (f(), y("div", Gr, [
-                c("h3", Ur, U(e.title), 1)
-              ])) : P("", !0),
-              m.$slots.header ? (f(), y("div", Or, [
+              e.title ? (f(), x("div", Gr, [
+                c("h3", Ur, H(e.title), 1)
+              ])) : F("", !0),
+              m.$slots.header ? (f(), x("div", Or, [
                 Ie(m.$slots, "header")
-              ])) : P("", !0),
+              ])) : F("", !0),
               c("div", {
-                class: $(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !m.$slots.header, "pt-4": e.title || m.$slots.header }])
+                class: E(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !m.$slots.header, "pt-4": e.title || m.$slots.header }])
               }, [
-                G(yt, {
+                O(yt, {
                   "enter-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
                   "leave-active-class": "transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)]",
                   "enter-from-class": X(s) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
@@ -4687,29 +4687,29 @@ const R = /* @__PURE__ */ r((e) => {
                   "leave-to-class": X(s) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
                 }, {
                   default: ne(() => [
-                    (f(!0), y(Ce, null, Oe(l.value, (p, k) => (f(), y("button", {
-                      key: p.key || p.label || k,
-                      style: et({ transitionDelay: `${k * 40}ms` }),
-                      class: $(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
-                        p.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10",
-                        p.isDisabled && "opacity-50 cursor-not-allowed"
+                    (f(!0), x(Ce, null, Oe(l.value, (b, S) => (f(), x("button", {
+                      key: b.key || b.label || S,
+                      style: et({ transitionDelay: `${S * 40}ms` }),
+                      class: E(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
+                        b.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10",
+                        b.isDisabled && "opacity-50 cursor-not-allowed"
                       ]]),
-                      disabled: p.isDisabled,
-                      onClick: /* @__PURE__ */ r((b) => d(p), "onClick")
+                      disabled: b.isDisabled,
+                      onClick: /* @__PURE__ */ r((I) => d(b), "onClick")
                     }, [
                       c("div", Wr, [
-                        p.icon?.src ? (f(), y("i", {
+                        b.icon?.src ? (f(), x("i", {
                           key: 0,
-                          class: $(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [
-                            p.icon.src,
-                            p.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"
+                          class: E(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [
+                            b.icon.src,
+                            b.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"
                           ]])
-                        }, null, 2)) : P("", !0),
+                        }, null, 2)) : F("", !0),
                         c("div", qr, [
                           c("div", {
-                            class: $(["font-medium text-sm", p.isActive ? "text-primary-300" : "text-white"])
-                          }, U(p.label), 3),
-                          p.subLabel ? (f(), y("div", Kr, U(p.subLabel), 1)) : P("", !0)
+                            class: E(["font-medium text-sm", b.isActive ? "text-primary-300" : "text-white"])
+                          }, H(b.label), 3),
+                          b.subLabel ? (f(), x("div", Kr, H(b.subLabel), 1)) : F("", !0)
                         ])
                       ])
                     ], 14, Hr))), 128))
@@ -4732,13 +4732,13 @@ const R = /* @__PURE__ */ r((e) => {
                 ])
               ])
             ], 2)
-          ], 2)) : P("", !0)
+          ], 2)) : F("", !0)
         ]),
         _: 3
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 64));
   }
-}), _r = /* @__PURE__ */ j({
+}), Yr = /* @__PURE__ */ G({
   name: "SelfModeSidebar",
   __name: "ElSelfModeSidebar",
   props: {
@@ -4746,29 +4746,29 @@ const R = /* @__PURE__ */ r((e) => {
     selfController: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const o = e, t = i, s = E({
+  setup(e, { emit: a }) {
+    const o = e, t = a, s = T({
       get: /* @__PURE__ */ r(() => o.modelValue, "get"),
       set: /* @__PURE__ */ r((l) => t("update:modelValue", l), "set")
-    }), a = E(() => o.selfController?.agentMode?.value ?? "self"), n = E(() => At.map((l) => ({
+    }), i = T(() => o.selfController?.agentMode?.value ?? "self"), n = T(() => At.map((l) => ({
       key: l.mode,
       icon: { src: l.icon },
       label: l.label,
-      isActive: a.value === l.mode,
+      isActive: i.value === l.mode,
       onClick: /* @__PURE__ */ r(() => {
         o.selfController?.setMode(l.mode);
       }, "onClick")
     })));
     return (l, d) => (f(), se(Bt, {
       modelValue: s.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (C) => s.value = C),
+      "onUpdate:modelValue": d[0] || (d[0] = (w) => s.value = w),
       items: n.value,
       position: "right",
       title: "Mode",
       "width-classes": "w-[80%] max-w-[255px]"
     }, null, 8, ["modelValue", "items"]));
   }
-}), Yr = /* @__PURE__ */ j({
+}), _r = /* @__PURE__ */ G({
   name: "SelfSidebar",
   __name: "ElSelfSidebar",
   props: {
@@ -4778,11 +4778,11 @@ const R = /* @__PURE__ */ r((e) => {
     title: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const o = e, t = i, s = E({
+  setup(e, { emit: a }) {
+    const o = e, t = a, s = T({
       get: /* @__PURE__ */ r(() => o.modelValue, "get"),
       set: /* @__PURE__ */ r((n) => t("update:modelValue", n), "set")
-    }), a = E(() => {
+    }), i = T(() => {
       const n = [
         {
           key: "share",
@@ -4822,12 +4822,12 @@ const R = /* @__PURE__ */ r((e) => {
     return (n, l) => (f(), se(Bt, {
       modelValue: s.value,
       "onUpdate:modelValue": l[0] || (l[0] = (d) => s.value = d),
-      items: a.value,
+      items: i.value,
       position: "left",
       title: e.title || "Menu"
     }, null, 8, ["modelValue", "items", "title"]));
   }
-}), Jr = { class: "w-full max-w-full flex items-center justify-center" }, Qr = 0.25, Xr = 0.35, xt = 500, es = 0.15, ts = 0.4, os = /* @__PURE__ */ j({
+}), Jr = { class: "w-full max-w-full flex items-center justify-center" }, Qr = 0.25, Xr = 0.35, xt = 500, es = 0.15, ts = 0.4, os = /* @__PURE__ */ G({
   __name: "FAudioVisualizer",
   props: {
     audioState: {},
@@ -4837,11 +4837,11 @@ const R = /* @__PURE__ */ r((e) => {
     enableGlow: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const i = e, o = {
+    const a = e, o = {
       sm: { bars: 68, barWidth: 2, barSpacing: 1, minHeight: 3, maxHeight: 40 },
       md: { bars: 68, barWidth: 3, barSpacing: 1, minHeight: 4, maxHeight: 80 },
       lg: { bars: 68, barWidth: 4, barSpacing: 2, minHeight: 5, maxHeight: 120 }
-    }, t = E(() => o[i.size]), s = [
+    }, t = T(() => o[a.size]), s = [
       85,
       100,
       120,
@@ -4910,21 +4910,21 @@ const R = /* @__PURE__ */ r((e) => {
       7500,
       8e3,
       8500
-    ], a = B();
+    ], i = j();
     let n = null, l = null;
-    const d = B(!1), C = B(!0), m = /* @__PURE__ */ new Map();
-    let u, p, k, b, z, O, q;
-    function ye(g) {
+    const d = j(!1), w = j(!0), m = /* @__PURE__ */ new Map();
+    let u, b, S, I, A, y, B;
+    function ie(g) {
       const { minHeight: h } = t.value;
-      u = new Float32Array(g).fill(h), p = new Float32Array(g).fill(0), k = new Float32Array(g).fill(h), b = new Float32Array(g).fill(h), z = new Float32Array(g).fill(h), O = new Float32Array(g).fill(0), q = new Float32Array(g).fill(0);
+      u = new Float32Array(g).fill(h), b = new Float32Array(g).fill(0), S = new Float32Array(g).fill(h), I = new Float32Array(g).fill(h), A = new Float32Array(g).fill(h), y = new Float32Array(g).fill(0), B = new Float32Array(g).fill(0);
     }
-    r(ye, "initPhysicsArrays");
-    const ae = E(() => {
-      if (i.color !== "auto")
-        return i.color;
-      const g = i.audioState?.mode ?? "idle";
+    r(ie, "initPhysicsArrays");
+    const le = T(() => {
+      if (a.color !== "auto")
+        return a.color;
+      const g = a.audioState?.mode ?? "idle";
       return g === "listening" ? "blue" : g === "processing" ? "cyan" : g === "speaking" ? "green" : "gray";
-    }), le = {
+    }), ce = {
       blue: {
         primary: [59, 130, 246],
         // User speaking
@@ -4946,89 +4946,89 @@ const R = /* @__PURE__ */ r((e) => {
         glow: "rgba(156,163,175,0.2)"
       }
     };
-    function me(g) {
+    function be(g) {
       return g < 200 ? { stiffnessMultiplier: 0.7, dampingMultiplier: 1.2 } : g < 1e3 ? { stiffnessMultiplier: 1, dampingMultiplier: 1 } : g < 4e3 ? { stiffnessMultiplier: 1.3, dampingMultiplier: 0.8 } : { stiffnessMultiplier: 1.5, dampingMultiplier: 0.6 };
     }
-    r(me, "getFrequencyPhysics");
-    let W = 1;
+    r(be, "getFrequencyPhysics");
+    let q = 1;
     function ee() {
-      if (!a.value)
+      if (!i.value)
         return;
-      typeof window < "u" && (W = Math.max(1, Math.min(2, window.devicePixelRatio || 1)));
-      const { bars: g, barWidth: h, barSpacing: F, maxHeight: M } = t.value, A = (h + F) * g - F, H = M;
-      a.value.width = Math.floor(A * W), a.value.height = Math.floor(H * W), a.value.style.width = `${A}px`, a.value.style.height = `${H}px`, n && n.setTransform(W, 0, 0, W, 0, 0), Te();
+      typeof window < "u" && (q = Math.max(1, Math.min(2, window.devicePixelRatio || 1)));
+      const { bars: g, barWidth: h, barSpacing: N, maxHeight: M } = t.value, $ = (h + N) * g - N, W = M;
+      i.value.width = Math.floor($ * q), i.value.height = Math.floor(W * q), i.value.style.width = `${$}px`, i.value.style.height = `${W}px`, n && n.setTransform(q, 0, 0, q, 0, 0), Te();
     }
     r(ee, "resizeCanvas");
-    function S(g) {
-      return Array.from({ length: s.length }, (F, M) => {
-        const A = s[M], D = Math.floor(A / 12e3 * g.length), V = Math.max(1, Math.floor(g.length / s.length / 2));
+    function C(g) {
+      return Array.from({ length: s.length }, (N, M) => {
+        const $ = s[M], V = Math.floor($ / 12e3 * g.length), P = Math.max(1, Math.floor(g.length / s.length / 2));
         let K = 0;
-        for (let J = 0; J < V && D + J < g.length; J++)
-          K += g[D + J];
-        K = K / V / 255;
-        let N = 1;
-        A < 150 ? N = 0.1 : A < 200 ? N = 0.3 : A >= 400 && A <= 600 ? N = 1.4 : A >= 1400 && A <= 1600 ? N = 1.3 : A >= 2400 && A <= 2600 ? N = 1.2 : A >= 200 && A <= 2e3 ? N = 1.1 : A >= 2e3 && A <= 4e3 ? N = 0.9 : A > 6e3 ? N = 0.4 : N = 0.7;
-        const be = K ** 0.5 * 0.6 * N;
-        return Math.min(0.85, be);
+        for (let J = 0; J < P && V + J < g.length; J++)
+          K += g[V + J];
+        K = K / P / 255;
+        let R = 1;
+        $ < 150 ? R = 0.1 : $ < 200 ? R = 0.3 : $ >= 400 && $ <= 600 ? R = 1.4 : $ >= 1400 && $ <= 1600 ? R = 1.3 : $ >= 2400 && $ <= 2600 ? R = 1.2 : $ >= 200 && $ <= 2e3 ? R = 1.1 : $ >= 2e3 && $ <= 4e3 ? R = 0.9 : $ > 6e3 ? R = 0.4 : R = 0.7;
+        const pe = K ** 0.5 * 0.6 * R;
+        return Math.min(0.85, pe);
       });
     }
-    r(S, "mapFrequencyDataToBands");
-    function Y(g) {
+    r(C, "mapFrequencyDataToBands");
+    function _(g) {
       const h = Array.from({ length: s.length }, () => 0);
       if (g <= 0)
         return h;
-      for (let F = 0; F < s.length; F++) {
-        const M = s[F];
-        let A = 0;
-        M >= 400 && M <= 600 ? A = g * 0.9 : M >= 1400 && M <= 1600 ? A = g * 0.8 : M >= 2400 && M <= 2600 ? A = g * 0.7 : M >= 200 && M <= 2e3 ? A = g * 0.6 : M >= 85 && M <= 300 ? A = g * 0.4 : A = g * 0.2, A *= 0.8 + Math.random() * 0.4, h[F] = Math.max(0, Math.min(1, A));
+      for (let N = 0; N < s.length; N++) {
+        const M = s[N];
+        let $ = 0;
+        M >= 400 && M <= 600 ? $ = g * 0.9 : M >= 1400 && M <= 1600 ? $ = g * 0.8 : M >= 2400 && M <= 2600 ? $ = g * 0.7 : M >= 200 && M <= 2e3 ? $ = g * 0.6 : M >= 85 && M <= 300 ? $ = g * 0.4 : $ = g * 0.2, $ *= 0.8 + Math.random() * 0.4, h[N] = Math.max(0, Math.min(1, $));
       }
       return h;
     }
-    r(Y, "generateIntensityBasedBands");
-    function Fe(g, h, F) {
-      if (!i.enableWaveMotion || typeof window > "u")
+    r(_, "generateIntensityBasedBands");
+    function Fe(g, h, N) {
+      if (!a.enableWaveMotion || typeof window > "u")
         return g;
-      const M = performance.now() * 1e-3, A = [...g];
-      for (let H = 0; H < g.length; H++) {
-        const D = H * (2 * Math.PI) / g.length;
-        let V = 0;
-        if (F === "listening" || F === "speaking") {
-          const N = Math.sin(M * 4.2 + D * 0.6 - M * 2) * 0.15, T = Math.sin(M * 6.8 + D * 1.2 - M * 1.5) * 0.08, ce = Math.sin(M * 0.8) * 0.05;
-          V = N + T + ce;
-        } else if (F === "processing") {
-          const N = Math.sin(M * 3 + D * 0.5 - M * 1.5) * 0.12, T = Math.sin(M * 5 + D * 0.8 - M * 1.2) * 0.06, ce = Math.sin(M * 0.6) * 0.04;
-          V = N + T + ce;
-        } else if (F === "connected") {
-          const N = Math.sin(M * 0.6) * 0.1, T = Math.sin(M * 2 + D * 0.3) * 0.05;
-          V = N + T;
+      const M = performance.now() * 1e-3, $ = [...g];
+      for (let W = 0; W < g.length; W++) {
+        const V = W * (2 * Math.PI) / g.length;
+        let P = 0;
+        if (N === "listening" || N === "speaking") {
+          const R = Math.sin(M * 4.2 + V * 0.6 - M * 2) * 0.15, L = Math.sin(M * 6.8 + V * 1.2 - M * 1.5) * 0.08, de = Math.sin(M * 0.8) * 0.05;
+          P = R + L + de;
+        } else if (N === "processing") {
+          const R = Math.sin(M * 3 + V * 0.5 - M * 1.5) * 0.12, L = Math.sin(M * 5 + V * 0.8 - M * 1.2) * 0.06, de = Math.sin(M * 0.6) * 0.04;
+          P = R + L + de;
+        } else if (N === "connected") {
+          const R = Math.sin(M * 0.6) * 0.1, L = Math.sin(M * 2 + V * 0.3) * 0.05;
+          P = R + L;
         } else {
-          const N = Math.sin(M * 1.5 + D) * 0.12, T = Math.sin(M * 0.4) * 0.05;
-          V = N + T;
+          const R = Math.sin(M * 1.5 + V) * 0.12, L = Math.sin(M * 0.4) * 0.05;
+          P = R + L;
         }
         const K = Math.max(0.3, h);
-        A[H] = Math.max(0, Math.min(0.9, g[H] + V * K));
+        $[W] = Math.max(0, Math.min(0.9, g[W] + P * K));
       }
-      return A;
+      return $;
     }
     r(Fe, "addWaveMotionOverlay");
     function Be() {
-      const g = i.audioState;
+      const g = a.audioState;
       if (!g)
         return Array.from({ length: s.length }, () => 0);
       let h = [];
       if (g.getFrequencyData) {
         const M = g.getFrequencyData();
-        M && M.length > 0 && Array.from(M).some((H) => H > 5) && (h = S(M));
+        M && M.length > 0 && Array.from(M).some((W) => W > 5) && (h = C(M));
       }
       if (!h.length) {
         const M = g.mode === "listening" ? g.inputLevel ?? 0 : g.mode === "speaking" ? g.outputLevel ?? 0 : g.mode === "connected" ? 0.02 : 0;
-        h = Y(M);
+        h = _(M);
       }
-      const F = Math.max(
+      const N = Math.max(
         g.inputLevel ?? 0,
         g.outputLevel ?? 0
       );
-      return Fe(h, F, g.mode);
+      return Fe(h, N, g.mode);
     }
     r(Be, "generateFrequencyBands");
     function Se() {
@@ -5047,62 +5047,62 @@ const R = /* @__PURE__ */ r((e) => {
     }
     r(Te, "clearGradientCache");
     function te() {
-      if (typeof window > "u" || !n || !a.value)
+      if (typeof window > "u" || !n || !i.value)
         return;
       Se();
-      const g = a.value, { bars: h, barWidth: F, barSpacing: M, minHeight: A, maxHeight: H } = t.value, D = g.width / W, V = g.height / W;
-      function K(N) {
+      const g = i.value, { bars: h, barWidth: N, barSpacing: M, minHeight: $, maxHeight: W } = t.value, V = g.width / q, P = g.height / q;
+      function K(R) {
         if (!n)
           return;
-        if (!C.value) {
+        if (!w.value) {
           l = requestAnimationFrame(K);
           return;
         }
-        n.clearRect(0, 0, D, V);
-        const T = Be(), ce = 0.3;
-        for (let w = 0; w < h; w++) {
-          const ge = A + T[w] * (H - A);
-          b[w] = b[w] + ce * (ge - b[w]), k[w] = b[w];
+        n.clearRect(0, 0, V, P);
+        const L = Be(), de = 0.3;
+        for (let k = 0; k < h; k++) {
+          const fe = $ + L[k] * (W - $);
+          I[k] = I[k] + de * (fe - I[k]), S[k] = I[k];
         }
-        const be = 16.67;
-        for (let w = 0; w < h; w++) {
-          const ge = s[w], oe = me(ge), re = k[w] - u[w], ve = Qr * oe.stiffnessMultiplier, Me = Xr * oe.dampingMultiplier, Q = re * ve - p[w] * Me;
-          if (p[w] += Q, u[w] += p[w], u[w] > z[w])
-            z[w] = u[w], O[w] = xt, q[w] = 0;
-          else if (O[w] = Math.max(0, O[w] - be), O[w] <= 0) {
-            const De = (Math.max(A, u[w] * 1.1) - z[w]) * es - q[w] * ts;
-            q[w] += De, z[w] = Math.max(A, z[w] + q[w]);
+        const pe = 16.67;
+        for (let k = 0; k < h; k++) {
+          const fe = s[k], oe = be(fe), re = S[k] - u[k], xe = Qr * oe.stiffnessMultiplier, Me = Xr * oe.dampingMultiplier, Q = re * xe - b[k] * Me;
+          if (b[k] += Q, u[k] += b[k], u[k] > A[k])
+            A[k] = u[k], y[k] = xt, B[k] = 0;
+          else if (y[k] = Math.max(0, y[k] - pe), y[k] <= 0) {
+            const De = (Math.max($, u[k] * 1.1) - A[k]) * es - B[k] * ts;
+            B[k] += De, A[k] = Math.max($, A[k] + B[k]);
           }
         }
-        const J = h * 0.15, pe = i.audioState?.mode ?? "idle";
-        if ((pe === "listening" || pe === "speaking") && i.enableGlow && !d.value) {
-          const w = performance.now() * 1e-3, ge = 0.1 + Math.sin(w * 2) * 0.05;
-          n.save(), n.globalCompositeOperation = "lighter", n.globalAlpha = ge;
-          const oe = le[ae.value];
+        const J = h * 0.15, ve = a.audioState?.mode ?? "idle";
+        if ((ve === "listening" || ve === "speaking") && a.enableGlow && !d.value) {
+          const k = performance.now() * 1e-3, fe = 0.1 + Math.sin(k * 2) * 0.05;
+          n.save(), n.globalCompositeOperation = "lighter", n.globalAlpha = fe;
+          const oe = ce[le.value];
           n.fillStyle = oe.glow;
           for (let re = 0; re < h; re++) {
-            const ve = re * (F + M), Me = u[re], Q = V - Me;
-            n.beginPath(), n.roundRect(ve - 1, Q - 1, F + 2, Me + 2, [2, 2, 0, 0]), n.fill();
+            const xe = re * (N + M), Me = u[re], Q = P - Me;
+            n.beginPath(), n.roundRect(xe - 1, Q - 1, N + 2, Me + 2, [2, 2, 0, 0]), n.fill();
           }
           n.restore();
         }
-        const ke = le[ae.value], [de, ue, he] = ke.primary;
-        for (let w = 0; w < h; w++) {
-          const ge = w * (F + M), oe = u[w], re = V - oe, ve = s[w], Me = Math.min(w, h - 1 - w), Q = Math.min(1, Me / J), Le = Math.min(1, oe / H), De = (0.8 + Le * 0.2) * Q, it = (0.6 + Le * 0.2) * Q, at = (0.3 + Le * 0.1) * Q, Nt = Math.round(Le * 10) / 10, jt = Math.round(Q * 10) / 10, Rt = `${ae.value}-${Nt}-${jt}-${oe}`, Gt = Ne(Rt, () => {
+        const ke = ce[le.value], [ue, he, ge] = ke.primary;
+        for (let k = 0; k < h; k++) {
+          const fe = k * (N + M), oe = u[k], re = P - oe, xe = s[k], Me = Math.min(k, h - 1 - k), Q = Math.min(1, Me / J), Le = Math.min(1, oe / W), De = (0.8 + Le * 0.2) * Q, at = (0.6 + Le * 0.2) * Q, it = (0.3 + Le * 0.1) * Q, Nt = Math.round(Le * 10) / 10, jt = Math.round(Q * 10) / 10, Rt = `${le.value}-${Nt}-${jt}-${oe}`, Gt = Ne(Rt, () => {
             const Z = n.createLinearGradient(0, re, 0, re + oe);
-            if (pe === "speaking")
-              Z.addColorStop(0, `rgba(${de}, ${ue}, ${he}, ${De})`), Z.addColorStop(0.5, `rgba(${de}, ${ue}, ${he}, ${it})`), Z.addColorStop(1, `rgba(${de}, ${ue}, ${he}, ${at})`), (ve >= 400 && ve <= 600 || ve >= 1400 && ve <= 1600) && Z.addColorStop(0, `rgba(74, 222, 128, ${Math.min(1, De + 0.2)})`);
-            else if (pe === "listening")
-              Z.addColorStop(0, `rgba(${de}, ${ue}, ${he}, ${De})`), Z.addColorStop(0.5, `rgba(${de}, ${ue}, ${he}, ${it})`), Z.addColorStop(1, `rgba(${de}, ${ue}, ${he}, ${at})`);
+            if (ve === "speaking")
+              Z.addColorStop(0, `rgba(${ue}, ${he}, ${ge}, ${De})`), Z.addColorStop(0.5, `rgba(${ue}, ${he}, ${ge}, ${at})`), Z.addColorStop(1, `rgba(${ue}, ${he}, ${ge}, ${it})`), (xe >= 400 && xe <= 600 || xe >= 1400 && xe <= 1600) && Z.addColorStop(0, `rgba(74, 222, 128, ${Math.min(1, De + 0.2)})`);
+            else if (ve === "listening")
+              Z.addColorStop(0, `rgba(${ue}, ${he}, ${ge}, ${De})`), Z.addColorStop(0.5, `rgba(${ue}, ${he}, ${ge}, ${at})`), Z.addColorStop(1, `rgba(${ue}, ${he}, ${ge}, ${it})`);
             else {
               const je = 0.6 * Q, Ut = 0.4 * Q, Ot = 0.2 * Q;
-              Z.addColorStop(0, `rgba(${de}, ${ue}, ${he}, ${je})`), Z.addColorStop(0.6, `rgba(${de}, ${ue}, ${he}, ${Ut})`), Z.addColorStop(1, `rgba(${de}, ${ue}, ${he}, ${Ot})`);
+              Z.addColorStop(0, `rgba(${ue}, ${he}, ${ge}, ${je})`), Z.addColorStop(0.6, `rgba(${ue}, ${he}, ${ge}, ${Ut})`), Z.addColorStop(1, `rgba(${ue}, ${he}, ${ge}, ${Ot})`);
             }
             return Z;
           });
-          if (n.fillStyle = Gt, n.beginPath(), n.roundRect(ge, re, F, oe, [1, 1, 0, 0]), n.fill(), z[w] > A + 2) {
-            const Z = V - z[w], je = O[w] > 0 ? 0.9 : Math.max(0.3, O[w] / xt);
-            n.fillStyle = `rgba(255, 255, 255, ${je})`, n.fillRect(ge, Z - 1, F, 2), je > 0.5 && !d.value && (n.shadowColor = ke.glow, n.shadowBlur = 3, n.fillRect(ge, Z - 1, F, 2), n.shadowBlur = 0);
+          if (n.fillStyle = Gt, n.beginPath(), n.roundRect(fe, re, N, oe, [1, 1, 0, 0]), n.fill(), A[k] > $ + 2) {
+            const Z = P - A[k], je = y[k] > 0 ? 0.9 : Math.max(0.3, y[k] / xt);
+            n.fillStyle = `rgba(255, 255, 255, ${je})`, n.fillRect(fe, Z - 1, N, 2), je > 0.5 && !d.value && (n.shadowColor = ke.glow, n.shadowBlur = 3, n.fillRect(fe, Z - 1, N, 2), n.shadowBlur = 0);
           }
         }
         l = requestAnimationFrame(K);
@@ -5110,46 +5110,46 @@ const R = /* @__PURE__ */ r((e) => {
       r(K, "animate"), l = requestAnimationFrame(K);
     }
     r(te, "startAnimation"), $e(() => {
-      if (ye(t.value.bars), a.value) {
-        if (n = a.value.getContext("2d"), ee(), typeof window < "u") {
-          window.addEventListener("resize", _, { passive: !0 });
+      if (ie(t.value.bars), i.value) {
+        if (n = i.value.getContext("2d"), ee(), typeof window < "u") {
+          window.addEventListener("resize", Y, { passive: !0 });
           const g = /* @__PURE__ */ r(() => {
-            C.value = !document.hidden;
+            w.value = !document.hidden;
           }, "handleVisibilityChange");
           document.addEventListener("visibilitychange", g, { passive: !0 });
         }
         te();
       }
     });
-    function _() {
+    function Y() {
       if (typeof window < "u") {
         const g = Math.max(1, Math.min(2, window.devicePixelRatio || 1));
-        g !== W && (W = g);
+        g !== q && (q = g);
       }
       ee();
     }
-    return r(_, "onResize"), St(() => {
-      l && cancelAnimationFrame(l), typeof window < "u" && (window.removeEventListener("resize", _), document.removeEventListener("visibilitychange", () => {
-        C.value = !document.hidden;
+    return r(Y, "onResize"), St(() => {
+      l && cancelAnimationFrame(l), typeof window < "u" && (window.removeEventListener("resize", Y), document.removeEventListener("visibilitychange", () => {
+        w.value = !document.hidden;
       }));
-    }), ie(
-      [() => i.audioState?.mode, () => i.size],
+    }), ae(
+      [() => a.audioState?.mode, () => a.size],
       () => {
-        u.length !== t.value.bars && ye(t.value.bars), !n && a.value && (n = a.value.getContext("2d")), l && cancelAnimationFrame(l), ee(), te();
+        u.length !== t.value.bars && ie(t.value.bars), !n && i.value && (n = i.value.getContext("2d")), l && cancelAnimationFrame(l), ee(), te();
       },
       { immediate: !1 }
-    ), ie(a, (g) => {
+    ), ae(i, (g) => {
       g && !n && (n = g.getContext("2d"), ee(), te());
-    }), (g, h) => (f(), y("div", Jr, [
+    }), (g, h) => (f(), x("div", Jr, [
       c("canvas", {
         ref_key: "canvasRef",
-        ref: a,
+        ref: i,
         class: "w-full max-w-full [image-rendering:-webkit-optimize-contrast]",
         style: et({ height: `${t.value.maxHeight}px` })
       }, null, 4)
     ]));
   }
-}), rs = /* @__PURE__ */ j({
+}), rs = /* @__PURE__ */ G({
   __name: "ElSelfAudioVisualizer",
   props: {
     selfController: {},
@@ -5159,10 +5159,10 @@ const R = /* @__PURE__ */ r((e) => {
     enableGlow: { type: Boolean }
   },
   setup(e) {
-    const i = Kt(e, ["selfController"]), o = E(() => {
+    const a = Kt(e, ["selfController"]), o = T(() => {
       if (!e.selfController)
         return { mode: "idle" };
-      const t = e.selfController.voiceState.value, s = e.selfController.audioLevels.value, a = t.isSpeaking ? "speaking" : t.isProcessing ? "processing" : t.isListening ? "listening" : t.isConnected ? "connected" : "idle", n = /* @__PURE__ */ r(() => {
+      const t = e.selfController.voiceState.value, s = e.selfController.audioLevels.value, i = t.isSpeaking ? "speaking" : t.isProcessing ? "processing" : t.isListening ? "listening" : t.isConnected ? "connected" : "idle", n = /* @__PURE__ */ r(() => {
         try {
           if (t.isSpeaking) {
             const l = e.selfController.getOutputFrequencyData();
@@ -5181,15 +5181,15 @@ const R = /* @__PURE__ */ r((e) => {
         }
       }, "getFrequencyData");
       return {
-        mode: a,
+        mode: i,
         inputLevel: s.inputLevel,
         outputLevel: s.outputLevel,
         getFrequencyData: n
       };
     });
-    return (t, s) => (f(), se(os, Zt({ "audio-state": o.value }, i), null, 16, ["audio-state"]));
+    return (t, s) => (f(), se(os, Zt({ "audio-state": o.value }, a), null, 16, ["audio-state"]));
   }
-}), ss = { class: "flex flex-col h-full items-center justify-center gap-4" }, ns = { class: "flex-1 flex flex-col items-center justify-center space-y-8" }, is = { class: "w-full max-w-md" }, as = { class: "text-center flex gap-2 items-center text-xs" }, ls = { class: "flex items-center justify-center gap-2" }, cs = {
+}), ss = { class: "flex flex-col h-full items-center justify-center gap-4" }, ns = { class: "flex-1 flex flex-col items-center justify-center space-y-8" }, as = { class: "w-full max-w-md" }, is = { class: "text-center flex gap-2 items-center text-xs" }, ls = { class: "flex items-center justify-center gap-2" }, cs = {
   key: 0,
   class: "size-2 bg-blue-500 rounded-full animate-pulse"
 }, ds = {
@@ -5201,16 +5201,16 @@ const R = /* @__PURE__ */ r((e) => {
 }, hs = {
   key: 3,
   class: "size-2 bg-red-500 rounded-full"
-}, gs = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, fs = { class: "flex flex-col items-center space-y-6" }, ms = /* @__PURE__ */ j({
+}, gs = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, fs = { class: "flex flex-col items-center space-y-6" }, ms = /* @__PURE__ */ G({
   __name: "ElSelfVoice",
   props: {
     selfController: {}
   },
   setup(e) {
-    const i = E(() => e.selfController?.voiceState.value), o = E(() => i.value?.isConnected ? "red" : "green"), t = E(() => i.value?.isConnected ? "i-heroicons-phone-x-mark" : "i-heroicons-phone"), s = E(() => i.value?.isConnected ? "End Call" : "Start a Call"), a = E(() => {
+    const a = T(() => e.selfController?.voiceState.value), o = T(() => a.value?.isConnected ? "red" : "green"), t = T(() => a.value?.isConnected ? "i-heroicons-phone-x-mark" : "i-heroicons-phone"), s = T(() => a.value?.isConnected ? "End Call" : "Start a Call"), i = T(() => {
       const d = e.selfController?.voiceState.value;
       return !!d?.error || d?.connectionStatus === "connecting";
-    }), n = E(() => i.value?.connectionStatus === "connecting");
+    }), n = T(() => a.value?.connectionStatus === "connecting");
     async function l() {
       if (e.selfController)
         try {
@@ -5219,33 +5219,33 @@ const R = /* @__PURE__ */ r((e) => {
           console.error("Error toggling call:", d);
         }
     }
-    return r(l, "toggleCall"), (d, C) => (f(), y("div", ss, [
+    return r(l, "toggleCall"), (d, w) => (f(), x("div", ss, [
       c("div", ns, [
-        c("div", is, [
-          G(rs, {
+        c("div", as, [
+          O(rs, {
             "self-controller": e.selfController,
             "enable-wave-motion": "",
             "enable-glow": ""
           }, null, 8, ["self-controller"])
         ]),
-        c("div", as, [
+        c("div", is, [
           c("div", ls, [
-            e.selfController?.voiceState.value.isListening ? (f(), y("div", cs)) : e.selfController?.voiceState.value.isSpeaking ? (f(), y("div", ds)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (f(), y("div", us)) : e.selfController?.voiceState.value.error ? (f(), y("div", hs)) : P("", !0)
+            e.selfController?.voiceState.value.isListening ? (f(), x("div", cs)) : e.selfController?.voiceState.value.isSpeaking ? (f(), x("div", ds)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (f(), x("div", us)) : e.selfController?.voiceState.value.error ? (f(), x("div", hs)) : F("", !0)
           ]),
-          c("p", gs, U(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
+          c("p", gs, H(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
         ])
       ]),
       c("div", fs, [
-        G(ot, {
+        O(ot, {
           theme: o.value,
           icon: t.value,
           size: "lg",
           loading: n.value,
-          disabled: a.value,
+          disabled: i.value,
           onClick: l
         }, {
           default: ne(() => [
-            Pe(U(s.value), 1)
+            Pe(H(s.value), 1)
           ]),
           _: 1
         }, 8, ["theme", "icon", "loading", "disabled"])
@@ -5273,7 +5273,7 @@ const R = /* @__PURE__ */ r((e) => {
 }, Is = { class: "text-center max-w-md space-y-4" }, $s = { class: "text-sm text-white/70 leading-relaxed" }, zs = {
   key: 3,
   class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
-}, Rs = /* @__PURE__ */ j({
+}, Rs = /* @__PURE__ */ G({
   __name: "SelfAgent",
   props: {
     sdk: {},
@@ -5286,137 +5286,139 @@ const R = /* @__PURE__ */ r((e) => {
     theme: { default: "green" }
   },
   emits: ["close", "error"],
-  setup(e, { emit: i }) {
-    const o = i, t = _t(), s = B(!1), a = B(!1), n = B(), l = B(), d = E(() => t.value?.agentMode?.value ?? "self"), C = E(() => e.sdk.activeUser.value !== void 0), m = E(() => At.find((b) => b.mode === d.value));
+  setup(e, { emit: a }) {
+    const o = a, t = Yt(), s = j(!1), i = j(!1), n = j(), l = j(), d = T(() => t.value?.agentMode?.value ?? "self"), w = T(() => e.sdk.activeUser.value !== void 0), m = T(() => At.find((y) => y.mode === d.value));
     function u() {
       t.value && t.value.destroy();
       try {
-        t.value = new Ye({
+        t.value = new _e({
           sdk: e.sdk,
           self: e.self,
           context: e.context,
           firstMessage: e.firstMessage
         });
-      } catch (k) {
-        throw console.error("SelfController creation failed:", k), k;
+      } catch (A) {
+        throw console.error("SelfController creation failed:", A), A;
       }
     }
     r(u, "createSelfController");
-    function p(k) {
+    function b(A) {
       if (!l.value)
         return;
-      const b = to(k);
-      Object.entries(b).forEach(([z, O]) => {
-        l.value.style.setProperty(`--primary-${z}`, O);
+      const y = to(A);
+      Object.entries(y).forEach(([B, ie]) => {
+        l.value.style.setProperty(`--primary-${B}`, ie);
       });
     }
-    return r(p, "applyTheme"), $e(() => {
+    r(b, "applyTheme"), $e(() => {
       try {
-        u(), p(e.theme);
-      } catch (k) {
-        const b = k instanceof Error ? k.message : "Failed to initialize digital self";
-        n.value = b, o("error", b);
+        u(), b(e.theme);
+      } catch (A) {
+        const y = A instanceof Error ? A.message : "Failed to initialize digital self";
+        n.value = y, o("error", y);
       }
     }), St(() => {
       t.value && t.value.destroy();
-    }), ie(() => e.theme, (k) => {
-      p(k);
-    }), ie(() => e.sdk.activeUser.value, (k, b) => {
-      b && !k && t.value && t.value.setMode("self");
-    }), (k, b) => (f(), y("div", {
+    }), ae(() => e.theme, (A) => {
+      b(A);
+    }), ae(() => e.sdk.activeUser.value, (A, y) => {
+      y && !A && t.value && t.value.setMode("self");
+    });
+    const S = T(() => e.self.cover?.src && e.self.cover?.quality === "low" ? !0 : !!(e.self.avatar?.src && e.self.avatar?.quality === "low")), I = T(() => {
+      const A = [S.value ? "backdrop-blur-sm" : ""];
+      return S.value && d.value === "self" ? A.push("from-black/80 via-black/60 to-black/80") : d.value === "self" ? A.push("from-black/70 via-black/50 to-black/80") : A.push("from-black/90 via-black/90 to-black/100"), A.join(" ");
+    });
+    return (A, y) => (f(), x("div", {
       ref_key: "rootElement",
       ref: l,
-      key: X(_e)(e.self),
+      key: X(Ye)(e.self),
       class: "fiction-sdk @container/agent self-agent w-full h-full overflow-hidden relative",
       "data-test": "self-agent"
     }, [
-      e.loading ? (f(), y("div", bs, [
-        G(tt, { class: "text-white size-8" })
-      ])) : e.self && !n.value ? (f(), y("div", {
+      e.loading ? (f(), x("div", bs, [
+        O(tt, { class: "text-white size-8" })
+      ])) : e.self && !n.value ? (f(), x("div", {
         key: 1,
         class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
-        style: et({ backgroundImage: `url(${X(_e)(e.self) || X(He)()})` }),
+        style: et({ backgroundImage: `url(${X(Ye)(e.self) || X(He)()})` }),
         "data-quality": e.self.avatar?.quality || "none"
       }, [
         c("div", {
-          class: $(["absolute inset-0 bg-gradient-to-br z-0", [
-            e.self.avatar?.quality === "low" || e.self.cover?.quality === "low" ? "backdrop-blur-sm" : "",
-            d.value === "self" ? "from-black/70 via-black/50 to-black/80" : "from-black/90 via-black/90 to-black/100"
-          ]])
+          class: E(["absolute inset-0 bg-gradient-to-br z-0", I.value])
         }, null, 2),
         c("div", {
-          class: $(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", e.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"])
+          class: E(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", e.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"])
         }, [
           c("div", {
-            class: $(["relative z-30 p-2", d.value !== "self" ? "backdrop-blur-lg" : ""])
+            class: E(["relative z-30 p-2", d.value !== "self" ? "backdrop-blur-lg" : ""])
           }, [
             c("div", {
-              class: $(["flex items-center", e.hasClose ? "" : "justify-between"])
+              class: E(["flex items-center", e.hasClose ? "" : "justify-between"])
             }, [
               c("div", {
-                class: $(e.hasClose ? "flex-1 basis-0" : "")
+                class: E(e.hasClose ? "flex-1 basis-0" : "")
               }, [
                 c("button", {
                   class: "cursor-pointer p-2 flex items-center gap-2 rounded-2xl text-white/70 hover:bg-white/10 transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-105 active:scale-95",
-                  onClick: b[0] || (b[0] = (z) => s.value = !0)
-                }, [...b[6] || (b[6] = [
+                  onClick: y[0] || (y[0] = (B) => s.value = !0)
+                }, [...y[6] || (y[6] = [
                   c("i", { class: "i-tabler-menu size-7" }, null, -1)
                 ])])
               ], 2),
               c("button", {
-                class: $(["flex items-center gap-2 px-3.5 py-3 rounded-2xl text-white/90 hover:bg-white/10 transition-all cursor-pointer flex-grow-0", { "bg-white/10": a.value }]),
-                onClick: b[1] || (b[1] = (z) => a.value = !0)
+                class: E(["flex items-center gap-2 px-3.5 py-3 rounded-2xl text-white/90 hover:bg-white/10 transition-all cursor-pointer flex-grow-0", { "bg-white/10": i.value }]),
+                onClick: y[1] || (y[1] = (B) => i.value = !0)
               }, [
                 c("i", {
-                  class: $([m.value?.icon, "size-4 opacity-60"])
+                  class: E([m.value?.icon, "size-4 opacity-60"])
                 }, null, 2),
-                c("span", vs, U(m.value?.label), 1),
-                b[7] || (b[7] = c("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
+                c("span", vs, H(m.value?.label), 1),
+                y[7] || (y[7] = c("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
               ], 2),
-              e.hasClose ? (f(), y("div", xs, [
+              e.hasClose ? (f(), x("div", xs, [
                 c("button", {
                   class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
-                  onClick: b[2] || (b[2] = Ct((z) => o("close", "button"), ["stop"]))
-                }, [...b[8] || (b[8] = [
+                  onClick: y[2] || (y[2] = Ct((B) => o("close", "button"), ["stop"]))
+                }, [...y[8] || (y[8] = [
                   c("i", { class: "size-6 i-tabler-x" }, null, -1)
                 ])])
-              ])) : P("", !0)
+              ])) : F("", !0)
             ], 2)
           ], 2),
-          d.value === "self" ? (f(), y("div", ys, [
-            b[9] || (b[9] = c("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
-            G(Nr, { self: e.self }, null, 8, ["self"]),
+          d.value === "self" ? (f(), x("div", ys, [
+            y[9] || (y[9] = c("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
+            O(Nr, { self: e.self }, null, 8, ["self"]),
             c("div", ks, [
-              G(ot, {
+              O(ot, {
                 theme: "primary",
                 size: "lg",
                 class: "w-full",
                 icon: "i-heroicons-phone",
                 "data-test": "voice-button",
-                onClick: b[3] || (b[3] = (z) => t.value?.setMode("talk"))
+                onClick: y[3] || (y[3] = (B) => t.value?.setMode("talk"))
               }, {
                 default: ne(() => [
-                  Pe(" Talk to " + U(e.self.name), 1)
+                  Pe(" Talk to " + H(e.self.name), 1)
                 ]),
                 _: 1
               })
             ])
-          ])) : d.value === "talk" ? (f(), y("div", ws, [
-            C.value ? (f(), y(Ce, { key: 1 }, [
+          ])) : d.value === "talk" ? (f(), x("div", ws, [
+            w.value ? (f(), x(Ce, { key: 1 }, [
               c("div", null, [
                 c("div", Cs, [
-                  G(Mo, { self: e.self }, null, 8, ["self"])
+                  O(Mo, { self: e.self }, null, 8, ["self"])
                 ])
               ]),
-              G(ms, { "self-controller": t.value }, null, 8, ["self-controller"])
+              O(ms, { "self-controller": t.value }, null, 8, ["self-controller"])
             ], 64)) : (f(), se(gt, {
               key: 0,
               sdk: e.sdk
             }, null, 8, ["sdk"]))
-          ])) : (f(), y("div", Ss, [
+          ])) : (f(), x("div", Ss, [
             c("div", Ms, [
-              d.value === "chat" ? (f(), y(Ce, { key: 0 }, [
-                C.value ? (f(), se(Er, {
+              d.value === "chat" ? (f(), x(Ce, { key: 0 }, [
+                w.value ? (f(), se(Er, {
                   key: 1,
                   "self-controller": t.value,
                   self: e.self
@@ -5427,12 +5429,12 @@ const R = /* @__PURE__ */ r((e) => {
               ], 64)) : d.value === "info" ? (f(), se(vr, {
                 key: 1,
                 self: e.self
-              }, null, 8, ["self"])) : P("", !0)
+              }, null, 8, ["self"])) : F("", !0)
             ])
           ])),
           c("div", {
-            class: $(["relative z-20 text-center py-5 px-6", d.value === "info" ? "hidden" : ""])
-          }, [...b[10] || (b[10] = [
+            class: E(["relative z-20 text-center py-5 px-6", d.value === "info" ? "hidden" : ""])
+          }, [...y[10] || (y[10] = [
             c("a", {
               href: "https://www.fiction.com",
               class: "flex items-center justify-center gap-1.5 text-[10px] font-sans font-normal text-white/50 hover:text-white/70 transition-colors"
@@ -5443,27 +5445,27 @@ const R = /* @__PURE__ */ r((e) => {
             ], -1)
           ])], 2)
         ], 2)
-      ], 12, ps)) : n.value ? (f(), y("div", As, [
+      ], 12, ps)) : n.value ? (f(), x("div", As, [
         c("div", Is, [
-          b[11] || (b[11] = c("div", { class: "flex justify-center" }, [
+          y[11] || (y[11] = c("div", { class: "flex justify-center" }, [
             c("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [
               c("i", { class: "i-tabler-alert-circle size-6 text-red-400" })
             ])
           ], -1)),
-          b[12] || (b[12] = c("h3", { class: "text-lg font-medium" }, " Self Error ", -1)),
-          c("p", $s, U(n.value), 1)
+          y[12] || (y[12] = c("h3", { class: "text-lg font-medium" }, " Self Error ", -1)),
+          c("p", $s, H(n.value), 1)
         ])
-      ])) : (f(), y("div", zs, " There was an error loading the digital self. Please try again later. ")),
-      G(Yr, {
+      ])) : (f(), x("div", zs, " There was an error loading the digital self. Please try again later. ")),
+      O(_r, {
         modelValue: s.value,
-        "onUpdate:modelValue": b[4] || (b[4] = (z) => s.value = z),
+        "onUpdate:modelValue": y[4] || (y[4] = (B) => s.value = B),
         self: e.self,
         sdk: e.sdk,
         title: e.self.name
       }, null, 8, ["modelValue", "self", "sdk", "title"]),
-      G(_r, {
-        modelValue: a.value,
-        "onUpdate:modelValue": b[5] || (b[5] = (z) => a.value = z),
+      O(Yr, {
+        modelValue: i.value,
+        "onUpdate:modelValue": y[5] || (y[5] = (B) => i.value = B),
         "self-controller": t.value
       }, null, 8, ["modelValue", "self-controller"])
     ]));
@@ -5471,7 +5473,7 @@ const R = /* @__PURE__ */ r((e) => {
 }), Es = { class: "self-wrap" }, Ts = {
   key: 0,
   class: "flex items-center justify-center h-full"
-}, Gs = /* @__PURE__ */ j({
+}, Gs = /* @__PURE__ */ G({
   __name: "SelfWrap",
   props: {
     sdk: {},
@@ -5483,20 +5485,20 @@ const R = /* @__PURE__ */ r((e) => {
     apiBase: {}
   },
   setup(e) {
-    const i = Jt("SelfWrap"), o = e, t = o.sdk || new Qt({
+    const a = Jt("SelfWrap"), o = e, t = o.sdk || new Qt({
       isDev: typeof window < "u" ? window.location.hostname === "localhost" || window.location.hostname.includes("127.0.0.1") : !1,
       apiBase: o.apiBase
-    }), s = B(!o.self), a = B(o.self), n = B();
+    }), s = j(!o.self), i = j(o.self), n = j();
     return $e(async () => {
       if (o.self) {
-        i.debug("Self provided via props, skipping fetch", {
+        a.debug("Self provided via props, skipping fetch", {
           selfId: o.self.selfId,
           handle: o.self.handle
         }), s.value = !1;
         return;
       }
       if (!o.handle) {
-        n.value = "No handle or self provided", i.warn("SelfWrap mounted without handle or self", {
+        n.value = "No handle or self provided", a.warn("SelfWrap mounted without handle or self", {
           propsReceived: {
             handle: o.handle,
             self: o.self,
@@ -5511,9 +5513,9 @@ const R = /* @__PURE__ */ r((e) => {
         return;
       }
       try {
-        s.value = !0, i.debug("Fetching public self", { handle: o.handle });
+        s.value = !0, a.debug("Fetching public self", { handle: o.handle });
         const l = await t.getPublicSelf({ handle: o.handle });
-        l ? (a.value = l, i.debug("Successfully fetched public self", {
+        l ? (i.value = l, a.debug("Successfully fetched public self", {
           selfId: l.selfId,
           handle: l.handle
         }), l.selfId && t.track({
@@ -5522,7 +5524,7 @@ const R = /* @__PURE__ */ r((e) => {
           properties: {
             viewSource: "widget"
           }
-        })) : (n.value = t.error.value || "Self not found", i.error("Failed to fetch public self - no data returned", {
+        })) : (n.value = t.error.value || "Self not found", a.error("Failed to fetch public self - no data returned", {
           handle: o.handle,
           sdkError: t.error.value,
           sdkState: {
@@ -5532,7 +5534,7 @@ const R = /* @__PURE__ */ r((e) => {
           }
         }));
       } catch (l) {
-        n.value = l instanceof Error ? l.message : "Failed to fetch self", i.error("Exception while fetching public self", {
+        n.value = l instanceof Error ? l.message : "Failed to fetch self", a.error("Exception while fetching public self", {
           handle: o.handle,
           error: l instanceof Error ? {
             message: l.message,
@@ -5545,10 +5547,10 @@ const R = /* @__PURE__ */ r((e) => {
           }
         });
       } finally {
-        s.value = !1, a.value || i.debug("SelfWrap component will render empty (silent failure)", {
+        s.value = !1, i.value || a.debug("SelfWrap component will render empty (silent failure)", {
           state: {
             loading: s.value,
-            hasSelf: !!a.value,
+            hasSelf: !!i.value,
             error: n.value
           },
           props: {
@@ -5563,17 +5565,17 @@ const R = /* @__PURE__ */ r((e) => {
           }
         });
       }
-    }), (l, d) => (f(), y("div", Es, [
-      s.value ? (f(), y("div", Ts, [...d[0] || (d[0] = [
+    }), (l, d) => (f(), x("div", Es, [
+      s.value ? (f(), x("div", Ts, [...d[0] || (d[0] = [
         c("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
-      ])])) : a.value ? Ie(l.$slots, "default", {
+      ])])) : i.value ? Ie(l.$slots, "default", {
         key: 1,
         sdk: X(t),
-        self: a.value,
+        self: i.value,
         context: e.context,
         firstMessage: e.firstMessage,
         loading: s.value
-      }) : P("", !0)
+      }) : F("", !0)
     ]));
   }
 });
@@ -5588,11 +5590,11 @@ export {
   ro as d,
   so as e,
   Ns as f,
-  _e as g,
+  Ye as g,
   At as h,
   ht as i,
   Ue as j,
   js as k,
   no as p
 };
-//# sourceMappingURL=SelfWrap.vue_vue_type_script_setup_true_lang-trK_XeFZ.js.map
+//# sourceMappingURL=SelfWrap.vue_vue_type_script_setup_true_lang-9hTe-S75.js.map