@ddict/popup 1.0.18 → 1.0.19

package/dist/popup.es.js

@@ -1,14 +1,14 @@
-import { openBlock as w, createElementBlock as $, createElementVNode as g, computed as S, unref as V, shallowRef as pn, watch as F, triggerRef as ut, onScopeDispose as tt, ref as E, onUnmounted as nt, inject as Ie, watchEffect as ie, onMounted as Ce, cloneVNode as $t, h as Ee, Fragment as Z, defineComponent as ae, provide as ot, reactive as Tt, nextTick as Q, toRaw as K, effectScope as It, markRaw as de, hasInjectionContext as vn, getCurrentInstance as Lt, isRef as _e, isReactive as st, toRef as Ge, getCurrentScope as Pt, toRefs as ct, mergeModels as hn, useModel as mn, createBlock as ee, withCtx as Pe, createVNode as H, renderList as le, normalizeClass as xe, toDisplayString as te, createCommentVNode as X, withModifiers as dt, createTextVNode as gn, withDirectives as Rt, vModelText as Vt, pushScopeId as bn, popScopeId as _n } from "vue";
-const xn = "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", 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='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", wn = "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", Sn = { class: "flex justify-between" }, En = /* @__PURE__ */ g("div", { class: "flex flex-row" }, [
-  /* @__PURE__ */ g("img", {
-    src: xn,
+import { openBlock as w, createElementBlock as $, createElementVNode as m, computed as S, unref as V, shallowRef as pn, watch as F, triggerRef as ut, onScopeDispose as tt, ref as E, onUnmounted as nt, inject as Ie, watchEffect as ie, onMounted as Ce, cloneVNode as $t, h as Ee, Fragment as Z, defineComponent as ae, provide as ot, reactive as Tt, nextTick as Q, toRaw as K, effectScope as It, markRaw as de, hasInjectionContext as vn, getCurrentInstance as Lt, isRef as xe, isReactive as st, toRef as Ge, getCurrentScope as Pt, toRefs as ct, mergeModels as hn, useModel as mn, createBlock as ee, withCtx as Pe, createVNode as H, renderList as le, normalizeClass as _e, toDisplayString as te, createCommentVNode as X, withModifiers as dt, createTextVNode as gn, withDirectives as Rt, vModelText as Vt, pushScopeId as bn, popScopeId as xn } from "vue";
+const _n = "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", 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='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", wn = "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", Sn = { class: "flex justify-between" }, En = /* @__PURE__ */ m("div", { class: "flex flex-row" }, [
+  /* @__PURE__ */ m("img", {
+    src: _n,
     alt: "Vue logo",
     class: "w-24"
   })
 ], -1), On = { class: "flex" }, $n = {
   class: "tooltip tooltip-bottom tooltip-success before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%]",
   "data-tip": "Reader"
-}, Tn = /* @__PURE__ */ g("img", {
+}, Tn = /* @__PURE__ */ m("img", {
   src: Cn,
   alt: "Reader",
   class: "w-7"
@@ -17,7 +17,7 @@ const xn = "data:image/svg+xml,%3csvg%20width='96'%20height='32'%20viewBox='0%20
 ], Ln = {
   class: "tooltip tooltip-bottom tooltip-success before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] md:hidden",
   "data-tip": "Full screen"
-}, Pn = /* @__PURE__ */ g("img", {
+}, Pn = /* @__PURE__ */ m("img", {
   src: yn,
   alt: "Full screen",
   class: "w-7"
@@ -26,7 +26,7 @@ const xn = "data:image/svg+xml,%3csvg%20width='96'%20height='32'%20viewBox='0%20
 ], Vn = {
   class: "tooltip tooltip-bottom tooltip-success before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%]",
   "data-tip": "Setting"
-}, kn = /* @__PURE__ */ g("img", {
+}, kn = /* @__PURE__ */ m("img", {
   src: wn,
   alt: "Setting",
   class: "w-7"
@@ -39,21 +39,21 @@ const xn = "data:image/svg+xml,%3csvg%20width='96'%20height='32'%20viewBox='0%20
     const t = o;
     return (n, s) => (w(), $("div", Sn, [
       En,
-      g("div", On, [
-        g("div", $n, [
-          g("button", {
+      m("div", On, [
+        m("div", $n, [
+          m("button", {
             class: "btn btn-ghost btn-circle",
             onClick: s[0] || (s[0] = (r) => t("reader"))
           }, In)
         ]),
-        g("div", Ln, [
-          g("button", {
+        m("div", Ln, [
+          m("button", {
             class: "btn btn-ghost btn-circle",
             onClick: s[1] || (s[1] = (r) => t("fullScreen"))
           }, Rn)
         ]),
-        g("div", Vn, [
-          g("button", {
+        m("div", Vn, [
+          m("button", {
             class: "btn btn-ghost btn-circle",
             onClick: s[2] || (s[2] = (r) => t("settings"))
           }, Mn)
@@ -69,18 +69,18 @@ function ye(e, o, t) {
     let u;
     t.key && ((r = t.debug) != null && r.call(t)) && (u = Date.now());
     const c = e();
-    if (!(c.length !== n.length || c.some((C, h) => n[h] !== C)))
+    if (!(c.length !== n.length || c.some((x, _) => n[_] !== x)))
       return s;
     n = c;
-    let _;
-    if (t.key && ((i = t.debug) != null && i.call(t)) && (_ = Date.now()), s = o(...c), t.key && ((l = t.debug) != null && l.call(t))) {
-      const C = Math.round((Date.now() - u) * 100) / 100, h = Math.round((Date.now() - _) * 100) / 100, v = h / 16, T = (N, I) => {
+    let g;
+    if (t.key && ((i = t.debug) != null && i.call(t)) && (g = Date.now()), s = o(...c), t.key && ((l = t.debug) != null && l.call(t))) {
+      const x = Math.round((Date.now() - u) * 100) / 100, _ = Math.round((Date.now() - g) * 100) / 100, v = _ / 16, T = (N, I) => {
         for (N = String(N); N.length < I; )
           N = " " + N;
         return N;
       };
       console.info(
-        `%c⏱ ${T(h, 5)} /${T(C, 5)} ms`,
+        `%c⏱ ${T(_, 5)} /${T(x, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -310,27 +310,27 @@ class Wn {
         this.pendingMeasuredCacheIndexes = [];
         const c = this.measurementsCache.slice(0, u);
         for (let p = u; p < t; p++) {
-          let _ = (a = this.measurementsCache[p]) == null ? void 0 : a.measureElement;
-          _ || (_ = (D) => {
-            const m = r(p), P = this.elementsCache.get(m);
+          let g = (a = this.measurementsCache[p]) == null ? void 0 : a.measureElement;
+          g || (g = (D) => {
+            const h = r(p), P = this.elementsCache.get(h);
             if (!D) {
-              P && (this.observer.unobserve(P), this.elementsCache.delete(m));
+              P && (this.observer.unobserve(P), this.elementsCache.delete(h));
               return;
             }
-            P !== D && (P && this.observer.unobserve(P), this.observer.observe(D), this.elementsCache.set(m, D)), D.isConnected && this.resizeItem(
+            P !== D && (P && this.observer.unobserve(P), this.observer.observe(D), this.elementsCache.set(h, D)), D.isConnected && this.resizeItem(
               p,
               this.options.measureElement(D, void 0, this)
             );
           });
-          const C = r(p), h = this.options.lanes === 1 ? c[p - 1] : this.getFurthestMeasurement(c, p), v = h ? h.end + this.options.gap : n + s, T = l.get(C), N = typeof T == "number" ? T : this.options.estimateSize(p), I = v + N, k = h ? h.lane : p % this.options.lanes;
+          const x = r(p), _ = this.options.lanes === 1 ? c[p - 1] : this.getFurthestMeasurement(c, p), v = _ ? _.end + this.options.gap : n + s, T = l.get(x), N = typeof T == "number" ? T : this.options.estimateSize(p), I = v + N, k = _ ? _.lane : p % this.options.lanes;
           c[p] = {
             index: p,
             start: v,
             size: N,
             end: I,
-            key: C,
+            key: x,
             lane: k,
-            measureElement: _
+            measureElement: g
           };
         }
         return this.measurementsCache = c, c;
@@ -769,7 +769,7 @@ function bo({ container: e, accept: o, walk: t, enabled: n }) {
     for (; l.nextNode(); ) t(l.currentNode);
   });
 }
-var Oe = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Oe || {}), _o = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(_o || {});
+var Oe = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Oe || {}), xo = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(xo || {});
 function pe({ visible: e = !0, features: o = 0, ourProps: t, theirProps: n, ...s }) {
   var r;
   let i = At(n, t), l = Object.assign(s, { props: i });
@@ -788,20 +788,20 @@ function Je({ props: e, attrs: o, slots: t, slot: n, name: s }) {
   var r, i;
   let { as: l, ...a } = je(e, ["unmount", "static"]), u = (r = t.default) == null ? void 0 : r.call(t, n), c = {};
   if (n) {
-    let p = !1, _ = [];
-    for (let [C, h] of Object.entries(n)) typeof h == "boolean" && (p = !0), h === !0 && _.push(C);
-    p && (c["data-headlessui-state"] = _.join(" "));
+    let p = !1, g = [];
+    for (let [x, _] of Object.entries(n)) typeof _ == "boolean" && (p = !0), _ === !0 && g.push(x);
+    p && (c["data-headlessui-state"] = g.join(" "));
   }
   if (l === "template") {
     if (u = Dt(u ?? []), Object.keys(a).length > 0 || Object.keys(o).length > 0) {
-      let [p, ..._] = u ?? [];
-      if (!Co(p) || _.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((v) => v.trim()).filter((v, T, N) => N.indexOf(v) === T).sort((v, T) => v.localeCompare(T)).map((v) => `  - ${v}`).join(`
+      let [p, ...g] = u ?? [];
+      if (!Co(p) || g.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((v) => v.trim()).filter((v, T, N) => N.indexOf(v) === T).sort((v, T) => v.localeCompare(T)).map((v) => `  - ${v}`).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((v) => `  - ${v}`).join(`
 `)].join(`
 `));
-      let C = At((i = p.props) != null ? i : {}, a, c), h = $t(p, C, !0);
-      for (let v in C) v.startsWith("on") && (h.props || (h.props = {}), h.props[v] = C[v]);
-      return h;
+      let x = At((i = p.props) != null ? i : {}, a, c), _ = $t(p, x, !0);
+      for (let v in x) v.startsWith("on") && (_.props || (_.props = {}), _.props[v] = x[v]);
+      return _;
     }
     return Array.isArray(u) && u.length === 1 ? u[0] : u;
   }
@@ -825,7 +825,7 @@ function At(...e) {
   } });
   return o;
 }
-function xo(e) {
+function _o(e) {
   let o = Object.assign({}, e);
   for (let t in o) o[t] === void 0 && delete o[t];
   return o;
@@ -950,12 +950,12 @@ let Wt = Symbol("VirtualContext"), Po = ae({ name: "VirtualProvider", setup(e, {
     }
   } }, s.value.getVirtualItems().map((l) => $t(o.default({ option: t.virtual.value.options[l.index], open: t.comboboxState.value === 0 })[0], { key: `${i.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" } })))];
 } }), Ro = 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 = E(1), r = E(null), i = E(null), l = E(null), a = E(null), u = E({ static: !1, hold: !1 }), c = E([]), p = E(null), _ = E(2), C = E(!1);
-  function h(d = (f) => f) {
+  let s = E(1), r = E(null), i = E(null), l = E(null), a = E(null), u = E({ static: !1, hold: !1 }), c = E([]), p = E(null), g = E(2), x = E(!1);
+  function _(d = (f) => f) {
     let f = p.value !== null ? c.value[p.value] : null, y = d(c.value.slice()), O = y.length > 0 && y[0].dataRef.order.value !== null ? y.sort((A, G) => A.dataRef.order.value - G.dataRef.order.value) : co(y, (A) => R(A.dataRef.domRef)), M = f ? O.indexOf(f) : null;
     return M === -1 && (M = null), { options: O, activeOptionIndex: M };
   }
-  let v = S(() => e.multiple ? 1 : 0), T = S(() => e.nullable), [N, I] = Kn(S(() => e.modelValue), (d) => n("update:modelValue", d), S(() => e.defaultValue)), k = S(() => N.value === void 0 ? se(v.value, { 1: [], 0: void 0 }) : N.value), D = null, m = null;
+  let v = S(() => e.multiple ? 1 : 0), T = S(() => e.nullable), [N, I] = Kn(S(() => e.modelValue), (d) => n("update:modelValue", d), S(() => e.defaultValue)), k = S(() => N.value === void 0 ? se(v.value, { 1: [], 0: void 0 }) : N.value), D = null, h = null;
   function P(d) {
     return se(v.value, { 0() {
       return I == null ? void 0 : I(d);
@@ -964,9 +964,9 @@ let Wt = Symbol("VirtualContext"), Po = ae({ name: "VirtualProvider", setup(e, {
       return O === -1 ? f.push(y) : f.splice(O, 1), I == null ? void 0 : I(f);
     } });
   }
-  let x = S(() => {
+  let C = S(() => {
   });
-  F([x], ([d], [f]) => {
+  F([C], ([d], [f]) => {
     if (b.virtual.value && d && f && p.value !== null) {
       let y = d.indexOf(f[p.value]);
       y !== -1 ? p.value = y : p.value = null;
@@ -983,7 +983,7 @@ let Wt = Symbol("VirtualContext"), Po = ae({ name: "VirtualProvider", setup(e, {
   }, defaultValue: S(() => e.defaultValue), nullable: T, immediate: S(() => !1), virtual: S(() => null), inputRef: i, labelRef: r, buttonRef: l, optionsRef: a, disabled: S(() => e.disabled), options: c, change(d) {
     I(d);
   }, activeOptionIndex: S(() => {
-    if (C.value && p.value === null && (b.virtual.value ? b.virtual.value.options.length > 0 : c.value.length > 0)) {
+    if (x.value && p.value === null && (b.virtual.value ? b.virtual.value.options.length > 0 : c.value.length > 0)) {
       if (b.virtual.value) {
         let f = b.virtual.value.options.findIndex((y) => {
           var O;
@@ -995,10 +995,10 @@ let Wt = Symbol("VirtualContext"), Po = ae({ name: "VirtualProvider", setup(e, {
       if (d !== -1) return d;
     }
     return p.value;
-  }), activationTrigger: _, optionsPropsRef: u, closeCombobox() {
-    C.value = !1, !e.disabled && s.value !== 1 && (s.value = 1, p.value = null);
+  }), activationTrigger: g, optionsPropsRef: u, closeCombobox() {
+    x.value = !1, !e.disabled && s.value !== 1 && (s.value = 1, p.value = null);
   }, openCombobox() {
-    if (C.value = !0, !e.disabled && s.value !== 0) {
+    if (x.value = !0, !e.disabled && s.value !== 0) {
       if (b.value.value) {
         let d = b.calculateIndex(b.value.value);
         d !== -1 && (p.value = d);
@@ -1006,9 +1006,9 @@ let Wt = Symbol("VirtualContext"), Po = ae({ name: "VirtualProvider", setup(e, {
       s.value = 0;
     }
   }, setActivationTrigger(d) {
-    _.value = d;
+    g.value = d;
   }, goToOption(d, f, y) {
-    C.value = !1, D !== null && cancelAnimationFrame(D), D = requestAnimationFrame(() => {
+    x.value = !1, D !== null && cancelAnimationFrame(D), D = requestAnimationFrame(() => {
       if (e.disabled || a.value && !u.value.static && s.value === 1) return;
       if (b.virtual.value) {
         p.value = d === z.Specific ? f : gt({ focus: d }, { resolveItems: () => b.virtual.value.options, resolveActiveIndex: () => {
@@ -1019,16 +1019,16 @@ let Wt = Symbol("VirtualContext"), Po = ae({ name: "VirtualProvider", setup(e, {
           })) != null ? G : null;
         }, resolveDisabled: (A) => b.virtual.value.disabled(A), resolveId() {
           throw new Error("Function not implemented.");
-        } }), _.value = y ?? 2;
+        } }), g.value = y ?? 2;
         return;
       }
-      let O = h();
+      let O = _();
       if (O.activeOptionIndex === null) {
         let A = O.options.findIndex((G) => !G.dataRef.disabled);
         A !== -1 && (O.activeOptionIndex = A);
       }
       let M = d === z.Specific ? f : gt({ focus: d }, { resolveItems: () => O.options, resolveActiveIndex: () => O.activeOptionIndex, resolveId: (A) => A.id, resolveDisabled: (A) => A.dataRef.disabled });
-      p.value = M, _.value = y ?? 2, c.value = O.options;
+      p.value = M, g.value = y ?? 2, c.value = O.options;
     });
   }, selectOption(d) {
     let f = c.value.find((O) => O.id === d);
@@ -1050,22 +1050,22 @@ let Wt = Symbol("VirtualContext"), Po = ae({ name: "VirtualProvider", setup(e, {
       c.value.push(y);
       return;
     }
-    m && cancelAnimationFrame(m);
-    let O = h((M) => (M.push(y), M));
-    p.value === null && b.isSelected(f.value.value) && (O.activeOptionIndex = O.options.indexOf(y)), c.value = O.options, p.value = O.activeOptionIndex, _.value = 2, O.options.some((M) => !R(M.dataRef.domRef)) && (m = requestAnimationFrame(() => {
-      let M = h();
+    h && cancelAnimationFrame(h);
+    let O = _((M) => (M.push(y), M));
+    p.value === null && b.isSelected(f.value.value) && (O.activeOptionIndex = O.options.indexOf(y)), c.value = O.options, p.value = O.activeOptionIndex, g.value = 2, O.options.some((M) => !R(M.dataRef.domRef)) && (h = requestAnimationFrame(() => {
+      let M = _();
       c.value = M.options, p.value = M.activeOptionIndex;
     }));
   }, unregisterOption(d, f) {
-    if (D !== null && cancelAnimationFrame(D), f && (C.value = !0), b.virtual.value) {
+    if (D !== null && cancelAnimationFrame(D), f && (x.value = !0), b.virtual.value) {
       c.value = c.value.filter((O) => O.id !== d);
       return;
     }
-    let y = h((O) => {
+    let y = _((O) => {
       let M = O.findIndex((A) => A.id === d);
       return M !== -1 && O.splice(M, 1), O;
     });
-    c.value = y.options, p.value = y.activeOptionIndex, _.value = 2;
+    c.value = y.options, p.value = y.activeOptionIndex, g.value = 2;
   }, isSelected(d) {
     return se(v.value, { 0: () => b.compare(K(b.value.value), K(d)), 1: () => K(b.value.value).some((f) => b.compare(K(f), K(d))) });
   }, isActive(d) {
@@ -1090,7 +1090,7 @@ let Wt = Symbol("VirtualContext"), Po = ae({ name: "VirtualProvider", setup(e, {
   }), () => {
     var d, f, y;
     let { name: O, disabled: M, form: A, ...G } = e, q = { open: s.value === 0, disabled: M, activeIndex: b.activeOptionIndex.value, activeOption: b.activeOptionIndex.value === null ? null : b.virtual.value ? b.virtual.value.options[(d = b.activeOptionIndex.value) != null ? d : 0] : (y = (f = b.options.value[b.activeOptionIndex.value]) == null ? void 0 : f.dataRef.value) != null ? y : null, value: k.value };
-    return Ee(Z, [...O != null && k.value != null ? Ht({ [O]: k.value }).map(([j, fn]) => Ee(yo, xo({ features: Ft.Hidden, key: j, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: A, disabled: M, name: j, value: fn }))) : [], pe({ theirProps: { ...t, ...je(G, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: q, slots: o, attrs: t, name: "Combobox" })]);
+    return Ee(Z, [...O != null && k.value != null ? Ht({ [O]: k.value }).map(([j, fn]) => Ee(yo, _o({ features: Ft.Hidden, key: j, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: A, disabled: M, name: j, value: fn }))) : [], 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 }) {
@@ -1143,8 +1143,8 @@ let Vo = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   let u = mo(S(() => ({ as: e.as, type: o.type })), i.buttonRef);
   return () => {
     var c, p;
-    let _ = { open: i.comboboxState.value === 0, disabled: i.disabled.value, value: i.value.value }, { ...C } = e, h = { ref: i.buttonRef, id: r, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (c = R(i.optionsRef)) == null ? void 0 : c.id, "aria-expanded": i.comboboxState.value === 0, "aria-labelledby": i.labelRef.value ? [(p = R(i.labelRef)) == null ? void 0 : p.id, r].join(" ") : void 0, disabled: i.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: l };
-    return pe({ ourProps: h, theirProps: C, slot: _, attrs: o, slots: t, name: "ComboboxButton" });
+    let g = { open: i.comboboxState.value === 0, disabled: i.disabled.value, value: i.value.value }, { ...x } = e, _ = { ref: i.buttonRef, id: r, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (c = R(i.optionsRef)) == null ? void 0 : c.id, "aria-expanded": i.comboboxState.value === 0, "aria-labelledby": i.labelRef.value ? [(p = R(i.labelRef)) == null ? void 0 : p.id, r].join(" ") : void 0, disabled: i.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: l };
+    return pe({ ourProps: _, theirProps: x, slot: g, attrs: o, slots: t, name: "ComboboxButton" });
   };
 } }), ko = 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 r;
@@ -1152,77 +1152,77 @@ let Vo = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   s({ el: l.inputRef, $el: l.inputRef });
   function c() {
     l.change(null);
-    let m = R(l.optionsRef);
-    m && (m.scrollTop = 0), l.goToOption(z.Nothing);
+    let h = R(l.optionsRef);
+    h && (h.scrollTop = 0), l.goToOption(z.Nothing);
   }
   let p = S(() => {
-    var m;
+    var h;
     let P = l.value.value;
-    return R(l.inputRef) ? typeof e.displayValue < "u" && P !== void 0 ? (m = e.displayValue(P)) != null ? m : "" : typeof P == "string" ? P : "" : "";
+    return R(l.inputRef) ? typeof e.displayValue < "u" && P !== void 0 ? (h = e.displayValue(P)) != null ? h : "" : typeof P == "string" ? P : "" : "";
   });
   Ce(() => {
-    F([p, l.comboboxState, a], ([m, P], [x, b]) => {
+    F([p, l.comboboxState, a], ([h, P], [C, b]) => {
       if (u.value) return;
       let L = R(l.inputRef);
-      L && ((b === 0 && P === 1 || m !== x) && (L.value = m), requestAnimationFrame(() => {
+      L && ((b === 0 && P === 1 || h !== C) && (L.value = h), requestAnimationFrame(() => {
         var d;
         if (u.value || !L || ((d = a.value) == null ? void 0 : d.activeElement) !== L) return;
         let { selectionStart: f, selectionEnd: y } = L;
         Math.abs((y ?? 0) - (f ?? 0)) === 0 && f === 0 && L.setSelectionRange(L.value.length, L.value.length);
       }));
-    }, { immediate: !0 }), F([l.comboboxState], ([m], [P]) => {
-      if (m === 0 && P === 1) {
+    }, { immediate: !0 }), F([l.comboboxState], ([h], [P]) => {
+      if (h === 0 && P === 1) {
         if (u.value) return;
-        let x = R(l.inputRef);
-        if (!x) return;
-        let b = x.value, { selectionStart: L, selectionEnd: d, selectionDirection: f } = x;
-        x.value = "", x.value = b, f !== null ? x.setSelectionRange(L, d, f) : x.setSelectionRange(L, d);
+        let C = R(l.inputRef);
+        if (!C) return;
+        let b = C.value, { selectionStart: L, selectionEnd: d, selectionDirection: f } = C;
+        C.value = "", C.value = b, f !== null ? C.setSelectionRange(L, d, f) : C.setSelectionRange(L, d);
       }
     });
   });
-  let _ = E(!1);
-  function C() {
-    _.value = !0;
+  let g = E(!1);
+  function x() {
+    g.value = !0;
   }
-  function h() {
+  function _() {
     De().nextFrame(() => {
-      _.value = !1;
+      g.value = !1;
     });
   }
   let v = Xn();
-  function T(m) {
+  function T(h) {
     switch (u.value = !0, v(() => {
       u.value = !1;
-    }), m.key) {
+    }), h.key) {
       case W.Enter:
-        if (u.value = !1, l.comboboxState.value !== 0 || _.value) return;
-        if (m.preventDefault(), m.stopPropagation(), l.activeOptionIndex.value === null) {
+        if (u.value = !1, l.comboboxState.value !== 0 || g.value) return;
+        if (h.preventDefault(), h.stopPropagation(), l.activeOptionIndex.value === null) {
           l.closeCombobox();
           return;
         }
         l.selectActiveOption(), l.mode.value === 0 && l.closeCombobox();
         break;
       case W.ArrowDown:
-        return u.value = !1, m.preventDefault(), m.stopPropagation(), se(l.comboboxState.value, { 0: () => l.goToOption(z.Next), 1: () => l.openCombobox() });
+        return u.value = !1, h.preventDefault(), h.stopPropagation(), se(l.comboboxState.value, { 0: () => l.goToOption(z.Next), 1: () => l.openCombobox() });
       case W.ArrowUp:
-        return u.value = !1, m.preventDefault(), m.stopPropagation(), se(l.comboboxState.value, { 0: () => l.goToOption(z.Previous), 1: () => {
+        return u.value = !1, h.preventDefault(), h.stopPropagation(), se(l.comboboxState.value, { 0: () => l.goToOption(z.Previous), 1: () => {
           l.openCombobox(), Q(() => {
             l.value.value || l.goToOption(z.Last);
           });
         } });
       case W.Home:
-        if (m.shiftKey) break;
-        return u.value = !1, m.preventDefault(), m.stopPropagation(), l.goToOption(z.First);
+        if (h.shiftKey) break;
+        return u.value = !1, h.preventDefault(), h.stopPropagation(), l.goToOption(z.First);
       case W.PageUp:
-        return u.value = !1, m.preventDefault(), m.stopPropagation(), l.goToOption(z.First);
+        return u.value = !1, h.preventDefault(), h.stopPropagation(), l.goToOption(z.First);
       case W.End:
-        if (m.shiftKey) break;
-        return u.value = !1, m.preventDefault(), m.stopPropagation(), l.goToOption(z.Last);
+        if (h.shiftKey) break;
+        return u.value = !1, h.preventDefault(), h.stopPropagation(), l.goToOption(z.Last);
       case W.PageDown:
-        return u.value = !1, m.preventDefault(), m.stopPropagation(), l.goToOption(z.Last);
+        return u.value = !1, h.preventDefault(), h.stopPropagation(), l.goToOption(z.Last);
       case W.Escape:
         if (u.value = !1, l.comboboxState.value !== 0) return;
-        m.preventDefault(), l.optionsRef.value && !l.optionsPropsRef.value.static && m.stopPropagation(), l.nullable.value && l.mode.value === 0 && l.value.value === null && c(), l.closeCombobox();
+        h.preventDefault(), l.optionsRef.value && !l.optionsPropsRef.value.static && h.stopPropagation(), l.nullable.value && l.mode.value === 0 && l.value.value === null && c(), l.closeCombobox();
         break;
       case W.Tab:
         if (u.value = !1, l.comboboxState.value !== 0) return;
@@ -1230,28 +1230,28 @@ let Vo = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
         break;
     }
   }
-  function N(m) {
-    o("change", m), l.nullable.value && l.mode.value === 0 && m.target.value === "" && c(), l.openCombobox();
+  function N(h) {
+    o("change", h), l.nullable.value && l.mode.value === 0 && h.target.value === "" && c(), l.openCombobox();
   }
-  function I(m) {
-    var P, x, b;
-    let L = (P = m.relatedTarget) != null ? P : ce.find((d) => d !== m.currentTarget);
-    if (u.value = !1, !((x = R(l.optionsRef)) != null && x.contains(L)) && !((b = R(l.buttonRef)) != null && b.contains(L)) && l.comboboxState.value === 0) return m.preventDefault(), l.mode.value === 0 && (l.nullable.value && l.value.value === null ? c() : l.activationTrigger.value !== 1 && l.selectActiveOption()), l.closeCombobox();
+  function I(h) {
+    var P, C, b;
+    let L = (P = h.relatedTarget) != null ? P : ce.find((d) => d !== h.currentTarget);
+    if (u.value = !1, !((C = R(l.optionsRef)) != null && C.contains(L)) && !((b = R(l.buttonRef)) != null && b.contains(L)) && l.comboboxState.value === 0) return h.preventDefault(), l.mode.value === 0 && (l.nullable.value && l.value.value === null ? c() : l.activationTrigger.value !== 1 && l.selectActiveOption()), l.closeCombobox();
   }
-  function k(m) {
-    var P, x, b;
-    let L = (P = m.relatedTarget) != null ? P : ce.find((d) => d !== m.currentTarget);
-    (x = R(l.buttonRef)) != null && x.contains(L) || (b = R(l.optionsRef)) != null && b.contains(L) || l.disabled.value || l.immediate.value && l.comboboxState.value !== 0 && (l.openCombobox(), De().nextFrame(() => {
+  function k(h) {
+    var P, C, b;
+    let L = (P = h.relatedTarget) != null ? P : ce.find((d) => d !== h.currentTarget);
+    (C = R(l.buttonRef)) != null && C.contains(L) || (b = R(l.optionsRef)) != null && b.contains(L) || l.disabled.value || l.immediate.value && l.comboboxState.value !== 0 && (l.openCombobox(), De().nextFrame(() => {
       l.setActivationTrigger(1);
     }));
   }
   let D = S(() => {
-    var m, P, x, b;
-    return (b = (x = (P = e.defaultValue) != null ? P : l.defaultValue.value !== void 0 ? (m = e.displayValue) == null ? void 0 : m.call(e, l.defaultValue.value) : null) != null ? x : l.defaultValue.value) != null ? b : "";
+    var h, P, C, b;
+    return (b = (C = (P = e.defaultValue) != null ? P : l.defaultValue.value !== void 0 ? (h = e.displayValue) == null ? void 0 : h.call(e, l.defaultValue.value) : null) != null ? C : l.defaultValue.value) != null ? b : "";
   });
   return () => {
-    var m, P, x, b, L, d, f;
-    let y = { open: l.comboboxState.value === 0 }, { displayValue: O, onChange: M, ...A } = e, G = { "aria-controls": (m = l.optionsRef.value) == null ? void 0 : m.id, "aria-expanded": l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null ? void 0 : l.virtual.value ? (P = 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 : P.id : (x = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : x.id, "aria-labelledby": (d = (b = R(l.labelRef)) == null ? void 0 : b.id) != null ? d : (L = R(l.buttonRef)) == null ? void 0 : L.id, "aria-autocomplete": "list", id: i, onCompositionstart: C, onCompositionend: h, onKeydown: T, onInput: N, onFocus: k, onBlur: I, role: "combobox", type: (f = t.type) != null ? f : "text", tabIndex: 0, ref: l.inputRef, defaultValue: D.value, disabled: l.disabled.value === !0 ? !0 : void 0 };
+    var h, P, C, b, L, d, f;
+    let y = { open: l.comboboxState.value === 0 }, { displayValue: O, onChange: M, ...A } = e, G = { "aria-controls": (h = l.optionsRef.value) == null ? void 0 : h.id, "aria-expanded": l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null ? void 0 : l.virtual.value ? (P = 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 : P.id : (C = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : C.id, "aria-labelledby": (d = (b = R(l.labelRef)) == null ? void 0 : b.id) != null ? d : (L = R(l.buttonRef)) == null ? void 0 : L.id, "aria-autocomplete": "list", id: i, onCompositionstart: x, onCompositionend: _, onKeydown: T, onInput: N, onFocus: k, onBlur: I, role: "combobox", type: (f = t.type) != null ? f : "text", tabIndex: 0, ref: l.inputRef, defaultValue: D.value, disabled: l.disabled.value === !0 ? !0 : void 0 };
     return pe({ ourProps: G, theirProps: A, slot: y, attrs: t, slots: n, features: Oe.RenderStrategy | Oe.Static, name: "ComboboxInput" });
   };
 } }), Mo = 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 }) {
@@ -1272,8 +1272,8 @@ let Vo = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   }
   return () => {
     var u, c, p;
-    let _ = { open: s.comboboxState.value === 0 }, C = { "aria-labelledby": (p = (u = R(s.labelRef)) == null ? void 0 : u.id) != null ? p : (c = R(s.buttonRef)) == null ? void 0 : c.id, id: r, ref: s.optionsRef, role: "listbox", "aria-multiselectable": s.mode.value === 1 ? !0 : void 0, onMousedown: a }, h = je(e, ["hold"]);
-    return pe({ ourProps: C, theirProps: h, slot: _, attrs: o, slots: s.virtual.value && s.comboboxState.value === 0 ? { ...t, default: () => [Ee(Po, {}, t.default)] } : t, features: Oe.RenderStrategy | Oe.Static, visible: l.value, name: "ComboboxOptions" });
+    let g = { open: s.comboboxState.value === 0 }, x = { "aria-labelledby": (p = (u = R(s.labelRef)) == null ? void 0 : u.id) != null ? p : (c = R(s.buttonRef)) == null ? void 0 : c.id, id: r, ref: s.optionsRef, role: "listbox", "aria-multiselectable": s.mode.value === 1 ? !0 : void 0, onMousedown: a }, _ = je(e, ["hold"]);
+    return pe({ ourProps: x, theirProps: _, slot: g, attrs: o, slots: s.virtual.value && s.comboboxState.value === 0 ? { ...t, default: () => [Ee(Po, {}, t.default)] } : t, features: Oe.RenderStrategy | Oe.Static, visible: l.value, name: "ComboboxOptions" });
   };
 } }), No = 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"), r = `headlessui-combobox-option-${Le()}`, i = E(null), l = S(() => e.disabled);
@@ -1291,35 +1291,35 @@ let Vo = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], def
       return (k = (I = R(i)) == null ? void 0 : I.scrollIntoView) == null ? void 0 : k.call(I, { block: "nearest" });
     }));
   });
-  function _(I) {
+  function g(I) {
     I.preventDefault(), I.button === Bt.Left && (l.value || (s.selectOption(r), Nt() || requestAnimationFrame(() => {
       var k;
       return (k = R(s.inputRef)) == null ? void 0 : k.focus({ preventScroll: !0 });
     }), s.mode.value === 0 && s.closeCombobox()));
   }
-  function C() {
+  function x() {
     var I;
     if (e.disabled || (I = s.virtual.value) != null && I.disabled(e.value)) return s.goToOption(z.Nothing);
     let k = s.calculateIndex(e.value);
     s.goToOption(z.Specific, k);
   }
-  let h = go();
+  let _ = go();
   function v(I) {
-    h.update(I);
+    _.update(I);
   }
   function T(I) {
     var k;
-    if (!h.wasMoved(I) || e.disabled || (k = s.virtual.value) != null && k.disabled(e.value) || a.value) return;
+    if (!_.wasMoved(I) || e.disabled || (k = s.virtual.value) != null && k.disabled(e.value) || a.value) return;
     let D = s.calculateIndex(e.value);
     s.goToOption(z.Specific, D, 0);
   }
   function N(I) {
     var k;
-    h.wasMoved(I) && (e.disabled || (k = s.virtual.value) != null && k.disabled(e.value) || a.value && (s.optionsPropsRef.value.hold || s.goToOption(z.Nothing)));
+    _.wasMoved(I) && (e.disabled || (k = s.virtual.value) != null && k.disabled(e.value) || a.value && (s.optionsPropsRef.value.hold || s.goToOption(z.Nothing)));
   }
   return () => {
-    let { disabled: I } = e, k = { active: a.value, selected: u.value, disabled: I }, D = { id: r, ref: i, role: "option", tabIndex: I === !0 ? void 0 : -1, "aria-disabled": I === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: _, onFocus: C, onPointerenter: v, onMouseenter: v, onPointermove: T, onMousemove: T, onPointerleave: N, onMouseleave: N }, m = je(e, ["order", "value"]);
-    return pe({ ourProps: D, theirProps: m, slot: k, attrs: t, slots: o, name: "ComboboxOption" });
+    let { disabled: I } = e, k = { active: a.value, selected: u.value, disabled: I }, D = { id: r, ref: i, role: "option", tabIndex: I === !0 ? void 0 : -1, "aria-disabled": I === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: g, onFocus: x, onPointerenter: v, onMouseenter: v, onPointermove: T, onMousemove: T, onPointerleave: N, onMouseleave: N }, h = je(e, ["order", "value"]);
+    return pe({ ourProps: D, theirProps: h, slot: k, attrs: t, slots: o, name: "ComboboxOption" });
   };
 } });
 function Do(e, o) {
@@ -1330,7 +1330,7 @@ function Do(e, o) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    g("path", {
+    m("path", {
       "fill-rule": "evenodd",
       d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
       "clip-rule": "evenodd"
@@ -1345,7 +1345,7 @@ function Ao(e, o) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    g("path", {
+    m("path", {
       "fill-rule": "evenodd",
       d: "M10.53 3.47a.75.75 0 0 0-1.06 0L6.22 6.72a.75.75 0 0 0 1.06 1.06L10 5.06l2.72 2.72a.75.75 0 1 0 1.06-1.06l-3.25-3.25Zm-4.31 9.81 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06L10 14.94l-2.72-2.72a.75.75 0 0 0-1.06 1.06Z",
       "clip-rule": "evenodd"
@@ -1360,7 +1360,7 @@ function Fo(e, o) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    g("path", {
+    m("path", {
       "fill-rule": "evenodd",
       d: "M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z",
       "clip-rule": "evenodd"
@@ -1985,7 +1985,7 @@ function as(e, o) {
   });
 }
 let sn = 0, re;
-function _t(e, o, t) {
+function xt(e, o, t) {
   const n = o.reduce((s, r) => (s[r] = K(e)[r], s), {});
   for (const s in n)
     e[s] = function() {
@@ -2005,10 +2005,10 @@ function _t(e, o, t) {
 function us({ app: e, store: o, options: t }) {
   if (o.$id.startsWith("__hot:"))
     return;
-  o._isOptionsAPI = !!t.state, _t(o, Object.keys(t.actions), o._isOptionsAPI);
+  o._isOptionsAPI = !!t.state, xt(o, Object.keys(t.actions), o._isOptionsAPI);
   const n = o._hotUpdate;
   K(o)._hotUpdate = function(s) {
-    n.apply(this, arguments), _t(o, Object.keys(s._hmrPayload.actions), !!o._isOptionsAPI);
+    n.apply(this, arguments), xt(o, Object.keys(s._hmrPayload.actions), !!o._isOptionsAPI);
   }, as(
     e,
     // FIXME: is there a way to allow the assignment from Store<Id, S, G, A> to StoreGeneric?
@@ -2041,13 +2041,13 @@ function ln(e, o) {
     if (!(t in e))
       continue;
     const s = e[t];
-    fe(s) && fe(n) && !_e(n) && !st(n) ? e[t] = ln(s, n) : e[t] = n;
+    fe(s) && fe(n) && !xe(n) && !st(n) ? e[t] = ln(s, n) : e[t] = n;
   }
   return e;
 }
 const rn = () => {
 };
-function xt(e, o, t, n = rn) {
+function _t(e, o, t, n = rn) {
   e.push(o);
   const s = () => {
     const r = e.indexOf(o);
@@ -2067,7 +2067,7 @@ function Xe(e, o) {
     if (!o.hasOwnProperty(t))
       continue;
     const n = o[t], s = e[t];
-    fe(s) && fe(n) && e.hasOwnProperty(t) && !_e(n) && !st(n) ? e[t] = Xe(s, n) : e[t] = n;
+    fe(s) && fe(n) && e.hasOwnProperty(t) && !xe(n) && !st(n) ? e[t] = Xe(s, n) : e[t] = n;
   }
   return e;
 }
@@ -2080,7 +2080,7 @@ function ps(e) {
 }
 const { assign: J } = Object;
 function Ct(e) {
-  return !!(_e(e) && e.effect);
+  return !!(xe(e) && e.effect);
 }
 function yt(e, o, t, n) {
   const { state: s, actions: r, getters: i } = o, l = t.state.value[e];
@@ -2091,10 +2091,10 @@ function yt(e, o, t, n) {
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
       ct(E(s ? s() : {}).value)
     ) : ct(t.state.value[e]);
-    return J(c, r, Object.keys(i || {}).reduce((p, _) => (process.env.NODE_ENV !== "production" && _ in c && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${_}" in store "${e}".`), p[_] = de(S(() => {
+    return J(c, r, Object.keys(i || {}).reduce((p, g) => (process.env.NODE_ENV !== "production" && g in c && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${g}" in store "${e}".`), p[g] = de(S(() => {
       Te(t);
-      const C = t._s.get(e);
-      return i[_].call(C, C);
+      const x = t._s.get(e);
+      return i[g].call(x, x);
     })), p), {}));
   }
   return a = et(e, u, o, t, n, !0), a;
@@ -2109,24 +2109,24 @@ function et(e, o, t = {}, n, s, r) {
     // flush: 'post',
   };
   process.env.NODE_ENV !== "production" && !Gt && (a.onTrigger = (d) => {
-    u ? C = d : u == !1 && !x._hotUpdating && (Array.isArray(C) ? C.push(d) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+    u ? x = d : u == !1 && !C._hotUpdating && (Array.isArray(x) ? x.push(d) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let u, c, p = [], _ = [], C;
-  const h = n.state.value[e];
-  !r && !h && (process.env.NODE_ENV === "production" || !s) && (n.state.value[e] = {});
+  let u, c, p = [], g = [], x;
+  const _ = n.state.value[e];
+  !r && !_ && (process.env.NODE_ENV === "production" || !s) && (n.state.value[e] = {});
   const v = E({});
   let T;
   function N(d) {
     let f;
-    u = c = !1, process.env.NODE_ENV !== "production" && (C = []), typeof d == "function" ? (d(n.state.value[e]), f = {
+    u = c = !1, process.env.NODE_ENV !== "production" && (x = []), typeof d == "function" ? (d(n.state.value[e]), f = {
       type: ne.patchFunction,
       storeId: e,
-      events: C
+      events: x
     }) : (Xe(n.state.value[e], d), f = {
       type: ne.patchObject,
       payload: d,
       storeId: e,
-      events: C
+      events: x
     });
     const y = T = Symbol();
     Q().then(() => {
@@ -2145,7 +2145,7 @@ function et(e, o, t = {}, n, s, r) {
     } : rn
   );
   function k() {
-    i.stop(), p = [], _ = [], n._s.delete(e);
+    i.stop(), p = [], g = [], n._s.delete(e);
   }
   function D(d, f) {
     return function() {
@@ -2157,23 +2157,23 @@ function et(e, o, t = {}, n, s, r) {
       function G(j) {
         M.push(j);
       }
-      ge(_, {
+      ge(g, {
         args: y,
         name: d,
-        store: x,
+        store: C,
         after: A,
         onError: G
       });
       let q;
       try {
-        q = f.apply(this && this.$id === e ? this : x, y);
+        q = f.apply(this && this.$id === e ? this : C, y);
       } catch (j) {
         throw ge(M, j), j;
       }
       return q instanceof Promise ? q.then((j) => (ge(O, j), j)).catch((j) => (ge(M, j), Promise.reject(j))) : (ge(O, q), q);
     };
   }
-  const m = /* @__PURE__ */ de({
+  const h = /* @__PURE__ */ de({
     actions: {},
     getters: {},
     state: [],
@@ -2182,23 +2182,23 @@ function et(e, o, t = {}, n, s, r) {
     _p: n,
     // _s: scope,
     $id: e,
-    $onAction: xt.bind(null, _),
+    $onAction: _t.bind(null, g),
     $patch: N,
     $reset: I,
     $subscribe(d, f = {}) {
-      const y = xt(p, d, f.detached, () => O()), O = i.run(() => F(() => n.state.value[e], (M) => {
+      const y = _t(p, d, f.detached, () => O()), O = i.run(() => F(() => n.state.value[e], (M) => {
         (f.flush === "sync" ? c : u) && d({
           storeId: e,
           type: ne.direct,
-          events: C
+          events: x
         }, M);
       }, J({}, a, f)));
       return y;
     },
     $dispose: k
-  }, x = Tt(process.env.NODE_ENV !== "production" || Se ? J(
+  }, C = Tt(process.env.NODE_ENV !== "production" || Se ? J(
     {
-      _hmrPayload: m,
+      _hmrPayload: h,
       _customProperties: de(/* @__PURE__ */ new Set())
       // devtools custom properties
     },
@@ -2206,22 +2206,22 @@ function et(e, o, t = {}, n, s, r) {
     // must be added later
     // setupStore
   ) : P);
-  n._s.set(e, x);
+  n._s.set(e, C);
   const L = (n._a && n._a.runWithContext || ds)(() => n._e.run(() => (i = It()).run(o)));
   for (const d in L) {
     const f = L[d];
-    if (_e(f) && !Ct(f) || st(f))
-      process.env.NODE_ENV !== "production" && s ? Ve(v.value, d, Ge(L, d)) : r || (h && ps(f) && (_e(f) ? f.value = h[d] : Xe(f, h[d])), n.state.value[e][d] = f), process.env.NODE_ENV !== "production" && m.state.push(d);
+    if (xe(f) && !Ct(f) || st(f))
+      process.env.NODE_ENV !== "production" && s ? Ve(v.value, d, Ge(L, d)) : r || (_ && ps(f) && (xe(f) ? f.value = _[d] : Xe(f, _[d])), n.state.value[e][d] = f), process.env.NODE_ENV !== "production" && h.state.push(d);
     else if (typeof f == "function") {
       const y = process.env.NODE_ENV !== "production" && s ? f : D(d, f);
-      L[d] = y, process.env.NODE_ENV !== "production" && (m.actions[d] = f), l.actions[d] = f;
-    } else process.env.NODE_ENV !== "production" && Ct(f) && (m.getters[d] = r ? (
+      L[d] = y, process.env.NODE_ENV !== "production" && (h.actions[d] = f), l.actions[d] = f;
+    } else process.env.NODE_ENV !== "production" && Ct(f) && (h.getters[d] = r ? (
       // @ts-expect-error
       t.getters[d]
     ) : f, Be && (L._getters || // @ts-expect-error: same
     (L._getters = de([]))).push(d));
   }
-  if (J(x, L), J(K(x), L), Object.defineProperty(x, "$state", {
+  if (J(C, L), J(K(C), L), Object.defineProperty(C, "$state", {
     get: () => process.env.NODE_ENV !== "production" && s ? v.value : n.state.value[e],
     set: (d) => {
       if (process.env.NODE_ENV !== "production" && s)
@@ -2230,34 +2230,34 @@ function et(e, o, t = {}, n, s, r) {
         J(f, d);
       });
     }
-  }), process.env.NODE_ENV !== "production" && (x._hotUpdate = de((d) => {
-    x._hotUpdating = !0, d._hmrPayload.state.forEach((f) => {
-      if (f in x.$state) {
-        const y = d.$state[f], O = x.$state[f];
+  }), process.env.NODE_ENV !== "production" && (C._hotUpdate = de((d) => {
+    C._hotUpdating = !0, d._hmrPayload.state.forEach((f) => {
+      if (f in C.$state) {
+        const y = d.$state[f], O = C.$state[f];
         typeof y == "object" && fe(y) && fe(O) ? ln(y, O) : d.$state[f] = O;
       }
-      Ve(x, f, Ge(d.$state, f));
-    }), Object.keys(x.$state).forEach((f) => {
-      f in d.$state || Ke(x, f);
+      Ve(C, f, Ge(d.$state, f));
+    }), Object.keys(C.$state).forEach((f) => {
+      f in d.$state || Ke(C, f);
     }), u = !1, c = !1, n.state.value[e] = Ge(d._hmrPayload, "hotState"), c = !0, Q().then(() => {
       u = !0;
     });
     for (const f in d._hmrPayload.actions) {
       const y = d[f];
-      Ve(x, f, D(f, y));
+      Ve(C, f, D(f, y));
     }
     for (const f in d._hmrPayload.getters) {
       const y = d._hmrPayload.getters[f], O = r ? (
         // special handling of options api
-        S(() => (Te(n), y.call(x, x)))
+        S(() => (Te(n), y.call(C, C)))
       ) : y;
-      Ve(x, f, O);
+      Ve(C, f, O);
     }
-    Object.keys(x._hmrPayload.getters).forEach((f) => {
-      f in d._hmrPayload.getters || Ke(x, f);
-    }), Object.keys(x._hmrPayload.actions).forEach((f) => {
-      f in d._hmrPayload.actions || Ke(x, f);
-    }), x._hmrPayload = d._hmrPayload, x._getters = d._getters, x._hotUpdating = !1;
+    Object.keys(C._hmrPayload.getters).forEach((f) => {
+      f in d._hmrPayload.getters || Ke(C, f);
+    }), Object.keys(C._hmrPayload.actions).forEach((f) => {
+      f in d._hmrPayload.actions || Ke(C, f);
+    }), C._hmrPayload = d._hmrPayload, C._getters = d._getters, C._hotUpdating = !1;
   })), Se) {
     const d = {
       writable: !0,
@@ -2266,28 +2266,28 @@ function et(e, o, t = {}, n, s, r) {
       enumerable: !1
     };
     ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((f) => {
-      Object.defineProperty(x, f, J({ value: x[f] }, d));
+      Object.defineProperty(C, f, J({ value: C[f] }, d));
     });
   }
   return n._p.forEach((d) => {
     if (Se) {
       const f = i.run(() => d({
-        store: x,
+        store: C,
         app: n._a,
         pinia: n,
         options: l
       }));
-      Object.keys(f || {}).forEach((y) => x._customProperties.add(y)), J(x, f);
+      Object.keys(f || {}).forEach((y) => C._customProperties.add(y)), J(C, f);
     } else
-      J(x, i.run(() => d({
-        store: x,
+      J(C, i.run(() => d({
+        store: C,
         app: n._a,
         pinia: n,
         options: l
       })));
-  }), process.env.NODE_ENV !== "production" && x.$state && typeof x.$state == "object" && typeof x.$state.constructor == "function" && !x.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
+  }), process.env.NODE_ENV !== "production" && C.$state && typeof C.$state == "object" && typeof C.$state.constructor == "function" && !C.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
 	state: () => new MyClass()
-Found in store "${x.$id}".`), h && r && t.hydrate && t.hydrate(x.$state, h), u = !0, c = !0, x;
+Found in store "${C.$id}".`), _ && r && t.hydrate && t.hydrate(C.$state, _), u = !0, c = !0, C;
 }
 function He(e, o, t) {
   let n, s;
@@ -2307,15 +2307,15 @@ This will fail in production.`);
     l = we, l._s.has(n) || (r ? et(n, o, s, l) : yt(n, s, l), process.env.NODE_ENV !== "production" && (i._pinia = l));
     const c = l._s.get(n);
     if (process.env.NODE_ENV !== "production" && a) {
-      const p = "__hot:" + n, _ = r ? et(p, o, s, l, !0) : yt(p, J({}, s), l, !0);
-      a._hotUpdate(_), delete l.state.value[p], l._s.delete(p);
+      const p = "__hot:" + n, g = r ? et(p, o, s, l, !0) : yt(p, J({}, s), l, !0);
+      a._hotUpdate(g), delete l.state.value[p], l._s.delete(p);
     }
     if (process.env.NODE_ENV !== "production" && Be) {
       const p = Lt();
       if (p && p.proxy && // avoid adding stores that are just built for hot module replacement
       !a) {
-        const _ = p.proxy, C = "_pStores" in _ ? _._pStores : _._pStores = {};
-        C[n] = c;
+        const g = p.proxy, x = "_pStores" in g ? g._pStores : g._pStores = {};
+        x[n] = c;
       }
     }
     return c;
@@ -2374,15 +2374,15 @@ const ze = He("loader", () => ({ loading: E(!1) })), wt = {
               key: c,
               value: c
             }, {
-              default: Pe(({ active: _, selected: C }) => [
-                g("li", {
-                  class: xe([
+              default: Pe(({ active: g, selected: x }) => [
+                m("li", {
+                  class: _e([
                     "relative cursor-default select-none py-2 pl-3 pr-9",
-                    _ ? "bg-[#3B5695] text-white" : "text-textCustom"
+                    g ? "bg-[#3B5695] text-white" : "text-textCustom"
                   ])
                 }, [
-                  g("span", {
-                    class: xe(["block truncate", C && "font-semibold"])
+                  m("span", {
+                    class: _e(["block truncate", x && "font-semibold"])
                   }, te(p), 3)
                 ], 2)
               ]),
@@ -2395,19 +2395,19 @@ const ze = He("loader", () => ({ loading: E(!1) })), wt = {
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}, an = "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", vs = ["disabled"], hs = /* @__PURE__ */ g("img", {
+}, an = "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", vs = ["disabled"], hs = /* @__PURE__ */ m("img", {
   src: an,
   alt: "swap",
   class: "w-4"
 }, null, -1), ms = [
   hs
-], gs = ["disabled"], bs = /* @__PURE__ */ g("img", {
+], gs = ["disabled"], bs = /* @__PURE__ */ m("img", {
   src: an,
   alt: "swap",
   class: "w-4"
-}, null, -1), _s = [
+}, null, -1), xs = [
   bs
-], xs = {
+], _s = {
   __name: "SwapBtn",
   props: {
     isBidirect: {
@@ -2422,7 +2422,7 @@ const ze = He("loader", () => ({ loading: E(!1) })), wt = {
       key: 1,
       onClick: r[0] || (r[0] = (i) => n("swap")),
       disabled: V(t).loading
-    }, _s, 8, gs)) : (w(), $("button", {
+    }, xs, 8, gs)) : (w(), $("button", {
       key: 0,
       disabled: V(t).loading
     }, ms, 8, vs));
@@ -2461,7 +2461,7 @@ const ze = He("loader", () => ({ loading: E(!1) })), wt = {
         languages: V(o).languages.src,
         class: "grow"
       }, null, 8, ["modelValue", "languages"]),
-      H(xs, {
+      H(_s, {
         isBidirect: V(o).src !== "auto",
         class: "grow-0 mx-3",
         onSwap: t
@@ -2510,12 +2510,12 @@ const $s = /* @__PURE__ */ Ze(Ss, [["render", Os]]), Ts = "data:image/svg+xml,%3
     get: t,
     reset: n
   };
-}), Ls = /* @__PURE__ */ g("img", {
+}), Ls = /* @__PURE__ */ m("img", {
   src: Ts,
   alt: "Play"
 }, null, -1), Ps = [
   Ls
-], Rs = /* @__PURE__ */ g("img", {
+], Rs = /* @__PURE__ */ m("img", {
   src: Is,
   alt: "Stop"
 }, null, -1), Vs = [
@@ -2561,7 +2561,7 @@ const $s = /* @__PURE__ */ Ze(Ss, [["render", Os]]), Ts = "data:image/svg+xml,%3
     }
     return l.onended = () => {
       i.value = !1;
-    }, (p, _) => i.value ? (w(), $("button", {
+    }, (p, g) => i.value ? (w(), $("button", {
       key: 1,
       class: "btn btn-xs btn-ghost btn-circle",
       onClick: dt(c, ["prevent"])
@@ -2571,7 +2571,7 @@ const $s = /* @__PURE__ */ Ze(Ss, [["render", Os]]), Ts = "data:image/svg+xml,%3
       onClick: dt(a, ["prevent"])
     }, Ps));
   }
-}, Ms = "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", Ns = {}, Ds = { class: "btn btn-xs btn-circle btn-ghost" }, As = /* @__PURE__ */ g("img", {
+}, Ms = "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", Ns = {}, Ds = { class: "btn btn-xs btn-circle btn-ghost" }, As = /* @__PURE__ */ m("img", {
   src: Ms,
   alt: "Clear",
   class: "w-4"
@@ -2605,7 +2605,7 @@ const Bs = /* @__PURE__ */ Ze(Ns, [["render", js]]), Hs = "data:image/svg+xml,%3
 }, qs = { class: "flex flex-row rounded-t-lg bg-white border border-b-0 px-1 pr-1 pt-1 gap-1 items-center" }, Js = { class: "text-sm text-gray-600" }, Ks = {
   key: 0,
   class: "italic"
-}, Ys = /* @__PURE__ */ g("div", { class: "flex-grow" }, null, -1), cn = {
+}, Ys = /* @__PURE__ */ m("div", { class: "flex-grow" }, null, -1), cn = {
   __name: "TranslationBtnGroup",
   props: {
     loading: {
@@ -2655,7 +2655,7 @@ const Bs = /* @__PURE__ */ Ze(Ns, [["render", js]]), Hs = "data:image/svg+xml,%3
         type: t.type,
         onLoadTTS: r[0] || (r[0] = (i) => n("loadTTS"))
       }, null, 8, ["type"])) : X("", !0),
-      g("div", Js, [
+      m("div", Js, [
         gn(te(e.srcLabel) + " ", 1),
         e.phonetic ? (w(), $("span", Ks, "- [" + te(t.phonetic) + "]", 1)) : X("", !0)
       ]),
@@ -2679,11 +2679,11 @@ const Bs = /* @__PURE__ */ Ze(Ns, [["render", js]]), Hs = "data:image/svg+xml,%3
   }), s = E(null), r = E([]), i = E([]), l = E([]), a = E([]), u = E({
     src: null,
     target: null
-  }), c = Ue(), p = S(() => c.getLabel(e.value)), _ = S(() => c.getLabel(o.value));
-  function C(v) {
+  }), c = Ue(), p = S(() => c.getLabel(e.value)), g = S(() => c.getLabel(o.value));
+  function x(v) {
     e.value = v.src, o.value = v.target, t.value = v.text, n.value = v.phonetic, s.value = v.result, r.value = v.dictionary, i.value = v.definitions, l.value = v.synonyms, a.value = v.examples, u.value = v.tts;
   }
-  function h() {
+  function _() {
     e.value = null, o.value = null, t.value = null, n.value = {
       src: null,
       target: null
@@ -2696,7 +2696,7 @@ const Bs = /* @__PURE__ */ Ze(Ns, [["render", js]]), Hs = "data:image/svg+xml,%3
     src: e,
     srcLabel: p,
     target: o,
-    targetLabel: _,
+    targetLabel: g,
     phonetic: n,
     text: t,
     result: s,
@@ -2705,8 +2705,8 @@ const Bs = /* @__PURE__ */ Ze(Ns, [["render", js]]), Hs = "data:image/svg+xml,%3
     synonyms: l,
     examples: a,
     tts: u,
-    init: C,
-    reset: h
+    init: x,
+    reset: _
   };
 });
 function Qs(e) {
@@ -2775,8 +2775,8 @@ function rl(e, o, t = {}) {
     (p) => {
       if (l(), i.value && n) {
         r = new ResizeObserver(o);
-        for (const _ of p)
-          _ && r.observe(_, s);
+        for (const g of p)
+          g && r.observe(g, s);
       }
     },
     { immediate: !0, flush: "post" }
@@ -2818,40 +2818,40 @@ const il = {
   emits: ["change", "clear", "loadTTS"],
   setup(e, { emit: o }) {
     const t = he(), n = e, s = E(""), r = S(() => t.src), i = S(() => t.srcLabel), l = S(() => {
-      var h;
-      return (h = t.phonetic) == null ? void 0 : h.src;
+      var _;
+      return (_ = t.phonetic) == null ? void 0 : _.src;
     }), { textarea: a } = dn({ input: s, styleProp: "minHeight" }), u = o, c = nl(() => {
       u("change", s.value);
     }, ws.INPUT_DEBOUNCE);
     function p() {
       if (!s.value) {
-        _();
+        g();
         return;
       }
       c();
     }
-    function _() {
+    function g() {
       u("clear"), s.value = "", a.value.focus();
     }
-    async function C() {
+    async function x() {
       await Q(), a.value.select();
     }
     return F(
       () => n.text,
-      (h) => {
-        s.value !== h && C(), s.value = h;
+      (_) => {
+        s.value !== _ && x(), s.value = _;
       }
-    ), (h, v) => (w(), $(Z, null, [
+    ), (_, v) => (w(), $(Z, null, [
       H(cn, {
         src: r.value,
         srcLabel: i.value,
         type: "src",
         phonetic: l.value,
         isClearBtn: !0,
-        onClear: _,
+        onClear: g,
         onLoadTTS: v[0] || (v[0] = (T) => u("loadTTS"))
       }, null, 8, ["src", "srcLabel", "phonetic"]),
-      Rt(g("textarea", {
+      Rt(m("textarea", {
         ref_key: "textarea",
         ref: a,
         "onUpdate:modelValue": v[1] || (v[1] = (T) => s.value = T),
@@ -2859,7 +2859,7 @@ const il = {
         autofocus: "",
         rows: "2",
         onInput: p,
-        onFocus: C
+        onFocus: x
       }, null, 544), [
         [
           Vt,
@@ -2870,46 +2870,47 @@ const il = {
       ])
     ], 64));
   }
-}, al = /* @__PURE__ */ Ze(il, [["__scopeId", "data-v-90bf3e0d"]]), ul = (e) => (bn("data-v-4b9f4a7b"), e = e(), _n(), e), cl = { class: "flex flex-col" }, dl = /* @__PURE__ */ ul(() => /* @__PURE__ */ g("div", { class: "w-full flex align-item-center justify-end mt-2" }, null, -1)), fl = {
+}, al = /* @__PURE__ */ Ze(il, [["__scopeId", "data-v-90bf3e0d"]]), ul = (e) => (bn("data-v-f47b8efe"), e = e(), xn(), e), cl = { class: "flex flex-col" }, dl = /* @__PURE__ */ ul(() => /* @__PURE__ */ m("div", { class: "w-full flex align-item-center justify-end mt-2" }, null, -1)), fl = {
   __name: "TranslationResult",
   props: {
-    isFavoriteFeatureEnabled: Boolean
+    isFavoriteFeatureEnabled: Boolean,
+    isFavorite: Boolean
   },
-  emits: ["loadTTS"],
+  emits: ["loadTTS", "favorite"],
   setup(e, { emit: o }) {
-    const t = he(), n = E(!1), s = S(() => t.result), r = S(() => t.target), i = S(() => t.targetLabel), l = S(() => {
-      var C;
-      return (C = t.phonetic) == null ? void 0 : C.target;
-    }), a = e, u = ze(), { textarea: c, input: p } = dn({ input: s, styleProp: "minHeight" }), _ = o;
-    return (C, h) => (w(), $(Z, null, [
+    const t = he(), n = S(() => t.result), s = S(() => t.target), r = S(() => t.targetLabel), i = S(() => {
+      var g;
+      return (g = t.phonetic) == null ? void 0 : g.target;
+    }), l = e, a = ze(), { textarea: u, input: c } = dn({ input: n, styleProp: "minHeight" }), p = o;
+    return (g, x) => (w(), $(Z, null, [
       H(cn, {
-        loading: V(u).loading,
-        src: r.value,
-        srcLabel: i.value,
+        loading: V(a).loading,
+        src: s.value,
+        srcLabel: r.value,
         type: "target",
-        isFavoriteBtn: a.isFavoriteFeatureEnabled,
-        isFavorite: n.value,
-        phonetic: l.value,
-        onFavorite: h[0] || (h[0] = (v) => n.value = !n.value),
-        onLoadTTS: h[1] || (h[1] = (v) => _("loadTTS"))
+        isFavoriteBtn: l.isFavoriteFeatureEnabled,
+        isFavorite: e.isFavorite,
+        phonetic: i.value,
+        onFavorite: x[0] || (x[0] = (_) => p("favorite")),
+        onLoadTTS: x[1] || (x[1] = (_) => p("loadTTS"))
       }, null, 8, ["loading", "src", "srcLabel", "isFavoriteBtn", "isFavorite", "phonetic"]),
-      g("div", cl, [
-        Rt(g("textarea", {
+      m("div", cl, [
+        Rt(m("textarea", {
           ref_key: "textarea",
-          ref: c,
-          "onUpdate:modelValue": h[2] || (h[2] = (v) => _e(p) ? p.value = v : null),
+          ref: u,
+          "onUpdate:modelValue": x[2] || (x[2] = (_) => xe(c) ? c.value = _ : 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), [
-          [Vt, V(p)]
+          [Vt, V(c)]
         ]),
         dl
       ])
     ], 64));
   }
-}, pl = /* @__PURE__ */ Ze(fl, [["__scopeId", "data-v-4b9f4a7b"]]), vl = { class: "btn btn-sm btn-circle btn-ghost" }, We = {
+}, pl = /* @__PURE__ */ Ze(fl, [["__scopeId", "data-v-f47b8efe"]]), vl = { class: "btn btn-sm btn-circle btn-ghost" }, We = {
   __name: "ToggleBtn",
   props: {
     isExpanded: Boolean
@@ -2926,7 +2927,7 @@ const il = {
       }))
     ]));
   }
-}, hl = { class: "card border bg-white rounded-lg" }, ml = { class: "card-body px-4 py-2 gap-0" }, gl = { class: "flex justify-between items-center" }, bl = /* @__PURE__ */ g("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Translations", -1), _l = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, xl = { class: "list-none list-inside" }, Cl = ["onClick"], yl = { class: "text-base font-normal text-gray-800 leading-4" }, wl = {
+}, hl = { class: "card border bg-white rounded-lg" }, ml = { class: "card-body px-4 py-2 gap-0" }, gl = { class: "flex justify-between items-center" }, bl = /* @__PURE__ */ m("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Translations", -1), xl = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, _l = { class: "list-none list-inside" }, Cl = ["onClick"], yl = { class: "text-base font-normal text-gray-800 leading-4" }, wl = {
   __name: "Dictionary",
   emits: ["translate"],
   setup(e, { emit: o }) {
@@ -2936,32 +2937,32 @@ const il = {
       i("translate", u, n.target, n.src), s.src = n.target, s.target = n.src, window.scrollTo(0, 0);
     };
     return (u, c) => (w(), $("div", hl, [
-      g("div", ml, [
-        g("div", gl, [
+      m("div", ml, [
+        m("div", gl, [
           bl,
           H(We, {
             isExpanded: t.value,
             onClick: l
           }, null, 8, ["isExpanded"])
         ]),
-        g("div", {
-          class: xe(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+        m("div", {
+          class: _e(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
-          g("ul", null, [
-            (w(!0), $(Z, null, le(r.value, (p, _) => (w(), $("li", {
-              key: `${p.pos}-${_}`,
+          m("ul", null, [
+            (w(!0), $(Z, null, le(r.value, (p, g) => (w(), $("li", {
+              key: `${p.pos}-${g}`,
               class: "mb-2"
             }, [
-              g("h5", _l, te(p.pos), 1),
-              g("ul", xl, [
-                (w(!0), $(Z, null, le(p.items, (C, h) => (w(), $("li", {
-                  key: `${C.word}-${h}`
+              m("h5", xl, te(p.pos), 1),
+              m("ul", _l, [
+                (w(!0), $(Z, null, le(p.items, (x, _) => (w(), $("li", {
+                  key: `${x.word}-${_}`
                 }, [
-                  g("span", {
+                  m("span", {
                     class: "p-3 m-0.5 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded-lg",
-                    onClick: (v) => a(C.word)
-                  }, te(C.word), 9, Cl),
-                  g("small", yl, " - " + te(C.reverse_translation.join(", ")), 1)
+                    onClick: (v) => a(x.word)
+                  }, te(x.word), 9, Cl),
+                  m("small", yl, " - " + te(x.reverse_translation.join(", ")), 1)
                 ]))), 128))
               ])
             ]))), 128))
@@ -2970,7 +2971,7 @@ const il = {
       ])
     ]));
   }
-}, Sl = { class: "card border bg-white rounded-lg" }, El = { class: "card-body px-4 py-2 gap-0" }, Ol = { class: "flex justify-between items-center" }, $l = /* @__PURE__ */ g("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Definitions", -1), Tl = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, Il = { class: "text-base text-textCustom list-decimal list-outside ml-5" }, Ll = /* @__PURE__ */ g("br", null, null, -1), Pl = {
+}, Sl = { class: "card border bg-white rounded-lg" }, El = { class: "card-body px-4 py-2 gap-0" }, Ol = { class: "flex justify-between items-center" }, $l = /* @__PURE__ */ m("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Definitions", -1), Tl = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, Il = { class: "text-base text-textCustom list-decimal list-outside ml-5" }, Ll = /* @__PURE__ */ m("br", null, null, -1), Pl = {
   key: 0,
   class: "italic"
 }, Rl = {
@@ -2980,29 +2981,29 @@ const il = {
       o.value = !o.value;
     };
     return (r, i) => (w(), $("div", Sl, [
-      g("div", El, [
-        g("div", Ol, [
+      m("div", El, [
+        m("div", Ol, [
           $l,
           H(We, {
             isExpanded: o.value,
             onClick: s
           }, null, 8, ["isExpanded"])
         ]),
-        g("div", {
-          class: xe(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+        m("div", {
+          class: _e(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
-          g("ul", null, [
+          m("ul", null, [
             (w(!0), $(Z, null, le(n.value, (l, a) => (w(), $("li", {
               key: `${l.pos}-${a}`,
               class: "mb-2"
             }, [
-              g("h5", Tl, te(l.pos), 1),
-              g("ul", Il, [
+              m("h5", Tl, te(l.pos), 1),
+              m("ul", Il, [
                 (w(!0), $(Z, null, le(l.items, (u, c) => (w(), $("li", {
                   key: `${u.gloss}-${c}`,
                   class: "mb-1"
                 }, [
-                  g("span", null, te(u.gloss), 1),
+                  m("span", null, te(u.gloss), 1),
                   Ll,
                   u.example ? (w(), $("small", Pl, '"' + te(u.example) + '"', 1)) : X("", !0)
                 ]))), 128))
@@ -3013,25 +3014,25 @@ const il = {
       ])
     ]));
   }
-}, Vl = { class: "card border bg-white rounded-lg" }, kl = { class: "card-body px-4 py-2 gap-0" }, Ml = { class: "flex justify-between items-center" }, Nl = /* @__PURE__ */ g("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Examples", -1), Dl = { class: "text-textCustom list-decimal list-outside ml-7 mt-2" }, Al = ["innerHTML"], Fl = {
+}, Vl = { class: "card border bg-white rounded-lg" }, kl = { class: "card-body px-4 py-2 gap-0" }, Ml = { class: "flex justify-between items-center" }, Nl = /* @__PURE__ */ m("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Examples", -1), Dl = { class: "text-textCustom list-decimal list-outside ml-7 mt-2" }, Al = ["innerHTML"], Fl = {
   __name: "Example",
   setup(e) {
     const o = E(!0), t = he(), n = S(() => t.examples), s = () => {
       o.value = !o.value;
     };
     return (r, i) => (w(), $("div", Vl, [
-      g("div", kl, [
-        g("div", Ml, [
+      m("div", kl, [
+        m("div", Ml, [
           Nl,
           H(We, {
             isExpanded: o.value,
             onClick: s
           }, null, 8, ["isExpanded"])
         ]),
-        g("div", {
-          class: xe(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
+        m("div", {
+          class: _e(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
-          g("ul", Dl, [
+          m("ul", Dl, [
             (w(!0), $(Z, null, le(n.value, (l, a) => (w(), $("li", {
               key: `${l.definition_id}-${a}`,
               innerHTML: l
@@ -3041,7 +3042,7 @@ const il = {
       ])
     ]));
   }
-}, jl = { class: "card border bg-white rounded-lg" }, Bl = { class: "card-body px-4 py-2 gap-0" }, Hl = { class: "flex justify-between items-center" }, zl = /* @__PURE__ */ g("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Synonyms", -1), Ul = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, Zl = { class: "list-none list-inside" }, Wl = { class: "flex flex-wrap" }, Gl = ["onClick"], ql = {
+}, jl = { class: "card border bg-white rounded-lg" }, Bl = { class: "card-body px-4 py-2 gap-0" }, Hl = { class: "flex justify-between items-center" }, zl = /* @__PURE__ */ m("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Synonyms", -1), Ul = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, Zl = { class: "list-none list-inside" }, Wl = { class: "flex flex-wrap" }, Gl = ["onClick"], ql = {
   __name: "Synonyms",
   emits: ["translate"],
   setup(e, { emit: o }) {
@@ -3051,34 +3052,34 @@ const il = {
       r("translate", a), window.scrollTo(0, 0);
     };
     return (a, u) => (w(), $("div", jl, [
-      g("div", Bl, [
-        g("div", Hl, [
+      m("div", Bl, [
+        m("div", Hl, [
           zl,
           H(We, {
             isExpanded: t.value,
             onClick: i
           }, null, 8, ["isExpanded"])
         ]),
-        g("div", {
-          class: xe(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+        m("div", {
+          class: _e(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
-          g("ul", null, [
+          m("ul", null, [
             (w(!0), $(Z, null, le(s.value, (c, p) => (w(), $("li", {
               key: `${c.pos}-${p}`,
               class: "mb-2"
             }, [
-              g("h5", Ul, te(c.pos), 1),
-              g("ul", Zl, [
-                (w(!0), $(Z, null, le(c.items, (_, C) => (w(), $("li", {
-                  key: `${_.word}-${C}`,
+              m("h5", Ul, te(c.pos), 1),
+              m("ul", Zl, [
+                (w(!0), $(Z, null, le(c.items, (g, x) => (w(), $("li", {
+                  key: `${g.word}-${x}`,
                   class: "mb-2"
                 }, [
-                  g("div", Wl, [
-                    (w(!0), $(Z, null, le(_.synonym, (h, v) => (w(), $("span", {
-                      key: `${h}-${v}`,
+                  m("div", Wl, [
+                    (w(!0), $(Z, null, le(g.synonym, (_, v) => (w(), $("span", {
+                      key: `${_}-${v}`,
                       class: "p-3 m-0.5 ml-0 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded-lg",
-                      onClick: (T) => l(h)
-                    }, te(h), 9, Gl))), 128))
+                      onClick: (T) => l(_)
+                    }, te(_), 9, Gl))), 128))
                   ])
                 ]))), 128))
               ])
@@ -3098,7 +3099,7 @@ function Kl() {
 const Ot = {
   supportRTL: Jl,
   removeRTL: Kl
-}, Yl = ["ar", "fa", "iw", "yi", "ur", "pa"], Ql = { class: "bg-white min-h-screen flex flex-col" }, Xl = { class: "py-2 px-5 shadow-lg" }, e2 = { class: "px-5 flex-grow" }, t2 = { class: "flex flex-col lg:flex-row lg:gap-2" }, n2 = { class: "w-full lg:w-[calc(50%-1rem)] my-2" }, o2 = /* @__PURE__ */ g("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1), s2 = { class: "w-full lg:w-[calc(50%-1rem)] my-2" }, l2 = { class: "grid grid-cols-1 lg:grid-cols-3 gap-4" }, r2 = {
+}, Yl = ["ar", "fa", "iw", "yi", "ur", "pa"], Ql = { class: "bg-white min-h-screen flex flex-col" }, Xl = { class: "py-2 px-5 shadow-lg" }, e2 = { class: "px-5 flex-grow" }, t2 = { class: "flex flex-col lg:flex-row lg:gap-2" }, n2 = { class: "w-full lg:w-[calc(50%-1rem)] my-2" }, o2 = /* @__PURE__ */ m("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1), s2 = { class: "w-full lg:w-[calc(50%-1rem)] my-2" }, l2 = { class: "grid grid-cols-1 lg:grid-cols-3 gap-4" }, r2 = {
   key: 0,
   class: "w-full my-4"
 }, i2 = {
@@ -3126,9 +3127,21 @@ const Ot = {
     isFavoriteFeatureEnabled: {
       type: Boolean,
       default: !1
+    },
+    isFavorite: {
+      type: Boolean,
+      default: !1
     }
   },
-  emits: ["opt", "translate", "reader", "settings", "fullscreen", "loadTTS"],
+  emits: [
+    "opt",
+    "translate",
+    "reader",
+    "settings",
+    "fullscreen",
+    "loadTTS",
+    "favorite"
+  ],
   setup(e, { emit: o }) {
     const t = cs(), n = he(t), s = un(t), r = Ue(t), i = ze(t), l = e, a = o, u = E(""), c = () => {
       const v = l.opt.target;
@@ -3153,21 +3166,21 @@ const Ot = {
     ), F([() => l.opt, () => l.languages], ([v, T]) => {
       r.init(v, T), c();
     }), F([() => r.src, () => r.target], ([v, T]) => {
-      a("opt", { src: v, target: T }), h(u.value);
+      a("opt", { src: v, target: T }), _(u.value);
     }), Ce(() => {
       r.init(l.opt, l.languages), c();
     });
     function p() {
       u.value = "", n.reset();
     }
-    function _(v) {
-      h(v);
+    function g(v) {
+      _(v);
     }
-    function C(v) {
+    function x(v) {
       const T = v === "src" ? n.text : n.result;
       a("loadTTS", { type: v, data: T });
     }
-    function h(v, T = r.src, N = r.target) {
+    function _(v, T = r.src, N = r.target) {
       v && (u.value = v, i.loading = !0, a("translate", {
         src: T,
         target: N,
@@ -3177,42 +3190,44 @@ const Ot = {
     return (v, T) => {
       var N, I, k, D;
       return w(), $("div", Ql, [
-        g("div", Xl, [
+        m("div", Xl, [
           H(Nn, {
-            onReader: T[0] || (T[0] = (m) => a("reader")),
-            onSettings: T[1] || (T[1] = (m) => a("settings")),
-            onFullScreen: T[2] || (T[2] = (m) => a("fullscreen"))
+            onReader: T[0] || (T[0] = (h) => a("reader")),
+            onSettings: T[1] || (T[1] = (h) => a("settings")),
+            onFullScreen: T[2] || (T[2] = (h) => a("fullscreen"))
           })
         ]),
-        g("div", e2, [
+        m("div", e2, [
           H(ys, { class: "my-4" }),
-          g("div", t2, [
-            g("div", n2, [
+          m("div", t2, [
+            m("div", n2, [
               H(al, {
                 text: u.value,
-                onChange: _,
+                onChange: g,
                 onClear: p,
-                onLoadTTS: T[3] || (T[3] = (m) => C("src"))
+                onLoadTTS: T[3] || (T[3] = (h) => x("src"))
               }, null, 8, ["text"])
             ]),
             o2,
-            g("div", s2, [
+            m("div", s2, [
               H(pl, {
                 isFavoriteFeatureEnabled: e.isFavoriteFeatureEnabled,
-                onLoadTTS: T[4] || (T[4] = (m) => C("target"))
-              }, null, 8, ["isFavoriteFeatureEnabled"])
+                isFavorite: e.isFavorite,
+                onFavorite: T[4] || (T[4] = (h) => a("favorite")),
+                onLoadTTS: T[5] || (T[5] = (h) => x("target"))
+              }, null, 8, ["isFavoriteFeatureEnabled", "isFavorite"])
             ])
           ]),
           l.translation ? (w(), $(Z, { key: 0 }, [
-            g("div", l2, [
+            m("div", l2, [
               (N = V(n).dictionary) != null && N.length ? (w(), ee(wl, {
                 key: 0,
-                onTranslate: h
+                onTranslate: _
               })) : X("", !0),
               (I = V(n).definitions) != null && I.length ? (w(), ee(Rl, { key: 1 })) : X("", !0),
               (k = V(n).synonyms) != null && k.length ? (w(), ee(ql, {
                 key: 2,
-                onTranslate: h
+                onTranslate: _
               })) : X("", !0)
             ]),
             (D = V(n).examples) != null && D.length ? (w(), $("div", r2, [