@ddict/popup 1.6.0 → 1.6.2

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 R, createTextVNode as Se, normalizeStyle as Zn, toDisplayString as J, createStaticVNode as Be, createBlock as W, createCommentVNode as P, 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 Et, 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 St, popScopeId as $t, withKeys as Jn } from "vue";
+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, createBlock as W, createCommentVNode as R, 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";
 const vt = navigator.userAgent.match(
   /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i
 ), Ze = {
@@ -72,14 +72,14 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
           }, null, 40, no),
           f("label", {
             for: `theme-${a.value}`,
-            class: R(["cursor-pointer rounded-lg px-2 py-1 hover:bg-base-200", { "bg-primary text-primary-content": e.currentTheme === a.value }])
+            class: P(["cursor-pointer rounded-lg px-2 py-1 hover:bg-base-200", { "bg-primary text-primary-content": e.currentTheme === a.value }])
           }, [
             f("span", lo, [
               f("span", {
                 class: "w-3 h-3 rounded-full",
                 style: Zn({ backgroundColor: a.color })
               }, null, 4),
-              Se(" " + J(a.name), 1)
+              Ee(" " + G(a.name), 1)
             ])
           ], 10, oo)
         ])), 64))
@@ -91,21 +91,6 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ f("path", {
-    d: "M5.3163 19.4384C5.92462 18.0052 7.34492 17 9 17H15C16.6551 17 18.0754 18.0052 18.6837 19.4384M16 9.5C16 11.7091 14.2091 13.5 12 13.5C9.79086 13.5 8 11.7091 8 9.5C8 7.29086 9.79086 5.5 12 5.5C14.2091 5.5 16 7.29086 16 9.5ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
-    stroke: "currentColor",
-    "stroke-width": "2",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  })
-], -1), co = [
-  uo
-], fo = /* @__PURE__ */ f("svg", {
-  class: "w-6 h-6 text-primary",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
 }, [
   /* @__PURE__ */ f("path", {
     "fill-rule": "evenodd",
@@ -125,9 +110,52 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
     d: "M6.25 18.5C6.25 18.0858 6.58579 17.75 7 17.75H17C17.4142 17.75 17.75 18.0858 17.75 18.5C17.75 18.9142 17.4142 19.25 17 19.25H7C6.58579 19.25 6.25 18.9142 6.25 18.5Z",
     fill: "currentColor"
   })
-], -1), vo = [
-  fo
-], po = /* @__PURE__ */ Be('<svg class="w-6 h-6 text-primary" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.467 2.47236C2.75841 2.17799 3.23328 2.17559 3.52764 2.467L8.52765 7.41675C8.82201 7.70816 8.82441 8.18303 8.533 8.4774C8.24159 8.77176 7.76672 8.77416 7.47235 8.48275L2.47236 3.533C2.17799 3.24159 2.17559 2.76672 2.467 2.47236Z" fill="currentColor"></path><path d="M8.533 15.4724C8.82441 15.7667 8.82201 16.2416 8.52765 16.533L3.52765 21.4828C3.23328 21.7742 2.75841 21.7718 2.467 21.4774C2.17559 21.183 2.17799 20.7082 2.47236 20.4167L7.47235 15.467C7.76672 15.1756 8.24159 15.178 8.533 15.4724Z" fill="currentColor"></path><path d="M15.52 15.4697C15.8129 15.1768 16.2877 15.1768 16.5806 15.4697L21.5304 20.4194C21.8233 20.7123 21.8233 21.1872 21.5304 21.4801C21.2375 21.773 20.7626 21.773 20.4697 21.4801L15.52 16.5303C15.2271 16.2374 15.2271 15.7626 15.52 15.4697Z" fill="currentColor"></path><path d="M21.4801 2.46967C21.773 2.76256 21.773 3.23744 21.4801 3.53033L16.5303 8.48008C16.2374 8.77297 15.7626 8.77297 15.4697 8.48008C15.1768 8.18719 15.1768 7.71231 15.4697 7.41942L20.4194 2.46967C20.7123 2.17678 21.1872 2.17678 21.4801 2.46967Z" fill="currentColor"></path><path d="M15.75 3C15.75 2.58579 16.0858 2.25 16.5 2.25H21C21.4142 2.25 21.75 2.58579 21.75 3V7.5C21.75 7.91421 21.4142 8.25 21 8.25C20.5858 8.25 20.25 7.91421 20.25 7.5V3.75H16.5C16.0858 3.75 15.75 3.41421 15.75 3Z" fill="currentColor"></path><path d="M21 15.75C21.4142 15.75 21.75 16.0858 21.75 16.5V21C21.75 21.4142 21.4142 21.75 21 21.75H16.5C16.0858 21.75 15.75 21.4142 15.75 21C15.75 20.5858 16.0858 20.25 16.5 20.25H20.25V16.5C20.25 16.0858 20.5858 15.75 21 15.75Z" fill="currentColor"></path><path d="M3 15.75C3.41421 15.75 3.75 16.0858 3.75 16.5V20.25H7.5C7.91421 20.25 8.25 20.5858 8.25 21C8.25 21.4142 7.91421 21.75 7.5 21.75H3C2.58579 21.75 2.25 21.4142 2.25 21V16.5C2.25 16.0858 2.58579 15.75 3 15.75Z" fill="currentColor"></path><path d="M2.25 3C2.25 2.58579 2.58579 2.25 3 2.25H7.5C7.91421 2.25 8.25 2.58579 8.25 3C8.25 3.41421 7.91421 3.75 7.5 3.75H3.75V7.5C3.75 7.91421 3.41421 8.25 3 8.25C2.58579 8.25 2.25 7.91421 2.25 7.5V3Z" fill="currentColor"></path></svg>', 1), ho = [
+], -1), co = [
+  uo
+], fo = /* @__PURE__ */ f("svg", {
+  class: "w-6 h-6 text-primary",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ f("path", {
+    d: "M12 3L1 9L12 15L23 9L12 3Z",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }),
+  /* @__PURE__ */ f("path", {
+    d: "M5 13L12 17L19 13",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }),
+  /* @__PURE__ */ f("path", {
+    d: "M5 17L12 21L19 17",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  })
+], -1), vo = {
+  key: 0,
+  class: "absolute -top-0.5 -right-0.5 bg-red-500 text-white text-xs rounded-full h-4 min-w-[16px] flex items-center justify-center px-1 text-[8px]"
+}, po = /* @__PURE__ */ f("svg", {
+  class: "w-6 h-6 text-primary",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ f("path", {
+    d: "M5.3163 19.4384C5.92462 18.0052 7.34492 17 9 17H15C16.6551 17 18.0754 18.0052 18.6837 19.4384M16 9.5C16 11.7091 14.2091 13.5 12 13.5C9.79086 13.5 8 11.7091 8 9.5C8 7.29086 9.79086 5.5 12 5.5C14.2091 5.5 16 7.29086 16 9.5ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  })
+], -1), ho = [
   po
 ], mo = /* @__PURE__ */ f("svg", {
   class: "w-6 h-6 text-primary",
@@ -145,7 +173,9 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
   })
 ], -1), go = [
   mo
-], bo = {
+], bo = /* @__PURE__ */ Be('<svg class="w-6 h-6 text-primary" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.467 2.47236C2.75841 2.17799 3.23328 2.17559 3.52764 2.467L8.52765 7.41675C8.82201 7.70816 8.82441 8.18303 8.533 8.4774C8.24159 8.77176 7.76672 8.77416 7.47235 8.48275L2.47236 3.533C2.17799 3.24159 2.17559 2.76672 2.467 2.47236Z" fill="currentColor"></path><path d="M8.533 15.4724C8.82441 15.7667 8.82201 16.2416 8.52765 16.533L3.52765 21.4828C3.23328 21.7742 2.75841 21.7718 2.467 21.4774C2.17559 21.183 2.17799 20.7082 2.47236 20.4167L7.47235 15.467C7.76672 15.1756 8.24159 15.178 8.533 15.4724Z" fill="currentColor"></path><path d="M15.52 15.4697C15.8129 15.1768 16.2877 15.1768 16.5806 15.4697L21.5304 20.4194C21.8233 20.7123 21.8233 21.1872 21.5304 21.4801C21.2375 21.773 20.7626 21.773 20.4697 21.4801L15.52 16.5303C15.2271 16.2374 15.2271 15.7626 15.52 15.4697Z" fill="currentColor"></path><path d="M21.4801 2.46967C21.773 2.76256 21.773 3.23744 21.4801 3.53033L16.5303 8.48008C16.2374 8.77297 15.7626 8.77297 15.4697 8.48008C15.1768 8.18719 15.1768 7.71231 15.4697 7.41942L20.4194 2.46967C20.7123 2.17678 21.1872 2.17678 21.4801 2.46967Z" fill="currentColor"></path><path d="M15.75 3C15.75 2.58579 16.0858 2.25 16.5 2.25H21C21.4142 2.25 21.75 2.58579 21.75 3V7.5C21.75 7.91421 21.4142 8.25 21 8.25C20.5858 8.25 20.25 7.91421 20.25 7.5V3.75H16.5C16.0858 3.75 15.75 3.41421 15.75 3Z" fill="currentColor"></path><path d="M21 15.75C21.4142 15.75 21.75 16.0858 21.75 16.5V21C21.75 21.4142 21.4142 21.75 21 21.75H16.5C16.0858 21.75 15.75 21.4142 15.75 21C15.75 20.5858 16.0858 20.25 16.5 20.25H20.25V16.5C20.25 16.0858 20.5858 15.75 21 15.75Z" fill="currentColor"></path><path d="M3 15.75C3.41421 15.75 3.75 16.0858 3.75 16.5V20.25H7.5C7.91421 20.25 8.25 20.5858 8.25 21C8.25 21.4142 7.91421 21.75 7.5 21.75H3C2.58579 21.75 2.25 21.4142 2.25 21V16.5C2.25 16.0858 2.58579 15.75 3 15.75Z" fill="currentColor"></path><path d="M2.25 3C2.25 2.58579 2.58579 2.25 3 2.25H7.5C7.91421 2.25 8.25 2.58579 8.25 3C8.25 3.41421 7.91421 3.75 7.5 3.75H3.75V7.5C3.75 7.91421 3.41421 8.25 3 8.25C2.58579 8.25 2.25 7.91421 2.25 7.5V3Z" fill="currentColor"></path></svg>', 1), Co = [
+  bo
+], xo = {
   __name: "Header",
   props: {
     headerSettings: {
@@ -154,6 +184,7 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
       default: () => ({
         showAccount: !0,
         showReader: !0,
+        showLearn: 0,
         showFullscreen: !0,
         showSettings: !0,
         showThemeSelector: !0
@@ -164,7 +195,7 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
       default: "lofi"
     }
   },
-  emits: ["settings", "fullScreen", "reader", "account", "themeChange"],
+  emits: ["settings", "fullScreen", "reader", "learn", "account", "themeChange"],
   setup(e, { emit: n }) {
     const t = n, o = (l) => {
       t("themeChange", l);
@@ -176,27 +207,35 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
           key: 0,
           "current-theme": e.currentTheme,
           onThemeChange: o
-        }, null, 8, ["current-theme"])) : P("", !0),
-        e.headerSettings.showAccount ? (h(), g("button", {
+        }, null, 8, ["current-theme"])) : R("", !0),
+        e.headerSettings.showReader ? (h(), g("button", {
           key: 1,
           class: "btn btn-ghost btn-circle btn-sm",
-          onClick: s[0] || (s[0] = (r) => t("account"))
-        }, co)) : P("", !0),
-        e.headerSettings.showReader ? (h(), g("button", {
+          onClick: s[0] || (s[0] = (r) => t("reader"))
+        }, co)) : R("", !0),
+        e.headerSettings.showLearn > 0 ? (h(), g("button", {
           key: 2,
-          class: "btn btn-ghost btn-circle btn-sm",
-          onClick: s[1] || (s[1] = (r) => t("reader"))
-        }, vo)) : P("", !0),
-        e.headerSettings.showFullscreen ? (h(), g("button", {
+          class: "btn btn-ghost btn-circle btn-sm relative",
+          onClick: s[1] || (s[1] = (r) => t("learn"))
+        }, [
+          fo,
+          e.headerSettings.showLearn > 0 ? (h(), g("span", vo, G(e.headerSettings.showLearn > 999 ? "999+" : e.headerSettings.showLearn), 1)) : R("", !0)
+        ])) : R("", !0),
+        e.headerSettings.showAccount ? (h(), g("button", {
           key: 3,
           class: "btn btn-ghost btn-circle btn-sm",
-          onClick: s[2] || (s[2] = (r) => t("fullScreen"))
-        }, ho)) : P("", !0),
+          onClick: s[2] || (s[2] = (r) => t("account"))
+        }, ho)) : R("", !0),
         e.headerSettings.showSettings ? (h(), g("button", {
           key: 4,
           class: "btn btn-ghost btn-circle btn-sm",
           onClick: s[3] || (s[3] = (r) => t("settings"))
-        }, go)) : P("", !0)
+        }, go)) : R("", !0),
+        e.headerSettings.showFullscreen ? (h(), g("button", {
+          key: 5,
+          class: "btn btn-ghost btn-circle btn-sm",
+          onClick: s[4] || (s[4] = (r) => t("fullScreen"))
+        }, Co)) : R("", !0)
       ])
     ]));
   }
@@ -238,17 +277,17 @@ function ut(e, n) {
     throw new Error("Unexpected undefined");
   return e;
 }
