@centive/aria-sdk 0.6.8 → 0.6.9

package/dist/index.js

@@ -1,21 +1,21 @@
-import { jsx as a, jsxs as y, Fragment as Re } from "react/jsx-runtime";
-import * as ne from "react";
-import { createContext as Tr, useContext as Rr, useState as T, useRef as he, useEffect as te, useCallback as M, useMemo as Be } from "react";
-import { CheckCircle2 as Je, AlertCircle as He, Zap as Xe, RefreshCw as Pe, Clock as zr, MessageCircle as nr, Sparkles as Oe, User as Ir, Bot as Pr, Send as Dr, Wrench as Ze, MicOff as Ye, Mic as $e, Maximize2 as Vr, Phone as er, X as _e, Minimize2 as Wr } from "lucide-react";
+import { jsx as a, jsxs as v, Fragment as Te } from "react/jsx-runtime";
+import * as se from "react";
+import { createContext as Rr, useContext as Tr, useState as N, useRef as he, useEffect as te, useCallback as M, useMemo as Be } from "react";
+import { CheckCircle2 as Je, AlertCircle as Fe, Zap as Xe, RefreshCw as Pe, Clock as zr, MessageCircle as sr, Sparkles as Le, User as Ir, Bot as Pr, Send as Dr, Wrench as Ze, MicOff as Ye, Mic as $e, Maximize2 as Vr, Phone as er, X as _e, Minimize2 as Wr } from "lucide-react";
 import { createPortal as jr } from "react-dom";
 function Br(r) {
   return typeof r == "object" && r !== null && "status" in r && (r.status === "success" || r.status === "error") && !("type" in r);
 }
