@ddict/popup 1.6.4 → 1.6.5

package/dist/popup.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as g, openBlock as h, createElementVNode as f, Fragment as z, renderList as Y, normalizeClass as P, createTextVNode as Ee, normalizeStyle as Zn, toDisplayString as G, createStaticVNode as Be, createCommentVNode as R, createBlock as W, computed as L, unref as M, shallowRef as Un, watch as F, triggerRef as Dt, onScopeDispose as Tt, ref as O, onUnmounted as Fe, inject as le, watchEffect as fe, onMounted as se, cloneVNode as sn, h as Ve, defineComponent as pe, provide as ce, nextTick as X, toRaw as ne, reactive as an, hasInjectionContext as Wn, getCurrentInstance as rn, markRaw as be, effectScope as un, isRef as $e, isReactive as St, toRef as it, getCurrentScope as cn, toRefs as Rt, mergeModels as qn, useModel as Gn, withCtx as ze, createVNode as B, withModifiers as ft, withDirectives as tt, vModelText as nt, pushScopeId as Et, popScopeId as $t, withKeys as Jn } from "vue";
+import { createElementBlock as C, openBlock as h, createElementVNode as f, Fragment as z, renderList as Y, normalizeClass as P, createTextVNode as Ee, normalizeStyle as Zn, toDisplayString as G, createStaticVNode as Be, createCommentVNode as R, createBlock as W, computed as L, unref as k, shallowRef as Un, watch as F, triggerRef as Dt, onScopeDispose as Tt, ref as $, onUnmounted as Fe, inject as le, watchEffect as fe, onMounted as se, cloneVNode as sn, h as Ve, defineComponent as pe, provide as ce, nextTick as X, toRaw as ne, reactive as an, hasInjectionContext as Wn, getCurrentInstance as rn, markRaw as be, effectScope as un, isRef as $e, isReactive as St, toRef as it, getCurrentScope as cn, toRefs as Rt, mergeModels as qn, useModel as Gn, withCtx as ze, createVNode as B, withModifiers as ft, withDirectives as tt, vModelText as nt, pushScopeId as Et, popScopeId as $t, withKeys as Jn } from "vue";
 const vt = navigator.userAgent.match(
   /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i
 ), Ze = {
@@ -56,10 +56,10 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
     ], l = (s) => {
       t("themeChange", s);
     };