-const Co = (e, n) => Math.abs(e - n) < 1, xo = (e, n, t) => {
+const yo = (e, n) => Math.abs(e - n) < 1, wo = (e, n, t) => {
   let o;
   return function(...l) {
     e.clearTimeout(o), o = e.setTimeout(() => n.apply(this, l), t);
   };
-}, yo = (e) => e, wo = (e) => {
+}, _o = (e) => e, To = (e) => {
   const n = Math.max(e.startIndex - e.overscan, 0), t = Math.min(e.endIndex + e.overscan, e.count - 1), o = [];
   for (let l = n; l <= t; l++)
     o.push(l);
   return o;
-}, _o = (e, n) => {
+}, So = (e, n) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -278,7 +317,7 @@ const Co = (e, n) => Math.abs(e - n) < 1, xo = (e, n, t) => {
   };
 }, Pt = {
   passive: !0
-}, To = typeof window > "u" ? !0 : "onscrollend" in window, Eo = (e, n) => {
+}, Eo = typeof window > "u" ? !0 : "onscrollend" in window, $o = (e, n) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -286,8 +325,8 @@ const Co = (e, n) => Math.abs(e - n) < 1, xo = (e, n, t) => {
   if (!o)
     return;
   let l = 0;
-  const s = To ? () => {
-  } : xo(
+  const s = Eo ? () => {
+  } : wo(
     o,
     () => {
       n(l, !1);
@@ -299,7 +338,7 @@ const Co = (e, n) => Math.abs(e - n) < 1, xo = (e, n, t) => {
   return i(), t.addEventListener("scroll", a, Pt), t.addEventListener("scrollend", i, Pt), () => {
     t.removeEventListener("scroll", a), t.removeEventListener("scrollend", i);
   };
-}, So = (e, n, t) => {
+}, Oo = (e, n, t) => {
   if (n != null && n.borderBoxSize) {
     const o = n.borderBoxSize[0];
     if (o)
@@ -310,7 +349,7 @@ const Co = (e, n) => Math.abs(e - n) < 1, xo = (e, n, t) => {
   return Math.round(
     e.getBoundingClientRect()[t.options.horizontal ? "width" : "height"]
   );
-}, $o = (e, {
+}, Io = (e, {
   adjustments: n = 0,
   behavior: t
 }, o) => {
@@ -321,7 +360,7 @@ const Co = (e, n) => Math.abs(e - n) < 1, xo = (e, n, t) => {
     behavior: t
   });
 };
-class Oo {
+class Lo {
   constructor(n) {
     this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollToIndexTimeoutId = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
       let t = null;
@@ -356,11 +395,11 @@ class Oo {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: yo,
-        rangeExtractor: wo,
+        getItemKey: _o,
+        rangeExtractor: To,
         onChange: () => {
         },
-        measureElement: So,
+        measureElement: Oo,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -480,7 +519,7 @@ class Oo {
       }
     ), this.calculateRange = Le(
       () => [this.getMeasurements(), this.getSize(), this.getScrollOffset()],
-      (t, o, l) => this.range = t.length > 0 && o > 0 ? Io({
+      (t, o, l) => this.range = t.length > 0 && o > 0 ? ko({
         measurements: t,
         outerSize: o,
         scrollOffset: l
@@ -600,7 +639,7 @@ class Oo {
           const [u] = ut(
             this.getOffsetForIndex(t, a)
           );
-          Co(u, this.getScrollOffset()) || this.scrollToIndex(t, { align: a, behavior: l });
+          yo(u, this.getScrollOffset()) || this.scrollToIndex(t, { align: a, behavior: l });
         } else
           this.scrollToIndex(t, { align: a, behavior: l });
       }));
@@ -641,7 +680,7 @@ const dn = (e, n, t, o) => {
   }
   return e > 0 ? e - 1 : 0;
 };
-function Io({
+function ko({
   measurements: e,
   outerSize: n,
   scrollOffset: t
@@ -652,8 +691,8 @@ function Io({
     r++;
   return { startIndex: s, endIndex: r };
 }
-function Lo(e) {
-  const n = new Oo(M(e)), t = Un(n), o = n._didMount();
+function Mo(e) {
+  const n = new Lo(M(e)), t = Un(n), o = n._didMount();
   return F(
     () => M(e).getScrollElement(),
     (l) => {
@@ -678,23 +717,23 @@ function Lo(e) {
     }
   ), Tt(o), t;
 }
-function ko(e) {
-  return Lo(
+function Ao(e) {
+  return Mo(
     L(() => ({
-      observeElementRect: _o,
-      observeElementOffset: Eo,
-      scrollToFn: $o,
+      observeElementRect: So,
+      observeElementOffset: $o,
+      scrollToFn: Io,
       ...M(e)
     }))
   );
 }
-function Mo(e, n, t) {
+function Vo(e, n, t) {
   let o = 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);
   }];
 }
-function Ao(e) {
+function Do(e) {
   typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((n) => setTimeout(() => {
     throw n;
   }));
@@ -714,7 +753,7 @@ function Qe() {
     n.add(() => clearTimeout(o));
   }, microTask(...t) {
     let o = { current: !0 };
-    return Ao(() => {
+    return Do(() => {
       o.current && t[0]();
     }), n.add(() => {
       o.current = !1;
@@ -737,19 +776,19 @@ function Qe() {
   } };
   return n;
 }
-function Vo() {
+function Ro() {
   let e = Qe();
   return Fe(() => e.dispose()), e;
 }
-function Do() {
-  let e = Vo();
+function Po() {
+  let e = Ro();
   return (n) => {
     e.dispose(), e.nextFrame(n);
   };
 }
-let Ro = Symbol("headlessui.useid"), Po = 0;
+let No = Symbol("headlessui.useid"), Bo = 0;
 function je() {
-  return le(Ro, () => `${++Po}`)();
+  return le(No, () => `${++Bo}`)();
 }
 function N(e) {
   var n;
@@ -765,8 +804,8 @@ function ue(e, n, ...t) {
   let o = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(n).map((l) => `"${l}"`).join(", ")}.`);
   throw Error.captureStackTrace && Error.captureStackTrace(o, ue), o;
 }
-var No = Object.defineProperty, Bo = (e, n, t) => n in e ? No(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, Nt = (e, n, t) => (Bo(e, typeof n != "symbol" ? n + "" : n, t), t);
-let Fo = class {
+var Fo = Object.defineProperty, jo = (e, n, t) => n in e ? Fo(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, Nt = (e, n, t) => (jo(e, typeof n != "symbol" ? n + "" : n, t), t);
+let Ho = class {
   constructor() {
     Nt(this, "current", this.detect()), Nt(this, "currentId", 0);
   }
@@ -788,7 +827,7 @@ let Fo = class {
   detect() {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
-}, Ot = new Fo();
+}, Ot = new Ho();
 function It(e) {
   if (Ot.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
@@ -799,8 +838,8 @@ function It(e) {
   return document;
 }
 let Bt = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
-var jo = ((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))(jo || {}), Ho = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Ho || {}), zo = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(zo || {}), fn = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(fn || {});
-function Zo(e, n = 0) {
+var zo = ((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))(zo || {}), Zo = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Zo || {}), Uo = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Uo || {}), fn = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(fn || {});
+function Wo(e, n = 0) {
   var t;
   return e === ((t = It(e)) == null ? void 0 : t.body) ? !1 : ue(n, { 0() {
     return e.matches(Bt);
@@ -813,13 +852,13 @@ function Zo(e, n = 0) {
     return !1;
   } });
 }
-var Uo = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Uo || {});
+var qo = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(qo || {});
 typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
   e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0), document.addEventListener("click", (e) => {
   e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0));
-function Wo(e, n = (t) => t) {
+function Go(e, n = (t) => t) {
   return e.slice().sort((t, o) => {
     let l = n(t), s = n(o);
     if (l === null || s === null) return 0;
@@ -827,26 +866,26 @@ function Wo(e, n = (t) => t) {
     return r & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : r & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function qo() {
+function Jo() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
-function Go() {
+function Yo() {
   return /Android/gi.test(window.navigator.userAgent);
 }
 function vn() {
-  return qo() || Go();
+  return Jo() || Yo();
 }
 function Ue(e, n, t) {
   Ot.isServer || fe((o) => {
     document.addEventListener(e, n, t), o(() => document.removeEventListener(e, n, t));
   });
 }
-function Jo(e, n, t) {
+function Qo(e, n, t) {
   Ot.isServer || fe((o) => {
     window.addEventListener(e, n, t), o(() => window.removeEventListener(e, n, t));
   });
 }
-function Yo(e, n, t = L(() => !0)) {
+function Xo(e, n, t = L(() => !0)) {
   function o(s, r) {
     if (!t.value || s.defaultPrevented) return;
     let a = r(s);
@@ -859,7 +898,7 @@ function Yo(e, n, t = L(() => !0)) {
       let c = u instanceof HTMLElement ? u : N(u);
       if (c != null && c.contains(a) || s.composed && s.composedPath().includes(c)) return;
     }
-    return !Zo(a, fn.Loose) && a.tabIndex !== -1 && s.preventDefault(), n(s, a);
+    return !Wo(a, fn.Loose) && a.tabIndex !== -1 && s.preventDefault(), n(s, a);
   }
   let l = O(null);
   Ue("pointerdown", (s) => {
@@ -870,14 +909,14 @@ function Yo(e, n, t = L(() => !0)) {
     t.value && (l.value = ((a = (r = s.composedPath) == null ? void 0 : r.call(s)) == null ? void 0 : a[0]) || s.target);
   }, !0), Ue("click", (s) => {
     vn() || l.value && (o(s, () => l.value), l.value = null);
-  }, !0), Ue("touchend", (s) => o(s, () => s.target instanceof HTMLElement ? s.target : null), !0), Jo("blur", (s) => o(s, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+  }, !0), Ue("touchend", (s) => o(s, () => s.target instanceof HTMLElement ? s.target : null), !0), Qo("blur", (s) => o(s, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
 }
 function Ft(e, n) {
   if (e) return e;
   let t = n ?? "button";
   if (typeof t == "string" && t.toLowerCase() === "button") return "button";
 }
-function Qo(e, n) {
+function Ko(e, n) {
   let t = O(Ft(e.value.type, e.value.as));
   return se(() => {
     t.value = Ft(e.value.type, e.value.as);
@@ -889,7 +928,7 @@ function Qo(e, n) {
 function jt(e) {
   return [e.screenX, e.screenY];
 }
-function Xo() {
+function el() {
   let e = O([-1, -1]);
   return { wasMoved(n) {
     let t = jt(n);
@@ -898,7 +937,7 @@ function Xo() {
     e.value = jt(n);
   } };
 }
-function Ko({ container: e, accept: n, walk: t, enabled: o }) {
+function tl({ container: e, accept: n, walk: t, enabled: o }) {
   fe(() => {
     let l = e.value;
     if (!l || o !== void 0 && !o.value) return;
@@ -908,7 +947,7 @@ function Ko({ container: e, accept: n, walk: t, enabled: o }) {
     for (; a.nextNode(); ) t(a.currentNode);
   });
 }
-var De = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(De || {}), el = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(el || {});
+var De = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(De || {}), nl = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(nl || {});
 function ye({ visible: e = !0, features: n = 0, ourProps: t, theirProps: o, ...l }) {
   var s;
   let r = hn(o, t), a = Object.assign(l, { props: r });
@@ -934,7 +973,7 @@ function ct({ props: e, attrs: n, slots: t, slot: o, name: l }) {
   if (a === "template") {
     if (u = pn(u ?? []), Object.keys(i).length > 0 || Object.keys(n).length > 0) {
       let [d, ...x] = u ?? [];
-      if (!nl(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(`
+      if (!ll(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(`
 `)].join(`
 `));
@@ -964,7 +1003,7 @@ function hn(...e) {
   } });
   return n;
 }
-function tl(e) {
+function ol(e) {
   let n = Object.assign({}, e);
   for (let t in n) n[t] === void 0 && delete n[t];
   return n;
@@ -974,11 +1013,11 @@ function ot(e, n = []) {
   for (let o of n) o in t && delete t[o];
   return t;
 }
-function nl(e) {
+function ll(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
 var mn = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(mn || {});
-let ol = pe({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: n, attrs: t }) {
+let sl = pe({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: n, attrs: t }) {
   return () => {
     var o;
     let { features: l, ...s } = e, r = { "aria-hidden": (l & 2) === 2 ? !0 : (o = s["aria-hidden"]) != null ? o : void 0, hidden: (l & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(l & 4) === 4 && (l & 2) !== 2 && { display: "none" } } };
@@ -986,27 +1025,27 @@ let ol = pe({ name: "Hidden", props: { as: { type: [Object, String], default: "d
   };
 } }), gn = Symbol("Context");
 var Re = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(Re || {});
-function ll() {
+function al() {
   return le(gn, null);
 }
-function sl(e) {
+function rl(e) {
   ce(gn, e);
 }
 var Q = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(Q || {}), bn = ((e) => (e[e.Left = 0] = "Left", e[e.Right = 2] = "Right", e))(bn || {});
-function al(e) {
+function il(e) {
   function n() {
     document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", n));
   }
   typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", n), n());
 }
 let ge = [];
-al(() => {
+il(() => {
   function e(n) {
     n.target instanceof HTMLElement && n.target !== document.body && ge[0] !== n.target && (ge.unshift(n.target), ge = ge.filter((t) => t != null && t.isConnected), ge.splice(10));
   }
   window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
 });
-function rl(e) {
+function ul(e) {
   throw new Error("Unexpected object: " + e);
 }
 var q = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(q || {});
@@ -1039,7 +1078,7 @@ function Ht(e, n) {
     case 5:
       return null;
     default:
-      rl(e);
+      ul(e);
   }
 }
 function Cn(e = {}, n = null, t = []) {
@@ -1053,10 +1092,10 @@ function yn(e, n, t) {
   if (Array.isArray(t)) for (let [o, l] of t.entries()) yn(e, xn(n, o.toString()), l);
   else t instanceof Date ? e.push([n, t.toISOString()]) : typeof t == "boolean" ? e.push([n, t ? "1" : "0"]) : typeof t == "string" ? e.push([n, t]) : typeof t == "number" ? e.push([n, `${t}`]) : t == null ? e.push([n, ""]) : Cn(t, n, e);
 }
-function il(e, n) {
+function cl(e, n) {
   return e === n;
 }
-var ul = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(ul || {}), cl = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(cl || {}), dl = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Focus = 1] = "Focus", e[e.Other = 2] = "Other", e))(dl || {});
+var dl = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(dl || {}), fl = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(fl || {}), vl = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Focus = 1] = "Focus", e[e.Other = 2] = "Other", e))(vl || {});
 let wn = Symbol("ComboboxContext");
 function we(e) {
   let n = le(wn, null);
@@ -1066,13 +1105,13 @@ function we(e) {
   }
   return n;
 }
-let _n = Symbol("VirtualContext"), fl = pe({ name: "VirtualProvider", setup(e, { slots: n }) {
+let _n = Symbol("VirtualContext"), pl = pe({ name: "VirtualProvider", setup(e, { slots: n }) {
   let t = we("VirtualProvider"), o = L(() => {
     let a = N(t.optionsRef);
     if (!a) return { start: 0, end: 0 };
     let i = window.getComputedStyle(a);
     return { start: parseFloat(i.paddingBlockStart || i.paddingTop), end: parseFloat(i.paddingBlockEnd || i.paddingBottom) };
-  }), l = ko(L(() => ({ scrollPaddingStart: o.value.start, scrollPaddingEnd: o.value.end, count: t.virtual.value.options.length, estimateSize() {
+  }), l = Ao(L(() => ({ scrollPaddingStart: o.value.start, scrollPaddingEnd: o.value.end, count: t.virtual.value.options.length, estimateSize() {
     return 40;
   }, getScrollElement() {
     return N(t.optionsRef);
@@ -1088,45 +1127,45 @@ let _n = Symbol("VirtualContext"), fl = pe({ name: "VirtualProvider", setup(e, {
       t.activeOptionIndex.value !== null && t.virtual.value.options.length > t.activeOptionIndex.value && l.value.scrollToIndex(t.activeOptionIndex.value);
     }
   } }, 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" } })))];
-} }), vl = 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 }) {
+} }), hl = 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) : Wo(k, (H) => N(H.dataRef.domRef)), j = p ? A.indexOf(p) : null;
+    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) : Go(k, (H) => N(H.dataRef.domRef)), j = p ? A.indexOf(p) : null;
     return j === -1 && (j = null), { options: A, activeOptionIndex: j };
   }
-  let b = L(() => e.multiple ? 1 : 0), I = L(() => e.nullable), [$, w] = Mo(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;
+  let b = L(() => e.multiple ? 1 : 0), I = L(() => e.nullable), [$, w] = Vo(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);
     }, 1: () => {
-      let p = ne(S.value.value).slice(), k = ne(v), A = p.findIndex((j) => S.compare(k, ne(j)));
+      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 E = L(() => {
+  let S = L(() => {
   });
-  F([E], ([v], [p]) => {
-    if (S.virtual.value && v && p && d.value !== null) {
+  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 S = { comboboxState: l, value: y, mode: b, compare(v, p) {
+  let E = { comboboxState: l, value: y, mode: b, 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]);
     }
-    return e.by === null ? il(v, p) : e.by(v, p);
+    return e.by === null ? cl(v, p) : e.by(v, p);
   }, calculateIndex(v) {
-    return S.virtual.value ? e.by === null ? S.virtual.value.options.indexOf(v) : S.virtual.value.options.findIndex((p) => S.compare(p, v)) : c.value.findIndex((p) => S.compare(p.dataRef.value, 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);
   }, activeOptionIndex: L(() => {
-    if (m.value && d.value === null && (S.virtual.value ? S.virtual.value.options.length > 0 : c.value.length > 0)) {
-      if (S.virtual.value) {
-        let p = S.virtual.value.options.findIndex((k) => {
+    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 = S.virtual.value) != null && A.disabled(k));
+          return !((A = E.virtual.value) != null && A.disabled(k));
         });
         if (p !== -1) return p;
       }
@@ -1138,8 +1177,8 @@ let _n = Symbol("VirtualContext"), fl = pe({ name: "VirtualProvider", setup(e, {
     m.value = !1, !e.disabled && l.value !== 1 && (l.value = 1, d.value = null);
   }, openCombobox() {
     if (m.value = !0, !e.disabled && l.value !== 0) {
-      if (S.value.value) {
-        let v = S.calculateIndex(S.value.value);
+      if (E.value.value) {
+        let v = E.calculateIndex(E.value.value);
         v !== -1 && (d.value = v);
       }
       l.value = 0;
@@ -1149,14 +1188,14 @@ let _n = Symbol("VirtualContext"), fl = pe({ name: "VirtualProvider", setup(e, {
   }, goToOption(v, p, k) {
     m.value = !1, _ !== null && cancelAnimationFrame(_), _ = requestAnimationFrame(() => {
       if (e.disabled || i.value && !u.value.static && l.value === 1) return;
-      if (S.virtual.value) {
-        d.value = v === q.Specific ? p : Ht({ focus: v }, { resolveItems: () => S.virtual.value.options, resolveActiveIndex: () => {
+      if (E.virtual.value) {
+        d.value = v === q.Specific ? p : Ht({ focus: v }, { resolveItems: () => E.virtual.value.options, resolveActiveIndex: () => {
           var H, K;
-          return (K = (H = S.activeOptionIndex.value) != null ? H : S.virtual.value.options.findIndex((ee) => {
+          return (K = (H = E.activeOptionIndex.value) != null ? H : E.virtual.value.options.findIndex((ee) => {
             var Z;
-            return !((Z = S.virtual.value) != null && Z.disabled(ee));
+            return !((Z = E.virtual.value) != null && Z.disabled(ee));
           })) != null ? K : null;
-        }, resolveDisabled: (H) => S.virtual.value.disabled(H), resolveId() {
+        }, resolveDisabled: (H) => E.virtual.value.disabled(H), resolveId() {
           throw new Error("Function not implemented.");
         } }), x.value = k ?? 2;
         return;
@@ -1175,28 +1214,28 @@ let _n = Symbol("VirtualContext"), fl = pe({ name: "VirtualProvider", setup(e, {
     let { dataRef: k } = p;
     V(k.value);
   }, selectActiveOption() {
-    if (S.activeOptionIndex.value !== null) {
-      if (S.virtual.value) V(S.virtual.value.options[S.activeOptionIndex.value]);
+    if (E.activeOptionIndex.value !== null) {
+      if (E.virtual.value) V(E.virtual.value.options[E.activeOptionIndex.value]);
       else {
-        let { dataRef: v } = c.value[S.activeOptionIndex.value];
+        let { dataRef: v } = c.value[E.activeOptionIndex.value];
         V(v.value);
       }
-      S.goToOption(q.Specific, S.activeOptionIndex.value);
+      E.goToOption(q.Specific, E.activeOptionIndex.value);
     }
   }, registerOption(v, p) {
     let k = an({ id: v, dataRef: p });
-    if (S.virtual.value) {
+    if (E.virtual.value) {
       c.value.push(k);
       return;
     }
     T && cancelAnimationFrame(T);
     let A = C((j) => (j.push(k), j));
-    d.value === null && S.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(() => {
+    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();
       c.value = j.options, d.value = j.activeOptionIndex;
     }));
   }, unregisterOption(v, p) {
-    if (_ !== null && cancelAnimationFrame(_), p && (m.value = !0), S.virtual.value) {
+    if (_ !== null && cancelAnimationFrame(_), p && (m.value = !0), E.virtual.value) {
       c.value = c.value.filter((A) => A.id !== v);
       return;
     }
@@ -1206,11 +1245,11 @@ let _n = Symbol("VirtualContext"), fl = pe({ name: "VirtualProvider", setup(e, {
     });
     c.value = k.options, d.value = k.activeOptionIndex, x.value = 2;
   }, isSelected(v) {
-    return ue(b.value, { 0: () => S.compare(ne(S.value.value), ne(v)), 1: () => ne(S.value.value).some((p) => S.compare(ne(p), ne(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))) });
   }, isActive(v) {
-    return d.value === S.calculateIndex(v);
+    return d.value === E.calculateIndex(v);
   } };
-  Yo([r, a, i], () => S.closeCombobox(), L(() => l.value === 0)), ce(wn, S), sl(L(() => ue(l.value, { 0: Re.Open, 1: Re.Closed })));
+  Xo([r, a, i], () => E.closeCombobox(), L(() => l.value === 0)), ce(wn, E), rl(L(() => ue(l.value, { 0: Re.Open, 1: Re.Closed })));
   let D = L(() => {
     var v;
     return (v = N(r)) == null ? void 0 : v.closest("form");
@@ -1219,7 +1258,7 @@ let _n = Symbol("VirtualContext"), fl = pe({ name: "VirtualProvider", setup(e, {
     F([D], () => {
       if (!D.value || e.defaultValue === void 0) return;
       function v() {
-        S.change(e.defaultValue);
+        E.change(e.defaultValue);
       }
       return D.value.addEventListener("reset", v), () => {
         var p;
@@ -1228,8 +1267,8 @@ let _n = Symbol("VirtualContext"), fl = pe({ name: "VirtualProvider", setup(e, {
     }, { immediate: !0 });
   }), () => {
     var v, p, k;
-    let { name: A, disabled: j, form: H, ...K } = e, ee = { open: l.value === 0, disabled: j, activeIndex: S.activeOptionIndex.value, activeOption: S.activeOptionIndex.value === null ? null : S.virtual.value ? S.virtual.value.options[(v = S.activeOptionIndex.value) != null ? v : 0] : (k = (p = S.options.value[S.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(ol, tl({ 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" })]);
+    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(sl, ol({ 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 }) {
@@ -1244,7 +1283,7 @@ pe({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "lab
     return ye({ ourProps: u, theirProps: i, slot: a, attrs: n, slots: t, name: "ComboboxLabel" });
   };
 } });
-let pl = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: n, slots: t, expose: o }) {
+let ml = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: n, slots: t, expose: o }) {
   var l;
   let s = (l = e.id) != null ? l : `headlessui-combobox-button-${je()}`, r = we("ComboboxButton");
   o({ el: r.buttonRef, $el: r.buttonRef });
@@ -1279,13 +1318,13 @@ let pl = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
         return;
     }
   }
-  let u = Qo(L(() => ({ as: e.as, type: n.type })), r.buttonRef);
+  let u = Ko(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" });
   };
-} }), hl = 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 }) {
+} }), gl = 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 };
   l({ el: a.inputRef, $el: a.inputRef });
@@ -1300,10 +1339,10 @@ let pl = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     return N(a.inputRef) ? typeof e.displayValue < "u" && V !== void 0 ? (T = e.displayValue(V)) != null ? T : "" : typeof V == "string" ? V : "" : "";
   });
   se(() => {
-    F([d, a.comboboxState, i], ([T, V], [E, S]) => {
+    F([d, a.comboboxState, i], ([T, V], [S, E]) => {
       if (u.value) return;
       let D = N(a.inputRef);
-      D && ((S === 0 && V === 1 || T !== E) && (D.value = T), requestAnimationFrame(() => {
+      D && ((E === 0 && V === 1 || T !== S) && (D.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;
@@ -1312,10 +1351,10 @@ let pl = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     }, { immediate: !0 }), F([a.comboboxState], ([T], [V]) => {
       if (T === 0 && V === 1) {
         if (u.value) return;
-        let E = N(a.inputRef);
-        if (!E) return;
-        let S = E.value, { selectionStart: D, selectionEnd: v, selectionDirection: p } = E;
-        E.value = "", E.value = S, p !== null ? E.setSelectionRange(D, v, p) : E.setSelectionRange(D, v);
+        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);
       }
     });
   });
@@ -1328,7 +1367,7 @@ let pl = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
       x.value = !1;
     });
   }
-  let b = Do();
+  let b = Po();
   function I(T) {
     switch (u.value = !0, b(() => {
       u.value = !1;
@@ -1373,35 +1412,35 @@ let pl = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     n("change", T), a.nullable.value && a.mode.value === 0 && T.target.value === "" && c(), a.openCombobox();
   }
   function w(T) {
-    var V, E, S;
+    var V, S, E;
     let D = (V = T.relatedTarget) != null ? V : ge.find((v) => v !== T.currentTarget);
-    if (u.value = !1, !((E = N(a.optionsRef)) != null && E.contains(D)) && !((S = N(a.buttonRef)) != null && S.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();
+    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 y(T) {
-    var V, E, S;
+    var V, S, E;
     let D = (V = T.relatedTarget) != null ? V : ge.find((v) => v !== T.currentTarget);
-    (E = N(a.buttonRef)) != null && E.contains(D) || (S = N(a.optionsRef)) != null && S.contains(D) || a.disabled.value || a.immediate.value && a.comboboxState.value !== 0 && (a.openCombobox(), Qe().nextFrame(() => {
+    (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(() => {
       a.setActivationTrigger(1);
     }));
   }
   let _ = L(() => {
-    var T, V, E, S;
-    return (S = (E = (V = e.defaultValue) != null ? V : a.defaultValue.value !== void 0 ? (T = e.displayValue) == null ? void 0 : T.call(e, a.defaultValue.value) : null) != null ? E : a.defaultValue.value) != null ? S : "";
+    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 : "";
   });
   return () => {
-    var T, V, E, S, 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 : (E = a.options.value[a.activeOptionIndex.value]) == null ? void 0 : E.id, "aria-labelledby": (v = (S = N(a.labelRef)) == null ? void 0 : S.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 };
+    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" });
   };
-} }), ml = 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 }) {
+} }), bl = 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()}`;
   o({ el: l.optionsRef, $el: l.optionsRef }), fe(() => {
     l.optionsPropsRef.value.static = e.static;
   }), fe(() => {
     l.optionsPropsRef.value.hold = e.hold;
   });
-  let r = ll(), a = L(() => r !== null ? (r.value & Re.Open) === Re.Open : l.comboboxState.value === 0);
-  Ko({ container: L(() => N(l.optionsRef)), enabled: L(() => l.comboboxState.value === 0), accept(u) {
+  let r = al(), a = L(() => r !== null ? (r.value & Re.Open) === Re.Open : l.comboboxState.value === 0);
+  tl({ container: L(() => N(l.optionsRef)), enabled: L(() => l.comboboxState.value === 0), accept(u) {
     return u.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : u.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(u) {
     u.setAttribute("role", "none");
@@ -1412,9 +1451,9 @@ let pl = 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(fl, {}, t.default)] } : t, features: De.RenderStrategy | De.Static, visible: a.value, name: "ComboboxOptions" });
+    return ye({ ourProps: m, theirProps: C, slot: x, attrs: n, slots: l.virtual.value && l.comboboxState.value === 0 ? { ...t, default: () => [Ve(pl, {}, t.default)] } : t, features: De.RenderStrategy | De.Static, visible: a.value, name: "ComboboxOptions" });
   };
-} }), gl = 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 }) {
+} }), Cl = 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);
   o({ el: r, $el: r });
   let i = L(() => {
@@ -1442,7 +1481,7 @@ let pl = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     let y = l.calculateIndex(e.value);
     l.goToOption(q.Specific, y);
   }
-  let C = Xo();
+  let C = el();
   function b(w) {
     C.update(w);
   }
@@ -1461,7 +1500,7 @@ let pl = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     return ye({ ourProps: _, theirProps: T, slot: y, attrs: t, slots: n, name: "ComboboxOption" });
   };
 } });
-function bl(e, n) {
+function xl(e, n) {
   return h(), g("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1476,7 +1515,7 @@ function bl(e, n) {
     })
   ]);
 }
-function Cl(e, n) {
+function yl(e, n) {
   return h(), g("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1491,7 +1530,7 @@ function Cl(e, n) {
     })
   ]);
 }
-function xl(e, n) {
+function wl(e, n) {
   return h(), g("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1516,22 +1555,22 @@ function dt(e, n) {
   }
   delete e[n];
 }
-function yl() {
+function _l() {
   return Tn().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
 function Tn() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const wl = typeof Proxy == "function", _l = "devtools-plugin:setup", Tl = "plugin:settings:set";
+const Tl = typeof Proxy == "function", Sl = "devtools-plugin:setup", El = "plugin:settings:set";
 let _e, pt;
-function El() {
+function $l() {
   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 Sl() {
-  return El() ? pt.now() : Date.now();
+function Ol() {
+  return $l() ? pt.now() : Date.now();
 }
-class $l {
+class Il {
   constructor(n, t) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = n, this.hook = t;
     const o = {};
@@ -1559,9 +1598,9 @@ class $l {
         s = r;
       },
       now() {
-        return Sl();
+        return Ol();
       }
-    }, t && t.on(Tl, (r, a) => {
+    }, t && t.on(El, (r, a) => {
       r === this.plugin.id && this.fallbacks.setSettings(a);
     }), this.proxiedOn = new Proxy({}, {
       get: (r, a) => this.target ? this.target.on[a] : (...i) => {
@@ -1593,12 +1632,12 @@ class $l {
       t.resolve(await this.target[t.method](...t.args));
   }
 }
-function En(e, n) {
-  const t = e, o = Tn(), l = yl(), s = wl && t.enableEarlyProxy;
+function Sn(e, n) {
+  const t = e, o = Tn(), l = _l(), s = Tl && t.enableEarlyProxy;
   if (l && (o.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !s))
-    l.emit(_l, e, n);
+    l.emit(Sl, e, n);
   else {
-    const r = s ? new $l(t, l) : null;
+    const r = s ? new Il(t, l) : null;
     (o.__VUE_DEVTOOLS_PLUGINS__ = o.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: t,
       setupFn: n,
@@ -1612,7 +1651,7 @@ function En(e, n) {
  * @license MIT
  */
 let Me;
-const Pe = (e) => Me = e, Sn = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
+const Pe = (e) => Me = e, En = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
   /* istanbul ignore next */
   Symbol()
 );
@@ -1624,7 +1663,7 @@ var ae;
   e.direct = "direct", e.patchObject = "patch object", e.patchFunction = "patch function";
 })(ae || (ae = {}));
 const lt = typeof window < "u", Ae = (process.env.NODE_ENV !== "production" || !1) && process.env.NODE_ENV !== "test" && lt, zt = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof global == "object" && global.global === global ? global : typeof globalThis == "object" ? globalThis : { HTMLElement: null };
-function Ol(e, { autoBom: n = !1 } = {}) {
+function Ll(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) {
@@ -1654,16 +1693,16 @@ function Ge(e) {
 }
 const Je = typeof navigator == "object" ? navigator : { userAgent: "" }, On = /Macintosh/.test(Je.userAgent) && /AppleWebKit/.test(Je.userAgent) && !/Safari/.test(Je.userAgent), In = 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 ? Il : (
+  typeof HTMLAnchorElement < "u" && "download" in HTMLAnchorElement.prototype && !On ? kl : (
     // Use msSaveOrOpenBlob as a second approach
-    "msSaveOrOpenBlob" in Je ? Ll : (
+    "msSaveOrOpenBlob" in Je ? Ml : (
       // Fallback to using FileReader and a popup
-      kl
+      Al
     )
   )
 ) : () => {
 };
-function Il(e, n = "download", t) {
+function kl(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() {
     URL.revokeObjectURL(o.href);
@@ -1671,7 +1710,7 @@ function Il(e, n = "download", t) {
     Ge(o);
   }, 0));
 }
-function Ll(e, n = "download", t) {
+function Ml(e, n = "download", t) {
   if (typeof e == "string")
     if ($n(e))
       Lt(e, n, t);
@@ -1682,9 +1721,9 @@ function Ll(e, n = "download", t) {
       });
     }
   else
-    navigator.msSaveOrOpenBlob(Ol(e, t), n);
+    navigator.msSaveOrOpenBlob(Ll(e, t), n);
 }
-function kl(e, n, t, o) {
+function Al(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);
   const l = e.type === "application/octet-stream", s = /constructor/i.test(String(zt.HTMLElement)) || "safari" in zt, r = /CriOS\/[\d]+/.test(navigator.userAgent);
@@ -1717,7 +1756,7 @@ function Ln() {
 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 Ml(e) {
+async function Vl(e) {
   if (!Ln())
     try {
       await navigator.clipboard.writeText(JSON.stringify(e.state.value)), U("Global state copied to clipboard.");
@@ -1727,7 +1766,7 @@ async function Ml(e) {
       U("Failed to serialize the state. Check the console for more details.", "error"), console.error(n);
     }
 }
-async function Al(e) {
+async function Dl(e) {
   if (!Ln())
     try {
       Mn(e, JSON.parse(await navigator.clipboard.readText())), U("Global state pasted from clipboard.");
@@ -1737,7 +1776,7 @@ async function Al(e) {
       U("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(n);
     }
 }
-async function Vl(e) {
+async function Rl(e) {
   try {
     In(new Blob([JSON.stringify(e.state.value)], {
       type: "text/plain;charset=utf-8"
@@ -1747,7 +1786,7 @@ async function Vl(e) {
   }
 }
 let ie;
-function Dl() {
+function Pl() {
   ie || (ie = document.createElement("input"), ie.type = "file", ie.accept = ".json");
   function e() {
     return new Promise((n, t) => {
@@ -1762,9 +1801,9 @@ function Dl() {
   }
   return e;
 }
-async function Rl(e) {
+async function Nl(e) {
   try {
-    const t = await Dl()();
+    const t = await Pl()();
     if (!t)
       return;
     const { text: o, file: l } = t;
@@ -1787,7 +1826,7 @@ function oe(e) {
   };
 }
 const An = "🍍 Pinia (root)", ht = "_root";
-function Pl(e) {
+function Bl(e) {
   return kt(e) ? {
     id: ht,
     label: An
@@ -1796,7 +1835,7 @@ function Pl(e) {
     label: e.$id
   };
 }
-function Nl(e) {
+function Fl(e) {
   if (kt(e)) {
     const t = Array.from(e._s.keys()), o = e._s;
     return {
@@ -1832,7 +1871,7 @@ function Nl(e) {
     value: e[t]
   }))), n;
 }
-function Bl(e) {
+function jl(e) {
   return e ? Array.isArray(e) ? e.reduce((n, t) => (n.keys.push(t.key), n.operations.push(t.type), n.oldValue[t.key] = t.oldValue, n.newValue[t.key] = t.newValue, n), {
     oldValue: {},
     keys: [],
@@ -1845,7 +1884,7 @@ function Bl(e) {
     newValue: e.newValue
   } : {};
 }
-function Fl(e) {
+function Hl(e) {
   switch (e) {
     case ae.direct:
       return "mutation";
@@ -1857,10 +1896,10 @@ function Fl(e) {
       return "unknown";
   }
 }
-let Ee = !0;
-const Ye = [], me = "pinia:mutations", G = "pinia", { assign: jl } = Object, Xe = (e) => "🍍 " + e;
-function Hl(e, n) {
-  En({
+let Se = !0;
+const Ye = [], me = "pinia:mutations", J = "pinia", { assign: zl } = Object, Xe = (e) => "🍍 " + e;
+function Zl(e, n) {
+  Sn({
     id: "dev.esm.pinia",
     label: "Pinia 🍍",
     logo: "https://pinia.vuejs.org/logo.svg",
@@ -1874,7 +1913,7 @@ function Hl(e, n) {
       label: "Pinia 🍍",
       color: 15064968
     }), t.addInspector({
-      id: G,
+      id: J,
       label: "Pinia 🍍",
       icon: "storage",
       treeFilterPlaceholder: "Search stores",
@@ -1882,28 +1921,28 @@ function Hl(e, n) {
         {
           icon: "content_copy",
           action: () => {
-            Ml(n);
+            Vl(n);
           },
           tooltip: "Serialize and copy the state"
         },
         {
           icon: "content_paste",
           action: async () => {
-            await Al(n), t.sendInspectorTree(G), t.sendInspectorState(G);
+            await Dl(n), t.sendInspectorTree(J), t.sendInspectorState(J);
           },
           tooltip: "Replace the state with the content of your clipboard"
         },
         {
           icon: "save",
           action: () => {
-            Vl(n);
+            Rl(n);
           },
           tooltip: "Save the state as a JSON file"
         },
         {
           icon: "folder_open",
           action: async () => {
-            await Rl(n), t.sendInspectorTree(G), t.sendInspectorState(G);
+            await Nl(n), t.sendInspectorTree(J), t.sendInspectorState(J);
           },
           tooltip: "Import the state from a JSON file"
         }
@@ -1958,24 +1997,24 @@ function Hl(e, n) {
         });
       }
     }), t.on.getInspectorTree((o) => {
-      if (o.app === e && o.inspectorId === G) {
+      if (o.app === e && o.inspectorId === J) {
         let l = [n];
-        l = l.concat(Array.from(n._s.values())), o.rootNodes = (o.filter ? l.filter((s) => "$id" in s ? s.$id.toLowerCase().includes(o.filter.toLowerCase()) : An.toLowerCase().includes(o.filter.toLowerCase())) : l).map(Pl);
+        l = l.concat(Array.from(n._s.values())), o.rootNodes = (o.filter ? l.filter((s) => "$id" in s ? s.$id.toLowerCase().includes(o.filter.toLowerCase()) : An.toLowerCase().includes(o.filter.toLowerCase())) : l).map(Bl);
       }
     }), t.on.getInspectorState((o) => {
-      if (o.app === e && o.inspectorId === G) {
+      if (o.app === e && o.inspectorId === J) {
         const l = o.nodeId === ht ? n : n._s.get(o.nodeId);
         if (!l)
           return;
-        l && (o.state = Nl(l));
+        l && (o.state = Fl(l));
       }
     }), t.on.editInspectorState((o, l) => {
-      if (o.app === e && o.inspectorId === G) {
+      if (o.app === e && o.inspectorId === J) {
         const s = o.nodeId === ht ? n : n._s.get(o.nodeId);
         if (!s)
           return U(`store "${o.nodeId}" not found`, "error");
         const { path: r } = o;
-        kt(s) ? r.unshift("state") : (r.length !== 1 || !s._customProperties.has(r[0]) || r[0] in s.$state) && r.unshift("$state"), Ee = !1, o.set(s, r, o.state.value), Ee = !0;
+        kt(s) ? r.unshift("state") : (r.length !== 1 || !s._customProperties.has(r[0]) || r[0] in s.$state) && r.unshift("$state"), Se = !1, o.set(s, r, o.state.value), Se = !0;
       }
     }), t.on.editComponentState((o) => {
       if (o.type.startsWith("🍍")) {
@@ -1987,13 +2026,13 @@ function Hl(e, n) {
           return U(`Invalid path for store "${l}":
 ${r}
 Only state can be modified.`);
-        r[0] = "$state", Ee = !1, o.set(s, r, o.state.value), Ee = !0;
+        r[0] = "$state", Se = !1, o.set(s, r, o.state.value), Se = !0;
       }
     });
   });
 }
-function zl(e, n) {
-  Ye.includes(Xe(n.$id)) || Ye.push(Xe(n.$id)), En({
+function Ul(e, n) {
+  Ye.includes(Xe(n.$id)) || Ye.push(Xe(n.$id)), Sn({
     id: "dev.esm.pinia",
     label: "Pinia 🍍",
     logo: "https://pinia.vuejs.org/logo.svg",
@@ -2066,7 +2105,7 @@ function zl(e, n) {
       });
     }, !0), n._customProperties.forEach((r) => {
       F(() => M(n[r]), (a, i) => {
-        t.notifyComponentUpdate(), t.sendInspectorState(G), Ee && t.addTimelineEvent({
+        t.notifyComponentUpdate(), t.sendInspectorState(J), Se && t.addTimelineEvent({
           layerId: me,
           event: {
             time: o(),
@@ -2081,12 +2120,12 @@ function zl(e, n) {
         });
       }, { deep: !0 });
     }), n.$subscribe(({ events: r, type: a }, i) => {
-      if (t.notifyComponentUpdate(), t.sendInspectorState(G), !Ee)
+      if (t.notifyComponentUpdate(), t.sendInspectorState(J), !Se)
         return;
       const u = {
         time: o(),
-        title: Fl(a),
-        data: jl({ store: oe(n.$id) }, Bl(r)),
+        title: Hl(a),
+        data: zl({ store: oe(n.$id) }, jl(r)),
         groupId: de
       };
       a === ae.patchFunction ? u.subtitle = "⤵️" : a === ae.patchObject ? u.subtitle = "🧩" : r && !Array.isArray(r) && (u.subtitle = r.type), r && (u.data["rawEvent(s)"] = {
@@ -2114,12 +2153,12 @@ function zl(e, n) {
             info: oe("HMR update")
           }
         }
-      }), t.notifyComponentUpdate(), t.sendInspectorTree(G), t.sendInspectorState(G);
+      }), t.notifyComponentUpdate(), t.sendInspectorTree(J), t.sendInspectorState(J);
     });
     const { $dispose: s } = n;
     n.$dispose = () => {
-      s(), t.notifyComponentUpdate(), t.sendInspectorTree(G), t.sendInspectorState(G), t.getSettings().logStoreChanges && U(`Disposed "${n.$id}" store 🗑`);
-    }, t.notifyComponentUpdate(), t.sendInspectorTree(G), t.sendInspectorState(G), t.getSettings().logStoreChanges && U(`"${n.$id}" store installed 🆕`);
+      s(), t.notifyComponentUpdate(), t.sendInspectorTree(J), t.sendInspectorState(J), t.getSettings().logStoreChanges && U(`Disposed "${n.$id}" store 🗑`);
+    }, t.notifyComponentUpdate(), t.sendInspectorTree(J), t.sendInspectorState(J), t.getSettings().logStoreChanges && U(`"${n.$id}" store installed 🆕`);
   });
 }
 let Vn = 0, de;
@@ -2140,25 +2179,25 @@ function Zt(e, n, t) {
       return de = void 0, a;
     };
 }
-function Zl({ app: e, store: n, options: t }) {
+function Wl({ app: e, store: n, options: t }) {
   if (n.$id.startsWith("__hot:"))
     return;
   n._isOptionsAPI = !!t.state, Zt(n, Object.keys(t.actions), n._isOptionsAPI);
   const o = n._hotUpdate;
   ne(n)._hotUpdate = function(l) {
     o.apply(this, arguments), Zt(n, Object.keys(l._hmrPayload.actions), !!n._isOptionsAPI);
-  }, zl(
+  }, Ul(
     e,
     // FIXME: is there a way to allow the assignment from Store<Id, S, G, A> to StoreGeneric?
     n
   );
 }
-function Ul() {
+function ql() {
   const e = un(!0), n = e.run(() => O({}));
   let t = [], o = [];
   const l = be({
     install(s) {
-      Pe(l), l._a = s, s.provide(Sn, l), s.config.globalProperties.$pinia = l, Ae && Hl(s, l), o.forEach((r) => t.push(r)), o = [];
+      Pe(l), l._a = s, s.provide(En, l), s.config.globalProperties.$pinia = l, Ae && Zl(s, l), o.forEach((r) => t.push(r)), o = [];
     },
     use(s) {
       return this._a ? t.push(s) : o.push(s), this;
@@ -2171,7 +2210,7 @@ function Ul() {
     _s: /* @__PURE__ */ new Map(),
     state: n
   });
-  return Ae && typeof Proxy < "u" && l.use(Zl), l;
+  return Ae && typeof Proxy < "u" && l.use(Wl), l;
 }
 function Dn(e, n) {
   for (const t in n) {
@@ -2179,7 +2218,7 @@ function Dn(e, n) {
     if (!(t in e))
       continue;
     const l = e[t];
-    Ce(l) && Ce(o) && !$e(o) && !Et(o) ? e[t] = Dn(l, o) : e[t] = o;
+    Ce(l) && Ce(o) && !$e(o) && !St(o) ? e[t] = Dn(l, o) : e[t] = o;
   }
   return e;
 }
@@ -2198,23 +2237,23 @@ function Te(e, ...n) {
     t(...n);
   });
 }
-const Wl = (e) => e();
+const Gl = (e) => e();
 function mt(e, n) {
   e instanceof Map && n instanceof Map && n.forEach((t, o) => e.set(o, t)), e instanceof Set && n instanceof Set && n.forEach(e.add, e);
   for (const t in n) {
     if (!n.hasOwnProperty(t))
       continue;
     const o = n[t], l = e[t];
-    Ce(l) && Ce(o) && e.hasOwnProperty(t) && !$e(o) && !Et(o) ? e[t] = mt(l, o) : e[t] = o;
+    Ce(l) && Ce(o) && e.hasOwnProperty(t) && !$e(o) && !St(o) ? e[t] = mt(l, o) : e[t] = o;
   }
   return e;
 }
-const ql = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
+const Jl = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
   /* istanbul ignore next */
   Symbol()
 );
-function Gl(e) {
-  return !Ce(e) || !e.hasOwnProperty(ql);
+function Yl(e) {
+  return !Ce(e) || !e.hasOwnProperty(Jl);
 }
 const { assign: te } = Object;
 function Wt(e) {
@@ -2247,7 +2286,7 @@ function gt(e, n, t = {}, o, l, s) {
     // flush: 'post',
   };
   process.env.NODE_ENV !== "production" && (i.onTrigger = (v) => {
-    u ? m = v : u == !1 && !E._hotUpdating && (Array.isArray(m) ? m.push(v) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+    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];
@@ -2298,13 +2337,13 @@ function gt(e, n, t = {}, o, l, s) {
       Te(x, {
         args: k,
         name: v,
-        store: E,
+        store: S,
         after: H,
         onError: K
       });
       let ee;
       try {
-        ee = p.apply(this && this.$id === e ? this : E, k);
+        ee = p.apply(this && this.$id === e ? this : S, k);
       } catch (Z) {
         throw Te(j, Z), Z;
       }
@@ -2334,7 +2373,7 @@ function gt(e, n, t = {}, o, l, s) {
       return k;
     },
     $dispose: y
-  }, E = an(process.env.NODE_ENV !== "production" || Ae ? te(
+  }, S = an(process.env.NODE_ENV !== "production" || Ae ? te(
     {
       _hmrPayload: T,
       _customProperties: be(/* @__PURE__ */ new Set())
@@ -2344,12 +2383,12 @@ function gt(e, n, t = {}, o, l, s) {
     // must be added later
     // setupStore
   ) : V);
-  o._s.set(e, E);
-  const D = (o._a && o._a.runWithContext || Wl)(() => o._e.run(() => (r = un()).run(n)));
+  o._s.set(e, S);
+  const D = (o._a && o._a.runWithContext || Gl)(() => o._e.run(() => (r = un()).run(n)));
   for (const v in D) {
     const p = D[v];
-    if ($e(p) && !Wt(p) || Et(p))
-      process.env.NODE_ENV !== "production" && l ? We(b.value, v, it(D, v)) : s || (C && Gl(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);
+    if ($e(p) && !Wt(p) || St(p))
+      process.env.NODE_ENV !== "production" && l ? We(b.value, v, it(D, v)) : s || (C && Yl(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);
     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;
@@ -2359,7 +2398,7 @@ function gt(e, n, t = {}, o, l, s) {
     ) : p, lt && (D._getters || // @ts-expect-error: same
     (D._getters = be([]))).push(v));
   }
-  if (te(E, D), te(ne(E), D), Object.defineProperty(E, "$state", {
+  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],
     set: (v) => {
       if (process.env.NODE_ENV !== "production" && l)
@@ -2368,34 +2407,34 @@ function gt(e, n, t = {}, o, l, s) {
         te(p, v);
       });
     }
-  }), process.env.NODE_ENV !== "production" && (E._hotUpdate = be((v) => {
-    E._hotUpdating = !0, v._hmrPayload.state.forEach((p) => {
-      if (p in E.$state) {
-        const k = v.$state[p], A = E.$state[p];
+  }), 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;
       }
-      We(E, p, it(v.$state, p));
-    }), Object.keys(E.$state).forEach((p) => {
-      p in v.$state || dt(E, p);
+      We(S, p, it(v.$state, p));
+    }), Object.keys(S.$state).forEach((p) => {
+      p in v.$state || dt(S, p);
     }), u = !1, c = !1, o.state.value[e] = it(v._hmrPayload, "hotState"), c = !0, X().then(() => {
       u = !0;
     });
     for (const p in v._hmrPayload.actions) {
       const k = v[p];
-      We(E, p, _(p, k));
+      We(S, p, _(p, k));
     }
     for (const p in v._hmrPayload.getters) {
       const k = v._hmrPayload.getters[p], A = s ? (
         // special handling of options api
-        L(() => (Pe(o), k.call(E, E)))
+        L(() => (Pe(o), k.call(S, S)))
       ) : k;
-      We(E, p, A);
+      We(S, p, A);
     }
-    Object.keys(E._hmrPayload.getters).forEach((p) => {
-      p in v._hmrPayload.getters || dt(E, p);
-    }), Object.keys(E._hmrPayload.actions).forEach((p) => {
-      p in v._hmrPayload.actions || dt(E, p);
-    }), E._hmrPayload = v._hmrPayload, E._getters = v._getters, E._hotUpdating = !1;
+    Object.keys(S._hmrPayload.getters).forEach((p) => {
+      p in v._hmrPayload.getters || dt(S, p);
+    }), Object.keys(S._hmrPayload.actions).forEach((p) => {
+      p in v._hmrPayload.actions || dt(S, p);
+    }), S._hmrPayload = v._hmrPayload, S._getters = v._getters, S._hotUpdating = !1;
   })), Ae) {
     const v = {
       writable: !0,
@@ -2404,28 +2443,28 @@ function gt(e, n, t = {}, o, l, s) {
       enumerable: !1
     };
     ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((p) => {
-      Object.defineProperty(E, p, te({ value: E[p] }, v));
+      Object.defineProperty(S, p, te({ value: S[p] }, v));
     });
   }
   return o._p.forEach((v) => {
     if (Ae) {
       const p = r.run(() => v({
-        store: E,
+        store: S,
         app: o._a,
         pinia: o,
         options: a
       }));
-      Object.keys(p || {}).forEach((k) => E._customProperties.add(k)), te(E, p);
+      Object.keys(p || {}).forEach((k) => S._customProperties.add(k)), te(S, p);
     } else
-      te(E, r.run(() => v({
-        store: E,
+      te(S, r.run(() => v({
+        store: S,
         app: o._a,
         pinia: o,
         options: a
       })));
-  }), process.env.NODE_ENV !== "production" && E.$state && typeof E.$state == "object" && typeof E.$state.constructor == "function" && !E.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
+  }), 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 "${E.$id}".`), C && s && t.hydrate && t.hydrate(E.$state, C), u = !0, c = !0, E;
+Found in store "${S.$id}".`), C && s && t.hydrate && t.hydrate(S.$state, C), u = !0, c = !0, S;
 }
 function He(e, n, t) {
   let o, l;
@@ -2438,7 +2477,7 @@ function He(e, n, t) {
     const u = Wn();
     if (a = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
-    (process.env.NODE_ENV === "test" && Me && Me._testing ? null : a) || (u ? le(Sn, null) : null), a && Pe(a), process.env.NODE_ENV !== "production" && !Me)
+    (process.env.NODE_ENV === "test" && Me && Me._testing ? null : a) || (u ? le(En, null) : null), a && Pe(a), process.env.NODE_ENV !== "production" && !Me)
       throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
 See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
 This will fail in production.`);
@@ -2487,7 +2526,7 @@ const xe = He("loader", () => {
     )), a = (i) => {
       i.target.value = "", l.value = "", s.value && s.value.$el.click();
     };
-    return (i, u) => (h(), W(M(vl), {
+    return (i, u) => (h(), W(M(hl), {
       modelValue: o.value,
       "onUpdate:modelValue": u[3] || (u[3] = (c) => o.value = c),
       disabled: M(n).loading,
@@ -2495,19 +2534,19 @@ const xe = He("loader", () => {
       class: "relative mt-1"
     }, {
       default: ze(() => [
-        B(M(hl), {
+        B(M(gl), {
           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(pl), {
+        B(M(ml), {
           ref_key: "btnSelect",
           ref: s,
           class: "absolute inset-y-0 right-0 flex items-center pr-2"
         }, {
           default: ze(() => [
-            B(M(Cl), {
+            B(M(yl), {
               class: "h-5 w-5 text-base-content/50",
               "aria-hidden": "true",
               onClick: u[2] || (u[2] = (c) => a(c))
@@ -2515,22 +2554,22 @@ const xe = He("loader", () => {
           ]),
           _: 1
         }, 512),
-        B(M(ml), { 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(M(bl), { 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(gl), {
+            (h(!0), g(z, null, Y(r.value, ([c, d]) => (h(), W(M(Cl), {
               key: c,
               value: c
             }, {
               default: ze(({ active: x, selected: m }) => [
                 f("li", {
-                  class: R([
+                  class: P([
                     "relative cursor-default select-none py-2 pl-3 pr-9",
                     x ? "bg-primary text-primary-content" : "text-base-content"
                   ])
                 }, [
                   f("span", {
-                    class: R(["block truncate", m && "font-semibold"])
-                  }, J(d), 3)
+                    class: P(["block truncate", m && "font-semibold"])
+                  }, G(d), 3)
                 ], 2)
               ]),
               _: 2
@@ -2542,11 +2581,11 @@ const xe = He("loader", () => {
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}, Jl = ["disabled"], Yl = /* @__PURE__ */ Be('<svg class="w-4 h-4 text-primary" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.68688 2.3131C3.88214 2.50837 3.88214 2.82495 3.68688 3.02021L2.04043 4.66666L3.68688 6.3131C3.88214 6.50837 3.88214 6.82495 3.68688 7.02021C3.49162 7.21547 3.17504 7.21547 2.97977 7.02021L0.979775 5.02021C0.784513 4.82495 0.784513 4.50837 0.979775 4.3131L2.97977 2.3131C3.17504 2.11784 3.49162 2.11784 3.68688 2.3131Z" fill="currentColor"></path><path d="M12.3131 8.97977C12.5084 8.78451 12.825 8.78451 13.0202 8.97977L15.0202 10.9798C15.2155 11.175 15.2155 11.4916 15.0202 11.6869L13.0202 13.6869C12.825 13.8821 12.5084 13.8821 12.3131 13.6869C12.1178 13.4916 12.1178 13.175 12.3131 12.9798L13.9596 11.3333L12.3131 9.68688C12.1178 9.49161 12.1178 9.17503 12.3131 8.97977Z" fill="currentColor"></path><path d="M0.833328 4.66666C0.833328 4.39051 1.05719 4.16666 1.33333 4.16666H14.6667C14.9428 4.16666 15.1667 4.39051 15.1667 4.66666C15.1667 4.9428 14.9428 5.16666 14.6667 5.16666H1.33333C1.05719 5.16666 0.833328 4.9428 0.833328 4.66666Z" fill="currentColor"></path><path d="M0.833328 11.3333C0.833328 11.0572 1.05719 10.8333 1.33333 10.8333H14.6667C14.9428 10.8333 15.1667 11.0572 15.1667 11.3333C15.1667 11.6095 14.9428 11.8333 14.6667 11.8333H1.33333C1.05719 11.8333 0.833328 11.6095 0.833328 11.3333Z" fill="currentColor"></path></svg>', 1), Ql = [
-  Yl
-], Xl = ["disabled"], Kl = /* @__PURE__ */ Be('<svg class="w-4 h-4 text-primary" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.68688 2.3131C3.88214 2.50837 3.88214 2.82495 3.68688 3.02021L2.04043 4.66666L3.68688 6.3131C3.88214 6.50837 3.88214 6.82495 3.68688 7.02021C3.49162 7.21547 3.17504 7.21547 2.97977 7.02021L0.979775 5.02021C0.784513 4.82495 0.784513 4.50837 0.979775 4.3131L2.97977 2.3131C3.17504 2.11784 3.49162 2.11784 3.68688 2.3131Z" fill="currentColor"></path><path d="M12.3131 8.97977C12.5084 8.78451 12.825 8.78451 13.0202 8.97977L15.0202 10.9798C15.2155 11.175 15.2155 11.4916 15.0202 11.6869L13.0202 13.6869C12.825 13.8821 12.5084 13.8821 12.3131 13.6869C12.1178 13.4916 12.1178 13.175 12.3131 12.9798L13.9596 11.3333L12.3131 9.68688C12.1178 9.49161 12.1178 9.17503 12.3131 8.97977Z" fill="currentColor"></path><path d="M0.833328 4.66666C0.833328 4.39051 1.05719 4.16666 1.33333 4.16666H14.6667C14.9428 4.16666 15.1667 4.39051 15.1667 4.66666C15.1667 4.9428 14.9428 5.16666 14.6667 5.16666H1.33333C1.05719 5.16666 0.833328 4.9428 0.833328 4.66666Z" fill="currentColor"></path><path d="M0.833328 11.3333C0.833328 11.0572 1.05719 10.8333 1.33333 10.8333H14.6667C14.9428 10.8333 15.1667 11.0572 15.1667 11.3333C15.1667 11.6095 14.9428 11.8333 14.6667 11.8333H1.33333C1.05719 11.8333 0.833328 11.6095 0.833328 11.3333Z" fill="currentColor"></path></svg>', 1), es = [
-  Kl
-], ts = {
+}, Ql = ["disabled"], Xl = /* @__PURE__ */ Be('<svg class="w-4 h-4 text-primary" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.68688 2.3131C3.88214 2.50837 3.88214 2.82495 3.68688 3.02021L2.04043 4.66666L3.68688 6.3131C3.88214 6.50837 3.88214 6.82495 3.68688 7.02021C3.49162 7.21547 3.17504 7.21547 2.97977 7.02021L0.979775 5.02021C0.784513 4.82495 0.784513 4.50837 0.979775 4.3131L2.97977 2.3131C3.17504 2.11784 3.49162 2.11784 3.68688 2.3131Z" fill="currentColor"></path><path d="M12.3131 8.97977C12.5084 8.78451 12.825 8.78451 13.0202 8.97977L15.0202 10.9798C15.2155 11.175 15.2155 11.4916 15.0202 11.6869L13.0202 13.6869C12.825 13.8821 12.5084 13.8821 12.3131 13.6869C12.1178 13.4916 12.1178 13.175 12.3131 12.9798L13.9596 11.3333L12.3131 9.68688C12.1178 9.49161 12.1178 9.17503 12.3131 8.97977Z" fill="currentColor"></path><path d="M0.833328 4.66666C0.833328 4.39051 1.05719 4.16666 1.33333 4.16666H14.6667C14.9428 4.16666 15.1667 4.39051 15.1667 4.66666C15.1667 4.9428 14.9428 5.16666 14.6667 5.16666H1.33333C1.05719 5.16666 0.833328 4.9428 0.833328 4.66666Z" fill="currentColor"></path><path d="M0.833328 11.3333C0.833328 11.0572 1.05719 10.8333 1.33333 10.8333H14.6667C14.9428 10.8333 15.1667 11.0572 15.1667 11.3333C15.1667 11.6095 14.9428 11.8333 14.6667 11.8333H1.33333C1.05719 11.8333 0.833328 11.6095 0.833328 11.3333Z" fill="currentColor"></path></svg>', 1), Kl = [
+  Xl
+], es = ["disabled"], ts = /* @__PURE__ */ Be('<svg class="w-4 h-4 text-primary" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.68688 2.3131C3.88214 2.50837 3.88214 2.82495 3.68688 3.02021L2.04043 4.66666L3.68688 6.3131C3.88214 6.50837 3.88214 6.82495 3.68688 7.02021C3.49162 7.21547 3.17504 7.21547 2.97977 7.02021L0.979775 5.02021C0.784513 4.82495 0.784513 4.50837 0.979775 4.3131L2.97977 2.3131C3.17504 2.11784 3.49162 2.11784 3.68688 2.3131Z" fill="currentColor"></path><path d="M12.3131 8.97977C12.5084 8.78451 12.825 8.78451 13.0202 8.97977L15.0202 10.9798C15.2155 11.175 15.2155 11.4916 15.0202 11.6869L13.0202 13.6869C12.825 13.8821 12.5084 13.8821 12.3131 13.6869C12.1178 13.4916 12.1178 13.175 12.3131 12.9798L13.9596 11.3333L12.3131 9.68688C12.1178 9.49161 12.1178 9.17503 12.3131 8.97977Z" fill="currentColor"></path><path d="M0.833328 4.66666C0.833328 4.39051 1.05719 4.16666 1.33333 4.16666H14.6667C14.9428 4.16666 15.1667 4.39051 15.1667 4.66666C15.1667 4.9428 14.9428 5.16666 14.6667 5.16666H1.33333C1.05719 5.16666 0.833328 4.9428 0.833328 4.66666Z" fill="currentColor"></path><path d="M0.833328 11.3333C0.833328 11.0572 1.05719 10.8333 1.33333 10.8333H14.6667C14.9428 10.8333 15.1667 11.0572 15.1667 11.3333C15.1667 11.6095 14.9428 11.8333 14.6667 11.8333H1.33333C1.05719 11.8333 0.833328 11.6095 0.833328 11.3333Z" fill="currentColor"></path></svg>', 1), ns = [
+  ts
+], os = {
   __name: "SwapBtn",
   props: {
     isBidirect: {
@@ -2561,10 +2600,10 @@ const xe = He("loader", () => {
       key: 1,
       onClick: r[0] || (r[0] = (a) => l("swap")),
       disabled: o.value
-    }, es, 8, Xl)) : (h(), g("button", {
+    }, ns, 8, es)) : (h(), g("button", {
       key: 0,
       disabled: o.value
-    }, Ql, 8, Jl));
+    }, Kl, 8, Ql));
   }
 }, Oe = He("language", () => {
   const e = O("auto"), n = O("vi"), t = O({
@@ -2583,16 +2622,16 @@ const xe = He("loader", () => {
     return t.value.src[i] || t.value.target[i];
   }
   return { languages: t, src: e, target: n, srcLabel: o, targetLabel: l, init: s, swap: r, getLabel: a };
-}), ns = {
+}), ls = {
   key: 0,
   class: "flex flex-col"
-}, os = { class: "flex" }, ls = { class: "grow flex flex-col" }, ss = {
+}, ss = { class: "flex" }, as = { class: "grow flex flex-col" }, rs = {
   key: 0,
   class: "flex mt-1 space-x-1"
-}, as = ["onClick"], rs = { class: "grow flex flex-col" }, is = {
+}, is = ["onClick"], us = { class: "grow flex flex-col" }, cs = {
   key: 0,
   class: "flex mt-1 space-x-1 justify-end"
-}, us = ["onClick"], cs = { class: "flex" }, ds = { class: "grow flex flex-col" }, fs = { class: "grow flex flex-col" }, Jt = 3, vs = {
+}, ds = ["onClick"], fs = { class: "flex" }, vs = { class: "grow flex flex-col" }, ps = { class: "grow flex flex-col" }, Jt = 3, hs = {
   __name: "Selects",
   setup(e) {
     const n = Oe(), t = O([]), o = O([]);
@@ -2612,29 +2651,29 @@ 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", ns, [
-      f("div", os, [
-        f("div", ls, [
-          t.value.length > 0 ? (h(), g("div", ss, [
+    ), (s, r) => M(n).languages ? (h(), g("div", ls, [
+      f("div", ss, [
+        f("div", as, [
+          t.value.length > 0 ? (h(), g("div", rs, [
             (h(!0), g(z, null, Y(t.value, (a) => (h(), g("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
-            }, J(M(n).languages.src[a]), 9, as))), 128))
-          ])) : P("", !0)
+            }, G(M(n).languages.src[a]), 9, is))), 128))
+          ])) : R("", !0)
         ]),
-        f("div", rs, [
-          o.value.length > 0 ? (h(), g("div", is, [
+        f("div", us, [
+          o.value.length > 0 ? (h(), g("div", cs, [
             (h(!0), g(z, null, Y(o.value, (a) => (h(), g("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
-            }, J(M(n).languages.target[a]), 9, us))), 128))
-          ])) : P("", !0)
+            }, G(M(n).languages.target[a]), 9, ds))), 128))
+          ])) : R("", !0)
         ])
       ]),
-      f("div", cs, [
-        f("div", ds, [
+      f("div", fs, [
+        f("div", vs, [
           B(Gt, {
             modelValue: M(n).src,
             "onUpdate:modelValue": r[0] || (r[0] = (a) => M(n).src = a),
@@ -2642,12 +2681,12 @@ const xe = He("loader", () => {
             class: "grow"
           }, null, 8, ["modelValue", "languages"])
         ]),
-        B(ts, {
+        B(os, {
           isBidirect: M(n).src !== "auto",
           class: "grow-0 mx-3 mt-4 self-start",
           onSwap: l
         }, null, 8, ["isBidirect"]),
-        f("div", fs, [
+        f("div", ps, [
           B(Gt, {
             modelValue: M(n).target,
             "onUpdate:modelValue": r[1] || (r[1] = (a) => M(n).target = a),
@@ -2656,7 +2695,7 @@ const xe = He("loader", () => {
           }, null, 8, ["modelValue", "languages"])
         ])
       ])
-    ])) : P("", !0);
+    ])) : R("", !0);
   }
 }, Ie = {
   INPUT_MAX_LENGTH: 5e3,
@@ -2668,11 +2707,11 @@ const xe = He("loader", () => {
   for (const [o, l] of n)
     t[o] = l;
   return t;
-}, ps = {}, hs = { class: "mr-2 loading loading-dots loading-xs" };
-function ms(e, n) {
-  return h(), g("span", hs);
+}, ms = {}, gs = { class: "mr-2 loading loading-dots loading-xs" };
+function bs(e, n) {
+  return h(), g("span", gs);
 }
-const Mt = /* @__PURE__ */ he(ps, [["render", ms]]), bt = He("tts", () => {
+const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
   const e = O({
     src: null,
     target: null
@@ -2696,12 +2735,12 @@ const Mt = /* @__PURE__ */ he(ps, [["render", ms]]), bt = He("tts", () => {
     get: t,
     reset: o
   };
-}), gs = ["disabled"], bs = /* @__PURE__ */ f("path", {
+}), Cs = ["disabled"], xs = /* @__PURE__ */ f("path", {
   d: "M2.33325 4.66667H3.51125C3.82693 4.6667 4.13239 4.55473 4.37325 4.35067L6.83392 2.26667C6.99592 2.12953 7.19374 2.04156 7.40407 2.01312C7.61441 1.98468 7.82849 2.01696 8.02109 2.10615C8.21369 2.19534 8.37678 2.33772 8.49114 2.51652C8.60551 2.69532 8.66638 2.90309 8.66659 3.11534V12.8847C8.66649 13.097 8.60565 13.305 8.49125 13.4839C8.37685 13.6628 8.21367 13.8053 8.02094 13.8945C7.82822 13.9837 7.614 14.0159 7.40356 13.9874C7.19312 13.9588 6.99523 13.8707 6.83325 13.7333L4.37325 11.6487C4.13229 11.4449 3.82685 11.3331 3.51125 11.3333H2.33325C2.06804 11.3333 1.81368 11.228 1.62615 11.0404C1.43861 10.8529 1.33325 10.5986 1.33325 10.3333V5.66667C1.33325 5.40145 1.43861 5.1471 1.62615 4.95956C1.81368 4.77203 2.06804 4.66667 2.33325 4.66667ZM11.1779 11.18C11.5969 10.763 11.9294 10.2674 12.1562 9.72156C12.3831 9.17572 12.4999 8.59044 12.4999 7.99934C12.4999 7.40823 12.3831 6.82295 12.1562 6.27711C11.9294 5.73127 11.5969 5.23564 11.1779 4.81867C11.1317 4.77098 11.0765 4.73297 11.0155 4.70686C10.9544 4.68075 10.8888 4.66705 10.8224 4.66657C10.756 4.66609 10.6902 4.67883 10.6288 4.70406C10.5674 4.72929 10.5116 4.76649 10.4647 4.8135C10.4179 4.86051 10.3808 4.91639 10.3558 4.97787C10.3307 5.03935 10.3181 5.10521 10.3188 5.17159C10.3195 5.23798 10.3334 5.30357 10.3597 5.36453C10.3859 5.42549 10.4241 5.48061 10.4719 5.52667C10.7977 5.85079 11.0562 6.23609 11.2326 6.66043C11.409 7.08477 11.4998 7.53979 11.4998 7.99934C11.4998 8.45888 11.409 8.9139 11.2326 9.33824C11.0562 9.76258 10.7977 10.1479 10.4719 10.472C10.4241 10.5181 10.3859 10.5732 10.3597 10.6341C10.3334 10.6951 10.3195 10.7607 10.3188 10.8271C10.3181 10.8935 10.3307 10.9593 10.3558 11.0208C10.3808 11.0823 10.4179 11.1382 10.4647 11.1852C10.5116 11.2322 10.5674 11.2694 10.6288 11.2946C10.6902 11.3198 10.756 11.3326 10.8224 11.3321C10.8888 11.3316 10.9544 11.3179 11.0155 11.2918C11.0765 11.2657 11.1317 11.2277 11.1779 11.18ZM12.7113 13.2127C12.6123 13.2126 12.5157 13.1832 12.4335 13.1281C12.3513 13.0731 12.2873 12.9949 12.2495 12.9035C12.2118 12.8121 12.202 12.7115 12.2214 12.6146C12.2408 12.5176 12.2886 12.4285 12.3586 12.3587C12.9317 11.7866 13.3865 11.1071 13.6967 10.359C14.0069 9.61101 14.1666 8.80915 14.1666 7.99934C14.1666 7.18952 14.0069 6.38766 13.6967 5.63963C13.3865 4.8916 12.9317 4.2121 12.3586 3.64C12.3122 3.59351 12.2754 3.53834 12.2503 3.47764C12.2252 3.41693 12.2124 3.35188 12.2124 3.2862C12.2125 3.22052 12.2255 3.15549 12.2507 3.09483C12.2759 3.03417 12.3128 2.97907 12.3593 2.93267C12.4057 2.88627 12.4609 2.84948 12.5216 2.8244C12.5823 2.79932 12.6474 2.78645 12.7131 2.78651C12.7787 2.78657 12.8438 2.79957 12.9044 2.82476C12.9651 2.84995 13.0202 2.88685 13.0666 2.93334C13.7327 3.59825 14.2612 4.38801 14.6218 5.25741C14.9824 6.12681 15.168 7.05879 15.168 8C15.168 8.94122 14.9824 9.87319 14.6218 10.7426C14.2612 11.612 13.7327 12.4018 13.0666 13.0667C13.02 13.1134 12.9646 13.1504 12.9036 13.1756C12.8426 13.2007 12.7772 13.2129 12.7113 13.2127Z",
   fill: "currentColor"
-}, null, -1), Cs = [
-  bs
-], xs = /* @__PURE__ */ f("svg", {
+}, null, -1), ys = [
+  xs
+], ws = /* @__PURE__ */ f("svg", {
   class: "w-4 h-4 text-primary",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2713,9 +2752,9 @@ const Mt = /* @__PURE__ */ he(ps, [["render", ms]]), bt = He("tts", () => {
     "clip-rule": "evenodd",
     fill: "currentColor"
   })
-], -1), ys = [
-  xs
-], ws = {
+], -1), _s = [
+  ws
+], Ts = {
   __name: "SpeakBtn",
   props: {
     type: {
@@ -2761,9 +2800,9 @@ const Mt = /* @__PURE__ */ he(ps, [["render", ms]]), bt = He("tts", () => {
       key: 1,
       class: "btn btn-xs btn-circle",
       onClick: ft(d, ["prevent"])
-    }, ys)) : (h(), g("button", {
+    }, _s)) : (h(), g("button", {
       key: 0,
-      class: R(["btn btn-xs btn-circle", [
+      class: P(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
         { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
       ]]),
@@ -2771,75 +2810,75 @@ const Mt = /* @__PURE__ */ he(ps, [["render", ms]]), bt = He("tts", () => {
       onClick: ft(u, ["prevent"])
     }, [
       (h(), g("svg", {
-        class: R(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
+        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"
-      }, Cs, 2))
-    ], 10, gs));
+      }, ys, 2))
+    ], 10, Cs));
   }
-}, _s = {
+}, Ss = {
   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"
-}, Ts = ["disabled"], Es = /* @__PURE__ */ f("path", {
+}, Es = ["disabled"], $s = /* @__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), Ss = /* @__PURE__ */ f("path", {
+}, null, -1), Os = /* @__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), $s = [
-  Es,
-  Ss
+}, null, -1), Is = [
+  $s,
+  Os
 ], Pn = {
   __name: "ClearBtn",
   props: {
     disabled: Boolean
   },
   setup(e) {
-    return (n, t) => (h(), g("div", _s, [
+    return (n, t) => (h(), g("div", Ss, [
       f("button", {
-        class: R(["btn btn-xs btn-circle", [
+        class: P(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
           { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
         ]]),
         disabled: e.disabled
       }, [
         (h(), g("svg", {
-          class: R(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
+          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"
-        }, $s, 2))
-      ], 10, Ts)
+        }, Is, 2))
+      ], 10, Es)
     ]));
   }
-}, Os = {
+}, Ls = {
   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": "Favorite"
-}, Is = ["disabled"], Ls = /* @__PURE__ */ f("path", {
+}, ks = ["disabled"], Ms = /* @__PURE__ */ f("path", {
   d: "M14.9491 5.89315C14.8278 5.53128 14.5111 5.27252 14.1226 5.21783L10.5264 4.7114L8.91813 1.55315C8.74435 1.21195 8.39257 1 7.99998 1C7.60739 1 7.25557 1.21195 7.08183 1.55315L5.47358 4.7114L1.8774 5.21783C1.48888 5.27252 1.17219 5.53128 1.05086 5.89315C0.929554 6.25501 1.02881 6.64477 1.30993 6.91038L3.91217 9.36871L3.29786 12.8399C3.2315 13.215 3.38755 13.5868 3.7052 13.8105C3.88128 13.9344 4.08938 14 4.30704 14C4.47232 14 4.63705 13.9606 4.78341 13.886L7.99995 12.2471L11.2165 13.886C11.3628 13.9606 11.5276 14 11.6929 14C11.9106 14 12.1187 13.9345 12.2948 13.8105C12.6124 13.5868 12.7685 13.215 12.7021 12.84L12.0878 9.36871L14.6901 6.91035C14.9712 6.64477 15.0704 6.25498 14.9491 5.89315ZM14.0266 6.25082L11.2455 8.87813C11.1335 8.98392 11.0824 9.13637 11.1089 9.28575L11.7654 12.9956C11.7701 13.0226 11.759 13.0493 11.7362 13.0653C11.7202 13.0766 11.7038 13.079 11.6929 13.079C11.6809 13.079 11.6694 13.0762 11.6587 13.0708L8.22108 11.3192C8.15189 11.284 8.07593 11.2663 7.99998 11.2663C7.92402 11.2663 7.84807 11.284 7.77882 11.3193L4.34118 13.0708C4.33052 13.0763 4.31904 13.079 4.30701 13.079C4.29611 13.079 4.27969 13.0767 4.26373 13.0654C4.24092 13.0494 4.22975 13.0226 4.2345 12.9957L4.89104 9.28584C4.91747 9.13646 4.86637 8.98401 4.75439 8.87822L1.97327 6.25091C1.95308 6.23184 1.94595 6.20383 1.95466 6.17786C1.9634 6.15185 1.98612 6.13326 2.01405 6.12933L5.85743 5.58807C6.0122 5.56626 6.14599 5.47208 6.21521 5.33616L7.93404 1.9608C7.94653 1.9363 7.97178 1.92107 7.99998 1.92107C8.02818 1.92107 8.05343 1.9363 8.06591 1.9608L9.78468 5.33607C9.85391 5.47199 9.9877 5.5662 10.1425 5.58799L13.9859 6.12924C14.0138 6.1332 14.0365 6.15176 14.0452 6.17777C14.0539 6.20374 14.0468 6.23175 14.0266 6.25082Z",
   fill: "currentColor"
-}, null, -1), ks = [
-  Ls
-], Ms = /* @__PURE__ */ f("path", {
-  d: "M7.47207 1.31905C7.57125 1.12371 7.77589 1 8.00001 1C8.22413 1 8.42877 1.12367 8.52795 1.31905L10.3721 4.95175L14.4959 5.53427C14.7177 5.5656 14.9019 5.7166 14.9712 5.9238C15.0404 6.13101 14.9827 6.35843 14.8222 6.51049L11.8382 9.33816L12.5427 13.3309C12.5806 13.5456 12.4897 13.7626 12.3084 13.8906C12.1272 14.0187 11.8868 14.0356 11.6884 13.9342L8.00004 12.0491L4.31158 13.9343C4.11323 14.0356 3.87286 14.0187 3.69157 13.8907C3.51028 13.7627 3.4195 13.5457 3.45736 13.3309L4.1618 9.33819L1.17781 6.51052C1.01735 6.35846 0.959571 6.13101 1.02884 5.92383C1.09807 5.71663 1.28232 5.56563 1.50409 5.53431L5.62787 4.95178L7.47207 1.31905Z",
-  fill: "currentColor"
 }, null, -1), As = [
   Ms
-], Vs = {
+], Vs = /* @__PURE__ */ f("path", {
+  d: "M7.47207 1.31905C7.57125 1.12371 7.77589 1 8.00001 1C8.22413 1 8.42877 1.12367 8.52795 1.31905L10.3721 4.95175L14.4959 5.53427C14.7177 5.5656 14.9019 5.7166 14.9712 5.9238C15.0404 6.13101 14.9827 6.35843 14.8222 6.51049L11.8382 9.33816L12.5427 13.3309C12.5806 13.5456 12.4897 13.7626 12.3084 13.8906C12.1272 14.0187 11.8868 14.0356 11.6884 13.9342L8.00004 12.0491L4.31158 13.9343C4.11323 14.0356 3.87286 14.0187 3.69157 13.8907C3.51028 13.7627 3.4195 13.5457 3.45736 13.3309L4.1618 9.33819L1.17781 6.51052C1.01735 6.35846 0.959571 6.13101 1.02884 5.92383C1.09807 5.71663 1.28232 5.56563 1.50409 5.53431L5.62787 4.95178L7.47207 1.31905Z",
+  fill: "currentColor"
+}, null, -1), Ds = [
+  Vs
+], Rs = {
   __name: "FavoriteBtn",
   props: {
     disabled: Boolean,
     isFilled: Boolean
   },
   setup(e) {
-    return (n, t) => (h(), g("div", Os, [
+    return (n, t) => (h(), g("div", Ls, [
       f("button", {
-        class: R(["btn btn-xs btn-circle", [
+        class: P(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
           { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
         ]]),
@@ -2847,48 +2886,48 @@ const Mt = /* @__PURE__ */ he(ps, [["render", ms]]), bt = He("tts", () => {
       }, [
         e.isFilled ? (h(), g("svg", {
           key: 1,
-          class: R(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
+          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"
-        }, As, 2)) : (h(), g("svg", {
+        }, Ds, 2)) : (h(), g("svg", {
           key: 0,
-          class: R(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
+          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"
-        }, ks, 2))
-      ], 10, Is)
+        }, As, 2))
+      ], 10, ks)
     ]));
   }
-}, Ds = {
+}, Ps = {
   class: "tooltip tooltip-top 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:!text-xs before:!py-1 before:!px-2",
   "data-tip": "AI Translate"
-}, Rs = ["disabled"], Ps = /* @__PURE__ */ f("path", {
+}, Ns = ["disabled"], Bs = /* @__PURE__ */ f("path", {
   d: "M6.8544 3.20309C5.39975 2.89815 4.26277 1.76117 3.95787 0.30649C3.92042 0.12792 3.76292 0 3.58041 0C3.3979 0 3.2404 0.12792 3.20297 0.30652C2.89805 1.76117 1.76107 2.89812 0.306418 3.20302C0.127818 3.24045 -0.00012207 3.39798 -0.00012207 3.58046C-0.00012207 3.76295 0.127798 3.92047 0.306418 3.9579C1.76105 4.26285 2.89798 5.3998 3.2029 6.85448C3.24033 7.03307 3.39783 7.16102 3.58034 7.16102C3.76282 7.16102 3.92035 7.0331 3.95778 6.85448C4.26272 5.39983 5.39973 4.26287 6.85438 3.95799C7.03297 3.92056 7.16092 3.76306 7.16092 3.58056C7.1609 3.39805 7.03297 3.24052 6.8544 3.20309ZM3.58036 5.60938C3.14292 4.73132 2.42956 4.01792 1.55151 3.58049C2.42958 3.14305 3.14297 2.42968 3.58041 1.55161C4.01785 2.4297 4.73122 3.14307 5.60926 3.58053C4.73119 4.01797 4.0178 4.73132 3.58036 5.60938Z",
   fill: "currentColor"
-}, null, -1), Ns = /* @__PURE__ */ f("path", {
+}, null, -1), Fs = /* @__PURE__ */ f("path", {
   d: "M6.21683 9.574C5.53147 9.4303 4.99578 8.8947 4.85209 8.2093C4.81466 8.0307 4.65716 7.90271 4.47465 7.90271C4.29217 7.90271 4.13464 8.0306 4.09721 8.2092C3.95352 8.8946 3.4178 9.4303 2.73244 9.574C2.55385 9.6114 2.4259 9.7689 2.4259 9.9514C2.4259 10.1339 2.55383 10.2914 2.73244 10.3288C3.41778 10.4725 3.95349 11.0082 4.09716 11.6936C4.13459 11.8722 4.2921 12.0002 4.4746 12.0002C4.65709 12.0002 4.81461 11.8723 4.85204 11.6936C4.99574 11.0082 5.53145 10.4725 6.21683 10.3289C6.39543 10.2914 6.52337 10.1339 6.52337 9.9514C6.52337 9.7689 6.39545 9.6114 6.21683 9.574ZM4.47463 10.6408C4.29163 10.3688 4.05725 10.1345 3.78526 9.9515C4.0573 9.7684 4.29163 9.5341 4.47463 9.2621C4.65765 9.5341 4.892 9.7685 5.164 9.9515C4.892 10.1345 4.65763 10.3688 4.47463 10.6408Z",
   fill: "currentColor"
-}, null, -1), Bs = /* @__PURE__ */ f("path", {
+}, null, -1), js = /* @__PURE__ */ f("path", {
   d: "M11.4271 6.00324C10.5007 5.80904 9.7766 5.08496 9.5825 4.15859C9.545 3.98 9.3875 3.85205 9.205 3.85205C9.0225 3.85205 8.865 3.97995 8.8276 4.15857C8.6334 5.08496 7.90932 5.80902 6.98293 6.0032C6.80434 6.04063 6.67639 6.19815 6.67639 6.38064C6.67639 6.56312 6.80431 6.72062 6.98293 6.75807C7.9093 6.95228 8.6334 7.67633 8.8275 8.6027C8.865 8.7813 9.0225 8.9093 9.205 8.9093C9.3875 8.9093 9.545 8.7814 9.5824 8.6027C9.7766 7.67633 10.5007 6.95228 11.4271 6.75812C11.6057 6.72067 11.7336 6.56317 11.7336 6.38068C11.7336 6.1982 11.6057 6.04067 11.4271 6.00324ZM9.205 7.47681C8.9365 7.02634 8.5593 6.64914 8.1089 6.38066C8.5593 6.11218 8.9365 5.73502 9.205 5.28453C9.4735 5.73502 9.8507 6.11221 10.3012 6.38068C9.8507 6.64916 9.4735 7.02636 9.205 7.47681Z",
   fill: "currentColor"
-}, null, -1), Fs = [
-  Ps,
-  Ns,
-  Bs
-], js = /* @__PURE__ */ Be('<path d="M6.8544 3.20309C5.39975 2.89815 4.26277 1.76117 3.95787 0.30649C3.92042 0.12792 3.76292 0 3.58041 0C3.3979 0 3.2404 0.12792 3.20297 0.30652C2.89805 1.76117 1.76107 2.89812 0.306418 3.20302C0.127818 3.24045 -0.00012207 3.39798 -0.00012207 3.58046C-0.00012207 3.76295 0.127798 3.92047 0.306418 3.9579C1.76105 4.26285 2.89798 5.3998 3.2029 6.85448C3.24033 7.03307 3.39783 7.16102 3.58034 7.16102C3.76282 7.16102 3.92035 7.0331 3.95778 6.85448C4.26272 5.39983 5.39973 4.26287 6.85438 3.95799C7.03297 3.92056 7.16092 3.76306 7.16092 3.58056C7.1609 3.39805 7.03297 3.24052 6.8544 3.20309ZM3.58036 5.60938C3.14292 4.73132 2.42956 4.01792 1.55151 3.58049C2.42958 3.14305 3.14297 2.42968 3.58041 1.55161C4.01785 2.4297 4.73122 3.14307 5.60926 3.58053C4.73119 4.01797 4.0178 4.73132 3.58036 5.60938Z" fill="currentColor"></path><path d="M6.21683 9.574C5.53147 9.4303 4.99578 8.8947 4.85209 8.2093C4.81466 8.0307 4.65716 7.90271 4.47465 7.90271C4.29217 7.90271 4.13464 8.0306 4.09721 8.2092C3.95352 8.8946 3.4178 9.4303 2.73244 9.574C2.55385 9.6114 2.4259 9.7689 2.4259 9.9514C2.4259 10.1339 2.55383 10.2914 2.73244 10.3288C3.41778 10.4725 3.95349 11.0082 4.09716 11.6936C4.13459 11.8722 4.2921 12.0002 4.4746 12.0002C4.65709 12.0002 4.81461 11.8723 4.85204 11.6936C4.99574 11.0082 5.53145 10.4725 6.21683 10.3289C6.39543 10.2914 6.52337 10.1339 6.52337 9.9514C6.52337 9.7689 6.39545 9.6114 6.21683 9.574ZM4.47463 10.6408C4.29163 10.3688 4.05725 10.1345 3.78526 9.9515C4.0573 9.7684 4.29163 9.5341 4.47463 9.2621C4.65765 9.5341 4.892 9.7685 5.164 9.9515C4.892 10.1345 4.65763 10.3688 4.47463 10.6408Z" fill="currentColor"></path><path d="M11.4271 6.00324C10.5007 5.80904 9.7766 5.08496 9.5825 4.15859C9.545 3.98 9.3875 3.85205 9.205 3.85205C9.0225 3.85205 8.865 3.97995 8.8276 4.15857C8.6334 5.08496 7.90932 5.80902 6.98293 6.0032C6.80434 6.04063 6.67639 6.19815 6.67639 6.38064C6.67639 6.56312 6.80431 6.72062 6.98293 6.75807C7.9093 6.95228 8.6334 7.67633 8.8275 8.6027C8.865 8.7813 9.0225 8.9093 9.205 8.9093C9.3875 8.9093 9.545 8.7814 9.5824 8.6027C9.7766 7.67633 10.5007 6.95228 11.4271 6.75812C11.6057 6.72067 11.7336 6.56317 11.7336 6.38068C11.7336 6.1982 11.6057 6.04067 11.4271 6.00324ZM9.205 7.47681C8.9365 7.02634 8.5593 6.64914 8.1089 6.38066C8.5593 6.11218 8.9365 5.73502 9.205 5.28453C9.4735 5.73502 9.8507 6.11221 10.3012 6.38068C9.8507 6.64916 9.4735 7.02636 9.205 7.47681Z" fill="currentColor"></path><circle cx="3.5" cy="3.5" r="1.5" fill="currentColor"></circle><ellipse cx="4.5" cy="10" rx="0.5" ry="1" fill="currentColor"></ellipse><path d="M3.5 1L4.79904 2.5H2.20096L3.5 1Z" fill="currentColor"></path><path d="M6 3.5L4.5 4.79904L4.5 2.20096L6 3.5Z" fill="currentColor"></path><path d="M10.3697 6.67832L8.22108 7.01422L9.5776 4.65296L10.3697 6.67832Z" fill="currentColor"></path><path d="M8.27756 5.34149L10.768 6.00067L9.11199 7.77878L8.27756 5.34149Z" fill="currentColor"></path><path d="M1 3.5L2.5 2.20096L2.5 4.79904L1 3.5Z" fill="currentColor"></path><path d="M3.5 6L2.20096 4.5L4.79904 4.5L3.5 6Z" fill="currentColor"></path><circle cx="9" cy="6" r="1" fill="currentColor"></circle><path d="M5.49718 9.92495L4.03391 10.4693L3.96891 9.60573L5.49718 9.92495Z" fill="currentColor"></path><path d="M3.54089 9.71696L5.10212 9.72621L4.857 10.5568L3.54089 9.71696Z" fill="currentColor"></path><path d="M3.50071 9.96247L5.0159 9.58606L4.9834 10.4515L3.50071 9.96247Z" fill="currentColor"></path>', 15), Hs = [
+}, null, -1), Hs = [
+  Bs,
+  Fs,
   js
-], zs = {
+], zs = /* @__PURE__ */ Be('<path d="M6.8544 3.20309C5.39975 2.89815 4.26277 1.76117 3.95787 0.30649C3.92042 0.12792 3.76292 0 3.58041 0C3.3979 0 3.2404 0.12792 3.20297 0.30652C2.89805 1.76117 1.76107 2.89812 0.306418 3.20302C0.127818 3.24045 -0.00012207 3.39798 -0.00012207 3.58046C-0.00012207 3.76295 0.127798 3.92047 0.306418 3.9579C1.76105 4.26285 2.89798 5.3998 3.2029 6.85448C3.24033 7.03307 3.39783 7.16102 3.58034 7.16102C3.76282 7.16102 3.92035 7.0331 3.95778 6.85448C4.26272 5.39983 5.39973 4.26287 6.85438 3.95799C7.03297 3.92056 7.16092 3.76306 7.16092 3.58056C7.1609 3.39805 7.03297 3.24052 6.8544 3.20309ZM3.58036 5.60938C3.14292 4.73132 2.42956 4.01792 1.55151 3.58049C2.42958 3.14305 3.14297 2.42968 3.58041 1.55161C4.01785 2.4297 4.73122 3.14307 5.60926 3.58053C4.73119 4.01797 4.0178 4.73132 3.58036 5.60938Z" fill="currentColor"></path><path d="M6.21683 9.574C5.53147 9.4303 4.99578 8.8947 4.85209 8.2093C4.81466 8.0307 4.65716 7.90271 4.47465 7.90271C4.29217 7.90271 4.13464 8.0306 4.09721 8.2092C3.95352 8.8946 3.4178 9.4303 2.73244 9.574C2.55385 9.6114 2.4259 9.7689 2.4259 9.9514C2.4259 10.1339 2.55383 10.2914 2.73244 10.3288C3.41778 10.4725 3.95349 11.0082 4.09716 11.6936C4.13459 11.8722 4.2921 12.0002 4.4746 12.0002C4.65709 12.0002 4.81461 11.8723 4.85204 11.6936C4.99574 11.0082 5.53145 10.4725 6.21683 10.3289C6.39543 10.2914 6.52337 10.1339 6.52337 9.9514C6.52337 9.7689 6.39545 9.6114 6.21683 9.574ZM4.47463 10.6408C4.29163 10.3688 4.05725 10.1345 3.78526 9.9515C4.0573 9.7684 4.29163 9.5341 4.47463 9.2621C4.65765 9.5341 4.892 9.7685 5.164 9.9515C4.892 10.1345 4.65763 10.3688 4.47463 10.6408Z" fill="currentColor"></path><path d="M11.4271 6.00324C10.5007 5.80904 9.7766 5.08496 9.5825 4.15859C9.545 3.98 9.3875 3.85205 9.205 3.85205C9.0225 3.85205 8.865 3.97995 8.8276 4.15857C8.6334 5.08496 7.90932 5.80902 6.98293 6.0032C6.80434 6.04063 6.67639 6.19815 6.67639 6.38064C6.67639 6.56312 6.80431 6.72062 6.98293 6.75807C7.9093 6.95228 8.6334 7.67633 8.8275 8.6027C8.865 8.7813 9.0225 8.9093 9.205 8.9093C9.3875 8.9093 9.545 8.7814 9.5824 8.6027C9.7766 7.67633 10.5007 6.95228 11.4271 6.75812C11.6057 6.72067 11.7336 6.56317 11.7336 6.38068C11.7336 6.1982 11.6057 6.04067 11.4271 6.00324ZM9.205 7.47681C8.9365 7.02634 8.5593 6.64914 8.1089 6.38066C8.5593 6.11218 8.9365 5.73502 9.205 5.28453C9.4735 5.73502 9.8507 6.11221 10.3012 6.38068C9.8507 6.64916 9.4735 7.02636 9.205 7.47681Z" fill="currentColor"></path><circle cx="3.5" cy="3.5" r="1.5" fill="currentColor"></circle><ellipse cx="4.5" cy="10" rx="0.5" ry="1" fill="currentColor"></ellipse><path d="M3.5 1L4.79904 2.5H2.20096L3.5 1Z" fill="currentColor"></path><path d="M6 3.5L4.5 4.79904L4.5 2.20096L6 3.5Z" fill="currentColor"></path><path d="M10.3697 6.67832L8.22108 7.01422L9.5776 4.65296L10.3697 6.67832Z" fill="currentColor"></path><path d="M8.27756 5.34149L10.768 6.00067L9.11199 7.77878L8.27756 5.34149Z" fill="currentColor"></path><path d="M1 3.5L2.5 2.20096L2.5 4.79904L1 3.5Z" fill="currentColor"></path><path d="M3.5 6L2.20096 4.5L4.79904 4.5L3.5 6Z" fill="currentColor"></path><circle cx="9" cy="6" r="1" fill="currentColor"></circle><path d="M5.49718 9.92495L4.03391 10.4693L3.96891 9.60573L5.49718 9.92495Z" fill="currentColor"></path><path d="M3.54089 9.71696L5.10212 9.72621L4.857 10.5568L3.54089 9.71696Z" fill="currentColor"></path><path d="M3.50071 9.96247L5.0159 9.58606L4.9834 10.4515L3.50071 9.96247Z" fill="currentColor"></path>', 15), Zs = [
+  zs
+], Us = {
   __name: "AIBtn",
   props: {
     disabled: Boolean,
     isFilled: Boolean
   },
   setup(e) {
-    return (n, t) => (h(), g("div", Ds, [
+    return (n, t) => (h(), g("div", Ps, [
       f("button", {
-        class: R(["btn btn-xs btn-circle", [
+        class: P(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
           { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
         ]]),
@@ -2896,25 +2935,25 @@ const Mt = /* @__PURE__ */ he(ps, [["render", ms]]), bt = He("tts", () => {
       }, [
         e.isFilled ? (h(), g("svg", {
           key: 1,
-          class: R(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
+          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"
-        }, Hs, 2)) : (h(), g("svg", {
+        }, Zs, 2)) : (h(), g("svg", {
           key: 0,
-          class: R(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
+          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"
-        }, Fs, 2))
-      ], 10, Rs)
+        }, Hs, 2))
+      ], 10, Ns)
     ]));
   }
-}, Zs = ["data-tip"], Us = ["disabled"], Ws = /* @__PURE__ */ f("path", {
+}, Ws = ["data-tip"], qs = ["disabled"], Gs = /* @__PURE__ */ f("path", {
   d: "M13.9023 3.26667L10.8093 0.1C10.7767 0.0666667 10.7116 0 10.5814 0H3.74419C3.12558 0 2.60465 0.533333 2.60465 1.16667V2.66667H1.13953C0.52093 2.66667 0 3.2 0 3.83333V14.8667C0 15.4667 0.52093 16 1.13953 16H10.2558C10.8744 16 11.3953 15.4667 11.3953 14.8333V13.3333H12.8605C13.4791 13.3333 14 12.8 14 12.1667V3.5C14 3.4 13.9674 3.3 13.9023 3.26667ZM12.893 3.16667H11.3954C11.1349 3.16667 10.907 2.93333 10.907 2.66667V1.13333L12.893 3.16667ZM10.2558 15.3333H1.13953C0.87907 15.3333 0.651163 15.1 0.651163 14.8333V3.83333C0.651163 3.53333 0.87907 3.33333 1.13953 3.33333H7.68372V5.33333C7.68372 5.96667 8.20465 6.5 8.82326 6.5H10.7767V14.8667C10.7442 15.1 10.5488 15.3333 10.2558 15.3333ZM9.31163 4.8L10.2884 5.8H8.7907C8.53023 5.8 8.30233 5.56667 8.30233 5.3V3.76667L9.31163 4.8ZM12.8605 12.6667H11.3953V6.13333C11.3953 6.06667 11.3628 5.96667 11.2977 5.9L8.20465 2.73333C8.17209 2.7 8.07442 2.66667 8.0093 2.66667H3.25581V1.16667C3.25581 0.9 3.45116 0.666666 3.74419 0.666666H10.2558V2.66667C10.2558 3.3 10.7767 3.83333 11.3954 3.83333H13.3488V12.2C13.3488 12.4667 13.1209 12.6667 12.8605 12.6667Z",
   fill: "currentColor"
-}, null, -1), qs = [
-  Ws
+}, null, -1), Js = [
+  Gs
 ], Nn = {
   __name: "CopyBtn",
   props: {
@@ -2931,7 +2970,7 @@ const Mt = /* @__PURE__ */ he(ps, [["render", ms]]), bt = He("tts", () => {
       "data-tip": n.value
     }, [
       f("button", {
-        class: R(["btn btn-xs btn-circle", [
+        class: P(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
           { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
         ]]),
@@ -2939,18 +2978,18 @@ const Mt = /* @__PURE__ */ he(ps, [["render", ms]]), bt = He("tts", () => {
         onClick: t
       }, [
         (h(), g("svg", {
-          class: R(["w-3 h-3 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
+          class: P(["w-3 h-3 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
           viewBox: "0 0 14 16",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, qs, 2))
-      ], 10, Us)
-    ], 8, Zs));
+        }, Js, 2))
+      ], 10, qs)
+    ], 8, Ws));
   }
-}, Gs = { class: "flex flex-row px-1 pr-10 pt-1 items-center bg-transparent relative" }, Js = { class: "ml-1 text-sm text-base-content/70" }, Ys = {
+}, Ys = { class: "flex flex-row px-1 pr-10 pt-1 items-center bg-transparent relative" }, Qs = { class: "ml-1 text-sm text-base-content/70" }, Xs = {
   key: 0,
   class: "italic"
-}, Qs = { class: "absolute right-1 top-1 flex flex-col items-center gap-0" }, Xs = {
+}, Ks = { class: "absolute right-1 top-1 flex flex-col items-center gap-0" }, ea = {
   __name: "InputBtnGroup",
   props: {
     loading: {
@@ -3010,47 +3049,47 @@ const Mt = /* @__PURE__ */ he(ps, [["render", ms]]), bt = He("tts", () => {
   emits: ["clear", "favorite", "loadTTS", "aiTranslate", "copy"],
   setup(e, { emit: n }) {
     const t = n;
-    return (o, l) => (h(), g("div", Gs, [
-      e.src && e.isTTS ? (h(), W(ws, {
+    return (o, l) => (h(), g("div", Ys, [
+      e.src && e.isTTS ? (h(), W(Ts, {
         key: 0,
         type: e.type,
         onLoadTTS: l[0] || (l[0] = (s) => t("loadTTS"))
-      }, null, 8, ["type"])) : P("", !0),
-      f("div", Js, [
-        Se(J(e.srcLabel) + " ", 1),
-        e.phonetic ? (h(), g("span", Ys, "- " + J(e.phonetic), 1)) : P("", !0)
+      }, null, 8, ["type"])) : R("", !0),
+      f("div", Qs, [
+        Ee(G(e.srcLabel) + " ", 1),
+        e.phonetic ? (h(), g("span", Xs, "- " + G(e.phonetic), 1)) : R("", !0)
       ]),
       e.loading ? (h(), W(Mt, {
         key: 1,
         class: "absolute right-6 top-2"
-      })) : P("", !0),
-      f("div", Qs, [
+      })) : R("", !0),
+      f("div", Ks, [
         e.hasClearBtn ? (h(), W(Pn, {
           key: 0,
           onClick: l[1] || (l[1] = (s) => t("clear")),
           disabled: e.loading
-        }, null, 8, ["disabled"])) : P("", !0),
-        e.src && e.hasAIBtn ? (h(), W(zs, {
+        }, null, 8, ["disabled"])) : R("", !0),
+        e.src && e.hasAIBtn ? (h(), W(Us, {
           key: 1,
           isFilled: e.isAITranslate,
           onClick: l[2] || (l[2] = (s) => t("aiTranslate")),
           disabled: e.loading
-        }, null, 8, ["isFilled", "disabled"])) : P("", !0),
-        e.src && e.hasFavoriteBtn ? (h(), W(Vs, {
+        }, null, 8, ["isFilled", "disabled"])) : R("", !0),
+        e.src && e.hasFavoriteBtn ? (h(), W(Rs, {
           key: 2,
           isFilled: e.isFavorite,
           onClick: l[3] || (l[3] = (s) => t("favorite")),
           disabled: e.loading
-        }, null, 8, ["isFilled", "disabled"])) : P("", !0),
+        }, null, 8, ["isFilled", "disabled"])) : R("", !0),
         e.src && e.hasCopyBtn ? (h(), W(Nn, {
           key: 3,
           onClick: l[4] || (l[4] = (s) => t("copy")),
           disabled: e.loading
-        }, null, 8, ["disabled"])) : P("", !0)
+        }, null, 8, ["disabled"])) : R("", !0)
       ])
     ]));
   }
-}, Bn = /* @__PURE__ */ he(Xs, [["__scopeId", "data-v-faca0157"]]), ve = He("translation", () => {
+}, Bn = /* @__PURE__ */ he(ea, [["__scopeId", "data-v-faca0157"]]), ve = He("translation", () => {
   const e = O(null), n = O(null), t = O(null), o = O({
     src: null,
     target: null
@@ -3087,17 +3126,17 @@ const Mt = /* @__PURE__ */ he(ps, [["render", ms]]), bt = He("tts", () => {
     reset: C
   };
 });
-function Ks(e) {
+function ta(e) {
   return cn() ? (Tt(e), !0) : !1;
 }
 function Ke(e) {
   return typeof e == "function" ? e() : M(e);
 }
-const ea = typeof window < "u" && typeof document < "u";
+const na = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Yt = () => {
 };
-function ta(e, n) {
+function oa(e, n) {
   function t(...o) {
     return new Promise((l, s) => {
       Promise.resolve(e(() => n.apply(this, o), { fn: n, thisArg: this, args: o })).then(l).catch(s);
@@ -3105,7 +3144,7 @@ function ta(e, n) {
   }
   return t;
 }
-function na(e, n = {}) {
+function la(e, n = {}) {
   let t, o, l = Yt;
   const s = (a) => {
     clearTimeout(a), l(), l = Yt;
@@ -3121,9 +3160,9 @@ function na(e, n = {}) {
     });
   };
 }
-function oa(e, n = 200, t = {}) {
-  return ta(
-    na(n, t),
+function sa(e, n = 200, t = {}) {
+  return oa(
+    la(n, t),
     e
   );
 }
@@ -3132,21 +3171,21 @@ function Qt(e) {
   const t = Ke(e);
   return (n = t == null ? void 0 : t.$el) != null ? n : t;
 }
-const la = ea ? window : void 0;
-function sa() {
+const aa = na ? window : void 0;
+function ra() {
   const e = O(!1), n = rn();
   return n && se(() => {
     e.value = !0;
   }, n), e;
 }
-function aa(e) {
-  const n = sa();
+function ia(e) {
+  const n = ra();
   return L(() => (n.value, !!e()));
 }
-function ra(e, n, t = {}) {
-  const { window: o = la, ...l } = t;
+function ua(e, n, t = {}) {
+  const { window: o = aa, ...l } = t;
   let s;
-  const r = aa(() => o && "ResizeObserver" in o), a = () => {
+  const r = ia(() => o && "ResizeObserver" in o), a = () => {
     s && (s.disconnect(), s = void 0);
   }, i = L(() => Array.isArray(e) ? e.map((d) => Qt(d)) : [Qt(e)]), u = F(
     i,
@@ -3161,7 +3200,7 @@ function ra(e, n, t = {}) {
   ), c = () => {
     a(), u();
   };
-  return Ks(c), {
+  return ta(c), {
     isSupported: r,
     stop: c
   };
@@ -3179,13 +3218,13 @@ function st(e) {
   return F([o, t], () => X(r), { immediate: !0 }), F(s, () => {
     var a;
     return (a = e == null ? void 0 : e.onResize) == null ? void 0 : a.call(e);
-  }), ra(t, () => r()), e != null && e.watch && F(e.watch, r, { immediate: !0, deep: !0 }), {
+  }), ua(t, () => r()), e != null && e.watch && F(e.watch, r, { immediate: !0, deep: !0 }), {
     textarea: t,
     input: o,
     triggerResize: r
   };
 }
-const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }, ua = {
+const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }, da = {
   __name: "Input",
   props: {
     text: {
@@ -3202,7 +3241,7 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     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;
-    }), { textarea: i } = st({ input: l, styleProp: "minHeight" }), u = n, c = oa(() => {
+    }), { textarea: i } = st({ input: l, styleProp: "minHeight" }), u = n, c = sa(() => {
       u("change", l.value);
     }, Ie.INPUT_DEBOUNCE);
     se(() => {
@@ -3226,7 +3265,7 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       (C) => {
         l.value !== C && m(), l.value = C;
       }
-    ), (C, b) => (h(), g("div", ia, [
+    ), (C, b) => (h(), g("div", ca, [
       B(Bn, {
         src: s.value,
         srcLabel: r.value,
@@ -3256,7 +3295,7 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       ])
     ]));
   }
-}, ca = /* @__PURE__ */ he(ua, [["__scopeId", "data-v-66ae5655"]]), da = { class: "bg-base-100 relative z-10 rounded-md h-full" }, fa = { class: "bg-transparent" }, va = {
+}, fa = /* @__PURE__ */ he(da, [["__scopeId", "data-v-66ae5655"]]), va = { class: "bg-base-100 relative z-10 rounded-md h-full" }, pa = { class: "bg-transparent" }, ha = {
   __name: "Result",
   props: {
     isFavoriteFeatureEnabled: Boolean,
@@ -3275,14 +3314,14 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       return (x = t.phonetic) == null ? void 0 : x.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", {
-      class: R([
+      class: P([
         "relative p-0.5 bg-[length:300%_300%] bg-[position:0%_50%] border border-base-300 rounded",
         {
           "bg-gradient-to-br from-[#8556f0] via-[#d6b379] via-[#6bedd1] to-[#439beb] animate-moveGradient border border-base-100": e.isAITranslate && !i.value
         }
       ])
     }, [
-      f("div", da, [
+      f("div", va, [
         B(Bn, {
           loading: i.value,
           src: l.value,
@@ -3300,7 +3339,7 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
           onAiTranslate: m[2] || (m[2] = (C) => d("aiTranslate")),
           onCopy: m[3] || (m[3] = (C) => d("copy"))
         }, null, 8, ["loading", "src", "srcLabel", "isTTS", "hasFavoriteBtn", "hasAIBtn", "isFavorite", "isAITranslate", "phonetic"]),
-        f("div", fa, [
+        f("div", pa, [
           tt(f("textarea", {
             ref_key: "textarea",
             ref: u,
@@ -3316,24 +3355,24 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       ])
     ], 2));
   }
-}, pa = /* @__PURE__ */ he(va, [["__scopeId", "data-v-88599360"]]), ha = { class: "btn btn-xs btn-circle btn-ghost" }, at = {
+}, ma = /* @__PURE__ */ he(ha, [["__scopeId", "data-v-88599360"]]), ga = { class: "btn btn-xs btn-circle btn-ghost" }, at = {
   __name: "ToggleBtn",
   props: {
     isExpanded: Boolean
   },
   setup(e) {
     const n = e;
-    return (t, o) => (h(), g("button", ha, [
-      n.isExpanded ? (h(), W(M(xl), {
+    return (t, o) => (h(), g("button", ga, [
+      n.isExpanded ? (h(), W(M(wl), {
         key: 0,
         class: "w-7 text-base-content/50"
-      })) : (h(), W(M(bl), {
+      })) : (h(), W(M(xl), {
         key: 1,
         class: "w-7 text-base-content/50"
       }))
     ]));
   }
-}, ma = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Dictionary", -1), ga = { class: "capitalize text-xs font-normal text-base-content/70 mb-1" }, ba = { class: "list-none list-inside" }, Ca = ["onClick"], xa = { class: "text-sm font-normal text-base-content/80 leading-4" }, ya = {
+}, ba = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Dictionary", -1), Ca = { class: "capitalize text-xs font-normal text-base-content/70 mb-1" }, xa = { class: "list-none list-inside" }, ya = ["onClick"], wa = { class: "text-sm font-normal text-base-content/80 leading-4" }, _a = {
   __name: "Dictionary",
   emits: ["translate"],
   setup(e, { emit: n }) {
@@ -3347,27 +3386,27 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         class: "flex justify-between items-center",
         onClick: a
       }, [
-        ma,
+        ba,
         B(at, { isExpanded: t.value }, null, 8, ["isExpanded"])
       ]),
       f("div", {
-        class: R(["overflow-hidden", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+        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}`,
             class: "mb-2"
           }, [
-            f("h5", ga, J(d.pos), 1),
-            f("ul", ba, [
+            f("h5", Ca, G(d.pos), 1),
+            f("ul", xa, [
               (h(!0), g(z, null, Y(d.items, (m, C) => (h(), g("li", {
                 key: `${m.word}-${C}`
               }, [
                 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)
-                }, J(m.word), 9, Ca),
-                f("small", xa, " - " + J(m.reverse_translation.join(", ")), 1)
+                }, G(m.word), 9, ya),
+                f("small", wa, " - " + G(m.reverse_translation.join(", ")), 1)
               ]))), 128))
             ])
           ]))), 128))
@@ -3375,10 +3414,10 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       ], 2)
     ], 64));
   }
-}, wa = /* @__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" }, Ta = { class: "text-sm text-base-content list-disc list-outside ml-5" }, Ea = /* @__PURE__ */ f("br", null, null, -1), Sa = {
+}, Ta = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Definitions", -1), Sa = { class: "capitalize text-xs font-normal text-base-content/70 mb-1" }, Ea = { class: "text-sm text-base-content list-disc list-outside ml-5" }, $a = /* @__PURE__ */ f("br", null, null, -1), Oa = {
   key: 0,
   class: "italic text-base-content/70"
-}, $a = {
+}, Ia = {
   __name: "Definition",
   setup(e) {
     const n = O(!0), t = ve(), o = L(() => t.definitions), l = () => {
@@ -3389,26 +3428,26 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         class: "flex justify-between items-center",
         onClick: l
       }, [
-        wa,
+        Ta,
         B(at, { isExpanded: n.value }, null, 8, ["isExpanded"])
       ]),
       f("div", {
-        class: R(["overflow-hidden", n.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+        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", {
             key: `${a.pos}-${i}`,
             class: "mb-2"
           }, [
-            f("h5", _a, J(a.pos), 1),
-            f("ul", Ta, [
+            f("h5", Sa, G(a.pos), 1),
+            f("ul", Ea, [
               (h(!0), g(z, null, Y(a.items, (u, c) => (h(), g("li", {
                 key: `${u.gloss}-${c}`,
                 class: "mb-1"
               }, [
-                f("span", null, J(u.gloss), 1),
-                Ea,
-                u.example ? (h(), g("small", Sa, '"' + J(u.example) + '"', 1)) : P("", !0)
+                f("span", null, G(u.gloss), 1),
+                $a,
+                u.example ? (h(), g("small", Oa, '"' + G(u.example) + '"', 1)) : R("", !0)
               ]))), 128))
             ])
           ]))), 128))
@@ -3416,7 +3455,7 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       ], 2)
     ], 64));
   }
-}, Oa = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Examples", -1), Ia = { class: "text-base-content text-sm list-disc list-outside ml-5 my-2" }, La = ["innerHTML"], ka = {
+}, La = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Examples", -1), ka = { class: "text-base-content text-sm list-disc list-outside ml-5 my-2" }, Ma = ["innerHTML"], Aa = {
   __name: "Example",
   setup(e) {
     const n = O(!0), t = ve(), o = L(() => t.examples), l = () => {
@@ -3427,22 +3466,22 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         class: "flex justify-between items-center",
         onClick: l
       }, [
-        Oa,
+        La,
         B(at, { isExpanded: n.value }, null, 8, ["isExpanded"])
       ]),
       f("div", {
-        class: R(["overflow-hidden", n.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
+        class: P(["overflow-hidden", n.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
       }, [
-        f("ul", Ia, [
+        f("ul", ka, [
           (h(!0), g(z, null, Y(o.value, (a, i) => (h(), g("li", {
             key: `${a.definition_id}-${i}`,
             innerHTML: a
-          }, null, 8, La))), 128))
+          }, null, 8, Ma))), 128))
         ])
       ], 2)
     ], 64));
   }
-}, Ma = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Synonyms", -1), Aa = { class: "capitalize text-xs font-normal text-base-content/70 mb-1" }, Va = { class: "list-none list-inside" }, Da = { class: "flex flex-wrap" }, Ra = ["onClick"], Pa = {
+}, Va = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Synonyms", -1), Da = { class: "capitalize text-xs font-normal text-base-content/70 mb-1" }, Ra = { class: "list-none list-inside" }, Pa = { class: "flex flex-wrap" }, Na = ["onClick"], Ba = {
   __name: "Synonyms",
   emits: ["translate"],
   setup(e, { emit: n }) {
@@ -3456,29 +3495,29 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         class: "flex justify-between items-center",
         onClick: r
       }, [
-        Ma,
+        Va,
         B(at, { isExpanded: t.value }, null, 8, ["isExpanded"])
       ]),
       f("div", {
-        class: R(["overflow-hidden", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+        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", {
             key: `${c.pos}-${d}`,
             class: "mb-2"
           }, [
-            f("h5", Aa, J(c.pos), 1),
-            f("ul", Va, [
+            f("h5", Da, G(c.pos), 1),
+            f("ul", Ra, [
               (h(!0), g(z, null, Y(c.items, (x, m) => (h(), g("li", {
                 key: `${x.word}-${m}`,
                 class: "mb-2"
               }, [
-                f("div", Da, [
+                f("div", Pa, [
                   (h(!0), g(z, null, Y(x.synonym, (C, b) => (h(), g("span", {
                     key: `${C}-${b}`,
                     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)
-                  }, J(C), 9, Ra))), 128))
+                  }, G(C), 9, Na))), 128))
                 ])
               ]))), 128))
             ])
@@ -3487,27 +3526,27 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       ], 2)
     ], 64));
   }
-}, Na = ["disabled"], Ba = /* @__PURE__ */ f("path", {
+}, Fa = ["disabled"], ja = /* @__PURE__ */ f("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "M21 12h1m-3.5-6.5 1-1M12 3V2M5.5 5.5l-1-1M3 12H2m8 10h4m3-10a5 5 0 1 0-7 4.584V19h4v-2.416A5.001 5.001 0 0 0 17 12z"
-}, null, -1), Fa = [
-  Ba
-], ja = /* @__PURE__ */ f("path", {
+}, null, -1), Ha = [
+  ja
+], za = /* @__PURE__ */ f("path", {
   fill: "currentColor",
   d: "M12 7a5 5 0 0 0-2 9.584V19h4v-2.416A5.001 5.001 0 0 0 12 7z"
-}, null, -1), Ha = /* @__PURE__ */ f("path", {
+}, null, -1), Za = /* @__PURE__ */ f("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "M21 12h1m-3.5-6.5 1-1M12 3V2M5.5 5.5l-1-1M3 12H2m8 10h4m3-10a5 5 0 1 0-7 4.584V19h4v-2.416A5.001 5.001 0 0 0 17 12z"
-}, null, -1), za = [
-  ja,
-  Ha
-], Za = {
+}, null, -1), Ua = [
+  za,
+  Za
+], Wa = {
   __name: "ChevronAIBtn",
   props: {
     disabled: Boolean,
@@ -3515,7 +3554,7 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
   },
   setup(e) {
     return (n, t) => (h(), g("button", {
-      class: R(["btn btn-xs btn-circle", [
+      class: P(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
         { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
       ]]),
@@ -3523,26 +3562,26 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     }, [
       e.isExpanded ? (h(), g("svg", {
         key: 1,
-        class: R(["w-6 h-6 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
+        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"
-      }, za, 2)) : (h(), g("svg", {
+      }, Ua, 2)) : (h(), g("svg", {
         key: 0,
-        class: R(["w-6 h-6 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
+        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"
-      }, Fa, 2))
-    ], 10, Na));
+      }, Ha, 2))
+    ], 10, Fa));
   }
-}, Ua = { class: "p-2 gap-0 relative z-10" }, Wa = { class: "flex justify-between items-center" }, qa = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "AI Summary", -1), Ga = { class: "flex items-center" }, Ja = {
+}, qa = { class: "p-2 gap-0 relative z-10" }, Ga = { class: "flex justify-between items-center" }, Ja = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "AI Summary", -1), Ya = { class: "flex items-center" }, Qa = {
   class: "tooltip tooltip-bottom tooltip-small before:!bg-base-100 before:!border before:!border-solid before:!border-base-300 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded before:!text-base-content/70 before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
   "data-tip": "AI Summarize"
-}, Ya = {
+}, Xa = {
   key: 0,
   class: "text-base-content list-none list-outside"
-}, Qa = ["innerHTML"], Xa = {
+}, Ka = ["innerHTML"], er = {
   __name: "AIExplanation",
   props: {
     isAIExplain: {
@@ -3563,13 +3602,13 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     }
     return (r, a) => {
       var i, u;
-      return h(), g("div", Ua, [
-        f("div", Wa, [
-          qa,
-          f("div", Ga, [
-            o.value ? (h(), W(Mt, { key: 0 })) : P("", !0),
-            f("div", Ja, [
-              B(Za, {
+      return h(), g("div", qa, [
+        f("div", Ga, [
+          Ja,
+          f("div", Ya, [
+            o.value ? (h(), W(Mt, { key: 0 })) : R("", !0),
+            f("div", Qa, [
+              B(Wa, {
                 isExpanded: e.isAIExplain,
                 disabled: o.value,
                 onClick: s
@@ -3578,54 +3617,54 @@ const ia = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
           ])
         ]),
         f("div", {
-          class: R(["overflow-hidden", e.isAIExplain ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
+          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", Ya, [
+          (i = e.explanation) != null && i.result ? (h(), g("ul", Xa, [
             (h(!0), g(z, null, Y(((u = e.explanation) == null ? void 0 : u.result.split(`
 `)) || [], (c, d) => (h(), g("li", {
               key: `${c}-${d}`,
               innerHTML: c
-            }, null, 8, Qa))), 128))
-          ])) : P("", !0)
+            }, null, 8, Ka))), 128))
+          ])) : R("", !0)
         ], 2)
       ]);
     };
   }
 };
-function Ka() {
+function tr() {
   document.documentElement.setAttribute("dir", "rtl");
 }
-function er() {
+function nr() {
   document.documentElement.removeAttribute("dir");
 }
 const Xt = {
-  supportRTL: Ka,
-  removeRTL: er
-}, tr = ["ar", "fa", "iw", "yi", "ur", "pa"], nr = (e) => (St("data-v-cd193f17"), e = e(), $t(), e), or = { class: "pb-6" }, lr = { class: "flex flex-col lg:flex-row lg:gap-2" }, sr = {
+  supportRTL: tr,
+  removeRTL: nr
+}, or = ["ar", "fa", "iw", "yi", "ur", "pa"], lr = (e) => (Et("data-v-08f9cb53"), e = e(), $t(), e), sr = { class: "pb-6" }, ar = { class: "flex flex-col lg:flex-row lg:gap-2" }, rr = {
   id: "input",
   class: "w-full lg:w-[calc(50%-1rem)] flex mt-1"
-}, ar = /* @__PURE__ */ nr(() => /* @__PURE__ */ f("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1)), rr = { class: "w-full lg:w-[calc(50%-1rem)] flex mt-1" }, ir = {
+}, ir = /* @__PURE__ */ lr(() => /* @__PURE__ */ f("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1)), ur = { class: "w-full lg:w-[calc(50%-1rem)] flex mt-1" }, cr = {
   key: 0,
   class: "masonry-container mt-1"
-}, ur = {
+}, dr = {
   key: 0,
   class: "masonry-item border border-base-300 bg-base-100"
-}, cr = {
+}, fr = {
   key: 1,
   class: "masonry-item border border-base-300 bg-base-100"
-}, dr = { class: "p-2" }, fr = {
+}, vr = { class: "p-2" }, pr = {
   key: 2,
   class: "masonry-item border border-base-300 bg-base-100"
-}, vr = { class: "p-2" }, pr = {
+}, hr = { class: "p-2" }, mr = {
   key: 3,
   class: "masonry-item border border-base-300 bg-base-100"
-}, hr = { class: "p-2" }, mr = {
+}, gr = { class: "p-2" }, br = {
   key: 4,
   class: "masonry-item border border-base-300 bg-base-100"
-}, gr = { class: "p-2" }, br = {
+}, Cr = { class: "p-2" }, xr = {
   key: 1,
   class: "text-base-content italic font-medium"
-}, Cr = {
+}, yr = {
   __name: "TranslateTab",
   props: {
     opt: Object,
@@ -3653,7 +3692,7 @@ const Xt = {
   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;
-      tr.includes($) ? Xt.supportRTL() : Xt.removeRTL();
+      or.includes($) ? Xt.supportRTL() : Xt.removeRTL();
     };
     F(
       () => o.translation,
@@ -3720,79 +3759,79 @@ const Xt = {
       $ && $.getBoundingClientRect().top < 0 && $.scrollIntoView({ behavior: "smooth" });
     }
     return ($, w) => {
-      var y, _, T, V, E;
-      return h(), g("div", or, [
-        B(vs),
-        f("div", lr, [
-          f("div", sr, [
-            B(ca, {
+      var y, _, T, V, S;
+      return h(), g("div", sr, [
+        B(hs),
+        f("div", ar, [
+          f("div", rr, [
+            B(fa, {
               text: t.value,
               isTTS: e.isTTS,
               onChange: d,
               onClear: c,
-              onLoadTTS: w[0] || (w[0] = (S) => x("src")),
+              onLoadTTS: w[0] || (w[0] = (E) => x("src")),
               class: "flex-grow flex flex-col"
             }, null, 8, ["text", "isTTS"])
           ]),
-          ar,
-          f("div", rr, [
-            B(pa, {
+          ir,
+          f("div", ur, [
+            B(ma, {
               isFavoriteFeatureEnabled: e.isFavoriteFeatureEnabled,
               isAITranslateFeatureEnabled: e.isAITranslateFeatureEnabled,
               isAITranslate: e.isAITranslate,
               isFavorite: e.isFavorite,
               isTTS: e.isTTS,
-              onCopy: w[1] || (w[1] = (S) => {
+              onCopy: w[1] || (w[1] = (E) => {
                 var D;
                 return $.$emit("copy", (D = M(l)) == null ? void 0 : D.result);
               }),
               onAiTranslate: C,
-              onFavorite: w[2] || (w[2] = (S) => $.$emit("favorite")),
-              onLoadTTS: w[3] || (w[3] = (S) => x("target")),
+              onFavorite: w[2] || (w[2] = (E) => $.$emit("favorite")),
+              onLoadTTS: w[3] || (w[3] = (E) => x("target")),
               class: "flex-grow flex flex-col"
             }, null, 8, ["isFavoriteFeatureEnabled", "isAITranslateFeatureEnabled", "isAITranslate", "isFavorite", "isTTS"])
           ])
         ]),
-        e.translation ? (h(), g("div", ir, [
-          ((y = M(l).result) == null ? void 0 : y.length) > e.aiExplainMinLength ? (h(), g("div", ur, [
-            B(Xa, {
+        e.translation ? (h(), g("div", cr, [
+          ((y = M(l).result) == null ? void 0 : y.length) > e.aiExplainMinLength ? (h(), g("div", dr, [
+            B(er, {
               isAIExplain: e.isAIExplain,
               explanation: e.explanation,
               onAiExplain: b
             }, null, 8, ["isAIExplain", "explanation"])
-          ])) : P("", !0),
-          (_ = M(l).dictionary) != null && _.length ? (h(), g("div", cr, [
-            f("div", dr, [
-              B(ya, { onTranslate: m })
-            ])
-          ])) : P("", !0),
-          (T = M(l).definitions) != null && T.length ? (h(), g("div", fr, [
+          ])) : R("", !0),
+          (_ = M(l).dictionary) != null && _.length ? (h(), g("div", fr, [
             f("div", vr, [
-              B($a)
+              B(_a, { onTranslate: m })
             ])
-          ])) : P("", !0),
-          (V = M(l).synonyms) != null && V.length ? (h(), g("div", pr, [
+          ])) : R("", !0),
+          (T = M(l).definitions) != null && T.length ? (h(), g("div", pr, [
             f("div", hr, [
-              B(Pa, { onTranslate: m })
+              B(Ia)
             ])
-          ])) : P("", !0),
-          (E = M(l).examples) != null && E.length ? (h(), g("div", mr, [
+          ])) : R("", !0),
+          (V = M(l).synonyms) != null && V.length ? (h(), g("div", mr, [
             f("div", gr, [
-              B(ka)
+              B(Ba, { onTranslate: m })
             ])
-          ])) : P("", !0)
-        ])) : (h(), g("span", br, "Service unavailable"))
+          ])) : R("", !0),
+          (S = M(l).examples) != null && S.length ? (h(), g("div", br, [
+            f("div", Cr, [
+              B(Aa)
+            ])
+          ])) : R("", !0)
+        ])) : (h(), g("span", xr, "Service unavailable"))
       ]);
     };
   }
-}, xr = /* @__PURE__ */ he(Cr, [["__scopeId", "data-v-cd193f17"]]), yr = ["disabled"], wr = /* @__PURE__ */ f("path", {
+}, wr = /* @__PURE__ */ he(yr, [["__scopeId", "data-v-08f9cb53"]]), _r = ["disabled"], Tr = /* @__PURE__ */ f("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
-}, null, -1), _r = [
-  wr
-], Tr = {
+}, null, -1), Sr = [
+  Tr
+], Er = {
   __name: "RetryBtn",
   props: {
     disabled: Boolean
@@ -3806,19 +3845,19 @@ const Xt = {
       "aria-label": "Retry"
     }, [
       (h(), g("svg", {
-        class: R(["h-5 w-5 text-primary", { "opacity-50": e.disabled }]),
+        class: P(["h-5 w-5 text-primary", { "opacity-50": e.disabled }]),
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 24 24",
         stroke: "currentColor"
-      }, _r, 2))
-    ], 8, yr));
+      }, Sr, 2))
+    ], 8, _r));
   }
-}, Er = ["data-tip"], Sr = ["disabled"], $r = /* @__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), Or = [
-  $r
-], Ir = /* @__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), Lr = [
+}, $r = ["data-tip"], Or = ["disabled"], Ir = /* @__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), Lr = [
   Ir
-], kr = {
+], kr = /* @__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), Mr = [
+  kr
+], Ar = {
   __name: "ToggleDiffBtn",
   props: {
     disabled: Boolean,
@@ -3831,7 +3870,7 @@ const Xt = {
       "data-tip": e.isDiffMode ? "Hide Differences" : "Show Differences"
     }, [
       f("button", {
-        class: R(["btn btn-xs btn-circle", [
+        class: P(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
           { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
         ]]),
@@ -3840,21 +3879,21 @@ const Xt = {
       }, [
         e.isDiffMode ? (h(), g("svg", {
           key: 1,
-          class: R(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
+          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"
-        }, Lr, 2)) : (h(), g("svg", {
+        }, Mr, 2)) : (h(), g("svg", {
           key: 0,
-          class: R(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
+          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"
-        }, Or, 2))
-      ], 10, Sr)
-    ], 8, Er));
+        }, Lr, 2))
+      ], 10, Or)
+    ], 8, $r));
   }
-}, Mr = { class: "flex flex-row px-2 pr-10 items-center bg-transparent relative" }, Ar = { class: "absolute right-1 top-1 flex flex-col items-center gap-0" }, Fn = {
+}, Vr = { class: "flex flex-row px-2 pr-10 items-center bg-transparent relative" }, Dr = { class: "absolute right-1 top-1 flex flex-col items-center gap-0" }, Fn = {
   __name: "InputBtnGroup",
   props: {
     loading: {
@@ -3888,31 +3927,31 @@ const Xt = {
   },
   emits: ["copy", "clear", "toggleDiff", "info"],
   setup(e) {
-    return (n, t) => (h(), g("div", Mr, [
+    return (n, t) => (h(), g("div", Vr, [
       e.loading ? (h(), W(Mt, {
         key: 0,
         class: "absolute right-6 top-2"
-      })) : P("", !0),
-      f("div", Ar, [
-        e.showDiffToggle ? (h(), W(kr, {
+      })) : R("", !0),
+      f("div", Dr, [
+        e.showDiffToggle ? (h(), W(Ar, {
           key: 0,
           disabled: e.loading,
           isDiffMode: e.isDiffMode,
           onToggle: t[0] || (t[0] = (o) => n.$emit("toggleDiff"))
-        }, null, 8, ["disabled", "isDiffMode"])) : P("", !0),
+        }, null, 8, ["disabled", "isDiffMode"])) : R("", !0),
         e.hasClearBtn && e.src ? (h(), W(Pn, {
           key: 1,
           onClick: t[1] || (t[1] = (o) => n.$emit("clear")),
           disabled: e.loading
-        }, null, 8, ["disabled"])) : P("", !0),
+        }, null, 8, ["disabled"])) : R("", !0),
         e.hasCopyBtn && e.src ? (h(), W(Nn, {
           key: 2,
           onClick: t[2] || (t[2] = (o) => n.$emit("copy"))
-        })) : P("", !0)
+        })) : R("", !0)
       ])
     ]));
   }
-}, Vr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }, Dr = ["onKeydown", "placeholder"], Rr = {
+}, Rr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }, Pr = ["onKeydown", "placeholder"], Nr = {
   __name: "Input",
   props: {
     text: {
@@ -3948,7 +3987,7 @@ const Xt = {
       o.value = t.text, X(() => {
         l.value.focus(), i();
       });
-    }), (c, d) => (h(), g("div", Vr, [
+    }), (c, d) => (h(), g("div", Rr, [
       B(Fn, {
         src: e.text,
         hasClearBtn: !0,
@@ -3967,7 +4006,7 @@ const Xt = {
         onFocus: i,
         onKeydown: Jn(ft(u, ["ctrl", "prevent"]), ["enter"]),
         placeholder: `Min ${M(Ie).IMPROVE_INPUT_MIN_LENGTH} characters. ${M(vt) ? "" : "Ctrl+Enter to improve"}`
-      }, null, 40, Dr), [
+      }, null, 40, Pr), [
         [
           nt,
           o.value,
@@ -3977,7 +4016,7 @@ const Xt = {
       ])
     ]));
   }
-}, Pr = /* @__PURE__ */ he(Rr, [["__scopeId", "data-v-66614870"]]);
+}, Br = /* @__PURE__ */ he(Nr, [["__scopeId", "data-v-66614870"]]);
 function re() {
 }
 re.prototype = {
@@ -4002,19 +4041,19 @@ re.prototype = {
     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], E = C[_ + 1];
+        var T = void 0, V = C[_ - 1], S = C[_ + 1];
         V && (C[_ - 1] = void 0);
-        var S = !1;
-        if (E) {
-          var D = E.oldPos - _;
-          S = E && 0 <= D && D < i;
+        var E = !1;
+        if (S) {
+          var D = S.oldPos - _;
+          E = S && 0 <= D && D < i;
         }
         var v = V && V.oldPos + 1 < u;
-        if (!S && !v) {
+        if (!E && !v) {
           C[_] = void 0;
           continue;
         }
-        if (!v || S && V.oldPos < E.oldPos ? T = r.addToPath(E, !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 && 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)
           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));
       }
@@ -4148,9 +4187,9 @@ function qe(e, n) {
   return xt(e, n, "");
 }
 function nn(e, n) {
-  return n.slice(0, Nr(e, n));
+  return n.slice(0, Fr(e, n));
 }
-function Nr(e, n) {
+function Fr(e, n) {
   var t = 0;
   e.length > n.length && (t = e.length - n.length);
   var o = n.length;
@@ -4170,7 +4209,7 @@ function Nr(e, n) {
   }
   return s;
 }
-var et = "a-zA-Z0-9_\\u{C0}-\\u{FF}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8}-\\u{2D7}\\u{2DE}-\\u{2FF}\\u{1E00}-\\u{1EFF}", Br = new RegExp("[".concat(et, "]+|\\s+|[^").concat(et, "]"), "ug"), rt = new re();
+var et = "a-zA-Z0-9_\\u{C0}-\\u{FF}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8}-\\u{2D7}\\u{2DE}-\\u{2FF}\\u{1E00}-\\u{1EFF}", jr = new RegExp("[".concat(et, "]+|\\s+|[^").concat(et, "]"), "ug"), rt = new re();
 rt.equals = function(e, n, t) {
   return t.ignoreCase && (e = e.toLowerCase(), n = n.toLowerCase()), e.trim() === n.trim();
 };
@@ -4183,7 +4222,7 @@ rt.tokenize = function(e) {
       return s.segment;
     });
   } else
-    t = e.match(Br) || [];
+    t = e.match(jr) || [];
   var o = [], l = null;
   return t.forEach(function(s) {
     /\s/.test(s) ? l == null ? o.push(s) : o.push(o.pop() + s) : /\s/.test(l) ? o[o.length - 1] == l ? o.push(o.pop() + s) : o.push(l + s) : o.push(s), l = s;
@@ -4233,7 +4272,7 @@ jn.tokenize = function(e) {
   var n = new RegExp("(\\r?\\n)|[".concat(et, "]+|[^\\S\\n\\r]+|[^").concat(et, "]"), "ug");
   return e.match(n) || [];
 };
-function Fr(e, n, t) {
+function Hr(e, n, t) {
   return jn.diff(e, n, t);
 }
 var At = new re();
@@ -4255,12 +4294,12 @@ At.equals = function(e, n, t) {
 `) && (e = e.slice(0, -1)), n.endsWith(`
 `) && (n = n.slice(0, -1))), re.prototype.equals.call(this, e, n, t);
 };
-var jr = new re();
-jr.tokenize = function(e) {
+var zr = new re();
+zr.tokenize = function(e) {
   return e.split(/(\S.+?[.!?])(?=\s+|$)/);
 };
-var Hr = new re();
-Hr.tokenize = function(e) {
+var Zr = new re();
+Zr.tokenize = function(e) {
   return e.split(/([{}:;,]|\s+)/);
 };
 function yt(e) {
@@ -4314,7 +4353,7 @@ _t.tokenize = function(e) {
 _t.join = _t.removeEmpty = function(e) {
   return e;
 };
-const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }, Zr = { class: "flex justify-end items-center mb-1" }, Ur = { class: "bg-transparent" }, Wr = ["innerHTML"], qr = {
+const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }, Wr = { class: "flex justify-end items-center mb-1" }, qr = { class: "bg-transparent" }, Gr = ["innerHTML"], Jr = {
   __name: "Result",
   props: {
     text: {
@@ -4337,7 +4376,7 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       !l.value && s.value && u("copy", s.value);
     }
     function d(m, C) {
-      return Fr(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("");
+      return Hr(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 x() {
       a.value = !a.value, Ie.DEFAULT_DIFF_MODE = a.value;
@@ -4350,8 +4389,8 @@ const zr = { 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", zr, [
-      f("div", Zr, [
+    }), (m, C) => (h(), g("div", Ur, [
+      f("div", Wr, [
         B(Fn, {
           loading: l.value,
           src: s.value,
@@ -4362,7 +4401,7 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
           onToggleDiff: x
         }, null, 8, ["loading", "src", "hasCopyBtn", "showDiffToggle", "isDiffMode"])
       ]),
-      f("div", Ur, [
+      f("div", qr, [
         e.type !== "check" || !a.value ? tt((h(), g("textarea", {
           key: 0,
           ref_key: "textarea",
@@ -4377,27 +4416,27 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
           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
-        }, null, 8, Wr))
+        }, null, 8, Gr))
       ])
     ]));
   }
-}, Gr = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M21%2012h1m-3.5-6.5%201-1M12%203V2M5.5%205.5l-1-1M3%2012H2m8%2010h4m3-10a5%205%200%201%200-7%204.584V19h4v-2.416A5.001%205.001%200%200%200%2017%2012z'/%3e%3c/svg%3e", Jr = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.8544%203.20309C5.39975%202.89815%204.26277%201.76117%203.95787%200.30649C3.92042%200.12792%203.76292%200%203.58041%200C3.3979%200%203.2404%200.12792%203.20297%200.30652C2.89805%201.76117%201.76107%202.89812%200.306418%203.20302C0.127818%203.24045%20-0.00012207%203.39798%20-0.00012207%203.58046C-0.00012207%203.76295%200.127798%203.92047%200.306418%203.9579C1.76105%204.26285%202.89798%205.3998%203.2029%206.85448C3.24033%207.03307%203.39783%207.16102%203.58034%207.16102C3.76282%207.16102%203.92035%207.0331%203.95778%206.85448C4.26272%205.39983%205.39973%204.26287%206.85438%203.95799C7.03297%203.92056%207.16092%203.76306%207.16092%203.58056C7.1609%203.39805%207.03297%203.24052%206.8544%203.20309ZM3.58036%205.60938C3.14292%204.73132%202.42956%204.01792%201.55151%203.58049C2.42958%203.14305%203.14297%202.42968%203.58041%201.55161C4.01785%202.4297%204.73122%203.14307%205.60926%203.58053C4.73119%204.01797%204.0178%204.73132%203.58036%205.60938Z'%20fill='currentColor'/%3e%3cpath%20d='M6.21683%209.574C5.53147%209.4303%204.99578%208.8947%204.85209%208.2093C4.81466%208.0307%204.65716%207.90271%204.47465%207.90271C4.29217%207.90271%204.13464%208.0306%204.09721%208.2092C3.95352%208.8946%203.4178%209.4303%202.73244%209.574C2.55385%209.6114%202.4259%209.7689%202.4259%209.9514C2.4259%2010.1339%202.55383%2010.2914%202.73244%2010.3288C3.41778%2010.4725%203.95349%2011.0082%204.09716%2011.6936C4.13459%2011.8722%204.2921%2012.0002%204.4746%2012.0002C4.65709%2012.0002%204.81461%2011.8723%204.85204%2011.6936C4.99574%2011.0082%205.53145%2010.4725%206.21683%2010.3289C6.39543%2010.2914%206.52337%2010.1339%206.52337%209.9514C6.52337%209.7689%206.39545%209.6114%206.21683%209.574ZM4.47463%2010.6408C4.29163%2010.3688%204.05725%2010.1345%203.78526%209.9515C4.0573%209.7684%204.29163%209.5341%204.47463%209.2621C4.65765%209.5341%204.892%209.7685%205.164%209.9515C4.892%2010.1345%204.65763%2010.3688%204.47463%2010.6408Z'%20fill='currentColor'/%3e%3cpath%20d='M11.4271%206.00324C10.5007%205.80904%209.7766%205.08496%209.5825%204.15859C9.545%203.98%209.3875%203.85205%209.205%203.85205C9.0225%203.85205%208.865%203.97995%208.8276%204.15857C8.6334%205.08496%207.90932%205.80902%206.98293%206.0032C6.80434%206.04063%206.67639%206.19815%206.67639%206.38064C6.67639%206.56312%206.80431%206.72062%206.98293%206.75807C7.9093%206.95228%208.6334%207.67633%208.8275%208.6027C8.865%208.7813%209.0225%208.9093%209.205%208.9093C9.3875%208.9093%209.545%208.7814%209.5824%208.6027C9.7766%207.67633%2010.5007%206.95228%2011.4271%206.75812C11.6057%206.72067%2011.7336%206.56317%2011.7336%206.38068C11.7336%206.1982%2011.6057%206.04067%2011.4271%206.00324ZM9.205%207.47681C8.9365%207.02634%208.5593%206.64914%208.1089%206.38066C8.5593%206.11218%208.9365%205.73502%209.205%205.28453C9.4735%205.73502%209.8507%206.11221%2010.3012%206.38068C9.8507%206.64916%209.4735%207.02636%209.205%207.47681Z'%20fill='currentColor'/%3e%3c/svg%3e", Yr = "data:image/svg+xml,%3csvg%20class='w-5%20h-5'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='currentColor'%20aria-hidden='true'%20%3e%3cpath%20fill-rule='evenodd'%20d='M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z'%20clip-rule='evenodd'%20/%3e%3c/svg%3e", Qr = "data:image/svg+xml,%3csvg%20class='w-5%20h-5'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='currentColor'%20aria-hidden='true'%20%3e%3cpath%20fill-rule='evenodd'%20d='M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z'%20clip-rule='evenodd'%20/%3e%3c/svg%3e", Vt = (e) => (St("data-v-345bc0b4"), e = e(), $t(), e), Xr = { class: "flex rounded-md w-full" }, Kr = ["disabled"], ei = { class: "flex items-center text-xs" }, ti = ["src"], ni = /* @__PURE__ */ Vt(() => /* @__PURE__ */ f("div", { class: "w-px bg-base-300" }, null, -1)), oi = { class: "relative block" }, li = ["aria-expanded", "disabled"], si = /* @__PURE__ */ Vt(() => /* @__PURE__ */ f("span", { class: "sr-only" }, "Open options", -1)), ai = /* @__PURE__ */ Vt(() => /* @__PURE__ */ f("img", {
-  src: Qr,
+}, Yr = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M21%2012h1m-3.5-6.5%201-1M12%203V2M5.5%205.5l-1-1M3%2012H2m8%2010h4m3-10a5%205%200%201%200-7%204.584V19h4v-2.416A5.001%205.001%200%200%200%2017%2012z'/%3e%3c/svg%3e", Qr = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.8544%203.20309C5.39975%202.89815%204.26277%201.76117%203.95787%200.30649C3.92042%200.12792%203.76292%200%203.58041%200C3.3979%200%203.2404%200.12792%203.20297%200.30652C2.89805%201.76117%201.76107%202.89812%200.306418%203.20302C0.127818%203.24045%20-0.00012207%203.39798%20-0.00012207%203.58046C-0.00012207%203.76295%200.127798%203.92047%200.306418%203.9579C1.76105%204.26285%202.89798%205.3998%203.2029%206.85448C3.24033%207.03307%203.39783%207.16102%203.58034%207.16102C3.76282%207.16102%203.92035%207.0331%203.95778%206.85448C4.26272%205.39983%205.39973%204.26287%206.85438%203.95799C7.03297%203.92056%207.16092%203.76306%207.16092%203.58056C7.1609%203.39805%207.03297%203.24052%206.8544%203.20309ZM3.58036%205.60938C3.14292%204.73132%202.42956%204.01792%201.55151%203.58049C2.42958%203.14305%203.14297%202.42968%203.58041%201.55161C4.01785%202.4297%204.73122%203.14307%205.60926%203.58053C4.73119%204.01797%204.0178%204.73132%203.58036%205.60938Z'%20fill='currentColor'/%3e%3cpath%20d='M6.21683%209.574C5.53147%209.4303%204.99578%208.8947%204.85209%208.2093C4.81466%208.0307%204.65716%207.90271%204.47465%207.90271C4.29217%207.90271%204.13464%208.0306%204.09721%208.2092C3.95352%208.8946%203.4178%209.4303%202.73244%209.574C2.55385%209.6114%202.4259%209.7689%202.4259%209.9514C2.4259%2010.1339%202.55383%2010.2914%202.73244%2010.3288C3.41778%2010.4725%203.95349%2011.0082%204.09716%2011.6936C4.13459%2011.8722%204.2921%2012.0002%204.4746%2012.0002C4.65709%2012.0002%204.81461%2011.8723%204.85204%2011.6936C4.99574%2011.0082%205.53145%2010.4725%206.21683%2010.3289C6.39543%2010.2914%206.52337%2010.1339%206.52337%209.9514C6.52337%209.7689%206.39545%209.6114%206.21683%209.574ZM4.47463%2010.6408C4.29163%2010.3688%204.05725%2010.1345%203.78526%209.9515C4.0573%209.7684%204.29163%209.5341%204.47463%209.2621C4.65765%209.5341%204.892%209.7685%205.164%209.9515C4.892%2010.1345%204.65763%2010.3688%204.47463%2010.6408Z'%20fill='currentColor'/%3e%3cpath%20d='M11.4271%206.00324C10.5007%205.80904%209.7766%205.08496%209.5825%204.15859C9.545%203.98%209.3875%203.85205%209.205%203.85205C9.0225%203.85205%208.865%203.97995%208.8276%204.15857C8.6334%205.08496%207.90932%205.80902%206.98293%206.0032C6.80434%206.04063%206.67639%206.19815%206.67639%206.38064C6.67639%206.56312%206.80431%206.72062%206.98293%206.75807C7.9093%206.95228%208.6334%207.67633%208.8275%208.6027C8.865%208.7813%209.0225%208.9093%209.205%208.9093C9.3875%208.9093%209.545%208.7814%209.5824%208.6027C9.7766%207.67633%2010.5007%206.95228%2011.4271%206.75812C11.6057%206.72067%2011.7336%206.56317%2011.7336%206.38068C11.7336%206.1982%2011.6057%206.04067%2011.4271%206.00324ZM9.205%207.47681C8.9365%207.02634%208.5593%206.64914%208.1089%206.38066C8.5593%206.11218%208.9365%205.73502%209.205%205.28453C9.4735%205.73502%209.8507%206.11221%2010.3012%206.38068C9.8507%206.64916%209.4735%207.02636%209.205%207.47681Z'%20fill='currentColor'/%3e%3c/svg%3e", Xr = "data:image/svg+xml,%3csvg%20class='w-5%20h-5'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='currentColor'%20aria-hidden='true'%20%3e%3cpath%20fill-rule='evenodd'%20d='M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z'%20clip-rule='evenodd'%20/%3e%3c/svg%3e", Kr = "data:image/svg+xml,%3csvg%20class='w-5%20h-5'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='currentColor'%20aria-hidden='true'%20%3e%3cpath%20fill-rule='evenodd'%20d='M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z'%20clip-rule='evenodd'%20/%3e%3c/svg%3e", Vt = (e) => (Et("data-v-345bc0b4"), e = e(), $t(), e), ei = { class: "flex rounded-md w-full" }, ti = ["disabled"], ni = { class: "flex items-center text-xs" }, oi = ["src"], li = /* @__PURE__ */ Vt(() => /* @__PURE__ */ f("div", { class: "w-px bg-base-300" }, null, -1)), si = { class: "relative block" }, ai = ["aria-expanded", "disabled"], ri = /* @__PURE__ */ Vt(() => /* @__PURE__ */ f("span", { class: "sr-only" }, "Open options", -1)), ii = /* @__PURE__ */ Vt(() => /* @__PURE__ */ f("img", {
+  src: Kr,
   alt: "Chevron down",
   class: "w-4 h-4 fill-current"
-}, null, -1)), ri = [
-  si,
-  ai
-], ii = {
+}, null, -1)), ui = [
+  ri,
+  ii
+], ci = {
   key: 0,
   class: "origin-top-right absolute left-0 mt-1 w-full rounded-md shadow-lg bg-base-100 ring-1 ring-base-300 focus:outline-none z-50",
   role: "menu",
   "aria-orientation": "vertical",
   "aria-labelledby": "options-menu"
-}, ui = {
+}, di = {
   class: "py-1",
   role: "none"
-}, ci = ["onClick"], di = { class: "flex items-center" }, fi = ["src"], vi = {
+}, fi = ["onClick"], vi = { class: "flex items-center" }, pi = ["src"], hi = {
   __name: "ButtonSelect",
   props: {
     modelValue: {
@@ -4434,7 +4473,7 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       m.value !== s.value && (s.value = m.value, o("update:modelValue", m.value)), l.value = !1;
     }
     function d(m) {
-      return new URL((/* @__PURE__ */ Object.assign({ "../../assets/icons/ai-explain.svg": Gr, "../../assets/icons/ai-translate.svg": Jr, "../../assets/icons/chevron-down.svg": Yr }))[`../../assets/icons/${m}.svg`], import.meta.url).href;
+      return new URL((/* @__PURE__ */ Object.assign({ "../../assets/icons/ai-explain.svg": Yr, "../../assets/icons/ai-translate.svg": Qr, "../../assets/icons/chevron-down.svg": Xr }))[`../../assets/icons/${m}.svg`], import.meta.url).href;
     }
     function x(m) {
       r.value && !r.value.contains(m.target) && (l.value = !1);
@@ -4459,45 +4498,45 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       ref: r
     }, [
       f("div", {
-        class: R([
+        class: P([
           "relative rounded-lg overflow-hidden border-2 shadow-lg",
           e.isTextEmpty || t.loading ? "border-base-300" : "border-primary"
         ])
       }, [
-        f("div", Xr, [
+        f("div", ei, [
           f("button", {
             onClick: i,
-            class: R(["px-2 py-1 text-sm font-medium rounded-s focus:z-10 focus:outline-none flex-grow text-left relative", [
+            class: P(["px-2 py-1 text-sm font-medium rounded-s focus:z-10 focus:outline-none flex-grow text-left relative", [
               e.isTextEmpty || t.loading ? "bg-base-300 text-base-content/50 cursor-not-allowed" : "bg-primary text-primary-content"
             ]]),
             disabled: e.isTextEmpty || t.loading
           }, [
-            f("div", ei, [
+            f("div", ni, [
               f("img", {
                 src: d(a.value.icon),
                 alt: "",
                 class: "w-4 h-4 mr-2"
-              }, null, 8, ti),
-              Se(" " + J(a.value.label), 1)
+              }, null, 8, oi),
+              Ee(" " + G(a.value.label), 1)
             ])
-          ], 10, Kr),
-          ni,
-          f("div", oi, [
+          ], 10, ti),
+          li,
+          f("div", si, [
             f("button", {
               onClick: u,
               type: "button",
-              class: R(["h-full px-1 py-1 text-sm font-medium rounded-e focus:z-10 focus:outline-none", [
+              class: P(["h-full px-1 py-1 text-sm font-medium rounded-e focus:z-10 focus:outline-none", [
                 e.isTextEmpty || t.loading ? "bg-base-300 text-base-content/50 cursor-not-allowed" : "bg-primary text-primary-content"
               ]]),
               "aria-haspopup": "true",
               "aria-expanded": l.value,
               disabled: e.isTextEmpty || t.loading
-            }, ri, 10, li)
+            }, ui, 10, ai)
           ])
         ])
       ], 2),
-      l.value ? (h(), g("div", ii, [
-        f("div", ui, [
+      l.value ? (h(), g("div", ci, [
+        f("div", di, [
           (h(!0), g(z, null, Y(e.options, (b) => (h(), g("a", {
             key: b.value,
             onClick: (I) => c(b),
@@ -4505,23 +4544,23 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
             class: "block px-1 py-1 text-sm text-base-content hover:bg-base-200 hover:text-primary",
             role: "menuitem"
           }, [
-            f("div", di, [
+            f("div", vi, [
               f("img", {
                 src: d(b.icon),
                 alt: "",
                 class: "w-4 h-4 mr-2"
-              }, null, 8, fi),
-              Se(" " + J(b.label), 1)
+              }, null, 8, pi),
+              Ee(" " + G(b.label), 1)
             ])
-          ], 8, ci))), 128))
+          ], 8, fi))), 128))
         ])
-      ])) : P("", !0)
+      ])) : R("", !0)
     ], 512));
   }
-}, pi = /* @__PURE__ */ he(vi, [["__scopeId", "data-v-345bc0b4"]]), hi = { class: "w-full mt-1" }, mi = { class: "flex flex-col lg:flex-row lg:items-stretch lg:space-x-4 lg:min-h-[50vh]" }, gi = { class: "lg:flex-grow lg:w-0 flex flex-col" }, bi = { class: "flex flex-row lg:flex-col items-center justify-center place-content-center min-h-full" }, Ci = {
+}, mi = /* @__PURE__ */ he(hi, [["__scopeId", "data-v-345bc0b4"]]), gi = { class: "w-full mt-1" }, bi = { class: "flex flex-col lg:flex-row lg:items-stretch lg:space-x-4 lg:min-h-[50vh]" }, Ci = { class: "lg:flex-grow lg:w-0 flex flex-col" }, xi = { class: "flex flex-row lg:flex-col items-center justify-center place-content-center min-h-full" }, yi = {
   class: "flex items-center",
   style: { "max-width": "300px" }
-}, xi = { class: "lg:flex-grow lg:w-0 flex flex-col" }, yi = {
+}, wi = { class: "lg:flex-grow lg:w-0 flex flex-col" }, _i = {
   __name: "WriteTab",
   props: {
     opt: {
@@ -4590,10 +4629,10 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     }
     return (b, I) => {
       var $, w;
-      return h(), g("div", hi, [
-        f("div", mi, [
-          f("div", gi, [
-            B(Pr, {
+      return h(), g("div", gi, [
+        f("div", bi, [
+          f("div", Ci, [
+            B(Br, {
               class: "my-2 lg:my-0 w-full flex-grow lg:min-h-[50vh]",
               text: M(t).text,
               onChange: a,
@@ -4601,9 +4640,9 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
               onImprove: d
             }, null, 8, ["text"])
           ]),
-          f("div", bi, [
-            f("div", Ci, [
-              B(pi, {
+          f("div", xi, [
+            f("div", yi, [
+              B(mi, {
                 class: "w-full",
                 modelValue: l.opt.type,
                 options: r,
@@ -4614,14 +4653,14 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
                 onAction: d
               }, null, 8, ["modelValue", "loading", "isTextEmpty", "hasResult"])
             ]),
-            B(Tr, {
+            B(Er, {
               class: "ml-2 lg:m-2",
               disabled: ((w = M(t).text) == null ? void 0 : w.length) < 5 || !M(t).result,
               onClick: x
             }, null, 8, ["disabled"])
           ]),
-          f("div", xi, [
-            B(qr, {
+          f("div", wi, [
+            B(Jr, {
               class: "my-2 lg:my-0 w-full flex-grow lg:min-h-[50vh]",
               text: M(t).result,
               originalText: M(t).text,
@@ -4656,17 +4695,17 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     init: a,
     reset: i
   };
-}), Hn = (e) => (St("data-v-4734eed4"), e = e(), $t(), e), wi = ["data-theme"], _i = { class: "flex-none py-2 pl-3 pr-2 shadow border border-base-300" }, Ti = { class: "flex-none" }, Ei = { class: "flex w-full border-b border-base-300 items-center" }, Si = {
+}), Hn = (e) => (Et("data-v-e4dbf9d3"), e = e(), $t(), e), Ti = ["data-theme"], Si = { class: "flex-none py-2 pl-3 pr-2 shadow border border-base-300" }, Ei = { class: "flex-none" }, $i = { class: "flex w-full border-b border-base-300 items-center" }, Oi = {
   key: 0,
   class: "text-xs text-base-content/40 ml-1 italic"
-}, $i = /* @__PURE__ */ Hn(() => /* @__PURE__ */ f("small", null, "(Tab)", -1)), Oi = [
-  $i
-], Ii = {
+}, Ii = /* @__PURE__ */ Hn(() => /* @__PURE__ */ f("small", null, "(Tab)", -1)), Li = [
+  Ii
+], ki = {
   key: 0,
   class: "text-xs text-base-content/40 ml-1 italic"
-}, Li = /* @__PURE__ */ Hn(() => /* @__PURE__ */ f("small", null, "(Tab)", -1)), ki = [
-  Li
-], Mi = { class: "flex-1 min-h-0" }, Ai = { class: "h-full overflow-y-auto overflow-x-hidden custom-scrollbar" }, Vi = {
+}, Mi = /* @__PURE__ */ Hn(() => /* @__PURE__ */ f("small", null, "(Tab)", -1)), Ai = [
+  Mi
+], Vi = { class: "flex-1 min-h-0" }, Di = { class: "h-full overflow-y-auto overflow-x-hidden custom-scrollbar" }, Ri = {
   __name: "Popup",
   props: {
     options: {
@@ -4708,7 +4747,7 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
   },
   emits: ["nav", "translate", "write", "common"],
   setup(e, { emit: n }) {
-    const t = Ul();
+    const t = ql();
     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);
@@ -4753,44 +4792,45 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       "data-theme": e.theme,
       class: "h-screen flex flex-col bg-base-100"
     }, [
-      f("div", _i, [
-        B(bo, {
+      f("div", Si, [
+        B(xo, {
           "header-settings": e.headerSettings,
           "current-theme": e.theme,
           onReader: y[0] || (y[0] = (_) => u("reader")),
-          onSettings: y[1] || (y[1] = (_) => u("settings")),
-          onFullScreen: y[2] || (y[2] = (_) => u("fullscreen")),
-          onAccount: y[3] || (y[3] = (_) => u("account")),
+          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")),
           onThemeChange: c
         }, null, 8, ["header-settings", "current-theme"])
       ]),
-      f("div", Ti, [
-        f("div", Ei, [
+      f("div", Ei, [
+        f("div", $i, [
           f("button", {
-            class: R([
+            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"
             ]),
-            onClick: y[4] || (y[4] = (_) => u("activeTab", "translate"))
+            onClick: y[5] || (y[5] = (_) => u("activeTab", "translate"))
           }, [
-            Se(" Translate "),
-            !M(vt) && I.value.activeTab !== "translate" ? (h(), g("span", Si, Oi)) : P("", !0)
+            Ee(" Translate "),
+            !M(vt) && I.value.activeTab !== "translate" ? (h(), g("span", Oi, Li)) : R("", !0)
           ], 2),
           f("button", {
-            class: R([
+            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"
             ]),
-            onClick: y[5] || (y[5] = (_) => u("activeTab", "write"))
+            onClick: y[6] || (y[6] = (_) => u("activeTab", "write"))
           }, [
-            Se(" Write "),
-            !M(vt) && I.value.activeTab !== "write" ? (h(), g("span", Ii, ki)) : P("", !0)
+            Ee(" Write "),
+            !M(vt) && I.value.activeTab !== "write" ? (h(), g("span", ki, Ai)) : R("", !0)
           ], 2)
         ])
       ]),
-      f("div", Mi, [
-        f("div", Ai, [
-          I.value.activeTab === "translate" ? (h(), W(xr, {
+      f("div", Vi, [
+        f("div", Di, [
+          I.value.activeTab === "translate" ? (h(), W(wr, {
             key: 0,
             opt: I.value.translateOpts,
             languages: I.value.languages,
@@ -4804,28 +4844,28 @@ const zr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
             isAITranslate: I.value.isAITranslate,
             isAIExplain: I.value.isAIExplain,
             aiExplainMinLength: I.value.aiExplainMinLength,
-            onOpt: y[6] || (y[6] = (_) => d("updateOpts", _)),
-            onTranslate: y[7] || (y[7] = (_) => d("translate", _)),
-            onLoadTTS: y[8] || (y[8] = (_) => d("loadTTS", _)),
-            onFavorite: y[9] || (y[9] = (_) => d("favorite")),
-            onAiTranslate: y[10] || (y[10] = (_) => d("aiTranslate", _)),
-            onAiExplain: y[11] || (y[11] = (_) => d("aiExplain", _)),
-            onCopy: y[12] || (y[12] = (_) => m("copy", _))
-          }, null, 8, ["opt", "languages", "translation", "explanation", "tts", "isTTS", "isFavoriteFeatureEnabled", "isAITranslateFeatureEnabled", "isFavorite", "isAITranslate", "isAIExplain", "aiExplainMinLength"])) : P("", !0),
-          I.value.activeTab === "write" ? (h(), W(yi, {
+            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", _))
+          }, null, 8, ["opt", "languages", "translation", "explanation", "tts", "isTTS", "isFavoriteFeatureEnabled", "isAITranslateFeatureEnabled", "isFavorite", "isAITranslate", "isAIExplain", "aiExplainMinLength"])) : R("", !0),
+          I.value.activeTab === "write" ? (h(), W(_i, {
             key: 1,
             opt: I.value.writeOpts,
             languages: I.value.languages,
             writing: e.data.writing,
-            onOpt: y[13] || (y[13] = (_) => x("updateOpts", _)),
-            onWrite: y[14] || (y[14] = (_) => x("write", _)),
-            onCopy: y[15] || (y[15] = (_) => m("copy", _))
-          }, null, 8, ["opt", "languages", "writing"])) : P("", !0)
+            onOpt: y[14] || (y[14] = (_) => x("updateOpts", _)),
+            onWrite: y[15] || (y[15] = (_) => x("write", _)),
+            onCopy: y[16] || (y[16] = (_) => m("copy", _))
+          }, null, 8, ["opt", "languages", "writing"])) : R("", !0)
         ])
       ])
-    ], 8, wi));
+    ], 8, Ti));
   }
-}, Pi = /* @__PURE__ */ he(Vi, [["__scopeId", "data-v-4734eed4"]]);
+}, Bi = /* @__PURE__ */ he(Ri, [["__scopeId", "data-v-e4dbf9d3"]]);
 export {
-  Pi as default
+  Bi as default
 };