@ddict/bubble 1.2.10 → 1.3.1

package/dist/bubble.es.js

@@ -1,54 +1,54 @@
-import { computed as Q, ref as T, shallowRef as a0, watch as A2, getCurrentScope as r0, onScopeDispose as c0, shallowReadonly as o2, unref as O, openBlock as x, createElementBlock as I, pushScopeId as d0, popScopeId as u0, createElementVNode as E, toDisplayString as w2, Fragment as b2, renderList as S2, createCommentVNode as U, onUnmounted as M2, normalizeClass as k, createBlock as H, createVNode as _, onMounted as j2, nextTick as J2, normalizeStyle as y2 } from "vue";
-const f0 = "data:image/svg+xml,%3csvg%20width='14'%20height='9'%20viewBox='0%200%2014%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.36153%201.34067C6.15774%200.203232%207.84226%200.203229%208.63846%201.34066L14%209H0L5.36153%201.34067Z'%20fill='white'%20stroke-width='0.5'/%3e%3c/svg%3e", Y = Math.min, S = Math.max, p2 = Math.round, m2 = Math.floor, P = (e) => ({
+import { computed as R, ref as B, shallowRef as ct, watch as te, getCurrentScope as dt, onScopeDispose as ut, shallowReadonly as ee, unref as ge, createElementBlock as b, openBlock as p, createStaticVNode as Ae, createElementVNode as y, createVNode as Z, toDisplayString as ce, Fragment as ue, renderList as we, createCommentVNode as M, onUnmounted as $e, normalizeClass as A, createBlock as I, createTextVNode as ft, normalizeStyle as Xe, onMounted as qe, nextTick as _e } from "vue";
+const z = Math.min, $ = Math.max, pe = Math.round, Ce = Math.floor, U = (e) => ({
   x: e,
   y: e
-}), A0 = {
+}), mt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, g0 = {
+}, ht = {
   start: "end",
   end: "start"
 };
-function L2(e, t, n) {
-  return S(e, Y(t, n));
+function De(e, t, n) {
+  return $(e, z(t, n));
 }
-function c2(e, t) {
+function fe(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function z(e) {
+function j(e) {
   return e.split("-")[0];
 }
-function d2(e) {
+function me(e) {
   return e.split("-")[1];
 }
-function P2(e) {
+function Ye(e) {
   return e === "x" ? "y" : "x";
 }
-function k2(e) {
+function Je(e) {
   return e === "y" ? "height" : "width";
 }
-function e2(e) {
-  return ["top", "bottom"].includes(z(e)) ? "y" : "x";
+function X(e) {
+  return ["top", "bottom"].includes(j(e)) ? "y" : "x";
 }
-function D2(e) {
-  return P2(e2(e));
+function Qe(e) {
+  return Ye(X(e));
 }
-function C0(e, t, n) {
+function Ct(e, t, n) {
   n === void 0 && (n = !1);
-  const i = d2(e), o = D2(e), s = k2(o);
+  const i = me(e), o = Qe(e), s = Je(o);
   let l = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[s] > t.floating[s] && (l = v2(l)), [l, v2(l)];
+  return t.reference[s] > t.floating[s] && (l = ve(l)), [l, ve(l)];
 }
-function h0(e) {
-  const t = v2(e);
-  return [Q2(e), t, Q2(t)];
+function gt(e) {
+  const t = ve(e);
+  return [Se(e), t, Se(t)];
 }
-function Q2(e) {
-  return e.replace(/start|end/g, (t) => g0[t]);
+function Se(e) {
+  return e.replace(/start|end/g, (t) => ht[t]);
 }
-function m0(e, t, n) {
+function pt(e, t, n) {
   const i = ["left", "right"], o = ["right", "left"], s = ["top", "bottom"], l = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -61,15 +61,15 @@ function m0(e, t, n) {
       return [];
   }
 }
-function w0(e, t, n, i) {
-  const o = d2(e);
-  let s = m0(z(e), n === "start", i);
-  return o && (s = s.map((l) => l + "-" + o), t && (s = s.concat(s.map(Q2)))), s;
+function vt(e, t, n, i) {
+  const o = me(e);
+  let s = pt(j(e), n === "start", i);
+  return o && (s = s.map((l) => l + "-" + o), t && (s = s.concat(s.map(Se)))), s;
 }
-function v2(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => A0[t]);
+function ve(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => mt[t]);
 }
-function p0(e) {
+function bt(e) {
   return {
     top: 0,
     right: 0,
@@ -78,15 +78,15 @@ function p0(e) {
     ...e
   };
 }
-function z2(e) {
-  return typeof e != "number" ? p0(e) : {
+function wt(e) {
+  return typeof e != "number" ? bt(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function x2(e) {
+function be(e) {
   const {
     x: t,
     y: n,
@@ -104,85 +104,85 @@ function x2(e) {
     y: n
   };
 }
-function U2(e, t, n) {
+function Ve(e, t, n) {
   let {
     reference: i,
     floating: o
   } = e;
-  const s = e2(t), l = D2(t), r = k2(l), a = z(t), c = s === "y", d = i.x + i.width / 2 - o.width / 2, f = i.y + i.height / 2 - o.height / 2, C = i[r] / 2 - o[r] / 2;
-  let u;
-  switch (a) {
+  const s = X(t), l = Qe(t), a = Je(l), r = j(t), c = s === "y", d = i.x + i.width / 2 - o.width / 2, u = i.y + i.height / 2 - o.height / 2, g = i[a] / 2 - o[a] / 2;
+  let f;
+  switch (r) {
     case "top":
-      u = {
+      f = {
         x: d,
         y: i.y - o.height
       };
       break;
     case "bottom":
-      u = {
+      f = {
         x: d,
         y: i.y + i.height
       };
       break;
     case "right":
-      u = {
+      f = {
         x: i.x + i.width,
-        y: f
+        y: u
       };
       break;
     case "left":
-      u = {
+      f = {
         x: i.x - o.width,
-        y: f
+        y: u
       };
       break;
     default:
-      u = {
+      f = {
         x: i.x,
         y: i.y
       };
   }
-  switch (d2(t)) {
+  switch (me(t)) {
     case "start":
-      u[l] -= C * (n && c ? -1 : 1);
+      f[l] -= g * (n && c ? -1 : 1);
       break;
     case "end":
-      u[l] += C * (n && c ? -1 : 1);
+      f[l] += g * (n && c ? -1 : 1);
       break;
   }
-  return u;
+  return f;
 }
-const v0 = async (e, t, n) => {
+const xt = async (e, t, n) => {
   const {
     placement: i = "bottom",
     strategy: o = "absolute",
     middleware: s = [],
     platform: l
-  } = n, r = s.filter(Boolean), a = await (l.isRTL == null ? void 0 : l.isRTL(t));
+  } = n, a = s.filter(Boolean), r = await (l.isRTL == null ? void 0 : l.isRTL(t));
   let c = await l.getElementRects({
     reference: e,
     floating: t,
     strategy: o
   }), {
     x: d,
-    y: f
-  } = U2(c, i, a), C = i, u = {}, A = 0;
-  for (let m = 0; m < r.length; m++) {
+    y: u
+  } = Ve(c, i, r), g = i, f = {}, h = 0;
+  for (let v = 0; v < a.length; v++) {
     const {
       name: w,
-      fn: p
-    } = r[m], {
-      x: v,
-      y: b,
-      data: h,
-      reset: g
-    } = await p({
+      fn: x
+    } = a[v], {
+      x: m,
+      y: C,
+      data: L,
+      reset: T
+    } = await x({
       x: d,
-      y: f,
+      y: u,
       initialPlacement: i,
-      placement: C,
+      placement: g,
       strategy: o,
-      middlewareData: u,
+      middlewareData: f,
       rects: c,
       platform: l,
       elements: {
@@ -190,30 +190,30 @@ const v0 = async (e, t, n) => {
         floating: t
       }
     });
-    d = v ?? d, f = b ?? f, u = {
-      ...u,
+    d = m ?? d, u = C ?? u, f = {
+      ...f,
       [w]: {
-        ...u[w],
-        ...h
+        ...f[w],
+        ...L
       }
-    }, g && A <= 50 && (A++, typeof g == "object" && (g.placement && (C = g.placement), g.rects && (c = g.rects === !0 ? await l.getElementRects({
+    }, T && h <= 50 && (h++, typeof T == "object" && (T.placement && (g = T.placement), T.rects && (c = T.rects === !0 ? await l.getElementRects({
       reference: e,
       floating: t,
       strategy: o
-    }) : g.rects), {
+    }) : T.rects), {
       x: d,
-      y: f
-    } = U2(c, C, a)), m = -1);
+      y: u
+    } = Ve(c, g, r)), v = -1);
   }
   return {
     x: d,
-    y: f,
-    placement: C,
+    y: u,
+    placement: g,
     strategy: o,
-    middlewareData: u
+    middlewareData: f
   };
 };
-async function R2(e, t) {
+async function Ee(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -221,81 +221,44 @@ async function R2(e, t) {
     y: o,
     platform: s,
     rects: l,
-    elements: r,
-    strategy: a
+    elements: a,
+    strategy: r
   } = e, {
     boundary: c = "clippingAncestors",
     rootBoundary: d = "viewport",
-    elementContext: f = "floating",
-    altBoundary: C = !1,
-    padding: u = 0
-  } = c2(t, e), A = z2(u), w = r[C ? f === "floating" ? "reference" : "floating" : f], p = x2(await s.getClippingRect({
-    element: (n = await (s.isElement == null ? void 0 : s.isElement(w))) == null || n ? w : w.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(r.floating)),
+    elementContext: u = "floating",
+    altBoundary: g = !1,
+    padding: f = 0
+  } = fe(t, e), h = wt(f), w = a[g ? u === "floating" ? "reference" : "floating" : u], x = be(await s.getClippingRect({
+    element: (n = await (s.isElement == null ? void 0 : s.isElement(w))) == null || n ? w : w.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: d,
-    strategy: a
-  })), v = f === "floating" ? {
+    strategy: r
+  })), m = u === "floating" ? {
     x: i,
     y: o,
     width: l.floating.width,
     height: l.floating.height
-  } : l.reference, b = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(r.floating)), h = await (s.isElement == null ? void 0 : s.isElement(b)) ? await (s.getScale == null ? void 0 : s.getScale(b)) || {
+  } : l.reference, C = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), L = await (s.isElement == null ? void 0 : s.isElement(C)) ? await (s.getScale == null ? void 0 : s.getScale(C)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, g = x2(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: r,
-    rect: v,
-    offsetParent: b,
-    strategy: a
-  }) : v);
+  }, T = be(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: a,
+    rect: m,
+    offsetParent: C,
+    strategy: r
+  }) : m);
   return {
-    top: (p.top - g.top + A.top) / h.y,
-    bottom: (g.bottom - p.bottom + A.bottom) / h.y,
-    left: (p.left - g.left + A.left) / h.x,
-    right: (g.right - p.right + A.right) / h.x
+    top: (x.top - T.top + h.top) / L.y,
+    bottom: (T.bottom - x.bottom + h.bottom) / L.y,
+    left: (x.left - T.left + h.left) / L.x,
+    right: (T.right - x.right + h.right) / L.x
   };
 }
-const x0 = (e) => ({
-  name: "arrow",
-  options: e,
-  async fn(t) {
-    const {
-      x: n,
-      y: i,
-      placement: o,
-      rects: s,
-      platform: l,
-      elements: r,
-      middlewareData: a
-    } = t, {
-      element: c,
-      padding: d = 0
-    } = c2(e, t) || {};
-    if (c == null)
-      return {};
-    const f = z2(d), C = {
-      x: n,
-      y: i
-    }, u = D2(o), A = k2(u), m = await l.getDimensions(c), w = u === "y", p = w ? "top" : "left", v = w ? "bottom" : "right", b = w ? "clientHeight" : "clientWidth", h = s.reference[A] + s.reference[u] - C[u] - s.floating[A], g = C[u] - s.reference[u], y = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
-    let B = y ? y[b] : 0;
-    (!B || !await (l.isElement == null ? void 0 : l.isElement(y))) && (B = r.floating[b] || s.floating[A]);
-    const D = h / 2 - g / 2, F = B / 2 - m[A] / 2 - 1, R = Y(f[p], F), Z = Y(f[v], F), X = R, u2 = B - m[A] - Z, L = B / 2 - m[A] / 2 + D, i2 = L2(X, L, u2), W = !a.arrow && d2(o) != null && L !== i2 && s.reference[A] / 2 - (L < X ? R : Z) - m[A] / 2 < 0, J = W ? L < X ? L - X : L - u2 : 0;
-    return {
-      [u]: C[u] + J,
-      data: {
-        [u]: i2,
-        centerOffset: L - i2 - J,
-        ...W && {
-          alignmentOffset: J
-        }
-      },
-      reset: W
-    };
-  }
-}), b0 = function(e) {
+const yt = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -305,69 +268,69 @@ const x0 = (e) => ({
         placement: o,
         middlewareData: s,
         rects: l,
-        initialPlacement: r,
-        platform: a,
+        initialPlacement: a,
+        platform: r,
         elements: c
       } = t, {
         mainAxis: d = !0,
-        crossAxis: f = !0,
-        fallbackPlacements: C,
-        fallbackStrategy: u = "bestFit",
-        fallbackAxisSideDirection: A = "none",
-        flipAlignment: m = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: g,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: h = "none",
+        flipAlignment: v = !0,
         ...w
-      } = c2(e, t);
+      } = fe(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const p = z(o), v = e2(r), b = z(r) === r, h = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), g = C || (b || !m ? [v2(r)] : h0(r)), y = A !== "none";
-      !C && y && g.push(...w0(r, m, A, h));
-      const B = [r, ...g], D = await R2(t, w), F = [];
-      let R = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (d && F.push(D[p]), f) {
-        const L = C0(o, l, h);
-        F.push(D[L[0]], D[L[1]]);
+      const x = j(o), m = X(a), C = j(a) === a, L = await (r.isRTL == null ? void 0 : r.isRTL(c.floating)), T = g || (C || !v ? [ve(a)] : gt(a)), k = h !== "none";
+      !g && k && T.push(...vt(a, v, h, L));
+      const S = [a, ...T], V = await Ee(t, w), O = [];
+      let P = ((i = s.flip) == null ? void 0 : i.overflows) || [];
+      if (d && O.push(V[x]), u) {
+        const G = Ct(o, l, L);
+        O.push(V[G[0]], V[G[1]]);
       }
-      if (R = [...R, {
+      if (P = [...P, {
         placement: o,
-        overflows: F
-      }], !F.every((L) => L <= 0)) {
-        var Z, X;
-        const L = (((Z = s.flip) == null ? void 0 : Z.index) || 0) + 1, i2 = B[L];
-        if (i2)
+        overflows: O
+      }], !O.every((G) => G <= 0)) {
+        var oe, Me;
+        const G = (((oe = s.flip) == null ? void 0 : oe.index) || 0) + 1, Oe = S[G];
+        if (Oe)
           return {
             data: {
-              index: L,
-              overflows: R
+              index: G,
+              overflows: P
             },
             reset: {
-              placement: i2
+              placement: Oe
             }
           };
-        let W = (X = R.filter((J) => J.overflows[0] <= 0).sort((J, q) => J.overflows[1] - q.overflows[1])[0]) == null ? void 0 : X.placement;
-        if (!W)
-          switch (u) {
+        let se = (Me = P.filter((Q) => Q.overflows[0] <= 0).sort((Q, H) => Q.overflows[1] - H.overflows[1])[0]) == null ? void 0 : Me.placement;
+        if (!se)
+          switch (f) {
             case "bestFit": {
-              var u2;
-              const J = (u2 = R.filter((q) => {
-                if (y) {
-                  const j = e2(q.placement);
-                  return j === v || // Create a bias to the `y` side axis due to horizontal
+              var Fe;
+              const Q = (Fe = P.filter((H) => {
+                if (k) {
+                  const W = X(H.placement);
+                  return W === m || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  j === "y";
+                  W === "y";
                 }
                 return !0;
-              }).map((q) => [q.placement, q.overflows.filter((j) => j > 0).reduce((j, l0) => j + l0, 0)]).sort((q, j) => q[1] - j[1])[0]) == null ? void 0 : u2[0];
-              J && (W = J);
+              }).map((H) => [H.placement, H.overflows.filter((W) => W > 0).reduce((W, at) => W + at, 0)]).sort((H, W) => H[1] - W[1])[0]) == null ? void 0 : Fe[0];
+              Q && (se = Q);
               break;
             }
             case "initialPlacement":
-              W = r;
+              se = a;
               break;
           }
-        if (o !== W)
+        if (o !== se)
           return {
             reset: {
-              placement: W
+              placement: se
             }
           };
       }
@@ -375,35 +338,35 @@ const x0 = (e) => ({
     }
   };
 };
-async function B0(e, t) {
+async function Lt(e, t) {
   const {
     placement: n,
     platform: i,
     elements: o
-  } = e, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), l = z(n), r = d2(n), a = e2(n) === "y", c = ["left", "top"].includes(l) ? -1 : 1, d = s && a ? -1 : 1, f = c2(t, e);
+  } = e, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), l = j(n), a = me(n), r = X(n) === "y", c = ["left", "top"].includes(l) ? -1 : 1, d = s && r ? -1 : 1, u = fe(t, e);
   let {
-    mainAxis: C,
-    crossAxis: u,
-    alignmentAxis: A
-  } = typeof f == "number" ? {
-    mainAxis: f,
+    mainAxis: g,
+    crossAxis: f,
+    alignmentAxis: h
+  } = typeof u == "number" ? {
+    mainAxis: u,
     crossAxis: 0,
     alignmentAxis: null
   } : {
     mainAxis: 0,
     crossAxis: 0,
     alignmentAxis: null,
-    ...f
+    ...u
   };
-  return r && typeof A == "number" && (u = r === "end" ? A * -1 : A), a ? {
-    x: u * d,
-    y: C * c
+  return a && typeof h == "number" && (f = a === "end" ? h * -1 : h), r ? {
+    x: f * d,
+    y: g * c
   } : {
-    x: C * c,
-    y: u * d
+    x: g * c,
+    y: f * d
   };
 }
-const I0 = function(e) {
+const Tt = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -413,19 +376,19 @@ const I0 = function(e) {
         x: o,
         y: s,
         placement: l,
-        middlewareData: r
-      } = t, a = await B0(t, e);
-      return l === ((n = r.offset) == null ? void 0 : n.placement) && (i = r.arrow) != null && i.alignmentOffset ? {} : {
-        x: o + a.x,
-        y: s + a.y,
+        middlewareData: a
+      } = t, r = await Lt(t, e);
+      return l === ((n = a.offset) == null ? void 0 : n.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
+        x: o + r.x,
+        y: s + r.y,
         data: {
-          ...a,
+          ...r,
           placement: l
         }
       };
     }
   };
-}, y0 = function(e) {
+}, St = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -437,47 +400,47 @@ const I0 = function(e) {
       } = t, {
         mainAxis: s = !0,
         crossAxis: l = !1,
-        limiter: r = {
+        limiter: a = {
           fn: (w) => {
             let {
-              x: p,
-              y: v
+              x,
+              y: m
             } = w;
             return {
-              x: p,
-              y: v
+              x,
+              y: m
             };
           }
         },
-        ...a
-      } = c2(e, t), c = {
+        ...r
+      } = fe(e, t), c = {
         x: n,
         y: i
-      }, d = await R2(t, a), f = e2(z(o)), C = P2(f);
-      let u = c[C], A = c[f];
+      }, d = await Ee(t, r), u = X(j(o)), g = Ye(u);
+      let f = c[g], h = c[u];
       if (s) {
-        const w = C === "y" ? "top" : "left", p = C === "y" ? "bottom" : "right", v = u + d[w], b = u - d[p];
-        u = L2(v, u, b);
+        const w = g === "y" ? "top" : "left", x = g === "y" ? "bottom" : "right", m = f + d[w], C = f - d[x];
+        f = De(m, f, C);
       }
       if (l) {
-        const w = f === "y" ? "top" : "left", p = f === "y" ? "bottom" : "right", v = A + d[w], b = A - d[p];
-        A = L2(v, A, b);
+        const w = u === "y" ? "top" : "left", x = u === "y" ? "bottom" : "right", m = h + d[w], C = h - d[x];
+        h = De(m, h, C);
       }
-      const m = r.fn({
+      const v = a.fn({
         ...t,
-        [C]: u,
-        [f]: A
+        [g]: f,
+        [u]: h
       });
       return {
-        ...m,
+        ...v,
         data: {
-          x: m.x - n,
-          y: m.y - i
+          x: v.x - n,
+          y: v.y - i
         }
       };
     }
   };
-}, E0 = function(e) {
+}, At = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -490,26 +453,26 @@ const I0 = function(e) {
       } = t, {
         apply: l = () => {
         },
-        ...r
-      } = c2(e, t), a = await R2(t, r), c = z(n), d = d2(n), f = e2(n) === "y", {
-        width: C,
-        height: u
+        ...a
+      } = fe(e, t), r = await Ee(t, a), c = j(n), d = me(n), u = X(n) === "y", {
+        width: g,
+        height: f
       } = i.floating;
-      let A, m;
-      c === "top" || c === "bottom" ? (A = c, m = d === (await (o.isRTL == null ? void 0 : o.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (m = c, A = d === "end" ? "top" : "bottom");
-      const w = u - a.top - a.bottom, p = C - a.left - a.right, v = Y(u - a[A], w), b = Y(C - a[m], p), h = !t.middlewareData.shift;
-      let g = v, y = b;
-      if (f ? y = d || h ? Y(b, p) : p : g = d || h ? Y(v, w) : w, h && !d) {
-        const D = S(a.left, 0), F = S(a.right, 0), R = S(a.top, 0), Z = S(a.bottom, 0);
-        f ? y = C - 2 * (D !== 0 || F !== 0 ? D + F : S(a.left, a.right)) : g = u - 2 * (R !== 0 || Z !== 0 ? R + Z : S(a.top, a.bottom));
+      let h, v;
+      c === "top" || c === "bottom" ? (h = c, v = d === (await (o.isRTL == null ? void 0 : o.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (v = c, h = d === "end" ? "top" : "bottom");
+      const w = f - r.top - r.bottom, x = g - r.left - r.right, m = z(f - r[h], w), C = z(g - r[v], x), L = !t.middlewareData.shift;
+      let T = m, k = C;
+      if (u ? k = d || L ? z(C, x) : x : T = d || L ? z(m, w) : w, L && !d) {
+        const V = $(r.left, 0), O = $(r.right, 0), P = $(r.top, 0), oe = $(r.bottom, 0);
+        u ? k = g - 2 * (V !== 0 || O !== 0 ? V + O : $(r.left, r.right)) : T = f - 2 * (P !== 0 || oe !== 0 ? P + oe : $(r.top, r.bottom));
       }
       await l({
         ...t,
-        availableWidth: y,
-        availableHeight: g
+        availableWidth: k,
+        availableHeight: T
       });
-      const B = await o.getDimensions(s.floating);
-      return C !== B.width || u !== B.height ? {
+      const S = await o.getDimensions(s.floating);
+      return g !== S.width || f !== S.height ? {
         reset: {
           rects: !0
         }
@@ -517,42 +480,42 @@ const I0 = function(e) {
     }
   };
 };
-function n2(e) {
-  return T2(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function Y(e) {
+  return ke(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function M(e) {
+function E(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function N(e) {
   var t;
-  return (t = (T2(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (ke(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function T2(e) {
-  return e instanceof Node || e instanceof M(e).Node;
+function ke(e) {
+  return e instanceof Node || e instanceof E(e).Node;
 }
-function K(e) {
-  return e instanceof Element || e instanceof M(e).Element;
+function _(e) {
+  return e instanceof Element || e instanceof E(e).Element;
 }
-function V(e) {
-  return e instanceof HTMLElement || e instanceof M(e).HTMLElement;
+function D(e) {
+  return e instanceof HTMLElement || e instanceof E(e).HTMLElement;
 }
-function Y2(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof M(e).ShadowRoot;
+function Ne(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof E(e).ShadowRoot;
 }
-function C2(e) {
+function he(e) {
   const {
     overflow: t,
     overflowX: n,
     overflowY: i,
     display: o
-  } = G(e);
+  } = F(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + n) && !["inline", "contents"].includes(o);
 }
-function L0(e) {
-  return ["table", "td", "th"].includes(n2(e));
+function $t(e) {
+  return ["table", "td", "th"].includes(Y(e));
 }
-function B2(e) {
+function xe(e) {
   return [":popover-open", ":modal"].some((t) => {
     try {
       return e.matches(t);
@@ -561,32 +524,32 @@ function B2(e) {
     }
   });
 }
-function H2(e) {
-  const t = O2(), n = G(e);
+function Re(e) {
+  const t = Ie(), n = F(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (n.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (n.contain || "").includes(i));
 }
-function Q0(e) {
-  let t = $(e);
-  for (; V(t) && !r2(t); ) {
-    if (B2(t))
+function Et(e) {
+  let t = K(e);
+  for (; D(t) && !ie(t); ) {
+    if (xe(t))
       return null;
-    if (H2(t))
+    if (Re(t))
       return t;
-    t = $(t);
+    t = K(t);
   }
   return null;
 }
-function O2() {
+function Ie() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function r2(e) {
-  return ["html", "body", "#document"].includes(n2(e));
+function ie(e) {
+  return ["html", "body", "#document"].includes(Y(e));
 }
-function G(e) {
-  return M(e).getComputedStyle(e);
+function F(e) {
+  return E(e).getComputedStyle(e);
 }
-function I2(e) {
-  return K(e) ? {
+function ye(e) {
+  return _(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -594,232 +557,232 @@ function I2(e) {
     scrollTop: e.scrollY
   };
 }
-function $(e) {
-  if (n2(e) === "html")
+function K(e) {
+  if (Y(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    Y2(e) && e.host || // Fallback.
+    Ne(e) && e.host || // Fallback.
     N(e)
   );
-  return Y2(t) ? t.host : t;
+  return Ne(t) ? t.host : t;
 }
-function $2(e) {
-  const t = $(e);
-  return r2(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : V(t) && C2(t) ? t : $2(t);
+function et(e) {
+  const t = K(e);
+  return ie(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : D(t) && he(t) ? t : et(t);
 }
-function g2(e, t, n) {
+function de(e, t, n) {
   var i;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const o = $2(e), s = o === ((i = e.ownerDocument) == null ? void 0 : i.body), l = M(o);
-  return s ? t.concat(l, l.visualViewport || [], C2(o) ? o : [], l.frameElement && n ? g2(l.frameElement) : []) : t.concat(o, g2(o, [], n));
+  const o = et(e), s = o === ((i = e.ownerDocument) == null ? void 0 : i.body), l = E(o);
+  return s ? t.concat(l, l.visualViewport || [], he(o) ? o : [], l.frameElement && n ? de(l.frameElement) : []) : t.concat(o, de(o, [], n));
 }
-function X2(e) {
-  const t = G(e);
+function tt(e) {
+  const t = F(e);
   let n = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const o = V(e), s = o ? e.offsetWidth : n, l = o ? e.offsetHeight : i, r = p2(n) !== s || p2(i) !== l;
-  return r && (n = s, i = l), {
+  const o = D(e), s = o ? e.offsetWidth : n, l = o ? e.offsetHeight : i, a = pe(n) !== s || pe(i) !== l;
+  return a && (n = s, i = l), {
     width: n,
     height: i,
-    $: r
+    $: a
   };
 }
-function G2(e) {
-  return K(e) ? e : e.contextElement;
+function Be(e) {
+  return _(e) ? e : e.contextElement;
 }
-function l2(e) {
-  const t = G2(e);
-  if (!V(t))
-    return P(1);
+function ne(e) {
+  const t = Be(e);
+  if (!D(t))
+    return U(1);
   const n = t.getBoundingClientRect(), {
     width: i,
     height: o,
     $: s
-  } = X2(t);
-  let l = (s ? p2(n.width) : n.width) / i, r = (s ? p2(n.height) : n.height) / o;
-  return (!l || !Number.isFinite(l)) && (l = 1), (!r || !Number.isFinite(r)) && (r = 1), {
+  } = tt(t);
+  let l = (s ? pe(n.width) : n.width) / i, a = (s ? pe(n.height) : n.height) / o;
+  return (!l || !Number.isFinite(l)) && (l = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: l,
-    y: r
+    y: a
   };
 }
-const F0 = /* @__PURE__ */ P(0);
-function _2(e) {
-  const t = M(e);
-  return !O2() || !t.visualViewport ? F0 : {
+const kt = /* @__PURE__ */ U(0);
+function nt(e) {
+  const t = E(e);
+  return !Ie() || !t.visualViewport ? kt : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function S0(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== M(e) ? !1 : t;
+function Rt(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== E(e) ? !1 : t;
 }
-function t2(e, t, n, i) {
+function q(e, t, n, i) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const o = e.getBoundingClientRect(), s = G2(e);
-  let l = P(1);
-  t && (i ? K(i) && (l = l2(i)) : l = l2(e));
-  const r = S0(s, n, i) ? _2(s) : P(0);
-  let a = (o.left + r.x) / l.x, c = (o.top + r.y) / l.y, d = o.width / l.x, f = o.height / l.y;
+  const o = e.getBoundingClientRect(), s = Be(e);
+  let l = U(1);
+  t && (i ? _(i) && (l = ne(i)) : l = ne(e));
+  const a = Rt(s, n, i) ? nt(s) : U(0);
+  let r = (o.left + a.x) / l.x, c = (o.top + a.y) / l.y, d = o.width / l.x, u = o.height / l.y;
   if (s) {
-    const C = M(s), u = i && K(i) ? M(i) : i;
-    let A = C, m = A.frameElement;
-    for (; m && i && u !== A; ) {
-      const w = l2(m), p = m.getBoundingClientRect(), v = G(m), b = p.left + (m.clientLeft + parseFloat(v.paddingLeft)) * w.x, h = p.top + (m.clientTop + parseFloat(v.paddingTop)) * w.y;
-      a *= w.x, c *= w.y, d *= w.x, f *= w.y, a += b, c += h, A = M(m), m = A.frameElement;
+    const g = E(s), f = i && _(i) ? E(i) : i;
+    let h = g, v = h.frameElement;
+    for (; v && i && f !== h; ) {
+      const w = ne(v), x = v.getBoundingClientRect(), m = F(v), C = x.left + (v.clientLeft + parseFloat(m.paddingLeft)) * w.x, L = x.top + (v.clientTop + parseFloat(m.paddingTop)) * w.y;
+      r *= w.x, c *= w.y, d *= w.x, u *= w.y, r += C, c += L, h = E(v), v = h.frameElement;
     }
   }
-  return x2({
+  return be({
     width: d,
-    height: f,
-    x: a,
+    height: u,
+    x: r,
     y: c
   });
 }
-function M0(e) {
+function It(e) {
   let {
     elements: t,
     rect: n,
     offsetParent: i,
     strategy: o
   } = e;
-  const s = o === "fixed", l = N(i), r = t ? B2(t.floating) : !1;
-  if (i === l || r && s)
+  const s = o === "fixed", l = N(i), a = t ? xe(t.floating) : !1;
+  if (i === l || a && s)
     return n;
-  let a = {
+  let r = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = P(1);
-  const d = P(0), f = V(i);
-  if ((f || !f && !s) && ((n2(i) !== "body" || C2(l)) && (a = I2(i)), V(i))) {
-    const C = t2(i);
-    c = l2(i), d.x = C.x + i.clientLeft, d.y = C.y + i.clientTop;
+  }, c = U(1);
+  const d = U(0), u = D(i);
+  if ((u || !u && !s) && ((Y(i) !== "body" || he(l)) && (r = ye(i)), D(i))) {
+    const g = q(i);
+    c = ne(i), d.x = g.x + i.clientLeft, d.y = g.y + i.clientTop;
   }
   return {
     width: n.width * c.x,
     height: n.height * c.y,
-    x: n.x * c.x - a.scrollLeft * c.x + d.x,
-    y: n.y * c.y - a.scrollTop * c.y + d.y
+    x: n.x * c.x - r.scrollLeft * c.x + d.x,
+    y: n.y * c.y - r.scrollTop * c.y + d.y
   };
 }
-function k0(e) {
+function Bt(e) {
   return Array.from(e.getClientRects());
 }
-function e0(e) {
-  return t2(N(e)).left + I2(e).scrollLeft;
+function it(e) {
+  return q(N(e)).left + ye(e).scrollLeft;
 }
-function D0(e) {
-  const t = N(e), n = I2(e), i = e.ownerDocument.body, o = S(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), s = S(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let l = -n.scrollLeft + e0(e);
-  const r = -n.scrollTop;
-  return G(i).direction === "rtl" && (l += S(t.clientWidth, i.clientWidth) - o), {
+function Mt(e) {
+  const t = N(e), n = ye(e), i = e.ownerDocument.body, o = $(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), s = $(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  let l = -n.scrollLeft + it(e);
+  const a = -n.scrollTop;
+  return F(i).direction === "rtl" && (l += $(t.clientWidth, i.clientWidth) - o), {
     width: o,
     height: s,
     x: l,
-    y: r
+    y: a
   };
 }
-function R0(e, t) {
-  const n = M(e), i = N(e), o = n.visualViewport;
-  let s = i.clientWidth, l = i.clientHeight, r = 0, a = 0;
+function Ft(e, t) {
+  const n = E(e), i = N(e), o = n.visualViewport;
+  let s = i.clientWidth, l = i.clientHeight, a = 0, r = 0;
   if (o) {
     s = o.width, l = o.height;
-    const c = O2();
-    (!c || c && t === "fixed") && (r = o.offsetLeft, a = o.offsetTop);
+    const c = Ie();
+    (!c || c && t === "fixed") && (a = o.offsetLeft, r = o.offsetTop);
   }
   return {
     width: s,
     height: l,
-    x: r,
-    y: a
+    x: a,
+    y: r
   };
 }
-function T0(e, t) {
-  const n = t2(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, s = V(e) ? l2(e) : P(1), l = e.clientWidth * s.x, r = e.clientHeight * s.y, a = o * s.x, c = i * s.y;
+function Ot(e, t) {
+  const n = q(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, s = D(e) ? ne(e) : U(1), l = e.clientWidth * s.x, a = e.clientHeight * s.y, r = o * s.x, c = i * s.y;
   return {
     width: l,
-    height: r,
-    x: a,
+    height: a,
+    x: r,
     y: c
   };
 }
-function K2(e, t, n) {
+function Pe(e, t, n) {
   let i;
   if (t === "viewport")
-    i = R0(e, n);
+    i = Ft(e, n);
   else if (t === "document")
-    i = D0(N(e));
-  else if (K(t))
-    i = T0(t, n);
+    i = Mt(N(e));
+  else if (_(t))
+    i = Ot(t, n);
   else {
-    const o = _2(e);
+    const o = nt(e);
     i = {
       ...t,
       x: t.x - o.x,
       y: t.y - o.y
     };
   }
-  return x2(i);
+  return be(i);
 }
-function t0(e, t) {
-  const n = $(e);
-  return n === t || !K(n) || r2(n) ? !1 : G(n).position === "fixed" || t0(n, t);
+function ot(e, t) {
+  const n = K(e);
+  return n === t || !_(n) || ie(n) ? !1 : F(n).position === "fixed" || ot(n, t);
 }
-function H0(e, t) {
+function _t(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let i = g2(e, [], !1).filter((r) => K(r) && n2(r) !== "body"), o = null;
-  const s = G(e).position === "fixed";
-  let l = s ? $(e) : e;
-  for (; K(l) && !r2(l); ) {
-    const r = G(l), a = H2(l);
-    !a && r.position === "fixed" && (o = null), (s ? !a && !o : !a && r.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || C2(l) && !a && t0(e, l)) ? i = i.filter((d) => d !== l) : o = r, l = $(l);
+  let i = de(e, [], !1).filter((a) => _(a) && Y(a) !== "body"), o = null;
+  const s = F(e).position === "fixed";
+  let l = s ? K(e) : e;
+  for (; _(l) && !ie(l); ) {
+    const a = F(l), r = Re(l);
+    !r && a.position === "fixed" && (o = null), (s ? !r && !o : !r && a.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || he(l) && !r && ot(e, l)) ? i = i.filter((d) => d !== l) : o = a, l = K(l);
   }
   return t.set(e, i), i;
 }
-function O0(e) {
+function Dt(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: i,
     strategy: o
   } = e;
-  const l = [...n === "clippingAncestors" ? B2(t) ? [] : H0(t, this._c) : [].concat(n), i], r = l[0], a = l.reduce((c, d) => {
-    const f = K2(t, d, o);
-    return c.top = S(f.top, c.top), c.right = Y(f.right, c.right), c.bottom = Y(f.bottom, c.bottom), c.left = S(f.left, c.left), c;
-  }, K2(t, r, o));
+  const l = [...n === "clippingAncestors" ? xe(t) ? [] : _t(t, this._c) : [].concat(n), i], a = l[0], r = l.reduce((c, d) => {
+    const u = Pe(t, d, o);
+    return c.top = $(u.top, c.top), c.right = z(u.right, c.right), c.bottom = z(u.bottom, c.bottom), c.left = $(u.left, c.left), c;
+  }, Pe(t, a, o));
   return {
-    width: a.right - a.left,
-    height: a.bottom - a.top,
-    x: a.left,
-    y: a.top
+    width: r.right - r.left,
+    height: r.bottom - r.top,
+    x: r.left,
+    y: r.top
   };
 }
-function G0(e) {
+function Vt(e) {
   const {
     width: t,
     height: n
-  } = X2(e);
+  } = tt(e);
   return {
     width: t,
     height: n
   };
 }
-function J0(e, t, n) {
-  const i = V(t), o = N(t), s = n === "fixed", l = t2(e, !0, s, t);
-  let r = {
+function Nt(e, t, n) {
+  const i = D(t), o = N(t), s = n === "fixed", l = q(e, !0, s, t);
+  let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = P(0);
+  const r = U(0);
   if (i || !i && !s)
-    if ((n2(t) !== "body" || C2(o)) && (r = I2(t)), i) {
-      const f = t2(t, !0, s, t);
-      a.x = f.x + t.clientLeft, a.y = f.y + t.clientTop;
-    } else o && (a.x = e0(o));
-  const c = l.left + r.scrollLeft - a.x, d = l.top + r.scrollTop - a.y;
+    if ((Y(t) !== "body" || he(o)) && (a = ye(t)), i) {
+      const u = q(t, !0, s, t);
+      r.x = u.x + t.clientLeft, r.y = u.y + t.clientTop;
+    } else o && (r.x = it(o));
+  const c = l.left + a.scrollLeft - r.x, d = l.top + a.scrollTop - r.y;
   return {
     x: c,
     y: d,
@@ -827,34 +790,34 @@ function J0(e, t, n) {
     height: l.height
   };
 }
-function E2(e) {
-  return G(e).position === "static";
+function Le(e) {
+  return F(e).position === "static";
 }
-function V2(e, t) {
-  return !V(e) || G(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
+function He(e, t) {
+  return !D(e) || F(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
-function n0(e, t) {
-  const n = M(e);
-  if (B2(e))
+function st(e, t) {
+  const n = E(e);
+  if (xe(e))
     return n;
-  if (!V(e)) {
-    let o = $(e);
-    for (; o && !r2(o); ) {
-      if (K(o) && !E2(o))
+  if (!D(e)) {
+    let o = K(e);
+    for (; o && !ie(o); ) {
+      if (_(o) && !Le(o))
         return o;
-      o = $(o);
+      o = K(o);
     }
     return n;
   }
-  let i = V2(e, t);
-  for (; i && L0(i) && E2(i); )
-    i = V2(i, t);
-  return i && r2(i) && E2(i) && !H2(i) ? n : i || Q0(e) || n;
+  let i = He(e, t);
+  for (; i && $t(i) && Le(i); )
+    i = He(i, t);
+  return i && ie(i) && Le(i) && !Re(i) ? n : i || Et(e) || n;
 }
-const U0 = async function(e) {
-  const t = this.getOffsetParent || n0, n = this.getDimensions, i = await n(e.floating);
+const Pt = async function(e) {
+  const t = this.getOffsetParent || st, n = this.getDimensions, i = await n(e.floating);
   return {
-    reference: J0(e.reference, await t(e.floating), e.strategy),
+    reference: Nt(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -863,264 +826,258 @@ const U0 = async function(e) {
     }
   };
 };
-function Y0(e) {
-  return G(e).direction === "rtl";
+function Ht(e) {
+  return F(e).direction === "rtl";
 }
-const K0 = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: M0,
+const Wt = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: It,
   getDocumentElement: N,
-  getClippingRect: O0,
-  getOffsetParent: n0,
-  getElementRects: U0,
-  getClientRects: k0,
-  getDimensions: G0,
-  getScale: l2,
-  isElement: K,
-  isRTL: Y0
+  getClippingRect: Dt,
+  getOffsetParent: st,
+  getElementRects: Pt,
+  getClientRects: Bt,
+  getDimensions: Vt,
+  getScale: ne,
+  isElement: _,
+  isRTL: Ht
 };
-function V0(e, t) {
+function zt(e, t) {
   let n = null, i;
   const o = N(e);
   function s() {
-    var r;
-    clearTimeout(i), (r = n) == null || r.disconnect(), n = null;
+    var a;
+    clearTimeout(i), (a = n) == null || a.disconnect(), n = null;
   }
-  function l(r, a) {
-    r === void 0 && (r = !1), a === void 0 && (a = 1), s();
+  function l(a, r) {
+    a === void 0 && (a = !1), r === void 0 && (r = 1), s();
     const {
       left: c,
       top: d,
-      width: f,
-      height: C
+      width: u,
+      height: g
     } = e.getBoundingClientRect();
-    if (r || t(), !f || !C)
+    if (a || t(), !u || !g)
       return;
-    const u = m2(d), A = m2(o.clientWidth - (c + f)), m = m2(o.clientHeight - (d + C)), w = m2(c), v = {
-      rootMargin: -u + "px " + -A + "px " + -m + "px " + -w + "px",
-      threshold: S(0, Y(1, a)) || 1
+    const f = Ce(d), h = Ce(o.clientWidth - (c + u)), v = Ce(o.clientHeight - (d + g)), w = Ce(c), m = {
+      rootMargin: -f + "px " + -h + "px " + -v + "px " + -w + "px",
+      threshold: $(0, z(1, r)) || 1
     };
-    let b = !0;
-    function h(g) {
-      const y = g[0].intersectionRatio;
-      if (y !== a) {
-        if (!b)
+    let C = !0;
+    function L(T) {
+      const k = T[0].intersectionRatio;
+      if (k !== r) {
+        if (!C)
           return l();
-        y ? l(!1, y) : i = setTimeout(() => {
+        k ? l(!1, k) : i = setTimeout(() => {
           l(!1, 1e-7);
         }, 1e3);
       }
-      b = !1;
+      C = !1;
     }
     try {
-      n = new IntersectionObserver(h, {
-        ...v,
+      n = new IntersectionObserver(L, {
+        ...m,
         // Handle <iframe>s
         root: o.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(h, v);
+      n = new IntersectionObserver(L, m);
     }
     n.observe(e);
   }
   return l(!0), s;
 }
-function W0(e, t, n, i) {
+function Zt(e, t, n, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: o = !0,
     ancestorResize: s = !0,
     elementResize: l = typeof ResizeObserver == "function",
-    layoutShift: r = typeof IntersectionObserver == "function",
-    animationFrame: a = !1
-  } = i, c = G2(e), d = o || s ? [...c ? g2(c) : [], ...g2(t)] : [];
-  d.forEach((p) => {
-    o && p.addEventListener("scroll", n, {
+    layoutShift: a = typeof IntersectionObserver == "function",
+    animationFrame: r = !1
+  } = i, c = Be(e), d = o || s ? [...c ? de(c) : [], ...de(t)] : [];
+  d.forEach((x) => {
+    o && x.addEventListener("scroll", n, {
       passive: !0
-    }), s && p.addEventListener("resize", n);
+    }), s && x.addEventListener("resize", n);
   });
-  const f = c && r ? V0(c, n) : null;
-  let C = -1, u = null;
-  l && (u = new ResizeObserver((p) => {
-    let [v] = p;
-    v && v.target === c && u && (u.unobserve(t), cancelAnimationFrame(C), C = requestAnimationFrame(() => {
-      var b;
-      (b = u) == null || b.observe(t);
+  const u = c && a ? zt(c, n) : null;
+  let g = -1, f = null;
+  l && (f = new ResizeObserver((x) => {
+    let [m] = x;
+    m && m.target === c && f && (f.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+      var C;
+      (C = f) == null || C.observe(t);
     })), n();
-  }), c && !a && u.observe(c), u.observe(t));
-  let A, m = a ? t2(e) : null;
-  a && w();
+  }), c && !r && f.observe(c), f.observe(t));
+  let h, v = r ? q(e) : null;
+  r && w();
   function w() {
-    const p = t2(e);
-    m && (p.x !== m.x || p.y !== m.y || p.width !== m.width || p.height !== m.height) && n(), m = p, A = requestAnimationFrame(w);
+    const x = q(e);
+    v && (x.x !== v.x || x.y !== v.y || x.width !== v.width || x.height !== v.height) && n(), v = x, h = requestAnimationFrame(w);
   }
   return n(), () => {
-    var p;
-    d.forEach((v) => {
-      o && v.removeEventListener("scroll", n), s && v.removeEventListener("resize", n);
-    }), f == null || f(), (p = u) == null || p.disconnect(), u = null, a && cancelAnimationFrame(A);
+    var x;
+    d.forEach((m) => {
+      o && m.removeEventListener("scroll", n), s && m.removeEventListener("resize", n);
+    }), u == null || u(), (x = f) == null || x.disconnect(), f = null, r && cancelAnimationFrame(h);
   };
 }
-const N0 = I0, Z0 = y0, q0 = b0, j0 = E0, P0 = x0, z0 = (e, t, n) => {
+const Ut = Tt, jt = St, Kt = yt, Gt = At, Xt = (e, t, n) => {
   const i = /* @__PURE__ */ new Map(), o = {
-    platform: K0,
+    platform: Wt,
     ...n
   }, s = {
     ...o.platform,
     _c: i
   };
-  return v0(e, t, {
+  return xt(e, t, {
     ...o,
     platform: s
   });
 };
-function $0(e) {
+function qt(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function F2(e) {
-  if ($0(e)) {
+function We(e) {
+  if (qt(e)) {
     const t = e.$el;
-    return T2(t) && n2(t) === "#comment" ? null : t;
+    return ke(t) && Y(t) === "#comment" ? null : t;
   }
   return e;
 }
-function s2(e) {
-  return typeof e == "function" ? e() : O(e);
-}
-function X0(e) {
-  return {
-    name: "arrow",
-    options: e,
-    fn(t) {
-      const n = F2(s2(e.element));
-      return n == null ? {} : P0({
-        element: n,
-        padding: e.padding
-      }).fn(t);
-    }
-  };
+function le(e) {
+  return typeof e == "function" ? e() : ge(e);
 }
-function i0(e) {
+function lt(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function W2(e, t) {
-  const n = i0(e);
+function ze(e, t) {
+  const n = lt(e);
   return Math.round(t * n) / n;
 }
-function _0(e, t, n) {
+function Yt(e, t, n) {
   n === void 0 && (n = {});
-  const i = n.whileElementsMounted, o = Q(() => {
-    var B;
-    return (B = s2(n.open)) != null ? B : !0;
-  }), s = Q(() => s2(n.middleware)), l = Q(() => {
-    var B;
-    return (B = s2(n.placement)) != null ? B : "bottom";
-  }), r = Q(() => {
-    var B;
-    return (B = s2(n.strategy)) != null ? B : "absolute";
-  }), a = Q(() => {
-    var B;
-    return (B = s2(n.transform)) != null ? B : !0;
-  }), c = Q(() => F2(e.value)), d = Q(() => F2(t.value)), f = T(0), C = T(0), u = T(r.value), A = T(l.value), m = a0({}), w = T(!1), p = Q(() => {
-    const B = {
-      position: u.value,
+  const i = n.whileElementsMounted, o = R(() => {
+    var S;
+    return (S = le(n.open)) != null ? S : !0;
+  }), s = R(() => le(n.middleware)), l = R(() => {
+    var S;
+    return (S = le(n.placement)) != null ? S : "bottom";
+  }), a = R(() => {
+    var S;
+    return (S = le(n.strategy)) != null ? S : "absolute";
+  }), r = R(() => {
+    var S;
+    return (S = le(n.transform)) != null ? S : !0;
+  }), c = R(() => We(e.value)), d = R(() => We(t.value)), u = B(0), g = B(0), f = B(a.value), h = B(l.value), v = ct({}), w = B(!1), x = R(() => {
+    const S = {
+      position: f.value,
       left: "0",
       top: "0"
     };
     if (!d.value)
-      return B;
-    const D = W2(d.value, f.value), F = W2(d.value, C.value);
-    return a.value ? {
-      ...B,
-      transform: "translate(" + D + "px, " + F + "px)",
-      ...i0(d.value) >= 1.5 && {
+      return S;
+    const V = ze(d.value, u.value), O = ze(d.value, g.value);
+    return r.value ? {
+      ...S,
+      transform: "translate(" + V + "px, " + O + "px)",
+      ...lt(d.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: u.value,
-      left: D + "px",
-      top: F + "px"
+      position: f.value,
+      left: V + "px",
+      top: O + "px"
     };
   });
-  let v;
-  function b() {
-    c.value == null || d.value == null || z0(c.value, d.value, {
+  let m;
+  function C() {
+    c.value == null || d.value == null || Xt(c.value, d.value, {
       middleware: s.value,
       placement: l.value,
-      strategy: r.value
-    }).then((B) => {
-      f.value = B.x, C.value = B.y, u.value = B.strategy, A.value = B.placement, m.value = B.middlewareData, w.value = !0;
+      strategy: a.value
+    }).then((S) => {
+      u.value = S.x, g.value = S.y, f.value = S.strategy, h.value = S.placement, v.value = S.middlewareData, w.value = !0;
     });
   }
-  function h() {
-    typeof v == "function" && (v(), v = void 0);
+  function L() {
+    typeof m == "function" && (m(), m = void 0);
   }
-  function g() {
-    if (h(), i === void 0) {
-      b();
+  function T() {
+    if (L(), i === void 0) {
+      C();
       return;
     }
     if (c.value != null && d.value != null) {
-      v = i(c.value, d.value, b);
+      m = i(c.value, d.value, C);
       return;
     }
   }
-  function y() {
+  function k() {
     o.value || (w.value = !1);
   }
-  return A2([s, l, r], b, {
+  return te([s, l, a], C, {
     flush: "sync"
-  }), A2([c, d], g, {
+  }), te([c, d], T, {
     flush: "sync"
-  }), A2(o, y, {
+  }), te(o, k, {
     flush: "sync"
-  }), r0() && c0(h), {
-    x: o2(f),
-    y: o2(C),
-    strategy: o2(u),
-    placement: o2(A),
-    middlewareData: o2(m),
-    isPositioned: o2(w),
-    floatingStyles: p,
-    update: b
+  }), dt() && ut(L), {
+    x: ee(u),
+    y: ee(g),
+    strategy: ee(f),
+    placement: ee(h),
+    middlewareData: ee(v),
+    isPositioned: ee(w),
+    floatingStyles: x,
+    update: C
   };
 }
-const ee = "data:image/svg+xml,%3csvg%20width='1324'%20height='1326'%20viewBox='0%200%201324%201326'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='141'%20y='78'%20width='1042'%20height='1170'%20fill='white'/%3e%3cpath%20d='M184.533%201.99984C135.867%207.19984%2089.8666%2029.8665%2056.4%2065.1998C29.6%2093.4665%2012.5333%20126.266%203.73329%20166.4L0.666626%20180V663.333V1146.67L3.73329%201160.27C12.5333%201200.4%2029.6%201233.2%2056.4%201261.47C90.4%201297.33%20135.333%201319.33%20185.6%201324.67C203.333%201326.53%201122.53%201326.4%201139.73%201324.53C1188.53%201319.33%201229.07%201299.73%201264.13%201264.8C1294.27%201234.67%201311.47%201202.67%201320.8%201159.33C1323.2%201148.4%201323.33%201130%201323.33%20663.333C1323.33%20196.667%201323.2%20178.266%201320.8%20167.333C1311.47%20124%201294.27%2091.9998%201264.13%2061.8664C1229.07%2026.9331%201188.53%207.33314%201139.73%202.13314C1124.67%200.399809%20200%200.399842%20184.533%201.99984ZM732.933%20151.466C746.8%20152.933%20763.333%20157.6%20774%20163.067C800.267%20176.267%20822.4%20200.4%20833.2%20227.333C841.867%20249.333%20841.467%20233.467%20841.067%20502C840.533%20777.6%20841.733%20750.267%20829.2%20776.133C822.133%20790.933%20810.667%20806.533%20800.267%20815.2C795.2%20819.6%20793.2%20822.267%20792%20827.067C786.133%20848.267%20768.667%20885.867%20755.2%20906.133C724.533%20952%20681.2%20986.133%20624%201009.33C615.6%201012.8%20608.4%201015.87%20608.133%201016.13C607.867%201016.27%20614.533%201023.33%20622.933%201031.6C633.467%201042.13%20639.333%201049.07%20642.133%201054.4C646.933%201063.87%20645.467%201064%20672.667%201050.8C724.933%201025.47%20762.933%20994.8%20794.933%20952C811.467%20929.867%20829.867%20895.333%20839.333%20868.267C841.333%20862.667%20843.467%20858%20844.133%20858C844.667%20858%20845.6%20859.333%20846.133%20860.933C848.267%20868.133%20863.333%20900.8%20870.133%20913.2C898%20963.867%20931.6%201001.2%20975.333%201030.27C989.867%201040%201017.2%201054.4%201031.6%201059.73L1037.2%201061.87L1041.33%201054.67C1048.4%201042.4%201056.67%201032.27%201067.87%201022.4L1078.67%201012.8L1071.6%201010.27C1067.87%201008.8%201060.53%201006%201055.6%201004.13C1040.93%20998.533%201013.73%20984%201000%20974.267C985.733%20964.133%20960.8%20940.667%20948.933%20926.267C935.067%20909.333%20921.467%20887.467%20910%20864C900.133%20844%20887.2%20812.133%20884.667%20801.6L883.733%20798H971.867H1060V769.333V740.667H963.333H866.533L867.333%20736.267C868.4%20729.867%20870.4%20693.067%20871.467%20662.933C872.267%20639.067%20872.533%20636.4%20874.8%20635.2C878.667%20633.2%20881.333%20626.667%20882.267%20617.333L883.067%20608.667H872.133C864.133%20608.667%20861.067%20608.133%20860.533%20606.8C860%20605.467%20881.2%20466%20886.133%20438.267L886.933%20433.867L977.867%20434.4C1066.67%20434.8%201068.93%20434.8%201079.87%20437.733C1124.8%20449.6%201158.67%20482.533%201172.93%20528L1176.67%20540V808V1076L1172.93%201087.73C1158.53%201133.6%201126.13%201164.93%201078.93%201178.4L1068.67%201181.33L812.667%201181.73C638.8%201182%20552.667%201181.73%20544.4%201180.67C488.667%201174.4%20443.2%201132.13%20432.533%201076.93C431.067%201068.93%20430.667%201046.4%20430.667%20956.667V846.133L340.4%20845.6C252.8%20845.2%20249.6%20845.067%20239.067%20842.267C196.533%20831.067%20164.533%20800.133%20151.067%20757.333L147.333%20745.333V499.333V253.333L150.4%20242C159.067%20209.067%20180.4%20181.866%20210.667%20164.933C221.2%20159.066%20240.4%20152.933%20252.667%20151.6C268.533%20149.733%20716.933%20149.6%20732.933%20151.466Z'%20fill='%233B5695'/%3e%3cpath%20d='M256.533%20213.333C232.933%20218.533%20214.133%20237.067%20209.333%20259.733C208.4%20264.533%20208%20337.2%20208.267%20502L208.667%20737.333L211.733%20744.933C218.533%20761.733%20231.733%20774.533%20248.667%20780.933L256.667%20784L490%20784.4C749.2%20784.8%20734.4%20785.333%20750.133%20776C764.267%20767.6%20775.467%20752.4%20778.667%20737.067C779.6%20732.8%20780%20652.133%20779.733%20494L779.333%20257.333L775.067%20248.267C767.2%20231.6%20756.933%20222%20740.133%20215.467L731.333%20212L498%20211.733C306.8%20211.6%20263.2%20211.867%20256.533%20213.333ZM492%20281.2C546.267%20290.267%20590.267%20311.2%20622.533%20343.333C653.867%20374.667%20671.867%20409.867%20680.267%20456.667C684.133%20478.533%20684.133%20516.267%20680.133%20538.533C665.467%20621.067%20606.933%20684.4%20524%20707.467C490%20716.933%20488.4%20716.933%20392.4%20717.6L305.333%20718.133V498V277.867L391.733%20278.4C465.733%20278.8%20480%20279.2%20492%20281.2Z'%20fill='%233B5695'/%3e%3cpath%20d='M384%20462.933V576.133L345.067%20611.467C306.533%20646.267%20306.133%20646.667%20310.667%20647.067C313.2%20647.333%20348.933%20647.333%20390%20646.933C472.667%20646.267%20477.6%20645.867%20503.6%20637.333C527.6%20629.333%20543.333%20620%20560.267%20603.6C590.133%20574.667%20604.4%20536.267%20602.267%20489.733C600.533%20450.267%20588.267%20420%20564%20395.333C546.8%20377.867%20531.6%20368.4%20506.267%20360C482.933%20352.133%20474.533%20351.2%20427.067%20350.4L384%20349.733V462.933Z'%20fill='%233B5695'/%3e%3c/svg%3e", h2 = (e, t) => {
+const Jt = "data:image/svg+xml,%3csvg%20width='1324'%20height='1326'%20viewBox='0%200%201324%201326'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='141'%20y='78'%20width='1042'%20height='1170'%20fill='white'/%3e%3cpath%20d='M184.533%201.99984C135.867%207.19984%2089.8666%2029.8665%2056.4%2065.1998C29.6%2093.4665%2012.5333%20126.266%203.73329%20166.4L0.666626%20180V663.333V1146.67L3.73329%201160.27C12.5333%201200.4%2029.6%201233.2%2056.4%201261.47C90.4%201297.33%20135.333%201319.33%20185.6%201324.67C203.333%201326.53%201122.53%201326.4%201139.73%201324.53C1188.53%201319.33%201229.07%201299.73%201264.13%201264.8C1294.27%201234.67%201311.47%201202.67%201320.8%201159.33C1323.2%201148.4%201323.33%201130%201323.33%20663.333C1323.33%20196.667%201323.2%20178.266%201320.8%20167.333C1311.47%20124%201294.27%2091.9998%201264.13%2061.8664C1229.07%2026.9331%201188.53%207.33314%201139.73%202.13314C1124.67%200.399809%20200%200.399842%20184.533%201.99984ZM732.933%20151.466C746.8%20152.933%20763.333%20157.6%20774%20163.067C800.267%20176.267%20822.4%20200.4%20833.2%20227.333C841.867%20249.333%20841.467%20233.467%20841.067%20502C840.533%20777.6%20841.733%20750.267%20829.2%20776.133C822.133%20790.933%20810.667%20806.533%20800.267%20815.2C795.2%20819.6%20793.2%20822.267%20792%20827.067C786.133%20848.267%20768.667%20885.867%20755.2%20906.133C724.533%20952%20681.2%20986.133%20624%201009.33C615.6%201012.8%20608.4%201015.87%20608.133%201016.13C607.867%201016.27%20614.533%201023.33%20622.933%201031.6C633.467%201042.13%20639.333%201049.07%20642.133%201054.4C646.933%201063.87%20645.467%201064%20672.667%201050.8C724.933%201025.47%20762.933%20994.8%20794.933%20952C811.467%20929.867%20829.867%20895.333%20839.333%20868.267C841.333%20862.667%20843.467%20858%20844.133%20858C844.667%20858%20845.6%20859.333%20846.133%20860.933C848.267%20868.133%20863.333%20900.8%20870.133%20913.2C898%20963.867%20931.6%201001.2%20975.333%201030.27C989.867%201040%201017.2%201054.4%201031.6%201059.73L1037.2%201061.87L1041.33%201054.67C1048.4%201042.4%201056.67%201032.27%201067.87%201022.4L1078.67%201012.8L1071.6%201010.27C1067.87%201008.8%201060.53%201006%201055.6%201004.13C1040.93%20998.533%201013.73%20984%201000%20974.267C985.733%20964.133%20960.8%20940.667%20948.933%20926.267C935.067%20909.333%20921.467%20887.467%20910%20864C900.133%20844%20887.2%20812.133%20884.667%20801.6L883.733%20798H971.867H1060V769.333V740.667H963.333H866.533L867.333%20736.267C868.4%20729.867%20870.4%20693.067%20871.467%20662.933C872.267%20639.067%20872.533%20636.4%20874.8%20635.2C878.667%20633.2%20881.333%20626.667%20882.267%20617.333L883.067%20608.667H872.133C864.133%20608.667%20861.067%20608.133%20860.533%20606.8C860%20605.467%20881.2%20466%20886.133%20438.267L886.933%20433.867L977.867%20434.4C1066.67%20434.8%201068.93%20434.8%201079.87%20437.733C1124.8%20449.6%201158.67%20482.533%201172.93%20528L1176.67%20540V808V1076L1172.93%201087.73C1158.53%201133.6%201126.13%201164.93%201078.93%201178.4L1068.67%201181.33L812.667%201181.73C638.8%201182%20552.667%201181.73%20544.4%201180.67C488.667%201174.4%20443.2%201132.13%20432.533%201076.93C431.067%201068.93%20430.667%201046.4%20430.667%20956.667V846.133L340.4%20845.6C252.8%20845.2%20249.6%20845.067%20239.067%20842.267C196.533%20831.067%20164.533%20800.133%20151.067%20757.333L147.333%20745.333V499.333V253.333L150.4%20242C159.067%20209.067%20180.4%20181.866%20210.667%20164.933C221.2%20159.066%20240.4%20152.933%20252.667%20151.6C268.533%20149.733%20716.933%20149.6%20732.933%20151.466Z'%20fill='%233B5695'/%3e%3cpath%20d='M256.533%20213.333C232.933%20218.533%20214.133%20237.067%20209.333%20259.733C208.4%20264.533%20208%20337.2%20208.267%20502L208.667%20737.333L211.733%20744.933C218.533%20761.733%20231.733%20774.533%20248.667%20780.933L256.667%20784L490%20784.4C749.2%20784.8%20734.4%20785.333%20750.133%20776C764.267%20767.6%20775.467%20752.4%20778.667%20737.067C779.6%20732.8%20780%20652.133%20779.733%20494L779.333%20257.333L775.067%20248.267C767.2%20231.6%20756.933%20222%20740.133%20215.467L731.333%20212L498%20211.733C306.8%20211.6%20263.2%20211.867%20256.533%20213.333ZM492%20281.2C546.267%20290.267%20590.267%20311.2%20622.533%20343.333C653.867%20374.667%20671.867%20409.867%20680.267%20456.667C684.133%20478.533%20684.133%20516.267%20680.133%20538.533C665.467%20621.067%20606.933%20684.4%20524%20707.467C490%20716.933%20488.4%20716.933%20392.4%20717.6L305.333%20718.133V498V277.867L391.733%20278.4C465.733%20278.8%20480%20279.2%20492%20281.2Z'%20fill='%233B5695'/%3e%3cpath%20d='M384%20462.933V576.133L345.067%20611.467C306.533%20646.267%20306.133%20646.667%20310.667%20647.067C313.2%20647.333%20348.933%20647.333%20390%20646.933C472.667%20646.267%20477.6%20645.867%20503.6%20637.333C527.6%20629.333%20543.333%20620%20560.267%20603.6C590.133%20574.667%20604.4%20536.267%20602.267%20489.733C600.533%20450.267%20588.267%20420%20564%20395.333C546.8%20377.867%20531.6%20368.4%20506.267%20360C482.933%20352.133%20474.533%20351.2%20427.067%20350.4L384%20349.733V462.933Z'%20fill='%233B5695'/%3e%3c/svg%3e", J = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [i, o] of t)
     n[i] = o;
   return n;
-}, te = {
+}, Qt = {
   name: "Logo"
-}, ne = {
-  src: ee,
+}, en = {
+  src: Jt,
   alt: "DDict Logo",
   class: "w-6 h-6 cursor-pointer"
 };
-function ie(e, t, n, i, o, s) {
-  return x(), I("img", ne);
-}
-const oe = /* @__PURE__ */ h2(te, [["render", ie]]), se = "data:image/gif;base64,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", le = {
-  name: "Loading"
-}, ae = (e) => (d0("data-v-a0957544"), e = e(), u0(), e), re = { class: "rounded-lg bg-white p-1 border shadow-custom border-solid border-neutral-300" }, ce = /* @__PURE__ */ ae(() => /* @__PURE__ */ E("img", {
-  src: se,
-  alt: "Loading",
-  class: "w-12"
-}, null, -1)), de = [
-  ce
+function tn(e, t, n, i, o, s) {
+  return p(), b("img", en);
+}
+const nn = /* @__PURE__ */ J(Qt, [["render", tn]]), on = {}, sn = {
+  class: "w-12 h-12 text-primary",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, ln = /* @__PURE__ */ Ae('<circle cx="18" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".67" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle><circle cx="12" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".33" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle><circle cx="6" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin="0" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle>', 3), rn = [
+  ln
 ];
-function ue(e, t, n, i, o, s) {
-  return x(), I("div", re, de);
+function an(e, t) {
+  return p(), b("svg", sn, rn);
 }
-const fe = /* @__PURE__ */ h2(le, [["render", ue], ["__scopeId", "data-v-a0957544"]]), Ae = {
+const cn = /* @__PURE__ */ J(on, [["render", an]]), dn = { class: "rounded-lg bg-base-100 px-4 py-2 border border-base-300 shadow-lg" }, un = { class: "flex justify-center" }, fn = {
+  __name: "Loading",
+  setup(e) {
+    return (t, n) => (p(), b("div", dn, [
+      y("div", un, [
+        Z(cn)
+      ])
+    ]));
+  }
+}, mn = {
   name: "Phonetic",
   props: ["phonetic"]
-}, ge = { class: "p-0 m-0" }, Ce = { class: "text-xs font-md text-slate-400" };
-function he(e, t, n, i, o, s) {
-  return x(), I("p", ge, [
-    E("span", Ce, "/" + w2(n.phonetic) + "/", 1)
+}, hn = { class: "p-0 m-0" }, Cn = { class: "text-xs font-md text-base-content/60" };
+function gn(e, t, n, i, o, s) {
+  return p(), b("p", hn, [
+    y("span", Cn, "/" + ce(n.phonetic) + "/", 1)
   ]);
 }
-const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-col gap-2" }, pe = {
+const pn = /* @__PURE__ */ J(mn, [["render", gn]]), vn = { class: "flex flex-col gap-2" }, bn = {
   __name: "Sentences",
   props: {
     sentences: {
@@ -1129,35 +1086,35 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
     }
   },
   setup(e) {
-    const t = e, n = Q(() => t.sentences.split(`
+    const t = e, n = R(() => t.sentences.split(`
 `));
-    return (i, o) => (x(), I("div", we, [
-      (x(!0), I(b2, null, S2(n.value, (s, l) => (x(), I("p", {
+    return (i, o) => (p(), b("div", vn, [
+      (p(!0), b(ue, null, we(n.value, (s, l) => (p(), b("p", {
         key: l,
-        class: "text-base text-textCustom leading-tight p-0 mr-2"
-      }, w2(s), 1))), 128))
+        class: "text-base text-base-content leading-tight p-0 mr-2"
+      }, ce(s), 1))), 128))
     ]));
   }
-}, ve = { class: "capitalize text-base italic font-normal text-slate-400" }, xe = { class: "text-base leading-6 text-textCustom" }, be = {
+}, wn = { class: "capitalize text-base italic font-normal text-base-content/60" }, xn = { class: "text-base leading-6 text-base-content" }, yn = {
   __name: "Dict",
   props: {
     dictionary: Array
   },
   setup(e) {
-    return (t, n) => (x(), I("div", null, [
-      (x(!0), I(b2, null, S2(e.dictionary, (i, o) => (x(), I("div", {
+    return (t, n) => (p(), b("div", null, [
+      (p(!0), b(ue, null, we(e.dictionary, (i, o) => (p(), b("div", {
         key: o,
         class: "mt-2"
       }, [
-        E("p", ve, w2(i.pos), 1),
-        E("span", xe, w2(i.terms.join(", ")), 1)
+        y("p", wn, ce(i.pos), 1),
+        y("span", xn, ce(i.terms.join(", ")), 1)
       ]))), 128))
     ]));
   }
-}, Be = { class: "" }, Ie = /* @__PURE__ */ E("p", { class: "capitalize text-base italic font-normal text-slate-400 mt-2" }, "AI Summary", -1), ye = {
+}, Ln = { class: "" }, Tn = /* @__PURE__ */ y("p", { class: "capitalize text-base italic font-normal text-base-content/60 mt-2" }, "AI Summary", -1), Sn = {
   key: 0,
   class: "list-none list-outside mt-2"
-}, Ee = ["innerHTML"], Le = {
+}, An = ["innerHTML"], $n = {
   __name: "Explanation",
   props: {
     explanation: Object
@@ -1165,20 +1122,32 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
   setup(e) {
     return (t, n) => {
       var i, o;
-      return x(), I("div", Be, [
-        Ie,
-        (i = e.explanation) != null && i.result ? (x(), I("ul", ye, [
-          (x(!0), I(b2, null, S2(((o = e.explanation) == null ? void 0 : o.result.split(`
-`)) || [], (s, l) => (x(), I("li", {
+      return p(), b("div", Ln, [
+        Tn,
+        (i = e.explanation) != null && i.result ? (p(), b("ul", Sn, [
+          (p(!0), b(ue, null, we(((o = e.explanation) == null ? void 0 : o.result.split(`
+`)) || [], (s, l) => (p(), b("li", {
             key: `${s}-${l}`,
             innerHTML: s,
-            class: "text-base text-textCustom"
-          }, null, 8, Ee))), 128))
-        ])) : U("", !0)
+            class: "text-base text-base-content"
+          }, null, 8, An))), 128))
+        ])) : M("", !0)
       ]);
     };
   }
-}, Qe = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.33325%204.66667H3.51125C3.82693%204.6667%204.13239%204.55473%204.37325%204.35067L6.83392%202.26667C6.99592%202.12953%207.19374%202.04156%207.40407%202.01312C7.61441%201.98468%207.82849%202.01696%208.02109%202.10615C8.21369%202.19534%208.37678%202.33772%208.49114%202.51652C8.60551%202.69532%208.66638%202.90309%208.66659%203.11534V12.8847C8.66649%2013.097%208.60565%2013.305%208.49125%2013.4839C8.37685%2013.6628%208.21367%2013.8053%208.02094%2013.8945C7.82822%2013.9837%207.614%2014.0159%207.40356%2013.9874C7.19312%2013.9588%206.99523%2013.8707%206.83325%2013.7333L4.37325%2011.6487C4.13229%2011.4449%203.82685%2011.3331%203.51125%2011.3333H2.33325C2.06804%2011.3333%201.81368%2011.228%201.62615%2011.0404C1.43861%2010.8529%201.33325%2010.5986%201.33325%2010.3333V5.66667C1.33325%205.40145%201.43861%205.1471%201.62615%204.95956C1.81368%204.77203%202.06804%204.66667%202.33325%204.66667ZM11.1779%2011.18C11.5969%2010.763%2011.9294%2010.2674%2012.1562%209.72156C12.3831%209.17572%2012.4999%208.59044%2012.4999%207.99934C12.4999%207.40823%2012.3831%206.82295%2012.1562%206.27711C11.9294%205.73127%2011.5969%205.23564%2011.1779%204.81867C11.1317%204.77098%2011.0765%204.73297%2011.0155%204.70686C10.9544%204.68075%2010.8888%204.66705%2010.8224%204.66657C10.756%204.66609%2010.6902%204.67883%2010.6288%204.70406C10.5674%204.72929%2010.5116%204.76649%2010.4647%204.8135C10.4179%204.86051%2010.3808%204.91639%2010.3558%204.97787C10.3307%205.03935%2010.3181%205.10521%2010.3188%205.17159C10.3195%205.23798%2010.3334%205.30357%2010.3597%205.36453C10.3859%205.42549%2010.4241%205.48061%2010.4719%205.52667C10.7977%205.85079%2011.0562%206.23609%2011.2326%206.66043C11.409%207.08477%2011.4998%207.53979%2011.4998%207.99934C11.4998%208.45888%2011.409%208.9139%2011.2326%209.33824C11.0562%209.76258%2010.7977%2010.1479%2010.4719%2010.472C10.4241%2010.5181%2010.3859%2010.5732%2010.3597%2010.6341C10.3334%2010.6951%2010.3195%2010.7607%2010.3188%2010.8271C10.3181%2010.8935%2010.3307%2010.9593%2010.3558%2011.0208C10.3808%2011.0823%2010.4179%2011.1382%2010.4647%2011.1852C10.5116%2011.2322%2010.5674%2011.2694%2010.6288%2011.2946C10.6902%2011.3198%2010.756%2011.3326%2010.8224%2011.3321C10.8888%2011.3316%2010.9544%2011.3179%2011.0155%2011.2918C11.0765%2011.2657%2011.1317%2011.2277%2011.1779%2011.18ZM12.7113%2013.2127C12.6123%2013.2126%2012.5157%2013.1832%2012.4335%2013.1281C12.3513%2013.0731%2012.2873%2012.9949%2012.2495%2012.9035C12.2118%2012.8121%2012.202%2012.7115%2012.2214%2012.6146C12.2408%2012.5176%2012.2886%2012.4285%2012.3586%2012.3587C12.9317%2011.7866%2013.3865%2011.1071%2013.6967%2010.359C14.0069%209.61101%2014.1666%208.80915%2014.1666%207.99934C14.1666%207.18952%2014.0069%206.38766%2013.6967%205.63963C13.3865%204.8916%2012.9317%204.2121%2012.3586%203.64C12.3122%203.59351%2012.2754%203.53834%2012.2503%203.47764C12.2252%203.41693%2012.2124%203.35188%2012.2124%203.2862C12.2125%203.22052%2012.2255%203.15549%2012.2507%203.09483C12.2759%203.03417%2012.3128%202.97907%2012.3593%202.93267C12.4057%202.88627%2012.4609%202.84948%2012.5216%202.8244C12.5823%202.79932%2012.6474%202.78645%2012.7131%202.78651C12.7787%202.78657%2012.8438%202.79957%2012.9044%202.82476C12.9651%202.84995%2013.0202%202.88685%2013.0666%202.93334C13.7327%203.59825%2014.2612%204.38801%2014.6218%205.25741C14.9824%206.12681%2015.168%207.05879%2015.168%208C15.168%208.94122%2014.9824%209.87319%2014.6218%2010.7426C14.2612%2011.612%2013.7327%2012.4018%2013.0666%2013.0667C13.02%2013.1134%2012.9646%2013.1504%2012.9036%2013.1756C12.8426%2013.2007%2012.7772%2013.2129%2012.7113%2013.2127Z'%20fill='%233B5695'/%3e%3c/svg%3e", Fe = "data:image/svg+xml,%3csvg%20class='swap-on%20fill-current%20h-4%20w-4'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill-rule='evenodd'%20d='M4.5%207.5a3%203%200%200%201%203-3h9a3%203%200%200%201%203%203v9a3%203%200%200%201-3%203h-9a3%203%200%200%201-3-3v-9Z'%20clip-rule='evenodd'%20fill='%238595BE'/%3e%3c/svg%3e", Se = ["disabled"], Me = ["disabled"], ke = {
+}, En = ["disabled"], kn = /* @__PURE__ */ y("path", {
+  d: "M2.33325 4.66667H3.51125C3.82693 4.6667 4.13239 4.55473 4.37325 4.35067L6.83392 2.26667C6.99592 2.12953 7.19374 2.04156 7.40407 2.01312C7.61441 1.98468 7.82849 2.01696 8.02109 2.10615C8.21369 2.19534 8.37678 2.33772 8.49114 2.51652C8.60551 2.69532 8.66638 2.90309 8.66659 3.11534V12.8847C8.66649 13.097 8.60565 13.305 8.49125 13.4839C8.37685 13.6628 8.21367 13.8053 8.02094 13.8945C7.82822 13.9837 7.614 14.0159 7.40356 13.9874C7.19312 13.9588 6.99523 13.8707 6.83325 13.7333L4.37325 11.6487C4.13229 11.4449 3.82685 11.3331 3.51125 11.3333H2.33325C2.06804 11.3333 1.81368 11.228 1.62615 11.0404C1.43861 10.8529 1.33325 10.5986 1.33325 10.3333V5.66667C1.33325 5.40145 1.43861 5.1471 1.62615 4.95956C1.81368 4.77203 2.06804 4.66667 2.33325 4.66667ZM11.1779 11.18C11.5969 10.763 11.9294 10.2674 12.1562 9.72156C12.3831 9.17572 12.4999 8.59044 12.4999 7.99934C12.4999 7.40823 12.3831 6.82295 12.1562 6.27711C11.9294 5.73127 11.5969 5.23564 11.1779 4.81867C11.1317 4.77098 11.0765 4.73297 11.0155 4.70686C10.9544 4.68075 10.8888 4.66705 10.8224 4.66657C10.756 4.66609 10.6902 4.67883 10.6288 4.70406C10.5674 4.72929 10.5116 4.76649 10.4647 4.8135C10.4179 4.86051 10.3808 4.91639 10.3558 4.97787C10.3307 5.03935 10.3181 5.10521 10.3188 5.17159C10.3195 5.23798 10.3334 5.30357 10.3597 5.36453C10.3859 5.42549 10.4241 5.48061 10.4719 5.52667C10.7977 5.85079 11.0562 6.23609 11.2326 6.66043C11.409 7.08477 11.4998 7.53979 11.4998 7.99934C11.4998 8.45888 11.409 8.9139 11.2326 9.33824C11.0562 9.76258 10.7977 10.1479 10.4719 10.472C10.4241 10.5181 10.3859 10.5732 10.3597 10.6341C10.3334 10.6951 10.3195 10.7607 10.3188 10.8271C10.3181 10.8935 10.3307 10.9593 10.3558 11.0208C10.3808 11.0823 10.4179 11.1382 10.4647 11.1852C10.5116 11.2322 10.5674 11.2694 10.6288 11.2946C10.6902 11.3198 10.756 11.3326 10.8224 11.3321C10.8888 11.3316 10.9544 11.3179 11.0155 11.2918C11.0765 11.2657 11.1317 11.2277 11.1779 11.18ZM12.7113 13.2127C12.6123 13.2126 12.5157 13.1832 12.4335 13.1281C12.3513 13.0731 12.2873 12.9949 12.2495 12.9035C12.2118 12.8121 12.202 12.7115 12.2214 12.6146C12.2408 12.5176 12.2886 12.4285 12.3586 12.3587C12.9317 11.7866 13.3865 11.1071 13.6967 10.359C14.0069 9.61101 14.1666 8.80915 14.1666 7.99934C14.1666 7.18952 14.0069 6.38766 13.6967 5.63963C13.3865 4.8916 12.9317 4.2121 12.3586 3.64C12.3122 3.59351 12.2754 3.53834 12.2503 3.47764C12.2252 3.41693 12.2124 3.35188 12.2124 3.2862C12.2125 3.22052 12.2255 3.15549 12.2507 3.09483C12.2759 3.03417 12.3128 2.97907 12.3593 2.93267C12.4057 2.88627 12.4609 2.84948 12.5216 2.8244C12.5823 2.79932 12.6474 2.78645 12.7131 2.78651C12.7787 2.78657 12.8438 2.79957 12.9044 2.82476C12.9651 2.84995 13.0202 2.88685 13.0666 2.93334C13.7327 3.59825 14.2612 4.38801 14.6218 5.25741C14.9824 6.12681 15.168 7.05879 15.168 8C15.168 8.94122 14.9824 9.87319 14.6218 10.7426C14.2612 11.612 13.7327 12.4018 13.0666 13.0667C13.02 13.1134 12.9646 13.1504 12.9036 13.1756C12.8426 13.2007 12.7772 13.2129 12.7113 13.2127Z",
+  fill: "currentColor"
+}, null, -1), Rn = [
+  kn
+], In = ["disabled"], Bn = /* @__PURE__ */ y("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",
+  fill: "currentColor"
+}, null, -1), Mn = [
+  Bn
+], Fn = {
   __name: "Player",
   props: {
     tts: {
@@ -1192,9 +1161,9 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
   },
   emits: ["loadTTS"],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = Q(() => n.tts), s = T(!1), l = new Audio(), r = new (window.AudioContext || window.webkitAudioContext)();
-    let a = null;
-    A2(
+    const n = e, i = t, o = R(() => n.tts), s = B(!1), l = new Audio(), a = new (window.AudioContext || window.webkitAudioContext)();
+    let r = null;
+    te(
       o,
       () => {
         if (!o.value) {
@@ -1204,8 +1173,8 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
         d();
       },
       { immediate: !0 }
-    ), M2(() => {
-      C(), l.src = "", r.close();
+    ), $e(() => {
+      g(), l.src = "", a.close();
     });
     function c() {
       if (o.value) {
@@ -1222,92 +1191,128 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
             s.value = !1;
           };
         } catch {
-          await f();
+          await u();
         }
       }
     }
-    async function f() {
+    async function u() {
       try {
-        const A = await (await fetch(o.value)).arrayBuffer(), m = await r.decodeAudioData(A);
-        a = r.createBufferSource(), a.buffer = m, a.playbackRate.value = 0.7, a.connect(r.destination), a.start(), a.onended = () => {
-          s.value = !1, a = null;
+        const h = await (await fetch(o.value)).arrayBuffer(), v = await a.decodeAudioData(h);
+        r = a.createBufferSource(), r.buffer = v, r.playbackRate.value = 0.7, r.connect(a.destination), r.start(), r.onended = () => {
+          s.value = !1, r = null;
         };
       } catch {
         s.value = !1;
       }
     }
-    function C() {
-      a && (a.stop(), a.disconnect(), a = null), l.pause(), l.currentTime = 0, s.value = !1;
+    function g() {
+      r && (r.stop(), r.disconnect(), r = null), l.pause(), l.currentTime = 0, s.value = !1;
     }
-    return (u, A) => s.value ? (x(), I("button", {
+    return (f, h) => s.value ? (p(), b("button", {
       key: 1,
-      class: k(["btn btn-xs btn-circle", [
+      class: A(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
-        { "!bg-white !border-none !shadow-none !ring-0": e.disabled }
+        { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
       ]]),
       disabled: e.disabled,
-      onClick: C
+      onClick: g
     }, [
-      E("img", {
-        class: k(["w-5", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
-        src: Fe,
-        alt: "Stop"
-      }, null, 2)
-    ], 10, Me)) : (x(), I("button", {
+      (p(), b("svg", {
+        class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, Mn, 2))
+    ], 10, In)) : (p(), b("button", {
       key: 0,
-      class: k(["btn btn-xs btn-circle", [
+      class: A(["btn btn-xs btn-circle", [
         { "btn-ghost": !e.disabled },
-        { "!bg-white !border-none !shadow-none !ring-0": e.disabled }
+        { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
       ]]),
       disabled: e.disabled,
       onClick: c
     }, [
-      E("img", {
-        class: k(["w-5", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
-        src: Qe,
-        alt: "Play"
-      }, null, 2)
-    ], 10, Se));
+      (p(), b("svg", {
+        class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, Rn, 2))
+    ], 10, En));
   }
-}, De = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.9491%205.89315C14.8278%205.53128%2014.5111%205.27252%2014.1226%205.21783L10.5264%204.7114L8.91813%201.55315C8.74435%201.21195%208.39257%201%207.99998%201C7.60739%201%207.25557%201.21195%207.08183%201.55315L5.47358%204.7114L1.8774%205.21783C1.48888%205.27252%201.17219%205.53128%201.05086%205.89315C0.929554%206.25501%201.02881%206.64477%201.30993%206.91038L3.91217%209.36871L3.29786%2012.8399C3.2315%2013.215%203.38755%2013.5868%203.7052%2013.8105C3.88128%2013.9344%204.08938%2014%204.30704%2014C4.47232%2014%204.63705%2013.9606%204.78341%2013.886L7.99995%2012.2471L11.2165%2013.886C11.3628%2013.9606%2011.5276%2014%2011.6929%2014C11.9106%2014%2012.1187%2013.9345%2012.2948%2013.8105C12.6124%2013.5868%2012.7685%2013.215%2012.7021%2012.84L12.0878%209.36871L14.6901%206.91035C14.9712%206.64477%2015.0704%206.25498%2014.9491%205.89315ZM14.0266%206.25082L11.2455%208.87813C11.1335%208.98392%2011.0824%209.13637%2011.1089%209.28575L11.7654%2012.9956C11.7701%2013.0226%2011.759%2013.0493%2011.7362%2013.0653C11.7202%2013.0766%2011.7038%2013.079%2011.6929%2013.079C11.6809%2013.079%2011.6694%2013.0762%2011.6587%2013.0708L8.22108%2011.3192C8.15189%2011.284%208.07593%2011.2663%207.99998%2011.2663C7.92402%2011.2663%207.84807%2011.284%207.77882%2011.3193L4.34118%2013.0708C4.33052%2013.0763%204.31904%2013.079%204.30701%2013.079C4.29611%2013.079%204.27969%2013.0767%204.26373%2013.0654C4.24092%2013.0494%204.22975%2013.0226%204.2345%2012.9957L4.89104%209.28584C4.91747%209.13646%204.86637%208.98401%204.75439%208.87822L1.97327%206.25091C1.95308%206.23184%201.94595%206.20383%201.95466%206.17786C1.9634%206.15185%201.98612%206.13326%202.01405%206.12933L5.85743%205.58807C6.0122%205.56626%206.14599%205.47208%206.21521%205.33616L7.93404%201.9608C7.94653%201.9363%207.97178%201.92107%207.99998%201.92107C8.02818%201.92107%208.05343%201.9363%208.06591%201.9608L9.78468%205.33607C9.85391%205.47199%209.9877%205.5662%2010.1425%205.58799L13.9859%206.12924C14.0138%206.1332%2014.0365%206.15176%2014.0452%206.17777C14.0539%206.20374%2014.0468%206.23175%2014.0266%206.25082Z'%20fill='%231A1F2A'/%3e%3c/svg%3e", Re = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.47207%201.31905C7.57125%201.12371%207.77589%201%208.00001%201C8.22413%201%208.42877%201.12367%208.52795%201.31905L10.3721%204.95175L14.4959%205.53427C14.7177%205.5656%2014.9019%205.7166%2014.9712%205.9238C15.0404%206.13101%2014.9827%206.35843%2014.8222%206.51049L11.8382%209.33816L12.5427%2013.3309C12.5806%2013.5456%2012.4897%2013.7626%2012.3084%2013.8906C12.1272%2014.0187%2011.8868%2014.0356%2011.6884%2013.9342L8.00004%2012.0491L4.31158%2013.9343C4.11323%2014.0356%203.87286%2014.0187%203.69157%2013.8907C3.51028%2013.7627%203.4195%2013.5457%203.45736%2013.3309L4.1618%209.33819L1.17781%206.51052C1.01735%206.35846%200.959571%206.13101%201.02884%205.92383C1.09807%205.71663%201.28232%205.56563%201.50409%205.53431L5.62787%204.95178L7.47207%201.31905Z'%20fill='%23FFC857'/%3e%3c/svg%3e", Te = {
-  class: "bg-white tooltip tooltip-top before:!bottom-[100%] before:!bg-white before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary after:!border-transparent",
+}, On = {
+  class: "bg-base-100 tooltip tooltip-top before:!bottom-[100%] before:!bg-base-100 before:!border before:!border-solid before:!border-base-300 before:!shadow-lg before:!rounded-md before:!text-base-content after:!border-transparent",
   "data-tip": "Favorite"
-}, He = ["disabled"], Oe = ["src", "alt"], Ge = {
+}, _n = ["disabled"], Dn = /* @__PURE__ */ y("path", {
+  d: "M14.9491 5.89315C14.8278 5.53128 14.5111 5.27252 14.1226 5.21783L10.5264 4.7114L8.91813 1.55315C8.74435 1.21195 8.39257 1 7.99998 1C7.60739 1 7.25557 1.21195 7.08183 1.55315L5.47358 4.7114L1.8774 5.21783C1.48888 5.27252 1.17219 5.53128 1.05086 5.89315C0.929554 6.25501 1.02881 6.64477 1.30993 6.91038L3.91217 9.36871L3.29786 12.8399C3.2315 13.215 3.38755 13.5868 3.7052 13.8105C3.88128 13.9344 4.08938 14 4.30704 14C4.47232 14 4.63705 13.9606 4.78341 13.886L7.99995 12.2471L11.2165 13.886C11.3628 13.9606 11.5276 14 11.6929 14C11.9106 14 12.1187 13.9345 12.2948 13.8105C12.6124 13.5868 12.7685 13.215 12.7021 12.84L12.0878 9.36871L14.6901 6.91035C14.9712 6.64477 15.0704 6.25498 14.9491 5.89315ZM14.0266 6.25082L11.2455 8.87813C11.1335 8.98392 11.0824 9.13637 11.1089 9.28575L11.7654 12.9956C11.7701 13.0226 11.759 13.0493 11.7362 13.0653C11.7202 13.0766 11.7038 13.079 11.6929 13.079C11.6809 13.079 11.6694 13.0762 11.6587 13.0708L8.22108 11.3192C8.15189 11.284 8.07593 11.2663 7.99998 11.2663C7.92402 11.2663 7.84807 11.284 7.77882 11.3193L4.34118 13.0708C4.33052 13.0763 4.31904 13.079 4.30701 13.079C4.29611 13.079 4.27969 13.0767 4.26373 13.0654C4.24092 13.0494 4.22975 13.0226 4.2345 12.9957L4.89104 9.28584C4.91747 9.13646 4.86637 8.98401 4.75439 8.87822L1.97327 6.25091C1.95308 6.23184 1.94595 6.20383 1.95466 6.17786C1.9634 6.15185 1.98612 6.13326 2.01405 6.12933L5.85743 5.58807C6.0122 5.56626 6.14599 5.47208 6.21521 5.33616L7.93404 1.9608C7.94653 1.9363 7.97178 1.92107 7.99998 1.92107C8.02818 1.92107 8.05343 1.9363 8.06591 1.9608L9.78468 5.33607C9.85391 5.47199 9.9877 5.5662 10.1425 5.58799L13.9859 6.12924C14.0138 6.1332 14.0365 6.15176 14.0452 6.17777C14.0539 6.20374 14.0468 6.23175 14.0266 6.25082Z",
+  fill: "currentColor"
+}, null, -1), Vn = [
+  Dn
+], Nn = /* @__PURE__ */ y("path", {
+  d: "M7.47207 1.31905C7.57125 1.12371 7.77589 1 8.00001 1C8.22413 1 8.42877 1.12367 8.52795 1.31905L10.3721 4.95175L14.4959 5.53427C14.7177 5.5656 14.9019 5.7166 14.9712 5.9238C15.0404 6.13101 14.9827 6.35843 14.8222 6.51049L11.8382 9.33816L12.5427 13.3309C12.5806 13.5456 12.4897 13.7626 12.3084 13.8906C12.1272 14.0187 11.8868 14.0356 11.6884 13.9342L8.00004 12.0491L4.31158 13.9343C4.11323 14.0356 3.87286 14.0187 3.69157 13.8907C3.51028 13.7627 3.4195 13.5457 3.45736 13.3309L4.1618 9.33819L1.17781 6.51052C1.01735 6.35846 0.959571 6.13101 1.02884 5.92383C1.09807 5.71663 1.28232 5.56563 1.50409 5.53431L5.62787 4.95178L7.47207 1.31905Z",
+  fill: "currentColor"
+}, null, -1), Pn = [
+  Nn
+], Hn = {
   __name: "Favorite",
   props: {
     isFilled: Boolean,
     disabled: Boolean
   },
   setup(e) {
-    return (t, n) => (x(), I("div", Te, [
-      E("button", {
-        class: k(["btn btn-xs btn-circle", [
+    return (t, n) => (p(), b("div", On, [
+      y("button", {
+        class: A(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
           { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
         ]]),
         disabled: e.disabled
       }, [
-        E("img", {
-          src: e.isFilled ? O(Re) : O(De),
-          alt: e.isFilled ? "Unfavorite" : "Favorite",
-          class: k(["w-5", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]])
-        }, null, 10, Oe)
-      ], 10, He)
+        e.isFilled ? (p(), b("svg", {
+          key: 1,
+          class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+          viewBox: "0 0 16 16",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, Pn, 2)) : (p(), b("svg", {
+          key: 0,
+          class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+          viewBox: "0 0 16 16",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, Vn, 2))
+      ], 10, _n)
     ]));
   }
-}, Je = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3ccircle%20cx='18'%20cy='12'%20r='0'%20fill='currentColor'%3e%3canimate%20attributeName='r'%20begin='.67'%20calcMode='spline'%20dur='1.5s'%20keySplines='0.2%200.2%200.4%200.8;0.2%200.2%200.4%200.8;0.2%200.2%200.4%200.8'%20repeatCount='indefinite'%20values='0;2;0;0'/%3e%3c/circle%3e%3ccircle%20cx='12'%20cy='12'%20r='0'%20fill='currentColor'%3e%3canimate%20attributeName='r'%20begin='.33'%20calcMode='spline'%20dur='1.5s'%20keySplines='0.2%200.2%200.4%200.8;0.2%200.2%200.4%200.8;0.2%200.2%200.4%200.8'%20repeatCount='indefinite'%20values='0;2;0;0'/%3e%3c/circle%3e%3ccircle%20cx='6'%20cy='12'%20r='0'%20fill='currentColor'%3e%3canimate%20attributeName='r'%20begin='0'%20calcMode='spline'%20dur='1.5s'%20keySplines='0.2%200.2%200.4%200.8;0.2%200.2%200.4%200.8;0.2%200.2%200.4%200.8'%20repeatCount='indefinite'%20values='0;2;0;0'/%3e%3c/circle%3e%3c/svg%3e", Ue = ["src"], o0 = {
-  __name: "Spinning",
-  setup(e) {
-    return (t, n) => (x(), I("img", {
-      src: O(Je),
-      alt: "Loading",
-      class: "w-6 h-6"
-    }, null, 8, Ue));
-  }
-}, Ye = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.8544%203.20309C5.39975%202.89815%204.26277%201.76117%203.95787%200.30649C3.92042%200.12792%203.76292%200%203.58041%200C3.3979%200%203.2404%200.12792%203.20297%200.30652C2.89805%201.76117%201.76107%202.89812%200.306418%203.20302C0.127818%203.24045%20-0.00012207%203.39798%20-0.00012207%203.58046C-0.00012207%203.76295%200.127798%203.92047%200.306418%203.9579C1.76105%204.26285%202.89798%205.3998%203.2029%206.85448C3.24033%207.03307%203.39783%207.16102%203.58034%207.16102C3.76282%207.16102%203.92035%207.0331%203.95778%206.85448C4.26272%205.39983%205.39973%204.26287%206.85438%203.95799C7.03297%203.92056%207.16092%203.76306%207.16092%203.58056C7.1609%203.39805%207.03297%203.24052%206.8544%203.20309ZM3.58036%205.60938C3.14292%204.73132%202.42956%204.01792%201.55151%203.58049C2.42958%203.14305%203.14297%202.42968%203.58041%201.55161C4.01785%202.4297%204.73122%203.14307%205.60926%203.58053C4.73119%204.01797%204.0178%204.73132%203.58036%205.60938Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6.21683%209.574C5.53147%209.4303%204.99578%208.8947%204.85209%208.2093C4.81466%208.0307%204.65716%207.90271%204.47465%207.90271C4.29217%207.90271%204.13464%208.0306%204.09721%208.2092C3.95352%208.8946%203.4178%209.4303%202.73244%209.574C2.55385%209.6114%202.4259%209.7689%202.4259%209.9514C2.4259%2010.1339%202.55383%2010.2914%202.73244%2010.3288C3.41778%2010.4725%203.95349%2011.0082%204.09716%2011.6936C4.13459%2011.8722%204.2921%2012.0002%204.4746%2012.0002C4.65709%2012.0002%204.81461%2011.8723%204.85204%2011.6936C4.99574%2011.0082%205.53145%2010.4725%206.21683%2010.3289C6.39543%2010.2914%206.52337%2010.1339%206.52337%209.9514C6.52337%209.7689%206.39545%209.6114%206.21683%209.574ZM4.47463%2010.6408C4.29163%2010.3688%204.05725%2010.1345%203.78526%209.9515C4.0573%209.7684%204.29163%209.5341%204.47463%209.2621C4.65765%209.5341%204.892%209.7685%205.164%209.9515C4.892%2010.1345%204.65763%2010.3688%204.47463%2010.6408Z'%20fill='%23FFC857'/%3e%3cpath%20d='M11.4271%206.00324C10.5007%205.80904%209.7766%205.08496%209.5825%204.15859C9.545%203.98%209.3875%203.85205%209.205%203.85205C9.0225%203.85205%208.865%203.97995%208.8276%204.15857C8.6334%205.08496%207.90932%205.80902%206.98293%206.0032C6.80434%206.04063%206.67639%206.19815%206.67639%206.38064C6.67639%206.56312%206.80431%206.72062%206.98293%206.75807C7.9093%206.95228%208.6334%207.67633%208.8275%208.6027C8.865%208.7813%209.0225%208.9093%209.205%208.9093C9.3875%208.9093%209.545%208.7814%209.5824%208.6027C9.7766%207.67633%2010.5007%206.95228%2011.4271%206.75812C11.6057%206.72067%2011.7336%206.56317%2011.7336%206.38068C11.7336%206.1982%2011.6057%206.04067%2011.4271%206.00324ZM9.205%207.47681C8.9365%207.02634%208.5593%206.64914%208.1089%206.38066C8.5593%206.11218%208.9365%205.73502%209.205%205.28453C9.4735%205.73502%209.8507%206.11221%2010.3012%206.38068C9.8507%206.64916%209.4735%207.02636%209.205%207.47681Z'%20fill='%23FFC857'/%3e%3ccircle%20cx='3.5'%20cy='3.5'%20r='1.5'%20fill='%23FFC857'/%3e%3cellipse%20cx='4.5'%20cy='10'%20rx='0.5'%20ry='1'%20fill='%23FFC857'/%3e%3cpath%20d='M3.5%201L4.79904%202.5H2.20096L3.5%201Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6%203.5L4.5%204.79904L4.5%202.20096L6%203.5Z'%20fill='%23FFC857'/%3e%3cpath%20d='M10.3697%206.67832L8.22108%207.01422L9.5776%204.65296L10.3697%206.67832Z'%20fill='%23FFC857'/%3e%3cpath%20d='M8.27756%205.34149L10.768%206.00067L9.11199%207.77878L8.27756%205.34149Z'%20fill='%23FFC857'/%3e%3cpath%20d='M1%203.5L2.5%202.20096L2.5%204.79904L1%203.5Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.5%206L2.20096%204.5L4.79904%204.5L3.5%206Z'%20fill='%23FFC857'/%3e%3ccircle%20cx='9'%20cy='6'%20r='1'%20fill='%23FFC857'/%3e%3cpath%20d='M5.49718%209.92495L4.03391%2010.4693L3.96891%209.60573L5.49718%209.92495Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.54089%209.71696L5.10212%209.72621L4.857%2010.5568L3.54089%209.71696Z'%20fill='%23FFC857'/%3e%3cpath%20d='M3.50071%209.96247L5.0159%209.58606L4.9834%2010.4515L3.50071%209.96247Z'%20fill='%23FFC857'/%3e%3c/svg%3e", Ke = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.8544%203.20309C5.39975%202.89815%204.26277%201.76117%203.95787%200.30649C3.92042%200.12792%203.76292%200%203.58041%200C3.3979%200%203.2404%200.12792%203.20297%200.30652C2.89805%201.76117%201.76107%202.89812%200.306418%203.20302C0.127818%203.24045%20-0.00012207%203.39798%20-0.00012207%203.58046C-0.00012207%203.76295%200.127798%203.92047%200.306418%203.9579C1.76105%204.26285%202.89798%205.3998%203.2029%206.85448C3.24033%207.03307%203.39783%207.16102%203.58034%207.16102C3.76282%207.16102%203.92035%207.0331%203.95778%206.85448C4.26272%205.39983%205.39973%204.26287%206.85438%203.95799C7.03297%203.92056%207.16092%203.76306%207.16092%203.58056C7.1609%203.39805%207.03297%203.24052%206.8544%203.20309ZM3.58036%205.60938C3.14292%204.73132%202.42956%204.01792%201.55151%203.58049C2.42958%203.14305%203.14297%202.42968%203.58041%201.55161C4.01785%202.4297%204.73122%203.14307%205.60926%203.58053C4.73119%204.01797%204.0178%204.73132%203.58036%205.60938Z'%20fill='%23FFC857'/%3e%3cpath%20d='M6.21683%209.574C5.53147%209.4303%204.99578%208.8947%204.85209%208.2093C4.81466%208.0307%204.65716%207.90271%204.47465%207.90271C4.29217%207.90271%204.13464%208.0306%204.09721%208.2092C3.95352%208.8946%203.4178%209.4303%202.73244%209.574C2.55385%209.6114%202.4259%209.7689%202.4259%209.9514C2.4259%2010.1339%202.55383%2010.2914%202.73244%2010.3288C3.41778%2010.4725%203.95349%2011.0082%204.09716%2011.6936C4.13459%2011.8722%204.2921%2012.0002%204.4746%2012.0002C4.65709%2012.0002%204.81461%2011.8723%204.85204%2011.6936C4.99574%2011.0082%205.53145%2010.4725%206.21683%2010.3289C6.39543%2010.2914%206.52337%2010.1339%206.52337%209.9514C6.52337%209.7689%206.39545%209.6114%206.21683%209.574ZM4.47463%2010.6408C4.29163%2010.3688%204.05725%2010.1345%203.78526%209.9515C4.0573%209.7684%204.29163%209.5341%204.47463%209.2621C4.65765%209.5341%204.892%209.7685%205.164%209.9515C4.892%2010.1345%204.65763%2010.3688%204.47463%2010.6408Z'%20fill='%23FFC857'/%3e%3cpath%20d='M11.4271%206.00324C10.5007%205.80904%209.7766%205.08496%209.5825%204.15859C9.545%203.98%209.3875%203.85205%209.205%203.85205C9.0225%203.85205%208.865%203.97995%208.8276%204.15857C8.6334%205.08496%207.90932%205.80902%206.98293%206.0032C6.80434%206.04063%206.67639%206.19815%206.67639%206.38064C6.67639%206.56312%206.80431%206.72062%206.98293%206.75807C7.9093%206.95228%208.6334%207.67633%208.8275%208.6027C8.865%208.7813%209.0225%208.9093%209.205%208.9093C9.3875%208.9093%209.545%208.7814%209.5824%208.6027C9.7766%207.67633%2010.5007%206.95228%2011.4271%206.75812C11.6057%206.72067%2011.7336%206.56317%2011.7336%206.38068C11.7336%206.1982%2011.6057%206.04067%2011.4271%206.00324ZM9.205%207.47681C8.9365%207.02634%208.5593%206.64914%208.1089%206.38066C8.5593%206.11218%208.9365%205.73502%209.205%205.28453C9.4735%205.73502%209.8507%206.11221%2010.3012%206.38068C9.8507%206.64916%209.4735%207.02636%209.205%207.47681Z'%20fill='%23FFC857'/%3e%3c/svg%3e", Ve = {
-  class: "bg-white tooltip tooltip-top before:!bottom-[100%] before:!bg-white before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary after:!border-transparent",
+}, Wn = {}, zn = {
+  class: "w-6 h-6 text-primary",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, Zn = /* @__PURE__ */ Ae('<circle cx="18" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".67" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle><circle cx="12" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".33" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle><circle cx="6" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin="0" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"></animate></circle>', 3), Un = [
+  Zn
+];
+function jn(e, t) {
+  return p(), b("svg", zn, Un);
+}
+const rt = /* @__PURE__ */ J(Wn, [["render", jn]]), Kn = {
+  class: "bg-base-100 tooltip tooltip-top before:!bottom-[100%] before:!bg-base-100 before:!border before:!border-solid before:!border-base-300 before:!shadow-lg before:!rounded-md before:!text-base-content after:!border-transparent",
   "data-tip": "AI Translate"
-}, We = ["disabled"], Ne = ["src"], Ze = {
+}, Gn = ["disabled"], Xn = /* @__PURE__ */ y("path", {
+  d: "M6.8544 3.20309C5.39975 2.89815 4.26277 1.76117 3.95787 0.30649C3.92042 0.12792 3.76292 0 3.58041 0C3.3979 0 3.2404 0.12792 3.20297 0.30652C2.89805 1.76117 1.76107 2.89812 0.306418 3.20302C0.127818 3.24045 -0.00012207 3.39798 -0.00012207 3.58046C-0.00012207 3.76295 0.127798 3.92047 0.306418 3.9579C1.76105 4.26285 2.89798 5.3998 3.2029 6.85448C3.24033 7.03307 3.39783 7.16102 3.58034 7.16102C3.76282 7.16102 3.92035 7.0331 3.95778 6.85448C4.26272 5.39983 5.39973 4.26287 6.85438 3.95799C7.03297 3.92056 7.16092 3.76306 7.16092 3.58056C7.1609 3.39805 7.03297 3.24052 6.8544 3.20309ZM3.58036 5.60938C3.14292 4.73132 2.42956 4.01792 1.55151 3.58049C2.42958 3.14305 3.14297 2.42968 3.58041 1.55161C4.01785 2.4297 4.73122 3.14307 5.60926 3.58053C4.73119 4.01797 4.0178 4.73132 3.58036 5.60938Z",
+  fill: "currentColor"
+}, null, -1), qn = /* @__PURE__ */ y("path", {
+  d: "M6.21683 9.574C5.53147 9.4303 4.99578 8.8947 4.85209 8.2093C4.81466 8.0307 4.65716 7.90271 4.47465 7.90271C4.29217 7.90271 4.13464 8.0306 4.09721 8.2092C3.95352 8.8946 3.4178 9.4303 2.73244 9.574C2.55385 9.6114 2.4259 9.7689 2.4259 9.9514C2.4259 10.1339 2.55383 10.2914 2.73244 10.3288C3.41778 10.4725 3.95349 11.0082 4.09716 11.6936C4.13459 11.8722 4.2921 12.0002 4.4746 12.0002C4.65709 12.0002 4.81461 11.8723 4.85204 11.6936C4.99574 11.0082 5.53145 10.4725 6.21683 10.3289C6.39543 10.2914 6.52337 10.1339 6.52337 9.9514C6.52337 9.7689 6.39545 9.6114 6.21683 9.574ZM4.47463 10.6408C4.29163 10.3688 4.05725 10.1345 3.78526 9.9515C4.0573 9.7684 4.29163 9.5341 4.47463 9.2621C4.65765 9.5341 4.892 9.7685 5.164 9.9515C4.892 10.1345 4.65763 10.3688 4.47463 10.6408Z",
+  fill: "currentColor"
+}, null, -1), Yn = /* @__PURE__ */ y("path", {
+  d: "M11.4271 6.00324C10.5007 5.80904 9.7766 5.08496 9.5825 4.15859C9.545 3.98 9.3875 3.85205 9.205 3.85205C9.0225 3.85205 8.865 3.97995 8.8276 4.15857C8.6334 5.08496 7.90932 5.80902 6.98293 6.0032C6.80434 6.04063 6.67639 6.19815 6.67639 6.38064C6.67639 6.56312 6.80431 6.72062 6.98293 6.75807C7.9093 6.95228 8.6334 7.67633 8.8275 8.6027C8.865 8.7813 9.0225 8.9093 9.205 8.9093C9.3875 8.9093 9.545 8.7814 9.5824 8.6027C9.7766 7.67633 10.5007 6.95228 11.4271 6.75812C11.6057 6.72067 11.7336 6.56317 11.7336 6.38068C11.7336 6.1982 11.6057 6.04067 11.4271 6.00324ZM9.205 7.47681C8.9365 7.02634 8.5593 6.64914 8.1089 6.38066C8.5593 6.11218 8.9365 5.73502 9.205 5.28453C9.4735 5.73502 9.8507 6.11221 10.3012 6.38068C9.8507 6.64916 9.4735 7.02636 9.205 7.47681Z",
+  fill: "currentColor"
+}, null, -1), Jn = [
+  Xn,
+  qn,
+  Yn
+], Qn = /* @__PURE__ */ Ae('<path d="M6.8544 3.20309C5.39975 2.89815 4.26277 1.76117 3.95787 0.30649C3.92042 0.12792 3.76292 0 3.58041 0C3.3979 0 3.2404 0.12792 3.20297 0.30652C2.89805 1.76117 1.76107 2.89812 0.306418 3.20302C0.127818 3.24045 -0.00012207 3.39798 -0.00012207 3.58046C-0.00012207 3.76295 0.127798 3.92047 0.306418 3.9579C1.76105 4.26285 2.89798 5.3998 3.2029 6.85448C3.24033 7.03307 3.39783 7.16102 3.58034 7.16102C3.76282 7.16102 3.92035 7.0331 3.95778 6.85448C4.26272 5.39983 5.39973 4.26287 6.85438 3.95799C7.03297 3.92056 7.16092 3.76306 7.16092 3.58056C7.1609 3.39805 7.03297 3.24052 6.8544 3.20309ZM3.58036 5.60938C3.14292 4.73132 2.42956 4.01792 1.55151 3.58049C2.42958 3.14305 3.14297 2.42968 3.58041 1.55161C4.01785 2.4297 4.73122 3.14307 5.60926 3.58053C4.73119 4.01797 4.0178 4.73132 3.58036 5.60938Z" fill="currentColor"></path><path d="M6.21683 9.574C5.53147 9.4303 4.99578 8.8947 4.85209 8.2093C4.81466 8.0307 4.65716 7.90271 4.47465 7.90271C4.29217 7.90271 4.13464 8.0306 4.09721 8.2092C3.95352 8.8946 3.4178 9.4303 2.73244 9.574C2.55385 9.6114 2.4259 9.7689 2.4259 9.9514C2.4259 10.1339 2.55383 10.2914 2.73244 10.3288C3.41778 10.4725 3.95349 11.0082 4.09716 11.6936C4.13459 11.8722 4.2921 12.0002 4.4746 12.0002C4.65709 12.0002 4.81461 11.8723 4.85204 11.6936C4.99574 11.0082 5.53145 10.4725 6.21683 10.3289C6.39543 10.2914 6.52337 10.1339 6.52337 9.9514C6.52337 9.7689 6.39545 9.6114 6.21683 9.574ZM4.47463 10.6408C4.29163 10.3688 4.05725 10.1345 3.78526 9.9515C4.0573 9.7684 4.29163 9.5341 4.47463 9.2621C4.65765 9.5341 4.892 9.7685 5.164 9.9515C4.892 10.1345 4.65763 10.3688 4.47463 10.6408Z" fill="currentColor"></path><path d="M11.4271 6.00324C10.5007 5.80904 9.7766 5.08496 9.5825 4.15859C9.545 3.98 9.3875 3.85205 9.205 3.85205C9.0225 3.85205 8.865 3.97995 8.8276 4.15857C8.6334 5.08496 7.90932 5.80902 6.98293 6.0032C6.80434 6.04063 6.67639 6.19815 6.67639 6.38064C6.67639 6.56312 6.80431 6.72062 6.98293 6.75807C7.9093 6.95228 8.6334 7.67633 8.8275 8.6027C8.865 8.7813 9.0225 8.9093 9.205 8.9093C9.3875 8.9093 9.545 8.7814 9.5824 8.6027C9.7766 7.67633 10.5007 6.95228 11.4271 6.75812C11.6057 6.72067 11.7336 6.56317 11.7336 6.38068C11.7336 6.1982 11.6057 6.04067 11.4271 6.00324ZM9.205 7.47681C8.9365 7.02634 8.5593 6.64914 8.1089 6.38066C8.5593 6.11218 8.9365 5.73502 9.205 5.28453C9.4735 5.73502 9.8507 6.11221 10.3012 6.38068C9.8507 6.64916 9.4735 7.02636 9.205 7.47681Z" fill="currentColor"></path><circle cx="3.5" cy="3.5" r="1.5" fill="currentColor"></circle><ellipse cx="4.5" cy="10" rx="0.5" ry="1" fill="currentColor"></ellipse><circle cx="9" cy="6" r="1" fill="currentColor"></circle>', 6), e1 = [
+  Qn
+], t1 = {
   __name: "AITranslateBtn",
   props: {
     isLoading: Boolean,
@@ -1315,30 +1320,58 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
     isFilled: Boolean
   },
   setup(e) {
-    return (t, n) => (x(), I("div", Ve, [
-      e.isLoading ? (x(), H(o0, {
+    return (t, n) => (p(), b("div", Kn, [
+      e.isLoading ? (p(), I(rt, {
         key: 0,
         class: "inset-0 flex items-center justify-center"
-      })) : (x(), I("button", {
+      })) : (p(), b("button", {
         key: 1,
-        class: k(["btn btn-xs btn-circle", [
+        class: A(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
           { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
         ]]),
         disabled: e.disabled
       }, [
-        E("img", {
-          src: e.isFilled ? O(Ye) : O(Ke),
-          alt: "AI",
-          class: k(["w-5", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
-        }, null, 10, Ne)
-      ], 10, We))
+        e.isFilled ? (p(), b("svg", {
+          key: 1,
+          class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+          viewBox: "0 0 12 12",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, e1, 2)) : (p(), b("svg", {
+          key: 0,
+          class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+          viewBox: "0 0 12 12",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, Jn, 2))
+      ], 10, Gn))
     ]));
   }
-}, qe = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20fill='%23FFC857'%20d='M12%207a5%205%200%200%200-2%209.584V19h4v-2.416A5.001%205.001%200%200%200%2012%207z'/%3e%3cpath%20stroke='%23FFC857'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M21%2012h1m-3.5-6.5%201-1M12%203V2M5.5%205.5l-1-1M3%2012H2m8%2010h4m3-10a5%205%200%201%200-7%204.584V19h4v-2.416A5.001%205.001%200%200%200%2017%2012z'/%3e%3c/svg%3e", je = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%3e%3cpath%20stroke='%23FFC857'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M21%2012h1m-3.5-6.5%201-1M12%203V2M5.5%205.5l-1-1M3%2012H2m8%2010h4m3-10a5%205%200%201%200-7%204.584V19h4v-2.416A5.001%205.001%200%200%200%2017%2012z'/%3e%3c/svg%3e", Pe = {
-  class: "bg-white tooltip tooltip-top before:!bottom-[100%] before:!bg-white before:!border before:!border-solid before:!border-gray-200 before:![box-shadow:0px_1px_8px_0px_#3D44514D] before:!rounded-md before:!text-textSecondary after:!border-transparent",
+}, n1 = {
+  class: "bg-base-100 tooltip tooltip-top before:!bottom-[100%] before:!bg-base-100 before:!border before:!border-solid before:!border-base-300 before:!shadow-lg before:!rounded-md before:!text-base-content after:!border-transparent",
   "data-tip": "AI Summarize"
-}, ze = ["disabled"], $e = ["src"], Xe = {
+}, i1 = ["disabled"], o1 = /* @__PURE__ */ y("path", {
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2",
+  d: "M21 12h1m-3.5-6.5 1-1M12 3V2M5.5 5.5l-1-1M3 12H2m8 10h4m3-10a5 5 0 1 0-7 4.584V19h4v-2.416A5.001 5.001 0 0 0 17 12z"
+}, null, -1), s1 = [
+  o1
+], l1 = /* @__PURE__ */ y("path", {
+  fill: "currentColor",
+  d: "M12 7a5 5 0 0 0-2 9.584V19h4v-2.416A5.001 5.001 0 0 0 12 7z"
+}, null, -1), r1 = /* @__PURE__ */ y("path", {
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2",
+  d: "M21 12h1m-3.5-6.5 1-1M12 3V2M5.5 5.5l-1-1M3 12H2m8 10h4m3-10a5 5 0 1 0-7 4.584V19h4v-2.416A5.001 5.001 0 0 0 17 12z"
+}, null, -1), a1 = [
+  l1,
+  r1
+], c1 = {
   __name: "AIExplainBtn",
   props: {
     isLoading: Boolean,
@@ -1346,44 +1379,154 @@ const me = /* @__PURE__ */ h2(Ae, [["render", he]]), we = { class: "flex flex-co
     isFilled: Boolean
   },
   setup(e) {
-    return (t, n) => (x(), I("div", Pe, [
-      e.isLoading ? (x(), H(o0, { key: 0 })) : (x(), I("button", {
+    return (t, n) => (p(), b("div", n1, [
+      e.isLoading ? (p(), I(rt, { key: 0 })) : (p(), b("button", {
         key: 1,
-        class: k(["btn btn-xs btn-circle", [
+        class: A(["btn btn-xs btn-circle", [
           { "btn-ghost": !e.disabled },
           { "!bg-transparent !border-none !shadow-none !ring-0": e.disabled }
         ]]),
         disabled: e.disabled
       }, [
-        E("img", {
-          src: e.isFilled ? O(qe) : O(je),
-          alt: "AI",
-          class: k(["w-6", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
-        }, null, 10, $e)
-      ], 10, ze))
+        e.isFilled ? (p(), b("svg", {
+          key: 1,
+          class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, a1, 2)) : (p(), b("svg", {
+          key: 0,
+          class: A(["w-4 h-4 text-primary", [{ "opacity-100": !e.disabled }, { "opacity-50 transform": e.disabled }]]),
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, s1, 2))
+      ], 10, i1))
     ]));
   }
-}, _e = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.12596%201.63869C9.46935%201.54364%209.83221%201.70329%209.99413%202.02068C10.3672%202.75191%2011.1261%203.25%2012%203.25C12.8739%203.25%2013.6328%202.75191%2014.0059%202.02068C14.1678%201.70329%2014.5307%201.54364%2014.874%201.63869C16.5585%202.10497%2018.0759%202.9704%2019.3184%204.12574C19.5611%204.35137%2019.6269%204.70948%2019.4804%205.00666C19.3331%205.30535%2019.25%205.6419%2019.25%206C19.25%207.24263%2020.2574%208.25%2021.5%208.25L21.5314%208.24977C21.8629%208.24504%2022.1583%208.45859%2022.2576%208.77495C22.5777%209.79397%2022.75%2010.8776%2022.75%2012C22.75%2012.7408%2022.6749%2013.4649%2022.5318%2014.1648C22.4548%2014.5411%2022.1059%2014.7985%2021.7237%2014.7609C21.6504%2014.7537%2021.5758%2014.75%2021.5%2014.75C20.2574%2014.75%2019.25%2015.7574%2019.25%2017C19.25%2017.5531%2019.4486%2018.0579%2019.7793%2018.4498C20.027%2018.7434%2020.0128%2019.1767%2019.7465%2019.4535C18.4777%2020.7719%2016.8745%2021.7678%2015.0721%2022.3044C14.6807%2022.4209%2014.2681%2022.2029%2014.1437%2021.814C13.8535%2020.906%2013.0024%2020.25%2012%2020.25C10.9976%2020.25%2010.1465%2020.906%209.85629%2021.814C9.73195%2022.2029%209.31927%2022.4209%208.92789%2022.3044C7.12545%2021.7678%205.52229%2020.7719%204.25353%2019.4535C3.98716%2019.1767%203.97299%2018.7434%204.22072%2018.4498C4.55139%2018.0579%204.75%2017.5531%204.75%2017C4.75%2015.7574%203.74264%2014.75%202.5%2014.75C2.42423%2014.75%202.34963%2014.7537%202.27634%2014.7609C1.89406%2014.7985%201.54519%2014.5411%201.46821%2014.1648C1.32505%2013.4649%201.25%2012.7408%201.25%2012C1.25%2010.8776%201.42227%209.79398%201.74236%208.77494C1.84173%208.45859%202.13705%208.24504%202.4686%208.24977L2.5%208.25C3.74264%208.25%204.75%207.24263%204.75%206C4.75%205.6419%204.66689%205.30535%204.51962%205.00666C4.3731%204.70948%204.43894%204.35137%204.68159%204.12574C5.92411%202.9704%207.44153%202.10497%209.12596%201.63869ZM6.08277%204.88991C6.19152%205.24123%206.25%205.61424%206.25%206C6.25%207.88945%204.85261%209.45253%203.03493%209.71213C2.84898%2010.4432%202.75%2011.2096%202.75%2012C2.75%2012.4294%202.77921%2012.8516%202.83567%2013.2648C4.74948%2013.4346%206.25%2015.0421%206.25%2017C6.25%2017.6669%206.0754%2018.2941%205.76971%2018.8372C6.62645%2019.6184%207.63002%2020.2404%208.73362%2020.657C9.37706%2019.5189%2010.598%2018.75%2012%2018.75C13.402%2018.75%2014.6229%2019.5189%2015.2664%2020.657C16.37%2020.2404%2017.3735%2019.6184%2018.2303%2018.8372C17.9246%2018.2941%2017.75%2017.6669%2017.75%2017C17.75%2015.0421%2019.2505%2013.4346%2021.1643%2013.2648C21.2208%2012.8516%2021.25%2012.4294%2021.25%2012C21.25%2011.2096%2021.151%2010.4432%2020.9651%209.71213C19.1474%209.45252%2017.75%207.88945%2017.75%206C17.75%205.61424%2017.8085%205.24123%2017.9172%204.88991C17.0618%204.1771%2016.0762%203.61614%2015.0018%203.24775C14.3184%204.15897%2013.2287%204.75%2012%204.75C10.7713%204.75%209.68158%204.15897%208.99819%203.24775C7.92382%203.61614%206.93823%204.1771%206.08277%204.88991Z'%20fill='%237E7E7E'/%3e%3cpath%20d='M7.75%2012C7.75%209.65278%209.65279%207.75%2012%207.75C14.3472%207.75%2016.25%209.65278%2016.25%2012C16.25%2014.3472%2014.3472%2016.25%2012%2016.25C9.65279%2016.25%207.75%2014.3472%207.75%2012ZM12%209.25C10.4812%209.25%209.25%2010.4812%209.25%2012C9.25%2013.5188%2010.4812%2014.75%2012%2014.75C13.5188%2014.75%2014.75%2013.5188%2014.75%2012C14.75%2010.4812%2013.5188%209.25%2012%209.25Z'%20fill='%237E7E7E'/%3e%3c/svg%3e", et = {}, tt = { class: "btn btn-xs btn-ghost btn-circle mb-1" }, nt = /* @__PURE__ */ E("img", {
-  class: "w-5",
-  src: _e,
-  alt: "Icon description"
-}, null, -1), it = [
-  nt
+}, d1 = {}, u1 = { class: "btn btn-xs btn-ghost btn-circle" }, f1 = /* @__PURE__ */ y("svg", {
+  class: "w-4 h-4 text-primary",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ y("path", {
+    d: "M9.12596 1.63869C9.46935 1.54364 9.83221 1.70329 9.99413 2.02068C10.3672 2.75191 11.1261 3.25 12 3.25C12.8739 3.25 13.6328 2.75191 14.0059 2.02068C14.1678 1.70329 14.5307 1.54364 14.874 1.63869C16.5585 2.10497 18.0759 2.9704 19.3184 4.12574C19.5611 4.35137 19.6269 4.70948 19.4804 5.00666C19.3331 5.30535 19.25 5.6419 19.25 6C19.25 7.24263 20.2574 8.25 21.5 8.25L21.5314 8.24977C21.8629 8.24504 22.1583 8.45859 22.2576 8.77495C22.5777 9.79397 22.75 10.8776 22.75 12C22.75 12.7408 22.6749 13.4649 22.5318 14.1648C22.4548 14.5411 22.1059 14.7985 21.7237 14.7609C21.6504 14.7537 21.5758 14.75 21.5 14.75C20.2574 14.75 19.25 15.7574 19.25 17C19.25 17.5531 19.4486 18.0579 19.7793 18.4498C20.027 18.7434 20.0128 19.1767 19.7465 19.4535C18.4777 20.7719 16.8745 21.7678 15.0721 22.3044C14.6807 22.4209 14.2681 22.2029 14.1437 21.814C13.8535 20.906 13.0024 20.25 12 20.25C10.9976 20.25 10.1465 20.906 9.85629 21.814C9.73195 22.2029 9.31927 22.4209 8.92789 22.3044C7.12545 21.7678 5.52229 20.7719 4.25353 19.4535C3.98716 19.1767 3.97299 18.7434 4.22072 18.4498C4.55139 18.0579 4.75 17.5531 4.75 17C4.75 15.7574 3.74264 14.75 2.5 14.75C2.42423 14.75 2.34963 14.7537 2.27634 14.7609C1.89406 14.7985 1.54519 14.5411 1.46821 14.1648C1.32505 13.4649 1.25 12.7408 1.25 12C1.25 10.8776 1.42227 9.79398 1.74236 8.77494C1.84173 8.45859 2.13705 8.24504 2.4686 8.24977L2.5 8.25C3.74264 8.25 4.75 7.24263 4.75 6C4.75 5.6419 4.66689 5.30535 4.51962 5.00666C4.3731 4.70948 4.43894 4.35137 4.68159 4.12574C5.92411 2.9704 7.44153 2.10497 9.12596 1.63869ZM6.08277 4.88991C6.19152 5.24123 6.25 5.61424 6.25 6C6.25 7.88945 4.85261 9.45253 3.03493 9.71213C2.84898 10.4432 2.75 11.2096 2.75 12C2.75 12.4294 2.77921 12.8516 2.83567 13.2648C4.74948 13.4346 6.25 15.0421 6.25 17C6.25 17.6669 6.0754 18.2941 5.76971 18.8372C6.62645 19.6184 7.63002 20.2404 8.73362 20.657C9.37706 19.5189 10.598 18.75 12 18.75C13.402 18.75 14.6229 19.5189 15.2664 20.657C16.37 20.2404 17.3735 19.6184 18.2303 18.8372C17.9246 18.2941 17.75 17.6669 17.75 17C17.75 15.0421 19.2505 13.4346 21.1643 13.2648C21.2208 12.8516 21.25 12.4294 21.25 12C21.25 11.2096 21.151 10.4432 20.9651 9.71213C19.1474 9.45252 17.75 7.88945 17.75 6C17.75 5.61424 17.8085 5.24123 17.9172 4.88991C17.0618 4.1771 16.0762 3.61614 15.0018 3.24775C14.3184 4.15897 13.2287 4.75 12 4.75C10.7713 4.75 9.68158 4.15897 8.99819 3.24775C7.92382 3.61614 6.93823 4.1771 6.08277 4.88991Z",
+    fill: "currentColor"
+  }),
+  /* @__PURE__ */ y("path", {
+    d: "M7.75 12C7.75 9.65278 9.65279 7.75 12 7.75C14.3472 7.75 16.25 9.65278 16.25 12C16.25 14.3472 14.3472 16.25 12 16.25C9.65279 16.25 7.75 14.3472 7.75 12ZM12 9.25C10.4812 9.25 9.25 10.4812 9.25 12C9.25 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25Z",
+    fill: "currentColor"
+  })
+], -1), m1 = [
+  f1
 ];
-function ot(e, t) {
-  return x(), I("button", tt, it);
-}
-const st = /* @__PURE__ */ h2(et, [["render", ot]]), lt = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.19102%203.19102C3.44571%202.93633%203.85864%202.93633%204.11333%203.19102L12.809%2011.8867C13.0637%2012.1414%2013.0637%2012.5543%2012.809%2012.809C12.5543%2013.0637%2012.1414%2013.0637%2011.8867%2012.809L3.19102%204.11333C2.93633%203.85864%202.93633%203.44571%203.19102%203.19102Z'%20fill='%231A1F2A'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.809%203.19102C13.0637%203.44571%2013.0637%203.85864%2012.809%204.11333L4.11333%2012.809C3.85864%2013.0637%203.44571%2013.0637%203.19102%2012.809C2.93633%2012.5543%202.93633%2012.1414%203.19102%2011.8867L11.8867%203.19102C12.1414%202.93633%2012.5543%202.93633%2012.809%203.19102Z'%20fill='%231A1F2A'/%3e%3c/svg%3e", at = {}, rt = { class: "btn btn-xs btn-circle btn-ghost" }, ct = /* @__PURE__ */ E("img", {
-  class: "w-5",
-  src: lt,
-  alt: "Clear"
-}, null, -1), dt = [
-  ct
+function h1(e, t) {
+  return p(), b("button", u1, m1);
+}
+const C1 = /* @__PURE__ */ J(d1, [["render", h1]]), g1 = {}, p1 = { class: "btn btn-xs btn-circle btn-ghost" }, v1 = /* @__PURE__ */ y("svg", {
+  class: "w-4 h-4 text-primary",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ y("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M3.19102 3.19102C3.44571 2.93633 3.85864 2.93633 4.11333 3.19102L12.809 11.8867C13.0637 12.1414 13.0637 12.5543 12.809 12.809C12.5543 13.0637 12.1414 13.0637 11.8867 12.809L3.19102 4.11333C2.93633 3.85864 2.93633 3.44571 3.19102 3.19102Z",
+    fill: "currentColor"
+  }),
+  /* @__PURE__ */ y("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M12.809 3.19102C13.0637 3.44571 13.0637 3.85864 12.809 4.11333L4.11333 12.809C3.85864 13.0637 3.44571 13.0637 3.19102 12.809C2.93633 12.5543 2.93633 12.1414 3.19102 11.8867L11.8867 3.19102C12.1414 2.93633 12.5543 2.93633 12.809 3.19102Z",
+    fill: "currentColor"
+  })
+], -1), b1 = [
+  v1
 ];
-function ut(e, t) {
-  return x(), I("button", rt, dt);
+function w1(e, t) {
+  return p(), b("button", p1, b1);
+}
+const x1 = /* @__PURE__ */ J(g1, [["render", w1]]), y1 = {
+  name: "ThemeSelector",
+  props: {
+    currentTheme: {
+      type: String,
+      default: "lofi"
+    }
+  },
+  data() {
+    return {
+      availableThemes: [
+        { value: "lofi", name: "Lo-Fi", color: "#0f0f23" },
+        { value: "pastel", name: "Pastel", color: "#d1c1d7" },
+        { value: "fantasy", name: "Fantasy", color: "#6e0b75" },
+        { value: "autumn", name: "Autumn", color: "#8c0327" },
+        { value: "retro", name: "Retro", color: "#ef9995" },
+        { value: "synthwave", name: "Synthwave", color: "#e779c1" },
+        { value: "halloween", name: "Halloween", color: "#f28c18" },
+        { value: "dracula", name: "Dracula", color: "#ff79c6" },
+        { value: "coffee", name: "Coffee", color: "#db924b" },
+        { value: "dim", name: "Dim", color: "#9fe88d" },
+        { value: "sunset", name: "Sunset", color: "#ff865b" },
+        { value: "cyberpunk", name: "Cyberpunk", color: "#ff7598" }
+      ]
+    };
+  },
+  methods: {
+    handleThemeChange(e) {
+      this.$emit("themeChange", e);
+    }
+  }
+}, L1 = { class: "dropdown dropdown-end z-50" }, T1 = /* @__PURE__ */ y("div", {
+  tabindex: "0",
+  role: "button",
+  class: "btn btn-ghost btn-circle btn-xs"
+}, [
+  /* @__PURE__ */ y("svg", {
+    class: "w-4 h-4 text-primary",
+    fill: "currentColor",
+    viewBox: "0 0 20 20"
+  }, [
+    /* @__PURE__ */ y("path", { d: "M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" })
+  ])
+], -1), S1 = {
+  tabindex: "0",
+  class: "dropdown-content menu p-2 shadow bg-base-100 rounded-box w-52 max-h-96 overflow-y-auto z-50 border border-base-300"
+}, A1 = ["id", "value", "checked", "onChange"], $1 = ["for"], E1 = { class: "flex items-center gap-2" };
+function k1(e, t, n, i, o, s) {
+  return p(), b("div", L1, [
+    T1,
+    y("ul", S1, [
+      (p(!0), b(ue, null, we(o.availableThemes, (l) => (p(), b("li", {
+        key: l.value
+      }, [
+        y("input", {
+          type: "radio",
+          id: `theme-${l.value}`,
+          value: l.value,
+          checked: n.currentTheme === l.value,
+          onChange: (a) => s.handleThemeChange(l.value),
+          class: "theme-controller sr-only"
+        }, null, 40, A1),
+        y("label", {
+          for: `theme-${l.value}`,
+          class: A(["cursor-pointer rounded-lg px-2 py-1 hover:bg-base-200", { "bg-primary text-primary-content": n.currentTheme === l.value }])
+        }, [
+          y("span", E1, [
+            y("span", {
+              class: "w-3 h-3 rounded-full",
+              style: Xe({ backgroundColor: l.color })
+            }, null, 4),
+            ft(" " + ce(l.name), 1)
+          ])
+        ], 10, $1)
+      ]))), 128))
+    ])
+  ]);
 }
-const ft = /* @__PURE__ */ h2(at, [["render", ut]]), At = { class: "flex flex-col" }, gt = { class: "flex p-2 pt-2 pb-1 flex-row justify-between" }, Ct = { class: "justify-start items-center" }, ht = { class: "flex items-center gap-1" }, mt = /* @__PURE__ */ E("div", { class: "w-5" }, null, -1), wt = { class: "justify-end items-center" }, N2 = {
+const R1 = /* @__PURE__ */ J(y1, [["render", k1]]), I1 = { class: "flex flex-col" }, B1 = { class: "flex p-2 pt-2 pb-1 flex-row justify-between" }, M1 = { class: "flex justify-start items-center" }, F1 = { class: "flex items-center gap-1" }, O1 = /* @__PURE__ */ y("div", { class: "w-5" }, null, -1), _1 = { class: "flex justify-end items-center" }, Ze = {
   __name: "Header",
   props: {
     tts: String,
@@ -1395,68 +1538,89 @@ const ft = /* @__PURE__ */ h2(at, [["render", ut]]), At = { class: "flex flex-co
     isAITranslationLoading: Boolean,
     isAIExplainLoading: Boolean,
     isAIExplainVisible: Boolean,
-    isAITranslateVisible: Boolean
+    isAITranslateVisible: Boolean,
+    theme: {
+      type: String,
+      default: "lofi"
+    },
+    showThemeSelector: {
+      type: Boolean,
+      default: !0
+    }
   },
-  emits: ["favorite", "setting", "close", "loadTTS", "aiTranslate", "aiExplain"],
+  emits: [
+    "favorite",
+    "setting",
+    "close",
+    "loadTTS",
+    "aiTranslate",
+    "aiExplain",
+    "themeChange"
+  ],
   setup(e, { emit: t }) {
     const n = e, i = t;
-    return (o, s) => (x(), I("div", At, [
-      E("div", gt, [
-        E("div", Ct, [
-          e.isServiceUnavailable ? U("", !0) : (x(), H(ke, {
+    return (o, s) => (p(), b("div", I1, [
+      y("div", B1, [
+        y("div", M1, [
+          e.isServiceUnavailable ? M("", !0) : (p(), I(Fn, {
             key: 0,
             disabled: e.isAITranslationLoading || e.isAIExplainLoading,
             tts: n.tts,
             onLoadTTS: s[0] || (s[0] = (l) => o.$emit("loadTTS"))
           }, null, 8, ["disabled", "tts"]))
         ]),
-        E("div", ht, [
-          mt,
-          !e.isServiceUnavailable && e.isAITranslateVisible ? (x(), H(Ze, {
+        y("div", F1, [
+          O1,
+          !e.isServiceUnavailable && e.isAITranslateVisible ? (p(), I(t1, {
             key: 0,
             isLoading: e.isAITranslationLoading,
             isFilled: e.isAITranslate,
             onClick: s[1] || (s[1] = (l) => i("aiTranslate"))
-          }, null, 8, ["isLoading", "isFilled"])) : U("", !0),
-          !e.isServiceUnavailable && e.isAIExplainVisible ? (x(), H(Xe, {
+          }, null, 8, ["isLoading", "isFilled"])) : M("", !0),
+          !e.isServiceUnavailable && e.isAIExplainVisible ? (p(), I(c1, {
             key: 1,
             isLoading: e.isAIExplainLoading,
             isFilled: e.isAIExplain,
             onClick: s[2] || (s[2] = (l) => i("aiExplain"))
-          }, null, 8, ["isLoading", "isFilled"])) : U("", !0),
-          !e.isServiceUnavailable && n.isFavoriteFeatureEnabled ? (x(), H(Ge, {
+          }, null, 8, ["isLoading", "isFilled"])) : M("", !0),
+          !e.isServiceUnavailable && n.isFavoriteFeatureEnabled ? (p(), I(Hn, {
             key: 2,
             isFilled: n.isFavorite,
             onClick: s[3] || (s[3] = (l) => i("favorite")),
             disabled: e.isAITranslationLoading || e.isAIExplainLoading
-          }, null, 8, ["isFilled", "disabled"])) : U("", !0)
+          }, null, 8, ["isFilled", "disabled"])) : M("", !0)
         ]),
-        E("div", wt, [
-          _(st, {
-            onClick: s[4] || (s[4] = (l) => i("setting"))
+        y("div", _1, [
+          e.showThemeSelector ? (p(), I(R1, {
+            key: 0,
+            "current-theme": e.theme,
+            onThemeChange: s[4] || (s[4] = (l) => i("themeChange", l))
+          }, null, 8, ["current-theme"])) : M("", !0),
+          Z(C1, {
+            onClick: s[5] || (s[5] = (l) => i("setting"))
           }),
-          _(ft, {
-            onClick: s[5] || (s[5] = (l) => i("close"))
+          Z(x1, {
+            onClick: s[6] || (s[6] = (l) => i("close"))
           })
         ])
       ])
     ]));
   }
-}, a2 = {
+}, ae = {
   LOGO: "LOGO",
   LOADING: "LOADING",
   DATA: "DATA",
   ERROR: "ERROR",
   HIDDEN: "HIDDEN"
-}, pt = ["ar", "fa", "iw", "yi", "ur", "pa"], vt = {
+}, Ue = 500, D1 = ["ar", "fa", "iw", "yi", "ur", "pa"], V1 = {
   key: 0,
   class: "flex justify-center"
-}, xt = {
+}, N1 = {
   key: 1,
   class: "flex justify-center"
-}, bt = {
-  class: /* @__PURE__ */ k(["bg-white rounded-md relative z-10"])
-}, Bt = { class: "p-3 border-t border-[#D3D4D9]" }, It = {
+}, P1 = {
+  class: /* @__PURE__ */ A(["bg-base-100 rounded-md relative z-10"])
+}, H1 = { class: "p-3 border-t border-base-300" }, W1 = {
   name: "Bubble",
   props: [
     "translation",
@@ -1467,9 +1631,20 @@ const ft = /* @__PURE__ */ h2(at, [["render", ut]]), At = { class: "flex flex-co
     "isFavoriteFeatureEnabled",
     "isAITranslate",
     "isAIExplain",
-    "aiExplainMinLength"
+    "aiExplainMinLength",
+    "theme",
+    "showThemeSelector"
+  ],
+  emits: [
+    "logo",
+    "favorite",
+    "settings",
+    "close",
+    "loadTTS",
+    "aiTranslate",
+    "aiExplain",
+    "themeChange"
   ],
-  emits: ["logo", "favorite", "settings", "close", "loadTTS", "aiTranslate", "aiExplain"],
   data() {
     return {
       data: null,
@@ -1508,39 +1683,42 @@ const ft = /* @__PURE__ */ h2(at, [["render", ut]]), At = { class: "flex flex-co
       immediate: !0
     },
     status() {
-      this.status === a2.ERROR && (this.isServiceUnavailable = !0);
+      this.status === ae.ERROR && (this.isServiceUnavailable = !0);
     }
   }
-}, yt = /* @__PURE__ */ Object.assign(It, {
+}, z1 = /* @__PURE__ */ Object.assign(W1, {
   setup(e) {
     return (t, n) => {
-      var i, o, s, l, r, a, c, d, f, C, u;
-      return e.status === O(a2).LOGO ? (x(), I("div", vt, [
-        _(oe, {
-          onClick: n[0] || (n[0] = (A) => t.$emit("logo"))
+      var i, o, s, l, a, r, c, d, u, g, f;
+      return e.status === ge(ae).LOGO ? (p(), b("div", V1, [
+        Z(nn, {
+          onClick: n[0] || (n[0] = (h) => t.$emit("logo"))
         })
-      ])) : e.status === O(a2).LOADING ? (x(), I("div", xt, [
-        _(fe)
-      ])) : e.status !== O(a2).HIDDEN ? (x(), I("div", {
+      ])) : e.status === ge(ae).LOADING ? (p(), b("div", N1, [
+        Z(fn)
+      ])) : e.status !== ge(ae).HIDDEN ? (p(), b("div", {
         key: 2,
-        class: k([
-          "wrapper rounded-lg text-slate-900 text-sm shadow-lg relative bg-[length:300%_300%] bg-[position:0%_50%]",
+        class: A([
+          "wrapper rounded-lg text-base-content text-sm shadow-lg relative bg-[length:300%_300%] bg-[position:0%_50%]",
           {
-            "p-0.5 bg-gradient-to-br from-[#8556f0] via-[#d6b379] via-[#6bedd1] to-[#439beb] animate-moveGradient": e.isAITranslate || e.isAIExplain,
-            "p-0.5 bg-gray-100": !e.isAITranslate && !e.isAIExplain
+            "p-0.5 bg-gradient-to-br from-primary via-secondary via-accent to-info animate-moveGradient": e.isAITranslate || e.isAIExplain,
+            "p-0.5 bg-base-300": !e.isAITranslate && !e.isAIExplain
           }
         ])
       }, [
-        E("div", bt, [
-          t.isServiceUnavailable ? (x(), H(N2, {
+        y("div", P1, [
+          t.isServiceUnavailable ? (p(), I(Ze, {
             key: 0,
             isServiceUnavailable: t.isServiceUnavailable,
             isLongSentence: !1,
-            onFavorite: n[1] || (n[1] = (A) => t.$emit("favorite")),
-            onSetting: n[2] || (n[2] = (A) => t.$emit("settings")),
-            onClose: n[3] || (n[3] = (A) => t.$emit("close")),
-            onLoadTTS: n[4] || (n[4] = (A) => t.$emit("loadTTS"))
-          }, null, 8, ["isServiceUnavailable"])) : (x(), H(N2, {
+            theme: e.theme,
+            showThemeSelector: e.showThemeSelector,
+            onFavorite: n[1] || (n[1] = (h) => t.$emit("favorite")),
+            onSetting: n[2] || (n[2] = (h) => t.$emit("settings")),
+            onClose: n[3] || (n[3] = (h) => t.$emit("close")),
+            onLoadTTS: n[4] || (n[4] = (h) => t.$emit("loadTTS")),
+            onThemeChange: n[5] || (n[5] = (h) => t.$emit("themeChange", h))
+          }, null, 8, ["isServiceUnavailable", "theme", "showThemeSelector"])) : (p(), I(Ze, {
             key: 1,
             tts: e.tts,
             isFavorite: e.isFavorite,
@@ -1552,135 +1730,140 @@ const ft = /* @__PURE__ */ h2(at, [["render", ut]]), At = { class: "flex flex-co
             isAIExplainLoading: t.isAIExplainLoading,
             isFavoriteFeatureEnabled: e.isFavoriteFeatureEnabled,
             isLongSentence: t.isLongSentence,
-            onFavorite: n[5] || (n[5] = (A) => t.$emit("favorite")),
-            onSetting: n[6] || (n[6] = (A) => t.$emit("settings")),
-            onClose: n[7] || (n[7] = (A) => t.$emit("close")),
-            onLoadTTS: n[8] || (n[8] = (A) => t.$emit("loadTTS")),
+            theme: e.theme,
+            showThemeSelector: e.showThemeSelector,
+            onFavorite: n[6] || (n[6] = (h) => t.$emit("favorite")),
+            onSetting: n[7] || (n[7] = (h) => t.$emit("settings")),
+            onClose: n[8] || (n[8] = (h) => t.$emit("close")),
+            onLoadTTS: n[9] || (n[9] = (h) => t.$emit("loadTTS")),
             onAiTranslate: t.handleAITranslate,
-            onAiExplain: t.handleAIExplain
-          }, null, 8, ["tts", "isFavorite", "isAITranslate", "isAITranslateVisible", "isAIExplain", "isAIExplainVisible", "isAITranslationLoading", "isAIExplainLoading", "isFavoriteFeatureEnabled", "isLongSentence", "onAiTranslate", "onAiExplain"])),
-          E("div", Bt, [
-            (a = (r = t.data) == null ? void 0 : r.phonetic) != null && a.src ? (x(), H(me, {
+            onAiExplain: t.handleAIExplain,
+            onThemeChange: n[10] || (n[10] = (h) => t.$emit("themeChange", h))
+          }, null, 8, ["tts", "isFavorite", "isAITranslate", "isAITranslateVisible", "isAIExplain", "isAIExplainVisible", "isAITranslationLoading", "isAIExplainLoading", "isFavoriteFeatureEnabled", "isLongSentence", "theme", "showThemeSelector", "onAiTranslate", "onAiExplain"])),
+          y("div", H1, [
+            (r = (a = t.data) == null ? void 0 : a.phonetic) != null && r.src ? (p(), I(pn, {
               key: 0,
               phonetic: (d = (c = t.data) == null ? void 0 : c.phonetic) == null ? void 0 : d.src
-            }, null, 8, ["phonetic"])) : U("", !0),
-            _(pe, {
-              sentences: t.isServiceUnavailable ? "Service Unavailable" : (f = t.data) == null ? void 0 : f.result
+            }, null, 8, ["phonetic"])) : M("", !0),
+            Z(bn, {
+              sentences: t.isServiceUnavailable ? "Service Unavailable" : (u = t.data) == null ? void 0 : u.result
             }, null, 8, ["sentences"])
           ]),
-          !t.isServiceUnavailable && ((u = (C = t.data) == null ? void 0 : C.dictionary) == null ? void 0 : u.length) > 0 ? (x(), H(be, {
+          !t.isServiceUnavailable && ((f = (g = t.data) == null ? void 0 : g.dictionary) == null ? void 0 : f.length) > 0 ? (p(), I(yn, {
             key: 2,
-            class: "p-3 pt-0 border-t border-[#D3D4D9]",
+            class: "p-3 pt-0 border-t border-base-300",
             dictionary: t.data.dictionary
-          }, null, 8, ["dictionary"])) : U("", !0),
-          !t.isServiceUnavailable && e.isAIExplain && e.explanation ? (x(), H(Le, {
+          }, null, 8, ["dictionary"])) : M("", !0),
+          !t.isServiceUnavailable && e.isAIExplain && e.explanation ? (p(), I($n, {
             key: 3,
-            class: "p-3 pt-0 border-t border-[#D3D4D9]",
+            class: "p-3 pt-0 border-t border-base-300",
             explanation: e.explanation
-          }, null, 8, ["explanation"])) : U("", !0)
+          }, null, 8, ["explanation"])) : M("", !0)
         ])
-      ], 2)) : U("", !0);
+      ], 2)) : M("", !0);
     };
   }
 });
-function Et(e) {
+function Z1(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var s0 = { exports: {} };
-(function(e) {
-  (function() {
-    var t = [
-      "direction",
-      // RTL support
-      "boxSizing",
-      "width",
-      // on Chrome and IE, exclude the scrollbar, so the mirror div wraps exactly as the textarea does
-      "height",
-      "overflowX",
-      "overflowY",
-      // copy the scrollbar for IE
-      "borderTopWidth",
-      "borderRightWidth",
-      "borderBottomWidth",
-      "borderLeftWidth",
-      "borderStyle",
-      "paddingTop",
-      "paddingRight",
-      "paddingBottom",
-      "paddingLeft",
-      // https://developer.mozilla.org/en-US/docs/Web/CSS/font
-      "fontStyle",
-      "fontVariant",
-      "fontWeight",
-      "fontStretch",
-      "fontSize",
-      "fontSizeAdjust",
-      "lineHeight",
-      "fontFamily",
-      "textAlign",
-      "textTransform",
-      "textIndent",
-      "textDecoration",
-      // might not make a difference, but better be safe
-      "letterSpacing",
-      "wordSpacing",
-      "tabSize",
-      "MozTabSize"
-    ], n = typeof window < "u", i = n && window.mozInnerScreenX != null;
-    function o(s, l, r) {
-      if (!n)
-        throw new Error("textarea-caret-position#getCaretCoordinates should only be called in a browser");
-      var a = r && r.debug || !1;
-      if (a) {
-        var c = document.querySelector("#input-textarea-caret-position-mirror-div");
-        c && c.parentNode.removeChild(c);
+var Te = { exports: {} }, je;
+function U1() {
+  return je || (je = 1, function(e) {
+    (function() {
+      var t = [
+        "direction",
+        // RTL support
+        "boxSizing",
+        "width",
+        // on Chrome and IE, exclude the scrollbar, so the mirror div wraps exactly as the textarea does
+        "height",
+        "overflowX",
+        "overflowY",
+        // copy the scrollbar for IE
+        "borderTopWidth",
+        "borderRightWidth",
+        "borderBottomWidth",
+        "borderLeftWidth",
+        "borderStyle",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        // https://developer.mozilla.org/en-US/docs/Web/CSS/font
+        "fontStyle",
+        "fontVariant",
+        "fontWeight",
+        "fontStretch",
+        "fontSize",
+        "fontSizeAdjust",
+        "lineHeight",
+        "fontFamily",
+        "textAlign",
+        "textTransform",
+        "textIndent",
+        "textDecoration",
+        // might not make a difference, but better be safe
+        "letterSpacing",
+        "wordSpacing",
+        "tabSize",
+        "MozTabSize"
+      ], n = typeof window < "u", i = n && window.mozInnerScreenX != null;
+      function o(s, l, a) {
+        if (!n)
+          throw new Error("textarea-caret-position#getCaretCoordinates should only be called in a browser");
+        var r = a && a.debug || !1;
+        if (r) {
+          var c = document.querySelector("#input-textarea-caret-position-mirror-div");
+          c && c.parentNode.removeChild(c);
+        }
+        var d = document.createElement("div");
+        d.id = "input-textarea-caret-position-mirror-div", document.body.appendChild(d);
+        var u = d.style, g = window.getComputedStyle ? window.getComputedStyle(s) : s.currentStyle, f = s.nodeName === "INPUT";
+        u.whiteSpace = "pre-wrap", f || (u.wordWrap = "break-word"), u.position = "absolute", r || (u.visibility = "hidden"), t.forEach(function(w) {
+          f && w === "lineHeight" ? u.lineHeight = g.height : u[w] = g[w];
+        }), i ? s.scrollHeight > parseInt(g.height) && (u.overflowY = "scroll") : u.overflow = "hidden", d.textContent = s.value.substring(0, l), f && (d.textContent = d.textContent.replace(/\s/g, " "));
+        var h = document.createElement("span");
+        h.textContent = s.value.substring(l) || ".", d.appendChild(h);
+        var v = {
+          top: h.offsetTop + parseInt(g.borderTopWidth),
+          left: h.offsetLeft + parseInt(g.borderLeftWidth),
+          height: parseInt(g.lineHeight)
+        };
+        return r ? h.style.backgroundColor = "#aaa" : document.body.removeChild(d), v;
       }
-      var d = document.createElement("div");
-      d.id = "input-textarea-caret-position-mirror-div", document.body.appendChild(d);
-      var f = d.style, C = window.getComputedStyle ? window.getComputedStyle(s) : s.currentStyle, u = s.nodeName === "INPUT";
-      f.whiteSpace = "pre-wrap", u || (f.wordWrap = "break-word"), f.position = "absolute", a || (f.visibility = "hidden"), t.forEach(function(w) {
-        u && w === "lineHeight" ? f.lineHeight = C.height : f[w] = C[w];
-      }), i ? s.scrollHeight > parseInt(C.height) && (f.overflowY = "scroll") : f.overflow = "hidden", d.textContent = s.value.substring(0, l), u && (d.textContent = d.textContent.replace(/\s/g, " "));
-      var A = document.createElement("span");
-      A.textContent = s.value.substring(l) || ".", d.appendChild(A);
-      var m = {
-        top: A.offsetTop + parseInt(C.borderTopWidth),
-        left: A.offsetLeft + parseInt(C.borderLeftWidth),
-        height: parseInt(C.lineHeight)
-      };
-      return a ? A.style.backgroundColor = "#aaa" : document.body.removeChild(d), m;
-    }
-    e.exports = o;
-  })();
-})(s0);
-var Lt = s0.exports;
-const Z2 = /* @__PURE__ */ Et(Lt);
-function f2(e) {
+      e.exports = o;
+    })();
+  }(Te)), Te.exports;
+}
+var j1 = U1();
+const Ke = /* @__PURE__ */ Z1(j1);
+function re(e) {
   const t = window.getSelection();
   let n = t + "";
   if (n = n.trim(), e && e.type === "password" || !n.length && (!(e && e.selectionEnd) || (n = e.value.substring(e.selectionStart, e.selectionEnd), n = n.trim(), !n.length)))
     return !1;
-  let o = t.getRangeAt(0).getBoundingClientRect(), { top: s, bottom: l, left: r, width: a, height: c } = o;
-  if (!l && !r) {
+  let o = t.getRangeAt(0).getBoundingClientRect(), { top: s, bottom: l, left: a, width: r, height: c } = o;
+  if (!l && !a) {
     if (!e.selectionEnd)
       return !1;
-    let d = Z2(e, e.selectionStart), f = Z2(e, e.selectionEnd);
-    o = e.getBoundingClientRect(), r = o.left + d.left, a = f.left - d.left, d.top != f.top && (r = o.left, a = o.width), s = o.top + d.top, l = o.top + f.top + 20;
+    let d = Ke(e, e.selectionStart), u = Ke(e, e.selectionEnd);
+    o = e.getBoundingClientRect(), a = o.left + d.left, r = u.left - d.left, d.top != u.top && (a = o.left, r = o.width), s = o.top + d.top, l = o.top + u.top + 20;
   }
   return c === 0 && (c = l - s), {
     text: n,
     // position
-    x: r,
+    x: a,
     y: s,
     top: s,
     bottom: l,
-    left: r,
-    right: r + a,
-    width: a,
+    left: a,
+    right: a + r,
+    width: r,
     height: c
   };
 }
-function Qt() {
+function K1() {
   const e = document.getElementsByTagName("ddict-div");
   for (let t of e)
     if (!t.parentNode.matches('wrapper[dir="rtl"]')) {
@@ -1688,17 +1871,17 @@ function Qt() {
       n.setAttribute("dir", "rtl"), t.parentNode.insertBefore(n, t), n.appendChild(t);
     }
 }
-function Ft() {
+function G1() {
   const e = document.querySelectorAll('wrapper[dir="rtl"]');
   for (let t of e) {
     const n = t.querySelector("ddict-div");
     n && (t.parentNode.insertBefore(n, t), t.remove());
   }
 }
-const q2 = {
-  supportRTL: Qt,
-  removeRTL: Ft
-}, St = {
+const Ge = {
+  supportRTL: K1,
+  removeRTL: G1
+}, X1 = {
   __name: "HotKeysListener",
   props: {
     textSelected: String
@@ -1707,14 +1890,14 @@ const q2 = {
   setup(e, { emit: t }) {
     const n = e, i = t, o = () => {
       setTimeout(() => {
-        n.textSelected && r("DoubleClick");
+        n.textSelected && a("DoubleClick");
       }, 50);
-    }, s = (a) => {
-      (a.altKey && a.key.toLowerCase() === "w" || a.key === "∑") && n.textSelected && (r("Alt+W"), a.preventDefault()), a.key === "Escape" && (r("Escape"), a.preventDefault());
-    }, l = (a) => {
-      a.key === "Shift" && n.textSelected && r("Shift");
-    }, r = (a) => {
-      switch (a) {
+    }, s = (r) => {
+      (r.altKey && r.key.toLowerCase() === "w" || r.key === "∑") && n.textSelected && (a("Alt+W"), r.preventDefault()), r.key === "Escape" && (a("Escape"), r.preventDefault());
+    }, l = (r) => {
+      r.key === "Shift" && n.textSelected && a("Shift");
+    }, a = (r) => {
+      switch (r) {
         case "DoubleClick":
           i("toggleKey", "DoubleClick");
           break;
@@ -1729,13 +1912,13 @@ const q2 = {
           break;
       }
     };
-    return j2(() => {
+    return qe(() => {
       window.addEventListener("dblclick", o), window.addEventListener("keydown", s), window.addEventListener("keyup", l);
-    }), M2(() => {
+    }), $e(() => {
       window.removeEventListener("dblclick", o), window.removeEventListener("keydown", s), window.removeEventListener("keyup", l);
-    }), (a, c) => (x(), I("div"));
+    }), (r, c) => (p(), b("div"));
   }
-}, kt = {
+}, q1 = ["data-theme"], J1 = {
   __name: "BubbleWrapper",
   props: {
     translation: Object,
@@ -1753,6 +1936,14 @@ const q2 = {
     aiExplainMinLength: {
       type: Number,
       default: 0
+    },
+    theme: {
+      type: String,
+      default: "lofi"
+    },
+    showThemeSelector: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: [
@@ -1763,132 +1954,101 @@ const q2 = {
     "close",
     "loadTTS",
     "aiTranslate",
-    "aiExplain"
+    "aiExplain",
+    "themeChange"
   ],
   setup(e, { emit: t }) {
-    const n = e, i = t, o = T(null), s = T(null), l = T(null), r = T(!1), a = T(""), c = Q(() => typeof window > "u" || !l.value || !a.value ? null : {
-      getBoundingClientRect: () => f2(l.value),
-      getClientRects: () => f2(l.value)
-    }), d = Q(() => {
-      if (!u.value.arrow || n.status === a2.LOGO)
-        return {
-          display: "none"
-        };
-      const { x: h, y: g } = u.value.arrow, y = {
-        top: "bottom",
-        right: "left",
-        bottom: "top",
-        left: "right"
-      }[u.value.offset.placement];
-      return {
-        left: h != null ? `${h}px` : "",
-        top: g != null ? `${g}px` : "",
-        [y]: "-8px",
-        position: "absolute"
-      };
-    }), f = Q(() => {
-      var g;
-      switch ((g = u.value.offset) == null ? void 0 : g.placement) {
-        case "top":
-          return { transform: "rotate(180deg)" };
-        case "left":
-          return { transform: "rotate(90deg)" };
-        case "right":
-          return { transform: "rotate(-90deg)" };
-        default:
-          return {};
-      }
-    }), { floatingStyles: C, middlewareData: u, update: A } = _0(c, o, {
+    const n = e, i = t, o = B(null), s = B(null), l = B(!1), a = B(""), r = B(n.theme), c = R(() => typeof window > "u" || !s.value || !a.value ? null : {
+      getBoundingClientRect: () => re(s.value),
+      getClientRects: () => re(s.value)
+    }), { floatingStyles: d, update: u } = Yt(c, o, {
       placement: "bottom",
       middleware: [
-        N0(4),
-        q0(),
-        Z0(),
-        X0({ element: s }),
-        j0({
-          apply({ rects: h, elements: g }) {
-            Object.assign(g.floating.style, {
-              maxWidth: `${h.reference.width > 250 ? h.reference.width / n.scale : 250}px`,
+        Ut(4),
+        Kt(),
+        jt(),
+        Gt({
+          apply({ rects: m, elements: C }) {
+            let L = m.reference.width > 250 ? m.reference.width / n.scale : 250;
+            L > Ue && (L = Ue), Object.assign(C.floating.style, {
+              maxWidth: L + "px",
               zIndex: 9999
             });
           }
         })
       ],
-      whileElementsMounted(h, g, y) {
-        return W0(h, g, y, {
+      whileElementsMounted(m, C, L) {
+        return Zt(m, C, L, {
           ancestorScroll: !0
         });
       }
-    }), m = Q(() => {
-      if (n.scale === 1) return C.value;
-      const h = C.value.transform;
+    }), g = R(() => {
+      const m = d.value;
+      if (n.scale === 1) return m;
+      const C = m.transform || "";
       return {
-        ...C.value,
-        transform: `${h} scale(${n.scale})`
+        ...m,
+        transform: `${C} scale(${n.scale})`
       };
     });
-    j2(() => {
-      document.addEventListener("keyup", (h) => {
-        if (!f2(h.target)) {
+    qe(() => {
+      document.addEventListener("keyup", (m) => {
+        if (!re(m.target)) {
           a.value = "", v();
           return;
         }
-      }), document.documentElement.onclick = (h) => {
-        const g = f2(h.target);
-        if (!g) {
+      }), document.documentElement.onclick = (m) => {
+        const C = re(m.target);
+        if (!C) {
           a.value = "", v();
           return;
         }
-        w(g, h);
-      }, document.documentElement.ontouchend = (h) => {
-        const g = f2(h.target);
-        if (!g) {
+        f(C, m);
+      }, document.documentElement.ontouchend = (m) => {
+        const C = re(m.target);
+        if (!C) {
           a.value = "", v();
           return;
         }
-        w(g, h);
+        f(C, m);
       };
-    }), M2(() => {
+    }), $e(() => {
       document.documentElement.onclick = null, document.documentElement.ontouchend = null;
     });
-    const w = (h, g) => {
-      n.status !== a2.LOGO && i("close"), l.value = g.target, a.value = h.text, r.value = !0, J2(A);
-    }, p = (h) => {
-      h.stopPropagation();
+    const f = (m, C) => {
+      n.status !== ae.LOGO && i("close"), s.value = C.target, a.value = m.text, l.value = !0, _e(u);
+    }, h = (m) => {
+      m.stopPropagation();
     }, v = async () => {
-      r.value = !1, i("close");
-    }, b = () => {
-      var g;
-      const h = (g = n == null ? void 0 : n.translation) == null ? void 0 : g.target;
-      pt.includes(h) ? q2.supportRTL() : q2.removeRTL();
+      l.value = !1, i("close");
+    }, w = (m) => {
+      r.value = m, i("themeChange", m);
+    }, x = () => {
+      var C;
+      const m = (C = n == null ? void 0 : n.translation) == null ? void 0 : C.target;
+      D1.includes(m) ? Ge.supportRTL() : Ge.removeRTL();
     };
-    return A2(
+    return te(
       () => n.status,
       () => {
-        r.value && J2(A), b();
+        l.value && _e(u), x();
+      }
+    ), te(
+      () => n.theme,
+      (m) => {
+        r.value = m;
       }
-    ), (h, g) => (x(), I(b2, null, [
-      r.value ? (x(), I("div", {
+    ), (m, C) => (p(), b(ue, null, [
+      l.value ? (p(), b("div", {
         key: 0,
         ref_key: "floatingEl",
         ref: o,
-        style: y2(m.value),
-        onClick: p
+        class: "rounded-lg",
+        style: Xe(g.value),
+        "data-theme": r.value,
+        onClick: h
       }, [
-        E("div", {
-          ref_key: "arrowEl",
-          ref: s,
-          style: y2(d.value),
-          class: "absolute transform"
-        }, [
-          E("img", {
-            style: y2(f.value),
-            class: "w-5",
-            src: f0,
-            alt: "arrow"
-          }, null, 4)
-        ], 4),
-        _(yt, {
+        Z(z1, {
           translation: n.translation,
           explanation: n.explanation,
           tts: n.tts,
@@ -1898,23 +2058,26 @@ const q2 = {
           isAITranslate: n.isAITranslate,
           isAIExplain: n.isAIExplain,
           aiExplainMinLength: n.aiExplainMinLength,
-          onLogo: g[0] || (g[0] = (y) => i("logo")),
-          onFavorite: g[1] || (g[1] = (y) => i("favorite")),
-          onSettings: g[2] || (g[2] = (y) => i("settings")),
+          theme: r.value,
+          showThemeSelector: n.showThemeSelector,
+          onLogo: C[0] || (C[0] = (L) => i("logo")),
+          onFavorite: C[1] || (C[1] = (L) => i("favorite")),
+          onSettings: C[2] || (C[2] = (L) => i("settings")),
           onClose: v,
-          onLoadTTS: g[3] || (g[3] = (y) => i("loadTTS")),
-          onAiTranslate: g[4] || (g[4] = (y) => i("aiTranslate")),
-          onAiExplain: g[5] || (g[5] = (y) => i("aiExplain"))
-        }, null, 8, ["translation", "explanation", "tts", "status", "isFavorite", "isFavoriteFeatureEnabled", "isAITranslate", "isAIExplain", "aiExplainMinLength"])
-      ], 4)) : U("", !0),
-      _(St, {
+          onLoadTTS: C[3] || (C[3] = (L) => i("loadTTS")),
+          onAiTranslate: C[4] || (C[4] = (L) => i("aiTranslate")),
+          onAiExplain: C[5] || (C[5] = (L) => i("aiExplain")),
+          onThemeChange: w
+        }, null, 8, ["translation", "explanation", "tts", "status", "isFavorite", "isFavoriteFeatureEnabled", "isAITranslate", "isAIExplain", "aiExplainMinLength", "theme", "showThemeSelector"])
+      ], 12, q1)) : M("", !0),
+      Z(X1, {
         textSelected: a.value,
-        onToggleKey: g[6] || (g[6] = (y) => i("toggleKey", y)),
+        onToggleKey: C[6] || (C[6] = (L) => i("toggleKey", L)),
         onClose: v
       }, null, 8, ["textSelected"])
     ], 64));
   }
 };
 export {
-  kt as default
+  J1 as default
 };