@ddict/popup 1.1.0 → 1.2.1

package/dist/popup.es.js

@@ -1,77 +1,77 @@
-import { openBlock as w, createElementBlock as E, createElementVNode as v, computed as _, unref as V, shallowRef as p2, watch as B, triggerRef as ut, onScopeDispose as tt, ref as O, onUnmounted as nt, inject as Ie, watchEffect as re, onMounted as ye, cloneVNode as Tt, h as Ee, Fragment as Q, defineComponent as ue, provide as ot, reactive as $t, nextTick as ee, toRaw as Y, effectScope as It, markRaw as fe, hasInjectionContext as v2, getCurrentInstance as Lt, isRef as xe, isReactive as lt, toRef as Ge, getCurrentScope as Mt, toRefs as ct, mergeModels as h2, useModel as m2, createBlock as se, withCtx as Me, createVNode as N, renderList as ae, normalizeClass as U, toDisplayString as te, createCommentVNode as W, withModifiers as dt, createTextVNode as b2, withDirectives as Vt, vModelText as At, pushScopeId as g2, popScopeId as C2 } from "vue";
-const x2 = "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", y2 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='%233B5695'%20class='bi%20bi-list-stars%20fill-primaryColor'%3e%3cpath%20fill-rule='evenodd'%20d='M5%2011.5a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5z'/%3e%3cpath%20d='M2.242%202.194a.27.27%200%200%201%20.516%200l.162.53c.035.115.14.194.258.194h.551c.259%200%20.37.333.164.493l-.468.363a.277.277%200%200%200-.094.3l.173.569c.078.256-.213.462-.423.3l-.417-.324a.267.267%200%200%200-.328%200l-.417.323c-.21.163-.5-.043-.423-.299l.173-.57a.277.277%200%200%200-.094-.299l-.468-.363c-.206-.16-.095-.493.164-.493h.55a.271.271%200%200%200%20.259-.194l.162-.53zm0%204a.27.27%200%200%201%20.516%200l.162.53c.035.115.14.194.258.194h.551c.259%200%20.37.333.164.493l-.468.363a.277.277%200%200%200-.094.3l.173.569c.078.255-.213.462-.423.3l-.417-.324a.267.267%200%200%200-.328%200l-.417.323c-.21.163-.5-.043-.423-.299l.173-.57a.277.277%200%200%200-.094-.299l-.468-.363c-.206-.16-.095-.493.164-.493h.55a.271.271%200%200%200%20.259-.194l.162-.53zm0%204a.27.27%200%200%201%20.516%200l.162.53c.035.115.14.194.258.194h.551c.259%200%20.37.333.164.493l-.468.363a.277.277%200%200%200-.094.3l.173.569c.078.255-.213.462-.423.3l-.417-.324a.267.267%200%200%200-.328%200l-.417.323c-.21.163-.5-.043-.423-.299l.173-.57a.277.277%200%200%200-.094-.299l-.468-.363c-.206-.16-.095-.493.164-.493h.55a.271.271%200%200%200%20.259-.194l.162-.53z'/%3e%3c/svg%3e", w2 = "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", _2 = "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", S2 = "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", E2 = { class: "flex justify-between" }, O2 = /* @__PURE__ */ v("div", { class: "flex flex-row" }, [
+import { openBlock as C, createElementBlock as O, createElementVNode as v, computed as E, unref as L, shallowRef as v2, watch as j, triggerRef as ut, onScopeDispose as tt, ref as $, onUnmounted as nt, inject as Te, watchEffect as re, onMounted as ye, cloneVNode as It, h as Ee, Fragment as J, defineComponent as ue, provide as ot, reactive as $t, nextTick as te, toRaw as X, effectScope as Tt, markRaw as fe, hasInjectionContext as h2, getCurrentInstance as Lt, isRef as xe, isReactive as lt, toRef as Ge, getCurrentScope as Mt, toRefs as ct, mergeModels as m2, useModel as b2, createBlock as G, withCtx as Ae, createVNode as N, renderList as oe, normalizeClass as B, toDisplayString as ne, createCommentVNode as Z, withModifiers as dt, createTextVNode as g2, withDirectives as At, vModelText as Vt, pushScopeId as C2, popScopeId as x2 } from "vue";
+const y2 = "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", w2 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20fill='%233B5695'%20class='bi%20bi-list-stars%20fill-primaryColor'%3e%3cpath%20fill-rule='evenodd'%20d='M5%2011.5a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5z'/%3e%3cpath%20d='M2.242%202.194a.27.27%200%200%201%20.516%200l.162.53c.035.115.14.194.258.194h.551c.259%200%20.37.333.164.493l-.468.363a.277.277%200%200%200-.094.3l.173.569c.078.256-.213.462-.423.3l-.417-.324a.267.267%200%200%200-.328%200l-.417.323c-.21.163-.5-.043-.423-.299l.173-.57a.277.277%200%200%200-.094-.299l-.468-.363c-.206-.16-.095-.493.164-.493h.55a.271.271%200%200%200%20.259-.194l.162-.53zm0%204a.27.27%200%200%201%20.516%200l.162.53c.035.115.14.194.258.194h.551c.259%200%20.37.333.164.493l-.468.363a.277.277%200%200%200-.094.3l.173.569c.078.255-.213.462-.423.3l-.417-.324a.267.267%200%200%200-.328%200l-.417.323c-.21.163-.5-.043-.423-.299l.173-.57a.277.277%200%200%200-.094-.299l-.468-.363c-.206-.16-.095-.493.164-.493h.55a.271.271%200%200%200%20.259-.194l.162-.53zm0%204a.27.27%200%200%201%20.516%200l.162.53c.035.115.14.194.258.194h.551c.259%200%20.37.333.164.493l-.468.363a.277.277%200%200%200-.094.3l.173.569c.078.255-.213.462-.423.3l-.417-.324a.267.267%200%200%200-.328%200l-.417.323c-.21.163-.5-.043-.423-.299l.173-.57a.277.277%200%200%200-.094-.299l-.468-.363c-.206-.16-.095-.493.164-.493h.55a.271.271%200%200%200%20.259-.194l.162-.53z'/%3e%3c/svg%3e", _2 = "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", S2 = "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", E2 = "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", O2 = { class: "flex justify-between" }, I2 = /* @__PURE__ */ v("div", { class: "flex flex-row" }, [
   /* @__PURE__ */ v("img", {
-    src: x2,
+    src: y2,
     alt: "Vue logo",
     class: "w-24"
   })