-    return (s, r) => (h(), g("div", Kn, [
+    return (s, r) => (h(), C("div", Kn, [
       eo,
       f("ul", to, [
-        (h(), g(z, null, Y(o, (a) => f("li", {
+        (h(), C(z, null, Y(o, (a) => f("li", {
           key: a.value
         }, [
           f("input", {
@@ -207,10 +207,10 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
     const t = n, o = (l) => {
       t("themeChange", l);
     };
-    return (l, s) => (h(), g("div", ao, [
+    return (l, s) => (h(), C("div", ao, [
       f("div", ro, [
         io,
-        e.isPremium ? (h(), g("span", uo, "Premium")) : R("", !0)
+        e.isPremium ? (h(), C("span", uo, "Premium")) : R("", !0)
       ]),
       f("div", co, [
         e.headerSettings.showThemeSelector ? (h(), W(so, {
@@ -218,7 +218,7 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
           "current-theme": e.currentTheme,
           onThemeChange: o
         }, null, 8, ["current-theme"])) : R("", !0),
-        e.headerSettings.showReader ? (h(), g("button", {
+        e.headerSettings.showReader ? (h(), C("button", {
           key: 1,
           class: "btn btn-ghost btn-circle btn-sm",
           onClick: s[0] || (s[0] = (r) => t("reader"))
@@ -228,19 +228,19 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
           onClick: s[1] || (s[1] = (r) => t("learn"))
         }, [
           po,
-          e.headerSettings.showLearn > 0 ? (h(), g("span", ho, G(e.headerSettings.showLearn > 999 ? "999+" : e.headerSettings.showLearn), 1)) : R("", !0)
+          e.headerSettings.showLearn > 0 ? (h(), C("span", ho, G(e.headerSettings.showLearn > 999 ? "999+" : e.headerSettings.showLearn), 1)) : R("", !0)
         ]),
-        e.headerSettings.showAccount ? (h(), g("button", {
+        e.headerSettings.showAccount ? (h(), C("button", {
           key: 2,
           class: "btn btn-ghost btn-circle btn-sm",
           onClick: s[2] || (s[2] = (r) => t("account"))
         }, go)) : R("", !0),
-        e.headerSettings.showSettings ? (h(), g("button", {
+        e.headerSettings.showSettings ? (h(), C("button", {
           key: 3,
           class: "btn btn-ghost btn-circle btn-sm",
           onClick: s[3] || (s[3] = (r) => t("settings"))
         }, Co)) : R("", !0),
-        e.headerSettings.showFullscreen ? (h(), g("button", {
+        e.headerSettings.showFullscreen ? (h(), C("button", {
           key: 4,
           class: "btn btn-ghost btn-circle btn-sm",
           onClick: s[4] || (s[4] = (r) => t("fullScreen"))
@@ -249,31 +249,31 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
     ]));
   }
 };
-function Le(e, n, t) {
+function Ie(e, n, t) {
   let o = t.initialDeps ?? [], l;
   return () => {
     var s, r, a, i;
     let u;
     t.key && ((s = t.debug) != null && s.call(t)) && (u = Date.now());
     const c = e();
-    if (!(c.length !== o.length || c.some((m, C) => o[C] !== m)))
+    if (!(c.length !== o.length || c.some((m, y) => o[y] !== m)))
       return l;
     o = c;
-    let x;
-    if (t.key && ((r = t.debug) != null && r.call(t)) && (x = Date.now()), l = n(...c), t.key && ((a = t.debug) != null && a.call(t))) {
-      const m = Math.round((Date.now() - u) * 100) / 100, C = Math.round((Date.now() - x) * 100) / 100, b = C / 16, I = ($, w) => {
-        for ($ = String($); $.length < w; )
-          $ = " " + $;
-        return $;
+    let w;
+    if (t.key && ((r = t.debug) != null && r.call(t)) && (w = Date.now()), l = n(...c), t.key && ((a = t.debug) != null && a.call(t))) {
+      const m = Math.round((Date.now() - u) * 100) / 100, y = Math.round((Date.now() - w) * 100) / 100, x = y / 16, O = (D, b) => {
+        for (D = String(D); D.length < b; )
+          D = " " + D;
+        return D;
       };
       console.info(
-        `%c⏱ ${I(C, 5)} /${I(m, 5)} ms`,
+        `%c⏱ ${O(y, 5)} /${O(m, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * b, 120)
+          Math.min(120 - 120 * x, 120)
         )}deg 100% 31%);`,
         t == null ? void 0 : t.key
       );
@@ -326,7 +326,7 @@ const _o = (e, n) => Math.abs(e - n) < 1, To = (e, n, t) => {
   };
 }, Pt = {
   passive: !0
-}, Oo = typeof window > "u" ? !0 : "onscrollend" in window, Io = (e, n) => {
+}, Oo = typeof window > "u" ? !0 : "onscrollend" in window, Lo = (e, n) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -347,7 +347,7 @@ const _o = (e, n) => Math.abs(e - n) < 1, To = (e, n, t) => {
   return i(), t.addEventListener("scroll", a, Pt), t.addEventListener("scrollend", i, Pt), () => {
     t.removeEventListener("scroll", a), t.removeEventListener("scrollend", i);
   };
-}, Lo = (e, n, t) => {
+}, Io = (e, n, t) => {
   if (n != null && n.borderBoxSize) {
     const o = n.borderBoxSize[0];
     if (o)
@@ -408,7 +408,7 @@ class Mo {
         rangeExtractor: Eo,
         onChange: () => {
         },
-        measureElement: Lo,
+        measureElement: Io,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -466,7 +466,7 @@ class Mo {
           break;
       }
       return s.size === this.options.lanes ? Array.from(s.values()).sort((r, a) => r.end === a.end ? r.index - a.index : r.end - a.end)[0] : void 0;
-    }, this.getMeasurementOptions = Le(
+    }, this.getMeasurementOptions = Ie(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -484,7 +484,7 @@ class Mo {
       {
         key: !1
       }
-    ), this.getMeasurements = Le(
+    ), this.getMeasurements = Ie(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
       ({ count: t, paddingStart: o, scrollMargin: l, getItemKey: s, enabled: r }, a) => {
         var i;
@@ -497,27 +497,27 @@ class Mo {
         this.pendingMeasuredCacheIndexes = [];
         const c = this.measurementsCache.slice(0, u);
         for (let d = u; d < t; d++) {
-          let x = (i = this.measurementsCache[d]) == null ? void 0 : i.measureElement;
-          x || (x = (_) => {
-            const T = s(d), V = this.elementsCache.get(T);
+          let w = (i = this.measurementsCache[d]) == null ? void 0 : i.measureElement;
+          w || (w = (_) => {
+            const T = s(d), A = this.elementsCache.get(T);
             if (!_) {
-              V && (this.observer.unobserve(V), this.elementsCache.delete(T));
+              A && (this.observer.unobserve(A), this.elementsCache.delete(T));
               return;
             }
-            V !== _ && (V && this.observer.unobserve(V), this.observer.observe(_), this.elementsCache.set(T, _)), _.isConnected && this.resizeItem(
+            A !== _ && (A && this.observer.unobserve(A), this.observer.observe(_), this.elementsCache.set(T, _)), _.isConnected && this.resizeItem(
               d,
               this.options.measureElement(_, void 0, this)
             );
           });
-          const m = s(d), C = this.options.lanes === 1 ? c[d - 1] : this.getFurthestMeasurement(c, d), b = C ? C.end + this.options.gap : o + l, I = a.get(m), $ = typeof I == "number" ? I : this.options.estimateSize(d), w = b + $, y = C ? C.lane : d % this.options.lanes;
+          const m = s(d), y = this.options.lanes === 1 ? c[d - 1] : this.getFurthestMeasurement(c, d), x = y ? y.end + this.options.gap : o + l, O = a.get(m), D = typeof O == "number" ? O : this.options.estimateSize(d), b = x + D, g = y ? y.lane : d % this.options.lanes;
           c[d] = {
             index: d,
-            start: b,
-            size: $,
-            end: w,
+            start: x,
+            size: D,
+            end: b,
             key: m,
-            lane: y,
-            measureElement: x
+            lane: g,
+            measureElement: w
           };
         }
         return this.measurementsCache = c, c;
@@ -526,7 +526,7 @@ class Mo {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = Le(
+    ), this.calculateRange = Ie(
       () => [this.getMeasurements(), this.getSize(), this.getScrollOffset()],
       (t, o, l) => this.range = t.length > 0 && o > 0 ? Ao({
         measurements: t,
@@ -537,7 +537,7 @@ class Mo {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getIndexes = Le(
+    ), this.getIndexes = Ie(
       () => [
         this.options.rangeExtractor,
         this.calculateRange(),
@@ -580,7 +580,7 @@ class Mo {
       })), this.pendingMeasuredCacheIndexes.push(l.index), this.itemSizeCache = new Map(this.itemSizeCache.set(l.key, o)), this.notify(!0, !1));
     }, this.measureElement = (t) => {
       t && this._measureElement(t, void 0);
-    }, this.getVirtualItems = Le(
+    }, this.getVirtualItems = Ie(
       () => [this.getIndexes(), this.getMeasurements()],
       (t, o) => {
         const l = [];
@@ -701,9 +701,9 @@ function Ao({
   return { startIndex: s, endIndex: r };
 }
 function Vo(e) {
-  const n = new Mo(M(e)), t = Un(n), o = n._didMount();
+  const n = new Mo(k(e)), t = Un(n), o = n._didMount();
   return F(
-    () => M(e).getScrollElement(),
+    () => k(e).getScrollElement(),
     (l) => {
       l && n._willUpdate();
     },
@@ -711,7 +711,7 @@ function Vo(e) {
       immediate: !0
     }
   ), F(
-    () => M(e),
+    () => k(e),
     (l) => {
       n.setOptions({
         ...l,
@@ -730,14 +730,14 @@ function Do(e) {
   return Vo(
     L(() => ({
       observeElementRect: $o,
-      observeElementOffset: Io,
+      observeElementOffset: Lo,
       scrollToFn: ko,
-      ...M(e)
+      ...k(e)
     }))
   );
 }
 function Ro(e, n, t) {
-  let o = O(t == null ? void 0 : t.value), l = L(() => e.value !== void 0);
+  let o = $(t == null ? void 0 : t.value), l = L(() => e.value !== void 0);
   return [L(() => l.value ? e.value : o.value), function(s) {
     return l.value || (o.value = s), n == null ? void 0 : n(s);
   }];
@@ -837,7 +837,7 @@ let Zo = class {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
 }, Ot = new Zo();
-function It(e) {
+function Lt(e) {
   if (Ot.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
@@ -850,7 +850,7 @@ let Bt = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "butt
 var Uo = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(Uo || {}), Wo = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Wo || {}), qo = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(qo || {}), fn = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(fn || {});
 function Go(e, n = 0) {
   var t;
-  return e === ((t = It(e)) == null ? void 0 : t.body) ? !1 : ue(n, { 0() {
+  return e === ((t = Lt(e)) == null ? void 0 : t.body) ? !1 : ue(n, { 0() {
     return e.matches(Bt);
   }, 1() {
     let o = e;
@@ -909,7 +909,7 @@ function el(e, n, t = L(() => !0)) {
     }
     return !Go(a, fn.Loose) && a.tabIndex !== -1 && s.preventDefault(), n(s, a);
   }
-  let l = O(null);
+  let l = $(null);
   Ue("pointerdown", (s) => {
     var r, a;
     t.value && (l.value = ((a = (r = s.composedPath) == null ? void 0 : r.call(s)) == null ? void 0 : a[0]) || s.target);
@@ -926,7 +926,7 @@ function Ft(e, n) {
   if (typeof t == "string" && t.toLowerCase() === "button") return "button";
 }
 function tl(e, n) {
-  let t = O(Ft(e.value.type, e.value.as));
+  let t = $(Ft(e.value.type, e.value.as));
   return se(() => {
     t.value = Ft(e.value.type, e.value.as);
   }), fe(() => {
@@ -938,7 +938,7 @@ function jt(e) {
   return [e.screenX, e.screenY];
 }
 function nl() {
-  let e = O([-1, -1]);
+  let e = $([-1, -1]);
   return { wasMoved(n) {
     let t = jt(n);
     return e.value[0] === t[0] && e.value[1] === t[1] ? !1 : (e.value = t, !0);
@@ -950,7 +950,7 @@ function ol({ container: e, accept: n, walk: t, enabled: o }) {
   fe(() => {
     let l = e.value;
     if (!l || o !== void 0 && !o.value) return;
-    let s = It(e);
+    let s = Lt(e);
     if (!s) return;
     let r = Object.assign((i) => n(i), { acceptNode: n }), a = s.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, r, !1);
     for (; a.nextNode(); ) t(a.currentNode);
@@ -975,20 +975,20 @@ function ct({ props: e, attrs: n, slots: t, slot: o, name: l }) {
   var s, r;
   let { as: a, ...i } = ot(e, ["unmount", "static"]), u = (s = t.default) == null ? void 0 : s.call(t, o), c = {};
   if (o) {
-    let d = !1, x = [];
-    for (let [m, C] of Object.entries(o)) typeof C == "boolean" && (d = !0), C === !0 && x.push(m);
-    d && (c["data-headlessui-state"] = x.join(" "));
+    let d = !1, w = [];
+    for (let [m, y] of Object.entries(o)) typeof y == "boolean" && (d = !0), y === !0 && w.push(m);
+    d && (c["data-headlessui-state"] = w.join(" "));
   }
   if (a === "template") {
     if (u = pn(u ?? []), Object.keys(i).length > 0 || Object.keys(n).length > 0) {
-      let [d, ...x] = u ?? [];
-      if (!al(d) || x.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${l} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(i).concat(Object.keys(n)).map((b) => b.trim()).filter((b, I, $) => $.indexOf(b) === I).sort((b, I) => b.localeCompare(I)).map((b) => `  - ${b}`).join(`
-`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((b) => `  - ${b}`).join(`
+      let [d, ...w] = u ?? [];
+      if (!al(d) || w.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${l} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(i).concat(Object.keys(n)).map((x) => x.trim()).filter((x, O, D) => D.indexOf(x) === O).sort((x, O) => x.localeCompare(O)).map((x) => `  - ${x}`).join(`
+`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((x) => `  - ${x}`).join(`
 `)].join(`
 `));
-      let m = hn((r = d.props) != null ? r : {}, i, c), C = sn(d, m, !0);
-      for (let b in m) b.startsWith("on") && (C.props || (C.props = {}), C.props[b] = m[b]);
-      return C;
+      let m = hn((r = d.props) != null ? r : {}, i, c), y = sn(d, m, !0);
+      for (let x in m) x.startsWith("on") && (y.props || (y.props = {}), y.props[x] = m[x]);
+      return y;
     }
     return Array.isArray(u) && u.length === 1 ? u[0] : u;
   }
@@ -1127,7 +1127,7 @@ let _n = Symbol("VirtualContext"), ml = pe({ name: "VirtualProvider", setup(e, {
   }, overscan: 12 }))), s = L(() => {
     var a;
     return (a = t.virtual.value) == null ? void 0 : a.options;
-  }), r = O(0);
+  }), r = $(0);
   return F([s], () => {
     r.value += 1;
   }), ce(_n, t.virtual.value ? l : null), () => [Ve("div", { style: { position: "relative", width: "100%", height: `${l.value.getTotalSize()}px` }, ref: (a) => {
@@ -1137,44 +1137,44 @@ let _n = Symbol("VirtualContext"), ml = pe({ name: "VirtualProvider", setup(e, {
     }
   } }, l.value.getVirtualItems().map((a) => sn(n.default({ option: t.virtual.value.options[a.index], open: t.comboboxState.value === 0 })[0], { key: `${r.value}-${a.index}`, "data-index": a.index, "aria-setsize": t.virtual.value.options.length, "aria-posinset": a.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${a.start}px)`, overflowAnchor: "none" } })))];
 } }), gl = pe({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], nullable: !0, default: null }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, nullable: { type: Boolean, default: !1 }, multiple: { type: [Boolean], default: !1 }, immediate: { type: [Boolean], default: !1 }, virtual: { type: Object, default: null } }, inheritAttrs: !1, setup(e, { slots: n, attrs: t, emit: o }) {
-  let l = O(1), s = O(null), r = O(null), a = O(null), i = O(null), u = O({ static: !1, hold: !1 }), c = O([]), d = O(null), x = O(2), m = O(!1);
-  function C(v = (p) => p) {
-    let p = d.value !== null ? c.value[d.value] : null, k = v(c.value.slice()), A = k.length > 0 && k[0].dataRef.order.value !== null ? k.sort((H, K) => H.dataRef.order.value - K.dataRef.order.value) : Yo(k, (H) => N(H.dataRef.domRef)), j = p ? A.indexOf(p) : null;
-    return j === -1 && (j = null), { options: A, activeOptionIndex: j };
+  let l = $(1), s = $(null), r = $(null), a = $(null), i = $(null), u = $({ static: !1, hold: !1 }), c = $([]), d = $(null), w = $(2), m = $(!1);
+  function y(v = (p) => p) {
+    let p = d.value !== null ? c.value[d.value] : null, I = v(c.value.slice()), M = I.length > 0 && I[0].dataRef.order.value !== null ? I.sort((H, K) => H.dataRef.order.value - K.dataRef.order.value) : Yo(I, (H) => N(H.dataRef.domRef)), j = p ? M.indexOf(p) : null;
+    return j === -1 && (j = null), { options: M, activeOptionIndex: j };
   }
-  let b = L(() => e.multiple ? 1 : 0), I = L(() => e.nullable), [$, w] = Ro(L(() => e.modelValue), (v) => o("update:modelValue", v), L(() => e.defaultValue)), y = L(() => $.value === void 0 ? ue(b.value, { 1: [], 0: void 0 }) : $.value), _ = null, T = null;
-  function V(v) {
-    return ue(b.value, { 0() {
-      return w == null ? void 0 : w(v);
+  let x = L(() => e.multiple ? 1 : 0), O = L(() => e.nullable), [D, b] = Ro(L(() => e.modelValue), (v) => o("update:modelValue", v), L(() => e.defaultValue)), g = L(() => D.value === void 0 ? ue(x.value, { 1: [], 0: void 0 }) : D.value), _ = null, T = null;
+  function A(v) {
+    return ue(x.value, { 0() {
+      return b == null ? void 0 : b(v);
     }, 1: () => {
-      let p = ne(E.value.value).slice(), k = ne(v), A = p.findIndex((j) => E.compare(k, ne(j)));
-      return A === -1 ? p.push(k) : p.splice(A, 1), w == null ? void 0 : w(p);
+      let p = ne(E.value.value).slice(), I = ne(v), M = p.findIndex((j) => E.compare(I, ne(j)));
+      return M === -1 ? p.push(I) : p.splice(M, 1), b == null ? void 0 : b(p);
     } });
   }
   let S = L(() => {
   });
   F([S], ([v], [p]) => {
     if (E.virtual.value && v && p && d.value !== null) {
-      let k = v.indexOf(p[d.value]);
-      k !== -1 ? d.value = k : d.value = null;
+      let I = v.indexOf(p[d.value]);
+      I !== -1 ? d.value = I : d.value = null;
     }
   });
-  let E = { comboboxState: l, value: y, mode: b, compare(v, p) {
+  let E = { comboboxState: l, value: g, mode: x, compare(v, p) {
     if (typeof e.by == "string") {
-      let k = e.by;
-      return (v == null ? void 0 : v[k]) === (p == null ? void 0 : p[k]);
+      let I = e.by;
+      return (v == null ? void 0 : v[I]) === (p == null ? void 0 : p[I]);
     }
     return e.by === null ? fl(v, p) : e.by(v, p);
   }, calculateIndex(v) {
     return E.virtual.value ? e.by === null ? E.virtual.value.options.indexOf(v) : E.virtual.value.options.findIndex((p) => E.compare(p, v)) : c.value.findIndex((p) => E.compare(p.dataRef.value, v));
-  }, defaultValue: L(() => e.defaultValue), nullable: I, immediate: L(() => !1), virtual: L(() => null), inputRef: r, labelRef: s, buttonRef: a, optionsRef: i, disabled: L(() => e.disabled), options: c, change(v) {
-    w(v);
+  }, defaultValue: L(() => e.defaultValue), nullable: O, immediate: L(() => !1), virtual: L(() => null), inputRef: r, labelRef: s, buttonRef: a, optionsRef: i, disabled: L(() => e.disabled), options: c, change(v) {
+    b(v);
   }, activeOptionIndex: L(() => {
     if (m.value && d.value === null && (E.virtual.value ? E.virtual.value.options.length > 0 : c.value.length > 0)) {
       if (E.virtual.value) {
-        let p = E.virtual.value.options.findIndex((k) => {
-          var A;
-          return !((A = E.virtual.value) != null && A.disabled(k));
+        let p = E.virtual.value.options.findIndex((I) => {
+          var M;
+          return !((M = E.virtual.value) != null && M.disabled(I));
         });
         if (p !== -1) return p;
       }
@@ -1182,7 +1182,7 @@ let _n = Symbol("VirtualContext"), ml = pe({ name: "VirtualProvider", setup(e, {
       if (v !== -1) return v;
     }
     return d.value;
-  }), activationTrigger: x, optionsPropsRef: u, closeCombobox() {
+  }), activationTrigger: w, optionsPropsRef: u, closeCombobox() {
     m.value = !1, !e.disabled && l.value !== 1 && (l.value = 1, d.value = null);
   }, openCombobox() {
     if (m.value = !0, !e.disabled && l.value !== 0) {
@@ -1193,8 +1193,8 @@ let _n = Symbol("VirtualContext"), ml = pe({ name: "VirtualProvider", setup(e, {
       l.value = 0;
     }
   }, setActivationTrigger(v) {
-    x.value = v;
-  }, goToOption(v, p, k) {
+    w.value = v;
+  }, goToOption(v, p, I) {
     m.value = !1, _ !== null && cancelAnimationFrame(_), _ = requestAnimationFrame(() => {
       if (e.disabled || i.value && !u.value.static && l.value === 1) return;
       if (E.virtual.value) {
@@ -1206,78 +1206,78 @@ let _n = Symbol("VirtualContext"), ml = pe({ name: "VirtualProvider", setup(e, {
           })) != null ? K : null;
         }, resolveDisabled: (H) => E.virtual.value.disabled(H), resolveId() {
           throw new Error("Function not implemented.");
-        } }), x.value = k ?? 2;
+        } }), w.value = I ?? 2;
         return;
       }
-      let A = C();
-      if (A.activeOptionIndex === null) {
-        let H = A.options.findIndex((K) => !K.dataRef.disabled);
-        H !== -1 && (A.activeOptionIndex = H);
+      let M = y();
+      if (M.activeOptionIndex === null) {
+        let H = M.options.findIndex((K) => !K.dataRef.disabled);
+        H !== -1 && (M.activeOptionIndex = H);
       }
-      let j = v === q.Specific ? p : Ht({ focus: v }, { resolveItems: () => A.options, resolveActiveIndex: () => A.activeOptionIndex, resolveId: (H) => H.id, resolveDisabled: (H) => H.dataRef.disabled });
-      d.value = j, x.value = k ?? 2, c.value = A.options;
+      let j = v === q.Specific ? p : Ht({ focus: v }, { resolveItems: () => M.options, resolveActiveIndex: () => M.activeOptionIndex, resolveId: (H) => H.id, resolveDisabled: (H) => H.dataRef.disabled });
+      d.value = j, w.value = I ?? 2, c.value = M.options;
     });
   }, selectOption(v) {
-    let p = c.value.find((A) => A.id === v);
+    let p = c.value.find((M) => M.id === v);
     if (!p) return;
-    let { dataRef: k } = p;
-    V(k.value);
+    let { dataRef: I } = p;
+    A(I.value);
   }, selectActiveOption() {
     if (E.activeOptionIndex.value !== null) {
-      if (E.virtual.value) V(E.virtual.value.options[E.activeOptionIndex.value]);
+      if (E.virtual.value) A(E.virtual.value.options[E.activeOptionIndex.value]);
       else {
         let { dataRef: v } = c.value[E.activeOptionIndex.value];
-        V(v.value);
+        A(v.value);
       }
       E.goToOption(q.Specific, E.activeOptionIndex.value);
     }
   }, registerOption(v, p) {
-    let k = an({ id: v, dataRef: p });
+    let I = an({ id: v, dataRef: p });
     if (E.virtual.value) {
-      c.value.push(k);
+      c.value.push(I);
       return;
     }
     T && cancelAnimationFrame(T);
-    let A = C((j) => (j.push(k), j));
-    d.value === null && E.isSelected(p.value.value) && (A.activeOptionIndex = A.options.indexOf(k)), c.value = A.options, d.value = A.activeOptionIndex, x.value = 2, A.options.some((j) => !N(j.dataRef.domRef)) && (T = requestAnimationFrame(() => {
-      let j = C();
+    let M = y((j) => (j.push(I), j));
+    d.value === null && E.isSelected(p.value.value) && (M.activeOptionIndex = M.options.indexOf(I)), c.value = M.options, d.value = M.activeOptionIndex, w.value = 2, M.options.some((j) => !N(j.dataRef.domRef)) && (T = requestAnimationFrame(() => {
+      let j = y();
       c.value = j.options, d.value = j.activeOptionIndex;
     }));
   }, unregisterOption(v, p) {
     if (_ !== null && cancelAnimationFrame(_), p && (m.value = !0), E.virtual.value) {
-      c.value = c.value.filter((A) => A.id !== v);
+      c.value = c.value.filter((M) => M.id !== v);
       return;
     }
-    let k = C((A) => {
-      let j = A.findIndex((H) => H.id === v);
-      return j !== -1 && A.splice(j, 1), A;
+    let I = y((M) => {
+      let j = M.findIndex((H) => H.id === v);
+      return j !== -1 && M.splice(j, 1), M;
     });
-    c.value = k.options, d.value = k.activeOptionIndex, x.value = 2;
+    c.value = I.options, d.value = I.activeOptionIndex, w.value = 2;
   }, isSelected(v) {
-    return ue(b.value, { 0: () => E.compare(ne(E.value.value), ne(v)), 1: () => ne(E.value.value).some((p) => E.compare(ne(p), ne(v))) });
+    return ue(x.value, { 0: () => E.compare(ne(E.value.value), ne(v)), 1: () => ne(E.value.value).some((p) => E.compare(ne(p), ne(v))) });
   }, isActive(v) {
     return d.value === E.calculateIndex(v);
   } };
   el([r, a, i], () => E.closeCombobox(), L(() => l.value === 0)), ce(wn, E), ul(L(() => ue(l.value, { 0: Re.Open, 1: Re.Closed })));
-  let D = L(() => {
+  let V = L(() => {
     var v;
     return (v = N(r)) == null ? void 0 : v.closest("form");
   });
   return se(() => {
-    F([D], () => {
-      if (!D.value || e.defaultValue === void 0) return;
+    F([V], () => {
+      if (!V.value || e.defaultValue === void 0) return;
       function v() {
         E.change(e.defaultValue);
       }
-      return D.value.addEventListener("reset", v), () => {
+      return V.value.addEventListener("reset", v), () => {
         var p;
-        (p = D.value) == null || p.removeEventListener("reset", v);
+        (p = V.value) == null || p.removeEventListener("reset", v);
       };
     }, { immediate: !0 });
   }), () => {
-    var v, p, k;
-    let { name: A, disabled: j, form: H, ...K } = e, ee = { open: l.value === 0, disabled: j, activeIndex: E.activeOptionIndex.value, activeOption: E.activeOptionIndex.value === null ? null : E.virtual.value ? E.virtual.value.options[(v = E.activeOptionIndex.value) != null ? v : 0] : (k = (p = E.options.value[E.activeOptionIndex.value]) == null ? void 0 : p.dataRef.value) != null ? k : null, value: y.value };
-    return Ve(z, [...A != null && y.value != null ? Cn({ [A]: y.value }).map(([Z, zn]) => Ve(rl, sl({ features: mn.Hidden, key: Z, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: H, disabled: j, name: Z, value: zn }))) : [], ye({ theirProps: { ...t, ...ot(K, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: ee, slots: n, attrs: t, name: "Combobox" })]);
+    var v, p, I;
+    let { name: M, disabled: j, form: H, ...K } = e, ee = { open: l.value === 0, disabled: j, activeIndex: E.activeOptionIndex.value, activeOption: E.activeOptionIndex.value === null ? null : E.virtual.value ? E.virtual.value.options[(v = E.activeOptionIndex.value) != null ? v : 0] : (I = (p = E.options.value[E.activeOptionIndex.value]) == null ? void 0 : p.dataRef.value) != null ? I : null, value: g.value };
+    return Ve(z, [...M != null && g.value != null ? Cn({ [M]: g.value }).map(([Z, zn]) => Ve(rl, sl({ features: mn.Hidden, key: Z, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: H, disabled: j, name: Z, value: zn }))) : [], ye({ theirProps: { ...t, ...ot(K, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: ee, slots: n, attrs: t, name: "Combobox" })]);
   };
 } });
 pe({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e, { attrs: n, slots: t }) {
@@ -1330,12 +1330,12 @@ let bl = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   let u = tl(L(() => ({ as: e.as, type: n.type })), r.buttonRef);
   return () => {
     var c, d;
-    let x = { open: r.comboboxState.value === 0, disabled: r.disabled.value, value: r.value.value }, { ...m } = e, C = { ref: r.buttonRef, id: s, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (c = N(r.optionsRef)) == null ? void 0 : c.id, "aria-expanded": r.comboboxState.value === 0, "aria-labelledby": r.labelRef.value ? [(d = N(r.labelRef)) == null ? void 0 : d.id, s].join(" ") : void 0, disabled: r.disabled.value === !0 ? !0 : void 0, onKeydown: i, onClick: a };
-    return ye({ ourProps: C, theirProps: m, slot: x, attrs: n, slots: t, name: "ComboboxButton" });
+    let w = { open: r.comboboxState.value === 0, disabled: r.disabled.value, value: r.value.value }, { ...m } = e, y = { ref: r.buttonRef, id: s, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (c = N(r.optionsRef)) == null ? void 0 : c.id, "aria-expanded": r.comboboxState.value === 0, "aria-labelledby": r.labelRef.value ? [(d = N(r.labelRef)) == null ? void 0 : d.id, s].join(" ") : void 0, disabled: r.disabled.value === !0 ? !0 : void 0, onKeydown: i, onClick: a };
+    return ye({ ourProps: y, theirProps: m, slot: w, attrs: n, slots: t, name: "ComboboxButton" });
   };
 } }), Cl = pe({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: null } }, emits: { change: (e) => !0 }, setup(e, { emit: n, attrs: t, slots: o, expose: l }) {
   var s;
-  let r = (s = e.id) != null ? s : `headlessui-combobox-input-${je()}`, a = we("ComboboxInput"), i = L(() => It(N(a.inputRef))), u = { value: !1 };
+  let r = (s = e.id) != null ? s : `headlessui-combobox-input-${je()}`, a = we("ComboboxInput"), i = L(() => Lt(N(a.inputRef))), u = { value: !1 };
   l({ el: a.inputRef, $el: a.inputRef });
   function c() {
     a.change(null);
@@ -1344,45 +1344,45 @@ let bl = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   }
   let d = L(() => {
     var T;
-    let V = a.value.value;
-    return N(a.inputRef) ? typeof e.displayValue < "u" && V !== void 0 ? (T = e.displayValue(V)) != null ? T : "" : typeof V == "string" ? V : "" : "";
+    let A = a.value.value;
+    return N(a.inputRef) ? typeof e.displayValue < "u" && A !== void 0 ? (T = e.displayValue(A)) != null ? T : "" : typeof A == "string" ? A : "" : "";
   });
   se(() => {
-    F([d, a.comboboxState, i], ([T, V], [S, E]) => {
+    F([d, a.comboboxState, i], ([T, A], [S, E]) => {
       if (u.value) return;
-      let D = N(a.inputRef);
-      D && ((E === 0 && V === 1 || T !== S) && (D.value = T), requestAnimationFrame(() => {
+      let V = N(a.inputRef);
+      V && ((E === 0 && A === 1 || T !== S) && (V.value = T), requestAnimationFrame(() => {
         var v;
-        if (u.value || !D || ((v = i.value) == null ? void 0 : v.activeElement) !== D) return;
-        let { selectionStart: p, selectionEnd: k } = D;
-        Math.abs((k ?? 0) - (p ?? 0)) === 0 && p === 0 && D.setSelectionRange(D.value.length, D.value.length);
+        if (u.value || !V || ((v = i.value) == null ? void 0 : v.activeElement) !== V) return;
+        let { selectionStart: p, selectionEnd: I } = V;
+        Math.abs((I ?? 0) - (p ?? 0)) === 0 && p === 0 && V.setSelectionRange(V.value.length, V.value.length);
       }));
-    }, { immediate: !0 }), F([a.comboboxState], ([T], [V]) => {
-      if (T === 0 && V === 1) {
+    }, { immediate: !0 }), F([a.comboboxState], ([T], [A]) => {
+      if (T === 0 && A === 1) {
         if (u.value) return;
         let S = N(a.inputRef);
         if (!S) return;
-        let E = S.value, { selectionStart: D, selectionEnd: v, selectionDirection: p } = S;
-        S.value = "", S.value = E, p !== null ? S.setSelectionRange(D, v, p) : S.setSelectionRange(D, v);
+        let E = S.value, { selectionStart: V, selectionEnd: v, selectionDirection: p } = S;
+        S.value = "", S.value = E, p !== null ? S.setSelectionRange(V, v, p) : S.setSelectionRange(V, v);
       }
     });
   });
-  let x = O(!1);
+  let w = $(!1);
   function m() {
-    x.value = !0;
+    w.value = !0;
   }
-  function C() {
+  function y() {
     Qe().nextFrame(() => {
-      x.value = !1;
+      w.value = !1;
     });
   }
-  let b = Bo();
-  function I(T) {
-    switch (u.value = !0, b(() => {
+  let x = Bo();
+  function O(T) {
+    switch (u.value = !0, x(() => {
       u.value = !1;
     }), T.key) {
       case Q.Enter:
-        if (u.value = !1, a.comboboxState.value !== 0 || x.value) return;
+        if (u.value = !1, a.comboboxState.value !== 0 || w.value) return;
         if (T.preventDefault(), T.stopPropagation(), a.activeOptionIndex.value === null) {
           a.closeCombobox();
           return;
@@ -1417,29 +1417,29 @@ let bl = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
         break;
     }
   }
-  function $(T) {
+  function D(T) {
     n("change", T), a.nullable.value && a.mode.value === 0 && T.target.value === "" && c(), a.openCombobox();
   }
-  function w(T) {
-    var V, S, E;
-    let D = (V = T.relatedTarget) != null ? V : ge.find((v) => v !== T.currentTarget);
-    if (u.value = !1, !((S = N(a.optionsRef)) != null && S.contains(D)) && !((E = N(a.buttonRef)) != null && E.contains(D)) && a.comboboxState.value === 0) return T.preventDefault(), a.mode.value === 0 && (a.nullable.value && a.value.value === null ? c() : a.activationTrigger.value !== 1 && a.selectActiveOption()), a.closeCombobox();
+  function b(T) {
+    var A, S, E;
+    let V = (A = T.relatedTarget) != null ? A : ge.find((v) => v !== T.currentTarget);
+    if (u.value = !1, !((S = N(a.optionsRef)) != null && S.contains(V)) && !((E = N(a.buttonRef)) != null && E.contains(V)) && a.comboboxState.value === 0) return T.preventDefault(), a.mode.value === 0 && (a.nullable.value && a.value.value === null ? c() : a.activationTrigger.value !== 1 && a.selectActiveOption()), a.closeCombobox();
   }
-  function y(T) {
-    var V, S, E;
-    let D = (V = T.relatedTarget) != null ? V : ge.find((v) => v !== T.currentTarget);
-    (S = N(a.buttonRef)) != null && S.contains(D) || (E = N(a.optionsRef)) != null && E.contains(D) || a.disabled.value || a.immediate.value && a.comboboxState.value !== 0 && (a.openCombobox(), Qe().nextFrame(() => {
+  function g(T) {
+    var A, S, E;
+    let V = (A = T.relatedTarget) != null ? A : ge.find((v) => v !== T.currentTarget);
+    (S = N(a.buttonRef)) != null && S.contains(V) || (E = N(a.optionsRef)) != null && E.contains(V) || a.disabled.value || a.immediate.value && a.comboboxState.value !== 0 && (a.openCombobox(), Qe().nextFrame(() => {
       a.setActivationTrigger(1);
     }));
   }
   let _ = L(() => {
-    var T, V, S, E;
-    return (E = (S = (V = e.defaultValue) != null ? V : a.defaultValue.value !== void 0 ? (T = e.displayValue) == null ? void 0 : T.call(e, a.defaultValue.value) : null) != null ? S : a.defaultValue.value) != null ? E : "";
+    var T, A, S, E;
+    return (E = (S = (A = e.defaultValue) != null ? A : a.defaultValue.value !== void 0 ? (T = e.displayValue) == null ? void 0 : T.call(e, a.defaultValue.value) : null) != null ? S : a.defaultValue.value) != null ? E : "";
   });
   return () => {
-    var T, V, S, E, D, v, p;
-    let k = { open: a.comboboxState.value === 0 }, { displayValue: A, onChange: j, ...H } = e, K = { "aria-controls": (T = a.optionsRef.value) == null ? void 0 : T.id, "aria-expanded": a.comboboxState.value === 0, "aria-activedescendant": a.activeOptionIndex.value === null ? void 0 : a.virtual.value ? (V = a.options.value.find((ee) => !a.virtual.value.disabled(ee.dataRef.value) && a.compare(ee.dataRef.value, a.virtual.value.options[a.activeOptionIndex.value]))) == null ? void 0 : V.id : (S = a.options.value[a.activeOptionIndex.value]) == null ? void 0 : S.id, "aria-labelledby": (v = (E = N(a.labelRef)) == null ? void 0 : E.id) != null ? v : (D = N(a.buttonRef)) == null ? void 0 : D.id, "aria-autocomplete": "list", id: r, onCompositionstart: m, onCompositionend: C, onKeydown: I, onInput: $, onFocus: y, onBlur: w, role: "combobox", type: (p = t.type) != null ? p : "text", tabIndex: 0, ref: a.inputRef, defaultValue: _.value, disabled: a.disabled.value === !0 ? !0 : void 0 };
-    return ye({ ourProps: K, theirProps: H, slot: k, attrs: t, slots: o, features: De.RenderStrategy | De.Static, name: "ComboboxInput" });
+    var T, A, S, E, V, v, p;
+    let I = { open: a.comboboxState.value === 0 }, { displayValue: M, onChange: j, ...H } = e, K = { "aria-controls": (T = a.optionsRef.value) == null ? void 0 : T.id, "aria-expanded": a.comboboxState.value === 0, "aria-activedescendant": a.activeOptionIndex.value === null ? void 0 : a.virtual.value ? (A = a.options.value.find((ee) => !a.virtual.value.disabled(ee.dataRef.value) && a.compare(ee.dataRef.value, a.virtual.value.options[a.activeOptionIndex.value]))) == null ? void 0 : A.id : (S = a.options.value[a.activeOptionIndex.value]) == null ? void 0 : S.id, "aria-labelledby": (v = (E = N(a.labelRef)) == null ? void 0 : E.id) != null ? v : (V = N(a.buttonRef)) == null ? void 0 : V.id, "aria-autocomplete": "list", id: r, onCompositionstart: m, onCompositionend: y, onKeydown: O, onInput: D, onFocus: g, onBlur: b, role: "combobox", type: (p = t.type) != null ? p : "text", tabIndex: 0, ref: a.inputRef, defaultValue: _.value, disabled: a.disabled.value === !0 ? !0 : void 0 };
+    return ye({ ourProps: K, theirProps: H, slot: I, attrs: t, slots: o, features: De.RenderStrategy | De.Static, name: "ComboboxInput" });
   };
 } }), xl = pe({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, hold: { type: [Boolean], default: !1 } }, setup(e, { attrs: n, slots: t, expose: o }) {
   let l = we("ComboboxOptions"), s = `headlessui-combobox-options-${je()}`;
@@ -1459,58 +1459,58 @@ let bl = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   }
   return () => {
     var u, c, d;
-    let x = { open: l.comboboxState.value === 0 }, m = { "aria-labelledby": (d = (u = N(l.labelRef)) == null ? void 0 : u.id) != null ? d : (c = N(l.buttonRef)) == null ? void 0 : c.id, id: s, ref: l.optionsRef, role: "listbox", "aria-multiselectable": l.mode.value === 1 ? !0 : void 0, onMousedown: i }, C = ot(e, ["hold"]);
-    return ye({ ourProps: m, theirProps: C, slot: x, attrs: n, slots: l.virtual.value && l.comboboxState.value === 0 ? { ...t, default: () => [Ve(ml, {}, t.default)] } : t, features: De.RenderStrategy | De.Static, visible: a.value, name: "ComboboxOptions" });
+    let w = { open: l.comboboxState.value === 0 }, m = { "aria-labelledby": (d = (u = N(l.labelRef)) == null ? void 0 : u.id) != null ? d : (c = N(l.buttonRef)) == null ? void 0 : c.id, id: s, ref: l.optionsRef, role: "listbox", "aria-multiselectable": l.mode.value === 1 ? !0 : void 0, onMousedown: i }, y = ot(e, ["hold"]);
+    return ye({ ourProps: m, theirProps: y, slot: w, attrs: n, slots: l.virtual.value && l.comboboxState.value === 0 ? { ...t, default: () => [Ve(ml, {}, t.default)] } : t, features: De.RenderStrategy | De.Static, visible: a.value, name: "ComboboxOptions" });
   };
 } }), yl = pe({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, order: { type: [Number], default: null } }, setup(e, { slots: n, attrs: t, expose: o }) {
-  let l = we("ComboboxOption"), s = `headlessui-combobox-option-${je()}`, r = O(null), a = L(() => e.disabled);
+  let l = we("ComboboxOption"), s = `headlessui-combobox-option-${je()}`, r = $(null), a = L(() => e.disabled);
   o({ el: r, $el: r });
   let i = L(() => {
-    var w;
-    return l.virtual.value ? l.activeOptionIndex.value === l.calculateIndex(e.value) : l.activeOptionIndex.value === null ? !1 : ((w = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : w.id) === s;
+    var b;
+    return l.virtual.value ? l.activeOptionIndex.value === l.calculateIndex(e.value) : l.activeOptionIndex.value === null ? !1 : ((b = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : b.id) === s;
   }), u = L(() => l.isSelected(e.value)), c = le(_n, null), d = L(() => ({ disabled: e.disabled, value: e.value, domRef: r, order: L(() => e.order) }));
   se(() => l.registerOption(s, d)), Fe(() => l.unregisterOption(s, i.value)), fe(() => {
-    let w = N(r);
-    w && (c == null || c.value.measureElement(w));
+    let b = N(r);
+    b && (c == null || c.value.measureElement(b));
   }), fe(() => {
     l.comboboxState.value === 0 && i.value && (l.virtual.value || l.activationTrigger.value !== 0 && X(() => {
-      var w, y;
-      return (y = (w = N(r)) == null ? void 0 : w.scrollIntoView) == null ? void 0 : y.call(w, { block: "nearest" });
+      var b, g;
+      return (g = (b = N(r)) == null ? void 0 : b.scrollIntoView) == null ? void 0 : g.call(b, { block: "nearest" });
     }));
   });
-  function x(w) {
-    w.preventDefault(), w.button === bn.Left && (a.value || (l.selectOption(s), vn() || requestAnimationFrame(() => {
-      var y;
-      return (y = N(l.inputRef)) == null ? void 0 : y.focus({ preventScroll: !0 });
+  function w(b) {
+    b.preventDefault(), b.button === bn.Left && (a.value || (l.selectOption(s), vn() || requestAnimationFrame(() => {
+      var g;
+      return (g = N(l.inputRef)) == null ? void 0 : g.focus({ preventScroll: !0 });
     }), l.mode.value === 0 && l.closeCombobox()));
   }
   function m() {
-    var w;
-    if (e.disabled || (w = l.virtual.value) != null && w.disabled(e.value)) return l.goToOption(q.Nothing);
-    let y = l.calculateIndex(e.value);
-    l.goToOption(q.Specific, y);
+    var b;
+    if (e.disabled || (b = l.virtual.value) != null && b.disabled(e.value)) return l.goToOption(q.Nothing);
+    let g = l.calculateIndex(e.value);
+    l.goToOption(q.Specific, g);
   }
-  let C = nl();
-  function b(w) {
-    C.update(w);
+  let y = nl();
+  function x(b) {
+    y.update(b);
   }
-  function I(w) {
-    var y;
-    if (!C.wasMoved(w) || e.disabled || (y = l.virtual.value) != null && y.disabled(e.value) || i.value) return;
+  function O(b) {
+    var g;
+    if (!y.wasMoved(b) || e.disabled || (g = l.virtual.value) != null && g.disabled(e.value) || i.value) return;
     let _ = l.calculateIndex(e.value);
     l.goToOption(q.Specific, _, 0);
   }
-  function $(w) {
-    var y;
-    C.wasMoved(w) && (e.disabled || (y = l.virtual.value) != null && y.disabled(e.value) || i.value && (l.optionsPropsRef.value.hold || l.goToOption(q.Nothing)));
+  function D(b) {
+    var g;
+    y.wasMoved(b) && (e.disabled || (g = l.virtual.value) != null && g.disabled(e.value) || i.value && (l.optionsPropsRef.value.hold || l.goToOption(q.Nothing)));
   }
   return () => {
-    let { disabled: w } = e, y = { active: i.value, selected: u.value, disabled: w }, _ = { id: s, ref: r, role: "option", tabIndex: w === !0 ? void 0 : -1, "aria-disabled": w === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: x, onFocus: m, onPointerenter: b, onMouseenter: b, onPointermove: I, onMousemove: I, onPointerleave: $, onMouseleave: $ }, T = ot(e, ["order", "value"]);
-    return ye({ ourProps: _, theirProps: T, slot: y, attrs: t, slots: n, name: "ComboboxOption" });
+    let { disabled: b } = e, g = { active: i.value, selected: u.value, disabled: b }, _ = { id: s, ref: r, role: "option", tabIndex: b === !0 ? void 0 : -1, "aria-disabled": b === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: w, onFocus: m, onPointerenter: x, onMouseenter: x, onPointermove: O, onMousemove: O, onPointerleave: D, onMouseleave: D }, T = ot(e, ["order", "value"]);
+    return ye({ ourProps: _, theirProps: T, slot: g, attrs: t, slots: n, name: "ComboboxOption" });
   };
 } });
 function wl(e, n) {
-  return h(), g("svg", {
+  return h(), C("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1525,7 +1525,7 @@ function wl(e, n) {
   ]);
 }
 function _l(e, n) {
-  return h(), g("svg", {
+  return h(), C("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1540,7 +1540,7 @@ function _l(e, n) {
   ]);
 }
 function Tl(e, n) {
-  return h(), g("svg", {
+  return h(), C("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1572,12 +1572,12 @@ function Tn() {
 }
 const El = typeof Proxy == "function", $l = "devtools-plugin:setup", Ol = "plugin:settings:set";
 let _e, pt;
-function Il() {
+function Ll() {
   var e;
   return _e !== void 0 || (typeof window < "u" && window.performance ? (_e = !0, pt = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (_e = !0, pt = globalThis.perf_hooks.performance) : _e = !1), _e;
 }
-function Ll() {
-  return Il() ? pt.now() : Date.now();
+function Il() {
+  return Ll() ? pt.now() : Date.now();
 }
 class kl {
   constructor(n, t) {
@@ -1607,7 +1607,7 @@ class kl {
         s = r;
       },
       now() {
-        return Ll();
+        return Il();
       }
     }, t && t.on(Ol, (r, a) => {
       r === this.plugin.id && this.fallbacks.setSettings(a);
@@ -1675,10 +1675,10 @@ const lt = typeof window < "u", Ae = (process.env.NODE_ENV !== "production" || !
 function Ml(e, { autoBom: n = !1 } = {}) {
   return n && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type) ? new Blob(["\uFEFF", e], { type: e.type }) : e;
 }
-function Lt(e, n, t) {
+function It(e, n, t) {
   const o = new XMLHttpRequest();
   o.open("GET", e), o.responseType = "blob", o.onload = function() {
-    In(o.response, n, t);
+    Ln(o.response, n, t);
   }, o.onerror = function() {
     console.error("could not download file");
   }, o.send();
@@ -1700,7 +1700,7 @@ function Ge(e) {
     t.initMouseEvent("click", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null), e.dispatchEvent(t);
   }
 }
-const Je = typeof navigator == "object" ? navigator : { userAgent: "" }, On = /Macintosh/.test(Je.userAgent) && /AppleWebKit/.test(Je.userAgent) && !/Safari/.test(Je.userAgent), In = lt ? (
+const Je = typeof navigator == "object" ? navigator : { userAgent: "" }, On = /Macintosh/.test(Je.userAgent) && /AppleWebKit/.test(Je.userAgent) && !/Safari/.test(Je.userAgent), Ln = lt ? (
   // Use download attribute first if possible (#193 Lumia mobile) unless this is a macOS WebView or mini program
   typeof HTMLAnchorElement < "u" && "download" in HTMLAnchorElement.prototype && !On ? Al : (
     // Use msSaveOrOpenBlob as a second approach
@@ -1713,7 +1713,7 @@ const Je = typeof navigator == "object" ? navigator : { userAgent: "" }, On = /M
 };
 function Al(e, n = "download", t) {
   const o = document.createElement("a");
-  o.download = n, o.rel = "noopener", typeof e == "string" ? (o.href = e, o.origin !== location.origin ? $n(o.href) ? Lt(e, n, t) : (o.target = "_blank", Ge(o)) : Ge(o)) : (o.href = URL.createObjectURL(e), setTimeout(function() {
+  o.download = n, o.rel = "noopener", typeof e == "string" ? (o.href = e, o.origin !== location.origin ? $n(o.href) ? It(e, n, t) : (o.target = "_blank", Ge(o)) : Ge(o)) : (o.href = URL.createObjectURL(e), setTimeout(function() {
     URL.revokeObjectURL(o.href);
   }, 4e4), setTimeout(function() {
     Ge(o);
@@ -1722,7 +1722,7 @@ function Al(e, n = "download", t) {
 function Vl(e, n = "download", t) {
   if (typeof e == "string")
     if ($n(e))
-      Lt(e, n, t);
+      It(e, n, t);
     else {
       const o = document.createElement("a");
       o.href = e, o.target = "_blank", setTimeout(function() {
@@ -1734,7 +1734,7 @@ function Vl(e, n = "download", t) {
 }
 function Dl(e, n, t, o) {
   if (o = o || open("", "_blank"), o && (o.document.title = o.document.body.innerText = "downloading..."), typeof e == "string")
-    return Lt(e, n, t);
+    return It(e, n, t);
   const l = e.type === "application/octet-stream", s = /constructor/i.test(String(zt.HTMLElement)) || "safari" in zt, r = /CriOS\/[\d]+/.test(navigator.userAgent);
   if ((r || l && s || On) && typeof FileReader < "u") {
     const a = new FileReader();
@@ -1758,7 +1758,7 @@ function U(e, n) {
 function kt(e) {
   return "_a" in e && "install" in e;
 }
-function Ln() {
+function In() {
   if (!("clipboard" in navigator))
     return U("Your browser doesn't support the Clipboard API", "error"), !0;
 }
@@ -1766,7 +1766,7 @@ function kn(e) {
   return e instanceof Error && e.message.toLowerCase().includes("document is not focused") ? (U('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
 }
 async function Rl(e) {
-  if (!Ln())
+  if (!In())
     try {
       await navigator.clipboard.writeText(JSON.stringify(e.state.value)), U("Global state copied to clipboard.");
     } catch (n) {
@@ -1776,7 +1776,7 @@ async function Rl(e) {
     }
 }
 async function Pl(e) {
-  if (!Ln())
+  if (!In())
     try {
       Mn(e, JSON.parse(await navigator.clipboard.readText())), U("Global state pasted from clipboard.");
     } catch (n) {
@@ -1787,7 +1787,7 @@ async function Pl(e) {
 }
 async function Nl(e) {
   try {
-    In(new Blob([JSON.stringify(e.state.value)], {
+    Ln(new Blob([JSON.stringify(e.state.value)], {
       type: "text/plain;charset=utf-8"
     }), "pinia-state.json");
   } catch (n) {
@@ -2113,7 +2113,7 @@ function ql(e, n) {
         });
       });
     }, !0), n._customProperties.forEach((r) => {
-      F(() => M(n[r]), (a, i) => {
+      F(() => k(n[r]), (a, i) => {
         t.notifyComponentUpdate(), t.sendInspectorState(J), Se && t.addTimelineEvent({
           layerId: me,
           event: {
@@ -2202,7 +2202,7 @@ function Gl({ app: e, store: n, options: t }) {
   );
 }
 function Jl() {
-  const e = un(!0), n = e.run(() => O({}));
+  const e = un(!0), n = e.run(() => $({}));
   let t = [], o = [];
   const l = be({
     install(s) {
@@ -2275,12 +2275,12 @@ function qt(e, n, t, o) {
     !a && (process.env.NODE_ENV === "production" || !o) && (t.state.value[e] = l ? l() : {});
     const c = process.env.NODE_ENV !== "production" && o ? (
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
-      Rt(O(l ? l() : {}).value)
+      Rt($(l ? l() : {}).value)
     ) : Rt(t.state.value[e]);
-    return te(c, s, Object.keys(r || {}).reduce((d, x) => (process.env.NODE_ENV !== "production" && x in c && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${x}" in store "${e}".`), d[x] = be(L(() => {
+    return te(c, s, Object.keys(r || {}).reduce((d, w) => (process.env.NODE_ENV !== "production" && w in c && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${w}" in store "${e}".`), d[w] = be(L(() => {
       Pe(t);
       const m = t._s.get(e);
-      return r[x].call(m, m);
+      return r[w].call(m, m);
     })), d), {}));
   }
   return i = gt(e, u, n, t, o, !0), i;
@@ -2297,12 +2297,12 @@ function gt(e, n, t = {}, o, l, s) {
   process.env.NODE_ENV !== "production" && (i.onTrigger = (v) => {
     u ? m = v : u == !1 && !S._hotUpdating && (Array.isArray(m) ? m.push(v) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let u, c, d = [], x = [], m;
-  const C = o.state.value[e];
-  !s && !C && (process.env.NODE_ENV === "production" || !l) && (o.state.value[e] = {});
-  const b = O({});
-  let I;
-  function $(v) {
+  let u, c, d = [], w = [], m;
+  const y = o.state.value[e];
+  !s && !y && (process.env.NODE_ENV === "production" || !l) && (o.state.value[e] = {});
+  const x = $({});
+  let O;
+  function D(v) {
     let p;
     u = c = !1, process.env.NODE_ENV !== "production" && (m = []), typeof v == "function" ? (v(o.state.value[e]), p = {
       type: ae.patchFunction,
@@ -2314,15 +2314,15 @@ function gt(e, n, t = {}, o, l, s) {
       storeId: e,
       events: m
     });
-    const k = I = Symbol();
+    const I = O = Symbol();
     X().then(() => {
-      I === k && (u = !0);
+      O === I && (u = !0);
     }), c = !0, Te(d, p, o.state.value[e]);
   }
-  const w = s ? function() {
-    const { state: p } = t, k = p ? p() : {};
-    this.$patch((A) => {
-      te(A, k);
+  const b = s ? function() {
+    const { state: p } = t, I = p ? p() : {};
+    this.$patch((M) => {
+      te(M, I);
     });
   } : (
     /* istanbul ignore next */
@@ -2330,21 +2330,21 @@ function gt(e, n, t = {}, o, l, s) {
       throw new Error(`🍍: Store "${e}" is built using the setup syntax and does not implement $reset().`);
     } : Rn
   );
-  function y() {
-    r.stop(), d = [], x = [], o._s.delete(e);
+  function g() {
+    r.stop(), d = [], w = [], o._s.delete(e);
   }
   function _(v, p) {
     return function() {
       Pe(o);
-      const k = Array.from(arguments), A = [], j = [];
+      const I = Array.from(arguments), M = [], j = [];
       function H(Z) {
-        A.push(Z);
+        M.push(Z);
       }
       function K(Z) {
         j.push(Z);
       }
-      Te(x, {
-        args: k,
+      Te(w, {
+        args: I,
         name: v,
         store: S,
         after: H,
@@ -2352,75 +2352,75 @@ function gt(e, n, t = {}, o, l, s) {
       });
       let ee;
       try {
-        ee = p.apply(this && this.$id === e ? this : S, k);
+        ee = p.apply(this && this.$id === e ? this : S, I);
       } catch (Z) {
         throw Te(j, Z), Z;
       }
-      return ee instanceof Promise ? ee.then((Z) => (Te(A, Z), Z)).catch((Z) => (Te(j, Z), Promise.reject(Z))) : (Te(A, ee), ee);
+      return ee instanceof Promise ? ee.then((Z) => (Te(M, Z), Z)).catch((Z) => (Te(j, Z), Promise.reject(Z))) : (Te(M, ee), ee);
     };
   }
   const T = /* @__PURE__ */ be({
     actions: {},
     getters: {},
     state: [],
-    hotState: b
-  }), V = {
+    hotState: x
+  }), A = {
     _p: o,
     // _s: scope,
     $id: e,
-    $onAction: Ut.bind(null, x),
-    $patch: $,
-    $reset: w,
+    $onAction: Ut.bind(null, w),
+    $patch: D,
+    $reset: b,
     $subscribe(v, p = {}) {
-      const k = Ut(d, v, p.detached, () => A()), A = r.run(() => F(() => o.state.value[e], (j) => {
+      const I = Ut(d, v, p.detached, () => M()), M = r.run(() => F(() => o.state.value[e], (j) => {
         (p.flush === "sync" ? c : u) && v({
           storeId: e,
           type: ae.direct,
           events: m
         }, j);
       }, te({}, i, p)));
-      return k;
+      return I;
     },
-    $dispose: y
+    $dispose: g
   }, S = an(process.env.NODE_ENV !== "production" || Ae ? te(
     {
       _hmrPayload: T,
       _customProperties: be(/* @__PURE__ */ new Set())
       // devtools custom properties
     },
-    V
+    A
     // must be added later
     // setupStore
-  ) : V);
+  ) : A);
   o._s.set(e, S);
-  const D = (o._a && o._a.runWithContext || Yl)(() => o._e.run(() => (r = un()).run(n)));
-  for (const v in D) {
-    const p = D[v];
+  const V = (o._a && o._a.runWithContext || Yl)(() => o._e.run(() => (r = un()).run(n)));
+  for (const v in V) {
+    const p = V[v];
     if ($e(p) && !Wt(p) || St(p))
-      process.env.NODE_ENV !== "production" && l ? We(b.value, v, it(D, v)) : s || (C && Xl(p) && ($e(p) ? p.value = C[v] : mt(p, C[v])), o.state.value[e][v] = p), process.env.NODE_ENV !== "production" && T.state.push(v);
+      process.env.NODE_ENV !== "production" && l ? We(x.value, v, it(V, v)) : s || (y && Xl(p) && ($e(p) ? p.value = y[v] : mt(p, y[v])), o.state.value[e][v] = p), process.env.NODE_ENV !== "production" && T.state.push(v);
     else if (typeof p == "function") {
-      const k = process.env.NODE_ENV !== "production" && l ? p : _(v, p);
-      D[v] = k, process.env.NODE_ENV !== "production" && (T.actions[v] = p), a.actions[v] = p;
+      const I = process.env.NODE_ENV !== "production" && l ? p : _(v, p);
+      V[v] = I, process.env.NODE_ENV !== "production" && (T.actions[v] = p), a.actions[v] = p;
     } else process.env.NODE_ENV !== "production" && Wt(p) && (T.getters[v] = s ? (
       // @ts-expect-error
       t.getters[v]
-    ) : p, lt && (D._getters || // @ts-expect-error: same
-    (D._getters = be([]))).push(v));
+    ) : p, lt && (V._getters || // @ts-expect-error: same
+    (V._getters = be([]))).push(v));
   }
-  if (te(S, D), te(ne(S), D), Object.defineProperty(S, "$state", {
-    get: () => process.env.NODE_ENV !== "production" && l ? b.value : o.state.value[e],
+  if (te(S, V), te(ne(S), V), Object.defineProperty(S, "$state", {
+    get: () => process.env.NODE_ENV !== "production" && l ? x.value : o.state.value[e],
     set: (v) => {
       if (process.env.NODE_ENV !== "production" && l)
         throw new Error("cannot set hotState");
-      $((p) => {
+      D((p) => {
         te(p, v);
       });
     }
   }), process.env.NODE_ENV !== "production" && (S._hotUpdate = be((v) => {
     S._hotUpdating = !0, v._hmrPayload.state.forEach((p) => {
       if (p in S.$state) {
-        const k = v.$state[p], A = S.$state[p];
-        typeof k == "object" && Ce(k) && Ce(A) ? Dn(k, A) : v.$state[p] = A;
+        const I = v.$state[p], M = S.$state[p];
+        typeof I == "object" && Ce(I) && Ce(M) ? Dn(I, M) : v.$state[p] = M;
       }
       We(S, p, it(v.$state, p));
     }), Object.keys(S.$state).forEach((p) => {
@@ -2429,15 +2429,15 @@ function gt(e, n, t = {}, o, l, s) {
       u = !0;
     });
     for (const p in v._hmrPayload.actions) {
-      const k = v[p];
-      We(S, p, _(p, k));
+      const I = v[p];
+      We(S, p, _(p, I));
     }
     for (const p in v._hmrPayload.getters) {
-      const k = v._hmrPayload.getters[p], A = s ? (
+      const I = v._hmrPayload.getters[p], M = s ? (
         // special handling of options api
-        L(() => (Pe(o), k.call(S, S)))
-      ) : k;
-      We(S, p, A);
+        L(() => (Pe(o), I.call(S, S)))
+      ) : I;
+      We(S, p, M);
     }
     Object.keys(S._hmrPayload.getters).forEach((p) => {
       p in v._hmrPayload.getters || dt(S, p);
@@ -2463,7 +2463,7 @@ function gt(e, n, t = {}, o, l, s) {
         pinia: o,
         options: a
       }));
-      Object.keys(p || {}).forEach((k) => S._customProperties.add(k)), te(S, p);
+      Object.keys(p || {}).forEach((I) => S._customProperties.add(I)), te(S, p);
     } else
       te(S, r.run(() => v({
         store: S,
@@ -2473,7 +2473,7 @@ function gt(e, n, t = {}, o, l, s) {
       })));
   }), process.env.NODE_ENV !== "production" && S.$state && typeof S.$state == "object" && typeof S.$state.constructor == "function" && !S.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
 	state: () => new MyClass()
-Found in store "${S.$id}".`), C && s && t.hydrate && t.hydrate(S.$state, C), u = !0, c = !0, S;
+Found in store "${S.$id}".`), y && s && t.hydrate && t.hydrate(S.$state, y), u = !0, c = !0, S;
 }
 function He(e, n, t) {
   let o, l;
@@ -2493,14 +2493,14 @@ This will fail in production.`);
     a = Me, a._s.has(o) || (s ? gt(o, n, l, a) : qt(o, l, a), process.env.NODE_ENV !== "production" && (r._pinia = a));
     const c = a._s.get(o);
     if (process.env.NODE_ENV !== "production" && i) {
-      const d = "__hot:" + o, x = s ? gt(d, n, l, a, !0) : qt(d, te({}, l), a, !0);
-      i._hotUpdate(x), delete a.state.value[d], a._s.delete(d);
+      const d = "__hot:" + o, w = s ? gt(d, n, l, a, !0) : qt(d, te({}, l), a, !0);
+      i._hotUpdate(w), delete a.state.value[d], a._s.delete(d);
     }
     if (process.env.NODE_ENV !== "production" && lt) {
       const d = rn();
       if (d && d.proxy && // avoid adding stores that are just built for hot module replacement
       !i) {
-        const x = d.proxy, m = "_pStores" in x ? x._pStores : x._pStores = {};
+        const w = d.proxy, m = "_pStores" in w ? w._pStores : w._pStores = {};
         m[o] = c;
       }
     }
@@ -2509,7 +2509,7 @@ This will fail in production.`);
   return r.$id = o, r;
 }
 const xe = He("loader", () => {
-  const e = O({
+  const e = $({
     translation: !1,
     aiExplanation: !1,
     writing: !1
@@ -2530,32 +2530,32 @@ const xe = He("loader", () => {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = xe(), t = e, o = Gn(e, "modelValue"), l = O(""), s = O(null), r = L(() => Object.entries(t.languages).filter(
+    const n = xe(), t = e, o = Gn(e, "modelValue"), l = $(""), s = $(null), r = L(() => Object.entries(t.languages).filter(
       ([, i]) => i.toLowerCase().includes(l.value.toLowerCase())
     )), a = (i) => {
       i.target.value = "", l.value = "", s.value && s.value.$el.click();
     };
-    return (i, u) => (h(), W(M(gl), {
+    return (i, u) => (h(), W(k(gl), {
       modelValue: o.value,
       "onUpdate:modelValue": u[3] || (u[3] = (c) => o.value = c),
-      disabled: M(n).loading,
+      disabled: k(n).loading,
       as: "div",
       class: "relative mt-1"
     }, {
       default: ze(() => [
-        B(M(Cl), {
+        B(k(Cl), {
           class: "w-full bg-base-100 border border-base-300 rounded py-2.5 pl-3 pr-10 text-sm text-base-content font-medium focus:outline-none focus:ring-0.5 focus:ring-primary focus:border-primary",
           onChange: u[0] || (u[0] = (c) => l.value = c.target.value),
           displayValue: (c) => e.languages[c],
           onFocus: u[1] || (u[1] = (c) => a(c))
         }, null, 8, ["displayValue"]),
-        B(M(bl), {
+        B(k(bl), {
           ref_key: "btnSelect",
           ref: s,
           class: "absolute inset-y-0 right-0 flex items-center pr-2"
         }, {
           default: ze(() => [
-            B(M(_l), {
+            B(k(_l), {
               class: "h-5 w-5 text-base-content/50",
               "aria-hidden": "true",
               onClick: u[2] || (u[2] = (c) => a(c))
@@ -2563,17 +2563,17 @@ const xe = He("loader", () => {
           ]),
           _: 1
         }, 512),
-        B(M(xl), { class: "absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-base-100 py-1 text-base shadow-lg ring-1 ring-base-300 focus:outline-none sm:text-sm z-50" }, {
+        B(k(xl), { class: "absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-base-100 py-1 text-base shadow-lg ring-1 ring-base-300 focus:outline-none sm:text-sm z-50" }, {
           default: ze(() => [
-            (h(!0), g(z, null, Y(r.value, ([c, d]) => (h(), W(M(yl), {
+            (h(!0), C(z, null, Y(r.value, ([c, d]) => (h(), W(k(yl), {
               key: c,
               value: c
             }, {
-              default: ze(({ active: x, selected: m }) => [
+              default: ze(({ active: w, selected: m }) => [
                 f("li", {
                   class: P([
                     "relative cursor-default select-none py-2 pl-3 pr-9",
-                    x ? "bg-primary text-primary-content" : "text-base-content"
+                    w ? "bg-primary text-primary-content" : "text-base-content"
                   ])
                 }, [
                   f("span", {
@@ -2605,17 +2605,17 @@ const xe = He("loader", () => {
   emits: ["swap"],
   setup(e, { emit: n }) {
     const t = xe(), o = L(() => t.isLoading("translation")), l = n;
-    return (s, r) => e.isBidirect ? (h(), g("button", {
+    return (s, r) => e.isBidirect ? (h(), C("button", {
       key: 1,
       onClick: r[0] || (r[0] = (a) => l("swap")),
       disabled: o.value
-    }, ls, 8, ns)) : (h(), g("button", {
+    }, ls, 8, ns)) : (h(), C("button", {
       key: 0,
       disabled: o.value
     }, ts, 8, Kl));
   }
 }, Oe = He("language", () => {
-  const e = O("auto"), n = O("vi"), t = O({
+  const e = $("auto"), n = $("vi"), t = $({
     src: [],
     target: []
   }), o = L(() => t.value.src[e.value]), l = L(() => t.value.target[n.value]);
@@ -2643,7 +2643,7 @@ const xe = He("loader", () => {
 }, vs = ["onClick"], ps = { class: "flex" }, hs = { class: "grow flex flex-col" }, ms = { class: "grow flex flex-col" }, Jt = 3, gs = {
   __name: "Selects",
   setup(e) {
-    const n = Oe(), t = O([]), o = O([]);
+    const n = Oe(), t = $([]), o = $([]);
     function l() {
       n.swap();
     }
@@ -2660,53 +2660,53 @@ const xe = He("loader", () => {
       (s) => {
         s && (o.value.includes(s) || (o.value.unshift(s), o.value = o.value.slice(0, Jt), Ze.setLocalStorage("recentTarget", o.value)));
       }
-    ), (s, r) => M(n).languages ? (h(), g("div", as, [
+    ), (s, r) => k(n).languages ? (h(), C("div", as, [
       f("div", rs, [
         f("div", is, [
-          t.value.length > 0 ? (h(), g("div", us, [
-            (h(!0), g(z, null, Y(t.value, (a) => (h(), g("button", {
+          t.value.length > 0 ? (h(), C("div", us, [
+            (h(!0), C(z, null, Y(t.value, (a) => (h(), C("button", {
               key: a,
               class: "px-1 bg-base-100 border border-primary text-primary text-xs rounded hover:bg-primary hover:text-primary-content",
-              onClick: (i) => M(n).src = a
-            }, G(M(n).languages.src[a]), 9, cs))), 128))
+              onClick: (i) => k(n).src = a
+            }, G(k(n).languages.src[a]), 9, cs))), 128))
           ])) : R("", !0)
         ]),
         f("div", ds, [
-          o.value.length > 0 ? (h(), g("div", fs, [
-            (h(!0), g(z, null, Y(o.value, (a) => (h(), g("button", {
+          o.value.length > 0 ? (h(), C("div", fs, [
+            (h(!0), C(z, null, Y(o.value, (a) => (h(), C("button", {
               key: a,
               class: "px-1 bg-base-100 border border-primary text-primary text-xs rounded hover:bg-primary hover:text-primary-content",
-              onClick: (i) => M(n).target = a
-            }, G(M(n).languages.target[a]), 9, vs))), 128))
+              onClick: (i) => k(n).target = a
+            }, G(k(n).languages.target[a]), 9, vs))), 128))
           ])) : R("", !0)
         ])
       ]),
       f("div", ps, [
         f("div", hs, [
           B(Gt, {
-            modelValue: M(n).src,
-            "onUpdate:modelValue": r[0] || (r[0] = (a) => M(n).src = a),
-            languages: M(n).languages.src,
+            modelValue: k(n).src,
+            "onUpdate:modelValue": r[0] || (r[0] = (a) => k(n).src = a),
+            languages: k(n).languages.src,
             class: "grow"
           }, null, 8, ["modelValue", "languages"])
         ]),
         B(ss, {
-          isBidirect: M(n).src !== "auto",
+          isBidirect: k(n).src !== "auto",
           class: "grow-0 mx-3 mt-4 self-start",
           onSwap: l
         }, null, 8, ["isBidirect"]),
         f("div", ms, [
           B(Gt, {
-            modelValue: M(n).target,
-            "onUpdate:modelValue": r[1] || (r[1] = (a) => M(n).target = a),
-            languages: M(n).languages.target,
+            modelValue: k(n).target,
+            "onUpdate:modelValue": r[1] || (r[1] = (a) => k(n).target = a),
+            languages: k(n).languages.target,
             class: "grow"
           }, null, 8, ["modelValue", "languages"])
         ])
       ])
     ])) : R("", !0);
   }
-}, Ie = {
+}, Le = {
   INPUT_MAX_LENGTH: 5e3,
   INPUT_DEBOUNCE: 1e3,
   IMPROVE_INPUT_MIN_LENGTH: 4,
@@ -2718,10 +2718,10 @@ const xe = He("loader", () => {
   return t;
 }, bs = {}, Cs = { class: "mr-2 loading loading-dots loading-xs" };
 function xs(e, n) {
-  return h(), g("span", Cs);
+  return h(), C("span", Cs);
 }
 const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
-  const e = O({
+  const e = $({
     src: null,
     target: null
   });
@@ -2774,7 +2774,7 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
   },
   emits: ["loadTTS"],
   setup(e, { emit: n }) {
-    const t = bt(), o = e, l = n, s = L(() => t.tts[o.type]), r = O(!1), a = new Audio(), i = O(!1);
+    const t = bt(), o = e, l = n, s = L(() => t.tts[o.type]), r = $(!1), a = new Audio(), i = $(!1);
     F(
       s,
       () => {
@@ -2805,11 +2805,11 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
     }
     return a.onended = () => {
       r.value = !1;
-    }, (x, m) => r.value ? (h(), g("button", {
+    }, (w, m) => r.value ? (h(), C("button", {
       key: 1,
       class: "btn btn-xs btn-circle",
       onClick: ft(d, ["prevent"])
-    }, Ss)) : (h(), g("button", {
+    }, Ss)) : (h(), C("button", {
       key: 0,
       class: P(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
@@ -2818,7 +2818,7 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
       disabled: e.disabled,
       onClick: ft(u, ["prevent"])
     }, [
-      (h(), g("svg", {
+      (h(), C("svg", {
         class: P(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
         viewBox: "0 0 16 16",
         fill: "none",
@@ -2829,26 +2829,26 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
 }, $s = {
   class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
   "data-tip": "Clear"
-}, Os = ["disabled"], Is = /* @__PURE__ */ f("path", {
+}, Os = ["disabled"], Ls = /* @__PURE__ */ f("path", {
   "fill-rule": "evenodd",
   "clip-rule": "evenodd",
   d: "M3.19102 3.19102C3.44571 2.93633 3.85864 2.93633 4.11333 3.19102L12.809 11.8867C13.0637 12.1414 13.0637 12.5543 12.809 12.809C12.5543 13.0637 12.1414 13.0637 11.8867 12.809L3.19102 4.11333C2.93633 3.85864 2.93633 3.44571 3.19102 3.19102Z",
   fill: "currentColor"
-}, null, -1), Ls = /* @__PURE__ */ f("path", {
+}, null, -1), Is = /* @__PURE__ */ f("path", {
   "fill-rule": "evenodd",
   "clip-rule": "evenodd",
   d: "M12.809 3.19102C13.0637 3.44571 13.0637 3.85864 12.809 4.11333L4.11333 12.809C3.85864 13.0637 3.44571 13.0637 3.19102 12.809C2.93633 12.5543 2.93633 12.1414 3.19102 11.8867L11.8867 3.19102C12.1414 2.93633 12.5543 2.93633 12.809 3.19102Z",
   fill: "currentColor"
 }, null, -1), ks = [
-  Is,
-  Ls
+  Ls,
+  Is
 ], Pn = {
   __name: "ClearBtn",
   props: {
     disabled: Boolean
   },
   setup(e) {
-    return (n, t) => (h(), g("div", $s, [
+    return (n, t) => (h(), C("div", $s, [
       f("button", {
         class: P(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
@@ -2856,7 +2856,7 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
         ]]),
         disabled: e.disabled
       }, [
-        (h(), g("svg", {
+        (h(), C("svg", {
           class: P(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
           viewBox: "0 0 16 16",
           fill: "none",
@@ -2885,7 +2885,7 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
     isFilled: Boolean
   },
   setup(e) {
-    return (n, t) => (h(), g("div", Ms, [
+    return (n, t) => (h(), C("div", Ms, [
       f("button", {
         class: P(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
@@ -2893,13 +2893,13 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
         ]]),
         disabled: e.disabled
       }, [
-        e.isFilled ? (h(), g("svg", {
+        e.isFilled ? (h(), C("svg", {
           key: 1,
           class: P(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
           viewBox: "0 0 16 16",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, Ps, 2)) : (h(), g("svg", {
+        }, Ps, 2)) : (h(), C("svg", {
           key: 0,
           class: P(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
           viewBox: "0 0 16 16",
@@ -2934,7 +2934,7 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
     isFilled: Boolean
   },
   setup(e) {
-    return (n, t) => (h(), g("div", Bs, [
+    return (n, t) => (h(), C("div", Bs, [
       f("button", {
         class: P(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
@@ -2942,13 +2942,13 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
         ]]),
         disabled: e.disabled
       }, [
-        e.isFilled ? (h(), g("svg", {
+        e.isFilled ? (h(), C("svg", {
           key: 1,
           class: P(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
           viewBox: "0 0 12 12",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, Ws, 2)) : (h(), g("svg", {
+        }, Ws, 2)) : (h(), C("svg", {
           key: 0,
           class: P(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
           viewBox: "0 0 12 12",
@@ -2969,12 +2969,12 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
     disabled: Boolean
   },
   setup(e) {
-    const n = O("Copy"), t = () => {
+    const n = $("Copy"), t = () => {
       n.value = "Copied", setTimeout(() => {
         n.value = "Copy";
       }, 1e3);
     };
-    return (o, l) => (h(), g("div", {
+    return (o, l) => (h(), C("div", {
       class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
       "data-tip": n.value
     }, [
@@ -2986,7 +2986,7 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
         disabled: e.disabled,
         onClick: t
       }, [
-        (h(), g("svg", {
+        (h(), C("svg", {
           class: P(["w-3 h-3 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
           viewBox: "0 0 14 16",
           fill: "none",
@@ -3058,7 +3058,7 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
   emits: ["clear", "favorite", "loadTTS", "aiTranslate", "copy"],
   setup(e, { emit: n }) {
     const t = n;
-    return (o, l) => (h(), g("div", Xs, [
+    return (o, l) => (h(), C("div", Xs, [
       e.src && e.isTTS ? (h(), W(Es, {
         key: 0,
         type: e.type,
@@ -3066,7 +3066,7 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
       }, null, 8, ["type"])) : R("", !0),
       f("div", Ks, [
         Ee(G(e.srcLabel) + " ", 1),
-        e.phonetic ? (h(), g("span", ea, "- " + G(e.phonetic), 1)) : R("", !0)
+        e.phonetic ? (h(), C("span", ea, "- " + G(e.phonetic), 1)) : R("", !0)
       ]),
       e.loading ? (h(), W(Mt, {
         key: 1,
@@ -3099,17 +3099,17 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
     ]));
   }
 }, Bn = /* @__PURE__ */ he(na, [["__scopeId", "data-v-faca0157"]]), ve = He("translation", () => {
-  const e = O(null), n = O(null), t = O(null), o = O({
+  const e = $(null), n = $(null), t = $(null), o = $({
     src: null,
     target: null
-  }), l = O(null), s = O([]), r = O([]), a = O([]), i = O([]), u = O({
+  }), l = $(null), s = $([]), r = $([]), a = $([]), i = $([]), u = $({
     src: null,
     target: null
-  }), c = Oe(), d = L(() => c.getLabel(e.value)), x = L(() => c.getLabel(n.value));
-  function m(b) {
-    e.value = b.src, n.value = b.target, t.value = b.text, o.value = b.phonetic, l.value = b.result, s.value = b.dictionary, r.value = b.definitions, a.value = b.synonyms, i.value = b.examples, u.value = b.tts;
+  }), c = Oe(), d = L(() => c.getLabel(e.value)), w = L(() => c.getLabel(n.value));
+  function m(x) {
+    e.value = x.src, n.value = x.target, t.value = x.text, o.value = x.phonetic, l.value = x.result, s.value = x.dictionary, r.value = x.definitions, a.value = x.synonyms, i.value = x.examples, u.value = x.tts;
   }
-  function C() {
+  function y() {
     e.value = null, n.value = null, t.value = null, o.value = {
       src: null,
       target: null
@@ -3122,7 +3122,7 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
     src: e,
     srcLabel: d,
     target: n,
-    targetLabel: x,
+    targetLabel: w,
     phonetic: o,
     text: t,
     result: l,
@@ -3132,14 +3132,14 @@ const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
     examples: i,
     tts: u,
     init: m,
-    reset: C
+    reset: y
   };
 });
 function oa(e) {
   return cn() ? (Tt(e), !0) : !1;
 }
 function Ke(e) {
-  return typeof e == "function" ? e() : M(e);
+  return typeof e == "function" ? e() : k(e);
 }
 const la = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -3182,7 +3182,7 @@ function Qt(e) {
 }
 const ia = la ? window : void 0;
 function ua() {
-  const e = O(!1), n = rn();
+  const e = $(!1), n = rn();
   return n && se(() => {
     e.value = !0;
   }, n), e;
@@ -3201,8 +3201,8 @@ function da(e, n, t = {}) {
     (d) => {
       if (a(), r.value && o) {
         s = new ResizeObserver(n);
-        for (const x of d)
-          x && s.observe(x, l);
+        for (const w of d)
+          w && s.observe(w, l);
       }
     },
     { immediate: !0, flush: "post" }
@@ -3216,7 +3216,7 @@ function da(e, n, t = {}) {
 }
 function st(e) {
   var n;
-  const t = O(e == null ? void 0 : e.element), o = O(e == null ? void 0 : e.input), l = (n = e == null ? void 0 : e.styleProp) != null ? n : "height", s = O(1);
+  const t = $(e == null ? void 0 : e.element), o = $(e == null ? void 0 : e.input), l = (n = e == null ? void 0 : e.styleProp) != null ? n : "height", s = $(1);
   function r() {
     var a;
     if (!t.value)
@@ -3247,23 +3247,23 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
   },
   emits: ["change", "clear", "loadTTS"],
   setup(e, { emit: n }) {
-    const t = ve(), o = e, l = O(o.text), s = L(() => t.src), r = L(() => t.srcLabel), a = L(() => {
-      var C;
-      return (C = t.phonetic) == null ? void 0 : C.src;
+    const t = ve(), o = e, l = $(o.text), s = L(() => t.src), r = L(() => t.srcLabel), a = L(() => {
+      var y;
+      return (y = t.phonetic) == null ? void 0 : y.src;
     }), { textarea: i } = st({ input: l, styleProp: "minHeight" }), u = n, c = ra(() => {
       u("change", l.value);
-    }, Ie.INPUT_DEBOUNCE);
+    }, Le.INPUT_DEBOUNCE);
     se(() => {
       m();
     });
     function d() {
       if (!l.value) {
-        x();
+        w();
         return;
       }
       c();
     }
-    function x() {
+    function w() {
       u("clear"), l.value = "", i.value.focus();
     }
     async function m() {
@@ -3271,10 +3271,10 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     }
     return F(
       () => o.text,
-      (C) => {
-        l.value !== C && m(), l.value = C;
+      (y) => {
+        l.value !== y && m(), l.value = y;
       }
-    ), (C, b) => (h(), g("div", fa, [
+    ), (y, x) => (h(), C("div", fa, [
       B(Bn, {
         src: s.value,
         srcLabel: r.value,
@@ -3282,13 +3282,13 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         type: "src",
         phonetic: a.value,
         hasClearBtn: l.value.length > 0,
-        onClear: x,
-        onLoadTTS: b[0] || (b[0] = (I) => u("loadTTS"))
+        onClear: w,
+        onLoadTTS: x[0] || (x[0] = (O) => u("loadTTS"))
       }, null, 8, ["src", "srcLabel", "isTTS", "phonetic", "hasClearBtn"]),
       tt(f("textarea", {
         ref_key: "textarea",
         ref: i,
-        "onUpdate:modelValue": b[1] || (b[1] = (I) => l.value = I),
+        "onUpdate:modelValue": x[1] || (x[1] = (O) => l.value = O),
         class: "w-full outline-none px-2 pr-8 bg-transparent text-base-content resize-none pb-3 overflow-x-hidden overflow-y-hidden",
         autofocus: "",
         rows: "2",
@@ -3319,10 +3319,10 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
   emits: ["loadTTS", "favorite", "aiTranslate", "copy"],
   setup(e, { emit: n }) {
     const t = ve(), o = L(() => t.result), l = L(() => t.target), s = L(() => t.targetLabel), r = L(() => {
-      var x;
-      return (x = t.phonetic) == null ? void 0 : x.target;
+      var w;
+      return (w = t.phonetic) == null ? void 0 : w.target;
     }), a = xe(), i = L(() => a.isLoading("translation")), { textarea: u, input: c } = st({ input: o, styleProp: "minHeight" }), d = n;
-    return (x, m) => (h(), g("div", {
+    return (w, m) => (h(), C("div", {
       class: P([
         "relative p-0.5 bg-[length:300%_300%] bg-[position:0%_50%] border border-base-300 rounded",
         {
@@ -3343,22 +3343,22 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
           isFavorite: e.isFavorite,
           isAITranslate: e.isAITranslate,
           phonetic: r.value,
-          onFavorite: m[0] || (m[0] = (C) => d("favorite")),
-          onLoadTTS: m[1] || (m[1] = (C) => d("loadTTS")),
-          onAiTranslate: m[2] || (m[2] = (C) => d("aiTranslate")),
-          onCopy: m[3] || (m[3] = (C) => d("copy"))
+          onFavorite: m[0] || (m[0] = (y) => d("favorite")),
+          onLoadTTS: m[1] || (m[1] = (y) => d("loadTTS")),
+          onAiTranslate: m[2] || (m[2] = (y) => d("aiTranslate")),
+          onCopy: m[3] || (m[3] = (y) => d("copy"))
         }, null, 8, ["loading", "src", "srcLabel", "isTTS", "hasFavoriteBtn", "hasAIBtn", "isFavorite", "isAITranslate", "phonetic"]),
         f("div", ma, [
           tt(f("textarea", {
             ref_key: "textarea",
             ref: u,
-            "onUpdate:modelValue": m[4] || (m[4] = (C) => $e(c) ? c.value = C : null),
+            "onUpdate:modelValue": m[4] || (m[4] = (y) => $e(c) ? c.value = y : null),
             class: "w-full outline-none px-2 pr-8 bg-transparent text-base-content resize-none pb-3 overflow-x-hidden overflow-y-hidden",
             readonly: "",
             rows: "2",
             spellcheck: "false"
           }, null, 512), [
-            [nt, M(c)]
+            [nt, k(c)]
           ])
         ])
       ])
@@ -3371,11 +3371,11 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
   },
   setup(e) {
     const n = e;
-    return (t, o) => (h(), g("button", Ca, [
-      n.isExpanded ? (h(), W(M(Tl), {
+    return (t, o) => (h(), C("button", Ca, [
+      n.isExpanded ? (h(), W(k(Tl), {
         key: 0,
         class: "w-7 text-base-content/50"
-      })) : (h(), W(M(wl), {
+      })) : (h(), W(k(wl), {
         key: 1,
         class: "w-7 text-base-content/50"
       }))
@@ -3385,12 +3385,12 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
   __name: "Dictionary",
   emits: ["translate"],
   setup(e, { emit: n }) {
-    const t = O(!0), o = ve(), l = Oe(), s = L(() => o.dictionary), r = n, a = () => {
+    const t = $(!0), o = ve(), l = Oe(), s = L(() => o.dictionary), r = n, a = () => {
       t.value = !t.value;
     }, i = (u) => {
       r("translate", u, o.target, o.src), l.src = o.target, l.target = o.src, window.scrollTo(0, 0);
     };
-    return (u, c) => (h(), g(z, null, [
+    return (u, c) => (h(), C(z, null, [
       f("div", {
         class: "flex justify-between items-center",
         onClick: a
@@ -3402,18 +3402,18 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         class: P(["overflow-hidden", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
       }, [
         f("ul", null, [
-          (h(!0), g(z, null, Y(s.value, (d, x) => (h(), g("li", {
-            key: `${d.pos}-${x}`,
+          (h(!0), C(z, null, Y(s.value, (d, w) => (h(), C("li", {
+            key: `${d.pos}-${w}`,
             class: "mb-2"
           }, [
             f("h5", ya, G(d.pos), 1),
             f("ul", wa, [
-              (h(!0), g(z, null, Y(d.items, (m, C) => (h(), g("li", {
-                key: `${m.word}-${C}`
+              (h(!0), C(z, null, Y(d.items, (m, y) => (h(), C("li", {
+                key: `${m.word}-${y}`
               }, [
                 f("span", {
                   class: "m-0.5 font-normal badge badge-ghost bg-primary text-primary-content cursor-pointer border-0 rounded",
-                  onClick: (b) => i(m.word)
+                  onClick: (x) => i(m.word)
                 }, G(m.word), 9, _a),
                 f("small", Ta, " - " + G(m.reverse_translation.join(", ")), 1)
               ]))), 128))
@@ -3423,16 +3423,16 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       ], 2)
     ], 64));
   }
-}, Ea = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Definitions", -1), $a = { class: "capitalize text-xs font-normal text-base-content/70 mb-1" }, Oa = { class: "text-sm text-base-content list-disc list-outside ml-5" }, Ia = /* @__PURE__ */ f("br", null, null, -1), La = {
+}, Ea = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Definitions", -1), $a = { class: "capitalize text-xs font-normal text-base-content/70 mb-1" }, Oa = { class: "text-sm text-base-content list-disc list-outside ml-5" }, La = /* @__PURE__ */ f("br", null, null, -1), Ia = {
   key: 0,
   class: "italic text-base-content/70"
 }, ka = {
   __name: "Definition",
   setup(e) {
-    const n = O(!0), t = ve(), o = L(() => t.definitions), l = () => {
+    const n = $(!0), t = ve(), o = L(() => t.definitions), l = () => {
       n.value = !n.value;
     };
-    return (s, r) => (h(), g(z, null, [
+    return (s, r) => (h(), C(z, null, [
       f("div", {
         class: "flex justify-between items-center",
         onClick: l
@@ -3444,19 +3444,19 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         class: P(["overflow-hidden", n.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
       }, [
         f("ul", null, [
-          (h(!0), g(z, null, Y(o.value, (a, i) => (h(), g("li", {
+          (h(!0), C(z, null, Y(o.value, (a, i) => (h(), C("li", {
             key: `${a.pos}-${i}`,
             class: "mb-2"
           }, [
             f("h5", $a, G(a.pos), 1),
             f("ul", Oa, [
-              (h(!0), g(z, null, Y(a.items, (u, c) => (h(), g("li", {
+              (h(!0), C(z, null, Y(a.items, (u, c) => (h(), C("li", {
                 key: `${u.gloss}-${c}`,
                 class: "mb-1"
               }, [
                 f("span", null, G(u.gloss), 1),
-                Ia,
-                u.example ? (h(), g("small", La, '"' + G(u.example) + '"', 1)) : R("", !0)
+                La,
+                u.example ? (h(), C("small", Ia, '"' + G(u.example) + '"', 1)) : R("", !0)
               ]))), 128))
             ])
           ]))), 128))
@@ -3467,10 +3467,10 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
 }, Ma = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Examples", -1), Aa = { class: "text-base-content text-sm list-disc list-outside ml-5 my-2" }, Va = ["innerHTML"], Da = {
   __name: "Example",
   setup(e) {
-    const n = O(!0), t = ve(), o = L(() => t.examples), l = () => {
+    const n = $(!0), t = ve(), o = L(() => t.examples), l = () => {
       n.value = !n.value;
     };
-    return (s, r) => (h(), g(z, null, [
+    return (s, r) => (h(), C(z, null, [
       f("div", {
         class: "flex justify-between items-center",
         onClick: l
@@ -3482,7 +3482,7 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         class: P(["overflow-hidden", n.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
       }, [
         f("ul", Aa, [
-          (h(!0), g(z, null, Y(o.value, (a, i) => (h(), g("li", {
+          (h(!0), C(z, null, Y(o.value, (a, i) => (h(), C("li", {
             key: `${a.definition_id}-${i}`,
             innerHTML: a
           }, null, 8, Va))), 128))
@@ -3494,12 +3494,12 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
   __name: "Synonyms",
   emits: ["translate"],
   setup(e, { emit: n }) {
-    const t = O(!0), o = ve(), l = L(() => o.synonyms), s = n, r = () => {
+    const t = $(!0), o = ve(), l = L(() => o.synonyms), s = n, r = () => {
       t.value = !t.value;
     }, a = (i) => {
       s("translate", i), window.scrollTo(0, 0);
     };
-    return (i, u) => (h(), g(z, null, [
+    return (i, u) => (h(), C(z, null, [
       f("div", {
         class: "flex justify-between items-center",
         onClick: r
@@ -3511,22 +3511,22 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         class: P(["overflow-hidden", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
       }, [
         f("ul", null, [
-          (h(!0), g(z, null, Y(l.value, (c, d) => (h(), g("li", {
+          (h(!0), C(z, null, Y(l.value, (c, d) => (h(), C("li", {
             key: `${c.pos}-${d}`,
             class: "mb-2"
           }, [
             f("h5", Pa, G(c.pos), 1),
             f("ul", Na, [
-              (h(!0), g(z, null, Y(c.items, (x, m) => (h(), g("li", {
-                key: `${x.word}-${m}`,
+              (h(!0), C(z, null, Y(c.items, (w, m) => (h(), C("li", {
+                key: `${w.word}-${m}`,
                 class: "mb-2"
               }, [
                 f("div", Ba, [
-                  (h(!0), g(z, null, Y(x.synonym, (C, b) => (h(), g("span", {
-                    key: `${C}-${b}`,
+                  (h(!0), C(z, null, Y(w.synonym, (y, x) => (h(), C("span", {
+                    key: `${y}-${x}`,
                     class: "m-0.5 ml-0 font-normal badge badge-ghost bg-primary text-primary-content cursor-pointer border-0 rounded",
-                    onClick: (I) => a(C)
-                  }, G(C), 9, Fa))), 128))
+                    onClick: (O) => a(y)
+                  }, G(y), 9, Fa))), 128))
                 ])
               ]))), 128))
             ])
@@ -3562,20 +3562,20 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     isExpanded: Boolean
   },
   setup(e) {
-    return (n, t) => (h(), g("button", {
+    return (n, t) => (h(), C("button", {
       class: P(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
         { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
       ]]),
       disabled: e.disabled
     }, [
-      e.isExpanded ? (h(), g("svg", {
+      e.isExpanded ? (h(), C("svg", {
         key: 1,
         class: P(["w-6 h-6 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
         viewBox: "0 0 24 24",
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none"
-      }, qa, 2)) : (h(), g("svg", {
+      }, qa, 2)) : (h(), C("svg", {
         key: 0,
         class: P(["w-6 h-6 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
         viewBox: "0 0 24 24",
@@ -3611,7 +3611,7 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     }
     return (r, a) => {
       var i, u;
-      return h(), g("div", Ja, [
+      return h(), C("div", Ja, [
         f("div", Ya, [
           Qa,
           f("div", Xa, [
@@ -3628,9 +3628,9 @@ const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         f("div", {
           class: P(["overflow-hidden", e.isAIExplain ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
-          (i = e.explanation) != null && i.result ? (h(), g("ul", er, [
-            (h(!0), g(z, null, Y(((u = e.explanation) == null ? void 0 : u.result.split(`
-`)) || [], (c, d) => (h(), g("li", {
+          (i = e.explanation) != null && i.result ? (h(), C("ul", er, [
+            (h(!0), C(z, null, Y(((u = e.explanation) == null ? void 0 : u.result.split(`
+`)) || [], (c, d) => (h(), C("li", {
               key: `${c}-${d}`,
               innerHTML: c
             }, null, 8, tr))), 128))
@@ -3649,7 +3649,7 @@ function lr() {
 const Xt = {
   supportRTL: or,
   removeRTL: lr
-}, sr = ["ar", "fa", "iw", "yi", "ur", "pa"], ar = (e) => (Et("data-v-08f9cb53"), e = e(), $t(), e), rr = { class: "pb-6" }, ir = { class: "flex flex-col lg:flex-row lg:gap-2" }, ur = {
+}, sr = ["ar", "fa", "iw", "yi", "ur", "pa"], ar = (e) => (Et("data-v-ba5c119c"), e = e(), $t(), e), rr = { class: "pb-6" }, ir = { class: "flex flex-col lg:flex-row lg:gap-2" }, ur = {
   id: "input",
   class: "w-full lg:w-[calc(50%-1rem)] flex mt-1"
 }, cr = /* @__PURE__ */ ar(() => /* @__PURE__ */ f("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1)), dr = { class: "w-full lg:w-[calc(50%-1rem)] flex mt-1" }, fr = {
@@ -3699,86 +3699,91 @@ const Xt = {
     "copy"
   ],
   setup(e, { emit: n }) {
-    const t = O(""), o = e, l = le("translationStore"), s = le("ttsStore"), r = le("languageStore"), a = le("loaderStore"), i = n, u = () => {
-      const $ = o.opt.target;
-      sr.includes($) ? Xt.supportRTL() : Xt.removeRTL();
+    const t = $(""), o = $(!1), l = e, s = le("translationStore"), r = le("ttsStore"), a = le("languageStore"), i = le("loaderStore"), u = n, c = () => {
+      const b = l.opt.target;
+      sr.includes(b) ? Xt.supportRTL() : Xt.removeRTL();
     };
     F(
-      () => o.translation,
-      ($) => {
-        a.setLoading("translation", !1), $ && (t.value = $.text, l.init($), s.reset());
+      () => l.translation,
+      (b) => {
+        if (!b) {
+          i.setLoading("translation", !1);
+          return;
+        }
+        const g = b.text || "", _ = t.value || "";
+        o.value && g !== _ || (i.setLoading("translation", !1), t.value = g, s.init(b), r.reset());
       },
       { immediate: !0 }
     ), F(
-      [() => o.explanation, () => o.isAIExplain],
-      ([$]) => {
-        $ != null && $.result && a.setLoading("aiExplanation", !1);
+      [() => l.explanation, () => l.isAIExplain],
+      ([b]) => {
+        b != null && b.result && i.setLoading("aiExplanation", !1);
       },
       { immediate: !0, deep: !0 }
     ), F(
-      () => o.tts,
-      ($) => {
-        if (!$) {
-          s.reset();
+      () => l.tts,
+      (b) => {
+        if (!b) {
+          r.reset();
           return;
         }
-        s.set($);
+        r.set(b);
       },
       { immediate: !0 }
-    ), F([() => o.opt, () => o.languages], ([$, w]) => {
-      r.init($, w), u();
-    }), F([() => r.src, () => r.target], ([$, w]) => {
-      i("opt", { src: $, target: w }), m(t.value);
+    ), F([() => l.opt, () => l.languages], ([b, g]) => {
+      a.init(b, g), c();
+    }), F([() => a.src, () => a.target], ([b, g]) => {
+      u("opt", { src: b, target: g }), y(t.value);
     }), se(() => {
-      r.init(o.opt, o.languages), u();
+      a.init(l.opt, l.languages), c();
     });
-    function c() {
-      t.value = "", o.isAITranslate && C(), l.reset();
+    function d() {
+      o.value = !0, t.value = "", i.setLoading("translation", !1), l.isAITranslate && x(), s.reset();
     }
-    function d($) {
-      t.value = $, m($);
+    function w(b) {
+      o.value = !0, t.value = b, y(b);
     }
-    function x($) {
-      const w = $ === "src" ? l.text : l.result;
-      i("loadTTS", { type: $, data: w });
+    function m(b) {
+      const g = b === "src" ? s.text : s.result;
+      u("loadTTS", { type: b, data: g });
     }
-    function m($, w = r.src, y = r.target) {
-      $ && (I(), t.value = $, a.setLoading("translation", !0), i("translate", {
-        src: w,
-        target: y,
-        text: $
+    function y(b, g = a.src, _ = a.target) {
+      b && (D(), t.value = b, i.setLoading("translation", !0), u("translate", {
+        src: g,
+        target: _,
+        text: b
       }));
     }
-    function C() {
-      o.isAITranslate || a.setLoading("translation", !0), i("aiTranslate", {
-        src: r.src,
-        target: r.target,
+    function x() {
+      l.isAITranslate || i.setLoading("translation", !0), u("aiTranslate", {
+        src: a.src,
+        target: a.target,
         text: t.value
       });
     }
-    function b() {
-      o.isAIExplain || a.setLoading("aiExplanation", !0), i("aiExplain", {
-        src: r.src,
-        target: r.target,
+    function O() {
+      l.isAIExplain || i.setLoading("aiExplanation", !0), u("aiExplain", {
+        src: a.src,
+        target: a.target,
         text: t.value
       });
     }
-    function I() {
-      const $ = document.getElementById("input");
-      $ && $.getBoundingClientRect().top < 0 && $.scrollIntoView({ behavior: "smooth" });
+    function D() {
+      const b = document.getElementById("input");
+      b && b.getBoundingClientRect().top < 0 && b.scrollIntoView({ behavior: "smooth" });
     }
-    return ($, w) => {
-      var y, _, T, V, S;
-      return h(), g("div", rr, [
+    return (b, g) => {
+      var _, T, A, S, E;
+      return h(), C("div", rr, [
         B(gs),
         f("div", ir, [
           f("div", ur, [
             B(pa, {
               text: t.value,
               isTTS: e.isTTS,
-              onChange: d,
-              onClear: c,
-              onLoadTTS: w[0] || (w[0] = (E) => x("src")),
+              onChange: w,
+              onClear: d,
+              onLoadTTS: g[0] || (g[0] = (V) => m("src")),
               class: "flex-grow flex flex-col"
             }, null, 8, ["text", "isTTS"])
           ]),
@@ -3790,50 +3795,50 @@ const Xt = {
               isAITranslate: e.isAITranslate,
               isFavorite: e.isFavorite,
               isTTS: e.isTTS,
-              onCopy: w[1] || (w[1] = (E) => {
-                var D;
-                return $.$emit("copy", (D = M(l)) == null ? void 0 : D.result);
+              onCopy: g[1] || (g[1] = (V) => {
+                var v;
+                return b.$emit("copy", (v = k(s)) == null ? void 0 : v.result);
               }),
-              onAiTranslate: C,
-              onFavorite: w[2] || (w[2] = (E) => $.$emit("favorite")),
-              onLoadTTS: w[3] || (w[3] = (E) => x("target")),
+              onAiTranslate: x,
+              onFavorite: g[2] || (g[2] = (V) => b.$emit("favorite")),
+              onLoadTTS: g[3] || (g[3] = (V) => m("target")),
               class: "flex-grow flex flex-col"
             }, null, 8, ["isFavoriteFeatureEnabled", "isAITranslateFeatureEnabled", "isAITranslate", "isFavorite", "isTTS"])
           ])
         ]),
-        e.translation ? (h(), g("div", fr, [
-          ((y = M(l).result) == null ? void 0 : y.length) > e.aiExplainMinLength ? (h(), g("div", vr, [
+        e.translation ? (h(), C("div", fr, [
+          ((_ = k(s).result) == null ? void 0 : _.length) > e.aiExplainMinLength ? (h(), C("div", vr, [
             B(nr, {
               isAIExplain: e.isAIExplain,
               explanation: e.explanation,
-              onAiExplain: b
+              onAiExplain: O
             }, null, 8, ["isAIExplain", "explanation"])
           ])) : R("", !0),
-          (_ = M(l).dictionary) != null && _.length ? (h(), g("div", pr, [
+          (T = k(s).dictionary) != null && T.length ? (h(), C("div", pr, [
             f("div", hr, [
-              B(Sa, { onTranslate: m })
+              B(Sa, { onTranslate: y })
             ])
           ])) : R("", !0),
-          (T = M(l).definitions) != null && T.length ? (h(), g("div", mr, [
+          (A = k(s).definitions) != null && A.length ? (h(), C("div", mr, [
             f("div", gr, [
               B(ka)
             ])
           ])) : R("", !0),
-          (V = M(l).synonyms) != null && V.length ? (h(), g("div", br, [
+          (S = k(s).synonyms) != null && S.length ? (h(), C("div", br, [
             f("div", Cr, [
-              B(ja, { onTranslate: m })
+              B(ja, { onTranslate: y })
             ])
           ])) : R("", !0),
-          (S = M(l).examples) != null && S.length ? (h(), g("div", xr, [
+          (E = k(s).examples) != null && E.length ? (h(), C("div", xr, [
             f("div", yr, [
               B(Da)
             ])
           ])) : R("", !0)
-        ])) : (h(), g("span", wr, "Service unavailable"))
+        ])) : (h(), C("span", wr, "Service unavailable"))
       ]);
     };
   }
-}, Tr = /* @__PURE__ */ he(_r, [["__scopeId", "data-v-08f9cb53"]]), Sr = ["disabled"], Er = /* @__PURE__ */ f("path", {
+}, Tr = /* @__PURE__ */ he(_r, [["__scopeId", "data-v-ba5c119c"]]), Sr = ["disabled"], Er = /* @__PURE__ */ f("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
@@ -3847,13 +3852,13 @@ const Xt = {
   },
   emits: ["click"],
   setup(e) {
-    return (n, t) => (h(), g("button", {
+    return (n, t) => (h(), C("button", {
       class: "bg-base-100 rounded-full hover:bg-base-200 focus:outline-none active:scale-95",
       onClick: t[0] || (t[0] = (o) => n.$emit("click")),
       disabled: e.disabled,
       "aria-label": "Retry"
     }, [
-      (h(), g("svg", {
+      (h(), C("svg", {
         class: P(["h-5 w-5 text-primary", { "opacity-50": e.disabled }]),
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
@@ -3862,7 +3867,7 @@ const Xt = {
       }, $r, 2))
     ], 8, Sr));
   }
-}, Ir = ["data-tip"], Lr = ["disabled"], kr = /* @__PURE__ */ f("path", { d: "M2.293,21.707a1,1,0,0,0,1.414,0l3.2-3.2A9.581,9.581,0,0,0,12,20c4.325,0,8.227-3,9.938-7.654a.993.993,0,0,0,0-.692A12.6,12.6,0,0,0,18.7,6.719l3.012-3.012a1,1,0,1,0-1.414-1.414l-3.2,3.2A9.581,9.581,0,0,0,12,4C7.675,4,3.773,7,2.062,11.654a.993.993,0,0,0,0,.692,12.6,12.6,0,0,0,3.243,4.935L2.293,20.293A1,1,0,0,0,2.293,21.707ZM17.266,8.148A10.454,10.454,0,0,1,19.929,12c-1.478,3.657-4.556,6-7.929,6a7.52,7.52,0,0,1-3.632-.954l1.613-1.613A3.947,3.947,0,0,0,12,16a4,4,0,0,0,4-4,3.947,3.947,0,0,0-.567-2.019Zm-7.191,4.363A1.96,1.96,0,0,1,10,12a2,2,0,0,1,2-2,1.96,1.96,0,0,1,.511.075Zm3.85-1.022A1.96,1.96,0,0,1,14,12a2,2,0,0,1-2,2,1.96,1.96,0,0,1-.511-.075ZM4.071,12C5.549,8.343,8.627,6,12,6a7.52,7.52,0,0,1,3.632.954L14.019,8.567A3.947,3.947,0,0,0,12,8a4,4,0,0,0-4,4,3.947,3.947,0,0,0,.567,2.019L6.734,15.852A10.454,10.454,0,0,1,4.071,12Z" }, null, -1), Mr = [
+}, Lr = ["data-tip"], Ir = ["disabled"], kr = /* @__PURE__ */ f("path", { d: "M2.293,21.707a1,1,0,0,0,1.414,0l3.2-3.2A9.581,9.581,0,0,0,12,20c4.325,0,8.227-3,9.938-7.654a.993.993,0,0,0,0-.692A12.6,12.6,0,0,0,18.7,6.719l3.012-3.012a1,1,0,1,0-1.414-1.414l-3.2,3.2A9.581,9.581,0,0,0,12,4C7.675,4,3.773,7,2.062,11.654a.993.993,0,0,0,0,.692,12.6,12.6,0,0,0,3.243,4.935L2.293,20.293A1,1,0,0,0,2.293,21.707ZM17.266,8.148A10.454,10.454,0,0,1,19.929,12c-1.478,3.657-4.556,6-7.929,6a7.52,7.52,0,0,1-3.632-.954l1.613-1.613A3.947,3.947,0,0,0,12,16a4,4,0,0,0,4-4,3.947,3.947,0,0,0-.567-2.019Zm-7.191,4.363A1.96,1.96,0,0,1,10,12a2,2,0,0,1,2-2,1.96,1.96,0,0,1,.511.075Zm3.85-1.022A1.96,1.96,0,0,1,14,12a2,2,0,0,1-2,2,1.96,1.96,0,0,1-.511-.075ZM4.071,12C5.549,8.343,8.627,6,12,6a7.52,7.52,0,0,1,3.632.954L14.019,8.567A3.947,3.947,0,0,0,12,8a4,4,0,0,0-4,4,3.947,3.947,0,0,0,.567,2.019L6.734,15.852A10.454,10.454,0,0,1,4.071,12Z" }, null, -1), Mr = [
   kr
 ], Ar = /* @__PURE__ */ f("path", { d: "M12,7a4,4,0,1,0,4,4A4,4,0,0,0,12,7Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,13Zm6.5,2v1.5H20a1,1,0,0,1,0,2H18.5V20a1,1,0,0,1-2,0V18.5H15a1,1,0,0,1,0-2h1.5V15a1,1,0,0,1,2,0Zm3.438-4.345a.987.987,0,0,1,0,.69,13.339,13.339,0,0,1-1.08,2.264,1,1,0,1,1-1.715-1.028A11.3,11.3,0,0,0,19.928,11C18.451,7.343,15.373,5,12,5S5.549,7.343,4.072,11a9.315,9.315,0,0,0,6.167,5.787,1,1,0,1,1-.478,1.942,11.393,11.393,0,0,1-7.7-7.383.99.99,0,0,1,0-.691C3.773,6,7.674,3,12,3S20.227,6,21.938,10.655Z" }, null, -1), Vr = [
   Ar
@@ -3874,7 +3879,7 @@ const Xt = {
   },
   emits: ["toggle"],
   setup(e) {
-    return (n, t) => (h(), g("div", {
+    return (n, t) => (h(), C("div", {
       class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
       "data-tip": e.isDiffMode ? "Hide Differences" : "Show Differences"
     }, [
@@ -3886,21 +3891,21 @@ const Xt = {
         disabled: e.disabled,
         onClick: t[0] || (t[0] = (o) => n.$emit("toggle"))
       }, [
-        e.isDiffMode ? (h(), g("svg", {
+        e.isDiffMode ? (h(), C("svg", {
           key: 1,
           class: P(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
           fill: "currentColor",
           viewBox: "0 0 24 24",
           xmlns: "http://www.w3.org/2000/svg"
-        }, Vr, 2)) : (h(), g("svg", {
+        }, Vr, 2)) : (h(), C("svg", {
           key: 0,
           class: P(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
           fill: "currentColor",
           viewBox: "0 0 24 24",
           xmlns: "http://www.w3.org/2000/svg"
         }, Mr, 2))
-      ], 10, Lr)
-    ], 8, Ir));
+      ], 10, Ir)
+    ], 8, Lr));
   }
 }, Rr = { class: "flex flex-row px-2 pr-10 items-center bg-transparent relative" }, Pr = { class: "absolute right-1 top-1 flex flex-col items-center gap-0" }, Fn = {
   __name: "InputBtnGroup",
@@ -3936,7 +3941,7 @@ const Xt = {
   },
   emits: ["copy", "clear", "toggleDiff", "info"],
   setup(e) {
-    return (n, t) => (h(), g("div", Rr, [
+    return (n, t) => (h(), C("div", Rr, [
       e.loading ? (h(), W(Mt, {
         key: 0,
         class: "absolute right-6 top-2"
@@ -3970,7 +3975,7 @@ const Xt = {
   },
   emits: ["change", "clear", "improve"],
   setup(e, { emit: n }) {
-    const t = e, o = O(t.text), { textarea: l } = st({ input: o, styleProp: "minHeight" }), s = n;
+    const t = e, o = $(t.text), { textarea: l } = st({ input: o, styleProp: "minHeight" }), s = n;
     function r() {
       if (!o.value) {
         a();
@@ -3996,7 +4001,7 @@ const Xt = {
       o.value = t.text, X(() => {
         l.value.focus(), i();
       });
-    }), (c, d) => (h(), g("div", Nr, [
+    }), (c, d) => (h(), C("div", Nr, [
       B(Fn, {
         src: e.text,
         hasClearBtn: !0,
@@ -4007,14 +4012,14 @@ const Xt = {
       tt(f("textarea", {
         ref_key: "textarea",
         ref: l,
-        "onUpdate:modelValue": d[0] || (d[0] = (x) => o.value = x),
+        "onUpdate:modelValue": d[0] || (d[0] = (w) => o.value = w),
         class: "w-full outline-none px-2 pr-8 bg-transparent text-base-content resize-none pb-3 overflow-x-hidden overflow-y-hidden h-full",
         autofocus: "",
         rows: "2",
         onInput: r,
         onFocus: i,
         onKeydown: Jn(ft(u, ["ctrl", "prevent"]), ["enter"]),
-        placeholder: `Min ${M(Ie).IMPROVE_INPUT_MIN_LENGTH} characters. ${M(vt) ? "" : "Ctrl+Enter to improve"}`
+        placeholder: `Min ${k(Le).IMPROVE_INPUT_MIN_LENGTH} characters. ${k(vt) ? "" : "Ctrl+Enter to improve"}`
       }, null, 40, Br), [
         [
           nt,
@@ -4041,30 +4046,30 @@ re.prototype = {
     n = this.castInput(n, l), t = this.castInput(t, l), n = this.removeEmpty(this.tokenize(n, l)), t = this.removeEmpty(this.tokenize(t, l));
     var i = t.length, u = n.length, c = 1, d = i + u;
     l.maxEditLength != null && (d = Math.min(d, l.maxEditLength));
-    var x = (o = l.timeout) !== null && o !== void 0 ? o : 1 / 0, m = Date.now() + x, C = [{
+    var w = (o = l.timeout) !== null && o !== void 0 ? o : 1 / 0, m = Date.now() + w, y = [{
       oldPos: -1,
       lastComponent: void 0
-    }], b = this.extractCommon(C[0], t, n, 0, l);
-    if (C[0].oldPos + 1 >= u && b + 1 >= i)
-      return a(Kt(r, C[0].lastComponent, t, n, r.useLongestToken));
-    var I = -1 / 0, $ = 1 / 0;
-    function w() {
-      for (var _ = Math.max(I, -c); _ <= Math.min($, c); _ += 2) {
-        var T = void 0, V = C[_ - 1], S = C[_ + 1];
-        V && (C[_ - 1] = void 0);
+    }], x = this.extractCommon(y[0], t, n, 0, l);
+    if (y[0].oldPos + 1 >= u && x + 1 >= i)
+      return a(Kt(r, y[0].lastComponent, t, n, r.useLongestToken));
+    var O = -1 / 0, D = 1 / 0;
+    function b() {
+      for (var _ = Math.max(O, -c); _ <= Math.min(D, c); _ += 2) {
+        var T = void 0, A = y[_ - 1], S = y[_ + 1];
+        A && (y[_ - 1] = void 0);
         var E = !1;
         if (S) {
-          var D = S.oldPos - _;
-          E = S && 0 <= D && D < i;
+          var V = S.oldPos - _;
+          E = S && 0 <= V && V < i;
         }
-        var v = V && V.oldPos + 1 < u;
+        var v = A && A.oldPos + 1 < u;
         if (!E && !v) {
-          C[_] = void 0;
+          y[_] = void 0;
           continue;
         }
-        if (!v || E && V.oldPos < S.oldPos ? T = r.addToPath(S, !0, !1, 0, l) : T = r.addToPath(V, !1, !0, 1, l), b = r.extractCommon(T, t, n, _, l), T.oldPos + 1 >= u && b + 1 >= i)
+        if (!v || E && A.oldPos < S.oldPos ? T = r.addToPath(S, !0, !1, 0, l) : T = r.addToPath(A, !1, !0, 1, l), x = r.extractCommon(T, t, n, _, l), T.oldPos + 1 >= u && x + 1 >= i)
           return a(Kt(r, T.lastComponent, t, n, r.useLongestToken));
-        C[_] = T, T.oldPos + 1 >= u && ($ = Math.min($, _ - 1)), b + 1 >= i && (I = Math.max(I, _ + 1));
+        y[_] = T, T.oldPos + 1 >= u && (D = Math.min(D, _ - 1)), x + 1 >= i && (O = Math.max(O, _ + 1));
       }
       c++;
     }
@@ -4073,14 +4078,14 @@ re.prototype = {
         setTimeout(function() {
           if (c > d || Date.now() > m)
             return s();
-          w() || _();
+          b() || _();
         }, 0);
       })();
     else
       for (; c <= d && Date.now() <= m; ) {
-        var y = w();
-        if (y)
-          return y;
+        var g = b();
+        if (g)
+          return g;
       }
   },
   addToPath: function(n, t, o, l, s) {
@@ -4149,11 +4154,11 @@ function Kt(e, n, t, o, l) {
       d.value = e.join(o.slice(c, c + d.count)), c += d.count;
     else {
       if (!d.added && l) {
-        var x = t.slice(u, u + d.count);
-        x = x.map(function(m, C) {
-          var b = o[c + C];
-          return b.length > m.length ? b : m;
-        }), d.value = e.join(x);
+        var w = t.slice(u, u + d.count);
+        w = w.map(function(m, y) {
+          var x = o[c + y];
+          return x.length > m.length ? x : m;
+        }), d.value = e.join(w);
       } else
         d.value = e.join(t.slice(u, u + d.count));
       u += d.count, d.added || (c += d.count);
@@ -4264,15 +4269,15 @@ function on(e, n, t, o) {
   } else if (t)
     e && (t.value = t.value.replace(/^\s*/, "")), o && (o.value = o.value.replace(/^\s*/, ""));
   else if (e && o) {
-    var c = o.value.match(/^\s*/)[0], d = n.value.match(/^\s*/)[0], x = n.value.match(/\s*$/)[0], m = en(c, d);
+    var c = o.value.match(/^\s*/)[0], d = n.value.match(/^\s*/)[0], w = n.value.match(/\s*$/)[0], m = en(c, d);
     n.value = ke(n.value, m);
-    var C = tn(ke(c, m), x);
-    n.value = qe(n.value, C), o.value = Ct(o.value, c, C), e.value = xt(e.value, c, c.slice(0, c.length - C.length));
+    var y = tn(ke(c, m), w);
+    n.value = qe(n.value, y), o.value = Ct(o.value, c, y), e.value = xt(e.value, c, c.slice(0, c.length - y.length));
   } else if (o) {
-    var b = o.value.match(/^\s*/)[0], I = n.value.match(/\s*$/)[0], $ = nn(I, b);
-    n.value = qe(n.value, $);
+    var x = o.value.match(/^\s*/)[0], O = n.value.match(/\s*$/)[0], D = nn(O, x);
+    n.value = qe(n.value, D);
   } else if (e) {
-    var w = e.value.match(/\s*$/)[0], y = n.value.match(/^\s*/)[0], _ = nn(w, y);
+    var b = e.value.match(/\s*$/)[0], g = n.value.match(/^\s*/)[0], _ = nn(b, g);
     n.value = ke(n.value, _);
   }
 }
@@ -4380,15 +4385,15 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
   },
   emits: ["copy", "change", "clear"],
   setup(e, { emit: n }) {
-    const t = e, o = xe(), l = L(() => o.isLoading("writing")), s = L(() => l.value ? "" : t.text), r = O(""), a = O(Ie.DEFAULT_DIFF_MODE), { textarea: i } = st({ input: s, styleProp: "minHeight" }), u = n;
+    const t = e, o = xe(), l = L(() => o.isLoading("writing")), s = L(() => l.value ? "" : t.text), r = $(""), a = $(Le.DEFAULT_DIFF_MODE), { textarea: i } = st({ input: s, styleProp: "minHeight" }), u = n;
     function c() {
       !l.value && s.value && u("copy", s.value);
     }
-    function d(m, C) {
-      return Zr(m, C).map((I) => I.added ? `<span class="bg-addedBg inline leading-snug animate-addedText">${I.value}</span>` : I.removed ? `<span class="bg-removedBg inline leading-snug animate-removedText">${I.value}</span>` : I.value).join("");
+    function d(m, y) {
+      return Zr(m, y).map((O) => O.added ? `<span class="bg-addedBg inline leading-snug animate-addedText">${O.value}</span>` : O.removed ? `<span class="bg-removedBg inline leading-snug animate-removedText">${O.value}</span>` : O.value).join("");
     }
-    function x() {
-      a.value = !a.value, Ie.DEFAULT_DIFF_MODE = a.value;
+    function w() {
+      a.value = !a.value, Le.DEFAULT_DIFF_MODE = a.value;
     }
     return F(
       () => t.text,
@@ -4398,7 +4403,7 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       { immediate: !0 }
     ), F(s, (m) => {
       u("change", m);
-    }), (m, C) => (h(), g("div", qr, [
+    }), (m, y) => (h(), C("div", qr, [
       f("div", Gr, [
         B(Fn, {
           loading: l.value,
@@ -4407,21 +4412,21 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
           showDiffToggle: e.type === "check",
           isDiffMode: a.value,
           onCopy: c,
-          onToggleDiff: x
+          onToggleDiff: w
         }, null, 8, ["loading", "src", "hasCopyBtn", "showDiffToggle", "isDiffMode"])
       ]),
       f("div", Jr, [
-        e.type !== "check" || !a.value ? tt((h(), g("textarea", {
+        e.type !== "check" || !a.value ? tt((h(), C("textarea", {
           key: 0,
           ref_key: "textarea",
           ref: i,
-          "onUpdate:modelValue": C[0] || (C[0] = (b) => s.value = b),
+          "onUpdate:modelValue": y[0] || (y[0] = (x) => s.value = x),
           class: "w-full outline-none px-1 pr-8 bg-transparent text-base-content resize-none pb-3 overflow-x-hidden overflow-y-hidden font-sans text-base leading-normal",
           readonly: "",
           spellcheck: "false"
         }, null, 512)), [
           [nt, s.value]
-        ]) : (h(), g("pre", {
+        ]) : (h(), C("pre", {
           key: 1,
           class: "w-full min-h-[80px] outline-none px-1 pr-8 bg-transparent text-base-content resize-none pb-3 overflow-x-hidden overflow-y-hidden whitespace-pre-wrap break-words font-sans text-base leading-normal",
           innerHTML: l.value ? "" : r.value
@@ -4471,7 +4476,7 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
   },
   emits: ["update:modelValue", "action"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = O(!1), s = O(t.modelValue), r = O(null), a = L(() => t.options.find((m) => m.value === s.value) || t.options[0]);
+    const t = e, o = n, l = $(!1), s = $(t.modelValue), r = $(null), a = L(() => t.options.find((m) => m.value === s.value) || t.options[0]);
     function i() {
       o("action");
     }
@@ -4484,7 +4489,7 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     function d(m) {
       return new URL((/* @__PURE__ */ Object.assign({ "../../assets/icons/ai-explain.svg": Xr, "../../assets/icons/ai-translate.svg": Kr, "../../assets/icons/chevron-down.svg": ei }))[`../../assets/icons/${m}.svg`], import.meta.url).href;
     }
-    function x(m) {
+    function w(m) {
       r.value && !r.value.contains(m.target) && (l.value = !1);
     }
     return F(
@@ -4498,10 +4503,10 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         m && (l.value = !1);
       }
     ), se(() => {
-      document.addEventListener("click", x);
+      document.addEventListener("click", w);
     }), Fe(() => {
-      document.removeEventListener("click", x);
-    }), (m, C) => (h(), g("div", {
+      document.removeEventListener("click", w);
+    }), (m, y) => (h(), C("div", {
       class: "relative inline-block text-left flex-1",
       ref_key: "dropdownRef",
       ref: r
@@ -4544,22 +4549,22 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
           ])
         ])
       ], 2),
-      l.value ? (h(), g("div", fi, [
+      l.value ? (h(), C("div", fi, [
         f("div", vi, [
-          (h(!0), g(z, null, Y(e.options, (b) => (h(), g("a", {
-            key: b.value,
-            onClick: (I) => c(b),
+          (h(!0), C(z, null, Y(e.options, (x) => (h(), C("a", {
+            key: x.value,
+            onClick: (O) => c(x),
             href: "#",
             class: "block px-1 py-1 text-sm text-base-content hover:bg-base-200 hover:text-primary",
             role: "menuitem"
           }, [
             f("div", hi, [
               f("img", {
-                src: d(b.icon),
+                src: d(x.icon),
                 alt: "",
                 class: "w-4 h-4 mr-2"
               }, null, 8, mi),
-              Ee(" " + G(b.label), 1)
+              Ee(" " + G(x.label), 1)
             ])
           ], 8, pi))), 128))
         ])
@@ -4597,54 +4602,54 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     ];
     F(
       () => l.writing,
-      (b) => {
-        o.setLoading("writing", !1), b && (t.reset(), t.init(b));
+      (x) => {
+        o.setLoading("writing", !1), x && (t.reset(), t.init(x));
       },
       { immediate: !0 }
     ), F(
       () => l.opt,
-      (b) => {
-        b.src !== t.src && t.init({ ...t.$state, src: b.src });
+      (x) => {
+        x.src !== t.src && t.init({ ...t.$state, src: x.src });
       },
       { deep: !0 }
     );
-    function a(b) {
-      t.init({ ...t.$state, text: b });
+    function a(x) {
+      t.init({ ...t.$state, text: x });
     }
     function i() {
       t.reset();
     }
-    function u(b) {
-      t.init({ ...t.$state, result: b });
+    function u(x) {
+      t.init({ ...t.$state, result: x });
     }
     function c() {
       t.init({ ...t.$state, result: "", suggestions: [] });
     }
-    function d(b = null) {
-      t.text.length < Ie.IMPROVE_INPUT_MIN_LENGTH || (o.setLoading("writing", !0), m(t.text, l.opt.type, b));
+    function d(x = null) {
+      t.text.length < Le.IMPROVE_INPUT_MIN_LENGTH || (o.setLoading("writing", !0), m(t.text, l.opt.type, x));
     }
-    function x() {
+    function w() {
       d("retry");
     }
-    function m(b, I = l.opt.type, $) {
-      b && (o.setLoading("writing", !0), s("write", {
+    function m(x, O = l.opt.type, D) {
+      x && (o.setLoading("writing", !0), s("write", {
         src: l.opt.src,
-        text: b,
-        action: I,
-        flag: $
+        text: x,
+        action: O,
+        flag: D
       }));
     }
-    function C(b) {
-      o.setLoading("writing", !0), s("opt", { ...l.opt, type: b, text: t.text });
+    function y(x) {
+      o.setLoading("writing", !0), s("opt", { ...l.opt, type: x, text: t.text });
     }
-    return (b, I) => {
-      var $, w;
-      return h(), g("div", Ci, [
+    return (x, O) => {
+      var D, b;
+      return h(), C("div", Ci, [
         f("div", xi, [
           f("div", yi, [
             B(jr, {
               class: "my-2 lg:my-0 w-full flex-grow lg:min-h-[50vh]",
-              text: M(t).text,
+              text: k(t).text,
               onChange: a,
               onClear: i,
               onImprove: d
@@ -4656,30 +4661,30 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
                 class: "w-full",
                 modelValue: l.opt.type,
                 options: r,
-                loading: M(o).isLoading("writing"),
-                isTextEmpty: M(t).text && (($ = M(t).text) == null ? void 0 : $.length) < M(Ie).IMPROVE_INPUT_MIN_LENGTH,
-                hasResult: !!M(t).result,
-                "onUpdate:modelValue": C,
+                loading: k(o).isLoading("writing"),
+                isTextEmpty: k(t).text && ((D = k(t).text) == null ? void 0 : D.length) < k(Le).IMPROVE_INPUT_MIN_LENGTH,
+                hasResult: !!k(t).result,
+                "onUpdate:modelValue": y,
                 onAction: d
               }, null, 8, ["modelValue", "loading", "isTextEmpty", "hasResult"])
             ]),
             B(Or, {
               class: "ml-2 lg:m-2",
-              disabled: ((w = M(t).text) == null ? void 0 : w.length) < 5 || !M(t).result,
-              onClick: x
+              disabled: ((b = k(t).text) == null ? void 0 : b.length) < 5 || !k(t).result,
+              onClick: w
             }, null, 8, ["disabled"])
           ]),
           f("div", Ti, [
             B(Qr, {
               class: "my-2 lg:my-0 w-full flex-grow lg:min-h-[50vh]",
-              text: M(t).result,
-              originalText: M(t).text,
+              text: k(t).result,
+              originalText: k(t).text,
               type: l.opt.type,
               onChange: u,
               onClear: c,
-              onCopy: I[0] || (I[0] = (y) => {
+              onCopy: O[0] || (O[0] = (g) => {
                 var _;
-                return s("copy", (_ = M(t)) == null ? void 0 : _.result);
+                return s("copy", (_ = k(t)) == null ? void 0 : _.result);
               })
             }, null, 8, ["text", "originalText", "type"])
           ])
@@ -4688,7 +4693,7 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     };
   }
 }, ln = He("writing", () => {
-  const e = O(null), n = O(""), t = O(""), o = O([]), l = O(null), s = Oe(), r = L(() => s.getLabel(e.value));
+  const e = $(null), n = $(""), t = $(""), o = $([]), l = $(null), s = Oe(), r = L(() => s.getLabel(e.value));
   function a(u) {
     e.value = u.src, n.value = u.text, t.value = u.result, o.value = u.suggestions, l.value = u.action;
   }
@@ -4705,7 +4710,7 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     init: a,
     reset: i
   };
-}), Hn = (e) => (Et("data-v-8885ead1"), e = e(), $t(), e), Ei = ["data-theme"], $i = { class: "flex-none py-2 pl-3 pr-2 shadow border border-base-300" }, Oi = { class: "flex-none" }, Ii = { class: "flex w-full border-b border-base-300 items-center" }, Li = {
+}), Hn = (e) => (Et("data-v-8885ead1"), e = e(), $t(), e), Ei = ["data-theme"], $i = { class: "flex-none py-2 pl-3 pr-2 shadow border border-base-300" }, Oi = { class: "flex-none" }, Li = { class: "flex w-full border-b border-base-300 items-center" }, Ii = {
   key: 0,
   class: "text-xs text-base-content/40 ml-1 italic"
 }, ki = /* @__PURE__ */ Hn(() => /* @__PURE__ */ f("small", null, "(Tab)", -1)), Mi = [
@@ -4765,17 +4770,17 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     ve(t), bt(t), Oe(t), xe(t), ln(t);
     const o = ve(), l = bt(), s = Oe(), r = xe(), a = ln();
     ce("translationStore", o), ce("ttsStore", l), ce("languageStore", s), ce("loaderStore", r), ce("writingStore", a);
-    const i = n, u = (w, y) => {
-      i("nav", { action: w, payload: y });
-    }, c = (w) => {
-      i("nav", { action: "themeChange", payload: w });
-    }, d = (w, y = {}) => {
-      i("translate", { action: w, payload: y });
-    }, x = (w, y = {}) => {
-      i("write", { action: w, payload: y });
-    }, m = (w, y = {}) => {
-      i("common", { action: w, payload: y });
-    }, C = e, b = {
+    const i = n, u = (b, g) => {
+      i("nav", { action: b, payload: g });
+    }, c = (b) => {
+      i("nav", { action: "themeChange", payload: b });
+    }, d = (b, g = {}) => {
+      i("translate", { action: b, payload: g });
+    }, w = (b, g = {}) => {
+      i("write", { action: b, payload: g });
+    }, m = (b, g = {}) => {
+      i("common", { action: b, payload: g });
+    }, y = e, x = {
       activeTab: "translate",
       translateOpts: { src: "auto", target: "en" },
       writeOpts: { type: "check" },
@@ -4791,18 +4796,18 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       isAIExplain: !1,
       aiExplainMinLength: 5,
       isTTS: !0
-    }, I = L(() => Object.assign({}, b, C.options)), $ = (w) => {
-      if (w.key === "Tab") {
-        w.preventDefault();
-        const _ = I.value.activeTab === "translate" ? "write" : "translate";
+    }, O = L(() => Object.assign({}, x, y.options)), D = (b) => {
+      if (b.key === "Tab") {
+        b.preventDefault();
+        const _ = O.value.activeTab === "translate" ? "write" : "translate";
         u("activeTab", _);
       }
     };
     return se(() => {
-      window.addEventListener("keydown", $);
+      window.addEventListener("keydown", D);
     }), Fe(() => {
-      window.removeEventListener("keydown", $);
-    }), (w, y) => (h(), g("div", {
+      window.removeEventListener("keydown", D);
+    }), (b, g) => (h(), C("div", {
       "data-theme": e.theme,
       class: "h-screen flex flex-col bg-base-100"
     }, [
@@ -4811,70 +4816,70 @@ const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
           "header-settings": e.headerSettings,
           "current-theme": e.theme,
           "is-premium": e.isPremium,
-          onReader: y[0] || (y[0] = (_) => u("reader")),
-          onLearn: y[1] || (y[1] = (_) => u("learn")),
-          onSettings: y[2] || (y[2] = (_) => u("settings")),
-          onFullScreen: y[3] || (y[3] = (_) => u("fullscreen")),
-          onAccount: y[4] || (y[4] = (_) => u("account")),
+          onReader: g[0] || (g[0] = (_) => u("reader")),
+          onLearn: g[1] || (g[1] = (_) => u("learn")),
+          onSettings: g[2] || (g[2] = (_) => u("settings")),
+          onFullScreen: g[3] || (g[3] = (_) => u("fullscreen")),
+          onAccount: g[4] || (g[4] = (_) => u("account")),
           onThemeChange: c
         }, null, 8, ["header-settings", "current-theme", "is-premium"])
       ]),
       f("div", Oi, [
-        f("div", Ii, [
+        f("div", Li, [
           f("button", {
             class: P([
               "w-1/2 px-4 py-2 text-sm font-medium",
-              I.value.activeTab === "translate" ? "text-primary border-b-2 border-primary" : "text-base-content/60 hover:text-primary"
+              O.value.activeTab === "translate" ? "text-primary border-b-2 border-primary" : "text-base-content/60 hover:text-primary"
             ]),
-            onClick: y[5] || (y[5] = (_) => u("activeTab", "translate"))
+            onClick: g[5] || (g[5] = (_) => u("activeTab", "translate"))
           }, [
             Ee(" Translate "),
-            !M(vt) && I.value.activeTab !== "translate" ? (h(), g("span", Li, Mi)) : R("", !0)
+            !k(vt) && O.value.activeTab !== "translate" ? (h(), C("span", Ii, Mi)) : R("", !0)
           ], 2),
           f("button", {
             class: P([
               "w-1/2 px-4 py-2 text-sm font-medium",
-              I.value.activeTab === "write" ? "text-primary border-b-2 border-primary" : "text-base-content/60 hover:text-primary"
+              O.value.activeTab === "write" ? "text-primary border-b-2 border-primary" : "text-base-content/60 hover:text-primary"
             ]),
-            onClick: y[6] || (y[6] = (_) => u("activeTab", "write"))
+            onClick: g[6] || (g[6] = (_) => u("activeTab", "write"))
           }, [
             Ee(" Write "),
-            !M(vt) && I.value.activeTab !== "write" ? (h(), g("span", Ai, Di)) : R("", !0)
+            !k(vt) && O.value.activeTab !== "write" ? (h(), C("span", Ai, Di)) : R("", !0)
           ], 2)
         ])
       ]),
       f("div", Ri, [
         f("div", Pi, [
-          I.value.activeTab === "translate" ? (h(), W(Tr, {
+          O.value.activeTab === "translate" ? (h(), W(Tr, {
             key: 0,
-            opt: I.value.translateOpts,
-            languages: I.value.languages,
+            opt: O.value.translateOpts,
+            languages: O.value.languages,
             translation: e.data.translation,
             explanation: e.data.explanation,
             tts: e.data.tts,
-            isTTS: I.value.isTTS,
-            isFavoriteFeatureEnabled: I.value.isFavoriteFeatureEnabled,
-            isAITranslateFeatureEnabled: I.value.isAITranslateFeatureEnabled,
-            isFavorite: I.value.isFavorite,
-            isAITranslate: I.value.isAITranslate,
-            isAIExplain: I.value.isAIExplain,
-            aiExplainMinLength: I.value.aiExplainMinLength,
-            onOpt: y[7] || (y[7] = (_) => d("updateOpts", _)),
-            onTranslate: y[8] || (y[8] = (_) => d("translate", _)),
-            onLoadTTS: y[9] || (y[9] = (_) => d("loadTTS", _)),
-            onFavorite: y[10] || (y[10] = (_) => d("favorite")),
-            onAiTranslate: y[11] || (y[11] = (_) => d("aiTranslate", _)),
-            onAiExplain: y[12] || (y[12] = (_) => d("aiExplain", _)),
-            onCopy: y[13] || (y[13] = (_) => m("copy", _))
+            isTTS: O.value.isTTS,
+            isFavoriteFeatureEnabled: O.value.isFavoriteFeatureEnabled,
+            isAITranslateFeatureEnabled: O.value.isAITranslateFeatureEnabled,
+            isFavorite: O.value.isFavorite,
+            isAITranslate: O.value.isAITranslate,
+            isAIExplain: O.value.isAIExplain,
+            aiExplainMinLength: O.value.aiExplainMinLength,
+            onOpt: g[7] || (g[7] = (_) => d("updateOpts", _)),
+            onTranslate: g[8] || (g[8] = (_) => d("translate", _)),
+            onLoadTTS: g[9] || (g[9] = (_) => d("loadTTS", _)),
+            onFavorite: g[10] || (g[10] = (_) => d("favorite")),
+            onAiTranslate: g[11] || (g[11] = (_) => d("aiTranslate", _)),
+            onAiExplain: g[12] || (g[12] = (_) => d("aiExplain", _)),
+            onCopy: g[13] || (g[13] = (_) => m("copy", _))
           }, null, 8, ["opt", "languages", "translation", "explanation", "tts", "isTTS", "isFavoriteFeatureEnabled", "isAITranslateFeatureEnabled", "isFavorite", "isAITranslate", "isAIExplain", "aiExplainMinLength"])) : R("", !0),
-          I.value.activeTab === "write" ? (h(), W(Si, {
+          O.value.activeTab === "write" ? (h(), W(Si, {
             key: 1,
-            opt: I.value.writeOpts,
-            languages: I.value.languages,
+            opt: O.value.writeOpts,
+            languages: O.value.languages,
             writing: e.data.writing,
-            onOpt: y[14] || (y[14] = (_) => x("updateOpts", _)),
-            onWrite: y[15] || (y[15] = (_) => x("write", _)),
-            onCopy: y[16] || (y[16] = (_) => m("copy", _))
+            onOpt: g[14] || (g[14] = (_) => w("updateOpts", _)),
+            onWrite: g[15] || (g[15] = (_) => w("write", _)),
+            onCopy: g[16] || (g[16] = (_) => m("copy", _))
           }, null, 8, ["opt", "languages", "writing"])) : R("", !0)
         ])
       ])