@ddict/popup 1.0.7 → 1.0.9

package/dist/popup.es.js

@@ -1,103 +1,151 @@
-import { computed as _, unref as R, shallowRef as an, watch as j, triggerRef as rt, onScopeDispose as Ye, ref as S, onUnmounted as St, inject as Ce, watchEffect as le, onMounted as de, cloneVNode as Ot, h as Oe, Fragment as X, defineComponent as se, provide as Qe, reactive as Et, nextTick as Q, toRaw as K, openBlock as P, createElementBlock as V, createElementVNode as I, mergeModels as un, useModel as cn, createBlock as xe, withCtx as Pe, createVNode as H, renderList as ge, normalizeClass as it, toDisplayString as ne, effectScope as It, markRaw as ae, hasInjectionContext as dn, getCurrentInstance as $t, isRef as be, isReactive as Ze, toRef as Be, getCurrentScope as Ct, toRefs as at, createCommentVNode as ue, withModifiers as fn, withDirectives as Xe, vModelCheckbox as vn, createTextVNode as pn, vModelText as Tt } from "vue";
-function _e(e, o, t) {
-  let n = t.initialDeps ?? [], l;
+import { openBlock as S, createElementBlock as $, createElementVNode as g, computed as w, unref as P, shallowRef as cn, watch as j, triggerRef as it, onScopeDispose as Ze, ref as E, onUnmounted as St, inject as Te, watchEffect as ie, onMounted as pe, cloneVNode as Et, h as Oe, Fragment as G, defineComponent as ae, provide as et, reactive as Ot, nextTick as te, toRaw as Y, mergeModels as dn, useModel as fn, createBlock as Z, withCtx as ke, createVNode as z, renderList as le, normalizeClass as ye, toDisplayString as ee, effectScope as $t, markRaw as de, hasInjectionContext as pn, getCurrentInstance as It, isRef as xe, isReactive as tt, toRef as We, getCurrentScope as Ct, toRefs as at, createCommentVNode as X, withModifiers as vn, createTextVNode as hn, withDirectives as Tt, vModelText as Pt, pushScopeId as mn, popScopeId as gn } from "vue";
+const bn = "/assets/icons/logo.svg", _n = "/assets/icons/book-one.svg", yn = "/assets/icons/arrow-full-screen.svg", xn = "/assets/icons/setting.svg", wn = { class: "flex justify-between" }, Sn = /* @__PURE__ */ g("div", { class: "flex flex-row" }, [
+  /* @__PURE__ */ g("img", {
+    src: bn,
+    alt: "Vue logo",
+    class: "w-24"
+  })
+], -1), En = { class: "flex" }, On = /* @__PURE__ */ g("img", {
+  src: _n,
+  alt: "Reader",
+  class: "w-7"
+}, null, -1), $n = [
+  On
+], In = /* @__PURE__ */ g("img", {
+  src: yn,
+  alt: "Full screen",
+  class: "w-7"
+}, null, -1), Cn = [
+  In
+], Tn = /* @__PURE__ */ g("img", {
+  src: xn,
+  alt: "Setting",
+  class: "w-7"
+}, null, -1), Pn = [
+  Tn
+], kn = {
+  __name: "Header",
+  emits: ["settings", "fullScreen", "reader"],
+  setup(e, { emit: o }) {
+    const t = o;
+    return (n, s) => (S(), $("div", wn, [
+      Sn,
+      g("div", En, [
+        g("button", {
+          class: "btn btn-ghost btn-circle",
+          onClick: s[0] || (s[0] = (r) => t("reader"))
+        }, $n),
+        g("button", {
+          class: "btn btn-ghost btn-circle",
+          onClick: s[1] || (s[1] = (r) => t("fullScreen"))
+        }, Cn),
+        g("button", {
+          class: "btn btn-ghost btn-circle",
+          onClick: s[2] || (s[2] = (r) => t("settings"))
+        }, Pn)
+      ])
+    ]));
+  }
+};
+function we(e, o, t) {
+  let n = t.initialDeps ?? [], s;
   return () => {
-    var r, i, s, a;
+    var r, i, l, a;
     let u;
     t.key && ((r = t.debug) != null && r.call(t)) && (u = Date.now());
-    const v = e();
-    if (!(v.length !== n.length || v.some((m, w) => n[w] !== m)))
-      return l;
-    n = v;
-    let b;
-    if (t.key && ((i = t.debug) != null && i.call(t)) && (b = Date.now()), l = o(...v), t.key && ((s = t.debug) != null && s.call(t))) {
-      const m = Math.round((Date.now() - u) * 100) / 100, w = Math.round((Date.now() - b) * 100) / 100, $ = w / 16, M = (E, O) => {
-        for (E = String(E); E.length < O; )
-          E = " " + E;
-        return E;
+    const p = e();
+    if (!(p.length !== n.length || p.some((m, v) => n[v] !== m)))
+      return s;
+    n = p;
+    let h;
+    if (t.key && ((i = t.debug) != null && i.call(t)) && (h = Date.now()), s = o(...p), t.key && ((l = t.debug) != null && l.call(t))) {
+      const m = Math.round((Date.now() - u) * 100) / 100, v = Math.round((Date.now() - h) * 100) / 100, I = v / 16, V = (T, C) => {
+        for (T = String(T); T.length < C; )
+          T = " " + T;
+        return T;
       };
       console.info(
-        `%c⏱ ${M(w, 5)} /${M(m, 5)} ms`,
+        `%c⏱ ${V(v, 5)} /${V(m, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * $, 120)
+          Math.min(120 - 120 * I, 120)
         )}deg 100% 31%);`,
         t == null ? void 0 : t.key
       );
     }
-    return (a = t == null ? void 0 : t.onChange) == null || a.call(t, l), l;
+    return (a = t == null ? void 0 : t.onChange) == null || a.call(t, s), s;
   };
 }
-function Ue(e, o) {
+function Ge(e, o) {
   if (e === void 0)
     throw new Error("Unexpected undefined");
   return e;
 }
-const hn = (e, o) => Math.abs(e - o) < 1, mn = (e, o, t) => {
+const Rn = (e, o) => Math.abs(e - o) < 1, Nn = (e, o, t) => {
   let n;
-  return function(...l) {
-    e.clearTimeout(n), n = e.setTimeout(() => o.apply(this, l), t);
+  return function(...s) {
+    e.clearTimeout(n), n = e.setTimeout(() => o.apply(this, s), t);
   };
-}, gn = (e) => e, bn = (e) => {
+}, Dn = (e) => e, Ln = (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);
+  for (let s = o; s <= t; s++)
+    n.push(s);
   return n;
-}, yn = (e, o) => {
+}, Vn = (e, o) => {
   const t = e.scrollElement;
   if (!t)
     return;
   const n = e.targetWindow;
   if (!n)
     return;
-  const l = (i) => {
-    const { width: s, height: a } = i;
-    o({ width: Math.round(s), height: Math.round(a) });
+  const s = (i) => {
+    const { width: l, height: a } = i;
+    o({ width: Math.round(l), height: Math.round(a) });
   };
-  if (l(t.getBoundingClientRect()), !n.ResizeObserver)
+  if (s(t.getBoundingClientRect()), !n.ResizeObserver)
     return () => {
     };
   const r = new n.ResizeObserver((i) => {
-    const s = i[0];
-    if (s != null && s.borderBoxSize) {
-      const a = s.borderBoxSize[0];
+    const l = i[0];
+    if (l != null && l.borderBoxSize) {
+      const a = l.borderBoxSize[0];
       if (a) {
-        l({ width: a.inlineSize, height: a.blockSize });
+        s({ width: a.inlineSize, height: a.blockSize });
         return;
       }
     }
-    l(t.getBoundingClientRect());
+    s(t.getBoundingClientRect());
   });
   return r.observe(t, { box: "border-box" }), () => {
     r.unobserve(t);
   };
 }, ut = {
   passive: !0
-}, _n = typeof window > "u" ? !0 : "onscrollend" in window, wn = (e, o) => {
+}, An = typeof window > "u" ? !0 : "onscrollend" in window, Mn = (e, o) => {
   const t = e.scrollElement;
   if (!t)
     return;
   const n = e.targetWindow;
   if (!n)
     return;
-  let l = 0;
-  const r = _n ? () => {
-  } : mn(
+  let s = 0;
+  const r = An ? () => {
+  } : Nn(
     n,
     () => {
-      o(l, !1);
+      o(s, !1);
     },
     e.options.isScrollingResetDelay
   ), i = (u) => () => {
-    l = t[e.options.horizontal ? "scrollLeft" : "scrollTop"], r(), o(l, u);
-  }, s = i(!0), a = i(!1);
-  return a(), t.addEventListener("scroll", s, ut), t.addEventListener("scrollend", a, ut), () => {
-    t.removeEventListener("scroll", s), t.removeEventListener("scrollend", a);
+    s = t[e.options.horizontal ? "scrollLeft" : "scrollTop"], r(), o(s, u);
+  }, l = i(!0), a = i(!1);
+  return a(), t.addEventListener("scroll", l, ut), t.addEventListener("scrollend", a, ut), () => {
+    t.removeEventListener("scroll", l), t.removeEventListener("scrollend", a);
   };
-}, xn = (e, o, t) => {
+}, jn = (e, o, t) => {
   if (o != null && o.borderBoxSize) {
     const n = o.borderBoxSize[0];
     if (n)
@@ -108,43 +156,43 @@ const hn = (e, o) => Math.abs(e - o) < 1, mn = (e, o, t) => {
   return Math.round(
     e.getBoundingClientRect()[t.options.horizontal ? "width" : "height"]
   );
-}, Sn = (e, {
+}, Fn = (e, {
   adjustments: o = 0,
   behavior: t
 }, n) => {
-  var l, r;
+  var s, r;
   const i = e + o;
-  (r = (l = n.scrollElement) == null ? void 0 : l.scrollTo) == null || r.call(l, {
+  (r = (s = n.scrollElement) == null ? void 0 : s.scrollTo) == null || r.call(s, {
     [n.options.horizontal ? "left" : "top"]: i,
     behavior: t
   });
 };
-class On {
+class Bn {
   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((r) => {
+      const n = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((s) => {
+        s.forEach((r) => {
           this._measureElement(r.target, r);
         });
       }));
       return {
         disconnect: () => {
-          var l;
-          return (l = n()) == null ? void 0 : l.disconnect();
+          var s;
+          return (s = n()) == null ? void 0 : s.disconnect();
         },
-        observe: (l) => {
+        observe: (s) => {
           var r;
-          return (r = n()) == null ? void 0 : r.observe(l, { box: "border-box" });
+          return (r = n()) == null ? void 0 : r.observe(s, { box: "border-box" });
         },
-        unobserve: (l) => {
+        unobserve: (s) => {
           var r;
-          return (r = n()) == null ? void 0 : r.unobserve(l);
+          return (r = n()) == null ? void 0 : r.unobserve(s);
         }
       };
     })(), this.range = null, this.setOptions = (t) => {
-      Object.entries(t).forEach(([n, l]) => {
-        typeof l > "u" && delete t[n];
+      Object.entries(t).forEach(([n, s]) => {
+        typeof s > "u" && delete t[n];
       }), this.options = {
         debug: !1,
         initialOffset: 0,
@@ -154,11 +202,11 @@ class On {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: gn,
-        rangeExtractor: bn,
+        getItemKey: Dn,
+        rangeExtractor: Ln,
         onChange: () => {
         },
-        measureElement: xn,
+        measureElement: jn,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -170,12 +218,12 @@ class On {
         ...t
       };
     }, this.notify = (t, n) => {
-      var l, r;
-      const { startIndex: i, endIndex: s } = this.range ?? {
+      var s, r;
+      const { startIndex: i, endIndex: l } = this.range ?? {
         startIndex: void 0,
         endIndex: void 0
       }, a = this.calculateRange();
-      (t || i !== (a == null ? void 0 : a.startIndex) || s !== (a == null ? void 0 : a.endIndex)) && ((r = (l = this.options).onChange) == null || r.call(l, this, n));
+      (t || i !== (a == null ? void 0 : a.startIndex) || l !== (a == null ? void 0 : a.endIndex)) && ((r = (s = this.options).onChange) == null || r.call(s, 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 = () => () => {
@@ -192,31 +240,31 @@ class On {
           adjustments: void 0,
           behavior: void 0
         }), this.unsubs.push(
-          this.options.observeElementRect(this, (l) => {
-            this.scrollRect = l, this.notify(!1, !1);
+          this.options.observeElementRect(this, (s) => {
+            this.scrollRect = s, this.notify(!1, !1);
           })
         ), this.unsubs.push(
-          this.options.observeElementOffset(this, (l, r) => {
-            this.scrollAdjustments = 0, this.scrollDirection = r ? this.getScrollOffset() < l ? "forward" : "backward" : null, this.scrollOffset = l;
+          this.options.observeElementOffset(this, (s, r) => {
+            this.scrollAdjustments = 0, this.scrollDirection = r ? this.getScrollOffset() < s ? "forward" : "backward" : null, this.scrollOffset = s;
             const i = this.isScrolling;
             this.isScrolling = r, this.notify(i !== r, r);
           })
         );
       }
     }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (t, n) => {
-      const l = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+      const s = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
       for (let i = n - 1; i >= 0; i--) {
-        const s = t[i];
-        if (l.has(s.lane))
+        const l = t[i];
+        if (s.has(l.lane))
           continue;
         const a = r.get(
-          s.lane
+          l.lane
         );
-        if (a == null || s.end > a.end ? r.set(s.lane, s) : s.end < a.end && l.set(s.lane, !0), l.size === this.options.lanes)
+        if (a == null || l.end > a.end ? r.set(l.lane, l) : l.end < a.end && s.set(l.lane, !0), s.size === this.options.lanes)
           break;
       }
-      return r.size === this.options.lanes ? Array.from(r.values()).sort((i, s) => i.end === s.end ? i.index - s.index : i.end - s.end)[0] : void 0;
-    }, this.getMeasurementOptions = _e(
+      return r.size === this.options.lanes ? Array.from(r.values()).sort((i, l) => i.end === l.end ? i.index - l.index : i.end - l.end)[0] : void 0;
+    }, this.getMeasurementOptions = we(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -224,19 +272,19 @@ class On {
         this.options.getItemKey,
         this.options.enabled
       ],
-      (t, n, l, r, i) => (this.pendingMeasuredCacheIndexes = [], {
+      (t, n, s, r, i) => (this.pendingMeasuredCacheIndexes = [], {
         count: t,
         paddingStart: n,
-        scrollMargin: l,
+        scrollMargin: s,
         getItemKey: r,
         enabled: i
       }),
       {
         key: !1
       }
-    ), this.getMeasurements = _e(
+    ), this.getMeasurements = we(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: t, paddingStart: n, scrollMargin: l, getItemKey: r, enabled: i }, s) => {
+      ({ count: t, paddingStart: n, scrollMargin: s, getItemKey: r, enabled: i }, l) => {
         var a;
         if (!i)
           return this.measurementsCache = [], this.itemSizeCache.clear(), [];
@@ -245,59 +293,59 @@ class On {
         }));
         const u = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
-        const v = this.measurementsCache.slice(0, u);
+        const p = this.measurementsCache.slice(0, u);
         for (let c = u; c < t; c++) {
-          let b = (a = this.measurementsCache[c]) == null ? void 0 : a.measureElement;
-          b || (b = (A) => {
-            const g = r(c), T = this.elementsCache.get(g);
-            if (!A) {
-              T && (this.observer.unobserve(T), this.elementsCache.delete(g));
+          let h = (a = this.measurementsCache[c]) == null ? void 0 : a.measureElement;
+          h || (h = (M) => {
+            const y = r(c), R = this.elementsCache.get(y);
+            if (!M) {
+              R && (this.observer.unobserve(R), this.elementsCache.delete(y));
               return;
             }
-            T !== A && (T && this.observer.unobserve(T), this.observer.observe(A), this.elementsCache.set(g, A)), A.isConnected && this.resizeItem(
+            R !== M && (R && this.observer.unobserve(R), this.observer.observe(M), this.elementsCache.set(y, M)), M.isConnected && this.resizeItem(
               c,
-              this.options.measureElement(A, void 0, this)
+              this.options.measureElement(M, void 0, this)
             );
           });
-          const m = r(c), w = this.options.lanes === 1 ? v[c - 1] : this.getFurthestMeasurement(v, c), $ = w ? w.end + this.options.gap : n + l, M = s.get(m), E = typeof M == "number" ? M : this.options.estimateSize(c), O = $ + E, D = w ? w.lane : c % this.options.lanes;
-          v[c] = {
+          const m = r(c), v = this.options.lanes === 1 ? p[c - 1] : this.getFurthestMeasurement(p, c), I = v ? v.end + this.options.gap : n + s, V = l.get(m), T = typeof V == "number" ? V : this.options.estimateSize(c), C = I + T, L = v ? v.lane : c % this.options.lanes;
+          p[c] = {
             index: c,
-            start: $,
-            size: E,
-            end: O,
+            start: I,
+            size: T,
+            end: C,
             key: m,
-            lane: D,
-            measureElement: b
+            lane: L,
+            measureElement: h
           };
         }
-        return this.measurementsCache = v, v;
+        return this.measurementsCache = p, p;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = _e(
+    ), this.calculateRange = we(
       () => [this.getMeasurements(), this.getSize(), this.getScrollOffset()],
-      (t, n, l) => this.range = t.length > 0 && n > 0 ? En({
+      (t, n, s) => this.range = t.length > 0 && n > 0 ? zn({
         measurements: t,
         outerSize: n,
-        scrollOffset: l
+        scrollOffset: s
       }) : null,
       {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getIndexes = _e(
+    ), this.getIndexes = we(
       () => [
         this.options.rangeExtractor,
         this.calculateRange(),
         this.options.overscan,
         this.options.count
       ],
-      (t, n, l, r) => n === null ? [] : t({
+      (t, n, s, r) => n === null ? [] : t({
         startIndex: n.startIndex,
         endIndex: n.endIndex,
-        overscan: l,
+        overscan: s,
         count: r
       }),
       {
@@ -305,40 +353,40 @@ class On {
         debug: () => this.options.debug
       }
     ), this.indexFromElement = (t) => {
-      const n = this.options.indexAttribute, l = t.getAttribute(n);
-      return l ? parseInt(l, 10) : (console.warn(
+      const n = this.options.indexAttribute, s = t.getAttribute(n);
+      return s ? parseInt(s, 10) : (console.warn(
         `Missing attribute name '${n}={index}' on measured element.`
       ), -1);
     }, this._measureElement = (t, n) => {
-      const l = this.indexFromElement(t), r = this.getMeasurements()[l];
+      const s = this.indexFromElement(t), r = this.getMeasurements()[s];
       if (!r || !t.isConnected) {
-        this.elementsCache.forEach((s, a) => {
-          s === t && (this.observer.unobserve(t), this.elementsCache.delete(a));
+        this.elementsCache.forEach((l, a) => {
+          l === t && (this.observer.unobserve(t), this.elementsCache.delete(a));
         });
         return;
       }
       const i = this.elementsCache.get(r.key);
-      i !== t && (i && this.observer.unobserve(i), this.observer.observe(t), this.elementsCache.set(r.key, t)), this.resizeItem(l, this.options.measureElement(t, n, this));
+      i !== t && (i && this.observer.unobserve(i), this.observer.observe(t), this.elementsCache.set(r.key, t)), this.resizeItem(s, this.options.measureElement(t, n, this));
     }, this.resizeItem = (t, n) => {
-      const l = this.getMeasurements()[t];
-      if (!l)
+      const s = this.getMeasurements()[t];
+      if (!s)
         return;
-      const r = this.itemSizeCache.get(l.key) ?? l.size, i = n - r;
-      i !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(l, i, this) : l.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", i), this._scrollToOffset(this.getScrollOffset(), {
+      const r = this.itemSizeCache.get(s.key) ?? s.size, i = n - r;
+      i !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(s, i, this) : s.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", i), this._scrollToOffset(this.getScrollOffset(), {
         adjustments: this.scrollAdjustments += i,
         behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(l.index), this.itemSizeCache = new Map(this.itemSizeCache.set(l.key, n)), this.notify(!0, !1));
+      })), this.pendingMeasuredCacheIndexes.push(s.index), this.itemSizeCache = new Map(this.itemSizeCache.set(s.key, n)), this.notify(!0, !1));
     }, this.measureElement = (t) => {
       t && this._measureElement(t, void 0);
-    }, this.getVirtualItems = _e(
+    }, this.getVirtualItems = we(
       () => [this.getIndexes(), this.getMeasurements()],
       (t, n) => {
-        const l = [];
+        const s = [];
         for (let r = 0, i = t.length; r < i; r++) {
-          const s = t[r], a = n[s];
-          l.push(a);
+          const l = t[r], a = n[l];
+          s.push(a);
         }
-        return l;
+        return s;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getIndexes",
@@ -347,60 +395,60 @@ class On {
     ), this.getVirtualItemForOffset = (t) => {
       const n = this.getMeasurements();
       if (n.length !== 0)
-        return Ue(
-          n[Pt(
+        return Ge(
+          n[kt(
             0,
             n.length - 1,
-            (l) => Ue(n[l]).start,
+            (s) => Ge(n[s]).start,
             t
           )]
         );
     }, this.getOffsetForAlignment = (t, n) => {
-      const l = this.getSize(), r = this.getScrollOffset();
-      n === "auto" && (t <= r ? n = "start" : t >= r + l ? n = "end" : n = "start"), n === "start" ? t = t : n === "end" ? t = t - l : n === "center" && (t = t - l / 2);
-      const i = this.options.horizontal ? "scrollWidth" : "scrollHeight", a = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[i] : this.scrollElement[i] : 0) - l;
+      const s = this.getSize(), r = this.getScrollOffset();
+      n === "auto" && (t <= r ? n = "start" : t >= r + s ? n = "end" : n = "start"), n === "start" ? t = t : n === "end" ? t = t - s : n === "center" && (t = t - s / 2);
+      const i = this.options.horizontal ? "scrollWidth" : "scrollHeight", a = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[i] : this.scrollElement[i] : 0) - s;
       return Math.max(Math.min(a, t), 0);
     }, this.getOffsetForIndex = (t, n = "auto") => {
       t = Math.max(0, Math.min(t, this.options.count - 1));
-      const l = this.getMeasurements()[t];
-      if (!l)
+      const s = this.getMeasurements()[t];
+      if (!s)
         return;
       const r = this.getSize(), i = this.getScrollOffset();
       if (n === "auto")
-        if (l.end >= i + r - this.options.scrollPaddingEnd)
+        if (s.end >= i + r - this.options.scrollPaddingEnd)
           n = "end";
-        else if (l.start <= i + this.options.scrollPaddingStart)
+        else if (s.start <= i + this.options.scrollPaddingStart)
           n = "start";
         else
           return [i, n];
-      const s = n === "end" ? l.end + this.options.scrollPaddingEnd : l.start - this.options.scrollPaddingStart;
-      return [this.getOffsetForAlignment(s, n), n];
+      const l = n === "end" ? s.end + this.options.scrollPaddingEnd : s.start - this.options.scrollPaddingStart;
+      return [this.getOffsetForAlignment(l, 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 } = {}) => {
-      this.cancelScrollToIndex(), l === "smooth" && this.isDynamicMode() && console.warn(
+    }, this.scrollToOffset = (t, { align: n = "start", behavior: s } = {}) => {
+      this.cancelScrollToIndex(), s === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
       ), this._scrollToOffset(this.getOffsetForAlignment(t, n), {
         adjustments: void 0,
-        behavior: l
+        behavior: s
       });
-    }, this.scrollToIndex = (t, { align: n = "auto", behavior: l } = {}) => {
-      t = Math.max(0, Math.min(t, this.options.count - 1)), this.cancelScrollToIndex(), l === "smooth" && this.isDynamicMode() && console.warn(
+    }, this.scrollToIndex = (t, { align: n = "auto", behavior: s } = {}) => {
+      t = Math.max(0, Math.min(t, this.options.count - 1)), this.cancelScrollToIndex(), s === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
       );
       const r = this.getOffsetForIndex(t, n);
       if (!r) return;
-      const [i, s] = r;
-      this._scrollToOffset(i, { adjustments: void 0, behavior: l }), l !== "smooth" && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
+      const [i, l] = r;
+      this._scrollToOffset(i, { adjustments: void 0, behavior: s }), s !== "smooth" && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
         if (this.scrollToIndexTimeoutId = null, this.elementsCache.has(
           this.options.getItemKey(t)
         )) {
-          const [u] = Ue(
-            this.getOffsetForIndex(t, s)
+          const [u] = Ge(
+            this.getOffsetForIndex(t, l)
           );
-          hn(u, this.getScrollOffset()) || this.scrollToIndex(t, { align: s, behavior: l });
+          Rn(u, this.getScrollOffset()) || this.scrollToIndex(t, { align: l, behavior: s });
         } else
-          this.scrollToIndex(t, { align: s, behavior: l });
+          this.scrollToIndex(t, { align: l, behavior: s });
       }));
     }, this.scrollBy = (t, { behavior: n } = {}) => {
       this.cancelScrollToIndex(), n === "smooth" && this.isDynamicMode() && console.warn(
@@ -412,94 +460,94 @@ class On {
     }, this.getTotalSize = () => {
       var t;
       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(
+      let s;
+      return n.length === 0 ? s = this.options.paddingStart : s = this.options.lanes === 1 ? ((t = n[n.length - 1]) == null ? void 0 : t.end) ?? 0 : Math.max(
         ...n.slice(-this.options.lanes).map((r) => r.end)
-      ), l - this.options.scrollMargin + this.options.paddingEnd;
+      ), s - this.options.scrollMargin + this.options.paddingEnd;
     }, this._scrollToOffset = (t, {
       adjustments: n,
-      behavior: l
+      behavior: s
     }) => {
-      this.options.scrollToFn(t, { behavior: l, adjustments: n }, this);
+      this.options.scrollToFn(t, { behavior: s, adjustments: n }, this);
     }, this.measure = () => {
       var t, n;
       this.itemSizeCache = /* @__PURE__ */ new Map(), (n = (t = this.options).onChange) == null || n.call(t, this, !1);
     }, this.setOptions(o);
   }
 }
-const Pt = (e, o, t, n) => {
+const kt = (e, o, t, n) => {
   for (; e <= o; ) {
-    const l = (e + o) / 2 | 0, r = t(l);
+    const s = (e + o) / 2 | 0, r = t(s);
     if (r < n)
-      e = l + 1;
+      e = s + 1;
     else if (r > n)
-      o = l - 1;
+      o = s - 1;
     else
-      return l;
+      return s;
   }
   return e > 0 ? e - 1 : 0;
 };
-function En({
+function zn({
   measurements: e,
   outerSize: o,
   scrollOffset: t
 }) {
-  const n = e.length - 1, r = Pt(0, n, (s) => e[s].start, t);
+  const n = e.length - 1, r = kt(0, n, (l) => e[l].start, t);
   let i = r;
   for (; i < n && e[i].end < t + o; )
     i++;
   return { startIndex: r, endIndex: i };
 }
-function In(e) {
-  const o = new On(R(e)), t = an(o), n = o._didMount();
+function Un(e) {
+  const o = new Bn(P(e)), t = cn(o), n = o._didMount();
   return j(
-    () => R(e).getScrollElement(),
-    (l) => {
-      l && o._willUpdate();
+    () => P(e).getScrollElement(),
+    (s) => {
+      s && o._willUpdate();
     },
     {
       immediate: !0
     }
   ), j(
-    () => R(e),
-    (l) => {
+    () => P(e),
+    (s) => {
       o.setOptions({
-        ...l,
+        ...s,
         onChange: (r, i) => {
-          var s;
-          rt(t), (s = l.onChange) == null || s.call(l, r, i);
+          var l;
+          it(t), (l = s.onChange) == null || l.call(s, r, i);
         }
-      }), o._willUpdate(), rt(t);
+      }), o._willUpdate(), it(t);
     },
     {
       immediate: !0
     }
-  ), Ye(n), t;
-}
-function $n(e) {
-  return In(
-    _(() => ({
-      observeElementRect: yn,
-      observeElementOffset: wn,
-      scrollToFn: Sn,
-      ...R(e)
+  ), Ze(n), t;
+}
+function Hn(e) {
+  return Un(
+    w(() => ({
+      observeElementRect: Vn,
+      observeElementOffset: Mn,
+      scrollToFn: Fn,
+      ...P(e)
     }))
   );
 }
-function Cn(e, o, t) {
-  let n = S(t == null ? void 0 : t.value), l = _(() => e.value !== void 0);
-  return [_(() => l.value ? e.value : n.value), function(r) {
-    return l.value || (n.value = r), o == null ? void 0 : o(r);
+function Wn(e, o, t) {
+  let n = E(t == null ? void 0 : t.value), s = w(() => e.value !== void 0);
+  return [w(() => s.value ? e.value : n.value), function(r) {
+    return s.value || (n.value = r), o == null ? void 0 : o(r);
   }];
 }
-function Tn(e) {
+function Gn(e) {
   typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((o) => setTimeout(() => {
     throw o;
   }));
 }
-function Le() {
-  let e = [], o = { addEventListener(t, n, l, r) {
-    return t.addEventListener(n, l, r), o.add(() => t.removeEventListener(n, l, r));
+function Ae() {
+  let e = [], o = { addEventListener(t, n, s, r) {
+    return t.addEventListener(n, s, r), o.add(() => t.removeEventListener(n, s, r));
   }, requestAnimationFrame(...t) {
     let n = requestAnimationFrame(...t);
     o.add(() => cancelAnimationFrame(n));
@@ -512,59 +560,59 @@ function Le() {
     o.add(() => clearTimeout(n));
   }, microTask(...t) {
     let n = { current: !0 };
-    return Tn(() => {
+    return Gn(() => {
       n.current && t[0]();
     }), o.add(() => {
       n.current = !1;
     });
-  }, style(t, n, l) {
+  }, style(t, n, s) {
     let r = t.style.getPropertyValue(n);
-    return Object.assign(t.style, { [n]: l }), this.add(() => {
+    return Object.assign(t.style, { [n]: s }), this.add(() => {
       Object.assign(t.style, { [n]: r });
     });
   }, group(t) {
-    let n = Le();
+    let n = Ae();
     return t(n), this.add(() => n.dispose());
   }, add(t) {
     return e.push(t), () => {
       let n = e.indexOf(t);
-      if (n >= 0) for (let l of e.splice(n, 1)) l();
+      if (n >= 0) for (let s of e.splice(n, 1)) s();
     };
   }, dispose() {
     for (let t of e.splice(0)) t();
   } };
   return o;
 }
-function Pn() {
-  let e = Le();
+function qn() {
+  let e = Ae();
   return St(() => e.dispose()), e;
 }
-function Rn() {
-  let e = Pn();
+function Jn() {
+  let e = qn();
   return (o) => {
     e.dispose(), e.nextFrame(o);
   };
 }
-let kn = Symbol("headlessui.useid"), Nn = 0;
-function Te() {
-  return Ce(kn, () => `${++Nn}`)();
+let Kn = Symbol("headlessui.useid"), Yn = 0;
+function Pe() {
+  return Te(Kn, () => `${++Yn}`)();
 }
-function k(e) {
+function N(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 te(e, o, ...t) {
+function se(e, o, ...t) {
   if (e in o) {
-    let l = o[e];
-    return typeof l == "function" ? l(...t) : l;
+    let s = o[e];
+    return typeof s == "function" ? s(...t) : s;
   }
-  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, te), n;
+  let n = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(o).map((s) => `"${s}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(n, se), n;
 }
-var Vn = Object.defineProperty, Dn = (e, o, t) => o in e ? Vn(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, ct = (e, o, t) => (Dn(e, typeof o != "symbol" ? o + "" : o, t), t);
-let Ln = class {
+var Qn = Object.defineProperty, Xn = (e, o, t) => o in e ? Qn(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, ct = (e, o, t) => (Xn(e, typeof o != "symbol" ? o + "" : o, t), t);
+let Zn = class {
   constructor() {
     ct(this, "current", this.detect()), ct(this, "currentId", 0);
   }
@@ -586,21 +634,21 @@ let Ln = class {
   detect() {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
-}, et = new Ln();
-function tt(e) {
-  if (et.isServer) return null;
+}, nt = new Zn();
+function ot(e) {
+  if (nt.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
-    let o = k(e);
+    let o = N(e);
     if (o) return o.ownerDocument;
   }
   return document;
 }
 let dt = ["[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 Mn = ((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))(Mn || {}), An = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(An || {}), jn = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(jn || {}), Rt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(Rt || {});
-function Fn(e, o = 0) {
+var eo = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(eo || {}), to = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(to || {}), no = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(no || {}), Rt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(Rt || {});
+function oo(e, o = 0) {
   var t;
-  return e === ((t = tt(e)) == null ? void 0 : t.body) ? !1 : te(o, { 0() {
+  return e === ((t = ot(e)) == null ? void 0 : t.body) ? !1 : se(o, { 0() {
     return e.matches(dt);
   }, 1() {
     let n = e;
@@ -611,219 +659,219 @@ function Fn(e, o = 0) {
     return !1;
   } });
 }
-var zn = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(zn || {});
+var so = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(so || {});
 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 Bn(e, o = (t) => t) {
+function lo(e, o = (t) => t) {
   return e.slice().sort((t, n) => {
-    let l = o(t), r = o(n);
-    if (l === null || r === null) return 0;
-    let i = l.compareDocumentPosition(r);
+    let s = o(t), r = o(n);
+    if (s === null || r === null) return 0;
+    let i = s.compareDocumentPosition(r);
     return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function Un() {
+function ro() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
-function Hn() {
+function io() {
   return /Android/gi.test(window.navigator.userAgent);
 }
-function kt() {
-  return Un() || Hn();
+function Nt() {
+  return ro() || io();
 }
 function Re(e, o, t) {
-  et.isServer || le((n) => {
+  nt.isServer || ie((n) => {
     document.addEventListener(e, o, t), n(() => document.removeEventListener(e, o, t));
   });
 }
-function Wn(e, o, t) {
-  et.isServer || le((n) => {
+function ao(e, o, t) {
+  nt.isServer || ie((n) => {
     window.addEventListener(e, o, t), n(() => window.removeEventListener(e, o, t));
   });
 }
-function Gn(e, o, t = _(() => !0)) {
+function uo(e, o, t = w(() => !0)) {
   function n(r, i) {
     if (!t.value || r.defaultPrevented) return;
-    let s = i(r);
-    if (s === null || !s.getRootNode().contains(s)) return;
-    let a = function u(v) {
-      return typeof v == "function" ? u(v()) : Array.isArray(v) || v instanceof Set ? v : [v];
+    let l = i(r);
+    if (l === null || !l.getRootNode().contains(l)) return;
+    let a = function u(p) {
+      return typeof p == "function" ? u(p()) : Array.isArray(p) || p instanceof Set ? p : [p];
     }(e);
     for (let u of a) {
       if (u === null) continue;
-      let v = u instanceof HTMLElement ? u : k(u);
-      if (v != null && v.contains(s) || r.composed && r.composedPath().includes(v)) return;
+      let p = u instanceof HTMLElement ? u : N(u);
+      if (p != null && p.contains(l) || r.composed && r.composedPath().includes(p)) return;
     }
-    return !Fn(s, Rt.Loose) && s.tabIndex !== -1 && r.preventDefault(), o(r, s);
+    return !oo(l, Rt.Loose) && l.tabIndex !== -1 && r.preventDefault(), o(r, l);
   }
-  let l = S(null);
+  let s = E(null);
   Re("pointerdown", (r) => {
-    var i, s;
-    t.value && (l.value = ((s = (i = r.composedPath) == null ? void 0 : i.call(r)) == null ? void 0 : s[0]) || r.target);
+    var i, l;
+    t.value && (s.value = ((l = (i = r.composedPath) == null ? void 0 : i.call(r)) == null ? void 0 : l[0]) || r.target);
   }, !0), Re("mousedown", (r) => {
-    var i, s;
-    t.value && (l.value = ((s = (i = r.composedPath) == null ? void 0 : i.call(r)) == null ? void 0 : s[0]) || r.target);
+    var i, l;
+    t.value && (s.value = ((l = (i = r.composedPath) == null ? void 0 : i.call(r)) == null ? void 0 : l[0]) || r.target);
   }, !0), Re("click", (r) => {
-    kt() || l.value && (n(r, () => l.value), l.value = null);
-  }, !0), Re("touchend", (r) => n(r, () => r.target instanceof HTMLElement ? r.target : null), !0), Wn("blur", (r) => n(r, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+    Nt() || s.value && (n(r, () => s.value), s.value = null);
+  }, !0), Re("touchend", (r) => n(r, () => r.target instanceof HTMLElement ? r.target : null), !0), ao("blur", (r) => n(r, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
 }
 function ft(e, o) {
   if (e) return e;
   let t = o ?? "button";
   if (typeof t == "string" && t.toLowerCase() === "button") return "button";
 }
-function qn(e, o) {
-  let t = S(ft(e.value.type, e.value.as));
-  return de(() => {
+function co(e, o) {
+  let t = E(ft(e.value.type, e.value.as));
+  return pe(() => {
     t.value = ft(e.value.type, e.value.as);
-  }), le(() => {
+  }), ie(() => {
     var n;
-    t.value || k(o) && k(o) instanceof HTMLButtonElement && !((n = k(o)) != null && n.hasAttribute("type")) && (t.value = "button");
+    t.value || N(o) && N(o) instanceof HTMLButtonElement && !((n = N(o)) != null && n.hasAttribute("type")) && (t.value = "button");
   }), t;
 }
-function vt(e) {
+function pt(e) {
   return [e.screenX, e.screenY];
 }
-function Jn() {
-  let e = S([-1, -1]);
+function fo() {
+  let e = E([-1, -1]);
   return { wasMoved(o) {
-    let t = vt(o);
+    let t = pt(o);
     return e.value[0] === t[0] && e.value[1] === t[1] ? !1 : (e.value = t, !0);
   }, update(o) {
-    e.value = vt(o);
+    e.value = pt(o);
   } };
 }
-function Kn({ container: e, accept: o, walk: t, enabled: n }) {
-  le(() => {
-    let l = e.value;
-    if (!l || n !== void 0 && !n.value) return;
-    let r = tt(e);
+function po({ container: e, accept: o, walk: t, enabled: n }) {
+  ie(() => {
+    let s = e.value;
+    if (!s || n !== void 0 && !n.value) return;
+    let r = ot(e);
     if (!r) return;
-    let i = Object.assign((a) => o(a), { acceptNode: o }), s = r.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, i, !1);
-    for (; s.nextNode(); ) t(s.currentNode);
+    let i = Object.assign((a) => o(a), { acceptNode: o }), l = r.createTreeWalker(s, NodeFilter.SHOW_ELEMENT, i, !1);
+    for (; l.nextNode(); ) t(l.currentNode);
   });
 }
-var Ee = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Ee || {}), Yn = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(Yn || {});
-function fe({ visible: e = !0, features: o = 0, ourProps: t, theirProps: n, ...l }) {
+var $e = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))($e || {}), vo = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(vo || {});
+function ve({ visible: e = !0, features: o = 0, ourProps: t, theirProps: n, ...s }) {
   var r;
-  let i = Vt(n, t), s = Object.assign(l, { props: i });
-  if (e || o & 2 && i.static) return He(s);
+  let i = Lt(n, t), l = Object.assign(s, { props: i });
+  if (e || o & 2 && i.static) return qe(l);
   if (o & 1) {
     let a = (r = i.unmount) == null || r ? 0 : 1;
-    return te(a, { 0() {
+    return se(a, { 0() {
       return null;
     }, 1() {
-      return He({ ...l, props: { ...i, hidden: !0, style: { display: "none" } } });
+      return qe({ ...s, props: { ...i, hidden: !0, style: { display: "none" } } });
     } });
   }
-  return He(s);
+  return qe(l);
 }
-function He({ props: e, attrs: o, slots: t, slot: n, name: l }) {
+function qe({ props: e, attrs: o, slots: t, slot: n, name: s }) {
   var r, i;
-  let { as: s, ...a } = je(e, ["unmount", "static"]), u = (r = t.default) == null ? void 0 : r.call(t, n), v = {};
+  let { as: l, ...a } = Fe(e, ["unmount", "static"]), u = (r = t.default) == null ? void 0 : r.call(t, n), p = {};
   if (n) {
-    let c = !1, b = [];
-    for (let [m, w] of Object.entries(n)) typeof w == "boolean" && (c = !0), w === !0 && b.push(m);
-    c && (v["data-headlessui-state"] = b.join(" "));
-  }
-  if (s === "template") {
-    if (u = Nt(u ?? []), Object.keys(a).length > 0 || Object.keys(o).length > 0) {
-      let [c, ...b] = u ?? [];
-      if (!Zn(c) || 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(a).concat(Object.keys(o)).map(($) => $.trim()).filter(($, M, E) => E.indexOf($) === M).sort(($, M) => $.localeCompare(M)).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(`
+    let c = !1, h = [];
+    for (let [m, v] of Object.entries(n)) typeof v == "boolean" && (c = !0), v === !0 && h.push(m);
+    c && (p["data-headlessui-state"] = h.join(" "));
+  }
+  if (l === "template") {
+    if (u = Dt(u ?? []), Object.keys(a).length > 0 || Object.keys(o).length > 0) {
+      let [c, ...h] = u ?? [];
+      if (!mo(c) || h.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${s} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(a).concat(Object.keys(o)).map((I) => I.trim()).filter((I, V, T) => T.indexOf(I) === V).sort((I, V) => I.localeCompare(V)).map((I) => `  - ${I}`).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((I) => `  - ${I}`).join(`
 `)].join(`
 `));
-      let m = Vt((i = c.props) != null ? i : {}, a, v), w = Ot(c, m, !0);
-      for (let $ in m) $.startsWith("on") && (w.props || (w.props = {}), w.props[$] = m[$]);
-      return w;
+      let m = Lt((i = c.props) != null ? i : {}, a, p), v = Et(c, m, !0);
+      for (let I in m) I.startsWith("on") && (v.props || (v.props = {}), v.props[I] = m[I]);
+      return v;
     }
     return Array.isArray(u) && u.length === 1 ? u[0] : u;
   }
-  return Oe(s, Object.assign({}, a, v), { default: () => u });
+  return Oe(l, Object.assign({}, a, p), { default: () => u });
 }
-function Nt(e) {
-  return e.flatMap((o) => o.type === X ? Nt(o.children) : [o]);
+function Dt(e) {
+  return e.flatMap((o) => o.type === G ? Dt(o.children) : [o]);
 }
-function Vt(...e) {
+function Lt(...e) {
   if (e.length === 0) return {};
   if (e.length === 1) return e[0];
   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];
+  for (let n of e) for (let s in n) s.startsWith("on") && typeof n[s] == "function" ? (t[s] != null || (t[s] = []), t[s].push(n[s])) : o[s] = n[s];
   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, ...r) {
+  for (let n in t) Object.assign(o, { [n](s, ...r) {
     let i = t[n];
-    for (let s of i) {
-      if (l instanceof Event && l.defaultPrevented) return;
-      s(l, ...r);
+    for (let l of i) {
+      if (s instanceof Event && s.defaultPrevented) return;
+      l(s, ...r);
     }
   } });
   return o;
 }
-function Qn(e) {
+function ho(e) {
   let o = Object.assign({}, e);
   for (let t in o) o[t] === void 0 && delete o[t];
   return o;
 }
-function je(e, o = []) {
+function Fe(e, o = []) {
   let t = Object.assign({}, e);
   for (let n of o) n in t && delete t[n];
   return t;
 }
-function Zn(e) {
+function mo(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
-var Dt = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Dt || {});
-let Xn = se({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: o, attrs: t }) {
+var Vt = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Vt || {});
+let go = ae({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: o, attrs: t }) {
   return () => {
     var n;
-    let { features: l, ...r } = e, i = { "aria-hidden": (l & 2) === 2 ? !0 : (n = r["aria-hidden"]) != null ? n : void 0, hidden: (l & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(l & 4) === 4 && (l & 2) !== 2 && { display: "none" } } };
-    return fe({ ourProps: i, theirProps: r, slot: {}, attrs: t, slots: o, name: "Hidden" });
+    let { features: s, ...r } = e, i = { "aria-hidden": (s & 2) === 2 ? !0 : (n = r["aria-hidden"]) != null ? n : void 0, hidden: (s & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(s & 4) === 4 && (s & 2) !== 2 && { display: "none" } } };
+    return ve({ ourProps: i, theirProps: r, slot: {}, attrs: t, slots: o, name: "Hidden" });
   };
-} }), Lt = Symbol("Context");
+} }), At = Symbol("Context");
 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 eo() {
-  return Ce(Lt, null);
+function bo() {
+  return Te(At, null);
 }
-function to(e) {
-  Qe(Lt, e);
+function _o(e) {
+  et(At, e);
 }
 var W = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(W || {}), Mt = ((e) => (e[e.Left = 0] = "Left", e[e.Right = 2] = "Right", e))(Mt || {});
-function no(e) {
+function yo(e) {
   function o() {
     document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", o));
   }
   typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", o), o());
 }
-let ie = [];
-no(() => {
+let ce = [];
+yo(() => {
   function e(o) {
-    o.target instanceof HTMLElement && o.target !== document.body && ie[0] !== o.target && (ie.unshift(o.target), ie = ie.filter((t) => t != null && t.isConnected), ie.splice(10));
+    o.target instanceof HTMLElement && o.target !== document.body && ce[0] !== o.target && (ce.unshift(o.target), ce = ce.filter((t) => t != null && t.isConnected), ce.splice(10));
   }
   window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
 });
-function oo(e) {
+function xo(e) {
   throw new Error("Unexpected object: " + e);
 }
-var B = ((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))(B || {});
-function pt(e, o) {
+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 vt(e, o) {
   let t = o.resolveItems();
   if (t.length <= 0) return null;
-  let n = o.resolveActiveIndex(), l = n ?? -1;
+  let n = o.resolveActiveIndex(), s = n ?? -1;
   switch (e.focus) {
     case 0: {
       for (let r = 0; r < t.length; ++r) if (!o.resolveDisabled(t[r], r, t)) return r;
       return n;
     }
     case 1: {
-      l === -1 && (l = t.length);
-      for (let r = l - 1; r >= 0; --r) if (!o.resolveDisabled(t[r], r, t)) return r;
+      s === -1 && (s = t.length);
+      for (let r = s - 1; r >= 0; --r) if (!o.resolveDisabled(t[r], r, t)) return r;
       return n;
     }
     case 2: {
-      for (let r = l + 1; r < t.length; ++r) if (!o.resolveDisabled(t[r], r, t)) return r;
+      for (let r = s + 1; r < t.length; ++r) if (!o.resolveDisabled(t[r], r, t)) return r;
       return n;
     }
     case 3: {
@@ -837,369 +885,369 @@ function pt(e, o) {
     case 5:
       return null;
     default:
-      oo(e);
+      xo(e);
   }
 }
-function At(e = {}, o = null, t = []) {
-  for (let [n, l] of Object.entries(e)) Ft(t, jt(o, n), l);
+function jt(e = {}, o = null, t = []) {
+  for (let [n, s] of Object.entries(e)) Bt(t, Ft(o, n), s);
   return t;
 }
-function jt(e, o) {
+function Ft(e, o) {
   return e ? e + "[" + o + "]" : o;
 }
-function Ft(e, o, t) {
-  if (Array.isArray(t)) for (let [n, l] of t.entries()) Ft(e, jt(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, ""]) : At(t, o, e);
+function Bt(e, o, t) {
+  if (Array.isArray(t)) for (let [n, s] of t.entries()) Bt(e, Ft(o, n.toString()), s);
+  else t instanceof Date ? e.push([o, t.toISOString()]) : typeof t == "boolean" ? e.push([o, t ? "1" : "0"]) : typeof t == "string" ? e.push([o, t]) : typeof t == "number" ? e.push([o, `${t}`]) : t == null ? e.push([o, ""]) : jt(t, o, e);
 }
-function lo(e, o) {
+function wo(e, o) {
   return e === o;
 }
-var so = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(so || {}), ro = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(ro || {}), io = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Focus = 1] = "Focus", e[e.Other = 2] = "Other", e))(io || {});
+var So = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(So || {}), Eo = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(Eo || {}), Oo = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Focus = 1] = "Focus", e[e.Other = 2] = "Other", e))(Oo || {});
 let zt = Symbol("ComboboxContext");
-function ve(e) {
-  let o = Ce(zt, null);
+function he(e) {
+  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, ve), t;
+    throw Error.captureStackTrace && Error.captureStackTrace(t, he), t;
   }
   return o;
 }
-let Bt = Symbol("VirtualContext"), ao = se({ name: "VirtualProvider", setup(e, { slots: o }) {
-  let t = ve("VirtualProvider"), n = _(() => {
-    let s = k(t.optionsRef);
-    if (!s) return { start: 0, end: 0 };
-    let a = window.getComputedStyle(s);
+let Ut = Symbol("VirtualContext"), $o = ae({ name: "VirtualProvider", setup(e, { slots: o }) {
+  let t = he("VirtualProvider"), n = w(() => {
+    let l = N(t.optionsRef);
+    if (!l) return { start: 0, end: 0 };
+    let a = window.getComputedStyle(l);
     return { start: parseFloat(a.paddingBlockStart || a.paddingTop), end: parseFloat(a.paddingBlockEnd || a.paddingBottom) };
-  }), l = $n(_(() => ({ scrollPaddingStart: n.value.start, scrollPaddingEnd: n.value.end, count: t.virtual.value.options.length, estimateSize() {
+  }), s = Hn(w(() => ({ scrollPaddingStart: n.value.start, scrollPaddingEnd: n.value.end, count: t.virtual.value.options.length, estimateSize() {
     return 40;
   }, getScrollElement() {
-    return k(t.optionsRef);
-  }, overscan: 12 }))), r = _(() => {
-    var s;
-    return (s = t.virtual.value) == null ? void 0 : s.options;
-  }), i = S(0);
+    return N(t.optionsRef);
+  }, overscan: 12 }))), r = w(() => {
+    var l;
+    return (l = t.virtual.value) == null ? void 0 : l.options;
+  }), i = E(0);
   return j([r], () => {
     i.value += 1;
-  }), Qe(Bt, t.virtual.value ? l : null), () => [Oe("div", { style: { position: "relative", width: "100%", height: `${l.value.getTotalSize()}px` }, ref: (s) => {
-    if (s) {
+  }), et(Ut, t.virtual.value ? s : null), () => [Oe("div", { style: { position: "relative", width: "100%", height: `${s.value.getTotalSize()}px` }, ref: (l) => {
+    if (l) {
       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);
+      t.activeOptionIndex.value !== null && t.virtual.value.options.length > t.activeOptionIndex.value && s.value.scrollToIndex(t.activeOptionIndex.value);
     }
-  } }, l.value.getVirtualItems().map((s) => Ot(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" } })))];
-} }), uo = se({ 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 = S(1), r = S(null), i = S(null), s = S(null), a = S(null), u = S({ static: !1, hold: !1 }), v = S([]), c = S(null), b = S(2), m = S(!1);
-  function w(d = (f) => f) {
-    let f = c.value !== null ? v.value[c.value] : null, y = d(v.value.slice()), x = y.length > 0 && y[0].dataRef.order.value !== null ? y.sort((L, G) => L.dataRef.order.value - G.dataRef.order.value) : Bn(y, (L) => k(L.dataRef.domRef)), N = f ? x.indexOf(f) : null;
-    return N === -1 && (N = null), { options: x, activeOptionIndex: N };
-  }
-  let $ = _(() => e.multiple ? 1 : 0), M = _(() => e.nullable), [E, O] = Cn(_(() => e.modelValue), (d) => n("update:modelValue", d), _(() => e.defaultValue)), D = _(() => E.value === void 0 ? te($.value, { 1: [], 0: void 0 }) : E.value), A = null, g = null;
-  function T(d) {
-    return te($.value, { 0() {
-      return O == null ? void 0 : O(d);
+  } }, s.value.getVirtualItems().map((l) => Et(o.default({ option: t.virtual.value.options[l.index], open: t.comboboxState.value === 0 })[0], { key: `${i.value}-${l.index}`, "data-index": l.index, "aria-setsize": t.virtual.value.options.length, "aria-posinset": l.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${l.start}px)`, overflowAnchor: "none" } })))];
+} }), Io = ae({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], nullable: !0, default: null }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, nullable: { type: Boolean, default: !1 }, multiple: { type: [Boolean], default: !1 }, immediate: { type: [Boolean], default: !1 }, virtual: { type: Object, default: null } }, inheritAttrs: !1, setup(e, { slots: o, attrs: t, emit: n }) {
+  let s = E(1), r = E(null), i = E(null), l = E(null), a = E(null), u = E({ static: !1, hold: !1 }), p = E([]), c = E(null), h = E(2), m = E(!1);
+  function v(d = (f) => f) {
+    let f = c.value !== null ? p.value[c.value] : null, x = d(p.value.slice()), O = x.length > 0 && x[0].dataRef.order.value !== null ? x.sort((A, q) => A.dataRef.order.value - q.dataRef.order.value) : lo(x, (A) => N(A.dataRef.domRef)), D = f ? O.indexOf(f) : null;
+    return D === -1 && (D = null), { options: O, activeOptionIndex: D };
+  }
+  let I = w(() => e.multiple ? 1 : 0), V = w(() => e.nullable), [T, C] = Wn(w(() => e.modelValue), (d) => n("update:modelValue", d), w(() => e.defaultValue)), L = w(() => T.value === void 0 ? se(I.value, { 1: [], 0: void 0 }) : T.value), M = null, y = null;
+  function R(d) {
+    return se(I.value, { 0() {
+      return C == null ? void 0 : C(d);
     }, 1: () => {
-      let f = K(p.value.value).slice(), y = K(d), x = f.findIndex((N) => p.compare(y, K(N)));
-      return x === -1 ? f.push(y) : f.splice(x, 1), O == null ? void 0 : O(f);
+      let f = Y(b.value.value).slice(), x = Y(d), O = f.findIndex((D) => b.compare(x, Y(D)));
+      return O === -1 ? f.push(x) : f.splice(O, 1), C == null ? void 0 : C(f);
     } });
   }
-  let h = _(() => {
+  let _ = w(() => {
   });
-  j([h], ([d], [f]) => {
-    if (p.virtual.value && d && f && c.value !== null) {
-      let y = d.indexOf(f[c.value]);
-      y !== -1 ? c.value = y : c.value = null;
+  j([_], ([d], [f]) => {
+    if (b.virtual.value && d && f && c.value !== null) {
+      let x = d.indexOf(f[c.value]);
+      x !== -1 ? c.value = x : c.value = null;
     }
   });
-  let p = { comboboxState: l, value: D, mode: $, compare(d, f) {
+  let b = { comboboxState: s, value: L, mode: I, 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 x = e.by;
+      return (d == null ? void 0 : d[x]) === (f == null ? void 0 : f[x]);
     }
-    return e.by === null ? lo(d, f) : e.by(d, f);
+    return e.by === null ? wo(d, f) : e.by(d, f);
   }, calculateIndex(d) {
-    return p.virtual.value ? e.by === null ? p.virtual.value.options.indexOf(d) : p.virtual.value.options.findIndex((f) => p.compare(f, d)) : v.value.findIndex((f) => p.compare(f.dataRef.value, d));
-  }, defaultValue: _(() => e.defaultValue), nullable: M, immediate: _(() => !1), virtual: _(() => null), inputRef: i, labelRef: r, buttonRef: s, optionsRef: a, disabled: _(() => e.disabled), options: v, change(d) {
-    O(d);
-  }, activeOptionIndex: _(() => {
-    if (m.value && c.value === null && (p.virtual.value ? p.virtual.value.options.length > 0 : v.value.length > 0)) {
-      if (p.virtual.value) {
-        let f = p.virtual.value.options.findIndex((y) => {
-          var x;
-          return !((x = p.virtual.value) != null && x.disabled(y));
+    return b.virtual.value ? e.by === null ? b.virtual.value.options.indexOf(d) : b.virtual.value.options.findIndex((f) => b.compare(f, d)) : p.value.findIndex((f) => b.compare(f.dataRef.value, d));
+  }, defaultValue: w(() => e.defaultValue), nullable: V, immediate: w(() => !1), virtual: w(() => null), inputRef: i, labelRef: r, buttonRef: l, optionsRef: a, disabled: w(() => e.disabled), options: p, change(d) {
+    C(d);
+  }, activeOptionIndex: w(() => {
+    if (m.value && c.value === null && (b.virtual.value ? b.virtual.value.options.length > 0 : p.value.length > 0)) {
+      if (b.virtual.value) {
+        let f = b.virtual.value.options.findIndex((x) => {
+          var O;
+          return !((O = b.virtual.value) != null && O.disabled(x));
         });
         if (f !== -1) return f;
       }
-      let d = v.value.findIndex((f) => !f.dataRef.disabled);
+      let d = p.value.findIndex((f) => !f.dataRef.disabled);
       if (d !== -1) return d;
     }
     return c.value;
-  }), activationTrigger: b, optionsPropsRef: u, closeCombobox() {
-    m.value = !1, !e.disabled && l.value !== 1 && (l.value = 1, c.value = null);
+  }), activationTrigger: h, optionsPropsRef: u, closeCombobox() {
+    m.value = !1, !e.disabled && s.value !== 1 && (s.value = 1, c.value = null);
   }, openCombobox() {
-    if (m.value = !0, !e.disabled && l.value !== 0) {
-      if (p.value.value) {
-        let d = p.calculateIndex(p.value.value);
+    if (m.value = !0, !e.disabled && s.value !== 0) {
+      if (b.value.value) {
+        let d = b.calculateIndex(b.value.value);
         d !== -1 && (c.value = d);
       }
-      l.value = 0;
+      s.value = 0;
     }
   }, setActivationTrigger(d) {
-    b.value = d;
-  }, goToOption(d, f, y) {
-    m.value = !1, A !== null && cancelAnimationFrame(A), A = requestAnimationFrame(() => {
-      if (e.disabled || a.value && !u.value.static && l.value === 1) return;
-      if (p.virtual.value) {
-        c.value = d === B.Specific ? f : pt({ focus: d }, { resolveItems: () => p.virtual.value.options, resolveActiveIndex: () => {
-          var L, G;
-          return (G = (L = p.activeOptionIndex.value) != null ? L : p.virtual.value.options.findIndex((q) => {
+    h.value = d;
+  }, goToOption(d, f, x) {
+    m.value = !1, M !== null && cancelAnimationFrame(M), M = requestAnimationFrame(() => {
+      if (e.disabled || a.value && !u.value.static && s.value === 1) return;
+      if (b.virtual.value) {
+        c.value = d === U.Specific ? f : vt({ focus: d }, { resolveItems: () => b.virtual.value.options, resolveActiveIndex: () => {
+          var A, q;
+          return (q = (A = b.activeOptionIndex.value) != null ? A : b.virtual.value.options.findIndex((J) => {
             var F;
-            return !((F = p.virtual.value) != null && F.disabled(q));
-          })) != null ? G : null;
-        }, resolveDisabled: (L) => p.virtual.value.disabled(L), resolveId() {
+            return !((F = b.virtual.value) != null && F.disabled(J));
+          })) != null ? q : null;
+        }, resolveDisabled: (A) => b.virtual.value.disabled(A), resolveId() {
           throw new Error("Function not implemented.");
-        } }), b.value = y ?? 2;
+        } }), h.value = x ?? 2;
         return;
       }
-      let x = w();
-      if (x.activeOptionIndex === null) {
-        let L = x.options.findIndex((G) => !G.dataRef.disabled);
-        L !== -1 && (x.activeOptionIndex = L);
+      let O = v();
+      if (O.activeOptionIndex === null) {
+        let A = O.options.findIndex((q) => !q.dataRef.disabled);
+        A !== -1 && (O.activeOptionIndex = A);
       }
-      let N = d === B.Specific ? f : pt({ focus: d }, { resolveItems: () => x.options, resolveActiveIndex: () => x.activeOptionIndex, resolveId: (L) => L.id, resolveDisabled: (L) => L.dataRef.disabled });
-      c.value = N, b.value = y ?? 2, v.value = x.options;
+      let D = d === U.Specific ? f : vt({ focus: d }, { resolveItems: () => O.options, resolveActiveIndex: () => O.activeOptionIndex, resolveId: (A) => A.id, resolveDisabled: (A) => A.dataRef.disabled });
+      c.value = D, h.value = x ?? 2, p.value = O.options;
     });
   }, selectOption(d) {
-    let f = v.value.find((x) => x.id === d);
+    let f = p.value.find((O) => O.id === d);
     if (!f) return;
-    let { dataRef: y } = f;
-    T(y.value);
+    let { dataRef: x } = f;
+    R(x.value);
   }, selectActiveOption() {
-    if (p.activeOptionIndex.value !== null) {
-      if (p.virtual.value) T(p.virtual.value.options[p.activeOptionIndex.value]);
+    if (b.activeOptionIndex.value !== null) {
+      if (b.virtual.value) R(b.virtual.value.options[b.activeOptionIndex.value]);
       else {
-        let { dataRef: d } = v.value[p.activeOptionIndex.value];
-        T(d.value);
+        let { dataRef: d } = p.value[b.activeOptionIndex.value];
+        R(d.value);
       }
-      p.goToOption(B.Specific, p.activeOptionIndex.value);
+      b.goToOption(U.Specific, b.activeOptionIndex.value);
     }
   }, registerOption(d, f) {
-    let y = Et({ id: d, dataRef: f });
-    if (p.virtual.value) {
-      v.value.push(y);
+    let x = Ot({ id: d, dataRef: f });
+    if (b.virtual.value) {
+      p.value.push(x);
       return;
     }
-    g && cancelAnimationFrame(g);
-    let x = w((N) => (N.push(y), N));
-    c.value === null && p.isSelected(f.value.value) && (x.activeOptionIndex = x.options.indexOf(y)), v.value = x.options, c.value = x.activeOptionIndex, b.value = 2, x.options.some((N) => !k(N.dataRef.domRef)) && (g = requestAnimationFrame(() => {
-      let N = w();
-      v.value = N.options, c.value = N.activeOptionIndex;
+    y && cancelAnimationFrame(y);
+    let O = v((D) => (D.push(x), D));
+    c.value === null && b.isSelected(f.value.value) && (O.activeOptionIndex = O.options.indexOf(x)), p.value = O.options, c.value = O.activeOptionIndex, h.value = 2, O.options.some((D) => !N(D.dataRef.domRef)) && (y = requestAnimationFrame(() => {
+      let D = v();
+      p.value = D.options, c.value = D.activeOptionIndex;
     }));
   }, unregisterOption(d, f) {
-    if (A !== null && cancelAnimationFrame(A), f && (m.value = !0), p.virtual.value) {
-      v.value = v.value.filter((x) => x.id !== d);
+    if (M !== null && cancelAnimationFrame(M), f && (m.value = !0), b.virtual.value) {
+      p.value = p.value.filter((O) => O.id !== d);
       return;
     }
-    let y = w((x) => {
-      let N = x.findIndex((L) => L.id === d);
-      return N !== -1 && x.splice(N, 1), x;
+    let x = v((O) => {
+      let D = O.findIndex((A) => A.id === d);
+      return D !== -1 && O.splice(D, 1), O;
     });
-    v.value = y.options, c.value = y.activeOptionIndex, b.value = 2;
+    p.value = x.options, c.value = x.activeOptionIndex, h.value = 2;
   }, isSelected(d) {
-    return te($.value, { 0: () => p.compare(K(p.value.value), K(d)), 1: () => K(p.value.value).some((f) => p.compare(K(f), K(d))) });
+    return se(I.value, { 0: () => b.compare(Y(b.value.value), Y(d)), 1: () => Y(b.value.value).some((f) => b.compare(Y(f), Y(d))) });
   }, isActive(d) {
-    return c.value === p.calculateIndex(d);
+    return c.value === b.calculateIndex(d);
   } };
-  Gn([i, s, a], () => p.closeCombobox(), _(() => l.value === 0)), Qe(zt, p), to(_(() => te(l.value, { 0: Ie.Open, 1: Ie.Closed })));
-  let C = _(() => {
+  uo([i, l, a], () => b.closeCombobox(), w(() => s.value === 0)), et(zt, b), _o(w(() => se(s.value, { 0: Ie.Open, 1: Ie.Closed })));
+  let k = w(() => {
     var d;
-    return (d = k(i)) == null ? void 0 : d.closest("form");
+    return (d = N(i)) == null ? void 0 : d.closest("form");
   });
-  return de(() => {
-    j([C], () => {
-      if (!C.value || e.defaultValue === void 0) return;
+  return pe(() => {
+    j([k], () => {
+      if (!k.value || e.defaultValue === void 0) return;
       function d() {
-        p.change(e.defaultValue);
+        b.change(e.defaultValue);
       }
-      return C.value.addEventListener("reset", d), () => {
+      return k.value.addEventListener("reset", d), () => {
         var f;
-        (f = C.value) == null || f.removeEventListener("reset", d);
+        (f = k.value) == null || f.removeEventListener("reset", d);
       };
     }, { immediate: !0 });
   }), () => {
-    var d, f, y;
-    let { name: x, disabled: N, form: L, ...G } = e, q = { open: l.value === 0, disabled: N, activeIndex: p.activeOptionIndex.value, activeOption: p.activeOptionIndex.value === null ? null : p.virtual.value ? p.virtual.value.options[(d = p.activeOptionIndex.value) != null ? d : 0] : (y = (f = p.options.value[p.activeOptionIndex.value]) == null ? void 0 : f.dataRef.value) != null ? y : null, value: D.value };
-    return Oe(X, [...x != null && D.value != null ? At({ [x]: D.value }).map(([F, rn]) => Oe(Xn, Qn({ features: Dt.Hidden, key: F, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: L, disabled: N, name: F, value: rn }))) : [], fe({ theirProps: { ...t, ...je(G, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: q, slots: o, attrs: t, name: "Combobox" })]);
+    var d, f, x;
+    let { name: O, disabled: D, form: A, ...q } = e, J = { open: s.value === 0, disabled: D, activeIndex: b.activeOptionIndex.value, activeOption: b.activeOptionIndex.value === null ? null : b.virtual.value ? b.virtual.value.options[(d = b.activeOptionIndex.value) != null ? d : 0] : (x = (f = b.options.value[b.activeOptionIndex.value]) == null ? void 0 : f.dataRef.value) != null ? x : null, value: L.value };
+    return Oe(G, [...O != null && L.value != null ? jt({ [O]: L.value }).map(([F, un]) => Oe(go, ho({ features: Vt.Hidden, key: F, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: A, disabled: D, name: F, value: un }))) : [], ve({ theirProps: { ...t, ...Fe(q, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: J, slots: o, attrs: t, name: "Combobox" })]);
   };
 } });
-se({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e, { attrs: o, slots: t }) {
+ae({ 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-${Te()}`, r = ve("ComboboxLabel");
+  let s = (n = e.id) != null ? n : `headlessui-combobox-label-${Pe()}`, r = he("ComboboxLabel");
   function i() {
-    var s;
-    (s = k(r.inputRef)) == null || s.focus({ preventScroll: !0 });
+    var l;
+    (l = N(r.inputRef)) == null || l.focus({ preventScroll: !0 });
   }
   return () => {
-    let s = { open: r.comboboxState.value === 0, disabled: r.disabled.value }, { ...a } = e, u = { id: l, ref: r.labelRef, onClick: i };
-    return fe({ ourProps: u, theirProps: a, slot: s, attrs: o, slots: t, name: "ComboboxLabel" });
+    let l = { open: r.comboboxState.value === 0, disabled: r.disabled.value }, { ...a } = e, u = { id: s, ref: r.labelRef, onClick: i };
+    return ve({ ourProps: u, theirProps: a, slot: l, attrs: o, slots: t, name: "ComboboxLabel" });
   };
 } });
-let co = se({ 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 r = (l = e.id) != null ? l : `headlessui-combobox-button-${Te()}`, i = ve("ComboboxButton");
+let Co = ae({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: o, slots: t, expose: n }) {
+  var s;
+  let r = (s = e.id) != null ? s : `headlessui-combobox-button-${Pe()}`, i = he("ComboboxButton");
   n({ el: i.buttonRef, $el: i.buttonRef });
-  function s(v) {
-    i.disabled.value || (i.comboboxState.value === 0 ? i.closeCombobox() : (v.preventDefault(), i.openCombobox()), Q(() => {
+  function l(p) {
+    i.disabled.value || (i.comboboxState.value === 0 ? i.closeCombobox() : (p.preventDefault(), i.openCombobox()), te(() => {
       var c;
-      return (c = k(i.inputRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
+      return (c = N(i.inputRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
     }));
   }
-  function a(v) {
-    switch (v.key) {
+  function a(p) {
+    switch (p.key) {
       case W.ArrowDown:
-        v.preventDefault(), v.stopPropagation(), i.comboboxState.value === 1 && i.openCombobox(), Q(() => {
+        p.preventDefault(), p.stopPropagation(), i.comboboxState.value === 1 && i.openCombobox(), te(() => {
           var c;
           return (c = i.inputRef.value) == null ? void 0 : c.focus({ preventScroll: !0 });
         });
         return;
       case W.ArrowUp:
-        v.preventDefault(), v.stopPropagation(), i.comboboxState.value === 1 && (i.openCombobox(), Q(() => {
-          i.value.value || i.goToOption(B.Last);
-        })), Q(() => {
+        p.preventDefault(), p.stopPropagation(), i.comboboxState.value === 1 && (i.openCombobox(), te(() => {
+          i.value.value || i.goToOption(U.Last);
+        })), te(() => {
           var c;
           return (c = i.inputRef.value) == null ? void 0 : c.focus({ preventScroll: !0 });
         });
         return;
       case W.Escape:
         if (i.comboboxState.value !== 0) return;
-        v.preventDefault(), i.optionsRef.value && !i.optionsPropsRef.value.static && v.stopPropagation(), i.closeCombobox(), Q(() => {
+        p.preventDefault(), i.optionsRef.value && !i.optionsPropsRef.value.static && p.stopPropagation(), i.closeCombobox(), te(() => {
           var c;
           return (c = i.inputRef.value) == null ? void 0 : c.focus({ preventScroll: !0 });
         });
         return;
     }
   }
-  let u = qn(_(() => ({ as: e.as, type: o.type })), i.buttonRef);
+  let u = co(w(() => ({ as: e.as, type: o.type })), i.buttonRef);
   return () => {
-    var v, c;
-    let b = { open: i.comboboxState.value === 0, disabled: i.disabled.value, value: i.value.value }, { ...m } = e, w = { ref: i.buttonRef, id: r, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (v = k(i.optionsRef)) == null ? void 0 : v.id, "aria-expanded": i.comboboxState.value === 0, "aria-labelledby": i.labelRef.value ? [(c = k(i.labelRef)) == null ? void 0 : c.id, r].join(" ") : void 0, disabled: i.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: s };
-    return fe({ ourProps: w, theirProps: m, slot: b, attrs: o, slots: t, name: "ComboboxButton" });
+    var p, c;
+    let h = { open: i.comboboxState.value === 0, disabled: i.disabled.value, value: i.value.value }, { ...m } = e, v = { ref: i.buttonRef, id: r, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (p = N(i.optionsRef)) == null ? void 0 : p.id, "aria-expanded": i.comboboxState.value === 0, "aria-labelledby": i.labelRef.value ? [(c = N(i.labelRef)) == null ? void 0 : c.id, r].join(" ") : void 0, disabled: i.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: l };
+    return ve({ ourProps: v, theirProps: m, slot: h, attrs: o, slots: t, name: "ComboboxButton" });
   };
-} }), fo = se({ 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 }) {
+} }), To = ae({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: null } }, emits: { change: (e) => !0 }, setup(e, { emit: o, attrs: t, slots: n, expose: s }) {
   var r;
-  let i = (r = e.id) != null ? r : `headlessui-combobox-input-${Te()}`, s = ve("ComboboxInput"), a = _(() => tt(k(s.inputRef))), u = { value: !1 };
-  l({ el: s.inputRef, $el: s.inputRef });
-  function v() {
-    s.change(null);
-    let g = k(s.optionsRef);
-    g && (g.scrollTop = 0), s.goToOption(B.Nothing);
-  }
-  let c = _(() => {
-    var g;
-    let T = s.value.value;
-    return k(s.inputRef) ? typeof e.displayValue < "u" && T !== void 0 ? (g = e.displayValue(T)) != null ? g : "" : typeof T == "string" ? T : "" : "";
+  let i = (r = e.id) != null ? r : `headlessui-combobox-input-${Pe()}`, l = he("ComboboxInput"), a = w(() => ot(N(l.inputRef))), u = { value: !1 };
+  s({ el: l.inputRef, $el: l.inputRef });
+  function p() {
+    l.change(null);
+    let y = N(l.optionsRef);
+    y && (y.scrollTop = 0), l.goToOption(U.Nothing);
+  }
+  let c = w(() => {
+    var y;
+    let R = l.value.value;
+    return N(l.inputRef) ? typeof e.displayValue < "u" && R !== void 0 ? (y = e.displayValue(R)) != null ? y : "" : typeof R == "string" ? R : "" : "";
   });
-  de(() => {
-    j([c, s.comboboxState, a], ([g, T], [h, p]) => {
+  pe(() => {
+    j([c, l.comboboxState, a], ([y, R], [_, b]) => {
       if (u.value) return;
-      let C = k(s.inputRef);
-      C && ((p === 0 && T === 1 || g !== h) && (C.value = g), requestAnimationFrame(() => {
+      let k = N(l.inputRef);
+      k && ((b === 0 && R === 1 || y !== _) && (k.value = y), requestAnimationFrame(() => {
         var d;
-        if (u.value || !C || ((d = a.value) == null ? void 0 : d.activeElement) !== C) return;
-        let { selectionStart: f, selectionEnd: y } = C;
-        Math.abs((y ?? 0) - (f ?? 0)) === 0 && f === 0 && C.setSelectionRange(C.value.length, C.value.length);
+        if (u.value || !k || ((d = a.value) == null ? void 0 : d.activeElement) !== k) return;
+        let { selectionStart: f, selectionEnd: x } = k;
+        Math.abs((x ?? 0) - (f ?? 0)) === 0 && f === 0 && k.setSelectionRange(k.value.length, k.value.length);
       }));
-    }, { immediate: !0 }), j([s.comboboxState], ([g], [T]) => {
-      if (g === 0 && T === 1) {
+    }, { immediate: !0 }), j([l.comboboxState], ([y], [R]) => {
+      if (y === 0 && R === 1) {
         if (u.value) return;
-        let h = k(s.inputRef);
-        if (!h) return;
-        let p = h.value, { selectionStart: C, selectionEnd: d, selectionDirection: f } = h;
-        h.value = "", h.value = p, f !== null ? h.setSelectionRange(C, d, f) : h.setSelectionRange(C, d);
+        let _ = N(l.inputRef);
+        if (!_) return;
+        let b = _.value, { selectionStart: k, selectionEnd: d, selectionDirection: f } = _;
+        _.value = "", _.value = b, f !== null ? _.setSelectionRange(k, d, f) : _.setSelectionRange(k, d);
       }
     });
   });
-  let b = S(!1);
+  let h = E(!1);
   function m() {
-    b.value = !0;
+    h.value = !0;
   }
-  function w() {
-    Le().nextFrame(() => {
-      b.value = !1;
+  function v() {
+    Ae().nextFrame(() => {
+      h.value = !1;
     });
   }
-  let $ = Rn();
-  function M(g) {
-    switch (u.value = !0, $(() => {
+  let I = Jn();
+  function V(y) {
+    switch (u.value = !0, I(() => {
       u.value = !1;
-    }), g.key) {
+    }), y.key) {
       case W.Enter:
-        if (u.value = !1, s.comboboxState.value !== 0 || b.value) return;
-        if (g.preventDefault(), g.stopPropagation(), s.activeOptionIndex.value === null) {
-          s.closeCombobox();
+        if (u.value = !1, l.comboboxState.value !== 0 || h.value) return;
+        if (y.preventDefault(), y.stopPropagation(), l.activeOptionIndex.value === null) {
+          l.closeCombobox();
           return;
         }
-        s.selectActiveOption(), s.mode.value === 0 && s.closeCombobox();
+        l.selectActiveOption(), l.mode.value === 0 && l.closeCombobox();
         break;
       case W.ArrowDown:
-        return u.value = !1, g.preventDefault(), g.stopPropagation(), te(s.comboboxState.value, { 0: () => s.goToOption(B.Next), 1: () => s.openCombobox() });
+        return u.value = !1, y.preventDefault(), y.stopPropagation(), se(l.comboboxState.value, { 0: () => l.goToOption(U.Next), 1: () => l.openCombobox() });
       case W.ArrowUp:
-        return u.value = !1, g.preventDefault(), g.stopPropagation(), te(s.comboboxState.value, { 0: () => s.goToOption(B.Previous), 1: () => {
-          s.openCombobox(), Q(() => {
-            s.value.value || s.goToOption(B.Last);
+        return u.value = !1, y.preventDefault(), y.stopPropagation(), se(l.comboboxState.value, { 0: () => l.goToOption(U.Previous), 1: () => {
+          l.openCombobox(), te(() => {
+            l.value.value || l.goToOption(U.Last);
           });
         } });
       case W.Home:
-        if (g.shiftKey) break;
-        return u.value = !1, g.preventDefault(), g.stopPropagation(), s.goToOption(B.First);
+        if (y.shiftKey) break;
+        return u.value = !1, y.preventDefault(), y.stopPropagation(), l.goToOption(U.First);
       case W.PageUp:
-        return u.value = !1, g.preventDefault(), g.stopPropagation(), s.goToOption(B.First);
+        return u.value = !1, y.preventDefault(), y.stopPropagation(), l.goToOption(U.First);
       case W.End:
-        if (g.shiftKey) break;
-        return u.value = !1, g.preventDefault(), g.stopPropagation(), s.goToOption(B.Last);
+        if (y.shiftKey) break;
+        return u.value = !1, y.preventDefault(), y.stopPropagation(), l.goToOption(U.Last);
       case W.PageDown:
-        return u.value = !1, g.preventDefault(), g.stopPropagation(), s.goToOption(B.Last);
+        return u.value = !1, y.preventDefault(), y.stopPropagation(), l.goToOption(U.Last);
       case W.Escape:
-        if (u.value = !1, s.comboboxState.value !== 0) return;
-        g.preventDefault(), s.optionsRef.value && !s.optionsPropsRef.value.static && g.stopPropagation(), s.nullable.value && s.mode.value === 0 && s.value.value === null && v(), s.closeCombobox();
+        if (u.value = !1, l.comboboxState.value !== 0) return;
+        y.preventDefault(), l.optionsRef.value && !l.optionsPropsRef.value.static && y.stopPropagation(), l.nullable.value && l.mode.value === 0 && l.value.value === null && p(), l.closeCombobox();
         break;
       case W.Tab:
-        if (u.value = !1, s.comboboxState.value !== 0) return;
-        s.mode.value === 0 && s.activationTrigger.value !== 1 && s.selectActiveOption(), s.closeCombobox();
+        if (u.value = !1, l.comboboxState.value !== 0) return;
+        l.mode.value === 0 && l.activationTrigger.value !== 1 && l.selectActiveOption(), l.closeCombobox();
         break;
     }
   }
-  function E(g) {
-    o("change", g), s.nullable.value && s.mode.value === 0 && g.target.value === "" && v(), s.openCombobox();
+  function T(y) {
+    o("change", y), l.nullable.value && l.mode.value === 0 && y.target.value === "" && p(), l.openCombobox();
   }
-  function O(g) {
-    var T, h, p;
-    let C = (T = g.relatedTarget) != null ? T : ie.find((d) => d !== g.currentTarget);
-    if (u.value = !1, !((h = k(s.optionsRef)) != null && h.contains(C)) && !((p = k(s.buttonRef)) != null && p.contains(C)) && s.comboboxState.value === 0) return g.preventDefault(), s.mode.value === 0 && (s.nullable.value && s.value.value === null ? v() : s.activationTrigger.value !== 1 && s.selectActiveOption()), s.closeCombobox();
+  function C(y) {
+    var R, _, b;
+    let k = (R = y.relatedTarget) != null ? R : ce.find((d) => d !== y.currentTarget);
+    if (u.value = !1, !((_ = N(l.optionsRef)) != null && _.contains(k)) && !((b = N(l.buttonRef)) != null && b.contains(k)) && l.comboboxState.value === 0) return y.preventDefault(), l.mode.value === 0 && (l.nullable.value && l.value.value === null ? p() : l.activationTrigger.value !== 1 && l.selectActiveOption()), l.closeCombobox();
   }
-  function D(g) {
-    var T, h, p;
-    let C = (T = g.relatedTarget) != null ? T : ie.find((d) => d !== g.currentTarget);
-    (h = k(s.buttonRef)) != null && h.contains(C) || (p = k(s.optionsRef)) != null && p.contains(C) || s.disabled.value || s.immediate.value && s.comboboxState.value !== 0 && (s.openCombobox(), Le().nextFrame(() => {
-      s.setActivationTrigger(1);
+  function L(y) {
+    var R, _, b;
+    let k = (R = y.relatedTarget) != null ? R : ce.find((d) => d !== y.currentTarget);
+    (_ = N(l.buttonRef)) != null && _.contains(k) || (b = N(l.optionsRef)) != null && b.contains(k) || l.disabled.value || l.immediate.value && l.comboboxState.value !== 0 && (l.openCombobox(), Ae().nextFrame(() => {
+      l.setActivationTrigger(1);
     }));
   }
-  let A = _(() => {
-    var g, T, h, p;
-    return (p = (h = (T = e.defaultValue) != null ? T : s.defaultValue.value !== void 0 ? (g = e.displayValue) == null ? void 0 : g.call(e, s.defaultValue.value) : null) != null ? h : s.defaultValue.value) != null ? p : "";
+  let M = w(() => {
+    var y, R, _, b;
+    return (b = (_ = (R = e.defaultValue) != null ? R : l.defaultValue.value !== void 0 ? (y = e.displayValue) == null ? void 0 : y.call(e, l.defaultValue.value) : null) != null ? _ : l.defaultValue.value) != null ? b : "";
   });
   return () => {
-    var g, T, h, p, C, d, f;
-    let y = { open: s.comboboxState.value === 0 }, { displayValue: x, onChange: N, ...L } = e, G = { "aria-controls": (g = s.optionsRef.value) == null ? void 0 : g.id, "aria-expanded": s.comboboxState.value === 0, "aria-activedescendant": s.activeOptionIndex.value === null ? void 0 : s.virtual.value ? (T = s.options.value.find((q) => !s.virtual.value.disabled(q.dataRef.value) && s.compare(q.dataRef.value, s.virtual.value.options[s.activeOptionIndex.value]))) == null ? void 0 : T.id : (h = s.options.value[s.activeOptionIndex.value]) == null ? void 0 : h.id, "aria-labelledby": (d = (p = k(s.labelRef)) == null ? void 0 : p.id) != null ? d : (C = k(s.buttonRef)) == null ? void 0 : C.id, "aria-autocomplete": "list", id: i, onCompositionstart: m, onCompositionend: w, onKeydown: M, onInput: E, onFocus: D, onBlur: O, role: "combobox", type: (f = t.type) != null ? f : "text", tabIndex: 0, ref: s.inputRef, defaultValue: A.value, disabled: s.disabled.value === !0 ? !0 : void 0 };
-    return fe({ ourProps: G, theirProps: L, slot: y, attrs: t, slots: n, features: Ee.RenderStrategy | Ee.Static, name: "ComboboxInput" });
+    var y, R, _, b, k, d, f;
+    let x = { open: l.comboboxState.value === 0 }, { displayValue: O, onChange: D, ...A } = e, q = { "aria-controls": (y = l.optionsRef.value) == null ? void 0 : y.id, "aria-expanded": l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null ? void 0 : l.virtual.value ? (R = l.options.value.find((J) => !l.virtual.value.disabled(J.dataRef.value) && l.compare(J.dataRef.value, l.virtual.value.options[l.activeOptionIndex.value]))) == null ? void 0 : R.id : (_ = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : _.id, "aria-labelledby": (d = (b = N(l.labelRef)) == null ? void 0 : b.id) != null ? d : (k = N(l.buttonRef)) == null ? void 0 : k.id, "aria-autocomplete": "list", id: i, onCompositionstart: m, onCompositionend: v, onKeydown: V, onInput: T, onFocus: L, onBlur: C, role: "combobox", type: (f = t.type) != null ? f : "text", tabIndex: 0, ref: l.inputRef, defaultValue: M.value, disabled: l.disabled.value === !0 ? !0 : void 0 };
+    return ve({ ourProps: q, theirProps: A, slot: x, attrs: t, slots: n, features: $e.RenderStrategy | $e.Static, name: "ComboboxInput" });
   };
-} }), vo = se({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, hold: { type: [Boolean], default: !1 } }, setup(e, { attrs: o, slots: t, expose: n }) {
-  let l = ve("ComboboxOptions"), r = `headlessui-combobox-options-${Te()}`;
-  n({ el: l.optionsRef, $el: l.optionsRef }), le(() => {
-    l.optionsPropsRef.value.static = e.static;
-  }), le(() => {
-    l.optionsPropsRef.value.hold = e.hold;
+} }), Po = ae({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, hold: { type: [Boolean], default: !1 } }, setup(e, { attrs: o, slots: t, expose: n }) {
+  let s = he("ComboboxOptions"), r = `headlessui-combobox-options-${Pe()}`;
+  n({ el: s.optionsRef, $el: s.optionsRef }), ie(() => {
+    s.optionsPropsRef.value.static = e.static;
+  }), ie(() => {
+    s.optionsPropsRef.value.hold = e.hold;
   });
-  let i = eo(), s = _(() => i !== null ? (i.value & Ie.Open) === Ie.Open : l.comboboxState.value === 0);
-  Kn({ container: _(() => k(l.optionsRef)), enabled: _(() => l.comboboxState.value === 0), accept(u) {
+  let i = bo(), l = w(() => i !== null ? (i.value & Ie.Open) === Ie.Open : s.comboboxState.value === 0);
+  po({ container: w(() => N(s.optionsRef)), enabled: w(() => s.comboboxState.value === 0), accept(u) {
     return u.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : u.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(u) {
     u.setAttribute("role", "none");
@@ -1208,75 +1256,105 @@ let co = se({ name: "ComboboxButton", props: { as: { type: [Object, String], def
     u.preventDefault();
   }
   return () => {
-    var u, v, c;
-    let b = { open: l.comboboxState.value === 0 }, m = { "aria-labelledby": (c = (u = k(l.labelRef)) == null ? void 0 : u.id) != null ? c : (v = k(l.buttonRef)) == null ? void 0 : v.id, id: r, ref: l.optionsRef, role: "listbox", "aria-multiselectable": l.mode.value === 1 ? !0 : void 0, onMousedown: a }, w = je(e, ["hold"]);
-    return fe({ ourProps: m, theirProps: w, slot: b, attrs: o, slots: l.virtual.value && l.comboboxState.value === 0 ? { ...t, default: () => [Oe(ao, {}, t.default)] } : t, features: Ee.RenderStrategy | Ee.Static, visible: s.value, name: "ComboboxOptions" });
+    var u, p, c;
+    let h = { open: s.comboboxState.value === 0 }, m = { "aria-labelledby": (c = (u = N(s.labelRef)) == null ? void 0 : u.id) != null ? c : (p = N(s.buttonRef)) == null ? void 0 : p.id, id: r, ref: s.optionsRef, role: "listbox", "aria-multiselectable": s.mode.value === 1 ? !0 : void 0, onMousedown: a }, v = Fe(e, ["hold"]);
+    return ve({ ourProps: m, theirProps: v, slot: h, attrs: o, slots: s.virtual.value && s.comboboxState.value === 0 ? { ...t, default: () => [Oe($o, {}, t.default)] } : t, features: $e.RenderStrategy | $e.Static, visible: l.value, name: "ComboboxOptions" });
   };
-} }), po = se({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, order: { type: [Number], default: null } }, setup(e, { slots: o, attrs: t, expose: n }) {
-  let l = ve("ComboboxOption"), r = `headlessui-combobox-option-${Te()}`, i = S(null), s = _(() => e.disabled);
+} }), ko = ae({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, order: { type: [Number], default: null } }, setup(e, { slots: o, attrs: t, expose: n }) {
+  let s = he("ComboboxOption"), r = `headlessui-combobox-option-${Pe()}`, i = E(null), l = w(() => e.disabled);
   n({ el: i, $el: i });
-  let a = _(() => {
-    var O;
-    return l.virtual.value ? l.activeOptionIndex.value === l.calculateIndex(e.value) : l.activeOptionIndex.value === null ? !1 : ((O = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : O.id) === r;
-  }), u = _(() => l.isSelected(e.value)), v = Ce(Bt, null), c = _(() => ({ disabled: e.disabled, value: e.value, domRef: i, order: _(() => e.order) }));
-  de(() => l.registerOption(r, c)), St(() => l.unregisterOption(r, a.value)), le(() => {
-    let O = k(i);
-    O && (v == null || v.value.measureElement(O));
-  }), le(() => {
-    l.comboboxState.value === 0 && a.value && (l.virtual.value || l.activationTrigger.value !== 0 && Q(() => {
-      var O, D;
-      return (D = (O = k(i)) == null ? void 0 : O.scrollIntoView) == null ? void 0 : D.call(O, { block: "nearest" });
+  let a = w(() => {
+    var C;
+    return s.virtual.value ? s.activeOptionIndex.value === s.calculateIndex(e.value) : s.activeOptionIndex.value === null ? !1 : ((C = s.options.value[s.activeOptionIndex.value]) == null ? void 0 : C.id) === r;
+  }), u = w(() => s.isSelected(e.value)), p = Te(Ut, null), c = w(() => ({ disabled: e.disabled, value: e.value, domRef: i, order: w(() => e.order) }));
+  pe(() => s.registerOption(r, c)), St(() => s.unregisterOption(r, a.value)), ie(() => {
+    let C = N(i);
+    C && (p == null || p.value.measureElement(C));
+  }), ie(() => {
+    s.comboboxState.value === 0 && a.value && (s.virtual.value || s.activationTrigger.value !== 0 && te(() => {
+      var C, L;
+      return (L = (C = N(i)) == null ? void 0 : C.scrollIntoView) == null ? void 0 : L.call(C, { block: "nearest" });
     }));
   });
-  function b(O) {
-    O.preventDefault(), O.button === Mt.Left && (s.value || (l.selectOption(r), kt() || requestAnimationFrame(() => {
-      var D;
-      return (D = k(l.inputRef)) == null ? void 0 : D.focus({ preventScroll: !0 });
-    }), l.mode.value === 0 && l.closeCombobox()));
+  function h(C) {
+    C.preventDefault(), C.button === Mt.Left && (l.value || (s.selectOption(r), Nt() || requestAnimationFrame(() => {
+      var L;
+      return (L = N(s.inputRef)) == null ? void 0 : L.focus({ preventScroll: !0 });
+    }), s.mode.value === 0 && s.closeCombobox()));
   }
   function m() {
-    var O;
-    if (e.disabled || (O = l.virtual.value) != null && O.disabled(e.value)) return l.goToOption(B.Nothing);
-    let D = l.calculateIndex(e.value);
-    l.goToOption(B.Specific, D);
+    var C;
+    if (e.disabled || (C = s.virtual.value) != null && C.disabled(e.value)) return s.goToOption(U.Nothing);
+    let L = s.calculateIndex(e.value);
+    s.goToOption(U.Specific, L);
   }
-  let w = Jn();
-  function $(O) {
-    w.update(O);
+  let v = fo();
+  function I(C) {
+    v.update(C);
   }
-  function M(O) {
-    var D;
-    if (!w.wasMoved(O) || e.disabled || (D = l.virtual.value) != null && D.disabled(e.value) || a.value) return;
-    let A = l.calculateIndex(e.value);
-    l.goToOption(B.Specific, A, 0);
+  function V(C) {
+    var L;
+    if (!v.wasMoved(C) || e.disabled || (L = s.virtual.value) != null && L.disabled(e.value) || a.value) return;
+    let M = s.calculateIndex(e.value);
+    s.goToOption(U.Specific, M, 0);
   }
-  function E(O) {
-    var D;
-    w.wasMoved(O) && (e.disabled || (D = l.virtual.value) != null && D.disabled(e.value) || a.value && (l.optionsPropsRef.value.hold || l.goToOption(B.Nothing)));
+  function T(C) {
+    var L;
+    v.wasMoved(C) && (e.disabled || (L = s.virtual.value) != null && L.disabled(e.value) || a.value && (s.optionsPropsRef.value.hold || s.goToOption(U.Nothing)));
   }
   return () => {
-    let { disabled: O } = e, D = { active: a.value, selected: u.value, disabled: O }, A = { id: r, ref: i, role: "option", tabIndex: O === !0 ? void 0 : -1, "aria-disabled": O === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: b, onFocus: m, onPointerenter: $, onMouseenter: $, onPointermove: M, onMousemove: M, onPointerleave: E, onMouseleave: E }, g = je(e, ["order", "value"]);
-    return fe({ ourProps: A, theirProps: g, slot: D, attrs: t, slots: o, name: "ComboboxOption" });
+    let { disabled: C } = e, L = { active: a.value, selected: u.value, disabled: C }, M = { id: r, ref: i, role: "option", tabIndex: C === !0 ? void 0 : -1, "aria-disabled": C === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: h, onFocus: m, onPointerenter: I, onMouseenter: I, onPointermove: V, onMousemove: V, onPointerleave: T, onMouseleave: T }, y = Fe(e, ["order", "value"]);
+    return ve({ ourProps: M, theirProps: y, slot: L, attrs: t, slots: o, name: "ComboboxOption" });
   };
 } });
-function ho(e, o) {
-  return P(), V("svg", {
+function Ro(e, o) {
+  return S(), $("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    g("path", {
+      "fill-rule": "evenodd",
+      d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function No(e, o) {
+  return S(), $("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    I("path", {
+    g("path", {
       "fill-rule": "evenodd",
       d: "M10.53 3.47a.75.75 0 0 0-1.06 0L6.22 6.72a.75.75 0 0 0 1.06 1.06L10 5.06l2.72 2.72a.75.75 0 1 0 1.06-1.06l-3.25-3.25Zm-4.31 9.81 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06L10 14.94l-2.72-2.72a.75.75 0 0 0-1.06 1.06Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
+function Do(e, o) {
+  return S(), $("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    g("path", {
+      "fill-rule": "evenodd",
+      d: "M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
 const ht = {
   __name: "Select",
-  props: /* @__PURE__ */ un({
+  props: /* @__PURE__ */ dn({
     languages: {
       type: Object,
       required: !0
@@ -1287,53 +1365,54 @@ const ht = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, t = cn(e, "modelValue"), n = S(""), l = S(null), r = _(() => Object.entries(o.languages).filter(
-      ([, s]) => s.toLowerCase().includes(n.value.toLowerCase())
-    )), i = (s) => {
-      s.target.value = "", n.value = "", l.value && l.value.$el.click();
+    const o = e, t = fn(e, "modelValue"), n = E(""), s = E(null), r = w(() => Object.entries(o.languages).filter(
+      ([, l]) => l.toLowerCase().includes(n.value.toLowerCase())
+    )), i = (l) => {
+      l.target.value = "", n.value = "", s.value && s.value.$el.click();
     };
-    return (s, a) => (P(), xe(R(uo), {
+    return (l, a) => (S(), Z(P(Io), {
       modelValue: t.value,
-      "onUpdate:modelValue": a[2] || (a[2] = (u) => t.value = u),
+      "onUpdate:modelValue": a[3] || (a[3] = (u) => t.value = u),
       as: "div",
       class: "relative mt-1"
     }, {
-      default: Pe(() => [
-        H(R(fo), {
-          class: "w-full border border-gray-300 rounded-md py-2 pl-3 pr-10 text-sm leading-5 focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500",
+      default: ke(() => [
+        z(P(To), {
+          class: "w-full bg-white border border-gray-300 rounded py-2.5 pl-3 pr-10 text-sm text-gray-800 font-medium focus:outline-none focus:ring-0.5 focus:ring-gray-400 focus:border-gray-400",
           onChange: a[0] || (a[0] = (u) => n.value = u.target.value),
           displayValue: (u) => e.languages[u],
           onFocus: a[1] || (a[1] = (u) => i(u))
         }, null, 8, ["displayValue"]),
-        H(R(co), {
+        z(P(Co), {
           ref_key: "btnSelect",
-          ref: l,
+          ref: s,
           class: "absolute inset-y-0 right-0 flex items-center pr-2"
         }, {
-          default: Pe(() => [
-            H(R(ho), {
+          default: ke(() => [
+            z(P(No), {
               class: "h-5 w-5 text-gray-400",
-              "aria-hidden": "true"
+              "aria-hidden": "true",
+              onClick: a[2] || (a[2] = (u) => i(u))
             })
           ]),
           _: 1
         }, 512),
-        H(R(vo), { class: "absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm z-50" }, {
-          default: Pe(() => [
-            (P(!0), V(X, null, ge(r.value, ([u, v]) => (P(), xe(R(po), {
+        z(P(Po), { class: "absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm z-50" }, {
+          default: ke(() => [
+            (S(!0), $(G, null, le(r.value, ([u, p]) => (S(), Z(P(ko), {
               key: u,
               value: u
             }, {
-              default: Pe(({ active: c, selected: b }) => [
-                I("li", {
-                  class: it([
+              default: ke(({ active: c, selected: h }) => [
+                g("li", {
+                  class: ye([
                     "relative cursor-default select-none py-2 pl-3 pr-9",
-                    c ? "bg-[#3B5695] text-white" : "text-gray-900"
+                    c ? "bg-[#3B5695] text-white" : "text-textCustom"
                   ])
                 }, [
-                  I("span", {
-                    class: it(["block truncate", b && "font-semibold"])
-                  }, ne(v), 3)
+                  g("span", {
+                    class: ye(["block truncate", h && "font-semibold"])
+                  }, ee(p), 3)
                 ], 2)
               ]),
               _: 2
@@ -1345,37 +1424,19 @@ const ht = {
       _: 1
     }, 8, ["modelValue"]));
   }
-}, mo = { key: 0 }, go = /* @__PURE__ */ I("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  class: "h-6 w-6",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor"
-}, [
-  /* @__PURE__ */ I("path", {
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "stroke-width": "2",
-    d: "M13 7l5 5m0 0l-5 5m5-5H6"
-  })
-], -1), bo = [
-  go
-], yo = /* @__PURE__ */ I("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  class: "h-6 w-6",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor"
-}, [
-  /* @__PURE__ */ I("path", {
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "stroke-width": "2",
-    d: "M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"
-  })
-], -1), _o = [
-  yo
-], wo = {
+}, Ht = "/assets/icons/transfer.svg", Lo = { key: 0 }, Vo = /* @__PURE__ */ g("img", {
+  src: Ht,
+  alt: "swap",
+  class: "w-4"
+}, null, -1), Ao = [
+  Vo
+], Mo = /* @__PURE__ */ g("img", {
+  src: Ht,
+  alt: "swap",
+  class: "w-4"
+}, null, -1), jo = [
+  Mo
+], Fo = {
   __name: "SwapBtn",
   props: {
     isBidirect: {
@@ -1386,52 +1447,52 @@ const ht = {
   emits: ["swap"],
   setup(e, { emit: o }) {
     const t = o;
-    return (n, l) => e.isBidirect ? (P(), V("button", {
+    return (n, s) => e.isBidirect ? (S(), $("button", {
       key: 1,
-      onClick: l[0] || (l[0] = (r) => t("swap"))
-    }, _o)) : (P(), V("button", mo, bo));
+      onClick: s[0] || (s[0] = (r) => t("swap"))
+    }, jo)) : (S(), $("button", Lo, Ao));
   }
 };
-var Ut = !1;
-function ke(e, o, t) {
+var Wt = !1;
+function Ne(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 We(e, o) {
+function Je(e, o) {
   if (Array.isArray(e)) {
     e.splice(o, 1);
     return;
   }
   delete e[o];
 }
-function xo() {
-  return Ht().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+function Bo() {
+  return Gt().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
-function Ht() {
+function Gt() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const So = typeof Proxy == "function", Oo = "devtools-plugin:setup", Eo = "plugin:settings:set";
-let pe, Ge;
-function Io() {
+const zo = typeof Proxy == "function", Uo = "devtools-plugin:setup", Ho = "plugin:settings:set";
+let ge, Ke;
+function Wo() {
   var e;
-  return pe !== void 0 || (typeof window < "u" && window.performance ? (pe = !0, Ge = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (pe = !0, Ge = globalThis.perf_hooks.performance) : pe = !1), pe;
+  return ge !== void 0 || (typeof window < "u" && window.performance ? (ge = !0, Ke = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (ge = !0, Ke = globalThis.perf_hooks.performance) : ge = !1), ge;
 }
-function $o() {
-  return Io() ? Ge.now() : Date.now();
+function Go() {
+  return Wo() ? Ke.now() : Date.now();
 }
-class Co {
+class qo {
   constructor(o, t) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = o, this.hook = t;
     const n = {};
     if (o.settings)
       for (const i in o.settings) {
-        const s = o.settings[i];
-        n[i] = s.defaultValue;
+        const l = o.settings[i];
+        n[i] = l.defaultValue;
       }
-    const l = `__vue-devtools-plugin-settings__${o.id}`;
+    const s = `__vue-devtools-plugin-settings__${o.id}`;
     let r = Object.assign({}, n);
     try {
-      const i = localStorage.getItem(l), s = JSON.parse(i);
-      Object.assign(r, s);
+      const i = localStorage.getItem(s), l = JSON.parse(i);
+      Object.assign(r, l);
     } catch {
     }
     this.fallbacks = {
@@ -1440,32 +1501,32 @@ class Co {
       },
       setSettings(i) {
         try {
-          localStorage.setItem(l, JSON.stringify(i));
+          localStorage.setItem(s, JSON.stringify(i));
         } catch {
         }
         r = i;
       },
       now() {
-        return $o();
+        return Go();
       }
-    }, t && t.on(Eo, (i, s) => {
-      i === this.plugin.id && this.fallbacks.setSettings(s);
+    }, t && t.on(Ho, (i, l) => {
+      i === this.plugin.id && this.fallbacks.setSettings(l);
     }), this.proxiedOn = new Proxy({}, {
-      get: (i, s) => this.target ? this.target.on[s] : (...a) => {
+      get: (i, l) => this.target ? this.target.on[l] : (...a) => {
         this.onQueue.push({
-          method: s,
+          method: l,
           args: a
         });
       }
     }), this.proxiedTarget = new Proxy({}, {
-      get: (i, s) => this.target ? this.target[s] : s === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(s) ? (...a) => (this.targetQueue.push({
-        method: s,
+      get: (i, l) => this.target ? this.target[l] : l === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(l) ? (...a) => (this.targetQueue.push({
+        method: l,
         args: a,
         resolve: () => {
         }
-      }), this.fallbacks[s](...a)) : (...a) => new Promise((u) => {
+      }), this.fallbacks[l](...a)) : (...a) => new Promise((u) => {
         this.targetQueue.push({
-          method: s,
+          method: l,
           args: a,
           resolve: u
         });
@@ -1480,12 +1541,12 @@ class Co {
       t.resolve(await this.target[t.method](...t.args));
   }
 }
-function Wt(e, o) {
-  const t = e, n = Ht(), l = xo(), r = So && t.enableEarlyProxy;
-  if (l && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !r))
-    l.emit(Oo, e, o);
+function qt(e, o) {
+  const t = e, n = Gt(), s = Bo(), r = zo && t.enableEarlyProxy;
+  if (s && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !r))
+    s.emit(Uo, e, o);
   else {
-    const i = r ? new Co(t, l) : null;
+    const i = r ? new qo(t, s) : null;
     (n.__VUE_DEVTOOLS_PLUGINS__ = n.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: t,
       setupFn: o,
@@ -1498,31 +1559,31 @@ function Wt(e, o) {
  * (c) 2023 Eduardo San Martin Morote
  * @license MIT
  */
-let we;
-const $e = (e) => we = e, Gt = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
+let Se;
+const Ce = (e) => Se = e, Jt = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
   /* istanbul ignore next */
   Symbol()
 );
-function ce(e) {
+function fe(e) {
   return e && typeof e == "object" && Object.prototype.toString.call(e) === "[object Object]" && typeof e.toJSON != "function";
 }
-var Z;
+var ne;
 (function(e) {
   e.direct = "direct", e.patchObject = "patch object", e.patchFunction = "patch function";
-})(Z || (Z = {}));
-const Fe = typeof window < "u", Se = (process.env.NODE_ENV !== "production" || !1) && process.env.NODE_ENV !== "test" && Fe, mt = 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 To(e, { autoBom: o = !1 } = {}) {
+})(ne || (ne = {}));
+const Be = typeof window < "u", Ee = (process.env.NODE_ENV !== "production" || !1) && process.env.NODE_ENV !== "test" && Be, mt = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof global == "object" && global.global === global ? global : typeof globalThis == "object" ? globalThis : { HTMLElement: null };
+function Jo(e, { autoBom: o = !1 } = {}) {
   return o && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type) ? new Blob(["\uFEFF", e], { type: e.type }) : e;
 }
-function nt(e, o, t) {
+function st(e, o, t) {
   const n = new XMLHttpRequest();
   n.open("GET", e), n.responseType = "blob", n.onload = function() {
-    Kt(n.response, o, t);
+    Qt(n.response, o, t);
   }, n.onerror = function() {
     console.error("could not download file");
   }, n.send();
 }
-function qt(e) {
+function Kt(e) {
   const o = new XMLHttpRequest();
   o.open("HEAD", e, !1);
   try {
@@ -1531,7 +1592,7 @@ function qt(e) {
   }
   return o.status >= 200 && o.status <= 299;
 }
-function Ne(e) {
+function De(e) {
   try {
     e.dispatchEvent(new MouseEvent("click"));
   } catch {
@@ -1539,152 +1600,152 @@ function Ne(e) {
     t.initMouseEvent("click", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null), e.dispatchEvent(t);
   }
 }
-const Ve = typeof navigator == "object" ? navigator : { userAgent: "" }, Jt = /Macintosh/.test(Ve.userAgent) && /AppleWebKit/.test(Ve.userAgent) && !/Safari/.test(Ve.userAgent), Kt = Fe ? (
+const Le = typeof navigator == "object" ? navigator : { userAgent: "" }, Yt = /Macintosh/.test(Le.userAgent) && /AppleWebKit/.test(Le.userAgent) && !/Safari/.test(Le.userAgent), Qt = Be ? (
   // Use download attribute first if possible (#193 Lumia mobile) unless this is a macOS WebView or mini program
-  typeof HTMLAnchorElement < "u" && "download" in HTMLAnchorElement.prototype && !Jt ? Po : (
+  typeof HTMLAnchorElement < "u" && "download" in HTMLAnchorElement.prototype && !Yt ? Ko : (
     // Use msSaveOrOpenBlob as a second approach
-    "msSaveOrOpenBlob" in Ve ? Ro : (
+    "msSaveOrOpenBlob" in Le ? Yo : (
       // Fallback to using FileReader and a popup
-      ko
+      Qo
     )
   )
 ) : () => {
 };
-function Po(e, o = "download", t) {
+function Ko(e, o = "download", t) {
   const n = document.createElement("a");
-  n.download = o, n.rel = "noopener", typeof e == "string" ? (n.href = e, n.origin !== location.origin ? qt(n.href) ? nt(e, o, t) : (n.target = "_blank", Ne(n)) : Ne(n)) : (n.href = URL.createObjectURL(e), setTimeout(function() {
+  n.download = o, n.rel = "noopener", typeof e == "string" ? (n.href = e, n.origin !== location.origin ? Kt(n.href) ? st(e, o, t) : (n.target = "_blank", De(n)) : De(n)) : (n.href = URL.createObjectURL(e), setTimeout(function() {
     URL.revokeObjectURL(n.href);
   }, 4e4), setTimeout(function() {
-    Ne(n);
+    De(n);
   }, 0));
 }
-function Ro(e, o = "download", t) {
+function Yo(e, o = "download", t) {
   if (typeof e == "string")
-    if (qt(e))
-      nt(e, o, t);
+    if (Kt(e))
+      st(e, o, t);
     else {
       const n = document.createElement("a");
       n.href = e, n.target = "_blank", setTimeout(function() {
-        Ne(n);
+        De(n);
       });
     }
   else
-    navigator.msSaveOrOpenBlob(To(e, t), o);
+    navigator.msSaveOrOpenBlob(Jo(e, t), o);
 }
-function ko(e, o, t, n) {
+function Qo(e, o, t, n) {
   if (n = n || open("", "_blank"), n && (n.document.title = n.document.body.innerText = "downloading..."), typeof e == "string")
-    return nt(e, o, t);
-  const l = e.type === "application/octet-stream", r = /constructor/i.test(String(mt.HTMLElement)) || "safari" in mt, i = /CriOS\/[\d]+/.test(navigator.userAgent);
-  if ((i || l && r || Jt) && typeof FileReader < "u") {
-    const s = new FileReader();
-    s.onloadend = function() {
-      let a = s.result;
+    return st(e, o, t);
+  const s = e.type === "application/octet-stream", r = /constructor/i.test(String(mt.HTMLElement)) || "safari" in mt, i = /CriOS\/[\d]+/.test(navigator.userAgent);
+  if ((i || s && r || Yt) && typeof FileReader < "u") {
+    const l = new FileReader();
+    l.onloadend = function() {
+      let a = l.result;
       if (typeof a != "string")
         throw n = null, new Error("Wrong reader.result type");
       a = i ? a : a.replace(/^data:[^;]*;/, "data:attachment/file;"), n ? n.location.href = a : location.assign(a), n = null;
-    }, s.readAsDataURL(e);
+    }, l.readAsDataURL(e);
   } else {
-    const s = URL.createObjectURL(e);
-    n ? n.location.assign(s) : location.href = s, n = null, setTimeout(function() {
-      URL.revokeObjectURL(s);
+    const l = URL.createObjectURL(e);
+    n ? n.location.assign(l) : location.href = l, n = null, setTimeout(function() {
+      URL.revokeObjectURL(l);
     }, 4e4);
   }
 }
-function z(e, o) {
+function B(e, o) {
   const t = "🍍 " + e;
   typeof __VUE_DEVTOOLS_TOAST__ == "function" ? __VUE_DEVTOOLS_TOAST__(t, o) : o === "error" ? console.error(t) : o === "warn" ? console.warn(t) : console.log(t);
 }
-function ot(e) {
+function lt(e) {
   return "_a" in e && "install" in e;
 }
-function Yt() {
+function Xt() {
   if (!("clipboard" in navigator))
-    return z("Your browser doesn't support the Clipboard API", "error"), !0;
+    return B("Your browser doesn't support the Clipboard API", "error"), !0;
 }
-function Qt(e) {
-  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;
+function Zt(e) {
+  return e instanceof Error && e.message.toLowerCase().includes("document is not focused") ? (B('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
 }
-async function No(e) {
-  if (!Yt())
+async function Xo(e) {
+  if (!Xt())
     try {
-      await navigator.clipboard.writeText(JSON.stringify(e.state.value)), z("Global state copied to clipboard.");
+      await navigator.clipboard.writeText(JSON.stringify(e.state.value)), B("Global state copied to clipboard.");
     } catch (o) {
-      if (Qt(o))
+      if (Zt(o))
         return;
-      z("Failed to serialize the state. Check the console for more details.", "error"), console.error(o);
+      B("Failed to serialize the state. Check the console for more details.", "error"), console.error(o);
     }
 }
-async function Vo(e) {
-  if (!Yt())
+async function Zo(e) {
+  if (!Xt())
     try {
-      Zt(e, JSON.parse(await navigator.clipboard.readText())), z("Global state pasted from clipboard.");
+      en(e, JSON.parse(await navigator.clipboard.readText())), B("Global state pasted from clipboard.");
     } catch (o) {
-      if (Qt(o))
+      if (Zt(o))
         return;
-      z("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(o);
+      B("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(o);
     }
 }
-async function Do(e) {
+async function es(e) {
   try {
-    Kt(new Blob([JSON.stringify(e.state.value)], {
+    Qt(new Blob([JSON.stringify(e.state.value)], {
       type: "text/plain;charset=utf-8"
     }), "pinia-state.json");
   } catch (o) {
-    z("Failed to export the state as JSON. Check the console for more details.", "error"), console.error(o);
+    B("Failed to export the state as JSON. Check the console for more details.", "error"), console.error(o);
   }
 }
-let ee;
-function Lo() {
-  ee || (ee = document.createElement("input"), ee.type = "file", ee.accept = ".json");
+let oe;
+function ts() {
+  oe || (oe = document.createElement("input"), oe.type = "file", oe.accept = ".json");
   function e() {
     return new Promise((o, t) => {
-      ee.onchange = async () => {
-        const n = ee.files;
+      oe.onchange = async () => {
+        const n = oe.files;
         if (!n)
           return o(null);
-        const l = n.item(0);
-        return o(l ? { text: await l.text(), file: l } : null);
-      }, ee.oncancel = () => o(null), ee.onerror = t, ee.click();
+        const s = n.item(0);
+        return o(s ? { text: await s.text(), file: s } : null);
+      }, oe.oncancel = () => o(null), oe.onerror = t, oe.click();
     });
   }
   return e;
 }
-async function Mo(e) {
+async function ns(e) {
   try {
-    const t = await Lo()();
+    const t = await ts()();
     if (!t)
       return;
-    const { text: n, file: l } = t;
-    Zt(e, JSON.parse(n)), z(`Global state imported from "${l.name}".`);
+    const { text: n, file: s } = t;
+    en(e, JSON.parse(n)), B(`Global state imported from "${s.name}".`);
   } catch (o) {
-    z("Failed to import the state from JSON. Check the console for more details.", "error"), console.error(o);
+    B("Failed to import the state from JSON. Check the console for more details.", "error"), console.error(o);
   }
 }
-function Zt(e, o) {
+function en(e, o) {
   for (const t in o) {
     const n = e.state.value[t];
     n ? Object.assign(n, o[t]) : e.state.value[t] = o[t];
   }
 }
-function Y(e) {
+function Q(e) {
   return {
     _custom: {
       display: e
     }
   };
 }
-const Xt = "🍍 Pinia (root)", qe = "_root";
-function Ao(e) {
-  return ot(e) ? {
-    id: qe,
-    label: Xt
+const tn = "🍍 Pinia (root)", Ye = "_root";
+function os(e) {
+  return lt(e) ? {
+    id: Ye,
+    label: tn
   } : {
     id: e.$id,
     label: e.$id
   };
 }
-function jo(e) {
-  if (ot(e)) {
+function ss(e) {
+  if (lt(e)) {
     const t = Array.from(e._s.keys()), n = e._s;
     return {
       state: t.map((r) => ({
@@ -1697,7 +1758,7 @@ function jo(e) {
         return {
           editable: !1,
           key: r,
-          value: i._getters.reduce((s, a) => (s[a] = i[a], s), {})
+          value: i._getters.reduce((l, a) => (l[a] = i[a], l), {})
         };
       })
     };
@@ -1719,49 +1780,49 @@ function jo(e) {
     value: e[t]
   }))), o;
 }
-function Fo(e) {
+function ls(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: Y(e.type),
-    key: Y(e.key),
+    operation: Q(e.type),
+    key: Q(e.key),
     oldValue: e.oldValue,
     newValue: e.newValue
   } : {};
 }
-function zo(e) {
+function rs(e) {
   switch (e) {
-    case Z.direct:
+    case ne.direct:
       return "mutation";
-    case Z.patchFunction:
+    case ne.patchFunction:
       return "$patch";
-    case Z.patchObject:
+    case ne.patchObject:
       return "$patch";
     default:
       return "unknown";
   }
 }
-let me = !0;
-const De = [], re = "pinia:mutations", U = "pinia", { assign: Bo } = Object, Me = (e) => "🍍 " + e;
-function Uo(e, o) {
-  Wt({
+let _e = !0;
+const Ve = [], ue = "pinia:mutations", H = "pinia", { assign: is } = Object, Me = (e) => "🍍 " + e;
+function as(e, o) {
+  qt({
     id: "dev.esm.pinia",
     label: "Pinia 🍍",
     logo: "https://pinia.vuejs.org/logo.svg",
     packageName: "pinia",
     homepage: "https://pinia.vuejs.org",
-    componentStateTypes: De,
+    componentStateTypes: Ve,
     app: e
   }, (t) => {
-    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: re,
+    typeof t.now != "function" && B("You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), t.addTimelineLayer({
+      id: ue,
       label: "Pinia 🍍",
       color: 15064968
     }), t.addInspector({
-      id: U,
+      id: H,
       label: "Pinia 🍍",
       icon: "storage",
       treeFilterPlaceholder: "Search stores",
@@ -1769,28 +1830,28 @@ function Uo(e, o) {
         {
           icon: "content_copy",
           action: () => {
-            No(o);
+            Xo(o);
           },
           tooltip: "Serialize and copy the state"
         },
         {
           icon: "content_paste",
           action: async () => {
-            await Vo(o), t.sendInspectorTree(U), t.sendInspectorState(U);
+            await Zo(o), t.sendInspectorTree(H), t.sendInspectorState(H);
           },
           tooltip: "Replace the state with the content of your clipboard"
         },
         {
           icon: "save",
           action: () => {
-            Do(o);
+            es(o);
           },
           tooltip: "Save the state as a JSON file"
         },
         {
           icon: "folder_open",
           action: async () => {
-            await Mo(o), t.sendInspectorTree(U), t.sendInspectorState(U);
+            await ns(o), t.sendInspectorTree(H), t.sendInspectorState(H);
           },
           tooltip: "Import the state from a JSON file"
         }
@@ -1800,44 +1861,44 @@ function Uo(e, o) {
           icon: "restore",
           tooltip: 'Reset the state (with "$reset")',
           action: (n) => {
-            const l = o._s.get(n);
-            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");
+            const s = o._s.get(n);
+            s ? typeof s.$reset != "function" ? B(`Cannot reset "${n}" store because it doesn't have a "$reset" method implemented.`, "warn") : (s.$reset(), B(`Store "${n}" reset.`)) : B(`Cannot reset "${n}" store because it wasn't found.`, "warn");
           }
         }
       ]
-    }), t.on.inspectComponent((n, l) => {
+    }), t.on.inspectComponent((n, s) => {
       const r = n.componentInstance && n.componentInstance.proxy;
       if (r && r._pStores) {
         const i = n.componentInstance.proxy._pStores;
-        Object.values(i).forEach((s) => {
+        Object.values(i).forEach((l) => {
           n.instanceData.state.push({
-            type: Me(s.$id),
+            type: Me(l.$id),
             key: "state",
             editable: !0,
-            value: s._isOptionsAPI ? {
+            value: l._isOptionsAPI ? {
               _custom: {
-                value: K(s.$state),
+                value: Y(l.$state),
                 actions: [
                   {
                     icon: "restore",
                     tooltip: "Reset the state of this store",
-                    action: () => s.$reset()
+                    action: () => l.$reset()
                   }
                 ]
               }
             } : (
               // NOTE: workaround to unwrap transferred refs
-              Object.keys(s.$state).reduce((a, u) => (a[u] = s.$state[u], a), {})
+              Object.keys(l.$state).reduce((a, u) => (a[u] = l.$state[u], a), {})
             )
-          }), s._getters && s._getters.length && n.instanceData.state.push({
-            type: Me(s.$id),
+          }), l._getters && l._getters.length && n.instanceData.state.push({
+            type: Me(l.$id),
             key: "getters",
             editable: !1,
-            value: s._getters.reduce((a, u) => {
+            value: l._getters.reduce((a, u) => {
               try {
-                a[u] = s[u];
-              } catch (v) {
-                a[u] = v;
+                a[u] = l[u];
+              } catch (p) {
+                a[u] = p;
               }
               return a;
             }, {})
@@ -1845,48 +1906,48 @@ function Uo(e, o) {
         });
       }
     }), t.on.getInspectorTree((n) => {
-      if (n.app === e && n.inspectorId === U) {
-        let l = [o];
-        l = l.concat(Array.from(o._s.values())), n.rootNodes = (n.filter ? l.filter((r) => "$id" in r ? r.$id.toLowerCase().includes(n.filter.toLowerCase()) : Xt.toLowerCase().includes(n.filter.toLowerCase())) : l).map(Ao);
+      if (n.app === e && n.inspectorId === H) {
+        let s = [o];
+        s = s.concat(Array.from(o._s.values())), n.rootNodes = (n.filter ? s.filter((r) => "$id" in r ? r.$id.toLowerCase().includes(n.filter.toLowerCase()) : tn.toLowerCase().includes(n.filter.toLowerCase())) : s).map(os);
       }
     }), t.on.getInspectorState((n) => {
-      if (n.app === e && n.inspectorId === U) {
-        const l = n.nodeId === qe ? o : o._s.get(n.nodeId);
-        if (!l)
+      if (n.app === e && n.inspectorId === H) {
+        const s = n.nodeId === Ye ? o : o._s.get(n.nodeId);
+        if (!s)
           return;
-        l && (n.state = jo(l));
+        s && (n.state = ss(s));
       }
-    }), t.on.editInspectorState((n, l) => {
-      if (n.app === e && n.inspectorId === U) {
-        const r = n.nodeId === qe ? o : o._s.get(n.nodeId);
+    }), t.on.editInspectorState((n, s) => {
+      if (n.app === e && n.inspectorId === H) {
+        const r = n.nodeId === Ye ? o : o._s.get(n.nodeId);
         if (!r)
-          return z(`store "${n.nodeId}" not found`, "error");
+          return B(`store "${n.nodeId}" not found`, "error");
         const { path: i } = n;
-        ot(r) ? i.unshift("state") : (i.length !== 1 || !r._customProperties.has(i[0]) || i[0] in r.$state) && i.unshift("$state"), me = !1, n.set(r, i, n.state.value), me = !0;
+        lt(r) ? i.unshift("state") : (i.length !== 1 || !r._customProperties.has(i[0]) || i[0] in r.$state) && i.unshift("$state"), _e = !1, n.set(r, i, n.state.value), _e = !0;
       }
     }), t.on.editComponentState((n) => {
       if (n.type.startsWith("🍍")) {
-        const l = n.type.replace(/^🍍\s*/, ""), r = o._s.get(l);
+        const s = n.type.replace(/^🍍\s*/, ""), r = o._s.get(s);
         if (!r)
-          return z(`store "${l}" not found`, "error");
+          return B(`store "${s}" not found`, "error");
         const { path: i } = n;
         if (i[0] !== "state")
-          return z(`Invalid path for store "${l}":
+          return B(`Invalid path for store "${s}":
 ${i}
 Only state can be modified.`);
-        i[0] = "$state", me = !1, n.set(r, i, n.state.value), me = !0;
+        i[0] = "$state", _e = !1, n.set(r, i, n.state.value), _e = !0;
       }
     });
   });
 }
-function Ho(e, o) {
-  De.includes(Me(o.$id)) || De.push(Me(o.$id)), Wt({
+function us(e, o) {
+  Ve.includes(Me(o.$id)) || Ve.push(Me(o.$id)), qt({
     id: "dev.esm.pinia",
     label: "Pinia 🍍",
     logo: "https://pinia.vuejs.org/logo.svg",
     packageName: "pinia",
     homepage: "https://pinia.vuejs.org",
-    componentStateTypes: De,
+    componentStateTypes: Ve,
     app: e,
     settings: {
       logStoreChanges: {
@@ -1902,81 +1963,81 @@ function Ho(e, o) {
     }
   }, (t) => {
     const n = typeof t.now == "function" ? t.now.bind(t) : Date.now;
-    o.$onAction(({ after: i, onError: s, name: a, args: u }) => {
-      const v = en++;
+    o.$onAction(({ after: i, onError: l, name: a, args: u }) => {
+      const p = nn++;
       t.addTimelineEvent({
-        layerId: re,
+        layerId: ue,
         event: {
           time: n(),
           title: "🛫 " + a,
           subtitle: "start",
           data: {
-            store: Y(o.$id),
-            action: Y(a),
+            store: Q(o.$id),
+            action: Q(a),
             args: u
           },
-          groupId: v
+          groupId: p
         }
       }), i((c) => {
-        oe = void 0, t.addTimelineEvent({
-          layerId: re,
+        re = void 0, t.addTimelineEvent({
+          layerId: ue,
           event: {
             time: n(),
             title: "🛬 " + a,
             subtitle: "end",
             data: {
-              store: Y(o.$id),
-              action: Y(a),
+              store: Q(o.$id),
+              action: Q(a),
               args: u,
               result: c
             },
-            groupId: v
+            groupId: p
           }
         });
-      }), s((c) => {
-        oe = void 0, t.addTimelineEvent({
-          layerId: re,
+      }), l((c) => {
+        re = void 0, t.addTimelineEvent({
+          layerId: ue,
           event: {
             time: n(),
             logType: "error",
             title: "💥 " + a,
             subtitle: "end",
             data: {
-              store: Y(o.$id),
-              action: Y(a),
+              store: Q(o.$id),
+              action: Q(a),
               args: u,
               error: c
             },
-            groupId: v
+            groupId: p
           }
         });
       });
     }, !0), o._customProperties.forEach((i) => {
-      j(() => R(o[i]), (s, a) => {
-        t.notifyComponentUpdate(), t.sendInspectorState(U), me && t.addTimelineEvent({
-          layerId: re,
+      j(() => P(o[i]), (l, a) => {
+        t.notifyComponentUpdate(), t.sendInspectorState(H), _e && t.addTimelineEvent({
+          layerId: ue,
           event: {
             time: n(),
             title: "Change",
             subtitle: i,
             data: {
-              newValue: s,
+              newValue: l,
               oldValue: a
             },
-            groupId: oe
+            groupId: re
           }
         });
       }, { deep: !0 });
-    }), o.$subscribe(({ events: i, type: s }, a) => {
-      if (t.notifyComponentUpdate(), t.sendInspectorState(U), !me)
+    }), o.$subscribe(({ events: i, type: l }, a) => {
+      if (t.notifyComponentUpdate(), t.sendInspectorState(H), !_e)
         return;
       const u = {
         time: n(),
-        title: zo(s),
-        data: Bo({ store: Y(o.$id) }, Fo(i)),
-        groupId: oe
+        title: rs(l),
+        data: is({ store: Q(o.$id) }, ls(i)),
+        groupId: re
       };
-      s === Z.patchFunction ? u.subtitle = "⤵️" : s === Z.patchObject ? u.subtitle = "🧩" : i && !Array.isArray(i) && (u.subtitle = i.type), i && (u.data["rawEvent(s)"] = {
+      l === ne.patchFunction ? u.subtitle = "⤵️" : l === ne.patchObject ? u.subtitle = "🧩" : i && !Array.isArray(i) && (u.subtitle = i.type), i && (u.data["rawEvent(s)"] = {
         _custom: {
           display: "DebuggerEvent",
           type: "object",
@@ -1984,71 +2045,71 @@ function Ho(e, o) {
           value: i
         }
       }), t.addTimelineEvent({
-        layerId: re,
+        layerId: ue,
         event: u
       });
     }, { detached: !0, flush: "sync" });
-    const l = o._hotUpdate;
-    o._hotUpdate = ae((i) => {
-      l(i), t.addTimelineEvent({
-        layerId: re,
+    const s = o._hotUpdate;
+    o._hotUpdate = de((i) => {
+      s(i), t.addTimelineEvent({
+        layerId: ue,
         event: {
           time: n(),
           title: "🔥 " + o.$id,
           subtitle: "HMR update",
           data: {
-            store: Y(o.$id),
-            info: Y("HMR update")
+            store: Q(o.$id),
+            info: Q("HMR update")
           }
         }
-      }), t.notifyComponentUpdate(), t.sendInspectorTree(U), t.sendInspectorState(U);
+      }), t.notifyComponentUpdate(), t.sendInspectorTree(H), t.sendInspectorState(H);
     });
     const { $dispose: r } = o;
     o.$dispose = () => {
-      r(), t.notifyComponentUpdate(), t.sendInspectorTree(U), t.sendInspectorState(U), t.getSettings().logStoreChanges && z(`Disposed "${o.$id}" store 🗑`);
-    }, t.notifyComponentUpdate(), t.sendInspectorTree(U), t.sendInspectorState(U), t.getSettings().logStoreChanges && z(`"${o.$id}" store installed 🆕`);
+      r(), t.notifyComponentUpdate(), t.sendInspectorTree(H), t.sendInspectorState(H), t.getSettings().logStoreChanges && B(`Disposed "${o.$id}" store 🗑`);
+    }, t.notifyComponentUpdate(), t.sendInspectorTree(H), t.sendInspectorState(H), t.getSettings().logStoreChanges && B(`"${o.$id}" store installed 🆕`);
   });
 }
-let en = 0, oe;
+let nn = 0, re;
 function gt(e, o, t) {
-  const n = o.reduce((l, r) => (l[r] = K(e)[r], l), {});
-  for (const l in n)
-    e[l] = function() {
-      const r = en, i = t ? new Proxy(e, {
+  const n = o.reduce((s, r) => (s[r] = Y(e)[r], s), {});
+  for (const s in n)
+    e[s] = function() {
+      const r = nn, i = t ? new Proxy(e, {
         get(...a) {
-          return oe = r, Reflect.get(...a);
+          return re = r, Reflect.get(...a);
         },
         set(...a) {
-          return oe = r, Reflect.set(...a);
+          return re = r, Reflect.set(...a);
         }
       }) : e;
-      oe = r;
-      const s = n[l].apply(i, arguments);
-      return oe = void 0, s;
+      re = r;
+      const l = n[s].apply(i, arguments);
+      return re = void 0, l;
     };
 }
-function Wo({ app: e, store: o, options: t }) {
+function cs({ app: e, store: o, options: t }) {
   if (o.$id.startsWith("__hot:"))
     return;
   o._isOptionsAPI = !!t.state, gt(o, Object.keys(t.actions), o._isOptionsAPI);
   const n = o._hotUpdate;
-  K(o)._hotUpdate = function(l) {
-    n.apply(this, arguments), gt(o, Object.keys(l._hmrPayload.actions), !!o._isOptionsAPI);
-  }, Ho(
+  Y(o)._hotUpdate = function(s) {
+    n.apply(this, arguments), gt(o, Object.keys(s._hmrPayload.actions), !!o._isOptionsAPI);
+  }, us(
     e,
     // FIXME: is there a way to allow the assignment from Store<Id, S, G, A> to StoreGeneric?
     o
   );
 }
-function Go() {
-  const e = It(!0), o = e.run(() => S({}));
+function ds() {
+  const e = $t(!0), o = e.run(() => E({}));
   let t = [], n = [];
-  const l = ae({
+  const s = de({
     install(r) {
-      $e(l), l._a = r, r.provide(Gt, l), r.config.globalProperties.$pinia = l, Se && Uo(r, l), n.forEach((i) => t.push(i)), n = [];
+      Ce(s), s._a = r, r.provide(Jt, s), r.config.globalProperties.$pinia = s, Ee && as(r, s), n.forEach((i) => t.push(i)), n = [];
     },
     use(r) {
-      return !this._a && !Ut ? n.push(r) : t.push(r), this;
+      return !this._a && !Wt ? n.push(r) : t.push(r), this;
     },
     _p: t,
     // it's actually undefined here
@@ -2058,232 +2119,232 @@ function Go() {
     _s: /* @__PURE__ */ new Map(),
     state: o
   });
-  return Se && typeof Proxy < "u" && l.use(Wo), l;
+  return Ee && typeof Proxy < "u" && s.use(cs), s;
 }
-function tn(e, o) {
+function on(e, o) {
   for (const t in o) {
     const n = o[t];
     if (!(t in e))
       continue;
-    const l = e[t];
-    ce(l) && ce(n) && !be(n) && !Ze(n) ? e[t] = tn(l, n) : e[t] = n;
+    const s = e[t];
+    fe(s) && fe(n) && !xe(n) && !tt(n) ? e[t] = on(s, n) : e[t] = n;
   }
   return e;
 }
-const nn = () => {
+const sn = () => {
 };
-function bt(e, o, t, n = nn) {
+function bt(e, o, t, n = sn) {
   e.push(o);
-  const l = () => {
+  const s = () => {
     const r = e.indexOf(o);
     r > -1 && (e.splice(r, 1), n());
   };
-  return !t && Ct() && Ye(l), l;
+  return !t && Ct() && Ze(s), s;
 }
-function he(e, ...o) {
+function be(e, ...o) {
   e.slice().forEach((t) => {
     t(...o);
   });
 }
-const qo = (e) => e();
-function Je(e, o) {
+const fs = (e) => e();
+function Qe(e, o) {
   e instanceof Map && o instanceof Map && o.forEach((t, n) => e.set(n, t)), e instanceof Set && o instanceof Set && o.forEach(e.add, e);
   for (const t in o) {
     if (!o.hasOwnProperty(t))
       continue;
-    const n = o[t], l = e[t];
-    ce(l) && ce(n) && e.hasOwnProperty(t) && !be(n) && !Ze(n) ? e[t] = Je(l, n) : e[t] = n;
+    const n = o[t], s = e[t];
+    fe(s) && fe(n) && e.hasOwnProperty(t) && !xe(n) && !tt(n) ? e[t] = Qe(s, n) : e[t] = n;
   }
   return e;
 }
-const Jo = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
+const ps = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
   /* istanbul ignore next */
   Symbol()
 );
-function Ko(e) {
-  return !ce(e) || !e.hasOwnProperty(Jo);
+function vs(e) {
+  return !fe(e) || !e.hasOwnProperty(ps);
 }
-const { assign: J } = Object;
-function yt(e) {
-  return !!(be(e) && e.effect);
+const { assign: K } = Object;
+function _t(e) {
+  return !!(xe(e) && e.effect);
 }
-function _t(e, o, t, n) {
-  const { state: l, actions: r, getters: i } = o, s = t.state.value[e];
+function yt(e, o, t, n) {
+  const { state: s, actions: r, getters: i } = o, l = t.state.value[e];
   let a;
   function u() {
-    !s && (process.env.NODE_ENV === "production" || !n) && (t.state.value[e] = l ? l() : {});
-    const v = process.env.NODE_ENV !== "production" && n ? (
+    !l && (process.env.NODE_ENV === "production" || !n) && (t.state.value[e] = s ? s() : {});
+    const p = process.env.NODE_ENV !== "production" && n ? (
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
-      at(S(l ? l() : {}).value)
+      at(E(s ? s() : {}).value)
     ) : at(t.state.value[e]);
-    return J(v, r, Object.keys(i || {}).reduce((c, b) => (process.env.NODE_ENV !== "production" && b in v && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${b}" in store "${e}".`), c[b] = ae(_(() => {
-      $e(t);
+    return K(p, r, Object.keys(i || {}).reduce((c, h) => (process.env.NODE_ENV !== "production" && h in p && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${h}" in store "${e}".`), c[h] = de(w(() => {
+      Ce(t);
       const m = t._s.get(e);
-      return i[b].call(m, m);
+      return i[h].call(m, m);
     })), c), {}));
   }
-  return a = Ke(e, u, o, t, n, !0), a;
+  return a = Xe(e, u, o, t, n, !0), a;
 }
-function Ke(e, o, t = {}, n, l, r) {
+function Xe(e, o, t = {}, n, s, r) {
   let i;
-  const s = J({ actions: {} }, t);
+  const l = K({ actions: {} }, t);
   if (process.env.NODE_ENV !== "production" && !n._e.active)
     throw new Error("Pinia destroyed");
   const a = {
     deep: !0
     // flush: 'post',
   };
-  process.env.NODE_ENV !== "production" && !Ut && (a.onTrigger = (d) => {
-    u ? m = d : u == !1 && !h._hotUpdating && (Array.isArray(m) ? m.push(d) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+  process.env.NODE_ENV !== "production" && !Wt && (a.onTrigger = (d) => {
+    u ? m = d : u == !1 && !_._hotUpdating && (Array.isArray(m) ? m.push(d) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let u, v, c = [], b = [], m;
-  const w = n.state.value[e];
-  !r && !w && (process.env.NODE_ENV === "production" || !l) && (n.state.value[e] = {});
-  const $ = S({});
-  let M;
-  function E(d) {
+  let u, p, c = [], h = [], m;
+  const v = n.state.value[e];
+  !r && !v && (process.env.NODE_ENV === "production" || !s) && (n.state.value[e] = {});
+  const I = E({});
+  let V;
+  function T(d) {
     let f;
-    u = v = !1, process.env.NODE_ENV !== "production" && (m = []), typeof d == "function" ? (d(n.state.value[e]), f = {
-      type: Z.patchFunction,
+    u = p = !1, process.env.NODE_ENV !== "production" && (m = []), typeof d == "function" ? (d(n.state.value[e]), f = {
+      type: ne.patchFunction,
       storeId: e,
       events: m
-    }) : (Je(n.state.value[e], d), f = {
-      type: Z.patchObject,
+    }) : (Qe(n.state.value[e], d), f = {
+      type: ne.patchObject,
       payload: d,
       storeId: e,
       events: m
     });
-    const y = M = Symbol();
-    Q().then(() => {
-      M === y && (u = !0);
-    }), v = !0, he(c, f, n.state.value[e]);
-  }
-  const O = r ? function() {
-    const { state: f } = t, y = f ? f() : {};
-    this.$patch((x) => {
-      J(x, y);
+    const x = V = Symbol();
+    te().then(() => {
+      V === x && (u = !0);
+    }), p = !0, be(c, f, n.state.value[e]);
+  }
+  const C = r ? function() {
+    const { state: f } = t, x = f ? f() : {};
+    this.$patch((O) => {
+      K(O, x);
     });
   } : (
     /* istanbul ignore next */
     process.env.NODE_ENV !== "production" ? () => {
       throw new Error(`🍍: Store "${e}" is built using the setup syntax and does not implement $reset().`);
-    } : nn
+    } : sn
   );
-  function D() {
-    i.stop(), c = [], b = [], n._s.delete(e);
+  function L() {
+    i.stop(), c = [], h = [], n._s.delete(e);
   }
-  function A(d, f) {
+  function M(d, f) {
     return function() {
-      $e(n);
-      const y = Array.from(arguments), x = [], N = [];
-      function L(F) {
-        x.push(F);
+      Ce(n);
+      const x = Array.from(arguments), O = [], D = [];
+      function A(F) {
+        O.push(F);
       }
-      function G(F) {
-        N.push(F);
+      function q(F) {
+        D.push(F);
       }
-      he(b, {
-        args: y,
+      be(h, {
+        args: x,
         name: d,
-        store: h,
-        after: L,
-        onError: G
+        store: _,
+        after: A,
+        onError: q
       });
-      let q;
+      let J;
       try {
-        q = f.apply(this && this.$id === e ? this : h, y);
+        J = f.apply(this && this.$id === e ? this : _, x);
       } catch (F) {
-        throw he(N, F), F;
+        throw be(D, F), F;
       }
-      return q instanceof Promise ? q.then((F) => (he(x, F), F)).catch((F) => (he(N, F), Promise.reject(F))) : (he(x, q), q);
+      return J instanceof Promise ? J.then((F) => (be(O, F), F)).catch((F) => (be(D, F), Promise.reject(F))) : (be(O, J), J);
     };
   }
-  const g = /* @__PURE__ */ ae({
+  const y = /* @__PURE__ */ de({
     actions: {},
     getters: {},
     state: [],
-    hotState: $
-  }), T = {
+    hotState: I
+  }), R = {
     _p: n,
     // _s: scope,
     $id: e,
-    $onAction: bt.bind(null, b),
-    $patch: E,
-    $reset: O,
+    $onAction: bt.bind(null, h),
+    $patch: T,
+    $reset: C,
     $subscribe(d, f = {}) {
-      const y = bt(c, d, f.detached, () => x()), x = i.run(() => j(() => n.state.value[e], (N) => {
-        (f.flush === "sync" ? v : u) && d({
+      const x = bt(c, d, f.detached, () => O()), O = i.run(() => j(() => n.state.value[e], (D) => {
+        (f.flush === "sync" ? p : u) && d({
           storeId: e,
-          type: Z.direct,
+          type: ne.direct,
           events: m
-        }, N);
-      }, J({}, a, f)));
-      return y;
+        }, D);
+      }, K({}, a, f)));
+      return x;
     },
-    $dispose: D
-  }, h = Et(process.env.NODE_ENV !== "production" || Se ? J(
+    $dispose: L
+  }, _ = Ot(process.env.NODE_ENV !== "production" || Ee ? K(
     {
-      _hmrPayload: g,
-      _customProperties: ae(/* @__PURE__ */ new Set())
+      _hmrPayload: y,
+      _customProperties: de(/* @__PURE__ */ new Set())
       // devtools custom properties
     },
-    T
+    R
     // must be added later
     // setupStore
-  ) : T);
-  n._s.set(e, h);
-  const C = (n._a && n._a.runWithContext || qo)(() => n._e.run(() => (i = It()).run(o)));
-  for (const d in C) {
-    const f = C[d];
-    if (be(f) && !yt(f) || Ze(f))
-      process.env.NODE_ENV !== "production" && l ? ke($.value, d, Be(C, d)) : r || (w && Ko(f) && (be(f) ? f.value = w[d] : Je(f, w[d])), n.state.value[e][d] = f), process.env.NODE_ENV !== "production" && g.state.push(d);
+  ) : R);
+  n._s.set(e, _);
+  const k = (n._a && n._a.runWithContext || fs)(() => n._e.run(() => (i = $t()).run(o)));
+  for (const d in k) {
+    const f = k[d];
+    if (xe(f) && !_t(f) || tt(f))
+      process.env.NODE_ENV !== "production" && s ? Ne(I.value, d, We(k, d)) : r || (v && vs(f) && (xe(f) ? f.value = v[d] : Qe(f, v[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 : A(d, f);
-      C[d] = y, process.env.NODE_ENV !== "production" && (g.actions[d] = f), s.actions[d] = f;
-    } else process.env.NODE_ENV !== "production" && yt(f) && (g.getters[d] = r ? (
+      const x = process.env.NODE_ENV !== "production" && s ? f : M(d, f);
+      k[d] = x, process.env.NODE_ENV !== "production" && (y.actions[d] = f), l.actions[d] = f;
+    } else process.env.NODE_ENV !== "production" && _t(f) && (y.getters[d] = r ? (
       // @ts-expect-error
       t.getters[d]
-    ) : f, Fe && (C._getters || // @ts-expect-error: same
-    (C._getters = ae([]))).push(d));
+    ) : f, Be && (k._getters || // @ts-expect-error: same
+    (k._getters = de([]))).push(d));
   }
-  if (J(h, C), J(K(h), C), Object.defineProperty(h, "$state", {
-    get: () => process.env.NODE_ENV !== "production" && l ? $.value : n.state.value[e],
+  if (K(_, k), K(Y(_), k), Object.defineProperty(_, "$state", {
+    get: () => process.env.NODE_ENV !== "production" && s ? I.value : n.state.value[e],
     set: (d) => {
-      if (process.env.NODE_ENV !== "production" && l)
+      if (process.env.NODE_ENV !== "production" && s)
         throw new Error("cannot set hotState");
-      E((f) => {
-        J(f, d);
+      T((f) => {
+        K(f, d);
       });
     }
-  }), process.env.NODE_ENV !== "production" && (h._hotUpdate = ae((d) => {
-    h._hotUpdating = !0, d._hmrPayload.state.forEach((f) => {
-      if (f in h.$state) {
-        const y = d.$state[f], x = h.$state[f];
-        typeof y == "object" && ce(y) && ce(x) ? tn(y, x) : d.$state[f] = x;
+  }), process.env.NODE_ENV !== "production" && (_._hotUpdate = de((d) => {
+    _._hotUpdating = !0, d._hmrPayload.state.forEach((f) => {
+      if (f in _.$state) {
+        const x = d.$state[f], O = _.$state[f];
+        typeof x == "object" && fe(x) && fe(O) ? on(x, O) : d.$state[f] = O;
       }
-      ke(h, f, Be(d.$state, f));
-    }), Object.keys(h.$state).forEach((f) => {
-      f in d.$state || We(h, f);
-    }), u = !1, v = !1, n.state.value[e] = Be(d._hmrPayload, "hotState"), v = !0, Q().then(() => {
+      Ne(_, f, We(d.$state, f));
+    }), Object.keys(_.$state).forEach((f) => {
+      f in d.$state || Je(_, f);
+    }), u = !1, p = !1, n.state.value[e] = We(d._hmrPayload, "hotState"), p = !0, te().then(() => {
       u = !0;
     });
     for (const f in d._hmrPayload.actions) {
-      const y = d[f];
-      ke(h, f, A(f, y));
+      const x = d[f];
+      Ne(_, f, M(f, x));
     }
     for (const f in d._hmrPayload.getters) {
-      const y = d._hmrPayload.getters[f], x = r ? (
+      const x = d._hmrPayload.getters[f], O = r ? (
         // special handling of options api
-        _(() => ($e(n), y.call(h, h)))
-      ) : y;
-      ke(h, f, x);
+        w(() => (Ce(n), x.call(_, _)))
+      ) : x;
+      Ne(_, f, O);
     }
-    Object.keys(h._hmrPayload.getters).forEach((f) => {
-      f in d._hmrPayload.getters || We(h, f);
-    }), Object.keys(h._hmrPayload.actions).forEach((f) => {
-      f in d._hmrPayload.actions || We(h, f);
-    }), h._hmrPayload = d._hmrPayload, h._getters = d._getters, h._hotUpdating = !1;
-  })), Se) {
+    Object.keys(_._hmrPayload.getters).forEach((f) => {
+      f in d._hmrPayload.getters || Je(_, f);
+    }), Object.keys(_._hmrPayload.actions).forEach((f) => {
+      f in d._hmrPayload.actions || Je(_, f);
+    }), _._hmrPayload = d._hmrPayload, _._getters = d._getters, _._hotUpdating = !1;
+  })), Ee) {
     const d = {
       writable: !0,
       configurable: !0,
@@ -2291,67 +2352,67 @@ function Ke(e, o, t = {}, n, l, r) {
       enumerable: !1
     };
     ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((f) => {
-      Object.defineProperty(h, f, J({ value: h[f] }, d));
+      Object.defineProperty(_, f, K({ value: _[f] }, d));
     });
   }
   return n._p.forEach((d) => {
-    if (Se) {
+    if (Ee) {
       const f = i.run(() => d({
-        store: h,
+        store: _,
         app: n._a,
         pinia: n,
-        options: s
+        options: l
       }));
-      Object.keys(f || {}).forEach((y) => h._customProperties.add(y)), J(h, f);
+      Object.keys(f || {}).forEach((x) => _._customProperties.add(x)), K(_, f);
     } else
-      J(h, i.run(() => d({
-        store: h,
+      K(_, i.run(() => d({
+        store: _,
         app: n._a,
         pinia: n,
-        options: s
+        options: l
       })));
-  }), process.env.NODE_ENV !== "production" && h.$state && typeof h.$state == "object" && typeof h.$state.constructor == "function" && !h.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
+  }), process.env.NODE_ENV !== "production" && _.$state && typeof _.$state == "object" && typeof _.$state.constructor == "function" && !_.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
 	state: () => new MyClass()
-Found in store "${h.$id}".`), w && r && t.hydrate && t.hydrate(h.$state, w), u = !0, v = !0, h;
+Found in store "${_.$id}".`), v && r && t.hydrate && t.hydrate(_.$state, v), u = !0, p = !0, _;
 }
-function lt(e, o, t) {
-  let n, l;
+function rt(e, o, t) {
+  let n, s;
   const r = typeof o == "function";
   if (typeof e == "string")
-    n = e, l = r ? t : o;
-  else if (l = e, n = e.id, process.env.NODE_ENV !== "production" && typeof n != "string")
+    n = e, s = r ? t : o;
+  else if (s = 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(s, a) {
-    const u = dn();
-    if (s = // in test mode, ignore the argument provided as we can always retrieve a
+  function i(l, a) {
+    const u = pn();
+    if (l = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
-    (process.env.NODE_ENV === "test" && we && we._testing ? null : s) || (u ? Ce(Gt, null) : null), s && $e(s), process.env.NODE_ENV !== "production" && !we)
+    (process.env.NODE_ENV === "test" && Se && Se._testing ? null : l) || (u ? Te(Jt, null) : null), l && Ce(l), process.env.NODE_ENV !== "production" && !Se)
       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.`);
-    s = we, s._s.has(n) || (r ? Ke(n, o, l, s) : _t(n, l, s), process.env.NODE_ENV !== "production" && (i._pinia = s));
-    const v = s._s.get(n);
+    l = Se, l._s.has(n) || (r ? Xe(n, o, s, l) : yt(n, s, l), process.env.NODE_ENV !== "production" && (i._pinia = l));
+    const p = l._s.get(n);
     if (process.env.NODE_ENV !== "production" && a) {
-      const c = "__hot:" + n, b = r ? Ke(c, o, l, s, !0) : _t(c, J({}, l), s, !0);
-      a._hotUpdate(b), delete s.state.value[c], s._s.delete(c);
+      const c = "__hot:" + n, h = r ? Xe(c, o, s, l, !0) : yt(c, K({}, s), l, !0);
+      a._hotUpdate(h), delete l.state.value[c], l._s.delete(c);
     }
-    if (process.env.NODE_ENV !== "production" && Fe) {
-      const c = $t();
+    if (process.env.NODE_ENV !== "production" && Be) {
+      const c = It();
       if (c && c.proxy && // avoid adding stores that are just built for hot module replacement
       !a) {
-        const b = c.proxy, m = "_pStores" in b ? b._pStores : b._pStores = {};
-        m[n] = v;
+        const h = c.proxy, m = "_pStores" in h ? h._pStores : h._pStores = {};
+        m[n] = p;
       }
     }
-    return v;
+    return p;
   }
   return i.$id = n, i;
 }
-const st = lt("language", () => {
-  const e = S("auto"), o = S("en"), t = S({
+const ze = rt("language", () => {
+  const e = E("auto"), o = E("en"), t = E({
     src: [],
     target: []
-  }), n = _(() => t.value.src[e.value]), l = _(() => t.value.target[o.value]);
+  }), n = w(() => t.value.src[e.value]), s = w(() => t.value.target[o.value]);
   function r(a, u) {
     e.value = a == null ? void 0 : a.src, o.value = a == null ? void 0 : a.target, t.value = u;
   }
@@ -2360,118 +2421,110 @@ const st = lt("language", () => {
     const a = e.value;
     e.value = o.value, o.value = a;
   }
-  function s(a) {
+  function l(a) {
     return t.value.src[a] || t.value.target[a];
   }
-  return { languages: t, src: e, target: o, srcLabel: n, targetLabel: l, init: r, swap: i, getLabel: s };
-}), Yo = {
+  return { languages: t, src: e, target: o, srcLabel: n, targetLabel: s, init: r, swap: i, getLabel: l };
+}), hs = {
   key: 0,
-  class: "flex flex-row"
-}, Qo = {
+  class: "flex"
+}, ms = {
   __name: "Selects",
   setup(e) {
-    const o = st();
+    const o = ze();
     function t() {
       o.swap();
     }
-    return (n, l) => R(o).languages ? (P(), V("div", Yo, [
-      H(ht, {
-        modelValue: R(o).src,
-        "onUpdate:modelValue": l[0] || (l[0] = (r) => R(o).src = r),
-        languages: R(o).languages.src,
+    return (n, s) => P(o).languages ? (S(), $("div", hs, [
+      z(ht, {
+        modelValue: P(o).src,
+        "onUpdate:modelValue": s[0] || (s[0] = (r) => P(o).src = r),
+        languages: P(o).languages.src,
         class: "grow"
       }, null, 8, ["modelValue", "languages"]),
-      H(wo, {
-        isBidirect: R(o).src !== "auto",
-        class: "grow-0",
+      z(Fo, {
+        isBidirect: P(o).src !== "auto",
+        class: "grow-0 mx-3",
         onSwap: t
       }, null, 8, ["isBidirect"]),
-      H(ht, {
-        modelValue: R(o).target,
-        "onUpdate:modelValue": l[1] || (l[1] = (r) => R(o).target = r),
-        languages: R(o).languages.target,
+      z(ht, {
+        modelValue: P(o).target,
+        "onUpdate:modelValue": s[1] || (s[1] = (r) => P(o).target = r),
+        languages: P(o).languages.target,
         class: "grow"
       }, null, 8, ["modelValue", "languages"])
-    ])) : ue("", !0);
+    ])) : X("", !0);
   }
-}, Zo = {
+}, gs = {
   INPUT_MAX_LENGTH: 5e3,
   INPUT_DEBOUNCE: 500
-}, ze = (e, o) => {
+}, Ue = (e, o) => {
   const t = e.__vccOpts || e;
-  for (const [n, l] of o)
-    t[n] = l;
+  for (const [n, s] of o)
+    t[n] = s;
   return t;
-}, Xo = {}, el = { class: "mr-2 loading loading-dots loading-xs" };
-function tl(e, o) {
-  return P(), V("span", el);
-}
-const nl = /* @__PURE__ */ ze(Xo, [["render", tl]]);
-function ol(e, { volume: o = 1, playbackRate: t = 1, soundEnabled: n = !0, interrupt: l = !1, autoplay: r = !1, onload: i, ...s } = {}) {
-  const a = S(null), u = S(!1), v = S(null), c = S(null);
-  function b() {
-    var E;
-    typeof i == "function" && i.call(this), v.value = (v.value || ((E = c.value) == null ? void 0 : E.duration()) || 0) * 1e3, r === !0 && (u.value = !0);
-  }
-  return de(async () => {
-    const E = await import("./howler-DJIW9wc6.js").then((O) => O.h);
-    a.value = E.default.Howl, c.value = new a.value({
-      src: R(e),
-      volume: R(o),
-      rate: R(t),
-      onload: b,
-      ...s
+}, bs = {}, _s = { class: "mr-2 loading loading-dots loading-xs" };
+function ys(e, o) {
+  return S(), $("span", _s);
+}
+const xs = /* @__PURE__ */ Ue(bs, [["render", ys]]), ws = "/assets/icons/volume.svg", Ss = "/assets/icons/volume-stop.svg";
+function Es(e, { volume: o = 1, playbackRate: t = 1, soundEnabled: n = !0, interrupt: s = !1, autoplay: r = !1, onload: i, ...l } = {}) {
+  const a = E(null), u = E(!1), p = E(null), c = E(null);
+  function h() {
+    var T;
+    typeof i == "function" && i.call(this), p.value = (p.value || ((T = c.value) == null ? void 0 : T.duration()) || 0) * 1e3, r === !0 && (u.value = !0);
+  }
+  return pe(async () => {
+    const T = await import("./howler-DJIW9wc6.js").then((C) => C.h);
+    a.value = T.default.Howl, c.value = new a.value({
+      src: P(e),
+      volume: P(o),
+      rate: P(t),
+      onload: h,
+      ...l
     });
   }), j(
     () => [e],
     () => {
       a.value && a.value && c && c.value && (c.value = new a.value({
-        src: R(e),
-        volume: R(o),
-        rate: R(t),
-        onload: b,
-        ...s
+        src: P(e),
+        volume: P(o),
+        rate: P(t),
+        onload: h,
+        ...l
       }));
     }
   ), j(
-    () => [R(o), R(t)],
+    () => [P(o), P(t)],
     () => {
-      c.value && (c.value.volume(R(o)), c.value.rate(R(t)));
+      c.value && (c.value.volume(P(o)), c.value.rate(P(t)));
     }
   ), {
-    play: (E) => {
-      typeof E > "u" && (E = {}), !(!c.value || !n && !E.forceSoundEnabled) && (l && c.value.stop(), E.playbackRate && c.value.rate(E.playbackRate), c.value.play(E.id), c.value.once("end", () => {
+    play: (T) => {
+      typeof T > "u" && (T = {}), !(!c.value || !n && !T.forceSoundEnabled) && (s && c.value.stop(), T.playbackRate && c.value.rate(T.playbackRate), c.value.play(T.id), c.value.once("end", () => {
         c.value && c.value && !c.value.playing() && (u.value = !1);
       }), u.value = !0);
     },
     sound: c,
     isPlaying: u,
-    duration: v,
-    pause: (E) => {
-      c.value && (c.value.pause(typeof E == "number" ? E : void 0), u.value = !1);
+    duration: p,
+    pause: (T) => {
+      c.value && (c.value.pause(typeof T == "number" ? T : void 0), u.value = !1);
     },
-    stop: (E) => {
-      c.value && (c.value.stop(typeof E == "number" ? E : void 0), u.value = !1);
+    stop: (T) => {
+      c.value && (c.value.stop(typeof T == "number" ? T : void 0), u.value = !1);
     }
   };
 }
-const ll = { class: "swap" }, sl = /* @__PURE__ */ I("svg", {
-  class: "swap-off fill-current h-4 w-4",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-}, [
-  /* @__PURE__ */ I("path", { d: "M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z" })
-], -1), rl = /* @__PURE__ */ I("svg", {
-  class: "swap-on fill-current h-4 w-4",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-}, [
-  /* @__PURE__ */ I("path", {
-    "fill-rule": "evenodd",
-    d: "M4.5 7.5a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3v-9Z",
-    "clip-rule": "evenodd"
-  })
-], -1), il = {
+const Os = {
+  key: 0,
+  src: ws,
+  alt: "Play"
+}, $s = {
+  key: 1,
+  src: Ss,
+  alt: "Stop"
+}, Is = {
   __name: "SpeakBtn",
   props: {
     url: {
@@ -2480,59 +2533,62 @@ const ll = { class: "swap" }, sl = /* @__PURE__ */ I("svg", {
     }
   },
   setup(e) {
-    const o = e, { play: t, stop: n, isPlaying: l } = ol(o.url), r = S(!1);
+    const o = e, { play: t, stop: n, isPlaying: s } = Es(o.url), r = E(!1);
     j(
-      () => l.value,
-      (s) => {
-        r.value = s;
+      () => s.value,
+      (l) => {
+        r.value = l;
       }
     );
     function i() {
-      if (l.value) {
+      if (s.value) {
         n();
         return;
       }
       t();
     }
-    return (s, a) => (P(), V("button", {
+    return (l, a) => (S(), $("button", {
       class: "btn btn-xs btn-ghost btn-circle",
-      onClick: fn(i, ["prevent"])
+      onClick: vn(i, ["prevent"])
     }, [
-      I("label", ll, [
-        Xe(I("input", {
-          "onUpdate:modelValue": a[0] || (a[0] = (u) => r.value = u),
-          type: "checkbox"
-        }, null, 512), [
-          [vn, r.value]
-        ]),
-        sl,
-        rl
-      ])
+      P(s) ? (S(), $("img", $s)) : (S(), $("img", Os))
     ]));
   }
-}, al = {}, ul = /* @__PURE__ */ I("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  "stroke-width": "1.5",
-  stroke: "currentColor",
-  class: "w-5 h-5"
-}, [
-  /* @__PURE__ */ I("path", {
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    d: "m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
-  })
-], -1), cl = [
-  ul
+}, Cs = "/assets/icons/cancel.svg", Ts = {}, Ps = { class: "btn btn-xs btn-circle btn-ghost" }, ks = /* @__PURE__ */ g("img", {
+  src: Cs,
+  alt: "Clear",
+  class: "w-4"
+}, null, -1), Rs = [
+  ks
 ];
-function dl(e, o) {
-  return P(), V("button", {
-    class: "btn btn-xs btn-ghost btn-circle p-0",
-    onClick: o[0] || (o[0] = (...t) => e.onClick && e.onClick(...t))
-  }, cl);
+function Ns(e, o) {
+  return S(), $("button", Ps, Rs);
 }
-const fl = /* @__PURE__ */ ze(al, [["render", dl]]), vl = { class: "flex flex-row rounded-t-lg bg-white border border-b-0 px-1 pr-1 pt-1 gap-1 items-center" }, pl = { class: "text-sm italic" }, hl = { key: 0 }, ml = /* @__PURE__ */ I("div", { class: "flex-grow" }, " ", -1), on = {
+const Ds = /* @__PURE__ */ Ue(Ts, [["render", Ns]]), Ls = "/assets/icons/favorite-filled.svg", Vs = "/assets/icons/favorite.svg", As = { class: "btn btn-xs btn-circle btn-ghost" }, Ms = {
+  key: 0,
+  src: Ls,
+  alt: "Clear",
+  class: "w-4"
+}, js = {
+  key: 1,
+  src: Vs,
+  alt: "Clear",
+  class: "w-4"
+}, Fs = {
+  __name: "FavoriteBtn",
+  props: {
+    isFilled: Boolean
+  },
+  setup(e) {
+    const o = e;
+    return (t, n) => (S(), $("button", As, [
+      o.isFilled ? (S(), $("img", Ms)) : (S(), $("img", js))
+    ]));
+  }
+}, Bs = { class: "flex flex-row rounded-t-lg bg-white border border-b-0 px-1 pr-1 pt-1 gap-1 items-center" }, zs = { class: "text-sm text-gray-600" }, Us = {
+  key: 0,
+  class: "italic"
+}, Hs = /* @__PURE__ */ g("div", { class: "flex-grow" }, null, -1), ln = {
   __name: "TranslationBtnGroup",
   props: {
     loading: {
@@ -2558,163 +2614,182 @@ const fl = /* @__PURE__ */ ze(al, [["render", dl]]), vl = { class: "flex flex-ro
     isClearBtn: {
       type: Boolean,
       default: !1
+    },
+    isFavoriteBtn: {
+      type: Boolean,
+      default: !1
+    },
+    isFavorite: {
+      type: Boolean,
+      default: !1
+    },
+    onFavorite: {
+      type: Function,
+      default: () => {
+      }
     }
   },
-  emits: ["clear"],
+  emits: ["clear", "favorite"],
   setup(e, { emit: o }) {
     const t = e, n = o;
-    return (l, r) => (P(), V("div", vl, [
-      t.tts ? (P(), xe(il, {
+    return (s, r) => (S(), $("div", Bs, [
+      t.tts ? (S(), Z(Is, {
         key: 0,
         url: t.tts
-      }, null, 8, ["url"])) : ue("", !0),
-      I("div", pl, [
-        pn(ne(e.srcLabel) + " ", 1),
-        e.phonetic ? (P(), V("span", hl, "― " + ne(t.phonetic), 1)) : ue("", !0)
+      }, null, 8, ["url"])) : X("", !0),
+      g("div", zs, [
+        hn(ee(e.srcLabel) + " ", 1),
+        e.phonetic ? (S(), $("span", Us, "- [" + ee(t.phonetic) + "]", 1)) : X("", !0)
       ]),
-      ml,
-      t.loading ? (P(), xe(nl, { key: 1 })) : ue("", !0),
-      t.src && t.isClearBtn ? (P(), xe(fl, {
+      Hs,
+      t.loading ? (S(), Z(xs, { key: 1 })) : X("", !0),
+      t.src && t.isClearBtn ? (S(), Z(Ds, {
         key: 2,
         onClick: r[0] || (r[0] = (i) => n("clear"))
-      })) : ue("", !0)
+      })) : X("", !0),
+      t.src && t.isFavoriteBtn ? (S(), Z(Fs, {
+        key: 3,
+        isFilled: t.isFavorite,
+        onClick: r[1] || (r[1] = (i) => n("favorite"))
+      }, null, 8, ["isFilled"])) : X("", !0)
     ]));
   }
-}, ye = lt("translation", () => {
-  const e = S(null), o = S(null), t = S({
+}, me = rt("translation", () => {
+  const e = E(null), o = E(null), t = E({
     src: null,
     target: null
-  }), n = S(null), l = S([]), r = S([]), i = S([]), s = S({
+  }), n = E(null), s = E([]), r = E([]), i = E([]), l = E([]), a = E({
     src: null,
     target: null
-  }), a = st(), u = _(() => a.getLabel(e.value)), v = _(() => a.getLabel(o.value));
-  function c(m) {
-    e.value = m.src, o.value = m.target, t.value = m.phonetic, n.value = m.result, l.value = m.dictionary, r.value = m.definitions, i.value = m.examples, s.value = m.tts;
+  }), u = ze(), p = w(() => u.getLabel(e.value)), c = w(() => u.getLabel(o.value));
+  function h(v) {
+    e.value = v.src, o.value = v.target, t.value = v.phonetic, n.value = v.result, s.value = v.dictionary, r.value = v.definitions, i.value = v.synonyms, l.value = v.examples, a.value = v.tts;
   }
-  function b() {
+  function m() {
     e.value = null, o.value = null, t.value = {
       src: null,
       target: null
-    }, n.value = null, l.value = [], r.value = [], i.value = [], s.value = {
+    }, n.value = null, s.value = [], r.value = [], i.value = [], l.value = [], a.value = {
       src: null,
       target: null
     };
   }
   return {
     src: e,
-    srcLabel: u,
+    srcLabel: p,
     target: o,
-    targetLabel: v,
+    targetLabel: c,
     phonetic: t,
     result: n,
-    dictionary: l,
+    dictionary: s,
     definitions: r,
-    examples: i,
-    tts: s,
-    init: c,
-    reset: b
+    synonyms: i,
+    examples: l,
+    tts: a,
+    init: h,
+    reset: m
   };
 });
-function gl(e) {
-  return Ct() ? (Ye(e), !0) : !1;
+function Ws(e) {
+  return Ct() ? (Ze(e), !0) : !1;
 }
-function Ae(e) {
-  return typeof e == "function" ? e() : R(e);
+function je(e) {
+  return typeof e == "function" ? e() : P(e);
 }
-const bl = typeof window < "u" && typeof document < "u";
+const Gs = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const wt = () => {
+const xt = () => {
 };
-function yl(e, o) {
+function qs(e, o) {
   function t(...n) {
-    return new Promise((l, r) => {
-      Promise.resolve(e(() => o.apply(this, n), { fn: o, thisArg: this, args: n })).then(l).catch(r);
+    return new Promise((s, r) => {
+      Promise.resolve(e(() => o.apply(this, n), { fn: o, thisArg: this, args: n })).then(s).catch(r);
     });
   }
   return t;
 }
-function _l(e, o = {}) {
-  let t, n, l = wt;
-  const r = (s) => {
-    clearTimeout(s), l(), l = wt;
+function Js(e, o = {}) {
+  let t, n, s = xt;
+  const r = (l) => {
+    clearTimeout(l), s(), s = xt;
   };
-  return (s) => {
-    const a = Ae(e), u = Ae(o.maxWait);
-    return t && r(t), a <= 0 || u !== void 0 && u <= 0 ? (n && (r(n), n = null), Promise.resolve(s())) : new Promise((v, c) => {
-      l = o.rejectOnCancel ? c : v, u && !n && (n = setTimeout(() => {
-        t && r(t), n = null, v(s());
+  return (l) => {
+    const a = je(e), u = je(o.maxWait);
+    return t && r(t), a <= 0 || u !== void 0 && u <= 0 ? (n && (r(n), n = null), Promise.resolve(l())) : new Promise((p, c) => {
+      s = o.rejectOnCancel ? c : p, u && !n && (n = setTimeout(() => {
+        t && r(t), n = null, p(l());
       }, u)), t = setTimeout(() => {
-        n && r(n), n = null, v(s());
+        n && r(n), n = null, p(l());
       }, a);
     });
   };
 }
-function wl(e, o = 200, t = {}) {
-  return yl(
-    _l(o, t),
+function Ks(e, o = 200, t = {}) {
+  return qs(
+    Js(o, t),
     e
   );
 }
-function xt(e) {
+function wt(e) {
   var o;
-  const t = Ae(e);
+  const t = je(e);
   return (o = t == null ? void 0 : t.$el) != null ? o : t;
 }
-const xl = bl ? window : void 0;
-function Sl() {
-  const e = S(!1), o = $t();
-  return o && de(() => {
+const Ys = Gs ? window : void 0;
+function Qs() {
+  const e = E(!1), o = It();
+  return o && pe(() => {
     e.value = !0;
   }, o), e;
 }
-function Ol(e) {
-  const o = Sl();
-  return _(() => (o.value, !!e()));
+function Xs(e) {
+  const o = Qs();
+  return w(() => (o.value, !!e()));
 }
-function El(e, o, t = {}) {
-  const { window: n = xl, ...l } = t;
+function Zs(e, o, t = {}) {
+  const { window: n = Ys, ...s } = t;
   let r;
-  const i = Ol(() => n && "ResizeObserver" in n), s = () => {
+  const i = Xs(() => n && "ResizeObserver" in n), l = () => {
     r && (r.disconnect(), r = void 0);
-  }, a = _(() => Array.isArray(e) ? e.map((c) => xt(c)) : [xt(e)]), u = j(
+  }, a = w(() => Array.isArray(e) ? e.map((c) => wt(c)) : [wt(e)]), u = j(
     a,
     (c) => {
-      if (s(), i.value && n) {
+      if (l(), i.value && n) {
         r = new ResizeObserver(o);
-        for (const b of c)
-          b && r.observe(b, l);
+        for (const h of c)
+          h && r.observe(h, s);
       }
     },
     { immediate: !0, flush: "post" }
-  ), v = () => {
-    s(), u();
+  ), p = () => {
+    l(), u();
   };
-  return gl(v), {
+  return Ws(p), {
     isSupported: i,
-    stop: v
+    stop: p
   };
 }
-function ln(e) {
+function rn(e) {
   var o;
-  const t = S(e == null ? void 0 : e.element), n = S(e == null ? void 0 : e.input), l = (o = e == null ? void 0 : e.styleProp) != null ? o : "height", r = S(1);
+  const t = E(e == null ? void 0 : e.element), n = E(e == null ? void 0 : e.input), s = (o = e == null ? void 0 : e.styleProp) != null ? o : "height", r = E(1);
   function i() {
-    var s;
+    var l;
     if (!t.value)
       return;
     let a = "";
-    t.value.style[l] = "1px", r.value = (s = t.value) == null ? void 0 : s.scrollHeight, e != null && e.styleTarget ? Ae(e.styleTarget).style[l] = `${r.value}px` : a = `${r.value}px`, t.value.style[l] = a;
+    t.value.style[s] = "1px", r.value = (l = t.value) == null ? void 0 : l.scrollHeight, e != null && e.styleTarget ? je(e.styleTarget).style[s] = `${r.value}px` : a = `${r.value}px`, t.value.style[s] = a;
   }
-  return j([n, t], () => Q(i), { immediate: !0 }), j(r, () => {
-    var s;
-    return (s = e == null ? void 0 : e.onResize) == null ? void 0 : s.call(e);
-  }), El(t, () => i()), e != null && e.watch && j(e.watch, i, { immediate: !0, deep: !0 }), {
+  return j([n, t], () => te(i), { immediate: !0 }), j(r, () => {
+    var l;
+    return (l = e == null ? void 0 : e.onResize) == null ? void 0 : l.call(e);
+  }), Zs(t, () => i()), e != null && e.watch && j(e.watch, i, { immediate: !0, deep: !0 }), {
     textarea: t,
     input: n,
     triggerResize: i
   };
 }
-const Il = {
-  __name: "Input",
+const el = {
+  __name: "TranslationInput",
   props: {
     text: {
       type: String,
@@ -2723,163 +2798,291 @@ const Il = {
   },
   emits: ["change", "clear"],
   setup(e, { emit: o }) {
-    const t = ye(), l = S(e.text), r = _(() => t.src), i = _(() => t.srcLabel), s = _(() => {
-      var w;
-      return (w = t.phonetic) == null ? void 0 : w.src;
-    }), a = _(() => {
-      var w;
-      return (w = t.tts) == null ? void 0 : w.src;
-    }), { textarea: u } = ln({ input: l, styleProp: "minHeight" }), v = o, c = wl(() => {
-      v("change", l.value);
-    }, Zo.INPUT_DEBOUNCE);
-    function b() {
-      if (!l.value) {
+    const t = me(), n = e, s = E(n.text), r = w(() => t.src), i = w(() => t.srcLabel), l = w(() => {
+      var v;
+      return (v = t.phonetic) == null ? void 0 : v.src;
+    }), a = w(() => {
+      var v;
+      return (v = t.tts) == null ? void 0 : v.src;
+    }), { textarea: u } = rn({ input: s, styleProp: "minHeight" }), p = o, c = Ks(() => {
+      p("change", s.value);
+    }, gs.INPUT_DEBOUNCE);
+    function h() {
+      if (!s.value) {
         m();
         return;
       }
       c();
     }
     function m() {
-      v("clear"), l.value = "", u.value.focus();
+      p("clear"), s.value = "", u.value.focus();
     }
-    return (w, $) => (P(), V(X, null, [
-      H(on, {
+    return j(
+      () => n.text,
+      (v) => {
+        s.value = v;
+      }
+    ), (v, I) => (S(), $(G, null, [
+      z(ln, {
         src: r.value,
         srcLabel: i.value,
         tts: a.value,
-        phonetic: s.value,
+        phonetic: l.value,
         isClearBtn: !0,
         onClear: m
       }, null, 8, ["src", "srcLabel", "tts", "phonetic"]),
-      Xe(I("textarea", {
+      Tt(g("textarea", {
         ref_key: "textarea",
         ref: u,
-        "onUpdate:modelValue": $[0] || ($[0] = (M) => l.value = M),
-        class: "w-full border border-t-0 rounded-b-lg outline-none outline-0 p-3 pt-0",
+        "onUpdate:modelValue": I[0] || (I[0] = (V) => s.value = V),
+        class: "w-full border rounded-b-md border-t-0 outline-none outline-0 px-3 pl-5 bg-white text-gray-800 font-semibold resize-none pb-3",
         autofocus: "",
         rows: "2",
-        onInput: b
+        onInput: h
       }, null, 544), [
         [
-          Tt,
-          l.value,
+          Pt,
+          s.value,
           void 0,
           { trim: !0 }
         ]
       ])
     ], 64));
   }
-}, $l = /* @__PURE__ */ ze(Il, [["__scopeId", "data-v-601b7a18"]]), sn = lt("loader", () => ({ loading: S(!1) })), Cl = {
-  __name: "Result",
+}, tl = /* @__PURE__ */ Ue(el, [["__scopeId", "data-v-ef4399dd"]]), nl = "/assets/icons/google-translate.svg", an = rt("loader", () => ({ loading: E(!1) })), ol = (e) => (mn("data-v-cbd6addc"), e = e(), gn(), e), sl = { class: "flex flex-col" }, ll = /* @__PURE__ */ ol(() => /* @__PURE__ */ g("div", { class: "w-full flex align-item-center justify-end" }, [
+  /* @__PURE__ */ g("span", { class: "text-sm" }, "Powered by Google Translate"),
+  /* @__PURE__ */ g("img", {
+    src: nl,
+    alt: "Google",
+    class: "h-5 ml-2"
+  })
+], -1)), rl = {
+  __name: "TranslationResult",
+  props: {
+    isFavoriteFeatureEnabled: Boolean
+  },
   setup(e) {
-    const o = ye(), t = _(() => o.result), n = _(() => o.target), l = _(() => o.targetLabel), r = _(() => {
-      var v;
-      return (v = o.phonetic) == null ? void 0 : v.target;
-    }), i = _(() => {
-      var v;
-      return (v = o.tts) == null ? void 0 : v.target;
-    }), s = sn(), { textarea: a, input: u } = ln({ input: t, styleProp: "minHeight" });
-    return (v, c) => (P(), V(X, null, [
-      H(on, {
-        loading: R(s).loading,
-        src: n.value,
-        srcLabel: l.value,
-        tts: i.value,
-        phonetic: r.value
-      }, null, 8, ["loading", "src", "srcLabel", "tts", "phonetic"]),
-      Xe(I("textarea", {
-        ref_key: "textarea",
-        ref: a,
-        "onUpdate:modelValue": c[0] || (c[0] = (b) => be(u) ? u.value = b : null),
-        class: "w-full border border-t-0 rounded-b-lg outline-none outline-0 p-3 pt-0",
-        readonly: "",
-        rows: "2",
-        spellcheck: "false"
-      }, null, 512), [
-        [Tt, R(u)]
+    const o = me(), t = E(!1), n = w(() => o.result), s = w(() => o.target), r = w(() => o.targetLabel), i = w(() => {
+      var h;
+      return (h = o.phonetic) == null ? void 0 : h.target;
+    }), l = w(() => {
+      var h;
+      return (h = o.tts) == null ? void 0 : h.target;
+    }), a = e, u = an(), { textarea: p, input: c } = rn({ input: n, styleProp: "minHeight" });
+    return (h, m) => (S(), $(G, null, [
+      z(ln, {
+        loading: P(u).loading,
+        src: s.value,
+        srcLabel: r.value,
+        tts: l.value,
+        isFavoriteBtn: a.isFavoriteFeatureEnabled,
+        isFavorite: t.value,
+        phonetic: i.value,
+        onFavorite: m[0] || (m[0] = (v) => t.value = !t.value)
+      }, null, 8, ["loading", "src", "srcLabel", "tts", "isFavoriteBtn", "isFavorite", "phonetic"]),
+      g("div", sl, [
+        Tt(g("textarea", {
+          ref_key: "textarea",
+          ref: p,
+          "onUpdate:modelValue": m[1] || (m[1] = (v) => xe(c) ? c.value = v : null),
+          class: "w-full border rounded-b-md border-t-0 outline-none outline-0 px-3 pl-5 bg-white text-gray-800 font-semibold resize-none pb-3",
+          readonly: "",
+          rows: "2",
+          spellcheck: "false"
+        }, null, 512), [
+          [Pt, P(c)]
+        ]),
+        ll
       ])
     ], 64));
   }
-}, Tl = /* @__PURE__ */ ze(Cl, [["__scopeId", "data-v-6c3a2370"]]), Pl = { class: "card border bg-white rounded-lg" }, Rl = { class: "card-body p-4" }, kl = /* @__PURE__ */ I("h2", { class: "card-title" }, "Translations", -1), Nl = { class: "capitalize font-bold" }, Vl = { class: "list-none list-inside" }, Dl = ["onClick"], Ll = { class: "italic" }, Ml = {
-  __name: "Dictionary",
+}, il = /* @__PURE__ */ Ue(rl, [["__scopeId", "data-v-cbd6addc"]]), al = { class: "btn btn-sm btn-circle btn-ghost" }, He = {
+  __name: "ToggleBtn",
+  props: {
+    isExpanded: Boolean
+  },
   setup(e) {
-    const o = ye(), t = _(() => o.dictionary);
-    return (n, l) => (P(), V("div", Pl, [
-      I("div", Rl, [
-        kl,
-        I("ul", null, [
-          (P(!0), V(X, null, ge(t.value, (r, i) => (P(), V("li", {
-            key: `${r.pos}-${i}`,
-            class: "mb-3"
-          }, [
-            I("h5", Nl, ne(r.pos), 1),
-            I("ul", Vl, [
-              (P(!0), V(X, null, ge(r.items, (s, a) => (P(), V("li", {
-                key: `${s.word}-${a}`
-              }, [
-                I("span", {
-                  class: "badge badge-neutral text-white cursor-pointer",
-                  onClick: (u) => n.translate(s.word)
-                }, ne(s.word), 9, Dl),
-                I("small", Ll, " ― " + ne(s.reverse_translation.join(", ")), 1)
-              ]))), 128))
-            ])
-          ]))), 128))
-        ])
+    const o = e;
+    return (t, n) => (S(), $("button", al, [
+      o.isExpanded ? (S(), Z(P(Do), {
+        key: 0,
+        class: "w-7 text-gray-400"
+      })) : (S(), Z(P(Ro), {
+        key: 1,
+        class: "w-7 text-gray-400"
+      }))
+    ]));
+  }
+}, ul = { class: "card border bg-white rounded-lg" }, cl = { class: "card-body px-4 py-2 gap-0" }, dl = { class: "flex justify-between items-center" }, fl = /* @__PURE__ */ g("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Translations", -1), pl = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, vl = { class: "list-none list-inside" }, hl = ["onClick"], ml = { class: "text-base font-normal text-gray-800 leading-4" }, gl = {
+  __name: "Dictionary",
+  emits: ["translate"],
+  setup(e, { emit: o }) {
+    const t = E(!0), n = me(), s = ze(), r = w(() => n.dictionary), i = o, l = () => {
+      t.value = !t.value;
+    }, a = (u) => {
+      const p = n.src, c = n.target;
+      s.src = c, s.target = p, i("translate", u);
+    };
+    return (u, p) => (S(), $("div", ul, [
+      g("div", cl, [
+        g("div", dl, [
+          fl,
+          z(He, {
+            isExpanded: t.value,
+            onClick: l
+          }, null, 8, ["isExpanded"])
+        ]),
+        g("div", {
+          class: ye(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+        }, [
+          g("ul", null, [
+            (S(!0), $(G, null, le(r.value, (c, h) => (S(), $("li", {
+              key: `${c.pos}-${h}`,
+              class: "mb-2"
+            }, [
+              g("h5", pl, ee(c.pos), 1),
+              g("ul", vl, [
+                (S(!0), $(G, null, le(c.items, (m, v) => (S(), $("li", {
+                  key: `${m.word}-${v}`
+                }, [
+                  g("span", {
+                    class: "p-3 m-0.5 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded-lg",
+                    onClick: (I) => a(m.word)
+                  }, ee(m.word), 9, hl),
+                  g("small", ml, " - " + ee(m.reverse_translation.join(", ")), 1)
+                ]))), 128))
+              ])
+            ]))), 128))
+          ])
+        ], 2)
       ])
     ]));
   }
-}, Al = { class: "card border bg-white rounded-lg" }, jl = { class: "card-body p-4" }, Fl = /* @__PURE__ */ I("h2", { class: "card-title font-bold" }, "Definitions", -1), zl = { class: "capitalize font-bold mb-0" }, Bl = { class: "list-decimal list-outside ml-5" }, Ul = /* @__PURE__ */ I("br", null, null, -1), Hl = {
+}, bl = { class: "card border bg-white rounded-lg" }, _l = { class: "card-body px-4 py-2 gap-0" }, yl = { class: "flex justify-between items-center" }, xl = /* @__PURE__ */ g("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Definitions", -1), wl = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, Sl = { class: "text-base text-textCustom list-decimal list-outside ml-5" }, El = /* @__PURE__ */ g("br", null, null, -1), Ol = {
   key: 0,
   class: "italic"
-}, Wl = {
+}, $l = {
   __name: "Definition",
   setup(e) {
-    const o = ye(), t = _(() => o.definitions);
-    return (n, l) => (P(), V("div", Al, [
-      I("div", jl, [
-        Fl,
-        I("ul", null, [
-          (P(!0), V(X, null, ge(t.value, (r, i) => (P(), V("li", {
-            key: `${r.pos}-${i}`,
-            class: "mb-3"
-          }, [
-            I("h5", zl, ne(r.pos), 1),
-            I("ul", Bl, [
-              (P(!0), V(X, null, ge(r.items, (s, a) => (P(), V("li", {
-                key: `${s.gloss}-${a}`,
-                class: "mb-1"
-              }, [
-                I("span", null, ne(s.gloss), 1),
-                Ul,
-                s.example ? (P(), V("small", Hl, '"' + ne(s.example) + '"', 1)) : ue("", !0)
-              ]))), 128))
-            ])
-          ]))), 128))
-        ])
+    const o = E(!0), t = me(), n = w(() => t.definitions), s = () => {
+      o.value = !o.value;
+    };
+    return (r, i) => (S(), $("div", bl, [
+      g("div", _l, [
+        g("div", yl, [
+          xl,
+          z(He, {
+            isExpanded: o.value,
+            onClick: s
+          }, null, 8, ["isExpanded"])
+        ]),
+        g("div", {
+          class: ye(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+        }, [
+          g("ul", null, [
+            (S(!0), $(G, null, le(n.value, (l, a) => (S(), $("li", {
+              key: `${l.pos}-${a}`,
+              class: "mb-2"
+            }, [
+              g("h5", wl, ee(l.pos), 1),
+              g("ul", Sl, [
+                (S(!0), $(G, null, le(l.items, (u, p) => (S(), $("li", {
+                  key: `${u.gloss}-${p}`,
+                  class: "mb-1"
+                }, [
+                  g("span", null, ee(u.gloss), 1),
+                  El,
+                  u.example ? (S(), $("small", Ol, '"' + ee(u.example) + '"', 1)) : X("", !0)
+                ]))), 128))
+              ])
+            ]))), 128))
+          ])
+        ], 2)
       ])
     ]));
   }
-}, Gl = { class: "card border bg-white rounded-lg" }, ql = { class: "card-body p-4" }, Jl = /* @__PURE__ */ I("h2", { class: "card-title font-bold" }, "Examples", -1), Kl = { class: "list-disc list-outside ml-5" }, Yl = ["innerHTML"], Ql = {
+}, Il = { class: "card border bg-white rounded-lg" }, Cl = { class: "card-body px-4 py-2 gap-0" }, Tl = { class: "flex justify-between items-center" }, Pl = /* @__PURE__ */ g("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Examples", -1), kl = { class: "text-textCustom list-decimal list-outside ml-7 mt-2" }, Rl = ["innerHTML"], Nl = {
   __name: "Example",
   setup(e) {
-    const o = ye(), t = _(() => o.examples);
-    return (n, l) => (P(), V("div", Gl, [
-      I("div", ql, [
-        Jl,
-        I("ul", Kl, [
-          (P(!0), V(X, null, ge(t.value, (r, i) => (P(), V("li", {
-            key: `${r.definition_id}-${i}`,
-            innerHTML: r
-          }, null, 8, Yl))), 128))
-        ])
+    const o = E(!0), t = me(), n = w(() => t.examples), s = () => {
+      o.value = !o.value;
+    };
+    return (r, i) => (S(), $("div", Il, [
+      g("div", Cl, [
+        g("div", Tl, [
+          Pl,
+          z(He, {
+            isExpanded: o.value,
+            onClick: s
+          }, null, 8, ["isExpanded"])
+        ]),
+        g("div", {
+          class: ye(["overflow-hidden transition-all duration-300 ease-in-out", o.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
+        }, [
+          g("ul", kl, [
+            (S(!0), $(G, null, le(n.value, (l, a) => (S(), $("li", {
+              key: `${l.definition_id}-${a}`,
+              innerHTML: l
+            }, null, 8, Rl))), 128))
+          ])
+        ], 2)
+      ])
+    ]));
+  }
+}, Dl = { class: "card border bg-white rounded-lg" }, Ll = { class: "card-body px-4 py-2 gap-0" }, Vl = { class: "flex justify-between items-center" }, Al = /* @__PURE__ */ g("h2", { class: "card-title text-base font-bold leading-6 text-textCustom" }, "Synonyms", -1), Ml = { class: "capitalize text-base font-normal text-textSecondary mb-1" }, jl = { class: "list-none list-inside" }, Fl = { class: "flex flex-wrap" }, Bl = ["onClick"], zl = {
+  __name: "Synonyms",
+  emits: ["translate"],
+  setup(e, { emit: o }) {
+    const t = E(!0), n = me(), s = w(() => n.synonyms), r = o, i = () => {
+      t.value = !t.value;
+    }, l = (a) => {
+      r("translate", a);
+    };
+    return (a, u) => (S(), $("div", Dl, [
+      g("div", Ll, [
+        g("div", Vl, [
+          Al,
+          z(He, {
+            isExpanded: t.value,
+            onClick: i
+          }, null, 8, ["isExpanded"])
+        ]),
+        g("div", {
+          class: ye(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+        }, [
+          g("ul", null, [
+            (S(!0), $(G, null, le(s.value, (p, c) => (S(), $("li", {
+              key: `${p.pos}-${c}`,
+              class: "mb-2"
+            }, [
+              g("h5", Ml, ee(p.pos), 1),
+              g("ul", jl, [
+                (S(!0), $(G, null, le(p.items, (h, m) => (S(), $("li", {
+                  key: `${h.word}-${m}`,
+                  class: "mb-2"
+                }, [
+                  g("div", Fl, [
+                    (S(!0), $(G, null, le(h.synonym, (v, I) => (S(), $("span", {
+                      key: `${v}-${I}`,
+                      class: "p-3 m-0.5 ml-0 font-normal badge badge-ghost bg-primaryColor text-white cursor-pointer border-0 rounded-lg",
+                      onClick: (V) => l(v)
+                    }, ee(v), 9, Bl))), 128))
+                  ])
+                ]))), 128))
+              ])
+            ]))), 128))
+          ])
+        ], 2)
       ])
     ]));
   }
-}, Zl = { class: "p-2 bg-neutral-100" }, Xl = { class: "mt-2 grid grid-cols-1 md:grid-cols-2 gap-3" }, es = { class: "w-full" }, ts = { class: "w-full" }, ns = {
+}, Ul = { class: "bg-white min-h-screen flex flex-col" }, Hl = { class: "py-2 px-5 shadow-lg" }, Wl = { class: "px-5 flex-grow" }, Gl = { class: "flex flex-col lg:flex-row lg:gap-2" }, ql = { class: "w-full lg:w-[calc(50%-1rem)] my-2" }, Jl = /* @__PURE__ */ g("div", { class: "w-6 h-4 mx-auto hidden lg:block" }, null, -1), Kl = { class: "w-full lg:w-[calc(50%-1rem)] my-2" }, Yl = { class: "grid grid-cols-1 lg:grid-cols-3 gap-4" }, Ql = {
   key: 0,
-  class: "mt-3 grid grid-cols-1 md:grid-cols-3 gap-3"
-}, ss = {
+  class: "w-full my-4"
+}, Xl = /* @__PURE__ */ g("div", { class: "mt-auto py-5 px-5" }, [
+  /* @__PURE__ */ g("span", { class: "block text-center text-gray-700" }, " The site is not affiliated with Google Translate "),
+  /* @__PURE__ */ g("span", { class: "block text-center text-gray-700" }, "Since 2011")
+], -1), tr = {
   __name: "Popup",
   props: {
     opt: {
@@ -2893,60 +3096,84 @@ const Il = {
     translation: {
       type: Object,
       default: null
+    },
+    isFavoriteFeatureEnabled: {
+      type: Boolean,
+      default: !1
     }
   },
-  emits: ["opt", "translate"],
+  emits: ["opt", "translate", "reader", "settings", "fullscreen"],
   setup(e, { emit: o }) {
-    var b;
-    const t = Go(), n = ye(t), l = st(t), r = sn(t), i = e, s = o, a = S((b = i.translation) == null ? void 0 : b.text);
+    var h;
+    const t = ds(), n = me(t), s = ze(t), r = an(t), i = e, l = o, a = E((h = i.translation) == null ? void 0 : h.text);
     j(
       () => i.translation,
       (m) => {
         r.loading = !1, n.init(m);
       },
       { immediate: !0 }
-    ), j([() => i.opt, () => i.languages], ([m, w]) => {
-      l.init(m, w);
-    }), j([() => l.src, () => l.target], ([m, w]) => {
-      s("opt", { src: m, target: w }), a.value && c();
-    }), de(() => {
-      l.init(i.opt, i.languages);
+    ), j([() => i.opt, () => i.languages], ([m, v]) => {
+      s.init(m, v);
+    }), j([() => s.src, () => s.target], ([m, v]) => {
+      l("opt", { src: m, target: v }), a.value && c(a.value);
+    }), pe(() => {
+      s.init(i.opt, i.languages);
     });
     function u() {
       a.value = "", n.reset();
     }
-    function v(m) {
-      m && (a.value = m, c());
+    function p(m) {
+      m && c(m);
     }
-    function c() {
-      r.loading = !0, s("translate", {
-        src: l.src,
-        target: l.target,
-        text: a.value
+    function c(m) {
+      a.value = m, r.loading = !0, l("translate", {
+        src: s.src,
+        target: s.target,
+        text: m
       });
     }
-    return (m, w) => (P(), V("div", Zl, [
-      H(Qo),
-      I("div", Xl, [
-        I("div", es, [
-          H($l, {
-            text: a.value,
-            onChange: v,
-            onClear: u
-          }, null, 8, ["text"])
+    return (m, v) => (S(), $("div", Ul, [
+      g("div", Hl, [
+        z(kn, {
+          onReader: v[0] || (v[0] = (I) => l("reader")),
+          onSettings: v[1] || (v[1] = (I) => l("settings")),
+          onFullScreen: v[2] || (v[2] = (I) => l("fullscreen"))
+        })
+      ]),
+      g("div", Wl, [
+        z(ms, { class: "my-4" }),
+        g("div", Gl, [
+          g("div", ql, [
+            z(tl, {
+              text: a.value,
+              onChange: p,
+              onClear: u
+            }, null, 8, ["text"])
+          ]),
+          Jl,
+          g("div", Kl, [
+            z(il, { isFavoriteFeatureEnabled: e.isFavoriteFeatureEnabled }, null, 8, ["isFavoriteFeatureEnabled"])
+          ])
+        ]),
+        g("div", Yl, [
+          P(n).dictionary.length ? (S(), Z(gl, {
+            key: 0,
+            onTranslate: c
+          })) : X("", !0),
+          P(n).definitions.length ? (S(), Z($l, { key: 1 })) : X("", !0),
+          P(n).synonyms.length ? (S(), Z(zl, {
+            key: 2,
+            onTranslate: c
+          })) : X("", !0)
         ]),
-        I("div", ts, [
-          H(Tl)
-        ])
+        P(n).examples.length ? (S(), $("div", Ql, [
+          z(Nl)
+        ])) : X("", !0)
       ]),
-      i.translation ? (P(), V("div", ns, [
-        H(Ml),
-        H(Wl),
-        H(Ql)
-      ])) : ue("", !0)
+      Xl
     ]));
   }
 };
 export {
-  ss as default
+  tr as default
 };