@fiction/sdk 1.0.1 → 1.0.2

package/dist/self.js

@@ -0,0 +1,4874 @@
+var bt = Object.defineProperty;
+var Xt = (e, o, r) => o in e ? bt(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r;
+var n = (e, o) => bt(e, "name", { value: o, configurable: !0 });
+var T = (e, o, r) => Xt(e, typeof o != "symbol" ? o + "" : o, r);
+import { ref as j, defineComponent as oe, createElementBlock as k, openBlock as p, createElementVNode as l, normalizeClass as I, computed as re, createBlock as ke, resolveDynamicComponent as _t, withCtx as ie, createCommentVNode as q, createVNode as U, renderSlot as zt, watch as Te, toDisplayString as Z, Fragment as De, renderList as Qe, createTextVNode as Pe, nextTick as pt, withDirectives as er, withKeys as tr, vModelText as rr, unref as te, onMounted as He, onBeforeUnmount as or, Transition as vt, withModifiers as $t, TransitionGroup as nr, normalizeStyle as it, onUnmounted as Lt, shallowRef as sr, mergeProps as xt } from "vue";
+import { S as Et } from "./base-CEr2lLFg.js";
+import { Conversation as yt } from "@elevenlabs/client";
+import { objectId as ir } from "@fiction/utils";
+const ar = 256, lr = 0.8, dr = 50, cr = {
+  bars: 64,
+  barWidth: 3,
+  barSpacing: 1,
+  minHeight: 4,
+  maxHeight: 80,
+  // Enhanced physics constants
+  STIFFNESS: 0.18,
+  DAMPING: 0.22,
+  PEAK_HOLD_TIME: 300,
+  // ms to hold peaks
+  PEAK_DECAY_STIFFNESS: 0.12,
+  PEAK_DECAY_DAMPING: 0.15
+}, ur = [
+  {
+    mode: "talk",
+    label: "Talk",
+    icon: "i-tabler-phone"
+  },
+  {
+    mode: "chat",
+    label: "Chat",
+    icon: "i-tabler-message-circle"
+  },
+  {
+    mode: "info",
+    label: "Info",
+    icon: "i-tabler-user-circle"
+  }
+], W = [
+  // Low fundamentals
+  85,
+  100,
+  120,
+  140,
+  155,
+  170,
+  185,
+  200,
+  215,
+  230,
+  245,
+  260,
+  275,
+  290,
+  315,
+  340,
+  // Mid fundamentals (voice clarity)
+  355,
+  375,
+  400,
+  425,
+  450,
+  475,
+  500,
+  530,
+  560,
+  590,
+  630,
+  670,
+  700,
+  730,
+  780,
+  820,
+  // Harmonics (speech intelligibility)
+  880,
+  940,
+  1e3,
+  1100,
+  1200,
+  1300,
+  1400,
+  1500,
+  1600,
+  1700,
+  1800,
+  1900,
+  2e3,
+  2200,
+  // High harmonics (consonant clarity)
+  2300,
+  2500,
+  2600,
+  2800,
+  3e3,
+  3200,
+  3500,
+  3800,
+  4e3,
+  4300,
+  4500,
+  4800,
+  5e3,
+  5300,
+  // Presence/air (voice definition)
+  5500,
+  5800,
+  6e3,
+  6500,
+  7e3,
+  7500,
+  8e3,
+  8500
+], dt = class dt extends Et {
+  constructor(r) {
+    super("ClientAudio", r);
+    T(this, "audioContext");
+    T(this, "analyser");
+    T(this, "microphone");
+    T(this, "audioLevelInterval");
+    T(this, "stream");
+    T(this, "visibilityChangeHandler");
+    // Public reactive state
+    T(this, "audioLevels", j({ inputLevel: 0, outputLevel: 0 }));
+    this.setupVisibilityHandler();
+  }
+  /**
+   * Setup iOS-specific visibility change handler
+   */
+  setupVisibilityHandler() {
+    typeof document > "u" || (this.visibilityChangeHandler = () => {
+      document.hidden ? (this.logger.info("App backgrounded, suspending audio context"), this.handleAppBackground()) : (this.logger.info("App foregrounded, resuming audio context"), this.handleAppForeground());
+    }, document.addEventListener("visibilitychange", this.visibilityChangeHandler, { passive: !0 }), window.addEventListener("beforeunload", () => {
+      this.cleanup().catch(this.logger.error.bind(this, "Error during beforeunload cleanup"));
+    }, { passive: !0 }));
+  }
+  /**
+   * Handle app going to background (iOS microphone indicator fix)
+   */
+  handleAppBackground() {
+    this.audioContext && this.audioContext.state === "running" && this.audioContext.suspend().catch(this.logger.error.bind(this, "Error suspending audio context")), this.audioLevelInterval && (clearInterval(this.audioLevelInterval), this.audioLevelInterval = void 0);
+  }
+  /**
+   * Handle app returning to foreground
+   */
+  handleAppForeground() {
+    this.audioContext && this.audioContext.state === "suspended" && this.audioContext.resume().catch(this.logger.error.bind(this, "Error resuming audio context")), this.analyser && !this.audioLevelInterval && this.startAudioLevelMonitoring();
+  }
+  /**
+   * Request microphone permission and setup audio analysis
+   */
+  async requestMicrophonePermission(r = {}) {
+    try {
+      const {
+        noiseSuppression: t = !0,
+        echoCancellation: s = !0,
+        autoGainControl: i = !0
+      } = r;
+      return this.stream = await navigator.mediaDevices.getUserMedia({
+        audio: {
+          noiseSuppression: t,
+          echoCancellation: s,
+          autoGainControl: i
+        }
+      }), this.logger.info("Microphone permission granted"), await this.setupAudioAnalysis(), !0;
+    } catch (t) {
+      return this.logger.error("Microphone permission denied:", t), !1;
+    }
+  }
+  /**
+   * Setup audio analysis for level monitoring
+   */
+  async setupAudioAnalysis() {
+    if (!this.stream)
+      throw new Error("No audio stream available");
+    try {
+      this.audioContext = new AudioContext(), this.analyser = this.audioContext.createAnalyser(), this.microphone = this.audioContext.createMediaStreamSource(this.stream), this.analyser.fftSize = ar, this.analyser.smoothingTimeConstant = lr, this.microphone.connect(this.analyser), this.logger.info("Audio analysis setup complete");
+    } catch (r) {
+      throw this.logger.error("Failed to setup audio analysis:", r), r;
+    }
+  }
+  /**
+   * Start monitoring audio levels
+   */
+  startAudioLevelMonitoring(r) {
+    if (!this.analyser) {
+      this.logger.info("Audio level monitoring not started - missing analyser");
+      return;
+    }
+    this.logger.info("Starting audio level monitoring at timestamp:", Date.now());
+    const t = new Uint8Array(this.analyser.frequencyBinCount), s = /* @__PURE__ */ n(async () => {
+      if (!this.analyser) {
+        this.logger.info("Stopping audio level monitoring - missing analyser");
+        return;
+      }
+      try {
+        this.analyser.getByteFrequencyData(t);
+        const a = t.reduce((h, m) => h + m, 0) / t.length, f = Math.min(a / 128, 1), g = r?.() ? 0.3 : 0;
+        this.audioLevels.value = { inputLevel: f, outputLevel: g };
+      } catch (a) {
+        this.logger.error("Error in audio level monitoring:", a), this.stopAudioLevelMonitoring();
+      }
+    }, "updateLevels"), i = /* @__PURE__ */ n(() => {
+      s().catch((a) => {
+        this.logger.error("Async error in audio level monitoring:", a);
+      });
+    }, "intervalWrapper");
+    this.audioLevelInterval = window.setInterval(i, dr);
+  }
+  /**
+   * Stop monitoring audio levels
+   */
+  stopAudioLevelMonitoring() {
+    this.audioLevelInterval ? (this.logger.info("Stopping audio level monitoring interval"), clearInterval(this.audioLevelInterval), this.audioLevelInterval = void 0) : this.logger.info("No audio level monitoring interval to stop");
+  }
+  /**
+   * Reset audio levels to zero
+   */
+  resetAudioLevels() {
+    this.audioLevels.value = { inputLevel: 0, outputLevel: 0 };
+  }
+  /**
+   * Check if audio context is available
+   */
+  isAudioContextAvailable() {
+    return !!this.audioContext;
+  }
+  /**
+   * Get current audio context state
+   */
+  getAudioContextState() {
+    return this.audioContext?.state;
+  }
+  /**
+   * Get shared analyser for AudioVisualizer (prevents duplicate audio contexts)
+   */
+  getSharedAnalyser() {
+    return this.analyser;
+  }
+  /**
+   * Cleanup audio resources
+   */
+  async cleanup() {
+    this.stopAudioLevelMonitoring(), this.resetAudioLevels(), this.visibilityChangeHandler && typeof document < "u" && (document.removeEventListener("visibilitychange", this.visibilityChangeHandler), this.visibilityChangeHandler = void 0), this.stream && (this.stream.getTracks().forEach((r) => r.stop()), this.stream = void 0), this.audioContext && (await this.audioContext.close(), this.audioContext = void 0), this.analyser = void 0, this.microphone = void 0, this.logger.info("Audio resources cleaned up");
+  }
+};
+n(dt, "ClientAudio");
+let et = dt;
+const at = "-", hr = /* @__PURE__ */ n((e) => {
+  const o = fr(e), {
+    conflictingClassGroups: r,
+    conflictingClassGroupModifiers: t
+  } = e;
+  return {
+    getClassGroupId: /* @__PURE__ */ n((a) => {
+      const f = a.split(at);
+      return f[0] === "" && f.length !== 1 && f.shift(), Tt(f, o) || gr(a);
+    }, "getClassGroupId"),
+    getConflictingClassGroupIds: /* @__PURE__ */ n((a, f) => {
+      const g = r[a] || [];
+      return f && t[a] ? [...g, ...t[a]] : g;
+    }, "getConflictingClassGroupIds")
+  };
+}, "createClassGroupUtils"), Tt = /* @__PURE__ */ n((e, o) => {
+  if (e.length === 0)
+    return o.classGroupId;
+  const r = e[0], t = o.nextPart.get(r), s = t ? Tt(e.slice(1), t) : void 0;
+  if (s)
+    return s;
+  if (o.validators.length === 0)
+    return;
+  const i = e.join(at);
+  return o.validators.find(({
+    validator: a
+  }) => a(i))?.classGroupId;
+}, "getGroupRecursive"), kt = /^\[(.+)\]$/, gr = /* @__PURE__ */ n((e) => {
+  if (kt.test(e)) {
+    const o = kt.exec(e)[1], r = o?.substring(0, o.indexOf(":"));
+    if (r)
+      return "arbitrary.." + r;
+  }
+}, "getGroupIdForArbitraryProperty"), fr = /* @__PURE__ */ n((e) => {
+  const {
+    theme: o,
+    classGroups: r
+  } = e, t = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  for (const s in r)
+    tt(r[s], t, s, o);
+  return t;
+}, "createClassMap"), tt = /* @__PURE__ */ n((e, o, r, t) => {
+  e.forEach((s) => {
+    if (typeof s == "string") {
+      const i = s === "" ? o : wt(o, s);
+      i.classGroupId = r;
+      return;
+    }
+    if (typeof s == "function") {
+      if (mr(s)) {
+        tt(s(t), o, r, t);
+        return;
+      }
+      o.validators.push({
+        validator: s,
+        classGroupId: r
+      });
+      return;
+    }
+    Object.entries(s).forEach(([i, a]) => {
+      tt(a, wt(o, i), r, t);
+    });
+  });
+}, "processClassesRecursively"), wt = /* @__PURE__ */ n((e, o) => {
+  let r = e;
+  return o.split(at).forEach((t) => {
+    r.nextPart.has(t) || r.nextPart.set(t, {
+      nextPart: /* @__PURE__ */ new Map(),
+      validators: []
+    }), r = r.nextPart.get(t);
+  }), r;
+}, "getPart"), mr = /* @__PURE__ */ n((e) => e.isThemeGetter, "isThemeGetter"), br = /* @__PURE__ */ n((e) => {
+  if (e < 1)
+    return {
+      get: /* @__PURE__ */ n(() => {
+      }, "get"),
+      set: /* @__PURE__ */ n(() => {
+      }, "set")
+    };
+  let o = 0, r = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+  const s = /* @__PURE__ */ n((i, a) => {
+    r.set(i, a), o++, o > e && (o = 0, t = r, r = /* @__PURE__ */ new Map());
+  }, "update");
+  return {
+    get(i) {
+      let a = r.get(i);
+      if (a !== void 0)
+        return a;
+      if ((a = t.get(i)) !== void 0)
+        return s(i, a), a;
+    },
+    set(i, a) {
+      r.has(i) ? r.set(i, a) : s(i, a);
+    }
+  };
+}, "createLruCache"), rt = "!", ot = ":", pr = ot.length, vr = /* @__PURE__ */ n((e) => {
+  const {
+    prefix: o,
+    experimentalParseClassName: r
+  } = e;
+  let t = /* @__PURE__ */ n((s) => {
+    const i = [];
+    let a = 0, f = 0, g = 0, h;
+    for (let E = 0; E < s.length; E++) {
+      let V = s[E];
+      if (a === 0 && f === 0) {
+        if (V === ot) {
+          i.push(s.slice(g, E)), g = E + pr;
+          continue;
+        }
+        if (V === "/") {
+          h = E;
+          continue;
+        }
+      }
+      V === "[" ? a++ : V === "]" ? a-- : V === "(" ? f++ : V === ")" && f--;
+    }
+    const m = i.length === 0 ? s : s.substring(g), A = xr(m), K = A !== m, L = h && h > g ? h - g : void 0;
+    return {
+      modifiers: i,
+      hasImportantModifier: K,
+      baseClassName: A,
+      maybePostfixModifierPosition: L
+    };
+  }, "parseClassName");
+  if (o) {
+    const s = o + ot, i = t;
+    t = /* @__PURE__ */ n((a) => a.startsWith(s) ? i(a.substring(s.length)) : {
+      isExternal: !0,
+      modifiers: [],
+      hasImportantModifier: !1,
+      baseClassName: a,
+      maybePostfixModifierPosition: void 0
+    }, "parseClassName");
+  }
+  if (r) {
+    const s = t;
+    t = /* @__PURE__ */ n((i) => r({
+      className: i,
+      parseClassName: s
+    }), "parseClassName");
+  }
+  return t;
+}, "createParseClassName"), xr = /* @__PURE__ */ n((e) => e.endsWith(rt) ? e.substring(0, e.length - 1) : e.startsWith(rt) ? e.substring(1) : e, "stripImportantModifier"), yr = /* @__PURE__ */ n((e) => {
+  const o = Object.fromEntries(e.orderSensitiveModifiers.map((t) => [t, !0]));
+  return /* @__PURE__ */ n((t) => {
+    if (t.length <= 1)
+      return t;
+    const s = [];
+    let i = [];
+    return t.forEach((a) => {
+      a[0] === "[" || o[a] ? (s.push(...i.sort(), a), i = []) : i.push(a);
+    }), s.push(...i.sort()), s;
+  }, "sortModifiers");
+}, "createSortModifiers"), kr = /* @__PURE__ */ n((e) => ({
+  cache: br(e.cacheSize),
+  parseClassName: vr(e),
+  sortModifiers: yr(e),
+  ...hr(e)
+}), "createConfigUtils"), wr = /\s+/, Cr = /* @__PURE__ */ n((e, o) => {
+  const {
+    parseClassName: r,
+    getClassGroupId: t,
+    getConflictingClassGroupIds: s,
+    sortModifiers: i
+  } = o, a = [], f = e.trim().split(wr);
+  let g = "";
+  for (let h = f.length - 1; h >= 0; h -= 1) {
+    const m = f[h], {
+      isExternal: A,
+      modifiers: K,
+      hasImportantModifier: L,
+      baseClassName: E,
+      maybePostfixModifierPosition: V
+    } = r(m);
+    if (A) {
+      g = m + (g.length > 0 ? " " + g : g);
+      continue;
+    }
+    let H = !!V, Q = t(H ? E.substring(0, V) : E);
+    if (!Q) {
+      if (!H) {
+        g = m + (g.length > 0 ? " " + g : g);
+        continue;
+      }
+      if (Q = t(E), !Q) {
+        g = m + (g.length > 0 ? " " + g : g);
+        continue;
+      }
+      H = !1;
+    }
+    const Se = i(K).join(":"), we = L ? Se + rt : Se, de = we + Q;
+    if (a.includes(de))
+      continue;
+    a.push(de);
+    const be = s(Q, H);
+    for (let ce = 0; ce < be.length; ++ce) {
+      const X = be[ce];
+      a.push(we + X);
+    }
+    g = m + (g.length > 0 ? " " + g : g);
+  }
+  return g;
+}, "mergeClassList");
+function Sr() {
+  let e = 0, o, r, t = "";
+  for (; e < arguments.length; )
+    (o = arguments[e++]) && (r = Pt(o)) && (t && (t += " "), t += r);
+  return t;
+}
+n(Sr, "twJoin");
+const Pt = /* @__PURE__ */ n((e) => {
+  if (typeof e == "string")
+    return e;
+  let o, r = "";
+  for (let t = 0; t < e.length; t++)
+    e[t] && (o = Pt(e[t])) && (r && (r += " "), r += o);
+  return r;
+}, "toValue");
+function Mr(e, ...o) {
+  let r, t, s, i = a;
+  function a(g) {
+    const h = o.reduce((m, A) => A(m), e());
+    return r = kr(h), t = r.cache.get, s = r.cache.set, i = f, f(g);
+  }
+  n(a, "initTailwindMerge");
+  function f(g) {
+    const h = t(g);
+    if (h)
+      return h;
+    const m = Cr(g, r);
+    return s(g, m), m;
+  }
+  return n(f, "tailwindMerge"), /* @__PURE__ */ n(function() {
+    return i(Sr.apply(null, arguments));
+  }, "callTailwindMerge");
+}
+n(Mr, "createTailwindMerge");
+const N = /* @__PURE__ */ n((e) => {
+  const o = /* @__PURE__ */ n((r) => r[e] || [], "themeGetter");
+  return o.isThemeGetter = !0, o;
+}, "fromTheme"), Ft = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Dt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ar = /^\d+\/\d+$/, Ir = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, zr = /\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$/, $r = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Lr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Er = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ee = /* @__PURE__ */ n((e) => Ar.test(e), "isFraction"), C = /* @__PURE__ */ n((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), ye = /* @__PURE__ */ n((e) => !!e && Number.isInteger(Number(e)), "isInteger"), Xe = /* @__PURE__ */ n((e) => e.endsWith("%") && C(e.slice(0, -1)), "isPercent"), me = /* @__PURE__ */ n((e) => Ir.test(e), "isTshirtSize"), Tr = /* @__PURE__ */ n(() => !0, "isAny"), Pr = /* @__PURE__ */ n((e) => (
+  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  zr.test(e) && !$r.test(e)
+), "isLengthOnly"), Rt = /* @__PURE__ */ n(() => !1, "isNever"), Fr = /* @__PURE__ */ n((e) => Lr.test(e), "isShadow"), Dr = /* @__PURE__ */ n((e) => Er.test(e), "isImage"), Rr = /* @__PURE__ */ n((e) => !c(e) && !u(e), "isAnyNonArbitrary"), Br = /* @__PURE__ */ n((e) => Re(e, jt, Rt), "isArbitrarySize"), c = /* @__PURE__ */ n((e) => Ft.test(e), "isArbitraryValue"), Ce = /* @__PURE__ */ n((e) => Re(e, Vt, Pr), "isArbitraryLength"), _e = /* @__PURE__ */ n((e) => Re(e, Or, C), "isArbitraryNumber"), Ct = /* @__PURE__ */ n((e) => Re(e, Bt, Rt), "isArbitraryPosition"), Nr = /* @__PURE__ */ n((e) => Re(e, Nt, Dr), "isArbitraryImage"), Ke = /* @__PURE__ */ n((e) => Re(e, Gt, Fr), "isArbitraryShadow"), u = /* @__PURE__ */ n((e) => Dt.test(e), "isArbitraryVariable"), qe = /* @__PURE__ */ n((e) => Be(e, Vt), "isArbitraryVariableLength"), jr = /* @__PURE__ */ n((e) => Be(e, qr), "isArbitraryVariableFamilyName"), St = /* @__PURE__ */ n((e) => Be(e, Bt), "isArbitraryVariablePosition"), Vr = /* @__PURE__ */ n((e) => Be(e, jt), "isArbitraryVariableSize"), Gr = /* @__PURE__ */ n((e) => Be(e, Nt), "isArbitraryVariableImage"), Ye = /* @__PURE__ */ n((e) => Be(e, Gt, !0), "isArbitraryVariableShadow"), Re = /* @__PURE__ */ n((e, o, r) => {
+  const t = Ft.exec(e);
+  return t ? t[1] ? o(t[1]) : r(t[2]) : !1;
+}, "getIsArbitraryValue"), Be = /* @__PURE__ */ n((e, o, r = !1) => {
+  const t = Dt.exec(e);
+  return t ? t[1] ? o(t[1]) : r : !1;
+}, "getIsArbitraryVariable"), Bt = /* @__PURE__ */ n((e) => e === "position" || e === "percentage", "isLabelPosition"), Nt = /* @__PURE__ */ n((e) => e === "image" || e === "url", "isLabelImage"), jt = /* @__PURE__ */ n((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), Vt = /* @__PURE__ */ n((e) => e === "length", "isLabelLength"), Or = /* @__PURE__ */ n((e) => e === "number", "isLabelNumber"), qr = /* @__PURE__ */ n((e) => e === "family-name", "isLabelFamilyName"), Gt = /* @__PURE__ */ n((e) => e === "shadow", "isLabelShadow"), Hr = /* @__PURE__ */ n(() => {
+  const e = N("color"), o = N("font"), r = N("text"), t = N("font-weight"), s = N("tracking"), i = N("leading"), a = N("breakpoint"), f = N("container"), g = N("spacing"), h = N("radius"), m = N("shadow"), A = N("inset-shadow"), K = N("text-shadow"), L = N("drop-shadow"), E = N("blur"), V = N("perspective"), H = N("aspect"), Q = N("ease"), Se = N("animate"), we = /* @__PURE__ */ n(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), de = /* @__PURE__ */ n(() => [
+    "center",
+    "top",
+    "bottom",
+    "left",
+    "right",
+    "top-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-top",
+    "top-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-top",
+    "bottom-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-bottom",
+    "bottom-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-bottom"
+  ], "scalePosition"), be = /* @__PURE__ */ n(() => [...de(), u, c], "scalePositionWithArbitrary"), ce = /* @__PURE__ */ n(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), X = /* @__PURE__ */ n(() => ["auto", "contain", "none"], "scaleOverscroll"), x = /* @__PURE__ */ n(() => [u, c, g], "scaleUnambiguousSpacing"), _ = /* @__PURE__ */ n(() => [Ee, "full", "auto", ...x()], "scaleInset"), ae = /* @__PURE__ */ n(() => [ye, "none", "subgrid", u, c], "scaleGridTemplateColsRows"), ue = /* @__PURE__ */ n(() => ["auto", {
+    span: ["full", ye, u, c]
+  }, ye, u, c], "scaleGridColRowStartAndEnd"), he = /* @__PURE__ */ n(() => [ye, "auto", u, c], "scaleGridColRowStartOrEnd"), We = /* @__PURE__ */ n(() => ["auto", "min", "max", "fr", u, c], "scaleGridAutoColsRows"), Me = /* @__PURE__ */ n(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), ge = /* @__PURE__ */ n(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), F = /* @__PURE__ */ n(() => ["auto", ...x()], "scaleMargin"), ne = /* @__PURE__ */ n(() => [Ee, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...x()], "scaleSizing"), v = /* @__PURE__ */ n(() => [e, u, c], "scaleColor"), Ue = /* @__PURE__ */ n(() => [...de(), St, Ct, {
+    position: [u, c]
+  }], "scaleBgPosition"), Ne = /* @__PURE__ */ n(() => ["no-repeat", {
+    repeat: ["", "x", "y", "space", "round"]
+  }], "scaleBgRepeat"), pe = /* @__PURE__ */ n(() => ["auto", "cover", "contain", Vr, Br, {
+    size: [u, c]
+  }], "scaleBgSize"), ve = /* @__PURE__ */ n(() => [Xe, qe, Ce], "scaleGradientStopPosition"), P = /* @__PURE__ */ n(() => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    "full",
+    h,
+    u,
+    c
+  ], "scaleRadius"), D = /* @__PURE__ */ n(() => ["", C, qe, Ce], "scaleBorderWidth"), Ae = /* @__PURE__ */ n(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), Ie = /* @__PURE__ */ n(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), $ = /* @__PURE__ */ n(() => [C, Xe, St, Ct], "scaleMaskImagePosition"), je = /* @__PURE__ */ n(() => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    E,
+    u,
+    c
+  ], "scaleBlur"), xe = /* @__PURE__ */ n(() => ["none", C, u, c], "scaleRotate"), ze = /* @__PURE__ */ n(() => ["none", C, u, c], "scaleScale"), Ve = /* @__PURE__ */ n(() => [C, u, c], "scaleSkew"), $e = /* @__PURE__ */ n(() => [Ee, "full", ...x()], "scaleTranslate");
+  return {
+    cacheSize: 500,
+    theme: {
+      animate: ["spin", "ping", "pulse", "bounce"],
+      aspect: ["video"],
+      blur: [me],
+      breakpoint: [me],
+      color: [Tr],
+      container: [me],
+      "drop-shadow": [me],
+      ease: ["in", "out", "in-out"],
+      font: [Rr],
+      "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
+      "inset-shadow": [me],
+      leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
+      perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
+      radius: [me],
+      shadow: [me],
+      spacing: ["px", C],
+      text: [me],
+      "text-shadow": [me],
+      tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
+    },
+    classGroups: {
+      // --------------
+      // --- Layout ---
+      // --------------
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", Ee, c, u, H]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       * @deprecated since Tailwind CSS v4.0.0
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [C, c, u, f]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": we()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": we()
+      }],
+      /**
+       * Break Inside
+       * @see https://tailwindcss.com/docs/break-inside
+       */
+      "break-inside": [{
+        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
+      }],
+      /**
+       * Box Decoration Break
+       * @see https://tailwindcss.com/docs/box-decoration-break
+       */
+      "box-decoration": [{
+        "box-decoration": ["slice", "clone"]
+      }],
+      /**
+       * Box Sizing
+       * @see https://tailwindcss.com/docs/box-sizing
+       */
+      box: [{
+        box: ["border", "content"]
+      }],
+      /**
+       * Display
+       * @see https://tailwindcss.com/docs/display
+       */
+      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
+      /**
+       * Screen Reader Only
+       * @see https://tailwindcss.com/docs/display#screen-reader-only
+       */
+      sr: ["sr-only", "not-sr-only"],
+      /**
+       * Floats
+       * @see https://tailwindcss.com/docs/float
+       */
+      float: [{
+        float: ["right", "left", "none", "start", "end"]
+      }],
+      /**
+       * Clear
+       * @see https://tailwindcss.com/docs/clear
+       */
+      clear: [{
+        clear: ["left", "right", "both", "none", "start", "end"]
+      }],
+      /**
+       * Isolation
+       * @see https://tailwindcss.com/docs/isolation
+       */
+      isolation: ["isolate", "isolation-auto"],
+      /**
+       * Object Fit
+       * @see https://tailwindcss.com/docs/object-fit
+       */
+      "object-fit": [{
+        object: ["contain", "cover", "fill", "none", "scale-down"]
+      }],
+      /**
+       * Object Position
+       * @see https://tailwindcss.com/docs/object-position
+       */
+      "object-position": [{
+        object: be()
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: ce()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": ce()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": ce()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: X()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": X()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": X()
+      }],
+      /**
+       * Position
+       * @see https://tailwindcss.com/docs/position
+       */
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      /**
+       * Top / Right / Bottom / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      inset: [{
+        inset: _()
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": _()
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": _()
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: _()
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: _()
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: _()
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: _()
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: _()
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: _()
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: [ye, "auto", u, c]
+      }],
+      // ------------------------
+      // --- Flexbox and Grid ---
+      // ------------------------
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: [Ee, "full", "auto", f, ...x()]
+      }],
+      /**
+       * Flex Direction
+       * @see https://tailwindcss.com/docs/flex-direction
+       */
+      "flex-direction": [{
+        flex: ["row", "row-reverse", "col", "col-reverse"]
+      }],
+      /**
+       * Flex Wrap
+       * @see https://tailwindcss.com/docs/flex-wrap
+       */
+      "flex-wrap": [{
+        flex: ["nowrap", "wrap", "wrap-reverse"]
+      }],
+      /**
+       * Flex
+       * @see https://tailwindcss.com/docs/flex
+       */
+      flex: [{
+        flex: [C, Ee, "auto", "initial", "none", c]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: ["", C, u, c]
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: ["", C, u, c]
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: [ye, "first", "last", "none", u, c]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": ae()
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: ue()
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": he()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": he()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": ae()
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: ue()
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": he()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": he()
+      }],
+      /**
+       * Grid Auto Flow
+       * @see https://tailwindcss.com/docs/grid-auto-flow
+       */
+      "grid-flow": [{
+        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
+      }],
+      /**
+       * Grid Auto Columns
+       * @see https://tailwindcss.com/docs/grid-auto-columns
+       */
+      "auto-cols": [{
+        "auto-cols": We()
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": We()
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: x()
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": x()
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": x()
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: [...Me(), "normal"]
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": [...ge(), "normal"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", ...ge()]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal", ...Me()]
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: [...ge(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", ...ge(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": Me()
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": [...ge(), "baseline"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", ...ge()]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: x()
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: x()
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: x()
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: x()
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: x()
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: x()
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: x()
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: x()
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: x()
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: F()
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: F()
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: F()
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: F()
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: F()
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: F()
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: F()
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: F()
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: F()
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x": [{
+        "space-x": x()
+      }],
+      /**
+       * Space Between X Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x-reverse": ["space-x-reverse"],
+      /**
+       * Space Between Y
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y": [{
+        "space-y": x()
+      }],
+      /**
+       * Space Between Y Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y-reverse": ["space-y-reverse"],
+      // --------------
+      // --- Sizing ---
+      // --------------
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
+       */
+      size: [{
+        size: ne()
+      }],
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: [f, "screen", ...ne()]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [
+          f,
+          "screen",
+          /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "none",
+          ...ne()
+        ]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": [
+          f,
+          "screen",
+          "none",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "prose",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          {
+            screen: [a]
+          },
+          ...ne()
+        ]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: ["screen", "lh", ...ne()]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": ["screen", "lh", "none", ...ne()]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": ["screen", "lh", ...ne()]
+      }],
+      // ------------------
+      // --- Typography ---
+      // ------------------
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", r, qe, Ce]
+      }],
+      /**
+       * Font Smoothing
+       * @see https://tailwindcss.com/docs/font-smoothing
+       */
+      "font-smoothing": ["antialiased", "subpixel-antialiased"],
+      /**
+       * Font Style
+       * @see https://tailwindcss.com/docs/font-style
+       */
+      "font-style": ["italic", "not-italic"],
+      /**
+       * Font Weight
+       * @see https://tailwindcss.com/docs/font-weight
+       */
+      "font-weight": [{
+        font: [t, u, _e]
+      }],
+      /**
+       * 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", Xe, c]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [jr, c, o]
+      }],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-normal": ["normal-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-ordinal": ["ordinal"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-slashed-zero": ["slashed-zero"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-figure": ["lining-nums", "oldstyle-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-spacing": ["proportional-nums", "tabular-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+      /**
+       * Letter Spacing
+       * @see https://tailwindcss.com/docs/letter-spacing
+       */
+      tracking: [{
+        tracking: [s, u, c]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": [C, "none", u, _e]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: [
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          i,
+          ...x()
+        ]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", u, c]
+      }],
+      /**
+       * List Style Position
+       * @see https://tailwindcss.com/docs/list-style-position
+       */
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["disc", "decimal", "none", u, c]
+      }],
+      /**
+       * Text Alignment
+       * @see https://tailwindcss.com/docs/text-align
+       */
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      /**
+       * Placeholder Color
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://v3.tailwindcss.com/docs/placeholder-color
+       */
+      "placeholder-color": [{
+        placeholder: v()
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: v()
+      }],
+      /**
+       * Text Decoration
+       * @see https://tailwindcss.com/docs/text-decoration
+       */
+      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
+      /**
+       * Text Decoration Style
+       * @see https://tailwindcss.com/docs/text-decoration-style
+       */
+      "text-decoration-style": [{
+        decoration: [...Ae(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: [C, "from-font", "auto", u, Ce]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: v()
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": [C, "auto", u, c]
+      }],
+      /**
+       * Text Transform
+       * @see https://tailwindcss.com/docs/text-transform
+       */
+      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
+      /**
+       * Text Overflow
+       * @see https://tailwindcss.com/docs/text-overflow
+       */
+      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      "text-wrap": [{
+        text: ["wrap", "nowrap", "balance", "pretty"]
+      }],
+      /**
+       * Text Indent
+       * @see https://tailwindcss.com/docs/text-indent
+       */
+      indent: [{
+        indent: x()
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", u, c]
+      }],
+      /**
+       * Whitespace
+       * @see https://tailwindcss.com/docs/whitespace
+       */
+      whitespace: [{
+        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
+      }],
+      /**
+       * Word Break
+       * @see https://tailwindcss.com/docs/word-break
+       */
+      break: [{
+        break: ["normal", "words", "all", "keep"]
+      }],
+      /**
+       * Overflow Wrap
+       * @see https://tailwindcss.com/docs/overflow-wrap
+       */
+      wrap: [{
+        wrap: ["break-word", "anywhere", "normal"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", u, c]
+      }],
+      // -------------------
+      // --- Backgrounds ---
+      // -------------------
+      /**
+       * Background Attachment
+       * @see https://tailwindcss.com/docs/background-attachment
+       */
+      "bg-attachment": [{
+        bg: ["fixed", "local", "scroll"]
+      }],
+      /**
+       * Background Clip
+       * @see https://tailwindcss.com/docs/background-clip
+       */
+      "bg-clip": [{
+        "bg-clip": ["border", "padding", "content", "text"]
+      }],
+      /**
+       * Background Origin
+       * @see https://tailwindcss.com/docs/background-origin
+       */
+      "bg-origin": [{
+        "bg-origin": ["border", "padding", "content"]
+      }],
+      /**
+       * Background Position
+       * @see https://tailwindcss.com/docs/background-position
+       */
+      "bg-position": [{
+        bg: Ue()
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: Ne()
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: pe()
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          linear: [{
+            to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+          }, ye, u, c],
+          radial: ["", u, c],
+          conic: [ye, u, c]
+        }, Gr, Nr]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: v()
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: ve()
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: ve()
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: ve()
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: v()
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: v()
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: v()
+      }],
+      // ---------------
+      // --- Borders ---
+      // ---------------
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: P()
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": P()
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": P()
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": P()
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": P()
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": P()
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": P()
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": P()
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": P()
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": P()
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": P()
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": P()
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": P()
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": P()
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": P()
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: D()
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": D()
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": D()
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": D()
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": D()
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": D()
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": D()
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": D()
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": D()
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x": [{
+        "divide-x": D()
+      }],
+      /**
+       * Divide Width X Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x-reverse": ["divide-x-reverse"],
+      /**
+       * Divide Width Y
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y": [{
+        "divide-y": D()
+      }],
+      /**
+       * Divide Width Y Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y-reverse": ["divide-y-reverse"],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [...Ae(), "hidden", "none"]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
+       */
+      "divide-style": [{
+        divide: [...Ae(), "hidden", "none"]
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: v()
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": v()
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": v()
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": v()
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": v()
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": v()
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": v()
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": v()
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": v()
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: v()
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: [...Ae(), "none", "hidden"]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [C, u, c]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: ["", C, qe, Ce]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: v()
+      }],
+      // ---------------
+      // --- Effects ---
+      // ---------------
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          m,
+          Ye,
+          Ke
+        ]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
+       */
+      "shadow-color": [{
+        shadow: v()
+      }],
+      /**
+       * Inset Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
+       */
+      "inset-shadow": [{
+        "inset-shadow": ["none", A, Ye, Ke]
+      }],
+      /**
+       * Inset Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
+       */
+      "inset-shadow-color": [{
+        "inset-shadow": v()
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
+       */
+      "ring-w": [{
+        ring: D()
+      }],
+      /**
+       * Ring Width Inset
+       * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-w-inset": ["ring-inset"],
+      /**
+       * Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
+       */
+      "ring-color": [{
+        ring: v()
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://v3.tailwindcss.com/docs/ring-offset-width
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-w": [{
+        "ring-offset": [C, Ce]
+      }],
+      /**
+       * Ring Offset Color
+       * @see https://v3.tailwindcss.com/docs/ring-offset-color
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-color": [{
+        "ring-offset": v()
+      }],
+      /**
+       * Inset Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
+       */
+      "inset-ring-w": [{
+        "inset-ring": D()
+      }],
+      /**
+       * Inset Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
+       */
+      "inset-ring-color": [{
+        "inset-ring": v()
+      }],
+      /**
+       * Text Shadow
+       * @see https://tailwindcss.com/docs/text-shadow
+       */
+      "text-shadow": [{
+        "text-shadow": ["none", K, Ye, Ke]
+      }],
+      /**
+       * Text Shadow Color
+       * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
+       */
+      "text-shadow-color": [{
+        "text-shadow": v()
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [C, u, c]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...Ie(), "plus-darker", "plus-lighter"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": Ie()
+      }],
+      /**
+       * Mask Clip
+       * @see https://tailwindcss.com/docs/mask-clip
+       */
+      "mask-clip": [{
+        "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
+      }, "mask-no-clip"],
+      /**
+       * Mask Composite
+       * @see https://tailwindcss.com/docs/mask-composite
+       */
+      "mask-composite": [{
+        mask: ["add", "subtract", "intersect", "exclude"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image-linear-pos": [{
+        "mask-linear": [C]
+      }],
+      "mask-image-linear-from-pos": [{
+        "mask-linear-from": $()
+      }],
+      "mask-image-linear-to-pos": [{
+        "mask-linear-to": $()
+      }],
+      "mask-image-linear-from-color": [{
+        "mask-linear-from": v()
+      }],
+      "mask-image-linear-to-color": [{
+        "mask-linear-to": v()
+      }],
+      "mask-image-t-from-pos": [{
+        "mask-t-from": $()
+      }],
+      "mask-image-t-to-pos": [{
+        "mask-t-to": $()
+      }],
+      "mask-image-t-from-color": [{
+        "mask-t-from": v()
+      }],
+      "mask-image-t-to-color": [{
+        "mask-t-to": v()
+      }],
+      "mask-image-r-from-pos": [{
+        "mask-r-from": $()
+      }],
+      "mask-image-r-to-pos": [{
+        "mask-r-to": $()
+      }],
+      "mask-image-r-from-color": [{
+        "mask-r-from": v()
+      }],
+      "mask-image-r-to-color": [{
+        "mask-r-to": v()
+      }],
+      "mask-image-b-from-pos": [{
+        "mask-b-from": $()
+      }],
+      "mask-image-b-to-pos": [{
+        "mask-b-to": $()
+      }],
+      "mask-image-b-from-color": [{
+        "mask-b-from": v()
+      }],
+      "mask-image-b-to-color": [{
+        "mask-b-to": v()
+      }],
+      "mask-image-l-from-pos": [{
+        "mask-l-from": $()
+      }],
+      "mask-image-l-to-pos": [{
+        "mask-l-to": $()
+      }],
+      "mask-image-l-from-color": [{
+        "mask-l-from": v()
+      }],
+      "mask-image-l-to-color": [{
+        "mask-l-to": v()
+      }],
+      "mask-image-x-from-pos": [{
+        "mask-x-from": $()
+      }],
+      "mask-image-x-to-pos": [{
+        "mask-x-to": $()
+      }],
+      "mask-image-x-from-color": [{
+        "mask-x-from": v()
+      }],
+      "mask-image-x-to-color": [{
+        "mask-x-to": v()
+      }],
+      "mask-image-y-from-pos": [{
+        "mask-y-from": $()
+      }],
+      "mask-image-y-to-pos": [{
+        "mask-y-to": $()
+      }],
+      "mask-image-y-from-color": [{
+        "mask-y-from": v()
+      }],
+      "mask-image-y-to-color": [{
+        "mask-y-to": v()
+      }],
+      "mask-image-radial": [{
+        "mask-radial": [u, c]
+      }],
+      "mask-image-radial-from-pos": [{
+        "mask-radial-from": $()
+      }],
+      "mask-image-radial-to-pos": [{
+        "mask-radial-to": $()
+      }],
+      "mask-image-radial-from-color": [{
+        "mask-radial-from": v()
+      }],
+      "mask-image-radial-to-color": [{
+        "mask-radial-to": v()
+      }],
+      "mask-image-radial-shape": [{
+        "mask-radial": ["circle", "ellipse"]
+      }],
+      "mask-image-radial-size": [{
+        "mask-radial": [{
+          closest: ["side", "corner"],
+          farthest: ["side", "corner"]
+        }]
+      }],
+      "mask-image-radial-pos": [{
+        "mask-radial-at": de()
+      }],
+      "mask-image-conic-pos": [{
+        "mask-conic": [C]
+      }],
+      "mask-image-conic-from-pos": [{
+        "mask-conic-from": $()
+      }],
+      "mask-image-conic-to-pos": [{
+        "mask-conic-to": $()
+      }],
+      "mask-image-conic-from-color": [{
+        "mask-conic-from": v()
+      }],
+      "mask-image-conic-to-color": [{
+        "mask-conic-to": v()
+      }],
+      /**
+       * Mask Mode
+       * @see https://tailwindcss.com/docs/mask-mode
+       */
+      "mask-mode": [{
+        mask: ["alpha", "luminance", "match"]
+      }],
+      /**
+       * Mask Origin
+       * @see https://tailwindcss.com/docs/mask-origin
+       */
+      "mask-origin": [{
+        "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
+      }],
+      /**
+       * Mask Position
+       * @see https://tailwindcss.com/docs/mask-position
+       */
+      "mask-position": [{
+        mask: Ue()
+      }],
+      /**
+       * Mask Repeat
+       * @see https://tailwindcss.com/docs/mask-repeat
+       */
+      "mask-repeat": [{
+        mask: Ne()
+      }],
+      /**
+       * Mask Size
+       * @see https://tailwindcss.com/docs/mask-size
+       */
+      "mask-size": [{
+        mask: pe()
+      }],
+      /**
+       * Mask Type
+       * @see https://tailwindcss.com/docs/mask-type
+       */
+      "mask-type": [{
+        "mask-type": ["alpha", "luminance"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image": [{
+        mask: ["none", u, c]
+      }],
+      // ---------------
+      // --- Filters ---
+      // ---------------
+      /**
+       * Filter
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          u,
+          c
+        ]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: je()
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [C, u, c]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [C, u, c]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          L,
+          Ye,
+          Ke
+        ]
+      }],
+      /**
+       * Drop Shadow Color
+       * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
+       */
+      "drop-shadow-color": [{
+        "drop-shadow": v()
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: ["", C, u, c]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [C, u, c]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: ["", C, u, c]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [C, u, c]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: ["", C, u, c]
+      }],
+      /**
+       * Backdrop Filter
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          u,
+          c
+        ]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": je()
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [C, u, c]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [C, u, c]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": ["", C, u, c]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [C, u, c]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": ["", C, u, c]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [C, u, c]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [C, u, c]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": ["", C, u, c]
+      }],
+      // --------------
+      // --- Tables ---
+      // --------------
+      /**
+       * Border Collapse
+       * @see https://tailwindcss.com/docs/border-collapse
+       */
+      "border-collapse": [{
+        border: ["collapse", "separate"]
+      }],
+      /**
+       * Border Spacing
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing": [{
+        "border-spacing": x()
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": x()
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": x()
+      }],
+      /**
+       * Table Layout
+       * @see https://tailwindcss.com/docs/table-layout
+       */
+      "table-layout": [{
+        table: ["auto", "fixed"]
+      }],
+      /**
+       * Caption Side
+       * @see https://tailwindcss.com/docs/caption-side
+       */
+      caption: [{
+        caption: ["top", "bottom"]
+      }],
+      // ---------------------------------
+      // --- Transitions and Animation ---
+      // ---------------------------------
+      /**
+       * Transition Property
+       * @see https://tailwindcss.com/docs/transition-property
+       */
+      transition: [{
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", u, c]
+      }],
+      /**
+       * Transition Behavior
+       * @see https://tailwindcss.com/docs/transition-behavior
+       */
+      "transition-behavior": [{
+        transition: ["normal", "discrete"]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: [C, "initial", u, c]
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "initial", Q, u, c]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: [C, u, c]
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", Se, u, c]
+      }],
+      // ------------------
+      // --- Transforms ---
+      // ------------------
+      /**
+       * Backface Visibility
+       * @see https://tailwindcss.com/docs/backface-visibility
+       */
+      backface: [{
+        backface: ["hidden", "visible"]
+      }],
+      /**
+       * Perspective
+       * @see https://tailwindcss.com/docs/perspective
+       */
+      perspective: [{
+        perspective: [V, u, c]
+      }],
+      /**
+       * Perspective Origin
+       * @see https://tailwindcss.com/docs/perspective-origin
+       */
+      "perspective-origin": [{
+        "perspective-origin": be()
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: xe()
+      }],
+      /**
+       * Rotate X
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-x": [{
+        "rotate-x": xe()
+      }],
+      /**
+       * Rotate Y
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-y": [{
+        "rotate-y": xe()
+      }],
+      /**
+       * Rotate Z
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-z": [{
+        "rotate-z": xe()
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: ze()
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": ze()
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": ze()
+      }],
+      /**
+       * Scale Z
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-z": [{
+        "scale-z": ze()
+      }],
+      /**
+       * Scale 3D
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-3d": ["scale-3d"],
+      /**
+       * Skew
+       * @see https://tailwindcss.com/docs/skew
+       */
+      skew: [{
+        skew: Ve()
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": Ve()
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": Ve()
+      }],
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: [u, c, "", "none", "gpu", "cpu"]
+      }],
+      /**
+       * Transform Origin
+       * @see https://tailwindcss.com/docs/transform-origin
+       */
+      "transform-origin": [{
+        origin: be()
+      }],
+      /**
+       * Transform Style
+       * @see https://tailwindcss.com/docs/transform-style
+       */
+      "transform-style": [{
+        transform: ["3d", "flat"]
+      }],
+      /**
+       * Translate
+       * @see https://tailwindcss.com/docs/translate
+       */
+      translate: [{
+        translate: $e()
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": $e()
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": $e()
+      }],
+      /**
+       * Translate Z
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-z": [{
+        "translate-z": $e()
+      }],
+      /**
+       * Translate None
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-none": ["translate-none"],
+      // ---------------------
+      // --- Interactivity ---
+      // ---------------------
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: v()
+      }],
+      /**
+       * Appearance
+       * @see https://tailwindcss.com/docs/appearance
+       */
+      appearance: [{
+        appearance: ["none", "auto"]
+      }],
+      /**
+       * Caret Color
+       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+       */
+      "caret-color": [{
+        caret: v()
+      }],
+      /**
+       * Color Scheme
+       * @see https://tailwindcss.com/docs/color-scheme
+       */
+      "color-scheme": [{
+        scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
+      }],
+      /**
+       * Cursor
+       * @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", u, c]
+      }],
+      /**
+       * Field Sizing
+       * @see https://tailwindcss.com/docs/field-sizing
+       */
+      "field-sizing": [{
+        "field-sizing": ["fixed", "content"]
+      }],
+      /**
+       * Pointer Events
+       * @see https://tailwindcss.com/docs/pointer-events
+       */
+      "pointer-events": [{
+        "pointer-events": ["auto", "none"]
+      }],
+      /**
+       * Resize
+       * @see https://tailwindcss.com/docs/resize
+       */
+      resize: [{
+        resize: ["none", "", "y", "x"]
+      }],
+      /**
+       * Scroll Behavior
+       * @see https://tailwindcss.com/docs/scroll-behavior
+       */
+      "scroll-behavior": [{
+        scroll: ["auto", "smooth"]
+      }],
+      /**
+       * Scroll Margin
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-m": [{
+        "scroll-m": x()
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": x()
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": x()
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": x()
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": x()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": x()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": x()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": x()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": x()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": x()
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": x()
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": x()
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": x()
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": x()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": x()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": x()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": x()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": x()
+      }],
+      /**
+       * Scroll Snap Align
+       * @see https://tailwindcss.com/docs/scroll-snap-align
+       */
+      "snap-align": [{
+        snap: ["start", "end", "center", "align-none"]
+      }],
+      /**
+       * Scroll Snap Stop
+       * @see https://tailwindcss.com/docs/scroll-snap-stop
+       */
+      "snap-stop": [{
+        snap: ["normal", "always"]
+      }],
+      /**
+       * Scroll Snap Type
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-type": [{
+        snap: ["none", "x", "y", "both"]
+      }],
+      /**
+       * Scroll Snap Type Strictness
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-strictness": [{
+        snap: ["mandatory", "proximity"]
+      }],
+      /**
+       * Touch Action
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      touch: [{
+        touch: ["auto", "none", "manipulation"]
+      }],
+      /**
+       * Touch Action X
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-x": [{
+        "touch-pan": ["x", "left", "right"]
+      }],
+      /**
+       * Touch Action Y
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-y": [{
+        "touch-pan": ["y", "up", "down"]
+      }],
+      /**
+       * Touch Action Pinch Zoom
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-pz": ["touch-pinch-zoom"],
+      /**
+       * User Select
+       * @see https://tailwindcss.com/docs/user-select
+       */
+      select: [{
+        select: ["none", "text", "all", "auto"]
+      }],
+      /**
+       * Will Change
+       * @see https://tailwindcss.com/docs/will-change
+       */
+      "will-change": [{
+        "will-change": ["auto", "scroll", "contents", "transform", u, c]
+      }],
+      // -----------
+      // --- SVG ---
+      // -----------
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: ["none", ...v()]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [C, qe, Ce, _e]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: ["none", ...v()]
+      }],
+      // ---------------------
+      // --- Accessibility ---
+      // ---------------------
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      "forced-color-adjust": [{
+        "forced-color-adjust": ["auto", "none"]
+      }]
+    },
+    conflictingClassGroups: {
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
+      "inset-x": ["right", "left"],
+      "inset-y": ["top", "bottom"],
+      flex: ["basis", "grow", "shrink"],
+      gap: ["gap-x", "gap-y"],
+      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
+      mx: ["mr", "ml"],
+      my: ["mt", "mb"],
+      size: ["w", "h"],
+      "font-size": ["leading"],
+      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
+      "fvn-ordinal": ["fvn-normal"],
+      "fvn-slashed-zero": ["fvn-normal"],
+      "fvn-figure": ["fvn-normal"],
+      "fvn-spacing": ["fvn-normal"],
+      "fvn-fraction": ["fvn-normal"],
+      "line-clamp": ["display", "overflow"],
+      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
+      "rounded-s": ["rounded-ss", "rounded-es"],
+      "rounded-e": ["rounded-se", "rounded-ee"],
+      "rounded-t": ["rounded-tl", "rounded-tr"],
+      "rounded-r": ["rounded-tr", "rounded-br"],
+      "rounded-b": ["rounded-br", "rounded-bl"],
+      "rounded-l": ["rounded-tl", "rounded-bl"],
+      "border-spacing": ["border-spacing-x", "border-spacing-y"],
+      "border-w": ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
+      "border-w-x": ["border-w-r", "border-w-l"],
+      "border-w-y": ["border-w-t", "border-w-b"],
+      "border-color": ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color-x": ["border-color-r", "border-color-l"],
+      "border-color-y": ["border-color-t", "border-color-b"],
+      translate: ["translate-x", "translate-y", "translate-none"],
+      "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
+      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
+      "scroll-mx": ["scroll-mr", "scroll-ml"],
+      "scroll-my": ["scroll-mt", "scroll-mb"],
+      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
+      "scroll-px": ["scroll-pr", "scroll-pl"],
+      "scroll-py": ["scroll-pt", "scroll-pb"],
+      touch: ["touch-x", "touch-y", "touch-pz"],
+      "touch-x": ["touch"],
+      "touch-y": ["touch"],
+      "touch-pz": ["touch"]
+    },
+    conflictingClassGroupModifiers: {
+      "font-size": ["leading"]
+    },
+    orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
+  };
+}, "getDefaultConfig"), Wr = /* @__PURE__ */ Mr(Hr), Ur = { class: "spinner max-w-sm" }, Zr = {
+  class: "ring-circular h-full w-full origin-center",
+  viewBox: "25 25 50 50"
+}, Ot = /* @__PURE__ */ oe({
+  __name: "FSpinner",
+  props: {
+    width: { type: String, default: "" },
+    colorMode: { type: String, default: "primary" }
+  },
+  setup(e) {
+    return (o, r) => (p(), k("div", Ur, [
+      (p(), k("svg", Zr, [
+        l("circle", {
+          class: I([e.colorMode, "ring-path"]),
+          cx: "50",
+          cy: "50",
+          r: "20",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "5",
+          "stroke-miterlimit": "30"
+        }, null, 2)
+      ]))
+    ]));
+  }
+}), Je = {
+  default: {
+    solid: {
+      base: "bg-theme-0 dark:bg-theme-700/40 text-theme-600 dark:text-theme-50",
+      input: `bg-white dark:bg-theme-800/50
+            ring-theme-200 dark:ring-theme-600/70
+            focus:ring-theme-600 focus:bg-white
+            dark:focus:ring-theme-500 dark:focus:bg-theme-800
+            focus-within:ring-theme-600 dark:focus-within:ring-theme-500
+            text-theme-900 dark:text-theme-100
+            placeholder:text-theme-400 dark:placeholder:text-theme-500`,
+      border: "border-theme-300/80 dark:border-theme-600",
+      hover: "hover:border-theme-300 dark:hover:border-theme-500",
+      icon: "text-theme-600 dark:text-theme-50"
+    },
+    ghost: {
+      base: "bg-theme-50 dark:bg-theme-600/30 text-theme-700 dark:text-theme-50",
+      border: "border-theme-100 dark:border-theme-800/20",
+      hover: "hover:bg-theme-200 dark:hover:bg-theme-600/50 hover:border-theme-200 dark:hover:border-theme-600",
+      icon: "text-theme-500 dark:text-theme-500"
+    },
+    outline: {
+      base: "bg-transparent text-theme-700 dark:text-theme-50",
+      border: "border-theme-300 dark:border-theme-400",
+      hover: "hover:opacity-70",
+      icon: "text-theme-700 dark:text-theme-300"
+    },
+    link: {
+      base: "bg-transparent text-theme-600 dark:text-theme-50",
+      border: "border-transparent",
+      hover: "hover:opacity-70",
+      icon: "text-theme-600 dark:text-theme-400"
+    }
+  },
+  muted: {
+    solid: {
+      base: "bg-gray-100 dark:bg-gray-700/40 text-gray-900 dark:text-gray-50",
+      input: `bg-white dark:bg-gray-800/50
+            ring-gray-200 dark:ring-gray-600/70
+            focus:ring-gray-600 focus:bg-white
+            dark:focus:ring-gray-500 dark:focus:bg-gray-800
+            focus-within:ring-gray-600 dark:focus-within:ring-gray-500
+            text-gray-900 dark:text-gray-100
+            placeholder:text-gray-400 dark:placeholder:text-gray-500`,
+      border: "border-gray-300/80 dark:border-gray-600",
+      hover: "hover:border-gray-300 dark:hover:border-gray-500",
+      icon: "text-gray-600 dark:text-gray-50"
+    },
+    ghost: {
+      base: "bg-gray-100 dark:bg-gray-600/30 text-gray-700 dark:text-gray-50",
+      border: "border-gray-100 dark:border-gray-800/20",
+      hover: "hover:bg-gray-200 dark:hover:bg-gray-600/50 hover:border-gray-200 dark:hover:border-gray-600",
+      icon: "text-gray-500 dark:text-gray-500"
+    },
+    outline: {
+      base: "bg-transparent text-gray-700 dark:text-gray-50",
+      border: "border-gray-500 dark:border-gray-400",
+      hover: "hover:opacity-70",
+      icon: "text-gray-700 dark:text-gray-300"
+    },
+    link: {
+      base: "bg-transparent text-gray-600 dark:text-gray-50",
+      border: "border-transparent",
+      hover: "hover:opacity-70",
+      icon: "text-gray-600 dark:text-gray-400"
+    }
+  },
+  overlay: {
+    solid: {
+      base: "bg-white/100 text-black backdrop-blur-sm shadow-sm mix-blend-overlay [text-shadow:_0_1px_1px_rgb(255_255_255_/_100%)]",
+      border: "border-white/100",
+      input: `bg-white/10 ring-white
+            focus:ring-white/90 focus:bg-white/20
+            dark:focus:ring-white/70
+            text-white
+            placeholder:text-white/60`,
+      hover: "hover:bg-white/70 ",
+      icon: "text-black"
+    },
+    ghost: {
+      base: "bg-white/70 text-black backdrop-blur-sm shadow-sm mix-blend-overlay [text-shadow:_0_1px_1px_rgb(255_255_255_/_100%)]",
+      border: "border-white/100",
+      hover: "hover:bg-white/70 hover:border-white/90",
+      icon: "text-black"
+    },
+    outline: {
+      base: "bg-white/10 text-white backdrop-blur-sm shadow-sm [text-shadow:_0_0.5px_0_rgb(0_0_0_/_40%)]",
+      border: "border-white",
+      hover: "hover:border-white/80",
+      icon: "text-white"
+    },
+    link: {
+      base: "bg-transparent text-white [text-shadow:_0_0.5px_0_rgb(0_0_0_/_40%)]",
+      border: "border-transparent",
+      hover: "hover:opacity-70",
+      icon: "text-white"
+    }
+  },
+  primary: {
+    solid: {
+      base: "bg-primary-500 dark:bg-primary-700/70 text-primary-0 dark:text-primary-50",
+      border: "border-primary-600/80 dark:border-primary-600",
+      input: `bg-primary-50 dark:bg-primary-800/20
+            ring-primary-500 dark:ring-primary-600/70
+            focus:ring-primary-700 focus:bg-primary-50/50
+            dark:focus:ring-primary-600 dark:focus:bg-primary-800/40
+            text-primary-800 dark:text-primary-0
+            placeholder:text-primary-300 dark:placeholder:text-primary-600`,
+      hover: "hover:bg-primary-600 dark:hover:bg-primary-800",
+      icon: "text-primary-0 dark:text-primary-50"
+    },
+    ghost: {
+      base: "bg-primary-50 dark:bg-primary-800/40 text-primary-800 dark:text-primary-0",
+      border: "border-primary-100 dark:border-primary-800/20",
+      hover: "hover:bg-primary-100 dark:hover:bg-primary-800/60 hover:border-primary-200 dark:hover:border-primary-700",
+      icon: "text-primary-500 dark:text-primary-500"
+    },
+    outline: {
+      base: "bg-transparent text-primary-500 dark:text-primary-100",
+      border: "border-primary-500 dark:border-primary-500",
+      hover: "hover:bg-primary-500/10 dark:hover:bg-primary-500/20",
+      icon: "text-primary-700 dark:text-primary-100"
+    },
+    link: {
+      base: "bg-transparent text-primary-600 dark:text-primary-400",
+      border: "border-transparent",
+      hover: "hover:opacity-70",
+      icon: "text-primary-600 dark:text-primary-400"
+    }
+  },
+  theme: {
+    solid: {
+      base: "bg-theme-500 dark:bg-theme-600/70 text-theme-0 dark:text-theme-0",
+      border: "border-theme-600/80 dark:border-theme-600",
+      hover: "hover:bg-theme-600 dark:hover:bg-theme-800",
+      icon: "text-theme-50 dark:text-theme-50"
+    },
+    ghost: {
+      base: "bg-theme-100 dark:bg-theme-600/50 text-theme-900 dark:text-theme-100",
+      border: "border-theme-100 dark:border-theme-800/20",
+      hover: "hover:bg-theme-200 dark:hover:bg-theme-600/40 hover:border-theme-200 dark:hover:border-theme-600",
+      icon: "text-theme-500 dark:text-theme-500"
+    },
+    outline: {
+      base: "bg-transparent text-theme-500 dark:text-theme-300",
+      border: "border-theme-500 dark:border-theme-400",
+      hover: "hover:bg-theme-500/10 dark:hover:bg-theme-400/20",
+      icon: "text-theme-500 dark:text-theme-300"
+    },
+    link: {
+      base: "bg-transparent text-theme-600 dark:text-theme-400",
+      border: "border-transparent",
+      hover: "hover:opacity-70",
+      icon: "text-theme-600 dark:text-theme-400"
+    }
+  },
+  green: {
+    solid: {
+      base: "bg-green-600 dark:bg-green-700/70 text-green-50 dark:text-green-50",
+      border: "border-green-600 dark:border-green-600",
+      hover: "hover:bg-green-700 dark:hover:bg-green-800",
+      icon: "text-green-50 dark:text-green-50"
+    },
+    ghost: {
+      base: "bg-green-100 dark:bg-green-800/20 text-green-900 dark:text-green-100",
+      border: "border-green-100 dark:border-green-800/20",
+      hover: "hover:bg-green-200 dark:hover:bg-green-800/40 hover:border-green-200 dark:hover:border-green-700",
+      icon: "text-green-500 dark:text-green-500"
+    },
+    outline: {
+      base: "bg-transparent text-green-500 dark:text-green-50",
+      border: "border-green-500 dark:border-green-600",
+      hover: "hover:bg-green-500/10 dark:hover:bg-green-400/10",
+      icon: "text-green-500 dark:text-green-50"
+    },
+    link: {
+      base: "bg-transparent text-green-600 dark:text-green-400",
+      border: "border-transparent",
+      hover: "hover:opacity-70",
+      icon: "text-green-600 dark:text-green-400"
+    }
+  },
+  orange: {
+    solid: {
+      base: "bg-orange-500 dark:bg-orange-700/70 text-orange-50 dark:text-orange-50",
+      border: "border-orange-700 dark:border-orange-600",
+      hover: "hover:bg-orange-700 dark:hover:bg-orange-800",
+      icon: "text-orange-50 dark:text-orange-50"
+    },
+    ghost: {
+      base: "bg-orange-100 dark:bg-orange-800/20 text-orange-900 dark:text-orange-100",
+      border: "border-orange-100 dark:border-orange-800/20",
+      hover: "hover:bg-orange-200 dark:hover:bg-orange-800/40 hover:border-orange-200 dark:hover:border-orange-700",
+      icon: "text-orange-500 dark:text-orange-500"
+    },
+    outline: {
+      base: "bg-transparent text-orange-500 dark:text-orange-50",
+      border: "border-orange-500 dark:border-orange-600",
+      hover: "hover:bg-orange-500/10 dark:hover:bg-orange-400/10",
+      icon: "text-orange-500 dark:text-orange-50"
+    },
+    link: {
+      base: "bg-transparent text-orange-600 dark:text-orange-400",
+      border: "border-transparent",
+      hover: "hover:opacity-70",
+      icon: "text-orange-600 dark:text-orange-400"
+    }
+  },
+  rose: {
+    solid: {
+      base: "bg-rose-500 dark:bg-rose-700/70 text-rose-50 dark:text-rose-50",
+      border: "border-rose-600/80 dark:border-rose-600",
+      hover: "hover:bg-rose-600 dark:hover:bg-rose-800",
+      icon: "text-rose-50 dark:text-rose-50"
+    },
+    ghost: {
+      base: "bg-rose-100 dark:bg-rose-800/20 text-rose-900 dark:text-rose-100",
+      border: "border-rose-100 dark:border-rose-800/20",
+      hover: "hover:bg-rose-200 dark:hover:bg-rose-800/40 hover:border-rose-200 dark:hover:border-rose-700",
+      icon: "text-rose-500 dark:text-rose-500"
+    },
+    outline: {
+      base: "bg-transparent text-rose-500 dark:text-rose-50",
+      border: "border-rose-500 dark:border-rose-600",
+      hover: "hover:bg-rose-500/10 dark:hover:bg-rose-400/10",
+      icon: "text-rose-500 dark:text-rose-50"
+    },
+    link: {
+      base: "bg-transparent text-rose-600 dark:text-rose-400",
+      border: "border-transparent",
+      hover: "hover:opacity-70",
+      icon: "text-rose-600 dark:text-rose-400"
+    }
+  },
+  indigo: {
+    solid: {
+      base: "bg-indigo-500 dark:bg-indigo-700/70 text-indigo-50 dark:text-indigo-50",
+      border: "border-indigo-600/80 dark:border-indigo-600",
+      hover: "hover:bg-indigo-600 dark:hover:bg-indigo-800",
+      icon: "text-indigo-50 dark:text-indigo-50"
+    },
+    ghost: {
+      base: "bg-indigo-100 dark:bg-indigo-800/20 text-indigo-900 dark:text-indigo-100",
+      border: "border-indigo-100 dark:border-indigo-800/20",
+      hover: "hover:bg-indigo-200 dark:hover:bg-indigo-800/40 hover:border-indigo-200 dark:hover:border-indigo-700",
+      icon: "text-indigo-500 dark:text-indigo-500"
+    },
+    outline: {
+      base: "bg-transparent text-indigo-500 dark:text-indigo-50",
+      border: "border-indigo-500 dark:border-indigo-600",
+      hover: "hover:bg-indigo-500/10 dark:hover:bg-indigo-400/10",
+      icon: "text-indigo-500 dark:text-indigo-50"
+    },
+    link: {
+      base: "bg-transparent text-indigo-600 dark:text-indigo-400",
+      border: "border-transparent",
+      hover: "hover:opacity-70",
+      icon: "text-indigo-600 dark:text-indigo-400"
+    }
+  },
+  red: {
+    solid: {
+      base: "bg-red-500 dark:bg-red-700/70 text-red-50 dark:text-red-50",
+      border: "border-red-600/80 dark:border-red-600",
+      hover: "hover:bg-red-600 dark:hover:bg-red-800",
+      icon: "text-red-50 dark:text-red-50"
+    },
+    ghost: {
+      base: "bg-red-100 dark:bg-red-800/20 text-red-900 dark:text-red-100",
+      border: "border-red-100 dark:border-red-800/20",
+      hover: "hover:bg-red-200 dark:hover:bg-red-800/40 hover:border-red-200 dark:hover:border-red-700",
+      icon: "text-red-500 dark:text-red-500"
+    },
+    outline: {
+      base: "bg-transparent text-red-500 dark:text-red-50",
+      border: "border-red-500 dark:border-red-600",
+      hover: "hover:bg-red-500/10 dark:hover:bg-red-400/10",
+      icon: "text-red-500 dark:text-red-50"
+    },
+    link: {
+      base: "bg-transparent text-red-600 dark:text-red-400",
+      border: "border-transparent",
+      hover: "hover:opacity-70",
+      icon: "text-red-600 dark:text-red-400"
+    }
+  }
+}, Kr = {
+  key: 0,
+  class: "absolute inset-0 flex items-center justify-center"
+}, Fe = /* @__PURE__ */ oe({
+  __name: "FButton",
+  props: {
+    theme: { default: "default" },
+    design: { default: "solid" },
+    size: { default: "md" },
+    rounding: { default: "full" },
+    href: {},
+    icon: {},
+    iconAfter: {},
+    tag: { default: "button" },
+    loading: { type: Boolean, default: !1 },
+    class: { default: "" }
+  },
+  setup(e) {
+    const o = re(() => ({
+      icon: typeof e.icon == "string" ? e.icon : e.icon?.className,
+      iconAfter: typeof e.iconAfter == "string" ? e.iconAfter : e.iconAfter?.className
+    })), r = re(() => e.href ? "a" : e.tag), t = re(() => ({
+      xxs: "size-2.5",
+      xs: "size-3",
+      sm: "size-3.5",
+      md: "size-4",
+      lg: "size-5",
+      xl: "size-6"
+    })[e.size]), s = re(() => {
+      const a = "relative inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 focus:outline-none active:opacity-80 cursor-pointer", f = {
+        xxs: "px-2 py-0.5 text-[10px]",
+        xs: "px-3 py-1 text-[11px]",
+        sm: "px-3 py-1.5 text-xs",
+        md: "px-4 py-2 text-sm",
+        lg: "px-6 py-3 text-base",
+        xl: "px-8 py-4 text-base"
+      }, g = e.design === "link" ? "!px-1" : "", h = {
+        md: "rounded-md",
+        lg: "rounded-lg",
+        full: "rounded-full"
+      }, m = Je[e.theme]?.[e.design] || Je.default[e.design], A = [
+        a,
+        f[e.size],
+        g,
+        h[e.rounding],
+        m.base,
+        `border ${m.border}`,
+        m.hover
+      ].filter(Boolean).join(" ");
+      return Wr(A, e.class);
+    }), i = re(() => ({
+      design: (Je[e.theme]?.[e.design] || Je.default[e.design]).icon || ""
+    }));
+    return (a, f) => (p(), ke(_t(r.value), {
+      href: e.href,
+      class: I(s.value)
+    }, {
+      default: ie(() => [
+        e.loading ? (p(), k("div", Kr, [
+          U(Ot, {
+            class: I(t.value)
+          }, null, 8, ["class"])
+        ])) : q("", !0),
+        l("span", {
+          class: I(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"])
+        }, [
+          o.value.icon ? (p(), k("span", {
+            key: 0,
+            class: I(["flex items-center size-[1.1em] mt-[-.07em]", [o.value.icon, i.value]])
+          }, null, 2)) : q("", !0),
+          zt(a.$slots, "default"),
+          o.value.iconAfter ? (p(), k("span", {
+            key: 1,
+            class: I(["flex items-center size-[1.1em] mt-[-.07em]", [o.value.iconAfter, i.value]])
+          }, null, 2)) : q("", !0)
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["href", "class"]));
+  }
+});
+function Mt(e) {
+  return e ? typeof e == "string" ? e : e.src || "" : "";
+}
+n(Mt, "getImageSrc");
+function At(e) {
+  return Mt(e.cover) || Mt(e.avatar) || "/img/placeholder-avatar.png";
+}
+n(At, "getSelfAvatarUrl");
+function lt() {
+  return "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iNDAiIGZpbGw9IiM2MzY2RjEiLz4KPHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeD0iMjAiIHk9IjIwIj4KPHA0aCBkPSJNMTIgMTJjMi4yMSAwIDQtMS43OSA0LTRTNC4yMSA0IDIgNHMxLjc5IDQgNCA0em0wIDJjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4KPC9zdmc+";
+}
+n(lt, "getFallbackAvatarDataUrl");
+function It(e) {
+  const o = e.target;
+  o.dataset.fallbackUsed || (o.dataset.fallbackUsed = "true", o.src = lt());
+}
+n(It, "handleImageError");
+function Yr(e) {
+  const { message: o } = e;
+  if (!o)
+    return null;
+  if (typeof o == "string")
+    return o.trim() ? { text: o.trim(), sender: "agent" } : null;
+  if (typeof o != "object")
+    return null;
+  const r = [
+    (t) => {
+      if (!("source" in t))
+        return null;
+      const i = {
+        user: "user",
+        ai: "agent",
+        agent: "agent"
+      }[t.source];
+      return i ? { text: t.message || "", sender: i } : null;
+    }
+  ];
+  for (const t of r) {
+    const s = t(o);
+    if (s && s.text.trim())
+      return { text: s.text.trim(), sender: s.sender };
+  }
+  return null;
+}
+n(Yr, "parseVoiceMessage");
+function kn(e) {
+  const { name: o, context: r } = e;
+  return r === "welcome" ? `Welcome to Fiction! I'm ${o}, your digital self. I'm here to help you understand how I can represent you and assist with your daily tasks. What would you like to know about how I work?` : r === "onboarding" ? `Hi! I'm ${o}, your newly created digital self. I can handle conversations, answer questions about your expertise, and represent you professionally. Ready to see what I can do?` : `Hello! I'm ${o}. How can I help you today?`;
+}
+n(kn, "generateFirstMessage");
+const ct = class ct extends Et {
+  constructor(r) {
+    super("SelfController", r);
+    T(this, "conversation");
+    T(this, "isTextMode", !1);
+    T(this, "lastMessage", { hash: "", time: 0 });
+    T(this, "clientAudio");
+    T(this, "unwatchAudio");
+    T(this, "isConnecting", !1);
+    // Simple usage tracking
+    T(this, "sessionId");
+    T(this, "conversationStartTime");
+    T(this, "chatCharacterCount", 0);
+    T(this, "voiceState", j({
+      isActive: !1,
+      isConnected: !1,
+      isSpeaking: !1,
+      isListening: !1,
+      transcript: "Tap to begin voice conversation",
+      connectionStatus: "disconnected"
+    }));
+    T(this, "textState", j({
+      isActive: !1,
+      isConnected: !1,
+      isThinking: !1,
+      connectionStatus: "disconnected"
+    }));
+    T(this, "agentMode", j("select"));
+    T(this, "sharedMessages", j([]));
+    if (!r.self.elevenlabsAgentId || r.self.elevenlabsAgentId.trim() === "")
+      throw new Error(`Agent ID is required for SelfController. Self "${r.self.name}" (${r.self.selfId}) does not have a valid elevenlabsAgentId.`);
+    this.clientAudio = new et(r), this.setupModeWatcher();
+  }
+  get audioLevels() {
+    return this.clientAudio.audioLevels;
+  }
+  getClientAudio() {
+    return this.clientAudio;
+  }
+  getOutputFrequencyData() {
+    if (!this.conversation)
+      return console.warn("No ElevenLabs conversation available for frequency data"), null;
+    try {
+      const r = this.conversation.getOutputByteFrequencyData();
+      if (r && r.length > 0) {
+        const t = Array.from(r).filter((a) => Number(a) > 0).length, s = Math.max(...Array.from(r)), i = Array.from(r).reduce((a, f) => a + Number(f), 0) / r.length;
+        return console.warn(`ElevenLabs frequency data: ${r.length} bins, ${t} with signal, max: ${s}, avg: ${i.toFixed(1)}`), new Uint8Array(r);
+      } else
+        return console.warn("ElevenLabs returned empty frequency data"), null;
+    } catch (r) {
+      return console.error("Failed to get ElevenLabs output frequency data:", r), null;
+    }
+  }
+  isDuplicateMessage(r, t) {
+    const s = `${t}:${r.toLowerCase().trim()}`, i = Date.now(), a = s === this.lastMessage.hash && i - this.lastMessage.time < 500;
+    return a || (this.lastMessage = { hash: s, time: i }), a;
+  }
+  addMessage(r, t) {
+    this.isDuplicateMessage(r, t) || (this.sharedMessages.value = [
+      ...this.sharedMessages.value,
+      { id: Date.now().toString(), text: r, sender: t, timestamp: /* @__PURE__ */ new Date() }
+    ]);
+  }
+  getDynamicSettings() {
+    return {
+      dynamicVariables: {
+        context: this.settings.context || "",
+        firstMessage: this.settings.firstMessage || ""
+      },
+      overrides: {
+        agent: this.settings.firstMessage ? { firstMessage: this.settings.firstMessage } : {}
+      }
+    };
+  }
+  updateState(r, t) {
+    r.value = { ...r.value, ...t };
+  }
+  resetState(r) {
+    r ? this.updateState(this.textState, {
+      isActive: !1,
+      isConnected: !1,
+      isThinking: !1,
+      connectionStatus: "disconnected",
+      error: void 0
+    }) : (this.updateState(this.voiceState, {
+      isActive: !1,
+      isConnected: !1,
+      isSpeaking: !1,
+      isListening: !1,
+      transcript: "Ready to start a call...",
+      connectionStatus: "disconnected",
+      error: void 0
+    }), this.clientAudio.resetAudioLevels());
+  }
+  setupModeWatcher() {
+    Te(this.agentMode, async (r, t) => {
+      if (this.logger.info(`Mode changed from ${t} to ${r}`), this.conversation && (t === "talk" || t === "chat") && await this.endConversation(), r === "talk" && !this.voiceState.value.isActive)
+        try {
+          await this.startVoiceConversation();
+        } catch (s) {
+          this.logger.error("Failed to auto-start voice conversation:", s), this.agentMode.value = "select";
+        }
+      else if (r === "chat" && !this.textState.value.isActive)
+        try {
+          await this.startTextConversation();
+        } catch (s) {
+          this.logger.error("Failed to auto-start text conversation:", s), this.agentMode.value = "select";
+        }
+    });
+  }
+  handleMessage(r, t) {
+    const s = Yr(r);
+    s && (this.addMessage(s.text, s.sender), !t && s.sender === "agent" && this.updateState(this.textState, { isThinking: !1 }));
+  }
+  handleError(r, t) {
+    const s = r.message;
+    this.logger.error("Conversation error:", r), this.resetState(t), t ? this.updateState(this.voiceState, {
+      error: s,
+      connectionStatus: "error",
+      transcript: "Failed to start call."
+    }) : this.updateState(this.textState, {
+      error: s,
+      connectionStatus: "error"
+    });
+  }
+  async setMode(r) {
+    this.agentMode.value !== r && (this.agentMode.value = r);
+  }
+  async startVoiceConversation(r = {}) {
+    if (this.isConnecting) {
+      this.logger.info("Voice conversation already connecting, ignoring duplicate request");
+      return;
+    }
+    if (this.isConnecting = !0, this.isTextMode = !1, this.updateState(this.voiceState, {
+      isActive: !0,
+      transcript: "Connecting...",
+      connectionStatus: "connecting"
+    }), !await this.clientAudio.requestMicrophonePermission())
+      throw this.isConnecting = !1, this.updateState(this.voiceState, {
+        isActive: !1,
+        error: "Microphone permission required",
+        transcript: "Failed to get microphone permission",
+        connectionStatus: "error"
+      }), new Error("Microphone permission required");
+    this.startSession("voice");
+    const t = this.getDynamicSettings(), s = this.settings.self.elevenlabsAgentId;
+    this.logger.info("Starting voice conversation...", { agentId: s, dynamicSettings: t });
+    try {
+      this.conversation = await yt.startSession({
+        agentId: s,
+        connectionType: "websocket",
+        ...t,
+        onConnect: /* @__PURE__ */ n(() => {
+          this.isConnecting = !1, this.clientAudio.startAudioLevelMonitoring(() => this.isVoiceConnected()), this.updateState(this.voiceState, {
+            isConnected: !0,
+            isListening: !0,
+            transcript: "Connected! Start speaking...",
+            connectionStatus: "connected"
+          }), r.onConnect?.(), r.onAudioLevel && (this.unwatchAudio = Te(this.audioLevels, r.onAudioLevel, { immediate: !0 }));
+        }, "onConnect"),
+        onDisconnect: /* @__PURE__ */ n(() => {
+          this.logger.info("Voice conversation disconnected"), this.conversation = void 0, this.clientAudio.stopAudioLevelMonitoring(), this.endSession().catch((i) => console.error("Failed to end session:", i)), this.resetState(!1), r.onDisconnect?.();
+        }, "onDisconnect"),
+        onError: /* @__PURE__ */ n((i) => {
+          let a = i;
+          i.includes("does not exist") ? a = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : i.includes("limit") || i.includes("quota") ? a = "ElevenLabs account limit reached. Check your subscription and usage." : (i.includes("unauthorized") || i.includes("invalid")) && (a = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((f) => console.error("Failed to end session:", f)), this.handleError(new Error(a), !0), r.onError?.(new Error(a));
+        }, "onError"),
+        onModeChange: /* @__PURE__ */ n((i) => {
+          const a = i.mode === "speaking";
+          this.updateState(this.voiceState, {
+            isSpeaking: a,
+            isListening: !a,
+            transcript: a ? "Agent is speaking..." : "Listening for your voice..."
+          }), r.onModeChange?.(i.mode);
+        }, "onModeChange"),
+        onMessage: /* @__PURE__ */ n((i) => {
+          this.handleMessage(i, !0), r.onMessage?.(i);
+        }, "onMessage")
+      });
+    } catch (i) {
+      throw this.isConnecting = !1, this.endSession().catch((a) => console.error("Failed to end session:", a)), this.handleError(i, !0), i;
+    }
+  }
+  async startTextConversation(r = {}) {
+    if (this.isConnecting) {
+      this.logger.info("Text conversation already connecting, ignoring duplicate request");
+      return;
+    }
+    this.isConnecting = !0, this.isTextMode = !0, this.updateState(this.textState, { isActive: !0, connectionStatus: "connecting" }), this.startSession("chat");
+    try {
+      this.conversation = await yt.startSession({
+        agentId: this.settings.self.elevenlabsAgentId,
+        connectionType: "websocket",
+        ...this.getDynamicSettings(),
+        textOnly: !0,
+        onConnect: /* @__PURE__ */ n(() => {
+          this.isConnecting = !1, this.updateState(this.textState, { isConnected: !0, connectionStatus: "connected" }), r.onConnect?.();
+        }, "onConnect"),
+        onDisconnect: /* @__PURE__ */ n(() => {
+          this.conversation = void 0, this.endSession().catch((t) => console.error("Failed to end session:", t)), this.resetState(!0), r.onDisconnect?.();
+        }, "onDisconnect"),
+        onError: /* @__PURE__ */ n((t) => {
+          let s = t;
+          t.includes("does not exist") ? s = `Agent not found: ${this.settings.self.elevenlabsAgentId}. Check ElevenLabs configuration.` : t.includes("limit") || t.includes("quota") ? s = "ElevenLabs account limit reached. Check your subscription and usage." : (t.includes("unauthorized") || t.includes("invalid")) && (s = "ElevenLabs API authentication failed. Check ELEVENLABS_API_KEY."), this.endSession().catch((i) => console.error("Failed to end session:", i)), this.handleError(new Error(s), !1), r.onError?.(new Error(s));
+        }, "onError"),
+        onModeChange: /* @__PURE__ */ n((t) => {
+          r.onModeChange?.(t.mode);
+        }, "onModeChange"),
+        onMessage: /* @__PURE__ */ n((t) => {
+          this.handleMessage(t, !1), r.onMessage?.(t);
+        }, "onMessage")
+      });
+    } catch (t) {
+      throw this.isConnecting = !1, this.endSession().catch((s) => console.error("Failed to end session:", s)), this.handleError(t, !1), t;
+    }
+  }
+  async endConversation() {
+    if (!this.conversation) {
+      this.resetState(this.isTextMode);
+      return;
+    }
+    try {
+      await this.conversation.endSession();
+    } finally {
+      this.conversation = void 0, this.unwatchAudio?.(), this.unwatchAudio = void 0, this.resetState(this.isTextMode), this.isTextMode = !1;
+    }
+  }
+  async sendChatMessage(r) {
+    if (!(!this.conversation || !this.isTextMode)) {
+      this.addMessage(r, "user"), this.chatCharacterCount += r.length;
+      try {
+        this.updateState(this.textState, { isThinking: !0 }), this.conversation.sendUserMessage(r);
+      } catch (t) {
+        this.handleError(t, !1);
+      }
+    }
+  }
+  isConnected() {
+    return !!this.conversation;
+  }
+  isVoiceConnected() {
+    return this.isConnected() && !this.isTextMode;
+  }
+  isTextConnected() {
+    return this.isConnected() && this.isTextMode;
+  }
+  async destroy() {
+    await this.endConversation(), await this.clientAudio.cleanup(), this.endSession().catch((r) => console.error("Failed to end session:", r));
+  }
+  // Simple session tracking - minimal implementation
+  startSession(r) {
+    this.sessionId = ir(), this.conversationStartTime = /* @__PURE__ */ new Date(), this.chatCharacterCount = 0, this.logger.info("Started conversation session", {
+      sessionId: this.sessionId,
+      type: r
+    });
+  }
+  async endSession() {
+    if (!this.sessionId || !this.conversationStartTime)
+      return;
+    const { self: r, sdk: t } = this.settings;
+    if (!r.orgId || !t.activeUser.value?.userId) {
+      this.logger.info("No org/user context - skipping usage recording"), this.resetSession();
+      return;
+    }
+    const s = Math.round((Date.now() - this.conversationStartTime.getTime()) / 1e3), i = this.isTextMode ? "chat" : "voice", a = i === "voice" ? s : this.chatCharacterCount;
+    try {
+      (await fetch("/api/usage/record", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${localStorage.getItem("token") || ""}`
+        },
+        body: JSON.stringify({
+          orgId: r.orgId,
+          selfId: r.selfId,
+          sessionId: this.sessionId,
+          type: i,
+          quantity: a
+        })
+      })).ok && this.logger.info("Recorded usage", {
+        sessionId: this.sessionId,
+        type: i,
+        quantity: a,
+        duration: s
+      });
+    } catch (f) {
+      this.logger.warn("Failed to record usage - continuing normally", f);
+    }
+    this.resetSession();
+  }
+  resetSession() {
+    this.sessionId = void 0, this.conversationStartTime = void 0, this.chatCharacterCount = 0;
+  }
+};
+n(ct, "SelfController");
+let nt = ct;
+const Jr = { class: "flex-1 flex flex-col min-h-0 py-6 space-y-6 h-full overflow-scroll [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden relative" }, Qr = { class: "flex-1 space-y-6" }, Xr = {
+  key: 0,
+  class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
+}, _r = { class: "text-sm text-white/70 leading-relaxed" }, eo = {
+  key: 1,
+  class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
+}, to = ["innerHTML"], ro = {
+  key: 2,
+  class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
+}, oo = { class: "text-sm text-white/70 leading-relaxed" }, no = {
+  key: 3,
+  class: "space-y-3"
+}, so = { class: "grid grid-cols-2 gap-3" }, io = { class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10" }, ao = { class: "text-sm text-white/70 leading-relaxed space-y-2" }, lo = { class: "flex items-center gap-2 pt-2" }, co = { class: "text-xs text-white/60" }, uo = /* @__PURE__ */ oe({
+  __name: "ElSelfAbout",
+  props: {
+    self: {}
+  },
+  setup(e) {
+    const o = re(() => [
+      {
+        key: "email",
+        condition: /* @__PURE__ */ n(() => !!e.self.email, "condition"),
+        generate: /* @__PURE__ */ n(() => ({
+          title: "Contact",
+          url: `mailto:${e.self.email}`,
+          icon: "i-heroicons-envelope"
+        }), "generate")
+      },
+      {
+        key: "linkedin",
+        condition: /* @__PURE__ */ n(() => !!e.self.accounts?.linkedin?.handle, "condition"),
+        generate: /* @__PURE__ */ n(() => ({
+          title: "LinkedIn",
+          url: e.self.accounts?.linkedin?.url || `https://linkedin.com/in/${e.self.accounts?.linkedin?.handle}`,
+          icon: "i-simple-icons-linkedin"
+        }), "generate")
+      },
+      {
+        key: "x",
+        condition: /* @__PURE__ */ n(() => !!e.self.accounts?.x?.handle, "condition"),
+        generate: /* @__PURE__ */ n(() => ({
+          title: "X (Twitter)",
+          url: e.self.accounts?.x?.url || `https://x.com/${e.self.accounts?.x?.handle}`,
+          icon: "i-simple-icons-x"
+        }), "generate")
+      },
+      {
+        key: "github",
+        condition: /* @__PURE__ */ n(() => !!e.self.accounts?.github?.handle, "condition"),
+        generate: /* @__PURE__ */ n(() => ({
+          title: "GitHub",
+          url: e.self.accounts?.github?.url || `https://github.com/${e.self.accounts?.github?.handle}`,
+          icon: "i-simple-icons-github"
+        }), "generate")
+      },
+      {
+        key: "website",
+        condition: /* @__PURE__ */ n(() => !!e.self.accounts?.website?.url, "condition"),
+        generate: /* @__PURE__ */ n(() => ({
+          title: "Website",
+          url: e.self.accounts?.website?.url,
+          icon: "i-heroicons-globe-alt"
+        }), "generate")
+      }
+    ].filter((t) => t.condition()).map((t) => t.generate()));
+    return (r, t) => (p(), k("div", Jr, [
+      l("div", Qr, [
+        e.self.headline ? (p(), k("div", Xr, [
+          t[0] || (t[0] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Professional Tagline ", -1)),
+          l("div", _r, Z(e.self.headline), 1)
+        ])) : q("", !0),
+        e.self.summary ? (p(), k("div", eo, [
+          t[1] || (t[1] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " About ", -1)),
+          l("div", {
+            class: "text-sm text-white/70 leading-relaxed",
+            innerHTML: e.self.summary
+          }, null, 8, to)
+        ])) : q("", !0),
+        e.self.entityType === "company" ? (p(), k("div", ro, [
+          t[2] || (t[2] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
+          l("p", oo, " This is a company digital self representing " + Z(e.self.name) + ". ", 1)
+        ])) : q("", !0),
+        o.value.length > 0 ? (p(), k("div", no, [
+          t[3] || (t[3] = l("h3", { class: "text-sm font-medium text-white/90" }, " Connect ", -1)),
+          l("div", so, [
+            (p(!0), k(De, null, Qe(o.value, (s) => (p(), ke(Fe, {
+              key: s.title,
+              design: "ghost",
+              theme: "default",
+              size: "sm",
+              class: "bg-white/5 hover:bg-white/10 border border-white/10 text-white/80 text-sm justify-start h-10",
+              href: s.url,
+              target: "_blank"
+            }, {
+              default: ie(() => [
+                l("i", {
+                  class: I([s.icon, "size-4 mr-2"])
+                }, null, 2),
+                Pe(" " + Z(s.title), 1)
+              ]),
+              _: 2
+            }, 1032, ["href"]))), 128))
+          ])
+        ])) : q("", !0),
+        l("div", io, [
+          t[5] || (t[5] = l("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Digital Self ", -1)),
+          l("div", ao, [
+            l("p", null, " This digital self can engage in conversations, answer questions about " + Z(e.self.name) + ", and provide assistance based on their expertise and background. ", 1),
+            l("div", lo, [
+              t[4] || (t[4] = l("div", { class: "w-2 h-2 bg-green-500 rounded-full" }, null, -1)),
+              l("span", co, Z(e.self.entityType === "company" ? "Company" : "Personal") + " assistant ", 1)
+            ])
+          ])
+        ])
+      ]),
+      t[6] || (t[6] = l("div", { class: "pt-4 border-t border-white/10" }, [
+        l("p", { class: "text-sm text-white/50 text-center" }, " Powered by Fiction ")
+      ], -1))
+    ]));
+  }
+}), ho = { class: "flex flex-col h-full relative" }, go = {
+  key: 0,
+  class: "absolute top-[-10px] left-1/2 transform -translate-x-1/2 z-30 px-4 py-1 bg-theme-900 text-theme-500 text-[10px] font-mono rounded-full"
+}, fo = { class: "text-xs leading-relaxed" }, mo = {
+  key: 0,
+  class: "flex justify-start"
+}, bo = { class: "flex-shrink-0 pt-6 mt-4 border-t border-white/10" }, po = { class: "flex gap-2" }, vo = ["placeholder", "disabled"], xo = /* @__PURE__ */ oe({
+  __name: "ElSelfChat",
+  props: {
+    selfController: {}
+  },
+  setup(e) {
+    const o = j(""), r = j();
+    async function t() {
+      if (!o.value.trim() || !e.selfController || !e.selfController.textState.value.isConnected)
+        return;
+      const i = o.value;
+      o.value = "";
+      try {
+        await e.selfController.sendChatMessage(i), s();
+      } catch (a) {
+        console.error("Error sending message:", a);
+      }
+    }
+    n(t, "sendMessage");
+    function s() {
+      r.value && pt(() => {
+        const i = r.value;
+        i.scrollTop = i.scrollHeight;
+      });
+    }
+    return n(s, "scrollToBottom"), Te(() => e.selfController?.sharedMessages.value, (i) => {
+      i && i.length > 0 && pt(() => s());
+    }, { immediate: !0, deep: !0 }), (i, a) => (p(), k("div", ho, [
+      e.selfController?.textState.value.connectionStatus !== "connected" ? (p(), k("div", go, Z(e.selfController?.textState.value.connectionStatus === "connecting" ? "Connecting..." : "Disconnected"), 1)) : q("", !0),
+      l("div", {
+        ref_key: "messagesContainer",
+        ref: r,
+        class: "flex-1 overflow-y-auto overflow-x-hidden py-8 space-y-4 min-h-0 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden border-t border-white/10"
+      }, [
+        (p(!0), k(De, null, Qe(e.selfController?.sharedMessages.value.filter((f) => f.sender !== "system") ?? [], (f) => (p(), k("div", {
+          key: f.id,
+          class: I(["flex", {
+            "justify-end": f.sender === "user",
+            "justify-start": f.sender === "agent"
+          }])
+        }, [
+          l("div", {
+            class: I(["max-w-[400px] rounded-xl px-4 py-2 backdrop-blur-sm", f.sender === "user" ? "bg-primary-400/40 text-white border border-primary-400/60 ml-6" : "bg-white/10 text-white/90 border border-white/10 mr-6"])
+          }, [
+            l("p", fo, Z(f.text), 1)
+          ], 2)
+        ], 2))), 128)),
+        e.selfController?.textState.value.isThinking ? (p(), k("div", mo, [...a[1] || (a[1] = [
+          l("div", { class: "max-w-[400px] rounded-xl px-4 py-1 backdrop-blur-sm bg-white/10 text-white/90 border border-white/10 mr-6 flex items-center" }, [
+            l("i", { class: "i-svg-spinners-3-dots-fade size-6" })
+          ], -1)
+        ])])) : q("", !0)
+      ], 512),
+      l("div", bo, [
+        l("div", po, [
+          er(l("input", {
+            "onUpdate:modelValue": a[0] || (a[0] = (f) => o.value = f),
+            type: "text",
+            placeholder: e.selfController?.textState.value.isConnected ? "Type a message..." : "Connecting...",
+            disabled: e.selfController?.textState.value.isThinking || !e.selfController?.textState.value.isConnected,
+            class: "flex-1 bg-white/10 backdrop-blur-sm border border-white/20 rounded-full px-4 py-2 text-white placeholder-white/50 text-sm focus:outline-none focus:border-white/40 disabled:opacity-50",
+            onKeyup: tr(t, ["enter"])
+          }, null, 40, vo), [
+            [rr, o.value]
+          ]),
+          U(Fe, {
+            design: "solid",
+            theme: "primary",
+            size: "sm",
+            class: "bg-white/20 backdrop-blur-sm border border-white/20 text-white rounded-full size-10 hover:bg-white/30 disabled:opacity-50 disabled:cursor-not-allowed",
+            disabled: e.selfController?.textState.value.isThinking || !o.value.trim() || !e.selfController?.textState.value.isConnected,
+            onClick: t
+          }, {
+            default: ie(() => [...a[2] || (a[2] = [
+              l("i", { class: "i-heroicons-paper-airplane size-4" }, null, -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled"])
+        ])
+      ])
+    ]));
+  }
+}), yo = { class: "relative flex-shrink-0" }, ko = ["src", "alt"], wo = {
+  key: 0,
+  class: "absolute top-1 right-1"
+}, Co = { class: "min-w-0" }, st = /* @__PURE__ */ oe({
+  __name: "ElSelfHeader",
+  props: {
+    self: {},
+    size: { default: "md" },
+    showOnlineIndicator: { type: Boolean, default: !0 },
+    layout: { default: "centered" }
+  },
+  setup(e) {
+    function o() {
+      return e.self.avatar?.src ? e.self.avatar.src : lt();
+    }
+    return n(o, "getAvatarSrc"), (r, t) => (p(), k("div", {
+      class: I(["flex gap-4", [
+        e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"
+      ]])
+    }, [
+      l("div", yo, [
+        l("div", {
+          class: I(["rounded-full overflow-hidden border-white", e.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"])
+        }, [
+          l("img", {
+            src: o(),
+            alt: e.self.name,
+            class: "w-full h-full object-cover",
+            onError: t[0] || (t[0] = //@ts-ignore
+            (...s) => te(It) && te(It)(...s))
+          }, null, 40, ko)
+        ], 2),
+        e.showOnlineIndicator ? (p(), k("div", wo, [...t[1] || (t[1] = [
+          l("div", {
+            class: "w-4 h-4 bg-green-500 rounded-full ring-2 ring-white absolute",
+            style: { animation: "ping 3s cubic-bezier(0, 0, 0.2, 1) infinite" }
+          }, null, -1),
+          l("div", { class: "w-4 h-4 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
+        ])])) : q("", !0)
+      ]),
+      l("div", Co, [
+        l("h1", {
+          class: I(["font-light text-white mb-1 truncate", [
+            e.size === "lg" ? "text-3xl mb-2" : "text-xl sm:text-2xl tracking-wide leading-tight",
+            e.layout === "horizontal" ? "text-white/95" : ""
+          ]])
+        }, Z(e.self.name), 3),
+        l("p", {
+          class: I(["font-light line-clamp-1", [
+            e.size === "lg" ? "text-base text-white/60" : "text-sm sm:text-base",
+            e.layout === "horizontal" ? "text-white/70 truncate" : "text-white/60"
+          ]])
+        }, Z(e.layout === "horizontal" ? e.self.title || "Digital Self" : e.self.title), 3)
+      ])
+    ], 2));
+  }
+}), So = { class: "close-wrap overflow-hidden top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] absolute" }, Mo = /* @__PURE__ */ oe({
+  name: "FClose",
+  __name: "FClose",
+  props: {
+    colorMode: { default: "auto" }
+  },
+  emits: ["click"],
+  setup(e) {
+    const o = j(!1), r = `close-${Math.random().toString(36).substr(2, 9)}`;
+    He(() => {
+      setTimeout(() => {
+        o.value = !0;
+      }, 100);
+    }), or(() => {
+      o.value = !1;
+    });
+    const t = re(() => e.colorMode === "light" ? "bg-white" : e.colorMode === "dark" ? "bg-theme-950" : "bg-theme-950 dark:bg-white");
+    return (s, i) => (p(), k("a", {
+      id: r,
+      class: I(["close block cursor-pointer duration-1000 hover:scale-110 active:scale-90 hover:rotate-90 transition-all ease-[cubic-bezier(0.25,1,0.33,1)] w-[60px] h-[60px] rounded-full", o.value ? "in-view" : "out-view"]),
+      onClick: i[0] || (i[0] = (a) => s.$emit("click", a))
+    }, [
+      i[1] || (i[1] = l("span", { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[60px] h-[60px] rounded-full transition-all" }, null, -1)),
+      l("span", So, [
+        l("span", {
+          class: I([t.value, "close-line close-line1 h-full w-[3px] absolute rounded-[5px] left-[13px] transition-all"])
+        }, null, 2),
+        l("span", {
+          class: I([t.value, "close-line close-line2 h-full w-[3px] absolute rounded-[5px] left-[13px] transition-all"])
+        }, null, 2)
+      ])
+    ], 2));
+  }
+}), Ao = /* @__PURE__ */ n((e, o) => {
+  const r = e.__vccOpts || e;
+  for (const [t, s] of o)
+    r[t] = s;
+  return r;
+}, "_export_sfc"), Io = /* @__PURE__ */ Ao(Mo, [["__scopeId", "data-v-bbf0f1cb"]]), zo = { class: "px-4 pt-12 pb-8 border-b border-white/10" }, $o = { class: "flex-1 p-6 space-y-2" }, Lo = ["onClick"], Eo = { class: "flex items-center gap-3" }, To = { class: "flex-1" }, Po = { class: "font-medium text-white" }, Fo = /* @__PURE__ */ oe({
+  name: "SelfSidebar",
+  __name: "ElSelfSidebar",
+  props: {
+    modelValue: { type: Boolean },
+    self: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const r = e, t = o, s = j(!1);
+    He(() => {
+      s.value = !0;
+    });
+    const i = re({
+      get: /* @__PURE__ */ n(() => r.modelValue, "get"),
+      set: /* @__PURE__ */ n((h) => t("update:modelValue", h), "set")
+    }), a = [
+      {
+        icon: "i-tabler-share",
+        label: "Share This Digital Self",
+        action: "share"
+      },
+      {
+        icon: "i-tabler-user",
+        label: "Visit Full Profile",
+        action: "profile"
+      },
+      {
+        icon: "i-tabler-sparkles",
+        label: "Create Your Own",
+        action: "create"
+      },
+      {
+        icon: "i-tabler-bug",
+        label: "Report an Issue",
+        action: "report"
+      }
+    ];
+    function f(h) {
+      const { action: m, self: A = r.self } = h;
+      switch (m) {
+        case "share": {
+          const K = `${window.location.origin}/@${A.handle || A.selfId}`;
+          navigator.clipboard.writeText(K);
+          break;
+        }
+        case "profile":
+          window.open(`/@${A.handle || A.selfId}`, "_blank");
+          break;
+        case "create":
+          window.open("/auth", "_blank");
+          break;
+        case "report":
+          window.location.href = "mailto:support@fiction.com";
+          break;
+      }
+      i.value = !1;
+    }
+    n(f, "handleNavigation");
+    function g(h) {
+      f({ action: h });
+    }
+    return n(g, "handleAction"), (h, m) => (p(), k(De, null, [
+      U(vt, {
+        "enter-active-class": "transition-opacity duration-300 ease-out",
+        "leave-active-class": "transition-opacity duration-200 ease-in",
+        "enter-from-class": "opacity-0",
+        "enter-to-class": "opacity-100",
+        "leave-from-class": "opacity-100",
+        "leave-to-class": "opacity-0"
+      }, {
+        default: ie(() => [
+          i.value ? (p(), k("div", {
+            key: 0,
+            class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
+            onClick: m[0] || (m[0] = (A) => i.value = !1)
+          })) : q("", !0)
+        ]),
+        _: 1
+      }),
+      U(vt, {
+        "enter-active-class": "transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)]",
+        "leave-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
+        "enter-from-class": "-translate-x-full",
+        "enter-to-class": "translate-x-0",
+        "leave-from-class": "translate-x-0",
+        "leave-to-class": "-translate-x-full"
+      }, {
+        default: ie(() => [
+          i.value ? (p(), k("div", {
+            key: 0,
+            class: "absolute inset-0 z-50 flex",
+            onClick: m[3] || (m[3] = (A) => i.value = !1)
+          }, [
+            l("div", {
+              class: "relative w-[80%] max-w-[420px] h-full shadow-2xl bg-black/70 backdrop-blur-xl flex flex-col justify-center",
+              onClick: m[2] || (m[2] = $t(() => {
+              }, ["stop"]))
+            }, [
+              U(Io, {
+                class: "absolute -right-16 top-4 z-10",
+                theme: "light",
+                onClick: m[1] || (m[1] = (A) => i.value = !1)
+              }),
+              l("div", zo, [
+                U(st, {
+                  self: { ...e.self, title: `@${e.self.handle || e.self.selfId}` },
+                  size: "md",
+                  "show-online-indicator": !1,
+                  layout: "horizontal"
+                }, null, 8, ["self"])
+              ]),
+              l("div", $o, [
+                U(nr, {
+                  "enter-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
+                  "leave-active-class": "transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)]",
+                  "enter-from-class": "-translate-x-4 opacity-0",
+                  "enter-to-class": "translate-x-0 opacity-100",
+                  "leave-from-class": "translate-x-0 opacity-100",
+                  "leave-to-class": "-translate-x-4 opacity-0"
+                }, {
+                  default: ie(() => [
+                    (p(), k(De, null, Qe(a, (A, K) => l("button", {
+                      key: A.action,
+                      style: it({ transitionDelay: `${K * 40}ms` }),
+                      class: "cursor-pointer w-full text-left p-3 rounded-xl hover:bg-white/10 transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group",
+                      onClick: /* @__PURE__ */ n((L) => g(A.action), "onClick")
+                    }, [
+                      l("div", Eo, [
+                        l("i", {
+                          class: I([A.icon, "size-5 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110 text-white/70 group-hover:text-white"])
+                        }, null, 2),
+                        l("div", To, [
+                          l("div", Po, Z(A.label), 1)
+                        ])
+                      ])
+                    ], 12, Lo)), 64))
+                  ]),
+                  _: 1
+                })
+              ]),
+              m[4] || (m[4] = l("div", { class: "p-6" }, [
+                l("div", { class: "text-center" }, [
+                  l("p", { class: "text-xs text-white/50" }, [
+                    Pe(" Digital Self by "),
+                    l("a", {
+                      href: "https://www.fiction.com",
+                      class: "text-white/70 hover:text-white transition-colors ml-0.5",
+                      target: "_blank"
+                    }, " Fiction.com ")
+                  ])
+                ])
+              ], -1))
+            ])
+          ])) : q("", !0)
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+}), Do = { class: "w-full max-w-full flex items-center justify-center" }, Ro = ["width", "height"], Bo = /* @__PURE__ */ oe({
+  __name: "ElAudioVisualizer",
+  props: {
+    rms: {},
+    color: {},
+    isActive: { type: Boolean },
+    audioLevels: {},
+    isListening: { type: Boolean },
+    isSpeaking: { type: Boolean },
+    isConnected: { type: Boolean },
+    enableRealAudio: { type: Boolean },
+    selfController: {},
+    enableWaveMotion: { type: Boolean },
+    enableScrollingWave: { type: Boolean }
+  },
+  setup(e) {
+    const o = e, r = j();
+    let t = null, s = null;
+    const i = j(!1), a = j(!0), f = /* @__PURE__ */ new Map();
+    let g = null, h = null, m = null;
+    const A = j(!1), K = j(null), { bars: L, barWidth: E, barSpacing: V, minHeight: H, maxHeight: Q, STIFFNESS: Se, DAMPING: we, PEAK_HOLD_TIME: de, PEAK_DECAY_STIFFNESS: be, PEAK_DECAY_DAMPING: ce } = cr, X = new Float32Array(L).fill(H), x = new Float32Array(L).fill(0), _ = new Float32Array(L).fill(H), ae = new Float32Array(L).fill(H), ue = new Float32Array(L).fill(0), he = new Float32Array(L).fill(0);
+    function We(d) {
+      return d < 200 ? { stiffnessMultiplier: 0.7, dampingMultiplier: 1.2 } : d < 1e3 ? { stiffnessMultiplier: 1, dampingMultiplier: 1 } : d < 4e3 ? { stiffnessMultiplier: 1.3, dampingMultiplier: 0.8 } : { stiffnessMultiplier: 1.5, dampingMultiplier: 0.6 };
+    }
+    n(We, "getFrequencyPhysics");
+    async function Me() {
+      if (!(typeof window > "u" || !o.enableRealAudio || !o.selfController))
+        try {
+          const d = o.selfController.getClientAudio();
+          if (d?.isAudioContextAvailable()) {
+            const y = d.getSharedAnalyser();
+            if (y) {
+              h = y;
+              const w = new ArrayBuffer(y.frequencyBinCount);
+              m = new Uint8Array(w), A.value = !0, K.value = null, console.warn("AudioVisualizer: Using shared audio context from ClientAudio");
+              return;
+            }
+          }
+          console.warn("AudioVisualizer: Could not use shared context, creating independent audio analysis"), A.value = !1, K.value = "Shared audio context not available";
+        } catch (d) {
+          K.value = d instanceof Error ? d.message : "Failed to setup shared audio", A.value = !1, console.error("Shared audio setup failed:", d);
+        }
+    }
+    n(Me, "setupAudio");
+    function ge() {
+      h = null, m = null, A.value = !1, K.value = null;
+    }
+    n(ge, "cleanupAudio");
+    let F = 1;
+    function ne() {
+      if (!r.value)
+        return;
+      typeof window < "u" && (F = Math.max(1, Math.min(2, window.devicePixelRatio || 1)));
+      const d = (E + V) * L - V, y = Q;
+      r.value.width = Math.floor(d * F), r.value.height = Math.floor(y * F), r.value.style.width = `${d}px`, r.value.style.height = `${y}px`, t && t.setTransform(F, 0, 0, F, 0, 0), Wt();
+    }
+    n(ne, "resizeCanvas");
+    function v() {
+      return !h || !m || !A.value ? Array.from({ length: W.length }, () => 0) : (h.getByteFrequencyData(m), Ne(m));
+    }
+    n(v, "generateRealInputFrequencyBands");
+    function Ue() {
+      if (!o.selfController)
+        return Array.from({ length: W.length }, () => 0);
+      try {
+        const d = o.selfController.getOutputFrequencyData();
+        if (d && d.length > 0)
+          return Ne(d);
+      } catch (d) {
+        console.warn("Failed to get output frequency data:", d);
+      }
+      return Array.from({ length: W.length }, () => 0);
+    }
+    n(Ue, "generateRealOutputFrequencyBands");
+    function Ne(d) {
+      return Array.from({ length: W.length }, (w, M) => {
+        const S = W[M], B = Math.floor(S / 12e3 * d.length), fe = Math.max(1, Math.floor(d.length / W.length / 2));
+        let G = 0;
+        for (let O = 0; O < fe && B + O < d.length; O++)
+          G += d[B + O];
+        G = G / fe / 255;
+        let z = 1;
+        S < 150 ? z = 0.1 : S < 200 ? z = 0.3 : S >= 400 && S <= 600 ? z = 1.4 : S >= 1400 && S <= 1600 ? z = 1.3 : S >= 2400 && S <= 2600 ? z = 1.2 : S >= 200 && S <= 2e3 ? z = 1.1 : S >= 2e3 && S <= 4e3 ? z = 0.9 : S > 6e3 ? z = 0.4 : z = 0.7;
+        const Y = G ** 0.5 * 0.6 * z;
+        return Math.min(0.85, Y);
+      });
+    }
+    n(Ne, "mapFrequencyDataToBands");
+    let pe = 0, ve = 0, P = 0;
+    const D = [
+      { name: "a", f1: 730, f2: 1090, f3: 2440, duration: 120, energy: 0.9 },
+      { name: "e", f1: 530, f2: 1840, f3: 2480, duration: 100, energy: 0.8 },
+      { name: "i", f1: 270, f2: 2290, f3: 3010, duration: 110, energy: 0.85 },
+      { name: "o", f1: 570, f2: 840, f3: 2410, duration: 130, energy: 0.9 },
+      { name: "u", f1: 300, f2: 870, f3: 2240, duration: 140, energy: 0.8 },
+      { name: "s", f1: 4e3, f2: 6e3, f3: 8e3, duration: 80, energy: 0.4 },
+      { name: "t", f1: 1500, f2: 4e3, f3: 6e3, duration: 60, energy: 0.3 },
+      { name: "n", f1: 280, f2: 1700, f3: 2600, duration: 70, energy: 0.6 },
+      { name: "r", f1: 350, f2: 1200, f3: 1650, duration: 90, energy: 0.7 },
+      { name: "pause", f1: 0, f2: 0, f3: 0, duration: 150, energy: 0.05 }
+    ];
+    function Ae(d) {
+      const y = Array.from({ length: W.length }, () => 0);
+      if (d <= 0)
+        return y;
+      ve += 16.67, P += 0.02, ve > D[pe].duration && (pe = (pe + 1) % D.length, ve = 0);
+      const w = D[pe], M = D[(pe + 1) % D.length], S = ve / w.duration, R = 0.5 * (1 + Math.cos(Math.PI + S * Math.PI)), B = 0.7 + 0.3 * Math.sin(P * 0.5), fe = 0.9 + 0.1 * Math.sin(P * 8);
+      for (let G = 0; G < W.length; G++) {
+        const z = W[G];
+        let b = 0;
+        const le = Ie(z, w.f1, M.f1, R, 200), Y = Ie(z, w.f2, M.f2, R, 300), O = Ie(z, w.f3, M.f3, R, 400);
+        b = (le * 0.4 + Y * 0.35 + O * 0.25) * (w.energy * (1 - R) + M.energy * R);
+        const ee = 150 + 50 * Math.sin(P * 0.3);
+        (Math.abs(z - ee) < 20 || Math.abs(z - ee * 2) < 30 || Math.abs(z - ee * 3) < 40) && (b += 0.3 * w.energy), b *= d * B * fe, b *= 0.85 + Math.random() * 0.3, y[G] = Math.max(0, Math.min(1, b));
+      }
+      return y;
+    }
+    n(Ae, "generateSpeechPatterns");
+    function Ie(d, y, w, M, S) {
+      if (y === 0 && w === 0)
+        return 0;
+      const R = y * (1 - M) + w * M;
+      if (R === 0)
+        return 0;
+      const B = Math.abs(d - R);
+      return Math.exp(-((B / S) ** 2));
+    }
+    n(Ie, "getFormantResponse");
+    let $ = [], je = 0, xe = 0;
+    function ze() {
+      const d = i.value ? 100 : 50, y = Math.min(2 ** xe, 8);
+      return d * y;
+    }
+    n(ze, "getApiThrottleInterval");
+    function Ve(d) {
+      let y = [];
+      if (o.enableRealAudio && o.isListening && A.value && h && m) {
+        const w = v();
+        w.some((S) => S > 0.05) && (y = w);
+      }
+      if (!y.length && o.isSpeaking && o.selfController && o.audioLevels && o.audioLevels.outputLevel > 0.05) {
+        const M = Date.now(), S = ze();
+        if (M - je > S) {
+          je = M;
+          try {
+            const B = Ue();
+            B.some((G) => G > 0.05) && ($ = B, xe = 0);
+          } catch (B) {
+            console.warn("Error fetching frequency data:", B), xe++;
+          }
+        }
+        $.some((B) => B > 0.05) && (y = $);
+      }
+      return y.length || (d > 0 && (o.isListening || o.isSpeaking) ? y = o.isSpeaking ? Ae(d) : ut(d) : o.isConnected ? y = ut(0.02) : y = Array.from({ length: W.length }, () => 0)), o.enableWaveMotion && typeof window < "u" && (y = $e(y, d)), y;
+    }
+    n(Ve, "generateFrequencyBands");
+    function $e(d, y) {
+      const w = performance.now() * 1e-3, M = [...d];
+      for (let S = 0; S < d.length; S++) {
+        const R = S * (2 * Math.PI) / d.length;
+        let B = 0;
+        if (o.isListening || o.isSpeaking) {
+          const G = Math.sin(w * 4.2 + R * 0.6 - (o.enableScrollingWave ? w * 2 : 0)) * 0.15, z = Math.sin(w * 6.8 + R * 1.2 - (o.enableScrollingWave ? w * 1.5 : 0)) * 0.08, b = Math.sin(w * 0.8) * 0.05;
+          B = G + z + b;
+        } else if (o.isConnected) {
+          const G = Math.sin(w * 0.6) * 0.1, z = Math.sin(w * 2 + R * 0.3) * 0.05;
+          B = G + z;
+        }
+        const fe = Math.max(0.3, y);
+        M[S] = Math.max(0, Math.min(0.9, d[S] + B * fe));
+      }
+      return M;
+    }
+    n($e, "addWaveMotionOverlay");
+    function ut(d) {
+      const y = Array.from({ length: W.length }, () => 0);
+      if (d <= 0)
+        return y;
+      for (let w = 0; w < W.length; w++) {
+        const M = W[w];
+        let S = 0;
+        M >= 400 && M <= 600 ? S = d * 0.9 : M >= 1400 && M <= 1600 ? S = d * 0.8 : M >= 2400 && M <= 2600 ? S = d * 0.7 : M >= 200 && M <= 2e3 ? S = d * 0.6 : M >= 85 && M <= 300 ? S = d * 0.4 : S = d * 0.2, S *= 0.8 + Math.random() * 0.4, y[w] = Math.max(0, Math.min(1, S));
+      }
+      return y;
+    }
+    n(ut, "generateIntensityBasedBands");
+    function qt() {
+      if (typeof window > "u")
+        return;
+      const d = navigator.userAgent.toLowerCase(), y = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(d);
+      i.value = y;
+    }
+    n(qt, "detectMobile");
+    function Ht(d, y) {
+      return f.has(d) || f.set(d, y()), f.get(d);
+    }
+    n(Ht, "getGradient");
+    function Wt() {
+      f.clear(), g = null;
+    }
+    n(Wt, "clearGradientCache");
+    function ht() {
+      if (typeof window > "u" || !t || !r.value)
+        return;
+      qt();
+      const d = r.value, y = d.width / F, w = d.height / F;
+      function M(S) {
+        if (!t)
+          return;
+        if (!a.value) {
+          s = requestAnimationFrame(M);
+          return;
+        }
+        t.clearRect(0, 0, y, w);
+        let R = 0;
+        o.audioLevels ? o.isListening ? R = Math.min(o.audioLevels.inputLevel * 1.5, 1) : o.isSpeaking && (R = Math.min(o.audioLevels.outputLevel * 1.8, 1)) : o.rms !== void 0 && (R = Math.min(o.rms / 70, 1));
+        const B = Ve(R);
+        for (let b = 0; b < L; b++)
+          _[b] = H + B[b] * (Q - H);
+        const fe = 16.67;
+        for (let b = 0; b < L; b++) {
+          const le = W[b], Y = We(le), O = _[b] - X[b], ee = Se * Y.stiffnessMultiplier, Le = we * Y.dampingMultiplier, se = O * ee - x[b] * Le;
+          if (x[b] += se, X[b] += x[b], X[b] > ae[b])
+            ae[b] = X[b], ue[b] = de, he[b] = 0;
+          else if (ue[b] = Math.max(0, ue[b] - fe), ue[b] <= 0) {
+            const Oe = (Math.max(H, X[b] * 1.1) - ae[b]) * be - he[b] * ce;
+            he[b] += Oe, ae[b] = Math.max(H, ae[b] + he[b]);
+          }
+        }
+        const G = L * 0.15;
+        function z() {
+          t && (g || (g = t.createRadialGradient(
+            y * 0.5,
+            w * 0.6,
+            w * 0.1,
+            y * 0.5,
+            w * 0.6,
+            w * 0.9
+          ), g.addColorStop(0, "rgba(255,255,255,0.02)"), g.addColorStop(1, "rgba(0,0,0,0.08)")), t.fillStyle = g, t.fillRect(0, 0, y, w));
+        }
+        if (n(z, "drawBackground"), z(), (o.isListening || o.isSpeaking) && !i.value) {
+          const b = performance.now() * 1e-3, le = 0.1 + Math.sin(b * 2) * 0.05;
+          t.save(), t.globalCompositeOperation = "lighter", t.globalAlpha = le;
+          const Y = o.isSpeaking ? "rgba(34,197,94,0.4)" : "rgba(59,130,246,0.4)";
+          t.fillStyle = Y;
+          for (let O = 0; O < L; O++) {
+            const ee = O * (E + V), Le = X[O], se = w - Le;
+            t.beginPath(), t.roundRect(ee - 1, se - 1, E + 2, Le + 2, [2, 2, 0, 0]), t.fill();
+          }
+          t.restore();
+        }
+        for (let b = 0; b < L; b++) {
+          const le = b * (E + V), Y = X[b], O = w - Y, ee = W[b], Le = Math.min(b, L - 1 - b), se = Math.min(1, Le / G), Ge = Math.min(1, Y / Q), Oe = (0.8 + Ge * 0.2) * se, ft = (0.6 + Ge * 0.2) * se, mt = (0.3 + Ge * 0.1) * se, Ut = Math.round(Ge * 10) / 10, Zt = Math.round(se * 10) / 10, Kt = `${o.isSpeaking ? "speaking" : o.isListening ? "listening" : "idle"}-${Ut}-${Zt}-${Y}`, Yt = Ht(Kt, () => {
+            const J = t.createLinearGradient(0, O, 0, O + Y);
+            if (o.isSpeaking)
+              J.addColorStop(0, `rgba(34, 197, 94, ${Oe})`), J.addColorStop(0.5, `rgba(34, 197, 94, ${ft})`), J.addColorStop(1, `rgba(34, 197, 94, ${mt})`), (ee >= 400 && ee <= 600 || ee >= 1400 && ee <= 1600) && J.addColorStop(0, `rgba(74, 222, 128, ${Math.min(1, Oe + 0.2)})`);
+            else if (o.isListening)
+              J.addColorStop(0, `rgba(59, 130, 246, ${Oe})`), J.addColorStop(0.5, `rgba(59, 130, 246, ${ft})`), J.addColorStop(1, `rgba(59, 130, 246, ${mt})`);
+            else {
+              const Ze = 0.6 * se, Jt = 0.4 * se, Qt = 0.2 * se;
+              J.addColorStop(0, `rgba(156, 163, 175, ${Ze})`), J.addColorStop(0.6, `rgba(156, 163, 175, ${Jt})`), J.addColorStop(1, `rgba(156, 163, 175, ${Qt})`);
+            }
+            return J;
+          });
+          if (t.fillStyle = Yt, t.beginPath(), t.roundRect(le, O, E, Y, [1, 1, 0, 0]), t.fill(), ae[b] > H + 2) {
+            const J = w - ae[b], Ze = ue[b] > 0 ? 0.9 : Math.max(0.3, ue[b] / de);
+            t.fillStyle = `rgba(255, 255, 255, ${Ze})`, t.fillRect(le, J - 1, E, 2), Ze > 0.5 && !i.value && (t.shadowColor = o.isSpeaking ? "rgba(34, 197, 94, 0.5)" : "rgba(59, 130, 246, 0.5)", t.shadowBlur = 3, t.fillRect(le, J - 1, E, 2), t.shadowBlur = 0);
+          }
+        }
+        s = requestAnimationFrame(M);
+      }
+      n(M, "animate"), s = requestAnimationFrame(M);
+    }
+    n(ht, "startAnimation"), He(() => {
+      if (r.value && (t = r.value.getContext("2d"), ne(), typeof window < "u")) {
+        window.addEventListener("resize", gt, { passive: !0 });
+        const d = /* @__PURE__ */ n(() => {
+          a.value = !document.hidden;
+        }, "handleVisibilityChange");
+        document.addEventListener("visibilitychange", d, { passive: !0 });
+      }
+      o.enableRealAudio && o.isListening && setTimeout(() => {
+        Me().catch(console.error);
+      }, 100);
+    });
+    function gt() {
+      if (typeof window < "u") {
+        const d = Math.max(1, Math.min(2, window.devicePixelRatio || 1));
+        d !== F && (F = d);
+      }
+      ne();
+    }
+    return n(gt, "onResize"), Lt(() => {
+      s && cancelAnimationFrame(s), typeof window < "u" && (window.removeEventListener("resize", gt), document.removeEventListener("visibilitychange", () => {
+        a.value = !document.hidden;
+      })), ge();
+    }), Te(
+      [() => o.isActive, () => o.isConnected, () => o.isListening, () => o.isSpeaking, () => o.rms],
+      () => {
+        !t && r.value && (t = r.value.getContext("2d")), s && cancelAnimationFrame(s), ht();
+      },
+      { immediate: !0 }
+    ), Te(
+      [() => o.enableRealAudio, () => o.isListening],
+      async ([d, y], [w, M]) => {
+        d && y && (!w || !M) && (A.value || await Me().catch(console.error)), (!d || !y) && w && M && ge();
+      },
+      { immediate: !1 }
+    ), Te(r, (d) => {
+      d && !t && (t = d.getContext("2d"), ne(), ht());
+    }), (d, y) => (p(), k("div", Do, [
+      l("canvas", {
+        ref_key: "canvasRef",
+        ref: r,
+        width: (te(E) + te(V)) * te(L) - te(V),
+        height: te(Q),
+        class: "w-full max-w-full [image-rendering:-webkit-optimize-contrast]",
+        style: it({ height: `${te(Q)}px` })
+      }, null, 12, Ro)
+    ]));
+  }
+}), No = { class: "flex flex-col h-full items-center justify-center px-6 py-8" }, jo = { class: "flex-1 flex flex-col items-center justify-center space-y-8 py-4" }, Vo = { class: "h-32 w-full max-w-md" }, Go = { class: "text-center flex gap-2 items-center text-xs" }, Oo = { class: "flex items-center justify-center gap-2" }, qo = {
+  key: 0,
+  class: "size-2 bg-blue-500 rounded-full animate-pulse"
+}, Ho = {
+  key: 1,
+  class: "size-2 bg-green-500 rounded-full animate-pulse"
+}, Wo = {
+  key: 2,
+  class: "size-2 bg-white/50 rounded-full"
+}, Uo = {
+  key: 3,
+  class: "size-2 bg-red-500 rounded-full"
+}, Zo = { class: "text-white/70 text-sm max-w-xs leading-relaxed" }, Ko = { class: "flex flex-col items-center space-y-6" }, Yo = /* @__PURE__ */ oe({
+  __name: "ElSelfVoice",
+  props: {
+    selfController: {}
+  },
+  setup(e) {
+    const o = re(() => e.selfController?.voiceState.value), r = re(() => o.value?.isConnected ? "bg-red-500 border-red-400 hover:bg-red-600" : o.value?.connectionStatus === "connecting" ? "bg-green-500 border-green-400 cursor-not-allowed" : "bg-green-500 border-green-400 hover:bg-green-600"), t = re(() => {
+      const i = e.selfController?.voiceState.value;
+      return !!i?.error || i?.connectionStatus === "connecting";
+    });
+    async function s() {
+      if (e.selfController)
+        try {
+          e.selfController.voiceState.value.isConnected ? await e.selfController.endConversation() : (e.selfController.isConnected() && await e.selfController.endConversation(), await e.selfController.startVoiceConversation(), e.selfController.agentMode.value = "talk");
+        } catch (i) {
+          console.error("Error toggling call:", i);
+        }
+    }
+    return n(s, "toggleCall"), (i, a) => (p(), k("div", No, [
+      l("div", jo, [
+        l("div", Vo, [
+          U(Bo, {
+            "audio-levels": e.selfController?.audioLevels.value ?? { inputLevel: 0, outputLevel: 0 },
+            "is-listening": e.selfController?.voiceState.value.isListening ?? !1,
+            "is-speaking": e.selfController?.voiceState.value.isSpeaking ?? !1,
+            "is-connected": e.selfController?.voiceState.value.isConnected ?? !1,
+            "enable-real-audio": !0,
+            "enable-wave-motion": !0,
+            "enable-scrolling-wave": !0,
+            "self-controller": e.selfController
+          }, null, 8, ["audio-levels", "is-listening", "is-speaking", "is-connected", "self-controller"])
+        ]),
+        l("div", Go, [
+          l("div", Oo, [
+            e.selfController?.voiceState.value.isListening ? (p(), k("div", qo)) : e.selfController?.voiceState.value.isSpeaking ? (p(), k("div", Ho)) : e.selfController?.voiceState.value.isConnected && !e.selfController?.voiceState.value.isListening && !e.selfController?.voiceState.value.isSpeaking ? (p(), k("div", Wo)) : e.selfController?.voiceState.value.error ? (p(), k("div", Uo)) : q("", !0)
+          ]),
+          l("p", Zo, Z(e.selfController?.voiceState.value.error ? `Error: ${e.selfController.voiceState.value.error}` : e.selfController?.voiceState.value.transcript || "Ready to start a call..."), 1)
+        ])
+      ]),
+      l("div", Ko, [
+        U(Fe, {
+          design: "solid",
+          theme: o.value?.isConnected ? "red" : (o.value?.connectionStatus === "connecting", "green"),
+          size: "lg",
+          class: I(r.value),
+          disabled: t.value,
+          onClick: s
+        }, {
+          default: ie(() => [
+            l("div", {
+              class: I(["size-5 mr-2", e.selfController?.voiceState.value.isConnected ? "i-heroicons-phone-x-mark" : e.selfController?.voiceState.value.connectionStatus === "connecting" ? "i-heroicons-arrow-path animate-spin" : "i-heroicons-phone"])
+            }, null, 2),
+            Pe(" " + Z(e.selfController?.voiceState.value.isConnected ? "End Call" : e.selfController?.voiceState.value.connectionStatus === "connecting" ? "Connecting..." : "Start a Call"), 1)
+          ]),
+          _: 1
+        }, 8, ["theme", "class", "disabled"])
+      ])
+    ]));
+  }
+}), Jo = {
+  key: 0,
+  class: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-theme-800 to-theme-950 rounded-3xl z-10"
+}, Qo = { class: "relative z-20 p-2" }, Xo = { class: "flex items-center justify-between" }, _o = {
+  key: 0,
+  class: "relative grid grid-cols-3 rounded-full p-0.5 bg-white/5 backdrop-blur-sm ring-1 ring-inset ring-white/10"
+}, en = ["onClick"], tn = { class: "flex items-center justify-center gap-0.5 @[200px]/agent:gap-1 @[280px]/agent:gap-1.5" }, rn = { class: "hidden @[140px]/agent:inline @[200px]/agent:text-xs text-[9px]" }, on = {
+  key: 0,
+  class: "w-full space-y-6 py-6"
+}, nn = { class: "grid grid-cols-2 gap-6 w-full" }, sn = {
+  key: 2,
+  class: "bg-gradient-to-br from-theme-800 to-theme-950 text-white flex items-center justify-center h-full p-8"
+}, an = { class: "text-center max-w-md space-y-4" }, ln = { class: "text-sm text-white/70 leading-relaxed" }, dn = {
+  key: 3,
+  class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
+}, cn = /* @__PURE__ */ oe({
+  __name: "SelfAgent",
+  props: {
+    sdk: {},
+    self: {},
+    context: {},
+    firstMessage: {},
+    hasClose: { type: Boolean, default: !1 },
+    isActive: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["close", "error"],
+  setup(e, { emit: o }) {
+    const r = o, t = sr(), s = j(!1), i = j(), a = re(() => t.value?.agentMode?.value ?? "select");
+    function f() {
+      t.value && t.value.destroy();
+      try {
+        t.value = new nt({
+          sdk: e.sdk,
+          self: e.self,
+          context: e.context,
+          firstMessage: e.firstMessage
+        });
+      } catch (g) {
+        throw console.error("SelfController creation failed:", g), g;
+      }
+    }
+    return n(f, "createSelfController"), He(() => {
+      try {
+        f();
+      } catch (g) {
+        const h = g instanceof Error ? g.message : "Failed to initialize digital self";
+        i.value = h, r("error", h);
+      }
+    }), Lt(() => {
+      t.value && t.value.destroy();
+    }), (g, h) => (p(), k("div", {
+      key: te(At)(e.self),
+      class: "@container/agent self-agent w-full h-full rounded-3xl overflow-hidden relative shadow-2xl border border-white/10",
+      "data-test": "self-agent"
+    }, [
+      e.loading ? (p(), k("div", Jo, [
+        U(Ot, { class: "text-white size-8" })
+      ])) : e.self && !i.value ? (p(), k("div", {
+        key: 1,
+        class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
+        style: it({ backgroundImage: `url(${te(At)(e.self) || te(lt)()})` })
+      }, [
+        l("div", {
+          class: I(["absolute inset-0 bg-gradient-to-br z-0", a.value === "select" ? "from-black/70 via-black/50 to-black/80" : "from-black/90 via-black/90 to-black/100"])
+        }, null, 2),
+        l("div", {
+          class: I(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", e.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"])
+        }, [
+          l("div", Qo, [
+            l("div", Xo, [
+              l("button", {
+                class: "cursor-pointer p-3 flex items-center rounded-2xl text-white/70 hover:bg-white/10 transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-105 active:scale-95",
+                onClick: h[0] || (h[0] = (m) => s.value = !0)
+              }, [...h[6] || (h[6] = [
+                l("i", { class: "i-tabler-menu size-6" }, null, -1)
+              ])]),
+              a.value !== "select" ? (p(), k("div", _o, [
+                (p(!0), k(De, null, Qe(te(ur), (m) => (p(), k("button", {
+                  key: m.mode,
+                  class: I(["z-10 select-none relative cursor-pointer rounded-full px-2 @[400px]/agent:px-2 @[580px]/agent:px-3 py-1.5 text-[10px] @[200px]/agent:text-xs font-medium transition-all", [
+                    a.value === m.mode ? "text-white bg-white/10" : "text-white/60 hover:text-white/80"
+                  ]]),
+                  onClick: /* @__PURE__ */ n((A) => t.value?.setMode(m.mode), "onClick")
+                }, [
+                  l("span", tn, [
+                    l("i", {
+                      class: I(["w-3 h-3 @[200px]/agent:w-3.5 @[200px]/agent:h-3.5", [m.icon]])
+                    }, null, 2),
+                    l("span", rn, Z(m.label), 1)
+                  ])
+                ], 10, en))), 128))
+              ])) : q("", !0),
+              e.hasClose || a.value !== "select" ? (p(), k("button", {
+                key: 1,
+                class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
+                onClick: h[1] || (h[1] = $t((m) => e.hasClose ? r("close", "button") : t.value?.setMode("select"), ["stop"]))
+              }, [
+                l("i", {
+                  class: I(["size-6", e.hasClose ? "i-tabler-x" : "i-tabler-home"])
+                }, null, 2)
+              ])) : q("", !0)
+            ])
+          ]),
+          l("div", {
+            class: I(["flex-1 flex flex-col relative z-20 min-h-0 px-4 @[480px]/agent:px-6 max-w-md mx-auto w-full", a.value === "select" ? "justify-end h-full" : ""])
+          }, [
+            a.value === "select" ? (p(), ke(st, {
+              key: 0,
+              self: e.self,
+              size: "lg",
+              "show-online-indicator": !0,
+              layout: "centered"
+            }, null, 8, ["self"])) : (p(), ke(st, {
+              key: 1,
+              class: "px-4 pt-4 pb-4 sm:pb-6",
+              self: e.self,
+              size: "md",
+              "show-online-indicator": !1,
+              layout: "horizontal"
+            }, null, 8, ["self"])),
+            l("div", {
+              class: I(["min-h-0", a.value !== "select" ? "h-full" : ""])
+            }, [
+              a.value === "select" ? (p(), k("div", on, [
+                U(Fe, {
+                  design: "solid",
+                  theme: "green",
+                  size: "lg",
+                  class: "w-full px-8 py-4 rounded-full backdrop-blur-sm border-2 border-green-400 bg-green-500 hover:bg-green-600 transition-all duration-200 text-white font-medium",
+                  "data-test": "voice-button",
+                  onClick: h[2] || (h[2] = (m) => t.value?.setMode("talk"))
+                }, {
+                  default: ie(() => [...h[7] || (h[7] = [
+                    l("i", { class: "i-heroicons-phone mr-2" }, null, -1),
+                    Pe(" Start a Call ", -1)
+                  ])]),
+                  _: 1
+                }),
+                l("div", nn, [
+                  U(Fe, {
+                    design: "ghost",
+                    theme: "default",
+                    size: "lg",
+                    class: "bg-white/10 hover:bg-white/30 backdrop-blur-sm border border-white/20 text-white/90 font-medium py-3 @sm:py-4 rounded-full",
+                    onClick: h[3] || (h[3] = (m) => t.value?.setMode("info"))
+                  }, {
+                    default: ie(() => [...h[8] || (h[8] = [
+                      l("i", { class: "i-tabler-user-circle mr-2" }, null, -1),
+                      Pe(" Profile ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  U(Fe, {
+                    design: "ghost",
+                    theme: "default",
+                    size: "lg",
+                    class: "bg-white/10 hover:bg-white/30 backdrop-blur-sm border border-white/20 text-white/90 font-medium py-3 @sm:py-4 rounded-full",
+                    "data-test": "chat-button",
+                    onClick: h[4] || (h[4] = (m) => t.value?.setMode("chat"))
+                  }, {
+                    default: ie(() => [...h[9] || (h[9] = [
+                      l("i", { class: "i-tabler-message-circle mr-2" }, null, -1),
+                      Pe(" Text Chat ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ])) : (p(), k(De, { key: 1 }, [
+                a.value === "chat" ? (p(), ke(xo, {
+                  key: 0,
+                  "self-controller": t.value
+                }, null, 8, ["self-controller"])) : a.value === "talk" ? (p(), ke(Yo, {
+                  key: 1,
+                  "self-controller": t.value
+                }, null, 8, ["self-controller"])) : a.value === "info" ? (p(), ke(uo, {
+                  key: 2,
+                  self: e.self
+                }, null, 8, ["self"])) : q("", !0)
+              ], 64))
+            ], 2)
+          ], 2),
+          l("div", {
+            class: I(["relative z-20 text-center py-5 px-6", a.value === "info" ? "hidden" : ""])
+          }, [...h[10] || (h[10] = [
+            l("a", {
+              href: "https://www.fiction.com",
+              class: "flex items-center justify-center gap-1.5 text-[10px] font-mono font-normal text-white/50 hover:text-white/70 transition-colors"
+            }, [
+              l("span", { class: "" }, "Digital Self™"),
+              l("span", { class: "text-white/20" }, "by"),
+              l("span", null, "Fiction.com")
+            ], -1)
+          ])], 2)
+        ], 2)
+      ], 4)) : i.value ? (p(), k("div", sn, [
+        l("div", an, [
+          h[11] || (h[11] = l("div", { class: "flex justify-center" }, [
+            l("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [
+              l("i", { class: "i-tabler-alert-circle size-6 text-red-400" })
+            ])
+          ], -1)),
+          h[12] || (h[12] = l("h3", { class: "text-lg font-medium" }, " Self Error ", -1)),
+          l("p", ln, Z(i.value), 1)
+        ])
+      ])) : (p(), k("div", dn, " There was an error loading the digital self. Please try again later. ")),
+      U(Fo, {
+        modelValue: s.value,
+        "onUpdate:modelValue": h[5] || (h[5] = (m) => s.value = m),
+        self: e.self
+      }, null, 8, ["modelValue", "self"])
+    ]));
+  }
+}), un = { class: "self-wrap" }, hn = {
+  key: 0,
+  class: "flex items-center justify-center h-full"
+}, gn = {
+  key: 2,
+  class: "flex items-center justify-center h-full text-theme-500 text-xs"
+}, fn = { class: "flex flex-col items-center gap-2" }, mn = /* @__PURE__ */ oe({
+  __name: "SelfWrap",
+  props: {
+    sdk: {},
+    self: {},
+    handle: {},
+    context: {},
+    firstMessage: {},
+    hasClose: { type: Boolean }
+  },
+  setup(e) {
+    const o = e, r = j(!o.self), t = j(o.self), s = j();
+    return He(async () => {
+      if (o.self) {
+        r.value = !1;
+        return;
+      }
+      if (!o.handle) {
+        s.value = "No handle or self provided", r.value = !1;
+        return;
+      }
+      try {
+        r.value = !0;
+        const i = await o.sdk.getPublicSelf({ handle: o.handle });
+        i ? t.value = i : (s.value = o.sdk.error.value || "Self not found", console.error("Failed to fetch digital self:", o.sdk.error.value));
+      } catch (i) {
+        s.value = i instanceof Error ? i.message : "Failed to fetch self", console.error("Error fetching digital self:", i);
+      } finally {
+        r.value = !1;
+      }
+    }), (i, a) => (p(), k("div", un, [
+      r.value ? (p(), k("div", hn, [...a[0] || (a[0] = [
+        l("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
+      ])])) : t.value ? zt(i.$slots, "default", {
+        key: 1,
+        self: t.value,
+        context: e.context,
+        firstMessage: e.firstMessage,
+        loading: r.value
+      }) : s.value ? (p(), k("div", gn, [
+        l("div", fn, [
+          a[1] || (a[1] = l("div", null, [
+            l("div", { class: "i-tabler-user-off size-8" })
+          ], -1)),
+          l("div", null, Z(s.value), 1)
+        ])
+      ])) : q("", !0)
+    ]));
+  }
+}), wn = /* @__PURE__ */ oe({
+  __name: "SelfProvider",
+  props: {
+    sdk: {},
+    self: {},
+    handle: {},
+    context: {},
+    firstMessage: {},
+    hasClose: { type: Boolean }
+  },
+  setup(e) {
+    const o = e;
+    return (r, t) => (p(), ke(mn, xt(o, { class: "self-provider size-full relative" }), {
+      default: ie((s) => [
+        U(cn, xt(o, {
+          self: s.self,
+          "is-active": !0,
+          class: "size-full"
+        }), null, 16, ["self"])
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  ur as AGENT_MODES,
+  ar as AUDIO_FFT_SIZE,
+  dr as AUDIO_LEVEL_UPDATE_INTERVAL,
+  lr as AUDIO_SMOOTHING,
+  et as ClientAudio,
+  cn as SelfAgent,
+  wn as SelfProvider,
+  mn as SelfWrap,
+  cr as VISUALIZER_CONFIG,
+  W as VOICE_FREQUENCIES,
+  kn as generateFirstMessage,
+  lt as getFallbackAvatarDataUrl,
+  Mt as getImageSrc,
+  At as getSelfAvatarUrl,
+  It as handleImageError,
+  Yr as parseVoiceMessage
+};
+//# sourceMappingURL=self.js.map