-function Hr(r) {
+function Fr(r) {
   return typeof r == "object" && r !== null && "type" in r && r.type === "message_history_ack" && "status" in r && r.status === "ok";
 }
-function Lr(r) {
+function Hr(r) {
   return typeof r == "object" && r !== null && "type" in r && r.type === "message_stream_ack" && "status" in r && r.status === "ok";
 }
-function Fr(r) {
+function Or(r) {
   return typeof r == "object" && r !== null && "type" in r && r.type === "session_end_ack" && "status" in r && r.status === "ok";
 }
-function Or(r) {
+function Lr(r) {
   return typeof r == "object" && r !== null && "type" in r && r.type === "session_end_error" && "status" in r && r.status === "error";
 }
 function _r(r) {
@@ -33,7 +33,7 @@ const rr = {
   baseRetryDelay: 1e3,
   refreshOnlyWhenVisible: !0
 };
-class Q {
+class G {
   static instance = null;
   // Configuration
   config;
@@ -100,19 +100,19 @@ class Q {
    * Get or create the singleton instance
    */
   static getInstance(e) {
-    return Q.instance ? Q.instance.updateConfig(e) : Q.instance = new Q(e), Q.instance;
+    return G.instance ? G.instance.updateConfig(e) : G.instance = new G(e), G.instance;
   }
   /**
    * Check if an instance exists
    */
   static hasInstance() {
-    return Q.instance !== null;
+    return G.instance !== null;
   }
   /**
    * Destroy the singleton instance (for testing or cleanup)
    */
   static destroyInstance() {
-    Q.instance && (Q.instance.destroy(), Q.instance = null);
+    G.instance && (G.instance.destroy(), G.instance = null);
   }
   // ============================================================================
   // Configuration
@@ -294,19 +294,19 @@ class Q {
         this.handleSessionResponse(t);
         return;
       }
-      if (Hr(t)) {
+      if (Fr(t)) {
         console.log(`[AriaSessionManager] Message history acknowledged: ${t.message_count} messages`), this.config.onMessageHistoryAck?.(t.message_count), this.emit({ type: "message_history", data: t });
         return;
       }
-      if (Lr(t)) {
+      if (Hr(t)) {
         console.log("[AriaSessionManager] Message stream acknowledged"), this.config.onMessageStreamAck?.(), this.emit({ type: "message_stream", data: t });
         return;
       }
-      if (Fr(t)) {
+      if (Or(t)) {
         console.log(`[AriaSessionManager] Session end acknowledged: ${t.saved_count} messages saved`), this.config.onSessionEndAck?.(t.saved_count);
         return;
       }
-      if (Or(t)) {
+      if (Lr(t)) {
         console.error(`[AriaSessionManager] Session end error: ${t.message}`), this.config.onSessionEndError?.(t.message, t.error), this.config.onError?.(new Error(`Session end failed: ${t.error} - ${t.message}`));
         return;
       }
@@ -485,41 +485,41 @@ class Q {
       this.createHiddenVideoElement();
       const { createClient: t, AnamEvent: o } = await import("@anam-ai/js-sdk"), i = t(e);
       i.addListener(o.SESSION_READY, () => {
-        const s = i.getActiveSessionId();
-        s && (this.updateSessionState({ session_id: s }), console.log("[AriaSessionManager] Session ready with ID:", s)), this.isAnamInitializing = !1, this.setStatus("ready"), this.emit({ type: "session_ready", data: { sessionId: s } }), this.config.onSessionReady?.();
+        const n = i.getActiveSessionId();
+        n && (this.updateSessionState({ session_id: n }), console.log("[AriaSessionManager] Session ready with ID:", n)), this.isAnamInitializing = !1, this.setStatus("ready"), this.emit({ type: "session_ready", data: { sessionId: n } }), this.config.onSessionReady?.();
       }), i.addListener(o.CONNECTION_CLOSED, () => {
         console.log("[AriaSessionManager] Anam connection closed"), this.emit({ type: "connection_change", data: { connected: !1 } });
-      }), i.addListener(o.MESSAGE_HISTORY_UPDATED, (s) => {
-        this.chatMessages = s.map((d) => ({
+      }), i.addListener(o.MESSAGE_HISTORY_UPDATED, (n) => {
+        this.chatMessages = n.map((d) => ({
           role: d.role,
           content: d.content,
           timestamp: Date.now()
         }));
-        const c = s.map((d) => ({
+        const c = n.map((d) => ({
           role: d.role,
           content: d.content,
           timestamp: (/* @__PURE__ */ new Date()).toISOString()
         }));
         this.sendMessageHistory(c), this.emit({ type: "message_history", data: { messages: this.chatMessages } });
-      }), i.addListener(o.MESSAGE_STREAM_EVENT_RECEIVED, (s) => {
-        s.role === "persona" ? this.liveTranscript += s.content : s.role === "user" && (this.liveTranscript = "");
+      }), i.addListener(o.MESSAGE_STREAM_EVENT_RECEIVED, (n) => {
+        n.role === "persona" ? this.liveTranscript += n.content : n.role === "user" && (this.liveTranscript = "");
         const c = {
-          role: s.role,
-          content: s.content,
+          role: n.role,
+          content: n.content,
           timestamp: (/* @__PURE__ */ new Date()).toISOString()
         };
-        this.sendMessageStream(c, s.is_final ?? !1), this.emit({ type: "message_stream", data: { event: s, liveTranscript: this.liveTranscript } });
-      }), i.addListener(o.CLIENT_TOOL_EVENT_RECEIVED, (s) => {
-        console.log("[AriaSessionManager] Tool call event received:", s.eventName), this.isToolCallActive = !0, this.activeToolCall = s, this.emit({
+        this.sendMessageStream(c, n.is_final ?? !1), this.emit({ type: "message_stream", data: { event: n, liveTranscript: this.liveTranscript } });
+      }), i.addListener(o.CLIENT_TOOL_EVENT_RECEIVED, (n) => {
+        console.log("[AriaSessionManager] Tool call event received:", n.eventName), this.isToolCallActive = !0, this.activeToolCall = n, this.emit({
           type: "tool_call",
           data: {
             isActive: !0,
-            toolName: s.eventName,
-            toolData: s.eventData,
-            toolEvent: s
+            toolName: n.eventName,
+            toolData: n.eventData,
+            toolEvent: n
           }
         }), setTimeout(() => {
-          this.activeToolCall?.eventUid === s.eventUid && this.clearToolCallState();
+          this.activeToolCall?.eventUid === n.eventUid && this.clearToolCallState();
         }, 3e4);
       }), this.anamClient = i, this.audioInputStream = await navigator.mediaDevices.getUserMedia({ audio: !0 });
       const [l] = await i.stream(this.audioInputStream);
@@ -672,8 +672,8 @@ class Q {
       console.log("[AriaSessionManager] No expiration time, skipping refresh scheduling");
       return;
     }
-    const e = new Date(this.sessionState.expires_at).getTime(), t = Date.now(), o = this.refreshConfig.bufferMinutes * 60 * 1e3, i = e - o, l = Math.max(0, i - t), s = e - t;
-    console.log(`[AriaSessionManager] Token expires at: ${new Date(e).toISOString()}`), console.log(`[AriaSessionManager] Time until expiry: ${Math.round(s / 1e3 / 60)} minutes`), console.log(`[AriaSessionManager] Refresh buffer: ${this.refreshConfig.bufferMinutes} minutes`), l <= 0 ? (console.log("[AriaSessionManager] Session expiring soon, refreshing immediately"), this.refreshSession()) : (console.log(`[AriaSessionManager] Scheduling proactive refresh in ${Math.round(l / 1e3 / 60)} minutes`), this.refreshTimer = setTimeout(() => {
+    const e = new Date(this.sessionState.expires_at).getTime(), t = Date.now(), o = this.refreshConfig.bufferMinutes * 60 * 1e3, i = e - o, l = Math.max(0, i - t), n = e - t;
+    console.log(`[AriaSessionManager] Token expires at: ${new Date(e).toISOString()}`), console.log(`[AriaSessionManager] Time until expiry: ${Math.round(n / 1e3 / 60)} minutes`), console.log(`[AriaSessionManager] Refresh buffer: ${this.refreshConfig.bufferMinutes} minutes`), l <= 0 ? (console.log("[AriaSessionManager] Session expiring soon, refreshing immediately"), this.refreshSession()) : (console.log(`[AriaSessionManager] Scheduling proactive refresh in ${Math.round(l / 1e3 / 60)} minutes`), this.refreshTimer = setTimeout(() => {
       console.log("[AriaSessionManager] Proactive refresh timer fired"), this.refreshSession();
     }, l));
   }
@@ -737,10 +737,11 @@ class Q {
   // ============================================================================
   /**
    * Check if session persistence is enabled
+   * Always returns TRUE - sessions always persist when widget closes
+   * Session only ends on logout (forceEndSession) or component unmount
    */
   isPersistSessionEnabled() {
-    const e = this.config.persistSession === !0;
-    return console.log("[AriaSessionManager] isPersistSessionEnabled:", e, "config.persistSession:", this.config.persistSession), e;
+    return !0;
   }
   /**
    * Check if WebSocket should stay alive when paused
@@ -755,49 +756,58 @@ class Q {
     return this.isPaused;
   }
   /**
-   * Pause the session (called when widget closes with persistSession: true)
-   * - Does NOT end the session
+   * Pause the session (called when widget closes)
+   * - Does NOT end the session - keeps Anam client and video stream alive
    * - Optionally disconnects WebSocket (based on keepWebSocketAlive)
    * - Keeps session token and state in memory
+   * - Session can be resumed when widget reopens
    */
   pauseSession() {
-    if (!this.isPersistSessionEnabled()) {
-      console.log("[AriaSessionManager] persistSession not enabled, cannot pause");
-      return;
-    }
     if (this.isPaused) {
       console.log("[AriaSessionManager] Session already paused");
       return;
     }
-    console.log("[AriaSessionManager] Pausing session"), this.isPaused = !0, this.hiddenVideoElement && (this.hiddenVideoElement.muted = !0), this.shouldKeepWebSocketAlive() || (console.log("[AriaSessionManager] Disconnecting WebSocket (keepWebSocketAlive: false)"), this.ws && (this.ws.close(), this.ws = null)), this.config.onSessionPaused?.();
+    if (!this.anamClient) {
+      console.log("[AriaSessionManager] No active Anam client, nothing to pause");
+      return;
+    }
+    if (console.log("[AriaSessionManager] Pausing session - keeping Anam client alive"), this.isPaused = !0, this.hiddenVideoElement && (this.hiddenVideoElement.muted = !0), this.anamClient)
+      try {
+        this.anamClient.muteInputAudio();
+      } catch (e) {
+        console.warn("[AriaSessionManager] Failed to mute input audio:", e);
+      }
+    this.shouldKeepWebSocketAlive() || (console.log("[AriaSessionManager] Disconnecting WebSocket (keepWebSocketAlive: false)"), this.ws && (this.ws.close(), this.ws = null)), this.config.onSessionPaused?.();
   }
   /**
-   * Resume the session (called when widget reopens with persistSession: true)
+   * Resume the session (called when widget reopens)
    * - Reconnects WebSocket if needed
-   * - Reuses existing session token
+   * - Reuses existing Anam client and video stream
    * - Does NOT create a new session
    */
   async resumeSession() {
-    if (!this.isPersistSessionEnabled()) {
-      console.log("[AriaSessionManager] persistSession not enabled, cannot resume");
-      return;
-    }
     if (!this.isPaused) {
       console.log("[AriaSessionManager] Session not paused, nothing to resume");
       return;
     }
-    if (console.log("[AriaSessionManager] Resuming session"), this.isPaused = !1, !this.sessionState.token) {
-      console.log("[AriaSessionManager] No session token, cannot resume - will create new session"), this.connect();
+    if (console.log("[AriaSessionManager] Resuming session"), this.isPaused = !1, !this.anamClient) {
+      console.log("[AriaSessionManager] No Anam client, cannot resume - will create new session");
       return;
     }
     if (this.sessionState.expires_at) {
       const e = new Date(this.sessionState.expires_at).getTime();
       if (Date.now() >= e) {
-        console.log("[AriaSessionManager] Session expired, will create new session"), this.resetSessionState(), this.connect();
+        console.log("[AriaSessionManager] Session expired, will create new session"), await this.stopStreaming(), this.resetSessionState();
         return;
       }
     }
-    this.isConnected() || (console.log("[AriaSessionManager] Reconnecting WebSocket for resumed session"), this.reconnectForResume()), this.config.onSessionResumed?.();
+    if (this.anamClient)
+      try {
+        this.anamClient.unmuteInputAudio(), console.log("[AriaSessionManager] Unmuted input audio");
+      } catch (e) {
+        console.warn("[AriaSessionManager] Failed to unmute input audio:", e);
+      }
+    this.isConnected() || (console.log("[AriaSessionManager] Reconnecting WebSocket for resumed session"), this.reconnectForResume()), this.setStatus("ready"), this.config.onSessionResumed?.();
   }
   /**
    * Reconnect WebSocket for session resume (without triggering new session)
@@ -902,7 +912,7 @@ const z = {
   uiContainer: null,
   reactRoot: null
 };
-class Te {
+class Re {
   /**
    * Initialize the Aria SDK with the given configuration.
    * This sets up the WebSocket connection, session management, and UI components.
@@ -931,8 +941,8 @@ class Te {
     if (!e.userId)
       throw new Error("[AriaCore] userId is required");
     console.log("[AriaCore] Initializing Aria SDK..."), z.config = e;
-    const t = Te.buildFullConfig(e);
-    z.sessionManager = Q.getInstance(t), z.sessionManager.connect(), Te.mountUI(e.theme || "light", e.triggerLabel), z.initialized = !0, console.log("[AriaCore] Aria SDK initialized successfully");
+    const t = Re.buildFullConfig(e);
+    z.sessionManager = G.getInstance(t), z.sessionManager.connect(), Re.mountUI(e.theme || "light", e.triggerLabel), z.initialized = !0, console.log("[AriaCore] Aria SDK initialized successfully");
   }
   /**
    * Open the Aria assistant widget.
@@ -1063,7 +1073,7 @@ class Te {
       console.log("[AriaCore] Not initialized, nothing to destroy.");
       return;
     }
-    console.log("[AriaCore] Destroying Aria SDK..."), Te.unmountUI(), Q.destroyInstance(), z.initialized = !1, z.config = null, z.sessionManager = null, z.uiContainer = null, z.reactRoot = null, console.log("[AriaCore] Aria SDK destroyed");
+    console.log("[AriaCore] Destroying Aria SDK..."), Re.unmountUI(), G.destroyInstance(), z.initialized = !1, z.config = null, z.sessionManager = null, z.uiContainer = null, z.reactRoot = null, console.log("[AriaCore] Aria SDK destroyed");
   }
   // ============================================================================
   // Private Methods
@@ -1111,16 +1121,16 @@ class Te {
    */
   static mountUI(e, t) {
     const o = document.createElement("div");
-    o.id = "aria-sdk-root", o.setAttribute("data-aria-theme", e), o.setAttribute("data-aria-open", "false"), document.body.appendChild(o), z.uiContainer = o, Te.renderReactUI(o, e, t);
+    o.id = "aria-sdk-root", o.setAttribute("data-aria-theme", e), o.setAttribute("data-aria-open", "false"), document.body.appendChild(o), z.uiContainer = o, Re.renderReactUI(o, e, t);
   }
   /**
    * Render React UI components
    */
   static async renderReactUI(e, t, o) {
     try {
-      const i = await import("react"), l = await import("react-dom/client"), { AriaStandaloneUI: s } = await Promise.resolve().then(() => $t), c = l.createRoot(e);
+      const i = await import("react"), l = await import("react-dom/client"), { AriaStandaloneUI: n } = await Promise.resolve().then(() => $t), c = l.createRoot(e);
       z.reactRoot = c, c.render(
-        i.createElement(s, {
+        i.createElement(n, {
           theme: t,
           triggerLabel: o,
           container: e
@@ -1137,8 +1147,8 @@ class Te {
     z.reactRoot && typeof z.reactRoot.unmount == "function" && z.reactRoot.unmount(), z.uiContainer && z.uiContainer.remove();
   }
 }
-const lr = Tr(null), Se = () => {
-  const r = Rr(lr);
+const lr = Rr(null), Se = () => {
+  const r = Tr(lr);
   if (!r)
     throw new Error("useAria must be used within an AriaProvider");
   return r;
@@ -1176,18 +1186,18 @@ const qr = (r, e) => {
     conflictingClassGroupModifiers: o
   } = r;
   return {
-    getClassGroupId: (s) => {
-      if (s.startsWith("[") && s.endsWith("]"))
-        return Zr(s);
-      const c = s.split(De), d = c[0] === "" && c.length > 1 ? 1 : 0;
+    getClassGroupId: (n) => {
+      if (n.startsWith("[") && n.endsWith("]"))
+        return Zr(n);
+      const c = n.split(De), d = c[0] === "" && c.length > 1 ? 1 : 0;
       return gr(c, d, e);
     },
-    getConflictingClassGroupIds: (s, c) => {
+    getConflictingClassGroupIds: (n, c) => {
       if (c) {
-        const d = o[s], g = t[s];
+        const d = o[n], g = t[n];
         return d ? g ? qr(g, d) : d : g || tr;
       }
-      return t[s] || tr;
+      return t[n] || tr;
     }
   };
 }, gr = (r, e, t) => {
@@ -1198,12 +1208,12 @@ const qr = (r, e) => {
     const g = gr(r, e + 1, l);
     if (g) return g;
   }
-  const s = t.validators;
-  if (s === null)
+  const n = t.validators;
+  if (n === null)
     return;
-  const c = e === 0 ? r.join(De) : r.slice(e).join(De), d = s.length;
+  const c = e === 0 ? r.join(De) : r.slice(e).join(De), d = n.length;
   for (let g = 0; g < d; g++) {
-    const w = s[g];
+    const w = n[g];
     if (w.validator(c))
       return w.classGroupId;
   }
@@ -1226,8 +1236,8 @@ const qr = (r, e) => {
 }, Qe = (r, e, t, o) => {
   const i = r.length;
   for (let l = 0; l < i; l++) {
-    const s = r[l];
-    et(s, e, t, o);
+    const n = r[l];
+    et(n, e, t, o);
   }
 }, et = (r, e, t, o) => {
   if (typeof r == "string") {
@@ -1250,17 +1260,17 @@ const qr = (r, e) => {
   e.validators === null && (e.validators = []), e.validators.push(Kr(t, r));
 }, ot = (r, e, t, o) => {
   const i = Object.entries(r), l = i.length;
-  for (let s = 0; s < l; s++) {
-    const [c, d] = i[s];
+  for (let n = 0; n < l; n++) {
+    const [c, d] = i[n];
     Qe(d, hr(e, c), t, o);
   }
 }, hr = (r, e) => {
   let t = r;
   const o = e.split(De), i = o.length;
   for (let l = 0; l < i; l++) {
-    const s = o[l];
-    let c = t.nextPart.get(s);
-    c || (c = dr(), t.nextPart.set(s, c)), t = c;
+    const n = o[l];
+    let c = t.nextPart.get(n);
+    c || (c = dr(), t.nextPart.set(n, c)), t = c;
   }
   return t;
 }, at = (r) => "isThemeGetter" in r && r.isThemeGetter === !0, it = (r) => {
@@ -1272,39 +1282,39 @@ const qr = (r, e) => {
       }
     };
   let e = 0, t = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const i = (l, s) => {
-    t[l] = s, e++, e > r && (e = 0, o = t, t = /* @__PURE__ */ Object.create(null));
+  const i = (l, n) => {
+    t[l] = n, e++, e > r && (e = 0, o = t, t = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(l) {
-      let s = t[l];
-      if (s !== void 0)
-        return s;
-      if ((s = o[l]) !== void 0)
-        return i(l, s), s;
+      let n = t[l];
+      if (n !== void 0)
+        return n;
+      if ((n = o[l]) !== void 0)
+        return i(l, n), n;
     },
-    set(l, s) {
-      l in t ? t[l] = s : i(l, s);
+    set(l, n) {
+      l in t ? t[l] = n : i(l, n);
     }
   };
-}, Ue = "!", or = ":", st = [], ar = (r, e, t, o, i) => ({
+}, Ue = "!", or = ":", nt = [], ar = (r, e, t, o, i) => ({
   modifiers: r,
   hasImportantModifier: e,
   baseClassName: t,
   maybePostfixModifierPosition: o,
   isExternal: i
-}), nt = (r) => {
+}), st = (r) => {
   const {
     prefix: e,
     experimentalParseClassName: t
   } = r;
   let o = (i) => {
     const l = [];
-    let s = 0, c = 0, d = 0, g;
+    let n = 0, c = 0, d = 0, g;
     const w = i.length;
     for (let I = 0; I < w; I++) {
       const j = i[I];
-      if (s === 0 && c === 0) {
+      if (n === 0 && c === 0) {
         if (j === or) {
           l.push(i.slice(d, I)), d = I + 1;
           continue;
@@ -1314,23 +1324,23 @@ const qr = (r, e) => {
           continue;
         }
       }
-      j === "[" ? s++ : j === "]" ? s-- : j === "(" ? c++ : j === ")" && c--;
+      j === "[" ? n++ : j === "]" ? n-- : j === "(" ? c++ : j === ")" && c--;
     }
     const E = l.length === 0 ? i : i.slice(d);
-    let R = E, V = !1;
-    E.endsWith(Ue) ? (R = E.slice(0, -1), V = !0) : (
+    let T = E, V = !1;
+    E.endsWith(Ue) ? (T = E.slice(0, -1), V = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      E.startsWith(Ue) && (R = E.slice(1), V = !0)
+      E.startsWith(Ue) && (T = E.slice(1), V = !0)
     );
     const x = g && g > d ? g - d : void 0;
-    return ar(l, V, R, x);
+    return ar(l, V, T, x);
   };
   if (e) {
     const i = e + or, l = o;
-    o = (s) => s.startsWith(i) ? l(s.slice(i.length)) : ar(st, !1, s, void 0, !0);
+    o = (n) => n.startsWith(i) ? l(n.slice(i.length)) : ar(nt, !1, n, void 0, !0);
   }
   if (t) {
     const i = o;
@@ -1348,14 +1358,14 @@ const qr = (r, e) => {
     const o = [];
     let i = [];
     for (let l = 0; l < t.length; l++) {
-      const s = t[l], c = s[0] === "[", d = e.has(s);
-      c || d ? (i.length > 0 && (i.sort(), o.push(...i), i = []), o.push(s)) : i.push(s);
+      const n = t[l], c = n[0] === "[", d = e.has(n);
+      c || d ? (i.length > 0 && (i.sort(), o.push(...i), i = []), o.push(n)) : i.push(n);
     }
     return i.length > 0 && (i.sort(), o.push(...i)), o;
   };
 }, ct = (r) => ({
   cache: it(r.cacheSize),
-  parseClassName: nt(r),
+  parseClassName: st(r),
   sortModifiers: lt(r),
   ...Xr(r)
 }), dt = /\s+/, gt = (r, e) => {
@@ -1364,12 +1374,12 @@ const qr = (r, e) => {
     getClassGroupId: o,
     getConflictingClassGroupIds: i,
     sortModifiers: l
-  } = e, s = [], c = r.trim().split(dt);
+  } = e, n = [], c = r.trim().split(dt);
   let d = "";
   for (let g = c.length - 1; g >= 0; g -= 1) {
     const w = c[g], {
       isExternal: E,
-      modifiers: R,
+      modifiers: T,
       hasImportantModifier: V,
       baseClassName: x,
       maybePostfixModifierPosition: I
@@ -1390,14 +1400,14 @@ const qr = (r, e) => {
       }
       j = !1;
     }
-    const O = R.length === 0 ? "" : R.length === 1 ? R[0] : l(R).join(":"), D = V ? O + Ue : O, h = D + B;
-    if (s.indexOf(h) > -1)
+    const L = T.length === 0 ? "" : T.length === 1 ? T[0] : l(T).join(":"), D = V ? L + Ue : L, h = D + B;
+    if (n.indexOf(h) > -1)
       continue;
-    s.push(h);
+    n.push(h);
     const _ = i(B, j);
     for (let J = 0; J < _.length; ++J) {
-      const H = _[J];
-      s.push(D + H);
+      const F = _[J];
+      n.push(D + F);
     }
     d = w + (d.length > 0 ? " " + d : d);
   }
@@ -1416,7 +1426,7 @@ const qr = (r, e) => {
   return t;
 }, ut = (r, ...e) => {
   let t, o, i, l;
-  const s = (d) => {
+  const n = (d) => {
     const g = e.reduce((w, E) => E(w), r());
     return t = ct(g), o = t.cache.get, i = t.cache.set, l = c, c(d);
   }, c = (d) => {
@@ -1426,23 +1436,23 @@ const qr = (r, e) => {
     const w = gt(d, t);
     return i(d, w), w;
   };
-  return l = s, (...d) => l(ht(...d));
-}, pt = [], F = (r) => {
+  return l = n, (...d) => l(ht(...d));
+}, pt = [], O = (r) => {
   const e = (t) => t[r] || pt;
   return e.isThemeGetter = !0, e;
-}, pr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, mr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, mt = /^\d+\/\d+$/, ft = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, wt = /\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$/, bt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, yt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ae = (r) => mt.test(r), C = (r) => !!r && !Number.isNaN(Number(r)), we = (r) => !!r && Number.isInteger(Number(r)), Le = (r) => r.endsWith("%") && C(r.slice(0, -1)), ge = (r) => ft.test(r), xt = () => !0, At = (r) => (
+}, pr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, mr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, mt = /^\d+\/\d+$/, ft = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, wt = /\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$/, bt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, yt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ae = (r) => mt.test(r), C = (r) => !!r && !Number.isNaN(Number(r)), we = (r) => !!r && Number.isInteger(Number(r)), He = (r) => r.endsWith("%") && C(r.slice(0, -1)), ge = (r) => ft.test(r), xt = () => !0, At = (r) => (
   // `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.
   wt.test(r) && !bt.test(r)
-), fr = () => !1, kt = (r) => vt.test(r), St = (r) => yt.test(r), Et = (r) => !m(r) && !f(r), Mt = (r) => Ee(r, vr, fr), m = (r) => pr.test(r), ve = (r) => Ee(r, yr, At), Fe = (r) => Ee(r, zt, C), ir = (r) => Ee(r, wr, fr), Ct = (r) => Ee(r, br, St), ze = (r) => Ee(r, xr, kt), f = (r) => mr.test(r), Ne = (r) => Me(r, yr), Nt = (r) => Me(r, It), sr = (r) => Me(r, wr), Tt = (r) => Me(r, vr), Rt = (r) => Me(r, br), Ie = (r) => Me(r, xr, !0), Ee = (r, e, t) => {
+), fr = () => !1, kt = (r) => vt.test(r), St = (r) => yt.test(r), Et = (r) => !p(r) && !m(r), Mt = (r) => Ee(r, vr, fr), p = (r) => pr.test(r), ve = (r) => Ee(r, yr, At), Oe = (r) => Ee(r, zt, C), ir = (r) => Ee(r, wr, fr), Ct = (r) => Ee(r, br, St), ze = (r) => Ee(r, xr, kt), m = (r) => mr.test(r), Ne = (r) => Me(r, yr), Nt = (r) => Me(r, It), nr = (r) => Me(r, wr), Rt = (r) => Me(r, vr), Tt = (r) => Me(r, br), Ie = (r) => Me(r, xr, !0), Ee = (r, e, t) => {
   const o = pr.exec(r);
   return o ? o[1] ? e(o[1]) : t(o[2]) : !1;
 }, Me = (r, e, t = !1) => {
   const o = mr.exec(r);
   return o ? o[1] ? e(o[1]) : t : !1;
 }, wr = (r) => r === "position" || r === "percentage", br = (r) => r === "image" || r === "url", vr = (r) => r === "length" || r === "size" || r === "bg-size", yr = (r) => r === "length", zt = (r) => r === "number", It = (r) => r === "family-name", xr = (r) => r === "shadow", Pt = () => {
-  const r = F("color"), e = F("font"), t = F("text"), o = F("font-weight"), i = F("tracking"), l = F("leading"), s = F("breakpoint"), c = F("container"), d = F("spacing"), g = F("radius"), w = F("shadow"), E = F("inset-shadow"), R = F("text-shadow"), V = F("drop-shadow"), x = F("blur"), I = F("perspective"), j = F("aspect"), B = F("ease"), O = F("animate"), D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], h = () => [
+  const r = O("color"), e = O("font"), t = O("text"), o = O("font-weight"), i = O("tracking"), l = O("leading"), n = O("breakpoint"), c = O("container"), d = O("spacing"), g = O("radius"), w = O("shadow"), E = O("inset-shadow"), T = O("text-shadow"), V = O("drop-shadow"), x = O("blur"), I = O("perspective"), j = O("aspect"), B = O("ease"), L = O("animate"), D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], h = () => [
     "center",
     "top",
     "bottom",
@@ -1460,30 +1470,30 @@ const qr = (r, e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], _ = () => [...h(), f, m], J = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", "contain", "none"], k = () => [f, m, d], q = () => [Ae, "full", "auto", ...k()], oe = () => [we, "none", "subgrid", f, m], X = () => ["auto", {
-    span: ["full", we, f, m]
-  }, we, f, m], G = () => [we, "auto", f, m], ue = () => ["auto", "min", "max", "fr", f, m], ae = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], S = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], U = () => ["auto", ...k()], b = () => [Ae, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], v = () => [r, f, m], le = () => [...h(), sr, ir, {
-    position: [f, m]
+  ], _ = () => [...h(), m, p], J = () => ["auto", "hidden", "clip", "visible", "scroll"], F = () => ["auto", "contain", "none"], A = () => [m, p, d], Q = () => [Ae, "full", "auto", ...A()], oe = () => [we, "none", "subgrid", m, p], X = () => ["auto", {
+    span: ["full", we, m, p]
+  }, we, m, p], q = () => [we, "auto", m, p], ue = () => ["auto", "min", "max", "fr", m, p], ae = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], S = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], U = () => ["auto", ...A()], y = () => [Ae, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...A()], b = () => [r, m, p], le = () => [...h(), nr, ir, {
+    position: [m, p]
   }], ie = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], se = () => ["auto", "cover", "contain", Tt, Mt, {
-    size: [f, m]
-  }], re = () => [Le, Ne, ve], W = () => [
+  }], ne = () => ["auto", "cover", "contain", Rt, Mt, {
+    size: [m, p]
+  }], re = () => [He, Ne, ve], W = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     g,
-    f,
-    m
-  ], L = () => ["", C, Ne, ve], K = () => ["solid", "dashed", "dotted", "double"], ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], P = () => [C, Le, sr, ir], pe = () => [
+    m,
+    p
+  ], H = () => ["", C, Ne, ve], K = () => ["solid", "dashed", "dotted", "double"], ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], P = () => [C, He, nr, ir], pe = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     x,
-    f,
-    m
-  ], de = () => ["none", C, f, m], me = () => ["none", C, f, m], be = () => [C, f, m], fe = () => [Ae, "full", ...k()];
+    m,
+    p
+  ], de = () => ["none", C, m, p], me = () => ["none", C, m, p], be = () => [C, m, p], fe = () => [Ae, "full", ...A()];
   return {
     cacheSize: 500,
     theme: {
@@ -1516,7 +1526,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Ae, m, f, j]
+        aspect: ["auto", "square", Ae, p, m, j]
       }],
       /**
        * Container
@@ -1529,7 +1539,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [C, m, f, c]
+        columns: [C, p, m, c]
       }],
       /**
        * Break After
@@ -1635,21 +1645,21 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: H()
+        overscroll: F()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": H()
+        "overscroll-x": F()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": H()
+        "overscroll-y": F()
       }],
       /**
        * Position
@@ -1661,63 +1671,63 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: q()
+        inset: Q()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": q()
+        "inset-x": Q()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": q()
+        "inset-y": Q()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: q()
+        start: Q()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: q()
+        end: Q()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: q()
+        top: Q()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: q()
+        right: Q()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: q()
+        bottom: Q()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: q()
+        left: Q()
       }],
       /**
        * Visibility
@@ -1729,7 +1739,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [we, "auto", f, m]
+        z: [we, "auto", m, p]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -1739,7 +1749,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Ae, "full", "auto", c, ...k()]
+        basis: [Ae, "full", "auto", c, ...A()]
       }],
       /**
        * Flex Direction
@@ -1760,28 +1770,28 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [C, Ae, "auto", "initial", "none", m]
+        flex: [C, Ae, "auto", "initial", "none", p]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", C, f, m]
+        grow: ["", C, m, p]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", C, f, m]
+        shrink: ["", C, m, p]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [we, "first", "last", "none", f, m]
+        order: [we, "first", "last", "none", m, p]
       }],
       /**
        * Grid Template Columns
@@ -1802,14 +1812,14 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": G()
+        "col-start": q()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": G()
+        "col-end": q()
       }],
       /**
        * Grid Template Rows
@@ -1830,14 +1840,14 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": G()
+        "row-start": q()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": G()
+        "row-end": q()
       }],
       /**
        * Grid Auto Flow
@@ -1865,21 +1875,21 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: k()
+        gap: A()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": k()
+        "gap-x": A()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": k()
+        "gap-y": A()
       }],
       /**
        * Justify Content
@@ -1954,63 +1964,63 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: k()
+        p: A()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: k()
+        px: A()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: k()
+        py: A()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: k()
+        ps: A()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: k()
+        pe: A()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: k()
+        pt: A()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: k()
+        pr: A()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: k()
+        pb: A()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: k()
+        pl: A()
       }],
       /**
        * Margin
@@ -2080,7 +2090,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": k()
+        "space-x": A()
       }],
       /**
        * Space Between X Reverse
@@ -2092,7 +2102,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": k()
+        "space-y": A()
       }],
       /**
        * Space Between Y Reverse
@@ -2107,14 +2117,14 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: b()
+        size: y()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [c, "screen", ...b()]
+        w: [c, "screen", ...y()]
       }],
       /**
        * Min-Width
@@ -2126,7 +2136,7 @@ const qr = (r, e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...b()
+          ...y()
         ]
       }],
       /**
@@ -2142,9 +2152,9 @@ const qr = (r, e) => {
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [s]
+            screen: [n]
           },
-          ...b()
+          ...y()
         ]
       }],
       /**
@@ -2152,21 +2162,21 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...b()]
+        h: ["screen", "lh", ...y()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...b()]
+        "min-h": ["screen", "lh", "none", ...y()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...b()]
+        "max-h": ["screen", "lh", ...y()]
       }],
       // ------------------
       // --- Typography ---
@@ -2193,21 +2203,21 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, f, Fe]
+        font: [o, m, Oe]
       }],
       /**
        * 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", Le, m]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", He, p]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Nt, m, e]
+        font: [Nt, p, e]
       }],
       /**
        * Font Variant Numeric
@@ -2244,14 +2254,14 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [i, f, m]
+        tracking: [i, m, p]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [C, "none", f, Fe]
+        "line-clamp": [C, "none", m, Oe]
       }],
       /**
        * Line Height
@@ -2261,7 +2271,7 @@ const qr = (r, e) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           l,
-          ...k()
+          ...A()
         ]
       }],
       /**
@@ -2269,7 +2279,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", f, m]
+        "list-image": ["none", m, p]
       }],
       /**
        * List Style Position
@@ -2283,7 +2293,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", f, m]
+        list: ["disc", "decimal", "none", m, p]
       }],
       /**
        * Text Alignment
@@ -2298,14 +2308,14 @@ const qr = (r, e) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: v()
+        placeholder: b()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: v()
+        text: b()
       }],
       /**
        * Text Decoration
@@ -2324,21 +2334,21 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [C, "from-font", "auto", f, ve]
+        decoration: [C, "from-font", "auto", m, ve]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: v()
+        decoration: b()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [C, "auto", f, m]
+        "underline-offset": [C, "auto", m, p]
       }],
       /**
        * Text Transform
@@ -2362,14 +2372,14 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: k()
+        indent: A()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", f, m]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", m, p]
       }],
       /**
        * Whitespace
@@ -2404,7 +2414,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", f, m]
+        content: ["none", m, p]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -2449,7 +2459,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: se()
+        bg: ne()
       }],
       /**
        * Background Image
@@ -2459,17 +2469,17 @@ const qr = (r, e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, we, f, m],
-          radial: ["", f, m],
-          conic: [we, f, m]
-        }, Rt, Ct]
+          }, we, m, p],
+          radial: ["", m, p],
+          conic: [we, m, p]
+        }, Tt, Ct]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: v()
+        bg: b()
       }],
       /**
        * Gradient Color Stops From Position
@@ -2497,21 +2507,21 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: v()
+        from: b()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: v()
+        via: b()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: v()
+        to: b()
       }],
       // ---------------
       // --- Borders ---
@@ -2626,70 +2636,70 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: L()
+        border: H()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": L()
+        "border-x": H()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": L()
+        "border-y": H()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": L()
+        "border-s": H()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": L()
+        "border-e": H()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": L()
+        "border-t": H()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": L()
+        "border-r": H()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": L()
+        "border-b": H()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": L()
+        "border-l": H()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": L()
+        "divide-x": H()
       }],
       /**
        * Divide Width X Reverse
@@ -2701,7 +2711,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": L()
+        "divide-y": H()
       }],
       /**
        * Divide Width Y Reverse
@@ -2727,70 +2737,70 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: v()
+        border: b()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": v()
+        "border-x": b()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": v()
+        "border-y": b()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": v()
+        "border-s": b()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": v()
+        "border-e": b()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": v()
+        "border-t": b()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": v()
+        "border-r": b()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": v()
+        "border-b": b()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": v()
+        "border-l": b()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: v()
+        divide: b()
       }],
       /**
        * Outline Style
@@ -2804,7 +2814,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [C, f, m]
+        "outline-offset": [C, m, p]
       }],
       /**
        * Outline Width
@@ -2818,7 +2828,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: v()
+        outline: b()
       }],
       // ---------------
       // --- Effects ---
@@ -2842,7 +2852,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: v()
+        shadow: b()
       }],
       /**
        * Inset Box Shadow
@@ -2856,14 +2866,14 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": v()
+        "inset-shadow": b()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: L()
+        ring: H()
       }],
       /**
        * Ring Width Inset
@@ -2877,7 +2887,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: v()
+        ring: b()
       }],
       /**
        * Ring Offset Width
@@ -2895,42 +2905,42 @@ const qr = (r, e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": v()
+        "ring-offset": b()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": L()
+        "inset-ring": H()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": v()
+        "inset-ring": b()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", R, Ie, ze]
+        "text-shadow": ["none", T, Ie, ze]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": v()
+        "text-shadow": b()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [C, f, m]
+        opacity: [C, m, p]
       }],
       /**
        * Mix Blend Mode
@@ -2974,10 +2984,10 @@ const qr = (r, e) => {
         "mask-linear-to": P()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": v()
+        "mask-linear-from": b()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": v()
+        "mask-linear-to": b()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": P()
@@ -2986,10 +2996,10 @@ const qr = (r, e) => {
         "mask-t-to": P()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": v()
+        "mask-t-from": b()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": v()
+        "mask-t-to": b()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": P()
@@ -2998,10 +3008,10 @@ const qr = (r, e) => {
         "mask-r-to": P()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": v()
+        "mask-r-from": b()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": v()
+        "mask-r-to": b()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": P()
@@ -3010,10 +3020,10 @@ const qr = (r, e) => {
         "mask-b-to": P()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": v()
+        "mask-b-from": b()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": v()
+        "mask-b-to": b()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": P()
@@ -3022,10 +3032,10 @@ const qr = (r, e) => {
         "mask-l-to": P()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": v()
+        "mask-l-from": b()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": v()
+        "mask-l-to": b()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": P()
@@ -3034,10 +3044,10 @@ const qr = (r, e) => {
         "mask-x-to": P()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": v()
+        "mask-x-from": b()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": v()
+        "mask-x-to": b()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": P()
@@ -3046,13 +3056,13 @@ const qr = (r, e) => {
         "mask-y-to": P()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": v()
+        "mask-y-from": b()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": v()
+        "mask-y-to": b()
       }],
       "mask-image-radial": [{
-        "mask-radial": [f, m]
+        "mask-radial": [m, p]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": P()
@@ -3061,10 +3071,10 @@ const qr = (r, e) => {
         "mask-radial-to": P()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": v()
+        "mask-radial-from": b()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": v()
+        "mask-radial-to": b()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -3088,10 +3098,10 @@ const qr = (r, e) => {
         "mask-conic-to": P()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": v()
+        "mask-conic-from": b()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": v()
+        "mask-conic-to": b()
       }],
       /**
        * Mask Mode
@@ -3126,7 +3136,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: se()
+        mask: ne()
       }],
       /**
        * Mask Type
@@ -3140,7 +3150,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", f, m]
+        mask: ["none", m, p]
       }],
       // ---------------
       // --- Filters ---
@@ -3154,8 +3164,8 @@ const qr = (r, e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          f,
-          m
+          m,
+          p
         ]
       }],
       /**
@@ -3170,14 +3180,14 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [C, f, m]
+        brightness: [C, m, p]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [C, f, m]
+        contrast: [C, m, p]
       }],
       /**
        * Drop Shadow
@@ -3198,42 +3208,42 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": v()
+        "drop-shadow": b()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", C, f, m]
+        grayscale: ["", C, m, p]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [C, f, m]
+        "hue-rotate": [C, m, p]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", C, f, m]
+        invert: ["", C, m, p]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [C, f, m]
+        saturate: [C, m, p]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", C, f, m]
+        sepia: ["", C, m, p]
       }],
       /**
        * Backdrop Filter
@@ -3244,8 +3254,8 @@ const qr = (r, e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          f,
-          m
+          m,
+          p
         ]
       }],
       /**
@@ -3260,56 +3270,56 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [C, f, m]
+        "backdrop-brightness": [C, m, p]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [C, f, m]
+        "backdrop-contrast": [C, m, p]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", C, f, m]
+        "backdrop-grayscale": ["", C, m, p]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [C, f, m]
+        "backdrop-hue-rotate": [C, m, p]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", C, f, m]
+        "backdrop-invert": ["", C, m, p]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [C, f, m]
+        "backdrop-opacity": [C, m, p]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [C, f, m]
+        "backdrop-saturate": [C, m, p]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", C, f, m]
+        "backdrop-sepia": ["", C, m, p]
       }],
       // --------------
       // --- Tables ---
@@ -3326,21 +3336,21 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": k()
+        "border-spacing": A()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": k()
+        "border-spacing-x": A()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": k()
+        "border-spacing-y": A()
       }],
       /**
        * Table Layout
@@ -3364,7 +3374,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", f, m]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", m, p]
       }],
       /**
        * Transition Behavior
@@ -3378,28 +3388,28 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [C, "initial", f, m]
+        duration: [C, "initial", m, p]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", B, f, m]
+        ease: ["linear", "initial", B, m, p]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [C, f, m]
+        delay: [C, m, p]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", O, f, m]
+        animate: ["none", L, m, p]
       }],
       // ------------------
       // --- Transforms ---
@@ -3416,7 +3426,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [I, f, m]
+        perspective: [I, m, p]
       }],
       /**
        * Perspective Origin
@@ -3512,7 +3522,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [f, m, "", "none", "gpu", "cpu"]
+        transform: [m, p, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -3569,7 +3579,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: v()
+        accent: b()
       }],
       /**
        * Appearance
@@ -3583,7 +3593,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: v()
+        caret: b()
       }],
       /**
        * Color Scheme
@@ -3597,7 +3607,7 @@ const qr = (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", f, m]
+        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", m, p]
       }],
       /**
        * Field Sizing
@@ -3632,126 +3642,126 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": k()
+        "scroll-m": A()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": k()
+        "scroll-mx": A()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": k()
+        "scroll-my": A()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": k()
+        "scroll-ms": A()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": k()
+        "scroll-me": A()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": k()
+        "scroll-mt": A()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": k()
+        "scroll-mr": A()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": k()
+        "scroll-mb": A()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": k()
+        "scroll-ml": A()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": k()
+        "scroll-p": A()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": k()
+        "scroll-px": A()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": k()
+        "scroll-py": A()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": k()
+        "scroll-ps": A()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": k()
+        "scroll-pe": A()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": k()
+        "scroll-pt": A()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": k()
+        "scroll-pr": A()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": k()
+        "scroll-pb": A()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": k()
+        "scroll-pl": A()
       }],
       /**
        * Scroll Snap Align
@@ -3819,7 +3829,7 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", f, m]
+        "will-change": ["auto", "scroll", "contents", "transform", m, p]
       }],
       // -----------
       // --- SVG ---
@@ -3829,21 +3839,21 @@ const qr = (r, e) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...v()]
+        fill: ["none", ...b()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [C, Ne, ve, Fe]
+        stroke: [C, Ne, ve, Oe]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...v()]
+        stroke: ["none", ...b()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3912,42 +3922,42 @@ const qr = (r, e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, Dt = /* @__PURE__ */ ut(Pt);
-function n(...r) {
+function s(...r) {
   return Dt(Qr(r));
 }
-const Ve = ne.forwardRef(
+const Ve = se.forwardRef(
   ({ className: r, variant: e = "default", size: t = "default", ...o }, i) => {
-    const l = n(
+    const l = s(
       "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-medium",
       "transition-all duration-200 ease-out",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       "disabled:pointer-events-none disabled:opacity-50",
       "active:scale-[0.98]"
-    ), s = {
-      default: n(
+    ), n = {
+      default: s(
         "bg-primary text-primary-foreground",
         "hover:bg-primary/90 hover:shadow-md hover:shadow-primary/25"
       ),
-      gradient: n(
+      gradient: s(
         "aria-gradient-bg text-white",
         "hover:opacity-90 hover:shadow-lg hover:shadow-indigo-500/25"
       ),
-      destructive: n(
+      destructive: s(
         "bg-destructive text-destructive-foreground",
         "hover:bg-destructive/90 hover:shadow-md hover:shadow-destructive/25"
       ),
-      outline: n(
+      outline: s(
         "border border-input bg-background",
         "hover:bg-accent hover:text-accent-foreground hover:border-accent"
       ),
-      secondary: n(
+      secondary: s(
         "bg-secondary text-secondary-foreground",
         "hover:bg-secondary/80"
       ),
-      ghost: n(
+      ghost: s(
         "hover:bg-accent hover:text-accent-foreground"
       ),
-      link: n(
+      link: s(
         "text-primary underline-offset-4",
         "hover:underline"
       )
@@ -3960,7 +3970,7 @@ const Ve = ne.forwardRef(
     return /* @__PURE__ */ a(
       "button",
       {
-        className: n(l, s[e], c[t], r),
+        className: s(l, n[e], c[t], r),
         ref: i,
         ...o
       }
@@ -3968,12 +3978,12 @@ const Ve = ne.forwardRef(
   }
 );
 Ve.displayName = "Button";
-const Ar = ne.forwardRef(
+const Ar = se.forwardRef(
   ({ className: r, type: e, ...t }, o) => /* @__PURE__ */ a(
     "input",
     {
       type: e,
-      className: n(
+      className: s(
         "flex h-9 w-full rounded-lg border border-input bg-background px-3 py-1 text-sm",
         "transition-all duration-200 ease-out",
         "file:border-0 file:bg-transparent file:text-sm file:font-medium",
@@ -3990,30 +4000,30 @@ const Ar = ne.forwardRef(
 Ar.displayName = "Input";
 function ke({ className: r, variant: e = "default", ...t }) {
   const o = {
-    default: n(
+    default: s(
       "border-transparent bg-primary text-white",
       "shadow-sm"
     ),
-    secondary: n(
+    secondary: s(
       "border-transparent bg-secondary text-secondary-foreground"
     ),
-    destructive: n(
+    destructive: s(
       "border-transparent bg-destructive text-destructive-foreground"
     ),
-    outline: n(
+    outline: s(
       "text-foreground border-border"
     ),
-    success: n(
+    success: s(
       "border-transparent bg-emerald-600 text-white shadow-sm"
     ),
-    warning: n(
+    warning: s(
       "border-transparent bg-amber-600 text-white shadow-sm"
     )
   };
   return /* @__PURE__ */ a(
     "div",
     {
-      className: n(
+      className: s(
         "inline-flex items-center rounded-lg border px-2 py-0.5 text-[10px] font-semibold",
         "transition-colors duration-200",
         o[e],
@@ -4023,11 +4033,11 @@ function ke({ className: r, variant: e = "default", ...t }) {
     }
   );
 }
-const kr = ne.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+const kr = se.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
-    className: n(
+    className: s(
       "rounded-lg border bg-card text-card-foreground",
       "shadow-sm transition-shadow duration-200",
       "hover:shadow-md",
@@ -4037,20 +4047,20 @@ const kr = ne.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   }
 ));
 kr.displayName = "Card";
-const Vt = ne.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+const Vt = se.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
-    className: n("flex flex-col space-y-1.5 p-6", r),
+    className: s("flex flex-col space-y-1.5 p-6", r),
     ...e
   }
 ));
 Vt.displayName = "CardHeader";
-const Wt = ne.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+const Wt = se.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   "h3",
   {
     ref: t,
-    className: n(
+    className: s(
       "text-xl font-semibold leading-none tracking-tight",
       r
     ),
@@ -4058,31 +4068,31 @@ const Wt = ne.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   }
 ));
 Wt.displayName = "CardTitle";
-const jt = ne.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+const jt = se.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   "p",
   {
     ref: t,
-    className: n("text-sm text-muted-foreground", r),
+    className: s("text-sm text-muted-foreground", r),
     ...e
   }
 ));
 jt.displayName = "CardDescription";
-const Bt = ne.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a("div", { ref: t, className: n("p-6 pt-0", r), ...e }));
+const Bt = se.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a("div", { ref: t, className: s("p-6 pt-0", r), ...e }));
 Bt.displayName = "CardContent";
-const Ht = ne.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+const Ft = se.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
-    className: n("flex items-center p-6 pt-0", r),
+    className: s("flex items-center p-6 pt-0", r),
     ...e
   }
 ));
-Ht.displayName = "CardFooter";
-const Lt = ({ compact: r = !1 }) => {
-  const { sessionState: e, triggerSession: t, theme: o } = Se(), i = o === "dark", l = (s) => {
-    if (!s) return "N/A";
+Ft.displayName = "CardFooter";
+const Ht = ({ compact: r = !1 }) => {
+  const { sessionState: e, triggerSession: t, theme: o } = Se(), i = o === "dark", l = (n) => {
+    if (!n) return "N/A";
     try {
-      const c = new Date(s), d = /* @__PURE__ */ new Date(), g = c.getTime() - d.getTime();
+      const c = new Date(n), d = /* @__PURE__ */ new Date(), g = c.getTime() - d.getTime();
       if (g < 0) return "Expired";
       const w = Math.floor(g / 6e4), E = Math.floor(w / 60);
       return E > 0 ? `${E}h ${w % 60}m` : w > 0 ? `${w}m` : "Less than 1m";
@@ -4090,24 +4100,24 @@ const Lt = ({ compact: r = !1 }) => {
       return "Invalid date";
     }
   };
-  return r ? /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
-    e.isSessionReady ? /* @__PURE__ */ y(ke, { variant: "success", className: "gap-1", children: [
+  return r ? /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+    e.isSessionReady ? /* @__PURE__ */ v(ke, { variant: "success", className: "gap-1", children: [
       /* @__PURE__ */ a(Je, { className: "h-3 w-3" }),
       "Session Active"
-    ] }) : e.lastError ? /* @__PURE__ */ y(ke, { variant: "destructive", className: "gap-1", children: [
-      /* @__PURE__ */ a(He, { className: "h-3 w-3" }),
+    ] }) : e.lastError ? /* @__PURE__ */ v(ke, { variant: "destructive", className: "gap-1", children: [
+      /* @__PURE__ */ a(Fe, { className: "h-3 w-3" }),
       "Error"
-    ] }) : /* @__PURE__ */ y(ke, { variant: "secondary", className: "gap-1", children: [
+    ] }) : /* @__PURE__ */ v(ke, { variant: "secondary", className: "gap-1", children: [
       /* @__PURE__ */ a(Xe, { className: "h-3 w-3" }),
       "Ready"
     ] }),
-    !e.isSessionReady && /* @__PURE__ */ y(
+    !e.isSessionReady && /* @__PURE__ */ v(
       Ve,
       {
         variant: "outline",
         size: "sm",
         onClick: () => t({ userTrigger: !0 }),
-        className: n(
+        className: s(
           "h-7 text-[10px] px-2.5 rounded-lg",
           i ? "border-gray-700 hover:bg-gray-800 hover:border-gray-600" : "border-gray-200 hover:bg-gray-50 hover:border-gray-300"
         ),
@@ -4117,80 +4127,80 @@ const Lt = ({ compact: r = !1 }) => {
         ]
       }
     )
-  ] }) : /* @__PURE__ */ a(kr, { className: n(
+  ] }) : /* @__PURE__ */ a(kr, { className: s(
     "p-3 border",
     i ? "bg-gray-800/50 border-gray-700/50" : "bg-gray-50 border-gray-100"
-  ), children: /* @__PURE__ */ y("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ y("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ a("div", { className: n(
+  ), children: /* @__PURE__ */ v("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ v("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a("div", { className: s(
           "w-6 h-6 rounded-md flex items-center justify-center",
           e.isSessionReady ? "bg-emerald-100 dark:bg-emerald-500/20" : i ? "bg-gray-800" : "bg-gray-100"
-        ), children: /* @__PURE__ */ a(Xe, { className: n(
+        ), children: /* @__PURE__ */ a(Xe, { className: s(
           "h-3.5 w-3.5",
           e.isSessionReady ? "text-emerald-600 dark:text-emerald-400" : i ? "text-gray-400" : "text-gray-500"
         ) }) }),
-        /* @__PURE__ */ a("h3", { className: n(
+        /* @__PURE__ */ a("h3", { className: s(
           "text-xs font-semibold",
           i ? "text-white" : "text-gray-900"
         ), children: "Session" })
       ] }),
-      e.isSessionReady ? /* @__PURE__ */ y(ke, { variant: "success", children: [
+      e.isSessionReady ? /* @__PURE__ */ v(ke, { variant: "success", children: [
         /* @__PURE__ */ a(Je, { className: "h-3 w-3 mr-1" }),
         "Active"
-      ] }) : e.lastError ? /* @__PURE__ */ y(ke, { variant: "destructive", children: [
-        /* @__PURE__ */ a(He, { className: "h-3 w-3 mr-1" }),
+      ] }) : e.lastError ? /* @__PURE__ */ v(ke, { variant: "destructive", children: [
+        /* @__PURE__ */ a(Fe, { className: "h-3 w-3 mr-1" }),
         "Error"
       ] }) : /* @__PURE__ */ a(ke, { variant: "secondary", children: "Not Started" })
     ] }),
-    /* @__PURE__ */ y("div", { className: "space-y-2", children: [
-      e.session_id && /* @__PURE__ */ y("div", { className: n(
+    /* @__PURE__ */ v("div", { className: "space-y-2", children: [
+      e.session_id && /* @__PURE__ */ v("div", { className: s(
         "flex items-start gap-2 p-2 rounded-lg",
         i ? "bg-gray-800/50 border border-gray-700/50" : "bg-white border border-gray-100"
       ), children: [
-        /* @__PURE__ */ a("span", { className: n(
+        /* @__PURE__ */ a("span", { className: s(
           "text-[10px] font-medium min-w-[60px] uppercase tracking-wide",
           i ? "text-gray-400" : "text-gray-500"
         ), children: "ID" }),
-        /* @__PURE__ */ a("span", { className: n(
+        /* @__PURE__ */ a("span", { className: s(
           "text-[10px] font-mono break-all",
           i ? "text-gray-300" : "text-gray-700"
         ), children: e.session_id })
       ] }),
-      e.expires_at && /* @__PURE__ */ y("div", { className: n(
+      e.expires_at && /* @__PURE__ */ v("div", { className: s(
         "flex items-center gap-2 p-2 rounded-lg",
         i ? "bg-gray-800/50 border border-gray-700/50" : "bg-white border border-gray-100"
       ), children: [
-        /* @__PURE__ */ a(zr, { className: n("h-3.5 w-3.5", i ? "text-gray-500" : "text-gray-400") }),
-        /* @__PURE__ */ y("span", { className: n("text-xs", i ? "text-gray-400" : "text-gray-600"), children: [
+        /* @__PURE__ */ a(zr, { className: s("h-3.5 w-3.5", i ? "text-gray-500" : "text-gray-400") }),
+        /* @__PURE__ */ v("span", { className: s("text-xs", i ? "text-gray-400" : "text-gray-600"), children: [
           "Expires in: ",
           /* @__PURE__ */ a("span", { className: "font-medium", children: l(e.expires_at) })
         ] })
       ] }),
-      e.lastError && /* @__PURE__ */ y("div", { className: n(
+      e.lastError && /* @__PURE__ */ v("div", { className: s(
         "flex items-start gap-3 p-3 rounded-xl border",
         i ? "bg-red-950/30 border-red-900/50" : "bg-red-50 border-red-100"
       ), children: [
-        /* @__PURE__ */ a("div", { className: "w-6 h-6 rounded-lg bg-red-500 flex items-center justify-center shrink-0", children: /* @__PURE__ */ a(He, { className: "h-3.5 w-3.5 text-white" }) }),
-        /* @__PURE__ */ y("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ a("p", { className: n(
+        /* @__PURE__ */ a("div", { className: "w-6 h-6 rounded-lg bg-red-500 flex items-center justify-center shrink-0", children: /* @__PURE__ */ a(Fe, { className: "h-3.5 w-3.5 text-white" }) }),
+        /* @__PURE__ */ v("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ a("p", { className: s(
             "text-xs font-medium mb-0.5",
             i ? "text-red-300" : "text-red-800"
           ), children: "Connection Error" }),
-          /* @__PURE__ */ a("p", { className: n(
+          /* @__PURE__ */ a("p", { className: s(
             "text-[11px] leading-relaxed break-words",
             i ? "text-red-400" : "text-red-600"
           ), children: e.lastError })
         ] })
       ] })
     ] }),
-    !e.isSessionReady && /* @__PURE__ */ y(
+    !e.isSessionReady && /* @__PURE__ */ v(
       Ve,
       {
         variant: "outline",
         size: "sm",
         onClick: () => t({ userTrigger: !0 }),
-        className: n(
+        className: s(
           "w-full",
           i ? "border-gray-700 hover:bg-gray-800 hover:border-gray-600" : "border-gray-200 hover:bg-gray-50 hover:border-gray-300"
         ),
@@ -4201,15 +4211,15 @@ const Lt = ({ compact: r = !1 }) => {
       }
     )
   ] }) });
-}, Ft = () => {
-  const { chatMessages: r, sendMessage: e, isConnected: t, theme: o } = Se(), [i, l] = T(""), [s, c] = T(!1), d = he(null), g = o === "dark", w = () => {
+}, Ot = () => {
+  const { chatMessages: r, sendMessage: e, isConnected: t, theme: o } = Se(), [i, l] = N(""), [n, c] = N(!1), d = he(null), g = o === "dark", w = () => {
     d.current?.scrollIntoView({ behavior: "smooth" });
   };
   te(() => {
     w();
   }, [r]);
   const E = async () => {
-    if (!i.trim() || !t || s) return;
+    if (!i.trim() || !t || n) return;
     const x = i.trim();
     l(""), c(!0);
     try {
@@ -4219,59 +4229,59 @@ const Lt = ({ compact: r = !1 }) => {
     } finally {
       c(!1);
     }
-  }, R = (x) => {
+  }, T = (x) => {
     x.key === "Enter" && !x.shiftKey && (x.preventDefault(), E());
   }, V = (x) => new Date(x).toLocaleTimeString("en-US", {
     hour: "2-digit",
     minute: "2-digit"
   });
-  return /* @__PURE__ */ y("div", { className: n(
+  return /* @__PURE__ */ v("div", { className: s(
     "flex flex-col h-full",
     g ? "bg-gray-950" : "bg-white"
   ), children: [
-    /* @__PURE__ */ a("div", { className: n(
+    /* @__PURE__ */ a("div", { className: s(
       "px-4 py-3 border-b",
       g ? "border-gray-800 bg-gray-900" : "border-gray-100 bg-white"
-    ), children: /* @__PURE__ */ y("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ a("div", { className: n(
+    ), children: /* @__PURE__ */ v("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a("div", { className: s(
           "w-7 h-7 rounded-lg flex items-center justify-center",
           g ? "bg-indigo-900/30" : "bg-indigo-100"
-        ), children: /* @__PURE__ */ a(nr, { className: n(
+        ), children: /* @__PURE__ */ a(sr, { className: s(
           "w-4 h-4",
           g ? "text-indigo-400" : "text-indigo-600"
         ) }) }),
-        /* @__PURE__ */ a("h3", { className: n(
+        /* @__PURE__ */ a("h3", { className: s(
           "font-bold text-sm",
           g ? "text-white" : "text-gray-900"
         ), children: "Chat with Aria" })
       ] }),
-      /* @__PURE__ */ a(Lt, { compact: !0 })
+      /* @__PURE__ */ a(Ht, { compact: !0 })
     ] }) }),
-    /* @__PURE__ */ y("div", { className: n(
+    /* @__PURE__ */ v("div", { className: s(
       "flex-1 overflow-y-auto p-4 space-y-4",
       g ? "bg-gray-900/30" : "bg-gray-50/30"
     ), children: [
-      r.length === 0 ? /* @__PURE__ */ y("div", { className: "flex flex-col items-center justify-center h-full text-center px-4 aria-animate-fade-in", children: [
-        /* @__PURE__ */ a("div", { className: n(
+      r.length === 0 ? /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center h-full text-center px-4 aria-animate-fade-in", children: [
+        /* @__PURE__ */ a("div", { className: s(
           "rounded-2xl p-6 mb-4",
           g ? "bg-gradient-to-br from-indigo-900/20 to-purple-900/20" : "bg-gradient-to-br from-indigo-50 to-purple-50"
-        ), children: /* @__PURE__ */ a(Oe, { className: n(
+        ), children: /* @__PURE__ */ a(Le, { className: s(
           "h-8 w-8",
           g ? "text-indigo-400" : "text-indigo-500"
         ) }) }),
-        /* @__PURE__ */ a("p", { className: n(
+        /* @__PURE__ */ a("p", { className: s(
           "text-sm font-bold mb-1",
           g ? "text-white" : "text-gray-900"
         ), children: "Let's talk!" }),
-        /* @__PURE__ */ a("p", { className: n(
+        /* @__PURE__ */ a("p", { className: s(
           "text-xs",
           g ? "text-gray-400" : "text-gray-500"
         ), children: "Aria is here to chat with you" })
-      ] }) : r.filter((x) => x.content && x.content.trim() !== "").map((x, I) => /* @__PURE__ */ y(
+      ] }) : r.filter((x) => x.content && x.content.trim() !== "").map((x, I) => /* @__PURE__ */ v(
         "div",
         {
-          className: n(
+          className: s(
             "flex gap-2 aria-animate-fade-in",
             x.role === "user" ? "flex-row-reverse" : "flex-row"
           ),
@@ -4280,17 +4290,17 @@ const Lt = ({ compact: r = !1 }) => {
             /* @__PURE__ */ a(
               "div",
               {
-                className: n(
+                className: s(
                   "shrink-0 w-6 h-6 rounded-full flex items-center justify-center",
                   x.role === "user" ? "bg-indigo-500 text-white" : g ? "bg-gray-700 text-gray-300" : "bg-gray-200 text-gray-600"
                 ),
                 children: x.role === "user" ? /* @__PURE__ */ a(Ir, { className: "h-3 w-3" }) : /* @__PURE__ */ a(Pr, { className: "h-3 w-3" })
               }
             ),
-            /* @__PURE__ */ y(
+            /* @__PURE__ */ v(
               "div",
               {
-                className: n(
+                className: s(
                   "flex flex-col max-w-[80%]",
                   x.role === "user" ? "items-end" : "items-start"
                 ),
@@ -4298,17 +4308,17 @@ const Lt = ({ compact: r = !1 }) => {
                   /* @__PURE__ */ a(
                     "div",
                     {
-                      className: n(
+                      className: s(
                         "px-3 py-2 rounded-2xl",
                         x.role === "user" ? "bg-indigo-500 text-white rounded-br-md" : g ? "bg-gray-800 text-gray-100 rounded-bl-md" : "bg-white shadow-sm text-gray-800 rounded-bl-md"
                       ),
-                      children: /* @__PURE__ */ a("p", { className: n(
+                      children: /* @__PURE__ */ a("p", { className: s(
                         "text-xs leading-relaxed break-words",
                         x.role === "user" && "text-white"
                       ), children: x.content })
                     }
                   ),
-                  /* @__PURE__ */ a("span", { className: n(
+                  /* @__PURE__ */ a("span", { className: s(
                     "text-[9px] mt-1 px-1",
                     g ? "text-gray-500" : "text-gray-400"
                   ), children: V(x.timestamp) })
@@ -4321,10 +4331,10 @@ const Lt = ({ compact: r = !1 }) => {
       )),
       /* @__PURE__ */ a("div", { ref: d })
     ] }),
-    /* @__PURE__ */ a("div", { className: n(
+    /* @__PURE__ */ a("div", { className: s(
       "p-3 border-t",
       g ? "border-gray-800 bg-gray-900" : "border-gray-100 bg-white"
-    ), children: /* @__PURE__ */ y("div", { className: n(
+    ), children: /* @__PURE__ */ v("div", { className: s(
       "flex gap-2 p-1 rounded-lg border transition-all duration-200",
       g ? "bg-gray-850 border-gray-700 focus-within:border-primary/50" : "bg-gray-50 border-gray-200 focus-within:border-primary/50 focus-within:bg-white"
     ), children: [
@@ -4333,10 +4343,10 @@ const Lt = ({ compact: r = !1 }) => {
         {
           value: i,
           onChange: (x) => l(x.target.value),
-          onKeyDown: R,
+          onKeyDown: T,
           placeholder: t ? "Message Aria..." : "Connecting...",
-          disabled: !t || s,
-          className: n(
+          disabled: !t || n,
+          className: s(
             "flex-1 border-0 bg-transparent shadow-none focus-visible:ring-0 px-2 h-8 text-xs",
             g ? "placeholder:text-gray-500" : "placeholder:text-gray-400"
           )
@@ -4346,9 +4356,9 @@ const Lt = ({ compact: r = !1 }) => {
         Ve,
         {
           onClick: E,
-          disabled: !t || !i.trim() || s,
+          disabled: !t || !i.trim() || n,
           size: "icon",
-          className: n(
+          className: s(
             "h-7 w-7 rounded-md shrink-0 transition-all duration-200",
             "bg-primary hover:bg-primary/90 disabled:opacity-40"
           ),
@@ -4363,29 +4373,29 @@ const Lt = ({ compact: r = !1 }) => {
     isLoading: o,
     isChatVisible: i,
     isMuted: l,
-    liveTranscript: s,
+    liveTranscript: n,
     error: c,
     toggleChat: d,
     toggleMute: g,
     displayMode: w,
     theme: E,
-    setVideoElement: R,
+    setVideoElement: T,
     isSessionPreloaded: V,
     refreshSession: x,
     minimizeAssistant: I,
     maximizeAssistant: j,
     toolCallState: B
-  } = Se(), O = he(null), D = he(null);
+  } = Se(), L = he(null), D = he(null);
   te(() => {
     D.current && (D.current.scrollTop = D.current.scrollHeight);
-  }, [s]), te(() => (O.current && (console.log("[AriaWidget] Registering video element, preloaded:", V, "minimized:", e), R(O.current)), () => {
-    R(null);
-  }), [R, V, e]);
+  }, [n]), te(() => (L.current && (console.log("[AriaWidget] Registering video element, preloaded:", V, "minimized:", e), T(L.current)), () => {
+    T(null);
+  }), [T, V, e]);
   const h = E === "dark", _ = w === "bottom-right", J = w === "center";
   return e ? /* @__PURE__ */ a(
     "div",
     {
-      className: n(
+      className: s(
         "aria-assistant-container flex flex-col overflow-hidden aria-animate-scale-in",
         h && "aria-dark",
         "shadow-2xl rounded-xl",
@@ -4399,23 +4409,23 @@ const Lt = ({ compact: r = !1 }) => {
         backdropFilter: "blur(8px)",
         WebkitBackdropFilter: "blur(8px)"
       },
-      children: /* @__PURE__ */ y("div", { className: n(
+      children: /* @__PURE__ */ v("div", { className: s(
         "relative flex-1 flex items-center justify-center overflow-hidden",
         h ? "bg-gradient-to-br from-gray-900 to-black" : "bg-gradient-to-br from-gray-100 to-gray-50"
       ), children: [
         /* @__PURE__ */ a(
           "video",
           {
-            ref: O,
+            ref: L,
             autoPlay: !0,
             playsInline: !0,
             className: "w-full h-full object-cover"
           }
         ),
-        B.isActive && t && /* @__PURE__ */ y(
+        B.isActive && t && /* @__PURE__ */ v(
           "div",
           {
-            className: n(
+            className: s(
               "absolute top-3 left-3 aria-animate-fade-in z-20",
               "flex items-center gap-2 px-3 py-2 rounded-lg",
               "shadow-lg",
@@ -4423,24 +4433,24 @@ const Lt = ({ compact: r = !1 }) => {
             ),
             style: { backdropFilter: "blur(8px)" },
             children: [
-              /* @__PURE__ */ a("div", { className: n(
+              /* @__PURE__ */ a("div", { className: s(
                 "w-5 h-5 rounded-full flex items-center justify-center",
                 h ? "bg-amber-800/50" : "bg-amber-100"
-              ), children: /* @__PURE__ */ a(Ze, { className: n(
+              ), children: /* @__PURE__ */ a(Ze, { className: s(
                 "w-3 h-3 animate-pulse",
                 h ? "text-amber-400" : "text-amber-600"
               ) }) }),
-              /* @__PURE__ */ a("span", { className: n(
+              /* @__PURE__ */ a("span", { className: s(
                 "text-[10px] font-semibold",
                 h ? "text-amber-200" : "text-amber-800"
               ), children: B.toolName ? B.toolName.replace(/_/g, " ") : "Processing..." })
             ]
           }
         ),
-        t && !c && /* @__PURE__ */ y(
+        t && !c && /* @__PURE__ */ v(
           "div",
           {
-            className: n(
+            className: s(
               "absolute bottom-3 left-1/2 transform -translate-x-1/2 z-20",
               "flex items-center gap-1 p-1 rounded-full",
               "shadow-xl",
@@ -4452,7 +4462,7 @@ const Lt = ({ compact: r = !1 }) => {
                 "button",
                 {
                   onClick: g,
-                  className: n(
+                  className: s(
                     "w-8 h-8 rounded-full flex items-center justify-center transition-all duration-200",
                     "border-0 outline-none focus:outline-none shadow-sm",
                     l ? "bg-red-500 hover:bg-red-600 text-white" : h ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
@@ -4465,7 +4475,7 @@ const Lt = ({ compact: r = !1 }) => {
                 "button",
                 {
                   onClick: j,
-                  className: n(
+                  className: s(
                     "w-8 h-8 rounded-full flex items-center justify-center transition-all duration-200",
                     "border-0 outline-none focus:outline-none shadow-sm",
                     h ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white"
@@ -4486,19 +4496,19 @@ const Lt = ({ compact: r = !1 }) => {
             ]
           }
         ),
-        o && /* @__PURE__ */ y("div", { className: n(
+        o && /* @__PURE__ */ v("div", { className: s(
           "absolute inset-0 flex flex-col items-center justify-center z-10",
           h ? "bg-gradient-to-br from-gray-900 to-gray-950" : "bg-gradient-to-br from-gray-50 to-white"
         ), children: [
-          /* @__PURE__ */ y("div", { className: "relative mb-3", children: [
-            /* @__PURE__ */ a("div", { className: n(
+          /* @__PURE__ */ v("div", { className: "relative mb-3", children: [
+            /* @__PURE__ */ a("div", { className: s(
               "absolute -inset-2 rounded-full animate-spin",
               h ? "bg-gradient-to-r from-indigo-400 via-purple-400 to-pink-400" : "bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500"
-            ), style: { animationDuration: "3s" }, children: /* @__PURE__ */ a("div", { className: n(
+            ), style: { animationDuration: "3s" }, children: /* @__PURE__ */ a("div", { className: s(
               "absolute inset-[2px] rounded-full",
               h ? "bg-gray-900" : "bg-white"
             ) }) }),
-            /* @__PURE__ */ a("div", { className: n(
+            /* @__PURE__ */ a("div", { className: s(
               "relative w-12 h-12 rounded-full overflow-hidden shadow-lg",
               h ? "bg-gray-800 ring-2 ring-gray-900" : "bg-gray-100 ring-2 ring-white"
             ), children: /* @__PURE__ */ a(
@@ -4507,31 +4517,31 @@ const Lt = ({ compact: r = !1 }) => {
                 src: Ge,
                 alt: "Aria",
                 className: "w-full h-full object-cover",
-                onError: (H) => {
-                  H.currentTarget.style.display = "none";
+                onError: (F) => {
+                  F.currentTarget.style.display = "none";
                 }
               }
             ) })
           ] }),
-          /* @__PURE__ */ a("p", { className: n(
+          /* @__PURE__ */ a("p", { className: s(
             "text-xs font-medium",
             h ? "text-gray-400" : "text-gray-600"
           ), children: "Connecting..." })
         ] }),
-        c && /* @__PURE__ */ y("div", { className: n(
+        c && /* @__PURE__ */ v("div", { className: s(
           "absolute inset-0 flex flex-col items-center justify-center z-10 p-4",
           h ? "bg-gray-950/90" : "bg-white/90"
         ), children: [
           /* @__PURE__ */ a("div", { className: "w-10 h-10 rounded-full bg-red-500/10 flex items-center justify-center mb-2", children: /* @__PURE__ */ a(_e, { className: "w-5 h-5 text-red-500" }) }),
-          /* @__PURE__ */ a("p", { className: n(
+          /* @__PURE__ */ a("p", { className: s(
             "text-xs font-medium text-center mb-2",
             h ? "text-red-300" : "text-red-700"
           ), children: "Connection error" }),
-          /* @__PURE__ */ y(
+          /* @__PURE__ */ v(
             "button",
             {
               onClick: () => x(),
-              className: n(
+              className: s(
                 "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium",
                 "transition-all duration-200",
                 h ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white"
@@ -4548,7 +4558,7 @@ const Lt = ({ compact: r = !1 }) => {
   ) : /* @__PURE__ */ a(
     "div",
     {
-      className: n(
+      className: s(
         "aria-assistant-container flex flex-col overflow-hidden aria-animate-scale-in",
         h && "aria-dark",
         // Base styling
@@ -4569,47 +4579,47 @@ const Lt = ({ compact: r = !1 }) => {
         backdropFilter: "blur(8px)",
         WebkitBackdropFilter: "blur(8px)"
       },
-      children: /* @__PURE__ */ y("div", { className: "flex-1 flex overflow-hidden min-h-0", children: [
-        /* @__PURE__ */ y("div", { className: n(
+      children: /* @__PURE__ */ v("div", { className: "flex-1 flex overflow-hidden min-h-0", children: [
+        /* @__PURE__ */ v("div", { className: s(
           "relative flex items-center justify-center overflow-hidden",
           h ? "bg-gradient-to-br from-gray-900 to-black" : "bg-gradient-to-br from-gray-100 to-gray-50",
           i ? "flex-1" : "w-full"
         ), children: [
-          o && /* @__PURE__ */ y(
+          o && /* @__PURE__ */ v(
             "div",
             {
-              className: n(
+              className: s(
                 "absolute inset-0 flex flex-col items-center justify-center z-10",
                 h ? "bg-gradient-to-br from-gray-900 to-gray-950" : "bg-gradient-to-br from-gray-50 to-white"
               ),
               children: [
-                /* @__PURE__ */ y("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
-                  /* @__PURE__ */ a("div", { className: n(
+                /* @__PURE__ */ v("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
+                  /* @__PURE__ */ a("div", { className: s(
                     "absolute w-96 h-96 rounded-full opacity-20 blur-3xl",
                     "animate-pulse",
                     h ? "bg-indigo-900" : "bg-indigo-300"
                   ), style: { top: "20%", left: "10%", animationDuration: "3s" } }),
-                  /* @__PURE__ */ a("div", { className: n(
+                  /* @__PURE__ */ a("div", { className: s(
                     "absolute w-64 h-64 rounded-full opacity-20 blur-3xl",
                     "animate-pulse",
                     h ? "bg-purple-900" : "bg-purple-300"
                   ), style: { bottom: "20%", right: "10%", animationDuration: "4s", animationDelay: "1s" } })
                 ] }),
-                /* @__PURE__ */ y("div", { className: "relative flex flex-col items-center", children: [
-                  /* @__PURE__ */ y("div", { className: "relative mb-6", children: [
-                    /* @__PURE__ */ a("div", { className: n(
+                /* @__PURE__ */ v("div", { className: "relative flex flex-col items-center", children: [
+                  /* @__PURE__ */ v("div", { className: "relative mb-6", children: [
+                    /* @__PURE__ */ a("div", { className: s(
                       "absolute -inset-3 rounded-full",
                       "animate-spin",
                       h ? "bg-gradient-to-r from-indigo-400 via-purple-400 to-pink-400" : "bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500"
-                    ), style: { animationDuration: "3s" }, children: /* @__PURE__ */ a("div", { className: n(
+                    ), style: { animationDuration: "3s" }, children: /* @__PURE__ */ a("div", { className: s(
                       "absolute inset-[3px] rounded-full",
                       h ? "bg-gray-900" : "bg-white"
                     ) }) }),
-                    /* @__PURE__ */ a("div", { className: n(
+                    /* @__PURE__ */ a("div", { className: s(
                       "absolute -inset-1.5 rounded-full opacity-60 animate-pulse",
                       h ? "bg-gradient-to-r from-indigo-500 to-purple-500" : "bg-gradient-to-r from-indigo-400 to-purple-400"
                     ) }),
-                    /* @__PURE__ */ a("div", { className: n(
+                    /* @__PURE__ */ a("div", { className: s(
                       "relative w-20 h-20 rounded-full overflow-hidden",
                       "shadow-xl",
                       h ? "bg-gray-800 ring-4 ring-gray-900" : "bg-gray-100 ring-4 ring-white"
@@ -4619,31 +4629,31 @@ const Lt = ({ compact: r = !1 }) => {
                         src: Ge,
                         alt: "Aria",
                         className: "w-full h-full object-cover",
-                        onError: (H) => {
-                          H.currentTarget.style.display = "none";
+                        onError: (F) => {
+                          F.currentTarget.style.display = "none";
                         }
                       }
                     ) })
                   ] }),
-                  /* @__PURE__ */ a("h3", { className: n(
+                  /* @__PURE__ */ a("h3", { className: s(
                     "text-2xl font-bold tracking-tight mb-2",
                     h ? "text-white" : "text-gray-900"
                   ), children: "Aria is joining..." }),
-                  /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 mb-6", children: [0, 1, 2].map((H) => /* @__PURE__ */ a(
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 mb-6", children: [0, 1, 2].map((F) => /* @__PURE__ */ a(
                     "div",
                     {
-                      className: n(
+                      className: s(
                         "w-2.5 h-2.5 rounded-full",
                         h ? "bg-indigo-400" : "bg-indigo-500"
                       ),
                       style: {
                         animation: "aria-loading-bounce 1.4s ease-in-out infinite",
-                        animationDelay: `${H * 0.15}s`
+                        animationDelay: `${F * 0.15}s`
                       }
                     },
-                    H
+                    F
                   )) }),
-                  /* @__PURE__ */ a("p", { className: n(
+                  /* @__PURE__ */ a("p", { className: s(
                     "text-sm font-medium px-4 py-2 rounded-full",
                     h ? "bg-gray-800 text-gray-400" : "bg-gray-100 text-gray-600"
                   ), children: "Get ready to chat" })
@@ -4654,30 +4664,30 @@ const Lt = ({ compact: r = !1 }) => {
           c && /* @__PURE__ */ a(
             "div",
             {
-              className: n(
+              className: s(
                 "absolute inset-0 flex flex-col items-center justify-center z-10 p-6",
                 h ? "bg-gray-950/80" : "bg-white/80"
               ),
               style: { backdropFilter: "blur(4px)" },
-              children: /* @__PURE__ */ a("div", { className: n(
+              children: /* @__PURE__ */ a("div", { className: s(
                 "rounded-lg p-6 max-w-sm w-full shadow-lg border",
                 h ? "bg-gray-900 border-red-900/30" : "bg-white border-red-100"
-              ), children: /* @__PURE__ */ y("div", { className: "flex flex-col items-center text-center gap-3", children: [
+              ), children: /* @__PURE__ */ v("div", { className: "flex flex-col items-center text-center gap-3", children: [
                 /* @__PURE__ */ a("div", { className: "w-12 h-12 rounded-full bg-red-500/10 flex items-center justify-center", children: /* @__PURE__ */ a(_e, { className: "w-6 h-6 text-red-500" }) }),
-                /* @__PURE__ */ y("div", { children: [
-                  /* @__PURE__ */ a("p", { className: n(
+                /* @__PURE__ */ v("div", { children: [
+                  /* @__PURE__ */ a("p", { className: s(
                     "text-base font-bold mb-2",
                     h ? "text-red-200" : "text-red-900"
                   ), children: "Couldn't reach Aria" }),
-                  /* @__PURE__ */ a("p", { className: n(
+                  /* @__PURE__ */ a("p", { className: s(
                     "text-sm leading-relaxed mb-4",
                     h ? "text-red-400" : "text-red-600"
                   ), children: c }),
-                  /* @__PURE__ */ y(
+                  /* @__PURE__ */ v(
                     "button",
                     {
                       onClick: () => x(),
-                      className: n(
+                      className: s(
                         "inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium",
                         "transition-all duration-200",
                         h ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white"
@@ -4695,16 +4705,16 @@ const Lt = ({ compact: r = !1 }) => {
           /* @__PURE__ */ a(
             "video",
             {
-              ref: O,
+              ref: L,
               autoPlay: !0,
               playsInline: !0,
               className: "w-full h-full object-contain"
             }
           ),
-          B.isActive && t && /* @__PURE__ */ y(
+          B.isActive && t && /* @__PURE__ */ v(
             "div",
             {
-              className: n(
+              className: s(
                 "absolute top-3 left-3 aria-animate-fade-in z-20",
                 "flex items-center gap-2 px-3 py-2 rounded-lg",
                 "shadow-lg",
@@ -4712,59 +4722,59 @@ const Lt = ({ compact: r = !1 }) => {
               ),
               style: { backdropFilter: "blur(8px)" },
               children: [
-                /* @__PURE__ */ a("div", { className: n(
+                /* @__PURE__ */ a("div", { className: s(
                   "w-6 h-6 rounded-full flex items-center justify-center",
                   h ? "bg-amber-800/50" : "bg-amber-100"
-                ), children: /* @__PURE__ */ a(Ze, { className: n(
+                ), children: /* @__PURE__ */ a(Ze, { className: s(
                   "w-3.5 h-3.5 animate-pulse",
                   h ? "text-amber-400" : "text-amber-600"
                 ) }) }),
-                /* @__PURE__ */ y("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ a("span", { className: n(
+                /* @__PURE__ */ v("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ a("span", { className: s(
                     "text-xs font-semibold",
                     h ? "text-amber-200" : "text-amber-800"
                   ), children: B.toolName ? `Running: ${B.toolName.replace(/_/g, " ")}` : "Processing..." }),
-                  /* @__PURE__ */ a("span", { className: n(
+                  /* @__PURE__ */ a("span", { className: s(
                     "text-[10px]",
                     h ? "text-amber-400" : "text-amber-600"
                   ), children: "Please wait..." })
                 ] }),
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-0.5 ml-1", children: [0, 1, 2].map((H) => /* @__PURE__ */ a(
+                /* @__PURE__ */ a("div", { className: "flex items-center gap-0.5 ml-1", children: [0, 1, 2].map((F) => /* @__PURE__ */ a(
                   "div",
                   {
-                    className: n(
+                    className: s(
                       "w-1.5 h-1.5 rounded-full",
                       h ? "bg-amber-400" : "bg-amber-500"
                     ),
                     style: {
                       animation: "aria-loading-bounce 1.4s ease-in-out infinite",
-                      animationDelay: `${H * 0.15}s`
+                      animationDelay: `${F * 0.15}s`
                     }
                   },
-                  H
+                  F
                 )) })
               ]
             }
           ),
-          s && t && !B.isActive && /* @__PURE__ */ a(
+          n && t && !B.isActive && /* @__PURE__ */ a(
             "div",
             {
-              className: n(
+              className: s(
                 "absolute top-0 left-0 right-0 aria-animate-fade-in",
                 "px-4 py-2",
                 h ? "bg-gradient-to-b from-white/60 to-transparent text-gray-900" : "bg-gradient-to-b from-black/60 to-transparent text-white"
               ),
               style: { backdropFilter: "blur(4px)" },
-              children: /* @__PURE__ */ y("div", { className: "flex items-start gap-2 max-w-full", children: [
+              children: /* @__PURE__ */ v("div", { className: "flex items-start gap-2 max-w-full", children: [
                 /* @__PURE__ */ a("div", { className: "w-1.5 h-1.5 rounded-full bg-emerald-400 animate-pulse shrink-0 mt-1" }),
-                /* @__PURE__ */ a("p", { ref: D, className: "text-xs leading-relaxed flex-1 max-h-[3.5em] overflow-y-auto scrollbar-hide", children: s })
+                /* @__PURE__ */ a("p", { ref: D, className: "text-xs leading-relaxed flex-1 max-h-[3.5em] overflow-y-auto scrollbar-hide", children: n })
               ] })
             }
           ),
-          t && !c && /* @__PURE__ */ y(
+          t && !c && /* @__PURE__ */ v(
             "div",
             {
-              className: n(
+              className: s(
                 "absolute bottom-4 left-1/2 transform -translate-x-1/2 z-20",
                 "flex items-center gap-1.5 p-1 rounded-full",
                 "shadow-xl",
@@ -4776,20 +4786,20 @@ const Lt = ({ compact: r = !1 }) => {
                   "button",
                   {
                     onClick: d,
-                    className: n(
+                    className: s(
                       "w-9 h-9 rounded-full flex items-center justify-center transition-all duration-200",
                       "border-0 outline-none focus:outline-none shadow-sm",
                       i ? h ? "bg-indigo-600 hover:bg-indigo-700 text-white" : "bg-indigo-500 hover:bg-indigo-600 text-white" : h ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
                     ),
                     title: i ? "Hide Chat" : "Show Chat",
-                    children: /* @__PURE__ */ a(nr, { className: "h-4 w-4" })
+                    children: /* @__PURE__ */ a(sr, { className: "h-4 w-4" })
                   }
                 ),
                 /* @__PURE__ */ a(
                   "button",
                   {
                     onClick: g,
-                    className: n(
+                    className: s(
                       "w-9 h-9 rounded-full flex items-center justify-center transition-all duration-200",
                       "border-0 outline-none focus:outline-none shadow-sm",
                       l ? "bg-red-500 hover:bg-red-600 text-white" : h ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
@@ -4802,7 +4812,7 @@ const Lt = ({ compact: r = !1 }) => {
                   "button",
                   {
                     onClick: I,
-                    className: n(
+                    className: s(
                       "w-9 h-9 rounded-full flex items-center justify-center transition-all duration-200",
                       "border-0 outline-none focus:outline-none shadow-sm",
                       h ? "bg-gray-800/80 hover:bg-gray-700 text-gray-300" : "bg-gray-100/80 hover:bg-gray-200 text-gray-600"
@@ -4824,11 +4834,11 @@ const Lt = ({ compact: r = !1 }) => {
             }
           )
         ] }),
-        i && /* @__PURE__ */ a("div", { className: n(
+        i && /* @__PURE__ */ a("div", { className: s(
           "flex flex-col shrink-0 border-l",
           _ ? "w-[320px]" : "w-[360px]",
           h ? "bg-gray-900 border-gray-800" : "bg-white border-gray-100"
-        ), children: /* @__PURE__ */ a(Ft, {}) })
+        ), children: /* @__PURE__ */ a(Ot, {}) })
       ] })
     }
   );
@@ -4839,30 +4849,30 @@ const Lt = ({ compact: r = !1 }) => {
   style: o,
   as: i = "div"
 }) => {
-  const l = he(null), [s, c] = T(null);
+  const l = he(null), [n, c] = N(null);
   te(() => {
     const w = l.current;
     if (!w) return;
     let E = w.shadowRoot;
     E || (E = w.attachShadow({ mode: "open" })), c(E);
   }, []), te(() => {
-    if (!s || !e) return;
-    const w = s.querySelector("style[data-aria-styles]");
+    if (!n || !e) return;
+    const w = n.querySelector("style[data-aria-styles]");
     if (w) {
       w.textContent = e;
       return;
     }
     const E = document.createElement("style");
-    return E.setAttribute("data-aria-styles", "true"), E.textContent = e, s.prepend(E), () => {
+    return E.setAttribute("data-aria-styles", "true"), E.textContent = e, n.prepend(E), () => {
       E.remove();
     };
-  }, [s, e]);
-  const [d, g] = T(null);
+  }, [n, e]);
+  const [d, g] = N(null);
   return te(() => {
-    if (!s) return;
-    let w = s.querySelector(".aria-shadow-content");
-    w || (w = document.createElement("div"), w.className = "aria-shadow-content", s.appendChild(w)), g(w);
-  }, [s]), /* @__PURE__ */ a(
+    if (!n) return;
+    let w = n.querySelector(".aria-shadow-content");
+    w || (w = document.createElement("div"), w.className = "aria-shadow-content", n.appendChild(w)), g(w);
+  }, [n]), /* @__PURE__ */ a(
     i,
     {
       ref: l,
@@ -4875,14 +4885,14 @@ const Lt = ({ compact: r = !1 }) => {
 function je() {
   return Er;
 }
-const ao = Er, Ot = ({
+const ao = Er, Lt = ({
   label: r,
   showAvatar: e = !1,
   onTrigger: t,
   className: o,
   ...i
 }) => {
-  const { openAssistant: l, isSessionPreloaded: s, sessionManagerStatus: c, config: d, isOpen: g, theme: w } = Se(), E = r || d.triggerLabel || "Talk to Aria", R = w === "dark", V = s || c === "ready";
+  const { openAssistant: l, isSessionPreloaded: n, sessionManagerStatus: c, config: d, isOpen: g, theme: w } = Se(), E = r || d.triggerLabel || "Talk to Aria", T = w === "dark", V = n || c === "ready";
   return g ? null : /* @__PURE__ */ a(
     We,
     {
@@ -4893,24 +4903,24 @@ const ao = Er, Ot = ({
         right: "1.5rem",
         zIndex: 9997
       },
-      children: /* @__PURE__ */ a("div", { className: n("aria-assistant-container", R && "aria-dark"), children: /* @__PURE__ */ y(
+      children: /* @__PURE__ */ a("div", { className: s("aria-assistant-container", T && "aria-dark"), children: /* @__PURE__ */ v(
         "button",
         {
           onClick: (x) => {
             x.preventDefault(), l("user"), t?.();
           },
-          className: n(
+          className: s(
             "group relative flex items-center gap-3 px-3.5 py-2.5 rounded-xl",
             "transition-all duration-200 ease-out",
             "aria-animate-slide-up",
             "border-none outline-none",
             // Light mode styling
-            !R && [
+            !T && [
               "bg-white shadow-[0_8px_30px_rgb(0,0,0,0.12)]",
               "hover:bg-gray-50 hover:shadow-[0_8px_30px_rgb(0,0,0,0.16)] hover:-translate-y-0.5"
             ],
             // Dark mode styling
-            R && [
+            T && [
               "bg-gray-900 shadow-[0_8px_30px_rgb(0,0,0,0.3)]",
               "hover:bg-gray-850 hover:shadow-[0_8px_30px_rgb(0,0,0,0.4)] hover:-translate-y-0.5"
             ],
@@ -4918,10 +4928,10 @@ const ao = Er, Ot = ({
           ),
           ...i,
           children: [
-            e ? /* @__PURE__ */ y("div", { className: n(
+            e ? /* @__PURE__ */ v("div", { className: s(
               "relative w-9 h-9 rounded-lg overflow-hidden shrink-0",
               "shadow-sm transition-all duration-200",
-              R ? "bg-gray-800" : "bg-gray-100"
+              T ? "bg-gray-800" : "bg-gray-100"
             ), children: [
               /* @__PURE__ */ a(
                 "img",
@@ -4940,27 +4950,27 @@ const ao = Er, Ot = ({
                 "div",
                 {
                   className: "hidden w-full h-full items-center justify-center aria-gradient-bg text-white",
-                  children: /* @__PURE__ */ a(Oe, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ a(Le, { className: "w-4 h-4" })
                 }
               ),
-              /* @__PURE__ */ a("span", { className: n(
+              /* @__PURE__ */ a("span", { className: s(
                 "absolute bottom-0 right-0 w-2.5 h-2.5 rounded-full border-2",
-                R ? "border-gray-900" : "border-white",
+                T ? "border-gray-900" : "border-white",
                 V ? "bg-emerald-500" : "bg-amber-500 animate-pulse"
               ) })
-            ] }) : /* @__PURE__ */ a("div", { className: n(
+            ] }) : /* @__PURE__ */ a("div", { className: s(
               "relative w-9 h-9 rounded-lg flex items-center justify-center shrink-0",
               "aria-gradient-bg text-white shadow-sm",
               "transition-transform duration-200 group-hover:scale-105"
-            ), children: /* @__PURE__ */ a(Oe, { className: "w-4 h-4" }) }),
-            /* @__PURE__ */ y("div", { className: "relative flex flex-col items-start min-w-0 text-left", children: [
-              /* @__PURE__ */ a("span", { className: n(
+            ), children: /* @__PURE__ */ a(Le, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ v("div", { className: "relative flex flex-col items-start min-w-0 text-left", children: [
+              /* @__PURE__ */ a("span", { className: s(
                 "font-bold text-[13px] tracking-tight leading-none",
-                R ? "text-white" : "text-gray-900"
+                T ? "text-white" : "text-gray-900"
               ), children: E }),
-              /* @__PURE__ */ a("span", { className: n(
+              /* @__PURE__ */ a("span", { className: s(
                 "text-[10px] font-medium mt-1 leading-none opacity-70",
-                R ? "text-gray-400" : "text-gray-500"
+                T ? "text-gray-400" : "text-gray-500"
               ), children: "I'm here to chat" })
             ] })
           ]
@@ -4973,15 +4983,15 @@ const ao = Er, Ot = ({
   showAvatar: e = !0,
   triggerLabel: t
 }) => {
-  const { isOpen: o, isMinimized: i, closeAssistant: l, minimizeAssistant: s } = Se();
-  return /* @__PURE__ */ y(Re, { children: [
-    r && !o && /* @__PURE__ */ a(Ot, { showAvatar: e, label: t }),
-    o && /* @__PURE__ */ y(Re, { children: [
+  const { isOpen: o, isMinimized: i, closeAssistant: l, minimizeAssistant: n } = Se();
+  return /* @__PURE__ */ v(Te, { children: [
+    r && !o && /* @__PURE__ */ a(Lt, { showAvatar: e, label: t }),
+    o && /* @__PURE__ */ v(Te, { children: [
       !i && /* @__PURE__ */ a(
         "div",
         {
           onClick: (c) => {
-            c.preventDefault(), c.stopPropagation(), s();
+            c.preventDefault(), c.stopPropagation(), n();
           },
           style: {
             position: "fixed",
@@ -5012,11 +5022,11 @@ const ao = Er, Ot = ({
     ] })
   ] });
 }, io = ({ config: r, children: e }) => {
-  const [t, o] = T(!1), [i, l] = T(!1), [s, c] = T(!1), [d, g] = T(!1), [w, E] = T([]), [R, V] = T(""), [x, I] = T(!1), [j, B] = T(!1), [O, D] = T(null), [h, _] = T("user"), [J, H] = T("bottom-right"), [k, q] = T({
+  const [t, o] = N(!1), [i, l] = N(!1), [n, c] = N(!1), [d, g] = N(!1), [w, E] = N([]), [T, V] = N(""), [x, I] = N(!1), [j, B] = N(!1), [L, D] = N(null), [h, _] = N("user"), [J, F] = N("bottom-right"), [A, Q] = N({
     isActive: !1,
     toolName: null,
     toolData: null
-  }), [oe, X] = T({
+  }), [oe, X] = N({
     session_id: null,
     token: null,
     expires_at: null,
@@ -5024,17 +5034,17 @@ const ao = Er, Ot = ({
     lastError: null,
     isPreloaded: !1,
     isRefreshing: !1
-  }), [G, ue] = T("idle"), [ae, S] = T(!1), U = r.theme || "light", b = he(null), v = he(null), le = he(null), ie = M((u) => {
-    const { newStatus: A } = u.data;
-    ue(A), A === "preloading" || A === "connecting" ? t && g(!0) : A === "ready" ? (g(!1), c(!0)) : A === "error" && g(!1);
-  }, [t]), se = M((u) => {
-    const A = u.data;
-    if (console.log("[AriaProvider] Session ready event:", A), b.current) {
-      const $ = b.current.getSessionState();
+  }), [q, ue] = N("idle"), [ae, S] = N(!1), U = r.theme || "light", y = he(null), b = he(null), le = he(null), ie = M((u) => {
+    const { newStatus: k } = u.data;
+    ue(k), k === "preloading" || k === "connecting" ? t && g(!0) : k === "ready" ? (g(!1), c(!0)) : k === "error" && g(!1);
+  }, [t]), ne = M((u) => {
+    const k = u.data;
+    if (console.log("[AriaProvider] Session ready event:", k), y.current) {
+      const $ = y.current.getSessionState();
       X($);
     }
-    if (A.lazyInit && A.tokenReady && t && b.current && !b.current.isAnamClientInitialized()) {
-      console.log("[AriaProvider] Token received while widget is open, initializing Anam client"), g(!0), b.current.initializeSessionOnDemand().then(() => {
+    if (k.lazyInit && k.tokenReady && t && y.current && !y.current.isAnamClientInitialized()) {
+      console.log("[AriaProvider] Token received while widget is open, initializing Anam client"), g(!0), y.current.initializeSessionOnDemand().then(() => {
         console.log("[AriaProvider] Anam client initialized after token received"), g(!1), c(!0), D(null);
       }).catch((xe) => {
         console.error("[AriaProvider] Failed to initialize Anam client:", xe), g(!1), D(xe instanceof Error ? xe.message : "Failed to initialize session");
@@ -5043,152 +5053,143 @@ const ao = Er, Ot = ({
     }
     c(!0), g(!1), D(null);
   }, [t]), re = M((u) => {
-    const A = u.error?.message || "Session error";
-    if (console.error("[AriaProvider] Session error:", A), D(A), g(!1), b.current) {
-      const $ = b.current.getSessionState();
+    const k = u.error?.message || "Session error";
+    if (console.error("[AriaProvider] Session error:", k), D(k), g(!1), y.current) {
+      const $ = y.current.getSessionState();
       X($);
     }
   }, []), W = M((u) => {
-    const { connected: A } = u.data;
-    if (c(A), !A && b.current) {
-      const $ = b.current.getSessionState();
+    const { connected: k } = u.data;
+    if (c(k), !k && y.current) {
+      const $ = y.current.getSessionState();
       X($);
     }
-  }, []), L = M((u) => {
-    const { messages: A } = u.data;
-    A && E(A);
+  }, []), H = M((u) => {
+    const { messages: k } = u.data;
+    k && E(k);
   }, []), K = M((u) => {
-    const { liveTranscript: A } = u.data;
-    A !== void 0 && V(A);
+    const { liveTranscript: k } = u.data;
+    k !== void 0 && V(k);
   }, []), ce = M((u) => {
     console.log("[AriaProvider] WebSocket trigger event:", u.data), le.current?.("websocket");
   }, []), P = M((u) => {
-    const A = u.data;
-    console.log("[AriaProvider] Tool call event:", A), q({
-      isActive: A.isActive,
-      toolName: A.toolName,
-      toolData: A.toolData
+    const k = u.data;
+    console.log("[AriaProvider] Tool call event:", k), Q({
+      isActive: k.isActive,
+      toolName: k.toolName,
+      toolData: k.toolData
     });
   }, []);
   te(() => {
-    const u = Q.getInstance(r);
-    b.current = u, u.addEventListener("status_change", ie), u.addEventListener("session_ready", se), u.addEventListener("session_error", re), u.addEventListener("connection_change", W), u.addEventListener("message_history", L), u.addEventListener("message_stream", K), u.addEventListener("tool_call", P), u.setWebSocketTriggerCallback(ce), X(u.getSessionState()), ue(u.getStatus()), c(u.isConnected()), E(u.getChatMessages()), V(u.getLiveTranscript()), B(u.isMuted()), S(u.isSessionPaused());
-    const A = u.getToolCallState();
-    return q(A), !u.isConnected() && u.getStatus() === "idle" && u.connect(), () => {
-      u.removeEventListener("status_change", ie), u.removeEventListener("session_ready", se), u.removeEventListener("session_error", re), u.removeEventListener("connection_change", W), u.removeEventListener("message_history", L), u.removeEventListener("message_stream", K), u.removeEventListener("tool_call", P), u.setWebSocketTriggerCallback(null);
+    const u = G.getInstance(r);
+    y.current = u, u.addEventListener("status_change", ie), u.addEventListener("session_ready", ne), u.addEventListener("session_error", re), u.addEventListener("connection_change", W), u.addEventListener("message_history", H), u.addEventListener("message_stream", K), u.addEventListener("tool_call", P), u.setWebSocketTriggerCallback(ce), X(u.getSessionState()), ue(u.getStatus()), c(u.isConnected()), E(u.getChatMessages()), V(u.getLiveTranscript()), B(u.isMuted()), S(u.isSessionPaused());
+    const k = u.getToolCallState();
+    return Q(k), !u.isConnected() && u.getStatus() === "idle" && u.connect(), () => {
+      u.removeEventListener("status_change", ie), u.removeEventListener("session_ready", ne), u.removeEventListener("session_error", re), u.removeEventListener("connection_change", W), u.removeEventListener("message_history", H), u.removeEventListener("message_stream", K), u.removeEventListener("tool_call", P), u.setWebSocketTriggerCallback(null), console.log("[AriaProvider] Component unmounting, ending session"), u.forceEndSession();
     };
   }, [
     r,
     ie,
-    se,
+    ne,
     re,
     W,
-    L,
+    H,
     K,
     P,
     ce
   ]);
   const pe = M((u) => {
-    const A = v.current;
-    v.current = u, u && b.current ? (console.log("[AriaProvider] Attaching video stream to element"), b.current.attachToVideoElement(u)) : !u && A && b.current && (console.log("[AriaProvider] Detaching video stream from element"), b.current.detachFromVideoElement(A));
+    const k = b.current;
+    b.current = u, u && y.current ? (console.log("[AriaProvider] Attaching video stream to element"), y.current.attachToVideoElement(u)) : !u && k && y.current && (console.log("[AriaProvider] Detaching video stream from element"), y.current.detachFromVideoElement(k));
   }, []), de = M((u) => {
-    if (!b.current) {
+    if (!y.current) {
       console.error("[AriaProvider] Session manager not initialized");
       return;
     }
-    const A = u?.userTrigger ?? !0;
-    b.current.triggerSession(A);
+    const k = u?.userTrigger ?? !0;
+    y.current.triggerSession(k);
   }, []), me = M(async () => {
-    b.current && (b.current.isConnected() || b.current.connect());
+    y.current && (y.current.isConnected() || y.current.connect());
   }, []), be = M(async () => {
-    if (b.current)
+    if (y.current)
       try {
-        await b.current.forceEndSession(), c(!1), E([]), V("");
-        const u = b.current.getSessionState();
+        await y.current.forceEndSession(), c(!1), E([]), V("");
+        const u = y.current.getSessionState();
         X(u);
       } catch (u) {
-        const A = u instanceof Error ? u.message : "Failed to stop session";
-        D(A), r.onError?.(u instanceof Error ? u : new Error(A));
+        const k = u instanceof Error ? u.message : "Failed to stop session";
+        D(k), r.onError?.(u instanceof Error ? u : new Error(k));
       }
   }, [r]), fe = M(async () => {
-    b.current && await b.current.refreshSession();
-  }, []), p = M((u = "user") => {
-    if (_(u), H(u === "websocket" ? "center" : "bottom-right"), o(!0), l(!1), D(null), !b.current) return;
-    const A = b.current.isSessionPaused();
-    if (console.log("[AriaProvider] openAssistant - isSessionPaused:", A, "persistSession:", r.persistSession), A) {
-      console.log("[AriaProvider] Resuming paused session"), g(!0), b.current.resumeSession().then(() => {
+    y.current && await y.current.refreshSession();
+  }, []), f = M((u = "user") => {
+    if (_(u), F(u === "websocket" ? "center" : "bottom-right"), o(!0), l(!1), D(null), !y.current) return;
+    const k = y.current.isSessionPaused();
+    if (console.log("[AriaProvider] openAssistant - isSessionPaused:", k, "persistSession:", r.persistSession), k) {
+      console.log("[AriaProvider] Resuming paused session"), g(!0), y.current.resumeSession().then(() => {
         g(!1), c(!0), S(!1);
-        const ee = b.current.getSessionState();
-        X(ee), E(b.current.getChatMessages());
+        const ee = y.current.getSessionState();
+        X(ee), E(y.current.getChatMessages());
       }).catch((ee) => {
         console.error("[AriaProvider] Failed to resume session:", ee), g(!1), S(!1), D(ee instanceof Error ? ee.message : "Failed to resume session");
       });
       return;
     }
-    const $ = b.current.isAnamClientInitialized(), xe = b.current.hasSessionToken(), Ke = b.current.getStatus();
-    console.log("[AriaProvider] openAssistant - isAnamReady:", $, "hasToken:", xe, "status:", Ke), $ && Ke === "ready" ? (g(!1), c(!0), console.log("[AriaProvider] Opening with already initialized session")) : xe ? (g(!0), console.log("[AriaProvider] Initializing Anam client on demand (lazy init)"), b.current.initializeSessionOnDemand().then(() => {
+    const $ = y.current.isAnamClientInitialized(), xe = y.current.hasSessionToken(), Ke = y.current.getStatus();
+    console.log("[AriaProvider] openAssistant - isAnamReady:", $, "hasToken:", xe, "status:", Ke), $ && Ke === "ready" ? (g(!1), c(!0), console.log("[AriaProvider] Opening with already initialized session")) : xe ? (g(!0), console.log("[AriaProvider] Initializing Anam client on demand (lazy init)"), y.current.initializeSessionOnDemand().then(() => {
       console.log("[AriaProvider] Anam client initialized successfully"), g(!1), c(!0);
-      const ee = b.current.getSessionState();
+      const ee = y.current.getSessionState();
       X(ee);
     }).catch((ee) => {
       console.error("[AriaProvider] Failed to initialize Anam client:", ee), g(!1), ee.message?.includes("expired") ? D("Session expired, getting a new session...") : D(ee instanceof Error ? ee.message : "Failed to initialize session");
-    })) : (g(!0), console.log("[AriaProvider] Opening, waiting for session token..."), b.current.isConnected() ? console.log("[AriaProvider] WebSocket connected, waiting for token response...") : (console.log("[AriaProvider] WebSocket not connected, connecting..."), b.current.connect()));
+    })) : (g(!0), console.log("[AriaProvider] Opening, waiting for session token..."), y.current.isConnected() ? console.log("[AriaProvider] WebSocket connected, waiting for token response...") : (console.log("[AriaProvider] WebSocket not connected, connecting..."), y.current.connect()));
   }, [r.persistSession]);
   te(() => {
-    le.current = p;
-  }, [p]);
-  const N = M(() => {
+    le.current = f;
+  }, [f]);
+  const R = M(() => {
     console.log("[AriaProvider] Minimizing assistant"), l(!0);
   }, []), Z = M(() => {
     console.log("[AriaProvider] Maximizing assistant"), l(!1);
   }, []), ye = M(() => {
-    if (o(!1), l(!1), !b.current) return;
-    v.current && b.current.detachFromVideoElement(v.current), V(""), b.current.clearLiveTranscript();
-    const u = b.current.isPersistSessionEnabled();
-    if (console.log("[AriaProvider] closeAssistant - persistSession enabled:", u, "config:", r.persistSession), u)
-      console.log("[AriaProvider] Pausing session (persistSession: true)"), b.current.pauseSession(), S(!0);
-    else {
-      console.log("[AriaProvider] Ending session (persistSession: false)"), b.current.endCurrentSession(), c(!1), E([]);
-      const A = b.current.getSessionState();
-      X(A);
-    }
-  }, [r.persistSession]), Ce = M(() => {
+    o(!1), l(!1), y.current && (b.current && y.current.detachFromVideoElement(b.current), V(""), console.log("[AriaProvider] Pausing session (widget closed)"), y.current.pauseSession(), S(!0));
+  }, []), Ce = M(() => {
     I((u) => !u);
   }, []), Y = M(async (u) => {
-    if (!b.current || !s)
+    if (!y.current || !n)
       throw new Error("Not connected to Aria");
     try {
-      await b.current.sendMessage(u);
-    } catch (A) {
-      const $ = A instanceof Error ? A.message : "Failed to send message";
-      throw D($), r.onError?.(A instanceof Error ? A : new Error($)), A;
+      await y.current.sendMessage(u);
+    } catch (k) {
+      const $ = k instanceof Error ? k.message : "Failed to send message";
+      throw D($), r.onError?.(k instanceof Error ? k : new Error($)), k;
     }
-  }, [s, r]), Mr = M(() => {
-    if (!b.current) return;
-    const u = b.current.toggleMute();
+  }, [n, r]), Mr = M(() => {
+    if (!y.current) return;
+    const u = y.current.toggleMute();
     B(u);
   }, []), Cr = M(() => oe.session_id, [oe.session_id]), Nr = {
     // UI State
     isOpen: t,
     isMinimized: i,
-    isConnected: s,
+    isConnected: n,
     isLoading: d,
     chatMessages: w,
-    liveTranscript: R,
+    liveTranscript: T,
     isChatVisible: x,
     isMuted: j,
-    error: O,
+    error: L,
     // Tool Call State
-    toolCallState: k,
+    toolCallState: A,
     // Session State
     sessionState: oe,
-    sessionManagerStatus: G,
-    isSessionPreloaded: oe.isPreloaded && G === "ready",
+    sessionManagerStatus: q,
+    isSessionPreloaded: oe.isPreloaded && q === "ready",
     isSessionPaused: ae,
     // Actions
-    openAssistant: p,
+    openAssistant: f,
     closeAssistant: ye,
-    minimizeAssistant: N,
+    minimizeAssistant: R,
     maximizeAssistant: Z,
     toggleChat: Ce,
     sendMessage: Y,
@@ -5207,7 +5208,7 @@ const ao = Er, Ot = ({
     // Utilities
     getSessionId: Cr
   };
-  return /* @__PURE__ */ y(lr.Provider, { value: Nr, children: [
+  return /* @__PURE__ */ v(lr.Provider, { value: Nr, children: [
     e,
     r.showAssistant !== !1 && /* @__PURE__ */ a(
       _t,
@@ -5218,7 +5219,7 @@ const ao = Er, Ot = ({
       }
     )
   ] });
-}, so = () => {
+}, no = () => {
   const {
     sessionState: r,
     sessionManagerStatus: e,
@@ -5226,7 +5227,7 @@ const ao = Er, Ot = ({
     isSessionPaused: o,
     isConnected: i,
     isLoading: l,
-    stopSession: s,
+    stopSession: n,
     refreshSession: c,
     startSession: d,
     triggerSession: g,
@@ -5238,13 +5239,13 @@ const ao = Er, Ot = ({
         isExpiringSoon: !1,
         timeUntilExpiry: null
       };
-    const O = new Date(r.expires_at).getTime(), D = Date.now(), h = O - D, _ = 300 * 1e3;
+    const L = new Date(r.expires_at).getTime(), D = Date.now(), h = L - D, _ = 300 * 1e3;
     return {
       isExpired: h <= 0,
       isExpiringSoon: h > 0 && h <= _,
       timeUntilExpiry: h > 0 ? h : null
     };
-  }, [r.expires_at]), R = Be(() => ({
+  }, [r.expires_at]), T = Be(() => ({
     sessionState: r,
     status: e,
     isPreloaded: t,
@@ -5263,21 +5264,21 @@ const ao = Er, Ot = ({
     w,
     E
   ]), V = M(async () => {
-    await s();
-  }, [s]), x = M(async () => {
+    await n();
+  }, [n]), x = M(async () => {
     await c();
   }, [c]), I = M(async () => {
     await d();
-  }, [d]), j = M((O = !0) => {
-    g({ userTrigger: O });
+  }, [d]), j = M((L = !0) => {
+    g({ userTrigger: L });
   }, [g]), B = Be(() => ({
     endSession: V,
     refreshSession: x,
     startSession: I,
     triggerSession: j
   }), [V, x, I, j]);
-  return { session: R, actions: B };
-}, no = ({ open: r, onOpenChange: e, children: t }) => /* @__PURE__ */ a(Re, { children: r && /* @__PURE__ */ y("div", { className: "fixed inset-0 z-50 flex items-center justify-center aria-animate-fade-in", children: [
+  return { session: T, actions: B };
+}, so = ({ open: r, onOpenChange: e, children: t }) => /* @__PURE__ */ a(Te, { children: r && /* @__PURE__ */ v("div", { className: "fixed inset-0 z-50 flex items-center justify-center aria-animate-fade-in", children: [
   /* @__PURE__ */ a(
     "div",
     {
@@ -5286,12 +5287,12 @@ const ao = Er, Ot = ({
     }
   ),
   t
-] }) }), Ut = ne.forwardRef(
+] }) }), Ut = se.forwardRef(
   ({ className: r, children: e, ...t }, o) => /* @__PURE__ */ a(
     "div",
     {
       ref: o,
-      className: n(
+      className: s(
         "fixed z-50 bg-background shadow-2xl rounded-2xl border aria-animate-scale-in",
         "max-h-[90vh] overflow-auto",
         r
@@ -5308,7 +5309,7 @@ const Gt = ({
 }) => /* @__PURE__ */ a(
   "div",
   {
-    className: n(
+    className: s(
       "flex flex-col space-y-2 text-center sm:text-left p-6 pb-4",
       r
     ),
@@ -5316,11 +5317,11 @@ const Gt = ({
   }
 );
 Gt.displayName = "DialogHeader";
-const Qt = ne.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
+const Qt = se.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a(
   "h2",
   {
     ref: t,
-    className: n(
+    className: s(
       "text-lg font-semibold leading-none tracking-tight",
       r
     ),
@@ -5332,10 +5333,10 @@ const qt = ({
   className: r,
   onClick: e,
   ...t
-}) => /* @__PURE__ */ y(
+}) => /* @__PURE__ */ v(
   "button",
   {
-    className: n(
+    className: s(
       "absolute right-4 top-4 rounded-xl p-1.5",
       "opacity-70 transition-all duration-200",
       "hover:opacity-100 hover:bg-muted",
@@ -5412,11 +5413,11 @@ const Xt = ({
   triggerLabel: e,
   container: t
 }) => {
-  const [o, i] = T(!1), [l, s] = T(!1), [c, d] = T(!1), [g, w] = T(!1), [E, R] = T([]), [V, x] = T(""), [I, j] = T(!1), [B, O] = T(!1), [D, h] = T(null), [_, J] = T("user"), [H, k] = T("bottom-right"), [q, oe] = T({
+  const [o, i] = N(!1), [l, n] = N(!1), [c, d] = N(!1), [g, w] = N(!1), [E, T] = N([]), [V, x] = N(""), [I, j] = N(!1), [B, L] = N(!1), [D, h] = N(null), [_, J] = N("user"), [F, A] = N("bottom-right"), [Q, oe] = N({
     isActive: !1,
     toolName: null,
     toolData: null
-  }), [X, G] = T({
+  }), [X, q] = N({
     session_id: null,
     token: null,
     expires_at: null,
@@ -5424,50 +5425,50 @@ const Xt = ({
     lastError: null,
     isPreloaded: !1,
     isRefreshing: !1
-  }), [, ue] = T("idle"), [, ae] = T(!1), S = he(null), U = he(null), b = M((p) => {
-    const { newStatus: N } = p.data;
-    ue(N), N === "preloading" || N === "connecting" ? o && w(!0) : N === "ready" ? (w(!1), d(!0)) : N === "error" && w(!1);
-  }, [o]), v = M((p) => {
-    if (console.log("[AriaStandaloneUI] Session ready event:", p.data), S.current) {
-      const N = S.current.getSessionState();
-      G(N);
+  }), [, ue] = N("idle"), [, ae] = N(!1), S = he(null), U = he(null), y = M((f) => {
+    const { newStatus: R } = f.data;
+    ue(R), R === "preloading" || R === "connecting" ? o && w(!0) : R === "ready" ? (w(!1), d(!0)) : R === "error" && w(!1);
+  }, [o]), b = M((f) => {
+    if (console.log("[AriaStandaloneUI] Session ready event:", f.data), S.current) {
+      const R = S.current.getSessionState();
+      q(R);
     }
     d(!0), w(!1), h(null);
-  }, []), le = M((p) => {
-    const N = p.error?.message || "Session error";
-    if (console.error("[AriaStandaloneUI] Session error:", N), h(N), w(!1), S.current) {
+  }, []), le = M((f) => {
+    const R = f.error?.message || "Session error";
+    if (console.error("[AriaStandaloneUI] Session error:", R), h(R), w(!1), S.current) {
       const Z = S.current.getSessionState();
-      G(Z);
+      q(Z);
     }
-  }, []), ie = M((p) => {
-    const { connected: N } = p.data;
-    if (d(N), !N && S.current) {
+  }, []), ie = M((f) => {
+    const { connected: R } = f.data;
+    if (d(R), !R && S.current) {
       const Z = S.current.getSessionState();
-      G(Z);
+      q(Z);
     }
-  }, []), se = M((p) => {
-    const { messages: N } = p.data;
-    N && R(N);
-  }, []), re = M((p) => {
-    const { liveTranscript: N } = p.data;
-    N !== void 0 && x(N);
-  }, []), W = M((p) => {
-    const N = p.data;
+  }, []), ne = M((f) => {
+    const { messages: R } = f.data;
+    R && T(R);
+  }, []), re = M((f) => {
+    const { liveTranscript: R } = f.data;
+    R !== void 0 && x(R);
+  }, []), W = M((f) => {
+    const R = f.data;
     oe({
-      isActive: N.isActive,
-      toolName: N.toolName,
-      toolData: N.toolData
+      isActive: R.isActive,
+      toolName: R.toolName,
+      toolData: R.toolData
     });
-  }, []), L = M((p) => {
-    const N = U.current;
-    U.current = p, p && S.current ? (console.log("[AriaStandaloneUI] Attaching video stream to element"), S.current.attachToVideoElement(p)) : !p && N && S.current && (console.log("[AriaStandaloneUI] Detaching video stream from element"), S.current.detachFromVideoElement(N));
-  }, []), K = M((p = "user") => {
-    if (J(p), k(p === "websocket" ? "center" : "bottom-right"), i(!0), s(!1), h(null), !S.current) return;
+  }, []), H = M((f) => {
+    const R = U.current;
+    U.current = f, f && S.current ? (console.log("[AriaStandaloneUI] Attaching video stream to element"), S.current.attachToVideoElement(f)) : !f && R && S.current && (console.log("[AriaStandaloneUI] Detaching video stream from element"), S.current.detachFromVideoElement(R));
+  }, []), K = M((f = "user") => {
+    if (J(f), A(f === "websocket" ? "center" : "bottom-right"), i(!0), n(!1), h(null), !S.current) return;
     if (S.current.isSessionPaused()) {
       w(!0), S.current.resumeSession().then(() => {
         w(!1), d(!0), ae(!1);
         const Y = S.current.getSessionState();
-        G(Y), R(S.current.getChatMessages());
+        q(Y), T(S.current.getChatMessages());
       }).catch((Y) => {
         w(!1), ae(!1), h(Y instanceof Error ? Y.message : "Failed to resume session");
       });
@@ -5477,76 +5478,69 @@ const Xt = ({
     Z && Ce === "ready" ? (w(!1), d(!0)) : ye ? (w(!0), S.current.initializeSessionOnDemand().then(() => {
       w(!1), d(!0);
       const Y = S.current.getSessionState();
-      G(Y);
+      q(Y);
     }).catch((Y) => {
       w(!1), h(Y instanceof Error ? Y.message : "Failed to initialize session");
     })) : (w(!0), S.current.isConnected() || S.current.connect());
   }, []), ce = M(() => {
-    s(!0);
+    n(!0);
   }, []), P = M(() => {
-    s(!1);
+    n(!1);
   }, []), pe = M(() => {
-    if (i(!1), s(!1), !S.current) return;
-    if (U.current && S.current.detachFromVideoElement(U.current), x(""), S.current.clearLiveTranscript(), S.current.isPersistSessionEnabled())
-      S.current.pauseSession(), ae(!0);
-    else {
-      S.current.endCurrentSession(), d(!1), R([]);
-      const N = S.current.getSessionState();
-      G(N);
-    }
+    i(!1), n(!1), S.current && (U.current && S.current.detachFromVideoElement(U.current), x(""), console.log("[AriaStandaloneUI] Pausing session (widget closed)"), S.current.pauseSession(), ae(!0));
   }, []), de = M(() => {
     console.log("[AriaStandaloneUI] WebSocket trigger event"), K("websocket");
   }, [K]);
   te(() => {
-    if (!Q.hasInstance()) {
+    if (!G.hasInstance()) {
       console.error("[AriaStandaloneUI] AriaSessionManager not initialized");
       return;
     }
-    const p = Q.getInstance({});
-    return S.current = p, p.addEventListener("status_change", b), p.addEventListener("session_ready", v), p.addEventListener("session_error", le), p.addEventListener("connection_change", ie), p.addEventListener("message_history", se), p.addEventListener("message_stream", re), p.addEventListener("tool_call", W), p.setWebSocketTriggerCallback(de), queueMicrotask(() => {
-      G(p.getSessionState()), ue(p.getStatus()), d(p.isConnected()), R(p.getChatMessages()), x(p.getLiveTranscript()), O(p.isMuted()), ae(p.isSessionPaused());
-      const Z = p.getToolCallState();
+    const f = G.getInstance({});
+    return S.current = f, f.addEventListener("status_change", y), f.addEventListener("session_ready", b), f.addEventListener("session_error", le), f.addEventListener("connection_change", ie), f.addEventListener("message_history", ne), f.addEventListener("message_stream", re), f.addEventListener("tool_call", W), f.setWebSocketTriggerCallback(de), queueMicrotask(() => {
+      q(f.getSessionState()), ue(f.getStatus()), d(f.isConnected()), T(f.getChatMessages()), x(f.getLiveTranscript()), L(f.isMuted()), ae(f.isSessionPaused());
+      const Z = f.getToolCallState();
       oe(Z);
     }), () => {
-      p.removeEventListener("status_change", b), p.removeEventListener("session_ready", v), p.removeEventListener("session_error", le), p.removeEventListener("connection_change", ie), p.removeEventListener("message_history", se), p.removeEventListener("message_stream", re), p.removeEventListener("tool_call", W), p.setWebSocketTriggerCallback(null);
+      f.removeEventListener("status_change", y), f.removeEventListener("session_ready", b), f.removeEventListener("session_error", le), f.removeEventListener("connection_change", ie), f.removeEventListener("message_history", ne), f.removeEventListener("message_stream", re), f.removeEventListener("tool_call", W), f.setWebSocketTriggerCallback(null);
     };
   }, [
+    y,
     b,
-    v,
     le,
     ie,
-    se,
+    ne,
     re,
     W,
     de
   ]), te(() => {
-    const p = (Ce) => {
+    const f = (Ce) => {
       K(Ce.detail?.mode || "user");
-    }, N = () => {
+    }, R = () => {
       pe();
     }, Z = () => {
       ce();
     }, ye = () => {
       P();
     };
-    return window.addEventListener("aria:open", p), window.addEventListener("aria:close", N), window.addEventListener("aria:minimize", Z), window.addEventListener("aria:maximize", ye), () => {
-      window.removeEventListener("aria:open", p), window.removeEventListener("aria:close", N), window.removeEventListener("aria:minimize", Z), window.removeEventListener("aria:maximize", ye);
+    return window.addEventListener("aria:open", f), window.addEventListener("aria:close", R), window.addEventListener("aria:minimize", Z), window.addEventListener("aria:maximize", ye), () => {
+      window.removeEventListener("aria:open", f), window.removeEventListener("aria:close", R), window.removeEventListener("aria:minimize", Z), window.removeEventListener("aria:maximize", ye);
     };
   }, [K, pe, ce, P]), te(() => {
     t.setAttribute("data-aria-open", String(o));
   }, [o, t]);
   const me = M(() => {
-    j((p) => !p);
-  }, []), be = M(async (p) => {
+    j((f) => !f);
+  }, []), be = M(async (f) => {
     if (!S.current || !c)
       throw new Error("Not connected to Aria");
-    await S.current.sendMessage(p);
+    await S.current.sendMessage(f);
   }, [c]), fe = M(() => {
     if (!S.current) return;
-    const p = S.current.toggleMute();
-    O(p);
+    const f = S.current.toggleMute();
+    L(f);
   }, []);
-  return /* @__PURE__ */ y(Re, { children: [
+  return /* @__PURE__ */ v(Te, { children: [
     !o && /* @__PURE__ */ a(
       Zt,
       {
@@ -5556,12 +5550,12 @@ const Xt = ({
         onClick: () => K("user")
       }
     ),
-    o && /* @__PURE__ */ y(Re, { children: [
+    o && /* @__PURE__ */ v(Te, { children: [
       !l && /* @__PURE__ */ a(
         "div",
         {
-          onClick: (p) => {
-            p.preventDefault(), p.stopPropagation(), ce();
+          onClick: (f) => {
+            f.preventDefault(), f.stopPropagation(), ce();
           },
           style: {
             position: "fixed",
@@ -5592,7 +5586,7 @@ const Xt = ({
               isMinimized: l,
               onMaximize: P,
               theme: r,
-              displayMode: H,
+              displayMode: F,
               triggerMode: _,
               isConnected: c,
               isLoading: g,
@@ -5601,9 +5595,9 @@ const Xt = ({
               isChatVisible: I,
               isMuted: B,
               error: D,
-              toolCallState: q,
+              toolCallState: Q,
               sessionState: X,
-              setVideoElement: L,
+              setVideoElement: H,
               toggleChat: me,
               sendMessage: be,
               toggleMute: fe
@@ -5628,7 +5622,7 @@ const Xt = ({
       right: "24px",
       zIndex: 9997
     },
-    children: /* @__PURE__ */ y(
+    children: /* @__PURE__ */ v(
       "button",
       {
         onClick: o,
@@ -5655,32 +5649,32 @@ const Xt = ({
   AriaStandaloneUI: Xt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Te as Aria,
+  Re as Aria,
   _t as AriaAssistant,
-  Te as AriaCore,
+  Re as AriaCore,
   io as AriaProvider,
-  Q as AriaSessionManager,
-  Ot as AriaTriggerButton,
+  G as AriaSessionManager,
+  Lt as AriaTriggerButton,
   Sr as AriaWidget,
   ke as Badge,
   Ve as Button,
   kr as Card,
   Bt as CardContent,
   jt as CardDescription,
-  Ht as CardFooter,
+  Ft as CardFooter,
   Vt as CardHeader,
   Wt as CardTitle,
-  Ft as ChatPanel,
-  no as Dialog,
+  Ot as ChatPanel,
+  so as Dialog,
   qt as DialogClose,
   Ut as DialogContent,
   Gt as DialogHeader,
   Qt as DialogTitle,
   Ar as Input,
-  Lt as SessionInfo,
+  Ht as SessionInfo,
   We as ShadowContainer,
   ao as ariaStyles,
-  n as cn,
+  s as cn,
   qe as decodeJWT,
   Jt as extractSessionIdFromToken,
   je as getAriaStyles,
@@ -5688,6 +5682,6 @@ export {
   Kt as isJWT,
   co as isTokenExpired,
   Se as useAria,
-  so as useAriaSession
+  no as useAriaSession
 };
 //# sourceMappingURL=index.js.map