@ddict/popup 1.6.2 → 1.6.4

package/dist/popup.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as g, openBlock as h, createElementVNode as f, Fragment as z, renderList as Y, normalizeClass as P, createTextVNode as Ee, normalizeStyle as Zn, toDisplayString as G, createStaticVNode as Be, 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";
+import { createElementBlock as g, openBlock as h, createElementVNode as f, Fragment as z, renderList as Y, normalizeClass as P, createTextVNode as Ee, normalizeStyle as Zn, toDisplayString as G, createStaticVNode as Be, createCommentVNode as R, createBlock as W, computed as L, unref as M, shallowRef as Un, watch as F, triggerRef as Dt, onScopeDispose as Tt, ref as O, onUnmounted as Fe, inject as le, watchEffect as fe, onMounted as se, cloneVNode as sn, h as Ve, defineComponent as pe, provide as ce, nextTick as X, toRaw as ne, reactive as an, hasInjectionContext as Wn, getCurrentInstance as rn, markRaw as be, effectScope as un, isRef as $e, isReactive as St, toRef as it, getCurrentScope as cn, toRefs as Rt, mergeModels as qn, useModel as Gn, withCtx as ze, createVNode as B, withModifiers as ft, withDirectives as tt, vModelText as nt, pushScopeId as Et, popScopeId as $t, withKeys as Jn } from "vue";
 const vt = navigator.userAgent.match(
   /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i
 ), Ze = {
@@ -86,7 +86,10 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
       ])
     ]));
   }
-}, ao = { class: "flex justify-between" }, ro = /* @__PURE__ */ Be('<div class="flex flex-row"><svg class="w-24 text-primary" viewBox="0 0 96 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40.151 8.94498H35.7256V23.055H40.151C44.7473 23.055 47.826 20.0825 47.826 15.9795C47.8267 11.8093 44.7678 8.94498 40.151 8.94498ZM40.1312 21.025H37.993V10.9974H40.1312C43.4217 10.9974 45.4972 12.9846 45.4972 15.9795C45.4965 18.9296 43.4012 21.025 40.1312 21.025Z" fill="currentColor"></path><path d="M54.5158 8.94498H50.0903V23.055H54.5158C59.1121 23.055 62.1908 20.0825 62.1908 15.9795C62.1914 11.8093 59.1351 8.94498 54.5158 8.94498ZM54.496 21.025H52.3578V10.9974H54.496C57.789 10.9974 59.8619 12.9846 59.8619 15.9795C59.8613 18.9296 57.766 21.025 54.496 21.025Z" fill="currentColor"></path><path d="M66.7237 8.94498H64.4575V23.055H66.7237V8.94498Z" fill="currentColor"></path><path d="M76.4301 10.7837C78.29 10.7837 79.7436 11.6603 80.7487 13.2207L82.4589 11.9591C81.2401 9.97057 78.9957 8.70953 76.409 8.70953C72.3898 8.64555 68.9048 11.9591 68.9906 16C68.9048 20.0403 72.3898 23.3544 76.409 23.2905C79.0385 23.2905 81.2618 22.0294 82.4589 20.0409L80.7487 18.7793C79.7436 20.3397 78.29 21.2163 76.4301 21.2163C73.544 21.2163 71.3418 18.993 71.3418 16C71.3418 13.007 73.5433 10.7837 76.4301 10.7837Z" fill="currentColor"></path><path d="M83.3135 8.94498V10.9757H88.0595V23.055H90.3256V10.9757H95.0934V8.94498H83.3135Z" fill="currentColor"></path><path d="M8.66351 4.7121H4.604V15.4427L6.87208 13.3839V6.79143H8.64559C11.4639 6.79143 13.2835 8.47857 13.2835 11.0877C13.2835 13.6916 11.421 15.4427 8.64559 15.4427H4.604V17.5016H8.66351C12.7531 17.5016 15.6098 14.8644 15.6098 11.0877C15.6104 7.27575 12.8196 4.7121 8.66351 4.7121Z" fill="currentColor"></path><path d="M26.2425 9.25528H21.5502L20.7537 14.293L21.4523 14.3308L21.4069 14.7294C21.3916 14.8656 21.3289 15.0448 21.112 15.1734C21.1017 15.9399 21.0845 17.0493 20.9706 18.1766H26.5937V19.8586H21.4677C22.4133 22.9424 24.1254 24.9648 26.5611 25.8669L27.1536 26.0864L26.6795 26.5048C26.4875 26.6737 26.2182 27.0141 26.0896 27.2489L25.9258 27.5438L25.6155 27.4152C23.167 26.4095 21.4223 24.4926 20.2905 21.563C19.3602 24.3365 17.5797 26.2553 14.8592 27.428L14.5438 27.5617L14.3775 27.2642C14.2764 27.08 14.0294 26.7876 13.8151 26.5989L13.3564 26.1951L13.9239 25.9655C16.4555 24.9392 18.064 23.1414 18.8228 20.4837C19.6647 19.8381 20.2099 18.8221 20.2169 17.6801V4.53231C20.2169 2.58349 18.6334 1 16.6846 1H3.53487C1.58349 1 0 2.58349 0 4.53231V17.6795C0 19.6283 1.58349 21.2143 3.53487 21.2143H8.25528V27.2431C8.25528 29.3135 9.93986 31 12.0096 31H26.2431C28.3161 31 29.9974 29.3129 29.9974 27.2431V13.0096C29.9974 10.9392 28.3154 9.25528 26.2425 9.25528ZM3.53487 19.4517C2.55662 19.4517 1.762 18.6603 1.762 17.6788V4.53231C1.762 3.55662 2.55598 2.762 3.53487 2.762H16.6839C17.6571 2.762 18.4517 3.55598 18.4517 4.53231V17.6795C18.4517 17.778 18.444 17.8733 18.4267 17.9667C18.3941 18.1811 18.3231 18.38 18.215 18.5592C17.9149 19.0934 17.3372 19.4517 16.6846 19.4517H3.53487Z" fill="currentColor"></path></svg></div>', 1), io = { class: "flex" }, uo = /* @__PURE__ */ f("svg", {
+}, ao = { class: "flex justify-between" }, ro = { class: "flex flex-row items-center" }, io = /* @__PURE__ */ Be('<svg class="w-24 text-primary" viewBox="0 0 96 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40.151 8.94498H35.7256V23.055H40.151C44.7473 23.055 47.826 20.0825 47.826 15.9795C47.8267 11.8093 44.7678 8.94498 40.151 8.94498ZM40.1312 21.025H37.993V10.9974H40.1312C43.4217 10.9974 45.4972 12.9846 45.4972 15.9795C45.4965 18.9296 43.4012 21.025 40.1312 21.025Z" fill="currentColor"></path><path d="M54.5158 8.94498H50.0903V23.055H54.5158C59.1121 23.055 62.1908 20.0825 62.1908 15.9795C62.1914 11.8093 59.1351 8.94498 54.5158 8.94498ZM54.496 21.025H52.3578V10.9974H54.496C57.789 10.9974 59.8619 12.9846 59.8619 15.9795C59.8613 18.9296 57.766 21.025 54.496 21.025Z" fill="currentColor"></path><path d="M66.7237 8.94498H64.4575V23.055H66.7237V8.94498Z" fill="currentColor"></path><path d="M76.4301 10.7837C78.29 10.7837 79.7436 11.6603 80.7487 13.2207L82.4589 11.9591C81.2401 9.97057 78.9957 8.70953 76.409 8.70953C72.3898 8.64555 68.9048 11.9591 68.9906 16C68.9048 20.0403 72.3898 23.3544 76.409 23.2905C79.0385 23.2905 81.2618 22.0294 82.4589 20.0409L80.7487 18.7793C79.7436 20.3397 78.29 21.2163 76.4301 21.2163C73.544 21.2163 71.3418 18.993 71.3418 16C71.3418 13.007 73.5433 10.7837 76.4301 10.7837Z" fill="currentColor"></path><path d="M83.3135 8.94498V10.9757H88.0595V23.055H90.3256V10.9757H95.0934V8.94498H83.3135Z" fill="currentColor"></path><path d="M8.66351 4.7121H4.604V15.4427L6.87208 13.3839V6.79143H8.64559C11.4639 6.79143 13.2835 8.47857 13.2835 11.0877C13.2835 13.6916 11.421 15.4427 8.64559 15.4427H4.604V17.5016H8.66351C12.7531 17.5016 15.6098 14.8644 15.6098 11.0877C15.6104 7.27575 12.8196 4.7121 8.66351 4.7121Z" fill="currentColor"></path><path d="M26.2425 9.25528H21.5502L20.7537 14.293L21.4523 14.3308L21.4069 14.7294C21.3916 14.8656 21.3289 15.0448 21.112 15.1734C21.1017 15.9399 21.0845 17.0493 20.9706 18.1766H26.5937V19.8586H21.4677C22.4133 22.9424 24.1254 24.9648 26.5611 25.8669L27.1536 26.0864L26.6795 26.5048C26.4875 26.6737 26.2182 27.0141 26.0896 27.2489L25.9258 27.5438L25.6155 27.4152C23.167 26.4095 21.4223 24.4926 20.2905 21.563C19.3602 24.3365 17.5797 26.2553 14.8592 27.428L14.5438 27.5617L14.3775 27.2642C14.2764 27.08 14.0294 26.7876 13.8151 26.5989L13.3564 26.1951L13.9239 25.9655C16.4555 24.9392 18.064 23.1414 18.8228 20.4837C19.6647 19.8381 20.2099 18.8221 20.2169 17.6801V4.53231C20.2169 2.58349 18.6334 1 16.6846 1H3.53487C1.58349 1 0 2.58349 0 4.53231V17.6795C0 19.6283 1.58349 21.2143 3.53487 21.2143H8.25528V27.2431C8.25528 29.3135 9.93986 31 12.0096 31H26.2431C28.3161 31 29.9974 29.3129 29.9974 27.2431V13.0096C29.9974 10.9392 28.3154 9.25528 26.2425 9.25528ZM3.53487 19.4517C2.55662 19.4517 1.762 18.6603 1.762 17.6788V4.53231C1.762 3.55662 2.55598 2.762 3.53487 2.762H16.6839C17.6571 2.762 18.4517 3.55598 18.4517 4.53231V17.6795C18.4517 17.778 18.444 17.8733 18.4267 17.9667C18.3941 18.1811 18.3231 18.38 18.215 18.5592C17.9149 19.0934 17.3372 19.4517 16.6846 19.4517H3.53487Z" fill="currentColor"></path></svg>', 1), uo = {
+  key: 0,
+  class: "ml-2 px-1.5 py-0.5 text-[10px] font-medium bg-primary/10 text-primary border border-primary/20 rounded-full"
+}, co = { class: "flex" }, fo = /* @__PURE__ */ f("svg", {
   class: "w-6 h-6 text-primary",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -110,9 +113,9 @@ 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), co = [
-  uo
-], fo = /* @__PURE__ */ f("svg", {
+], -1), vo = [
+  fo
+], po = /* @__PURE__ */ f("svg", {
   class: "w-6 h-6 text-primary",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -139,10 +142,10 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1), vo = {
+], -1), ho = {
   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", {
+}, mo = /* @__PURE__ */ f("svg", {
   class: "w-6 h-6 text-primary",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -155,9 +158,9 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1), ho = [
-  po
-], mo = /* @__PURE__ */ f("svg", {
+], -1), go = [
+  mo
+], bo = /* @__PURE__ */ f("svg", {
   class: "w-6 h-6 text-primary",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -171,11 +174,11 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
     d: "M7.75 12C7.75 9.65278 9.65279 7.75 12 7.75C14.3472 7.75 16.25 9.65278 16.25 12C16.25 14.3472 14.3472 16.25 12 16.25C9.65279 16.25 7.75 14.3472 7.75 12ZM12 9.25C10.4812 9.25 9.25 10.4812 9.25 12C9.25 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25Z",
     fill: "currentColor"
   })
-], -1), go = [
-  mo
-], 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 = [
+], -1), Co = [
   bo
-], xo = {
+], xo = /* @__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), yo = [
+  xo
+], wo = {
   __name: "Header",
   props: {
     headerSettings: {
@@ -193,6 +196,10 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
     currentTheme: {
       type: String,
       default: "lofi"
+    },
+    isPremium: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["settings", "fullScreen", "reader", "learn", "account", "themeChange"],
@@ -201,8 +208,11 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
       t("themeChange", l);
     };
     return (l, s) => (h(), g("div", ao, [
-      ro,
-      f("div", io, [
+      f("div", ro, [
+        io,
+        e.isPremium ? (h(), g("span", uo, "Premium")) : R("", !0)
+      ]),
+      f("div", co, [
         e.headerSettings.showThemeSelector ? (h(), W(so, {
           key: 0,
           "current-theme": e.currentTheme,
@@ -212,30 +222,29 @@ const Kn = { class: "dropdown dropdown-end z-50" }, eo = /* @__PURE__ */ f("div"
           key: 1,
           class: "btn btn-ghost btn-circle btn-sm",
           onClick: s[0] || (s[0] = (r) => t("reader"))
-        }, co)) : R("", !0),
-        e.headerSettings.showLearn > 0 ? (h(), g("button", {
-          key: 2,
+        }, vo)) : R("", !0),
+        f("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),
+          po,
+          e.headerSettings.showLearn > 0 ? (h(), g("span", ho, G(e.headerSettings.showLearn > 999 ? "999+" : e.headerSettings.showLearn), 1)) : R("", !0)
+        ]),
         e.headerSettings.showAccount ? (h(), g("button", {
-          key: 3,
+          key: 2,
           class: "btn btn-ghost btn-circle btn-sm",
           onClick: s[2] || (s[2] = (r) => t("account"))
-        }, ho)) : R("", !0),
+        }, go)) : R("", !0),
         e.headerSettings.showSettings ? (h(), g("button", {
-          key: 4,
+          key: 3,
           class: "btn btn-ghost btn-circle btn-sm",
           onClick: s[3] || (s[3] = (r) => t("settings"))
-        }, go)) : R("", !0),
+        }, Co)) : R("", !0),
         e.headerSettings.showFullscreen ? (h(), g("button", {
-          key: 5,
+          key: 4,
           class: "btn btn-ghost btn-circle btn-sm",
           onClick: s[4] || (s[4] = (r) => t("fullScreen"))
-        }, Co)) : R("", !0)
+        }, yo)) : R("", !0)
       ])
     ]));
   }
