@ddict/popup 1.0.12 → 1.0.13

package/dist/popup.es.js

@@ -1,4 +1,4 @@
-import { openBlock as w, createElementBlock as O, createElementVNode as g, computed as y, unref as M, shallowRef as cn, watch as H, triggerRef as rt, onScopeDispose as Xe, ref as S, onUnmounted as wt, inject as Le, watchEffect as re, onMounted as xe, cloneVNode as Et, h as Se, Fragment as W, defineComponent as ae, provide as et, reactive as St, nextTick as te, toRaw as K, mergeModels as dn, useModel as fn, createBlock as X, withCtx as Ve, createVNode as B, renderList as le, normalizeClass as Ce, toDisplayString as ee, effectScope as Ot, markRaw as de, hasInjectionContext as pn, getCurrentInstance as $t, isRef as _e, isReactive as tt, toRef as Ze, getCurrentScope as It, toRefs as at, createCommentVNode as Q, withModifiers as vn, createTextVNode as hn, withDirectives as Lt, vModelText as Tt, pushScopeId as mn, popScopeId as gn } from "vue";
+import { openBlock as y, createElementBlock as O, createElementVNode as g, computed as w, unref as M, shallowRef as cn, watch as H, triggerRef as rt, onScopeDispose as Xe, ref as S, onUnmounted as wt, inject as Le, watchEffect as re, onMounted as xe, cloneVNode as Et, h as Se, Fragment as Z, defineComponent as ae, provide as et, reactive as St, nextTick as Q, toRaw as K, mergeModels as dn, useModel as fn, createBlock as ee, withCtx as Ve, createVNode as B, renderList as le, normalizeClass as Ce, toDisplayString as te, effectScope as Ot, markRaw as de, hasInjectionContext as pn, getCurrentInstance as $t, isRef as _e, isReactive as tt, toRef as Ze, getCurrentScope as It, toRefs as at, createCommentVNode as X, withModifiers as vn, createTextVNode as hn, withDirectives as Lt, vModelText as Tt, pushScopeId as mn, popScopeId as gn } from "vue";
 const bn = "data:image/svg+xml,%3csvg%20width='96'%20height='32'%20viewBox='0%200%2096%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40.151%208.94498H35.7256V23.055H40.151C44.7473%2023.055%2047.826%2020.0825%2047.826%2015.9795C47.8267%2011.8093%2044.7678%208.94498%2040.151%208.94498ZM40.1312%2021.025H37.993V10.9974H40.1312C43.4217%2010.9974%2045.4972%2012.9846%2045.4972%2015.9795C45.4965%2018.9296%2043.4012%2021.025%2040.1312%2021.025Z'%20fill='%233B5695'/%3e%3cpath%20d='M54.5158%208.94498H50.0903V23.055H54.5158C59.1121%2023.055%2062.1908%2020.0825%2062.1908%2015.9795C62.1914%2011.8093%2059.1351%208.94498%2054.5158%208.94498ZM54.496%2021.025H52.3578V10.9974H54.496C57.789%2010.9974%2059.8619%2012.9846%2059.8619%2015.9795C59.8613%2018.9296%2057.766%2021.025%2054.496%2021.025Z'%20fill='%233B5695'/%3e%3cpath%20d='M66.7237%208.94498H64.4575V23.055H66.7237V8.94498Z'%20fill='%233B5695'/%3e%3cpath%20d='M76.4301%2010.7837C78.29%2010.7837%2079.7436%2011.6603%2080.7487%2013.2207L82.4589%2011.9591C81.2401%209.97057%2078.9957%208.70953%2076.409%208.70953C72.3898%208.64555%2068.9048%2011.9591%2068.9906%2016C68.9048%2020.0403%2072.3898%2023.3544%2076.409%2023.2905C79.0385%2023.2905%2081.2618%2022.0294%2082.4589%2020.0409L80.7487%2018.7793C79.7436%2020.3397%2078.29%2021.2163%2076.4301%2021.2163C73.544%2021.2163%2071.3418%2018.993%2071.3418%2016C71.3418%2013.007%2073.5433%2010.7837%2076.4301%2010.7837Z'%20fill='%233B5695'/%3e%3cpath%20d='M83.3135%208.94498V10.9757H88.0595V23.055H90.3256V10.9757H95.0934V8.94498H83.3135Z'%20fill='%233B5695'/%3e%3cpath%20d='M8.66351%204.7121H4.604V15.4427L6.87208%2013.3839V6.79143H8.64559C11.4639%206.79143%2013.2835%208.47857%2013.2835%2011.0877C13.2835%2013.6916%2011.421%2015.4427%208.64559%2015.4427H4.604V17.5016H8.66351C12.7531%2017.5016%2015.6098%2014.8644%2015.6098%2011.0877C15.6104%207.27575%2012.8196%204.7121%208.66351%204.7121Z'%20fill='%233B5695'/%3e%3cpath%20d='M26.2425%209.25528H21.5502L20.7537%2014.293L21.4523%2014.3308L21.4069%2014.7294C21.3916%2014.8656%2021.3289%2015.0448%2021.112%2015.1734C21.1017%2015.9399%2021.0845%2017.0493%2020.9706%2018.1766H26.5937V19.8586H21.4677C22.4133%2022.9424%2024.1254%2024.9648%2026.5611%2025.8669L27.1536%2026.0864L26.6795%2026.5048C26.4875%2026.6737%2026.2182%2027.0141%2026.0896%2027.2489L25.9258%2027.5438L25.6155%2027.4152C23.167%2026.4095%2021.4223%2024.4926%2020.2905%2021.563C19.3602%2024.3365%2017.5797%2026.2553%2014.8592%2027.428L14.5438%2027.5617L14.3775%2027.2642C14.2764%2027.08%2014.0294%2026.7876%2013.8151%2026.5989L13.3564%2026.1951L13.9239%2025.9655C16.4555%2024.9392%2018.064%2023.1414%2018.8228%2020.4837C19.6647%2019.8381%2020.2099%2018.8221%2020.2169%2017.6801V4.53231C20.2169%202.58349%2018.6334%201%2016.6846%201H3.53487C1.58349%201%200%202.58349%200%204.53231V17.6795C0%2019.6283%201.58349%2021.2143%203.53487%2021.2143H8.25528V27.2431C8.25528%2029.3135%209.93986%2031%2012.0096%2031H26.2431C28.3161%2031%2029.9974%2029.3129%2029.9974%2027.2431V13.0096C29.9974%2010.9392%2028.3154%209.25528%2026.2425%209.25528ZM3.53487%2019.4517C2.55662%2019.4517%201.762%2018.6603%201.762%2017.6788V4.53231C1.762%203.55662%202.55598%202.762%203.53487%202.762H16.6839C17.6571%202.762%2018.4517%203.55598%2018.4517%204.53231V17.6795C18.4517%2017.778%2018.444%2017.8733%2018.4267%2017.9667C18.3941%2018.1811%2018.3231%2018.38%2018.215%2018.5592C17.9149%2019.0934%2017.3372%2019.4517%2016.6846%2019.4517H3.53487Z'%20fill='%233B5695'/%3e%3c/svg%3e", Cn = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.5%203.25C5.25736%203.25%204.25%204.25736%204.25%205.5H3.5H2.75C2.75%203.42893%204.42893%201.75%206.5%201.75H17.5C17.9142%201.75%2018.25%202.08579%2018.25%202.5V15.5C18.25%2015.9142%2017.9142%2016.25%2017.5%2016.25H6.5C5.26293%2016.25%204.25%2017.2576%204.25%2018.5C4.25%2018.9142%203.91421%2019.25%203.5%2019.25C3.08579%2019.25%202.75%2018.9142%202.75%2018.5V5.5C2.75%205.49993%202.75%205.5%203.5%205.5C4.25%205.5%204.25%205.49993%204.25%205.5V15.5017C4.87779%2015.0296%205.65755%2014.75%206.5%2014.75H16.75V3.25H6.5Z'%20fill='%233B5695'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.5%202.75C20.9142%202.75%2021.25%203.08579%2021.25%203.5V21.5C21.25%2021.9142%2020.9142%2022.25%2020.5%2022.25H6.5C4.42893%2022.25%202.75%2020.5711%202.75%2018.5C2.75%2016.4289%204.42893%2014.75%206.5%2014.75H17.4995C17.4996%2014.75%2017.5%2014.75%2017.5%2015.5C17.5%2016.25%2017.5001%2016.25%2017.5%2016.25H6.5C5.25736%2016.25%204.25%2017.2574%204.25%2018.5C4.25%2019.7426%205.25736%2020.75%206.5%2020.75H19.75V3.5C19.75%203.08579%2020.0858%202.75%2020.5%202.75ZM18.25%2015.5C18.25%2015.9142%2017.9142%2016.25%2017.5%2016.25V15.5L17.4995%2014.75C17.9137%2014.75%2018.25%2015.0858%2018.25%2015.5Z'%20fill='%233B5695'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.25%2018.5C6.25%2018.0858%206.58579%2017.75%207%2017.75H17C17.4142%2017.75%2017.75%2018.0858%2017.75%2018.5C17.75%2018.9142%2017.4142%2019.25%2017%2019.25H7C6.58579%2019.25%206.25%2018.9142%206.25%2018.5Z'%20fill='%233B5695'/%3e%3c/svg%3e", _n = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.467%202.47236C2.75841%202.17799%203.23328%202.17559%203.52764%202.467L8.52765%207.41675C8.82201%207.70816%208.82441%208.18303%208.533%208.4774C8.24159%208.77176%207.76672%208.77416%207.47235%208.48275L2.47236%203.533C2.17799%203.24159%202.17559%202.76672%202.467%202.47236Z'%20fill='%233B5695'/%3e%3cpath%20d='M8.533%2015.4724C8.82441%2015.7667%208.82201%2016.2416%208.52765%2016.533L3.52765%2021.4828C3.23328%2021.7742%202.75841%2021.7718%202.467%2021.4774C2.17559%2021.183%202.17799%2020.7082%202.47236%2020.4167L7.47235%2015.467C7.76672%2015.1756%208.24159%2015.178%208.533%2015.4724Z'%20fill='%233B5695'/%3e%3cpath%20d='M15.52%2015.4697C15.8129%2015.1768%2016.2877%2015.1768%2016.5806%2015.4697L21.5304%2020.4194C21.8233%2020.7123%2021.8233%2021.1872%2021.5304%2021.4801C21.2375%2021.773%2020.7626%2021.773%2020.4697%2021.4801L15.52%2016.5303C15.2271%2016.2374%2015.2271%2015.7626%2015.52%2015.4697Z'%20fill='%233B5695'/%3e%3cpath%20d='M21.4801%202.46967C21.773%202.76256%2021.773%203.23744%2021.4801%203.53033L16.5303%208.48008C16.2374%208.77297%2015.7626%208.77297%2015.4697%208.48008C15.1768%208.18719%2015.1768%207.71231%2015.4697%207.41942L20.4194%202.46967C20.7123%202.17678%2021.1872%202.17678%2021.4801%202.46967Z'%20fill='%233B5695'/%3e%3cpath%20d='M15.75%203C15.75%202.58579%2016.0858%202.25%2016.5%202.25H21C21.4142%202.25%2021.75%202.58579%2021.75%203V7.5C21.75%207.91421%2021.4142%208.25%2021%208.25C20.5858%208.25%2020.25%207.91421%2020.25%207.5V3.75H16.5C16.0858%203.75%2015.75%203.41421%2015.75%203Z'%20fill='%233B5695'/%3e%3cpath%20d='M21%2015.75C21.4142%2015.75%2021.75%2016.0858%2021.75%2016.5V21C21.75%2021.4142%2021.4142%2021.75%2021%2021.75H16.5C16.0858%2021.75%2015.75%2021.4142%2015.75%2021C15.75%2020.5858%2016.0858%2020.25%2016.5%2020.25H20.25V16.5C20.25%2016.0858%2020.5858%2015.75%2021%2015.75Z'%20fill='%233B5695'/%3e%3cpath%20d='M3%2015.75C3.41421%2015.75%203.75%2016.0858%203.75%2016.5V20.25H7.5C7.91421%2020.25%208.25%2020.5858%208.25%2021C8.25%2021.4142%207.91421%2021.75%207.5%2021.75H3C2.58579%2021.75%202.25%2021.4142%202.25%2021V16.5C2.25%2016.0858%202.58579%2015.75%203%2015.75Z'%20fill='%233B5695'/%3e%3cpath%20d='M2.25%203C2.25%202.58579%202.58579%202.25%203%202.25H7.5C7.91421%202.25%208.25%202.58579%208.25%203C8.25%203.41421%207.91421%203.75%207.5%203.75H3.75V7.5C3.75%207.91421%203.41421%208.25%203%208.25C2.58579%208.25%202.25%207.91421%202.25%207.5V3Z'%20fill='%233B5695'/%3e%3c/svg%3e", xn = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.12596%201.63869C9.46935%201.54364%209.83221%201.70329%209.99413%202.02068C10.3672%202.75191%2011.1261%203.25%2012%203.25C12.8739%203.25%2013.6328%202.75191%2014.0059%202.02068C14.1678%201.70329%2014.5307%201.54364%2014.874%201.63869C16.5585%202.10497%2018.0759%202.9704%2019.3184%204.12574C19.5611%204.35137%2019.6269%204.70948%2019.4804%205.00666C19.3331%205.30535%2019.25%205.6419%2019.25%206C19.25%207.24263%2020.2574%208.25%2021.5%208.25L21.5314%208.24977C21.8629%208.24504%2022.1583%208.45859%2022.2576%208.77495C22.5777%209.79397%2022.75%2010.8776%2022.75%2012C22.75%2012.7408%2022.6749%2013.4649%2022.5318%2014.1648C22.4548%2014.5411%2022.1059%2014.7985%2021.7237%2014.7609C21.6504%2014.7537%2021.5758%2014.75%2021.5%2014.75C20.2574%2014.75%2019.25%2015.7574%2019.25%2017C19.25%2017.5531%2019.4486%2018.0579%2019.7793%2018.4498C20.027%2018.7434%2020.0128%2019.1767%2019.7465%2019.4535C18.4777%2020.7719%2016.8745%2021.7678%2015.0721%2022.3044C14.6807%2022.4209%2014.2681%2022.2029%2014.1437%2021.814C13.8535%2020.906%2013.0024%2020.25%2012%2020.25C10.9976%2020.25%2010.1465%2020.906%209.85629%2021.814C9.73195%2022.2029%209.31927%2022.4209%208.92789%2022.3044C7.12545%2021.7678%205.52229%2020.7719%204.25353%2019.4535C3.98716%2019.1767%203.97299%2018.7434%204.22072%2018.4498C4.55139%2018.0579%204.75%2017.5531%204.75%2017C4.75%2015.7574%203.74264%2014.75%202.5%2014.75C2.42423%2014.75%202.34963%2014.7537%202.27634%2014.7609C1.89406%2014.7985%201.54519%2014.5411%201.46821%2014.1648C1.32505%2013.4649%201.25%2012.7408%201.25%2012C1.25%2010.8776%201.42227%209.79398%201.74236%208.77494C1.84173%208.45859%202.13705%208.24504%202.4686%208.24977L2.5%208.25C3.74264%208.25%204.75%207.24263%204.75%206C4.75%205.6419%204.66689%205.30535%204.51962%205.00666C4.3731%204.70948%204.43894%204.35137%204.68159%204.12574C5.92411%202.9704%207.44153%202.10497%209.12596%201.63869ZM6.08277%204.88991C6.19152%205.24123%206.25%205.61424%206.25%206C6.25%207.88945%204.85261%209.45253%203.03493%209.71213C2.84898%2010.4432%202.75%2011.2096%202.75%2012C2.75%2012.4294%202.77921%2012.8516%202.83567%2013.2648C4.74948%2013.4346%206.25%2015.0421%206.25%2017C6.25%2017.6669%206.0754%2018.2941%205.76971%2018.8372C6.62645%2019.6184%207.63002%2020.2404%208.73362%2020.657C9.37706%2019.5189%2010.598%2018.75%2012%2018.75C13.402%2018.75%2014.6229%2019.5189%2015.2664%2020.657C16.37%2020.2404%2017.3735%2019.6184%2018.2303%2018.8372C17.9246%2018.2941%2017.75%2017.6669%2017.75%2017C17.75%2015.0421%2019.2505%2013.4346%2021.1643%2013.2648C21.2208%2012.8516%2021.25%2012.4294%2021.25%2012C21.25%2011.2096%2021.151%2010.4432%2020.9651%209.71213C19.1474%209.45252%2017.75%207.88945%2017.75%206C17.75%205.61424%2017.8085%205.24123%2017.9172%204.88991C17.0618%204.1771%2016.0762%203.61614%2015.0018%203.24775C14.3184%204.15897%2013.2287%204.75%2012%204.75C10.7713%204.75%209.68158%204.15897%208.99819%203.24775C7.92382%203.61614%206.93823%204.1771%206.08277%204.88991Z'%20fill='%233B5695'/%3e%3cpath%20d='M7.75%2012C7.75%209.65278%209.65279%207.75%2012%207.75C14.3472%207.75%2016.25%209.65278%2016.25%2012C16.25%2014.3472%2014.3472%2016.25%2012%2016.25C9.65279%2016.25%207.75%2014.3472%207.75%2012ZM12%209.25C10.4812%209.25%209.25%2010.4812%209.25%2012C9.25%2013.5188%2010.4812%2014.75%2012%2014.75C13.5188%2014.75%2014.75%2013.5188%2014.75%2012C14.75%2010.4812%2013.5188%209.25%2012%209.25Z'%20fill='%233B5695'/%3e%3c/svg%3e", yn = { class: "flex justify-between" }, wn = /* @__PURE__ */ g("div", { class: "flex flex-row" }, [
   /* @__PURE__ */ g("img", {
     src: bn,
@@ -28,7 +28,7 @@ const bn = "data:image/svg+xml,%3csvg%20width='96'%20height='32'%20viewBox='0%20
   emits: ["settings", "fullScreen", "reader"],
   setup(e, { emit: o }) {
     const t = o;
-    return (n, s) => (w(), O("div", yn, [
+    return (n, s) => (y(), O("div", yn, [
       wn,
       g("div", En, [
         g("button", {
@@ -54,18 +54,18 @@ function ye(e, o, t) {
     let u;
     t.key && ((i = t.debug) != null && i.call(t)) && (u = Date.now());
     const p = e();
-    if (!(p.length !== n.length || p.some((m, h) => n[h] !== m)))
+    if (!(p.length !== n.length || p.some((h, m) => n[m] !== h)))
       return s;
     n = p;
     let v;
     if (t.key && ((r = t.debug) != null && r.call(t)) && (v = Date.now()), s = o(...p), t.key && ((l = t.debug) != null && l.call(t))) {
-      const m = Math.round((Date.now() - u) * 100) / 100, h = Math.round((Date.now() - v) * 100) / 100, $ = h / 16, R = (A, I) => {
-        for (A = String(A); A.length < I; )
-          A = " " + A;
-        return A;
+      const h = Math.round((Date.now() - u) * 100) / 100, m = Math.round((Date.now() - v) * 100) / 100, $ = m / 16, N = (R, I) => {
+        for (R = String(R); R.length < I; )
+          R = " " + R;
+        return R;
       };
       console.info(
-        `%c⏱ ${R(h, 5)} /${R(m, 5)} ms`,
+        `%c⏱ ${N(m, 5)} /${N(h, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -307,13 +307,13 @@ class Bn {
               this.options.measureElement(D, void 0, this)
             );
           });
-          const m = i(f), h = this.options.lanes === 1 ? p[f - 1] : this.getFurthestMeasurement(p, f), $ = h ? h.end + this.options.gap : n + s, R = l.get(m), A = typeof R == "number" ? R : this.options.estimateSize(f), I = $ + A, k = h ? h.lane : f % this.options.lanes;
+          const h = i(f), m = this.options.lanes === 1 ? p[f - 1] : this.getFurthestMeasurement(p, f), $ = m ? m.end + this.options.gap : n + s, N = l.get(h), R = typeof N == "number" ? N : this.options.estimateSize(f), I = $ + R, k = m ? m.lane : f % this.options.lanes;
           p[f] = {
             index: f,
             start: $,
-            size: A,
+            size: R,
             end: I,
-            key: m,
+            key: h,
             lane: k,
             measureElement: v
           };
@@ -526,7 +526,7 @@ function zn(e) {
 }
 function Un(e) {
   return zn(
-    y(() => ({
+    w(() => ({
       observeElementRect: Nn,
       observeElementOffset: Dn,
       scrollToFn: jn,
@@ -535,8 +535,8 @@ function Un(e) {
   );
 }
 function Zn(e, o, t) {
-  let n = S(t == null ? void 0 : t.value), s = y(() => e.value !== void 0);
-  return [y(() => s.value ? e.value : n.value), function(i) {
+  let n = S(t == null ? void 0 : t.value), s = w(() => e.value !== void 0);
+  return [w(() => s.value ? e.value : n.value), function(i) {
     return s.value || (n.value = i), o == null ? void 0 : o(i);
   }];
 }
@@ -692,7 +692,7 @@ function ao(e, o, t) {
     window.addEventListener(e, o, t), n(() => window.removeEventListener(e, o, t));
   });
 }
-function uo(e, o, t = y(() => !0)) {
+function uo(e, o, t = w(() => !0)) {
   function n(i, r) {
     if (!t.value || i.defaultPrevented) return;
     let l = r(i);
@@ -774,26 +774,26 @@ function Ge({ props: e, attrs: o, slots: t, slot: n, name: s }) {
   let { as: l, ...a } = je(e, ["unmount", "static"]), u = (i = t.default) == null ? void 0 : i.call(t, n), p = {};
   if (n) {
     let f = !1, v = [];
-    for (let [m, h] of Object.entries(n)) typeof h == "boolean" && (f = !0), h === !0 && v.push(m);
+    for (let [h, m] of Object.entries(n)) typeof m == "boolean" && (f = !0), m === !0 && v.push(h);
     f && (p["data-headlessui-state"] = v.join(" "));
   }
   if (l === "template") {
     if (u = kt(u ?? []), Object.keys(a).length > 0 || Object.keys(o).length > 0) {
       let [f, ...v] = u ?? [];
-      if (!mo(f) || v.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${s} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(a).concat(Object.keys(o)).map(($) => $.trim()).filter(($, R, A) => A.indexOf($) === R).sort(($, R) => $.localeCompare(R)).map(($) => `  - ${$}`).join(`
+      if (!mo(f) || v.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${s} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(a).concat(Object.keys(o)).map(($) => $.trim()).filter(($, N, R) => R.indexOf($) === N).sort(($, N) => $.localeCompare(N)).map(($) => `  - ${$}`).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(($) => `  - ${$}`).join(`
 `)].join(`
 `));
-      let m = Rt((r = f.props) != null ? r : {}, a, p), h = Et(f, m, !0);
-      for (let $ in m) $.startsWith("on") && (h.props || (h.props = {}), h.props[$] = m[$]);
-      return h;
+      let h = Rt((r = f.props) != null ? r : {}, a, p), m = Et(f, h, !0);
+      for (let $ in h) $.startsWith("on") && (m.props || (m.props = {}), m.props[$] = h[$]);
+      return m;
     }
     return Array.isArray(u) && u.length === 1 ? u[0] : u;
   }
   return Se(l, Object.assign({}, a, p), { default: () => u });
 }
 function kt(e) {
-  return e.flatMap((o) => o.type === W ? kt(o.children) : [o]);
+  return e.flatMap((o) => o.type === Z ? kt(o.children) : [o]);
 }
 function Rt(...e) {
   if (e.length === 0) return {};
@@ -838,7 +838,7 @@ function bo() {
 function Co(e) {
   et(At, e);
 }
-var Z = ((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))(Z || {}), Dt = ((e) => (e[e.Left = 0] = "Left", e[e.Right = 2] = "Right", e))(Dt || {});
+var W = ((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))(W || {}), Dt = ((e) => (e[e.Left = 0] = "Left", e[e.Right = 2] = "Right", e))(Dt || {});
 function _o(e) {
   function o() {
     document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", o));
@@ -913,16 +913,16 @@ function ve(e) {
   return o;
 }
 let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, { slots: o }) {
-  let t = ve("VirtualProvider"), n = y(() => {
+  let t = ve("VirtualProvider"), n = w(() => {
     let l = V(t.optionsRef);
     if (!l) return { start: 0, end: 0 };
     let a = window.getComputedStyle(l);
     return { start: parseFloat(a.paddingBlockStart || a.paddingTop), end: parseFloat(a.paddingBlockEnd || a.paddingBottom) };
-  }), s = Un(y(() => ({ scrollPaddingStart: n.value.start, scrollPaddingEnd: n.value.end, count: t.virtual.value.options.length, estimateSize() {
+  }), s = Un(w(() => ({ scrollPaddingStart: n.value.start, scrollPaddingEnd: n.value.end, count: t.virtual.value.options.length, estimateSize() {
     return 40;
   }, getScrollElement() {
     return V(t.optionsRef);
-  }, overscan: 12 }))), i = y(() => {
+  }, overscan: 12 }))), i = w(() => {
     var l;
     return (l = t.virtual.value) == null ? void 0 : l.options;
   }), r = S(0);
@@ -935,12 +935,12 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
     }
   } }, s.value.getVirtualItems().map((l) => Et(o.default({ option: t.virtual.value.options[l.index], open: t.comboboxState.value === 0 })[0], { key: `${r.value}-${l.index}`, "data-index": l.index, "aria-setsize": t.virtual.value.options.length, "aria-posinset": l.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${l.start}px)`, overflowAnchor: "none" } })))];
 } }), $o = ae({ 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: o, attrs: t, emit: n }) {
-  let s = S(1), i = S(null), r = S(null), l = S(null), a = S(null), u = S({ static: !1, hold: !1 }), p = S([]), f = S(null), v = S(2), m = S(!1);
-  function h(c = (d) => d) {
-    let d = f.value !== null ? p.value[f.value] : null, x = c(p.value.slice()), E = x.length > 0 && x[0].dataRef.order.value !== null ? x.sort((N, G) => N.dataRef.order.value - G.dataRef.order.value) : lo(x, (N) => V(N.dataRef.domRef)), P = d ? E.indexOf(d) : null;
+  let s = S(1), i = S(null), r = S(null), l = S(null), a = S(null), u = S({ static: !1, hold: !1 }), p = S([]), f = S(null), v = S(2), h = S(!1);
+  function m(c = (d) => d) {
+    let d = f.value !== null ? p.value[f.value] : null, x = c(p.value.slice()), E = x.length > 0 && x[0].dataRef.order.value !== null ? x.sort((A, G) => A.dataRef.order.value - G.dataRef.order.value) : lo(x, (A) => V(A.dataRef.domRef)), P = d ? E.indexOf(d) : null;
     return P === -1 && (P = null), { options: E, activeOptionIndex: P };
   }
-  let $ = y(() => e.multiple ? 1 : 0), R = y(() => e.nullable), [A, I] = Zn(y(() => e.modelValue), (c) => n("update:modelValue", c), y(() => e.defaultValue)), k = y(() => A.value === void 0 ? se($.value, { 1: [], 0: void 0 }) : A.value), D = null, _ = null;
+  let $ = w(() => e.multiple ? 1 : 0), N = w(() => e.nullable), [R, I] = Zn(w(() => e.modelValue), (c) => n("update:modelValue", c), w(() => e.defaultValue)), k = w(() => R.value === void 0 ? se($.value, { 1: [], 0: void 0 }) : R.value), D = null, _ = null;
   function T(c) {
     return se($.value, { 0() {
       return I == null ? void 0 : I(c);
@@ -949,7 +949,7 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
       return E === -1 ? d.push(x) : d.splice(E, 1), I == null ? void 0 : I(d);
     } });
   }
-  let C = y(() => {
+  let C = w(() => {
   });
   H([C], ([c], [d]) => {
     if (b.virtual.value && c && d && f.value !== null) {
@@ -965,10 +965,10 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
     return e.by === null ? yo(c, d) : e.by(c, d);
   }, calculateIndex(c) {
     return b.virtual.value ? e.by === null ? b.virtual.value.options.indexOf(c) : b.virtual.value.options.findIndex((d) => b.compare(d, c)) : p.value.findIndex((d) => b.compare(d.dataRef.value, c));
-  }, defaultValue: y(() => e.defaultValue), nullable: R, immediate: y(() => !1), virtual: y(() => null), inputRef: r, labelRef: i, buttonRef: l, optionsRef: a, disabled: y(() => e.disabled), options: p, change(c) {
+  }, defaultValue: w(() => e.defaultValue), nullable: N, immediate: w(() => !1), virtual: w(() => null), inputRef: r, labelRef: i, buttonRef: l, optionsRef: a, disabled: w(() => e.disabled), options: p, change(c) {
     I(c);
-  }, activeOptionIndex: y(() => {
-    if (m.value && f.value === null && (b.virtual.value ? b.virtual.value.options.length > 0 : p.value.length > 0)) {
+  }, activeOptionIndex: w(() => {
+    if (h.value && f.value === null && (b.virtual.value ? b.virtual.value.options.length > 0 : p.value.length > 0)) {
       if (b.virtual.value) {
         let d = b.virtual.value.options.findIndex((x) => {
           var E;
@@ -981,9 +981,9 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
     }
     return f.value;
   }), activationTrigger: v, optionsPropsRef: u, closeCombobox() {
-    m.value = !1, !e.disabled && s.value !== 1 && (s.value = 1, f.value = null);
+    h.value = !1, !e.disabled && s.value !== 1 && (s.value = 1, f.value = null);
   }, openCombobox() {
-    if (m.value = !0, !e.disabled && s.value !== 0) {
+    if (h.value = !0, !e.disabled && s.value !== 0) {
       if (b.value.value) {
         let c = b.calculateIndex(b.value.value);
         c !== -1 && (f.value = c);
@@ -993,26 +993,26 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
   }, setActivationTrigger(c) {
     v.value = c;
   }, goToOption(c, d, x) {
-    m.value = !1, D !== null && cancelAnimationFrame(D), D = requestAnimationFrame(() => {
+    h.value = !1, D !== null && cancelAnimationFrame(D), D = requestAnimationFrame(() => {
       if (e.disabled || a.value && !u.value.static && s.value === 1) return;
       if (b.virtual.value) {
         f.value = c === z.Specific ? d : vt({ focus: c }, { resolveItems: () => b.virtual.value.options, resolveActiveIndex: () => {
-          var N, G;
-          return (G = (N = b.activeOptionIndex.value) != null ? N : b.virtual.value.options.findIndex((q) => {
+          var A, G;
+          return (G = (A = b.activeOptionIndex.value) != null ? A : b.virtual.value.options.findIndex((q) => {
             var F;
             return !((F = b.virtual.value) != null && F.disabled(q));
           })) != null ? G : null;
-        }, resolveDisabled: (N) => b.virtual.value.disabled(N), resolveId() {
+        }, resolveDisabled: (A) => b.virtual.value.disabled(A), resolveId() {
           throw new Error("Function not implemented.");
         } }), v.value = x ?? 2;
         return;
       }
-      let E = h();
+      let E = m();
       if (E.activeOptionIndex === null) {
-        let N = E.options.findIndex((G) => !G.dataRef.disabled);
-        N !== -1 && (E.activeOptionIndex = N);
+        let A = E.options.findIndex((G) => !G.dataRef.disabled);
+        A !== -1 && (E.activeOptionIndex = A);
       }
-      let P = c === z.Specific ? d : vt({ focus: c }, { resolveItems: () => E.options, resolveActiveIndex: () => E.activeOptionIndex, resolveId: (N) => N.id, resolveDisabled: (N) => N.dataRef.disabled });
+      let P = c === z.Specific ? d : vt({ focus: c }, { resolveItems: () => E.options, resolveActiveIndex: () => E.activeOptionIndex, resolveId: (A) => A.id, resolveDisabled: (A) => A.dataRef.disabled });
       f.value = P, v.value = x ?? 2, p.value = E.options;
     });
   }, selectOption(c) {
@@ -1036,18 +1036,18 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
       return;
     }
     _ && cancelAnimationFrame(_);
-    let E = h((P) => (P.push(x), P));
+    let E = m((P) => (P.push(x), P));
     f.value === null && b.isSelected(d.value.value) && (E.activeOptionIndex = E.options.indexOf(x)), p.value = E.options, f.value = E.activeOptionIndex, v.value = 2, E.options.some((P) => !V(P.dataRef.domRef)) && (_ = requestAnimationFrame(() => {
-      let P = h();
+      let P = m();
       p.value = P.options, f.value = P.activeOptionIndex;
     }));
   }, unregisterOption(c, d) {
-    if (D !== null && cancelAnimationFrame(D), d && (m.value = !0), b.virtual.value) {
+    if (D !== null && cancelAnimationFrame(D), d && (h.value = !0), b.virtual.value) {
       p.value = p.value.filter((E) => E.id !== c);
       return;
     }
-    let x = h((E) => {
-      let P = E.findIndex((N) => N.id === c);
+    let x = m((E) => {
+      let P = E.findIndex((A) => A.id === c);
       return P !== -1 && E.splice(P, 1), E;
     });
     p.value = x.options, f.value = x.activeOptionIndex, v.value = 2;
@@ -1056,8 +1056,8 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
   }, isActive(c) {
     return f.value === b.calculateIndex(c);
   } };
-  uo([r, l, a], () => b.closeCombobox(), y(() => s.value === 0)), et(Ht, b), Co(y(() => se(s.value, { 0: $e.Open, 1: $e.Closed })));
-  let L = y(() => {
+  uo([r, l, a], () => b.closeCombobox(), w(() => s.value === 0)), et(Ht, b), Co(w(() => se(s.value, { 0: $e.Open, 1: $e.Closed })));
+  let L = w(() => {
     var c;
     return (c = V(r)) == null ? void 0 : c.closest("form");
   });
@@ -1074,8 +1074,8 @@ let zt = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, {
     }, { immediate: !0 });
   }), () => {
     var c, d, x;
-    let { name: E, disabled: P, form: N, ...G } = e, q = { open: s.value === 0, disabled: P, activeIndex: b.activeOptionIndex.value, activeOption: b.activeOptionIndex.value === null ? null : b.virtual.value ? b.virtual.value.options[(c = b.activeOptionIndex.value) != null ? c : 0] : (x = (d = b.options.value[b.activeOptionIndex.value]) == null ? void 0 : d.dataRef.value) != null ? x : null, value: k.value };
-    return Se(W, [...E != null && k.value != null ? Ft({ [E]: k.value }).map(([F, un]) => Se(go, ho({ features: Nt.Hidden, key: F, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: N, disabled: P, name: F, value: un }))) : [], pe({ theirProps: { ...t, ...je(G, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: q, slots: o, attrs: t, name: "Combobox" })]);
+    let { name: E, disabled: P, form: A, ...G } = e, q = { open: s.value === 0, disabled: P, activeIndex: b.activeOptionIndex.value, activeOption: b.activeOptionIndex.value === null ? null : b.virtual.value ? b.virtual.value.options[(c = b.activeOptionIndex.value) != null ? c : 0] : (x = (d = b.options.value[b.activeOptionIndex.value]) == null ? void 0 : d.dataRef.value) != null ? x : null, value: k.value };
+    return Se(Z, [...E != null && k.value != null ? Ft({ [E]: k.value }).map(([F, un]) => Se(go, ho({ features: Nt.Hidden, key: F, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: A, disabled: P, name: F, value: un }))) : [], pe({ theirProps: { ...t, ...je(G, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: q, slots: o, attrs: t, name: "Combobox" })]);
   };
 } });
 ae({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e, { attrs: o, slots: t }) {
@@ -1095,52 +1095,52 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   let i = (s = e.id) != null ? s : `headlessui-combobox-button-${Te()}`, r = ve("ComboboxButton");
   n({ el: r.buttonRef, $el: r.buttonRef });
   function l(p) {
-    r.disabled.value || (r.comboboxState.value === 0 ? r.closeCombobox() : (p.preventDefault(), r.openCombobox()), te(() => {
+    r.disabled.value || (r.comboboxState.value === 0 ? r.closeCombobox() : (p.preventDefault(), r.openCombobox()), Q(() => {
       var f;
       return (f = V(r.inputRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
     }));
   }
   function a(p) {
     switch (p.key) {
-      case Z.ArrowDown:
-        p.preventDefault(), p.stopPropagation(), r.comboboxState.value === 1 && r.openCombobox(), te(() => {
+      case W.ArrowDown:
+        p.preventDefault(), p.stopPropagation(), r.comboboxState.value === 1 && r.openCombobox(), Q(() => {
           var f;
           return (f = r.inputRef.value) == null ? void 0 : f.focus({ preventScroll: !0 });
         });
         return;
-      case Z.ArrowUp:
-        p.preventDefault(), p.stopPropagation(), r.comboboxState.value === 1 && (r.openCombobox(), te(() => {
+      case W.ArrowUp:
+        p.preventDefault(), p.stopPropagation(), r.comboboxState.value === 1 && (r.openCombobox(), Q(() => {
           r.value.value || r.goToOption(z.Last);
-        })), te(() => {
+        })), Q(() => {
           var f;
           return (f = r.inputRef.value) == null ? void 0 : f.focus({ preventScroll: !0 });
         });
         return;
-      case Z.Escape:
+      case W.Escape:
         if (r.comboboxState.value !== 0) return;
-        p.preventDefault(), r.optionsRef.value && !r.optionsPropsRef.value.static && p.stopPropagation(), r.closeCombobox(), te(() => {
+        p.preventDefault(), r.optionsRef.value && !r.optionsPropsRef.value.static && p.stopPropagation(), r.closeCombobox(), Q(() => {
           var f;
           return (f = r.inputRef.value) == null ? void 0 : f.focus({ preventScroll: !0 });
         });
         return;
     }
   }
-  let u = co(y(() => ({ as: e.as, type: o.type })), r.buttonRef);
+  let u = co(w(() => ({ as: e.as, type: o.type })), r.buttonRef);
   return () => {
     var p, f;
-    let v = { open: r.comboboxState.value === 0, disabled: r.disabled.value, value: r.value.value }, { ...m } = e, h = { ref: r.buttonRef, id: i, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (p = V(r.optionsRef)) == null ? void 0 : p.id, "aria-expanded": r.comboboxState.value === 0, "aria-labelledby": r.labelRef.value ? [(f = V(r.labelRef)) == null ? void 0 : f.id, i].join(" ") : void 0, disabled: r.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: l };
-    return pe({ ourProps: h, theirProps: m, slot: v, attrs: o, slots: t, name: "ComboboxButton" });
+    let v = { open: r.comboboxState.value === 0, disabled: r.disabled.value, value: r.value.value }, { ...h } = e, m = { ref: r.buttonRef, id: i, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (p = V(r.optionsRef)) == null ? void 0 : p.id, "aria-expanded": r.comboboxState.value === 0, "aria-labelledby": r.labelRef.value ? [(f = V(r.labelRef)) == null ? void 0 : f.id, i].join(" ") : void 0, disabled: r.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: l };
+    return pe({ ourProps: m, theirProps: h, slot: v, attrs: o, slots: t, name: "ComboboxButton" });
   };
 } }), Lo = ae({ 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: o, attrs: t, slots: n, expose: s }) {
   var i;
-  let r = (i = e.id) != null ? i : `headlessui-combobox-input-${Te()}`, l = ve("ComboboxInput"), a = y(() => ot(V(l.inputRef))), u = { value: !1 };
+  let r = (i = e.id) != null ? i : `headlessui-combobox-input-${Te()}`, l = ve("ComboboxInput"), a = w(() => ot(V(l.inputRef))), u = { value: !1 };
   s({ el: l.inputRef, $el: l.inputRef });
   function p() {
     l.change(null);
     let _ = V(l.optionsRef);
     _ && (_.scrollTop = 0), l.goToOption(z.Nothing);
   }
-  let f = y(() => {
+  let f = w(() => {
     var _;
     let T = l.value.value;
     return V(l.inputRef) ? typeof e.displayValue < "u" && T !== void 0 ? (_ = e.displayValue(T)) != null ? _ : "" : typeof T == "string" ? T : "" : "";
@@ -1166,20 +1166,20 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     });
   });
   let v = S(!1);
-  function m() {
+  function h() {
     v.value = !0;
   }
-  function h() {
+  function m() {
     Ae().nextFrame(() => {
       v.value = !1;
     });
   }
   let $ = qn();
-  function R(_) {
+  function N(_) {
     switch (u.value = !0, $(() => {
       u.value = !1;
     }), _.key) {
-      case Z.Enter:
+      case W.Enter:
         if (u.value = !1, l.comboboxState.value !== 0 || v.value) return;
         if (_.preventDefault(), _.stopPropagation(), l.activeOptionIndex.value === null) {
           l.closeCombobox();
@@ -1187,35 +1187,35 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
         }
         l.selectActiveOption(), l.mode.value === 0 && l.closeCombobox();
         break;
-      case Z.ArrowDown:
+      case W.ArrowDown:
         return u.value = !1, _.preventDefault(), _.stopPropagation(), se(l.comboboxState.value, { 0: () => l.goToOption(z.Next), 1: () => l.openCombobox() });
-      case Z.ArrowUp:
+      case W.ArrowUp:
         return u.value = !1, _.preventDefault(), _.stopPropagation(), se(l.comboboxState.value, { 0: () => l.goToOption(z.Previous), 1: () => {
-          l.openCombobox(), te(() => {
+          l.openCombobox(), Q(() => {
             l.value.value || l.goToOption(z.Last);
           });
         } });
-      case Z.Home:
+      case W.Home:
         if (_.shiftKey) break;
         return u.value = !1, _.preventDefault(), _.stopPropagation(), l.goToOption(z.First);
-      case Z.PageUp:
+      case W.PageUp:
         return u.value = !1, _.preventDefault(), _.stopPropagation(), l.goToOption(z.First);
-      case Z.End:
+      case W.End:
         if (_.shiftKey) break;
         return u.value = !1, _.preventDefault(), _.stopPropagation(), l.goToOption(z.Last);
-      case Z.PageDown:
+      case W.PageDown:
         return u.value = !1, _.preventDefault(), _.stopPropagation(), l.goToOption(z.Last);
-      case Z.Escape:
+      case W.Escape:
         if (u.value = !1, l.comboboxState.value !== 0) return;
         _.preventDefault(), l.optionsRef.value && !l.optionsPropsRef.value.static && _.stopPropagation(), l.nullable.value && l.mode.value === 0 && l.value.value === null && p(), l.closeCombobox();
         break;
-      case Z.Tab:
+      case W.Tab:
         if (u.value = !1, l.comboboxState.value !== 0) return;
         l.mode.value === 0 && l.activationTrigger.value !== 1 && l.selectActiveOption(), l.closeCombobox();
         break;
     }
   }
-  function A(_) {
+  function R(_) {
     o("change", _), l.nullable.value && l.mode.value === 0 && _.target.value === "" && p(), l.openCombobox();
   }
   function I(_) {
@@ -1230,14 +1230,14 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
       l.setActivationTrigger(1);
     }));
   }
-  let D = y(() => {
+  let D = w(() => {
     var _, T, C, b;
     return (b = (C = (T = e.defaultValue) != null ? T : l.defaultValue.value !== void 0 ? (_ = e.displayValue) == null ? void 0 : _.call(e, l.defaultValue.value) : null) != null ? C : l.defaultValue.value) != null ? b : "";
   });
   return () => {
     var _, T, C, b, L, c, d;
-    let x = { open: l.comboboxState.value === 0 }, { displayValue: E, onChange: P, ...N } = e, G = { "aria-controls": (_ = l.optionsRef.value) == null ? void 0 : _.id, "aria-expanded": l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null ? void 0 : l.virtual.value ? (T = l.options.value.find((q) => !l.virtual.value.disabled(q.dataRef.value) && l.compare(q.dataRef.value, l.virtual.value.options[l.activeOptionIndex.value]))) == null ? void 0 : T.id : (C = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : C.id, "aria-labelledby": (c = (b = V(l.labelRef)) == null ? void 0 : b.id) != null ? c : (L = V(l.buttonRef)) == null ? void 0 : L.id, "aria-autocomplete": "list", id: r, onCompositionstart: m, onCompositionend: h, onKeydown: R, onInput: A, onFocus: k, onBlur: I, role: "combobox", type: (d = t.type) != null ? d : "text", tabIndex: 0, ref: l.inputRef, defaultValue: D.value, disabled: l.disabled.value === !0 ? !0 : void 0 };
-    return pe({ ourProps: G, theirProps: N, slot: x, attrs: t, slots: n, features: Oe.RenderStrategy | Oe.Static, name: "ComboboxInput" });
+    let x = { open: l.comboboxState.value === 0 }, { displayValue: E, onChange: P, ...A } = e, G = { "aria-controls": (_ = l.optionsRef.value) == null ? void 0 : _.id, "aria-expanded": l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null ? void 0 : l.virtual.value ? (T = l.options.value.find((q) => !l.virtual.value.disabled(q.dataRef.value) && l.compare(q.dataRef.value, l.virtual.value.options[l.activeOptionIndex.value]))) == null ? void 0 : T.id : (C = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : C.id, "aria-labelledby": (c = (b = V(l.labelRef)) == null ? void 0 : b.id) != null ? c : (L = V(l.buttonRef)) == null ? void 0 : L.id, "aria-autocomplete": "list", id: r, onCompositionstart: h, onCompositionend: m, onKeydown: N, onInput: R, onFocus: k, onBlur: I, role: "combobox", type: (d = t.type) != null ? d : "text", tabIndex: 0, ref: l.inputRef, defaultValue: D.value, disabled: l.disabled.value === !0 ? !0 : void 0 };
+    return pe({ ourProps: G, theirProps: A, slot: x, attrs: t, slots: n, features: Oe.RenderStrategy | Oe.Static, name: "ComboboxInput" });
   };
 } }), To = ae({ 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: o, slots: t, expose: n }) {
   let s = ve("ComboboxOptions"), i = `headlessui-combobox-options-${Te()}`;
@@ -1246,8 +1246,8 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   }), re(() => {
     s.optionsPropsRef.value.hold = e.hold;
   });
-  let r = bo(), l = y(() => r !== null ? (r.value & $e.Open) === $e.Open : s.comboboxState.value === 0);
-  po({ container: y(() => V(s.optionsRef)), enabled: y(() => s.comboboxState.value === 0), accept(u) {
+  let r = bo(), l = w(() => r !== null ? (r.value & $e.Open) === $e.Open : s.comboboxState.value === 0);
+  po({ container: w(() => V(s.optionsRef)), enabled: w(() => s.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");
@@ -1257,21 +1257,21 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   }
   return () => {
     var u, p, f;
-    let v = { open: s.comboboxState.value === 0 }, m = { "aria-labelledby": (f = (u = V(s.labelRef)) == null ? void 0 : u.id) != null ? f : (p = V(s.buttonRef)) == null ? void 0 : p.id, id: i, ref: s.optionsRef, role: "listbox", "aria-multiselectable": s.mode.value === 1 ? !0 : void 0, onMousedown: a }, h = je(e, ["hold"]);
-    return pe({ ourProps: m, theirProps: h, slot: v, attrs: o, slots: s.virtual.value && s.comboboxState.value === 0 ? { ...t, default: () => [Se(Oo, {}, t.default)] } : t, features: Oe.RenderStrategy | Oe.Static, visible: l.value, name: "ComboboxOptions" });
+    let v = { open: s.comboboxState.value === 0 }, h = { "aria-labelledby": (f = (u = V(s.labelRef)) == null ? void 0 : u.id) != null ? f : (p = V(s.buttonRef)) == null ? void 0 : p.id, id: i, ref: s.optionsRef, role: "listbox", "aria-multiselectable": s.mode.value === 1 ? !0 : void 0, onMousedown: a }, m = je(e, ["hold"]);
+    return pe({ ourProps: h, theirProps: m, slot: v, attrs: o, slots: s.virtual.value && s.comboboxState.value === 0 ? { ...t, default: () => [Se(Oo, {}, t.default)] } : t, features: Oe.RenderStrategy | Oe.Static, visible: l.value, name: "ComboboxOptions" });
   };
 } }), Vo = ae({ 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: o, attrs: t, expose: n }) {
-  let s = ve("ComboboxOption"), i = `headlessui-combobox-option-${Te()}`, r = S(null), l = y(() => e.disabled);
+  let s = ve("ComboboxOption"), i = `headlessui-combobox-option-${Te()}`, r = S(null), l = w(() => e.disabled);
   n({ el: r, $el: r });
-  let a = y(() => {
+  let a = w(() => {
     var I;
     return s.virtual.value ? s.activeOptionIndex.value === s.calculateIndex(e.value) : s.activeOptionIndex.value === null ? !1 : ((I = s.options.value[s.activeOptionIndex.value]) == null ? void 0 : I.id) === i;
-  }), u = y(() => s.isSelected(e.value)), p = Le(zt, null), f = y(() => ({ disabled: e.disabled, value: e.value, domRef: r, order: y(() => e.order) }));
+  }), u = w(() => s.isSelected(e.value)), p = Le(zt, null), f = w(() => ({ disabled: e.disabled, value: e.value, domRef: r, order: w(() => e.order) }));
   xe(() => s.registerOption(i, f)), wt(() => s.unregisterOption(i, a.value)), re(() => {
     let I = V(r);
     I && (p == null || p.value.measureElement(I));
   }), re(() => {
-    s.comboboxState.value === 0 && a.value && (s.virtual.value || s.activationTrigger.value !== 0 && te(() => {
+    s.comboboxState.value === 0 && a.value && (s.virtual.value || s.activationTrigger.value !== 0 && Q(() => {
       var I, k;
       return (k = (I = V(r)) == null ? void 0 : I.scrollIntoView) == null ? void 0 : k.call(I, { block: "nearest" });
     }));
@@ -1282,33 +1282,33 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
       return (k = V(s.inputRef)) == null ? void 0 : k.focus({ preventScroll: !0 });
     }), s.mode.value === 0 && s.closeCombobox()));
   }
-  function m() {
+  function h() {
     var I;
     if (e.disabled || (I = s.virtual.value) != null && I.disabled(e.value)) return s.goToOption(z.Nothing);
     let k = s.calculateIndex(e.value);
     s.goToOption(z.Specific, k);
   }
-  let h = fo();
+  let m = fo();
   function $(I) {
-    h.update(I);
+    m.update(I);
   }
-  function R(I) {
+  function N(I) {
     var k;
-    if (!h.wasMoved(I) || e.disabled || (k = s.virtual.value) != null && k.disabled(e.value) || a.value) return;
+    if (!m.wasMoved(I) || e.disabled || (k = s.virtual.value) != null && k.disabled(e.value) || a.value) return;
     let D = s.calculateIndex(e.value);
     s.goToOption(z.Specific, D, 0);
   }
-  function A(I) {
+  function R(I) {
     var k;
-    h.wasMoved(I) && (e.disabled || (k = s.virtual.value) != null && k.disabled(e.value) || a.value && (s.optionsPropsRef.value.hold || s.goToOption(z.Nothing)));
+    m.wasMoved(I) && (e.disabled || (k = s.virtual.value) != null && k.disabled(e.value) || a.value && (s.optionsPropsRef.value.hold || s.goToOption(z.Nothing)));
   }
   return () => {
-    let { disabled: I } = e, k = { active: a.value, selected: u.value, disabled: I }, D = { id: i, ref: r, role: "option", tabIndex: I === !0 ? void 0 : -1, "aria-disabled": I === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: v, onFocus: m, onPointerenter: $, onMouseenter: $, onPointermove: R, onMousemove: R, onPointerleave: A, onMouseleave: A }, _ = je(e, ["order", "value"]);
+    let { disabled: I } = e, k = { active: a.value, selected: u.value, disabled: I }, D = { id: i, ref: r, role: "option", tabIndex: I === !0 ? void 0 : -1, "aria-disabled": I === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: v, onFocus: h, onPointerenter: $, onMouseenter: $, onPointermove: N, onMousemove: N, onPointerleave: R, onMouseleave: R }, _ = je(e, ["order", "value"]);
     return pe({ ourProps: D, theirProps: _, slot: k, attrs: t, slots: o, name: "ComboboxOption" });
   };
 } });
 function Po(e, o) {
-  return w(), O("svg", {
+  return y(), O("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1323,7 +1323,7 @@ function Po(e, o) {
   ]);
 }
 function Mo(e, o) {
-  return w(), O("svg", {
+  return y(), O("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1338,7 +1338,7 @@ function Mo(e, o) {
   ]);
 }
 function ko(e, o) {
-  return w(), O("svg", {
+  return y(), O("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1365,12 +1365,12 @@ const ht = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, t = fn(e, "modelValue"), n = S(""), s = S(null), i = y(() => Object.entries(o.languages).filter(
+    const o = e, t = fn(e, "modelValue"), n = S(""), s = S(null), i = w(() => Object.entries(o.languages).filter(
       ([, l]) => l.toLowerCase().includes(n.value.toLowerCase())
     )), r = (l) => {
       l.target.value = "", n.value = "", s.value && s.value.$el.click();
     };
-    return (l, a) => (w(), X(M($o), {
+    return (l, a) => (y(), ee(M($o), {
       modelValue: t.value,
       "onUpdate:modelValue": a[3] || (a[3] = (u) => t.value = u),
       as: "div",
@@ -1399,7 +1399,7 @@ const ht = {
         }, 512),
         B(M(To), { class: "absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm z-50" }, {
           default: Ve(() => [
-            (w(!0), O(W, null, le(i.value, ([u, p]) => (w(), X(M(Vo), {
+            (y(!0), O(Z, null, le(i.value, ([u, p]) => (y(), ee(M(Vo), {
               key: u,
               value: u
             }, {
@@ -1412,7 +1412,7 @@ const ht = {
                 }, [
                   g("span", {
                     class: Ce(["block truncate", v && "font-semibold"])
-                  }, ee(p), 3)
+                  }, te(p), 3)
                 ], 2)
               ]),
               _: 2
@@ -1447,10 +1447,10 @@ const ht = {
   emits: ["swap"],
   setup(e, { emit: o }) {
     const t = o;
-    return (n, s) => e.isBidirect ? (w(), O("button", {
+    return (n, s) => e.isBidirect ? (y(), O("button", {
       key: 1,
       onClick: s[0] || (s[0] = (i) => t("swap"))
-    }, Fo)) : (w(), O("button", Ro, Ao));
+    }, Fo)) : (y(), O("button", Ro, Ao));
   }
 };
 var Zt = !1;
@@ -2177,10 +2177,10 @@ function _t(e, o, t, n) {
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
       at(S(s ? s() : {}).value)
     ) : at(t.state.value[e]);
-    return J(p, i, Object.keys(r || {}).reduce((f, v) => (process.env.NODE_ENV !== "production" && v in p && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${v}" in store "${e}".`), f[v] = de(y(() => {
+    return J(p, i, Object.keys(r || {}).reduce((f, v) => (process.env.NODE_ENV !== "production" && v in p && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${v}" in store "${e}".`), f[v] = de(w(() => {
       Ie(t);
-      const m = t._s.get(e);
-      return r[v].call(m, m);
+      const h = t._s.get(e);
+      return r[v].call(h, h);
     })), f), {}));
   }
   return a = Qe(e, u, o, t, n, !0), a;
@@ -2195,28 +2195,28 @@ function Qe(e, o, t = {}, n, s, i) {
     // flush: 'post',
   };
   process.env.NODE_ENV !== "production" && !Zt && (a.onTrigger = (c) => {
-    u ? m = c : u == !1 && !C._hotUpdating && (Array.isArray(m) ? m.push(c) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+    u ? h = c : u == !1 && !C._hotUpdating && (Array.isArray(h) ? h.push(c) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let u, p, f = [], v = [], m;
-  const h = n.state.value[e];
-  !i && !h && (process.env.NODE_ENV === "production" || !s) && (n.state.value[e] = {});
+  let u, p, f = [], v = [], h;
+  const m = n.state.value[e];
+  !i && !m && (process.env.NODE_ENV === "production" || !s) && (n.state.value[e] = {});
   const $ = S({});
-  let R;
-  function A(c) {
+  let N;
+  function R(c) {
     let d;
-    u = p = !1, process.env.NODE_ENV !== "production" && (m = []), typeof c == "function" ? (c(n.state.value[e]), d = {
+    u = p = !1, process.env.NODE_ENV !== "production" && (h = []), typeof c == "function" ? (c(n.state.value[e]), d = {
       type: ne.patchFunction,
       storeId: e,
-      events: m
+      events: h
     }) : (Ye(n.state.value[e], c), d = {
       type: ne.patchObject,
       payload: c,
       storeId: e,
-      events: m
+      events: h
     });
-    const x = R = Symbol();
-    te().then(() => {
-      R === x && (u = !0);
+    const x = N = Symbol();
+    Q().then(() => {
+      N === x && (u = !0);
     }), p = !0, ge(f, d, n.state.value[e]);
   }
   const I = i ? function() {
@@ -2237,7 +2237,7 @@ function Qe(e, o, t = {}, n, s, i) {
     return function() {
       Ie(n);
       const x = Array.from(arguments), E = [], P = [];
-      function N(F) {
+      function A(F) {
         E.push(F);
       }
       function G(F) {
@@ -2247,7 +2247,7 @@ function Qe(e, o, t = {}, n, s, i) {
         args: x,
         name: c,
         store: C,
-        after: N,
+        after: A,
         onError: G
       });
       let q;
@@ -2269,14 +2269,14 @@ function Qe(e, o, t = {}, n, s, i) {
     // _s: scope,
     $id: e,
     $onAction: bt.bind(null, v),
-    $patch: A,
+    $patch: R,
     $reset: I,
     $subscribe(c, d = {}) {
       const x = bt(f, c, d.detached, () => E()), E = r.run(() => H(() => n.state.value[e], (P) => {
         (d.flush === "sync" ? p : u) && c({
           storeId: e,
           type: ne.direct,
-          events: m
+          events: h
         }, P);
       }, J({}, a, d)));
       return x;
@@ -2297,7 +2297,7 @@ function Qe(e, o, t = {}, n, s, i) {
   for (const c in L) {
     const d = L[c];
     if (_e(d) && !Ct(d) || tt(d))
-      process.env.NODE_ENV !== "production" && s ? Me($.value, c, Ze(L, c)) : i || (h && v2(d) && (_e(d) ? d.value = h[c] : Ye(d, h[c])), n.state.value[e][c] = d), process.env.NODE_ENV !== "production" && _.state.push(c);
+      process.env.NODE_ENV !== "production" && s ? Me($.value, c, Ze(L, c)) : i || (m && v2(d) && (_e(d) ? d.value = m[c] : Ye(d, m[c])), n.state.value[e][c] = d), process.env.NODE_ENV !== "production" && _.state.push(c);
     else if (typeof d == "function") {
       const x = process.env.NODE_ENV !== "production" && s ? d : D(c, d);
       L[c] = x, process.env.NODE_ENV !== "production" && (_.actions[c] = d), l.actions[c] = d;
@@ -2312,7 +2312,7 @@ function Qe(e, o, t = {}, n, s, i) {
     set: (c) => {
       if (process.env.NODE_ENV !== "production" && s)
         throw new Error("cannot set hotState");
-      A((d) => {
+      R((d) => {
         J(d, c);
       });
     }
@@ -2325,7 +2325,7 @@ function Qe(e, o, t = {}, n, s, i) {
       Me(C, d, Ze(c.$state, d));
     }), Object.keys(C.$state).forEach((d) => {
       d in c.$state || qe(C, d);
-    }), u = !1, p = !1, n.state.value[e] = Ze(c._hmrPayload, "hotState"), p = !0, te().then(() => {
+    }), u = !1, p = !1, n.state.value[e] = Ze(c._hmrPayload, "hotState"), p = !0, Q().then(() => {
       u = !0;
     });
     for (const d in c._hmrPayload.actions) {
@@ -2335,7 +2335,7 @@ function Qe(e, o, t = {}, n, s, i) {
     for (const d in c._hmrPayload.getters) {
       const x = c._hmrPayload.getters[d], E = i ? (
         // special handling of options api
-        y(() => (Ie(n), x.call(C, C)))
+        w(() => (Ie(n), x.call(C, C)))
       ) : x;
       Me(C, d, E);
     }
@@ -2373,7 +2373,7 @@ function Qe(e, o, t = {}, n, s, i) {
       })));
   }), process.env.NODE_ENV !== "production" && C.$state && typeof C.$state == "object" && typeof C.$state.constructor == "function" && !C.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
 	state: () => new MyClass()
-Found in store "${C.$id}".`), h && i && t.hydrate && t.hydrate(C.$state, h), u = !0, p = !0, C;
+Found in store "${C.$id}".`), m && i && t.hydrate && t.hydrate(C.$state, m), u = !0, p = !0, C;
 }
 function it(e, o, t) {
   let n, s;
@@ -2400,8 +2400,8 @@ This will fail in production.`);
       const f = $t();
       if (f && f.proxy && // avoid adding stores that are just built for hot module replacement
       !a) {
-        const v = f.proxy, m = "_pStores" in v ? v._pStores : v._pStores = {};
-        m[n] = p;
+        const v = f.proxy, h = "_pStores" in v ? v._pStores : v._pStores = {};
+        h[n] = p;
       }
     }
     return p;
@@ -2412,7 +2412,7 @@ const He = it("language", () => {
   const e = S("auto"), o = S("en"), t = S({
     src: [],
     target: []
-  }), n = y(() => t.value.src[e.value]), s = y(() => t.value.target[o.value]);
+  }), n = w(() => t.value.src[e.value]), s = w(() => t.value.target[o.value]);
   function i(a, u) {
     e.value = a == null ? void 0 : a.src, o.value = a == null ? void 0 : a.target, t.value = u;
   }
@@ -2435,7 +2435,7 @@ const He = it("language", () => {
     function t() {
       o.swap();
     }
-    return (n, s) => M(o).languages ? (w(), O("div", h2, [
+    return (n, s) => M(o).languages ? (y(), O("div", h2, [
       B(ht, {
         modelValue: M(o).src,
         "onUpdate:modelValue": s[0] || (s[0] = (i) => M(o).src = i),
@@ -2453,7 +2453,7 @@ const He = it("language", () => {
         languages: M(o).languages.target,
         class: "grow"
       }, null, 8, ["modelValue", "languages"])
-    ])) : Q("", !0);
+    ])) : X("", !0);
   }
 }, g2 = {
   INPUT_MAX_LENGTH: 5e3,
@@ -2465,7 +2465,7 @@ const He = it("language", () => {
   return t;
 }, b2 = {}, C2 = { class: "mr-2 loading loading-dots loading-xs" };
 function _2(e, o) {
-  return w(), O("span", C2);
+  return y(), O("span", C2);
 }
 const x2 = /* @__PURE__ */ ze(b2, [["render", _2]]), y2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.33325%204.66667H3.51125C3.82693%204.6667%204.13239%204.55473%204.37325%204.35067L6.83392%202.26667C6.99592%202.12953%207.19374%202.04156%207.40407%202.01312C7.61441%201.98468%207.82849%202.01696%208.02109%202.10615C8.21369%202.19534%208.37678%202.33772%208.49114%202.51652C8.60551%202.69532%208.66638%202.90309%208.66659%203.11534V12.8847C8.66649%2013.097%208.60565%2013.305%208.49125%2013.4839C8.37685%2013.6628%208.21367%2013.8053%208.02094%2013.8945C7.82822%2013.9837%207.614%2014.0159%207.40356%2013.9874C7.19312%2013.9588%206.99523%2013.8707%206.83325%2013.7333L4.37325%2011.6487C4.13229%2011.4449%203.82685%2011.3331%203.51125%2011.3333H2.33325C2.06804%2011.3333%201.81368%2011.228%201.62615%2011.0404C1.43861%2010.8529%201.33325%2010.5986%201.33325%2010.3333V5.66667C1.33325%205.40145%201.43861%205.1471%201.62615%204.95956C1.81368%204.77203%202.06804%204.66667%202.33325%204.66667ZM11.1779%2011.18C11.5969%2010.763%2011.9294%2010.2674%2012.1562%209.72156C12.3831%209.17572%2012.4999%208.59044%2012.4999%207.99934C12.4999%207.40823%2012.3831%206.82295%2012.1562%206.27711C11.9294%205.73127%2011.5969%205.23564%2011.1779%204.81867C11.1317%204.77098%2011.0765%204.73297%2011.0155%204.70686C10.9544%204.68075%2010.8888%204.66705%2010.8224%204.66657C10.756%204.66609%2010.6902%204.67883%2010.6288%204.70406C10.5674%204.72929%2010.5116%204.76649%2010.4647%204.8135C10.4179%204.86051%2010.3808%204.91639%2010.3558%204.97787C10.3307%205.03935%2010.3181%205.10521%2010.3188%205.17159C10.3195%205.23798%2010.3334%205.30357%2010.3597%205.36453C10.3859%205.42549%2010.4241%205.48061%2010.4719%205.52667C10.7977%205.85079%2011.0562%206.23609%2011.2326%206.66043C11.409%207.08477%2011.4998%207.53979%2011.4998%207.99934C11.4998%208.45888%2011.409%208.9139%2011.2326%209.33824C11.0562%209.76258%2010.7977%2010.1479%2010.4719%2010.472C10.4241%2010.5181%2010.3859%2010.5732%2010.3597%2010.6341C10.3334%2010.6951%2010.3195%2010.7607%2010.3188%2010.8271C10.3181%2010.8935%2010.3307%2010.9593%2010.3558%2011.0208C10.3808%2011.0823%2010.4179%2011.1382%2010.4647%2011.1852C10.5116%2011.2322%2010.5674%2011.2694%2010.6288%2011.2946C10.6902%2011.3198%2010.756%2011.3326%2010.8224%2011.3321C10.8888%2011.3316%2010.9544%2011.3179%2011.0155%2011.2918C11.0765%2011.2657%2011.1317%2011.2277%2011.1779%2011.18ZM12.7113%2013.2127C12.6123%2013.2126%2012.5157%2013.1832%2012.4335%2013.1281C12.3513%2013.0731%2012.2873%2012.9949%2012.2495%2012.9035C12.2118%2012.8121%2012.202%2012.7115%2012.2214%2012.6146C12.2408%2012.5176%2012.2886%2012.4285%2012.3586%2012.3587C12.9317%2011.7866%2013.3865%2011.1071%2013.6967%2010.359C14.0069%209.61101%2014.1666%208.80915%2014.1666%207.99934C14.1666%207.18952%2014.0069%206.38766%2013.6967%205.63963C13.3865%204.8916%2012.9317%204.2121%2012.3586%203.64C12.3122%203.59351%2012.2754%203.53834%2012.2503%203.47764C12.2252%203.41693%2012.2124%203.35188%2012.2124%203.2862C12.2125%203.22052%2012.2255%203.15549%2012.2507%203.09483C12.2759%203.03417%2012.3128%202.97907%2012.3593%202.93267C12.4057%202.88627%2012.4609%202.84948%2012.5216%202.8244C12.5823%202.79932%2012.6474%202.78645%2012.7131%202.78651C12.7787%202.78657%2012.8438%202.79957%2012.9044%202.82476C12.9651%202.84995%2013.0202%202.88685%2013.0666%202.93334C13.7327%203.59825%2014.2612%204.38801%2014.6218%205.25741C14.9824%206.12681%2015.168%207.05879%2015.168%208C15.168%208.94122%2014.9824%209.87319%2014.6218%2010.7426C14.2612%2011.612%2013.7327%2012.4018%2013.0666%2013.0667C13.02%2013.1134%2012.9646%2013.1504%2012.9036%2013.1756C12.8426%2013.2007%2012.7772%2013.2129%2012.7113%2013.2127Z'%20fill='%233B5695'/%3e%3c/svg%3e", w2 = "data:image/svg+xml,%3csvg%20class='swap-on%20fill-current%20h-4%20w-4'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill-rule='evenodd'%20d='M4.5%207.5a3%203%200%200%201%203-3h9a3%203%200%200%201%203%203v9a3%203%200%200%201-3%203h-9a3%203%200%200%201-3-3v-9Z'%20clip-rule='evenodd'%20fill='%238595BE'/%3e%3c/svg%3e", E2 = {
   key: 0,
@@ -2497,11 +2497,11 @@ const x2 = /* @__PURE__ */ ze(b2, [["render", _2]]), y2 = "data:image/svg+xml,%3
     }
     return n.onended = () => {
       t.value = !1;
-    }, (i, r) => (w(), O("button", {
+    }, (i, r) => (y(), O("button", {
       class: "btn btn-xs btn-ghost btn-circle",
       onClick: vn(s, ["prevent"])
     }, [
-      t.value ? (w(), O("img", S2)) : (w(), O("img", E2))
+      t.value ? (y(), O("img", S2)) : (y(), O("img", E2))
     ]));
   }
 }, $2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.19102%203.19102C3.44571%202.93633%203.85864%202.93633%204.11333%203.19102L12.809%2011.8867C13.0637%2012.1414%2013.0637%2012.5543%2012.809%2012.809C12.5543%2013.0637%2012.1414%2013.0637%2011.8867%2012.809L3.19102%204.11333C2.93633%203.85864%202.93633%203.44571%203.19102%203.19102Z'%20fill='%231A1F2A'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.809%203.19102C13.0637%203.44571%2013.0637%203.85864%2012.809%204.11333L4.11333%2012.809C3.85864%2013.0637%203.44571%2013.0637%203.19102%2012.809C2.93633%2012.5543%202.93633%2012.1414%203.19102%2011.8867L11.8867%203.19102C12.1414%202.93633%2012.5543%202.93633%2012.809%203.19102Z'%20fill='%231A1F2A'/%3e%3c/svg%3e", I2 = {}, L2 = { class: "btn btn-xs btn-circle btn-ghost" }, T2 = /* @__PURE__ */ g("img", {
@@ -2512,7 +2512,7 @@ const x2 = /* @__PURE__ */ ze(b2, [["render", _2]]), y2 = "data:image/svg+xml,%3
   T2
 ];
 function P2(e, o) {
-  return w(), O("button", L2, V2);
+  return y(), O("button", L2, V2);
 }
 const M2 = /* @__PURE__ */ ze(I2, [["render", P2]]), k2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.47207%201.31905C7.57125%201.12371%207.77589%201%208.00001%201C8.22413%201%208.42877%201.12367%208.52795%201.31905L10.3721%204.95175L14.4959%205.53427C14.7177%205.5656%2014.9019%205.7166%2014.9712%205.9238C15.0404%206.13101%2014.9827%206.35843%2014.8222%206.51049L11.8382%209.33816L12.5427%2013.3309C12.5806%2013.5456%2012.4897%2013.7626%2012.3084%2013.8906C12.1272%2014.0187%2011.8868%2014.0356%2011.6884%2013.9342L8.00004%2012.0491L4.31158%2013.9343C4.11323%2014.0356%203.87286%2014.0187%203.69157%2013.8907C3.51028%2013.7627%203.4195%2013.5457%203.45736%2013.3309L4.1618%209.33819L1.17781%206.51052C1.01735%206.35846%200.959571%206.13101%201.02884%205.92383C1.09807%205.71663%201.28232%205.56563%201.50409%205.53431L5.62787%204.95178L7.47207%201.31905Z'%20fill='%23FFC857'/%3e%3c/svg%3e", R2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.9491%205.89315C14.8278%205.53128%2014.5111%205.27252%2014.1226%205.21783L10.5264%204.7114L8.91813%201.55315C8.74435%201.21195%208.39257%201%207.99998%201C7.60739%201%207.25557%201.21195%207.08183%201.55315L5.47358%204.7114L1.8774%205.21783C1.48888%205.27252%201.17219%205.53128%201.05086%205.89315C0.929554%206.25501%201.02881%206.64477%201.30993%206.91038L3.91217%209.36871L3.29786%2012.8399C3.2315%2013.215%203.38755%2013.5868%203.7052%2013.8105C3.88128%2013.9344%204.08938%2014%204.30704%2014C4.47232%2014%204.63705%2013.9606%204.78341%2013.886L7.99995%2012.2471L11.2165%2013.886C11.3628%2013.9606%2011.5276%2014%2011.6929%2014C11.9106%2014%2012.1187%2013.9345%2012.2948%2013.8105C12.6124%2013.5868%2012.7685%2013.215%2012.7021%2012.84L12.0878%209.36871L14.6901%206.91035C14.9712%206.64477%2015.0704%206.25498%2014.9491%205.89315ZM14.0266%206.25082L11.2455%208.87813C11.1335%208.98392%2011.0824%209.13637%2011.1089%209.28575L11.7654%2012.9956C11.7701%2013.0226%2011.759%2013.0493%2011.7362%2013.0653C11.7202%2013.0766%2011.7038%2013.079%2011.6929%2013.079C11.6809%2013.079%2011.6694%2013.0762%2011.6587%2013.0708L8.22108%2011.3192C8.15189%2011.284%208.07593%2011.2663%207.99998%2011.2663C7.92402%2011.2663%207.84807%2011.284%207.77882%2011.3193L4.34118%2013.0708C4.33052%2013.0763%204.31904%2013.079%204.30701%2013.079C4.29611%2013.079%204.27969%2013.0767%204.26373%2013.0654C4.24092%2013.0494%204.22975%2013.0226%204.2345%2012.9957L4.89104%209.28584C4.91747%209.13646%204.86637%208.98401%204.75439%208.87822L1.97327%206.25091C1.95308%206.23184%201.94595%206.20383%201.95466%206.17786C1.9634%206.15185%201.98612%206.13326%202.01405%206.12933L5.85743%205.58807C6.0122%205.56626%206.14599%205.47208%206.21521%205.33616L7.93404%201.9608C7.94653%201.9363%207.97178%201.92107%207.99998%201.92107C8.02818%201.92107%208.05343%201.9363%208.06591%201.9608L9.78468%205.33607C9.85391%205.47199%209.9877%205.5662%2010.1425%205.58799L13.9859%206.12924C14.0138%206.1332%2014.0365%206.15176%2014.0452%206.17777C14.0539%206.20374%2014.0468%206.23175%2014.0266%206.25082Z'%20fill='%231A1F2A'/%3e%3c/svg%3e", N2 = { class: "btn btn-xs btn-circle btn-ghost" }, A2 = {
   key: 0,
@@ -2531,8 +2531,8 @@ const M2 = /* @__PURE__ */ ze(I2, [["render", P2]]), k2 = "data:image/svg+xml,%3
   },
   setup(e) {
     const o = e;
-    return (t, n) => (w(), O("button", N2, [
-      o.isFilled ? (w(), O("img", A2)) : (w(), O("img", D2))
+    return (t, n) => (y(), O("button", N2, [
+      o.isFilled ? (y(), O("img", A2)) : (y(), O("img", D2))
     ]));
   }
 }, j2 = { class: "flex flex-row rounded-t-lg bg-white border border-b-0 px-1 pr-1 pt-1 gap-1 items-center" }, B2 = { class: "text-sm text-gray-600" }, H2 = {
@@ -2582,26 +2582,26 @@ const M2 = /* @__PURE__ */ ze(I2, [["render", P2]]), k2 = "data:image/svg+xml,%3
   emits: ["clear", "favorite"],
   setup(e, { emit: o }) {
     const t = e, n = o;
-    return (s, i) => (w(), O("div", j2, [
-      t.tts ? (w(), X(O2, {
+    return (s, i) => (y(), O("div", j2, [
+      t.tts ? (y(), ee(O2, {
         key: 0,
         url: t.tts
-      }, null, 8, ["url"])) : Q("", !0),
+      }, null, 8, ["url"])) : X("", !0),
       g("div", B2, [
-        hn(ee(e.srcLabel) + " ", 1),
-        e.phonetic ? (w(), O("span", H2, "- [" + ee(t.phonetic) + "]", 1)) : Q("", !0)
+        hn(te(e.srcLabel) + " ", 1),
+        e.phonetic ? (y(), O("span", H2, "- [" + te(t.phonetic) + "]", 1)) : X("", !0)
       ]),
       z2,
-      t.loading ? (w(), X(x2, { key: 1 })) : Q("", !0),
-      t.src && t.isClearBtn ? (w(), X(M2, {
+      t.loading ? (y(), ee(x2, { key: 1 })) : X("", !0),
+      t.src && t.isClearBtn ? (y(), ee(M2, {
         key: 2,
         onClick: i[0] || (i[0] = (r) => n("clear"))
-      })) : Q("", !0),
-      t.src && t.isFavoriteBtn ? (w(), X(F2, {
+      })) : X("", !0),
+      t.src && t.isFavoriteBtn ? (y(), ee(F2, {
         key: 3,
         isFilled: t.isFavorite,
         onClick: i[1] || (i[1] = (r) => n("favorite"))
-      }, null, 8, ["isFilled"])) : Q("", !0)
+      }, null, 8, ["isFilled"])) : X("", !0)
     ]));
   }
 }, he = it("translation", () => {
@@ -2611,11 +2611,11 @@ const M2 = /* @__PURE__ */ ze(I2, [["render", P2]]), k2 = "data:image/svg+xml,%3
   }), n = S(null), s = S([]), i = S([]), r = S([]), l = S([]), a = S({
     src: null,
     target: null
-  }), u = He(), p = y(() => u.getLabel(e.value)), f = y(() => u.getLabel(o.value));
-  function v(h) {
-    e.value = h.src, o.value = h.target, t.value = h.phonetic, n.value = h.result, s.value = h.dictionary, i.value = h.definitions, r.value = h.synonyms, l.value = h.examples, a.value = h.tts;
+  }), u = He(), p = w(() => u.getLabel(e.value)), f = w(() => u.getLabel(o.value));
+  function v(m) {
+    e.value = m.src, o.value = m.target, t.value = m.phonetic, n.value = m.result, s.value = m.dictionary, i.value = m.definitions, r.value = m.synonyms, l.value = m.examples, a.value = m.tts;
   }
-  function m() {
+  function h() {
     e.value = null, o.value = null, t.value = {
       src: null,
       target: null
@@ -2637,7 +2637,7 @@ const M2 = /* @__PURE__ */ ze(I2, [["render", P2]]), k2 = "data:image/svg+xml,%3
     examples: l,
     tts: a,
     init: v,
-    reset: m
+    reset: h
   };
 });
 function U2(e) {
@@ -2694,14 +2694,14 @@ function K2() {
 }
 function Y2(e) {
   const o = K2();
-  return y(() => (o.value, !!e()));
+  return w(() => (o.value, !!e()));
 }
 function Q2(e, o, t = {}) {
   const { window: n = J2, ...s } = t;
   let i;
   const r = Y2(() => n && "ResizeObserver" in n), l = () => {
     i && (i.disconnect(), i = void 0);
-  }, a = y(() => Array.isArray(e) ? e.map((f) => yt(f)) : [yt(e)]), u = H(
+  }, a = w(() => Array.isArray(e) ? e.map((f) => yt(f)) : [yt(e)]), u = H(
     a,
     (f) => {
       if (l(), r.value && n) {
@@ -2729,7 +2729,7 @@ function rn(e) {
     let a = "";
     t.value.style[s] = "1px", i.value = (l = t.value) == null ? void 0 : l.scrollHeight, e != null && e.styleTarget ? Fe(e.styleTarget).style[s] = `${i.value}px` : a = `${i.value}px`, t.value.style[s] = a;
   }
-  return H([n, t], () => te(r), { immediate: !0 }), H(i, () => {
+  return H([n, t], () => Q(r), { immediate: !0 }), H(i, () => {
     var l;
     return (l = e == null ? void 0 : e.onResize) == null ? void 0 : l.call(e);
   }), Q2(t, () => r()), e != null && e.watch && H(e.watch, r, { immediate: !0, deep: !0 }), {
@@ -2748,48 +2748,51 @@ const X2 = {
   },
   emits: ["change", "clear"],
   setup(e, { emit: o }) {
-    const t = he(), n = e, s = S(n.text), i = y(() => t.src), r = y(() => t.srcLabel), l = y(() => {
-      var h;
-      return (h = t.phonetic) == null ? void 0 : h.src;
-    }), a = y(() => {
-      var h;
-      return (h = t.tts) == null ? void 0 : h.src;
+    const t = he(), n = e, s = S(""), i = w(() => t.src), r = w(() => t.srcLabel), l = w(() => {
+      var $;
+      return ($ = t.phonetic) == null ? void 0 : $.src;
+    }), a = w(() => {
+      var $;
+      return ($ = t.tts) == null ? void 0 : $.src;
     }), { textarea: u } = rn({ input: s, styleProp: "minHeight" }), p = o, f = q2(() => {
       p("change", s.value);
     }, g2.INPUT_DEBOUNCE);
     function v() {
       if (!s.value) {
-        m();
+        h();
         return;
       }
       f();
     }
-    function m() {
+    function h() {
       p("clear"), s.value = "", u.value.focus();
     }
+    async function m() {
+      await Q(), u.value.select();
+    }
     return H(
       () => n.text,
-      (h) => {
-        s.value = h;
+      ($) => {
+        s.value !== $ && m(), s.value = $;
       }
-    ), (h, $) => (w(), O(W, null, [
+    ), ($, N) => (y(), O(Z, null, [
       B(ln, {
         src: i.value,
         srcLabel: r.value,
         tts: a.value,
         phonetic: l.value,
         isClearBtn: !0,
-        onClear: m
+        onClear: h
       }, null, 8, ["src", "srcLabel", "tts", "phonetic"]),
       Lt(g("textarea", {
         ref_key: "textarea",
         ref: u,
-        "onUpdate:modelValue": $[0] || ($[0] = (R) => s.value = R),
-        class: "w-full border rounded-b-md border-t-0 outline-none outline-0 px-3 pl-5 bg-white text-gray-800 font-semibold resize-none pb-3",
+        "onUpdate:modelValue": N[0] || (N[0] = (R) => s.value = R),
+        class: "w-full border rounded-b-md border-t-0 outline-none outline-0 px-3 pl-5 bg-white text-gray-800 font-semibold resize-none pb-3 overflow-x-hidden overflow-y-hidden",
         autofocus: "",
         rows: "2",
         onInput: v,
-        onFocus: $[1] || ($[1] = (R) => R.target.select())
+        onFocus: m
       }, null, 544), [
         [
           Tt,
@@ -2800,7 +2803,7 @@ const X2 = {
       ])
     ], 64));
   }
-}, es = /* @__PURE__ */ ze(X2, [["__scopeId", "data-v-5ce52ee5"]]), ts = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.2018%204.409H8.2373L7.46364%202H2.79867C2.35907%202%202%202.3595%202%202.7995V10.937C2%2011.376%202.36008%2011.7355%202.79867%2011.7355H7.79971L8.53636%2014H13.2013C13.6404%2014%2014%2013.6465%2014%2013.214V5.195C14%204.7625%2013.6404%204.409%2013.2018%204.409ZM5.3702%208.749C4.33499%208.749%203.49481%207.909%203.49481%206.874C3.49481%205.839%204.33499%204.999%205.3702%204.999C5.87631%204.999%206.3004%205.1865%206.62646%205.487L6.13136%205.963C5.9244%205.77181%205.65196%205.66729%205.3702%205.671C4.71757%205.671%204.18846%206.211%204.18846%206.8755C4.18846%207.54%204.71757%208.08%205.3697%208.08C6.12336%208.08%206.43492%207.54%206.46493%207.176L5.3707%207.175V6.533H7.12607C7.15107%206.648%207.17108%206.7615%207.17108%206.915C7.17108%207.9885%206.45393%208.7495%205.3697%208.7495L5.3702%208.749ZM13.7504%2013.214C13.7504%2013.509%2013.5044%2013.75%2013.2018%2013.75H8.76341L10.5883%2011.735H10.5908L10.2207%2010.584L10.2237%2010.5815C10.2237%2010.5815%2010.5078%2010.3375%2010.8623%209.9615C11.2184%2010.347%2011.6775%2010.811%2012.2716%2011.364L12.6572%2010.978C12.0211%2010.401%2011.555%209.943%2011.2119%209.5755C11.6715%209.032%2012.1381%208.348%2012.2366%207.722H13.2538V7.723H13.2548V7.253H10.9884V6.493H10.2527V7.253H9.15049L8.31432%204.648L8.31732%204.659H13.2018C13.5044%204.659%2013.7504%204.899%2013.7504%205.195V13.214ZM10.5078%209.5585C10.2397%209.8325%2010.0362%209.995%2010.0362%209.995L10.0322%209.997L9.30202%207.723H11.6845C11.531%208.265%2011.1904%208.777%2010.8588%209.175C10.2707%208.479%2010.2687%208.253%2010.2687%208.253H9.6576C9.6576%208.253%209.6826%208.5925%2010.5078%209.5585Z'%20fill='%237E7E7E'/%3e%3c/svg%3e", an = it("loader", () => ({ loading: S(!1) })), ns = (e) => (mn("data-v-5a9dbf88"), e = e(), gn(), e), os = { class: "flex flex-col" }, ss = /* @__PURE__ */ ns(() => /* @__PURE__ */ g("div", { class: "w-full flex align-item-center justify-end" }, [
+}, es = /* @__PURE__ */ ze(X2, [["__scopeId", "data-v-bfa5aec3"]]), ts = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.2018%204.409H8.2373L7.46364%202H2.79867C2.35907%202%202%202.3595%202%202.7995V10.937C2%2011.376%202.36008%2011.7355%202.79867%2011.7355H7.79971L8.53636%2014H13.2013C13.6404%2014%2014%2013.6465%2014%2013.214V5.195C14%204.7625%2013.6404%204.409%2013.2018%204.409ZM5.3702%208.749C4.33499%208.749%203.49481%207.909%203.49481%206.874C3.49481%205.839%204.33499%204.999%205.3702%204.999C5.87631%204.999%206.3004%205.1865%206.62646%205.487L6.13136%205.963C5.9244%205.77181%205.65196%205.66729%205.3702%205.671C4.71757%205.671%204.18846%206.211%204.18846%206.8755C4.18846%207.54%204.71757%208.08%205.3697%208.08C6.12336%208.08%206.43492%207.54%206.46493%207.176L5.3707%207.175V6.533H7.12607C7.15107%206.648%207.17108%206.7615%207.17108%206.915C7.17108%207.9885%206.45393%208.7495%205.3697%208.7495L5.3702%208.749ZM13.7504%2013.214C13.7504%2013.509%2013.5044%2013.75%2013.2018%2013.75H8.76341L10.5883%2011.735H10.5908L10.2207%2010.584L10.2237%2010.5815C10.2237%2010.5815%2010.5078%2010.3375%2010.8623%209.9615C11.2184%2010.347%2011.6775%2010.811%2012.2716%2011.364L12.6572%2010.978C12.0211%2010.401%2011.555%209.943%2011.2119%209.5755C11.6715%209.032%2012.1381%208.348%2012.2366%207.722H13.2538V7.723H13.2548V7.253H10.9884V6.493H10.2527V7.253H9.15049L8.31432%204.648L8.31732%204.659H13.2018C13.5044%204.659%2013.7504%204.899%2013.7504%205.195V13.214ZM10.5078%209.5585C10.2397%209.8325%2010.0362%209.995%2010.0362%209.995L10.0322%209.997L9.30202%207.723H11.6845C11.531%208.265%2011.1904%208.777%2010.8588%209.175C10.2707%208.479%2010.2687%208.253%2010.2687%208.253H9.6576C9.6576%208.253%209.6826%208.5925%2010.5078%209.5585Z'%20fill='%237E7E7E'/%3e%3c/svg%3e", an = it("loader", () => ({ loading: S(!1) })), ns = (e) => (mn("data-v-6aeed8dd"), e = e(), gn(), e), os = { class: "flex flex-col" }, ss = /* @__PURE__ */ ns(() => /* @__PURE__ */ g("div", { class: "w-full flex align-item-center justify-end" }, [
   /* @__PURE__ */ g("span", { class: "text-sm" }, "Powered by Google Translate"),
   /* @__PURE__ */ g("img", {
     src: ts,
@@ -2813,14 +2816,14 @@ const X2 = {
     isFavoriteFeatureEnabled: Boolean
   },
   setup(e) {
-    const o = he(), t = S(!1), n = y(() => o.result), s = y(() => o.target), i = y(() => o.targetLabel), r = y(() => {
+    const o = he(), t = S(!1), n = w(() => o.result), s = w(() => o.target), i = w(() => o.targetLabel), r = w(() => {
       var v;
       return (v = o.phonetic) == null ? void 0 : v.target;
-    }), l = y(() => {
+    }), l = w(() => {
       var v;
       return (v = o.tts) == null ? void 0 : v.target;
     }), a = e, u = an(), { textarea: p, input: f } = rn({ input: n, styleProp: "minHeight" });
-    return (v, m) => (w(), O(W, null, [
+    return (v, h) => (y(), O(Z, null, [
       B(ln, {
         loading: M(u).loading,
         src: s.value,
@@ -2829,14 +2832,14 @@ const X2 = {
         isFavoriteBtn: a.isFavoriteFeatureEnabled,
         isFavorite: t.value,
         phonetic: r.value,
-        onFavorite: m[0] || (m[0] = (h) => t.value = !t.value)
+        onFavorite: h[0] || (h[0] = (m) => t.value = !t.value)
       }, null, 8, ["loading", "src", "srcLabel", "tts", "isFavoriteBtn", "isFavorite", "phonetic"]),
       g("div", os, [
         Lt(g("textarea", {
           ref_key: "textarea",
           ref: p,
-          "onUpdate:modelValue": m[1] || (m[1] = (h) => _e(f) ? f.value = h : null),
-          class: "w-full border rounded-b-md border-t-0 outline-none outline-0 px-3 pl-5 bg-white text-gray-800 font-semibold resize-none pb-3",
+          "onUpdate:modelValue": h[1] || (h[1] = (m) => _e(f) ? f.value = m : null),
+          class: "w-full border rounded-b-md border-t-0 outline-none outline-0 px-3 pl-5 bg-white text-gray-800 font-semibold resize-none pb-3 overflow-x-hidden overflow-y-hidden",
           readonly: "",
           rows: "2",
           spellcheck: "false"
@@ -2847,18 +2850,18 @@ const X2 = {
       ])
     ], 64));
   }
-}, is = /* @__PURE__ */ ze(ls, [["__scopeId", "data-v-5a9dbf88"]]), rs = { class: "btn btn-sm btn-circle btn-ghost" }, Ue = {
+}, is = /* @__PURE__ */ ze(ls, [["__scopeId", "data-v-6aeed8dd"]]), rs = { class: "btn btn-sm btn-circle btn-ghost" }, Ue = {
   __name: "ToggleBtn",
   props: {
     isExpanded: Boolean
   },
   setup(e) {
     const o = e;
-    return (t, n) => (w(), O("button", rs, [
-      o.isExpanded ? (w(), X(M(ko), {
+    return (t, n) => (y(), O("button", rs, [
+      o.isExpanded ? (y(), ee(M(ko), {
         key: 0,
         class: "w-7 text-gray-400"
-      })) : (w(), X(M(Po), {
+      })) : (y(), ee(M(Po), {
         key: 1,
         class: "w-7 text-gray-400"
       }))
@@ -2868,12 +2871,12 @@ const X2 = {
   __name: "Dictionary",
   emits: ["translate"],
   setup(e, { emit: o }) {
-    const t = S(!0), n = he(), s = He(), i = y(() => n.dictionary), r = o, l = () => {
+    const t = S(!0), n = he(), s = He(), i = w(() => n.dictionary), r = o, l = () => {
       t.value = !t.value;
     }, a = (u) => {
       r("translate", u, n.target, n.src), s.src = n.target, s.target = n.src;
     };
-    return (u, p) => (w(), O("div", as, [
+    return (u, p) => (y(), O("div", as, [
       g("div", us, [
         g("div", cs, [
           ds,
@@ -2886,20 +2889,20 @@ const X2 = {
           class: Ce(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           g("ul", null, [
-            (w(!0), O(W, null, le(i.value, (f, v) => (w(), O("li", {
+            (y(!0), O(Z, null, le(i.value, (f, v) => (y(), O("li", {
               key: `${f.pos}-${v}`,
               class: "mb-2"
             }, [
-              g("h5", fs, ee(f.pos), 1),
+              g("h5", fs, te(f.pos), 1),
               g("ul", ps, [
-                (w(!0), O(W, null, le(f.items, (m, h) => (w(), O("li", {
-                  key: `${m.word}-${h}`
+                (y(!0), O(Z, null, le(f.items, (h, m) => (y(), O("li", {
+                  key: `${h.word}-${m}`
                 }, [
                   g("span", {
                     class: "p-3 m-0.5 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded-lg",
-                    onClick: ($) => a(m.word)
-                  }, ee(m.word), 9, vs),
-                  g("small", hs, " - " + ee(m.reverse_translation.join(", ")), 1)
+                    onClick: ($) => a(h.word)
+                  }, te(h.word), 9, vs),
+                  g("small", hs, " - " + te(h.reverse_translation.join(", ")), 1)
                 ]))), 128))
               ])
             ]))), 128))
@@ -2914,10 +2917,10 @@ const X2 = {
 }, Ss = {
   __name: "Definition",
   setup(e) {
-    const o = S(!0), t = he(), n = y(() => t.definitions), s = () => {
+    const o = S(!0), t = he(), n = w(() => t.definitions), s = () => {
       o.value = !o.value;
     };
-    return (i, r) => (w(), O("div", gs, [
+    return (i, r) => (y(), O("div", gs, [
       g("div", bs, [
         g("div", Cs, [
           _s,
@@ -2930,19 +2933,19 @@ const X2 = {
           class: Ce(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           g("ul", null, [
-            (w(!0), O(W, null, le(n.value, (l, a) => (w(), O("li", {
+            (y(!0), O(Z, null, le(n.value, (l, a) => (y(), O("li", {
               key: `${l.pos}-${a}`,
               class: "mb-2"
             }, [
-              g("h5", xs, ee(l.pos), 1),
+              g("h5", xs, te(l.pos), 1),
               g("ul", ys, [
-                (w(!0), O(W, null, le(l.items, (u, p) => (w(), O("li", {
+                (y(!0), O(Z, null, le(l.items, (u, p) => (y(), O("li", {
                   key: `${u.gloss}-${p}`,
                   class: "mb-1"
                 }, [
-                  g("span", null, ee(u.gloss), 1),
+                  g("span", null, te(u.gloss), 1),
                   ws,
-                  u.example ? (w(), O("small", Es, '"' + ee(u.example) + '"', 1)) : Q("", !0)
+                  u.example ? (y(), O("small", Es, '"' + te(u.example) + '"', 1)) : X("", !0)
                 ]))), 128))
               ])
             ]))), 128))
@@ -2954,10 +2957,10 @@ const X2 = {
 }, Os = { class: "card border bg-white rounded-lg" }, $s = { class: "card-body px-4 py-2 gap-0" }, Is = { class: "flex justify-between items-center" }, Ls = /* @__PURE__ */ g("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Examples", -1), Ts = { class: "text-textCustom list-decimal list-outside ml-7 mt-2" }, Vs = ["innerHTML"], Ps = {
   __name: "Example",
   setup(e) {
-    const o = S(!0), t = he(), n = y(() => t.examples), s = () => {
+    const o = S(!0), t = he(), n = w(() => t.examples), s = () => {
       o.value = !o.value;
     };
-    return (i, r) => (w(), O("div", Os, [
+    return (i, r) => (y(), O("div", Os, [
       g("div", $s, [
         g("div", Is, [
           Ls,
@@ -2970,7 +2973,7 @@ const X2 = {
           class: Ce(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           g("ul", Ts, [
-            (w(!0), O(W, null, le(n.value, (l, a) => (w(), O("li", {
+            (y(!0), O(Z, null, le(n.value, (l, a) => (y(), O("li", {
               key: `${l.definition_id}-${a}`,
               innerHTML: l
             }, null, 8, Vs))), 128))
@@ -2983,12 +2986,12 @@ const X2 = {
   __name: "Synonyms",
   emits: ["translate"],
   setup(e, { emit: o }) {
-    const t = S(!0), n = he(), s = y(() => n.synonyms), i = o, r = () => {
+    const t = S(!0), n = he(), s = w(() => n.synonyms), i = o, r = () => {
       t.value = !t.value;
     }, l = (a) => {
       i("translate", a);
     };
-    return (a, u) => (w(), O("div", Ms, [
+    return (a, u) => (y(), O("div", Ms, [
       g("div", ks, [
         g("div", Rs, [
           Ns,
@@ -3001,22 +3004,22 @@ const X2 = {
           class: Ce(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           g("ul", null, [
-            (w(!0), O(W, null, le(s.value, (p, f) => (w(), O("li", {
+            (y(!0), O(Z, null, le(s.value, (p, f) => (y(), O("li", {
               key: `${p.pos}-${f}`,
               class: "mb-2"
             }, [
-              g("h5", As, ee(p.pos), 1),
+              g("h5", As, te(p.pos), 1),
               g("ul", Ds, [
-                (w(!0), O(W, null, le(p.items, (v, m) => (w(), O("li", {
-                  key: `${v.word}-${m}`,
+                (y(!0), O(Z, null, le(p.items, (v, h) => (y(), O("li", {
+                  key: `${v.word}-${h}`,
                   class: "mb-2"
                 }, [
                   g("div", Fs, [
-                    (w(!0), O(W, null, le(v.synonym, (h, $) => (w(), O("span", {
-                      key: `${h}-${$}`,
+                    (y(!0), O(Z, null, le(v.synonym, (m, $) => (y(), O("span", {
+                      key: `${m}-${$}`,
                       class: "p-3 m-0.5 ml-0 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded-lg",
-                      onClick: (R) => l(h)
-                    }, ee(h), 9, js))), 128))
+                      onClick: (N) => l(m)
+                    }, te(m), 9, js))), 128))
                   ])
                 ]))), 128))
               ])
@@ -3029,10 +3032,13 @@ const X2 = {
 }, Hs = { class: "bg-white min-h-screen flex flex-col" }, zs = { class: "py-2 px-5 shadow-lg" }, Us = { class: "px-5 flex-grow" }, Zs = { class: "flex flex-col lg:flex-row lg:gap-2" }, Ws = { class: "w-full lg:w-[calc(50%-1rem)] my-2" }, Gs = /* @__PURE__ */ g("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1), qs = { class: "w-full lg:w-[calc(50%-1rem)] my-2" }, Js = { class: "grid grid-cols-1 lg:grid-cols-3 gap-4" }, Ks = {
   key: 0,
   class: "w-full my-4"
-}, Ys = /* @__PURE__ */ g("div", { class: "mt-auto py-5 px-5" }, [
+}, Ys = {
+  key: 1,
+  class: "text-textCustom italic font-medium"
+}, Qs = /* @__PURE__ */ g("div", { class: "mt-auto py-5 px-5" }, [
   /* @__PURE__ */ g("span", { class: "block text-center text-gray-700" }, " The site is not affiliated with Google Translate "),
   /* @__PURE__ */ g("span", { class: "block text-center text-gray-700" }, "Since 2011")
-], -1), el = {
+], -1), tl = {
   __name: "Popup",
   props: {
     opt: {
@@ -3058,13 +3064,17 @@ const X2 = {
     H(
       () => r.translation,
       (v) => {
-        i.loading = !1, a.value = v.text, n.init(v);
+        try {
+          i.loading = !1, a.value = v.text, n.init(v);
+        } catch (h) {
+          console.error(h);
+        }
       },
       { immediate: !0 }
-    ), H([() => r.opt, () => r.languages], ([v, m]) => {
-      s.init(v, m), f(a.value);
-    }), H([() => s.src, () => s.target], ([v, m]) => {
-      l("opt", { src: v, target: m }), a.value && f(a.value);
+    ), H([() => r.opt, () => r.languages], ([v, h]) => {
+      s.init(v, h), f(a.value);
+    }), H([() => s.src, () => s.target], ([v, h]) => {
+      l("opt", { src: v, target: h }), f(a.value);
     }), xe(() => {
       s.init(r.opt, r.languages);
     });
@@ -3072,21 +3082,21 @@ const X2 = {
       a.value = "", n.reset();
     }
     function p(v) {
-      v && f(v);
+      f(v);
     }
-    function f(v, m = s.src, h = s.target) {
-      a.value = v, i.loading = !0, l("translate", {
-        src: m,
-        target: h,
+    function f(v, h = s.src, m = s.target) {
+      v && (a.value = v, i.loading = !0, l("translate", {
+        src: h,
+        target: m,
         text: v
-      });
+      }));
     }
-    return (v, m) => (w(), O("div", Hs, [
+    return (v, h) => (y(), O("div", Hs, [
       g("div", zs, [
         B(Vn, {
-          onReader: m[0] || (m[0] = (h) => l("reader")),
-          onSettings: m[1] || (m[1] = (h) => l("settings")),
-          onFullScreen: m[2] || (m[2] = (h) => l("fullscreen"))
+          onReader: h[0] || (h[0] = (m) => l("reader")),
+          onSettings: h[1] || (h[1] = (m) => l("settings")),
+          onFullScreen: h[2] || (h[2] = (m) => l("fullscreen"))
         })
       ]),
       g("div", Us, [
@@ -3104,25 +3114,27 @@ const X2 = {
             B(is, { isFavoriteFeatureEnabled: e.isFavoriteFeatureEnabled }, null, 8, ["isFavoriteFeatureEnabled"])
           ])
         ]),
-        g("div", Js, [
-          M(n).dictionary.length ? (w(), X(ms, {
-            key: 0,
-            onTranslate: f
-          })) : Q("", !0),
-          M(n).definitions.length ? (w(), X(Ss, { key: 1 })) : Q("", !0),
-          M(n).synonyms.length ? (w(), X(Bs, {
-            key: 2,
-            onTranslate: f
-          })) : Q("", !0)
-        ]),
-        M(n).examples.length ? (w(), O("div", Ks, [
-          B(Ps)
-        ])) : Q("", !0)
+        r.translation ? (y(), O(Z, { key: 0 }, [
+          g("div", Js, [
+            M(n).dictionary.length ? (y(), ee(ms, {
+              key: 0,
+              onTranslate: f
+            })) : X("", !0),
+            M(n).definitions.length ? (y(), ee(Ss, { key: 1 })) : X("", !0),
+            M(n).synonyms.length ? (y(), ee(Bs, {
+              key: 2,
+              onTranslate: f
+            })) : X("", !0)
+          ]),
+          M(n).examples.length ? (y(), O("div", Ks, [
+            B(Ps)
+          ])) : X("", !0)
+        ], 64)) : (y(), O("span", Ys, "Service unavailable"))
       ]),
-      Ys
+      Qs
     ]));
   }
 };
 export {
-  el as default
+  tl as default
 };