@ddict/popup 1.0.14 → 1.0.16

package/dist/popup.es.js

@@ -1,151 +1,151 @@
-import { openBlock as y, createElementBlock as $, createElementVNode as C, computed as w, unref as k, shallowRef as dn, watch as z, triggerRef as rt, onScopeDispose as Xe, ref as S, onUnmounted as Et, inject as Te, watchEffect as re, onMounted as xe, cloneVNode as St, h as Se, Fragment as Z, defineComponent as ae, provide as et, reactive as Ot, nextTick as Q, toRaw as K, mergeModels as fn, useModel as pn, createBlock as ee, withCtx as Pe, createVNode as B, renderList as le, normalizeClass as Ce, toDisplayString as te, effectScope as $t, markRaw as de, hasInjectionContext as vn, getCurrentInstance as It, isRef as _e, isReactive as tt, toRef as Ze, getCurrentScope as Tt, toRefs as at, createCommentVNode as X, withModifiers as ut, createTextVNode as hn, withDirectives as Lt, vModelText as Pt, 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__ */ C("div", { class: "flex flex-row" }, [
+import { openBlock as w, createElementBlock as $, createElementVNode as C, computed as S, unref as M, shallowRef as fn, watch as F, triggerRef as at, onScopeDispose as et, ref as E, onUnmounted as tt, inject as Ie, watchEffect as ie, onMounted as xe, cloneVNode as Et, h as Ee, Fragment as Z, defineComponent as ae, provide as nt, reactive as Ot, nextTick as Q, toRaw as K, mergeModels as pn, useModel as vn, createBlock as ee, withCtx as Pe, createVNode as H, renderList as se, normalizeClass as Ce, toDisplayString as te, effectScope as $t, markRaw as de, hasInjectionContext as hn, getCurrentInstance as Tt, isRef as _e, isReactive as ot, toRef as We, getCurrentScope as It, toRefs as ut, createCommentVNode as X, withModifiers as ct, createTextVNode as mn, withDirectives as Lt, vModelText as Pt, pushScopeId as gn, popScopeId as bn } from "vue";
+const Cn = "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", _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%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", 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='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", yn = "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", wn = { class: "flex justify-between" }, Sn = /* @__PURE__ */ C("div", { class: "flex flex-row" }, [
   /* @__PURE__ */ C("img", {
-    src: bn,
+    src: Cn,
     alt: "Vue logo",
     class: "w-24"
   })
-], -1), En = { class: "flex" }, Sn = /* @__PURE__ */ C("img", {
-  src: Cn,
+], -1), En = { class: "flex" }, On = /* @__PURE__ */ C("img", {
+  src: _n,
   alt: "Reader",
   class: "w-7"
-}, null, -1), On = [
-  Sn
-], $n = /* @__PURE__ */ C("img", {
-  src: _n,
+}, null, -1), $n = [
+  On
+], Tn = /* @__PURE__ */ C("img", {
+  src: xn,
   alt: "Full screen",
   class: "w-7"
 }, null, -1), In = [
-  $n
-], Tn = /* @__PURE__ */ C("img", {
-  src: xn,
+  Tn
+], Ln = /* @__PURE__ */ C("img", {
+  src: yn,
   alt: "Setting",
   class: "w-7"
-}, null, -1), Ln = [
-  Tn
-], Pn = {
+}, null, -1), Pn = [
+  Ln
+], Vn = {
   __name: "Header",
   emits: ["settings", "fullScreen", "reader"],
   setup(e, { emit: o }) {
     const t = o;
-    return (n, s) => (y(), $("div", yn, [
-      wn,
+    return (n, l) => (w(), $("div", wn, [
+      Sn,
       C("div", En, [
         C("button", {
           class: "btn btn-ghost btn-circle",
-          onClick: s[0] || (s[0] = (i) => t("reader"))
-        }, On),
+          onClick: l[0] || (l[0] = (r) => t("reader"))
+        }, $n),
         C("button", {
           class: "btn btn-ghost btn-circle md:hidden",
-          onClick: s[1] || (s[1] = (i) => t("fullScreen"))
+          onClick: l[1] || (l[1] = (r) => t("fullScreen"))
         }, In),
         C("button", {
           class: "btn btn-ghost btn-circle",
-          onClick: s[2] || (s[2] = (i) => t("settings"))
-        }, Ln)
+          onClick: l[2] || (l[2] = (r) => t("settings"))
+        }, Pn)
       ])
     ]));
   }
 };
 function ye(e, o, t) {
-  let n = t.initialDeps ?? [], s;
+  let n = t.initialDeps ?? [], l;
   return () => {
-    var i, r, l, a;
+    var r, i, s, a;
     let u;
-    t.key && ((i = t.debug) != null && i.call(t)) && (u = Date.now());
-    const p = e();
-    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 h = Math.round((Date.now() - u) * 100) / 100, m = Math.round((Date.now() - v) * 100) / 100, O = m / 16, N = (R, I) => {
-        for (R = String(R); R.length < I; )
-          R = " " + R;
-        return R;
+    t.key && ((r = t.debug) != null && r.call(t)) && (u = Date.now());
+    const f = e();
+    if (!(f.length !== n.length || f.some((x, v) => n[v] !== x)))
+      return l;
+    n = f;
+    let m;
+    if (t.key && ((i = t.debug) != null && i.call(t)) && (m = Date.now()), l = o(...f), t.key && ((s = t.debug) != null && s.call(t))) {
+      const x = Math.round((Date.now() - u) * 100) / 100, v = Math.round((Date.now() - m) * 100) / 100, h = v / 16, V = (A, T) => {
+        for (A = String(A); A.length < T; )
+          A = " " + A;
+        return A;
       };
       console.info(
-        `%c⏱ ${N(m, 5)} /${N(h, 5)} ms`,
+        `%c⏱ ${V(v, 5)} /${V(x, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * O, 120)
+          Math.min(120 - 120 * h, 120)
         )}deg 100% 31%);`,
         t == null ? void 0 : t.key
       );
     }
-    return (a = t == null ? void 0 : t.onChange) == null || a.call(t, s), s;
+    return (a = t == null ? void 0 : t.onChange) == null || a.call(t, l), l;
   };
 }
-function We(e, o) {
+function Ge(e, o) {
   if (e === void 0)
     throw new Error("Unexpected undefined");
   return e;
 }
-const Vn = (e, o) => Math.abs(e - o) < 1, kn = (e, o, t) => {
+const kn = (e, o) => Math.abs(e - o) < 1, Mn = (e, o, t) => {
   let n;
-  return function(...s) {
-    e.clearTimeout(n), n = e.setTimeout(() => o.apply(this, s), t);
+  return function(...l) {
+    e.clearTimeout(n), n = e.setTimeout(() => o.apply(this, l), t);
   };
-}, Mn = (e) => e, Rn = (e) => {
+}, Rn = (e) => e, Nn = (e) => {
   const o = Math.max(e.startIndex - e.overscan, 0), t = Math.min(e.endIndex + e.overscan, e.count - 1), n = [];
-  for (let s = o; s <= t; s++)
-    n.push(s);
+  for (let l = o; l <= t; l++)
+    n.push(l);
   return n;
-}, Nn = (e, o) => {
+}, An = (e, o) => {
   const t = e.scrollElement;
   if (!t)
     return;
   const n = e.targetWindow;
   if (!n)
     return;
-  const s = (r) => {
-    const { width: l, height: a } = r;
-    o({ width: Math.round(l), height: Math.round(a) });
+  const l = (i) => {
+    const { width: s, height: a } = i;
+    o({ width: Math.round(s), height: Math.round(a) });
   };
-  if (s(t.getBoundingClientRect()), !n.ResizeObserver)
+  if (l(t.getBoundingClientRect()), !n.ResizeObserver)
     return () => {
     };
-  const i = new n.ResizeObserver((r) => {
-    const l = r[0];
-    if (l != null && l.borderBoxSize) {
-      const a = l.borderBoxSize[0];
+  const r = new n.ResizeObserver((i) => {
+    const s = i[0];
+    if (s != null && s.borderBoxSize) {
+      const a = s.borderBoxSize[0];
       if (a) {
-        s({ width: a.inlineSize, height: a.blockSize });
+        l({ width: a.inlineSize, height: a.blockSize });
         return;
       }
     }
-    s(t.getBoundingClientRect());
+    l(t.getBoundingClientRect());
   });
-  return i.observe(t, { box: "border-box" }), () => {
-    i.unobserve(t);
+  return r.observe(t, { box: "border-box" }), () => {
+    r.unobserve(t);
   };
-}, ct = {
+}, dt = {
   passive: !0
-}, An = typeof window > "u" ? !0 : "onscrollend" in window, Dn = (e, o) => {
+}, Dn = typeof window > "u" ? !0 : "onscrollend" in window, Fn = (e, o) => {
   const t = e.scrollElement;
   if (!t)
     return;
   const n = e.targetWindow;
   if (!n)
     return;
-  let s = 0;
-  const i = An ? () => {
-  } : kn(
+  let l = 0;
+  const r = Dn ? () => {
+  } : Mn(
     n,
     () => {
-      o(s, !1);
+      o(l, !1);
     },
     e.options.isScrollingResetDelay
-  ), r = (u) => () => {
-    s = t[e.options.horizontal ? "scrollLeft" : "scrollTop"], i(), o(s, u);
-  }, l = r(!0), a = r(!1);
-  return a(), t.addEventListener("scroll", l, ct), t.addEventListener("scrollend", a, ct), () => {
-    t.removeEventListener("scroll", l), t.removeEventListener("scrollend", a);
+  ), i = (u) => () => {
+    l = t[e.options.horizontal ? "scrollLeft" : "scrollTop"], r(), o(l, u);
+  }, s = i(!0), a = i(!1);
+  return a(), t.addEventListener("scroll", s, dt), t.addEventListener("scrollend", a, dt), () => {
+    t.removeEventListener("scroll", s), t.removeEventListener("scrollend", a);
   };
-}, Fn = (e, o, t) => {
+}, jn = (e, o, t) => {
   if (o != null && o.borderBoxSize) {
     const n = o.borderBoxSize[0];
     if (n)
@@ -156,43 +156,43 @@ const Vn = (e, o) => Math.abs(e - o) < 1, kn = (e, o, t) => {
   return Math.round(
     e.getBoundingClientRect()[t.options.horizontal ? "width" : "height"]
   );
-}, jn = (e, {
+}, Bn = (e, {
   adjustments: o = 0,
   behavior: t
 }, n) => {
-  var s, i;
-  const r = e + o;
-  (i = (s = n.scrollElement) == null ? void 0 : s.scrollTo) == null || i.call(s, {
-    [n.options.horizontal ? "left" : "top"]: r,
+  var l, r;
+  const i = e + o;
+  (r = (l = n.scrollElement) == null ? void 0 : l.scrollTo) == null || r.call(l, {
+    [n.options.horizontal ? "left" : "top"]: i,
     behavior: t
   });
 };
-class Bn {
+class Hn {
   constructor(o) {
     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;
-      const n = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((s) => {
-        s.forEach((i) => {
-          this._measureElement(i.target, i);
+      const n = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((l) => {
+        l.forEach((r) => {
+          this._measureElement(r.target, r);
         });
       }));
       return {
         disconnect: () => {
-          var s;
-          return (s = n()) == null ? void 0 : s.disconnect();
+          var l;
+          return (l = n()) == null ? void 0 : l.disconnect();
         },
-        observe: (s) => {
-          var i;
-          return (i = n()) == null ? void 0 : i.observe(s, { box: "border-box" });
+        observe: (l) => {
+          var r;
+          return (r = n()) == null ? void 0 : r.observe(l, { box: "border-box" });
         },
-        unobserve: (s) => {
-          var i;
-          return (i = n()) == null ? void 0 : i.unobserve(s);
+        unobserve: (l) => {
+          var r;
+          return (r = n()) == null ? void 0 : r.unobserve(l);
         }
       };
     })(), this.range = null, this.setOptions = (t) => {
-      Object.entries(t).forEach(([n, s]) => {
-        typeof s > "u" && delete t[n];
+      Object.entries(t).forEach(([n, l]) => {
+        typeof l > "u" && delete t[n];
       }), this.options = {
         debug: !1,
         initialOffset: 0,
@@ -202,11 +202,11 @@ class Bn {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: Mn,
-        rangeExtractor: Rn,
+        getItemKey: Rn,
+        rangeExtractor: Nn,
         onChange: () => {
         },
-        measureElement: Fn,
+        measureElement: jn,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -218,12 +218,12 @@ class Bn {
         ...t
       };
     }, this.notify = (t, n) => {
-      var s, i;
-      const { startIndex: r, endIndex: l } = this.range ?? {
+      var l, r;
+      const { startIndex: i, endIndex: s } = this.range ?? {
         startIndex: void 0,
         endIndex: void 0
       }, a = this.calculateRange();
-      (t || r !== (a == null ? void 0 : a.startIndex) || l !== (a == null ? void 0 : a.endIndex)) && ((i = (s = this.options).onChange) == null || i.call(s, this, n));
+      (t || i !== (a == null ? void 0 : a.startIndex) || s !== (a == null ? void 0 : a.endIndex)) && ((r = (l = this.options).onChange) == null || r.call(l, this, n));
     }, this.cleanup = () => {
       this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.observer.disconnect(), this.elementsCache.clear();
     }, this._didMount = () => () => {
@@ -240,30 +240,30 @@ class Bn {
           adjustments: void 0,
           behavior: void 0
         }), this.unsubs.push(
-          this.options.observeElementRect(this, (s) => {
-            this.scrollRect = s, this.notify(!1, !1);
+          this.options.observeElementRect(this, (l) => {
+            this.scrollRect = l, this.notify(!1, !1);
           })
         ), this.unsubs.push(
-          this.options.observeElementOffset(this, (s, i) => {
-            this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < s ? "forward" : "backward" : null, this.scrollOffset = s;
-            const r = this.isScrolling;
-            this.isScrolling = i, this.notify(r !== i, i);
+          this.options.observeElementOffset(this, (l, r) => {
+            this.scrollAdjustments = 0, this.scrollDirection = r ? this.getScrollOffset() < l ? "forward" : "backward" : null, this.scrollOffset = l;
+            const i = this.isScrolling;
+            this.isScrolling = r, this.notify(i !== r, r);
           })
         );
       }
     }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (t, n) => {
-      const s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
-      for (let r = n - 1; r >= 0; r--) {
-        const l = t[r];
-        if (s.has(l.lane))
+      const l = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+      for (let i = n - 1; i >= 0; i--) {
+        const s = t[i];
+        if (l.has(s.lane))
           continue;
-        const a = i.get(
-          l.lane
+        const a = r.get(
+          s.lane
         );
-        if (a == null || l.end > a.end ? i.set(l.lane, l) : l.end < a.end && s.set(l.lane, !0), s.size === this.options.lanes)
+        if (a == null || s.end > a.end ? r.set(s.lane, s) : s.end < a.end && l.set(s.lane, !0), l.size === this.options.lanes)
           break;
       }
-      return i.size === this.options.lanes ? Array.from(i.values()).sort((r, l) => r.end === l.end ? r.index - l.index : r.end - l.end)[0] : void 0;
+      return r.size === this.options.lanes ? Array.from(r.values()).sort((i, s) => i.end === s.end ? i.index - s.index : i.end - s.end)[0] : void 0;
     }, this.getMeasurementOptions = ye(
       () => [
         this.options.count,
@@ -272,53 +272,53 @@ class Bn {
         this.options.getItemKey,
         this.options.enabled
       ],
-      (t, n, s, i, r) => (this.pendingMeasuredCacheIndexes = [], {
+      (t, n, l, r, i) => (this.pendingMeasuredCacheIndexes = [], {
         count: t,
         paddingStart: n,
-        scrollMargin: s,
-        getItemKey: i,
-        enabled: r
+        scrollMargin: l,
+        getItemKey: r,
+        enabled: i
       }),
       {
         key: !1
       }
     ), this.getMeasurements = ye(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: t, paddingStart: n, scrollMargin: s, getItemKey: i, enabled: r }, l) => {
+      ({ count: t, paddingStart: n, scrollMargin: l, getItemKey: r, enabled: i }, s) => {
         var a;
-        if (!r)
+        if (!i)
           return this.measurementsCache = [], this.itemSizeCache.clear(), [];
-        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((f) => {
-          this.itemSizeCache.set(f.key, f.size);
+        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((p) => {
+          this.itemSizeCache.set(p.key, p.size);
         }));
         const u = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
-        const p = this.measurementsCache.slice(0, u);
-        for (let f = u; f < t; f++) {
-          let v = (a = this.measurementsCache[f]) == null ? void 0 : a.measureElement;
-          v || (v = (D) => {
-            const _ = i(f), L = this.elementsCache.get(_);
+        const f = this.measurementsCache.slice(0, u);
+        for (let p = u; p < t; p++) {
+          let m = (a = this.measurementsCache[p]) == null ? void 0 : a.measureElement;
+          m || (m = (D) => {
+            const _ = r(p), L = this.elementsCache.get(_);
             if (!D) {
               L && (this.observer.unobserve(L), this.elementsCache.delete(_));
               return;
             }
             L !== D && (L && this.observer.unobserve(L), this.observer.observe(D), this.elementsCache.set(_, D)), D.isConnected && this.resizeItem(
-              f,
+              p,
               this.options.measureElement(D, void 0, this)
             );
           });
-          const h = i(f), m = this.options.lanes === 1 ? p[f - 1] : this.getFurthestMeasurement(p, f), O = m ? m.end + this.options.gap : n + s, N = l.get(h), R = typeof N == "number" ? N : this.options.estimateSize(f), I = O + R, M = m ? m.lane : f % this.options.lanes;
-          p[f] = {
-            index: f,
-            start: O,
-            size: R,
-            end: I,
-            key: h,
-            lane: M,
-            measureElement: v
+          const x = r(p), v = this.options.lanes === 1 ? f[p - 1] : this.getFurthestMeasurement(f, p), h = v ? v.end + this.options.gap : n + l, V = s.get(x), A = typeof V == "number" ? V : this.options.estimateSize(p), T = h + A, R = v ? v.lane : p % this.options.lanes;
+          f[p] = {
+            index: p,
+            start: h,
+            size: A,
+            end: T,
+            key: x,
+            lane: R,
+            measureElement: m
           };
         }
-        return this.measurementsCache = p, p;
+        return this.measurementsCache = f, f;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
@@ -326,10 +326,10 @@ class Bn {
       }
     ), this.calculateRange = ye(
       () => [this.getMeasurements(), this.getSize(), this.getScrollOffset()],
-      (t, n, s) => this.range = t.length > 0 && n > 0 ? Hn({
+      (t, n, l) => this.range = t.length > 0 && n > 0 ? zn({
         measurements: t,
         outerSize: n,
-        scrollOffset: s
+        scrollOffset: l
       }) : null,
       {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
@@ -342,51 +342,51 @@ class Bn {
         this.options.overscan,
         this.options.count
       ],
-      (t, n, s, i) => n === null ? [] : t({
+      (t, n, l, r) => n === null ? [] : t({
         startIndex: n.startIndex,
         endIndex: n.endIndex,
-        overscan: s,
-        count: i
+        overscan: l,
+        count: r
       }),
       {
         key: process.env.NODE_ENV !== "production" && "getIndexes",
         debug: () => this.options.debug
       }
     ), this.indexFromElement = (t) => {
-      const n = this.options.indexAttribute, s = t.getAttribute(n);
-      return s ? parseInt(s, 10) : (console.warn(
+      const n = this.options.indexAttribute, l = t.getAttribute(n);
+      return l ? parseInt(l, 10) : (console.warn(
         `Missing attribute name '${n}={index}' on measured element.`
       ), -1);
     }, this._measureElement = (t, n) => {
-      const s = this.indexFromElement(t), i = this.getMeasurements()[s];
-      if (!i || !t.isConnected) {
-        this.elementsCache.forEach((l, a) => {
-          l === t && (this.observer.unobserve(t), this.elementsCache.delete(a));
+      const l = this.indexFromElement(t), r = this.getMeasurements()[l];
+      if (!r || !t.isConnected) {
+        this.elementsCache.forEach((s, a) => {
+          s === t && (this.observer.unobserve(t), this.elementsCache.delete(a));
         });
         return;
       }
-      const r = this.elementsCache.get(i.key);
-      r !== t && (r && this.observer.unobserve(r), this.observer.observe(t), this.elementsCache.set(i.key, t)), this.resizeItem(s, this.options.measureElement(t, n, this));
+      const i = this.elementsCache.get(r.key);
+      i !== t && (i && this.observer.unobserve(i), this.observer.observe(t), this.elementsCache.set(r.key, t)), this.resizeItem(l, this.options.measureElement(t, n, this));
     }, this.resizeItem = (t, n) => {
-      const s = this.getMeasurements()[t];
-      if (!s)
+      const l = this.getMeasurements()[t];
+      if (!l)
         return;
-      const i = this.itemSizeCache.get(s.key) ?? s.size, r = n - i;
-      r !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(s, r, this) : s.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", r), this._scrollToOffset(this.getScrollOffset(), {
-        adjustments: this.scrollAdjustments += r,
+      const r = this.itemSizeCache.get(l.key) ?? l.size, i = n - r;
+      i !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(l, i, this) : l.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", i), this._scrollToOffset(this.getScrollOffset(), {
+        adjustments: this.scrollAdjustments += i,
         behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(s.index), this.itemSizeCache = new Map(this.itemSizeCache.set(s.key, n)), this.notify(!0, !1));
+      })), this.pendingMeasuredCacheIndexes.push(l.index), this.itemSizeCache = new Map(this.itemSizeCache.set(l.key, n)), this.notify(!0, !1));
     }, this.measureElement = (t) => {
       t && this._measureElement(t, void 0);
     }, this.getVirtualItems = ye(
       () => [this.getIndexes(), this.getMeasurements()],
       (t, n) => {
-        const s = [];
-        for (let i = 0, r = t.length; i < r; i++) {
-          const l = t[i], a = n[l];
-          s.push(a);
+        const l = [];
+        for (let r = 0, i = t.length; r < i; r++) {
+          const s = t[r], a = n[s];
+          l.push(a);
         }
-        return s;
+        return l;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getIndexes",
@@ -395,60 +395,60 @@ class Bn {
     ), this.getVirtualItemForOffset = (t) => {
       const n = this.getMeasurements();
       if (n.length !== 0)
-        return We(
+        return Ge(
           n[Vt(
             0,
             n.length - 1,
-            (s) => We(n[s]).start,
+            (l) => Ge(n[l]).start,
             t
           )]
         );
     }, this.getOffsetForAlignment = (t, n) => {
-      const s = this.getSize(), i = this.getScrollOffset();
-      n === "auto" && (t <= i ? n = "start" : t >= i + s ? n = "end" : n = "start"), n === "start" ? t = t : n === "end" ? t = t - s : n === "center" && (t = t - s / 2);
-      const r = this.options.horizontal ? "scrollWidth" : "scrollHeight", a = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[r] : this.scrollElement[r] : 0) - s;
+      const l = this.getSize(), r = this.getScrollOffset();
+      n === "auto" && (t <= r ? n = "start" : t >= r + l ? n = "end" : n = "start"), n === "start" ? t = t : n === "end" ? t = t - l : n === "center" && (t = t - l / 2);
+      const i = this.options.horizontal ? "scrollWidth" : "scrollHeight", a = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[i] : this.scrollElement[i] : 0) - l;
       return Math.max(Math.min(a, t), 0);
     }, this.getOffsetForIndex = (t, n = "auto") => {
       t = Math.max(0, Math.min(t, this.options.count - 1));
-      const s = this.getMeasurements()[t];
-      if (!s)
+      const l = this.getMeasurements()[t];
+      if (!l)
         return;
-      const i = this.getSize(), r = this.getScrollOffset();
+      const r = this.getSize(), i = this.getScrollOffset();
       if (n === "auto")
-        if (s.end >= r + i - this.options.scrollPaddingEnd)
+        if (l.end >= i + r - this.options.scrollPaddingEnd)
           n = "end";
-        else if (s.start <= r + this.options.scrollPaddingStart)
+        else if (l.start <= i + this.options.scrollPaddingStart)
           n = "start";
         else
-          return [r, n];
-      const l = n === "end" ? s.end + this.options.scrollPaddingEnd : s.start - this.options.scrollPaddingStart;
-      return [this.getOffsetForAlignment(l, n), n];
+          return [i, n];
+      const s = n === "end" ? l.end + this.options.scrollPaddingEnd : l.start - this.options.scrollPaddingStart;
+      return [this.getOffsetForAlignment(s, n), n];
     }, this.isDynamicMode = () => this.elementsCache.size > 0, this.cancelScrollToIndex = () => {
       this.scrollToIndexTimeoutId !== null && this.targetWindow && (this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId), this.scrollToIndexTimeoutId = null);
-    }, this.scrollToOffset = (t, { align: n = "start", behavior: s } = {}) => {
-      this.cancelScrollToIndex(), s === "smooth" && this.isDynamicMode() && console.warn(
+    }, this.scrollToOffset = (t, { align: n = "start", behavior: l } = {}) => {
+      this.cancelScrollToIndex(), l === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
       ), this._scrollToOffset(this.getOffsetForAlignment(t, n), {
         adjustments: void 0,
-        behavior: s
+        behavior: l
       });
-    }, this.scrollToIndex = (t, { align: n = "auto", behavior: s } = {}) => {
-      t = Math.max(0, Math.min(t, this.options.count - 1)), this.cancelScrollToIndex(), s === "smooth" && this.isDynamicMode() && console.warn(
+    }, this.scrollToIndex = (t, { align: n = "auto", behavior: l } = {}) => {
+      t = Math.max(0, Math.min(t, this.options.count - 1)), this.cancelScrollToIndex(), l === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
       );
-      const i = this.getOffsetForIndex(t, n);
-      if (!i) return;
-      const [r, l] = i;
-      this._scrollToOffset(r, { adjustments: void 0, behavior: s }), s !== "smooth" && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
+      const r = this.getOffsetForIndex(t, n);
+      if (!r) return;
+      const [i, s] = r;
+      this._scrollToOffset(i, { adjustments: void 0, behavior: l }), l !== "smooth" && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
         if (this.scrollToIndexTimeoutId = null, this.elementsCache.has(
           this.options.getItemKey(t)
         )) {
-          const [u] = We(
-            this.getOffsetForIndex(t, l)
+          const [u] = Ge(
+            this.getOffsetForIndex(t, s)
           );
-          Vn(u, this.getScrollOffset()) || this.scrollToIndex(t, { align: l, behavior: s });
+          kn(u, this.getScrollOffset()) || this.scrollToIndex(t, { align: s, behavior: l });
         } else
-          this.scrollToIndex(t, { align: l, behavior: s });
+          this.scrollToIndex(t, { align: s, behavior: l });
       }));
     }, this.scrollBy = (t, { behavior: n } = {}) => {
       this.cancelScrollToIndex(), n === "smooth" && this.isDynamicMode() && console.warn(
@@ -460,15 +460,15 @@ class Bn {
     }, this.getTotalSize = () => {
       var t;
       const n = this.getMeasurements();
-      let s;
-      return n.length === 0 ? s = this.options.paddingStart : s = this.options.lanes === 1 ? ((t = n[n.length - 1]) == null ? void 0 : t.end) ?? 0 : Math.max(
-        ...n.slice(-this.options.lanes).map((i) => i.end)
-      ), s - this.options.scrollMargin + this.options.paddingEnd;
+      let l;
+      return n.length === 0 ? l = this.options.paddingStart : l = this.options.lanes === 1 ? ((t = n[n.length - 1]) == null ? void 0 : t.end) ?? 0 : Math.max(
+        ...n.slice(-this.options.lanes).map((r) => r.end)
+      ), l - this.options.scrollMargin + this.options.paddingEnd;
     }, this._scrollToOffset = (t, {
       adjustments: n,
-      behavior: s
+      behavior: l
     }) => {
-      this.options.scrollToFn(t, { behavior: s, adjustments: n }, this);
+      this.options.scrollToFn(t, { behavior: l, adjustments: n }, this);
     }, this.measure = () => {
       var t, n;
       this.itemSizeCache = /* @__PURE__ */ new Map(), (n = (t = this.options).onChange) == null || n.call(t, this, !1);
@@ -477,77 +477,77 @@ class Bn {
 }
 const Vt = (e, o, t, n) => {
   for (; e <= o; ) {
-    const s = (e + o) / 2 | 0, i = t(s);
-    if (i < n)
-      e = s + 1;
-    else if (i > n)
-      o = s - 1;
+    const l = (e + o) / 2 | 0, r = t(l);
+    if (r < n)
+      e = l + 1;
+    else if (r > n)
+      o = l - 1;
     else
-      return s;
+      return l;
   }
   return e > 0 ? e - 1 : 0;
 };
-function Hn({
+function zn({
   measurements: e,
   outerSize: o,
   scrollOffset: t
 }) {
-  const n = e.length - 1, i = Vt(0, n, (l) => e[l].start, t);
-  let r = i;
-  for (; r < n && e[r].end < t + o; )
-    r++;
-  return { startIndex: i, endIndex: r };
-}
-function zn(e) {
-  const o = new Bn(k(e)), t = dn(o), n = o._didMount();
-  return z(
-    () => k(e).getScrollElement(),
-    (s) => {
-      s && o._willUpdate();
+  const n = e.length - 1, r = Vt(0, n, (s) => e[s].start, t);
+  let i = r;
+  for (; i < n && e[i].end < t + o; )
+    i++;
+  return { startIndex: r, endIndex: i };
+}
+function Un(e) {
+  const o = new Hn(M(e)), t = fn(o), n = o._didMount();
+  return F(
+    () => M(e).getScrollElement(),
+    (l) => {
+      l && o._willUpdate();
     },
     {
       immediate: !0
     }
-  ), z(
-    () => k(e),
-    (s) => {
+  ), F(
+    () => M(e),
+    (l) => {
       o.setOptions({
-        ...s,
-        onChange: (i, r) => {
-          var l;
-          rt(t), (l = s.onChange) == null || l.call(s, i, r);
+        ...l,
+        onChange: (r, i) => {
+          var s;
+          at(t), (s = l.onChange) == null || s.call(l, r, i);
         }
-      }), o._willUpdate(), rt(t);
+      }), o._willUpdate(), at(t);
     },
     {
       immediate: !0
     }
-  ), Xe(n), t;
-}
-function Un(e) {
-  return zn(
-    w(() => ({
-      observeElementRect: Nn,
-      observeElementOffset: Dn,
-      scrollToFn: jn,
-      ...k(e)
+  ), et(n), t;
+}
+function Zn(e) {
+  return Un(
+    S(() => ({
+      observeElementRect: An,
+      observeElementOffset: Fn,
+      scrollToFn: Bn,
+      ...M(e)
     }))
   );
 }
-function Zn(e, o, t) {
-  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);
+function Wn(e, o, t) {
+  let n = E(t == null ? void 0 : t.value), l = S(() => e.value !== void 0);
+  return [S(() => l.value ? e.value : n.value), function(r) {
+    return l.value || (n.value = r), o == null ? void 0 : o(r);
   }];
 }
-function Wn(e) {
+function Gn(e) {
   typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((o) => setTimeout(() => {
     throw o;
   }));
 }
 function Ae() {
-  let e = [], o = { addEventListener(t, n, s, i) {
-    return t.addEventListener(n, s, i), o.add(() => t.removeEventListener(n, s, i));
+  let e = [], o = { addEventListener(t, n, l, r) {
+    return t.addEventListener(n, l, r), o.add(() => t.removeEventListener(n, l, r));
   }, requestAnimationFrame(...t) {
     let n = requestAnimationFrame(...t);
     o.add(() => cancelAnimationFrame(n));
@@ -560,15 +560,15 @@ function Ae() {
     o.add(() => clearTimeout(n));
   }, microTask(...t) {
     let n = { current: !0 };
-    return Wn(() => {
+    return Gn(() => {
       n.current && t[0]();
     }), o.add(() => {
       n.current = !1;
     });
-  }, style(t, n, s) {
-    let i = t.style.getPropertyValue(n);
-    return Object.assign(t.style, { [n]: s }), this.add(() => {
-      Object.assign(t.style, { [n]: i });
+  }, style(t, n, l) {
+    let r = t.style.getPropertyValue(n);
+    return Object.assign(t.style, { [n]: l }), this.add(() => {
+      Object.assign(t.style, { [n]: r });
     });
   }, group(t) {
     let n = Ae();
@@ -576,26 +576,26 @@ function Ae() {
   }, add(t) {
     return e.push(t), () => {
       let n = e.indexOf(t);
-      if (n >= 0) for (let s of e.splice(n, 1)) s();
+      if (n >= 0) for (let l of e.splice(n, 1)) l();
     };
   }, dispose() {
     for (let t of e.splice(0)) t();
   } };
   return o;
 }
-function Gn() {
+function qn() {
   let e = Ae();
-  return Et(() => e.dispose()), e;
+  return tt(() => e.dispose()), e;
 }
-function qn() {
-  let e = Gn();
+function Jn() {
+  let e = qn();
   return (o) => {
     e.dispose(), e.nextFrame(o);
   };
 }
-let Jn = Symbol("headlessui.useid"), Kn = 0;
+let Kn = Symbol("headlessui.useid"), Yn = 0;
 function Le() {
-  return Te(Jn, () => `${++Kn}`)();
+  return Ie(Kn, () => `${++Yn}`)();
 }
 function P(e) {
   var o;
@@ -603,18 +603,18 @@ function P(e) {
   let t = (o = e.value.$el) != null ? o : e.value;
   return t instanceof Node ? t : null;
 }
-function se(e, o, ...t) {
+function le(e, o, ...t) {
   if (e in o) {
-    let s = o[e];
-    return typeof s == "function" ? s(...t) : s;
+    let l = o[e];
+    return typeof l == "function" ? l(...t) : l;
   }
-  let n = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(o).map((s) => `"${s}"`).join(", ")}.`);
-  throw Error.captureStackTrace && Error.captureStackTrace(n, se), n;
+  let n = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(o).map((l) => `"${l}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(n, le), n;
 }
-var Yn = Object.defineProperty, Qn = (e, o, t) => o in e ? Yn(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, dt = (e, o, t) => (Qn(e, typeof o != "symbol" ? o + "" : o, t), t);
-let Xn = class {
+var Qn = Object.defineProperty, Xn = (e, o, t) => o in e ? Qn(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, ft = (e, o, t) => (Xn(e, typeof o != "symbol" ? o + "" : o, t), t);
+let eo = class {
   constructor() {
-    dt(this, "current", this.detect()), dt(this, "currentId", 0);
+    ft(this, "current", this.detect()), ft(this, "currentId", 0);
   }
   set(o) {
     this.current !== o && (this.currentId = 0, this.current = o);
@@ -634,9 +634,9 @@ let Xn = class {
   detect() {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
-}, nt = new Xn();
-function ot(e) {
-  if (nt.isServer) return null;
+}, lt = new eo();
+function st(e) {
+  if (lt.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
     let o = P(e);
@@ -644,16 +644,16 @@ function ot(e) {
   }
   return document;
 }
-let ft = ["[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 eo = ((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))(eo || {}), to = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(to || {}), no = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(no || {}), kt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(kt || {});
-function oo(e, o = 0) {
+let pt = ["[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 to = ((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))(to || {}), no = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(no || {}), oo = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(oo || {}), kt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(kt || {});
+function lo(e, o = 0) {
   var t;
-  return e === ((t = ot(e)) == null ? void 0 : t.body) ? !1 : se(o, { 0() {
-    return e.matches(ft);
+  return e === ((t = st(e)) == null ? void 0 : t.body) ? !1 : le(o, { 0() {
+    return e.matches(pt);
   }, 1() {
     let n = e;
     for (; n !== null; ) {
-      if (n.matches(ft)) return !0;
+      if (n.matches(pt)) return !0;
       n = n.parentElement;
     }
     return !1;
@@ -665,132 +665,132 @@ typeof window < "u" && typeof document < "u" && (document.addEventListener("keyd
 }, !0), document.addEventListener("click", (e) => {
   e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0));
-function lo(e, o = (t) => t) {
+function ro(e, o = (t) => t) {
   return e.slice().sort((t, n) => {
-    let s = o(t), i = o(n);
-    if (s === null || i === null) return 0;
-    let r = s.compareDocumentPosition(i);
-    return r & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : r & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+    let l = o(t), r = o(n);
+    if (l === null || r === null) return 0;
+    let i = l.compareDocumentPosition(r);
+    return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
 function io() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
-function ro() {
+function ao() {
   return /Android/gi.test(window.navigator.userAgent);
 }
 function Mt() {
-  return io() || ro();
+  return io() || ao();
 }
 function Ve(e, o, t) {
-  nt.isServer || re((n) => {
+  lt.isServer || ie((n) => {
     document.addEventListener(e, o, t), n(() => document.removeEventListener(e, o, t));
   });
 }
-function ao(e, o, t) {
-  nt.isServer || re((n) => {
+function uo(e, o, t) {
+  lt.isServer || ie((n) => {
     window.addEventListener(e, o, t), n(() => window.removeEventListener(e, o, t));
   });
 }
-function uo(e, o, t = w(() => !0)) {
-  function n(i, r) {
-    if (!t.value || i.defaultPrevented) return;
-    let l = r(i);
-    if (l === null || !l.getRootNode().contains(l)) return;
-    let a = function u(p) {
-      return typeof p == "function" ? u(p()) : Array.isArray(p) || p instanceof Set ? p : [p];
+function co(e, o, t = S(() => !0)) {
+  function n(r, i) {
+    if (!t.value || r.defaultPrevented) return;
+    let s = i(r);
+    if (s === null || !s.getRootNode().contains(s)) return;
+    let a = function u(f) {
+      return typeof f == "function" ? u(f()) : Array.isArray(f) || f instanceof Set ? f : [f];
     }(e);
     for (let u of a) {
       if (u === null) continue;
-      let p = u instanceof HTMLElement ? u : P(u);
-      if (p != null && p.contains(l) || i.composed && i.composedPath().includes(p)) return;
+      let f = u instanceof HTMLElement ? u : P(u);
+      if (f != null && f.contains(s) || r.composed && r.composedPath().includes(f)) return;
     }
-    return !oo(l, kt.Loose) && l.tabIndex !== -1 && i.preventDefault(), o(i, l);
-  }
-  let s = S(null);
-  Ve("pointerdown", (i) => {
-    var r, l;
-    t.value && (s.value = ((l = (r = i.composedPath) == null ? void 0 : r.call(i)) == null ? void 0 : l[0]) || i.target);
-  }, !0), Ve("mousedown", (i) => {
-    var r, l;
-    t.value && (s.value = ((l = (r = i.composedPath) == null ? void 0 : r.call(i)) == null ? void 0 : l[0]) || i.target);
-  }, !0), Ve("click", (i) => {
-    Mt() || s.value && (n(i, () => s.value), s.value = null);
-  }, !0), Ve("touchend", (i) => n(i, () => i.target instanceof HTMLElement ? i.target : null), !0), ao("blur", (i) => n(i, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
-}
-function pt(e, o) {
+    return !lo(s, kt.Loose) && s.tabIndex !== -1 && r.preventDefault(), o(r, s);
+  }
+  let l = E(null);
+  Ve("pointerdown", (r) => {
+    var i, s;
+    t.value && (l.value = ((s = (i = r.composedPath) == null ? void 0 : i.call(r)) == null ? void 0 : s[0]) || r.target);
+  }, !0), Ve("mousedown", (r) => {
+    var i, s;
+    t.value && (l.value = ((s = (i = r.composedPath) == null ? void 0 : i.call(r)) == null ? void 0 : s[0]) || r.target);
+  }, !0), Ve("click", (r) => {
+    Mt() || l.value && (n(r, () => l.value), l.value = null);
+  }, !0), Ve("touchend", (r) => n(r, () => r.target instanceof HTMLElement ? r.target : null), !0), uo("blur", (r) => n(r, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+}
+function vt(e, o) {
   if (e) return e;
   let t = o ?? "button";
   if (typeof t == "string" && t.toLowerCase() === "button") return "button";
 }
-function co(e, o) {
-  let t = S(pt(e.value.type, e.value.as));
+function fo(e, o) {
+  let t = E(vt(e.value.type, e.value.as));
   return xe(() => {
-    t.value = pt(e.value.type, e.value.as);
-  }), re(() => {
+    t.value = vt(e.value.type, e.value.as);
+  }), ie(() => {
     var n;
     t.value || P(o) && P(o) instanceof HTMLButtonElement && !((n = P(o)) != null && n.hasAttribute("type")) && (t.value = "button");
   }), t;
 }
-function vt(e) {
+function ht(e) {
   return [e.screenX, e.screenY];
 }
-function fo() {
-  let e = S([-1, -1]);
+function po() {
+  let e = E([-1, -1]);
   return { wasMoved(o) {
-    let t = vt(o);
+    let t = ht(o);
     return e.value[0] === t[0] && e.value[1] === t[1] ? !1 : (e.value = t, !0);
   }, update(o) {
-    e.value = vt(o);
+    e.value = ht(o);
   } };
 }
-function po({ container: e, accept: o, walk: t, enabled: n }) {
-  re(() => {
-    let s = e.value;
-    if (!s || n !== void 0 && !n.value) return;
-    let i = ot(e);
-    if (!i) return;
-    let r = Object.assign((a) => o(a), { acceptNode: o }), l = i.createTreeWalker(s, NodeFilter.SHOW_ELEMENT, r, !1);
-    for (; l.nextNode(); ) t(l.currentNode);
+function vo({ container: e, accept: o, walk: t, enabled: n }) {
+  ie(() => {
+    let l = e.value;
+    if (!l || n !== void 0 && !n.value) return;
+    let r = st(e);
+    if (!r) return;
+    let i = Object.assign((a) => o(a), { acceptNode: o }), s = r.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, i, !1);
+    for (; s.nextNode(); ) t(s.currentNode);
   });
 }
-var Oe = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Oe || {}), vo = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(vo || {});
-function pe({ visible: e = !0, features: o = 0, ourProps: t, theirProps: n, ...s }) {
-  var i;
-  let r = Nt(n, t), l = Object.assign(s, { props: r });
-  if (e || o & 2 && r.static) return Ge(l);
+var Oe = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Oe || {}), ho = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(ho || {});
+function pe({ visible: e = !0, features: o = 0, ourProps: t, theirProps: n, ...l }) {
+  var r;
+  let i = Nt(n, t), s = Object.assign(l, { props: i });
+  if (e || o & 2 && i.static) return qe(s);
   if (o & 1) {
-    let a = (i = r.unmount) == null || i ? 0 : 1;
-    return se(a, { 0() {
+    let a = (r = i.unmount) == null || r ? 0 : 1;
+    return le(a, { 0() {
       return null;
     }, 1() {
-      return Ge({ ...s, props: { ...r, hidden: !0, style: { display: "none" } } });
+      return qe({ ...l, props: { ...i, hidden: !0, style: { display: "none" } } });
     } });
   }
-  return Ge(l);
+  return qe(s);
 }
-function Ge({ props: e, attrs: o, slots: t, slot: n, name: s }) {
-  var i, r;
-  let { as: l, ...a } = je(e, ["unmount", "static"]), u = (i = t.default) == null ? void 0 : i.call(t, n), p = {};
+function qe({ props: e, attrs: o, slots: t, slot: n, name: l }) {
+  var r, i;
+  let { as: s, ...a } = je(e, ["unmount", "static"]), u = (r = t.default) == null ? void 0 : r.call(t, n), f = {};
   if (n) {
-    let f = !1, v = [];
-    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(" "));
+    let p = !1, m = [];
+    for (let [x, v] of Object.entries(n)) typeof v == "boolean" && (p = !0), v === !0 && m.push(x);
+    p && (f["data-headlessui-state"] = m.join(" "));
   }
-  if (l === "template") {
+  if (s === "template") {
     if (u = Rt(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((O) => O.trim()).filter((O, N, R) => R.indexOf(O) === N).sort((O, N) => O.localeCompare(N)).map((O) => `  - ${O}`).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((O) => `  - ${O}`).join(`
+      let [p, ...m] = u ?? [];
+      if (!go(p) || m.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(a).concat(Object.keys(o)).map((h) => h.trim()).filter((h, V, A) => A.indexOf(h) === V).sort((h, V) => h.localeCompare(V)).map((h) => `  - ${h}`).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((h) => `  - ${h}`).join(`
 `)].join(`
 `));
-      let h = Nt((r = f.props) != null ? r : {}, a, p), m = St(f, h, !0);
-      for (let O in h) O.startsWith("on") && (m.props || (m.props = {}), m.props[O] = h[O]);
-      return m;
+      let x = Nt((i = p.props) != null ? i : {}, a, f), v = Et(p, x, !0);
+      for (let h in x) h.startsWith("on") && (v.props || (v.props = {}), v.props[h] = x[h]);
+      return v;
     }
     return Array.isArray(u) && u.length === 1 ? u[0] : u;
   }
-  return Se(l, Object.assign({}, a, p), { default: () => u });
+  return Ee(s, Object.assign({}, a, f), { default: () => u });
 }
 function Rt(e) {
   return e.flatMap((o) => o.type === Z ? Rt(o.children) : [o]);
@@ -799,18 +799,18 @@ function Nt(...e) {
   if (e.length === 0) return {};
   if (e.length === 1) return e[0];
   let o = {}, t = {};
-  for (let n of e) for (let s in n) s.startsWith("on") && typeof n[s] == "function" ? (t[s] != null || (t[s] = []), t[s].push(n[s])) : o[s] = n[s];
+  for (let n of e) for (let l in n) l.startsWith("on") && typeof n[l] == "function" ? (t[l] != null || (t[l] = []), t[l].push(n[l])) : o[l] = n[l];
   if (o.disabled || o["aria-disabled"]) return Object.assign(o, Object.fromEntries(Object.keys(t).map((n) => [n, void 0])));
-  for (let n in t) Object.assign(o, { [n](s, ...i) {
-    let r = t[n];
-    for (let l of r) {
-      if (s instanceof Event && s.defaultPrevented) return;
-      l(s, ...i);
+  for (let n in t) Object.assign(o, { [n](l, ...r) {
+    let i = t[n];
+    for (let s of i) {
+      if (l instanceof Event && l.defaultPrevented) return;
+      s(l, ...r);
     }
   } });
   return o;
 }
-function ho(e) {
+function mo(e) {
   let o = Object.assign({}, e);
   for (let t in o) o[t] === void 0 && delete o[t];
   return o;
@@ -820,434 +820,434 @@ function je(e, o = []) {
   for (let n of o) n in t && delete t[n];
   return t;
 }
-function mo(e) {
+function go(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
 var At = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(At || {});
-let go = ae({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: o, attrs: t }) {
+let bo = ae({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: o, attrs: t }) {
   return () => {
     var n;
-    let { features: s, ...i } = e, r = { "aria-hidden": (s & 2) === 2 ? !0 : (n = i["aria-hidden"]) != null ? n : void 0, hidden: (s & 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", ...(s & 4) === 4 && (s & 2) !== 2 && { display: "none" } } };
-    return pe({ ourProps: r, theirProps: i, slot: {}, attrs: t, slots: o, name: "Hidden" });
+    let { features: l, ...r } = e, i = { "aria-hidden": (l & 2) === 2 ? !0 : (n = r["aria-hidden"]) != null ? n : 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" } } };
+    return pe({ ourProps: i, theirProps: r, slot: {}, attrs: t, slots: o, name: "Hidden" });
   };
 } }), Dt = Symbol("Context");
 var $e = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))($e || {});
-function bo() {
-  return Te(Dt, null);
+function Co() {
+  return Ie(Dt, null);
 }
-function Co(e) {
-  et(Dt, e);
+function _o(e) {
+  nt(Dt, e);
 }
 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 || {}), Ft = ((e) => (e[e.Left = 0] = "Left", e[e.Right = 2] = "Right", e))(Ft || {});
-function _o(e) {
+function xo(e) {
   function o() {
     document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", o));
   }
   typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", o), o());
 }
 let ce = [];
-_o(() => {
+xo(() => {
   function e(o) {
     o.target instanceof HTMLElement && o.target !== document.body && ce[0] !== o.target && (ce.unshift(o.target), ce = ce.filter((t) => t != null && t.isConnected), ce.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 xo(e) {
+function yo(e) {
   throw new Error("Unexpected object: " + e);
 }
-var H = ((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))(H || {});
-function ht(e, o) {
+var z = ((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))(z || {});
+function mt(e, o) {
   let t = o.resolveItems();
   if (t.length <= 0) return null;
-  let n = o.resolveActiveIndex(), s = n ?? -1;
+  let n = o.resolveActiveIndex(), l = n ?? -1;
   switch (e.focus) {
     case 0: {
-      for (let i = 0; i < t.length; ++i) if (!o.resolveDisabled(t[i], i, t)) return i;
+      for (let r = 0; r < t.length; ++r) if (!o.resolveDisabled(t[r], r, t)) return r;
       return n;
     }
     case 1: {
-      s === -1 && (s = t.length);
-      for (let i = s - 1; i >= 0; --i) if (!o.resolveDisabled(t[i], i, t)) return i;
+      l === -1 && (l = t.length);
+      for (let r = l - 1; r >= 0; --r) if (!o.resolveDisabled(t[r], r, t)) return r;
       return n;
     }
     case 2: {
-      for (let i = s + 1; i < t.length; ++i) if (!o.resolveDisabled(t[i], i, t)) return i;
+      for (let r = l + 1; r < t.length; ++r) if (!o.resolveDisabled(t[r], r, t)) return r;
       return n;
     }
     case 3: {
-      for (let i = t.length - 1; i >= 0; --i) if (!o.resolveDisabled(t[i], i, t)) return i;
+      for (let r = t.length - 1; r >= 0; --r) if (!o.resolveDisabled(t[r], r, t)) return r;
       return n;
     }
     case 4: {
-      for (let i = 0; i < t.length; ++i) if (o.resolveId(t[i], i, t) === e.id) return i;
+      for (let r = 0; r < t.length; ++r) if (o.resolveId(t[r], r, t) === e.id) return r;
       return n;
     }
     case 5:
       return null;
     default:
-      xo(e);
+      yo(e);
   }
 }
 function jt(e = {}, o = null, t = []) {
-  for (let [n, s] of Object.entries(e)) Ht(t, Bt(o, n), s);
+  for (let [n, l] of Object.entries(e)) Ht(t, Bt(o, n), l);
   return t;
 }
 function Bt(e, o) {
   return e ? e + "[" + o + "]" : o;
 }
 function Ht(e, o, t) {
-  if (Array.isArray(t)) for (let [n, s] of t.entries()) Ht(e, Bt(o, n.toString()), s);
+  if (Array.isArray(t)) for (let [n, l] of t.entries()) Ht(e, Bt(o, n.toString()), l);
   else t instanceof Date ? e.push([o, t.toISOString()]) : typeof t == "boolean" ? e.push([o, t ? "1" : "0"]) : typeof t == "string" ? e.push([o, t]) : typeof t == "number" ? e.push([o, `${t}`]) : t == null ? e.push([o, ""]) : jt(t, o, e);
 }
-function yo(e, o) {
+function wo(e, o) {
   return e === o;
 }
-var wo = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(wo || {}), Eo = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(Eo || {}), So = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Focus = 1] = "Focus", e[e.Other = 2] = "Other", e))(So || {});
+var So = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(So || {}), Eo = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(Eo || {}), Oo = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Focus = 1] = "Focus", e[e.Other = 2] = "Other", e))(Oo || {});
 let zt = Symbol("ComboboxContext");
 function ve(e) {
-  let o = Te(zt, null);
+  let o = Ie(zt, null);
   if (o === null) {
     let t = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(t, ve), t;
   }
   return o;
 }
-let Ut = Symbol("VirtualContext"), Oo = ae({ name: "VirtualProvider", setup(e, { slots: o }) {
-  let t = ve("VirtualProvider"), n = w(() => {
-    let l = P(t.optionsRef);
-    if (!l) return { start: 0, end: 0 };
-    let a = window.getComputedStyle(l);
+let Ut = Symbol("VirtualContext"), $o = ae({ name: "VirtualProvider", setup(e, { slots: o }) {
+  let t = ve("VirtualProvider"), n = S(() => {
+    let s = P(t.optionsRef);
+    if (!s) return { start: 0, end: 0 };
+    let a = window.getComputedStyle(s);
     return { start: parseFloat(a.paddingBlockStart || a.paddingTop), end: parseFloat(a.paddingBlockEnd || a.paddingBottom) };
-  }), s = Un(w(() => ({ scrollPaddingStart: n.value.start, scrollPaddingEnd: n.value.end, count: t.virtual.value.options.length, estimateSize() {
+  }), l = Zn(S(() => ({ scrollPaddingStart: n.value.start, scrollPaddingEnd: n.value.end, count: t.virtual.value.options.length, estimateSize() {
     return 40;
   }, getScrollElement() {
     return P(t.optionsRef);
-  }, overscan: 12 }))), i = w(() => {
-    var l;
-    return (l = t.virtual.value) == null ? void 0 : l.options;
-  }), r = S(0);
-  return z([i], () => {
-    r.value += 1;
-  }), et(Ut, t.virtual.value ? s : null), () => [Se("div", { style: { position: "relative", width: "100%", height: `${s.value.getTotalSize()}px` }, ref: (l) => {
-    if (l) {
+  }, overscan: 12 }))), r = S(() => {
+    var s;
+    return (s = t.virtual.value) == null ? void 0 : s.options;
+  }), i = E(0);
+  return F([r], () => {
+    i.value += 1;
+  }), nt(Ut, t.virtual.value ? l : null), () => [Ee("div", { style: { position: "relative", width: "100%", height: `${l.value.getTotalSize()}px` }, ref: (s) => {
+    if (s) {
       if (typeof process < "u" && process.env.JEST_WORKER_ID !== void 0 || t.activationTrigger.value === 0) return;
-      t.activeOptionIndex.value !== null && t.virtual.value.options.length > t.activeOptionIndex.value && s.value.scrollToIndex(t.activeOptionIndex.value);
+      t.activeOptionIndex.value !== null && t.virtual.value.options.length > t.activeOptionIndex.value && l.value.scrollToIndex(t.activeOptionIndex.value);
     }
-  } }, s.value.getVirtualItems().map((l) => St(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), 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) => P(A.dataRef.domRef)), V = d ? E.indexOf(d) : null;
-    return V === -1 && (V = null), { options: E, activeOptionIndex: V };
-  }
-  let O = w(() => e.multiple ? 1 : 0), N = w(() => e.nullable), [R, I] = Zn(w(() => e.modelValue), (c) => n("update:modelValue", c), w(() => e.defaultValue)), M = w(() => R.value === void 0 ? se(O.value, { 1: [], 0: void 0 }) : R.value), D = null, _ = null;
+  } }, l.value.getVirtualItems().map((s) => Et(o.default({ option: t.virtual.value.options[s.index], open: t.comboboxState.value === 0 })[0], { key: `${i.value}-${s.index}`, "data-index": s.index, "aria-setsize": t.virtual.value.options.length, "aria-posinset": s.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${s.start}px)`, overflowAnchor: "none" } })))];
+} }), To = 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 l = E(1), r = E(null), i = E(null), s = E(null), a = E(null), u = E({ static: !1, hold: !1 }), f = E([]), p = E(null), m = E(2), x = E(!1);
+  function v(c = (d) => d) {
+    let d = p.value !== null ? f.value[p.value] : null, y = c(f.value.slice()), O = y.length > 0 && y[0].dataRef.order.value !== null ? y.sort((N, G) => N.dataRef.order.value - G.dataRef.order.value) : ro(y, (N) => P(N.dataRef.domRef)), k = d ? O.indexOf(d) : null;
+    return k === -1 && (k = null), { options: O, activeOptionIndex: k };
+  }
+  let h = S(() => e.multiple ? 1 : 0), V = S(() => e.nullable), [A, T] = Wn(S(() => e.modelValue), (c) => n("update:modelValue", c), S(() => e.defaultValue)), R = S(() => A.value === void 0 ? le(h.value, { 1: [], 0: void 0 }) : A.value), D = null, _ = null;
   function L(c) {
-    return se(O.value, { 0() {
-      return I == null ? void 0 : I(c);
+    return le(h.value, { 0() {
+      return T == null ? void 0 : T(c);
     }, 1: () => {
-      let d = K(g.value.value).slice(), x = K(c), E = d.findIndex((V) => g.compare(x, K(V)));
-      return E === -1 ? d.push(x) : d.splice(E, 1), I == null ? void 0 : I(d);
+      let d = K(g.value.value).slice(), y = K(c), O = d.findIndex((k) => g.compare(y, K(k)));
+      return O === -1 ? d.push(y) : d.splice(O, 1), T == null ? void 0 : T(d);
     } });
   }
-  let b = w(() => {
+  let b = S(() => {
   });
-  z([b], ([c], [d]) => {
-    if (g.virtual.value && c && d && f.value !== null) {
-      let x = c.indexOf(d[f.value]);
-      x !== -1 ? f.value = x : f.value = null;
+  F([b], ([c], [d]) => {
+    if (g.virtual.value && c && d && p.value !== null) {
+      let y = c.indexOf(d[p.value]);
+      y !== -1 ? p.value = y : p.value = null;
     }
   });
-  let g = { comboboxState: s, value: M, mode: O, compare(c, d) {
+  let g = { comboboxState: l, value: R, mode: h, compare(c, d) {
     if (typeof e.by == "string") {
-      let x = e.by;
-      return (c == null ? void 0 : c[x]) === (d == null ? void 0 : d[x]);
+      let y = e.by;
+      return (c == null ? void 0 : c[y]) === (d == null ? void 0 : d[y]);
     }
-    return e.by === null ? yo(c, d) : e.by(c, d);
+    return e.by === null ? wo(c, d) : e.by(c, d);
   }, calculateIndex(c) {
-    return g.virtual.value ? e.by === null ? g.virtual.value.options.indexOf(c) : g.virtual.value.options.findIndex((d) => g.compare(d, c)) : p.value.findIndex((d) => g.compare(d.dataRef.value, 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: w(() => {
-    if (h.value && f.value === null && (g.virtual.value ? g.virtual.value.options.length > 0 : p.value.length > 0)) {
+    return g.virtual.value ? e.by === null ? g.virtual.value.options.indexOf(c) : g.virtual.value.options.findIndex((d) => g.compare(d, c)) : f.value.findIndex((d) => g.compare(d.dataRef.value, c));
+  }, defaultValue: S(() => e.defaultValue), nullable: V, immediate: S(() => !1), virtual: S(() => null), inputRef: i, labelRef: r, buttonRef: s, optionsRef: a, disabled: S(() => e.disabled), options: f, change(c) {
+    T(c);
+  }, activeOptionIndex: S(() => {
+    if (x.value && p.value === null && (g.virtual.value ? g.virtual.value.options.length > 0 : f.value.length > 0)) {
       if (g.virtual.value) {
-        let d = g.virtual.value.options.findIndex((x) => {
-          var E;
-          return !((E = g.virtual.value) != null && E.disabled(x));
+        let d = g.virtual.value.options.findIndex((y) => {
+          var O;
+          return !((O = g.virtual.value) != null && O.disabled(y));
         });
         if (d !== -1) return d;
       }
-      let c = p.value.findIndex((d) => !d.dataRef.disabled);
+      let c = f.value.findIndex((d) => !d.dataRef.disabled);
       if (c !== -1) return c;
     }
-    return f.value;
-  }), activationTrigger: v, optionsPropsRef: u, closeCombobox() {
-    h.value = !1, !e.disabled && s.value !== 1 && (s.value = 1, f.value = null);
+    return p.value;
+  }), activationTrigger: m, optionsPropsRef: u, closeCombobox() {
+    x.value = !1, !e.disabled && l.value !== 1 && (l.value = 1, p.value = null);
   }, openCombobox() {
-    if (h.value = !0, !e.disabled && s.value !== 0) {
+    if (x.value = !0, !e.disabled && l.value !== 0) {
       if (g.value.value) {
         let c = g.calculateIndex(g.value.value);
-        c !== -1 && (f.value = c);
+        c !== -1 && (p.value = c);
       }
-      s.value = 0;
+      l.value = 0;
     }
   }, setActivationTrigger(c) {
-    v.value = c;
-  }, goToOption(c, d, x) {
-    h.value = !1, D !== null && cancelAnimationFrame(D), D = requestAnimationFrame(() => {
-      if (e.disabled || a.value && !u.value.static && s.value === 1) return;
+    m.value = c;
+  }, goToOption(c, d, y) {
+    x.value = !1, D !== null && cancelAnimationFrame(D), D = requestAnimationFrame(() => {
+      if (e.disabled || a.value && !u.value.static && l.value === 1) return;
       if (g.virtual.value) {
-        f.value = c === H.Specific ? d : ht({ focus: c }, { resolveItems: () => g.virtual.value.options, resolveActiveIndex: () => {
-          var A, G;
-          return (G = (A = g.activeOptionIndex.value) != null ? A : g.virtual.value.options.findIndex((q) => {
-            var F;
-            return !((F = g.virtual.value) != null && F.disabled(q));
+        p.value = c === z.Specific ? d : mt({ focus: c }, { resolveItems: () => g.virtual.value.options, resolveActiveIndex: () => {
+          var N, G;
+          return (G = (N = g.activeOptionIndex.value) != null ? N : g.virtual.value.options.findIndex((q) => {
+            var j;
+            return !((j = g.virtual.value) != null && j.disabled(q));
           })) != null ? G : null;
-        }, resolveDisabled: (A) => g.virtual.value.disabled(A), resolveId() {
+        }, resolveDisabled: (N) => g.virtual.value.disabled(N), resolveId() {
           throw new Error("Function not implemented.");
-        } }), v.value = x ?? 2;
+        } }), m.value = y ?? 2;
         return;
       }
-      let E = m();
-      if (E.activeOptionIndex === null) {
-        let A = E.options.findIndex((G) => !G.dataRef.disabled);
-        A !== -1 && (E.activeOptionIndex = A);
+      let O = v();
+      if (O.activeOptionIndex === null) {
+        let N = O.options.findIndex((G) => !G.dataRef.disabled);
+        N !== -1 && (O.activeOptionIndex = N);
       }
-      let V = c === H.Specific ? d : ht({ focus: c }, { resolveItems: () => E.options, resolveActiveIndex: () => E.activeOptionIndex, resolveId: (A) => A.id, resolveDisabled: (A) => A.dataRef.disabled });
-      f.value = V, v.value = x ?? 2, p.value = E.options;
+      let k = c === z.Specific ? d : mt({ focus: c }, { resolveItems: () => O.options, resolveActiveIndex: () => O.activeOptionIndex, resolveId: (N) => N.id, resolveDisabled: (N) => N.dataRef.disabled });
+      p.value = k, m.value = y ?? 2, f.value = O.options;
     });
   }, selectOption(c) {
-    let d = p.value.find((E) => E.id === c);
+    let d = f.value.find((O) => O.id === c);
     if (!d) return;
-    let { dataRef: x } = d;
-    L(x.value);
+    let { dataRef: y } = d;
+    L(y.value);
   }, selectActiveOption() {
     if (g.activeOptionIndex.value !== null) {
       if (g.virtual.value) L(g.virtual.value.options[g.activeOptionIndex.value]);
       else {
-        let { dataRef: c } = p.value[g.activeOptionIndex.value];
+        let { dataRef: c } = f.value[g.activeOptionIndex.value];
         L(c.value);
       }
-      g.goToOption(H.Specific, g.activeOptionIndex.value);
+      g.goToOption(z.Specific, g.activeOptionIndex.value);
     }
   }, registerOption(c, d) {
-    let x = Ot({ id: c, dataRef: d });
+    let y = Ot({ id: c, dataRef: d });
     if (g.virtual.value) {
-      p.value.push(x);
+      f.value.push(y);
       return;
     }
     _ && cancelAnimationFrame(_);
-    let E = m((V) => (V.push(x), V));
-    f.value === null && g.isSelected(d.value.value) && (E.activeOptionIndex = E.options.indexOf(x)), p.value = E.options, f.value = E.activeOptionIndex, v.value = 2, E.options.some((V) => !P(V.dataRef.domRef)) && (_ = requestAnimationFrame(() => {
-      let V = m();
-      p.value = V.options, f.value = V.activeOptionIndex;
+    let O = v((k) => (k.push(y), k));
+    p.value === null && g.isSelected(d.value.value) && (O.activeOptionIndex = O.options.indexOf(y)), f.value = O.options, p.value = O.activeOptionIndex, m.value = 2, O.options.some((k) => !P(k.dataRef.domRef)) && (_ = requestAnimationFrame(() => {
+      let k = v();
+      f.value = k.options, p.value = k.activeOptionIndex;
     }));
   }, unregisterOption(c, d) {
-    if (D !== null && cancelAnimationFrame(D), d && (h.value = !0), g.virtual.value) {
-      p.value = p.value.filter((E) => E.id !== c);
+    if (D !== null && cancelAnimationFrame(D), d && (x.value = !0), g.virtual.value) {
+      f.value = f.value.filter((O) => O.id !== c);
       return;
     }
-    let x = m((E) => {
-      let V = E.findIndex((A) => A.id === c);
-      return V !== -1 && E.splice(V, 1), E;
+    let y = v((O) => {
+      let k = O.findIndex((N) => N.id === c);
+      return k !== -1 && O.splice(k, 1), O;
     });
-    p.value = x.options, f.value = x.activeOptionIndex, v.value = 2;
+    f.value = y.options, p.value = y.activeOptionIndex, m.value = 2;
   }, isSelected(c) {
-    return se(O.value, { 0: () => g.compare(K(g.value.value), K(c)), 1: () => K(g.value.value).some((d) => g.compare(K(d), K(c))) });
+    return le(h.value, { 0: () => g.compare(K(g.value.value), K(c)), 1: () => K(g.value.value).some((d) => g.compare(K(d), K(c))) });
   }, isActive(c) {
-    return f.value === g.calculateIndex(c);
+    return p.value === g.calculateIndex(c);
   } };
-  uo([r, l, a], () => g.closeCombobox(), w(() => s.value === 0)), et(zt, g), Co(w(() => se(s.value, { 0: $e.Open, 1: $e.Closed })));
-  let T = w(() => {
+  co([i, s, a], () => g.closeCombobox(), S(() => l.value === 0)), nt(zt, g), _o(S(() => le(l.value, { 0: $e.Open, 1: $e.Closed })));
+  let I = S(() => {
     var c;
-    return (c = P(r)) == null ? void 0 : c.closest("form");
+    return (c = P(i)) == null ? void 0 : c.closest("form");
   });
   return xe(() => {
-    z([T], () => {
-      if (!T.value || e.defaultValue === void 0) return;
+    F([I], () => {
+      if (!I.value || e.defaultValue === void 0) return;
       function c() {
         g.change(e.defaultValue);
       }
-      return T.value.addEventListener("reset", c), () => {
+      return I.value.addEventListener("reset", c), () => {
         var d;
-        (d = T.value) == null || d.removeEventListener("reset", c);
+        (d = I.value) == null || d.removeEventListener("reset", c);
       };
     }, { immediate: !0 });
   }), () => {
-    var c, d, x;
-    let { name: E, disabled: V, form: A, ...G } = e, q = { open: s.value === 0, disabled: V, activeIndex: g.activeOptionIndex.value, activeOption: g.activeOptionIndex.value === null ? null : g.virtual.value ? g.virtual.value.options[(c = g.activeOptionIndex.value) != null ? c : 0] : (x = (d = g.options.value[g.activeOptionIndex.value]) == null ? void 0 : d.dataRef.value) != null ? x : null, value: M.value };
-    return Se(Z, [...E != null && M.value != null ? jt({ [E]: M.value }).map(([F, cn]) => Se(go, ho({ features: At.Hidden, key: F, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: A, disabled: V, name: F, value: cn }))) : [], pe({ theirProps: { ...t, ...je(G, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: q, slots: o, attrs: t, name: "Combobox" })]);
+    var c, d, y;
+    let { name: O, disabled: k, form: N, ...G } = e, q = { open: l.value === 0, disabled: k, activeIndex: g.activeOptionIndex.value, activeOption: g.activeOptionIndex.value === null ? null : g.virtual.value ? g.virtual.value.options[(c = g.activeOptionIndex.value) != null ? c : 0] : (y = (d = g.options.value[g.activeOptionIndex.value]) == null ? void 0 : d.dataRef.value) != null ? y : null, value: R.value };
+    return Ee(Z, [...O != null && R.value != null ? jt({ [O]: R.value }).map(([j, dn]) => Ee(bo, mo({ features: At.Hidden, key: j, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: N, disabled: k, name: j, value: dn }))) : [], 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 }) {
   var n;
-  let s = (n = e.id) != null ? n : `headlessui-combobox-label-${Le()}`, i = ve("ComboboxLabel");
-  function r() {
-    var l;
-    (l = P(i.inputRef)) == null || l.focus({ preventScroll: !0 });
+  let l = (n = e.id) != null ? n : `headlessui-combobox-label-${Le()}`, r = ve("ComboboxLabel");
+  function i() {
+    var s;
+    (s = P(r.inputRef)) == null || s.focus({ preventScroll: !0 });
   }
   return () => {
-    let l = { open: i.comboboxState.value === 0, disabled: i.disabled.value }, { ...a } = e, u = { id: s, ref: i.labelRef, onClick: r };
-    return pe({ ourProps: u, theirProps: a, slot: l, attrs: o, slots: t, name: "ComboboxLabel" });
+    let s = { open: r.comboboxState.value === 0, disabled: r.disabled.value }, { ...a } = e, u = { id: l, ref: r.labelRef, onClick: i };
+    return pe({ ourProps: u, theirProps: a, slot: s, attrs: o, slots: t, name: "ComboboxLabel" });
   };
 } });
 let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: o, slots: t, expose: n }) {
-  var s;
-  let i = (s = e.id) != null ? s : `headlessui-combobox-button-${Le()}`, 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()), Q(() => {
-      var f;
-      return (f = P(r.inputRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
+  var l;
+  let r = (l = e.id) != null ? l : `headlessui-combobox-button-${Le()}`, i = ve("ComboboxButton");
+  n({ el: i.buttonRef, $el: i.buttonRef });
+  function s(f) {
+    i.disabled.value || (i.comboboxState.value === 0 ? i.closeCombobox() : (f.preventDefault(), i.openCombobox()), Q(() => {
+      var p;
+      return (p = P(i.inputRef)) == null ? void 0 : p.focus({ preventScroll: !0 });
     }));
   }
-  function a(p) {
-    switch (p.key) {
+  function a(f) {
+    switch (f.key) {
       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 });
+        f.preventDefault(), f.stopPropagation(), i.comboboxState.value === 1 && i.openCombobox(), Q(() => {
+          var p;
+          return (p = i.inputRef.value) == null ? void 0 : p.focus({ preventScroll: !0 });
         });
         return;
       case W.ArrowUp:
-        p.preventDefault(), p.stopPropagation(), r.comboboxState.value === 1 && (r.openCombobox(), Q(() => {
-          r.value.value || r.goToOption(H.Last);
+        f.preventDefault(), f.stopPropagation(), i.comboboxState.value === 1 && (i.openCombobox(), Q(() => {
+          i.value.value || i.goToOption(z.Last);
         })), Q(() => {
-          var f;
-          return (f = r.inputRef.value) == null ? void 0 : f.focus({ preventScroll: !0 });
+          var p;
+          return (p = i.inputRef.value) == null ? void 0 : p.focus({ preventScroll: !0 });
         });
         return;
       case W.Escape:
-        if (r.comboboxState.value !== 0) return;
-        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 });
+        if (i.comboboxState.value !== 0) return;
+        f.preventDefault(), i.optionsRef.value && !i.optionsPropsRef.value.static && f.stopPropagation(), i.closeCombobox(), Q(() => {
+          var p;
+          return (p = i.inputRef.value) == null ? void 0 : p.focus({ preventScroll: !0 });
         });
         return;
     }
   }
-  let u = co(w(() => ({ as: e.as, type: o.type })), r.buttonRef);
+  let u = fo(S(() => ({ as: e.as, type: o.type })), i.buttonRef);
   return () => {
-    var p, f;
-    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 = P(r.optionsRef)) == null ? void 0 : p.id, "aria-expanded": r.comboboxState.value === 0, "aria-labelledby": r.labelRef.value ? [(f = P(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" });
+    var f, p;
+    let m = { open: i.comboboxState.value === 0, disabled: i.disabled.value, value: i.value.value }, { ...x } = e, v = { ref: i.buttonRef, id: r, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (f = P(i.optionsRef)) == null ? void 0 : f.id, "aria-expanded": i.comboboxState.value === 0, "aria-labelledby": i.labelRef.value ? [(p = P(i.labelRef)) == null ? void 0 : p.id, r].join(" ") : void 0, disabled: i.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: s };
+    return pe({ ourProps: v, theirProps: x, slot: m, attrs: o, slots: t, name: "ComboboxButton" });
   };
-} }), To = 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-${Le()}`, l = ve("ComboboxInput"), a = w(() => ot(P(l.inputRef))), u = { value: !1 };
-  s({ el: l.inputRef, $el: l.inputRef });
-  function p() {
-    l.change(null);
-    let _ = P(l.optionsRef);
-    _ && (_.scrollTop = 0), l.goToOption(H.Nothing);
-  }
-  let f = w(() => {
+} }), 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: l }) {
+  var r;
+  let i = (r = e.id) != null ? r : `headlessui-combobox-input-${Le()}`, s = ve("ComboboxInput"), a = S(() => st(P(s.inputRef))), u = { value: !1 };
+  l({ el: s.inputRef, $el: s.inputRef });
+  function f() {
+    s.change(null);
+    let _ = P(s.optionsRef);
+    _ && (_.scrollTop = 0), s.goToOption(z.Nothing);
+  }
+  let p = S(() => {
     var _;
-    let L = l.value.value;
-    return P(l.inputRef) ? typeof e.displayValue < "u" && L !== void 0 ? (_ = e.displayValue(L)) != null ? _ : "" : typeof L == "string" ? L : "" : "";
+    let L = s.value.value;
+    return P(s.inputRef) ? typeof e.displayValue < "u" && L !== void 0 ? (_ = e.displayValue(L)) != null ? _ : "" : typeof L == "string" ? L : "" : "";
   });
   xe(() => {
-    z([f, l.comboboxState, a], ([_, L], [b, g]) => {
+    F([p, s.comboboxState, a], ([_, L], [b, g]) => {
       if (u.value) return;
-      let T = P(l.inputRef);
-      T && ((g === 0 && L === 1 || _ !== b) && (T.value = _), requestAnimationFrame(() => {
+      let I = P(s.inputRef);
+      I && ((g === 0 && L === 1 || _ !== b) && (I.value = _), requestAnimationFrame(() => {
         var c;
-        if (u.value || !T || ((c = a.value) == null ? void 0 : c.activeElement) !== T) return;
-        let { selectionStart: d, selectionEnd: x } = T;
-        Math.abs((x ?? 0) - (d ?? 0)) === 0 && d === 0 && T.setSelectionRange(T.value.length, T.value.length);
+        if (u.value || !I || ((c = a.value) == null ? void 0 : c.activeElement) !== I) return;
+        let { selectionStart: d, selectionEnd: y } = I;
+        Math.abs((y ?? 0) - (d ?? 0)) === 0 && d === 0 && I.setSelectionRange(I.value.length, I.value.length);
       }));
-    }, { immediate: !0 }), z([l.comboboxState], ([_], [L]) => {
+    }, { immediate: !0 }), F([s.comboboxState], ([_], [L]) => {
       if (_ === 0 && L === 1) {
         if (u.value) return;
-        let b = P(l.inputRef);
+        let b = P(s.inputRef);
         if (!b) return;
-        let g = b.value, { selectionStart: T, selectionEnd: c, selectionDirection: d } = b;
-        b.value = "", b.value = g, d !== null ? b.setSelectionRange(T, c, d) : b.setSelectionRange(T, c);
+        let g = b.value, { selectionStart: I, selectionEnd: c, selectionDirection: d } = b;
+        b.value = "", b.value = g, d !== null ? b.setSelectionRange(I, c, d) : b.setSelectionRange(I, c);
       }
     });
   });
-  let v = S(!1);
-  function h() {
-    v.value = !0;
+  let m = E(!1);
+  function x() {
+    m.value = !0;
   }
-  function m() {
+  function v() {
     Ae().nextFrame(() => {
-      v.value = !1;
+      m.value = !1;
     });
   }
-  let O = qn();
-  function N(_) {
-    switch (u.value = !0, O(() => {
+  let h = Jn();
+  function V(_) {
+    switch (u.value = !0, h(() => {
       u.value = !1;
     }), _.key) {
       case W.Enter:
-        if (u.value = !1, l.comboboxState.value !== 0 || v.value) return;
-        if (_.preventDefault(), _.stopPropagation(), l.activeOptionIndex.value === null) {
-          l.closeCombobox();
+        if (u.value = !1, s.comboboxState.value !== 0 || m.value) return;
+        if (_.preventDefault(), _.stopPropagation(), s.activeOptionIndex.value === null) {
+          s.closeCombobox();
           return;
         }
-        l.selectActiveOption(), l.mode.value === 0 && l.closeCombobox();
+        s.selectActiveOption(), s.mode.value === 0 && s.closeCombobox();
         break;
       case W.ArrowDown:
-        return u.value = !1, _.preventDefault(), _.stopPropagation(), se(l.comboboxState.value, { 0: () => l.goToOption(H.Next), 1: () => l.openCombobox() });
+        return u.value = !1, _.preventDefault(), _.stopPropagation(), le(s.comboboxState.value, { 0: () => s.goToOption(z.Next), 1: () => s.openCombobox() });
       case W.ArrowUp:
-        return u.value = !1, _.preventDefault(), _.stopPropagation(), se(l.comboboxState.value, { 0: () => l.goToOption(H.Previous), 1: () => {
-          l.openCombobox(), Q(() => {
-            l.value.value || l.goToOption(H.Last);
+        return u.value = !1, _.preventDefault(), _.stopPropagation(), le(s.comboboxState.value, { 0: () => s.goToOption(z.Previous), 1: () => {
+          s.openCombobox(), Q(() => {
+            s.value.value || s.goToOption(z.Last);
           });
         } });
       case W.Home:
         if (_.shiftKey) break;
-        return u.value = !1, _.preventDefault(), _.stopPropagation(), l.goToOption(H.First);
+        return u.value = !1, _.preventDefault(), _.stopPropagation(), s.goToOption(z.First);
       case W.PageUp:
-        return u.value = !1, _.preventDefault(), _.stopPropagation(), l.goToOption(H.First);
+        return u.value = !1, _.preventDefault(), _.stopPropagation(), s.goToOption(z.First);
       case W.End:
         if (_.shiftKey) break;
-        return u.value = !1, _.preventDefault(), _.stopPropagation(), l.goToOption(H.Last);
+        return u.value = !1, _.preventDefault(), _.stopPropagation(), s.goToOption(z.Last);
       case W.PageDown:
-        return u.value = !1, _.preventDefault(), _.stopPropagation(), l.goToOption(H.Last);
+        return u.value = !1, _.preventDefault(), _.stopPropagation(), s.goToOption(z.Last);
       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();
+        if (u.value = !1, s.comboboxState.value !== 0) return;
+        _.preventDefault(), s.optionsRef.value && !s.optionsPropsRef.value.static && _.stopPropagation(), s.nullable.value && s.mode.value === 0 && s.value.value === null && f(), s.closeCombobox();
         break;
       case W.Tab:
-        if (u.value = !1, l.comboboxState.value !== 0) return;
-        l.mode.value === 0 && l.activationTrigger.value !== 1 && l.selectActiveOption(), l.closeCombobox();
+        if (u.value = !1, s.comboboxState.value !== 0) return;
+        s.mode.value === 0 && s.activationTrigger.value !== 1 && s.selectActiveOption(), s.closeCombobox();
         break;
     }
   }
-  function R(_) {
-    o("change", _), l.nullable.value && l.mode.value === 0 && _.target.value === "" && p(), l.openCombobox();
+  function A(_) {
+    o("change", _), s.nullable.value && s.mode.value === 0 && _.target.value === "" && f(), s.openCombobox();
   }
-  function I(_) {
+  function T(_) {
     var L, b, g;
-    let T = (L = _.relatedTarget) != null ? L : ce.find((c) => c !== _.currentTarget);
-    if (u.value = !1, !((b = P(l.optionsRef)) != null && b.contains(T)) && !((g = P(l.buttonRef)) != null && g.contains(T)) && l.comboboxState.value === 0) return _.preventDefault(), l.mode.value === 0 && (l.nullable.value && l.value.value === null ? p() : l.activationTrigger.value !== 1 && l.selectActiveOption()), l.closeCombobox();
+    let I = (L = _.relatedTarget) != null ? L : ce.find((c) => c !== _.currentTarget);
+    if (u.value = !1, !((b = P(s.optionsRef)) != null && b.contains(I)) && !((g = P(s.buttonRef)) != null && g.contains(I)) && s.comboboxState.value === 0) return _.preventDefault(), s.mode.value === 0 && (s.nullable.value && s.value.value === null ? f() : s.activationTrigger.value !== 1 && s.selectActiveOption()), s.closeCombobox();
   }
-  function M(_) {
+  function R(_) {
     var L, b, g;
-    let T = (L = _.relatedTarget) != null ? L : ce.find((c) => c !== _.currentTarget);
-    (b = P(l.buttonRef)) != null && b.contains(T) || (g = P(l.optionsRef)) != null && g.contains(T) || l.disabled.value || l.immediate.value && l.comboboxState.value !== 0 && (l.openCombobox(), Ae().nextFrame(() => {
-      l.setActivationTrigger(1);
+    let I = (L = _.relatedTarget) != null ? L : ce.find((c) => c !== _.currentTarget);
+    (b = P(s.buttonRef)) != null && b.contains(I) || (g = P(s.optionsRef)) != null && g.contains(I) || s.disabled.value || s.immediate.value && s.comboboxState.value !== 0 && (s.openCombobox(), Ae().nextFrame(() => {
+      s.setActivationTrigger(1);
     }));
   }
-  let D = w(() => {
+  let D = S(() => {
     var _, L, b, g;
-    return (g = (b = (L = e.defaultValue) != null ? L : l.defaultValue.value !== void 0 ? (_ = e.displayValue) == null ? void 0 : _.call(e, l.defaultValue.value) : null) != null ? b : l.defaultValue.value) != null ? g : "";
+    return (g = (b = (L = e.defaultValue) != null ? L : s.defaultValue.value !== void 0 ? (_ = e.displayValue) == null ? void 0 : _.call(e, s.defaultValue.value) : null) != null ? b : s.defaultValue.value) != null ? g : "";
   });
   return () => {
-    var _, L, b, g, T, c, d;
-    let x = { open: l.comboboxState.value === 0 }, { displayValue: E, onChange: V, ...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 ? (L = 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 : L.id : (b = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : b.id, "aria-labelledby": (c = (g = P(l.labelRef)) == null ? void 0 : g.id) != null ? c : (T = P(l.buttonRef)) == null ? void 0 : T.id, "aria-autocomplete": "list", id: r, onCompositionstart: h, onCompositionend: m, onKeydown: N, onInput: R, onFocus: M, 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" });
+    var _, L, b, g, I, c, d;
+    let y = { open: s.comboboxState.value === 0 }, { displayValue: O, onChange: k, ...N } = e, G = { "aria-controls": (_ = s.optionsRef.value) == null ? void 0 : _.id, "aria-expanded": s.comboboxState.value === 0, "aria-activedescendant": s.activeOptionIndex.value === null ? void 0 : s.virtual.value ? (L = s.options.value.find((q) => !s.virtual.value.disabled(q.dataRef.value) && s.compare(q.dataRef.value, s.virtual.value.options[s.activeOptionIndex.value]))) == null ? void 0 : L.id : (b = s.options.value[s.activeOptionIndex.value]) == null ? void 0 : b.id, "aria-labelledby": (c = (g = P(s.labelRef)) == null ? void 0 : g.id) != null ? c : (I = P(s.buttonRef)) == null ? void 0 : I.id, "aria-autocomplete": "list", id: i, onCompositionstart: x, onCompositionend: v, onKeydown: V, onInput: A, onFocus: R, onBlur: T, role: "combobox", type: (d = t.type) != null ? d : "text", tabIndex: 0, ref: s.inputRef, defaultValue: D.value, disabled: s.disabled.value === !0 ? !0 : void 0 };
+    return pe({ ourProps: G, theirProps: N, slot: y, attrs: t, slots: n, features: Oe.RenderStrategy | Oe.Static, name: "ComboboxInput" });
   };
-} }), Lo = 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-${Le()}`;
-  n({ el: s.optionsRef, $el: s.optionsRef }), re(() => {
-    s.optionsPropsRef.value.static = e.static;
-  }), re(() => {
-    s.optionsPropsRef.value.hold = e.hold;
+} }), Po = 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 l = ve("ComboboxOptions"), r = `headlessui-combobox-options-${Le()}`;
+  n({ el: l.optionsRef, $el: l.optionsRef }), ie(() => {
+    l.optionsPropsRef.value.static = e.static;
+  }), ie(() => {
+    l.optionsPropsRef.value.hold = e.hold;
   });
-  let r = bo(), l = w(() => r !== null ? (r.value & $e.Open) === $e.Open : s.comboboxState.value === 0);
-  po({ container: w(() => P(s.optionsRef)), enabled: w(() => s.comboboxState.value === 0), accept(u) {
+  let i = Co(), s = S(() => i !== null ? (i.value & $e.Open) === $e.Open : l.comboboxState.value === 0);
+  vo({ container: S(() => P(l.optionsRef)), enabled: S(() => 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");
@@ -1256,59 +1256,59 @@ let Io = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     u.preventDefault();
   }
   return () => {
-    var u, p, f;
-    let v = { open: s.comboboxState.value === 0 }, h = { "aria-labelledby": (f = (u = P(s.labelRef)) == null ? void 0 : u.id) != null ? f : (p = P(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" });
+    var u, f, p;
+    let m = { open: l.comboboxState.value === 0 }, x = { "aria-labelledby": (p = (u = P(l.labelRef)) == null ? void 0 : u.id) != null ? p : (f = P(l.buttonRef)) == null ? void 0 : f.id, id: r, ref: l.optionsRef, role: "listbox", "aria-multiselectable": l.mode.value === 1 ? !0 : void 0, onMousedown: a }, v = je(e, ["hold"]);
+    return pe({ ourProps: x, theirProps: v, slot: m, attrs: o, slots: l.virtual.value && l.comboboxState.value === 0 ? { ...t, default: () => [Ee($o, {}, t.default)] } : t, features: Oe.RenderStrategy | Oe.Static, visible: s.value, name: "ComboboxOptions" });
   };
-} }), Po = 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-${Le()}`, r = S(null), l = w(() => e.disabled);
-  n({ el: r, $el: r });
-  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 = w(() => s.isSelected(e.value)), p = Te(Ut, null), f = w(() => ({ disabled: e.disabled, value: e.value, domRef: r, order: w(() => e.order) }));
-  xe(() => s.registerOption(i, f)), Et(() => s.unregisterOption(i, a.value)), re(() => {
-    let I = P(r);
-    I && (p == null || p.value.measureElement(I));
-  }), re(() => {
-    s.comboboxState.value === 0 && a.value && (s.virtual.value || s.activationTrigger.value !== 0 && Q(() => {
-      var I, M;
-      return (M = (I = P(r)) == null ? void 0 : I.scrollIntoView) == null ? void 0 : M.call(I, { block: "nearest" });
+} }), 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 l = ve("ComboboxOption"), r = `headlessui-combobox-option-${Le()}`, i = E(null), s = S(() => e.disabled);
+  n({ el: i, $el: i });
+  let a = S(() => {
+    var T;
+    return l.virtual.value ? l.activeOptionIndex.value === l.calculateIndex(e.value) : l.activeOptionIndex.value === null ? !1 : ((T = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : T.id) === r;
+  }), u = S(() => l.isSelected(e.value)), f = Ie(Ut, null), p = S(() => ({ disabled: e.disabled, value: e.value, domRef: i, order: S(() => e.order) }));
+  xe(() => l.registerOption(r, p)), tt(() => l.unregisterOption(r, a.value)), ie(() => {
+    let T = P(i);
+    T && (f == null || f.value.measureElement(T));
+  }), ie(() => {
+    l.comboboxState.value === 0 && a.value && (l.virtual.value || l.activationTrigger.value !== 0 && Q(() => {
+      var T, R;
+      return (R = (T = P(i)) == null ? void 0 : T.scrollIntoView) == null ? void 0 : R.call(T, { block: "nearest" });
     }));
   });
-  function v(I) {
-    I.preventDefault(), I.button === Ft.Left && (l.value || (s.selectOption(i), Mt() || requestAnimationFrame(() => {
-      var M;
-      return (M = P(s.inputRef)) == null ? void 0 : M.focus({ preventScroll: !0 });
-    }), s.mode.value === 0 && s.closeCombobox()));
-  }
-  function h() {
-    var I;
-    if (e.disabled || (I = s.virtual.value) != null && I.disabled(e.value)) return s.goToOption(H.Nothing);
-    let M = s.calculateIndex(e.value);
-    s.goToOption(H.Specific, M);
-  }
-  let m = fo();
-  function O(I) {
-    m.update(I);
-  }
-  function N(I) {
-    var M;
-    if (!m.wasMoved(I) || e.disabled || (M = s.virtual.value) != null && M.disabled(e.value) || a.value) return;
-    let D = s.calculateIndex(e.value);
-    s.goToOption(H.Specific, D, 0);
-  }
-  function R(I) {
-    var M;
-    m.wasMoved(I) && (e.disabled || (M = s.virtual.value) != null && M.disabled(e.value) || a.value && (s.optionsPropsRef.value.hold || s.goToOption(H.Nothing)));
+  function m(T) {
+    T.preventDefault(), T.button === Ft.Left && (s.value || (l.selectOption(r), Mt() || requestAnimationFrame(() => {
+      var R;
+      return (R = P(l.inputRef)) == null ? void 0 : R.focus({ preventScroll: !0 });
+    }), l.mode.value === 0 && l.closeCombobox()));
+  }
+  function x() {
+    var T;
+    if (e.disabled || (T = l.virtual.value) != null && T.disabled(e.value)) return l.goToOption(z.Nothing);
+    let R = l.calculateIndex(e.value);
+    l.goToOption(z.Specific, R);
+  }
+  let v = po();
+  function h(T) {
+    v.update(T);
+  }
+  function V(T) {
+    var R;
+    if (!v.wasMoved(T) || e.disabled || (R = l.virtual.value) != null && R.disabled(e.value) || a.value) return;
+    let D = l.calculateIndex(e.value);
+    l.goToOption(z.Specific, D, 0);
+  }
+  function A(T) {
+    var R;
+    v.wasMoved(T) && (e.disabled || (R = l.virtual.value) != null && R.disabled(e.value) || a.value && (l.optionsPropsRef.value.hold || l.goToOption(z.Nothing)));
   }
   return () => {
-    let { disabled: I } = e, M = { 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: O, onMouseenter: O, onPointermove: N, onMousemove: N, onPointerleave: R, onMouseleave: R }, _ = je(e, ["order", "value"]);
-    return pe({ ourProps: D, theirProps: _, slot: M, attrs: t, slots: o, name: "ComboboxOption" });
+    let { disabled: T } = e, R = { active: a.value, selected: u.value, disabled: T }, D = { id: r, ref: i, role: "option", tabIndex: T === !0 ? void 0 : -1, "aria-disabled": T === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: m, onFocus: x, onPointerenter: h, onMouseenter: h, onPointermove: V, onMousemove: V, onPointerleave: A, onMouseleave: A }, _ = je(e, ["order", "value"]);
+    return pe({ ourProps: D, theirProps: _, slot: R, attrs: t, slots: o, name: "ComboboxOption" });
   };
 } });
-function Vo(e, o) {
-  return y(), $("svg", {
+function ko(e, o) {
+  return w(), $("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1322,8 +1322,8 @@ function Vo(e, o) {
     })
   ]);
 }
-function ko(e, o) {
-  return y(), $("svg", {
+function Mo(e, o) {
+  return w(), $("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1337,8 +1337,8 @@ function ko(e, o) {
     })
   ]);
 }
-function Mo(e, o) {
-  return y(), $("svg", {
+function Ro(e, o) {
+  return w(), $("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1352,9 +1352,9 @@ function Mo(e, o) {
     })
   ]);
 }
-const mt = {
+const gt = {
   __name: "Select",
-  props: /* @__PURE__ */ fn({
+  props: /* @__PURE__ */ pn({
     languages: {
       type: Object,
       required: !0
@@ -1365,54 +1365,54 @@ const mt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, t = pn(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();
+    const o = e, t = vn(e, "modelValue"), n = E(""), l = E(null), r = S(() => Object.entries(o.languages).filter(
+      ([, s]) => s.toLowerCase().includes(n.value.toLowerCase())
+    )), i = (s) => {
+      s.target.value = "", n.value = "", l.value && l.value.$el.click();
     };
-    return (l, a) => (y(), ee(k($o), {
+    return (s, a) => (w(), ee(M(To), {
       modelValue: t.value,
       "onUpdate:modelValue": a[3] || (a[3] = (u) => t.value = u),
       as: "div",
       class: "relative mt-1"
     }, {
       default: Pe(() => [
-        B(k(To), {
+        H(M(Lo), {
           class: "w-full bg-white border border-gray-300 rounded py-2.5 pl-3 pr-10 text-sm text-gray-800 font-medium focus:outline-none focus:ring-0.5 focus:ring-gray-400 focus:border-gray-400",
           onChange: a[0] || (a[0] = (u) => n.value = u.target.value),
           displayValue: (u) => e.languages[u],
-          onFocus: a[1] || (a[1] = (u) => r(u))
+          onFocus: a[1] || (a[1] = (u) => i(u))
         }, null, 8, ["displayValue"]),
-        B(k(Io), {
+        H(M(Io), {
           ref_key: "btnSelect",
-          ref: s,
+          ref: l,
           class: "absolute inset-y-0 right-0 flex items-center pr-2"
         }, {
           default: Pe(() => [
-            B(k(ko), {
+            H(M(Mo), {
               class: "h-5 w-5 text-gray-400",
               "aria-hidden": "true",
-              onClick: a[2] || (a[2] = (u) => r(u))
+              onClick: a[2] || (a[2] = (u) => i(u))
             })
           ]),
           _: 1
         }, 512),
-        B(k(Lo), { 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" }, {
+        H(M(Po), { 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: Pe(() => [
-            (y(!0), $(Z, null, le(i.value, ([u, p]) => (y(), ee(k(Po), {
+            (w(!0), $(Z, null, se(r.value, ([u, f]) => (w(), ee(M(Vo), {
               key: u,
               value: u
             }, {
-              default: Pe(({ active: f, selected: v }) => [
+              default: Pe(({ active: p, selected: m }) => [
                 C("li", {
                   class: Ce([
                     "relative cursor-default select-none py-2 pl-3 pr-9",
-                    f ? "bg-[#3B5695] text-white" : "text-textCustom"
+                    p ? "bg-[#3B5695] text-white" : "text-textCustom"
                   ])
                 }, [
                   C("span", {
-                    class: Ce(["block truncate", v && "font-semibold"])
-                  }, te(p), 3)
+                    class: Ce(["block truncate", m && "font-semibold"])
+                  }, te(f), 3)
                 ], 2)
               ]),
               _: 2
@@ -1424,19 +1424,19 @@ const mt = {
       _: 1
     }, 8, ["modelValue"]));
   }
-}, Zt = "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='M3.68688%202.3131C3.88214%202.50837%203.88214%202.82495%203.68688%203.02021L2.04043%204.66666L3.68688%206.3131C3.88214%206.50837%203.88214%206.82495%203.68688%207.02021C3.49162%207.21547%203.17504%207.21547%202.97977%207.02021L0.979775%205.02021C0.784513%204.82495%200.784513%204.50837%200.979775%204.3131L2.97977%202.3131C3.17504%202.11784%203.49162%202.11784%203.68688%202.3131Z'%20fill='%237E7E7E'/%3e%3cpath%20d='M12.3131%208.97977C12.5084%208.78451%2012.825%208.78451%2013.0202%208.97977L15.0202%2010.9798C15.2155%2011.175%2015.2155%2011.4916%2015.0202%2011.6869L13.0202%2013.6869C12.825%2013.8821%2012.5084%2013.8821%2012.3131%2013.6869C12.1178%2013.4916%2012.1178%2013.175%2012.3131%2012.9798L13.9596%2011.3333L12.3131%209.68688C12.1178%209.49161%2012.1178%209.17503%2012.3131%208.97977Z'%20fill='%237E7E7E'/%3e%3cpath%20d='M0.833328%204.66666C0.833328%204.39051%201.05719%204.16666%201.33333%204.16666H14.6667C14.9428%204.16666%2015.1667%204.39051%2015.1667%204.66666C15.1667%204.9428%2014.9428%205.16666%2014.6667%205.16666H1.33333C1.05719%205.16666%200.833328%204.9428%200.833328%204.66666Z'%20fill='%237E7E7E'/%3e%3cpath%20d='M0.833328%2011.3333C0.833328%2011.0572%201.05719%2010.8333%201.33333%2010.8333H14.6667C14.9428%2010.8333%2015.1667%2011.0572%2015.1667%2011.3333C15.1667%2011.6095%2014.9428%2011.8333%2014.6667%2011.8333H1.33333C1.05719%2011.8333%200.833328%2011.6095%200.833328%2011.3333Z'%20fill='%237E7E7E'/%3e%3c/svg%3e", Ro = { key: 0 }, No = /* @__PURE__ */ C("img", {
+}, Zt = "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='M3.68688%202.3131C3.88214%202.50837%203.88214%202.82495%203.68688%203.02021L2.04043%204.66666L3.68688%206.3131C3.88214%206.50837%203.88214%206.82495%203.68688%207.02021C3.49162%207.21547%203.17504%207.21547%202.97977%207.02021L0.979775%205.02021C0.784513%204.82495%200.784513%204.50837%200.979775%204.3131L2.97977%202.3131C3.17504%202.11784%203.49162%202.11784%203.68688%202.3131Z'%20fill='%237E7E7E'/%3e%3cpath%20d='M12.3131%208.97977C12.5084%208.78451%2012.825%208.78451%2013.0202%208.97977L15.0202%2010.9798C15.2155%2011.175%2015.2155%2011.4916%2015.0202%2011.6869L13.0202%2013.6869C12.825%2013.8821%2012.5084%2013.8821%2012.3131%2013.6869C12.1178%2013.4916%2012.1178%2013.175%2012.3131%2012.9798L13.9596%2011.3333L12.3131%209.68688C12.1178%209.49161%2012.1178%209.17503%2012.3131%208.97977Z'%20fill='%237E7E7E'/%3e%3cpath%20d='M0.833328%204.66666C0.833328%204.39051%201.05719%204.16666%201.33333%204.16666H14.6667C14.9428%204.16666%2015.1667%204.39051%2015.1667%204.66666C15.1667%204.9428%2014.9428%205.16666%2014.6667%205.16666H1.33333C1.05719%205.16666%200.833328%204.9428%200.833328%204.66666Z'%20fill='%237E7E7E'/%3e%3cpath%20d='M0.833328%2011.3333C0.833328%2011.0572%201.05719%2010.8333%201.33333%2010.8333H14.6667C14.9428%2010.8333%2015.1667%2011.0572%2015.1667%2011.3333C15.1667%2011.6095%2014.9428%2011.8333%2014.6667%2011.8333H1.33333C1.05719%2011.8333%200.833328%2011.6095%200.833328%2011.3333Z'%20fill='%237E7E7E'/%3e%3c/svg%3e", No = { key: 0 }, Ao = /* @__PURE__ */ C("img", {
   src: Zt,
   alt: "swap",
   class: "w-4"
-}, null, -1), Ao = [
-  No
-], Do = /* @__PURE__ */ C("img", {
+}, null, -1), Do = [
+  Ao
+], Fo = /* @__PURE__ */ C("img", {
   src: Zt,
   alt: "swap",
   class: "w-4"
-}, null, -1), Fo = [
-  Do
-], jo = {
+}, null, -1), jo = [
+  Fo
+], Bo = {
   __name: "SwapBtn",
   props: {
     isBidirect: {
@@ -1447,86 +1447,86 @@ const mt = {
   emits: ["swap"],
   setup(e, { emit: o }) {
     const t = o;
-    return (n, s) => e.isBidirect ? (y(), $("button", {
+    return (n, l) => e.isBidirect ? (w(), $("button", {
       key: 1,
-      onClick: s[0] || (s[0] = (i) => t("swap"))
-    }, Fo)) : (y(), $("button", Ro, Ao));
+      onClick: l[0] || (l[0] = (r) => t("swap"))
+    }, jo)) : (w(), $("button", No, Do));
   }
 };
 var Wt = !1;
 function ke(e, o, t) {
   return Array.isArray(e) ? (e.length = Math.max(e.length, o), e.splice(o, 1, t), t) : (e[o] = t, t);
 }
-function qe(e, o) {
+function Je(e, o) {
   if (Array.isArray(e)) {
     e.splice(o, 1);
     return;
   }
   delete e[o];
 }
-function Bo() {
+function Ho() {
   return Gt().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
 function Gt() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const Ho = typeof Proxy == "function", zo = "devtools-plugin:setup", Uo = "plugin:settings:set";
-let me, Je;
-function Zo() {
+const zo = typeof Proxy == "function", Uo = "devtools-plugin:setup", Zo = "plugin:settings:set";
+let me, Ke;
+function Wo() {
   var e;
-  return me !== void 0 || (typeof window < "u" && window.performance ? (me = !0, Je = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (me = !0, Je = globalThis.perf_hooks.performance) : me = !1), me;
+  return me !== void 0 || (typeof window < "u" && window.performance ? (me = !0, Ke = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (me = !0, Ke = globalThis.perf_hooks.performance) : me = !1), me;
 }
-function Wo() {
-  return Zo() ? Je.now() : Date.now();
+function Go() {
+  return Wo() ? Ke.now() : Date.now();
 }
-class Go {
+class qo {
   constructor(o, t) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = o, this.hook = t;
     const n = {};
     if (o.settings)
-      for (const r in o.settings) {
-        const l = o.settings[r];
-        n[r] = l.defaultValue;
+      for (const i in o.settings) {
+        const s = o.settings[i];
+        n[i] = s.defaultValue;
       }
-    const s = `__vue-devtools-plugin-settings__${o.id}`;
-    let i = Object.assign({}, n);
+    const l = `__vue-devtools-plugin-settings__${o.id}`;
+    let r = Object.assign({}, n);
     try {
-      const r = localStorage.getItem(s), l = JSON.parse(r);
-      Object.assign(i, l);
+      const i = localStorage.getItem(l), s = JSON.parse(i);
+      Object.assign(r, s);
     } catch {
     }
     this.fallbacks = {
       getSettings() {
-        return i;
+        return r;
       },
-      setSettings(r) {
+      setSettings(i) {
         try {
-          localStorage.setItem(s, JSON.stringify(r));
+          localStorage.setItem(l, JSON.stringify(i));
         } catch {
         }
-        i = r;
+        r = i;
       },
       now() {
-        return Wo();
+        return Go();
       }
-    }, t && t.on(Uo, (r, l) => {
-      r === this.plugin.id && this.fallbacks.setSettings(l);
+    }, t && t.on(Zo, (i, s) => {
+      i === this.plugin.id && this.fallbacks.setSettings(s);
     }), this.proxiedOn = new Proxy({}, {
-      get: (r, l) => this.target ? this.target.on[l] : (...a) => {
+      get: (i, s) => this.target ? this.target.on[s] : (...a) => {
         this.onQueue.push({
-          method: l,
+          method: s,
           args: a
         });
       }
     }), this.proxiedTarget = new Proxy({}, {
-      get: (r, l) => this.target ? this.target[l] : l === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(l) ? (...a) => (this.targetQueue.push({
-        method: l,
+      get: (i, s) => this.target ? this.target[s] : s === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(s) ? (...a) => (this.targetQueue.push({
+        method: s,
         args: a,
         resolve: () => {
         }
-      }), this.fallbacks[l](...a)) : (...a) => new Promise((u) => {
+      }), this.fallbacks[s](...a)) : (...a) => new Promise((u) => {
         this.targetQueue.push({
-          method: l,
+          method: s,
           args: a,
           resolve: u
         });
@@ -1542,16 +1542,16 @@ class Go {
   }
 }
 function qt(e, o) {
-  const t = e, n = Gt(), s = Bo(), i = Ho && t.enableEarlyProxy;
-  if (s && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !i))
-    s.emit(zo, e, o);
+  const t = e, n = Gt(), l = Ho(), r = zo && t.enableEarlyProxy;
+  if (l && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !r))
+    l.emit(Uo, e, o);
   else {
-    const r = i ? new Go(t, s) : null;
+    const i = r ? new qo(t, l) : null;
     (n.__VUE_DEVTOOLS_PLUGINS__ = n.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: t,
       setupFn: o,
-      proxy: r
-    }), r && o(r.proxiedTarget);
+      proxy: i
+    }), i && o(i.proxiedTarget);
   }
 }
 /*!
@@ -1560,7 +1560,7 @@ function qt(e, o) {
  * @license MIT
  */
 let we;
-const Ie = (e) => we = e, Jt = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
+const Te = (e) => we = e, Jt = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
   /* istanbul ignore next */
   Symbol()
 );
@@ -1571,11 +1571,11 @@ var ne;
 (function(e) {
   e.direct = "direct", e.patchObject = "patch object", e.patchFunction = "patch function";
 })(ne || (ne = {}));
-const Be = typeof window < "u", Ee = (process.env.NODE_ENV !== "production" || !1) && process.env.NODE_ENV !== "test" && Be, gt = 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 qo(e, { autoBom: o = !1 } = {}) {
+const Be = typeof window < "u", Se = (process.env.NODE_ENV !== "production" || !1) && process.env.NODE_ENV !== "test" && Be, bt = 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 Jo(e, { autoBom: o = !1 } = {}) {
   return o && /^\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 st(e, o, t) {
+function rt(e, o, t) {
   const n = new XMLHttpRequest();
   n.open("GET", e), n.responseType = "blob", n.onload = function() {
     Qt(n.response, o, t);
@@ -1602,27 +1602,27 @@ function Me(e) {
 }
 const Re = typeof navigator == "object" ? navigator : { userAgent: "" }, Yt = /Macintosh/.test(Re.userAgent) && /AppleWebKit/.test(Re.userAgent) && !/Safari/.test(Re.userAgent), Qt = Be ? (
   // 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 && !Yt ? Jo : (
+  typeof HTMLAnchorElement < "u" && "download" in HTMLAnchorElement.prototype && !Yt ? Ko : (
     // Use msSaveOrOpenBlob as a second approach
-    "msSaveOrOpenBlob" in Re ? Ko : (
+    "msSaveOrOpenBlob" in Re ? Yo : (
       // Fallback to using FileReader and a popup
-      Yo
+      Qo
     )
   )
 ) : () => {
 };
-function Jo(e, o = "download", t) {
+function Ko(e, o = "download", t) {
   const n = document.createElement("a");
-  n.download = o, n.rel = "noopener", typeof e == "string" ? (n.href = e, n.origin !== location.origin ? Kt(n.href) ? st(e, o, t) : (n.target = "_blank", Me(n)) : Me(n)) : (n.href = URL.createObjectURL(e), setTimeout(function() {
+  n.download = o, n.rel = "noopener", typeof e == "string" ? (n.href = e, n.origin !== location.origin ? Kt(n.href) ? rt(e, o, t) : (n.target = "_blank", Me(n)) : Me(n)) : (n.href = URL.createObjectURL(e), setTimeout(function() {
     URL.revokeObjectURL(n.href);
   }, 4e4), setTimeout(function() {
     Me(n);
   }, 0));
 }
-function Ko(e, o = "download", t) {
+function Yo(e, o = "download", t) {
   if (typeof e == "string")
     if (Kt(e))
-      st(e, o, t);
+      rt(e, o, t);
     else {
       const n = document.createElement("a");
       n.href = e, n.target = "_blank", setTimeout(function() {
@@ -1630,72 +1630,72 @@ function Ko(e, o = "download", t) {
       });
     }
   else
-    navigator.msSaveOrOpenBlob(qo(e, t), o);
+    navigator.msSaveOrOpenBlob(Jo(e, t), o);
 }
-function Yo(e, o, t, n) {
+function Qo(e, o, t, n) {
   if (n = n || open("", "_blank"), n && (n.document.title = n.document.body.innerText = "downloading..."), typeof e == "string")
-    return st(e, o, t);
-  const s = e.type === "application/octet-stream", i = /constructor/i.test(String(gt.HTMLElement)) || "safari" in gt, r = /CriOS\/[\d]+/.test(navigator.userAgent);
-  if ((r || s && i || Yt) && typeof FileReader < "u") {
-    const l = new FileReader();
-    l.onloadend = function() {
-      let a = l.result;
+    return rt(e, o, t);
+  const l = e.type === "application/octet-stream", r = /constructor/i.test(String(bt.HTMLElement)) || "safari" in bt, i = /CriOS\/[\d]+/.test(navigator.userAgent);
+  if ((i || l && r || Yt) && typeof FileReader < "u") {
+    const s = new FileReader();
+    s.onloadend = function() {
+      let a = s.result;
       if (typeof a != "string")
         throw n = null, new Error("Wrong reader.result type");
-      a = r ? a : a.replace(/^data:[^;]*;/, "data:attachment/file;"), n ? n.location.href = a : location.assign(a), n = null;
-    }, l.readAsDataURL(e);
+      a = i ? a : a.replace(/^data:[^;]*;/, "data:attachment/file;"), n ? n.location.href = a : location.assign(a), n = null;
+    }, s.readAsDataURL(e);
   } else {
-    const l = URL.createObjectURL(e);
-    n ? n.location.assign(l) : location.href = l, n = null, setTimeout(function() {
-      URL.revokeObjectURL(l);
+    const s = URL.createObjectURL(e);
+    n ? n.location.assign(s) : location.href = s, n = null, setTimeout(function() {
+      URL.revokeObjectURL(s);
     }, 4e4);
   }
 }
-function j(e, o) {
+function B(e, o) {
   const t = "🍍 " + e;
   typeof __VUE_DEVTOOLS_TOAST__ == "function" ? __VUE_DEVTOOLS_TOAST__(t, o) : o === "error" ? console.error(t) : o === "warn" ? console.warn(t) : console.log(t);
 }
-function lt(e) {
+function it(e) {
   return "_a" in e && "install" in e;
 }
 function Xt() {
   if (!("clipboard" in navigator))
-    return j("Your browser doesn't support the Clipboard API", "error"), !0;
+    return B("Your browser doesn't support the Clipboard API", "error"), !0;
 }
 function en(e) {
-  return e instanceof Error && e.message.toLowerCase().includes("document is not focused") ? (j('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
+  return e instanceof Error && e.message.toLowerCase().includes("document is not focused") ? (B('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
 }
-async function Qo(e) {
+async function Xo(e) {
   if (!Xt())
     try {
-      await navigator.clipboard.writeText(JSON.stringify(e.state.value)), j("Global state copied to clipboard.");
+      await navigator.clipboard.writeText(JSON.stringify(e.state.value)), B("Global state copied to clipboard.");
     } catch (o) {
       if (en(o))
         return;
-      j("Failed to serialize the state. Check the console for more details.", "error"), console.error(o);
+      B("Failed to serialize the state. Check the console for more details.", "error"), console.error(o);
     }
 }
-async function Xo(e) {
+async function el(e) {
   if (!Xt())
     try {
-      tn(e, JSON.parse(await navigator.clipboard.readText())), j("Global state pasted from clipboard.");
+      tn(e, JSON.parse(await navigator.clipboard.readText())), B("Global state pasted from clipboard.");
     } catch (o) {
       if (en(o))
         return;
-      j("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(o);
+      B("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(o);
     }
 }
-async function es(e) {
+async function tl(e) {
   try {
     Qt(new Blob([JSON.stringify(e.state.value)], {
       type: "text/plain;charset=utf-8"
     }), "pinia-state.json");
   } catch (o) {
-    j("Failed to export the state as JSON. Check the console for more details.", "error"), console.error(o);
+    B("Failed to export the state as JSON. Check the console for more details.", "error"), console.error(o);
   }
 }
 let oe;
-function ts() {
+function nl() {
   oe || (oe = document.createElement("input"), oe.type = "file", oe.accept = ".json");
   function e() {
     return new Promise((o, t) => {
@@ -1703,22 +1703,22 @@ function ts() {
         const n = oe.files;
         if (!n)
           return o(null);
-        const s = n.item(0);
-        return o(s ? { text: await s.text(), file: s } : null);
+        const l = n.item(0);
+        return o(l ? { text: await l.text(), file: l } : null);
       }, oe.oncancel = () => o(null), oe.onerror = t, oe.click();
     });
   }
   return e;
 }
-async function ns(e) {
+async function ol(e) {
   try {
-    const t = await ts()();
+    const t = await nl()();
     if (!t)
       return;
-    const { text: n, file: s } = t;
-    tn(e, JSON.parse(n)), j(`Global state imported from "${s.name}".`);
+    const { text: n, file: l } = t;
+    tn(e, JSON.parse(n)), B(`Global state imported from "${l.name}".`);
   } catch (o) {
-    j("Failed to import the state from JSON. Check the console for more details.", "error"), console.error(o);
+    B("Failed to import the state from JSON. Check the console for more details.", "error"), console.error(o);
   }
 }
 function tn(e, o) {
@@ -1734,31 +1734,31 @@ function Y(e) {
     }
   };
 }
-const nn = "🍍 Pinia (root)", Ke = "_root";
-function os(e) {
-  return lt(e) ? {
-    id: Ke,
+const nn = "🍍 Pinia (root)", Ye = "_root";
+function ll(e) {
+  return it(e) ? {
+    id: Ye,
     label: nn
   } : {
     id: e.$id,
     label: e.$id
   };
 }
-function ss(e) {
-  if (lt(e)) {
+function sl(e) {
+  if (it(e)) {
     const t = Array.from(e._s.keys()), n = e._s;
     return {
-      state: t.map((i) => ({
+      state: t.map((r) => ({
         editable: !0,
-        key: i,
-        value: e.state.value[i]
+        key: r,
+        value: e.state.value[r]
       })),
-      getters: t.filter((i) => n.get(i)._getters).map((i) => {
-        const r = n.get(i);
+      getters: t.filter((r) => n.get(r)._getters).map((r) => {
+        const i = n.get(r);
         return {
           editable: !1,
-          key: i,
-          value: r._getters.reduce((l, a) => (l[a] = r[a], l), {})
+          key: r,
+          value: i._getters.reduce((s, a) => (s[a] = i[a], s), {})
         };
       })
     };
@@ -1780,7 +1780,7 @@ function ss(e) {
     value: e[t]
   }))), o;
 }
-function ls(e) {
+function rl(e) {
   return e ? Array.isArray(e) ? e.reduce((o, t) => (o.keys.push(t.key), o.operations.push(t.type), o.oldValue[t.key] = t.oldValue, o.newValue[t.key] = t.newValue, o), {
     oldValue: {},
     keys: [],
@@ -1793,7 +1793,7 @@ function ls(e) {
     newValue: e.newValue
   } : {};
 }
-function is(e) {
+function il(e) {
   switch (e) {
     case ne.direct:
       return "mutation";
@@ -1806,8 +1806,8 @@ function is(e) {
   }
 }
 let be = !0;
-const Ne = [], ue = "pinia:mutations", U = "pinia", { assign: rs } = Object, De = (e) => "🍍 " + e;
-function as(e, o) {
+const Ne = [], ue = "pinia:mutations", U = "pinia", { assign: al } = Object, De = (e) => "🍍 " + e;
+function ul(e, o) {
   qt({
     id: "dev.esm.pinia",
     label: "Pinia 🍍",
@@ -1817,7 +1817,7 @@ function as(e, o) {
     componentStateTypes: Ne,
     app: e
   }, (t) => {
-    typeof t.now != "function" && j("You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), t.addTimelineLayer({
+    typeof t.now != "function" && B("You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), t.addTimelineLayer({
       id: ue,
       label: "Pinia 🍍",
       color: 15064968
@@ -1830,28 +1830,28 @@ function as(e, o) {
         {
           icon: "content_copy",
           action: () => {
-            Qo(o);
+            Xo(o);
           },
           tooltip: "Serialize and copy the state"
         },
         {
           icon: "content_paste",
           action: async () => {
-            await Xo(o), t.sendInspectorTree(U), t.sendInspectorState(U);
+            await el(o), t.sendInspectorTree(U), t.sendInspectorState(U);
           },
           tooltip: "Replace the state with the content of your clipboard"
         },
         {
           icon: "save",
           action: () => {
-            es(o);
+            tl(o);
           },
           tooltip: "Save the state as a JSON file"
         },
         {
           icon: "folder_open",
           action: async () => {
-            await ns(o), t.sendInspectorTree(U), t.sendInspectorState(U);
+            await ol(o), t.sendInspectorTree(U), t.sendInspectorState(U);
           },
           tooltip: "Import the state from a JSON file"
         }
@@ -1861,44 +1861,44 @@ function as(e, o) {
           icon: "restore",
           tooltip: 'Reset the state (with "$reset")',
           action: (n) => {
-            const s = o._s.get(n);
-            s ? typeof s.$reset != "function" ? j(`Cannot reset "${n}" store because it doesn't have a "$reset" method implemented.`, "warn") : (s.$reset(), j(`Store "${n}" reset.`)) : j(`Cannot reset "${n}" store because it wasn't found.`, "warn");
+            const l = o._s.get(n);
+            l ? typeof l.$reset != "function" ? B(`Cannot reset "${n}" store because it doesn't have a "$reset" method implemented.`, "warn") : (l.$reset(), B(`Store "${n}" reset.`)) : B(`Cannot reset "${n}" store because it wasn't found.`, "warn");
           }
         }
       ]
-    }), t.on.inspectComponent((n, s) => {
-      const i = n.componentInstance && n.componentInstance.proxy;
-      if (i && i._pStores) {
-        const r = n.componentInstance.proxy._pStores;
-        Object.values(r).forEach((l) => {
+    }), t.on.inspectComponent((n, l) => {
+      const r = n.componentInstance && n.componentInstance.proxy;
+      if (r && r._pStores) {
+        const i = n.componentInstance.proxy._pStores;
+        Object.values(i).forEach((s) => {
           n.instanceData.state.push({
-            type: De(l.$id),
+            type: De(s.$id),
             key: "state",
             editable: !0,
-            value: l._isOptionsAPI ? {
+            value: s._isOptionsAPI ? {
               _custom: {
-                value: K(l.$state),
+                value: K(s.$state),
                 actions: [
                   {
                     icon: "restore",
                     tooltip: "Reset the state of this store",
-                    action: () => l.$reset()
+                    action: () => s.$reset()
                   }
                 ]
               }
             } : (
               // NOTE: workaround to unwrap transferred refs
-              Object.keys(l.$state).reduce((a, u) => (a[u] = l.$state[u], a), {})
+              Object.keys(s.$state).reduce((a, u) => (a[u] = s.$state[u], a), {})
             )
-          }), l._getters && l._getters.length && n.instanceData.state.push({
-            type: De(l.$id),
+          }), s._getters && s._getters.length && n.instanceData.state.push({
+            type: De(s.$id),
             key: "getters",
             editable: !1,
-            value: l._getters.reduce((a, u) => {
+            value: s._getters.reduce((a, u) => {
               try {
-                a[u] = l[u];
-              } catch (p) {
-                a[u] = p;
+                a[u] = s[u];
+              } catch (f) {
+                a[u] = f;
               }
               return a;
             }, {})
@@ -1907,40 +1907,40 @@ function as(e, o) {
       }
     }), t.on.getInspectorTree((n) => {
       if (n.app === e && n.inspectorId === U) {
-        let s = [o];
-        s = s.concat(Array.from(o._s.values())), n.rootNodes = (n.filter ? s.filter((i) => "$id" in i ? i.$id.toLowerCase().includes(n.filter.toLowerCase()) : nn.toLowerCase().includes(n.filter.toLowerCase())) : s).map(os);
+        let l = [o];
+        l = l.concat(Array.from(o._s.values())), n.rootNodes = (n.filter ? l.filter((r) => "$id" in r ? r.$id.toLowerCase().includes(n.filter.toLowerCase()) : nn.toLowerCase().includes(n.filter.toLowerCase())) : l).map(ll);
       }
     }), t.on.getInspectorState((n) => {
       if (n.app === e && n.inspectorId === U) {
-        const s = n.nodeId === Ke ? o : o._s.get(n.nodeId);
-        if (!s)
+        const l = n.nodeId === Ye ? o : o._s.get(n.nodeId);
+        if (!l)
           return;
-        s && (n.state = ss(s));
+        l && (n.state = sl(l));
       }
-    }), t.on.editInspectorState((n, s) => {
+    }), t.on.editInspectorState((n, l) => {
       if (n.app === e && n.inspectorId === U) {
-        const i = n.nodeId === Ke ? o : o._s.get(n.nodeId);
-        if (!i)
-          return j(`store "${n.nodeId}" not found`, "error");
-        const { path: r } = n;
-        lt(i) ? r.unshift("state") : (r.length !== 1 || !i._customProperties.has(r[0]) || r[0] in i.$state) && r.unshift("$state"), be = !1, n.set(i, r, n.state.value), be = !0;
+        const r = n.nodeId === Ye ? o : o._s.get(n.nodeId);
+        if (!r)
+          return B(`store "${n.nodeId}" not found`, "error");
+        const { path: i } = n;
+        it(r) ? i.unshift("state") : (i.length !== 1 || !r._customProperties.has(i[0]) || i[0] in r.$state) && i.unshift("$state"), be = !1, n.set(r, i, n.state.value), be = !0;
       }
     }), t.on.editComponentState((n) => {
       if (n.type.startsWith("🍍")) {
-        const s = n.type.replace(/^🍍\s*/, ""), i = o._s.get(s);
-        if (!i)
-          return j(`store "${s}" not found`, "error");
-        const { path: r } = n;
-        if (r[0] !== "state")
-          return j(`Invalid path for store "${s}":
-${r}
+        const l = n.type.replace(/^🍍\s*/, ""), r = o._s.get(l);
+        if (!r)
+          return B(`store "${l}" not found`, "error");
+        const { path: i } = n;
+        if (i[0] !== "state")
+          return B(`Invalid path for store "${l}":
+${i}
 Only state can be modified.`);
-        r[0] = "$state", be = !1, n.set(i, r, n.state.value), be = !0;
+        i[0] = "$state", be = !1, n.set(r, i, n.state.value), be = !0;
       }
     });
   });
 }
-function us(e, o) {
+function cl(e, o) {
   Ne.includes(De(o.$id)) || Ne.push(De(o.$id)), qt({
     id: "dev.esm.pinia",
     label: "Pinia 🍍",
@@ -1963,8 +1963,8 @@ function us(e, o) {
     }
   }, (t) => {
     const n = typeof t.now == "function" ? t.now.bind(t) : Date.now;
-    o.$onAction(({ after: r, onError: l, name: a, args: u }) => {
-      const p = on++;
+    o.$onAction(({ after: i, onError: s, name: a, args: u }) => {
+      const f = on++;
       t.addTimelineEvent({
         layerId: ue,
         event: {
@@ -1976,10 +1976,10 @@ function us(e, o) {
             action: Y(a),
             args: u
           },
-          groupId: p
+          groupId: f
         }
-      }), r((f) => {
-        ie = void 0, t.addTimelineEvent({
+      }), i((p) => {
+        re = void 0, t.addTimelineEvent({
           layerId: ue,
           event: {
             time: n(),
@@ -1989,13 +1989,13 @@ function us(e, o) {
               store: Y(o.$id),
               action: Y(a),
               args: u,
-              result: f
+              result: p
             },
-            groupId: p
+            groupId: f
           }
         });
-      }), l((f) => {
-        ie = void 0, t.addTimelineEvent({
+      }), s((p) => {
+        re = void 0, t.addTimelineEvent({
           layerId: ue,
           event: {
             time: n(),
@@ -2006,52 +2006,52 @@ function us(e, o) {
               store: Y(o.$id),
               action: Y(a),
               args: u,
-              error: f
+              error: p
             },
-            groupId: p
+            groupId: f
           }
         });
       });
-    }, !0), o._customProperties.forEach((r) => {
-      z(() => k(o[r]), (l, a) => {
+    }, !0), o._customProperties.forEach((i) => {
+      F(() => M(o[i]), (s, a) => {
         t.notifyComponentUpdate(), t.sendInspectorState(U), be && t.addTimelineEvent({
           layerId: ue,
           event: {
             time: n(),
             title: "Change",
-            subtitle: r,
+            subtitle: i,
             data: {
-              newValue: l,
+              newValue: s,
               oldValue: a
             },
-            groupId: ie
+            groupId: re
           }
         });
       }, { deep: !0 });
-    }), o.$subscribe(({ events: r, type: l }, a) => {
+    }), o.$subscribe(({ events: i, type: s }, a) => {
       if (t.notifyComponentUpdate(), t.sendInspectorState(U), !be)
         return;
       const u = {
         time: n(),
-        title: is(l),
-        data: rs({ store: Y(o.$id) }, ls(r)),
-        groupId: ie
+        title: il(s),
+        data: al({ store: Y(o.$id) }, rl(i)),
+        groupId: re
       };
-      l === ne.patchFunction ? u.subtitle = "⤵️" : l === ne.patchObject ? u.subtitle = "🧩" : r && !Array.isArray(r) && (u.subtitle = r.type), r && (u.data["rawEvent(s)"] = {
+      s === ne.patchFunction ? u.subtitle = "⤵️" : s === ne.patchObject ? u.subtitle = "🧩" : i && !Array.isArray(i) && (u.subtitle = i.type), i && (u.data["rawEvent(s)"] = {
         _custom: {
           display: "DebuggerEvent",
           type: "object",
           tooltip: "raw DebuggerEvent[]",
-          value: r
+          value: i
         }
       }), t.addTimelineEvent({
         layerId: ue,
         event: u
       });
     }, { detached: !0, flush: "sync" });
-    const s = o._hotUpdate;
-    o._hotUpdate = de((r) => {
-      s(r), t.addTimelineEvent({
+    const l = o._hotUpdate;
+    o._hotUpdate = de((i) => {
+      l(i), t.addTimelineEvent({
         layerId: ue,
         event: {
           time: n(),
@@ -2064,52 +2064,52 @@ function us(e, o) {
         }
       }), t.notifyComponentUpdate(), t.sendInspectorTree(U), t.sendInspectorState(U);
     });
-    const { $dispose: i } = o;
+    const { $dispose: r } = o;
     o.$dispose = () => {
-      i(), t.notifyComponentUpdate(), t.sendInspectorTree(U), t.sendInspectorState(U), t.getSettings().logStoreChanges && j(`Disposed "${o.$id}" store 🗑`);
-    }, t.notifyComponentUpdate(), t.sendInspectorTree(U), t.sendInspectorState(U), t.getSettings().logStoreChanges && j(`"${o.$id}" store installed 🆕`);
+      r(), t.notifyComponentUpdate(), t.sendInspectorTree(U), t.sendInspectorState(U), t.getSettings().logStoreChanges && B(`Disposed "${o.$id}" store 🗑`);
+    }, t.notifyComponentUpdate(), t.sendInspectorTree(U), t.sendInspectorState(U), t.getSettings().logStoreChanges && B(`"${o.$id}" store installed 🆕`);
   });
 }
-let on = 0, ie;
-function bt(e, o, t) {
-  const n = o.reduce((s, i) => (s[i] = K(e)[i], s), {});
-  for (const s in n)
-    e[s] = function() {
-      const i = on, r = t ? new Proxy(e, {
+let on = 0, re;
+function Ct(e, o, t) {
+  const n = o.reduce((l, r) => (l[r] = K(e)[r], l), {});
+  for (const l in n)
+    e[l] = function() {
+      const r = on, i = t ? new Proxy(e, {
         get(...a) {
-          return ie = i, Reflect.get(...a);
+          return re = r, Reflect.get(...a);
         },
         set(...a) {
-          return ie = i, Reflect.set(...a);
+          return re = r, Reflect.set(...a);
         }
       }) : e;
-      ie = i;
-      const l = n[s].apply(r, arguments);
-      return ie = void 0, l;
+      re = r;
+      const s = n[l].apply(i, arguments);
+      return re = void 0, s;
     };
 }
-function cs({ app: e, store: o, options: t }) {
+function dl({ app: e, store: o, options: t }) {
   if (o.$id.startsWith("__hot:"))
     return;
-  o._isOptionsAPI = !!t.state, bt(o, Object.keys(t.actions), o._isOptionsAPI);
+  o._isOptionsAPI = !!t.state, Ct(o, Object.keys(t.actions), o._isOptionsAPI);
   const n = o._hotUpdate;
-  K(o)._hotUpdate = function(s) {
-    n.apply(this, arguments), bt(o, Object.keys(s._hmrPayload.actions), !!o._isOptionsAPI);
-  }, us(
+  K(o)._hotUpdate = function(l) {
+    n.apply(this, arguments), Ct(o, Object.keys(l._hmrPayload.actions), !!o._isOptionsAPI);
+  }, cl(
     e,
     // FIXME: is there a way to allow the assignment from Store<Id, S, G, A> to StoreGeneric?
     o
   );
 }
-function ds() {
-  const e = $t(!0), o = e.run(() => S({}));
+function fl() {
+  const e = $t(!0), o = e.run(() => E({}));
   let t = [], n = [];
-  const s = de({
-    install(i) {
-      Ie(s), s._a = i, i.provide(Jt, s), i.config.globalProperties.$pinia = s, Ee && as(i, s), n.forEach((r) => t.push(r)), n = [];
+  const l = de({
+    install(r) {
+      Te(l), l._a = r, r.provide(Jt, l), r.config.globalProperties.$pinia = l, Se && ul(r, l), n.forEach((i) => t.push(i)), n = [];
     },
-    use(i) {
-      return !this._a && !Wt ? n.push(i) : t.push(i), this;
+    use(r) {
+      return !this._a && !Wt ? n.push(r) : t.push(r), this;
     },
     _p: t,
     // it's actually undefined here
@@ -2119,75 +2119,75 @@ function ds() {
     _s: /* @__PURE__ */ new Map(),
     state: o
   });
-  return Ee && typeof Proxy < "u" && s.use(cs), s;
+  return Se && typeof Proxy < "u" && l.use(dl), l;
 }
-function sn(e, o) {
+function ln(e, o) {
   for (const t in o) {
     const n = o[t];
     if (!(t in e))
       continue;
-    const s = e[t];
-    fe(s) && fe(n) && !_e(n) && !tt(n) ? e[t] = sn(s, n) : e[t] = n;
+    const l = e[t];
+    fe(l) && fe(n) && !_e(n) && !ot(n) ? e[t] = ln(l, n) : e[t] = n;
   }
   return e;
 }
-const ln = () => {
+const sn = () => {
 };
-function Ct(e, o, t, n = ln) {
+function _t(e, o, t, n = sn) {
   e.push(o);
-  const s = () => {
-    const i = e.indexOf(o);
-    i > -1 && (e.splice(i, 1), n());
+  const l = () => {
+    const r = e.indexOf(o);
+    r > -1 && (e.splice(r, 1), n());
   };
-  return !t && Tt() && Xe(s), s;
+  return !t && It() && et(l), l;
 }
 function ge(e, ...o) {
   e.slice().forEach((t) => {
     t(...o);
   });
 }
-const fs = (e) => e();
-function Ye(e, o) {
+const pl = (e) => e();
+function Qe(e, o) {
   e instanceof Map && o instanceof Map && o.forEach((t, n) => e.set(n, t)), e instanceof Set && o instanceof Set && o.forEach(e.add, e);
   for (const t in o) {
     if (!o.hasOwnProperty(t))
       continue;
-    const n = o[t], s = e[t];
-    fe(s) && fe(n) && e.hasOwnProperty(t) && !_e(n) && !tt(n) ? e[t] = Ye(s, n) : e[t] = n;
+    const n = o[t], l = e[t];
+    fe(l) && fe(n) && e.hasOwnProperty(t) && !_e(n) && !ot(n) ? e[t] = Qe(l, n) : e[t] = n;
   }
   return e;
 }
-const ps = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
+const vl = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
   /* istanbul ignore next */
   Symbol()
 );
-function vs(e) {
-  return !fe(e) || !e.hasOwnProperty(ps);
+function hl(e) {
+  return !fe(e) || !e.hasOwnProperty(vl);
 }
 const { assign: J } = Object;
-function _t(e) {
+function xt(e) {
   return !!(_e(e) && e.effect);
 }
-function xt(e, o, t, n) {
-  const { state: s, actions: i, getters: r } = o, l = t.state.value[e];
+function yt(e, o, t, n) {
+  const { state: l, actions: r, getters: i } = o, s = t.state.value[e];
   let a;
   function u() {
-    !l && (process.env.NODE_ENV === "production" || !n) && (t.state.value[e] = s ? s() : {});
-    const p = process.env.NODE_ENV !== "production" && n ? (
+    !s && (process.env.NODE_ENV === "production" || !n) && (t.state.value[e] = l ? l() : {});
+    const f = process.env.NODE_ENV !== "production" && 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(w(() => {
-      Ie(t);
-      const h = t._s.get(e);
-      return r[v].call(h, h);
-    })), f), {}));
+      ut(E(l ? l() : {}).value)
+    ) : ut(t.state.value[e]);
+    return J(f, r, Object.keys(i || {}).reduce((p, m) => (process.env.NODE_ENV !== "production" && m in f && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${m}" in store "${e}".`), p[m] = de(S(() => {
+      Te(t);
+      const x = t._s.get(e);
+      return i[m].call(x, x);
+    })), p), {}));
   }
-  return a = Qe(e, u, o, t, n, !0), a;
+  return a = Xe(e, u, o, t, n, !0), a;
 }
-function Qe(e, o, t = {}, n, s, i) {
-  let r;
-  const l = J({ actions: {} }, t);
+function Xe(e, o, t = {}, n, l, r) {
+  let i;
+  const s = J({ actions: {} }, t);
   if (process.env.NODE_ENV !== "production" && !n._e.active)
     throw new Error("Pinia destroyed");
   const a = {
@@ -2195,94 +2195,94 @@ function Qe(e, o, t = {}, n, s, i) {
     // flush: 'post',
   };
   process.env.NODE_ENV !== "production" && !Wt && (a.onTrigger = (c) => {
-    u ? h = c : u == !1 && !b._hotUpdating && (Array.isArray(h) ? h.push(c) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+    u ? x = c : u == !1 && !b._hotUpdating && (Array.isArray(x) ? x.push(c) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  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 O = S({});
-  let N;
-  function R(c) {
+  let u, f, p = [], m = [], x;
+  const v = n.state.value[e];
+  !r && !v && (process.env.NODE_ENV === "production" || !l) && (n.state.value[e] = {});
+  const h = E({});
+  let V;
+  function A(c) {
     let d;
-    u = p = !1, process.env.NODE_ENV !== "production" && (h = []), typeof c == "function" ? (c(n.state.value[e]), d = {
+    u = f = !1, process.env.NODE_ENV !== "production" && (x = []), typeof c == "function" ? (c(n.state.value[e]), d = {
       type: ne.patchFunction,
       storeId: e,
-      events: h
-    }) : (Ye(n.state.value[e], c), d = {
+      events: x
+    }) : (Qe(n.state.value[e], c), d = {
       type: ne.patchObject,
       payload: c,
       storeId: e,
-      events: h
+      events: x
     });
-    const x = N = Symbol();
+    const y = V = Symbol();
     Q().then(() => {
-      N === x && (u = !0);
-    }), p = !0, ge(f, d, n.state.value[e]);
+      V === y && (u = !0);
+    }), f = !0, ge(p, d, n.state.value[e]);
   }
-  const I = i ? function() {
-    const { state: d } = t, x = d ? d() : {};
-    this.$patch((E) => {
-      J(E, x);
+  const T = r ? function() {
+    const { state: d } = t, y = d ? d() : {};
+    this.$patch((O) => {
+      J(O, y);
     });
   } : (
     /* istanbul ignore next */
     process.env.NODE_ENV !== "production" ? () => {
       throw new Error(`🍍: Store "${e}" is built using the setup syntax and does not implement $reset().`);
-    } : ln
+    } : sn
   );
-  function M() {
-    r.stop(), f = [], v = [], n._s.delete(e);
+  function R() {
+    i.stop(), p = [], m = [], n._s.delete(e);
   }
   function D(c, d) {
     return function() {
-      Ie(n);
-      const x = Array.from(arguments), E = [], V = [];
-      function A(F) {
-        E.push(F);
+      Te(n);
+      const y = Array.from(arguments), O = [], k = [];
+      function N(j) {
+        O.push(j);
       }
-      function G(F) {
-        V.push(F);
+      function G(j) {
+        k.push(j);
       }
-      ge(v, {
-        args: x,
+      ge(m, {
+        args: y,
         name: c,
         store: b,
-        after: A,
+        after: N,
         onError: G
       });
       let q;
       try {
-        q = d.apply(this && this.$id === e ? this : b, x);
-      } catch (F) {
-        throw ge(V, F), F;
+        q = d.apply(this && this.$id === e ? this : b, y);
+      } catch (j) {
+        throw ge(k, j), j;
       }
-      return q instanceof Promise ? q.then((F) => (ge(E, F), F)).catch((F) => (ge(V, F), Promise.reject(F))) : (ge(E, q), q);
+      return q instanceof Promise ? q.then((j) => (ge(O, j), j)).catch((j) => (ge(k, j), Promise.reject(j))) : (ge(O, q), q);
     };
   }
   const _ = /* @__PURE__ */ de({
     actions: {},
     getters: {},
     state: [],
-    hotState: O
+    hotState: h
   }), L = {
     _p: n,
     // _s: scope,
     $id: e,
-    $onAction: Ct.bind(null, v),
-    $patch: R,
-    $reset: I,
+    $onAction: _t.bind(null, m),
+    $patch: A,
+    $reset: T,
     $subscribe(c, d = {}) {
-      const x = Ct(f, c, d.detached, () => E()), E = r.run(() => z(() => n.state.value[e], (V) => {
-        (d.flush === "sync" ? p : u) && c({
+      const y = _t(p, c, d.detached, () => O()), O = i.run(() => F(() => n.state.value[e], (k) => {
+        (d.flush === "sync" ? f : u) && c({
           storeId: e,
           type: ne.direct,
-          events: h
-        }, V);
+          events: x
+        }, k);
       }, J({}, a, d)));
-      return x;
+      return y;
     },
-    $dispose: M
-  }, b = Ot(process.env.NODE_ENV !== "production" || Ee ? J(
+    $dispose: R
+  }, b = Ot(process.env.NODE_ENV !== "production" || Se ? J(
     {
       _hmrPayload: _,
       _customProperties: de(/* @__PURE__ */ new Set())
@@ -2293,58 +2293,58 @@ function Qe(e, o, t = {}, n, s, i) {
     // setupStore
   ) : L);
   n._s.set(e, b);
-  const T = (n._a && n._a.runWithContext || fs)(() => n._e.run(() => (r = $t()).run(o)));
-  for (const c in T) {
-    const d = T[c];
-    if (_e(d) && !_t(d) || tt(d))
-      process.env.NODE_ENV !== "production" && s ? ke(O.value, c, Ze(T, c)) : i || (m && vs(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);
+  const I = (n._a && n._a.runWithContext || pl)(() => n._e.run(() => (i = $t()).run(o)));
+  for (const c in I) {
+    const d = I[c];
+    if (_e(d) && !xt(d) || ot(d))
+      process.env.NODE_ENV !== "production" && l ? ke(h.value, c, We(I, c)) : r || (v && hl(d) && (_e(d) ? d.value = v[c] : Qe(d, v[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);
-      T[c] = x, process.env.NODE_ENV !== "production" && (_.actions[c] = d), l.actions[c] = d;
-    } else process.env.NODE_ENV !== "production" && _t(d) && (_.getters[c] = i ? (
+      const y = process.env.NODE_ENV !== "production" && l ? d : D(c, d);
+      I[c] = y, process.env.NODE_ENV !== "production" && (_.actions[c] = d), s.actions[c] = d;
+    } else process.env.NODE_ENV !== "production" && xt(d) && (_.getters[c] = r ? (
       // @ts-expect-error
       t.getters[c]
-    ) : d, Be && (T._getters || // @ts-expect-error: same
-    (T._getters = de([]))).push(c));
+    ) : d, Be && (I._getters || // @ts-expect-error: same
+    (I._getters = de([]))).push(c));
   }
-  if (J(b, T), J(K(b), T), Object.defineProperty(b, "$state", {
-    get: () => process.env.NODE_ENV !== "production" && s ? O.value : n.state.value[e],
+  if (J(b, I), J(K(b), I), Object.defineProperty(b, "$state", {
+    get: () => process.env.NODE_ENV !== "production" && l ? h.value : n.state.value[e],
     set: (c) => {
-      if (process.env.NODE_ENV !== "production" && s)
+      if (process.env.NODE_ENV !== "production" && l)
         throw new Error("cannot set hotState");
-      R((d) => {
+      A((d) => {
         J(d, c);
       });
     }
   }), process.env.NODE_ENV !== "production" && (b._hotUpdate = de((c) => {
     b._hotUpdating = !0, c._hmrPayload.state.forEach((d) => {
       if (d in b.$state) {
-        const x = c.$state[d], E = b.$state[d];
-        typeof x == "object" && fe(x) && fe(E) ? sn(x, E) : c.$state[d] = E;
+        const y = c.$state[d], O = b.$state[d];
+        typeof y == "object" && fe(y) && fe(O) ? ln(y, O) : c.$state[d] = O;
       }
-      ke(b, d, Ze(c.$state, d));
+      ke(b, d, We(c.$state, d));
     }), Object.keys(b.$state).forEach((d) => {
-      d in c.$state || qe(b, d);
-    }), u = !1, p = !1, n.state.value[e] = Ze(c._hmrPayload, "hotState"), p = !0, Q().then(() => {
+      d in c.$state || Je(b, d);
+    }), u = !1, f = !1, n.state.value[e] = We(c._hmrPayload, "hotState"), f = !0, Q().then(() => {
       u = !0;
     });
     for (const d in c._hmrPayload.actions) {
-      const x = c[d];
-      ke(b, d, D(d, x));
+      const y = c[d];
+      ke(b, d, D(d, y));
     }
     for (const d in c._hmrPayload.getters) {
-      const x = c._hmrPayload.getters[d], E = i ? (
+      const y = c._hmrPayload.getters[d], O = r ? (
         // special handling of options api
-        w(() => (Ie(n), x.call(b, b)))
-      ) : x;
-      ke(b, d, E);
+        S(() => (Te(n), y.call(b, b)))
+      ) : y;
+      ke(b, d, O);
     }
     Object.keys(b._hmrPayload.getters).forEach((d) => {
-      d in c._hmrPayload.getters || qe(b, d);
+      d in c._hmrPayload.getters || Je(b, d);
     }), Object.keys(b._hmrPayload.actions).forEach((d) => {
-      d in c._hmrPayload.actions || qe(b, d);
+      d in c._hmrPayload.actions || Je(b, d);
     }), b._hmrPayload = c._hmrPayload, b._getters = c._getters, b._hotUpdating = !1;
-  })), Ee) {
+  })), Se) {
     const c = {
       writable: !0,
       configurable: !0,
@@ -2356,192 +2356,237 @@ function Qe(e, o, t = {}, n, s, i) {
     });
   }
   return n._p.forEach((c) => {
-    if (Ee) {
-      const d = r.run(() => c({
+    if (Se) {
+      const d = i.run(() => c({
         store: b,
         app: n._a,
         pinia: n,
-        options: l
+        options: s
       }));
-      Object.keys(d || {}).forEach((x) => b._customProperties.add(x)), J(b, d);
+      Object.keys(d || {}).forEach((y) => b._customProperties.add(y)), J(b, d);
     } else
-      J(b, r.run(() => c({
+      J(b, i.run(() => c({
         store: b,
         app: n._a,
         pinia: n,
-        options: l
+        options: s
       })));
   }), process.env.NODE_ENV !== "production" && b.$state && typeof b.$state == "object" && typeof b.$state.constructor == "function" && !b.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
 	state: () => new MyClass()
-Found in store "${b.$id}".`), m && i && t.hydrate && t.hydrate(b.$state, m), u = !0, p = !0, b;
+Found in store "${b.$id}".`), v && r && t.hydrate && t.hydrate(b.$state, v), u = !0, f = !0, b;
 }
-function it(e, o, t) {
-  let n, s;
-  const i = typeof o == "function";
+function He(e, o, t) {
+  let n, l;
+  const r = typeof o == "function";
   if (typeof e == "string")
-    n = e, s = i ? t : o;
-  else if (s = e, n = e.id, process.env.NODE_ENV !== "production" && typeof n != "string")
+    n = e, l = r ? t : o;
+  else if (l = e, n = e.id, process.env.NODE_ENV !== "production" && typeof n != "string")
     throw new Error('[🍍]: "defineStore()" must be passed a store id as its first argument.');
-  function r(l, a) {
-    const u = vn();
-    if (l = // in test mode, ignore the argument provided as we can always retrieve a
+  function i(s, a) {
+    const u = hn();
+    if (s = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
-    (process.env.NODE_ENV === "test" && we && we._testing ? null : l) || (u ? Te(Jt, null) : null), l && Ie(l), process.env.NODE_ENV !== "production" && !we)
+    (process.env.NODE_ENV === "test" && we && we._testing ? null : s) || (u ? Ie(Jt, null) : null), s && Te(s), process.env.NODE_ENV !== "production" && !we)
       throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
 See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
 This will fail in production.`);
-    l = we, l._s.has(n) || (i ? Qe(n, o, s, l) : xt(n, s, l), process.env.NODE_ENV !== "production" && (r._pinia = l));
-    const p = l._s.get(n);
+    s = we, s._s.has(n) || (r ? Xe(n, o, l, s) : yt(n, l, s), process.env.NODE_ENV !== "production" && (i._pinia = s));
+    const f = s._s.get(n);
     if (process.env.NODE_ENV !== "production" && a) {
-      const f = "__hot:" + n, v = i ? Qe(f, o, s, l, !0) : xt(f, J({}, s), l, !0);
-      a._hotUpdate(v), delete l.state.value[f], l._s.delete(f);
+      const p = "__hot:" + n, m = r ? Xe(p, o, l, s, !0) : yt(p, J({}, l), s, !0);
+      a._hotUpdate(m), delete s.state.value[p], s._s.delete(p);
     }
     if (process.env.NODE_ENV !== "production" && Be) {
-      const f = It();
-      if (f && f.proxy && // avoid adding stores that are just built for hot module replacement
+      const p = Tt();
+      if (p && p.proxy && // avoid adding stores that are just built for hot module replacement
       !a) {
-        const v = f.proxy, h = "_pStores" in v ? v._pStores : v._pStores = {};
-        h[n] = p;
+        const m = p.proxy, x = "_pStores" in m ? m._pStores : m._pStores = {};
+        x[n] = f;
       }
     }
-    return p;
+    return f;
   }
-  return r.$id = n, r;
+  return i.$id = n, i;
 }
-const He = it("language", () => {
-  const e = S("auto"), o = S("en"), t = S({
+const ze = He("language", () => {
+  const e = E("auto"), o = E("en"), t = E({
     src: [],
     target: []
-  }), n = w(() => t.value.src[e.value]), s = w(() => t.value.target[o.value]);
-  function i(a, u) {
+  }), n = S(() => t.value.src[e.value]), l = S(() => t.value.target[o.value]);
+  function r(a, u) {
     e.value = a == null ? void 0 : a.src, o.value = a == null ? void 0 : a.target, t.value = u;
   }
-  function r() {
+  function i() {
     if (!t.value.src[o.value] || !t.value.target[e.value]) return;
     const a = e.value;
     e.value = o.value, o.value = a;
   }
-  function l(a) {
+  function s(a) {
     return t.value.src[a] || t.value.target[a];
   }
-  return { languages: t, src: e, target: o, srcLabel: n, targetLabel: s, init: i, swap: r, getLabel: l };
-}), hs = {
+  return { languages: t, src: e, target: o, srcLabel: n, targetLabel: l, init: r, swap: i, getLabel: s };
+}), ml = {
   key: 0,
   class: "flex"
-}, ms = {
+}, gl = {
   __name: "Selects",
   setup(e) {
-    const o = He();
+    const o = ze();
     function t() {
       o.swap();
     }
-    return (n, s) => k(o).languages ? (y(), $("div", hs, [
-      B(mt, {
-        modelValue: k(o).src,
-        "onUpdate:modelValue": s[0] || (s[0] = (i) => k(o).src = i),
-        languages: k(o).languages.src,
+    return (n, l) => M(o).languages ? (w(), $("div", ml, [
+      H(gt, {
+        modelValue: M(o).src,
+        "onUpdate:modelValue": l[0] || (l[0] = (r) => M(o).src = r),
+        languages: M(o).languages.src,
         class: "grow"
       }, null, 8, ["modelValue", "languages"]),
-      B(jo, {
-        isBidirect: k(o).src !== "auto",
+      H(Bo, {
+        isBidirect: M(o).src !== "auto",
         class: "grow-0 mx-3",
         onSwap: t
       }, null, 8, ["isBidirect"]),
-      B(mt, {
-        modelValue: k(o).target,
-        "onUpdate:modelValue": s[1] || (s[1] = (i) => k(o).target = i),
-        languages: k(o).languages.target,
+      H(gt, {
+        modelValue: M(o).target,
+        "onUpdate:modelValue": l[1] || (l[1] = (r) => M(o).target = r),
+        languages: M(o).languages.target,
         class: "grow"
       }, null, 8, ["modelValue", "languages"])
     ])) : X("", !0);
   }
-}, gs = {
+}, bl = {
   INPUT_MAX_LENGTH: 5e3,
   INPUT_DEBOUNCE: 500
-}, ze = (e, o) => {
+}, Ue = (e, o) => {
   const t = e.__vccOpts || e;
-  for (const [n, s] of o)
-    t[n] = s;
+  for (const [n, l] of o)
+    t[n] = l;
   return t;
-}, bs = {}, Cs = { class: "mr-2 loading loading-dots loading-xs" };
-function _s(e, o) {
-  return y(), $("span", Cs);
+}, Cl = {}, _l = { class: "mr-2 loading loading-dots loading-xs" };
+function xl(e, o) {
+  return w(), $("span", _l);
 }
-const xs = /* @__PURE__ */ ze(bs, [["render", _s]]), ys = "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", ws = "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", Es = /* @__PURE__ */ C("img", {
-  src: ys,
+const yl = /* @__PURE__ */ Ue(Cl, [["render", xl]]), wl = "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", Sl = "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", rn = He("tts", () => {
+  const e = E({
+    src: null,
+    target: null
+  });
+  function o(l) {
+    l.src && (e.value.src = l.src), l.target && (e.value.target = l.target);
+  }
+  function t(l) {
+    if (l === "src") return e.value.src;
+    if (l === "target") return e.value.target;
+  }
+  function n() {
+    e.value = {
+      src: null,
+      target: null
+    };
+  }
+  return {
+    tts: e,
+    set: o,
+    get: t,
+    reset: n
+  };
+}), El = /* @__PURE__ */ C("img", {
+  src: wl,
   alt: "Play"
-}, null, -1), Ss = [
-  Es
-], Os = /* @__PURE__ */ C("img", {
-  src: ws,
+}, null, -1), Ol = [
+  El
+], $l = /* @__PURE__ */ C("img", {
+  src: Sl,
   alt: "Stop"
-}, null, -1), $s = [
-  Os
-], Is = {
+}, null, -1), Tl = [
+  $l
+], Il = {
   __name: "SpeakBtn",
   props: {
-    url: {
+    type: {
       type: String,
       default: ""
     }
   },
-  setup(e) {
-    const o = e, t = S(!1), n = new Audio();
-    function s() {
-      o.url && (n.src = o.url, t.value = !0, n.play().catch((r) => {
-        console.error(r), t.value = !1;
+  emits: ["loadTTS"],
+  setup(e, { emit: o }) {
+    const t = rn(), n = e, l = o, r = S(() => t.tts[n.type]), i = E(!1), s = new Audio();
+    F(
+      r,
+      () => {
+        if (!r.value) {
+          i.value = !1;
+          return;
+        }
+        u();
+      },
+      { immediate: !0 }
+    ), tt(() => {
+      f(), s.src = "";
+    });
+    function a() {
+      if (r.value) {
+        u();
+        return;
+      }
+      i.value = !0, l("loadTTS");
+    }
+    function u() {
+      r.value && (s.src = r.value, i.value = !0, s.play().catch(() => {
+        i.value = !1;
       }));
     }
-    function i() {
-      n.pause(), n.currentTime = 0, t.value = !1;
+    function f() {
+      s.pause(), s.currentTime = 0, i.value = !1;
     }
-    return n.onended = () => {
-      t.value = !1;
-    }, (r, l) => t.value ? (y(), $("button", {
+    return s.onended = () => {
+      i.value = !1;
+    }, (p, m) => i.value ? (w(), $("button", {
       key: 1,
       class: "btn btn-xs btn-ghost btn-circle",
-      onClick: ut(i, ["prevent"])
-    }, $s)) : (y(), $("button", {
+      onClick: ct(f, ["prevent"])
+    }, Tl)) : (w(), $("button", {
       key: 0,
       class: "btn btn-xs btn-ghost btn-circle",
-      onClick: ut(s, ["prevent"])
-    }, Ss));
+      onClick: ct(a, ["prevent"])
+    }, Ol));
   }
-}, 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%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", Ls = {}, Ps = { class: "btn btn-xs btn-circle btn-ghost" }, Vs = /* @__PURE__ */ C("img", {
-  src: Ts,
+}, Ll = "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", Pl = {}, Vl = { class: "btn btn-xs btn-circle btn-ghost" }, kl = /* @__PURE__ */ C("img", {
+  src: Ll,
   alt: "Clear",
   class: "w-4"
-}, null, -1), ks = [
-  Vs
+}, null, -1), Ml = [
+  kl
 ];
-function Ms(e, o) {
-  return y(), $("button", Ps, ks);
+function Rl(e, o) {
+  return w(), $("button", Vl, Ml);
 }
-const Rs = /* @__PURE__ */ ze(Ls, [["render", Ms]]), Ns = "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", As = "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", Ds = { class: "btn btn-xs btn-circle btn-ghost" }, Fs = {
+const Nl = /* @__PURE__ */ Ue(Pl, [["render", Rl]]), Al = "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", Dl = "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", Fl = { class: "btn btn-xs btn-circle btn-ghost" }, jl = {
   key: 0,
-  src: Ns,
+  src: Al,
   alt: "Clear",
   class: "w-4"
-}, js = {
+}, Bl = {
   key: 1,
-  src: As,
+  src: Dl,
   alt: "Clear",
   class: "w-4"
-}, Bs = {
+}, Hl = {
   __name: "FavoriteBtn",
   props: {
     isFilled: Boolean
   },
   setup(e) {
     const o = e;
-    return (t, n) => (y(), $("button", Ds, [
-      o.isFilled ? (y(), $("img", Fs)) : (y(), $("img", js))
+    return (t, n) => (w(), $("button", Fl, [
+      o.isFilled ? (w(), $("img", jl)) : (w(), $("img", Bl))
     ]));
   }
-}, Hs = { class: "flex flex-row rounded-t-lg bg-white border border-b-0 px-1 pr-1 pt-1 gap-1 items-center" }, zs = { class: "text-sm text-gray-600" }, Us = {
+}, zl = { class: "flex flex-row rounded-t-lg bg-white border border-b-0 px-1 pr-1 pt-1 gap-1 items-center" }, Ul = { class: "text-sm text-gray-600" }, Zl = {
   key: 0,
   class: "italic"
-}, Zs = /* @__PURE__ */ C("div", { class: "flex-grow" }, null, -1), rn = {
+}, Wl = /* @__PURE__ */ C("div", { class: "flex-grow" }, null, -1), an = {
   __name: "TranslationBtnGroup",
   props: {
     loading: {
@@ -2556,7 +2601,7 @@ const Rs = /* @__PURE__ */ ze(Ls, [["render", Ms]]), Ns = "data:image/svg+xml,%3
       type: String,
       default: ""
     },
-    tts: {
+    type: {
       type: String,
       default: ""
     },
@@ -2582,47 +2627,48 @@ const Rs = /* @__PURE__ */ ze(Ls, [["render", Ms]]), Ns = "data:image/svg+xml,%3
       }
     }
   },
-  emits: ["clear", "favorite"],
+  emits: ["clear", "favorite", "loadTTS"],
   setup(e, { emit: o }) {
     const t = e, n = o;
-    return (s, i) => (y(), $("div", Hs, [
-      t.tts ? (y(), ee(Is, {
+    return (l, r) => (w(), $("div", zl, [
+      t.src ? (w(), ee(Il, {
         key: 0,
-        url: t.tts
-      }, null, 8, ["url"])) : X("", !0),
-      C("div", zs, [
-        hn(te(e.srcLabel) + " ", 1),
-        e.phonetic ? (y(), $("span", Us, "- [" + te(t.phonetic) + "]", 1)) : X("", !0)
+        type: t.type,
+        onLoadTTS: r[0] || (r[0] = (i) => n("loadTTS"))
+      }, null, 8, ["type"])) : X("", !0),
+      C("div", Ul, [
+        mn(te(e.srcLabel) + " ", 1),
+        e.phonetic ? (w(), $("span", Zl, "- [" + te(t.phonetic) + "]", 1)) : X("", !0)
       ]),
-      Zs,
-      t.loading ? (y(), ee(xs, { key: 1 })) : X("", !0),
-      t.src && t.isClearBtn ? (y(), ee(Rs, {
+      Wl,
+      t.loading ? (w(), ee(yl, { key: 1 })) : X("", !0),
+      t.src && t.isClearBtn ? (w(), ee(Nl, {
         key: 2,
-        onClick: i[0] || (i[0] = (r) => n("clear"))
+        onClick: r[1] || (r[1] = (i) => n("clear"))
       })) : X("", !0),
-      t.src && t.isFavoriteBtn ? (y(), ee(Bs, {
+      t.src && t.isFavoriteBtn ? (w(), ee(Hl, {
         key: 3,
         isFilled: t.isFavorite,
-        onClick: i[1] || (i[1] = (r) => n("favorite"))
+        onClick: r[2] || (r[2] = (i) => n("favorite"))
       }, null, 8, ["isFilled"])) : X("", !0)
     ]));
   }
-}, he = it("translation", () => {
-  const e = S(null), o = S(null), t = S({
+}, he = He("translation", () => {
+  const e = E(null), o = E(null), t = E(null), n = E({
     src: null,
     target: null
-  }), n = S(null), s = S([]), i = S([]), r = S([]), l = S([]), a = S({
+  }), l = E(null), r = E([]), i = E([]), s = E([]), a = E([]), u = E({
     src: null,
     target: null
-  }), 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;
+  }), f = ze(), p = S(() => f.getLabel(e.value)), m = S(() => f.getLabel(o.value));
+  function x(h) {
+    e.value = h.src, o.value = h.target, t.value = h.text, n.value = h.phonetic, l.value = h.result, r.value = h.dictionary, i.value = h.definitions, s.value = h.synonyms, a.value = h.examples, u.value = h.tts;
   }
-  function h() {
-    e.value = null, o.value = null, t.value = {
+  function v() {
+    e.value = null, o.value = null, t.value = null, n.value = {
       src: null,
       target: null
-    }, n.value = null, s.value = [], i.value = [], r.value = [], l.value = [], a.value = {
+    }, l.value = null, r.value = [], i.value = [], s.value = [], a.value = [], u.value = {
       src: null,
       target: null
     };
@@ -2631,117 +2677,118 @@ const Rs = /* @__PURE__ */ ze(Ls, [["render", Ms]]), Ns = "data:image/svg+xml,%3
     src: e,
     srcLabel: p,
     target: o,
-    targetLabel: f,
-    phonetic: t,
-    result: n,
-    dictionary: s,
+    targetLabel: m,
+    phonetic: n,
+    text: t,
+    result: l,
+    dictionary: r,
     definitions: i,
-    synonyms: r,
-    examples: l,
-    tts: a,
-    init: v,
-    reset: h
+    synonyms: s,
+    examples: a,
+    tts: u,
+    init: x,
+    reset: v
   };
 });
-function Ws(e) {
-  return Tt() ? (Xe(e), !0) : !1;
+function Gl(e) {
+  return It() ? (et(e), !0) : !1;
 }
 function Fe(e) {
-  return typeof e == "function" ? e() : k(e);
+  return typeof e == "function" ? e() : M(e);
 }
-const Gs = typeof window < "u" && typeof document < "u";
+const ql = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const yt = () => {
+const wt = () => {
 };
-function qs(e, o) {
+function Jl(e, o) {
   function t(...n) {
-    return new Promise((s, i) => {
-      Promise.resolve(e(() => o.apply(this, n), { fn: o, thisArg: this, args: n })).then(s).catch(i);
+    return new Promise((l, r) => {
+      Promise.resolve(e(() => o.apply(this, n), { fn: o, thisArg: this, args: n })).then(l).catch(r);
     });
   }
   return t;
 }
-function Js(e, o = {}) {
-  let t, n, s = yt;
-  const i = (l) => {
-    clearTimeout(l), s(), s = yt;
+function Kl(e, o = {}) {
+  let t, n, l = wt;
+  const r = (s) => {
+    clearTimeout(s), l(), l = wt;
   };
-  return (l) => {
+  return (s) => {
     const a = Fe(e), u = Fe(o.maxWait);
-    return t && i(t), a <= 0 || u !== void 0 && u <= 0 ? (n && (i(n), n = null), Promise.resolve(l())) : new Promise((p, f) => {
-      s = o.rejectOnCancel ? f : p, u && !n && (n = setTimeout(() => {
-        t && i(t), n = null, p(l());
+    return t && r(t), a <= 0 || u !== void 0 && u <= 0 ? (n && (r(n), n = null), Promise.resolve(s())) : new Promise((f, p) => {
+      l = o.rejectOnCancel ? p : f, u && !n && (n = setTimeout(() => {
+        t && r(t), n = null, f(s());
       }, u)), t = setTimeout(() => {
-        n && i(n), n = null, p(l());
+        n && r(n), n = null, f(s());
       }, a);
     });
   };
 }
-function Ks(e, o = 200, t = {}) {
-  return qs(
-    Js(o, t),
+function Yl(e, o = 200, t = {}) {
+  return Jl(
+    Kl(o, t),
     e
   );
 }
-function wt(e) {
+function St(e) {
   var o;
   const t = Fe(e);
   return (o = t == null ? void 0 : t.$el) != null ? o : t;
 }
-const Ys = Gs ? window : void 0;
-function Qs() {
-  const e = S(!1), o = It();
+const Ql = ql ? window : void 0;
+function Xl() {
+  const e = E(!1), o = Tt();
   return o && xe(() => {
     e.value = !0;
   }, o), e;
 }
-function Xs(e) {
-  const o = Qs();
-  return w(() => (o.value, !!e()));
+function es(e) {
+  const o = Xl();
+  return S(() => (o.value, !!e()));
 }
-function el(e, o, t = {}) {
-  const { window: n = Ys, ...s } = t;
-  let i;
-  const r = Xs(() => n && "ResizeObserver" in n), l = () => {
-    i && (i.disconnect(), i = void 0);
-  }, a = w(() => Array.isArray(e) ? e.map((f) => wt(f)) : [wt(e)]), u = z(
+function ts(e, o, t = {}) {
+  const { window: n = Ql, ...l } = t;
+  let r;
+  const i = es(() => n && "ResizeObserver" in n), s = () => {
+    r && (r.disconnect(), r = void 0);
+  }, a = S(() => Array.isArray(e) ? e.map((p) => St(p)) : [St(e)]), u = F(
     a,
-    (f) => {
-      if (l(), r.value && n) {
-        i = new ResizeObserver(o);
-        for (const v of f)
-          v && i.observe(v, s);
+    (p) => {
+      if (s(), i.value && n) {
+        r = new ResizeObserver(o);
+        for (const m of p)
+          m && r.observe(m, l);
       }
     },
     { immediate: !0, flush: "post" }
-  ), p = () => {
-    l(), u();
+  ), f = () => {
+    s(), u();
   };
-  return Ws(p), {
-    isSupported: r,
-    stop: p
+  return Gl(f), {
+    isSupported: i,
+    stop: f
   };
 }
-function an(e) {
+function un(e) {
   var o;
-  const t = S(e == null ? void 0 : e.element), n = S(e == null ? void 0 : e.input), s = (o = e == null ? void 0 : e.styleProp) != null ? o : "height", i = S(1);
-  function r() {
-    var l;
+  const t = E(e == null ? void 0 : e.element), n = E(e == null ? void 0 : e.input), l = (o = e == null ? void 0 : e.styleProp) != null ? o : "height", r = E(1);
+  function i() {
+    var s;
     if (!t.value)
       return;
     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;
+    t.value.style[l] = "1px", r.value = (s = t.value) == null ? void 0 : s.scrollHeight, e != null && e.styleTarget ? Fe(e.styleTarget).style[l] = `${r.value}px` : a = `${r.value}px`, t.value.style[l] = a;
   }
-  return z([n, t], () => Q(r), { immediate: !0 }), z(i, () => {
-    var l;
-    return (l = e == null ? void 0 : e.onResize) == null ? void 0 : l.call(e);
-  }), el(t, () => r()), e != null && e.watch && z(e.watch, r, { immediate: !0, deep: !0 }), {
+  return F([n, t], () => Q(i), { immediate: !0 }), F(r, () => {
+    var s;
+    return (s = e == null ? void 0 : e.onResize) == null ? void 0 : s.call(e);
+  }), ts(t, () => i()), e != null && e.watch && F(e.watch, i, { immediate: !0, deep: !0 }), {
     textarea: t,
     input: n,
-    triggerResize: r
+    triggerResize: i
   };
 }
-const tl = {
+const ns = {
   __name: "TranslationInput",
   props: {
     text: {
@@ -2749,156 +2796,153 @@ const tl = {
       default: ""
     }
   },
-  emits: ["change", "clear"],
+  emits: ["change", "clear", "loadTTS"],
   setup(e, { emit: o }) {
-    const t = he(), n = e, s = S(""), i = w(() => t.src), r = w(() => t.srcLabel), l = w(() => {
-      var O;
-      return (O = t.phonetic) == null ? void 0 : O.src;
-    }), a = w(() => {
-      var O;
-      return (O = t.tts) == null ? void 0 : O.src;
-    }), { textarea: u } = an({ input: s, styleProp: "minHeight" }), p = o, f = Ks(() => {
-      p("change", s.value);
-    }, gs.INPUT_DEBOUNCE);
-    function v() {
-      if (!s.value) {
-        h();
+    const t = he(), n = e, l = E(""), r = S(() => t.src), i = S(() => t.srcLabel), s = S(() => {
+      var v;
+      return (v = t.phonetic) == null ? void 0 : v.src;
+    }), { textarea: a } = un({ input: l, styleProp: "minHeight" }), u = o, f = Yl(() => {
+      u("change", l.value);
+    }, bl.INPUT_DEBOUNCE);
+    function p() {
+      if (!l.value) {
+        m();
         return;
       }
       f();
     }
-    function h() {
-      p("clear"), s.value = "", u.value.focus();
+    function m() {
+      u("clear"), l.value = "", a.value.focus();
     }
-    async function m() {
-      await Q(), u.value.select();
+    async function x() {
+      await Q(), a.value.select();
     }
-    return z(
+    return F(
       () => n.text,
-      (O) => {
-        s.value !== O && m(), s.value = O;
+      (v) => {
+        l.value !== v && x(), l.value = v;
       }
-    ), (O, N) => (y(), $(Z, null, [
-      B(rn, {
-        src: i.value,
-        srcLabel: r.value,
-        tts: a.value,
-        phonetic: l.value,
+    ), (v, h) => (w(), $(Z, null, [
+      H(an, {
+        src: r.value,
+        srcLabel: i.value,
+        type: "src",
+        phonetic: s.value,
         isClearBtn: !0,
-        onClear: h
-      }, null, 8, ["src", "srcLabel", "tts", "phonetic"]),
+        onClear: m,
+        onLoadTTS: h[0] || (h[0] = (V) => u("loadTTS"))
+      }, null, 8, ["src", "srcLabel", "phonetic"]),
       Lt(C("textarea", {
         ref_key: "textarea",
-        ref: u,
-        "onUpdate:modelValue": N[0] || (N[0] = (R) => s.value = R),
+        ref: a,
+        "onUpdate:modelValue": h[1] || (h[1] = (V) => l.value = V),
         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: m
+        onInput: p,
+        onFocus: x
       }, null, 544), [
         [
           Pt,
-          s.value,
+          l.value,
           void 0,
           { trim: !0 }
         ]
       ])
     ], 64));
   }
-}, nl = /* @__PURE__ */ ze(tl, [["__scopeId", "data-v-bfa5aec3"]]), un = it("loader", () => ({ loading: S(!1) })), ol = (e) => (mn("data-v-db8f3257"), e = e(), gn(), e), sl = { class: "flex flex-col" }, ll = /* @__PURE__ */ ol(() => /* @__PURE__ */ C("div", { class: "w-full flex align-item-center justify-end mt-2" }, null, -1)), il = {
+}, os = /* @__PURE__ */ Ue(ns, [["__scopeId", "data-v-90bf3e0d"]]), cn = He("loader", () => ({ loading: E(!1) })), ls = (e) => (gn("data-v-4b9f4a7b"), e = e(), bn(), e), ss = { class: "flex flex-col" }, rs = /* @__PURE__ */ ls(() => /* @__PURE__ */ C("div", { class: "w-full flex align-item-center justify-end mt-2" }, null, -1)), is = {
   __name: "TranslationResult",
   props: {
     isFavoriteFeatureEnabled: Boolean
   },
-  setup(e) {
-    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 = w(() => {
-      var v;
-      return (v = o.tts) == null ? void 0 : v.target;
-    }), a = e, u = un(), { textarea: p, input: f } = an({ input: n, styleProp: "minHeight" });
-    return (v, h) => (y(), $(Z, null, [
-      B(rn, {
-        loading: k(u).loading,
-        src: s.value,
+  emits: ["loadTTS"],
+  setup(e, { emit: o }) {
+    const t = he(), n = E(!1), l = S(() => t.result), r = S(() => t.target), i = S(() => t.targetLabel), s = S(() => {
+      var x;
+      return (x = t.phonetic) == null ? void 0 : x.target;
+    }), a = e, u = cn(), { textarea: f, input: p } = un({ input: l, styleProp: "minHeight" }), m = o;
+    return (x, v) => (w(), $(Z, null, [
+      H(an, {
+        loading: M(u).loading,
+        src: r.value,
         srcLabel: i.value,
-        tts: l.value,
+        type: "target",
         isFavoriteBtn: a.isFavoriteFeatureEnabled,
-        isFavorite: t.value,
-        phonetic: r.value,
-        onFavorite: h[0] || (h[0] = (m) => t.value = !t.value)
-      }, null, 8, ["loading", "src", "srcLabel", "tts", "isFavoriteBtn", "isFavorite", "phonetic"]),
-      C("div", sl, [
+        isFavorite: n.value,
+        phonetic: s.value,
+        onFavorite: v[0] || (v[0] = (h) => n.value = !n.value),
+        onLoadTTS: v[1] || (v[1] = (h) => m("loadTTS"))
+      }, null, 8, ["loading", "src", "srcLabel", "isFavoriteBtn", "isFavorite", "phonetic"]),
+      C("div", ss, [
         Lt(C("textarea", {
           ref_key: "textarea",
-          ref: p,
-          "onUpdate:modelValue": h[1] || (h[1] = (m) => _e(f) ? f.value = m : null),
+          ref: f,
+          "onUpdate:modelValue": v[2] || (v[2] = (h) => _e(p) ? p.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 overflow-x-hidden overflow-y-hidden",
           readonly: "",
           rows: "2",
           spellcheck: "false"
         }, null, 512), [
-          [Pt, k(f)]
+          [Pt, M(p)]
         ]),
-        ll
+        rs
       ])
     ], 64));
   }
-}, rl = /* @__PURE__ */ ze(il, [["__scopeId", "data-v-db8f3257"]]), al = { class: "btn btn-sm btn-circle btn-ghost" }, Ue = {
+}, as = /* @__PURE__ */ Ue(is, [["__scopeId", "data-v-4b9f4a7b"]]), us = { class: "btn btn-sm btn-circle btn-ghost" }, Ze = {
   __name: "ToggleBtn",
   props: {
     isExpanded: Boolean
   },
   setup(e) {
     const o = e;
-    return (t, n) => (y(), $("button", al, [
-      o.isExpanded ? (y(), ee(k(Mo), {
+    return (t, n) => (w(), $("button", us, [
+      o.isExpanded ? (w(), ee(M(Ro), {
         key: 0,
         class: "w-7 text-gray-400"
-      })) : (y(), ee(k(Vo), {
+      })) : (w(), ee(M(ko), {
         key: 1,
         class: "w-7 text-gray-400"
       }))
     ]));
   }
-}, ul = { class: "card border bg-white rounded-lg" }, cl = { class: "card-body px-4 py-2 gap-0" }, dl = { class: "flex justify-between items-center" }, fl = /* @__PURE__ */ C("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Translations", -1), pl = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, vl = { class: "list-none list-inside" }, hl = ["onClick"], ml = { class: "text-base font-normal text-gray-800 leading-4" }, gl = {
+}, cs = { class: "card border bg-white rounded-lg" }, ds = { class: "card-body px-4 py-2 gap-0" }, fs = { class: "flex justify-between items-center" }, ps = /* @__PURE__ */ C("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Translations", -1), vs = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, hs = { class: "list-none list-inside" }, ms = ["onClick"], gs = { class: "text-base font-normal text-gray-800 leading-4" }, bs = {
   __name: "Dictionary",
   emits: ["translate"],
   setup(e, { emit: o }) {
-    const t = S(!0), n = he(), s = He(), i = w(() => n.dictionary), r = o, l = () => {
+    const t = E(!0), n = he(), l = ze(), r = S(() => n.dictionary), i = o, s = () => {
       t.value = !t.value;
     }, a = (u) => {
-      r("translate", u, n.target, n.src), s.src = n.target, s.target = n.src, window.scrollTo(0, 0);
+      i("translate", u, n.target, n.src), l.src = n.target, l.target = n.src, window.scrollTo(0, 0);
     };
-    return (u, p) => (y(), $("div", ul, [
-      C("div", cl, [
-        C("div", dl, [
-          fl,
-          B(Ue, {
+    return (u, f) => (w(), $("div", cs, [
+      C("div", ds, [
+        C("div", fs, [
+          ps,
+          H(Ze, {
             isExpanded: t.value,
-            onClick: l
+            onClick: s
           }, null, 8, ["isExpanded"])
         ]),
         C("div", {
           class: Ce(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           C("ul", null, [
-            (y(!0), $(Z, null, le(i.value, (f, v) => (y(), $("li", {
-              key: `${f.pos}-${v}`,
+            (w(!0), $(Z, null, se(r.value, (p, m) => (w(), $("li", {
+              key: `${p.pos}-${m}`,
               class: "mb-2"
             }, [
-              C("h5", pl, te(f.pos), 1),
-              C("ul", vl, [
-                (y(!0), $(Z, null, le(f.items, (h, m) => (y(), $("li", {
-                  key: `${h.word}-${m}`
+              C("h5", vs, te(p.pos), 1),
+              C("ul", hs, [
+                (w(!0), $(Z, null, se(p.items, (x, v) => (w(), $("li", {
+                  key: `${x.word}-${v}`
                 }, [
                   C("span", {
                     class: "p-3 m-0.5 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded-lg",
-                    onClick: (O) => a(h.word)
-                  }, te(h.word), 9, hl),
-                  C("small", ml, " - " + te(h.reverse_translation.join(", ")), 1)
+                    onClick: (h) => a(x.word)
+                  }, te(x.word), 9, ms),
+                  C("small", gs, " - " + te(x.reverse_translation.join(", ")), 1)
                 ]))), 128))
               ])
             ]))), 128))
@@ -2907,41 +2951,41 @@ const tl = {
       ])
     ]));
   }
-}, bl = { class: "card border bg-white rounded-lg" }, Cl = { class: "card-body px-4 py-2 gap-0" }, _l = { class: "flex justify-between items-center" }, xl = /* @__PURE__ */ C("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Definitions", -1), yl = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, wl = { class: "text-base text-textCustom list-decimal list-outside ml-5" }, El = /* @__PURE__ */ C("br", null, null, -1), Sl = {
+}, Cs = { class: "card border bg-white rounded-lg" }, _s = { class: "card-body px-4 py-2 gap-0" }, xs = { class: "flex justify-between items-center" }, ys = /* @__PURE__ */ C("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Definitions", -1), ws = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, Ss = { class: "text-base text-textCustom list-decimal list-outside ml-5" }, Es = /* @__PURE__ */ C("br", null, null, -1), Os = {
   key: 0,
   class: "italic"
-}, Ol = {
+}, $s = {
   __name: "Definition",
   setup(e) {
-    const o = S(!0), t = he(), n = w(() => t.definitions), s = () => {
+    const o = E(!0), t = he(), n = S(() => t.definitions), l = () => {
       o.value = !o.value;
     };
-    return (i, r) => (y(), $("div", bl, [
-      C("div", Cl, [
-        C("div", _l, [
-          xl,
-          B(Ue, {
+    return (r, i) => (w(), $("div", Cs, [
+      C("div", _s, [
+        C("div", xs, [
+          ys,
+          H(Ze, {
             isExpanded: o.value,
-            onClick: s
+            onClick: l
           }, null, 8, ["isExpanded"])
         ]),
         C("div", {
           class: Ce(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           C("ul", null, [
-            (y(!0), $(Z, null, le(n.value, (l, a) => (y(), $("li", {
-              key: `${l.pos}-${a}`,
+            (w(!0), $(Z, null, se(n.value, (s, a) => (w(), $("li", {
+              key: `${s.pos}-${a}`,
               class: "mb-2"
             }, [
-              C("h5", yl, te(l.pos), 1),
-              C("ul", wl, [
-                (y(!0), $(Z, null, le(l.items, (u, p) => (y(), $("li", {
-                  key: `${u.gloss}-${p}`,
+              C("h5", ws, te(s.pos), 1),
+              C("ul", Ss, [
+                (w(!0), $(Z, null, se(s.items, (u, f) => (w(), $("li", {
+                  key: `${u.gloss}-${f}`,
                   class: "mb-1"
                 }, [
                   C("span", null, te(u.gloss), 1),
-                  El,
-                  u.example ? (y(), $("small", Sl, '"' + te(u.example) + '"', 1)) : X("", !0)
+                  Es,
+                  u.example ? (w(), $("small", Os, '"' + te(u.example) + '"', 1)) : X("", !0)
                 ]))), 128))
               ])
             ]))), 128))
@@ -2950,72 +2994,72 @@ const tl = {
       ])
     ]));
   }
-}, $l = { class: "card border bg-white rounded-lg" }, Il = { class: "card-body px-4 py-2 gap-0" }, Tl = { class: "flex justify-between items-center" }, Ll = /* @__PURE__ */ C("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Examples", -1), Pl = { class: "text-textCustom list-decimal list-outside ml-7 mt-2" }, Vl = ["innerHTML"], kl = {
+}, Ts = { class: "card border bg-white rounded-lg" }, Is = { class: "card-body px-4 py-2 gap-0" }, Ls = { class: "flex justify-between items-center" }, Ps = /* @__PURE__ */ C("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Examples", -1), Vs = { class: "text-textCustom list-decimal list-outside ml-7 mt-2" }, ks = ["innerHTML"], Ms = {
   __name: "Example",
   setup(e) {
-    const o = S(!0), t = he(), n = w(() => t.examples), s = () => {
+    const o = E(!0), t = he(), n = S(() => t.examples), l = () => {
       o.value = !o.value;
     };
-    return (i, r) => (y(), $("div", $l, [
-      C("div", Il, [
-        C("div", Tl, [
-          Ll,
-          B(Ue, {
+    return (r, i) => (w(), $("div", Ts, [
+      C("div", Is, [
+        C("div", Ls, [
+          Ps,
+          H(Ze, {
             isExpanded: o.value,
-            onClick: s
+            onClick: l
           }, null, 8, ["isExpanded"])
         ]),
         C("div", {
           class: Ce(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
-          C("ul", Pl, [
-            (y(!0), $(Z, null, le(n.value, (l, a) => (y(), $("li", {
-              key: `${l.definition_id}-${a}`,
-              innerHTML: l
-            }, null, 8, Vl))), 128))
+          C("ul", Vs, [
+            (w(!0), $(Z, null, se(n.value, (s, a) => (w(), $("li", {
+              key: `${s.definition_id}-${a}`,
+              innerHTML: s
+            }, null, 8, ks))), 128))
           ])
         ], 2)
       ])
     ]));
   }
-}, Ml = { class: "card border bg-white rounded-lg" }, Rl = { class: "card-body px-4 py-2 gap-0" }, Nl = { class: "flex justify-between items-center" }, Al = /* @__PURE__ */ C("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Synonyms", -1), Dl = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, Fl = { class: "list-none list-inside" }, jl = { class: "flex flex-wrap" }, Bl = ["onClick"], Hl = {
+}, Rs = { class: "card border bg-white rounded-lg" }, Ns = { class: "card-body px-4 py-2 gap-0" }, As = { class: "flex justify-between items-center" }, Ds = /* @__PURE__ */ C("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Synonyms", -1), Fs = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, js = { class: "list-none list-inside" }, Bs = { class: "flex flex-wrap" }, Hs = ["onClick"], zs = {
   __name: "Synonyms",
   emits: ["translate"],
   setup(e, { emit: o }) {
-    const t = S(!0), n = he(), s = w(() => n.synonyms), i = o, r = () => {
+    const t = E(!0), n = he(), l = S(() => n.synonyms), r = o, i = () => {
       t.value = !t.value;
-    }, l = (a) => {
-      i("translate", a), window.scrollTo(0, 0);
+    }, s = (a) => {
+      r("translate", a), window.scrollTo(0, 0);
     };
-    return (a, u) => (y(), $("div", Ml, [
-      C("div", Rl, [
-        C("div", Nl, [
-          Al,
-          B(Ue, {
+    return (a, u) => (w(), $("div", Rs, [
+      C("div", Ns, [
+        C("div", As, [
+          Ds,
+          H(Ze, {
             isExpanded: t.value,
-            onClick: r
+            onClick: i
           }, null, 8, ["isExpanded"])
         ]),
         C("div", {
           class: Ce(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           C("ul", null, [
-            (y(!0), $(Z, null, le(s.value, (p, f) => (y(), $("li", {
-              key: `${p.pos}-${f}`,
+            (w(!0), $(Z, null, se(l.value, (f, p) => (w(), $("li", {
+              key: `${f.pos}-${p}`,
               class: "mb-2"
             }, [
-              C("h5", Dl, te(p.pos), 1),
-              C("ul", Fl, [
-                (y(!0), $(Z, null, le(p.items, (v, h) => (y(), $("li", {
-                  key: `${v.word}-${h}`,
+              C("h5", Fs, te(f.pos), 1),
+              C("ul", js, [
+                (w(!0), $(Z, null, se(f.items, (m, x) => (w(), $("li", {
+                  key: `${m.word}-${x}`,
                   class: "mb-2"
                 }, [
-                  C("div", jl, [
-                    (y(!0), $(Z, null, le(v.synonym, (m, O) => (y(), $("span", {
-                      key: `${m}-${O}`,
+                  C("div", Bs, [
+                    (w(!0), $(Z, null, se(m.synonym, (v, h) => (w(), $("span", {
+                      key: `${v}-${h}`,
                       class: "p-3 m-0.5 ml-0 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded-lg",
-                      onClick: (N) => l(m)
-                    }, te(m), 9, Bl))), 128))
+                      onClick: (V) => s(v)
+                    }, te(v), 9, Hs))), 128))
                   ])
                 ]))), 128))
               ])
@@ -3025,13 +3069,13 @@ const tl = {
       ])
     ]));
   }
-}, zl = { class: "bg-white min-h-screen flex flex-col" }, Ul = { class: "py-2 px-5 shadow-lg" }, Zl = { class: "px-5 flex-grow" }, Wl = { class: "flex flex-col lg:flex-row lg:gap-2" }, Gl = { class: "w-full lg:w-[calc(50%-1rem)] my-2" }, ql = /* @__PURE__ */ C("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1), Jl = { class: "w-full lg:w-[calc(50%-1rem)] my-2" }, Kl = { class: "grid grid-cols-1 lg:grid-cols-3 gap-4" }, Yl = {
+}, Us = { class: "bg-white min-h-screen flex flex-col" }, Zs = { class: "py-2 px-5 shadow-lg" }, Ws = { class: "px-5 flex-grow" }, Gs = { class: "flex flex-col lg:flex-row lg:gap-2" }, qs = { class: "w-full lg:w-[calc(50%-1rem)] my-2" }, Js = /* @__PURE__ */ C("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1), Ks = { class: "w-full lg:w-[calc(50%-1rem)] my-2" }, Ys = { class: "grid grid-cols-1 lg:grid-cols-3 gap-4" }, Qs = {
   key: 0,
   class: "w-full my-4"
-}, Ql = {
+}, Xs = {
   key: 1,
   class: "text-textCustom italic font-medium"
-}, t2 = {
+}, n2 = {
   __name: "Popup",
   props: {
     opt: {
@@ -3046,87 +3090,105 @@ const tl = {
       type: Object,
       default: null
     },
+    tts: {
+      type: Object,
+      default: null
+    },
     isFavoriteFeatureEnabled: {
       type: Boolean,
       default: !1
     }
   },
-  emits: ["opt", "translate", "reader", "settings", "fullscreen"],
+  emits: ["opt", "translate", "reader", "settings", "fullscreen", "loadTTS"],
   setup(e, { emit: o }) {
-    const t = ds(), n = he(t), s = He(t), i = un(t), r = e, l = o, a = S("");
-    z(
-      () => r.translation,
+    const t = fl(), n = he(t), l = rn(t), r = ze(t), i = cn(t), s = e, a = o, u = E("");
+    F(
+      () => s.translation,
       (v) => {
-        try {
-          i.loading = !1, a.value = v.text, n.init(v);
-        } catch (h) {
-          console.error(h);
+        i.loading = !1, u.value = v.text, n.init(v), l.reset();
+      },
+      { immediate: !0 }
+    ), F(
+      () => s.tts,
+      (v) => {
+        if (!v) {
+          l.reset();
+          return;
         }
+        l.set(v);
       },
       { immediate: !0 }
-    ), z([() => r.opt, () => r.languages], ([v, h]) => {
-      s.init(v, h), f(a.value);
-    }), z([() => s.src, () => s.target], ([v, h]) => {
-      l("opt", { src: v, target: h }), f(a.value);
+    ), F([() => s.opt, () => s.languages], ([v, h]) => {
+      r.init(v, h);
+    }), F([() => r.src, () => r.target], ([v, h]) => {
+      a("opt", { src: v, target: h }), x(u.value);
     }), xe(() => {
-      s.init(r.opt, r.languages);
+      r.init(s.opt, s.languages);
     });
-    function u() {
-      a.value = "", n.reset();
+    function f() {
+      u.value = "", n.reset();
     }
     function p(v) {
-      f(v);
+      x(v);
     }
-    function f(v, h = s.src, m = s.target) {
-      v && (a.value = v, i.loading = !0, l("translate", {
+    function m(v) {
+      const h = v === "src" ? n.text : n.result;
+      a("loadTTS", { type: v, data: h });
+    }
+    function x(v, h = r.src, V = r.target) {
+      v && (u.value = v, i.loading = !0, a("translate", {
         src: h,
-        target: m,
+        target: V,
         text: v
       }));
     }
-    return (v, h) => (y(), $("div", zl, [
-      C("div", Ul, [
-        B(Pn, {
-          onReader: h[0] || (h[0] = (m) => l("reader")),
-          onSettings: h[1] || (h[1] = (m) => l("settings")),
-          onFullScreen: h[2] || (h[2] = (m) => l("fullscreen"))
+    return (v, h) => (w(), $("div", Us, [
+      C("div", Zs, [
+        H(Vn, {
+          onReader: h[0] || (h[0] = (V) => a("reader")),
+          onSettings: h[1] || (h[1] = (V) => a("settings")),
+          onFullScreen: h[2] || (h[2] = (V) => a("fullscreen"))
         })
       ]),
-      C("div", Zl, [
-        B(ms, { class: "my-4" }),
-        C("div", Wl, [
-          C("div", Gl, [
-            B(nl, {
-              text: a.value,
+      C("div", Ws, [
+        H(gl, { class: "my-4" }),
+        C("div", Gs, [
+          C("div", qs, [
+            H(os, {
+              text: u.value,
               onChange: p,
-              onClear: u
+              onClear: f,
+              onLoadTTS: h[3] || (h[3] = (V) => m("src"))
             }, null, 8, ["text"])
           ]),
-          ql,
-          C("div", Jl, [
-            B(rl, { isFavoriteFeatureEnabled: e.isFavoriteFeatureEnabled }, null, 8, ["isFavoriteFeatureEnabled"])
+          Js,
+          C("div", Ks, [
+            H(as, {
+              isFavoriteFeatureEnabled: e.isFavoriteFeatureEnabled,
+              onLoadTTS: h[4] || (h[4] = (V) => m("target"))
+            }, null, 8, ["isFavoriteFeatureEnabled"])
           ])
         ]),
-        r.translation ? (y(), $(Z, { key: 0 }, [
-          C("div", Kl, [
-            k(n).dictionary.length ? (y(), ee(gl, {
+        s.translation ? (w(), $(Z, { key: 0 }, [
+          C("div", Ys, [
+            M(n).dictionary.length ? (w(), ee(bs, {
               key: 0,
-              onTranslate: f
+              onTranslate: x
             })) : X("", !0),
-            k(n).definitions.length ? (y(), ee(Ol, { key: 1 })) : X("", !0),
-            k(n).synonyms.length ? (y(), ee(Hl, {
+            M(n).definitions.length ? (w(), ee($s, { key: 1 })) : X("", !0),
+            M(n).synonyms.length ? (w(), ee(zs, {
               key: 2,
-              onTranslate: f
+              onTranslate: x
             })) : X("", !0)
           ]),
-          k(n).examples.length ? (y(), $("div", Yl, [
-            B(kl)
+          M(n).examples.length ? (w(), $("div", Qs, [
+            H(Ms)
           ])) : X("", !0)
-        ], 64)) : (y(), $("span", Ql, "Service unavailable"))
+        ], 64)) : (w(), $("span", Xs, "Service unavailable"))
       ])
     ]));
   }
 };
 export {
-  t2 as default
+  n2 as default
 };