@@ -277,17 +286,17 @@ function ut(e, n) {
     throw new Error("Unexpected undefined");
   return e;
 }
-const yo = (e, n) => Math.abs(e - n) < 1, wo = (e, n, t) => {
+const _o = (e, n) => Math.abs(e - n) < 1, To = (e, n, t) => {
   let o;
   return function(...l) {
     e.clearTimeout(o), o = e.setTimeout(() => n.apply(this, l), t);
   };
-}, _o = (e) => e, To = (e) => {
+}, So = (e) => e, Eo = (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;
-}, So = (e, n) => {
+}, $o = (e, n) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -317,7 +326,7 @@ const yo = (e, n) => Math.abs(e - n) < 1, wo = (e, n, t) => {
   };
 }, Pt = {
   passive: !0
-}, Eo = typeof window > "u" ? !0 : "onscrollend" in window, $o = (e, n) => {
+}, Oo = typeof window > "u" ? !0 : "onscrollend" in window, Io = (e, n) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -325,8 +334,8 @@ const yo = (e, n) => Math.abs(e - n) < 1, wo = (e, n, t) => {
   if (!o)
     return;
   let l = 0;
-  const s = Eo ? () => {
-  } : wo(
+  const s = Oo ? () => {
+  } : To(
     o,
     () => {
       n(l, !1);
@@ -338,7 +347,7 @@ const yo = (e, n) => Math.abs(e - n) < 1, wo = (e, n, t) => {
   return i(), t.addEventListener("scroll", a, Pt), t.addEventListener("scrollend", i, Pt), () => {
     t.removeEventListener("scroll", a), t.removeEventListener("scrollend", i);
   };
-}, Oo = (e, n, t) => {
+}, Lo = (e, n, t) => {
   if (n != null && n.borderBoxSize) {
     const o = n.borderBoxSize[0];
     if (o)
@@ -349,7 +358,7 @@ const yo = (e, n) => Math.abs(e - n) < 1, wo = (e, n, t) => {
   return Math.round(
     e.getBoundingClientRect()[t.options.horizontal ? "width" : "height"]
   );
-}, Io = (e, {
+}, ko = (e, {
   adjustments: n = 0,
   behavior: t
 }, o) => {
@@ -360,7 +369,7 @@ const yo = (e, n) => Math.abs(e - n) < 1, wo = (e, n, t) => {
     behavior: t
   });
 };
-class Lo {
+class Mo {
   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;
@@ -395,11 +404,11 @@ class Lo {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: _o,
-        rangeExtractor: To,
+        getItemKey: So,
+        rangeExtractor: Eo,
         onChange: () => {
         },
-        measureElement: Oo,
+        measureElement: Lo,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -519,7 +528,7 @@ class Lo {
       }
     ), this.calculateRange = Le(
       () => [this.getMeasurements(), this.getSize(), this.getScrollOffset()],
-      (t, o, l) => this.range = t.length > 0 && o > 0 ? ko({
+      (t, o, l) => this.range = t.length > 0 && o > 0 ? Ao({
         measurements: t,
         outerSize: o,
         scrollOffset: l
@@ -639,7 +648,7 @@ class Lo {
           const [u] = ut(
             this.getOffsetForIndex(t, a)
           );
-          yo(u, this.getScrollOffset()) || this.scrollToIndex(t, { align: a, behavior: l });
+          _o(u, this.getScrollOffset()) || this.scrollToIndex(t, { align: a, behavior: l });
         } else
           this.scrollToIndex(t, { align: a, behavior: l });
       }));
@@ -680,7 +689,7 @@ const dn = (e, n, t, o) => {
   }
   return e > 0 ? e - 1 : 0;
 };
-function ko({
+function Ao({
   measurements: e,
   outerSize: n,
   scrollOffset: t
@@ -691,8 +700,8 @@ function ko({
     r++;
   return { startIndex: s, endIndex: r };
 }
-function Mo(e) {
-  const n = new Lo(M(e)), t = Un(n), o = n._didMount();
+function Vo(e) {
+  const n = new Mo(M(e)), t = Un(n), o = n._didMount();
   return F(
     () => M(e).getScrollElement(),
     (l) => {
@@ -717,23 +726,23 @@ function Mo(e) {
     }
   ), Tt(o), t;
 }
-function Ao(e) {
-  return Mo(
+function Do(e) {
+  return Vo(
     L(() => ({
-      observeElementRect: So,
-      observeElementOffset: $o,
-      scrollToFn: Io,
+      observeElementRect: $o,
+      observeElementOffset: Io,
+      scrollToFn: ko,
       ...M(e)
     }))
   );
 }
-function Vo(e, n, t) {
+function Ro(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 Do(e) {
+function Po(e) {
   typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((n) => setTimeout(() => {
     throw n;
   }));
@@ -753,7 +762,7 @@ function Qe() {
     n.add(() => clearTimeout(o));
   }, microTask(...t) {
     let o = { current: !0 };
-    return Do(() => {
+    return Po(() => {
       o.current && t[0]();
     }), n.add(() => {
       o.current = !1;
@@ -776,19 +785,19 @@ function Qe() {
   } };
   return n;
 }
-function Ro() {
+function No() {
   let e = Qe();
   return Fe(() => e.dispose()), e;
 }
-function Po() {
-  let e = Ro();
+function Bo() {
+  let e = No();
   return (n) => {
     e.dispose(), e.nextFrame(n);
   };
 }
-let No = Symbol("headlessui.useid"), Bo = 0;
+let Fo = Symbol("headlessui.useid"), jo = 0;
 function je() {
-  return le(No, () => `${++Bo}`)();
+  return le(Fo, () => `${++jo}`)();
 }
 function N(e) {
   var n;
@@ -804,8 +813,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 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 {
+var Ho = Object.defineProperty, zo = (e, n, t) => n in e ? Ho(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, Nt = (e, n, t) => (zo(e, typeof n != "symbol" ? n + "" : n, t), t);
+let Zo = class {
   constructor() {
     Nt(this, "current", this.detect()), Nt(this, "currentId", 0);
   }
@@ -827,7 +836,7 @@ let Ho = class {
   detect() {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
-}, Ot = new Ho();
+}, Ot = new Zo();
 function It(e) {
   if (Ot.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
@@ -838,8 +847,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 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 Uo = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(Uo || {}), Wo = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Wo || {}), qo = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(qo || {}), fn = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(fn || {});
+function Go(e, n = 0) {
   var t;
   return e === ((t = It(e)) == null ? void 0 : t.body) ? !1 : ue(n, { 0() {
     return e.matches(Bt);
@@ -852,13 +861,13 @@ function Wo(e, n = 0) {
     return !1;
   } });
 }
-var qo = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(qo || {});
+var Jo = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Jo || {});
 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 Go(e, n = (t) => t) {
+function Yo(e, n = (t) => t) {
   return e.slice().sort((t, o) => {
     let l = n(t), s = n(o);
     if (l === null || s === null) return 0;
@@ -866,26 +875,26 @@ function Go(e, n = (t) => t) {
     return r & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : r & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function Jo() {
+function Qo() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
-function Yo() {
+function Xo() {
   return /Android/gi.test(window.navigator.userAgent);
 }
 function vn() {
-  return Jo() || Yo();
+  return Qo() || Xo();
 }
 function Ue(e, n, t) {
   Ot.isServer || fe((o) => {
     document.addEventListener(e, n, t), o(() => document.removeEventListener(e, n, t));
   });
 }
-function Qo(e, n, t) {
+function Ko(e, n, t) {
   Ot.isServer || fe((o) => {
     window.addEventListener(e, n, t), o(() => window.removeEventListener(e, n, t));
   });
 }
-function Xo(e, n, t = L(() => !0)) {
+function el(e, n, t = L(() => !0)) {
   function o(s, r) {
     if (!t.value || s.defaultPrevented) return;
     let a = r(s);
@@ -898,7 +907,7 @@ function Xo(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 !Wo(a, fn.Loose) && a.tabIndex !== -1 && s.preventDefault(), n(s, a);
+    return !Go(a, fn.Loose) && a.tabIndex !== -1 && s.preventDefault(), n(s, a);
   }
   let l = O(null);
   Ue("pointerdown", (s) => {
@@ -909,14 +918,14 @@ function Xo(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), Qo("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), Ko("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 Ko(e, n) {
+function tl(e, n) {
   let t = O(Ft(e.value.type, e.value.as));
   return se(() => {
     t.value = Ft(e.value.type, e.value.as);
@@ -928,7 +937,7 @@ function Ko(e, n) {
 function jt(e) {
   return [e.screenX, e.screenY];
 }
-function el() {
+function nl() {
   let e = O([-1, -1]);
   return { wasMoved(n) {
     let t = jt(n);
@@ -937,7 +946,7 @@ function el() {
     e.value = jt(n);
   } };
 }
-function tl({ container: e, accept: n, walk: t, enabled: o }) {
+function ol({ container: e, accept: n, walk: t, enabled: o }) {
   fe(() => {
     let l = e.value;
     if (!l || o !== void 0 && !o.value) return;
@@ -947,7 +956,7 @@ function tl({ 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 || {}), nl = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(nl || {});
+var De = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(De || {}), ll = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(ll || {});
 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 });
@@ -973,7 +982,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 (!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(`
+      if (!al(d) || x.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${l} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(i).concat(Object.keys(n)).map((b) => b.trim()).filter((b, I, $) => $.indexOf(b) === I).sort((b, I) => b.localeCompare(I)).map((b) => `  - ${b}`).join(`
 `), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((b) => `  - ${b}`).join(`
 `)].join(`
 `));
@@ -1003,7 +1012,7 @@ function hn(...e) {
   } });
   return n;
 }
-function ol(e) {
+function sl(e) {
   let n = Object.assign({}, e);
   for (let t in n) n[t] === void 0 && delete n[t];
   return n;
@@ -1013,11 +1022,11 @@ function ot(e, n = []) {
   for (let o of n) o in t && delete t[o];
   return t;
 }
-function ll(e) {
+function al(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 sl = pe({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: n, attrs: t }) {
+let rl = 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" } } };
@@ -1025,27 +1034,27 @@ let sl = 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 al() {
+function il() {
   return le(gn, null);
 }
-function rl(e) {
+function ul(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 il(e) {
+function cl(e) {
   function n() {
     document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", n));
   }
   typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", n), n());
 }
 let ge = [];
-il(() => {
+cl(() => {
   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 ul(e) {
+function dl(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 || {});
@@ -1078,7 +1087,7 @@ function Ht(e, n) {
     case 5:
       return null;
     default:
-      ul(e);
+      dl(e);
   }
 }
 function Cn(e = {}, n = null, t = []) {
@@ -1092,10 +1101,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 cl(e, n) {
+function fl(e, n) {
   return e === n;
 }
-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 || {});
+var vl = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(vl || {}), pl = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(pl || {}), hl = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Focus = 1] = "Focus", e[e.Other = 2] = "Other", e))(hl || {});
 let wn = Symbol("ComboboxContext");
 function we(e) {
   let n = le(wn, null);
@@ -1105,13 +1114,13 @@ function we(e) {
   }
   return n;
 }
-let _n = Symbol("VirtualContext"), pl = pe({ name: "VirtualProvider", setup(e, { slots: n }) {
+let _n = Symbol("VirtualContext"), ml = 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 = Ao(L(() => ({ scrollPaddingStart: o.value.start, scrollPaddingEnd: o.value.end, count: t.virtual.value.options.length, estimateSize() {
+  }), l = Do(L(() => ({ scrollPaddingStart: o.value.start, scrollPaddingEnd: o.value.end, count: t.virtual.value.options.length, estimateSize() {
     return 40;
   }, getScrollElement() {
     return N(t.optionsRef);
@@ -1127,13 +1136,13 @@ let _n = Symbol("VirtualContext"), pl = 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" } })))];
-} }), 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 }) {
+} }), gl = pe({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], nullable: !0, default: null }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, nullable: { type: Boolean, default: !1 }, multiple: { type: [Boolean], default: !1 }, immediate: { type: [Boolean], default: !1 }, virtual: { type: Object, default: null } }, inheritAttrs: !1, setup(e, { slots: n, attrs: t, emit: o }) {
   let l = O(1), s = O(null), r = O(null), a = O(null), i = O(null), u = O({ static: !1, hold: !1 }), c = O([]), d = O(null), x = O(2), m = O(!1);
   function C(v = (p) => p) {
-    let p = d.value !== null ? c.value[d.value] : null, k = v(c.value.slice()), A = k.length > 0 && k[0].dataRef.order.value !== null ? k.sort((H, K) => H.dataRef.order.value - K.dataRef.order.value) : Go(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) : Yo(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] = 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;
+  let b = L(() => e.multiple ? 1 : 0), I = L(() => e.nullable), [$, w] = Ro(L(() => e.modelValue), (v) => o("update:modelValue", v), L(() => e.defaultValue)), y = L(() => $.value === void 0 ? ue(b.value, { 1: [], 0: void 0 }) : $.value), _ = null, T = null;
   function V(v) {
     return ue(b.value, { 0() {
       return w == null ? void 0 : w(v);
@@ -1155,7 +1164,7 @@ let _n = Symbol("VirtualContext"), pl = pe({ name: "VirtualProvider", setup(e, {
       let k = e.by;
       return (v == null ? void 0 : v[k]) === (p == null ? void 0 : p[k]);
     }
-    return e.by === null ? cl(v, p) : e.by(v, p);
+    return e.by === null ? fl(v, p) : e.by(v, p);
   }, calculateIndex(v) {
     return E.virtual.value ? e.by === null ? E.virtual.value.options.indexOf(v) : E.virtual.value.options.findIndex((p) => E.compare(p, v)) : c.value.findIndex((p) => E.compare(p.dataRef.value, v));
   }, defaultValue: L(() => e.defaultValue), nullable: I, immediate: L(() => !1), virtual: L(() => null), inputRef: r, labelRef: s, buttonRef: a, optionsRef: i, disabled: L(() => e.disabled), options: c, change(v) {
@@ -1249,7 +1258,7 @@ let _n = Symbol("VirtualContext"), pl = pe({ name: "VirtualProvider", setup(e, {
   }, isActive(v) {
     return d.value === E.calculateIndex(v);
   } };
-  Xo([r, a, i], () => E.closeCombobox(), L(() => l.value === 0)), ce(wn, E), rl(L(() => ue(l.value, { 0: Re.Open, 1: Re.Closed })));
+  el([r, a, i], () => E.closeCombobox(), L(() => l.value === 0)), ce(wn, E), ul(L(() => ue(l.value, { 0: Re.Open, 1: Re.Closed })));
   let D = L(() => {
     var v;
     return (v = N(r)) == null ? void 0 : v.closest("form");
@@ -1268,7 +1277,7 @@ let _n = Symbol("VirtualContext"), pl = pe({ name: "VirtualProvider", setup(e, {
   }), () => {
     var v, p, k;
     let { name: A, disabled: j, form: H, ...K } = e, ee = { open: l.value === 0, disabled: j, activeIndex: E.activeOptionIndex.value, activeOption: E.activeOptionIndex.value === null ? null : E.virtual.value ? E.virtual.value.options[(v = E.activeOptionIndex.value) != null ? v : 0] : (k = (p = E.options.value[E.activeOptionIndex.value]) == null ? void 0 : p.dataRef.value) != null ? k : null, value: y.value };
-    return Ve(z, [...A != null && y.value != null ? Cn({ [A]: y.value }).map(([Z, zn]) => Ve(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" })]);
+    return Ve(z, [...A != null && y.value != null ? Cn({ [A]: y.value }).map(([Z, zn]) => Ve(rl, sl({ features: mn.Hidden, key: Z, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: H, disabled: j, name: Z, value: zn }))) : [], ye({ theirProps: { ...t, ...ot(K, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: ee, slots: n, attrs: t, name: "Combobox" })]);
   };
 } });
 pe({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e, { attrs: n, slots: t }) {
@@ -1283,7 +1292,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 ml = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: n, slots: t, expose: o }) {
+let bl = 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 });
@@ -1318,13 +1327,13 @@ let ml = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
         return;
     }
   }
-  let u = Ko(L(() => ({ as: e.as, type: n.type })), r.buttonRef);
+  let u = tl(L(() => ({ as: e.as, type: n.type })), r.buttonRef);
   return () => {
     var c, d;
     let x = { open: r.comboboxState.value === 0, disabled: r.disabled.value, value: r.value.value }, { ...m } = e, C = { ref: r.buttonRef, id: s, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (c = N(r.optionsRef)) == null ? void 0 : c.id, "aria-expanded": r.comboboxState.value === 0, "aria-labelledby": r.labelRef.value ? [(d = N(r.labelRef)) == null ? void 0 : d.id, s].join(" ") : void 0, disabled: r.disabled.value === !0 ? !0 : void 0, onKeydown: i, onClick: a };
     return ye({ ourProps: C, theirProps: m, slot: x, attrs: n, slots: t, name: "ComboboxButton" });
   };
-} }), 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 }) {
+} }), Cl = pe({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: null } }, emits: { change: (e) => !0 }, setup(e, { emit: n, attrs: t, slots: o, expose: l }) {
   var s;
   let r = (s = e.id) != null ? s : `headlessui-combobox-input-${je()}`, a = we("ComboboxInput"), i = L(() => It(N(a.inputRef))), u = { value: !1 };
   l({ el: a.inputRef, $el: a.inputRef });
@@ -1367,7 +1376,7 @@ let ml = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
       x.value = !1;
     });
   }
-  let b = Po();
+  let b = Bo();
   function I(T) {
     switch (u.value = !0, b(() => {
       u.value = !1;
@@ -1432,15 +1441,15 @@ let ml = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     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" });
   };
-} }), 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 }) {
+} }), xl = pe({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, hold: { type: [Boolean], default: !1 } }, setup(e, { attrs: n, slots: t, expose: o }) {
   let l = we("ComboboxOptions"), s = `headlessui-combobox-options-${je()}`;
   o({ el: l.optionsRef, $el: l.optionsRef }), fe(() => {
     l.optionsPropsRef.value.static = e.static;
   }), fe(() => {
     l.optionsPropsRef.value.hold = e.hold;
   });
-  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) {
+  let r = il(), a = L(() => r !== null ? (r.value & Re.Open) === Re.Open : l.comboboxState.value === 0);
+  ol({ 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");
@@ -1451,9 +1460,9 @@ let ml = 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(pl, {}, 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(ml, {}, t.default)] } : t, features: De.RenderStrategy | De.Static, visible: a.value, name: "ComboboxOptions" });
   };
-} }), 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 }) {
+} }), yl = pe({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, order: { type: [Number], default: null } }, setup(e, { slots: n, attrs: t, expose: o }) {
   let l = we("ComboboxOption"), s = `headlessui-combobox-option-${je()}`, r = O(null), a = L(() => e.disabled);
   o({ el: r, $el: r });
   let i = L(() => {
@@ -1481,7 +1490,7 @@ let ml = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     let y = l.calculateIndex(e.value);
     l.goToOption(q.Specific, y);
   }
-  let C = el();
+  let C = nl();
   function b(w) {
     C.update(w);
   }
@@ -1500,7 +1509,7 @@ let ml = pe({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     return ye({ ourProps: _, theirProps: T, slot: y, attrs: t, slots: n, name: "ComboboxOption" });
   };
 } });
-function xl(e, n) {
+function wl(e, n) {
   return h(), g("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1515,7 +1524,7 @@ function xl(e, n) {
     })
   ]);
 }
-function yl(e, n) {
+function _l(e, n) {
   return h(), g("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1530,7 +1539,7 @@ function yl(e, n) {
     })
   ]);
 }
-function wl(e, n) {
+function Tl(e, n) {
   return h(), g("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1555,22 +1564,22 @@ function dt(e, n) {
   }
   delete e[n];
 }
-function _l() {
+function Sl() {
   return Tn().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
 function Tn() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const Tl = typeof Proxy == "function", Sl = "devtools-plugin:setup", El = "plugin:settings:set";
+const El = typeof Proxy == "function", $l = "devtools-plugin:setup", Ol = "plugin:settings:set";
 let _e, pt;
-function $l() {
+function Il() {
   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 Ol() {
-  return $l() ? pt.now() : Date.now();
+function Ll() {
+  return Il() ? pt.now() : Date.now();
 }
-class Il {
+class kl {
   constructor(n, t) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = n, this.hook = t;
     const o = {};
@@ -1598,9 +1607,9 @@ class Il {
         s = r;
       },
       now() {
-        return Ol();
+        return Ll();
       }
-    }, t && t.on(El, (r, a) => {
+    }, t && t.on(Ol, (r, a) => {
       r === this.plugin.id && this.fallbacks.setSettings(a);
     }), this.proxiedOn = new Proxy({}, {
       get: (r, a) => this.target ? this.target.on[a] : (...i) => {
@@ -1633,11 +1642,11 @@ class Il {
   }
 }
 function Sn(e, n) {
-  const t = e, o = Tn(), l = _l(), s = Tl && t.enableEarlyProxy;
+  const t = e, o = Tn(), l = Sl(), s = El && t.enableEarlyProxy;
   if (l && (o.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !s))
-    l.emit(Sl, e, n);
+    l.emit($l, e, n);
   else {
-    const r = s ? new Il(t, l) : null;
+    const r = s ? new kl(t, l) : null;
     (o.__VUE_DEVTOOLS_PLUGINS__ = o.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: t,
       setupFn: n,
@@ -1663,7 +1672,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 Ll(e, { autoBom: n = !1 } = {}) {
+function Ml(e, { autoBom: n = !1 } = {}) {
   return n && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type) ? new Blob(["\uFEFF", e], { type: e.type }) : e;
 }
 function Lt(e, n, t) {
@@ -1693,16 +1702,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 ? kl : (
+  typeof HTMLAnchorElement < "u" && "download" in HTMLAnchorElement.prototype && !On ? Al : (
     // Use msSaveOrOpenBlob as a second approach
-    "msSaveOrOpenBlob" in Je ? Ml : (
+    "msSaveOrOpenBlob" in Je ? Vl : (
       // Fallback to using FileReader and a popup
-      Al
+      Dl
     )
   )
 ) : () => {
 };
-function kl(e, n = "download", t) {
+function Al(e, n = "download", t) {
   const o = document.createElement("a");
   o.download = n, o.rel = "noopener", typeof e == "string" ? (o.href = e, o.origin !== location.origin ? $n(o.href) ? Lt(e, n, t) : (o.target = "_blank", Ge(o)) : Ge(o)) : (o.href = URL.createObjectURL(e), setTimeout(function() {
     URL.revokeObjectURL(o.href);
@@ -1710,7 +1719,7 @@ function kl(e, n = "download", t) {
     Ge(o);
   }, 0));
 }
-function Ml(e, n = "download", t) {
+function Vl(e, n = "download", t) {
   if (typeof e == "string")
     if ($n(e))
       Lt(e, n, t);
@@ -1721,9 +1730,9 @@ function Ml(e, n = "download", t) {
       });
     }
   else
-    navigator.msSaveOrOpenBlob(Ll(e, t), n);
+    navigator.msSaveOrOpenBlob(Ml(e, t), n);
 }
-function Al(e, n, t, o) {
+function Dl(e, n, t, o) {
   if (o = o || open("", "_blank"), o && (o.document.title = o.document.body.innerText = "downloading..."), typeof e == "string")
     return Lt(e, n, t);
   const l = e.type === "application/octet-stream", s = /constructor/i.test(String(zt.HTMLElement)) || "safari" in zt, r = /CriOS\/[\d]+/.test(navigator.userAgent);
@@ -1756,7 +1765,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 Vl(e) {
+async function Rl(e) {
   if (!Ln())
     try {
       await navigator.clipboard.writeText(JSON.stringify(e.state.value)), U("Global state copied to clipboard.");
@@ -1766,7 +1775,7 @@ async function Vl(e) {
       U("Failed to serialize the state. Check the console for more details.", "error"), console.error(n);
     }
 }
-async function Dl(e) {
+async function Pl(e) {
   if (!Ln())
     try {
       Mn(e, JSON.parse(await navigator.clipboard.readText())), U("Global state pasted from clipboard.");
@@ -1776,7 +1785,7 @@ async function Dl(e) {
       U("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(n);
     }
 }
-async function Rl(e) {
+async function Nl(e) {
   try {
     In(new Blob([JSON.stringify(e.state.value)], {
       type: "text/plain;charset=utf-8"
@@ -1786,7 +1795,7 @@ async function Rl(e) {
   }
 }
 let ie;
-function Pl() {
+function Bl() {
   ie || (ie = document.createElement("input"), ie.type = "file", ie.accept = ".json");
   function e() {
     return new Promise((n, t) => {
@@ -1801,9 +1810,9 @@ function Pl() {
   }
   return e;
 }
-async function Nl(e) {
+async function Fl(e) {
   try {
-    const t = await Pl()();
+    const t = await Bl()();
     if (!t)
       return;
     const { text: o, file: l } = t;
@@ -1826,7 +1835,7 @@ function oe(e) {
   };
 }
 const An = "🍍 Pinia (root)", ht = "_root";
-function Bl(e) {
+function jl(e) {
   return kt(e) ? {
     id: ht,
     label: An
@@ -1835,7 +1844,7 @@ function Bl(e) {
     label: e.$id
   };
 }
-function Fl(e) {
+function Hl(e) {
   if (kt(e)) {
     const t = Array.from(e._s.keys()), o = e._s;
     return {
@@ -1871,7 +1880,7 @@ function Fl(e) {
     value: e[t]
   }))), n;
 }
-function jl(e) {
+function zl(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: [],
@@ -1884,7 +1893,7 @@ function jl(e) {
     newValue: e.newValue
   } : {};
 }
-function Hl(e) {
+function Zl(e) {
   switch (e) {
     case ae.direct:
       return "mutation";
@@ -1897,8 +1906,8 @@ function Hl(e) {
   }
 }
 let Se = !0;
-const Ye = [], me = "pinia:mutations", J = "pinia", { assign: zl } = Object, Xe = (e) => "🍍 " + e;
-function Zl(e, n) {
+const Ye = [], me = "pinia:mutations", J = "pinia", { assign: Ul } = Object, Xe = (e) => "🍍 " + e;
+function Wl(e, n) {
   Sn({
     id: "dev.esm.pinia",
     label: "Pinia 🍍",
@@ -1921,28 +1930,28 @@ function Zl(e, n) {
         {
           icon: "content_copy",
           action: () => {
-            Vl(n);
+            Rl(n);
           },
           tooltip: "Serialize and copy the state"
         },
         {
           icon: "content_paste",
           action: async () => {
-            await Dl(n), t.sendInspectorTree(J), t.sendInspectorState(J);
+            await Pl(n), t.sendInspectorTree(J), t.sendInspectorState(J);
           },
           tooltip: "Replace the state with the content of your clipboard"
         },
         {
           icon: "save",
           action: () => {
-            Rl(n);
+            Nl(n);
           },
           tooltip: "Save the state as a JSON file"
         },
         {
           icon: "folder_open",
           action: async () => {
-            await Nl(n), t.sendInspectorTree(J), t.sendInspectorState(J);
+            await Fl(n), t.sendInspectorTree(J), t.sendInspectorState(J);
           },
           tooltip: "Import the state from a JSON file"
         }
@@ -1999,14 +2008,14 @@ function Zl(e, n) {
     }), t.on.getInspectorTree((o) => {
       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(Bl);
+        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(jl);
       }
     }), t.on.getInspectorState((o) => {
       if (o.app === e && o.inspectorId === J) {
         const l = o.nodeId === ht ? n : n._s.get(o.nodeId);
         if (!l)
           return;
-        l && (o.state = Fl(l));
+        l && (o.state = Hl(l));
       }
     }), t.on.editInspectorState((o, l) => {
       if (o.app === e && o.inspectorId === J) {
@@ -2031,7 +2040,7 @@ Only state can be modified.`);
     });
   });
 }
-function Ul(e, n) {
+function ql(e, n) {
   Ye.includes(Xe(n.$id)) || Ye.push(Xe(n.$id)), Sn({
     id: "dev.esm.pinia",
     label: "Pinia 🍍",
@@ -2124,8 +2133,8 @@ function Ul(e, n) {
         return;
       const u = {
         time: o(),
-        title: Hl(a),
-        data: zl({ store: oe(n.$id) }, jl(r)),
+        title: Zl(a),
+        data: Ul({ store: oe(n.$id) }, zl(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)"] = {
@@ -2179,25 +2188,25 @@ function Zt(e, n, t) {
       return de = void 0, a;
     };
 }
-function Wl({ app: e, store: n, options: t }) {
+function Gl({ 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);
-  }, Ul(
+  }, ql(
     e,
     // FIXME: is there a way to allow the assignment from Store<Id, S, G, A> to StoreGeneric?
     n
   );
 }
-function ql() {
+function Jl() {
   const e = un(!0), n = e.run(() => O({}));
   let t = [], o = [];
   const l = be({
     install(s) {
-      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 = [];
+      Pe(l), l._a = s, s.provide(En, l), s.config.globalProperties.$pinia = l, Ae && Wl(s, l), o.forEach((r) => t.push(r)), o = [];
     },
     use(s) {
       return this._a ? t.push(s) : o.push(s), this;
@@ -2210,7 +2219,7 @@ function ql() {
     _s: /* @__PURE__ */ new Map(),
     state: n
   });
-  return Ae && typeof Proxy < "u" && l.use(Wl), l;
+  return Ae && typeof Proxy < "u" && l.use(Gl), l;
 }
 function Dn(e, n) {
   for (const t in n) {
@@ -2237,7 +2246,7 @@ function Te(e, ...n) {
     t(...n);
   });
 }
-const Gl = (e) => e();
+const Yl = (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) {
@@ -2248,12 +2257,12 @@ function mt(e, n) {
   }
   return e;
 }
-const Jl = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
+const Ql = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
   /* istanbul ignore next */
   Symbol()
 );
-function Yl(e) {
-  return !Ce(e) || !e.hasOwnProperty(Jl);
+function Xl(e) {
+  return !Ce(e) || !e.hasOwnProperty(Ql);
 }
 const { assign: te } = Object;
 function Wt(e) {
@@ -2384,11 +2393,11 @@ function gt(e, n, t = {}, o, l, s) {
     // setupStore
   ) : V);
   o._s.set(e, S);
-  const D = (o._a && o._a.runWithContext || Gl)(() => o._e.run(() => (r = un()).run(n)));
+  const D = (o._a && o._a.runWithContext || Yl)(() => o._e.run(() => (r = un()).run(n)));
   for (const v in D) {
     const p = D[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);
+      process.env.NODE_ENV !== "production" && l ? We(b.value, v, it(D, v)) : s || (C && Xl(p) && ($e(p) ? p.value = C[v] : mt(p, C[v])), o.state.value[e][v] = p), process.env.NODE_ENV !== "production" && T.state.push(v);
     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;
@@ -2526,7 +2535,7 @@ const xe = He("loader", () => {
     )), a = (i) => {
       i.target.value = "", l.value = "", s.value && s.value.$el.click();
     };
-    return (i, u) => (h(), W(M(hl), {
+    return (i, u) => (h(), W(M(gl), {
       modelValue: o.value,
       "onUpdate:modelValue": u[3] || (u[3] = (c) => o.value = c),
       disabled: M(n).loading,
@@ -2534,19 +2543,19 @@ const xe = He("loader", () => {
       class: "relative mt-1"
     }, {
       default: ze(() => [
-        B(M(gl), {
+        B(M(Cl), {
           class: "w-full bg-base-100 border border-base-300 rounded py-2.5 pl-3 pr-10 text-sm text-base-content font-medium focus:outline-none focus:ring-0.5 focus:ring-primary focus:border-primary",
           onChange: u[0] || (u[0] = (c) => l.value = c.target.value),
           displayValue: (c) => e.languages[c],
           onFocus: u[1] || (u[1] = (c) => a(c))
         }, null, 8, ["displayValue"]),
-        B(M(ml), {
+        B(M(bl), {
           ref_key: "btnSelect",
           ref: s,
           class: "absolute inset-y-0 right-0 flex items-center pr-2"
         }, {
           default: ze(() => [
-            B(M(yl), {
+            B(M(_l), {
               class: "h-5 w-5 text-base-content/50",
               "aria-hidden": "true",
               onClick: u[2] || (u[2] = (c) => a(c))
@@ -2554,9 +2563,9 @@ const xe = He("loader", () => {
           ]),
           _: 1
         }, 512),
-        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" }, {
+        B(M(xl), { class: "absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-base-100 py-1 text-base shadow-lg ring-1 ring-base-300 focus:outline-none sm:text-sm z-50" }, {
           default: ze(() => [
-            (h(!0), g(z, null, Y(r.value, ([c, d]) => (h(), W(M(Cl), {
+            (h(!0), g(z, null, Y(r.value, ([c, d]) => (h(), W(M(yl), {
               key: c,
               value: c
             }, {
@@ -2581,11 +2590,11 @@ const xe = He("loader", () => {
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}, 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 = {
+}, Kl = ["disabled"], es = /* @__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), ts = [
+  es
+], ns = ["disabled"], os = /* @__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), ls = [
+  os
+], ss = {
   __name: "SwapBtn",
   props: {
     isBidirect: {
@@ -2600,10 +2609,10 @@ const xe = He("loader", () => {
       key: 1,
       onClick: r[0] || (r[0] = (a) => l("swap")),
       disabled: o.value
-    }, ns, 8, es)) : (h(), g("button", {
+    }, ls, 8, ns)) : (h(), g("button", {
       key: 0,
       disabled: o.value
-    }, Kl, 8, Ql));
+    }, ts, 8, Kl));
   }
 }, Oe = He("language", () => {
   const e = O("auto"), n = O("vi"), t = O({
@@ -2622,16 +2631,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 };
-}), ls = {
+}), as = {
   key: 0,
   class: "flex flex-col"
-}, ss = { class: "flex" }, as = { class: "grow flex flex-col" }, rs = {
+}, rs = { class: "flex" }, is = { class: "grow flex flex-col" }, us = {
   key: 0,
   class: "flex mt-1 space-x-1"
-}, is = ["onClick"], us = { class: "grow flex flex-col" }, cs = {
+}, cs = ["onClick"], ds = { class: "grow flex flex-col" }, fs = {
   key: 0,
   class: "flex mt-1 space-x-1 justify-end"
-}, ds = ["onClick"], fs = { class: "flex" }, vs = { class: "grow flex flex-col" }, ps = { class: "grow flex flex-col" }, Jt = 3, hs = {
+}, vs = ["onClick"], ps = { class: "flex" }, hs = { class: "grow flex flex-col" }, ms = { class: "grow flex flex-col" }, Jt = 3, gs = {
   __name: "Selects",
   setup(e) {
     const n = Oe(), t = O([]), o = O([]);
@@ -2651,29 +2660,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", ls, [
-      f("div", ss, [
-        f("div", as, [
-          t.value.length > 0 ? (h(), g("div", rs, [
+    ), (s, r) => M(n).languages ? (h(), g("div", as, [
+      f("div", rs, [
+        f("div", is, [
+          t.value.length > 0 ? (h(), g("div", us, [
             (h(!0), g(z, null, Y(t.value, (a) => (h(), g("button", {
               key: a,
               class: "px-1 bg-base-100 border border-primary text-primary text-xs rounded hover:bg-primary hover:text-primary-content",
               onClick: (i) => M(n).src = a
-            }, G(M(n).languages.src[a]), 9, is))), 128))
+            }, G(M(n).languages.src[a]), 9, cs))), 128))
           ])) : R("", !0)
         ]),
-        f("div", us, [
-          o.value.length > 0 ? (h(), g("div", cs, [
+        f("div", ds, [
+          o.value.length > 0 ? (h(), g("div", fs, [
             (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
-            }, G(M(n).languages.target[a]), 9, ds))), 128))
+            }, G(M(n).languages.target[a]), 9, vs))), 128))
           ])) : R("", !0)
         ])
       ]),
-      f("div", fs, [
-        f("div", vs, [
+      f("div", ps, [
+        f("div", hs, [
           B(Gt, {
             modelValue: M(n).src,
             "onUpdate:modelValue": r[0] || (r[0] = (a) => M(n).src = a),
@@ -2681,12 +2690,12 @@ const xe = He("loader", () => {
             class: "grow"
           }, null, 8, ["modelValue", "languages"])
         ]),
-        B(os, {
+        B(ss, {
           isBidirect: M(n).src !== "auto",
           class: "grow-0 mx-3 mt-4 self-start",
           onSwap: l
         }, null, 8, ["isBidirect"]),
-        f("div", ps, [
+        f("div", ms, [
           B(Gt, {
             modelValue: M(n).target,
             "onUpdate:modelValue": r[1] || (r[1] = (a) => M(n).target = a),
@@ -2707,11 +2716,11 @@ const xe = He("loader", () => {
   for (const [o, l] of n)
     t[o] = l;
   return t;
-}, ms = {}, gs = { class: "mr-2 loading loading-dots loading-xs" };
-function bs(e, n) {
-  return h(), g("span", gs);
+}, bs = {}, Cs = { class: "mr-2 loading loading-dots loading-xs" };
+function xs(e, n) {
+  return h(), g("span", Cs);
 }
-const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
+const Mt = /* @__PURE__ */ he(bs, [["render", xs]]), bt = He("tts", () => {
   const e = O({
     src: null,
     target: null
@@ -2735,12 +2744,12 @@ const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
     get: t,
     reset: o
   };
-}), Cs = ["disabled"], xs = /* @__PURE__ */ f("path", {
+}), ys = ["disabled"], ws = /* @__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), ys = [
-  xs
-], ws = /* @__PURE__ */ f("svg", {
+}, null, -1), _s = [
+  ws
+], Ts = /* @__PURE__ */ f("svg", {
   class: "w-4 h-4 text-primary",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -2752,9 +2761,9 @@ const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
     "clip-rule": "evenodd",
     fill: "currentColor"
   })
-], -1), _s = [
-  ws
-], Ts = {
+], -1), Ss = [
+  Ts
+], Es = {
   __name: "SpeakBtn",
   props: {
     type: {
@@ -2800,7 +2809,7 @@ const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
       key: 1,
       class: "btn btn-xs btn-circle",
       onClick: ft(d, ["prevent"])
-    }, _s)) : (h(), g("button", {
+    }, Ss)) : (h(), g("button", {
       key: 0,
       class: P(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
@@ -2814,32 +2823,32 @@ const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
         viewBox: "0 0 16 16",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
-      }, ys, 2))
-    ], 10, Cs));
+      }, _s, 2))
+    ], 10, ys));
   }
-}, Ss = {
+}, $s = {
   class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
   "data-tip": "Clear"
-}, Es = ["disabled"], $s = /* @__PURE__ */ f("path", {
+}, Os = ["disabled"], Is = /* @__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), Os = /* @__PURE__ */ f("path", {
+}, null, -1), Ls = /* @__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), Is = [
-  $s,
-  Os
+}, null, -1), ks = [
+  Is,
+  Ls
 ], Pn = {
   __name: "ClearBtn",
   props: {
     disabled: Boolean
   },
   setup(e) {
-    return (n, t) => (h(), g("div", Ss, [
+    return (n, t) => (h(), g("div", $s, [
       f("button", {
         class: P(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
@@ -2852,31 +2861,31 @@ const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
           viewBox: "0 0 16 16",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, Is, 2))
-      ], 10, Es)
+        }, ks, 2))
+      ], 10, Os)
     ]));
   }
-}, Ls = {
+}, Ms = {
   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"
-}, ks = ["disabled"], Ms = /* @__PURE__ */ f("path", {
+}, As = ["disabled"], Vs = /* @__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), As = [
-  Ms
-], 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 = {
+], Rs = /* @__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), Ps = [
+  Rs
+], Ns = {
   __name: "FavoriteBtn",
   props: {
     disabled: Boolean,
     isFilled: Boolean
   },
   setup(e) {
-    return (n, t) => (h(), g("div", Ls, [
+    return (n, t) => (h(), g("div", Ms, [
       f("button", {
         class: P(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
@@ -2890,42 +2899,42 @@ const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
           viewBox: "0 0 16 16",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, Ds, 2)) : (h(), g("svg", {
+        }, Ps, 2)) : (h(), g("svg", {
           key: 0,
           class: P(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
           viewBox: "0 0 16 16",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, As, 2))
-      ], 10, ks)
+        }, Ds, 2))
+      ], 10, As)
     ]));
   }
-}, Ps = {
+}, Bs = {
   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"
-}, Ns = ["disabled"], Bs = /* @__PURE__ */ f("path", {
+}, Fs = ["disabled"], js = /* @__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), Fs = /* @__PURE__ */ f("path", {
+}, null, -1), Hs = /* @__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), js = /* @__PURE__ */ f("path", {
+}, null, -1), zs = /* @__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), Hs = [
-  Bs,
-  Fs,
-  js
-], 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 = [
+}, null, -1), Zs = [
+  js,
+  Hs,
   zs
-], Us = {
+], Us = /* @__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), Ws = [
+  Us
+], qs = {
   __name: "AIBtn",
   props: {
     disabled: Boolean,
     isFilled: Boolean
   },
   setup(e) {
-    return (n, t) => (h(), g("div", Ps, [
+    return (n, t) => (h(), g("div", Bs, [
       f("button", {
         class: P(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
@@ -2939,21 +2948,21 @@ const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
           viewBox: "0 0 12 12",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, Zs, 2)) : (h(), g("svg", {
+        }, Ws, 2)) : (h(), g("svg", {
           key: 0,
           class: P(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
           viewBox: "0 0 12 12",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, Hs, 2))
-      ], 10, Ns)
+        }, Zs, 2))
+      ], 10, Fs)
     ]));
   }
-}, Ws = ["data-tip"], qs = ["disabled"], Gs = /* @__PURE__ */ f("path", {
+}, Gs = ["data-tip"], Js = ["disabled"], Ys = /* @__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), Js = [
-  Gs
+}, null, -1), Qs = [
+  Ys
 ], Nn = {
   __name: "CopyBtn",
   props: {
@@ -2982,14 +2991,14 @@ const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
           viewBox: "0 0 14 16",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, Js, 2))
-      ], 10, qs)
-    ], 8, Ws));
+        }, Qs, 2))
+      ], 10, Js)
+    ], 8, Gs));
   }
-}, 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 = {
+}, Xs = { class: "flex flex-row px-1 pr-10 pt-1 items-center bg-transparent relative" }, Ks = { class: "ml-1 text-sm text-base-content/70" }, ea = {
   key: 0,
   class: "italic"
-}, Ks = { class: "absolute right-1 top-1 flex flex-col items-center gap-0" }, ea = {
+}, ta = { class: "absolute right-1 top-1 flex flex-col items-center gap-0" }, na = {
   __name: "InputBtnGroup",
   props: {
     loading: {
@@ -3049,33 +3058,33 @@ const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
   emits: ["clear", "favorite", "loadTTS", "aiTranslate", "copy"],
   setup(e, { emit: n }) {
     const t = n;
-    return (o, l) => (h(), g("div", Ys, [
-      e.src && e.isTTS ? (h(), W(Ts, {
+    return (o, l) => (h(), g("div", Xs, [
+      e.src && e.isTTS ? (h(), W(Es, {
         key: 0,
         type: e.type,
         onLoadTTS: l[0] || (l[0] = (s) => t("loadTTS"))
       }, null, 8, ["type"])) : R("", !0),
-      f("div", Qs, [
+      f("div", Ks, [
         Ee(G(e.srcLabel) + " ", 1),
-        e.phonetic ? (h(), g("span", Xs, "- " + G(e.phonetic), 1)) : R("", !0)
+        e.phonetic ? (h(), g("span", ea, "- " + G(e.phonetic), 1)) : R("", !0)
       ]),
       e.loading ? (h(), W(Mt, {
         key: 1,
         class: "absolute right-6 top-2"
       })) : R("", !0),
-      f("div", Ks, [
+      f("div", ta, [
         e.hasClearBtn ? (h(), W(Pn, {
           key: 0,
           onClick: l[1] || (l[1] = (s) => t("clear")),
           disabled: e.loading
         }, null, 8, ["disabled"])) : R("", !0),
-        e.src && e.hasAIBtn ? (h(), W(Us, {
+        e.src && e.hasAIBtn ? (h(), W(qs, {
           key: 1,
           isFilled: e.isAITranslate,
           onClick: l[2] || (l[2] = (s) => t("aiTranslate")),
           disabled: e.loading
         }, null, 8, ["isFilled", "disabled"])) : R("", !0),
-        e.src && e.hasFavoriteBtn ? (h(), W(Rs, {
+        e.src && e.hasFavoriteBtn ? (h(), W(Ns, {
           key: 2,
           isFilled: e.isFavorite,
           onClick: l[3] || (l[3] = (s) => t("favorite")),
@@ -3089,7 +3098,7 @@ const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
       ])
     ]));
   }
-}, Bn = /* @__PURE__ */ he(ea, [["__scopeId", "data-v-faca0157"]]), ve = He("translation", () => {
+}, Bn = /* @__PURE__ */ he(na, [["__scopeId", "data-v-faca0157"]]), ve = He("translation", () => {
   const e = O(null), n = O(null), t = O(null), o = O({
     src: null,
     target: null
@@ -3126,17 +3135,17 @@ const Mt = /* @__PURE__ */ he(ms, [["render", bs]]), bt = He("tts", () => {
     reset: C
   };
 });
-function ta(e) {
+function oa(e) {
   return cn() ? (Tt(e), !0) : !1;
 }
 function Ke(e) {
   return typeof e == "function" ? e() : M(e);
 }
-const na = typeof window < "u" && typeof document < "u";
+const la = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Yt = () => {
 };
-function oa(e, n) {
+function sa(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);
@@ -3144,7 +3153,7 @@ function oa(e, n) {
   }
   return t;
 }
-function la(e, n = {}) {
+function aa(e, n = {}) {
   let t, o, l = Yt;
   const s = (a) => {
     clearTimeout(a), l(), l = Yt;
@@ -3160,9 +3169,9 @@ function la(e, n = {}) {
     });
   };
 }
-function sa(e, n = 200, t = {}) {
-  return oa(
-    la(n, t),
+function ra(e, n = 200, t = {}) {
+  return sa(
+    aa(n, t),
     e
   );
 }
@@ -3171,21 +3180,21 @@ function Qt(e) {
   const t = Ke(e);
   return (n = t == null ? void 0 : t.$el) != null ? n : t;
 }
-const aa = na ? window : void 0;
-function ra() {
+const ia = la ? window : void 0;
+function ua() {
   const e = O(!1), n = rn();
   return n && se(() => {
     e.value = !0;
   }, n), e;
 }
-function ia(e) {
-  const n = ra();
+function ca(e) {
+  const n = ua();
   return L(() => (n.value, !!e()));
 }
-function ua(e, n, t = {}) {
-  const { window: o = aa, ...l } = t;
+function da(e, n, t = {}) {
+  const { window: o = ia, ...l } = t;
   let s;
-  const r = ia(() => o && "ResizeObserver" in o), a = () => {
+  const r = ca(() => 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,
@@ -3200,7 +3209,7 @@ function ua(e, n, t = {}) {
   ), c = () => {
     a(), u();
   };
-  return ta(c), {
+  return oa(c), {
     isSupported: r,
     stop: c
   };
@@ -3218,13 +3227,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);
-  }), ua(t, () => r()), e != null && e.watch && F(e.watch, r, { immediate: !0, deep: !0 }), {
+  }), da(t, () => r()), e != null && e.watch && F(e.watch, r, { immediate: !0, deep: !0 }), {
     textarea: t,
     input: o,
     triggerResize: r
   };
 }
-const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }, da = {
+const fa = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }, va = {
   __name: "Input",
   props: {
     text: {
@@ -3241,7 +3250,7 @@ const ca = { 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 = sa(() => {
+    }), { textarea: i } = st({ input: l, styleProp: "minHeight" }), u = n, c = ra(() => {
       u("change", l.value);
     }, Ie.INPUT_DEBOUNCE);
     se(() => {
@@ -3265,7 +3274,7 @@ const ca = { 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", ca, [
+    ), (C, b) => (h(), g("div", fa, [
       B(Bn, {
         src: s.value,
         srcLabel: r.value,
@@ -3295,7 +3304,7 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       ])
     ]));
   }
-}, 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 = {
+}, pa = /* @__PURE__ */ he(va, [["__scopeId", "data-v-66ae5655"]]), ha = { class: "bg-base-100 relative z-10 rounded-md h-full" }, ma = { class: "bg-transparent" }, ga = {
   __name: "Result",
   props: {
     isFavoriteFeatureEnabled: Boolean,
@@ -3321,7 +3330,7 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         }
       ])
     }, [
-      f("div", va, [
+      f("div", ha, [
         B(Bn, {
           loading: i.value,
           src: l.value,
@@ -3339,7 +3348,7 @@ const ca = { 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", pa, [
+        f("div", ma, [
           tt(f("textarea", {
             ref_key: "textarea",
             ref: u,
@@ -3355,24 +3364,24 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       ])
     ], 2));
   }
-}, ma = /* @__PURE__ */ he(ha, [["__scopeId", "data-v-88599360"]]), ga = { class: "btn btn-xs btn-circle btn-ghost" }, at = {
+}, ba = /* @__PURE__ */ he(ga, [["__scopeId", "data-v-88599360"]]), Ca = { 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", ga, [
-      n.isExpanded ? (h(), W(M(wl), {
+    return (t, o) => (h(), g("button", Ca, [
+      n.isExpanded ? (h(), W(M(Tl), {
         key: 0,
         class: "w-7 text-base-content/50"
-      })) : (h(), W(M(xl), {
+      })) : (h(), W(M(wl), {
         key: 1,
         class: "w-7 text-base-content/50"
       }))
     ]));
   }
-}, 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 = {
+}, xa = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Dictionary", -1), ya = { class: "capitalize text-xs font-normal text-base-content/70 mb-1" }, wa = { class: "list-none list-inside" }, _a = ["onClick"], Ta = { class: "text-sm font-normal text-base-content/80 leading-4" }, Sa = {
   __name: "Dictionary",
   emits: ["translate"],
   setup(e, { emit: n }) {
@@ -3386,7 +3395,7 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         class: "flex justify-between items-center",
         onClick: a
       }, [
-        ba,
+        xa,
         B(at, { isExpanded: t.value }, null, 8, ["isExpanded"])
       ]),
       f("div", {
@@ -3397,16 +3406,16 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
             key: `${d.pos}-${x}`,
             class: "mb-2"
           }, [
-            f("h5", Ca, G(d.pos), 1),
-            f("ul", xa, [
+            f("h5", ya, G(d.pos), 1),
+            f("ul", wa, [
               (h(!0), g(z, null, Y(d.items, (m, C) => (h(), g("li", {
                 key: `${m.word}-${C}`
               }, [
                 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)
-                }, G(m.word), 9, ya),
-                f("small", wa, " - " + G(m.reverse_translation.join(", ")), 1)
+                }, G(m.word), 9, _a),
+                f("small", Ta, " - " + G(m.reverse_translation.join(", ")), 1)
               ]))), 128))
             ])
           ]))), 128))
@@ -3414,10 +3423,10 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       ], 2)
     ], 64));
   }
-}, 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 = {
+}, Ea = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Definitions", -1), $a = { class: "capitalize text-xs font-normal text-base-content/70 mb-1" }, Oa = { class: "text-sm text-base-content list-disc list-outside ml-5" }, Ia = /* @__PURE__ */ f("br", null, null, -1), La = {
   key: 0,
   class: "italic text-base-content/70"
-}, Ia = {
+}, ka = {
   __name: "Definition",
   setup(e) {
     const n = O(!0), t = ve(), o = L(() => t.definitions), l = () => {
@@ -3428,7 +3437,7 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         class: "flex justify-between items-center",
         onClick: l
       }, [
-        Ta,
+        Ea,
         B(at, { isExpanded: n.value }, null, 8, ["isExpanded"])
       ]),
       f("div", {
@@ -3439,15 +3448,15 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
             key: `${a.pos}-${i}`,
             class: "mb-2"
           }, [
-            f("h5", Sa, G(a.pos), 1),
-            f("ul", Ea, [
+            f("h5", $a, G(a.pos), 1),
+            f("ul", Oa, [
               (h(!0), g(z, null, Y(a.items, (u, c) => (h(), g("li", {
                 key: `${u.gloss}-${c}`,
                 class: "mb-1"
               }, [
                 f("span", null, G(u.gloss), 1),
-                $a,
-                u.example ? (h(), g("small", Oa, '"' + G(u.example) + '"', 1)) : R("", !0)
+                Ia,
+                u.example ? (h(), g("small", La, '"' + G(u.example) + '"', 1)) : R("", !0)
               ]))), 128))
             ])
           ]))), 128))
@@ -3455,7 +3464,7 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       ], 2)
     ], 64));
   }
-}, 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 = {
+}, Ma = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Examples", -1), Aa = { class: "text-base-content text-sm list-disc list-outside ml-5 my-2" }, Va = ["innerHTML"], Da = {
   __name: "Example",
   setup(e) {
     const n = O(!0), t = ve(), o = L(() => t.examples), l = () => {
@@ -3466,22 +3475,22 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         class: "flex justify-between items-center",
         onClick: l
       }, [
-        La,
+        Ma,
         B(at, { isExpanded: n.value }, null, 8, ["isExpanded"])
       ]),
       f("div", {
         class: P(["overflow-hidden", n.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
       }, [
-        f("ul", ka, [
+        f("ul", Aa, [
           (h(!0), g(z, null, Y(o.value, (a, i) => (h(), g("li", {
             key: `${a.definition_id}-${i}`,
             innerHTML: a
-          }, null, 8, Ma))), 128))
+          }, null, 8, Va))), 128))
         ])
       ], 2)
     ], 64));
   }
-}, 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 = {
+}, Ra = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "Synonyms", -1), Pa = { class: "capitalize text-xs font-normal text-base-content/70 mb-1" }, Na = { class: "list-none list-inside" }, Ba = { class: "flex flex-wrap" }, Fa = ["onClick"], ja = {
   __name: "Synonyms",
   emits: ["translate"],
   setup(e, { emit: n }) {
@@ -3495,7 +3504,7 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         class: "flex justify-between items-center",
         onClick: r
       }, [
-        Va,
+        Ra,
         B(at, { isExpanded: t.value }, null, 8, ["isExpanded"])
       ]),
       f("div", {
@@ -3506,18 +3515,18 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
             key: `${c.pos}-${d}`,
             class: "mb-2"
           }, [
-            f("h5", Da, G(c.pos), 1),
-            f("ul", Ra, [
+            f("h5", Pa, G(c.pos), 1),
+            f("ul", Na, [
               (h(!0), g(z, null, Y(c.items, (x, m) => (h(), g("li", {
                 key: `${x.word}-${m}`,
                 class: "mb-2"
               }, [
-                f("div", Pa, [
+                f("div", Ba, [
                   (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)
-                  }, G(C), 9, Na))), 128))
+                  }, G(C), 9, Fa))), 128))
                 ])
               ]))), 128))
             ])
@@ -3526,27 +3535,27 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
       ], 2)
     ], 64));
   }
-}, Fa = ["disabled"], ja = /* @__PURE__ */ f("path", {
+}, Ha = ["disabled"], 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), Ha = [
-  ja
-], za = /* @__PURE__ */ f("path", {
+}, null, -1), Za = [
+  za
+], Ua = /* @__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), Za = /* @__PURE__ */ f("path", {
+}, null, -1), Wa = /* @__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), Ua = [
-  za,
-  Za
-], Wa = {
+}, null, -1), qa = [
+  Ua,
+  Wa
+], Ga = {
   __name: "ChevronAIBtn",
   props: {
     disabled: Boolean,
@@ -3566,22 +3575,22 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         viewBox: "0 0 24 24",
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none"
-      }, Ua, 2)) : (h(), g("svg", {
+      }, qa, 2)) : (h(), g("svg", {
         key: 0,
         class: P(["w-6 h-6 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
         viewBox: "0 0 24 24",
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none"
-      }, Ha, 2))
-    ], 10, Fa));
+      }, Za, 2))
+    ], 10, Ha));
   }
-}, 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 = {
+}, Ja = { class: "p-2 gap-0 relative z-10" }, Ya = { class: "flex justify-between items-center" }, Qa = /* @__PURE__ */ f("h2", { class: "card-title text-base font-bold text-base-content" }, "AI Summary", -1), Xa = { class: "flex items-center" }, Ka = {
   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"
-}, Xa = {
+}, er = {
   key: 0,
   class: "text-base-content list-none list-outside"
-}, Ka = ["innerHTML"], er = {
+}, tr = ["innerHTML"], nr = {
   __name: "AIExplanation",
   props: {
     isAIExplain: {
@@ -3602,13 +3611,13 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     }
     return (r, a) => {
       var i, u;
-      return h(), g("div", qa, [
-        f("div", Ga, [
-          Ja,
-          f("div", Ya, [
+      return h(), g("div", Ja, [
+        f("div", Ya, [
+          Qa,
+          f("div", Xa, [
             o.value ? (h(), W(Mt, { key: 0 })) : R("", !0),
-            f("div", Qa, [
-              B(Wa, {
+            f("div", Ka, [
+              B(Ga, {
                 isExpanded: e.isAIExplain,
                 disabled: o.value,
                 onClick: s
@@ -3619,52 +3628,52 @@ const ca = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
         f("div", {
           class: P(["overflow-hidden", e.isAIExplain ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
-          (i = e.explanation) != null && i.result ? (h(), g("ul", Xa, [
+          (i = e.explanation) != null && i.result ? (h(), g("ul", er, [
             (h(!0), g(z, null, Y(((u = e.explanation) == null ? void 0 : u.result.split(`
 `)) || [], (c, d) => (h(), g("li", {
               key: `${c}-${d}`,
               innerHTML: c
-            }, null, 8, Ka))), 128))
+            }, null, 8, tr))), 128))
           ])) : R("", !0)
         ], 2)
       ]);
     };
   }
 };
-function tr() {
+function or() {
   document.documentElement.setAttribute("dir", "rtl");
 }
-function nr() {
+function lr() {
   document.documentElement.removeAttribute("dir");
 }
 const Xt = {
-  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 = {
+  supportRTL: or,
+  removeRTL: lr
+}, sr = ["ar", "fa", "iw", "yi", "ur", "pa"], ar = (e) => (Et("data-v-08f9cb53"), e = e(), $t(), e), rr = { class: "pb-6" }, ir = { class: "flex flex-col lg:flex-row lg:gap-2" }, ur = {
   id: "input",
   class: "w-full lg:w-[calc(50%-1rem)] flex mt-1"
-}, 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 = {
+}, cr = /* @__PURE__ */ ar(() => /* @__PURE__ */ f("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1)), dr = { class: "w-full lg:w-[calc(50%-1rem)] flex mt-1" }, fr = {
   key: 0,
   class: "masonry-container mt-1"
-}, dr = {
+}, vr = {
   key: 0,
   class: "masonry-item border border-base-300 bg-base-100"
-}, fr = {
+}, pr = {
   key: 1,
   class: "masonry-item border border-base-300 bg-base-100"
-}, vr = { class: "p-2" }, pr = {
+}, hr = { class: "p-2" }, mr = {
   key: 2,
   class: "masonry-item border border-base-300 bg-base-100"
-}, hr = { class: "p-2" }, mr = {
+}, gr = { class: "p-2" }, br = {
   key: 3,
   class: "masonry-item border border-base-300 bg-base-100"
-}, gr = { class: "p-2" }, br = {
+}, Cr = { class: "p-2" }, xr = {
   key: 4,
   class: "masonry-item border border-base-300 bg-base-100"
-}, Cr = { class: "p-2" }, xr = {
+}, yr = { class: "p-2" }, wr = {
   key: 1,
   class: "text-base-content italic font-medium"
-}, yr = {
+}, _r = {
   __name: "TranslateTab",
   props: {
     opt: Object,
@@ -3692,7 +3701,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;
-      or.includes($) ? Xt.supportRTL() : Xt.removeRTL();
+      sr.includes($) ? Xt.supportRTL() : Xt.removeRTL();
     };
     F(
       () => o.translation,
@@ -3760,11 +3769,11 @@ const Xt = {
     }
     return ($, w) => {
       var y, _, T, V, S;
-      return h(), g("div", sr, [
-        B(hs),
-        f("div", ar, [
-          f("div", rr, [
-            B(fa, {
+      return h(), g("div", rr, [
+        B(gs),
+        f("div", ir, [
+          f("div", ur, [
+            B(pa, {
               text: t.value,
               isTTS: e.isTTS,
               onChange: d,
@@ -3773,9 +3782,9 @@ const Xt = {
               class: "flex-grow flex flex-col"
             }, null, 8, ["text", "isTTS"])
           ]),
-          ir,
-          f("div", ur, [
-            B(ma, {
+          cr,
+          f("div", dr, [
+            B(ba, {
               isFavoriteFeatureEnabled: e.isFavoriteFeatureEnabled,
               isAITranslateFeatureEnabled: e.isAITranslateFeatureEnabled,
               isAITranslate: e.isAITranslate,
@@ -3792,46 +3801,46 @@ const Xt = {
             }, null, 8, ["isFavoriteFeatureEnabled", "isAITranslateFeatureEnabled", "isAITranslate", "isFavorite", "isTTS"])
           ])
         ]),
-        e.translation ? (h(), g("div", cr, [
-          ((y = M(l).result) == null ? void 0 : y.length) > e.aiExplainMinLength ? (h(), g("div", dr, [
-            B(er, {
+        e.translation ? (h(), g("div", fr, [
+          ((y = M(l).result) == null ? void 0 : y.length) > e.aiExplainMinLength ? (h(), g("div", vr, [
+            B(nr, {
               isAIExplain: e.isAIExplain,
               explanation: e.explanation,
               onAiExplain: b
             }, null, 8, ["isAIExplain", "explanation"])
           ])) : R("", !0),
-          (_ = M(l).dictionary) != null && _.length ? (h(), g("div", fr, [
-            f("div", vr, [
-              B(_a, { onTranslate: m })
-            ])
-          ])) : R("", !0),
-          (T = M(l).definitions) != null && T.length ? (h(), g("div", pr, [
+          (_ = M(l).dictionary) != null && _.length ? (h(), g("div", pr, [
             f("div", hr, [
-              B(Ia)
+              B(Sa, { onTranslate: m })
             ])
           ])) : R("", !0),
-          (V = M(l).synonyms) != null && V.length ? (h(), g("div", mr, [
+          (T = M(l).definitions) != null && T.length ? (h(), g("div", mr, [
             f("div", gr, [
-              B(Ba, { onTranslate: m })
+              B(ka)
             ])
           ])) : R("", !0),
-          (S = M(l).examples) != null && S.length ? (h(), g("div", br, [
+          (V = M(l).synonyms) != null && V.length ? (h(), g("div", br, [
             f("div", Cr, [
-              B(Aa)
+              B(ja, { onTranslate: m })
+            ])
+          ])) : R("", !0),
+          (S = M(l).examples) != null && S.length ? (h(), g("div", xr, [
+            f("div", yr, [
+              B(Da)
             ])
           ])) : R("", !0)
-        ])) : (h(), g("span", xr, "Service unavailable"))
+        ])) : (h(), g("span", wr, "Service unavailable"))
       ]);
     };
   }
-}, wr = /* @__PURE__ */ he(yr, [["__scopeId", "data-v-08f9cb53"]]), _r = ["disabled"], Tr = /* @__PURE__ */ f("path", {
+}, Tr = /* @__PURE__ */ he(_r, [["__scopeId", "data-v-08f9cb53"]]), Sr = ["disabled"], Er = /* @__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), Sr = [
-  Tr
-], Er = {
+}, null, -1), $r = [
+  Er
+], Or = {
   __name: "RetryBtn",
   props: {
     disabled: Boolean
@@ -3850,14 +3859,14 @@ const Xt = {
         fill: "none",
         viewBox: "0 0 24 24",
         stroke: "currentColor"
-      }, Sr, 2))
-    ], 8, _r));
+      }, $r, 2))
+    ], 8, Sr));
   }
-}, $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 = /* @__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 = [
+}, Ir = ["data-tip"], Lr = ["disabled"], kr = /* @__PURE__ */ f("path", { d: "M2.293,21.707a1,1,0,0,0,1.414,0l3.2-3.2A9.581,9.581,0,0,0,12,20c4.325,0,8.227-3,9.938-7.654a.993.993,0,0,0,0-.692A12.6,12.6,0,0,0,18.7,6.719l3.012-3.012a1,1,0,1,0-1.414-1.414l-3.2,3.2A9.581,9.581,0,0,0,12,4C7.675,4,3.773,7,2.062,11.654a.993.993,0,0,0,0,.692,12.6,12.6,0,0,0,3.243,4.935L2.293,20.293A1,1,0,0,0,2.293,21.707ZM17.266,8.148A10.454,10.454,0,0,1,19.929,12c-1.478,3.657-4.556,6-7.929,6a7.52,7.52,0,0,1-3.632-.954l1.613-1.613A3.947,3.947,0,0,0,12,16a4,4,0,0,0,4-4,3.947,3.947,0,0,0-.567-2.019Zm-7.191,4.363A1.96,1.96,0,0,1,10,12a2,2,0,0,1,2-2,1.96,1.96,0,0,1,.511.075Zm3.85-1.022A1.96,1.96,0,0,1,14,12a2,2,0,0,1-2,2,1.96,1.96,0,0,1-.511-.075ZM4.071,12C5.549,8.343,8.627,6,12,6a7.52,7.52,0,0,1,3.632.954L14.019,8.567A3.947,3.947,0,0,0,12,8a4,4,0,0,0-4,4,3.947,3.947,0,0,0,.567,2.019L6.734,15.852A10.454,10.454,0,0,1,4.071,12Z" }, null, -1), Mr = [
   kr
-], Ar = {
+], Ar = /* @__PURE__ */ f("path", { d: "M12,7a4,4,0,1,0,4,4A4,4,0,0,0,12,7Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,13Zm6.5,2v1.5H20a1,1,0,0,1,0,2H18.5V20a1,1,0,0,1-2,0V18.5H15a1,1,0,0,1,0-2h1.5V15a1,1,0,0,1,2,0Zm3.438-4.345a.987.987,0,0,1,0,.69,13.339,13.339,0,0,1-1.08,2.264,1,1,0,1,1-1.715-1.028A11.3,11.3,0,0,0,19.928,11C18.451,7.343,15.373,5,12,5S5.549,7.343,4.072,11a9.315,9.315,0,0,0,6.167,5.787,1,1,0,1,1-.478,1.942,11.393,11.393,0,0,1-7.7-7.383.99.99,0,0,1,0-.691C3.773,6,7.674,3,12,3S20.227,6,21.938,10.655Z" }, null, -1), Vr = [
+  Ar
+], Dr = {
   __name: "ToggleDiffBtn",
   props: {
     disabled: Boolean,
@@ -3883,17 +3892,17 @@ const Xt = {
           fill: "currentColor",
           viewBox: "0 0 24 24",
           xmlns: "http://www.w3.org/2000/svg"
-        }, Mr, 2)) : (h(), g("svg", {
+        }, Vr, 2)) : (h(), g("svg", {
           key: 0,
           class: P(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]]),
           fill: "currentColor",
           viewBox: "0 0 24 24",
           xmlns: "http://www.w3.org/2000/svg"
-        }, Lr, 2))
-      ], 10, Or)
-    ], 8, $r));
+        }, Mr, 2))
+      ], 10, Lr)
+    ], 8, Ir));
   }
-}, 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 = {
+}, Rr = { class: "flex flex-row px-2 pr-10 items-center bg-transparent relative" }, Pr = { class: "absolute right-1 top-1 flex flex-col items-center gap-0" }, Fn = {
   __name: "InputBtnGroup",
   props: {
     loading: {
@@ -3927,13 +3936,13 @@ const Xt = {
   },
   emits: ["copy", "clear", "toggleDiff", "info"],
   setup(e) {
-    return (n, t) => (h(), g("div", Vr, [
+    return (n, t) => (h(), g("div", Rr, [
       e.loading ? (h(), W(Mt, {
         key: 0,
         class: "absolute right-6 top-2"
       })) : R("", !0),
-      f("div", Dr, [
-        e.showDiffToggle ? (h(), W(Ar, {
+      f("div", Pr, [
+        e.showDiffToggle ? (h(), W(Dr, {
           key: 0,
           disabled: e.loading,
           isDiffMode: e.isDiffMode,
@@ -3951,7 +3960,7 @@ const Xt = {
       ])
     ]));
   }
-}, Rr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }, Pr = ["onKeydown", "placeholder"], Nr = {
+}, Nr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }, Br = ["onKeydown", "placeholder"], Fr = {
   __name: "Input",
   props: {
     text: {
@@ -3987,7 +3996,7 @@ const Xt = {
       o.value = t.text, X(() => {
         l.value.focus(), i();
       });
-    }), (c, d) => (h(), g("div", Rr, [
+    }), (c, d) => (h(), g("div", Nr, [
       B(Fn, {
         src: e.text,
         hasClearBtn: !0,
@@ -4006,7 +4015,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, Pr), [
+      }, null, 40, Br), [
         [
           nt,
           o.value,
@@ -4016,7 +4025,7 @@ const Xt = {
       ])
     ]));
   }
-}, Br = /* @__PURE__ */ he(Nr, [["__scopeId", "data-v-66614870"]]);
+}, jr = /* @__PURE__ */ he(Fr, [["__scopeId", "data-v-66614870"]]);
 function re() {
 }
 re.prototype = {
@@ -4187,9 +4196,9 @@ function qe(e, n) {
   return xt(e, n, "");
 }
 function nn(e, n) {
-  return n.slice(0, Fr(e, n));
+  return n.slice(0, Hr(e, n));
 }
-function Fr(e, n) {
+function Hr(e, n) {
   var t = 0;
   e.length > n.length && (t = e.length - n.length);
   var o = n.length;
@@ -4209,7 +4218,7 @@ function Fr(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}", jr = 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}", zr = 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();
 };
@@ -4222,7 +4231,7 @@ rt.tokenize = function(e) {
       return s.segment;
     });
   } else
-    t = e.match(jr) || [];
+    t = e.match(zr) || [];
   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;
@@ -4272,7 +4281,7 @@ jn.tokenize = function(e) {
   var n = new RegExp("(\\r?\\n)|[".concat(et, "]+|[^\\S\\n\\r]+|[^").concat(et, "]"), "ug");
   return e.match(n) || [];
 };
-function Hr(e, n, t) {
+function Zr(e, n, t) {
   return jn.diff(e, n, t);
 }
 var At = new re();
@@ -4294,12 +4303,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 zr = new re();
-zr.tokenize = function(e) {
+var Ur = new re();
+Ur.tokenize = function(e) {
   return e.split(/(\S.+?[.!?])(?=\s+|$)/);
 };
-var Zr = new re();
-Zr.tokenize = function(e) {
+var Wr = new re();
+Wr.tokenize = function(e) {
   return e.split(/([{}:;,]|\s+)/);
 };
 function yt(e) {
@@ -4353,7 +4362,7 @@ _t.tokenize = function(e) {
 _t.join = _t.removeEmpty = function(e) {
   return e;
 };
-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 = {
+const qr = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }, Gr = { class: "flex justify-end items-center mb-1" }, Jr = { class: "bg-transparent" }, Yr = ["innerHTML"], Qr = {
   __name: "Result",
   props: {
     text: {
@@ -4376,7 +4385,7 @@ const Ur = { 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 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("");
+      return Zr(m, C).map((I) => I.added ? `<span class="bg-addedBg inline leading-snug animate-addedText">${I.value}</span>` : I.removed ? `<span class="bg-removedBg inline leading-snug animate-removedText">${I.value}</span>` : I.value).join("");
     }
     function x() {
       a.value = !a.value, Ie.DEFAULT_DIFF_MODE = a.value;
@@ -4389,8 +4398,8 @@ const Ur = { 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", Ur, [
-      f("div", Wr, [
+    }), (m, C) => (h(), g("div", qr, [
+      f("div", Gr, [
         B(Fn, {
           loading: l.value,
           src: s.value,
@@ -4401,7 +4410,7 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
           onToggleDiff: x
         }, null, 8, ["loading", "src", "hasCopyBtn", "showDiffToggle", "isDiffMode"])
       ]),
-      f("div", qr, [
+      f("div", Jr, [
         e.type !== "check" || !a.value ? tt((h(), g("textarea", {
           key: 0,
           ref_key: "textarea",
@@ -4416,27 +4425,27 @@ const Ur = { 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, Gr))
+        }, null, 8, Yr))
       ])
     ]));
   }
-}, 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,
+}, Xr = "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", Kr = "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", ei = "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", ti = "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), ni = { class: "flex rounded-md w-full" }, oi = ["disabled"], li = { class: "flex items-center text-xs" }, si = ["src"], ai = /* @__PURE__ */ Vt(() => /* @__PURE__ */ f("div", { class: "w-px bg-base-300" }, null, -1)), ri = { class: "relative block" }, ii = ["aria-expanded", "disabled"], ui = /* @__PURE__ */ Vt(() => /* @__PURE__ */ f("span", { class: "sr-only" }, "Open options", -1)), ci = /* @__PURE__ */ Vt(() => /* @__PURE__ */ f("img", {
+  src: ti,
   alt: "Chevron down",
   class: "w-4 h-4 fill-current"
-}, null, -1)), ui = [
-  ri,
-  ii
-], ci = {
+}, null, -1)), di = [
+  ui,
+  ci
+], fi = {
   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"
-}, di = {
+}, vi = {
   class: "py-1",
   role: "none"
-}, fi = ["onClick"], vi = { class: "flex items-center" }, pi = ["src"], hi = {
+}, pi = ["onClick"], hi = { class: "flex items-center" }, mi = ["src"], gi = {
   __name: "ButtonSelect",
   props: {
     modelValue: {
@@ -4473,7 +4482,7 @@ const Ur = { 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": Yr, "../../assets/icons/ai-translate.svg": Qr, "../../assets/icons/chevron-down.svg": Xr }))[`../../assets/icons/${m}.svg`], import.meta.url).href;
+      return new URL((/* @__PURE__ */ Object.assign({ "../../assets/icons/ai-explain.svg": Xr, "../../assets/icons/ai-translate.svg": Kr, "../../assets/icons/chevron-down.svg": ei }))[`../../assets/icons/${m}.svg`], import.meta.url).href;
     }
     function x(m) {
       r.value && !r.value.contains(m.target) && (l.value = !1);
@@ -4503,7 +4512,7 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
           e.isTextEmpty || t.loading ? "border-base-300" : "border-primary"
         ])
       }, [
-        f("div", ei, [
+        f("div", ni, [
           f("button", {
             onClick: i,
             class: P(["px-2 py-1 text-sm font-medium rounded-s focus:z-10 focus:outline-none flex-grow text-left relative", [
@@ -4511,17 +4520,17 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
             ]]),
             disabled: e.isTextEmpty || t.loading
           }, [
-            f("div", ni, [
+            f("div", li, [
               f("img", {
                 src: d(a.value.icon),
                 alt: "",
                 class: "w-4 h-4 mr-2"
-              }, null, 8, oi),
+              }, null, 8, si),
               Ee(" " + G(a.value.label), 1)
             ])
-          ], 10, ti),
-          li,
-          f("div", si, [
+          ], 10, oi),
+          ai,
+          f("div", ri, [
             f("button", {
               onClick: u,
               type: "button",
@@ -4531,12 +4540,12 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
               "aria-haspopup": "true",
               "aria-expanded": l.value,
               disabled: e.isTextEmpty || t.loading
-            }, ui, 10, ai)
+            }, di, 10, ii)
           ])
         ])
       ], 2),
-      l.value ? (h(), g("div", ci, [
-        f("div", di, [
+      l.value ? (h(), g("div", fi, [
+        f("div", vi, [
           (h(!0), g(z, null, Y(e.options, (b) => (h(), g("a", {
             key: b.value,
             onClick: (I) => c(b),
@@ -4544,23 +4553,23 @@ const Ur = { 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", vi, [
+            f("div", hi, [
               f("img", {
                 src: d(b.icon),
                 alt: "",
                 class: "w-4 h-4 mr-2"
-              }, null, 8, pi),
+              }, null, 8, mi),
               Ee(" " + G(b.label), 1)
             ])
-          ], 8, fi))), 128))
+          ], 8, pi))), 128))
         ])
       ])) : R("", !0)
     ], 512));
   }
-}, 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 = {
+}, bi = /* @__PURE__ */ he(gi, [["__scopeId", "data-v-345bc0b4"]]), Ci = { class: "w-full mt-1" }, xi = { class: "flex flex-col lg:flex-row lg:items-stretch lg:space-x-4 lg:min-h-[50vh]" }, yi = { class: "lg:flex-grow lg:w-0 flex flex-col" }, wi = { class: "flex flex-row lg:flex-col items-center justify-center place-content-center min-h-full" }, _i = {
   class: "flex items-center",
   style: { "max-width": "300px" }
-}, wi = { class: "lg:flex-grow lg:w-0 flex flex-col" }, _i = {
+}, Ti = { class: "lg:flex-grow lg:w-0 flex flex-col" }, Si = {
   __name: "WriteTab",
   props: {
     opt: {
@@ -4581,7 +4590,8 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     const t = le("writingStore"), o = le("loaderStore"), l = e, s = n, r = [
       { value: "check", label: "Check", icon: "ai-translate" },
       { value: "improve", label: "Improve", icon: "ai-explain" },
-      { value: "improve-plus", label: "Improve +++", icon: "ai-explain" },
+      { value: "improve-plus", label: "Academy", icon: "ai-explain" },
+      { value: "friendly", label: "Friendly", icon: "ai-translate" },
       { value: "simplify", label: "Simplify", icon: "ai-translate" },
       { value: "more-detailed", label: "More detailed", icon: "ai-explain" }
     ];
@@ -4629,10 +4639,10 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     }
     return (b, I) => {
       var $, w;
-      return h(), g("div", gi, [
-        f("div", bi, [
-          f("div", Ci, [
-            B(Br, {
+      return h(), g("div", Ci, [
+        f("div", xi, [
+          f("div", yi, [
+            B(jr, {
               class: "my-2 lg:my-0 w-full flex-grow lg:min-h-[50vh]",
               text: M(t).text,
               onChange: a,
@@ -4640,9 +4650,9 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
               onImprove: d
             }, null, 8, ["text"])
           ]),
-          f("div", xi, [
-            f("div", yi, [
-              B(mi, {
+          f("div", wi, [
+            f("div", _i, [
+              B(bi, {
                 class: "w-full",
                 modelValue: l.opt.type,
                 options: r,
@@ -4653,14 +4663,14 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
                 onAction: d
               }, null, 8, ["modelValue", "loading", "isTextEmpty", "hasResult"])
             ]),
-            B(Er, {
+            B(Or, {
               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", wi, [
-            B(Jr, {
+          f("div", Ti, [
+            B(Qr, {
               class: "my-2 lg:my-0 w-full flex-grow lg:min-h-[50vh]",
               text: M(t).result,
               originalText: M(t).text,
@@ -4695,17 +4705,17 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     init: a,
     reset: i
   };
-}), 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 = {
+}), Hn = (e) => (Et("data-v-8885ead1"), e = e(), $t(), e), Ei = ["data-theme"], $i = { class: "flex-none py-2 pl-3 pr-2 shadow border border-base-300" }, Oi = { class: "flex-none" }, Ii = { class: "flex w-full border-b border-base-300 items-center" }, Li = {
   key: 0,
   class: "text-xs text-base-content/40 ml-1 italic"
-}, Ii = /* @__PURE__ */ Hn(() => /* @__PURE__ */ f("small", null, "(Tab)", -1)), Li = [
-  Ii
-], ki = {
+}, ki = /* @__PURE__ */ Hn(() => /* @__PURE__ */ f("small", null, "(Tab)", -1)), Mi = [
+  ki
+], Ai = {
   key: 0,
   class: "text-xs text-base-content/40 ml-1 italic"
-}, 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 = {
+}, Vi = /* @__PURE__ */ Hn(() => /* @__PURE__ */ f("small", null, "(Tab)", -1)), Di = [
+  Vi
+], Ri = { class: "flex-1 min-h-0" }, Pi = { class: "h-full overflow-y-auto overflow-x-hidden custom-scrollbar" }, Ni = {
   __name: "Popup",
   props: {
     options: {
@@ -4743,11 +4753,15 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
     theme: {
       type: String,
       default: "light"
+    },
+    isPremium: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["nav", "translate", "write", "common"],
   setup(e, { emit: n }) {
-    const t = ql();
+    const t = Jl();
     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);
@@ -4792,20 +4806,21 @@ const Ur = { 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", Si, [
-        B(xo, {
+      f("div", $i, [
+        B(wo, {
           "header-settings": e.headerSettings,
           "current-theme": e.theme,
+          "is-premium": e.isPremium,
           onReader: y[0] || (y[0] = (_) => u("reader")),
           onLearn: y[1] || (y[1] = (_) => u("learn")),
           onSettings: y[2] || (y[2] = (_) => u("settings")),
           onFullScreen: y[3] || (y[3] = (_) => u("fullscreen")),
           onAccount: y[4] || (y[4] = (_) => u("account")),
           onThemeChange: c
-        }, null, 8, ["header-settings", "current-theme"])
+        }, null, 8, ["header-settings", "current-theme", "is-premium"])
       ]),
-      f("div", Ei, [
-        f("div", $i, [
+      f("div", Oi, [
+        f("div", Ii, [
           f("button", {
             class: P([
               "w-1/2 px-4 py-2 text-sm font-medium",
@@ -4814,7 +4829,7 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
             onClick: y[5] || (y[5] = (_) => u("activeTab", "translate"))
           }, [
             Ee(" Translate "),
-            !M(vt) && I.value.activeTab !== "translate" ? (h(), g("span", Oi, Li)) : R("", !0)
+            !M(vt) && I.value.activeTab !== "translate" ? (h(), g("span", Li, Mi)) : R("", !0)
           ], 2),
           f("button", {
             class: P([
@@ -4824,13 +4839,13 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
             onClick: y[6] || (y[6] = (_) => u("activeTab", "write"))
           }, [
             Ee(" Write "),
-            !M(vt) && I.value.activeTab !== "write" ? (h(), g("span", ki, Ai)) : R("", !0)
+            !M(vt) && I.value.activeTab !== "write" ? (h(), g("span", Ai, Di)) : R("", !0)
           ], 2)
         ])
       ]),
-      f("div", Vi, [
-        f("div", Di, [
-          I.value.activeTab === "translate" ? (h(), W(wr, {
+      f("div", Ri, [
+        f("div", Pi, [
+          I.value.activeTab === "translate" ? (h(), W(Tr, {
             key: 0,
             opt: I.value.translateOpts,
             languages: I.value.languages,
@@ -4852,7 +4867,7 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
             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, {
+          I.value.activeTab === "write" ? (h(), W(Si, {
             key: 1,
             opt: I.value.writeOpts,
             languages: I.value.languages,
@@ -4863,9 +4878,9 @@ const Ur = { class: "bg-base-100 relative z-10 border border-base-300 rounded" }
           }, null, 8, ["opt", "languages", "writing"])) : R("", !0)
         ])
       ])
-    ], 8, Ti));
+    ], 8, Ei));
   }
-}, Bi = /* @__PURE__ */ he(Ri, [["__scopeId", "data-v-e4dbf9d3"]]);
+}, ji = /* @__PURE__ */ he(Ni, [["__scopeId", "data-v-8885ead1"]]);
 export {
-  Bi as default
+  ji as default
 };