-], -1), T2 = { class: "flex" }, $2 = {
+], -1), $2 = { class: "flex" }, T2 = {
   class: "tooltip tooltip-bottom before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%]",
   "data-tip": "Saved Words"
-}, I2 = /* @__PURE__ */ v("img", {
-  src: y2,
+}, L2 = /* @__PURE__ */ v("img", {
+  src: w2,
   alt: "Star list",
   class: "w-7"
-}, null, -1), L2 = [
-  I2
-], M2 = {
+}, null, -1), M2 = [
+  L2
+], A2 = {
   class: "tooltip tooltip-bottom before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%]",
   "data-tip": "Reader"
 }, V2 = /* @__PURE__ */ v("img", {
-  src: w2,
+  src: _2,
   alt: "Reader",
   class: "w-7"
-}, null, -1), A2 = [
+}, null, -1), k2 = [
   V2
 ], F2 = {
   class: "tooltip tooltip-bottom before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] md:hidden",
   "data-tip": "Full screen"
 }, P2 = /* @__PURE__ */ v("img", {
-  src: _2,
+  src: S2,
   alt: "Full screen",
   class: "w-7"
 }, null, -1), R2 = [
   P2
-], k2 = {
+], D2 = {
   class: "tooltip tooltip-bottom before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%]",
   "data-tip": "Settings"
-}, D2 = /* @__PURE__ */ v("img", {
-  src: S2,
+}, N2 = /* @__PURE__ */ v("img", {
+  src: E2,
   alt: "Setting",
   class: "w-7"
-}, null, -1), N2 = [
-  D2
-], B2 = {
+}, null, -1), B2 = [
+  N2
+], j2 = {
   __name: "Header",
   emits: ["settings", "fullScreen", "reader", "starList"],
   setup(e, { emit: o }) {
     const t = o;
-    return (n, l) => (w(), E("div", E2, [
-      O2,
-      v("div", T2, [
-        v("div", $2, [
+    return (n, l) => (C(), O("div", O2, [
+      I2,
+      v("div", $2, [
+        v("div", T2, [
           v("button", {
             class: "btn btn-ghost btn-circle",
-            onClick: l[0] || (l[0] = (s) => t("starList"))
-          }, L2)
+            onClick: l[0] || (l[0] = (a) => t("starList"))
+          }, M2)
         ]),
-        v("div", M2, [
+        v("div", A2, [
           v("button", {
             class: "btn btn-ghost btn-circle",
-            onClick: l[1] || (l[1] = (s) => t("reader"))
-          }, A2)
+            onClick: l[1] || (l[1] = (a) => t("reader"))
+          }, k2)
         ]),
         v("div", F2, [
           v("button", {
             class: "btn btn-ghost btn-circle",
-            onClick: l[2] || (l[2] = (s) => t("fullScreen"))
+            onClick: l[2] || (l[2] = (a) => t("fullScreen"))
           }, R2)
         ]),
-        v("div", k2, [
+        v("div", D2, [
           v("button", {
             class: "btn btn-ghost btn-circle",
-            onClick: l[3] || (l[3] = (s) => t("settings"))
-          }, N2)
+            onClick: l[3] || (l[3] = (a) => t("settings"))
+          }, B2)
         ])
       ])
     ]));
@@ -80,28 +80,28 @@ const x2 = "data:image/svg+xml,%3csvg%20width='96'%20height='32'%20viewBox='0%20
 function we(e, o, t) {
   let n = t.initialDeps ?? [], l;
   return () => {
-    var s, i, a, r;
+    var a, i, s, r;
     let u;
-    t.key && ((s = t.debug) != null && s.call(t)) && (u = Date.now());
+    t.key && ((a = t.debug) != null && a.call(t)) && (u = Date.now());
     const c = e();
-    if (!(c.length !== n.length || c.some((m, b) => n[b] !== m)))
+    if (!(c.length !== n.length || c.some((w, m) => n[m] !== w)))
       return l;
     n = c;
-    let h;
-    if (t.key && ((i = t.debug) != null && i.call(t)) && (h = Date.now()), l = o(...c), t.key && ((a = t.debug) != null && a.call(t))) {
-      const m = Math.round((Date.now() - u) * 100) / 100, b = Math.round((Date.now() - h) * 100) / 100, S = b / 16, I = (T, L) => {
-        for (T = String(T); T.length < L; )
-          T = " " + T;
-        return T;
+    let b;
+    if (t.key && ((i = t.debug) != null && i.call(t)) && (b = Date.now()), l = o(...c), t.key && ((s = t.debug) != null && s.call(t))) {
+      const w = Math.round((Date.now() - u) * 100) / 100, m = Math.round((Date.now() - b) * 100) / 100, _ = m / 16, P = (I, x) => {
+        for (I = String(I); I.length < x; )
+          I = " " + I;
+        return I;
       };
       console.info(
-        `%c⏱ ${I(b, 5)} /${I(m, 5)} ms`,
+        `%c⏱ ${P(m, 5)} /${P(w, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * S, 120)
+          Math.min(120 - 120 * _, 120)
         )}deg 100% 31%);`,
         t == null ? void 0 : t.key
       );
@@ -114,17 +114,17 @@ function qe(e, o) {
     throw new Error("Unexpected undefined");
   return e;
 }
-const j2 = (e, o) => Math.abs(e - o) < 1, H2 = (e, o, t) => {
+const H2 = (e, o) => Math.abs(e - o) < 1, z2 = (e, o, t) => {
   let n;
   return function(...l) {
     e.clearTimeout(n), n = e.setTimeout(() => o.apply(this, l), t);
   };
-}, z2 = (e) => e, U2 = (e) => {
+}, U2 = (e) => e, Z2 = (e) => {
   const o = Math.max(e.startIndex - e.overscan, 0), t = Math.min(e.endIndex + e.overscan, e.count - 1), n = [];
   for (let l = o; l <= t; l++)
     n.push(l);
   return n;
-}, Z2 = (e, o) => {
+}, W2 = (e, o) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -132,16 +132,16 @@ const j2 = (e, o) => Math.abs(e - o) < 1, H2 = (e, o, t) => {
   if (!n)
     return;
   const l = (i) => {
-    const { width: a, height: r } = i;
-    o({ width: Math.round(a), height: Math.round(r) });
+    const { width: s, height: r } = i;
+    o({ width: Math.round(s), height: Math.round(r) });
   };
   if (l(t.getBoundingClientRect()), !n.ResizeObserver)
     return () => {
     };
-  const s = new n.ResizeObserver((i) => {
-    const a = i[0];
-    if (a != null && a.borderBoxSize) {
-      const r = a.borderBoxSize[0];
+  const a = new n.ResizeObserver((i) => {
+    const s = i[0];
+    if (s != null && s.borderBoxSize) {
+      const r = s.borderBoxSize[0];
       if (r) {
         l({ width: r.inlineSize, height: r.blockSize });
         return;
@@ -149,12 +149,12 @@ const j2 = (e, o) => Math.abs(e - o) < 1, H2 = (e, o, t) => {
     }
     l(t.getBoundingClientRect());
   });
-  return s.observe(t, { box: "border-box" }), () => {
-    s.unobserve(t);
+  return a.observe(t, { box: "border-box" }), () => {
+    a.unobserve(t);
   };
 }, ft = {
   passive: !0
-}, W2 = typeof window > "u" ? !0 : "onscrollend" in window, G2 = (e, o) => {
+}, G2 = typeof window > "u" ? !0 : "onscrollend" in window, q2 = (e, o) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -162,20 +162,20 @@ const j2 = (e, o) => Math.abs(e - o) < 1, H2 = (e, o, t) => {
   if (!n)
     return;
   let l = 0;
-  const s = W2 ? () => {
-  } : H2(
+  const a = G2 ? () => {
+  } : z2(
     n,
     () => {
       o(l, !1);
     },
     e.options.isScrollingResetDelay
   ), i = (u) => () => {
-    l = t[e.options.horizontal ? "scrollLeft" : "scrollTop"], s(), o(l, u);
-  }, a = i(!0), r = i(!1);
-  return r(), t.addEventListener("scroll", a, ft), t.addEventListener("scrollend", r, ft), () => {
-    t.removeEventListener("scroll", a), t.removeEventListener("scrollend", r);
+    l = t[e.options.horizontal ? "scrollLeft" : "scrollTop"], a(), o(l, u);
+  }, s = i(!0), r = i(!1);
+  return r(), t.addEventListener("scroll", s, ft), t.addEventListener("scrollend", r, ft), () => {
+    t.removeEventListener("scroll", s), t.removeEventListener("scrollend", r);
   };
-}, q2 = (e, o, t) => {
+}, J2 = (e, o, t) => {
   if (o != null && o.borderBoxSize) {
     const n = o.borderBoxSize[0];
     if (n)
@@ -186,24 +186,24 @@ const j2 = (e, o) => Math.abs(e - o) < 1, H2 = (e, o, t) => {
   return Math.round(
     e.getBoundingClientRect()[t.options.horizontal ? "width" : "height"]
   );
-}, J2 = (e, {
+}, K2 = (e, {
   adjustments: o = 0,
   behavior: t
 }, n) => {
-  var l, s;
+  var l, a;
   const i = e + o;
-  (s = (l = n.scrollElement) == null ? void 0 : l.scrollTo) == null || s.call(l, {
+  (a = (l = n.scrollElement) == null ? void 0 : l.scrollTo) == null || a.call(l, {
     [n.options.horizontal ? "left" : "top"]: i,
     behavior: t
   });
 };
-class K2 {
+class Y2 {
   constructor(o) {
     this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollToIndexTimeoutId = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
       let t = null;
       const n = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((l) => {
-        l.forEach((s) => {
-          this._measureElement(s.target, s);
+        l.forEach((a) => {
+          this._measureElement(a.target, a);
         });
       }));
       return {
@@ -212,12 +212,12 @@ class K2 {
           return (l = n()) == null ? void 0 : l.disconnect();
         },
         observe: (l) => {
-          var s;
-          return (s = n()) == null ? void 0 : s.observe(l, { box: "border-box" });
+          var a;
+          return (a = n()) == null ? void 0 : a.observe(l, { box: "border-box" });
         },
         unobserve: (l) => {
-          var s;
-          return (s = n()) == null ? void 0 : s.unobserve(l);
+          var a;
+          return (a = n()) == null ? void 0 : a.unobserve(l);
         }
       };
     })(), this.range = null, this.setOptions = (t) => {
@@ -232,11 +232,11 @@ class K2 {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: z2,
-        rangeExtractor: U2,
+        getItemKey: U2,
+        rangeExtractor: Z2,
         onChange: () => {
         },
-        measureElement: q2,
+        measureElement: J2,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -248,12 +248,12 @@ class K2 {
         ...t
       };
     }, this.notify = (t, n) => {
-      var l, s;
-      const { startIndex: i, endIndex: a } = this.range ?? {
+      var l, a;
+      const { startIndex: i, endIndex: s } = this.range ?? {
         startIndex: void 0,
         endIndex: void 0
       }, r = this.calculateRange();
-      (t || i !== (r == null ? void 0 : r.startIndex) || a !== (r == null ? void 0 : r.endIndex)) && ((s = (l = this.options).onChange) == null || s.call(l, this, n));
+      (t || i !== (r == null ? void 0 : r.startIndex) || s !== (r == null ? void 0 : r.endIndex)) && ((a = (l = this.options).onChange) == null || a.call(l, this, n));
     }, this.cleanup = () => {
       this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.observer.disconnect(), this.elementsCache.clear();
     }, this._didMount = () => () => {
@@ -274,26 +274,26 @@ class K2 {
             this.scrollRect = l, this.notify(!1, !1);
           })
         ), this.unsubs.push(
-          this.options.observeElementOffset(this, (l, s) => {
-            this.scrollAdjustments = 0, this.scrollDirection = s ? this.getScrollOffset() < l ? "forward" : "backward" : null, this.scrollOffset = l;
+          this.options.observeElementOffset(this, (l, a) => {
+            this.scrollAdjustments = 0, this.scrollDirection = a ? this.getScrollOffset() < l ? "forward" : "backward" : null, this.scrollOffset = l;
             const i = this.isScrolling;
-            this.isScrolling = s, this.notify(i !== s, s);
+            this.isScrolling = a, this.notify(i !== a, a);
           })
         );
       }
     }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (t, n) => {
-      const l = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
+      const l = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
       for (let i = n - 1; i >= 0; i--) {
-        const a = t[i];
-        if (l.has(a.lane))
+        const s = t[i];
+        if (l.has(s.lane))
           continue;
-        const r = s.get(
-          a.lane
+        const r = a.get(
+          s.lane
         );
-        if (r == null || a.end > r.end ? s.set(a.lane, a) : a.end < r.end && l.set(a.lane, !0), l.size === this.options.lanes)
+        if (r == null || s.end > r.end ? a.set(s.lane, s) : s.end < r.end && l.set(s.lane, !0), l.size === this.options.lanes)
           break;
       }
-      return s.size === this.options.lanes ? Array.from(s.values()).sort((i, a) => i.end === a.end ? i.index - a.index : i.end - a.end)[0] : void 0;
+      return a.size === this.options.lanes ? Array.from(a.values()).sort((i, s) => i.end === s.end ? i.index - s.index : i.end - s.end)[0] : void 0;
     }, this.getMeasurementOptions = we(
       () => [
         this.options.count,
@@ -302,11 +302,11 @@ class K2 {
         this.options.getItemKey,
         this.options.enabled
       ],
-      (t, n, l, s, i) => (this.pendingMeasuredCacheIndexes = [], {
+      (t, n, l, a, i) => (this.pendingMeasuredCacheIndexes = [], {
         count: t,
         paddingStart: n,
         scrollMargin: l,
-        getItemKey: s,
+        getItemKey: a,
         enabled: i
       }),
       {
@@ -314,7 +314,7 @@ class K2 {
       }
     ), this.getMeasurements = we(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: t, paddingStart: n, scrollMargin: l, getItemKey: s, enabled: i }, a) => {
+      ({ count: t, paddingStart: n, scrollMargin: l, getItemKey: a, enabled: i }, s) => {
         var r;
         if (!i)
           return this.measurementsCache = [], this.itemSizeCache.clear(), [];
@@ -325,27 +325,27 @@ class K2 {
         this.pendingMeasuredCacheIndexes = [];
         const c = this.measurementsCache.slice(0, u);
         for (let p = u; p < t; p++) {
-          let h = (r = this.measurementsCache[p]) == null ? void 0 : r.measureElement;
-          h || (h = (k) => {
-            const g = s(p), M = this.elementsCache.get(g);
-            if (!k) {
-              M && (this.observer.unobserve(M), this.elementsCache.delete(g));
+          let b = (r = this.measurementsCache[p]) == null ? void 0 : r.measureElement;
+          b || (b = (R) => {
+            const y = a(p), M = this.elementsCache.get(y);
+            if (!R) {
+              M && (this.observer.unobserve(M), this.elementsCache.delete(y));
               return;
             }
-            M !== k && (M && this.observer.unobserve(M), this.observer.observe(k), this.elementsCache.set(g, k)), k.isConnected && this.resizeItem(
+            M !== R && (M && this.observer.unobserve(M), this.observer.observe(R), this.elementsCache.set(y, R)), R.isConnected && this.resizeItem(
               p,
-              this.options.measureElement(k, void 0, this)
+              this.options.measureElement(R, void 0, this)
             );
           });
-          const m = s(p), b = this.options.lanes === 1 ? c[p - 1] : this.getFurthestMeasurement(c, p), S = b ? b.end + this.options.gap : n + l, I = a.get(m), T = typeof I == "number" ? I : this.options.estimateSize(p), L = S + T, P = b ? b.lane : p % this.options.lanes;
+          const w = a(p), m = this.options.lanes === 1 ? c[p - 1] : this.getFurthestMeasurement(c, p), _ = m ? m.end + this.options.gap : n + l, P = s.get(w), I = typeof P == "number" ? P : this.options.estimateSize(p), x = _ + I, V = m ? m.lane : p % this.options.lanes;
           c[p] = {
             index: p,
-            start: S,
-            size: T,
-            end: L,
-            key: m,
-            lane: P,
-            measureElement: h
+            start: _,
+            size: I,
+            end: x,
+            key: w,
+            lane: V,
+            measureElement: b
           };
         }
         return this.measurementsCache = c, c;
@@ -356,7 +356,7 @@ class K2 {
       }
     ), this.calculateRange = we(
       () => [this.getMeasurements(), this.getSize(), this.getScrollOffset()],
-      (t, n, l) => this.range = t.length > 0 && n > 0 ? Y2({
+      (t, n, l) => this.range = t.length > 0 && n > 0 ? Q2({
         measurements: t,
         outerSize: n,
         scrollOffset: l
@@ -372,11 +372,11 @@ class K2 {
         this.options.overscan,
         this.options.count
       ],
-      (t, n, l, s) => n === null ? [] : t({
+      (t, n, l, a) => n === null ? [] : t({
         startIndex: n.startIndex,
         endIndex: n.endIndex,
         overscan: l,
-        count: s
+        count: a
       }),
       {
         key: process.env.NODE_ENV !== "production" && "getIndexes",
@@ -388,20 +388,20 @@ class K2 {
         `Missing attribute name '${n}={index}' on measured element.`
       ), -1);
     }, this._measureElement = (t, n) => {
-      const l = this.indexFromElement(t), s = this.getMeasurements()[l];
-      if (!s || !t.isConnected) {
-        this.elementsCache.forEach((a, r) => {
-          a === t && (this.observer.unobserve(t), this.elementsCache.delete(r));
+      const l = this.indexFromElement(t), a = this.getMeasurements()[l];
+      if (!a || !t.isConnected) {
+        this.elementsCache.forEach((s, r) => {
+          s === t && (this.observer.unobserve(t), this.elementsCache.delete(r));
         });
         return;
       }
-      const i = this.elementsCache.get(s.key);
-      i !== t && (i && this.observer.unobserve(i), this.observer.observe(t), this.elementsCache.set(s.key, t)), this.resizeItem(l, this.options.measureElement(t, n, this));
+      const i = this.elementsCache.get(a.key);
+      i !== t && (i && this.observer.unobserve(i), this.observer.observe(t), this.elementsCache.set(a.key, t)), this.resizeItem(l, this.options.measureElement(t, n, this));
     }, this.resizeItem = (t, n) => {
       const l = this.getMeasurements()[t];
       if (!l)
         return;
-      const s = this.itemSizeCache.get(l.key) ?? l.size, i = n - s;
+      const a = this.itemSizeCache.get(l.key) ?? l.size, i = n - a;
       i !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(l, i, this) : l.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", i), this._scrollToOffset(this.getScrollOffset(), {
         adjustments: this.scrollAdjustments += i,
         behavior: void 0
@@ -412,8 +412,8 @@ class K2 {
       () => [this.getIndexes(), this.getMeasurements()],
       (t, n) => {
         const l = [];
-        for (let s = 0, i = t.length; s < i; s++) {
-          const a = t[s], r = n[a];
+        for (let a = 0, i = t.length; a < i; a++) {
+          const s = t[a], r = n[s];
           l.push(r);
         }
         return l;
@@ -426,7 +426,7 @@ class K2 {
       const n = this.getMeasurements();
       if (n.length !== 0)
         return qe(
-          n[Ft(
+          n[kt(
             0,
             n.length - 1,
             (l) => qe(n[l]).start,
@@ -434,8 +434,8 @@ class K2 {
           )]
         );
     }, this.getOffsetForAlignment = (t, n) => {
-      const l = this.getSize(), s = this.getScrollOffset();
-      n === "auto" && (t <= s ? n = "start" : t >= s + l ? n = "end" : n = "start"), n === "start" ? t = t : n === "end" ? t = t - l : n === "center" && (t = t - l / 2);
+      const l = this.getSize(), a = this.getScrollOffset();
+      n === "auto" && (t <= a ? n = "start" : t >= a + l ? n = "end" : n = "start"), n === "start" ? t = t : n === "end" ? t = t - l : n === "center" && (t = t - l / 2);
       const i = this.options.horizontal ? "scrollWidth" : "scrollHeight", r = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[i] : this.scrollElement[i] : 0) - l;
       return Math.max(Math.min(r, t), 0);
     }, this.getOffsetForIndex = (t, n = "auto") => {
@@ -443,16 +443,16 @@ class K2 {
       const l = this.getMeasurements()[t];
       if (!l)
         return;
-      const s = this.getSize(), i = this.getScrollOffset();
+      const a = this.getSize(), i = this.getScrollOffset();
       if (n === "auto")
-        if (l.end >= i + s - this.options.scrollPaddingEnd)
+        if (l.end >= i + a - this.options.scrollPaddingEnd)
           n = "end";
         else if (l.start <= i + this.options.scrollPaddingStart)
           n = "start";
         else
           return [i, n];
-      const a = n === "end" ? l.end + this.options.scrollPaddingEnd : l.start - this.options.scrollPaddingStart;
-      return [this.getOffsetForAlignment(a, n), n];
+      const s = n === "end" ? l.end + this.options.scrollPaddingEnd : l.start - this.options.scrollPaddingStart;
+      return [this.getOffsetForAlignment(s, n), n];
     }, this.isDynamicMode = () => this.elementsCache.size > 0, this.cancelScrollToIndex = () => {
       this.scrollToIndexTimeoutId !== null && this.targetWindow && (this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId), this.scrollToIndexTimeoutId = null);
     }, this.scrollToOffset = (t, { align: n = "start", behavior: l } = {}) => {
@@ -466,19 +466,19 @@ class K2 {
       t = Math.max(0, Math.min(t, this.options.count - 1)), this.cancelScrollToIndex(), l === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
       );
-      const s = this.getOffsetForIndex(t, n);
-      if (!s) return;
-      const [i, a] = s;
+      const a = this.getOffsetForIndex(t, n);
+      if (!a) return;
+      const [i, s] = a;
       this._scrollToOffset(i, { adjustments: void 0, behavior: l }), l !== "smooth" && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
         if (this.scrollToIndexTimeoutId = null, this.elementsCache.has(
           this.options.getItemKey(t)
         )) {
           const [u] = qe(
-            this.getOffsetForIndex(t, a)
+            this.getOffsetForIndex(t, s)
           );
-          j2(u, this.getScrollOffset()) || this.scrollToIndex(t, { align: a, behavior: l });
+          H2(u, this.getScrollOffset()) || this.scrollToIndex(t, { align: s, behavior: l });
         } else
-          this.scrollToIndex(t, { align: a, behavior: l });
+          this.scrollToIndex(t, { align: s, behavior: l });
       }));
     }, this.scrollBy = (t, { behavior: n } = {}) => {
       this.cancelScrollToIndex(), n === "smooth" && this.isDynamicMode() && console.warn(
@@ -492,7 +492,7 @@ class K2 {
       const n = this.getMeasurements();
       let l;
       return n.length === 0 ? l = this.options.paddingStart : l = this.options.lanes === 1 ? ((t = n[n.length - 1]) == null ? void 0 : t.end) ?? 0 : Math.max(
-        ...n.slice(-this.options.lanes).map((s) => s.end)
+        ...n.slice(-this.options.lanes).map((a) => a.end)
       ), l - this.options.scrollMargin + this.options.paddingEnd;
     }, this._scrollToOffset = (t, {
       adjustments: n,
@@ -505,47 +505,47 @@ class K2 {
     }, this.setOptions(o);
   }
 }
-const Ft = (e, o, t, n) => {
+const kt = (e, o, t, n) => {
   for (; e <= o; ) {
-    const l = (e + o) / 2 | 0, s = t(l);
-    if (s < n)
+    const l = (e + o) / 2 | 0, a = t(l);
+    if (a < n)
       e = l + 1;
-    else if (s > n)
+    else if (a > n)
       o = l - 1;
     else
       return l;
   }
   return e > 0 ? e - 1 : 0;
 };
-function Y2({
+function Q2({
   measurements: e,
   outerSize: o,
   scrollOffset: t
 }) {
-  const n = e.length - 1, s = Ft(0, n, (a) => e[a].start, t);
-  let i = s;
+  const n = e.length - 1, a = kt(0, n, (s) => e[s].start, t);
+  let i = a;
   for (; i < n && e[i].end < t + o; )
     i++;
-  return { startIndex: s, endIndex: i };
+  return { startIndex: a, endIndex: i };
 }
-function Q2(e) {
-  const o = new K2(V(e)), t = p2(o), n = o._didMount();
-  return B(
-    () => V(e).getScrollElement(),
+function X2(e) {
+  const o = new Y2(L(e)), t = v2(o), n = o._didMount();
+  return j(
+    () => L(e).getScrollElement(),
     (l) => {
       l && o._willUpdate();
     },
     {
       immediate: !0
     }
-  ), B(
-    () => V(e),
+  ), j(
+    () => L(e),
     (l) => {
       o.setOptions({
         ...l,
-        onChange: (s, i) => {
-          var a;
-          ut(t), (a = l.onChange) == null || a.call(l, s, i);
+        onChange: (a, i) => {
+          var s;
+          ut(t), (s = l.onChange) == null || s.call(l, a, i);
         }
       }), o._willUpdate(), ut(t);
     },
@@ -554,30 +554,30 @@ function Q2(e) {
     }
   ), tt(n), t;
 }
-function X2(e) {
-  return Q2(
-    _(() => ({
-      observeElementRect: Z2,
-      observeElementOffset: G2,
-      scrollToFn: J2,
-      ...V(e)
+function e0(e) {
+  return X2(
+    E(() => ({
+      observeElementRect: W2,
+      observeElementOffset: q2,
+      scrollToFn: K2,
+      ...L(e)
     }))
   );
 }
-function e0(e, o, t) {
-  let n = O(t == null ? void 0 : t.value), l = _(() => e.value !== void 0);
-  return [_(() => l.value ? e.value : n.value), function(s) {
-    return l.value || (n.value = s), o == null ? void 0 : o(s);
+function t0(e, o, t) {
+  let n = $(t == null ? void 0 : t.value), l = E(() => e.value !== void 0);
+  return [E(() => l.value ? e.value : n.value), function(a) {
+    return l.value || (n.value = a), o == null ? void 0 : o(a);
   }];
 }
-function t0(e) {
+function n0(e) {
   typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((o) => setTimeout(() => {
     throw o;
   }));
 }
-function ke() {
-  let e = [], o = { addEventListener(t, n, l, s) {
-    return t.addEventListener(n, l, s), o.add(() => t.removeEventListener(n, l, s));
+function De() {
+  let e = [], o = { addEventListener(t, n, l, a) {
+    return t.addEventListener(n, l, a), o.add(() => t.removeEventListener(n, l, a));
   }, requestAnimationFrame(...t) {
     let n = requestAnimationFrame(...t);
     o.add(() => cancelAnimationFrame(n));
@@ -590,18 +590,18 @@ function ke() {
     o.add(() => clearTimeout(n));
   }, microTask(...t) {
     let n = { current: !0 };
-    return t0(() => {
+    return n0(() => {
       n.current && t[0]();
     }), o.add(() => {
       n.current = !1;
     });
   }, style(t, n, l) {
-    let s = t.style.getPropertyValue(n);
+    let a = t.style.getPropertyValue(n);
     return Object.assign(t.style, { [n]: l }), this.add(() => {
-      Object.assign(t.style, { [n]: s });
+      Object.assign(t.style, { [n]: a });
     });
   }, group(t) {
-    let n = ke();
+    let n = De();
     return t(n), this.add(() => n.dispose());
   }, add(t) {
     return e.push(t), () => {
@@ -613,36 +613,36 @@ function ke() {
   } };
   return o;
 }
-function n0() {
-  let e = ke();
+function o0() {
+  let e = De();
   return nt(() => e.dispose()), e;
 }
-function o0() {
-  let e = n0();
+function l0() {
+  let e = o0();
   return (o) => {
     e.dispose(), e.nextFrame(o);
   };
 }
-let l0 = Symbol("headlessui.useid"), s0 = 0;
+let s0 = Symbol("headlessui.useid"), a0 = 0;
 function Le() {
-  return Ie(l0, () => `${++s0}`)();
+  return Te(s0, () => `${++a0}`)();
 }
-function F(e) {
+function k(e) {
   var o;
   if (e == null || e.value == null) return null;
   let t = (o = e.value.$el) != null ? o : e.value;
   return t instanceof Node ? t : null;
 }
-function le(e, o, ...t) {
+function ae(e, o, ...t) {
   if (e in o) {
     let l = o[e];
     return typeof l == "function" ? l(...t) : l;
   }
   let n = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(o).map((l) => `"${l}"`).join(", ")}.`);
-  throw Error.captureStackTrace && Error.captureStackTrace(n, le), n;
+  throw Error.captureStackTrace && Error.captureStackTrace(n, ae), n;
 }
-var a0 = Object.defineProperty, i0 = (e, o, t) => o in e ? a0(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, pt = (e, o, t) => (i0(e, typeof o != "symbol" ? o + "" : o, t), t);
-let r0 = class {
+var i0 = Object.defineProperty, r0 = (e, o, t) => o in e ? i0(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, pt = (e, o, t) => (r0(e, typeof o != "symbol" ? o + "" : o, t), t);
+let u0 = class {
   constructor() {
     pt(this, "current", this.detect()), pt(this, "currentId", 0);
   }
@@ -664,21 +664,21 @@ let r0 = class {
   detect() {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
-}, st = new r0();
+}, st = new u0();
 function at(e) {
   if (st.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
-    let o = F(e);
+    let o = k(e);
     if (o) return o.ownerDocument;
   }
   return document;
 }
 let vt = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
-var u0 = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(u0 || {}), c0 = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(c0 || {}), d0 = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(d0 || {}), Pt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(Pt || {});
-function f0(e, o = 0) {
+var c0 = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(c0 || {}), d0 = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(d0 || {}), f0 = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(f0 || {}), Ft = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(Ft || {});
+function p0(e, o = 0) {
   var t;
-  return e === ((t = at(e)) == null ? void 0 : t.body) ? !1 : le(o, { 0() {
+  return e === ((t = at(e)) == null ? void 0 : t.body) ? !1 : ae(o, { 0() {
     return e.matches(vt);
   }, 1() {
     let n = e;
@@ -689,84 +689,84 @@ function f0(e, o = 0) {
     return !1;
   } });
 }
-var p0 = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(p0 || {});
+var v0 = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(v0 || {});
 typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
   e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0), document.addEventListener("click", (e) => {
   e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0));
-function v0(e, o = (t) => t) {
+function h0(e, o = (t) => t) {
   return e.slice().sort((t, n) => {
-    let l = o(t), s = o(n);
-    if (l === null || s === null) return 0;
-    let i = l.compareDocumentPosition(s);
+    let l = o(t), a = o(n);
+    if (l === null || a === null) return 0;
+    let i = l.compareDocumentPosition(a);
     return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function h0() {
+function m0() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
-function m0() {
+function b0() {
   return /Android/gi.test(window.navigator.userAgent);
 }
-function Rt() {
-  return h0() || m0();
+function Pt() {
+  return m0() || b0();
 }
 function Ve(e, o, t) {
   st.isServer || re((n) => {
     document.addEventListener(e, o, t), n(() => document.removeEventListener(e, o, t));
   });
 }
-function b0(e, o, t) {
+function g0(e, o, t) {
   st.isServer || re((n) => {
     window.addEventListener(e, o, t), n(() => window.removeEventListener(e, o, t));
   });
 }
-function g0(e, o, t = _(() => !0)) {
-  function n(s, i) {
-    if (!t.value || s.defaultPrevented) return;
-    let a = i(s);
-    if (a === null || !a.getRootNode().contains(a)) return;
+function C0(e, o, t = E(() => !0)) {
+  function n(a, i) {
+    if (!t.value || a.defaultPrevented) return;
+    let s = i(a);
+    if (s === null || !s.getRootNode().contains(s)) return;
     let r = function u(c) {
       return typeof c == "function" ? u(c()) : Array.isArray(c) || c instanceof Set ? c : [c];
     }(e);
     for (let u of r) {
       if (u === null) continue;
-      let c = u instanceof HTMLElement ? u : F(u);
-      if (c != null && c.contains(a) || s.composed && s.composedPath().includes(c)) return;
+      let c = u instanceof HTMLElement ? u : k(u);
+      if (c != null && c.contains(s) || a.composed && a.composedPath().includes(c)) return;
     }
-    return !f0(a, Pt.Loose) && a.tabIndex !== -1 && s.preventDefault(), o(s, a);
-  }
-  let l = O(null);
-  Ve("pointerdown", (s) => {
-    var i, a;
-    t.value && (l.value = ((a = (i = s.composedPath) == null ? void 0 : i.call(s)) == null ? void 0 : a[0]) || s.target);
-  }, !0), Ve("mousedown", (s) => {
-    var i, a;
-    t.value && (l.value = ((a = (i = s.composedPath) == null ? void 0 : i.call(s)) == null ? void 0 : a[0]) || s.target);
-  }, !0), Ve("click", (s) => {
-    Rt() || l.value && (n(s, () => l.value), l.value = null);
-  }, !0), Ve("touchend", (s) => n(s, () => s.target instanceof HTMLElement ? s.target : null), !0), b0("blur", (s) => n(s, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+    return !p0(s, Ft.Loose) && s.tabIndex !== -1 && a.preventDefault(), o(a, s);
+  }
+  let l = $(null);
+  Ve("pointerdown", (a) => {
+    var i, s;
+    t.value && (l.value = ((s = (i = a.composedPath) == null ? void 0 : i.call(a)) == null ? void 0 : s[0]) || a.target);
+  }, !0), Ve("mousedown", (a) => {
+    var i, s;
+    t.value && (l.value = ((s = (i = a.composedPath) == null ? void 0 : i.call(a)) == null ? void 0 : s[0]) || a.target);
+  }, !0), Ve("click", (a) => {
+    Pt() || l.value && (n(a, () => l.value), l.value = null);
+  }, !0), Ve("touchend", (a) => n(a, () => a.target instanceof HTMLElement ? a.target : null), !0), g0("blur", (a) => n(a, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
 }
 function ht(e, o) {
   if (e) return e;
   let t = o ?? "button";
   if (typeof t == "string" && t.toLowerCase() === "button") return "button";
 }
-function C0(e, o) {
-  let t = O(ht(e.value.type, e.value.as));
+function x0(e, o) {
+  let t = $(ht(e.value.type, e.value.as));
   return ye(() => {
     t.value = ht(e.value.type, e.value.as);
   }), re(() => {
     var n;
-    t.value || F(o) && F(o) instanceof HTMLButtonElement && !((n = F(o)) != null && n.hasAttribute("type")) && (t.value = "button");
+    t.value || k(o) && k(o) instanceof HTMLButtonElement && !((n = k(o)) != null && n.hasAttribute("type")) && (t.value = "button");
   }), t;
 }
 function mt(e) {
   return [e.screenX, e.screenY];
 }
-function x0() {
-  let e = O([-1, -1]);
+function y0() {
+  let e = $([-1, -1]);
   return { wasMoved(o) {
     let t = mt(o);
     return e.value[0] === t[0] && e.value[1] === t[1] ? !1 : (e.value = t, !0);
@@ -774,56 +774,56 @@ function x0() {
     e.value = mt(o);
   } };
 }
-function y0({ container: e, accept: o, walk: t, enabled: n }) {
+function w0({ container: e, accept: o, walk: t, enabled: n }) {
   re(() => {
     let l = e.value;
     if (!l || n !== void 0 && !n.value) return;
-    let s = at(e);
-    if (!s) return;
-    let i = Object.assign((r) => o(r), { acceptNode: o }), a = s.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, i, !1);
-    for (; a.nextNode(); ) t(a.currentNode);
+    let a = at(e);
+    if (!a) return;
+    let i = Object.assign((r) => o(r), { acceptNode: o }), s = a.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, i, !1);
+    for (; s.nextNode(); ) t(s.currentNode);
   });
 }
-var Oe = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Oe || {}), w0 = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(w0 || {});
+var Oe = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Oe || {}), _0 = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(_0 || {});
 function ve({ visible: e = !0, features: o = 0, ourProps: t, theirProps: n, ...l }) {
-  var s;
-  let i = Dt(n, t), a = Object.assign(l, { props: i });
-  if (e || o & 2 && i.static) return Je(a);
+  var a;
+  let i = Dt(n, t), s = Object.assign(l, { props: i });
+  if (e || o & 2 && i.static) return Je(s);
   if (o & 1) {
-    let r = (s = i.unmount) == null || s ? 0 : 1;
-    return le(r, { 0() {
+    let r = (a = i.unmount) == null || a ? 0 : 1;
+    return ae(r, { 0() {
       return null;
     }, 1() {
       return Je({ ...l, props: { ...i, hidden: !0, style: { display: "none" } } });
     } });
   }
-  return Je(a);
+  return Je(s);
 }
 function Je({ props: e, attrs: o, slots: t, slot: n, name: l }) {
-  var s, i;
-  let { as: a, ...r } = Be(e, ["unmount", "static"]), u = (s = t.default) == null ? void 0 : s.call(t, n), c = {};
+  var a, i;
+  let { as: s, ...r } = je(e, ["unmount", "static"]), u = (a = t.default) == null ? void 0 : a.call(t, n), c = {};
   if (n) {
-    let p = !1, h = [];
-    for (let [m, b] of Object.entries(n)) typeof b == "boolean" && (p = !0), b === !0 && h.push(m);
-    p && (c["data-headlessui-state"] = h.join(" "));
-  }
-  if (a === "template") {
-    if (u = kt(u ?? []), Object.keys(r).length > 0 || Object.keys(o).length > 0) {
-      let [p, ...h] = u ?? [];
-      if (!S0(p) || h.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${l} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(r).concat(Object.keys(o)).map((S) => S.trim()).filter((S, I, T) => T.indexOf(S) === I).sort((S, I) => S.localeCompare(I)).map((S) => `  - ${S}`).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((S) => `  - ${S}`).join(`
+    let p = !1, b = [];
+    for (let [w, m] of Object.entries(n)) typeof m == "boolean" && (p = !0), m === !0 && b.push(w);
+    p && (c["data-headlessui-state"] = b.join(" "));
+  }
+  if (s === "template") {
+    if (u = Rt(u ?? []), Object.keys(r).length > 0 || Object.keys(o).length > 0) {
+      let [p, ...b] = u ?? [];
+      if (!E0(p) || b.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${l} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(r).concat(Object.keys(o)).map((_) => _.trim()).filter((_, P, I) => I.indexOf(_) === P).sort((_, P) => _.localeCompare(P)).map((_) => `  - ${_}`).join(`
+`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((_) => `  - ${_}`).join(`
 `)].join(`
 `));
-      let m = Dt((i = p.props) != null ? i : {}, r, c), b = Tt(p, m, !0);
-      for (let S in m) S.startsWith("on") && (b.props || (b.props = {}), b.props[S] = m[S]);
-      return b;
+      let w = Dt((i = p.props) != null ? i : {}, r, c), m = It(p, w, !0);
+      for (let _ in w) _.startsWith("on") && (m.props || (m.props = {}), m.props[_] = w[_]);
+      return m;
     }
     return Array.isArray(u) && u.length === 1 ? u[0] : u;
   }
-  return Ee(a, Object.assign({}, r, c), { default: () => u });
+  return Ee(s, Object.assign({}, r, c), { default: () => u });
 }
-function kt(e) {
-  return e.flatMap((o) => o.type === Q ? kt(o.children) : [o]);
+function Rt(e) {
+  return e.flatMap((o) => o.type === J ? Rt(o.children) : [o]);
 }
 function Dt(...e) {
   if (e.length === 0) return {};
@@ -831,91 +831,91 @@ function Dt(...e) {
   let o = {}, t = {};
   for (let n of e) for (let l in n) l.startsWith("on") && typeof n[l] == "function" ? (t[l] != null || (t[l] = []), t[l].push(n[l])) : o[l] = n[l];
   if (o.disabled || o["aria-disabled"]) return Object.assign(o, Object.fromEntries(Object.keys(t).map((n) => [n, void 0])));
-  for (let n in t) Object.assign(o, { [n](l, ...s) {
+  for (let n in t) Object.assign(o, { [n](l, ...a) {
     let i = t[n];
-    for (let a of i) {
+    for (let s of i) {
       if (l instanceof Event && l.defaultPrevented) return;
-      a(l, ...s);
+      s(l, ...a);
     }
   } });
   return o;
 }
-function _0(e) {
+function S0(e) {
   let o = Object.assign({}, e);
   for (let t in o) o[t] === void 0 && delete o[t];
   return o;
 }
-function Be(e, o = []) {
+function je(e, o = []) {
   let t = Object.assign({}, e);
   for (let n of o) n in t && delete t[n];
   return t;
 }
-function S0(e) {
+function E0(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
 var Nt = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Nt || {});
-let E0 = ue({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: o, attrs: t }) {
+let O0 = ue({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: o, attrs: t }) {
   return () => {
     var n;
-    let { features: l, ...s } = e, i = { "aria-hidden": (l & 2) === 2 ? !0 : (n = s["aria-hidden"]) != null ? n : void 0, hidden: (l & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(l & 4) === 4 && (l & 2) !== 2 && { display: "none" } } };
-    return ve({ ourProps: i, theirProps: s, slot: {}, attrs: t, slots: o, name: "Hidden" });
+    let { features: l, ...a } = e, i = { "aria-hidden": (l & 2) === 2 ? !0 : (n = a["aria-hidden"]) != null ? n : void 0, hidden: (l & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(l & 4) === 4 && (l & 2) !== 2 && { display: "none" } } };
+    return ve({ ourProps: i, theirProps: a, slot: {}, attrs: t, slots: o, name: "Hidden" });
   };
 } }), Bt = Symbol("Context");
-var Te = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(Te || {});
-function O0() {
-  return Ie(Bt, null);
+var Ie = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(Ie || {});
+function I0() {
+  return Te(Bt, null);
 }
-function T0(e) {
+function $0(e) {
   ot(Bt, e);
 }
-var G = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(G || {}), jt = ((e) => (e[e.Left = 0] = "Left", e[e.Right = 2] = "Right", e))(jt || {});
-function $0(e) {
+var q = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(q || {}), jt = ((e) => (e[e.Left = 0] = "Left", e[e.Right = 2] = "Right", e))(jt || {});
+function T0(e) {
   function o() {
     document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", o));
   }
   typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", o), o());
 }
 let de = [];
-$0(() => {
+T0(() => {
   function e(o) {
     o.target instanceof HTMLElement && o.target !== document.body && de[0] !== o.target && (de.unshift(o.target), de = de.filter((t) => t != null && t.isConnected), de.splice(10));
   }
   window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
 });
-function I0(e) {
+function L0(e) {
   throw new Error("Unexpected object: " + e);
 }
-var z = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(z || {});
+var U = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(U || {});
 function bt(e, o) {
   let t = o.resolveItems();
   if (t.length <= 0) return null;
   let n = o.resolveActiveIndex(), l = n ?? -1;
   switch (e.focus) {
     case 0: {
-      for (let s = 0; s < t.length; ++s) if (!o.resolveDisabled(t[s], s, t)) return s;
+      for (let a = 0; a < t.length; ++a) if (!o.resolveDisabled(t[a], a, t)) return a;
       return n;
     }
     case 1: {
       l === -1 && (l = t.length);
-      for (let s = l - 1; s >= 0; --s) if (!o.resolveDisabled(t[s], s, t)) return s;
+      for (let a = l - 1; a >= 0; --a) if (!o.resolveDisabled(t[a], a, t)) return a;
       return n;
     }
     case 2: {
-      for (let s = l + 1; s < t.length; ++s) if (!o.resolveDisabled(t[s], s, t)) return s;
+      for (let a = l + 1; a < t.length; ++a) if (!o.resolveDisabled(t[a], a, t)) return a;
       return n;
     }
     case 3: {
-      for (let s = t.length - 1; s >= 0; --s) if (!o.resolveDisabled(t[s], s, t)) return s;
+      for (let a = t.length - 1; a >= 0; --a) if (!o.resolveDisabled(t[a], a, t)) return a;
       return n;
     }
     case 4: {
-      for (let s = 0; s < t.length; ++s) if (o.resolveId(t[s], s, t) === e.id) return s;
+      for (let a = 0; a < t.length; ++a) if (o.resolveId(t[a], a, t) === e.id) return a;
       return n;
     }
     case 5:
       return null;
     default:
-      I0(e);
+      L0(e);
   }
 }
 function Ht(e = {}, o = null, t = []) {
@@ -929,13 +929,13 @@ function Ut(e, o, t) {
   if (Array.isArray(t)) for (let [n, l] of t.entries()) Ut(e, zt(o, n.toString()), l);
   else t instanceof Date ? e.push([o, t.toISOString()]) : typeof t == "boolean" ? e.push([o, t ? "1" : "0"]) : typeof t == "string" ? e.push([o, t]) : typeof t == "number" ? e.push([o, `${t}`]) : t == null ? e.push([o, ""]) : Ht(t, o, e);
 }
-function L0(e, o) {
+function M0(e, o) {
   return e === o;
 }
-var M0 = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(M0 || {}), V0 = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(V0 || {}), A0 = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Focus = 1] = "Focus", e[e.Other = 2] = "Other", e))(A0 || {});
+var A0 = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(A0 || {}), V0 = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(V0 || {}), k0 = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Focus = 1] = "Focus", e[e.Other = 2] = "Other", e))(k0 || {});
 let Zt = Symbol("ComboboxContext");
 function he(e) {
-  let o = Ie(Zt, null);
+  let o = Te(Zt, null);
   if (o === null) {
     let t = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(t, he), t;
@@ -943,66 +943,66 @@ function he(e) {
   return o;
 }
 let Wt = Symbol("VirtualContext"), F0 = ue({ name: "VirtualProvider", setup(e, { slots: o }) {
-  let t = he("VirtualProvider"), n = _(() => {
-    let a = F(t.optionsRef);
-    if (!a) return { start: 0, end: 0 };
-    let r = window.getComputedStyle(a);
+  let t = he("VirtualProvider"), n = E(() => {
+    let s = k(t.optionsRef);
+    if (!s) return { start: 0, end: 0 };
+    let r = window.getComputedStyle(s);
     return { start: parseFloat(r.paddingBlockStart || r.paddingTop), end: parseFloat(r.paddingBlockEnd || r.paddingBottom) };
-  }), l = X2(_(() => ({ scrollPaddingStart: n.value.start, scrollPaddingEnd: n.value.end, count: t.virtual.value.options.length, estimateSize() {
+  }), l = e0(E(() => ({ scrollPaddingStart: n.value.start, scrollPaddingEnd: n.value.end, count: t.virtual.value.options.length, estimateSize() {
     return 40;
   }, getScrollElement() {
-    return F(t.optionsRef);
-  }, overscan: 12 }))), s = _(() => {
-    var a;
-    return (a = t.virtual.value) == null ? void 0 : a.options;
-  }), i = O(0);
-  return B([s], () => {
+    return k(t.optionsRef);
+  }, overscan: 12 }))), a = E(() => {
+    var s;
+    return (s = t.virtual.value) == null ? void 0 : s.options;
+  }), i = $(0);
+  return j([a], () => {
     i.value += 1;
-  }), ot(Wt, t.virtual.value ? l : null), () => [Ee("div", { style: { position: "relative", width: "100%", height: `${l.value.getTotalSize()}px` }, ref: (a) => {
-    if (a) {
+  }), ot(Wt, t.virtual.value ? l : null), () => [Ee("div", { style: { position: "relative", width: "100%", height: `${l.value.getTotalSize()}px` }, ref: (s) => {
+    if (s) {
       if (typeof process < "u" && process.env.JEST_WORKER_ID !== void 0 || t.activationTrigger.value === 0) return;
       t.activeOptionIndex.value !== null && t.virtual.value.options.length > t.activeOptionIndex.value && l.value.scrollToIndex(t.activeOptionIndex.value);
     }
-  } }, l.value.getVirtualItems().map((a) => Tt(o.default({ option: t.virtual.value.options[a.index], open: t.comboboxState.value === 0 })[0], { key: `${i.value}-${a.index}`, "data-index": a.index, "aria-setsize": t.virtual.value.options.length, "aria-posinset": a.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${a.start}px)`, overflowAnchor: "none" } })))];
+  } }, l.value.getVirtualItems().map((s) => It(o.default({ option: t.virtual.value.options[s.index], open: t.comboboxState.value === 0 })[0], { key: `${i.value}-${s.index}`, "data-index": s.index, "aria-setsize": t.virtual.value.options.length, "aria-posinset": s.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${s.start}px)`, overflowAnchor: "none" } })))];
 } }), P0 = ue({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], nullable: !0, default: null }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, nullable: { type: Boolean, default: !1 }, multiple: { type: [Boolean], default: !1 }, immediate: { type: [Boolean], default: !1 }, virtual: { type: Object, default: null } }, inheritAttrs: !1, setup(e, { slots: o, attrs: t, emit: n }) {
-  let l = O(1), s = O(null), i = O(null), a = O(null), r = O(null), u = O({ static: !1, hold: !1 }), c = O([]), p = O(null), h = O(2), m = O(!1);
-  function b(d = (f) => f) {
-    let f = p.value !== null ? c.value[p.value] : null, y = d(c.value.slice()), $ = y.length > 0 && y[0].dataRef.order.value !== null ? y.sort((D, q) => D.dataRef.order.value - q.dataRef.order.value) : v0(y, (D) => F(D.dataRef.domRef)), R = f ? $.indexOf(f) : null;
-    return R === -1 && (R = null), { options: $, activeOptionIndex: R };
+  let l = $(1), a = $(null), i = $(null), s = $(null), r = $(null), u = $({ static: !1, hold: !1 }), c = $([]), p = $(null), b = $(2), w = $(!1);
+  function m(d = (f) => f) {
+    let f = p.value !== null ? c.value[p.value] : null, S = d(c.value.slice()), T = S.length > 0 && S[0].dataRef.order.value !== null ? S.sort((D, K) => D.dataRef.order.value - K.dataRef.order.value) : h0(S, (D) => k(D.dataRef.domRef)), F = f ? T.indexOf(f) : null;
+    return F === -1 && (F = null), { options: T, activeOptionIndex: F };
   }
-  let S = _(() => e.multiple ? 1 : 0), I = _(() => e.nullable), [T, L] = e0(_(() => e.modelValue), (d) => n("update:modelValue", d), _(() => e.defaultValue)), P = _(() => T.value === void 0 ? le(S.value, { 1: [], 0: void 0 }) : T.value), k = null, g = null;
+  let _ = E(() => e.multiple ? 1 : 0), P = E(() => e.nullable), [I, x] = t0(E(() => e.modelValue), (d) => n("update:modelValue", d), E(() => e.defaultValue)), V = E(() => I.value === void 0 ? ae(_.value, { 1: [], 0: void 0 }) : I.value), R = null, y = null;
   function M(d) {
-    return le(S.value, { 0() {
-      return L == null ? void 0 : L(d);
+    return ae(_.value, { 0() {
+      return x == null ? void 0 : x(d);
     }, 1: () => {
-      let f = Y(C.value.value).slice(), y = Y(d), $ = f.findIndex((R) => C.compare(y, Y(R)));
-      return $ === -1 ? f.push(y) : f.splice($, 1), L == null ? void 0 : L(f);
+      let f = X(h.value.value).slice(), S = X(d), T = f.findIndex((F) => h.compare(S, X(F)));
+      return T === -1 ? f.push(S) : f.splice(T, 1), x == null ? void 0 : x(f);
     } });
   }
-  let x = _(() => {
+  let g = E(() => {
   });
-  B([x], ([d], [f]) => {
-    if (C.virtual.value && d && f && p.value !== null) {
-      let y = d.indexOf(f[p.value]);
-      y !== -1 ? p.value = y : p.value = null;
+  j([g], ([d], [f]) => {
+    if (h.virtual.value && d && f && p.value !== null) {
+      let S = d.indexOf(f[p.value]);
+      S !== -1 ? p.value = S : p.value = null;
     }
   });
-  let C = { comboboxState: l, value: P, mode: S, compare(d, f) {
+  let h = { comboboxState: l, value: V, mode: _, compare(d, f) {
     if (typeof e.by == "string") {
-      let y = e.by;
-      return (d == null ? void 0 : d[y]) === (f == null ? void 0 : f[y]);
+      let S = e.by;
+      return (d == null ? void 0 : d[S]) === (f == null ? void 0 : f[S]);
     }
-    return e.by === null ? L0(d, f) : e.by(d, f);
+    return e.by === null ? M0(d, f) : e.by(d, f);
   }, calculateIndex(d) {
-    return C.virtual.value ? e.by === null ? C.virtual.value.options.indexOf(d) : C.virtual.value.options.findIndex((f) => C.compare(f, d)) : c.value.findIndex((f) => C.compare(f.dataRef.value, d));
-  }, defaultValue: _(() => e.defaultValue), nullable: I, immediate: _(() => !1), virtual: _(() => null), inputRef: i, labelRef: s, buttonRef: a, optionsRef: r, disabled: _(() => e.disabled), options: c, change(d) {
-    L(d);
-  }, activeOptionIndex: _(() => {
-    if (m.value && p.value === null && (C.virtual.value ? C.virtual.value.options.length > 0 : c.value.length > 0)) {
-      if (C.virtual.value) {
-        let f = C.virtual.value.options.findIndex((y) => {
-          var $;
-          return !(($ = C.virtual.value) != null && $.disabled(y));
+    return h.virtual.value ? e.by === null ? h.virtual.value.options.indexOf(d) : h.virtual.value.options.findIndex((f) => h.compare(f, d)) : c.value.findIndex((f) => h.compare(f.dataRef.value, d));
+  }, defaultValue: E(() => e.defaultValue), nullable: P, immediate: E(() => !1), virtual: E(() => null), inputRef: i, labelRef: a, buttonRef: s, optionsRef: r, disabled: E(() => e.disabled), options: c, change(d) {
+    x(d);
+  }, activeOptionIndex: E(() => {
+    if (w.value && p.value === null && (h.virtual.value ? h.virtual.value.options.length > 0 : c.value.length > 0)) {
+      if (h.virtual.value) {
+        let f = h.virtual.value.options.findIndex((S) => {
+          var T;
+          return !((T = h.virtual.value) != null && T.disabled(S));
         });
         if (f !== -1) return f;
       }
@@ -1010,92 +1010,92 @@ let Wt = Symbol("VirtualContext"), F0 = ue({ name: "VirtualProvider", setup(e, {
       if (d !== -1) return d;
     }
     return p.value;
-  }), activationTrigger: h, optionsPropsRef: u, closeCombobox() {
-    m.value = !1, !e.disabled && l.value !== 1 && (l.value = 1, p.value = null);
+  }), activationTrigger: b, optionsPropsRef: u, closeCombobox() {
+    w.value = !1, !e.disabled && l.value !== 1 && (l.value = 1, p.value = null);
   }, openCombobox() {
-    if (m.value = !0, !e.disabled && l.value !== 0) {
-      if (C.value.value) {
-        let d = C.calculateIndex(C.value.value);
+    if (w.value = !0, !e.disabled && l.value !== 0) {
+      if (h.value.value) {
+        let d = h.calculateIndex(h.value.value);
         d !== -1 && (p.value = d);
       }
       l.value = 0;
     }
   }, setActivationTrigger(d) {
-    h.value = d;
-  }, goToOption(d, f, y) {
-    m.value = !1, k !== null && cancelAnimationFrame(k), k = requestAnimationFrame(() => {
+    b.value = d;
+  }, goToOption(d, f, S) {
+    w.value = !1, R !== null && cancelAnimationFrame(R), R = requestAnimationFrame(() => {
       if (e.disabled || r.value && !u.value.static && l.value === 1) return;
-      if (C.virtual.value) {
-        p.value = d === z.Specific ? f : bt({ focus: d }, { resolveItems: () => C.virtual.value.options, resolveActiveIndex: () => {
-          var D, q;
-          return (q = (D = C.activeOptionIndex.value) != null ? D : C.virtual.value.options.findIndex((J) => {
-            var j;
-            return !((j = C.virtual.value) != null && j.disabled(J));
-          })) != null ? q : null;
-        }, resolveDisabled: (D) => C.virtual.value.disabled(D), resolveId() {
+      if (h.virtual.value) {
+        p.value = d === U.Specific ? f : bt({ focus: d }, { resolveItems: () => h.virtual.value.options, resolveActiveIndex: () => {
+          var D, K;
+          return (K = (D = h.activeOptionIndex.value) != null ? D : h.virtual.value.options.findIndex((Y) => {
+            var H;
+            return !((H = h.virtual.value) != null && H.disabled(Y));
+          })) != null ? K : null;
+        }, resolveDisabled: (D) => h.virtual.value.disabled(D), resolveId() {
           throw new Error("Function not implemented.");
-        } }), h.value = y ?? 2;
+        } }), b.value = S ?? 2;
         return;
       }
-      let $ = b();
-      if ($.activeOptionIndex === null) {
-        let D = $.options.findIndex((q) => !q.dataRef.disabled);
-        D !== -1 && ($.activeOptionIndex = D);
+      let T = m();
+      if (T.activeOptionIndex === null) {
+        let D = T.options.findIndex((K) => !K.dataRef.disabled);
+        D !== -1 && (T.activeOptionIndex = D);
       }
-      let R = d === z.Specific ? f : bt({ focus: d }, { resolveItems: () => $.options, resolveActiveIndex: () => $.activeOptionIndex, resolveId: (D) => D.id, resolveDisabled: (D) => D.dataRef.disabled });
-      p.value = R, h.value = y ?? 2, c.value = $.options;
+      let F = d === U.Specific ? f : bt({ focus: d }, { resolveItems: () => T.options, resolveActiveIndex: () => T.activeOptionIndex, resolveId: (D) => D.id, resolveDisabled: (D) => D.dataRef.disabled });
+      p.value = F, b.value = S ?? 2, c.value = T.options;
     });
   }, selectOption(d) {
-    let f = c.value.find(($) => $.id === d);
+    let f = c.value.find((T) => T.id === d);
     if (!f) return;
-    let { dataRef: y } = f;
-    M(y.value);
+    let { dataRef: S } = f;
+    M(S.value);
   }, selectActiveOption() {
-    if (C.activeOptionIndex.value !== null) {
-      if (C.virtual.value) M(C.virtual.value.options[C.activeOptionIndex.value]);
+    if (h.activeOptionIndex.value !== null) {
+      if (h.virtual.value) M(h.virtual.value.options[h.activeOptionIndex.value]);
       else {
-        let { dataRef: d } = c.value[C.activeOptionIndex.value];
+        let { dataRef: d } = c.value[h.activeOptionIndex.value];
         M(d.value);
       }
-      C.goToOption(z.Specific, C.activeOptionIndex.value);
+      h.goToOption(U.Specific, h.activeOptionIndex.value);
     }
   }, registerOption(d, f) {
-    let y = $t({ id: d, dataRef: f });
-    if (C.virtual.value) {
-      c.value.push(y);
+    let S = $t({ id: d, dataRef: f });
+    if (h.virtual.value) {
+      c.value.push(S);
       return;
     }
-    g && cancelAnimationFrame(g);
-    let $ = b((R) => (R.push(y), R));
-    p.value === null && C.isSelected(f.value.value) && ($.activeOptionIndex = $.options.indexOf(y)), c.value = $.options, p.value = $.activeOptionIndex, h.value = 2, $.options.some((R) => !F(R.dataRef.domRef)) && (g = requestAnimationFrame(() => {
-      let R = b();
-      c.value = R.options, p.value = R.activeOptionIndex;
+    y && cancelAnimationFrame(y);
+    let T = m((F) => (F.push(S), F));
+    p.value === null && h.isSelected(f.value.value) && (T.activeOptionIndex = T.options.indexOf(S)), c.value = T.options, p.value = T.activeOptionIndex, b.value = 2, T.options.some((F) => !k(F.dataRef.domRef)) && (y = requestAnimationFrame(() => {
+      let F = m();
+      c.value = F.options, p.value = F.activeOptionIndex;
     }));
   }, unregisterOption(d, f) {
-    if (k !== null && cancelAnimationFrame(k), f && (m.value = !0), C.virtual.value) {
-      c.value = c.value.filter(($) => $.id !== d);
+    if (R !== null && cancelAnimationFrame(R), f && (w.value = !0), h.virtual.value) {
+      c.value = c.value.filter((T) => T.id !== d);
       return;
     }
-    let y = b(($) => {
-      let R = $.findIndex((D) => D.id === d);
-      return R !== -1 && $.splice(R, 1), $;
+    let S = m((T) => {
+      let F = T.findIndex((D) => D.id === d);
+      return F !== -1 && T.splice(F, 1), T;
     });
-    c.value = y.options, p.value = y.activeOptionIndex, h.value = 2;
+    c.value = S.options, p.value = S.activeOptionIndex, b.value = 2;
   }, isSelected(d) {
-    return le(S.value, { 0: () => C.compare(Y(C.value.value), Y(d)), 1: () => Y(C.value.value).some((f) => C.compare(Y(f), Y(d))) });
+    return ae(_.value, { 0: () => h.compare(X(h.value.value), X(d)), 1: () => X(h.value.value).some((f) => h.compare(X(f), X(d))) });
   }, isActive(d) {
-    return p.value === C.calculateIndex(d);
+    return p.value === h.calculateIndex(d);
   } };
-  g0([i, a, r], () => C.closeCombobox(), _(() => l.value === 0)), ot(Zt, C), T0(_(() => le(l.value, { 0: Te.Open, 1: Te.Closed })));
-  let A = _(() => {
+  C0([i, s, r], () => h.closeCombobox(), E(() => l.value === 0)), ot(Zt, h), $0(E(() => ae(l.value, { 0: Ie.Open, 1: Ie.Closed })));
+  let A = E(() => {
     var d;
-    return (d = F(i)) == null ? void 0 : d.closest("form");
+    return (d = k(i)) == null ? void 0 : d.closest("form");
   });
   return ye(() => {
-    B([A], () => {
+    j([A], () => {
       if (!A.value || e.defaultValue === void 0) return;
       function d() {
-        C.change(e.defaultValue);
+        h.change(e.defaultValue);
       }
       return A.value.addEventListener("reset", d), () => {
         var f;
@@ -1103,181 +1103,181 @@ let Wt = Symbol("VirtualContext"), F0 = ue({ name: "VirtualProvider", setup(e, {
       };
     }, { immediate: !0 });
   }), () => {
-    var d, f, y;
-    let { name: $, disabled: R, form: D, ...q } = e, J = { open: l.value === 0, disabled: R, activeIndex: C.activeOptionIndex.value, activeOption: C.activeOptionIndex.value === null ? null : C.virtual.value ? C.virtual.value.options[(d = C.activeOptionIndex.value) != null ? d : 0] : (y = (f = C.options.value[C.activeOptionIndex.value]) == null ? void 0 : f.dataRef.value) != null ? y : null, value: P.value };
-    return Ee(Q, [...$ != null && P.value != null ? Ht({ [$]: P.value }).map(([j, f2]) => Ee(E0, _0({ features: Nt.Hidden, key: j, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: D, disabled: R, name: j, value: f2 }))) : [], ve({ theirProps: { ...t, ...Be(q, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: J, slots: o, attrs: t, name: "Combobox" })]);
+    var d, f, S;
+    let { name: T, disabled: F, form: D, ...K } = e, Y = { open: l.value === 0, disabled: F, activeIndex: h.activeOptionIndex.value, activeOption: h.activeOptionIndex.value === null ? null : h.virtual.value ? h.virtual.value.options[(d = h.activeOptionIndex.value) != null ? d : 0] : (S = (f = h.options.value[h.activeOptionIndex.value]) == null ? void 0 : f.dataRef.value) != null ? S : null, value: V.value };
+    return Ee(J, [...T != null && V.value != null ? Ht({ [T]: V.value }).map(([H, p2]) => Ee(O0, S0({ features: Nt.Hidden, key: H, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: D, disabled: F, name: H, value: p2 }))) : [], ve({ theirProps: { ...t, ...je(K, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: Y, slots: o, attrs: t, name: "Combobox" })]);
   };
 } });
 ue({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e, { attrs: o, slots: t }) {
   var n;
-  let l = (n = e.id) != null ? n : `headlessui-combobox-label-${Le()}`, s = he("ComboboxLabel");
+  let l = (n = e.id) != null ? n : `headlessui-combobox-label-${Le()}`, a = he("ComboboxLabel");
   function i() {
-    var a;
-    (a = F(s.inputRef)) == null || a.focus({ preventScroll: !0 });
+    var s;
+    (s = k(a.inputRef)) == null || s.focus({ preventScroll: !0 });
   }
   return () => {
-    let a = { open: s.comboboxState.value === 0, disabled: s.disabled.value }, { ...r } = e, u = { id: l, ref: s.labelRef, onClick: i };
-    return ve({ ourProps: u, theirProps: r, slot: a, attrs: o, slots: t, name: "ComboboxLabel" });
+    let s = { open: a.comboboxState.value === 0, disabled: a.disabled.value }, { ...r } = e, u = { id: l, ref: a.labelRef, onClick: i };
+    return ve({ ourProps: u, theirProps: r, slot: s, attrs: o, slots: t, name: "ComboboxLabel" });
   };
 } });
 let R0 = ue({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: o, slots: t, expose: n }) {
   var l;
-  let s = (l = e.id) != null ? l : `headlessui-combobox-button-${Le()}`, i = he("ComboboxButton");
+  let a = (l = e.id) != null ? l : `headlessui-combobox-button-${Le()}`, i = he("ComboboxButton");
   n({ el: i.buttonRef, $el: i.buttonRef });
-  function a(c) {
-    i.disabled.value || (i.comboboxState.value === 0 ? i.closeCombobox() : (c.preventDefault(), i.openCombobox()), ee(() => {
+  function s(c) {
+    i.disabled.value || (i.comboboxState.value === 0 ? i.closeCombobox() : (c.preventDefault(), i.openCombobox()), te(() => {
       var p;
-      return (p = F(i.inputRef)) == null ? void 0 : p.focus({ preventScroll: !0 });
+      return (p = k(i.inputRef)) == null ? void 0 : p.focus({ preventScroll: !0 });
     }));
   }
   function r(c) {
     switch (c.key) {
-      case G.ArrowDown:
-        c.preventDefault(), c.stopPropagation(), i.comboboxState.value === 1 && i.openCombobox(), ee(() => {
+      case q.ArrowDown:
+        c.preventDefault(), c.stopPropagation(), i.comboboxState.value === 1 && i.openCombobox(), te(() => {
           var p;
           return (p = i.inputRef.value) == null ? void 0 : p.focus({ preventScroll: !0 });
         });
         return;
-      case G.ArrowUp:
-        c.preventDefault(), c.stopPropagation(), i.comboboxState.value === 1 && (i.openCombobox(), ee(() => {
-          i.value.value || i.goToOption(z.Last);
-        })), ee(() => {
+      case q.ArrowUp:
+        c.preventDefault(), c.stopPropagation(), i.comboboxState.value === 1 && (i.openCombobox(), te(() => {
+          i.value.value || i.goToOption(U.Last);
+        })), te(() => {
           var p;
           return (p = i.inputRef.value) == null ? void 0 : p.focus({ preventScroll: !0 });
         });
         return;
-      case G.Escape:
+      case q.Escape:
         if (i.comboboxState.value !== 0) return;
-        c.preventDefault(), i.optionsRef.value && !i.optionsPropsRef.value.static && c.stopPropagation(), i.closeCombobox(), ee(() => {
+        c.preventDefault(), i.optionsRef.value && !i.optionsPropsRef.value.static && c.stopPropagation(), i.closeCombobox(), te(() => {
           var p;
           return (p = i.inputRef.value) == null ? void 0 : p.focus({ preventScroll: !0 });
         });
         return;
     }
   }
-  let u = C0(_(() => ({ as: e.as, type: o.type })), i.buttonRef);
+  let u = x0(E(() => ({ as: e.as, type: o.type })), i.buttonRef);
   return () => {
     var c, p;
-    let h = { open: i.comboboxState.value === 0, disabled: i.disabled.value, value: i.value.value }, { ...m } = e, b = { ref: i.buttonRef, id: s, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (c = F(i.optionsRef)) == null ? void 0 : c.id, "aria-expanded": i.comboboxState.value === 0, "aria-labelledby": i.labelRef.value ? [(p = F(i.labelRef)) == null ? void 0 : p.id, s].join(" ") : void 0, disabled: i.disabled.value === !0 ? !0 : void 0, onKeydown: r, onClick: a };
-    return ve({ ourProps: b, theirProps: m, slot: h, attrs: o, slots: t, name: "ComboboxButton" });
+    let b = { open: i.comboboxState.value === 0, disabled: i.disabled.value, value: i.value.value }, { ...w } = e, m = { ref: i.buttonRef, id: a, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (c = k(i.optionsRef)) == null ? void 0 : c.id, "aria-expanded": i.comboboxState.value === 0, "aria-labelledby": i.labelRef.value ? [(p = k(i.labelRef)) == null ? void 0 : p.id, a].join(" ") : void 0, disabled: i.disabled.value === !0 ? !0 : void 0, onKeydown: r, onClick: s };
+    return ve({ ourProps: m, theirProps: w, slot: b, attrs: o, slots: t, name: "ComboboxButton" });
   };
-} }), k0 = ue({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: null } }, emits: { change: (e) => !0 }, setup(e, { emit: o, attrs: t, slots: n, expose: l }) {
-  var s;
-  let i = (s = e.id) != null ? s : `headlessui-combobox-input-${Le()}`, a = he("ComboboxInput"), r = _(() => at(F(a.inputRef))), u = { value: !1 };
-  l({ el: a.inputRef, $el: a.inputRef });
+} }), D0 = ue({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: null } }, emits: { change: (e) => !0 }, setup(e, { emit: o, attrs: t, slots: n, expose: l }) {
+  var a;
+  let i = (a = e.id) != null ? a : `headlessui-combobox-input-${Le()}`, s = he("ComboboxInput"), r = E(() => at(k(s.inputRef))), u = { value: !1 };
+  l({ el: s.inputRef, $el: s.inputRef });
   function c() {
-    a.change(null);
-    let g = F(a.optionsRef);
-    g && (g.scrollTop = 0), a.goToOption(z.Nothing);
-  }
-  let p = _(() => {
-    var g;
-    let M = a.value.value;
-    return F(a.inputRef) ? typeof e.displayValue < "u" && M !== void 0 ? (g = e.displayValue(M)) != null ? g : "" : typeof M == "string" ? M : "" : "";
+    s.change(null);
+    let y = k(s.optionsRef);
+    y && (y.scrollTop = 0), s.goToOption(U.Nothing);
+  }
+  let p = E(() => {
+    var y;
+    let M = s.value.value;
+    return k(s.inputRef) ? typeof e.displayValue < "u" && M !== void 0 ? (y = e.displayValue(M)) != null ? y : "" : typeof M == "string" ? M : "" : "";
   });
   ye(() => {
-    B([p, a.comboboxState, r], ([g, M], [x, C]) => {
+    j([p, s.comboboxState, r], ([y, M], [g, h]) => {
       if (u.value) return;
-      let A = F(a.inputRef);
-      A && ((C === 0 && M === 1 || g !== x) && (A.value = g), requestAnimationFrame(() => {
+      let A = k(s.inputRef);
+      A && ((h === 0 && M === 1 || y !== g) && (A.value = y), requestAnimationFrame(() => {
         var d;
         if (u.value || !A || ((d = r.value) == null ? void 0 : d.activeElement) !== A) return;
-        let { selectionStart: f, selectionEnd: y } = A;
-        Math.abs((y ?? 0) - (f ?? 0)) === 0 && f === 0 && A.setSelectionRange(A.value.length, A.value.length);
+        let { selectionStart: f, selectionEnd: S } = A;
+        Math.abs((S ?? 0) - (f ?? 0)) === 0 && f === 0 && A.setSelectionRange(A.value.length, A.value.length);
       }));
-    }, { immediate: !0 }), B([a.comboboxState], ([g], [M]) => {
-      if (g === 0 && M === 1) {
+    }, { immediate: !0 }), j([s.comboboxState], ([y], [M]) => {
+      if (y === 0 && M === 1) {
         if (u.value) return;
-        let x = F(a.inputRef);
-        if (!x) return;
-        let C = x.value, { selectionStart: A, selectionEnd: d, selectionDirection: f } = x;
-        x.value = "", x.value = C, f !== null ? x.setSelectionRange(A, d, f) : x.setSelectionRange(A, d);
+        let g = k(s.inputRef);
+        if (!g) return;
+        let h = g.value, { selectionStart: A, selectionEnd: d, selectionDirection: f } = g;
+        g.value = "", g.value = h, f !== null ? g.setSelectionRange(A, d, f) : g.setSelectionRange(A, d);
       }
     });
   });
-  let h = O(!1);
-  function m() {
-    h.value = !0;
+  let b = $(!1);
+  function w() {
+    b.value = !0;
   }
-  function b() {
-    ke().nextFrame(() => {
-      h.value = !1;
+  function m() {
+    De().nextFrame(() => {
+      b.value = !1;
     });
   }
-  let S = o0();
-  function I(g) {
-    switch (u.value = !0, S(() => {
+  let _ = l0();
+  function P(y) {
+    switch (u.value = !0, _(() => {
       u.value = !1;
-    }), g.key) {
-      case G.Enter:
-        if (u.value = !1, a.comboboxState.value !== 0 || h.value) return;
-        if (g.preventDefault(), g.stopPropagation(), a.activeOptionIndex.value === null) {
-          a.closeCombobox();
+    }), y.key) {
+      case q.Enter:
+        if (u.value = !1, s.comboboxState.value !== 0 || b.value) return;
+        if (y.preventDefault(), y.stopPropagation(), s.activeOptionIndex.value === null) {
+          s.closeCombobox();
           return;
         }
-        a.selectActiveOption(), a.mode.value === 0 && a.closeCombobox();
+        s.selectActiveOption(), s.mode.value === 0 && s.closeCombobox();
         break;
-      case G.ArrowDown:
-        return u.value = !1, g.preventDefault(), g.stopPropagation(), le(a.comboboxState.value, { 0: () => a.goToOption(z.Next), 1: () => a.openCombobox() });
-      case G.ArrowUp:
-        return u.value = !1, g.preventDefault(), g.stopPropagation(), le(a.comboboxState.value, { 0: () => a.goToOption(z.Previous), 1: () => {
-          a.openCombobox(), ee(() => {
-            a.value.value || a.goToOption(z.Last);
+      case q.ArrowDown:
+        return u.value = !1, y.preventDefault(), y.stopPropagation(), ae(s.comboboxState.value, { 0: () => s.goToOption(U.Next), 1: () => s.openCombobox() });
+      case q.ArrowUp:
+        return u.value = !1, y.preventDefault(), y.stopPropagation(), ae(s.comboboxState.value, { 0: () => s.goToOption(U.Previous), 1: () => {
+          s.openCombobox(), te(() => {
+            s.value.value || s.goToOption(U.Last);
           });
         } });
-      case G.Home:
-        if (g.shiftKey) break;
-        return u.value = !1, g.preventDefault(), g.stopPropagation(), a.goToOption(z.First);
-      case G.PageUp:
-        return u.value = !1, g.preventDefault(), g.stopPropagation(), a.goToOption(z.First);
-      case G.End:
-        if (g.shiftKey) break;
-        return u.value = !1, g.preventDefault(), g.stopPropagation(), a.goToOption(z.Last);
-      case G.PageDown:
-        return u.value = !1, g.preventDefault(), g.stopPropagation(), a.goToOption(z.Last);
-      case G.Escape:
-        if (u.value = !1, a.comboboxState.value !== 0) return;
-        g.preventDefault(), a.optionsRef.value && !a.optionsPropsRef.value.static && g.stopPropagation(), a.nullable.value && a.mode.value === 0 && a.value.value === null && c(), a.closeCombobox();
+      case q.Home:
+        if (y.shiftKey) break;
+        return u.value = !1, y.preventDefault(), y.stopPropagation(), s.goToOption(U.First);
+      case q.PageUp:
+        return u.value = !1, y.preventDefault(), y.stopPropagation(), s.goToOption(U.First);
+      case q.End:
+        if (y.shiftKey) break;
+        return u.value = !1, y.preventDefault(), y.stopPropagation(), s.goToOption(U.Last);
+      case q.PageDown:
+        return u.value = !1, y.preventDefault(), y.stopPropagation(), s.goToOption(U.Last);
+      case q.Escape:
+        if (u.value = !1, s.comboboxState.value !== 0) return;
+        y.preventDefault(), s.optionsRef.value && !s.optionsPropsRef.value.static && y.stopPropagation(), s.nullable.value && s.mode.value === 0 && s.value.value === null && c(), s.closeCombobox();
         break;
-      case G.Tab:
-        if (u.value = !1, a.comboboxState.value !== 0) return;
-        a.mode.value === 0 && a.activationTrigger.value !== 1 && a.selectActiveOption(), a.closeCombobox();
+      case q.Tab:
+        if (u.value = !1, s.comboboxState.value !== 0) return;
+        s.mode.value === 0 && s.activationTrigger.value !== 1 && s.selectActiveOption(), s.closeCombobox();
         break;
     }
   }
-  function T(g) {
-    o("change", g), a.nullable.value && a.mode.value === 0 && g.target.value === "" && c(), a.openCombobox();
+  function I(y) {
+    o("change", y), s.nullable.value && s.mode.value === 0 && y.target.value === "" && c(), s.openCombobox();
   }
-  function L(g) {
-    var M, x, C;
-    let A = (M = g.relatedTarget) != null ? M : de.find((d) => d !== g.currentTarget);
-    if (u.value = !1, !((x = F(a.optionsRef)) != null && x.contains(A)) && !((C = F(a.buttonRef)) != null && C.contains(A)) && a.comboboxState.value === 0) return g.preventDefault(), a.mode.value === 0 && (a.nullable.value && a.value.value === null ? c() : a.activationTrigger.value !== 1 && a.selectActiveOption()), a.closeCombobox();
+  function x(y) {
+    var M, g, h;
+    let A = (M = y.relatedTarget) != null ? M : de.find((d) => d !== y.currentTarget);
+    if (u.value = !1, !((g = k(s.optionsRef)) != null && g.contains(A)) && !((h = k(s.buttonRef)) != null && h.contains(A)) && s.comboboxState.value === 0) return y.preventDefault(), s.mode.value === 0 && (s.nullable.value && s.value.value === null ? c() : s.activationTrigger.value !== 1 && s.selectActiveOption()), s.closeCombobox();
   }
-  function P(g) {
-    var M, x, C;
-    let A = (M = g.relatedTarget) != null ? M : de.find((d) => d !== g.currentTarget);
-    (x = F(a.buttonRef)) != null && x.contains(A) || (C = F(a.optionsRef)) != null && C.contains(A) || a.disabled.value || a.immediate.value && a.comboboxState.value !== 0 && (a.openCombobox(), ke().nextFrame(() => {
-      a.setActivationTrigger(1);
+  function V(y) {
+    var M, g, h;
+    let A = (M = y.relatedTarget) != null ? M : de.find((d) => d !== y.currentTarget);
+    (g = k(s.buttonRef)) != null && g.contains(A) || (h = k(s.optionsRef)) != null && h.contains(A) || s.disabled.value || s.immediate.value && s.comboboxState.value !== 0 && (s.openCombobox(), De().nextFrame(() => {
+      s.setActivationTrigger(1);
     }));
   }
-  let k = _(() => {
-    var g, M, x, C;
-    return (C = (x = (M = e.defaultValue) != null ? M : a.defaultValue.value !== void 0 ? (g = e.displayValue) == null ? void 0 : g.call(e, a.defaultValue.value) : null) != null ? x : a.defaultValue.value) != null ? C : "";
+  let R = E(() => {
+    var y, M, g, h;
+    return (h = (g = (M = e.defaultValue) != null ? M : s.defaultValue.value !== void 0 ? (y = e.displayValue) == null ? void 0 : y.call(e, s.defaultValue.value) : null) != null ? g : s.defaultValue.value) != null ? h : "";
   });
   return () => {
-    var g, M, x, C, A, d, f;
-    let y = { open: a.comboboxState.value === 0 }, { displayValue: $, onChange: R, ...D } = e, q = { "aria-controls": (g = a.optionsRef.value) == null ? void 0 : g.id, "aria-expanded": a.comboboxState.value === 0, "aria-activedescendant": a.activeOptionIndex.value === null ? void 0 : a.virtual.value ? (M = a.options.value.find((J) => !a.virtual.value.disabled(J.dataRef.value) && a.compare(J.dataRef.value, a.virtual.value.options[a.activeOptionIndex.value]))) == null ? void 0 : M.id : (x = a.options.value[a.activeOptionIndex.value]) == null ? void 0 : x.id, "aria-labelledby": (d = (C = F(a.labelRef)) == null ? void 0 : C.id) != null ? d : (A = F(a.buttonRef)) == null ? void 0 : A.id, "aria-autocomplete": "list", id: i, onCompositionstart: m, onCompositionend: b, onKeydown: I, onInput: T, onFocus: P, onBlur: L, role: "combobox", type: (f = t.type) != null ? f : "text", tabIndex: 0, ref: a.inputRef, defaultValue: k.value, disabled: a.disabled.value === !0 ? !0 : void 0 };
-    return ve({ ourProps: q, theirProps: D, slot: y, attrs: t, slots: n, features: Oe.RenderStrategy | Oe.Static, name: "ComboboxInput" });
+    var y, M, g, h, A, d, f;
+    let S = { open: s.comboboxState.value === 0 }, { displayValue: T, onChange: F, ...D } = e, K = { "aria-controls": (y = s.optionsRef.value) == null ? void 0 : y.id, "aria-expanded": s.comboboxState.value === 0, "aria-activedescendant": s.activeOptionIndex.value === null ? void 0 : s.virtual.value ? (M = s.options.value.find((Y) => !s.virtual.value.disabled(Y.dataRef.value) && s.compare(Y.dataRef.value, s.virtual.value.options[s.activeOptionIndex.value]))) == null ? void 0 : M.id : (g = s.options.value[s.activeOptionIndex.value]) == null ? void 0 : g.id, "aria-labelledby": (d = (h = k(s.labelRef)) == null ? void 0 : h.id) != null ? d : (A = k(s.buttonRef)) == null ? void 0 : A.id, "aria-autocomplete": "list", id: i, onCompositionstart: w, onCompositionend: m, onKeydown: P, onInput: I, onFocus: V, onBlur: x, role: "combobox", type: (f = t.type) != null ? f : "text", tabIndex: 0, ref: s.inputRef, defaultValue: R.value, disabled: s.disabled.value === !0 ? !0 : void 0 };
+    return ve({ ourProps: K, theirProps: D, slot: S, attrs: t, slots: n, features: Oe.RenderStrategy | Oe.Static, name: "ComboboxInput" });
   };
-} }), D0 = ue({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, hold: { type: [Boolean], default: !1 } }, setup(e, { attrs: o, slots: t, expose: n }) {
-  let l = he("ComboboxOptions"), s = `headlessui-combobox-options-${Le()}`;
+} }), N0 = ue({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, hold: { type: [Boolean], default: !1 } }, setup(e, { attrs: o, slots: t, expose: n }) {
+  let l = he("ComboboxOptions"), a = `headlessui-combobox-options-${Le()}`;
   n({ el: l.optionsRef, $el: l.optionsRef }), re(() => {
     l.optionsPropsRef.value.static = e.static;
   }), re(() => {
     l.optionsPropsRef.value.hold = e.hold;
   });
-  let i = O0(), a = _(() => i !== null ? (i.value & Te.Open) === Te.Open : l.comboboxState.value === 0);
-  y0({ container: _(() => F(l.optionsRef)), enabled: _(() => l.comboboxState.value === 0), accept(u) {
+  let i = I0(), s = E(() => i !== null ? (i.value & Ie.Open) === Ie.Open : l.comboboxState.value === 0);
+  w0({ container: E(() => k(l.optionsRef)), enabled: E(() => l.comboboxState.value === 0), accept(u) {
     return u.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : u.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(u) {
     u.setAttribute("role", "none");
@@ -1287,58 +1287,58 @@ let R0 = ue({ name: "ComboboxButton", props: { as: { type: [Object, String], def
   }
   return () => {
     var u, c, p;
-    let h = { open: l.comboboxState.value === 0 }, m = { "aria-labelledby": (p = (u = F(l.labelRef)) == null ? void 0 : u.id) != null ? p : (c = F(l.buttonRef)) == null ? void 0 : c.id, id: s, ref: l.optionsRef, role: "listbox", "aria-multiselectable": l.mode.value === 1 ? !0 : void 0, onMousedown: r }, b = Be(e, ["hold"]);
-    return ve({ ourProps: m, theirProps: b, slot: h, attrs: o, slots: l.virtual.value && l.comboboxState.value === 0 ? { ...t, default: () => [Ee(F0, {}, t.default)] } : t, features: Oe.RenderStrategy | Oe.Static, visible: a.value, name: "ComboboxOptions" });
+    let b = { open: l.comboboxState.value === 0 }, w = { "aria-labelledby": (p = (u = k(l.labelRef)) == null ? void 0 : u.id) != null ? p : (c = k(l.buttonRef)) == null ? void 0 : c.id, id: a, ref: l.optionsRef, role: "listbox", "aria-multiselectable": l.mode.value === 1 ? !0 : void 0, onMousedown: r }, m = je(e, ["hold"]);
+    return ve({ ourProps: w, theirProps: m, slot: b, attrs: o, slots: l.virtual.value && l.comboboxState.value === 0 ? { ...t, default: () => [Ee(F0, {}, t.default)] } : t, features: Oe.RenderStrategy | Oe.Static, visible: s.value, name: "ComboboxOptions" });
   };
-} }), N0 = ue({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, order: { type: [Number], default: null } }, setup(e, { slots: o, attrs: t, expose: n }) {
-  let l = he("ComboboxOption"), s = `headlessui-combobox-option-${Le()}`, i = O(null), a = _(() => e.disabled);
+} }), B0 = ue({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, order: { type: [Number], default: null } }, setup(e, { slots: o, attrs: t, expose: n }) {
+  let l = he("ComboboxOption"), a = `headlessui-combobox-option-${Le()}`, i = $(null), s = E(() => e.disabled);
   n({ el: i, $el: i });
-  let r = _(() => {
-    var L;
-    return l.virtual.value ? l.activeOptionIndex.value === l.calculateIndex(e.value) : l.activeOptionIndex.value === null ? !1 : ((L = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : L.id) === s;
-  }), u = _(() => l.isSelected(e.value)), c = Ie(Wt, null), p = _(() => ({ disabled: e.disabled, value: e.value, domRef: i, order: _(() => e.order) }));
-  ye(() => l.registerOption(s, p)), nt(() => l.unregisterOption(s, r.value)), re(() => {
-    let L = F(i);
-    L && (c == null || c.value.measureElement(L));
+  let r = E(() => {
+    var x;
+    return l.virtual.value ? l.activeOptionIndex.value === l.calculateIndex(e.value) : l.activeOptionIndex.value === null ? !1 : ((x = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : x.id) === a;
+  }), u = E(() => l.isSelected(e.value)), c = Te(Wt, null), p = E(() => ({ disabled: e.disabled, value: e.value, domRef: i, order: E(() => e.order) }));
+  ye(() => l.registerOption(a, p)), nt(() => l.unregisterOption(a, r.value)), re(() => {
+    let x = k(i);
+    x && (c == null || c.value.measureElement(x));
   }), re(() => {
-    l.comboboxState.value === 0 && r.value && (l.virtual.value || l.activationTrigger.value !== 0 && ee(() => {
-      var L, P;
-      return (P = (L = F(i)) == null ? void 0 : L.scrollIntoView) == null ? void 0 : P.call(L, { block: "nearest" });
+    l.comboboxState.value === 0 && r.value && (l.virtual.value || l.activationTrigger.value !== 0 && te(() => {
+      var x, V;
+      return (V = (x = k(i)) == null ? void 0 : x.scrollIntoView) == null ? void 0 : V.call(x, { block: "nearest" });
     }));
   });
-  function h(L) {
-    L.preventDefault(), L.button === jt.Left && (a.value || (l.selectOption(s), Rt() || requestAnimationFrame(() => {
-      var P;
-      return (P = F(l.inputRef)) == null ? void 0 : P.focus({ preventScroll: !0 });
+  function b(x) {
+    x.preventDefault(), x.button === jt.Left && (s.value || (l.selectOption(a), Pt() || requestAnimationFrame(() => {
+      var V;
+      return (V = k(l.inputRef)) == null ? void 0 : V.focus({ preventScroll: !0 });
     }), l.mode.value === 0 && l.closeCombobox()));
   }
-  function m() {
-    var L;
-    if (e.disabled || (L = l.virtual.value) != null && L.disabled(e.value)) return l.goToOption(z.Nothing);
-    let P = l.calculateIndex(e.value);
-    l.goToOption(z.Specific, P);
+  function w() {
+    var x;
+    if (e.disabled || (x = l.virtual.value) != null && x.disabled(e.value)) return l.goToOption(U.Nothing);
+    let V = l.calculateIndex(e.value);
+    l.goToOption(U.Specific, V);
   }
-  let b = x0();
-  function S(L) {
-    b.update(L);
+  let m = y0();
+  function _(x) {
+    m.update(x);
   }
-  function I(L) {
-    var P;
-    if (!b.wasMoved(L) || e.disabled || (P = l.virtual.value) != null && P.disabled(e.value) || r.value) return;
-    let k = l.calculateIndex(e.value);
-    l.goToOption(z.Specific, k, 0);
+  function P(x) {
+    var V;
+    if (!m.wasMoved(x) || e.disabled || (V = l.virtual.value) != null && V.disabled(e.value) || r.value) return;
+    let R = l.calculateIndex(e.value);
+    l.goToOption(U.Specific, R, 0);
   }
-  function T(L) {
-    var P;
-    b.wasMoved(L) && (e.disabled || (P = l.virtual.value) != null && P.disabled(e.value) || r.value && (l.optionsPropsRef.value.hold || l.goToOption(z.Nothing)));
+  function I(x) {
+    var V;
+    m.wasMoved(x) && (e.disabled || (V = l.virtual.value) != null && V.disabled(e.value) || r.value && (l.optionsPropsRef.value.hold || l.goToOption(U.Nothing)));
   }
   return () => {
-    let { disabled: L } = e, P = { active: r.value, selected: u.value, disabled: L }, k = { id: s, ref: i, role: "option", tabIndex: L === !0 ? void 0 : -1, "aria-disabled": L === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: h, onFocus: m, onPointerenter: S, onMouseenter: S, onPointermove: I, onMousemove: I, onPointerleave: T, onMouseleave: T }, g = Be(e, ["order", "value"]);
-    return ve({ ourProps: k, theirProps: g, slot: P, attrs: t, slots: o, name: "ComboboxOption" });
+    let { disabled: x } = e, V = { active: r.value, selected: u.value, disabled: x }, R = { id: a, ref: i, role: "option", tabIndex: x === !0 ? void 0 : -1, "aria-disabled": x === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: b, onFocus: w, onPointerenter: _, onMouseenter: _, onPointermove: P, onMousemove: P, onPointerleave: I, onMouseleave: I }, y = je(e, ["order", "value"]);
+    return ve({ ourProps: R, theirProps: y, slot: V, attrs: t, slots: o, name: "ComboboxOption" });
   };
 } });
-function B0(e, o) {
-  return w(), E("svg", {
+function j0(e, o) {
+  return C(), O("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1352,8 +1352,8 @@ function B0(e, o) {
     })
   ]);
 }
-function j0(e, o) {
-  return w(), E("svg", {
+function H0(e, o) {
+  return C(), O("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1367,8 +1367,8 @@ function j0(e, o) {
     })
   ]);
 }
-function H0(e, o) {
-  return w(), E("svg", {
+function z0(e, o) {
+  return C(), O("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
@@ -1383,7 +1383,7 @@ function H0(e, o) {
   ]);
 }
 var Gt = !1;
-function Ae(e, o, t) {
+function ke(e, o, t) {
   return Array.isArray(e) ? (e.length = Math.max(e.length, o), e.splice(o, 1, t), t) : (e[o] = t, t);
 }
 function Ke(e, o) {
@@ -1393,69 +1393,69 @@ function Ke(e, o) {
   }
   delete e[o];
 }
-function z0() {
+function U0() {
   return qt().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
 function qt() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const U0 = typeof Proxy == "function", Z0 = "devtools-plugin:setup", W0 = "plugin:settings:set";
+const Z0 = typeof Proxy == "function", W0 = "devtools-plugin:setup", G0 = "plugin:settings:set";
 let be, Ye;
-function G0() {
+function q0() {
   var e;
   return be !== void 0 || (typeof window < "u" && window.performance ? (be = !0, Ye = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (be = !0, Ye = globalThis.perf_hooks.performance) : be = !1), be;
 }
-function q0() {
-  return G0() ? Ye.now() : Date.now();
+function J0() {
+  return q0() ? Ye.now() : Date.now();
 }
-class J0 {
+class K0 {
   constructor(o, t) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = o, this.hook = t;
     const n = {};
     if (o.settings)
       for (const i in o.settings) {
-        const a = o.settings[i];
-        n[i] = a.defaultValue;
+        const s = o.settings[i];
+        n[i] = s.defaultValue;
       }
     const l = `__vue-devtools-plugin-settings__${o.id}`;
-    let s = Object.assign({}, n);
+    let a = Object.assign({}, n);
     try {
-      const i = localStorage.getItem(l), a = JSON.parse(i);
-      Object.assign(s, a);
+      const i = localStorage.getItem(l), s = JSON.parse(i);
+      Object.assign(a, s);
     } catch {
     }
     this.fallbacks = {
       getSettings() {
-        return s;
+        return a;
       },
       setSettings(i) {
         try {
           localStorage.setItem(l, JSON.stringify(i));
         } catch {
         }
-        s = i;
+        a = i;
       },
       now() {
-        return q0();
+        return J0();
       }
-    }, t && t.on(W0, (i, a) => {
-      i === this.plugin.id && this.fallbacks.setSettings(a);
+    }, t && t.on(G0, (i, s) => {
+      i === this.plugin.id && this.fallbacks.setSettings(s);
     }), this.proxiedOn = new Proxy({}, {
-      get: (i, a) => this.target ? this.target.on[a] : (...r) => {
+      get: (i, s) => this.target ? this.target.on[s] : (...r) => {
         this.onQueue.push({
-          method: a,
+          method: s,
           args: r
         });
       }
     }), this.proxiedTarget = new Proxy({}, {
-      get: (i, a) => this.target ? this.target[a] : a === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(a) ? (...r) => (this.targetQueue.push({
-        method: a,
+      get: (i, s) => this.target ? this.target[s] : s === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(s) ? (...r) => (this.targetQueue.push({
+        method: s,
         args: r,
         resolve: () => {
         }
-      }), this.fallbacks[a](...r)) : (...r) => new Promise((u) => {
+      }), this.fallbacks[s](...r)) : (...r) => new Promise((u) => {
         this.targetQueue.push({
-          method: a,
+          method: s,
           args: r,
           resolve: u
         });
@@ -1471,11 +1471,11 @@ class J0 {
   }
 }
 function Jt(e, o) {
-  const t = e, n = qt(), l = z0(), s = U0 && t.enableEarlyProxy;
-  if (l && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !s))
-    l.emit(Z0, e, o);
+  const t = e, n = qt(), l = U0(), a = Z0 && t.enableEarlyProxy;
+  if (l && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
+    l.emit(W0, e, o);
   else {
-    const i = s ? new J0(t, l) : null;
+    const i = a ? new K0(t, l) : null;
     (n.__VUE_DEVTOOLS_PLUGINS__ = n.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: t,
       setupFn: o,
@@ -1496,12 +1496,12 @@ const $e = (e) => _e = e, Kt = process.env.NODE_ENV !== "production" ? Symbol("p
 function pe(e) {
   return e && typeof e == "object" && Object.prototype.toString.call(e) === "[object Object]" && typeof e.toJSON != "function";
 }
-var ne;
+var le;
 (function(e) {
   e.direct = "direct", e.patchObject = "patch object", e.patchFunction = "patch function";
-})(ne || (ne = {}));
-const je = typeof window < "u", Se = (process.env.NODE_ENV !== "production" || !1) && process.env.NODE_ENV !== "test" && je, gt = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof global == "object" && global.global === global ? global : typeof globalThis == "object" ? globalThis : { HTMLElement: null };
-function K0(e, { autoBom: o = !1 } = {}) {
+})(le || (le = {}));
+const He = typeof window < "u", Se = (process.env.NODE_ENV !== "production" || !1) && process.env.NODE_ENV !== "test" && He, gt = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof global == "object" && global.global === global ? global : typeof globalThis == "object" ? globalThis : { HTMLElement: null };
+function Y0(e, { autoBom: o = !1 } = {}) {
   return o && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type) ? new Blob(["\uFEFF", e], { type: e.type }) : e;
 }
 function it(e, o, t) {
@@ -1529,18 +1529,18 @@ function Fe(e) {
     t.initMouseEvent("click", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null), e.dispatchEvent(t);
   }
 }
-const Pe = typeof navigator == "object" ? navigator : { userAgent: "" }, Qt = /Macintosh/.test(Pe.userAgent) && /AppleWebKit/.test(Pe.userAgent) && !/Safari/.test(Pe.userAgent), Xt = je ? (
+const Pe = typeof navigator == "object" ? navigator : { userAgent: "" }, Qt = /Macintosh/.test(Pe.userAgent) && /AppleWebKit/.test(Pe.userAgent) && !/Safari/.test(Pe.userAgent), Xt = He ? (
   // Use download attribute first if possible (#193 Lumia mobile) unless this is a macOS WebView or mini program
-  typeof HTMLAnchorElement < "u" && "download" in HTMLAnchorElement.prototype && !Qt ? Y0 : (
+  typeof HTMLAnchorElement < "u" && "download" in HTMLAnchorElement.prototype && !Qt ? Q0 : (
     // Use msSaveOrOpenBlob as a second approach
-    "msSaveOrOpenBlob" in Pe ? Q0 : (
+    "msSaveOrOpenBlob" in Pe ? X0 : (
       // Fallback to using FileReader and a popup
-      X0
+      en
     )
   )
 ) : () => {
 };
-function Y0(e, o = "download", t) {
+function Q0(e, o = "download", t) {
   const n = document.createElement("a");
   n.download = o, n.rel = "noopener", typeof e == "string" ? (n.href = e, n.origin !== location.origin ? Yt(n.href) ? it(e, o, t) : (n.target = "_blank", Fe(n)) : Fe(n)) : (n.href = URL.createObjectURL(e), setTimeout(function() {
     URL.revokeObjectURL(n.href);
@@ -1548,7 +1548,7 @@ function Y0(e, o = "download", t) {
     Fe(n);
   }, 0));
 }
-function Q0(e, o = "download", t) {
+function X0(e, o = "download", t) {
   if (typeof e == "string")
     if (Yt(e))
       it(e, o, t);
@@ -1559,28 +1559,28 @@ function Q0(e, o = "download", t) {
       });
     }
   else
-    navigator.msSaveOrOpenBlob(K0(e, t), o);
+    navigator.msSaveOrOpenBlob(Y0(e, t), o);
 }
-function X0(e, o, t, n) {
+function en(e, o, t, n) {
   if (n = n || open("", "_blank"), n && (n.document.title = n.document.body.innerText = "downloading..."), typeof e == "string")
     return it(e, o, t);
-  const l = e.type === "application/octet-stream", s = /constructor/i.test(String(gt.HTMLElement)) || "safari" in gt, i = /CriOS\/[\d]+/.test(navigator.userAgent);
-  if ((i || l && s || Qt) && typeof FileReader < "u") {
-    const a = new FileReader();
-    a.onloadend = function() {
-      let r = a.result;
+  const l = e.type === "application/octet-stream", a = /constructor/i.test(String(gt.HTMLElement)) || "safari" in gt, i = /CriOS\/[\d]+/.test(navigator.userAgent);
+  if ((i || l && a || Qt) && typeof FileReader < "u") {
+    const s = new FileReader();
+    s.onloadend = function() {
+      let r = s.result;
       if (typeof r != "string")
         throw n = null, new Error("Wrong reader.result type");
       r = i ? r : r.replace(/^data:[^;]*;/, "data:attachment/file;"), n ? n.location.href = r : location.assign(r), n = null;
-    }, a.readAsDataURL(e);
+    }, s.readAsDataURL(e);
   } else {
-    const a = URL.createObjectURL(e);
-    n ? n.location.assign(a) : location.href = a, n = null, setTimeout(function() {
-      URL.revokeObjectURL(a);
+    const s = URL.createObjectURL(e);
+    n ? n.location.assign(s) : location.href = s, n = null, setTimeout(function() {
+      URL.revokeObjectURL(s);
     }, 4e4);
   }
 }
-function H(e, o) {
+function z(e, o) {
   const t = "🍍 " + e;
   typeof __VUE_DEVTOOLS_TOAST__ == "function" ? __VUE_DEVTOOLS_TOAST__(t, o) : o === "error" ? console.error(t) : o === "warn" ? console.warn(t) : console.log(t);
 }
@@ -1589,65 +1589,65 @@ function rt(e) {
 }
 function e2() {
   if (!("clipboard" in navigator))
-    return H("Your browser doesn't support the Clipboard API", "error"), !0;
+    return z("Your browser doesn't support the Clipboard API", "error"), !0;
 }
 function t2(e) {
-  return e instanceof Error && e.message.toLowerCase().includes("document is not focused") ? (H('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
+  return e instanceof Error && e.message.toLowerCase().includes("document is not focused") ? (z('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
 }
-async function en(e) {
+async function tn(e) {
   if (!e2())
     try {
-      await navigator.clipboard.writeText(JSON.stringify(e.state.value)), H("Global state copied to clipboard.");
+      await navigator.clipboard.writeText(JSON.stringify(e.state.value)), z("Global state copied to clipboard.");
     } catch (o) {
       if (t2(o))
         return;
-      H("Failed to serialize the state. Check the console for more details.", "error"), console.error(o);
+      z("Failed to serialize the state. Check the console for more details.", "error"), console.error(o);
     }
 }
-async function tn(e) {
+async function nn(e) {
   if (!e2())
     try {
-      n2(e, JSON.parse(await navigator.clipboard.readText())), H("Global state pasted from clipboard.");
+      n2(e, JSON.parse(await navigator.clipboard.readText())), z("Global state pasted from clipboard.");
     } catch (o) {
       if (t2(o))
         return;
-      H("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(o);
+      z("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(o);
     }
 }
-async function nn(e) {
+async function on(e) {
   try {
     Xt(new Blob([JSON.stringify(e.state.value)], {
       type: "text/plain;charset=utf-8"
     }), "pinia-state.json");
   } catch (o) {
-    H("Failed to export the state as JSON. Check the console for more details.", "error"), console.error(o);
+    z("Failed to export the state as JSON. Check the console for more details.", "error"), console.error(o);
   }
 }
-let oe;
-function on() {
-  oe || (oe = document.createElement("input"), oe.type = "file", oe.accept = ".json");
+let se;
+function ln() {
+  se || (se = document.createElement("input"), se.type = "file", se.accept = ".json");
   function e() {
     return new Promise((o, t) => {
-      oe.onchange = async () => {
-        const n = oe.files;
+      se.onchange = async () => {
+        const n = se.files;
         if (!n)
           return o(null);
         const l = n.item(0);
         return o(l ? { text: await l.text(), file: l } : null);
-      }, oe.oncancel = () => o(null), oe.onerror = t, oe.click();
+      }, se.oncancel = () => o(null), se.onerror = t, se.click();
     });
   }
   return e;
 }
-async function ln(e) {
+async function sn(e) {
   try {
-    const t = await on()();
+    const t = await ln()();
     if (!t)
       return;
     const { text: n, file: l } = t;
-    n2(e, JSON.parse(n)), H(`Global state imported from "${l.name}".`);
+    n2(e, JSON.parse(n)), z(`Global state imported from "${l.name}".`);
   } catch (o) {
-    H("Failed to import the state from JSON. Check the console for more details.", "error"), console.error(o);
+    z("Failed to import the state from JSON. Check the console for more details.", "error"), console.error(o);
   }
 }
 function n2(e, o) {
@@ -1656,7 +1656,7 @@ function n2(e, o) {
     n ? Object.assign(n, o[t]) : e.state.value[t] = o[t];
   }
 }
-function X(e) {
+function ee(e) {
   return {
     _custom: {
       display: e
@@ -1664,7 +1664,7 @@ function X(e) {
   };
 }
 const o2 = "🍍 Pinia (root)", Qe = "_root";
-function sn(e) {
+function an(e) {
   return rt(e) ? {
     id: Qe,
     label: o2
@@ -1673,21 +1673,21 @@ function sn(e) {
     label: e.$id
   };
 }
-function an(e) {
+function rn(e) {
   if (rt(e)) {
     const t = Array.from(e._s.keys()), n = e._s;
     return {
-      state: t.map((s) => ({
+      state: t.map((a) => ({
         editable: !0,
-        key: s,
-        value: e.state.value[s]
+        key: a,
+        value: e.state.value[a]
       })),
-      getters: t.filter((s) => n.get(s)._getters).map((s) => {
-        const i = n.get(s);
+      getters: t.filter((a) => n.get(a)._getters).map((a) => {
+        const i = n.get(a);
         return {
           editable: !1,
-          key: s,
-          value: i._getters.reduce((a, r) => (a[r] = i[r], a), {})
+          key: a,
+          value: i._getters.reduce((s, r) => (s[r] = i[r], s), {})
         };
       })
     };
@@ -1709,34 +1709,34 @@ function an(e) {
     value: e[t]
   }))), o;
 }
-function rn(e) {
+function un(e) {
   return e ? Array.isArray(e) ? e.reduce((o, t) => (o.keys.push(t.key), o.operations.push(t.type), o.oldValue[t.key] = t.oldValue, o.newValue[t.key] = t.newValue, o), {
     oldValue: {},
     keys: [],
     operations: [],
     newValue: {}
   }) : {
-    operation: X(e.type),
-    key: X(e.key),
+    operation: ee(e.type),
+    key: ee(e.key),
     oldValue: e.oldValue,
     newValue: e.newValue
   } : {};
 }
-function un(e) {
+function cn(e) {
   switch (e) {
-    case ne.direct:
+    case le.direct:
       return "mutation";
-    case ne.patchFunction:
+    case le.patchFunction:
       return "$patch";
-    case ne.patchObject:
+    case le.patchObject:
       return "$patch";
     default:
       return "unknown";
   }
 }
 let Ce = !0;
-const Re = [], ce = "pinia:mutations", Z = "pinia", { assign: cn } = Object, De = (e) => "🍍 " + e;
-function dn(e, o) {
+const Re = [], ce = "pinia:mutations", W = "pinia", { assign: dn } = Object, Ne = (e) => "🍍 " + e;
+function fn(e, o) {
   Jt({
     id: "dev.esm.pinia",
     label: "Pinia 🍍",
@@ -1746,12 +1746,12 @@ function dn(e, o) {
     componentStateTypes: Re,
     app: e
   }, (t) => {
-    typeof t.now != "function" && H("You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), t.addTimelineLayer({
+    typeof t.now != "function" && z("You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), t.addTimelineLayer({
       id: ce,
       label: "Pinia 🍍",
       color: 15064968
     }), t.addInspector({
-      id: Z,
+      id: W,
       label: "Pinia 🍍",
       icon: "storage",
       treeFilterPlaceholder: "Search stores",
@@ -1759,28 +1759,28 @@ function dn(e, o) {
         {
           icon: "content_copy",
           action: () => {
-            en(o);
+            tn(o);
           },
           tooltip: "Serialize and copy the state"
         },
         {
           icon: "content_paste",
           action: async () => {
-            await tn(o), t.sendInspectorTree(Z), t.sendInspectorState(Z);
+            await nn(o), t.sendInspectorTree(W), t.sendInspectorState(W);
           },
           tooltip: "Replace the state with the content of your clipboard"
         },
         {
           icon: "save",
           action: () => {
-            nn(o);
+            on(o);
           },
           tooltip: "Save the state as a JSON file"
         },
         {
           icon: "folder_open",
           action: async () => {
-            await ln(o), t.sendInspectorTree(Z), t.sendInspectorState(Z);
+            await sn(o), t.sendInspectorTree(W), t.sendInspectorState(W);
           },
           tooltip: "Import the state from a JSON file"
         }
@@ -1791,41 +1791,41 @@ function dn(e, o) {
           tooltip: 'Reset the state (with "$reset")',
           action: (n) => {
             const l = o._s.get(n);
-            l ? typeof l.$reset != "function" ? H(`Cannot reset "${n}" store because it doesn't have a "$reset" method implemented.`, "warn") : (l.$reset(), H(`Store "${n}" reset.`)) : H(`Cannot reset "${n}" store because it wasn't found.`, "warn");
+            l ? typeof l.$reset != "function" ? z(`Cannot reset "${n}" store because it doesn't have a "$reset" method implemented.`, "warn") : (l.$reset(), z(`Store "${n}" reset.`)) : z(`Cannot reset "${n}" store because it wasn't found.`, "warn");
           }
         }
       ]
     }), t.on.inspectComponent((n, l) => {
-      const s = n.componentInstance && n.componentInstance.proxy;
-      if (s && s._pStores) {
+      const a = n.componentInstance && n.componentInstance.proxy;
+      if (a && a._pStores) {
         const i = n.componentInstance.proxy._pStores;
-        Object.values(i).forEach((a) => {
+        Object.values(i).forEach((s) => {
           n.instanceData.state.push({
-            type: De(a.$id),
+            type: Ne(s.$id),
             key: "state",
             editable: !0,
-            value: a._isOptionsAPI ? {
+            value: s._isOptionsAPI ? {
               _custom: {
-                value: Y(a.$state),
+                value: X(s.$state),
                 actions: [
                   {
                     icon: "restore",
                     tooltip: "Reset the state of this store",
-                    action: () => a.$reset()
+                    action: () => s.$reset()
                   }
                 ]
               }
             } : (
               // NOTE: workaround to unwrap transferred refs
-              Object.keys(a.$state).reduce((r, u) => (r[u] = a.$state[u], r), {})
+              Object.keys(s.$state).reduce((r, u) => (r[u] = s.$state[u], r), {})
             )
-          }), a._getters && a._getters.length && n.instanceData.state.push({
-            type: De(a.$id),
+          }), s._getters && s._getters.length && n.instanceData.state.push({
+            type: Ne(s.$id),
             key: "getters",
             editable: !1,
-            value: a._getters.reduce((r, u) => {
+            value: s._getters.reduce((r, u) => {
               try {
-                r[u] = a[u];
+                r[u] = s[u];
               } catch (c) {
                 r[u] = c;
               }
@@ -1835,42 +1835,42 @@ function dn(e, o) {
         });
       }
     }), t.on.getInspectorTree((n) => {
-      if (n.app === e && n.inspectorId === Z) {
+      if (n.app === e && n.inspectorId === W) {
         let l = [o];
-        l = l.concat(Array.from(o._s.values())), n.rootNodes = (n.filter ? l.filter((s) => "$id" in s ? s.$id.toLowerCase().includes(n.filter.toLowerCase()) : o2.toLowerCase().includes(n.filter.toLowerCase())) : l).map(sn);
+        l = l.concat(Array.from(o._s.values())), n.rootNodes = (n.filter ? l.filter((a) => "$id" in a ? a.$id.toLowerCase().includes(n.filter.toLowerCase()) : o2.toLowerCase().includes(n.filter.toLowerCase())) : l).map(an);
       }
     }), t.on.getInspectorState((n) => {
-      if (n.app === e && n.inspectorId === Z) {
+      if (n.app === e && n.inspectorId === W) {
         const l = n.nodeId === Qe ? o : o._s.get(n.nodeId);
         if (!l)
           return;
-        l && (n.state = an(l));
+        l && (n.state = rn(l));
       }
     }), t.on.editInspectorState((n, l) => {
-      if (n.app === e && n.inspectorId === Z) {
-        const s = n.nodeId === Qe ? o : o._s.get(n.nodeId);
-        if (!s)
-          return H(`store "${n.nodeId}" not found`, "error");
+      if (n.app === e && n.inspectorId === W) {
+        const a = n.nodeId === Qe ? o : o._s.get(n.nodeId);
+        if (!a)
+          return z(`store "${n.nodeId}" not found`, "error");
         const { path: i } = n;
-        rt(s) ? i.unshift("state") : (i.length !== 1 || !s._customProperties.has(i[0]) || i[0] in s.$state) && i.unshift("$state"), Ce = !1, n.set(s, i, n.state.value), Ce = !0;
+        rt(a) ? i.unshift("state") : (i.length !== 1 || !a._customProperties.has(i[0]) || i[0] in a.$state) && i.unshift("$state"), Ce = !1, n.set(a, i, n.state.value), Ce = !0;
       }
     }), t.on.editComponentState((n) => {
       if (n.type.startsWith("🍍")) {
-        const l = n.type.replace(/^🍍\s*/, ""), s = o._s.get(l);
-        if (!s)
-          return H(`store "${l}" not found`, "error");
+        const l = n.type.replace(/^🍍\s*/, ""), a = o._s.get(l);
+        if (!a)
+          return z(`store "${l}" not found`, "error");
         const { path: i } = n;
         if (i[0] !== "state")
-          return H(`Invalid path for store "${l}":
+          return z(`Invalid path for store "${l}":
 ${i}
 Only state can be modified.`);
-        i[0] = "$state", Ce = !1, n.set(s, i, n.state.value), Ce = !0;
+        i[0] = "$state", Ce = !1, n.set(a, i, n.state.value), Ce = !0;
       }
     });
   });
 }
-function fn(e, o) {
-  Re.includes(De(o.$id)) || Re.push(De(o.$id)), Jt({
+function pn(e, o) {
+  Re.includes(Ne(o.$id)) || Re.push(Ne(o.$id)), Jt({
     id: "dev.esm.pinia",
     label: "Pinia 🍍",
     logo: "https://pinia.vuejs.org/logo.svg",
@@ -1892,7 +1892,7 @@ function fn(e, o) {
     }
   }, (t) => {
     const n = typeof t.now == "function" ? t.now.bind(t) : Date.now;
-    o.$onAction(({ after: i, onError: a, name: r, args: u }) => {
+    o.$onAction(({ after: i, onError: s, name: r, args: u }) => {
       const c = l2++;
       t.addTimelineEvent({
         layerId: ce,
@@ -1901,8 +1901,8 @@ function fn(e, o) {
           title: "🛫 " + r,
           subtitle: "start",
           data: {
-            store: X(o.$id),
-            action: X(r),
+            store: ee(o.$id),
+            action: ee(r),
             args: u
           },
           groupId: c
@@ -1915,15 +1915,15 @@ function fn(e, o) {
             title: "🛬 " + r,
             subtitle: "end",
             data: {
-              store: X(o.$id),
-              action: X(r),
+              store: ee(o.$id),
+              action: ee(r),
               args: u,
               result: p
             },
             groupId: c
           }
         });
-      }), a((p) => {
+      }), s((p) => {
         ie = void 0, t.addTimelineEvent({
           layerId: ce,
           event: {
@@ -1932,8 +1932,8 @@ function fn(e, o) {
             title: "💥 " + r,
             subtitle: "end",
             data: {
-              store: X(o.$id),
-              action: X(r),
+              store: ee(o.$id),
+              action: ee(r),
               args: u,
               error: p
             },
@@ -1942,31 +1942,31 @@ function fn(e, o) {
         });
       });
     }, !0), o._customProperties.forEach((i) => {
-      B(() => V(o[i]), (a, r) => {
-        t.notifyComponentUpdate(), t.sendInspectorState(Z), Ce && t.addTimelineEvent({
+      j(() => L(o[i]), (s, r) => {
+        t.notifyComponentUpdate(), t.sendInspectorState(W), Ce && t.addTimelineEvent({
           layerId: ce,
           event: {
             time: n(),
             title: "Change",
             subtitle: i,
             data: {
-              newValue: a,
+              newValue: s,
               oldValue: r
             },
             groupId: ie
           }
         });
       }, { deep: !0 });
-    }), o.$subscribe(({ events: i, type: a }, r) => {
-      if (t.notifyComponentUpdate(), t.sendInspectorState(Z), !Ce)
+    }), o.$subscribe(({ events: i, type: s }, r) => {
+      if (t.notifyComponentUpdate(), t.sendInspectorState(W), !Ce)
         return;
       const u = {
         time: n(),
-        title: un(a),
-        data: cn({ store: X(o.$id) }, rn(i)),
+        title: cn(s),
+        data: dn({ store: ee(o.$id) }, un(i)),
         groupId: ie
       };
-      a === ne.patchFunction ? u.subtitle = "⤵️" : a === ne.patchObject ? u.subtitle = "🧩" : i && !Array.isArray(i) && (u.subtitle = i.type), i && (u.data["rawEvent(s)"] = {
+      s === le.patchFunction ? u.subtitle = "⤵️" : s === le.patchObject ? u.subtitle = "🧩" : i && !Array.isArray(i) && (u.subtitle = i.type), i && (u.data["rawEvent(s)"] = {
         _custom: {
           display: "DebuggerEvent",
           type: "object",
@@ -1987,58 +1987,58 @@ function fn(e, o) {
           title: "🔥 " + o.$id,
           subtitle: "HMR update",
           data: {
-            store: X(o.$id),
-            info: X("HMR update")
+            store: ee(o.$id),
+            info: ee("HMR update")
           }
         }
-      }), t.notifyComponentUpdate(), t.sendInspectorTree(Z), t.sendInspectorState(Z);
+      }), t.notifyComponentUpdate(), t.sendInspectorTree(W), t.sendInspectorState(W);
     });
-    const { $dispose: s } = o;
+    const { $dispose: a } = o;
     o.$dispose = () => {
-      s(), t.notifyComponentUpdate(), t.sendInspectorTree(Z), t.sendInspectorState(Z), t.getSettings().logStoreChanges && H(`Disposed "${o.$id}" store 🗑`);
-    }, t.notifyComponentUpdate(), t.sendInspectorTree(Z), t.sendInspectorState(Z), t.getSettings().logStoreChanges && H(`"${o.$id}" store installed 🆕`);
+      a(), t.notifyComponentUpdate(), t.sendInspectorTree(W), t.sendInspectorState(W), t.getSettings().logStoreChanges && z(`Disposed "${o.$id}" store 🗑`);
+    }, t.notifyComponentUpdate(), t.sendInspectorTree(W), t.sendInspectorState(W), t.getSettings().logStoreChanges && z(`"${o.$id}" store installed 🆕`);
   });
 }
 let l2 = 0, ie;
 function Ct(e, o, t) {
-  const n = o.reduce((l, s) => (l[s] = Y(e)[s], l), {});
+  const n = o.reduce((l, a) => (l[a] = X(e)[a], l), {});
   for (const l in n)
     e[l] = function() {
-      const s = l2, i = t ? new Proxy(e, {
+      const a = l2, i = t ? new Proxy(e, {
         get(...r) {
-          return ie = s, Reflect.get(...r);
+          return ie = a, Reflect.get(...r);
         },
         set(...r) {
-          return ie = s, Reflect.set(...r);
+          return ie = a, Reflect.set(...r);
         }
       }) : e;
-      ie = s;
-      const a = n[l].apply(i, arguments);
-      return ie = void 0, a;
+      ie = a;
+      const s = n[l].apply(i, arguments);
+      return ie = void 0, s;
     };
 }
-function pn({ app: e, store: o, options: t }) {
+function vn({ app: e, store: o, options: t }) {
   if (o.$id.startsWith("__hot:"))
     return;
   o._isOptionsAPI = !!t.state, Ct(o, Object.keys(t.actions), o._isOptionsAPI);
   const n = o._hotUpdate;
-  Y(o)._hotUpdate = function(l) {
+  X(o)._hotUpdate = function(l) {
     n.apply(this, arguments), Ct(o, Object.keys(l._hmrPayload.actions), !!o._isOptionsAPI);
-  }, fn(
+  }, pn(
     e,
     // FIXME: is there a way to allow the assignment from Store<Id, S, G, A> to StoreGeneric?
     o
   );
 }
-function vn() {
-  const e = It(!0), o = e.run(() => O({}));
+function hn() {
+  const e = Tt(!0), o = e.run(() => $({}));
   let t = [], n = [];
   const l = fe({
-    install(s) {
-      $e(l), l._a = s, s.provide(Kt, l), s.config.globalProperties.$pinia = l, Se && dn(s, l), n.forEach((i) => t.push(i)), n = [];
+    install(a) {
+      $e(l), l._a = a, a.provide(Kt, l), a.config.globalProperties.$pinia = l, Se && fn(a, l), n.forEach((i) => t.push(i)), n = [];
     },
-    use(s) {
-      return !this._a && !Gt ? n.push(s) : t.push(s), this;
+    use(a) {
+      return !this._a && !Gt ? n.push(a) : t.push(a), this;
     },
     _p: t,
     // it's actually undefined here
@@ -2048,7 +2048,7 @@ function vn() {
     _s: /* @__PURE__ */ new Map(),
     state: o
   });
-  return Se && typeof Proxy < "u" && l.use(pn), l;
+  return Se && typeof Proxy < "u" && l.use(vn), l;
 }
 function s2(e, o) {
   for (const t in o) {
@@ -2065,8 +2065,8 @@ const a2 = () => {
 function xt(e, o, t, n = a2) {
   e.push(o);
   const l = () => {
-    const s = e.indexOf(o);
-    s > -1 && (e.splice(s, 1), n());
+    const a = e.indexOf(o);
+    a > -1 && (e.splice(a, 1), n());
   };
   return !t && Mt() && tt(l), l;
 }
@@ -2075,7 +2075,7 @@ function ge(e, ...o) {
     t(...o);
   });
 }
-const hn = (e) => e();
+const mn = (e) => e();
 function Xe(e, o) {
   e instanceof Map && o instanceof Map && o.forEach((t, n) => e.set(n, t)), e instanceof Set && o instanceof Set && o.forEach(e.add, e);
   for (const t in o) {
@@ -2086,37 +2086,37 @@ function Xe(e, o) {
   }
   return e;
 }
-const mn = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
+const bn = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
   /* istanbul ignore next */
   Symbol()
 );
-function bn(e) {
-  return !pe(e) || !e.hasOwnProperty(mn);
+function gn(e) {
+  return !pe(e) || !e.hasOwnProperty(bn);
 }
-const { assign: K } = Object;
+const { assign: Q } = Object;
 function yt(e) {
   return !!(xe(e) && e.effect);
 }
 function wt(e, o, t, n) {
-  const { state: l, actions: s, getters: i } = o, a = t.state.value[e];
+  const { state: l, actions: a, getters: i } = o, s = t.state.value[e];
   let r;
   function u() {
-    !a && (process.env.NODE_ENV === "production" || !n) && (t.state.value[e] = l ? l() : {});
+    !s && (process.env.NODE_ENV === "production" || !n) && (t.state.value[e] = l ? l() : {});
     const c = process.env.NODE_ENV !== "production" && n ? (
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
-      ct(O(l ? l() : {}).value)
+      ct($(l ? l() : {}).value)
     ) : ct(t.state.value[e]);
-    return K(c, s, Object.keys(i || {}).reduce((p, h) => (process.env.NODE_ENV !== "production" && h in c && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${h}" in store "${e}".`), p[h] = fe(_(() => {
+    return Q(c, a, Object.keys(i || {}).reduce((p, b) => (process.env.NODE_ENV !== "production" && b in c && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${b}" in store "${e}".`), p[b] = fe(E(() => {
       $e(t);
-      const m = t._s.get(e);
-      return i[h].call(m, m);
+      const w = t._s.get(e);
+      return i[b].call(w, w);
     })), p), {}));
   }
   return r = et(e, u, o, t, n, !0), r;
 }
-function et(e, o, t = {}, n, l, s) {
+function et(e, o, t = {}, n, l, a) {
   let i;
-  const a = K({ actions: {} }, t);
+  const s = Q({ actions: {} }, t);
   if (process.env.NODE_ENV !== "production" && !n._e.active)
     throw new Error("Pinia destroyed");
   const r = {
@@ -2124,34 +2124,34 @@ function et(e, o, t = {}, n, l, s) {
     // flush: 'post',
   };
   process.env.NODE_ENV !== "production" && !Gt && (r.onTrigger = (d) => {
-    u ? m = d : u == !1 && !x._hotUpdating && (Array.isArray(m) ? m.push(d) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+    u ? w = d : u == !1 && !g._hotUpdating && (Array.isArray(w) ? w.push(d) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let u, c, p = [], h = [], m;
-  const b = n.state.value[e];
-  !s && !b && (process.env.NODE_ENV === "production" || !l) && (n.state.value[e] = {});
-  const S = O({});
-  let I;
-  function T(d) {
+  let u, c, p = [], b = [], w;
+  const m = n.state.value[e];
+  !a && !m && (process.env.NODE_ENV === "production" || !l) && (n.state.value[e] = {});
+  const _ = $({});
+  let P;
+  function I(d) {
     let f;
-    u = c = !1, process.env.NODE_ENV !== "production" && (m = []), typeof d == "function" ? (d(n.state.value[e]), f = {
-      type: ne.patchFunction,
+    u = c = !1, process.env.NODE_ENV !== "production" && (w = []), typeof d == "function" ? (d(n.state.value[e]), f = {
+      type: le.patchFunction,
       storeId: e,
-      events: m
+      events: w
     }) : (Xe(n.state.value[e], d), f = {
-      type: ne.patchObject,
+      type: le.patchObject,
       payload: d,
       storeId: e,
-      events: m
+      events: w
     });
-    const y = I = Symbol();
-    ee().then(() => {
-      I === y && (u = !0);
+    const S = P = Symbol();
+    te().then(() => {
+      P === S && (u = !0);
     }), c = !0, ge(p, f, n.state.value[e]);
   }
-  const L = s ? function() {
-    const { state: f } = t, y = f ? f() : {};
-    this.$patch(($) => {
-      K($, y);
+  const x = a ? function() {
+    const { state: f } = t, S = f ? f() : {};
+    this.$patch((T) => {
+      Q(T, S);
     });
   } : (
     /* istanbul ignore next */
@@ -2159,61 +2159,61 @@ function et(e, o, t = {}, n, l, s) {
       throw new Error(`🍍: Store "${e}" is built using the setup syntax and does not implement $reset().`);
     } : a2
   );
-  function P() {
-    i.stop(), p = [], h = [], n._s.delete(e);
+  function V() {
+    i.stop(), p = [], b = [], n._s.delete(e);
   }
-  function k(d, f) {
+  function R(d, f) {
     return function() {
       $e(n);
-      const y = Array.from(arguments), $ = [], R = [];
-      function D(j) {
-        $.push(j);
+      const S = Array.from(arguments), T = [], F = [];
+      function D(H) {
+        T.push(H);
       }
-      function q(j) {
-        R.push(j);
+      function K(H) {
+        F.push(H);
       }
-      ge(h, {
-        args: y,
+      ge(b, {
+        args: S,
         name: d,
-        store: x,
+        store: g,
         after: D,
-        onError: q
+        onError: K
       });
-      let J;
+      let Y;
       try {
-        J = f.apply(this && this.$id === e ? this : x, y);
-      } catch (j) {
-        throw ge(R, j), j;
+        Y = f.apply(this && this.$id === e ? this : g, S);
+      } catch (H) {
+        throw ge(F, H), H;
       }
-      return J instanceof Promise ? J.then((j) => (ge($, j), j)).catch((j) => (ge(R, j), Promise.reject(j))) : (ge($, J), J);
+      return Y instanceof Promise ? Y.then((H) => (ge(T, H), H)).catch((H) => (ge(F, H), Promise.reject(H))) : (ge(T, Y), Y);
     };
   }
-  const g = /* @__PURE__ */ fe({
+  const y = /* @__PURE__ */ fe({
     actions: {},
     getters: {},
     state: [],
-    hotState: S
+    hotState: _
   }), M = {
     _p: n,
     // _s: scope,
     $id: e,
-    $onAction: xt.bind(null, h),
-    $patch: T,
-    $reset: L,
+    $onAction: xt.bind(null, b),
+    $patch: I,
+    $reset: x,
     $subscribe(d, f = {}) {
-      const y = xt(p, d, f.detached, () => $()), $ = i.run(() => B(() => n.state.value[e], (R) => {
+      const S = xt(p, d, f.detached, () => T()), T = i.run(() => j(() => n.state.value[e], (F) => {
         (f.flush === "sync" ? c : u) && d({
           storeId: e,
-          type: ne.direct,
-          events: m
-        }, R);
-      }, K({}, r, f)));
-      return y;
+          type: le.direct,
+          events: w
+        }, F);
+      }, Q({}, r, f)));
+      return S;
     },
-    $dispose: P
-  }, x = $t(process.env.NODE_ENV !== "production" || Se ? K(
+    $dispose: V
+  }, g = $t(process.env.NODE_ENV !== "production" || Se ? Q(
     {
-      _hmrPayload: g,
+      _hmrPayload: y,
       _customProperties: fe(/* @__PURE__ */ new Set())
       // devtools custom properties
     },
@@ -2221,58 +2221,58 @@ function et(e, o, t = {}, n, l, s) {
     // must be added later
     // setupStore
   ) : M);
-  n._s.set(e, x);
-  const A = (n._a && n._a.runWithContext || hn)(() => n._e.run(() => (i = It()).run(o)));
+  n._s.set(e, g);
+  const A = (n._a && n._a.runWithContext || mn)(() => n._e.run(() => (i = Tt()).run(o)));
   for (const d in A) {
     const f = A[d];
     if (xe(f) && !yt(f) || lt(f))
-      process.env.NODE_ENV !== "production" && l ? Ae(S.value, d, Ge(A, d)) : s || (b && bn(f) && (xe(f) ? f.value = b[d] : Xe(f, b[d])), n.state.value[e][d] = f), process.env.NODE_ENV !== "production" && g.state.push(d);
+      process.env.NODE_ENV !== "production" && l ? ke(_.value, d, Ge(A, d)) : a || (m && gn(f) && (xe(f) ? f.value = m[d] : Xe(f, m[d])), n.state.value[e][d] = f), process.env.NODE_ENV !== "production" && y.state.push(d);
     else if (typeof f == "function") {
-      const y = process.env.NODE_ENV !== "production" && l ? f : k(d, f);
-      A[d] = y, process.env.NODE_ENV !== "production" && (g.actions[d] = f), a.actions[d] = f;
-    } else process.env.NODE_ENV !== "production" && yt(f) && (g.getters[d] = s ? (
+      const S = process.env.NODE_ENV !== "production" && l ? f : R(d, f);
+      A[d] = S, process.env.NODE_ENV !== "production" && (y.actions[d] = f), s.actions[d] = f;
+    } else process.env.NODE_ENV !== "production" && yt(f) && (y.getters[d] = a ? (
       // @ts-expect-error
       t.getters[d]
-    ) : f, je && (A._getters || // @ts-expect-error: same
+    ) : f, He && (A._getters || // @ts-expect-error: same
     (A._getters = fe([]))).push(d));
   }
-  if (K(x, A), K(Y(x), A), Object.defineProperty(x, "$state", {
-    get: () => process.env.NODE_ENV !== "production" && l ? S.value : n.state.value[e],
+  if (Q(g, A), Q(X(g), A), Object.defineProperty(g, "$state", {
+    get: () => process.env.NODE_ENV !== "production" && l ? _.value : n.state.value[e],
     set: (d) => {
       if (process.env.NODE_ENV !== "production" && l)
         throw new Error("cannot set hotState");
-      T((f) => {
-        K(f, d);
+      I((f) => {
+        Q(f, d);
       });
     }
-  }), process.env.NODE_ENV !== "production" && (x._hotUpdate = fe((d) => {
-    x._hotUpdating = !0, d._hmrPayload.state.forEach((f) => {
-      if (f in x.$state) {
-        const y = d.$state[f], $ = x.$state[f];
-        typeof y == "object" && pe(y) && pe($) ? s2(y, $) : d.$state[f] = $;
+  }), process.env.NODE_ENV !== "production" && (g._hotUpdate = fe((d) => {
+    g._hotUpdating = !0, d._hmrPayload.state.forEach((f) => {
+      if (f in g.$state) {
+        const S = d.$state[f], T = g.$state[f];
+        typeof S == "object" && pe(S) && pe(T) ? s2(S, T) : d.$state[f] = T;
       }
-      Ae(x, f, Ge(d.$state, f));
-    }), Object.keys(x.$state).forEach((f) => {
-      f in d.$state || Ke(x, f);
-    }), u = !1, c = !1, n.state.value[e] = Ge(d._hmrPayload, "hotState"), c = !0, ee().then(() => {
+      ke(g, f, Ge(d.$state, f));
+    }), Object.keys(g.$state).forEach((f) => {
+      f in d.$state || Ke(g, f);
+    }), u = !1, c = !1, n.state.value[e] = Ge(d._hmrPayload, "hotState"), c = !0, te().then(() => {
       u = !0;
     });
     for (const f in d._hmrPayload.actions) {
-      const y = d[f];
-      Ae(x, f, k(f, y));
+      const S = d[f];
+      ke(g, f, R(f, S));
     }
     for (const f in d._hmrPayload.getters) {
-      const y = d._hmrPayload.getters[f], $ = s ? (
+      const S = d._hmrPayload.getters[f], T = a ? (
         // special handling of options api
-        _(() => ($e(n), y.call(x, x)))
-      ) : y;
-      Ae(x, f, $);
+        E(() => ($e(n), S.call(g, g)))
+      ) : S;
+      ke(g, f, T);
     }
-    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(g._hmrPayload.getters).forEach((f) => {
+      f in d._hmrPayload.getters || Ke(g, f);
+    }), Object.keys(g._hmrPayload.actions).forEach((f) => {
+      f in d._hmrPayload.actions || Ke(g, f);
+    }), g._hmrPayload = d._hmrPayload, g._getters = d._getters, g._hotUpdating = !1;
   })), Se) {
     const d = {
       writable: !0,
@@ -2281,65 +2281,73 @@ function et(e, o, t = {}, n, l, s) {
       enumerable: !1
     };
     ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((f) => {
-      Object.defineProperty(x, f, K({ value: x[f] }, d));
+      Object.defineProperty(g, f, Q({ value: g[f] }, d));
     });
   }
   return n._p.forEach((d) => {
     if (Se) {
       const f = i.run(() => d({
-        store: x,
+        store: g,
         app: n._a,
         pinia: n,
-        options: a
+        options: s
       }));
-      Object.keys(f || {}).forEach((y) => x._customProperties.add(y)), K(x, f);
+      Object.keys(f || {}).forEach((S) => g._customProperties.add(S)), Q(g, f);
     } else
-      K(x, i.run(() => d({
-        store: x,
+      Q(g, i.run(() => d({
+        store: g,
         app: n._a,
         pinia: n,
-        options: a
+        options: s
       })));
-  }), 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" && g.$state && typeof g.$state == "object" && typeof g.$state.constructor == "function" && !g.$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}".`), b && s && t.hydrate && t.hydrate(x.$state, b), u = !0, c = !0, x;
+Found in store "${g.$id}".`), m && a && t.hydrate && t.hydrate(g.$state, m), u = !0, c = !0, g;
 }
-function He(e, o, t) {
+function ze(e, o, t) {
   let n, l;
-  const s = typeof o == "function";
+  const a = typeof o == "function";
   if (typeof e == "string")
-    n = e, l = s ? t : o;
+    n = e, l = a ? t : o;
   else if (l = e, n = e.id, process.env.NODE_ENV !== "production" && typeof n != "string")
     throw new Error('[🍍]: "defineStore()" must be passed a store id as its first argument.');
-  function i(a, r) {
-    const u = v2();
-    if (a = // in test mode, ignore the argument provided as we can always retrieve a
+  function i(s, r) {
+    const u = h2();
+    if (s = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
-    (process.env.NODE_ENV === "test" && _e && _e._testing ? null : a) || (u ? Ie(Kt, null) : null), a && $e(a), process.env.NODE_ENV !== "production" && !_e)
+    (process.env.NODE_ENV === "test" && _e && _e._testing ? null : s) || (u ? Te(Kt, null) : null), s && $e(s), process.env.NODE_ENV !== "production" && !_e)
       throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
 See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
 This will fail in production.`);
-    a = _e, a._s.has(n) || (s ? et(n, o, l, a) : wt(n, l, a), process.env.NODE_ENV !== "production" && (i._pinia = a));
-    const c = a._s.get(n);
+    s = _e, s._s.has(n) || (a ? et(n, o, l, s) : wt(n, l, s), process.env.NODE_ENV !== "production" && (i._pinia = s));
+    const c = s._s.get(n);
     if (process.env.NODE_ENV !== "production" && r) {
-      const p = "__hot:" + n, h = s ? et(p, o, l, a, !0) : wt(p, K({}, l), a, !0);
-      r._hotUpdate(h), delete a.state.value[p], a._s.delete(p);
+      const p = "__hot:" + n, b = a ? et(p, o, l, s, !0) : wt(p, Q({}, l), s, !0);
+      r._hotUpdate(b), delete s.state.value[p], s._s.delete(p);
     }
-    if (process.env.NODE_ENV !== "production" && je) {
+    if (process.env.NODE_ENV !== "production" && He) {
       const p = Lt();
       if (p && p.proxy && // avoid adding stores that are just built for hot module replacement
       !r) {
-        const h = p.proxy, m = "_pStores" in h ? h._pStores : h._pStores = {};
-        m[n] = c;
+        const b = p.proxy, w = "_pStores" in b ? b._pStores : b._pStores = {};
+        w[n] = c;
       }
     }
     return c;
   }
   return i.$id = n, i;
 }
-const ze = He("loader", () => ({ loading: O(!1) })), _t = {
+const Me = ze("loader", () => {
+  const e = $({
+    translation: !1,
+    aiExplanation: !1
+  });
+  return { loadingStates: e, setLoading: (n, l) => {
+    e.value[n] = l;
+  }, isLoading: (n) => e.value[n] };
+}), _t = {
   __name: "Select",
-  props: /* @__PURE__ */ h2({
+  props: /* @__PURE__ */ m2({
     languages: {
       type: Object,
       required: !0
@@ -2350,55 +2358,55 @@ const ze = He("loader", () => ({ loading: O(!1) })), _t = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = ze(), t = e, n = m2(e, "modelValue"), l = O(""), s = O(null), i = _(() => Object.entries(t.languages).filter(
+    const o = Me(), t = e, n = b2(e, "modelValue"), l = $(""), a = $(null), i = E(() => Object.entries(t.languages).filter(
       ([, r]) => r.toLowerCase().includes(l.value.toLowerCase())
-    )), a = (r) => {
-      r.target.value = "", l.value = "", s.value && s.value.$el.click();
+    )), s = (r) => {
+      r.target.value = "", l.value = "", a.value && a.value.$el.click();
     };
-    return (r, u) => (w(), se(V(P0), {
+    return (r, u) => (C(), G(L(P0), {
       modelValue: n.value,
       "onUpdate:modelValue": u[3] || (u[3] = (c) => n.value = c),
-      disabled: V(o).loading,
+      disabled: L(o).loading,
       as: "div",
       class: "relative mt-1"
     }, {
-      default: Me(() => [
-        N(V(k0), {
+      default: Ae(() => [
+        N(L(D0), {
           class: "w-full bg-white border border-gray-300 rounded py-2.5 pl-3 pr-10 text-sm text-gray-800 font-medium focus:outline-none focus:ring-0.5 focus:ring-gray-400 focus:border-gray-400",
           onChange: u[0] || (u[0] = (c) => l.value = c.target.value),
           displayValue: (c) => e.languages[c],
-          onFocus: u[1] || (u[1] = (c) => a(c))
+          onFocus: u[1] || (u[1] = (c) => s(c))
         }, null, 8, ["displayValue"]),
-        N(V(R0), {
+        N(L(R0), {
           ref_key: "btnSelect",
-          ref: s,
+          ref: a,
           class: "absolute inset-y-0 right-0 flex items-center pr-2"
         }, {
-          default: Me(() => [
-            N(V(j0), {
+          default: Ae(() => [
+            N(L(H0), {
               class: "h-5 w-5 text-gray-400",
               "aria-hidden": "true",
-              onClick: u[2] || (u[2] = (c) => a(c))
+              onClick: u[2] || (u[2] = (c) => s(c))
             })
           ]),
           _: 1
         }, 512),
-        N(V(D0), { class: "absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm z-50" }, {
-          default: Me(() => [
-            (w(!0), E(Q, null, ae(i.value, ([c, p]) => (w(), se(V(N0), {
+        N(L(N0), { class: "absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm z-50" }, {
+          default: Ae(() => [
+            (C(!0), O(J, null, oe(i.value, ([c, p]) => (C(), G(L(B0), {
               key: c,
               value: c
             }, {
-              default: Me(({ active: h, selected: m }) => [
+              default: Ae(({ active: b, selected: w }) => [
                 v("li", {
-                  class: U([
+                  class: B([
                     "relative cursor-default select-none py-2 pl-3 pr-9",
-                    h ? "bg-[#3B5695] text-white" : "text-textCustom"
+                    b ? "bg-[#3B5695] text-white" : "text-textCustom"
                   ])
                 }, [
                   v("span", {
-                    class: U(["block truncate", m && "font-semibold"])
-                  }, te(p), 3)
+                    class: B(["block truncate", w && "font-semibold"])
+                  }, ne(p), 3)
                 ], 2)
               ]),
               _: 2
@@ -2410,19 +2418,19 @@ const ze = He("loader", () => ({ loading: O(!1) })), _t = {
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}, i2 = "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", gn = ["disabled"], Cn = /* @__PURE__ */ v("img", {
+}, i2 = "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", Cn = ["disabled"], xn = /* @__PURE__ */ v("img", {
   src: i2,
   alt: "swap",
   class: "w-4"
-}, null, -1), xn = [
-  Cn
-], yn = ["disabled"], wn = /* @__PURE__ */ v("img", {
+}, null, -1), yn = [
+  xn
+], wn = ["disabled"], _n = /* @__PURE__ */ v("img", {
   src: i2,
   alt: "swap",
   class: "w-4"
-}, null, -1), _n = [
-  wn
-], Sn = {
+}, null, -1), Sn = [
+  _n
+], En = {
   __name: "SwapBtn",
   props: {
     isBidirect: {
@@ -2432,22 +2440,22 @@ const ze = He("loader", () => ({ loading: O(!1) })), _t = {
   },
   emits: ["swap"],
   setup(e, { emit: o }) {
-    const t = ze(), n = o;
-    return (l, s) => e.isBidirect ? (w(), E("button", {
+    const t = Me(), n = E(() => t.isLoading("translation")), l = o;
+    return (a, i) => e.isBidirect ? (C(), O("button", {
       key: 1,
-      onClick: s[0] || (s[0] = (i) => n("swap")),
-      disabled: V(t).loading
-    }, _n, 8, yn)) : (w(), E("button", {
+      onClick: i[0] || (i[0] = (s) => l("swap")),
+      disabled: n.value
+    }, Sn, 8, wn)) : (C(), O("button", {
       key: 0,
-      disabled: V(t).loading
-    }, xn, 8, gn));
+      disabled: n.value
+    }, yn, 8, Cn));
   }
-}, Ue = He("language", () => {
-  const e = O("auto"), o = O("en"), t = O({
+}, Ue = ze("language", () => {
+  const e = $("auto"), o = $("en"), t = $({
     src: [],
     target: []
-  }), n = _(() => t.value.src[e.value]), l = _(() => t.value.target[o.value]);
-  function s(r, u) {
+  }), n = E(() => t.value.src[e.value]), l = E(() => t.value.target[o.value]);
+  function a(r, u) {
     e.value = r == null ? void 0 : r.src, o.value = r == null ? void 0 : r.target, t.value = u;
   }
   function i() {
@@ -2455,41 +2463,41 @@ const ze = He("loader", () => ({ loading: O(!1) })), _t = {
     const r = e.value;
     e.value = o.value, o.value = r;
   }
-  function a(r) {
+  function s(r) {
     return t.value.src[r] || t.value.target[r];
   }
-  return { languages: t, src: e, target: o, srcLabel: n, targetLabel: l, init: s, swap: i, getLabel: a };
-}), En = {
+  return { languages: t, src: e, target: o, srcLabel: n, targetLabel: l, init: a, swap: i, getLabel: s };
+}), On = {
   key: 0,
   class: "flex"
-}, On = {
+}, In = {
   __name: "Selects",
   setup(e) {
     const o = Ue();
     function t() {
       o.swap();
     }
-    return (n, l) => V(o).languages ? (w(), E("div", En, [
+    return (n, l) => L(o).languages ? (C(), O("div", On, [
       N(_t, {
-        modelValue: V(o).src,
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => V(o).src = s),
-        languages: V(o).languages.src,
+        modelValue: L(o).src,
+        "onUpdate:modelValue": l[0] || (l[0] = (a) => L(o).src = a),
+        languages: L(o).languages.src,
         class: "grow"
       }, null, 8, ["modelValue", "languages"]),
-      N(Sn, {
-        isBidirect: V(o).src !== "auto",
+      N(En, {
+        isBidirect: L(o).src !== "auto",
         class: "grow-0 mx-3",
         onSwap: t
       }, null, 8, ["isBidirect"]),
       N(_t, {
-        modelValue: V(o).target,
-        "onUpdate:modelValue": l[1] || (l[1] = (s) => V(o).target = s),
-        languages: V(o).languages.target,
+        modelValue: L(o).target,
+        "onUpdate:modelValue": l[1] || (l[1] = (a) => L(o).target = a),
+        languages: L(o).languages.target,
         class: "grow"
       }, null, 8, ["modelValue", "languages"])
-    ])) : W("", !0);
+    ])) : Z("", !0);
   }
-}, Tn = {
+}, $n = {
   INPUT_MAX_LENGTH: 5e3,
   INPUT_DEBOUNCE: 500
 }, Ze = (e, o) => {
@@ -2497,12 +2505,12 @@ const ze = He("loader", () => ({ loading: O(!1) })), _t = {
   for (const [n, l] of o)
     t[n] = l;
   return t;
-}, $n = {}, In = { class: "mr-2 loading loading-dots loading-xs" };
-function Ln(e, o) {
-  return w(), E("span", In);
+}, Tn = {}, Ln = { class: "mr-2 loading loading-dots loading-xs" };
+function Mn(e, o) {
+  return C(), O("span", Ln);
 }
-const Mn = /* @__PURE__ */ Ze($n, [["render", Ln]]), r2 = He("tts", () => {
-  const e = O({
+const r2 = /* @__PURE__ */ Ze(Tn, [["render", Mn]]), u2 = ze("tts", () => {
+  const e = $({
     src: null,
     target: null
   });
@@ -2525,7 +2533,7 @@ const Mn = /* @__PURE__ */ Ze($n, [["render", Ln]]), r2 = He("tts", () => {
     get: t,
     reset: n
   };
-}), Vn = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.33325%204.66667H3.51125C3.82693%204.6667%204.13239%204.55473%204.37325%204.35067L6.83392%202.26667C6.99592%202.12953%207.19374%202.04156%207.40407%202.01312C7.61441%201.98468%207.82849%202.01696%208.02109%202.10615C8.21369%202.19534%208.37678%202.33772%208.49114%202.51652C8.60551%202.69532%208.66638%202.90309%208.66659%203.11534V12.8847C8.66649%2013.097%208.60565%2013.305%208.49125%2013.4839C8.37685%2013.6628%208.21367%2013.8053%208.02094%2013.8945C7.82822%2013.9837%207.614%2014.0159%207.40356%2013.9874C7.19312%2013.9588%206.99523%2013.8707%206.83325%2013.7333L4.37325%2011.6487C4.13229%2011.4449%203.82685%2011.3331%203.51125%2011.3333H2.33325C2.06804%2011.3333%201.81368%2011.228%201.62615%2011.0404C1.43861%2010.8529%201.33325%2010.5986%201.33325%2010.3333V5.66667C1.33325%205.40145%201.43861%205.1471%201.62615%204.95956C1.81368%204.77203%202.06804%204.66667%202.33325%204.66667ZM11.1779%2011.18C11.5969%2010.763%2011.9294%2010.2674%2012.1562%209.72156C12.3831%209.17572%2012.4999%208.59044%2012.4999%207.99934C12.4999%207.40823%2012.3831%206.82295%2012.1562%206.27711C11.9294%205.73127%2011.5969%205.23564%2011.1779%204.81867C11.1317%204.77098%2011.0765%204.73297%2011.0155%204.70686C10.9544%204.68075%2010.8888%204.66705%2010.8224%204.66657C10.756%204.66609%2010.6902%204.67883%2010.6288%204.70406C10.5674%204.72929%2010.5116%204.76649%2010.4647%204.8135C10.4179%204.86051%2010.3808%204.91639%2010.3558%204.97787C10.3307%205.03935%2010.3181%205.10521%2010.3188%205.17159C10.3195%205.23798%2010.3334%205.30357%2010.3597%205.36453C10.3859%205.42549%2010.4241%205.48061%2010.4719%205.52667C10.7977%205.85079%2011.0562%206.23609%2011.2326%206.66043C11.409%207.08477%2011.4998%207.53979%2011.4998%207.99934C11.4998%208.45888%2011.409%208.9139%2011.2326%209.33824C11.0562%209.76258%2010.7977%2010.1479%2010.4719%2010.472C10.4241%2010.5181%2010.3859%2010.5732%2010.3597%2010.6341C10.3334%2010.6951%2010.3195%2010.7607%2010.3188%2010.8271C10.3181%2010.8935%2010.3307%2010.9593%2010.3558%2011.0208C10.3808%2011.0823%2010.4179%2011.1382%2010.4647%2011.1852C10.5116%2011.2322%2010.5674%2011.2694%2010.6288%2011.2946C10.6902%2011.3198%2010.756%2011.3326%2010.8224%2011.3321C10.8888%2011.3316%2010.9544%2011.3179%2011.0155%2011.2918C11.0765%2011.2657%2011.1317%2011.2277%2011.1779%2011.18ZM12.7113%2013.2127C12.6123%2013.2126%2012.5157%2013.1832%2012.4335%2013.1281C12.3513%2013.0731%2012.2873%2012.9949%2012.2495%2012.9035C12.2118%2012.8121%2012.202%2012.7115%2012.2214%2012.6146C12.2408%2012.5176%2012.2886%2012.4285%2012.3586%2012.3587C12.9317%2011.7866%2013.3865%2011.1071%2013.6967%2010.359C14.0069%209.61101%2014.1666%208.80915%2014.1666%207.99934C14.1666%207.18952%2014.0069%206.38766%2013.6967%205.63963C13.3865%204.8916%2012.9317%204.2121%2012.3586%203.64C12.3122%203.59351%2012.2754%203.53834%2012.2503%203.47764C12.2252%203.41693%2012.2124%203.35188%2012.2124%203.2862C12.2125%203.22052%2012.2255%203.15549%2012.2507%203.09483C12.2759%203.03417%2012.3128%202.97907%2012.3593%202.93267C12.4057%202.88627%2012.4609%202.84948%2012.5216%202.8244C12.5823%202.79932%2012.6474%202.78645%2012.7131%202.78651C12.7787%202.78657%2012.8438%202.79957%2012.9044%202.82476C12.9651%202.84995%2013.0202%202.88685%2013.0666%202.93334C13.7327%203.59825%2014.2612%204.38801%2014.6218%205.25741C14.9824%206.12681%2015.168%207.05879%2015.168%208C15.168%208.94122%2014.9824%209.87319%2014.6218%2010.7426C14.2612%2011.612%2013.7327%2012.4018%2013.0666%2013.0667C13.02%2013.1134%2012.9646%2013.1504%2012.9036%2013.1756C12.8426%2013.2007%2012.7772%2013.2129%2012.7113%2013.2127Z'%20fill='%233B5695'/%3e%3c/svg%3e", An = "data:image/svg+xml,%3csvg%20class='swap-on%20fill-current%20h-4%20w-4'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill-rule='evenodd'%20d='M4.5%207.5a3%203%200%200%201%203-3h9a3%203%200%200%201%203%203v9a3%203%200%200%201-3%203h-9a3%203%200%200%201-3-3v-9Z'%20clip-rule='evenodd'%20fill='%238595BE'/%3e%3c/svg%3e", Fn = ["disabled"], Pn = ["src"], Rn = ["src"], kn = {
+}), 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='M2.33325%204.66667H3.51125C3.82693%204.6667%204.13239%204.55473%204.37325%204.35067L6.83392%202.26667C6.99592%202.12953%207.19374%202.04156%207.40407%202.01312C7.61441%201.98468%207.82849%202.01696%208.02109%202.10615C8.21369%202.19534%208.37678%202.33772%208.49114%202.51652C8.60551%202.69532%208.66638%202.90309%208.66659%203.11534V12.8847C8.66649%2013.097%208.60565%2013.305%208.49125%2013.4839C8.37685%2013.6628%208.21367%2013.8053%208.02094%2013.8945C7.82822%2013.9837%207.614%2014.0159%207.40356%2013.9874C7.19312%2013.9588%206.99523%2013.8707%206.83325%2013.7333L4.37325%2011.6487C4.13229%2011.4449%203.82685%2011.3331%203.51125%2011.3333H2.33325C2.06804%2011.3333%201.81368%2011.228%201.62615%2011.0404C1.43861%2010.8529%201.33325%2010.5986%201.33325%2010.3333V5.66667C1.33325%205.40145%201.43861%205.1471%201.62615%204.95956C1.81368%204.77203%202.06804%204.66667%202.33325%204.66667ZM11.1779%2011.18C11.5969%2010.763%2011.9294%2010.2674%2012.1562%209.72156C12.3831%209.17572%2012.4999%208.59044%2012.4999%207.99934C12.4999%207.40823%2012.3831%206.82295%2012.1562%206.27711C11.9294%205.73127%2011.5969%205.23564%2011.1779%204.81867C11.1317%204.77098%2011.0765%204.73297%2011.0155%204.70686C10.9544%204.68075%2010.8888%204.66705%2010.8224%204.66657C10.756%204.66609%2010.6902%204.67883%2010.6288%204.70406C10.5674%204.72929%2010.5116%204.76649%2010.4647%204.8135C10.4179%204.86051%2010.3808%204.91639%2010.3558%204.97787C10.3307%205.03935%2010.3181%205.10521%2010.3188%205.17159C10.3195%205.23798%2010.3334%205.30357%2010.3597%205.36453C10.3859%205.42549%2010.4241%205.48061%2010.4719%205.52667C10.7977%205.85079%2011.0562%206.23609%2011.2326%206.66043C11.409%207.08477%2011.4998%207.53979%2011.4998%207.99934C11.4998%208.45888%2011.409%208.9139%2011.2326%209.33824C11.0562%209.76258%2010.7977%2010.1479%2010.4719%2010.472C10.4241%2010.5181%2010.3859%2010.5732%2010.3597%2010.6341C10.3334%2010.6951%2010.3195%2010.7607%2010.3188%2010.8271C10.3181%2010.8935%2010.3307%2010.9593%2010.3558%2011.0208C10.3808%2011.0823%2010.4179%2011.1382%2010.4647%2011.1852C10.5116%2011.2322%2010.5674%2011.2694%2010.6288%2011.2946C10.6902%2011.3198%2010.756%2011.3326%2010.8224%2011.3321C10.8888%2011.3316%2010.9544%2011.3179%2011.0155%2011.2918C11.0765%2011.2657%2011.1317%2011.2277%2011.1779%2011.18ZM12.7113%2013.2127C12.6123%2013.2126%2012.5157%2013.1832%2012.4335%2013.1281C12.3513%2013.0731%2012.2873%2012.9949%2012.2495%2012.9035C12.2118%2012.8121%2012.202%2012.7115%2012.2214%2012.6146C12.2408%2012.5176%2012.2886%2012.4285%2012.3586%2012.3587C12.9317%2011.7866%2013.3865%2011.1071%2013.6967%2010.359C14.0069%209.61101%2014.1666%208.80915%2014.1666%207.99934C14.1666%207.18952%2014.0069%206.38766%2013.6967%205.63963C13.3865%204.8916%2012.9317%204.2121%2012.3586%203.64C12.3122%203.59351%2012.2754%203.53834%2012.2503%203.47764C12.2252%203.41693%2012.2124%203.35188%2012.2124%203.2862C12.2125%203.22052%2012.2255%203.15549%2012.2507%203.09483C12.2759%203.03417%2012.3128%202.97907%2012.3593%202.93267C12.4057%202.88627%2012.4609%202.84948%2012.5216%202.8244C12.5823%202.79932%2012.6474%202.78645%2012.7131%202.78651C12.7787%202.78657%2012.8438%202.79957%2012.9044%202.82476C12.9651%202.84995%2013.0202%202.88685%2013.0666%202.93334C13.7327%203.59825%2014.2612%204.38801%2014.6218%205.25741C14.9824%206.12681%2015.168%207.05879%2015.168%208C15.168%208.94122%2014.9824%209.87319%2014.6218%2010.7426C14.2612%2011.612%2013.7327%2012.4018%2013.0666%2013.0667C13.02%2013.1134%2012.9646%2013.1504%2012.9036%2013.1756C12.8426%2013.2007%2012.7772%2013.2129%2012.7113%2013.2127Z'%20fill='%233B5695'/%3e%3c/svg%3e", Vn = "data:image/svg+xml,%3csvg%20class='swap-on%20fill-current%20h-4%20w-4'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill-rule='evenodd'%20d='M4.5%207.5a3%203%200%200%201%203-3h9a3%203%200%200%201%203%203v9a3%203%200%200%201-3%203h-9a3%203%200%200%201-3-3v-9Z'%20clip-rule='evenodd'%20fill='%238595BE'/%3e%3c/svg%3e", kn = ["disabled"], Fn = ["src"], Pn = ["src"], Rn = {
   __name: "SpeakBtn",
   props: {
     type: {
@@ -2536,11 +2544,11 @@ const Mn = /* @__PURE__ */ Ze($n, [["render", Ln]]), r2 = He("tts", () => {
   },
   emits: ["loadTTS"],
   setup(e, { emit: o }) {
-    const t = r2(), n = e, l = o, s = _(() => t.tts[n.type]), i = O(!1), a = new Audio();
-    B(
-      s,
+    const t = u2(), n = e, l = o, a = E(() => t.tts[n.type]), i = $(!1), s = new Audio();
+    j(
+      a,
       () => {
-        if (!s.value) {
+        if (!a.value) {
           i.value = !1;
           return;
         }
@@ -2548,38 +2556,38 @@ const Mn = /* @__PURE__ */ Ze($n, [["render", Ln]]), r2 = He("tts", () => {
       },
       { immediate: !0 }
     ), nt(() => {
-      c(), a.src = "";
+      c(), s.src = "";
     });
     function r() {
-      if (s.value) {
+      if (a.value) {
         u();
         return;
       }
       i.value = !0, l("loadTTS");
     }
     function u() {
-      s.value && (a.src = s.value, i.value = !0, a.play().catch(() => {
+      a.value && (s.src = a.value, i.value = !0, s.play().catch(() => {
         i.value = !1;
       }));
     }
     function c() {
-      a.pause(), a.currentTime = 0, i.value = !1;
+      s.pause(), s.currentTime = 0, i.value = !1;
     }
-    return a.onended = () => {
+    return s.onended = () => {
       i.value = !1;
-    }, (p, h) => i.value ? (w(), E("button", {
+    }, (p, b) => i.value ? (C(), O("button", {
       key: 1,
       class: "btn btn-xs btn-circle",
       onClick: dt(c, ["prevent"])
     }, [
       v("img", {
-        src: V(An),
+        src: L(Vn),
         alt: "Stop",
         class: "w-4 transition-all duration-200"
-      }, null, 8, Rn)
-    ])) : (w(), E("button", {
+      }, null, 8, Pn)
+    ])) : (C(), O("button", {
       key: 0,
-      class: U(["btn btn-xs btn-circle", [
+      class: B(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
         { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
       ]]),
@@ -2587,114 +2595,124 @@ const Mn = /* @__PURE__ */ Ze($n, [["render", Ln]]), r2 = He("tts", () => {
       onClick: dt(r, ["prevent"])
     }, [
       v("img", {
-        src: V(Vn),
+        src: L(An),
         alt: "Play",
-        class: U(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
-      }, null, 10, Pn)
-    ], 10, Fn));
+        class: B(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+      }, null, 10, Fn)
+    ], 10, kn));
   }
-}, Dn = "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", Nn = ["disabled"], Bn = ["src"], jn = {
+}, Dn = "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", Nn = {
+  class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
+  "data-tip": "Clear"
+}, Bn = ["disabled"], jn = ["src"], Hn = {
   __name: "ClearBtn",
   props: {
     disabled: Boolean
   },
   setup(e) {
-    return (o, t) => (w(), E("button", {
-      class: U(["btn btn-xs btn-circle", [
-        { "btn-ghost": !e.disabled },
-        { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
-      ]]),
-      disabled: e.disabled
-    }, [
-      v("img", {
-        src: V(Dn),
-        alt: "Clear",
-        class: U(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
-      }, null, 10, Bn)
-    ], 10, Nn));
+    return (o, t) => (C(), O("div", Nn, [
+      v("button", {
+        class: B(["btn btn-xs btn-circle", [
+          { "btn-ghost": !e.disabled },
+          { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
+        ]]),
+        disabled: e.disabled
+      }, [
+        v("img", {
+          src: L(Dn),
+          alt: "Clear",
+          class: B(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+        }, null, 10, jn)
+      ], 10, Bn)
+    ]));
   }
-}, Hn = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.47207%201.31905C7.57125%201.12371%207.77589%201%208.00001%201C8.22413%201%208.42877%201.12367%208.52795%201.31905L10.3721%204.95175L14.4959%205.53427C14.7177%205.5656%2014.9019%205.7166%2014.9712%205.9238C15.0404%206.13101%2014.9827%206.35843%2014.8222%206.51049L11.8382%209.33816L12.5427%2013.3309C12.5806%2013.5456%2012.4897%2013.7626%2012.3084%2013.8906C12.1272%2014.0187%2011.8868%2014.0356%2011.6884%2013.9342L8.00004%2012.0491L4.31158%2013.9343C4.11323%2014.0356%203.87286%2014.0187%203.69157%2013.8907C3.51028%2013.7627%203.4195%2013.5457%203.45736%2013.3309L4.1618%209.33819L1.17781%206.51052C1.01735%206.35846%200.959571%206.13101%201.02884%205.92383C1.09807%205.71663%201.28232%205.56563%201.50409%205.53431L5.62787%204.95178L7.47207%201.31905Z'%20fill='%23FFC857'/%3e%3c/svg%3e", zn = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.9491%205.89315C14.8278%205.53128%2014.5111%205.27252%2014.1226%205.21783L10.5264%204.7114L8.91813%201.55315C8.74435%201.21195%208.39257%201%207.99998%201C7.60739%201%207.25557%201.21195%207.08183%201.55315L5.47358%204.7114L1.8774%205.21783C1.48888%205.27252%201.17219%205.53128%201.05086%205.89315C0.929554%206.25501%201.02881%206.64477%201.30993%206.91038L3.91217%209.36871L3.29786%2012.8399C3.2315%2013.215%203.38755%2013.5868%203.7052%2013.8105C3.88128%2013.9344%204.08938%2014%204.30704%2014C4.47232%2014%204.63705%2013.9606%204.78341%2013.886L7.99995%2012.2471L11.2165%2013.886C11.3628%2013.9606%2011.5276%2014%2011.6929%2014C11.9106%2014%2012.1187%2013.9345%2012.2948%2013.8105C12.6124%2013.5868%2012.7685%2013.215%2012.7021%2012.84L12.0878%209.36871L14.6901%206.91035C14.9712%206.64477%2015.0704%206.25498%2014.9491%205.89315ZM14.0266%206.25082L11.2455%208.87813C11.1335%208.98392%2011.0824%209.13637%2011.1089%209.28575L11.7654%2012.9956C11.7701%2013.0226%2011.759%2013.0493%2011.7362%2013.0653C11.7202%2013.0766%2011.7038%2013.079%2011.6929%2013.079C11.6809%2013.079%2011.6694%2013.0762%2011.6587%2013.0708L8.22108%2011.3192C8.15189%2011.284%208.07593%2011.2663%207.99998%2011.2663C7.92402%2011.2663%207.84807%2011.284%207.77882%2011.3193L4.34118%2013.0708C4.33052%2013.0763%204.31904%2013.079%204.30701%2013.079C4.29611%2013.079%204.27969%2013.0767%204.26373%2013.0654C4.24092%2013.0494%204.22975%2013.0226%204.2345%2012.9957L4.89104%209.28584C4.91747%209.13646%204.86637%208.98401%204.75439%208.87822L1.97327%206.25091C1.95308%206.23184%201.94595%206.20383%201.95466%206.17786C1.9634%206.15185%201.98612%206.13326%202.01405%206.12933L5.85743%205.58807C6.0122%205.56626%206.14599%205.47208%206.21521%205.33616L7.93404%201.9608C7.94653%201.9363%207.97178%201.92107%207.99998%201.92107C8.02818%201.92107%208.05343%201.9363%208.06591%201.9608L9.78468%205.33607C9.85391%205.47199%209.9877%205.5662%2010.1425%205.58799L13.9859%206.12924C14.0138%206.1332%2014.0365%206.15176%2014.0452%206.17777C14.0539%206.20374%2014.0468%206.23175%2014.0266%206.25082Z'%20fill='%231A1F2A'/%3e%3c/svg%3e", Un = ["disabled"], Zn = ["src"], Wn = {
+}, zn = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.47207%201.31905C7.57125%201.12371%207.77589%201%208.00001%201C8.22413%201%208.42877%201.12367%208.52795%201.31905L10.3721%204.95175L14.4959%205.53427C14.7177%205.5656%2014.9019%205.7166%2014.9712%205.9238C15.0404%206.13101%2014.9827%206.35843%2014.8222%206.51049L11.8382%209.33816L12.5427%2013.3309C12.5806%2013.5456%2012.4897%2013.7626%2012.3084%2013.8906C12.1272%2014.0187%2011.8868%2014.0356%2011.6884%2013.9342L8.00004%2012.0491L4.31158%2013.9343C4.11323%2014.0356%203.87286%2014.0187%203.69157%2013.8907C3.51028%2013.7627%203.4195%2013.5457%203.45736%2013.3309L4.1618%209.33819L1.17781%206.51052C1.01735%206.35846%200.959571%206.13101%201.02884%205.92383C1.09807%205.71663%201.28232%205.56563%201.50409%205.53431L5.62787%204.95178L7.47207%201.31905Z'%20fill='%23FFC857'/%3e%3c/svg%3e", Un = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.9491%205.89315C14.8278%205.53128%2014.5111%205.27252%2014.1226%205.21783L10.5264%204.7114L8.91813%201.55315C8.74435%201.21195%208.39257%201%207.99998%201C7.60739%201%207.25557%201.21195%207.08183%201.55315L5.47358%204.7114L1.8774%205.21783C1.48888%205.27252%201.17219%205.53128%201.05086%205.89315C0.929554%206.25501%201.02881%206.64477%201.30993%206.91038L3.91217%209.36871L3.29786%2012.8399C3.2315%2013.215%203.38755%2013.5868%203.7052%2013.8105C3.88128%2013.9344%204.08938%2014%204.30704%2014C4.47232%2014%204.63705%2013.9606%204.78341%2013.886L7.99995%2012.2471L11.2165%2013.886C11.3628%2013.9606%2011.5276%2014%2011.6929%2014C11.9106%2014%2012.1187%2013.9345%2012.2948%2013.8105C12.6124%2013.5868%2012.7685%2013.215%2012.7021%2012.84L12.0878%209.36871L14.6901%206.91035C14.9712%206.64477%2015.0704%206.25498%2014.9491%205.89315ZM14.0266%206.25082L11.2455%208.87813C11.1335%208.98392%2011.0824%209.13637%2011.1089%209.28575L11.7654%2012.9956C11.7701%2013.0226%2011.759%2013.0493%2011.7362%2013.0653C11.7202%2013.0766%2011.7038%2013.079%2011.6929%2013.079C11.6809%2013.079%2011.6694%2013.0762%2011.6587%2013.0708L8.22108%2011.3192C8.15189%2011.284%208.07593%2011.2663%207.99998%2011.2663C7.92402%2011.2663%207.84807%2011.284%207.77882%2011.3193L4.34118%2013.0708C4.33052%2013.0763%204.31904%2013.079%204.30701%2013.079C4.29611%2013.079%204.27969%2013.0767%204.26373%2013.0654C4.24092%2013.0494%204.22975%2013.0226%204.2345%2012.9957L4.89104%209.28584C4.91747%209.13646%204.86637%208.98401%204.75439%208.87822L1.97327%206.25091C1.95308%206.23184%201.94595%206.20383%201.95466%206.17786C1.9634%206.15185%201.98612%206.13326%202.01405%206.12933L5.85743%205.58807C6.0122%205.56626%206.14599%205.47208%206.21521%205.33616L7.93404%201.9608C7.94653%201.9363%207.97178%201.92107%207.99998%201.92107C8.02818%201.92107%208.05343%201.9363%208.06591%201.9608L9.78468%205.33607C9.85391%205.47199%209.9877%205.5662%2010.1425%205.58799L13.9859%206.12924C14.0138%206.1332%2014.0365%206.15176%2014.0452%206.17777C14.0539%206.20374%2014.0468%206.23175%2014.0266%206.25082Z'%20fill='%231A1F2A'/%3e%3c/svg%3e", Zn = {
+  class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
+  "data-tip": "Favorite"
+}, Wn = ["disabled"], Gn = ["src"], qn = {
   __name: "FavoriteBtn",
   props: {
     disabled: Boolean,
     isFilled: Boolean
   },
   setup(e) {
-    return (o, t) => (w(), E("button", {
-      class: U(["btn btn-xs btn-circle", [
-        { "btn-ghost": !e.disabled },
-        { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
-      ]]),
-      disabled: e.disabled
-    }, [
-      v("img", {
-        src: e.isFilled ? V(Hn) : V(zn),
-        alt: "Favorite",
-        class: U(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
-      }, null, 10, Zn)
-    ], 10, Un));
+    return (o, t) => (C(), O("div", Zn, [
+      v("button", {
+        class: B(["btn btn-xs btn-circle", [
+          { "btn-ghost": !e.disabled },
+          { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
+        ]]),
+        disabled: e.disabled
+      }, [
+        v("img", {
+          src: e.isFilled ? L(zn) : L(Un),
+          alt: "Favorite",
+          class: B(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+        }, null, 10, Gn)
+      ], 10, Wn)
+    ]));
   }
-}, Gn = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.8544%203.20309C5.39975%202.89815%204.26277%201.76117%203.95787%200.30649C3.92042%200.12792%203.76292%200%203.58041%200C3.3979%200%203.2404%200.12792%203.20297%200.30652C2.89805%201.76117%201.76107%202.89812%200.306418%203.20302C0.127818%203.24045%20-0.00012207%203.39798%20-0.00012207%203.58046C-0.00012207%203.76295%200.127798%203.92047%200.306418%203.9579C1.76105%204.26285%202.89798%205.3998%203.2029%206.85448C3.24033%207.03307%203.39783%207.16102%203.58034%207.16102C3.76282%207.16102%203.92035%207.0331%203.95778%206.85448C4.26272%205.39983%205.39973%204.26287%206.85438%203.95799C7.03297%203.92056%207.16092%203.76306%207.16092%203.58056C7.1609%203.39805%207.03297%203.24052%206.8544%203.20309ZM3.58036%205.60938C3.14292%204.73132%202.42956%204.01792%201.55151%203.58049C2.42958%203.14305%203.14297%202.42968%203.58041%201.55161C4.01785%202.4297%204.73122%203.14307%205.60926%203.58053C4.73119%204.01797%204.0178%204.73132%203.58036%205.60938Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6.21683%209.574C5.53147%209.4303%204.99578%208.8947%204.85209%208.2093C4.81466%208.0307%204.65716%207.90271%204.47465%207.90271C4.29217%207.90271%204.13464%208.0306%204.09721%208.2092C3.95352%208.8946%203.4178%209.4303%202.73244%209.574C2.55385%209.6114%202.4259%209.7689%202.4259%209.9514C2.4259%2010.1339%202.55383%2010.2914%202.73244%2010.3288C3.41778%2010.4725%203.95349%2011.0082%204.09716%2011.6936C4.13459%2011.8722%204.2921%2012.0002%204.4746%2012.0002C4.65709%2012.0002%204.81461%2011.8723%204.85204%2011.6936C4.99574%2011.0082%205.53145%2010.4725%206.21683%2010.3289C6.39543%2010.2914%206.52337%2010.1339%206.52337%209.9514C6.52337%209.7689%206.39545%209.6114%206.21683%209.574ZM4.47463%2010.6408C4.29163%2010.3688%204.05725%2010.1345%203.78526%209.9515C4.0573%209.7684%204.29163%209.5341%204.47463%209.2621C4.65765%209.5341%204.892%209.7685%205.164%209.9515C4.892%2010.1345%204.65763%2010.3688%204.47463%2010.6408Z'%20fill='%23FFC857'/%3e%3cpath%20d='M11.4271%206.00324C10.5007%205.80904%209.7766%205.08496%209.5825%204.15859C9.545%203.98%209.3875%203.85205%209.205%203.85205C9.0225%203.85205%208.865%203.97995%208.8276%204.15857C8.6334%205.08496%207.90932%205.80902%206.98293%206.0032C6.80434%206.04063%206.67639%206.19815%206.67639%206.38064C6.67639%206.56312%206.80431%206.72062%206.98293%206.75807C7.9093%206.95228%208.6334%207.67633%208.8275%208.6027C8.865%208.7813%209.0225%208.9093%209.205%208.9093C9.3875%208.9093%209.545%208.7814%209.5824%208.6027C9.7766%207.67633%2010.5007%206.95228%2011.4271%206.75812C11.6057%206.72067%2011.7336%206.56317%2011.7336%206.38068C11.7336%206.1982%2011.6057%206.04067%2011.4271%206.00324ZM9.205%207.47681C8.9365%207.02634%208.5593%206.64914%208.1089%206.38066C8.5593%206.11218%208.9365%205.73502%209.205%205.28453C9.4735%205.73502%209.8507%206.11221%2010.3012%206.38068C9.8507%206.64916%209.4735%207.02636%209.205%207.47681Z'%20fill='%23FFC857'/%3e%3ccircle%20cx='3.5'%20cy='3.5'%20r='1.5'%20fill='%23FFC857'/%3e%3cellipse%20cx='4.5'%20cy='10'%20rx='0.5'%20ry='1'%20fill='%23FFC857'/%3e%3cpath%20d='M3.5%201L4.79904%202.5H2.20096L3.5%201Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6%203.5L4.5%204.79904L4.5%202.20096L6%203.5Z'%20fill='%23FFC857'/%3e%3cpath%20d='M10.3697%206.67832L8.22108%207.01422L9.5776%204.65296L10.3697%206.67832Z'%20fill='%23FFC857'/%3e%3cpath%20d='M8.27756%205.34149L10.768%206.00067L9.11199%207.77878L8.27756%205.34149Z'%20fill='%23FFC857'/%3e%3cpath%20d='M1%203.5L2.5%202.20096L2.5%204.79904L1%203.5Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.5%206L2.20096%204.5L4.79904%204.5L3.5%206Z'%20fill='%23FFC857'/%3e%3ccircle%20cx='9'%20cy='6'%20r='1'%20fill='%23FFC857'/%3e%3cpath%20d='M5.49718%209.92495L4.03391%2010.4693L3.96891%209.60573L5.49718%209.92495Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.54089%209.71696L5.10212%209.72621L4.857%2010.5568L3.54089%209.71696Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.50071%209.96247L5.0159%209.58606L4.9834%2010.4515L3.50071%209.96247Z'%20fill='%23FFC857'/%3e%3c/svg%3e", qn = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.8544%203.20309C5.39975%202.89815%204.26277%201.76117%203.95787%200.30649C3.92042%200.12792%203.76292%200%203.58041%200C3.3979%200%203.2404%200.12792%203.20297%200.30652C2.89805%201.76117%201.76107%202.89812%200.306418%203.20302C0.127818%203.24045%20-0.00012207%203.39798%20-0.00012207%203.58046C-0.00012207%203.76295%200.127798%203.92047%200.306418%203.9579C1.76105%204.26285%202.89798%205.3998%203.2029%206.85448C3.24033%207.03307%203.39783%207.16102%203.58034%207.16102C3.76282%207.16102%203.92035%207.0331%203.95778%206.85448C4.26272%205.39983%205.39973%204.26287%206.85438%203.95799C7.03297%203.92056%207.16092%203.76306%207.16092%203.58056C7.1609%203.39805%207.03297%203.24052%206.8544%203.20309ZM3.58036%205.60938C3.14292%204.73132%202.42956%204.01792%201.55151%203.58049C2.42958%203.14305%203.14297%202.42968%203.58041%201.55161C4.01785%202.4297%204.73122%203.14307%205.60926%203.58053C4.73119%204.01797%204.0178%204.73132%203.58036%205.60938Z'%20fill='%231A1F2A'/%3e%3cpath%20d='M6.21683%209.574C5.53147%209.4303%204.99578%208.8947%204.85209%208.2093C4.81466%208.0307%204.65716%207.90271%204.47465%207.90271C4.29217%207.90271%204.13464%208.0306%204.09721%208.2092C3.95352%208.8946%203.4178%209.4303%202.73244%209.574C2.55385%209.6114%202.4259%209.7689%202.4259%209.9514C2.4259%2010.1339%202.55383%2010.2914%202.73244%2010.3288C3.41778%2010.4725%203.95349%2011.0082%204.09716%2011.6936C4.13459%2011.8722%204.2921%2012.0002%204.4746%2012.0002C4.65709%2012.0002%204.81461%2011.8723%204.85204%2011.6936C4.99574%2011.0082%205.53145%2010.4725%206.21683%2010.3289C6.39543%2010.2914%206.52337%2010.1339%206.52337%209.9514C6.52337%209.7689%206.39545%209.6114%206.21683%209.574ZM4.47463%2010.6408C4.29163%2010.3688%204.05725%2010.1345%203.78526%209.9515C4.0573%209.7684%204.29163%209.5341%204.47463%209.2621C4.65765%209.5341%204.892%209.7685%205.164%209.9515C4.892%2010.1345%204.65763%2010.3688%204.47463%2010.6408Z'%20fill='%231A1F2A'/%3e%3cpath%20d='M11.4271%206.00324C10.5007%205.80904%209.7766%205.08496%209.5825%204.15859C9.545%203.98%209.3875%203.85205%209.205%203.85205C9.0225%203.85205%208.865%203.97995%208.8276%204.15857C8.6334%205.08496%207.90932%205.80902%206.98293%206.0032C6.80434%206.04063%206.67639%206.19815%206.67639%206.38064C6.67639%206.56312%206.80431%206.72062%206.98293%206.75807C7.9093%206.95228%208.6334%207.67633%208.8275%208.6027C8.865%208.7813%209.0225%208.9093%209.205%208.9093C9.3875%208.9093%209.545%208.7814%209.5824%208.6027C9.7766%207.67633%2010.5007%206.95228%2011.4271%206.75812C11.6057%206.72067%2011.7336%206.56317%2011.7336%206.38068C11.7336%206.1982%2011.6057%206.04067%2011.4271%206.00324ZM9.205%207.47681C8.9365%207.02634%208.5593%206.64914%208.1089%206.38066C8.5593%206.11218%208.9365%205.73502%209.205%205.28453C9.4735%205.73502%209.8507%206.11221%2010.3012%206.38068C9.8507%206.64916%209.4735%207.02636%209.205%207.47681Z'%20fill='%231A1F2A'/%3e%3c/svg%3e", Jn = ["disabled"], Kn = ["src"], u2 = {
+}, Jn = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.8544%203.20309C5.39975%202.89815%204.26277%201.76117%203.95787%200.30649C3.92042%200.12792%203.76292%200%203.58041%200C3.3979%200%203.2404%200.12792%203.20297%200.30652C2.89805%201.76117%201.76107%202.89812%200.306418%203.20302C0.127818%203.24045%20-0.00012207%203.39798%20-0.00012207%203.58046C-0.00012207%203.76295%200.127798%203.92047%200.306418%203.9579C1.76105%204.26285%202.89798%205.3998%203.2029%206.85448C3.24033%207.03307%203.39783%207.16102%203.58034%207.16102C3.76282%207.16102%203.92035%207.0331%203.95778%206.85448C4.26272%205.39983%205.39973%204.26287%206.85438%203.95799C7.03297%203.92056%207.16092%203.76306%207.16092%203.58056C7.1609%203.39805%207.03297%203.24052%206.8544%203.20309ZM3.58036%205.60938C3.14292%204.73132%202.42956%204.01792%201.55151%203.58049C2.42958%203.14305%203.14297%202.42968%203.58041%201.55161C4.01785%202.4297%204.73122%203.14307%205.60926%203.58053C4.73119%204.01797%204.0178%204.73132%203.58036%205.60938Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6.21683%209.574C5.53147%209.4303%204.99578%208.8947%204.85209%208.2093C4.81466%208.0307%204.65716%207.90271%204.47465%207.90271C4.29217%207.90271%204.13464%208.0306%204.09721%208.2092C3.95352%208.8946%203.4178%209.4303%202.73244%209.574C2.55385%209.6114%202.4259%209.7689%202.4259%209.9514C2.4259%2010.1339%202.55383%2010.2914%202.73244%2010.3288C3.41778%2010.4725%203.95349%2011.0082%204.09716%2011.6936C4.13459%2011.8722%204.2921%2012.0002%204.4746%2012.0002C4.65709%2012.0002%204.81461%2011.8723%204.85204%2011.6936C4.99574%2011.0082%205.53145%2010.4725%206.21683%2010.3289C6.39543%2010.2914%206.52337%2010.1339%206.52337%209.9514C6.52337%209.7689%206.39545%209.6114%206.21683%209.574ZM4.47463%2010.6408C4.29163%2010.3688%204.05725%2010.1345%203.78526%209.9515C4.0573%209.7684%204.29163%209.5341%204.47463%209.2621C4.65765%209.5341%204.892%209.7685%205.164%209.9515C4.892%2010.1345%204.65763%2010.3688%204.47463%2010.6408Z'%20fill='%23FFC857'/%3e%3cpath%20d='M11.4271%206.00324C10.5007%205.80904%209.7766%205.08496%209.5825%204.15859C9.545%203.98%209.3875%203.85205%209.205%203.85205C9.0225%203.85205%208.865%203.97995%208.8276%204.15857C8.6334%205.08496%207.90932%205.80902%206.98293%206.0032C6.80434%206.04063%206.67639%206.19815%206.67639%206.38064C6.67639%206.56312%206.80431%206.72062%206.98293%206.75807C7.9093%206.95228%208.6334%207.67633%208.8275%208.6027C8.865%208.7813%209.0225%208.9093%209.205%208.9093C9.3875%208.9093%209.545%208.7814%209.5824%208.6027C9.7766%207.67633%2010.5007%206.95228%2011.4271%206.75812C11.6057%206.72067%2011.7336%206.56317%2011.7336%206.38068C11.7336%206.1982%2011.6057%206.04067%2011.4271%206.00324ZM9.205%207.47681C8.9365%207.02634%208.5593%206.64914%208.1089%206.38066C8.5593%206.11218%208.9365%205.73502%209.205%205.28453C9.4735%205.73502%209.8507%206.11221%2010.3012%206.38068C9.8507%206.64916%209.4735%207.02636%209.205%207.47681Z'%20fill='%23FFC857'/%3e%3ccircle%20cx='3.5'%20cy='3.5'%20r='1.5'%20fill='%23FFC857'/%3e%3cellipse%20cx='4.5'%20cy='10'%20rx='0.5'%20ry='1'%20fill='%23FFC857'/%3e%3cpath%20d='M3.5%201L4.79904%202.5H2.20096L3.5%201Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6%203.5L4.5%204.79904L4.5%202.20096L6%203.5Z'%20fill='%23FFC857'/%3e%3cpath%20d='M10.3697%206.67832L8.22108%207.01422L9.5776%204.65296L10.3697%206.67832Z'%20fill='%23FFC857'/%3e%3cpath%20d='M8.27756%205.34149L10.768%206.00067L9.11199%207.77878L8.27756%205.34149Z'%20fill='%23FFC857'/%3e%3cpath%20d='M1%203.5L2.5%202.20096L2.5%204.79904L1%203.5Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.5%206L2.20096%204.5L4.79904%204.5L3.5%206Z'%20fill='%23FFC857'/%3e%3ccircle%20cx='9'%20cy='6'%20r='1'%20fill='%23FFC857'/%3e%3cpath%20d='M5.49718%209.92495L4.03391%2010.4693L3.96891%209.60573L5.49718%209.92495Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.54089%209.71696L5.10212%209.72621L4.857%2010.5568L3.54089%209.71696Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.50071%209.96247L5.0159%209.58606L4.9834%2010.4515L3.50071%209.96247Z'%20fill='%23FFC857'/%3e%3c/svg%3e", Kn = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.8544%203.20309C5.39975%202.89815%204.26277%201.76117%203.95787%200.30649C3.92042%200.12792%203.76292%200%203.58041%200C3.3979%200%203.2404%200.12792%203.20297%200.30652C2.89805%201.76117%201.76107%202.89812%200.306418%203.20302C0.127818%203.24045%20-0.00012207%203.39798%20-0.00012207%203.58046C-0.00012207%203.76295%200.127798%203.92047%200.306418%203.9579C1.76105%204.26285%202.89798%205.3998%203.2029%206.85448C3.24033%207.03307%203.39783%207.16102%203.58034%207.16102C3.76282%207.16102%203.92035%207.0331%203.95778%206.85448C4.26272%205.39983%205.39973%204.26287%206.85438%203.95799C7.03297%203.92056%207.16092%203.76306%207.16092%203.58056C7.1609%203.39805%207.03297%203.24052%206.8544%203.20309ZM3.58036%205.60938C3.14292%204.73132%202.42956%204.01792%201.55151%203.58049C2.42958%203.14305%203.14297%202.42968%203.58041%201.55161C4.01785%202.4297%204.73122%203.14307%205.60926%203.58053C4.73119%204.01797%204.0178%204.73132%203.58036%205.60938Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6.21683%209.574C5.53147%209.4303%204.99578%208.8947%204.85209%208.2093C4.81466%208.0307%204.65716%207.90271%204.47465%207.90271C4.29217%207.90271%204.13464%208.0306%204.09721%208.2092C3.95352%208.8946%203.4178%209.4303%202.73244%209.574C2.55385%209.6114%202.4259%209.7689%202.4259%209.9514C2.4259%2010.1339%202.55383%2010.2914%202.73244%2010.3288C3.41778%2010.4725%203.95349%2011.0082%204.09716%2011.6936C4.13459%2011.8722%204.2921%2012.0002%204.4746%2012.0002C4.65709%2012.0002%204.81461%2011.8723%204.85204%2011.6936C4.99574%2011.0082%205.53145%2010.4725%206.21683%2010.3289C6.39543%2010.2914%206.52337%2010.1339%206.52337%209.9514C6.52337%209.7689%206.39545%209.6114%206.21683%209.574ZM4.47463%2010.6408C4.29163%2010.3688%204.05725%2010.1345%203.78526%209.9515C4.0573%209.7684%204.29163%209.5341%204.47463%209.2621C4.65765%209.5341%204.892%209.7685%205.164%209.9515C4.892%2010.1345%204.65763%2010.3688%204.47463%2010.6408Z'%20fill='%23FFC857'/%3e%3cpath%20d='M11.4271%206.00324C10.5007%205.80904%209.7766%205.08496%209.5825%204.15859C9.545%203.98%209.3875%203.85205%209.205%203.85205C9.0225%203.85205%208.865%203.97995%208.8276%204.15857C8.6334%205.08496%207.90932%205.80902%206.98293%206.0032C6.80434%206.04063%206.67639%206.19815%206.67639%206.38064C6.67639%206.56312%206.80431%206.72062%206.98293%206.75807C7.9093%206.95228%208.6334%207.67633%208.8275%208.6027C8.865%208.7813%209.0225%208.9093%209.205%208.9093C9.3875%208.9093%209.545%208.7814%209.5824%208.6027C9.7766%207.67633%2010.5007%206.95228%2011.4271%206.75812C11.6057%206.72067%2011.7336%206.56317%2011.7336%206.38068C11.7336%206.1982%2011.6057%206.04067%2011.4271%206.00324ZM9.205%207.47681C8.9365%207.02634%208.5593%206.64914%208.1089%206.38066C8.5593%206.11218%208.9365%205.73502%209.205%205.28453C9.4735%205.73502%209.8507%206.11221%2010.3012%206.38068C9.8507%206.64916%209.4735%207.02636%209.205%207.47681Z'%20fill='%23FFC857'/%3e%3c/svg%3e", Yn = {
+  class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
+  "data-tip": "AI Translate"
+}, Qn = ["disabled"], Xn = ["src"], c2 = {
   __name: "AIBtn",
   props: {
     disabled: Boolean,
     isFilled: Boolean
   },
   setup(e) {
-    return (o, t) => (w(), E("button", {
-      class: U(["btn btn-xs btn-circle", [
-        { "btn-ghost": !e.disabled },
-        { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
-      ]]),
-      disabled: e.disabled
-    }, [
-      v("img", {
-        src: e.isFilled ? V(Gn) : V(qn),
-        alt: "AI",
-        class: U(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
-      }, null, 10, Kn)
-    ], 10, Jn));
+    return (o, t) => (C(), O("div", Yn, [
+      v("button", {
+        class: B(["btn btn-xs btn-circle", [
+          { "btn-ghost": !e.disabled },
+          { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
+        ]]),
+        disabled: e.disabled
+      }, [
+        v("img", {
+          src: e.isFilled ? L(Jn) : L(Kn),
+          alt: "AI",
+          class: B(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+        }, null, 10, Xn)
+      ], 10, Qn)
+    ]));
   }
-}, Yn = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%200%2014%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.9023%203.26667L10.8093%200.1C10.7767%200.0666667%2010.7116%200%2010.5814%200H3.74419C3.12558%200%202.60465%200.533333%202.60465%201.16667V2.66667H1.13953C0.52093%202.66667%200%203.2%200%203.83333V14.8667C0%2015.4667%200.52093%2016%201.13953%2016H10.2558C10.8744%2016%2011.3953%2015.4667%2011.3953%2014.8333V13.3333H12.8605C13.4791%2013.3333%2014%2012.8%2014%2012.1667V3.5C14%203.4%2013.9674%203.3%2013.9023%203.26667ZM12.893%203.16667H11.3954C11.1349%203.16667%2010.907%202.93333%2010.907%202.66667V1.13333L12.893%203.16667ZM10.2558%2015.3333H1.13953C0.87907%2015.3333%200.651163%2015.1%200.651163%2014.8333V3.83333C0.651163%203.53333%200.87907%203.33333%201.13953%203.33333H7.68372V5.33333C7.68372%205.96667%208.20465%206.5%208.82326%206.5H10.7767V14.8667C10.7442%2015.1%2010.5488%2015.3333%2010.2558%2015.3333ZM9.31163%204.8L10.2884%205.8H8.7907C8.53023%205.8%208.30233%205.56667%208.30233%205.3V3.76667L9.31163%204.8ZM12.8605%2012.6667H11.3953V6.13333C11.3953%206.06667%2011.3628%205.96667%2011.2977%205.9L8.20465%202.73333C8.17209%202.7%208.07442%202.66667%208.0093%202.66667H3.25581V1.16667C3.25581%200.9%203.45116%200.666666%203.74419%200.666666H10.2558V2.66667C10.2558%203.3%2010.7767%203.83333%2011.3954%203.83333H13.3488V12.2C13.3488%2012.4667%2013.1209%2012.6667%2012.8605%2012.6667Z'%20fill='%233B5695'/%3e%3c/svg%3e", Qn = ["disabled"], Xn = ["src"], eo = {
+}, eo = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%200%2014%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.9023%203.26667L10.8093%200.1C10.7767%200.0666667%2010.7116%200%2010.5814%200H3.74419C3.12558%200%202.60465%200.533333%202.60465%201.16667V2.66667H1.13953C0.52093%202.66667%200%203.2%200%203.83333V14.8667C0%2015.4667%200.52093%2016%201.13953%2016H10.2558C10.8744%2016%2011.3953%2015.4667%2011.3953%2014.8333V13.3333H12.8605C13.4791%2013.3333%2014%2012.8%2014%2012.1667V3.5C14%203.4%2013.9674%203.3%2013.9023%203.26667ZM12.893%203.16667H11.3954C11.1349%203.16667%2010.907%202.93333%2010.907%202.66667V1.13333L12.893%203.16667ZM10.2558%2015.3333H1.13953C0.87907%2015.3333%200.651163%2015.1%200.651163%2014.8333V3.83333C0.651163%203.53333%200.87907%203.33333%201.13953%203.33333H7.68372V5.33333C7.68372%205.96667%208.20465%206.5%208.82326%206.5H10.7767V14.8667C10.7442%2015.1%2010.5488%2015.3333%2010.2558%2015.3333ZM9.31163%204.8L10.2884%205.8H8.7907C8.53023%205.8%208.30233%205.56667%208.30233%205.3V3.76667L9.31163%204.8ZM12.8605%2012.6667H11.3953V6.13333C11.3953%206.06667%2011.3628%205.96667%2011.2977%205.9L8.20465%202.73333C8.17209%202.7%208.07442%202.66667%208.0093%202.66667H3.25581V1.16667C3.25581%200.9%203.45116%200.666666%203.74419%200.666666H10.2558V2.66667C10.2558%203.3%2010.7767%203.83333%2011.3954%203.83333H13.3488V12.2C13.3488%2012.4667%2013.1209%2012.6667%2012.8605%2012.6667Z'%20fill='%231A1F2A'/%3e%3c/svg%3e", to = ["data-tip"], no = ["disabled"], oo = ["src"], lo = {
   __name: "CopyBtn",
   props: {
     disabled: Boolean
   },
   setup(e) {
-    return (o, t) => (w(), E("button", {
-      class: U(["btn btn-xs btn-circle", [
-        { "btn-ghost": !e.disabled },
-        { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
-      ]]),
-      disabled: e.disabled
+    const o = $("Copy"), t = () => {
+      o.value = "Copied", setTimeout(() => {
+        o.value = "Copy";
+      }, 1e3);
+    };
+    return (n, l) => (C(), O("div", {
+      class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
+      "data-tip": o.value
     }, [
-      v("img", {
-        src: V(Yn),
-        alt: "Copy",
-        class: U(["w-3 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
-      }, null, 10, Xn)
-    ], 10, Qn));
-  }
-}, to = { class: "flex flex-row px-2 pr-10 pt-1 items-center bg-transparent relative" }, no = { class: "ml-1 text-sm text-gray-600" }, oo = {
+      v("button", {
+        class: B(["btn btn-xs btn-circle", [
+          { "btn-ghost": !e.disabled },
+          { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
+        ]]),
+        disabled: e.disabled,
+        onClick: t
+      }, [
+        v("img", {
+          src: L(eo),
+          alt: "Copy",
+          class: B(["w-3 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+        }, null, 10, oo)
+      ], 10, no)
+    ], 8, to));
+  }
+}, so = { class: "flex flex-row px-2 pr-10 pt-1 items-center bg-transparent relative" }, ao = { class: "ml-1 text-sm text-gray-600" }, io = {
   key: 0,
   class: "italic"
-}, lo = { class: "absolute right-1 top-1 flex flex-col items-center gap-0" }, so = {
-  key: 0,
-  class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
-  "data-tip": "Clear"
-}, ao = {
-  key: 1,
-  class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
-  "data-tip": "AI Translate"
-}, io = {
-  key: 2,
-  class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
-  "data-tip": "Favorite"
-}, ro = {
-  key: 3,
-  class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
-  "data-tip": "Copy"
-}, uo = {
+}, ro = { class: "absolute right-1 top-1 flex flex-col items-center gap-0" }, uo = {
   __name: "TranslationBtnGroup",
   props: {
     loading: {
@@ -2754,66 +2772,62 @@ const Mn = /* @__PURE__ */ Ze($n, [["render", Ln]]), r2 = He("tts", () => {
   emits: ["clear", "favorite", "loadTTS", "aiTranslate", "copy"],
   setup(e, { emit: o }) {
     const t = e, n = o;
-    return (l, s) => (w(), E("div", to, [
-      t.src ? (w(), se(kn, {
+    return (l, a) => (C(), O("div", so, [
+      t.src ? (C(), G(Rn, {
         key: 0,
         type: t.type,
-        onLoadTTS: s[0] || (s[0] = (i) => n("loadTTS"))
-      }, null, 8, ["type"])) : W("", !0),
-      v("div", no, [
-        b2(te(e.srcLabel) + " ", 1),
-        e.phonetic ? (w(), E("span", oo, "- [" + te(t.phonetic) + "]", 1)) : W("", !0)
+        onLoadTTS: a[0] || (a[0] = (i) => n("loadTTS"))
+      }, null, 8, ["type"])) : Z("", !0),
+      v("div", ao, [
+        g2(ne(e.srcLabel) + " ", 1),
+        e.phonetic ? (C(), O("span", io, "- [" + ne(t.phonetic) + "]", 1)) : Z("", !0)
       ]),
-      t.loading ? (w(), se(Mn, {
+      t.loading ? (C(), G(r2, {
         key: 1,
         class: "absolute right-6 top-2"
-      })) : W("", !0),
-      v("div", lo, [
-        e.hasClearBtn && e.src ? (w(), E("div", so, [
-          N(jn, {
-            onClick: s[1] || (s[1] = (i) => n("clear")),
-            disabled: e.loading
-          }, null, 8, ["disabled"])
-        ])) : W("", !0),
-        e.src && !e.hasDictionary && e.hasAIBtn ? (w(), E("div", ao, [
-          N(u2, {
-            isFilled: e.isAITranslate,
-            onClick: s[2] || (s[2] = (i) => n("aiTranslate")),
-            disabled: e.loading
-          }, null, 8, ["isFilled", "disabled"])
-        ])) : W("", !0),
-        e.src && e.hasFavoriteBtn ? (w(), E("div", io, [
-          N(Wn, {
-            isFilled: e.isFavorite,
-            onClick: s[3] || (s[3] = (i) => n("favorite")),
-            disabled: e.loading
-          }, null, 8, ["isFilled", "disabled"])
-        ])) : W("", !0),
-        e.src && e.hasCopyBtn ? (w(), E("div", ro, [
-          N(eo, {
-            onClick: s[4] || (s[4] = (i) => n("copy")),
-            disabled: e.loading
-          }, null, 8, ["disabled"])
-        ])) : W("", !0)
+      })) : Z("", !0),
+      v("div", ro, [
+        e.hasClearBtn && e.src ? (C(), G(Hn, {
+          key: 0,
+          onClick: a[1] || (a[1] = (i) => n("clear")),
+          disabled: e.loading
+        }, null, 8, ["disabled"])) : Z("", !0),
+        e.src && !e.hasDictionary && e.hasAIBtn ? (C(), G(c2, {
+          key: 1,
+          isFilled: e.isAITranslate,
+          onClick: a[2] || (a[2] = (i) => n("aiTranslate")),
+          disabled: e.loading
+        }, null, 8, ["isFilled", "disabled"])) : Z("", !0),
+        e.src && e.hasFavoriteBtn ? (C(), G(qn, {
+          key: 2,
+          isFilled: e.isFavorite,
+          onClick: a[3] || (a[3] = (i) => n("favorite")),
+          disabled: e.loading
+        }, null, 8, ["isFilled", "disabled"])) : Z("", !0),
+        e.src && e.hasCopyBtn ? (C(), G(lo, {
+          key: 3,
+          onClick: a[4] || (a[4] = (i) => n("copy")),
+          disabled: e.loading
+        }, null, 8, ["disabled"])) : Z("", !0)
       ])
     ]));
   }
-}, c2 = /* @__PURE__ */ Ze(uo, [["__scopeId", "data-v-e5f77070"]]), me = He("translation", () => {
-  const e = O(null), o = O(null), t = O(null), n = O({
+}, d2 = /* @__PURE__ */ Ze(uo, [["__scopeId", "data-v-c9ef8858"]]), me = ze("translation", () => {
+  const e = $(null), o = $(null), t = $(null), n = $({
     src: null,
     target: null
-  }), l = O(null), s = O([]), i = O([]), a = O([]), r = O([]), u = O({
+  }), l = $(null), a = $([]), i = $([]), s = $([]), r = $([]), u = $({
     src: null,
     target: null
-  }), c = Ue(), p = _(() => c.getLabel(e.value)), h = _(() => c.getLabel(o.value));
-  function m(S) {
-    e.value = S.src, o.value = S.target, t.value = S.text, n.value = S.phonetic, l.value = S.result, s.value = S.dictionary, i.value = S.definitions, a.value = S.synonyms, r.value = S.examples, u.value = S.tts;
+  }), c = Ue(), p = E(() => c.getLabel(e.value)), b = E(() => c.getLabel(o.value));
+  function w(_) {
+    e.value = _.src, o.value = _.target, t.value = _.text, n.value = _.phonetic, l.value = _.result, a.value = _.dictionary, i.value = _.definitions, s.value = _.synonyms, r.value = _.examples, u.value = _.tts;
   }
-  function b() {
+  function m() {
     e.value = null, o.value = null, t.value = null, n.value = {
       src: null,
       target: null
-    }, l.value = null, s.value = [], i.value = [], a.value = [], r.value = [], u.value = {
+    }, l.value = null, a.value = [], i.value = [], s.value = [], r.value = [], u.value = {
       src: null,
       target: null
     };
@@ -2822,24 +2836,24 @@ const Mn = /* @__PURE__ */ Ze($n, [["render", Ln]]), r2 = He("tts", () => {
     src: e,
     srcLabel: p,
     target: o,
-    targetLabel: h,
+    targetLabel: b,
     phonetic: n,
     text: t,
     result: l,
-    dictionary: s,
+    dictionary: a,
     definitions: i,
-    synonyms: a,
+    synonyms: s,
     examples: r,
     tts: u,
-    init: m,
-    reset: b
+    init: w,
+    reset: m
   };
 });
 function co(e) {
   return Mt() ? (tt(e), !0) : !1;
 }
-function Ne(e) {
-  return typeof e == "function" ? e() : V(e);
+function Be(e) {
+  return typeof e == "function" ? e() : L(e);
 }
 const fo = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -2847,24 +2861,24 @@ const St = () => {
 };
 function po(e, o) {
   function t(...n) {
-    return new Promise((l, s) => {
-      Promise.resolve(e(() => o.apply(this, n), { fn: o, thisArg: this, args: n })).then(l).catch(s);
+    return new Promise((l, a) => {
+      Promise.resolve(e(() => o.apply(this, n), { fn: o, thisArg: this, args: n })).then(l).catch(a);
     });
   }
   return t;
 }
 function vo(e, o = {}) {
   let t, n, l = St;
-  const s = (a) => {
-    clearTimeout(a), l(), l = St;
+  const a = (s) => {
+    clearTimeout(s), l(), l = St;
   };
-  return (a) => {
-    const r = Ne(e), u = Ne(o.maxWait);
-    return t && s(t), r <= 0 || u !== void 0 && u <= 0 ? (n && (s(n), n = null), Promise.resolve(a())) : new Promise((c, p) => {
+  return (s) => {
+    const r = Be(e), u = Be(o.maxWait);
+    return t && a(t), r <= 0 || u !== void 0 && u <= 0 ? (n && (a(n), n = null), Promise.resolve(s())) : new Promise((c, p) => {
       l = o.rejectOnCancel ? p : c, u && !n && (n = setTimeout(() => {
-        t && s(t), n = null, c(a());
+        t && a(t), n = null, c(s());
       }, u)), t = setTimeout(() => {
-        n && s(n), n = null, c(a());
+        n && a(n), n = null, c(s());
       }, r);
     });
   };
@@ -2877,57 +2891,57 @@ function ho(e, o = 200, t = {}) {
 }
 function Et(e) {
   var o;
-  const t = Ne(e);
+  const t = Be(e);
   return (o = t == null ? void 0 : t.$el) != null ? o : t;
 }
 const mo = fo ? window : void 0;
 function bo() {
-  const e = O(!1), o = Lt();
+  const e = $(!1), o = Lt();
   return o && ye(() => {
     e.value = !0;
   }, o), e;
 }
 function go(e) {
   const o = bo();
-  return _(() => (o.value, !!e()));
+  return E(() => (o.value, !!e()));
 }
 function Co(e, o, t = {}) {
   const { window: n = mo, ...l } = t;
-  let s;
-  const i = go(() => n && "ResizeObserver" in n), a = () => {
-    s && (s.disconnect(), s = void 0);
-  }, r = _(() => Array.isArray(e) ? e.map((p) => Et(p)) : [Et(e)]), u = B(
+  let a;
+  const i = go(() => n && "ResizeObserver" in n), s = () => {
+    a && (a.disconnect(), a = void 0);
+  }, r = E(() => Array.isArray(e) ? e.map((p) => Et(p)) : [Et(e)]), u = j(
     r,
     (p) => {
-      if (a(), i.value && n) {
-        s = new ResizeObserver(o);
-        for (const h of p)
-          h && s.observe(h, l);
+      if (s(), i.value && n) {
+        a = new ResizeObserver(o);
+        for (const b of p)
+          b && a.observe(b, l);
       }
     },
     { immediate: !0, flush: "post" }
   ), c = () => {
-    a(), u();
+    s(), u();
   };
   return co(c), {
     isSupported: i,
     stop: c
   };
 }
-function d2(e) {
+function f2(e) {
   var o;
-  const t = O(e == null ? void 0 : e.element), n = O(e == null ? void 0 : e.input), l = (o = e == null ? void 0 : e.styleProp) != null ? o : "height", s = O(1);
+  const t = $(e == null ? void 0 : e.element), n = $(e == null ? void 0 : e.input), l = (o = e == null ? void 0 : e.styleProp) != null ? o : "height", a = $(1);
   function i() {
-    var a;
+    var s;
     if (!t.value)
       return;
     let r = "";
-    t.value.style[l] = "1px", s.value = (a = t.value) == null ? void 0 : a.scrollHeight, e != null && e.styleTarget ? Ne(e.styleTarget).style[l] = `${s.value}px` : r = `${s.value}px`, t.value.style[l] = r;
+    t.value.style[l] = "1px", a.value = (s = t.value) == null ? void 0 : s.scrollHeight, e != null && e.styleTarget ? Be(e.styleTarget).style[l] = `${a.value}px` : r = `${a.value}px`, t.value.style[l] = r;
   }
-  return B([n, t], () => ee(i), { immediate: !0 }), B(s, () => {
-    var a;
-    return (a = e == null ? void 0 : e.onResize) == null ? void 0 : a.call(e);
-  }), Co(t, () => i()), e != null && e.watch && B(e.watch, i, { immediate: !0, deep: !0 }), {
+  return j([n, t], () => te(i), { immediate: !0 }), j(a, () => {
+    var s;
+    return (s = e == null ? void 0 : e.onResize) == null ? void 0 : s.call(e);
+  }), Co(t, () => i()), e != null && e.watch && j(e.watch, i, { immediate: !0, deep: !0 }), {
     textarea: t,
     input: n,
     triggerResize: i
@@ -2943,53 +2957,53 @@ const xo = { class: "bg-white relative z-10 border rounded-md" }, yo = {
   },
   emits: ["change", "clear", "loadTTS"],
   setup(e, { emit: o }) {
-    const t = me(), n = e, l = O(""), s = _(() => t.src), i = _(() => t.srcLabel), a = _(() => {
-      var b;
-      return (b = t.phonetic) == null ? void 0 : b.src;
-    }), { textarea: r } = d2({ input: l, styleProp: "minHeight" }), u = o, c = ho(() => {
+    const t = me(), n = e, l = $(""), a = E(() => t.src), i = E(() => t.srcLabel), s = E(() => {
+      var m;
+      return (m = t.phonetic) == null ? void 0 : m.src;
+    }), { textarea: r } = f2({ input: l, styleProp: "minHeight" }), u = o, c = ho(() => {
       u("change", l.value);
-    }, Tn.INPUT_DEBOUNCE);
+    }, $n.INPUT_DEBOUNCE);
     function p() {
       if (!l.value) {
-        h();
+        b();
         return;
       }
       c();
     }
-    function h() {
+    function b() {
       u("clear"), l.value = "", r.value.focus();
     }
-    async function m() {
-      await ee(), r.value.select();
+    async function w() {
+      await te(), r.value.select();
     }
-    return B(
+    return j(
       () => n.text,
-      (b) => {
-        l.value !== b && m(), l.value = b;
+      (m) => {
+        l.value !== m && w(), l.value = m;
       }
-    ), (b, S) => (w(), E("div", xo, [
-      N(c2, {
-        src: s.value,
+    ), (m, _) => (C(), O("div", xo, [
+      N(d2, {
+        src: a.value,
         srcLabel: i.value,
         type: "src",
-        phonetic: a.value,
+        phonetic: s.value,
         hasClearBtn: !0,
-        onClear: h,
-        onLoadTTS: S[0] || (S[0] = (I) => u("loadTTS")),
+        onClear: b,
+        onLoadTTS: _[0] || (_[0] = (P) => u("loadTTS")),
         class: "mb-2"
       }, null, 8, ["src", "srcLabel", "phonetic"]),
-      Vt(v("textarea", {
+      At(v("textarea", {
         ref_key: "textarea",
         ref: r,
-        "onUpdate:modelValue": S[1] || (S[1] = (I) => l.value = I),
-        class: "w-full outline-none px-5 pr-8 bg-transparent text-gray-800 font-semibold resize-none pb-3 overflow-x-hidden overflow-y-hidden",
+        "onUpdate:modelValue": _[1] || (_[1] = (P) => l.value = P),
+        class: "w-full outline-none px-5 pr-8 bg-transparent text-gray-800 resize-none pb-3 overflow-x-hidden overflow-y-hidden",
         autofocus: "",
         rows: "2",
         onInput: p,
-        onFocus: m
+        onFocus: w
       }, null, 544), [
         [
-          At,
+          Vt,
           l.value,
           void 0,
           { trim: !0 }
@@ -2997,10 +3011,10 @@ const xo = { class: "bg-white relative z-10 border rounded-md" }, yo = {
       ])
     ]));
   }
-}, wo = /* @__PURE__ */ Ze(yo, [["__scopeId", "data-v-2b6ec948"]]), _o = (e) => (g2("data-v-7445f954"), e = e(), C2(), e), So = { class: "bg-white relative z-10 rounded-md" }, Eo = { class: "bg-transparent" }, Oo = {
+}, wo = /* @__PURE__ */ Ze(yo, [["__scopeId", "data-v-3d7638d0"]]), _o = (e) => (C2("data-v-7edf5093"), e = e(), x2(), e), So = { class: "bg-white relative z-10 rounded-md h-full" }, Eo = { class: "bg-transparent" }, Oo = {
   key: 0,
   class: "w-full flex items-center justify-end absolute -bottom-6 left-2 right-0 px-2 z-20"
-}, To = /* @__PURE__ */ _o(() => /* @__PURE__ */ v("span", { class: "text-sm text-gray-600" }, " Powered by Ddict AI ", -1)), $o = {
+}, Io = /* @__PURE__ */ _o(() => /* @__PURE__ */ v("span", { class: "text-sm text-gray-600" }, " Powered by Ddict AI ", -1)), $o = {
   __name: "TranslationResult",
   props: {
     isFavoriteFeatureEnabled: Boolean,
@@ -3010,113 +3024,113 @@ const xo = { class: "bg-white relative z-10 border rounded-md" }, yo = {
   },
   emits: ["loadTTS", "favorite", "aiTranslate", "copy"],
   setup(e, { emit: o }) {
-    const t = me(), n = _(() => t.result), l = _(() => t.target), s = _(() => t.targetLabel), i = _(() => {
-      var h;
-      return (h = t.phonetic) == null ? void 0 : h.target;
-    }), a = _(() => {
-      var h;
-      return (h = t.dictionary) == null ? void 0 : h.length;
-    }), r = ze(), { textarea: u, input: c } = d2({ input: n, styleProp: "minHeight" }), p = o;
-    return (h, m) => (w(), E("div", {
-      class: U([
+    const t = me(), n = E(() => t.result), l = E(() => t.target), a = E(() => t.targetLabel), i = E(() => {
+      var w;
+      return (w = t.phonetic) == null ? void 0 : w.target;
+    }), s = E(() => {
+      var w;
+      return !!((w = t.dictionary) != null && w.length);
+    }), r = Me(), u = E(() => r.isLoading("translation")), { textarea: c, input: p } = f2({ input: n, styleProp: "minHeight" }), b = o;
+    return (w, m) => (C(), O("div", {
+      class: B([
         "relative p-0.5 transition-all duration-300 ease-in-out bg-[length:300%_300%] bg-[position:0%_50%] border rounded-lg",
         {
-          "bg-gradient-to-br from-[#8556f0] via-[#d6b379] via-[#6bedd1] to-[#439beb] animate-moveGradient border border-white": e.isAITranslate && !V(r).loading
+          "bg-gradient-to-br from-[#8556f0] via-[#d6b379] via-[#6bedd1] to-[#439beb] animate-moveGradient border border-white": e.isAITranslate && !u.value
         }
       ])
     }, [
       v("div", So, [
-        N(c2, {
-          loading: V(r).loading,
+        N(d2, {
+          loading: u.value,
           src: l.value,
-          srcLabel: s.value,
+          srcLabel: a.value,
           type: "target",
           hasFavoriteBtn: e.isFavoriteFeatureEnabled,
           hasAIBtn: e.isAITranslateFeatureEnabled,
           hasCopyBtn: !0,
           isFavorite: e.isFavorite,
           isAITranslate: e.isAITranslate,
-          hasDictionary: a.value,
+          hasDictionary: s.value,
           phonetic: i.value,
-          onFavorite: m[0] || (m[0] = (b) => p("favorite")),
-          onLoadTTS: m[1] || (m[1] = (b) => p("loadTTS")),
-          onAiTranslate: m[2] || (m[2] = (b) => p("aiTranslate")),
-          onCopy: m[3] || (m[3] = (b) => p("copy")),
+          onFavorite: m[0] || (m[0] = (_) => b("favorite")),
+          onLoadTTS: m[1] || (m[1] = (_) => b("loadTTS")),
+          onAiTranslate: m[2] || (m[2] = (_) => b("aiTranslate")),
+          onCopy: m[3] || (m[3] = (_) => b("copy")),
           class: "mb-2"
         }, null, 8, ["loading", "src", "srcLabel", "hasFavoriteBtn", "hasAIBtn", "isFavorite", "isAITranslate", "hasDictionary", "phonetic"]),
         v("div", Eo, [
-          Vt(v("textarea", {
+          At(v("textarea", {
             ref_key: "textarea",
-            ref: u,
-            "onUpdate:modelValue": m[4] || (m[4] = (b) => xe(c) ? c.value = b : null),
-            class: "w-full outline-none px-5 pr-8 bg-transparent text-gray-800 font-semibold resize-none pb-3 overflow-x-hidden overflow-y-hidden",
+            ref: c,
+            "onUpdate:modelValue": m[4] || (m[4] = (_) => xe(p) ? p.value = _ : null),
+            class: "w-full outline-none px-5 pr-8 bg-transparent text-gray-800 resize-none pb-3 overflow-x-hidden overflow-y-hidden",
             readonly: "",
             rows: "2",
             spellcheck: "false"
           }, null, 512), [
-            [At, V(c)]
+            [Vt, L(p)]
           ])
         ])
       ]),
-      e.isAITranslate ? (w(), E("div", Oo, [
-        To,
-        N(u2, { disabled: "" })
-      ])) : W("", !0)
+      e.isAITranslate ? (C(), O("div", Oo, [
+        Io,
+        N(c2, { disabled: "" })
+      ])) : Z("", !0)
     ], 2));
   }
-}, Io = /* @__PURE__ */ Ze($o, [["__scopeId", "data-v-7445f954"]]), Lo = { class: "btn btn-sm btn-circle btn-ghost" }, We = {
+}, To = /* @__PURE__ */ Ze($o, [["__scopeId", "data-v-7edf5093"]]), Lo = { class: "btn btn-sm btn-circle btn-ghost" }, We = {
   __name: "ToggleBtn",
   props: {
     isExpanded: Boolean
   },
   setup(e) {
     const o = e;
-    return (t, n) => (w(), E("button", Lo, [
-      o.isExpanded ? (w(), se(V(H0), {
+    return (t, n) => (C(), O("button", Lo, [
+      o.isExpanded ? (C(), G(L(z0), {
         key: 0,
         class: "w-7 text-gray-400"
-      })) : (w(), se(V(B0), {
+      })) : (C(), G(L(j0), {
         key: 1,
         class: "w-7 text-gray-400"
       }))
     ]));
   }
-}, Mo = { class: "card border bg-white rounded-lg" }, Vo = { class: "card-body px-4 py-2 gap-0" }, Ao = { class: "flex justify-between items-center" }, Fo = /* @__PURE__ */ v("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Translations", -1), Po = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, Ro = { class: "list-none list-inside" }, ko = ["onClick"], Do = { class: "text-base font-normal text-gray-800 leading-4" }, No = {
+}, Mo = { class: "card border bg-white rounded-lg" }, Ao = { class: "card-body px-4 py-2 gap-0" }, Vo = { class: "flex justify-between items-center" }, ko = /* @__PURE__ */ v("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Translations", -1), Fo = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, Po = { class: "list-none list-inside" }, Ro = ["onClick"], Do = { class: "text-base font-normal text-gray-800 leading-4" }, No = {
   __name: "Dictionary",
   emits: ["translate"],
   setup(e, { emit: o }) {
-    const t = O(!0), n = me(), l = Ue(), s = _(() => n.dictionary), i = o, a = () => {
+    const t = $(!0), n = me(), l = Ue(), a = E(() => n.dictionary), i = o, s = () => {
       t.value = !t.value;
     }, r = (u) => {
       i("translate", u, n.target, n.src), l.src = n.target, l.target = n.src, window.scrollTo(0, 0);
     };
-    return (u, c) => (w(), E("div", Mo, [
-      v("div", Vo, [
-        v("div", Ao, [
-          Fo,
+    return (u, c) => (C(), O("div", Mo, [
+      v("div", Ao, [
+        v("div", Vo, [
+          ko,
           N(We, {
             isExpanded: t.value,
-            onClick: a
+            onClick: s
           }, null, 8, ["isExpanded"])
         ]),
         v("div", {
-          class: U(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+          class: B(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           v("ul", null, [
-            (w(!0), E(Q, null, ae(s.value, (p, h) => (w(), E("li", {
-              key: `${p.pos}-${h}`,
+            (C(!0), O(J, null, oe(a.value, (p, b) => (C(), O("li", {
+              key: `${p.pos}-${b}`,
               class: "mb-2"
             }, [
-              v("h5", Po, te(p.pos), 1),
-              v("ul", Ro, [
-                (w(!0), E(Q, null, ae(p.items, (m, b) => (w(), E("li", {
-                  key: `${m.word}-${b}`
+              v("h5", Fo, ne(p.pos), 1),
+              v("ul", Po, [
+                (C(!0), O(J, null, oe(p.items, (w, m) => (C(), O("li", {
+                  key: `${w.word}-${m}`
                 }, [
                   v("span", {
                     class: "p-3 m-0.5 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded-lg",
-                    onClick: (S) => r(m.word)
-                  }, te(m.word), 9, ko),
-                  v("small", Do, " - " + te(m.reverse_translation.join(", ")), 1)
+                    onClick: (_) => r(w.word)
+                  }, ne(w.word), 9, Ro),
+                  v("small", Do, " - " + ne(w.reverse_translation.join(", ")), 1)
                 ]))), 128))
               ])
             ]))), 128))
@@ -3131,10 +3145,10 @@ const xo = { class: "bg-white relative z-10 border rounded-md" }, yo = {
 }, qo = {
   __name: "Definition",
   setup(e) {
-    const o = O(!0), t = me(), n = _(() => t.definitions), l = () => {
+    const o = $(!0), t = me(), n = E(() => t.definitions), l = () => {
       o.value = !o.value;
     };
-    return (s, i) => (w(), E("div", Bo, [
+    return (a, i) => (C(), O("div", Bo, [
       v("div", jo, [
         v("div", Ho, [
           zo,
@@ -3144,22 +3158,22 @@ const xo = { class: "bg-white relative z-10 border rounded-md" }, yo = {
           }, null, 8, ["isExpanded"])
         ]),
         v("div", {
-          class: U(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+          class: B(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           v("ul", null, [
-            (w(!0), E(Q, null, ae(n.value, (a, r) => (w(), E("li", {
-              key: `${a.pos}-${r}`,
+            (C(!0), O(J, null, oe(n.value, (s, r) => (C(), O("li", {
+              key: `${s.pos}-${r}`,
               class: "mb-2"
             }, [
-              v("h5", Uo, te(a.pos), 1),
+              v("h5", Uo, ne(s.pos), 1),
               v("ul", Zo, [
-                (w(!0), E(Q, null, ae(a.items, (u, c) => (w(), E("li", {
+                (C(!0), O(J, null, oe(s.items, (u, c) => (C(), O("li", {
                   key: `${u.gloss}-${c}`,
                   class: "mb-1"
                 }, [
-                  v("span", null, te(u.gloss), 1),
+                  v("span", null, ne(u.gloss), 1),
                   Wo,
-                  u.example ? (w(), E("small", Go, '"' + te(u.example) + '"', 1)) : W("", !0)
+                  u.example ? (C(), O("small", Go, '"' + ne(u.example) + '"', 1)) : Z("", !0)
                 ]))), 128))
               ])
             ]))), 128))
@@ -3168,13 +3182,13 @@ const xo = { class: "bg-white relative z-10 border rounded-md" }, yo = {
       ])
     ]));
   }
-}, Jo = { class: "card border bg-white rounded-lg" }, Ko = { class: "card-body px-4 py-2 gap-0" }, Yo = { class: "flex justify-between items-center" }, Qo = /* @__PURE__ */ v("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Examples", -1), Xo = { class: "text-textCustom list-decimal list-outside ml-7 mt-2" }, el = ["innerHTML"], tl = {
+}, Jo = { class: "card border bg-white rounded-lg" }, Ko = { class: "card-body px-4 py-2 gap-0" }, Yo = { class: "flex justify-between items-center" }, Qo = /* @__PURE__ */ v("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Examples", -1), Xo = { class: "text-textCustom list-decimal list-outside ml-7 my-2" }, el = ["innerHTML"], tl = {
   __name: "Example",
   setup(e) {
-    const o = O(!0), t = me(), n = _(() => t.examples), l = () => {
+    const o = $(!0), t = me(), n = E(() => t.examples), l = () => {
       o.value = !o.value;
     };
-    return (s, i) => (w(), E("div", Jo, [
+    return (a, i) => (C(), O("div", Jo, [
       v("div", Ko, [
         v("div", Yo, [
           Qo,
@@ -3184,12 +3198,12 @@ const xo = { class: "bg-white relative z-10 border rounded-md" }, yo = {
           }, null, 8, ["isExpanded"])
         ]),
         v("div", {
-          class: U(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
+          class: B(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           v("ul", Xo, [
-            (w(!0), E(Q, null, ae(n.value, (a, r) => (w(), E("li", {
-              key: `${a.definition_id}-${r}`,
-              innerHTML: a
+            (C(!0), O(J, null, oe(n.value, (s, r) => (C(), O("li", {
+              key: `${s.definition_id}-${r}`,
+              innerHTML: s
             }, null, 8, el))), 128))
           ])
         ], 2)
@@ -3200,12 +3214,12 @@ const xo = { class: "bg-white relative z-10 border rounded-md" }, yo = {
   __name: "Synonyms",
   emits: ["translate"],
   setup(e, { emit: o }) {
-    const t = O(!0), n = me(), l = _(() => n.synonyms), s = o, i = () => {
+    const t = $(!0), n = me(), l = E(() => n.synonyms), a = o, i = () => {
       t.value = !t.value;
-    }, a = (r) => {
-      s("translate", r), window.scrollTo(0, 0);
+    }, s = (r) => {
+      a("translate", r), window.scrollTo(0, 0);
     };
-    return (r, u) => (w(), E("div", nl, [
+    return (r, u) => (C(), O("div", nl, [
       v("div", ol, [
         v("div", ll, [
           sl,
@@ -3215,25 +3229,25 @@ const xo = { class: "bg-white relative z-10 border rounded-md" }, yo = {
           }, null, 8, ["isExpanded"])
         ]),
         v("div", {
-          class: U(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+          class: B(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           v("ul", null, [
-            (w(!0), E(Q, null, ae(l.value, (c, p) => (w(), E("li", {
+            (C(!0), O(J, null, oe(l.value, (c, p) => (C(), O("li", {
               key: `${c.pos}-${p}`,
               class: "mb-2"
             }, [
-              v("h5", al, te(c.pos), 1),
+              v("h5", al, ne(c.pos), 1),
               v("ul", il, [
-                (w(!0), E(Q, null, ae(c.items, (h, m) => (w(), E("li", {
-                  key: `${h.word}-${m}`,
+                (C(!0), O(J, null, oe(c.items, (b, w) => (C(), O("li", {
+                  key: `${b.word}-${w}`,
                   class: "mb-2"
                 }, [
                   v("div", rl, [
-                    (w(!0), E(Q, null, ae(h.synonym, (b, S) => (w(), E("span", {
-                      key: `${b}-${S}`,
+                    (C(!0), O(J, null, oe(b.synonym, (m, _) => (C(), O("span", {
+                      key: `${m}-${_}`,
                       class: "p-3 m-0.5 ml-0 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded-lg",
-                      onClick: (I) => a(b)
-                    }, te(b), 9, ul))), 128))
+                      onClick: (P) => s(m)
+                    }, ne(m), 9, ul))), 128))
                   ])
                 ]))), 128))
               ])
@@ -3243,23 +3257,110 @@ const xo = { class: "bg-white relative z-10 border rounded-md" }, yo = {
       ])
     ]));
   }
+}, dl = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20fill='%23FFC857'%20d='M12%207a5%205%200%200%200-2%209.584V19h4v-2.416A5.001%205.001%200%200%200%2012%207z'/%3e%3cpath%20stroke='%23FFC857'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M21%2012h1m-3.5-6.5%201-1M12%203V2M5.5%205.5l-1-1M3%2012H2m8%2010h4m3-10a5%205%200%201%200-7%204.584V19h4v-2.416A5.001%205.001%200%200%200%2017%2012z'/%3e%3c/svg%3e", fl = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20stroke='%23FFC857'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M21%2012h1m-3.5-6.5%201-1M12%203V2M5.5%205.5l-1-1M3%2012H2m8%2010h4m3-10a5%205%200%201%200-7%204.584V19h4v-2.416A5.001%205.001%200%200%200%2017%2012z'/%3e%3c/svg%3e", pl = ["disabled"], vl = ["src"], hl = {
+  __name: "ChevronAIBtn",
+  props: {
+    disabled: Boolean,
+    isExpanded: Boolean
+  },
+  setup(e) {
+    return (o, t) => (C(), O("button", {
+      class: B(["btn btn-sm btn-circle", [
+        { "btn-ghost": !e.disabled },
+        { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
+      ]]),
+      disabled: e.disabled
+    }, [
+      v("img", {
+        src: e.isExpanded ? L(dl) : L(fl),
+        alt: "AI",
+        class: B(["w-6 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+      }, null, 10, vl)
+    ], 10, pl));
+  }
+}, ml = { class: "card-body bg-white px-4 py-2 gap-0 relative z-10 rounded-md" }, bl = { class: "flex justify-between items-center" }, gl = /* @__PURE__ */ v("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "AI Summary", -1), Cl = { class: "flex items-center" }, xl = {
+  class: "tooltip tooltip-bottom tooltip-small before:!bg-baseColor before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary before:!top-[90%] before:!text-xs before:!py-1 before:!px-2",
+  "data-tip": "AI Summarize"
+}, yl = {
+  key: 0,
+  class: "text-textCustom list-none list-outside my-2"
+}, wl = ["innerHTML"], _l = {
+  __name: "AIExplanation",
+  props: {
+    isAIExplain: {
+      type: Boolean,
+      default: !1,
+      required: !0
+    },
+    explanation: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["aiExplain"],
+  setup(e, { emit: o }) {
+    const t = Me(), n = E(() => t.isLoading("aiExplanation")), l = o, a = () => {
+      l("aiExplain");
+    };
+    return (i, s) => {
+      var r, u;
+      return C(), O("div", {
+        class: B(["card border bg-white rounded-lg mb-8", [
+          "relative p-0.5 transition-all duration-300 ease-in-out bg-[length:300%_300%] bg-[position:0%_50%] border rounded-lg",
+          {
+            "bg-gradient-to-br from-[#8556f0] via-[#d6b379] via-[#6bedd1] to-[#439beb] animate-moveGradient border border-white": e.isAIExplain
+          }
+        ]])
+      }, [
+        v("div", ml, [
+          v("div", bl, [
+            gl,
+            v("div", Cl, [
+              n.value ? (C(), G(r2, { key: 0 })) : Z("", !0),
+              v("div", xl, [
+                N(hl, {
+                  isExpanded: e.isAIExplain,
+                  disabled: n.value,
+                  onClick: a
+                }, null, 8, ["isExpanded", "disabled"])
+              ])
+            ])
+          ]),
+          v("div", {
+            class: B(["overflow-hidden transition-all duration-300 ease-in-out", e.isAIExplain ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
+          }, [
+            (r = e.explanation) != null && r.result ? (C(), O("ul", yl, [
+              (C(!0), O(J, null, oe(((u = e.explanation) == null ? void 0 : u.result.split(`
+`)) || [], (c, p) => (C(), O("li", {
+                key: `${c}-${p}`,
+                innerHTML: c
+              }, null, 8, wl))), 128))
+            ])) : Z("", !0)
+          ], 2)
+        ])
+      ], 2);
+    };
+  }
 };
-function dl() {
+function Sl() {
   document.documentElement.setAttribute("dir", "rtl");
 }
-function fl() {
+function El() {
   document.documentElement.removeAttribute("dir");
 }
 const Ot = {
-  supportRTL: dl,
-  removeRTL: fl
-}, pl = ["ar", "fa", "iw", "yi", "ur", "pa"], vl = { class: "bg-white min-h-screen flex flex-col" }, hl = { class: "py-2 px-5 shadow-lg" }, ml = { class: "px-5 flex-grow" }, bl = { class: "flex flex-col lg:flex-row lg:gap-2 mb-6" }, gl = { class: "w-full lg:w-[calc(50%-1rem)] my-2 flex" }, Cl = /* @__PURE__ */ v("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1), xl = { class: "w-full lg:w-[calc(50%-1rem)] my-2 flex" }, yl = { class: "grid grid-cols-1 lg:grid-cols-3 gap-4" }, wl = {
+  supportRTL: Sl,
+  removeRTL: El
+}, Ol = ["ar", "fa", "iw", "yi", "ur", "pa"], Il = { class: "bg-white min-h-screen flex flex-col" }, $l = { class: "py-2 px-5 shadow-lg" }, Tl = { class: "px-5 flex-grow" }, Ll = { class: "flex flex-col lg:flex-row lg:gap-2 mb-6" }, Ml = { class: "w-full lg:w-[calc(50%-1rem)] my-2 flex" }, Al = /* @__PURE__ */ v("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1), Vl = { class: "w-full lg:w-[calc(50%-1rem)] my-2 flex" }, kl = {
   key: 0,
   class: "w-full my-4"
-}, _l = {
+}, Fl = { class: "grid grid-cols-1 lg:grid-cols-3 gap-4" }, Pl = {
+  key: 1,
+  class: "w-full my-4"
+}, Rl = {
   key: 1,
   class: "text-textCustom italic font-medium"
-}, Ol = {
+}, Bl = {
   __name: "Popup",
   props: {
     opt: {
@@ -3274,6 +3375,10 @@ const Ot = {
       type: Object,
       default: null
     },
+    explanation: {
+      type: Object,
+      default: null
+    },
     tts: {
       type: Object,
       default: null
@@ -3293,6 +3398,14 @@ const Ot = {
     isAITranslate: {
       type: Boolean,
       default: !1
+    },
+    isAIExplain: {
+      type: Boolean,
+      default: !1
+    },
+    aiExplainMinLength: {
+      type: Number,
+      default: 0
     }
   },
   emits: [
@@ -3305,21 +3418,28 @@ const Ot = {
     "loadTTS",
     "favorite",
     "aiTranslate",
+    "aiExplain",
     "copy"
   ],
   setup(e, { emit: o }) {
-    const t = vn(), n = me(t), l = r2(t), s = Ue(t), i = ze(t), a = e, r = o, u = O(""), c = () => {
-      const I = a.opt.target;
-      pl.includes(I) ? Ot.supportRTL() : Ot.removeRTL();
+    const t = hn(), n = me(t), l = u2(t), a = Ue(t), i = Me(t), s = e, r = o, u = $(""), c = () => {
+      const I = s.opt.target;
+      Ol.includes(I) ? Ot.supportRTL() : Ot.removeRTL();
     };
-    B(
-      () => a.translation,
+    j(
+      () => s.translation,
       (I) => {
-        I && (i.loading = !1, u.value = I.text, n.init(I), l.reset());
+        i.setLoading("translation", !1), I && (u.value = I.text, n.init(I), l.reset());
       },
       { immediate: !0 }
-    ), B(
-      () => a.tts,
+    ), j(
+      [() => s.explanation, () => s.isAIExplain],
+      ([I]) => {
+        I != null && I.result && i.setLoading("aiExplanation", !1);
+      },
+      { immediate: !0, deep: !0 }
+    ), j(
+      () => s.tts,
       (I) => {
         if (!I) {
           l.reset();
@@ -3328,92 +3448,102 @@ const Ot = {
         l.set(I);
       },
       { immediate: !0 }
-    ), B([() => a.opt, () => a.languages], ([I, T]) => {
-      s.init(I, T), c();
-    }), B([() => s.src, () => s.target], ([I, T]) => {
-      r("opt", { src: I, target: T }), b(u.value);
+    ), j([() => s.opt, () => s.languages], ([I, x]) => {
+      a.init(I, x), c();
+    }), j([() => a.src, () => a.target], ([I, x]) => {
+      r("opt", { src: I, target: x }), m(u.value);
     }), ye(() => {
-      s.init(a.opt, a.languages), c();
+      a.init(s.opt, s.languages), c();
     });
     function p() {
-      u.value = "", a.isAITranslate && S(), n.reset();
+      u.value = "", s.isAITranslate && _(), n.reset();
     }
-    function h(I) {
-      b(I);
+    function b(I) {
+      m(I);
     }
-    function m(I) {
-      const T = I === "src" ? n.text : n.result;
-      r("loadTTS", { type: I, data: T });
+    function w(I) {
+      const x = I === "src" ? n.text : n.result;
+      r("loadTTS", { type: I, data: x });
     }
-    function b(I, T = s.src, L = s.target) {
-      I && (u.value = I, i.loading = !0, r("translate", {
-        src: T,
-        target: L,
+    function m(I, x = a.src, V = a.target) {
+      I && (u.value = I, i.setLoading("translation", !0), r("translate", {
+        src: x,
+        target: V,
         text: I
       }));
     }
-    function S() {
-      a.isAITranslate || (i.loading = !0), r("aiTranslate");
+    function _() {
+      s.isAITranslate || i.setLoading("translation", !0), r("aiTranslate");
+    }
+    function P() {
+      s.isAIExplain || i.setLoading("aiExplanation", !0), r("aiExplain");
     }
-    return (I, T) => {
-      var L, P, k, g;
-      return w(), E("div", vl, [
-        v("div", hl, [
-          N(B2, {
-            onReader: T[0] || (T[0] = (M) => r("reader")),
-            onSettings: T[1] || (T[1] = (M) => r("settings")),
-            onFullScreen: T[2] || (T[2] = (M) => r("fullscreen")),
-            onStarList: T[3] || (T[3] = (M) => r("starList"))
+    return (I, x) => {
+      var V, R, y, M, g;
+      return C(), O("div", Il, [
+        v("div", $l, [
+          N(j2, {
+            onReader: x[0] || (x[0] = (h) => r("reader")),
+            onSettings: x[1] || (x[1] = (h) => r("settings")),
+            onFullScreen: x[2] || (x[2] = (h) => r("fullscreen")),
+            onStarList: x[3] || (x[3] = (h) => r("starList"))
           })
         ]),
-        v("div", ml, [
-          N(On, { class: "my-4" }),
-          v("div", bl, [
-            v("div", gl, [
+        v("div", Tl, [
+          N(In, { class: "my-4" }),
+          v("div", Ll, [
+            v("div", Ml, [
               N(wo, {
                 text: u.value,
-                onChange: h,
+                onChange: b,
                 onClear: p,
-                onLoadTTS: T[4] || (T[4] = (M) => m("src")),
+                onLoadTTS: x[4] || (x[4] = (h) => w("src")),
                 class: "flex-grow flex flex-col"
               }, null, 8, ["text"])
             ]),
-            Cl,
-            v("div", xl, [
-              N(Io, {
+            Al,
+            v("div", Vl, [
+              N(To, {
                 isFavoriteFeatureEnabled: e.isFavoriteFeatureEnabled,
                 isAITranslateFeatureEnabled: e.isAITranslateFeatureEnabled,
                 isAITranslate: e.isAITranslate,
                 isFavorite: e.isFavorite,
-                onCopy: T[5] || (T[5] = (M) => r("copy")),
-                onAiTranslate: S,
-                onFavorite: T[6] || (T[6] = (M) => r("favorite")),
-                onLoadTTS: T[7] || (T[7] = (M) => m("target")),
+                onCopy: x[5] || (x[5] = (h) => r("copy")),
+                onAiTranslate: _,
+                onFavorite: x[6] || (x[6] = (h) => r("favorite")),
+                onLoadTTS: x[7] || (x[7] = (h) => w("target")),
                 class: "flex-grow flex flex-col"
               }, null, 8, ["isFavoriteFeatureEnabled", "isAITranslateFeatureEnabled", "isAITranslate", "isFavorite"])
             ])
           ]),
-          a.translation ? (w(), E(Q, { key: 0 }, [
-            v("div", yl, [
-              (L = V(n).dictionary) != null && L.length ? (w(), se(No, {
+          s.translation ? (C(), O(J, { key: 0 }, [
+            ((V = L(n).result) == null ? void 0 : V.length) > e.aiExplainMinLength ? (C(), O("div", kl, [
+              N(_l, {
+                isAIExplain: e.isAIExplain,
+                explanation: e.explanation,
+                onAiExplain: P
+              }, null, 8, ["isAIExplain", "explanation"])
+            ])) : Z("", !0),
+            v("div", Fl, [
+              (R = L(n).dictionary) != null && R.length ? (C(), G(No, {
                 key: 0,
-                onTranslate: b
-              })) : W("", !0),
-              (P = V(n).definitions) != null && P.length ? (w(), se(qo, { key: 1 })) : W("", !0),
-              (k = V(n).synonyms) != null && k.length ? (w(), se(cl, {
+                onTranslate: m
+              })) : Z("", !0),
+              (y = L(n).definitions) != null && y.length ? (C(), G(qo, { key: 1 })) : Z("", !0),
+              (M = L(n).synonyms) != null && M.length ? (C(), G(cl, {
                 key: 2,
-                onTranslate: b
-              })) : W("", !0)
+                onTranslate: m
+              })) : Z("", !0)
             ]),
-            (g = V(n).examples) != null && g.length ? (w(), E("div", wl, [
+            (g = L(n).examples) != null && g.length ? (C(), O("div", Pl, [
               N(tl)
-            ])) : W("", !0)
-          ], 64)) : (w(), E("span", _l, "Service unavailable"))
+            ])) : Z("", !0)
+          ], 64)) : (C(), O("span", Rl, "Service unavailable"))
         ])
       ]);
     };
   }
 };
 export {
-  Ol as default
+  Bl as default
 };